angular-three 2.5.1 → 2.5.2
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/esm2022/lib/canvas.mjs +3 -3
- package/esm2022/lib/directives/args.mjs +3 -3
- package/esm2022/lib/directives/selection.mjs +6 -6
- package/esm2022/lib/html.mjs +9 -8
- package/esm2022/lib/instance.mjs +2 -2
- package/esm2022/lib/pipes/hexify.mjs +3 -3
- package/esm2022/lib/portal.mjs +9 -9
- package/esm2022/lib/renderer/constants.mjs +2 -1
- package/esm2022/lib/renderer/index.mjs +17 -28
- package/esm2022/lib/routed-scene.mjs +3 -3
- package/esm2022/lib/utils/object-events.mjs +3 -3
- package/esm2022/nativescript/lib/canvas.mjs +3 -3
- package/esm2022/testing/lib/test-canvas.mjs +3 -3
- package/fesm2022/angular-three-nativescript.mjs +3 -3
- package/fesm2022/angular-three-testing.mjs +3 -3
- package/fesm2022/angular-three.mjs +54 -63
- package/fesm2022/angular-three.mjs.map +1 -1
- package/lib/canvas.d.ts +92 -92
- package/lib/html.d.ts +1 -1
- package/lib/portal.d.ts +1 -1
- package/lib/renderer/constants.d.ts +1 -0
- package/lib/utils/make.d.ts +1 -1
- package/nativescript/lib/canvas.d.ts +3 -3
- package/package.json +1 -1
- package/testing/lib/utils/web-gl-rendering-context.d.ts +1 -1
|
@@ -230,7 +230,7 @@ function prepare(object, localState) {
|
|
|
230
230
|
nonObjects: nonObjectsChanged,
|
|
231
231
|
add(object, type) {
|
|
232
232
|
const current = instance.__ngt__.instanceStore.snapshot[type];
|
|
233
|
-
const foundIndex = current.findIndex((node) => object === node || object.uuid === node.uuid);
|
|
233
|
+
const foundIndex = current.findIndex((node) => object === node || (!!object.uuid && !!node.uuid && object.uuid === node.uuid));
|
|
234
234
|
if (foundIndex > -1) {
|
|
235
235
|
current.splice(foundIndex, 1, object);
|
|
236
236
|
instance.__ngt__.instanceStore.update({ [type]: current });
|
|
@@ -750,6 +750,7 @@ const ROUTED_SCENE = '__ngt_renderer_is_routed_scene__';
|
|
|
750
750
|
const HTML = '__ngt_renderer_is_html';
|
|
751
751
|
const NON_ROOT = '__ngt_renderer_is_non_root__';
|
|
752
752
|
const SPECIAL_INTERNAL_ADD_COMMENT = '__ngt_renderer_add_comment__';
|
|
753
|
+
const DOM_PARENT = '__ngt_dom_parent__';
|
|
753
754
|
const SPECIAL_DOM_TAG = {
|
|
754
755
|
NGT_PORTAL: 'ngt-portal',
|
|
755
756
|
NGT_PRIMITIVE: 'ngt-primitive',
|
|
@@ -810,10 +811,10 @@ class NgtArgs {
|
|
|
810
811
|
this.view = this.vcr.createEmbeddedView(this.template);
|
|
811
812
|
this.view.detectChanges();
|
|
812
813
|
}
|
|
813
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
814
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.
|
|
814
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: NgtArgs, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
815
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.9", type: NgtArgs, isStandalone: true, selector: "ng-template[args]", inputs: { args: { classPropertyName: "args", publicName: "args", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0 }); }
|
|
815
816
|
}
|
|
816
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
817
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: NgtArgs, decorators: [{
|
|
817
818
|
type: Directive,
|
|
818
819
|
args: [{ selector: 'ng-template[args]', standalone: true }]
|
|
819
820
|
}], ctorParameters: () => [] });
|
|
@@ -1602,10 +1603,10 @@ class NgtRendererFactory {
|
|
|
1602
1603
|
}
|
|
1603
1604
|
return renderer;
|
|
1604
1605
|
}
|
|
1605
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
1606
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.
|
|
1606
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: NgtRendererFactory, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1607
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: NgtRendererFactory }); }
|
|
1607
1608
|
}
|
|
1608
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
1609
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: NgtRendererFactory, decorators: [{
|
|
1609
1610
|
type: Injectable
|
|
1610
1611
|
}] });
|
|
1611
1612
|
class NgtRenderer {
|
|
@@ -1650,19 +1651,7 @@ class NgtRenderer {
|
|
|
1650
1651
|
return createNode('portal', element, this.document);
|
|
1651
1652
|
}
|
|
1652
1653
|
if (name === SPECIAL_DOM_TAG.NGT_VALUE) {
|
|
1653
|
-
|
|
1654
|
-
return createNode('three', Object.assign({ __ngt_renderer__: { rawValue: undefined } },
|
|
1655
|
-
// NOTE: we assign this manually to a raw value node
|
|
1656
|
-
// because we say it is a 'three' node but we're not using prepare()
|
|
1657
|
-
{
|
|
1658
|
-
__ngt__: {
|
|
1659
|
-
isRaw: true,
|
|
1660
|
-
instanceStore,
|
|
1661
|
-
setParent(parent) {
|
|
1662
|
-
instanceStore.update({ parent });
|
|
1663
|
-
},
|
|
1664
|
-
},
|
|
1665
|
-
}), this.document);
|
|
1654
|
+
return createNode('three', prepare({ __ngt_renderer__: { rawValue: undefined } }, { store: this.rootStore, isRaw: true }), this.document);
|
|
1666
1655
|
}
|
|
1667
1656
|
const [injectedArgs] = [this.getNgtArgs()?.value || []];
|
|
1668
1657
|
if (name === SPECIAL_DOM_TAG.NGT_PRIMITIVE) {
|
|
@@ -1697,8 +1686,8 @@ class NgtRenderer {
|
|
|
1697
1686
|
createComment(value) {
|
|
1698
1687
|
const comment = this.delegate.createComment(value);
|
|
1699
1688
|
// NOTE: we attach an arrow function to the Comment node
|
|
1700
|
-
//
|
|
1701
|
-
//
|
|
1689
|
+
// In our directives, we can call this function to then start tracking the RendererNode
|
|
1690
|
+
// this is done to limit the amount of Nodes we need to process for getCreationState
|
|
1702
1691
|
comment[SPECIAL_INTERNAL_ADD_COMMENT] = (node) => {
|
|
1703
1692
|
if (node === 'args') {
|
|
1704
1693
|
this.argsCommentNodes.push(comment);
|
|
@@ -1715,8 +1704,8 @@ class NgtRenderer {
|
|
|
1715
1704
|
if (pRS[0 /* NgtRendererClassId.type */] === 'dom' &&
|
|
1716
1705
|
(newChild instanceof Text || cRS[0 /* NgtRendererClassId.type */] === 'dom')) {
|
|
1717
1706
|
addChild(parent, newChild);
|
|
1718
|
-
if (newChild[
|
|
1719
|
-
this.delegate.appendChild(newChild[
|
|
1707
|
+
if (newChild[DOM_PARENT] && newChild[DOM_PARENT] instanceof HTMLElement) {
|
|
1708
|
+
this.delegate.appendChild(newChild[DOM_PARENT], newChild);
|
|
1720
1709
|
return;
|
|
1721
1710
|
}
|
|
1722
1711
|
this.delegate.appendChild(parent, newChild);
|
|
@@ -1871,7 +1860,7 @@ class NgtRenderer {
|
|
|
1871
1860
|
localState.attach = paths;
|
|
1872
1861
|
}
|
|
1873
1862
|
}
|
|
1874
|
-
else
|
|
1863
|
+
else {
|
|
1875
1864
|
// NOTE: coercion
|
|
1876
1865
|
let maybeCoerced = value;
|
|
1877
1866
|
if (maybeCoerced === '' || maybeCoerced === 'true' || maybeCoerced === 'false') {
|
|
@@ -1880,10 +1869,12 @@ class NgtRenderer {
|
|
|
1880
1869
|
else if (!isNaN(Number(maybeCoerced))) {
|
|
1881
1870
|
maybeCoerced = Number(maybeCoerced);
|
|
1882
1871
|
}
|
|
1883
|
-
|
|
1884
|
-
|
|
1885
|
-
|
|
1886
|
-
|
|
1872
|
+
if (name === SPECIAL_PROPERTIES.RAW_VALUE) {
|
|
1873
|
+
rS[4 /* NgtRendererClassId.rawValue */] = maybeCoerced;
|
|
1874
|
+
}
|
|
1875
|
+
else {
|
|
1876
|
+
applyProps(el, { [name]: maybeCoerced });
|
|
1877
|
+
}
|
|
1887
1878
|
}
|
|
1888
1879
|
return false;
|
|
1889
1880
|
}
|
|
@@ -2386,12 +2377,12 @@ class NgtRoutedScene {
|
|
|
2386
2377
|
.pipe(filter((event) => event instanceof ActivationEnd), takeUntilDestroyed())
|
|
2387
2378
|
.subscribe(cdr.detectChanges.bind(cdr));
|
|
2388
2379
|
}
|
|
2389
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
2390
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.
|
|
2380
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: NgtRoutedScene, deps: [{ token: i1.Router }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2381
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: NgtRoutedScene, isStandalone: true, selector: "ngt-routed-scene", ngImport: i0, template: `
|
|
2391
2382
|
<router-outlet />
|
|
2392
2383
|
`, isInline: true, dependencies: [{ kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }] }); }
|
|
2393
2384
|
}
|
|
2394
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
2385
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: NgtRoutedScene, decorators: [{
|
|
2395
2386
|
type: Component,
|
|
2396
2387
|
args: [{
|
|
2397
2388
|
standalone: true,
|
|
@@ -2533,8 +2524,8 @@ class NgtCanvas {
|
|
|
2533
2524
|
});
|
|
2534
2525
|
this.glRef.changeDetectorRef.detectChanges();
|
|
2535
2526
|
}
|
|
2536
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
2537
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.2.
|
|
2527
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: NgtCanvas, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2528
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.2.9", type: NgtCanvas, isStandalone: true, selector: "ngt-canvas", inputs: { sceneGraph: { classPropertyName: "sceneGraph", publicName: "sceneGraph", isSignal: true, isRequired: true, transformFunction: null }, gl: { classPropertyName: "gl", publicName: "gl", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, shadows: { classPropertyName: "shadows", publicName: "shadows", isSignal: true, isRequired: false, transformFunction: null }, legacy: { classPropertyName: "legacy", publicName: "legacy", isSignal: true, isRequired: false, transformFunction: null }, linear: { classPropertyName: "linear", publicName: "linear", isSignal: true, isRequired: false, transformFunction: null }, flat: { classPropertyName: "flat", publicName: "flat", isSignal: true, isRequired: false, transformFunction: null }, orthographic: { classPropertyName: "orthographic", publicName: "orthographic", isSignal: true, isRequired: false, transformFunction: null }, frameloop: { classPropertyName: "frameloop", publicName: "frameloop", isSignal: true, isRequired: false, transformFunction: null }, performance: { classPropertyName: "performance", publicName: "performance", isSignal: true, isRequired: false, transformFunction: null }, dpr: { classPropertyName: "dpr", publicName: "dpr", isSignal: true, isRequired: false, transformFunction: null }, raycaster: { classPropertyName: "raycaster", publicName: "raycaster", isSignal: true, isRequired: false, transformFunction: null }, scene: { classPropertyName: "scene", publicName: "scene", isSignal: true, isRequired: false, transformFunction: null }, camera: { classPropertyName: "camera", publicName: "camera", isSignal: true, isRequired: false, transformFunction: null }, events: { classPropertyName: "events", publicName: "events", isSignal: true, isRequired: false, transformFunction: null }, eventSource: { classPropertyName: "eventSource", publicName: "eventSource", isSignal: true, isRequired: false, transformFunction: null }, eventPrefix: { classPropertyName: "eventPrefix", publicName: "eventPrefix", isSignal: true, isRequired: false, transformFunction: null }, lookAt: { classPropertyName: "lookAt", publicName: "lookAt", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { created: "created", pointerMissed: "pointerMissed" }, host: { properties: { "style.pointerEvents": "hbPointerEvents()" }, styleAttribute: "display: block;position: relative;width: 100%;height: 100%;overflow: hidden;" }, providers: [
|
|
2538
2529
|
provideResizeOptions({
|
|
2539
2530
|
emitInZone: false,
|
|
2540
2531
|
emitInitialResult: true,
|
|
@@ -2547,7 +2538,7 @@ class NgtCanvas {
|
|
|
2547
2538
|
</div>
|
|
2548
2539
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgxResize, selector: "[ngxResize]", inputs: ["ngxResizeOptions"], outputs: ["ngxResize"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2549
2540
|
}
|
|
2550
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
2541
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: NgtCanvas, decorators: [{
|
|
2551
2542
|
type: Component,
|
|
2552
2543
|
args: [{
|
|
2553
2544
|
selector: 'ngt-canvas',
|
|
@@ -2585,10 +2576,10 @@ class NgtSelection {
|
|
|
2585
2576
|
return;
|
|
2586
2577
|
this.source.update(...args);
|
|
2587
2578
|
}
|
|
2588
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
2589
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.
|
|
2579
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: NgtSelection, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2580
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.9", type: NgtSelection, isStandalone: true, selector: "[ngtSelection]", inputs: { enabled: { classPropertyName: "enabled", publicName: "ngtSelection", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
|
|
2590
2581
|
}
|
|
2591
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
2582
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: NgtSelection, decorators: [{
|
|
2592
2583
|
type: Directive,
|
|
2593
2584
|
args: [{ standalone: true, selector: '[ngtSelection]' }]
|
|
2594
2585
|
}] });
|
|
@@ -2632,10 +2623,10 @@ class NgtSelect {
|
|
|
2632
2623
|
});
|
|
2633
2624
|
}, { allowSignalWrites: true });
|
|
2634
2625
|
}
|
|
2635
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
2636
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.
|
|
2626
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: NgtSelect, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2627
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.9", type: NgtSelect, isStandalone: true, selector: "ngt-group[ngtSelect], ngt-mesh[ngtSelect]", inputs: { enabled: { classPropertyName: "enabled", publicName: "ngtSelect", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
|
|
2637
2628
|
}
|
|
2638
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
2629
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: NgtSelect, decorators: [{
|
|
2639
2630
|
type: Directive,
|
|
2640
2631
|
args: [{ standalone: true, selector: 'ngt-group[ngtSelect], ngt-mesh[ngtSelect]' }]
|
|
2641
2632
|
}], ctorParameters: () => [] });
|
|
@@ -2658,21 +2649,21 @@ class NgtHTML {
|
|
|
2658
2649
|
this.domElement = inject(NGT_HTML_DOM_ELEMENT, { self: true, optional: true });
|
|
2659
2650
|
if (this.domElement === 'gl') {
|
|
2660
2651
|
Object.assign(this.host.nativeElement, {
|
|
2661
|
-
|
|
2652
|
+
[DOM_PARENT]: this.store.snapshot.gl.domElement.parentElement,
|
|
2662
2653
|
});
|
|
2663
2654
|
}
|
|
2664
2655
|
else if (this.domElement) {
|
|
2665
|
-
Object.assign(this.host.nativeElement, {
|
|
2656
|
+
Object.assign(this.host.nativeElement, { [DOM_PARENT]: this.domElement });
|
|
2666
2657
|
}
|
|
2667
2658
|
this.destroyRef.onDestroy(() => {
|
|
2668
|
-
this.host.nativeElement[
|
|
2669
|
-
delete this.host.nativeElement[
|
|
2659
|
+
this.host.nativeElement[DOM_PARENT] = null;
|
|
2660
|
+
delete this.host.nativeElement[DOM_PARENT];
|
|
2670
2661
|
});
|
|
2671
2662
|
}
|
|
2672
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
2673
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.
|
|
2663
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: NgtHTML, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2664
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.9", type: NgtHTML, ngImport: i0 }); }
|
|
2674
2665
|
}
|
|
2675
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
2666
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: NgtHTML, decorators: [{
|
|
2676
2667
|
type: Directive
|
|
2677
2668
|
}], ctorParameters: () => [] });
|
|
2678
2669
|
|
|
@@ -2841,10 +2832,10 @@ class NgtHexify {
|
|
|
2841
2832
|
const hex = component.toString(16);
|
|
2842
2833
|
return hex.length === 1 ? '0' + hex : hex;
|
|
2843
2834
|
}
|
|
2844
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
2845
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.
|
|
2835
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: NgtHexify, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
2836
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.9", ngImport: i0, type: NgtHexify, isStandalone: true, name: "hexify" }); }
|
|
2846
2837
|
}
|
|
2847
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
2838
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: NgtHexify, decorators: [{
|
|
2848
2839
|
type: Pipe,
|
|
2849
2840
|
args: [{ name: 'hexify', pure: true, standalone: true }]
|
|
2850
2841
|
}] });
|
|
@@ -2880,13 +2871,13 @@ class NgtPortalBeforeRender {
|
|
|
2880
2871
|
onPointerOver() {
|
|
2881
2872
|
/* noop */
|
|
2882
2873
|
}
|
|
2883
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
2884
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.
|
|
2874
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: NgtPortalBeforeRender, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2875
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.9", type: NgtPortalBeforeRender, isStandalone: true, selector: "ngt-portal-before-render", inputs: { renderPriority: { classPropertyName: "renderPriority", publicName: "renderPriority", isSignal: true, isRequired: false, transformFunction: null }, parentScene: { classPropertyName: "parentScene", publicName: "parentScene", isSignal: true, isRequired: true, transformFunction: null }, parentCamera: { classPropertyName: "parentCamera", publicName: "parentCamera", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: `
|
|
2885
2876
|
<!-- Without an element that receives pointer events state.pointer will always be 0/0 -->
|
|
2886
2877
|
<ngt-group (pointerover)="onPointerOver()" attach="none" />
|
|
2887
2878
|
`, isInline: true }); }
|
|
2888
2879
|
}
|
|
2889
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
2880
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: NgtPortalBeforeRender, decorators: [{
|
|
2890
2881
|
type: Component,
|
|
2891
2882
|
args: [{
|
|
2892
2883
|
selector: 'ngt-portal-before-render',
|
|
@@ -2911,10 +2902,10 @@ class NgtPortalContent {
|
|
|
2911
2902
|
static ngTemplateContextGuard(_, ctx) {
|
|
2912
2903
|
return true;
|
|
2913
2904
|
}
|
|
2914
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
2915
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.
|
|
2905
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: NgtPortalContent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2906
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.9", type: NgtPortalContent, isStandalone: true, selector: "ng-template[portalContent]", ngImport: i0 }); }
|
|
2916
2907
|
}
|
|
2917
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
2908
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: NgtPortalContent, decorators: [{
|
|
2918
2909
|
type: Directive,
|
|
2919
2910
|
args: [{ selector: 'ng-template[portalContent]', standalone: true }]
|
|
2920
2911
|
}], ctorParameters: () => [] });
|
|
@@ -3024,8 +3015,8 @@ class NgtPortal {
|
|
|
3024
3015
|
...rest,
|
|
3025
3016
|
};
|
|
3026
3017
|
}
|
|
3027
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
3028
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.
|
|
3018
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: NgtPortal, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3019
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.9", type: NgtPortal, isStandalone: true, selector: "ngt-portal", inputs: { container: { classPropertyName: "container", publicName: "container", isSignal: true, isRequired: true, transformFunction: null }, state: { classPropertyName: "state", publicName: "state", isSignal: true, isRequired: false, transformFunction: null }, autoRender: { classPropertyName: "autoRender", publicName: "autoRender", isSignal: true, isRequired: false, transformFunction: null }, autoRenderPriority: { classPropertyName: "autoRenderPriority", publicName: "autoRenderPriority", isSignal: true, isRequired: false, transformFunction: null } }, providers: [provideStore(() => signalStore({}))], queries: [{ propertyName: "portalContent", first: true, predicate: NgtPortalContent, descendants: true, read: TemplateRef, isSignal: true }], viewQueries: [{ propertyName: "portalAnchor", first: true, predicate: ["anchor"], descendants: true, read: ViewContainerRef, isSignal: true }], ngImport: i0, template: `
|
|
3029
3020
|
<ng-container #anchor />
|
|
3030
3021
|
|
|
3031
3022
|
@if (renderAutoBeforeRender()) {
|
|
@@ -3037,7 +3028,7 @@ class NgtPortal {
|
|
|
3037
3028
|
}
|
|
3038
3029
|
`, isInline: true, dependencies: [{ kind: "component", type: NgtPortalBeforeRender, selector: "ngt-portal-before-render", inputs: ["renderPriority", "parentScene", "parentCamera"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
3039
3030
|
}
|
|
3040
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
3031
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: NgtPortal, decorators: [{
|
|
3041
3032
|
type: Component,
|
|
3042
3033
|
args: [{
|
|
3043
3034
|
selector: 'ngt-portal',
|
|
@@ -3112,10 +3103,10 @@ class NgtObjectEvents {
|
|
|
3112
3103
|
emitEvent(eventName) {
|
|
3113
3104
|
return this[eventName].emit.bind(this[eventName]);
|
|
3114
3105
|
}
|
|
3115
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
3116
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.
|
|
3106
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: NgtObjectEvents, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
3107
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.9", type: NgtObjectEvents, isStandalone: true, selector: "[ngtObjectEvents]", inputs: { ngtObjectEvents: { classPropertyName: "ngtObjectEvents", publicName: "ngtObjectEvents", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { click: "click", dblclick: "dblclick", contextmenu: "contextmenu", pointerup: "pointerup", pointerdown: "pointerdown", pointerover: "pointerover", pointerout: "pointerout", pointerenter: "pointerenter", pointerleave: "pointerleave", pointermove: "pointermove", pointermissed: "pointermissed", pointercancel: "pointercancel", wheel: "wheel", ngtObjectEvents: "ngtObjectEventsChange" }, ngImport: i0 }); }
|
|
3117
3108
|
}
|
|
3118
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
3109
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: NgtObjectEvents, decorators: [{
|
|
3119
3110
|
type: Directive,
|
|
3120
3111
|
args: [{ standalone: true, selector: '[ngtObjectEvents]' }]
|
|
3121
3112
|
}], ctorParameters: () => [] });
|