angular-three-soba 4.0.0-next.17 → 4.0.0-next.19
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/controls/lib/camera-controls.d.ts +1 -1
- package/controls/lib/orbit-controls.d.ts +2 -2
- package/fesm2022/angular-three-soba-gizmos.mjs +23 -21
- package/fesm2022/angular-three-soba-gizmos.mjs.map +1 -1
- package/fesm2022/angular-three-soba-materials.mjs +4 -3
- package/fesm2022/angular-three-soba-materials.mjs.map +1 -1
- package/fesm2022/angular-three-soba-misc.mjs +7 -7
- package/fesm2022/angular-three-soba-misc.mjs.map +1 -1
- package/fesm2022/angular-three-soba-staging.mjs +12 -10
- package/fesm2022/angular-three-soba-staging.mjs.map +1 -1
- package/gizmos/lib/gizmo-helper/gizmo-helper.d.ts +4 -3
- package/gizmos/lib/gizmo-helper/gizmo-viewport.d.ts +1 -1
- package/gizmos/lib/pivot-controls/pivot-controls.d.ts +1 -1
- package/misc/lib/decal.d.ts +1 -1
- package/misc/lib/html/html-content.d.ts +2 -2
- package/misc/lib/html/html.d.ts +5 -5
- package/misc/lib/sampler.d.ts +1 -1
- package/package.json +18 -18
- package/staging/lib/center.d.ts +2 -2
- package/staging/lib/contact-shadows.d.ts +1 -1
- package/staging/lib/lightformer.d.ts +1 -1
- package/staging/lib/render-texture.d.ts +5 -4
- package/staging/lib/spot-light.d.ts +2 -2
- package/staging/lib/stage.d.ts +18 -18
|
@@ -10,7 +10,7 @@ export interface NgtsCameraControlsOptions {
|
|
|
10
10
|
}
|
|
11
11
|
export declare class NgtsCameraControls {
|
|
12
12
|
options: import("@angular/core").InputSignalWithTransform<Partial<CameraControls> & NgtsCameraControlsOptions, "" | Partial<Partial<CameraControls> & NgtsCameraControlsOptions>>;
|
|
13
|
-
protected parameters: import("@angular/core").Signal<Omit<Partial<CameraControls> & NgtsCameraControlsOptions, "
|
|
13
|
+
protected parameters: import("@angular/core").Signal<Omit<Partial<CameraControls> & NgtsCameraControlsOptions, "camera" | "makeDefault" | "regress" | "domElement">>;
|
|
14
14
|
changed: import("@angular/core").OutputEmitterRef<any>;
|
|
15
15
|
started: import("@angular/core").OutputEmitterRef<any>;
|
|
16
16
|
ended: import("@angular/core").OutputEmitterRef<any>;
|
|
@@ -12,8 +12,8 @@ export interface NgtsOrbitControlsOptions {
|
|
|
12
12
|
keyEvents: boolean | HTMLElement;
|
|
13
13
|
}
|
|
14
14
|
export declare class NgtsOrbitControls {
|
|
15
|
-
options: import("@angular/core").InputSignalWithTransform<Partial<Omit<OrbitControls, "
|
|
16
|
-
protected parameters: import("@angular/core").Signal<Omit<Partial<Omit<OrbitControls, "
|
|
15
|
+
options: import("@angular/core").InputSignalWithTransform<Partial<Omit<OrbitControls, "domElement" | "target" | "enableDamping">> & NgtsOrbitControlsOptions, "" | Partial<Partial<Omit<OrbitControls, "domElement" | "target" | "enableDamping">> & NgtsOrbitControlsOptions>>;
|
|
16
|
+
protected parameters: import("@angular/core").Signal<Omit<Partial<Omit<OrbitControls, "domElement" | "target" | "enableDamping">> & NgtsOrbitControlsOptions, "camera" | "makeDefault" | "regress" | "domElement" | "enableDamping" | "keyEvents">>;
|
|
17
17
|
changed: import("@angular/core").OutputEmitterRef<THREE.Event<string, unknown>>;
|
|
18
18
|
started: import("@angular/core").OutputEmitterRef<THREE.Event<string, unknown>>;
|
|
19
19
|
ended: import("@angular/core").OutputEmitterRef<THREE.Event<string, unknown>>;
|
|
@@ -1,13 +1,14 @@
|
|
|
1
1
|
import { NgTemplateOutlet, DOCUMENT } from '@angular/common';
|
|
2
2
|
import * as i0 from '@angular/core';
|
|
3
3
|
import { Directive, input, output, contentChild, TemplateRef, viewChild, computed, effect, Component, CUSTOM_ELEMENTS_SCHEMA, ChangeDetectionStrategy, inject, signal, ElementRef } from '@angular/core';
|
|
4
|
-
import
|
|
4
|
+
import * as i1 from 'angular-three';
|
|
5
|
+
import { pick, injectStore, extend, injectBeforeRender, hasListener, NgtPortalAutoRender, NgtPortal, NgtArgs, getEmitter, omit, getInstanceState, is, resolveRef } from 'angular-three';
|
|
5
6
|
import { NgtsOrthographicCamera } from 'angular-three-soba/cameras';
|
|
6
7
|
import { mergeInputs } from 'ngxtension/inject-inputs';
|
|
7
8
|
import * as THREE from 'three';
|
|
8
9
|
import { Group, MeshBasicMaterial, Mesh, BoxGeometry, Sprite, SpriteMaterial, ConeGeometry, CylinderGeometry, PlaneGeometry, SphereGeometry } from 'three';
|
|
9
|
-
import * as i1 from 'angular-three-soba/misc';
|
|
10
|
-
import {
|
|
10
|
+
import * as i1$1 from 'angular-three-soba/misc';
|
|
11
|
+
import { NgtsHTML, calculateScaleFactor } from 'angular-three-soba/misc';
|
|
11
12
|
import { NgtsLine } from 'angular-three-soba/abstractions';
|
|
12
13
|
import { TransformControls } from 'three-stdlib';
|
|
13
14
|
|
|
@@ -33,7 +34,7 @@ const defaultOptions$2 = {
|
|
|
33
34
|
margin: [80, 80],
|
|
34
35
|
renderPriority: 1,
|
|
35
36
|
};
|
|
36
|
-
class
|
|
37
|
+
class NgtsGizmoHelperImpl {
|
|
37
38
|
constructor() {
|
|
38
39
|
this.options = input(defaultOptions$2, { transform: mergeInputs(defaultOptions$2) });
|
|
39
40
|
this.update = output();
|
|
@@ -145,8 +146,8 @@ class NgtsGizmoHelper {
|
|
|
145
146
|
isCameraControls(controls) {
|
|
146
147
|
return 'getTarget' in controls;
|
|
147
148
|
}
|
|
148
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type:
|
|
149
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.1.4", type:
|
|
149
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtsGizmoHelperImpl, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
150
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.1.4", type: NgtsGizmoHelperImpl, isStandalone: true, selector: "ngts-gizmo-helper", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { update: "update" }, queries: [{ propertyName: "content", first: true, predicate: NgtsGizmoHelperContent, descendants: true, read: TemplateRef, isSignal: true }], viewQueries: [{ propertyName: "gizmoRef", first: true, predicate: ["gizmo"], descendants: true, isSignal: true }, { propertyName: "virtualCameraRef", first: true, predicate: NgtsOrthographicCamera, descendants: true, isSignal: true }], ngImport: i0, template: `
|
|
150
151
|
@let _renderPriority = renderPriority();
|
|
151
152
|
|
|
152
153
|
<ngt-portal
|
|
@@ -165,9 +166,9 @@ class NgtsGizmoHelper {
|
|
|
165
166
|
</ngt-group>
|
|
166
167
|
</ng-template>
|
|
167
168
|
</ngt-portal>
|
|
168
|
-
`, isInline: true, dependencies: [{ kind: "component", type:
|
|
169
|
+
`, isInline: true, dependencies: [{ kind: "component", type: i1.NgtPortalImpl, selector: "ngt-portal", inputs: ["container", "state"] }, { kind: "directive", type: i1.NgtPortalContent, selector: "ng-template[portalContent]" }, { kind: "directive", type: NgtPortalAutoRender, selector: "ngt-portal[autoRender]", inputs: ["autoRender"] }, { kind: "component", type: NgtsOrthographicCamera, selector: "ngts-orthographic-camera", inputs: ["options"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
169
170
|
}
|
|
170
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type:
|
|
171
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtsGizmoHelperImpl, decorators: [{
|
|
171
172
|
type: Component,
|
|
172
173
|
args: [{
|
|
173
174
|
selector: 'ngts-gizmo-helper',
|
|
@@ -193,9 +194,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
|
|
|
193
194
|
`,
|
|
194
195
|
schemas: [CUSTOM_ELEMENTS_SCHEMA],
|
|
195
196
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
196
|
-
imports: [NgtPortal, NgtPortalAutoRender,
|
|
197
|
+
imports: [NgtPortal, NgtPortalAutoRender, NgtsOrthographicCamera, NgTemplateOutlet],
|
|
197
198
|
}]
|
|
198
199
|
}], ctorParameters: () => [] });
|
|
200
|
+
const NgtsGizmoHelper = [NgtsGizmoHelperImpl, NgtsGizmoHelperContent];
|
|
199
201
|
|
|
200
202
|
const colors = { bg: '#f0f0f0', hover: '#999', text: 'black', stroke: 'black' };
|
|
201
203
|
const defaultFaces = ['Right', 'Left', 'Top', 'Bottom', 'Front', 'Back'];
|
|
@@ -283,7 +285,7 @@ class FaceCube {
|
|
|
283
285
|
constructor() {
|
|
284
286
|
this.options = input({});
|
|
285
287
|
this.onClick = input();
|
|
286
|
-
this.gizmoHelper = inject(
|
|
288
|
+
this.gizmoHelper = inject(NgtsGizmoHelperImpl);
|
|
287
289
|
this.hover = signal(-1);
|
|
288
290
|
this.count = Array.from({ length: 6 });
|
|
289
291
|
this.Math = Math;
|
|
@@ -345,7 +347,7 @@ class EdgeCube {
|
|
|
345
347
|
},
|
|
346
348
|
});
|
|
347
349
|
this.onClick = input();
|
|
348
|
-
this.gizmoHelper = inject(
|
|
350
|
+
this.gizmoHelper = inject(NgtsGizmoHelperImpl);
|
|
349
351
|
this.hover = signal(false);
|
|
350
352
|
this.color = computed(() => (this.hover() ? this.hoverColor() : 'white'));
|
|
351
353
|
extend({ Mesh, BoxGeometry, MeshBasicMaterial });
|
|
@@ -540,7 +542,7 @@ class AxisHead {
|
|
|
540
542
|
this.font = input('18px Inter var, Arial, sans-serif');
|
|
541
543
|
this.onClick = input();
|
|
542
544
|
this.document = inject(DOCUMENT);
|
|
543
|
-
this.gizmoHelper = inject(
|
|
545
|
+
this.gizmoHelper = inject(NgtsGizmoHelperImpl);
|
|
544
546
|
this.store = injectStore();
|
|
545
547
|
this.texture = computed(() => {
|
|
546
548
|
const [arcStyle, label, labelColor, font, gl] = [
|
|
@@ -1008,7 +1010,7 @@ class NgtsAxisArrow {
|
|
|
1008
1010
|
</ngt-mesh>
|
|
1009
1011
|
</ngt-group>
|
|
1010
1012
|
</ngt-group>
|
|
1011
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "ng-template[args]", inputs: ["args"] }, { kind: "component", type: NgtsLine, selector: "ngts-line", inputs: ["points", "options"] }, { kind: "component", type: i1.
|
|
1013
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "ng-template[args]", inputs: ["args"] }, { kind: "component", type: NgtsLine, selector: "ngts-line", inputs: ["points", "options"] }, { kind: "component", type: i1$1.NgtsHTMLImpl, selector: "ngts-html", inputs: ["options"] }, { kind: "component", type: i1$1.NgtsHTMLContent, selector: "div[htmlContent]", inputs: ["htmlContent"], outputs: ["occluded"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1012
1014
|
}
|
|
1013
1015
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtsAxisArrow, decorators: [{
|
|
1014
1016
|
type: Component,
|
|
@@ -1079,7 +1081,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
|
|
|
1079
1081
|
`,
|
|
1080
1082
|
schemas: [CUSTOM_ELEMENTS_SCHEMA],
|
|
1081
1083
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1082
|
-
imports: [NgtArgs, NgtsLine,
|
|
1084
|
+
imports: [NgtArgs, NgtsLine, NgtsHTML],
|
|
1083
1085
|
}]
|
|
1084
1086
|
}], ctorParameters: () => [] });
|
|
1085
1087
|
|
|
@@ -1284,7 +1286,7 @@ class NgtsAxisRotator {
|
|
|
1284
1286
|
}"
|
|
1285
1287
|
/>
|
|
1286
1288
|
</ngt-group>
|
|
1287
|
-
`, isInline: true, dependencies: [{ kind: "component", type: NgtsLine, selector: "ngts-line", inputs: ["points", "options"] }, { kind: "component", type: i1.
|
|
1289
|
+
`, isInline: true, dependencies: [{ kind: "component", type: NgtsLine, selector: "ngts-line", inputs: ["points", "options"] }, { kind: "component", type: i1$1.NgtsHTMLImpl, selector: "ngts-html", inputs: ["options"] }, { kind: "component", type: i1$1.NgtsHTMLContent, selector: "div[htmlContent]", inputs: ["htmlContent"], outputs: ["occluded"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1288
1290
|
}
|
|
1289
1291
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtsAxisRotator, decorators: [{
|
|
1290
1292
|
type: Component,
|
|
@@ -1335,7 +1337,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
|
|
|
1335
1337
|
`,
|
|
1336
1338
|
schemas: [CUSTOM_ELEMENTS_SCHEMA],
|
|
1337
1339
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1338
|
-
imports: [NgtsLine,
|
|
1340
|
+
imports: [NgtsLine, NgtsHTML],
|
|
1339
1341
|
}]
|
|
1340
1342
|
}], ctorParameters: () => [] });
|
|
1341
1343
|
|
|
@@ -1534,7 +1536,7 @@ class NgtsPlaneSlider {
|
|
|
1534
1536
|
/>
|
|
1535
1537
|
</ngt-group>
|
|
1536
1538
|
</ngt-group>
|
|
1537
|
-
`, isInline: true, dependencies: [{ kind: "component", type: i1.
|
|
1539
|
+
`, isInline: true, dependencies: [{ kind: "component", type: i1$1.NgtsHTMLImpl, selector: "ngts-html", inputs: ["options"] }, { kind: "component", type: i1$1.NgtsHTMLContent, selector: "div[htmlContent]", inputs: ["htmlContent"], outputs: ["occluded"] }, { kind: "component", type: NgtsLine, selector: "ngts-line", inputs: ["points", "options"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1538
1540
|
}
|
|
1539
1541
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtsPlaneSlider, decorators: [{
|
|
1540
1542
|
type: Component,
|
|
@@ -1593,7 +1595,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
|
|
|
1593
1595
|
`,
|
|
1594
1596
|
schemas: [CUSTOM_ELEMENTS_SCHEMA],
|
|
1595
1597
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1596
|
-
imports: [
|
|
1598
|
+
imports: [NgtsHTML, NgtsLine],
|
|
1597
1599
|
}]
|
|
1598
1600
|
}], ctorParameters: () => [] });
|
|
1599
1601
|
|
|
@@ -1772,7 +1774,7 @@ class NgtsScalingSphere {
|
|
|
1772
1774
|
</ngt-mesh>
|
|
1773
1775
|
</ngt-group>
|
|
1774
1776
|
</ngt-group>
|
|
1775
|
-
`, isInline: true, dependencies: [{ kind: "component", type: i1.
|
|
1777
|
+
`, isInline: true, dependencies: [{ kind: "component", type: i1$1.NgtsHTMLImpl, selector: "ngts-html", inputs: ["options"] }, { kind: "component", type: i1$1.NgtsHTMLContent, selector: "div[htmlContent]", inputs: ["htmlContent"], outputs: ["occluded"] }, { kind: "directive", type: NgtArgs, selector: "ng-template[args]", inputs: ["args"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1776
1778
|
}
|
|
1777
1779
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtsScalingSphere, decorators: [{
|
|
1778
1780
|
type: Component,
|
|
@@ -1814,7 +1816,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
|
|
|
1814
1816
|
`,
|
|
1815
1817
|
schemas: [CUSTOM_ELEMENTS_SCHEMA],
|
|
1816
1818
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1817
|
-
imports: [
|
|
1819
|
+
imports: [NgtsHTML, NgtArgs],
|
|
1818
1820
|
}]
|
|
1819
1821
|
}], ctorParameters: () => [] });
|
|
1820
1822
|
|
|
@@ -2324,5 +2326,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
|
|
|
2324
2326
|
* Generated bundle index. Do not edit.
|
|
2325
2327
|
*/
|
|
2326
2328
|
|
|
2327
|
-
export { NgtsGizmoHelper, NgtsGizmoHelperContent, NgtsGizmoViewcube, NgtsGizmoViewport, NgtsPivotControls, NgtsTransformControls };
|
|
2329
|
+
export { NgtsGizmoHelper, NgtsGizmoHelperContent, NgtsGizmoHelperImpl, NgtsGizmoViewcube, NgtsGizmoViewport, NgtsPivotControls, NgtsTransformControls };
|
|
2328
2330
|
//# sourceMappingURL=angular-three-soba-gizmos.mjs.map
|