Skip to content

Commit 35c2a53

Browse files
demikedemike
authored
Merge pull request #66 from demike/feat/angular19
feat: angular19
2 parents c1b1123 + 6c9b6b1 commit 35c2a53

File tree

218 files changed

+7962
-5433
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

218 files changed

+7962
-5433
lines changed

‎package-lock.json

+6,467-4,173
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json

+16-16
Original file line numberDiff line numberDiff line change
@@ -17,16 +17,16 @@
1717
},
1818
"private": true,
1919
"dependencies": {
20-
"@angular/animations": "^18.2.11",
21-
"@angular/cdk": "^18.2.12",
22-
"@angular/common": "^18.2.11",
23-
"@angular/compiler": "^18.2.11",
24-
"@angular/core": "^18.2.11",
25-
"@angular/forms": "^18.2.11",
26-
"@angular/material": "^18.2.12",
27-
"@angular/platform-browser": "^18.2.11",
28-
"@angular/platform-browser-dynamic": "^18.2.11",
29-
"@angular/router": "^18.2.11",
20+
"@angular/animations": "^19.1.7",
21+
"@angular/cdk": "^19.1.5",
22+
"@angular/common": "^19.1.7",
23+
"@angular/compiler": "^19.1.7",
24+
"@angular/core": "^19.1.7",
25+
"@angular/forms": "^19.1.7",
26+
"@angular/material": "^19.1.5",
27+
"@angular/platform-browser": "^19.1.7",
28+
"@angular/platform-browser-dynamic": "^19.1.7",
29+
"@angular/router": "^19.1.7",
3030
"@stackblitz/sdk": "^1.9.0",
3131
"@types/webxr": "^0.5.5",
3232
"highlight.js": "^11.9.0",
@@ -37,17 +37,17 @@
3737
"simplex-noise": "^4.0.1",
3838
"three": "~0.171.0",
3939
"tslib": "^2.6.2",
40-
"zone.js": "~0.14.10"
40+
"zone.js": "~0.15.0"
4141
},
4242
"devDependencies": {
43-
"@angular-devkit/build-angular": "^18.2.11",
43+
"@angular-devkit/build-angular": "^19.1.8",
4444
"@angular-eslint/builder": "~18.4.0",
4545
"@angular-eslint/eslint-plugin": "~18.4.0",
4646
"@angular-eslint/eslint-plugin-template": "~18.4.0",
4747
"@angular-eslint/schematics": "^18.4.0",
4848
"@angular-eslint/template-parser": "~18.4.0",
49-
"@angular/cli": "^18.2.11",
50-
"@angular/compiler-cli": "^18.2.11",
49+
"@angular/cli": "^19.1.8",
50+
"@angular/compiler-cli": "^19.1.7",
5151
"@types/jasmine": "^4.3.5",
5252
"@types/node": "^20.5.3",
5353
"@types/three": "^0.171.0",
@@ -65,12 +65,12 @@
6565
"karma-coverage": "^2.2.1",
6666
"karma-jasmine": "^5.1.0",
6767
"karma-jasmine-html-reporter": "^2.1.0",
68-
"ng-packagr": "^18.2.1",
68+
"ng-packagr": "^19.2.0",
6969
"prettier": "^3.0.2",
7070
"prettier-eslint": "^15.0.1",
7171
"prettier-eslint-cli": "^7.1.0",
7272
"ts-node": "^10.9.1",
73-
"typescript": "^5.4.5",
73+
"typescript": "^5.7.3",
7474
"utility-types": "^3.10.0"
7575
}
7676
}

‎projects/ngx-three-demo/src/app/animation-example/animation-example.component.ts

+4-3
Original file line numberDiff line numberDiff line change
@@ -3,9 +3,10 @@ import { ThGridHelper } from 'ngx-three';
33
import { Material } from 'three';
44

55
@Component({
6-
selector: 'app-animation-example',
7-
templateUrl: './animation-example.component.html',
8-
changeDetection: ChangeDetectionStrategy.OnPush,
6+
selector: 'app-animation-example',
7+
templateUrl: './animation-example.component.html',
8+
changeDetection: ChangeDetectionStrategy.OnPush,
9+
standalone: false
910
})
1011
export class AnimationExampleComponent implements AfterViewInit {
1112
// eslint-disable-next-line @typescript-eslint/naming-convention

‎projects/ngx-three-demo/src/app/animation-example/robot.component.ts

+4-3
Original file line numberDiff line numberDiff line change
@@ -5,9 +5,10 @@ import { GLTF } from 'three/examples/jsm/loaders/GLTFLoader';
55
import { ASSET_PATH } from '../assets';
66

77
@Component({
8-
selector: 'app-robot',
9-
templateUrl: './robot.component.html',
10-
changeDetection: ChangeDetectionStrategy.OnPush,
8+
selector: 'app-robot',
9+
templateUrl: './robot.component.html',
10+
changeDetection: ChangeDetectionStrategy.OnPush,
11+
standalone: false
1112
})
1213
export class RobotComponent {
1314
public readonly assetPath = ASSET_PATH + 'RobotExpressive.glb';

‎projects/ngx-three-demo/src/app/app.component.ts

+5-4
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,11 @@
11
import { ChangeDetectionStrategy, Component } from '@angular/core';
22

33
@Component({
4-
selector: 'app-root',
5-
templateUrl: './app.component.html',
6-
styleUrls: ['./app.component.scss'],
7-
changeDetection: ChangeDetectionStrategy.OnPush,
4+
selector: 'app-root',
5+
templateUrl: './app.component.html',
6+
styleUrls: ['./app.component.scss'],
7+
changeDetection: ChangeDetectionStrategy.OnPush,
8+
standalone: false
89
})
910
export class AppComponent {
1011
title = 'ngx-three-demo';

‎projects/ngx-three-demo/src/app/basic-example/basic-example.component.ts

+4-3
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
import { ChangeDetectionStrategy, Component } from '@angular/core';
22

33
@Component({
4-
selector: 'app-basic-example',
5-
changeDetection: ChangeDetectionStrategy.OnPush,
6-
template: `
4+
selector: 'app-basic-example',
5+
changeDetection: ChangeDetectionStrategy.OnPush,
6+
template: `
77
<th-canvas>
88
<th-scene>
99
<th-mesh>
@@ -15,5 +15,6 @@ import { ChangeDetectionStrategy, Component } from '@angular/core';
1515
</th-scene>
1616
</th-canvas>
1717
`,
18+
standalone: false
1819
})
1920
export class BasicExampleComponent {}

‎projects/ngx-three-demo/src/app/code/code.component.ts

+5-4
Original file line numberDiff line numberDiff line change
@@ -2,10 +2,11 @@ import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
22
import { EditorService } from './EditorService';
33

44
@Component({
5-
selector: 'app-code',
6-
templateUrl: './code.component.html',
7-
styleUrls: ['./code.component.scss'],
8-
changeDetection: ChangeDetectionStrategy.OnPush,
5+
selector: 'app-code',
6+
templateUrl: './code.component.html',
7+
styleUrls: ['./code.component.scss'],
8+
changeDetection: ChangeDetectionStrategy.OnPush,
9+
standalone: false
910
})
1011
export class CodeComponent {
1112
public fileNames: string[] = [];

‎projects/ngx-three-demo/src/app/controls-example/controls-example.component.ts

+4-3
Original file line numberDiff line numberDiff line change
@@ -2,9 +2,10 @@ import { Component, ChangeDetectionStrategy } from '@angular/core';
22
import { ASSET_PATH } from '../assets';
33

44
@Component({
5-
selector: 'app-controls-example',
6-
templateUrl: './controls-example.component.html',
7-
changeDetection: ChangeDetectionStrategy.OnPush
5+
selector: 'app-controls-example',
6+
templateUrl: './controls-example.component.html',
7+
changeDetection: ChangeDetectionStrategy.OnPush,
8+
standalone: false
89
})
910
export class ControlsExampleComponent {
1011
public selected = false;

‎projects/ngx-three-demo/src/app/css3d-renderer-example/css3d-renderer-example.component.ts

+6-5
Original file line numberDiff line numberDiff line change
@@ -3,11 +3,12 @@ import { provideCSS3dRenderer } from 'projects/ngx-three/src/lib/renderer/render
33
import { Object3D, Vector3 } from 'three';
44

55
@Component({
6-
selector: 'app-css3d-multi-renderer-example',
7-
templateUrl: './css3d-renderer-example.component.html',
8-
changeDetection: ChangeDetectionStrategy.OnPush,
9-
styleUrls: ['./css3d-renderer-example.component.scss'],
10-
providers: [provideCSS3dRenderer()],
6+
selector: 'app-css3d-multi-renderer-example',
7+
templateUrl: './css3d-renderer-example.component.html',
8+
changeDetection: ChangeDetectionStrategy.OnPush,
9+
styleUrls: ['./css3d-renderer-example.component.scss'],
10+
providers: [provideCSS3dRenderer()],
11+
standalone: false
1112
})
1213
export class CSS3dRendererExampleComponent {
1314
// eslint-disable-next-line @typescript-eslint/naming-convention

‎projects/ngx-three-demo/src/app/dynamic-loader-example/dynamic-loader-example.component.ts

+4-3
Original file line numberDiff line numberDiff line change
@@ -3,9 +3,10 @@ import { Object3D } from 'three';
33
import { ASSET_PATH } from '../assets';
44

55
@Component({
6-
selector: 'app-dynamic-loader-example',
7-
templateUrl: './dynamic-loader-example.component.html',
8-
changeDetection: ChangeDetectionStrategy.OnPush,
6+
selector: 'app-dynamic-loader-example',
7+
templateUrl: './dynamic-loader-example.component.html',
8+
changeDetection: ChangeDetectionStrategy.OnPush,
9+
standalone: false
910
})
1011
export class DynamicLoaderExampleComponent implements OnDestroy {
1112
public modelUrl: string;

‎projects/ngx-three-demo/src/app/events-example/events-example.component.ts

+5-4
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,11 @@
11
import { ChangeDetectionStrategy, ChangeDetectorRef, Component, SimpleChanges } from '@angular/core';
22
import { ASSET_PATH } from '../assets';
33
@Component({
4-
selector: 'app-events-example',
5-
templateUrl: './events-example.component.html',
6-
styleUrls: ['./events-example.component.scss'],
7-
changeDetection: ChangeDetectionStrategy.OnPush,
4+
selector: 'app-events-example',
5+
templateUrl: './events-example.component.html',
6+
styleUrls: ['./events-example.component.scss'],
7+
changeDetection: ChangeDetectionStrategy.OnPush,
8+
standalone: false
89
})
910
export class EventsExampleComponent {
1011
public readonly id = 'CID';

‎projects/ngx-three-demo/src/app/example-page/example-page.component.ts

+5-4
Original file line numberDiff line numberDiff line change
@@ -3,10 +3,11 @@ import { ActivatedRoute } from '@angular/router';
33
import { EditorService } from '../code/EditorService';
44

55
@Component({
6-
selector: 'app-example-page',
7-
templateUrl: './example-page.component.html',
8-
styleUrls: ['./example-page.component.scss'],
9-
changeDetection: ChangeDetectionStrategy.OnPush,
6+
selector: 'app-example-page',
7+
templateUrl: './example-page.component.html',
8+
styleUrls: ['./example-page.component.scss'],
9+
changeDetection: ChangeDetectionStrategy.OnPush,
10+
standalone: false
1011
})
1112
export class ExamplePageComponent {
1213
public exampleComponent: Type<any> | null = null;

‎projects/ngx-three-demo/src/app/html-example/html-example.component.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@
88
<th-mesh [refById]="'Cube008_2'">
99
<th-html
1010
[rotation]="[(-1 * Math.PI) / 2, 0, 0]"
11-
[position]="[0, 0.039, -0.5]"
11+
[position]="[0, 0.039, -0.12]"
1212
[scale]="[0.17, 0.17, 0.17]"
1313
[sprite]="sprite"
1414
[style]="{

‎projects/ngx-three-demo/src/app/html-example/html-example.component.ts

+4-3
Original file line numberDiff line numberDiff line change
@@ -12,9 +12,10 @@ import { ASSET_PATH } from '../assets';
1212
* It selects the screen of the notebook by id and adds the html content node as a child.
1313
*/
1414
@Component({
15-
selector: 'app-html-example',
16-
templateUrl: './html-example.component.html',
17-
changeDetection: ChangeDetectionStrategy.OnPush
15+
selector: 'app-html-example',
16+
templateUrl: './html-example.component.html',
17+
changeDetection: ChangeDetectionStrategy.OnPush,
18+
standalone: false
1819
})
1920
export class HtmlExampleComponent {
2021
// eslint-disable-next-line @typescript-eslint/naming-convention

‎projects/ngx-three-demo/src/app/html-with-css3d-example/html-with-css3d-example.component.ts

+5-4
Original file line numberDiff line numberDiff line change
@@ -12,10 +12,11 @@ import { ASSET_PATH } from '../assets';
1212
* It selects the screen of the notebook by id and adds the html content node as a child.
1313
*/
1414
@Component({
15-
selector: 'app-html-with-css3d-example',
16-
templateUrl: './html-with-css3d-example.component.html',
17-
changeDetection: ChangeDetectionStrategy.OnPush,
18-
providers: [provideWebGLRenderer(), provideCSS3dRenderer()],
15+
selector: 'app-html-with-css3d-example',
16+
templateUrl: './html-with-css3d-example.component.html',
17+
changeDetection: ChangeDetectionStrategy.OnPush,
18+
providers: [provideWebGLRenderer(), provideCSS3dRenderer()],
19+
standalone: false
1920
})
2021
export class HtmlWithCSS3dExampleComponent {
2122
// eslint-disable-next-line @typescript-eslint/naming-convention

‎projects/ngx-three-demo/src/app/instanced-mesh-example/instanced-mesh-example.component.ts

+4-3
Original file line numberDiff line numberDiff line change
@@ -5,9 +5,10 @@ import { createNoise3D } from 'simplex-noise';
55
import { ThCanvas, ThInstancedMesh, ThPointLight } from 'ngx-three';
66

77
@Component({
8-
selector: 'app-instanced-mesh-example',
9-
templateUrl: './instanced-mesh-example.component.html',
10-
changeDetection: ChangeDetectionStrategy.OnPush,
8+
selector: 'app-instanced-mesh-example',
9+
templateUrl: './instanced-mesh-example.component.html',
10+
changeDetection: ChangeDetectionStrategy.OnPush,
11+
standalone: false
1112
})
1213
export class InstancedMeshExampleComponent implements OnInit {
1314
readonly SIZE = 1.5;

‎projects/ngx-three-demo/src/app/introductory-example/introductory-example.component.ts

+8-6
Original file line numberDiff line numberDiff line change
@@ -2,8 +2,8 @@
22
import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
33

44
@Component({
5-
selector: 'app-box',
6-
template: `
5+
selector: 'app-box',
6+
template: `
77
<th-mesh
88
[rotation]="rotation"
99
[position]="position"
@@ -14,7 +14,8 @@ import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
1414
<th-meshBasicMaterial [args]="{ color: 'purple' }" />
1515
</th-mesh>
1616
`,
17-
changeDetection: ChangeDetectionStrategy.OnPush,
17+
changeDetection: ChangeDetectionStrategy.OnPush,
18+
standalone: false
1819
})
1920
export class Box {
2021
public selected = false;
@@ -26,16 +27,17 @@ export class Box {
2627
}
2728

2829
@Component({
29-
selector: 'app-introductory-example',
30-
template: ` <th-canvas (onRender)="this.onBeforeRender()">
30+
selector: 'app-introductory-example',
31+
template: ` <th-canvas (onRender)="this.onBeforeRender()">
3132
<th-scene>
3233
<app-box [position]="[-2, 0, 0]" [rotation]="rotation" />
3334
<app-box [position]="[2, 0, 0]" [rotation]="rotation" />
3435
<th-ambientLight />
3536
<th-perspectiveCamera [args]="[75, 2, 0.1, 1000]" [position]="[1, 1, 5]" />
3637
</th-scene>
3738
</th-canvas>`,
38-
changeDetection: ChangeDetectionStrategy.OnPush,
39+
changeDetection: ChangeDetectionStrategy.OnPush,
40+
standalone: false
3941
})
4042
export class IntroductoryExampleComponent {
4143
public rotation: [x: number, y: number, z: number] = [0, 0, 0];

‎projects/ngx-three-demo/src/app/loader-example/loader-example.component.ts

+4-3
Original file line numberDiff line numberDiff line change
@@ -2,9 +2,10 @@ import { ChangeDetectionStrategy, Component } from '@angular/core';
22
import { ASSET_PATH } from '../assets';
33

44
@Component({
5-
selector: 'app-loader-example',
6-
templateUrl: './loader-example.component.html',
7-
changeDetection: ChangeDetectionStrategy.OnPush
5+
selector: 'app-loader-example',
6+
templateUrl: './loader-example.component.html',
7+
changeDetection: ChangeDetectionStrategy.OnPush,
8+
standalone: false
89
})
910
export class LoaderExampleComponent {
1011
public assetPath1 = `${ASSET_PATH}DamagedHelmet.glb`;

‎projects/ngx-three-demo/src/app/multi-renderer-example/multi-renderer-example.component.ts

+8-7
Original file line numberDiff line numberDiff line change
@@ -3,11 +3,11 @@ import { ASSET_PATH } from '../assets';
33
import { provideCSS2dRenderer, provideWebGLRenderer } from 'projects/ngx-three/src/lib/renderer/renderer-providers';
44

55
@Component({
6-
selector: 'app-multi-renderer-example',
7-
templateUrl: './multi-renderer-example.component.html',
8-
changeDetection: ChangeDetectionStrategy.OnPush,
9-
styles: [
10-
`
6+
selector: 'app-multi-renderer-example',
7+
templateUrl: './multi-renderer-example.component.html',
8+
changeDetection: ChangeDetectionStrategy.OnPush,
9+
styles: [
10+
`
1111
::ng-deep .label {
1212
background-color: lightgrey;
1313
border-radius: 5px;
@@ -16,8 +16,9 @@ import { provideCSS2dRenderer, provideWebGLRenderer } from 'projects/ngx-three/s
1616
display: inline-block;
1717
}
1818
`,
19-
],
20-
providers: [provideWebGLRenderer(), provideCSS2dRenderer()],
19+
],
20+
providers: [provideWebGLRenderer(), provideCSS2dRenderer()],
21+
standalone: false
2122
})
2223
export class MultiRendererExampleComponent {
2324
public assetPath1 = `${ASSET_PATH}DamagedHelmet.glb`;

‎projects/ngx-three-demo/src/app/multi-scene-example/multi-scene-example.component.ts

+5-4
Original file line numberDiff line numberDiff line change
@@ -3,10 +3,11 @@ import { ThCanvas } from 'ngx-three';
33
import { Color } from 'three';
44

55
@Component({
6-
selector: 'app-multi-scene-example',
7-
templateUrl: './multi-scene-example.component.html',
8-
styleUrls: ['./multi-scene-example.component.scss'],
9-
changeDetection: ChangeDetectionStrategy.OnPush,
6+
selector: 'app-multi-scene-example',
7+
templateUrl: './multi-scene-example.component.html',
8+
styleUrls: ['./multi-scene-example.component.scss'],
9+
changeDetection: ChangeDetectionStrategy.OnPush,
10+
standalone: false
1011
})
1112
export class MultiSceneExampleComponent implements OnInit {
1213
public sliderPos = 0;

‎projects/ngx-three-demo/src/app/multi-view-postprocessing-example/multi-view-postprocessing-example.component.ts

+4-3
Original file line numberDiff line numberDiff line change
@@ -6,9 +6,10 @@ import { DotScreenShader } from 'three/examples/jsm/shaders/DotScreenShader.js';
66
import { RGBShiftShader } from 'three/examples/jsm/shaders/RGBShiftShader.js';
77

88
@Component({
9-
selector: 'app-multi-view-postprocessing-example',
10-
templateUrl: './multi-view-postprocessing-example.component.html',
11-
changeDetection: ChangeDetectionStrategy.OnPush,
9+
selector: 'app-multi-view-postprocessing-example',
10+
templateUrl: './multi-view-postprocessing-example.component.html',
11+
changeDetection: ChangeDetectionStrategy.OnPush,
12+
standalone: false
1213
})
1314
export class MultiViewPostprocessingExampleComponent implements OnInit {
1415
public Math = Math;

0 commit comments

Comments
 (0)