angular-three 2.0.0-beta.17 → 2.0.0-beta.18

package/fesm2022/angular-three.mjs

@@ -1616,10 +1616,10 @@ class NgtCommonDirective {
             }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: NgtCommonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.1", type: NgtCommonDirective, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.2", ngImport: i0, type: NgtCommonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.2", type: NgtCommonDirective, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: NgtCommonDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.2", ngImport: i0, type: NgtCommonDirective, decorators: [{
             type: Directive
         }], ctorParameters: function () { return []; } });
 
@@ -1645,10 +1645,10 @@ class NgtArgs extends NgtCommonDirective {
     validate() {
         return !this.injected && !!this.injectedArgs.length;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: NgtArgs, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.1", type: NgtArgs, isStandalone: true, selector: "ng-template[args]", inputs: { args: "args" }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.2", ngImport: i0, type: NgtArgs, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.2", type: NgtArgs, isStandalone: true, selector: "ng-template[args]", inputs: { args: "args" }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: NgtArgs, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.2", ngImport: i0, type: NgtArgs, decorators: [{
             type: Directive,
             args: [{ selector: 'ng-template[args]', standalone: true }]
         }], propDecorators: { args: [{
@@ -1677,10 +1677,10 @@ class NgtParent extends NgtCommonDirective {
     validate() {
         return !this.injected && !!this.injectedParent;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: NgtParent, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.1", type: NgtParent, isStandalone: true, selector: "ng-template[parent]", inputs: { parent: "parent" }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.2", ngImport: i0, type: NgtParent, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.2", type: NgtParent, isStandalone: true, selector: "ng-template[parent]", inputs: { parent: "parent" }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: NgtParent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.2", ngImport: i0, type: NgtParent, decorators: [{
             type: Directive,
             args: [{ selector: 'ng-template[parent]', standalone: true }]
         }], propDecorators: { parent: [{
@@ -1717,6 +1717,38 @@ function createAttachFunction(cb) {
     return (parent, child, store) => cb({ parent, child, store });
 }
 
+// @internal
+var NgtRendererClassId;
+(function (NgtRendererClassId) {
+    NgtRendererClassId[NgtRendererClassId["type"] = 0] = "type";
+    NgtRendererClassId[NgtRendererClassId["parent"] = 1] = "parent";
+    NgtRendererClassId[NgtRendererClassId["injectedParent"] = 2] = "injectedParent";
+    NgtRendererClassId[NgtRendererClassId["children"] = 3] = "children";
+    NgtRendererClassId[NgtRendererClassId["destroyed"] = 4] = "destroyed";
+    NgtRendererClassId[NgtRendererClassId["compound"] = 5] = "compound";
+    NgtRendererClassId[NgtRendererClassId["compoundParent"] = 6] = "compoundParent";
+    NgtRendererClassId[NgtRendererClassId["compounded"] = 7] = "compounded";
+    NgtRendererClassId[NgtRendererClassId["queueOps"] = 8] = "queueOps";
+    NgtRendererClassId[NgtRendererClassId["attributes"] = 9] = "attributes";
+    NgtRendererClassId[NgtRendererClassId["properties"] = 10] = "properties";
+    NgtRendererClassId[NgtRendererClassId["rawValue"] = 11] = "rawValue";
+    NgtRendererClassId[NgtRendererClassId["ref"] = 12] = "ref";
+    NgtRendererClassId[NgtRendererClassId["portalContainer"] = 13] = "portalContainer";
+    NgtRendererClassId[NgtRendererClassId["injectorFactory"] = 14] = "injectorFactory";
+})(NgtRendererClassId || (NgtRendererClassId = {}));
+// @internal
+var NgtCompoundClassId;
+(function (NgtCompoundClassId) {
+    NgtCompoundClassId[NgtCompoundClassId["applyFirst"] = 0] = "applyFirst";
+    NgtCompoundClassId[NgtCompoundClassId["props"] = 1] = "props";
+})(NgtCompoundClassId || (NgtCompoundClassId = {}));
+// @internal
+var NgtQueueOpClassId;
+(function (NgtQueueOpClassId) {
+    NgtQueueOpClassId[NgtQueueOpClassId["type"] = 0] = "type";
+    NgtQueueOpClassId[NgtQueueOpClassId["op"] = 1] = "op";
+    NgtQueueOpClassId[NgtQueueOpClassId["done"] = 2] = "done";
+})(NgtQueueOpClassId || (NgtQueueOpClassId = {}));
 function attachThreeChild(parent, child) {
     const pLS = getLocalState(parent);
     const cLS = getLocalState(child);
@@ -1759,9 +1791,9 @@ function attachThreeChild(parent, child) {
                     });
                 }
                 // at this point we don't have rawValue yet, so we bail and wait until the Renderer recalls attach
-                if (child.__ngt_renderer__[11 /* NgtRendererClassId.rawValue */] === undefined)
+                if (child.__ngt_renderer__[NgtRendererClassId.rawValue] === undefined)
                     return;
-                attach(parent, child.__ngt_renderer__[11 /* NgtRendererClassId.rawValue */], attachProp);
+                attach(parent, child.__ngt_renderer__[NgtRendererClassId.rawValue], attachProp);
             }
             else {
                 attach(parent, child, attachProp);
@@ -1905,15 +1937,15 @@ class NgtRendererStore {
             rendererNode['ownerDocument'] = this.root.document;
         // NOTE: assign injectorFactory on non-three type since
         // rendererNode is an instance of DOM Node
-        if (state[0 /* NgtRendererClassId.type */] !== 'three') {
-            state[14 /* NgtRendererClassId.injectorFactory */] = () => getDebugNode(rendererNode).injector;
+        if (state[NgtRendererClassId.type] !== 'three') {
+            state[NgtRendererClassId.injectorFactory] = () => getDebugNode(rendererNode).injector;
         }
-        if (state[0 /* NgtRendererClassId.type */] === 'comment') {
+        if (state[NgtRendererClassId.type] === 'comment') {
             // NOTE: we attach an arrow function to the Comment node
             // In our directives, we can call this function to then start tracking the RendererNode
             // this is done to limit the amount of Nodes we need to process for getCreationState
             rendererNode[SPECIAL_INTERNAL_ADD_COMMENT] = (node) => {
-                if (node && node.__ngt_renderer__[0 /* NgtRendererClassId.type */] === 'portal') {
+                if (node && node.__ngt_renderer__[NgtRendererClassId.type] === 'portal') {
                     this.portals.push(node);
                 }
                 else {
@@ -1922,68 +1954,68 @@ class NgtRendererStore {
             };
             return rendererNode;
         }
-        if (state[0 /* NgtRendererClassId.type */] === 'compound') {
-            state[8 /* NgtRendererClassId.queueOps */] = new Set();
-            state[9 /* NgtRendererClassId.attributes */] = {};
-            state[10 /* NgtRendererClassId.properties */] = {};
+        if (state[NgtRendererClassId.type] === 'compound') {
+            state[NgtRendererClassId.queueOps] = new Set();
+            state[NgtRendererClassId.attributes] = {};
+            state[NgtRendererClassId.properties] = {};
             return rendererNode;
         }
         return rendererNode;
     }
     setParent(node, parent) {
-        if (!node.__ngt_renderer__[1 /* NgtRendererClassId.parent */]) {
-            node.__ngt_renderer__[1 /* NgtRendererClassId.parent */] = parent;
+        if (!node.__ngt_renderer__[NgtRendererClassId.parent]) {
+            node.__ngt_renderer__[NgtRendererClassId.parent] = parent;
         }
     }
     addChild(node, child) {
-        if (!node.__ngt_renderer__[3 /* NgtRendererClassId.children */].includes(child)) {
-            node.__ngt_renderer__[3 /* NgtRendererClassId.children */].push(child);
+        if (!node.__ngt_renderer__[NgtRendererClassId.children].includes(child)) {
+            node.__ngt_renderer__[NgtRendererClassId.children].push(child);
         }
     }
     removeChild(node, child) {
-        const index = node.__ngt_renderer__?.[3 /* NgtRendererClassId.children */].findIndex((c) => child === c);
+        const index = node.__ngt_renderer__?.[NgtRendererClassId.children].findIndex((c) => child === c);
         if (index >= 0) {
-            node.__ngt_renderer__[3 /* NgtRendererClassId.children */].splice(index, 1);
+            node.__ngt_renderer__[NgtRendererClassId.children].splice(index, 1);
         }
     }
     setCompound(compound, instance) {
         const instanceRS = instance.__ngt_renderer__;
-        if (instanceRS && instanceRS[1 /* NgtRendererClassId.parent */]) {
-            const parentRS = instanceRS[1 /* NgtRendererClassId.parent */].__ngt_renderer__;
+        if (instanceRS && instanceRS[NgtRendererClassId.parent]) {
+            const parentRS = instanceRS[NgtRendererClassId.parent].__ngt_renderer__;
             // NOTE: if instance is already compounded by its parent. skip
-            if (parentRS[0 /* NgtRendererClassId.type */] === 'compound' &&
-                parentRS[7 /* NgtRendererClassId.compounded */] === instance) {
+            if (parentRS[NgtRendererClassId.type] === 'compound' &&
+                parentRS[NgtRendererClassId.compounded] === instance) {
                 return;
             }
         }
         const rS = compound.__ngt_renderer__;
-        rS[7 /* NgtRendererClassId.compounded */] = instance;
-        const attributes = Object.keys(rS[9 /* NgtRendererClassId.attributes */]);
-        const properties = Object.keys(rS[10 /* NgtRendererClassId.properties */]);
+        rS[NgtRendererClassId.compounded] = instance;
+        const attributes = Object.keys(rS[NgtRendererClassId.attributes]);
+        const properties = Object.keys(rS[NgtRendererClassId.properties]);
         for (const key of attributes) {
-            this.applyAttribute(instance, key, rS[9 /* NgtRendererClassId.attributes */][key]);
+            this.applyAttribute(instance, key, rS[NgtRendererClassId.attributes][key]);
         }
         for (const key of properties) {
-            this.applyProperty(instance, key, rS[10 /* NgtRendererClassId.properties */][key]);
+            this.applyProperty(instance, key, rS[NgtRendererClassId.properties][key]);
         }
         this.executeOperation(compound);
     }
     queueOperation(node, op) {
-        node.__ngt_renderer__[8 /* NgtRendererClassId.queueOps */].add(op);
+        node.__ngt_renderer__[NgtRendererClassId.queueOps].add(op);
     }
     executeOperation(node, type = 'op') {
         const rS = node.__ngt_renderer__;
-        if (rS[8 /* NgtRendererClassId.queueOps */]?.size) {
-            rS[8 /* NgtRendererClassId.queueOps */].forEach((op) => {
-                if (op[0 /* NgtQueueOpClassId.type */] === type) {
-                    op[1 /* NgtQueueOpClassId.op */]();
-                    rS[8 /* NgtRendererClassId.queueOps */].delete(op);
+        if (rS[NgtRendererClassId.queueOps]?.size) {
+            rS[NgtRendererClassId.queueOps].forEach((op) => {
+                if (op[NgtQueueOpClassId.type] === type) {
+                    op[NgtQueueOpClassId.op]();
+                    rS[NgtRendererClassId.queueOps].delete(op);
                 }
             });
         }
     }
     processPortalContainer(portal) {
-        const injectorFactory = portal.__ngt_renderer__[14 /* NgtRendererClassId.injectorFactory */];
+        const injectorFactory = portal.__ngt_renderer__[NgtRendererClassId.injectorFactory];
         const injector = injectorFactory?.();
         if (!injector)
             return;
@@ -1993,11 +2025,11 @@ class NgtRendererStore {
         const portalContainer = portalStore.get('scene');
         if (!portalContainer)
             return;
-        portal.__ngt_renderer__[13 /* NgtRendererClassId.portalContainer */] = this.createNode('three', portalContainer);
+        portal.__ngt_renderer__[NgtRendererClassId.portalContainer] = this.createNode('three', portalContainer);
     }
     applyAttribute(node, name, value) {
         const rS = node.__ngt_renderer__;
-        if (rS[4 /* NgtRendererClassId.destroyed */])
+        if (rS[NgtRendererClassId.destroyed])
             return;
         if (name === SPECIAL_PROPERTIES.RENDER_PRIORITY) {
             // NOTE: priority needs to be set as an attribute string so that they can be set as early as possible
@@ -2011,7 +2043,7 @@ class NgtRendererStore {
         }
         if (name === SPECIAL_PROPERTIES.COMPOUND) {
             // NOTE: we set the compound property on instance node now so we know that this instance is being compounded
-            rS[5 /* NgtRendererClassId.compound */] = [value === '' || value === 'first', {}];
+            rS[NgtRendererClassId.compound] = [value === '' || value === 'first', {}];
             return;
         }
         if (name === SPECIAL_PROPERTIES.ATTACH) {
@@ -2030,7 +2062,7 @@ class NgtRendererStore {
             else if (!isNaN(Number(maybeCoerced))) {
                 maybeCoerced = Number(maybeCoerced);
             }
-            rS[11 /* NgtRendererClassId.rawValue */] = maybeCoerced;
+            rS[NgtRendererClassId.rawValue] = maybeCoerced;
             return;
         }
         applyProps(node, { [name]: value });
@@ -2038,18 +2070,18 @@ class NgtRendererStore {
     }
     applyProperty(node, name, value) {
         const rS = node.__ngt_renderer__;
-        if (rS[4 /* NgtRendererClassId.destroyed */])
+        if (rS[NgtRendererClassId.destroyed])
             return;
         // [ref]
         if (name === SPECIAL_PROPERTIES.REF && is.ref(value)) {
-            rS[12 /* NgtRendererClassId.ref */] = value;
+            rS[NgtRendererClassId.ref] = value;
             value.nativeElement = node;
             return;
         }
-        const parent = getLocalState(node).parent() || rS[1 /* NgtRendererClassId.parent */];
+        const parent = getLocalState(node).parent() || rS[NgtRendererClassId.parent];
         // [rawValue]
         if (getLocalState(node).isRaw && name === SPECIAL_PROPERTIES.VALUE) {
-            rS[11 /* NgtRendererClassId.rawValue */] = value;
+            rS[NgtRendererClassId.rawValue] = value;
             if (parent)
                 attachThreeChild(parent, node);
             return;
@@ -2061,11 +2093,11 @@ class NgtRendererStore {
                 attachThreeChild(parent, node);
             return;
         }
-        const compound = rS[5 /* NgtRendererClassId.compound */];
-        if (compound?.[1 /* NgtCompoundClassId.props */] &&
-            name in compound[1 /* NgtCompoundClassId.props */] &&
-            !compound[0 /* NgtCompoundClassId.applyFirst */]) {
-            value = compound[1 /* NgtCompoundClassId.props */][name];
+        const compound = rS[NgtRendererClassId.compound];
+        if (compound?.[NgtCompoundClassId.props] &&
+            name in compound[NgtCompoundClassId.props] &&
+            !compound[NgtCompoundClassId.applyFirst]) {
+            value = compound[NgtCompoundClassId.props][name];
         }
         applyProps(node, { [name]: value });
         this.updateNativeProps(node, name, value);
@@ -2076,7 +2108,7 @@ class NgtRendererStore {
     isDOM(node) {
         const rS = node['__ngt_renderer__'];
         return (!rS ||
-            (rS[0 /* NgtRendererClassId.type */] !== 'compound' &&
+            (rS[NgtRendererClassId.type] !== 'compound' &&
                 (node instanceof Element || node instanceof Document || node instanceof Window)));
     }
     get rootScene() {
@@ -2086,37 +2118,37 @@ class NgtRendererStore {
         return this.root.portals;
     }
     getClosestParentWithInstance(node) {
-        let parent = node.__ngt_renderer__[1 /* NgtRendererClassId.parent */];
-        while (parent && parent.__ngt_renderer__[0 /* NgtRendererClassId.type */] !== 'three') {
-            parent = parent.__ngt_renderer__[13 /* NgtRendererClassId.portalContainer */]
-                ? parent.__ngt_renderer__[13 /* NgtRendererClassId.portalContainer */]
-                : parent.__ngt_renderer__[1 /* NgtRendererClassId.parent */];
+        let parent = node.__ngt_renderer__[NgtRendererClassId.parent];
+        while (parent && parent.__ngt_renderer__[NgtRendererClassId.type] !== 'three') {
+            parent = parent.__ngt_renderer__[NgtRendererClassId.portalContainer]
+                ? parent.__ngt_renderer__[NgtRendererClassId.portalContainer]
+                : parent.__ngt_renderer__[NgtRendererClassId.parent];
         }
         return parent;
     }
     getClosestParentWithCompound(node) {
-        if (node.__ngt_renderer__[6 /* NgtRendererClassId.compoundParent */]) {
-            return node.__ngt_renderer__[6 /* NgtRendererClassId.compoundParent */];
+        if (node.__ngt_renderer__[NgtRendererClassId.compoundParent]) {
+            return node.__ngt_renderer__[NgtRendererClassId.compoundParent];
         }
-        let parent = node.__ngt_renderer__[1 /* NgtRendererClassId.parent */];
+        let parent = node.__ngt_renderer__[NgtRendererClassId.parent];
         if (parent &&
-            parent.__ngt_renderer__[0 /* NgtRendererClassId.type */] === 'compound' &&
-            !parent.__ngt_renderer__[7 /* NgtRendererClassId.compounded */]) {
+            parent.__ngt_renderer__[NgtRendererClassId.type] === 'compound' &&
+            !parent.__ngt_renderer__[NgtRendererClassId.compounded]) {
             return parent;
         }
         while (parent &&
-            (parent.__ngt_renderer__[0 /* NgtRendererClassId.type */] === 'three' ||
-                !parent.__ngt_renderer__[6 /* NgtRendererClassId.compoundParent */] ||
-                parent.__ngt_renderer__[0 /* NgtRendererClassId.type */] !== 'compound')) {
-            parent = parent.__ngt_renderer__[1 /* NgtRendererClassId.parent */];
+            (parent.__ngt_renderer__[NgtRendererClassId.type] === 'three' ||
+                !parent.__ngt_renderer__[NgtRendererClassId.compoundParent] ||
+                parent.__ngt_renderer__[NgtRendererClassId.type] !== 'compound')) {
+            parent = parent.__ngt_renderer__[NgtRendererClassId.parent];
         }
         if (!parent)
             return;
-        if (parent.__ngt_renderer__[0 /* NgtRendererClassId.type */] === 'three' &&
-            parent.__ngt_renderer__[6 /* NgtRendererClassId.compoundParent */]) {
-            return parent.__ngt_renderer__[6 /* NgtRendererClassId.compoundParent */];
+        if (parent.__ngt_renderer__[NgtRendererClassId.type] === 'three' &&
+            parent.__ngt_renderer__[NgtRendererClassId.compoundParent]) {
+            return parent.__ngt_renderer__[NgtRendererClassId.compoundParent];
         }
-        if (!parent.__ngt_renderer__[7 /* NgtRendererClassId.compounded */]) {
+        if (!parent.__ngt_renderer__[NgtRendererClassId.compounded]) {
             return parent;
         }
         return null;
@@ -2129,11 +2161,11 @@ class NgtRendererStore {
     }
     destroy(node, parent) {
         const rS = node.__ngt_renderer__;
-        if (!rS || rS[4 /* NgtRendererClassId.destroyed */])
+        if (!rS || rS[NgtRendererClassId.destroyed])
             return;
-        if (rS[0 /* NgtRendererClassId.type */] === 'three') {
-            rS[5 /* NgtRendererClassId.compound */] = undefined;
-            rS[6 /* NgtRendererClassId.compoundParent */] = undefined;
+        if (rS[NgtRendererClassId.type] === 'three') {
+            rS[NgtRendererClassId.compound] = undefined;
+            rS[NgtRendererClassId.compoundParent] = undefined;
             const localState = getLocalState(node);
             if (localState.objects) {
                 untracked(localState.objects).forEach((obj) => this.destroy(obj, parent));
@@ -2158,42 +2190,42 @@ class NgtRendererStore {
                 delete node['__ngt__'];
             }
         }
-        if (rS[0 /* NgtRendererClassId.type */] === 'comment') {
-            rS[14 /* NgtRendererClassId.injectorFactory */] = null;
+        if (rS[NgtRendererClassId.type] === 'comment') {
+            rS[NgtRendererClassId.injectorFactory] = null;
             delete node[SPECIAL_INTERNAL_ADD_COMMENT];
             const index = this.comments.findIndex((comment) => comment === node);
             if (index > -1) {
                 this.comments.splice(index, 1);
             }
         }
-        if (rS[0 /* NgtRendererClassId.type */] === 'portal') {
-            rS[14 /* NgtRendererClassId.injectorFactory */] = null;
+        if (rS[NgtRendererClassId.type] === 'portal') {
+            rS[NgtRendererClassId.injectorFactory] = null;
             const index = this.portals.findIndex((portal) => portal === node);
             if (index > -1) {
                 this.portals.splice(index, 1);
             }
         }
-        if (rS[0 /* NgtRendererClassId.type */] === 'compound') {
-            rS[7 /* NgtRendererClassId.compounded */] = undefined;
-            rS[9 /* NgtRendererClassId.attributes */] = null;
-            rS[10 /* NgtRendererClassId.properties */] = null;
+        if (rS[NgtRendererClassId.type] === 'compound') {
+            rS[NgtRendererClassId.compounded] = undefined;
+            rS[NgtRendererClassId.attributes] = null;
+            rS[NgtRendererClassId.properties] = null;
             this.executeOperation(node, 'cleanUp');
-            rS[8 /* NgtRendererClassId.queueOps */].clear();
-            rS[8 /* NgtRendererClassId.queueOps */] = null;
+            rS[NgtRendererClassId.queueOps].clear();
+            rS[NgtRendererClassId.queueOps] = null;
         }
-        if (rS[12 /* NgtRendererClassId.ref */]) {
+        if (rS[NgtRendererClassId.ref]) {
             // nullify ref
             // but we do it later so that it doesn't hinder render
             // TODO: will this cause memory leak?
             requestAnimationFrame(() => {
-                rS[12 /* NgtRendererClassId.ref */].nativeElement = null;
-                rS[12 /* NgtRendererClassId.ref */] = undefined;
+                rS[NgtRendererClassId.ref].nativeElement = null;
+                rS[NgtRendererClassId.ref] = undefined;
             });
         }
         // nullify parent
-        rS[1 /* NgtRendererClassId.parent */] = null;
-        for (const renderChild of rS[3 /* NgtRendererClassId.children */] || []) {
-            if (renderChild.__ngt_renderer__?.[0 /* NgtRendererClassId.type */] === 'three' && parent) {
+        rS[NgtRendererClassId.parent] = null;
+        for (const renderChild of rS[NgtRendererClassId.children] || []) {
+            if (renderChild.__ngt_renderer__?.[NgtRendererClassId.type] === 'three' && parent) {
                 const closestInstance = this.getClosestParentWithInstance(parent);
                 if (closestInstance) {
                     removeThreeChild(closestInstance, renderChild, true);
@@ -2201,8 +2233,8 @@ class NgtRendererStore {
             }
             this.destroy(renderChild, parent);
         }
-        rS[3 /* NgtRendererClassId.children */] = [];
-        rS[4 /* NgtRendererClassId.destroyed */] = true;
+        rS[NgtRendererClassId.children] = [];
+        rS[NgtRendererClassId.destroyed] = true;
         if (parent) {
             this.removeChild(parent, node);
         }
@@ -2219,12 +2251,12 @@ class NgtRendererStore {
         let i = this.comments.length - 1;
         while (i >= 0) {
             const comment = this.comments[i];
-            if (comment.__ngt_renderer__[4 /* NgtRendererClassId.destroyed */]) {
+            if (comment.__ngt_renderer__[NgtRendererClassId.destroyed]) {
                 destroyed.push(i);
                 i--;
                 continue;
             }
-            const injector = comment.__ngt_renderer__[14 /* NgtRendererClassId.injectorFactory */]();
+            const injector = comment.__ngt_renderer__[NgtRendererClassId.injectorFactory]();
             if (!injector) {
                 i--;
                 continue;
@@ -2249,12 +2281,12 @@ class NgtRendererStore {
         while (i >= 0) {
             // loop through the portal state backwards to find the closest NgtStore
             const portal = this.portals[i];
-            if (portal.__ngt_renderer__[4 /* NgtRendererClassId.destroyed */]) {
+            if (portal.__ngt_renderer__[NgtRendererClassId.destroyed]) {
                 destroyed.push(i);
                 i--;
                 continue;
             }
-            const injector = portal.__ngt_renderer__[14 /* NgtRendererClassId.injectorFactory */]();
+            const injector = portal.__ngt_renderer__[NgtRendererClassId.injectorFactory]();
             if (!injector) {
                 i--;
                 continue;
@@ -2311,10 +2343,10 @@ class NgtRendererFactory {
         }
         return renderer;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: NgtRendererFactory, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: NgtRendererFactory }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.2", ngImport: i0, type: NgtRendererFactory, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.2", ngImport: i0, type: NgtRendererFactory }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: NgtRendererFactory, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.2", ngImport: i0, type: NgtRendererFactory, decorators: [{
             type: Injectable
         }] });
 /**
@@ -2346,7 +2378,7 @@ class NgtRenderer {
         if (this.root) {
             this.root = false;
             const node = this.store.createNode('three', this.store.rootScene);
-            node.__ngt_renderer__[14 /* NgtRendererClassId.injectorFactory */] = () => getDebugNode(element).injector;
+            node.__ngt_renderer__[NgtRendererClassId.injectorFactory] = () => getDebugNode(element).injector;
             return node;
         }
         // handle compound
@@ -2385,7 +2417,7 @@ class NgtRenderer {
                 localState.store = store;
             const node = this.store.createNode('three', object);
             if (parent) {
-                node.__ngt_renderer__[2 /* NgtRendererClassId.injectedParent */] = parent;
+                node.__ngt_renderer__[NgtRendererClassId.injectedParent] = parent;
             }
             return node;
         }
@@ -2405,7 +2437,7 @@ class NgtRenderer {
                 localState.attach = ['material'];
             }
             if (parent) {
-                node.__ngt_renderer__[2 /* NgtRendererClassId.injectedParent */] = parent;
+                node.__ngt_renderer__[NgtRendererClassId.injectedParent] = parent;
             }
             return node;
         }
@@ -2417,8 +2449,8 @@ class NgtRenderer {
     appendChild(parent, newChild) {
         const pRS = parent.__ngt_renderer__;
         const cRS = newChild.__ngt_renderer__;
-        if (pRS[0 /* NgtRendererClassId.type */] === 'dom' &&
-            (newChild instanceof Text || cRS[0 /* NgtRendererClassId.type */] === 'dom')) {
+        if (pRS[NgtRendererClassId.type] === 'dom' &&
+            (newChild instanceof Text || cRS[NgtRendererClassId.type] === 'dom')) {
             this.store.addChild(parent, newChild);
             this.delegate.appendChild(parent, newChild);
             if (cRS) {
@@ -2432,19 +2464,19 @@ class NgtRenderer {
             }
             return;
         }
-        if (cRS?.[0 /* NgtRendererClassId.type */] === 'comment') {
+        if (cRS?.[NgtRendererClassId.type] === 'comment') {
             this.store.setParent(newChild, parent);
             return;
         }
-        if (cRS?.[2 /* NgtRendererClassId.injectedParent */]) {
-            if (is.ref(cRS[2 /* NgtRendererClassId.injectedParent */])) {
-                const injector = cRS[14 /* NgtRendererClassId.injectorFactory */]().get(Injector, null);
+        if (cRS?.[NgtRendererClassId.injectedParent]) {
+            if (is.ref(cRS[NgtRendererClassId.injectedParent])) {
+                const injector = cRS[NgtRendererClassId.injectorFactory]().get(Injector, null);
                 if (!injector) {
                     console.warn(`[NGT] NgtRenderer is attempting to start an effect for injectedParent but no Injector is found.`);
                     return;
                 }
                 const watcher = effect(() => {
-                    const injectedParent = cRS[2 /* NgtRendererClassId.injectedParent */].nativeElement;
+                    const injectedParent = cRS[NgtRendererClassId.injectedParent].nativeElement;
                     if (injectedParent && injectedParent !== parent) {
                         this.appendChild(injectedParent, newChild);
                         // only run this effect once
@@ -2454,38 +2486,38 @@ class NgtRenderer {
                 }, { injector, manualCleanup: true });
                 return;
             }
-            else if (parent !== cRS[2 /* NgtRendererClassId.injectedParent */]) {
-                this.appendChild(cRS[2 /* NgtRendererClassId.injectedParent */], newChild);
+            else if (parent !== cRS[NgtRendererClassId.injectedParent]) {
+                this.appendChild(cRS[NgtRendererClassId.injectedParent], newChild);
                 return;
             }
         }
         this.store.setParent(newChild, parent);
         this.store.addChild(parent, newChild);
         // if new child is a portal
-        if (cRS?.[0 /* NgtRendererClassId.type */] === 'portal') {
+        if (cRS?.[NgtRendererClassId.type] === 'portal') {
             this.store.processPortalContainer(newChild);
-            if (cRS[13 /* NgtRendererClassId.portalContainer */]) {
-                this.appendChild(parent, cRS[13 /* NgtRendererClassId.portalContainer */]);
+            if (cRS[NgtRendererClassId.portalContainer]) {
+                this.appendChild(parent, cRS[NgtRendererClassId.portalContainer]);
             }
             return;
         }
         // if parent is a portal
-        if (pRS[0 /* NgtRendererClassId.type */] === 'portal') {
+        if (pRS[NgtRendererClassId.type] === 'portal') {
             this.store.processPortalContainer(parent);
-            if (pRS[13 /* NgtRendererClassId.portalContainer */]) {
-                this.appendChild(pRS[13 /* NgtRendererClassId.portalContainer */], newChild);
+            if (pRS[NgtRendererClassId.portalContainer]) {
+                this.appendChild(pRS[NgtRendererClassId.portalContainer], newChild);
             }
             return;
         }
         // if both are three instances, straightforward case
-        if (pRS[0 /* NgtRendererClassId.type */] === 'three' && cRS?.[0 /* NgtRendererClassId.type */] === 'three') {
+        if (pRS[NgtRendererClassId.type] === 'three' && cRS?.[NgtRendererClassId.type] === 'three') {
             // if child already attached to a parent, skip
             if (getLocalState(newChild).parent && untracked(getLocalState(newChild).parent))
                 return;
             // attach THREE child
             attachThreeChild(parent, newChild);
             // here, we handle the special case of if the parent has a compoundParent, which means this child is part of a compound parent template
-            if (!cRS[5 /* NgtRendererClassId.compound */])
+            if (!cRS[NgtRendererClassId.compound])
                 return;
             const closestGrandparentWithCompound = this.store.getClosestParentWithCompound(parent);
             if (!closestGrandparentWithCompound)
@@ -2494,27 +2526,27 @@ class NgtRenderer {
             return;
         }
         // if only the parent is the THREE instance
-        if (pRS[0 /* NgtRendererClassId.type */] === 'three') {
-            for (const renderChild of cRS?.[3 /* NgtRendererClassId.children */]) {
+        if (pRS[NgtRendererClassId.type] === 'three') {
+            for (const renderChild of cRS?.[NgtRendererClassId.children]) {
                 this.appendChild(parent, renderChild);
             }
         }
         // if parent is a compound
-        if (pRS[0 /* NgtRendererClassId.type */] === 'compound') {
+        if (pRS[NgtRendererClassId.type] === 'compound') {
             // if compound doesn't have a THREE instance set yet
-            if (!pRS[7 /* NgtRendererClassId.compounded */] && cRS[0 /* NgtRendererClassId.type */] === 'three') {
+            if (!pRS[NgtRendererClassId.compounded] && cRS[NgtRendererClassId.type] === 'three') {
                 // if child is indeed an ngtCompound
-                if (cRS[5 /* NgtRendererClassId.compound */])
+                if (cRS[NgtRendererClassId.compound])
                     this.store.setCompound(parent, newChild);
                 // if not, we track the parent (that is supposedly the compound component) on this three instance
-                else if (!cRS[6 /* NgtRendererClassId.compoundParent */])
-                    cRS[6 /* NgtRendererClassId.compoundParent */] = parent;
+                else if (!cRS[NgtRendererClassId.compoundParent])
+                    cRS[NgtRendererClassId.compoundParent] = parent;
             }
             // reset the compound if it's changed
-            if (pRS[7 /* NgtRendererClassId.compounded */] &&
-                cRS[0 /* NgtRendererClassId.type */] === 'three' &&
-                cRS[5 /* NgtRendererClassId.compound */] &&
-                pRS[7 /* NgtRendererClassId.compounded */] !== newChild) {
+            if (pRS[NgtRendererClassId.compounded] &&
+                cRS[NgtRendererClassId.type] === 'three' &&
+                cRS[NgtRendererClassId.compound] &&
+                pRS[NgtRendererClassId.compounded] !== newChild) {
                 this.store.setCompound(parent, newChild);
             }
         }
@@ -2541,21 +2573,21 @@ class NgtRenderer {
             this.store.destroy(oldChild, parent);
             return;
         }
-        if (cRS[0 /* NgtRendererClassId.type */] === 'dom' && (!pRS || pRS[0 /* NgtRendererClassId.type */] === 'dom')) {
+        if (cRS[NgtRendererClassId.type] === 'dom' && (!pRS || pRS[NgtRendererClassId.type] === 'dom')) {
             this.delegate.removeChild(parent, oldChild);
             this.store.destroy(oldChild, parent);
             return;
         }
-        if (pRS[0 /* NgtRendererClassId.type */] === 'three' && cRS[0 /* NgtRendererClassId.type */] === 'three') {
+        if (pRS[NgtRendererClassId.type] === 'three' && cRS[NgtRendererClassId.type] === 'three') {
             removeThreeChild(parent, oldChild, true);
             this.store.destroy(oldChild, parent);
             return;
         }
-        if (pRS[0 /* NgtRendererClassId.type */] === 'compound' && pRS[1 /* NgtRendererClassId.parent */]) {
-            this.removeChild(pRS[1 /* NgtRendererClassId.parent */], oldChild, isHostElement);
+        if (pRS[NgtRendererClassId.type] === 'compound' && pRS[NgtRendererClassId.parent]) {
+            this.removeChild(pRS[NgtRendererClassId.parent], oldChild, isHostElement);
             return;
         }
-        if (pRS[0 /* NgtRendererClassId.type */] === 'three') {
+        if (pRS[NgtRendererClassId.type] === 'three') {
             this.store.destroy(oldChild, parent);
             return;
         }
@@ -2566,23 +2598,23 @@ class NgtRenderer {
     }
     parentNode(node) {
         const rS = node.__ngt_renderer__;
-        if (rS?.[1 /* NgtRendererClassId.parent */])
-            return rS[1 /* NgtRendererClassId.parent */];
+        if (rS?.[NgtRendererClassId.parent])
+            return rS[NgtRendererClassId.parent];
         return this.delegate.parentNode(node);
     }
     setAttribute(el, name, value, namespace) {
         const rS = el.__ngt_renderer__;
-        if (rS[0 /* NgtRendererClassId.type */] === 'compound') {
+        if (rS[NgtRendererClassId.type] === 'compound') {
             // we don't have the compound instance yet
-            rS[9 /* NgtRendererClassId.attributes */][name] = value;
-            if (!rS[7 /* NgtRendererClassId.compounded */]) {
+            rS[NgtRendererClassId.attributes][name] = value;
+            if (!rS[NgtRendererClassId.compounded]) {
                 this.store.queueOperation(el, ['op', () => this.setAttribute(el, name, value, namespace)]);
                 return;
             }
-            this.setAttribute(rS[7 /* NgtRendererClassId.compounded */], name, value, namespace);
+            this.setAttribute(rS[NgtRendererClassId.compounded], name, value, namespace);
             return;
         }
-        if (rS[0 /* NgtRendererClassId.type */] === 'three') {
+        if (rS[NgtRendererClassId.type] === 'three') {
             this.store.applyAttribute(el, name, value);
             return;
         }
@@ -2591,20 +2623,20 @@ class NgtRenderer {
     setProperty(el, name, value) {
         // TODO: should we support ref value
         const rS = el.__ngt_renderer__;
-        if (rS[0 /* NgtRendererClassId.type */] === 'compound') {
+        if (rS[NgtRendererClassId.type] === 'compound') {
             // we don't have the compound instance yet
-            rS[10 /* NgtRendererClassId.properties */][name] = value;
-            if (!rS[7 /* NgtRendererClassId.compounded */]) {
+            rS[NgtRendererClassId.properties][name] = value;
+            if (!rS[NgtRendererClassId.compounded]) {
                 this.store.queueOperation(el, ['op', () => this.setProperty(el, name, value)]);
                 return;
             }
-            if (rS[7 /* NgtRendererClassId.compounded */].__ngt_renderer__[5 /* NgtRendererClassId.compound */]) {
-                Object.assign(rS[7 /* NgtRendererClassId.compounded */].__ngt_renderer__[5 /* NgtRendererClassId.compound */][1 /* NgtCompoundClassId.props */], { [name]: value });
+            if (rS[NgtRendererClassId.compounded].__ngt_renderer__[NgtRendererClassId.compound]) {
+                Object.assign(rS[NgtRendererClassId.compounded].__ngt_renderer__[NgtRendererClassId.compound][NgtCompoundClassId.props], { [name]: value });
             }
-            this.setProperty(rS[7 /* NgtRendererClassId.compounded */], name, value);
+            this.setProperty(rS[NgtRendererClassId.compounded], name, value);
             return;
         }
-        if (rS[0 /* NgtRendererClassId.type */] === 'three') {
+        if (rS[NgtRendererClassId.type] === 'three') {
             this.store.applyProperty(el, name, value);
             return;
         }
@@ -2617,15 +2649,15 @@ class NgtRenderer {
         if (!rS || this.store.isDOM(target)) {
             return this.delegate.listen(target, eventName, callback);
         }
-        if (rS[0 /* NgtRendererClassId.type */] === 'three' ||
-            (rS[0 /* NgtRendererClassId.type */] === 'compound' && rS[7 /* NgtRendererClassId.compounded */])) {
-            const instance = rS[7 /* NgtRendererClassId.compounded */] || target;
+        if (rS[NgtRendererClassId.type] === 'three' ||
+            (rS[NgtRendererClassId.type] === 'compound' && rS[NgtRendererClassId.compounded])) {
+            const instance = rS[NgtRendererClassId.compounded] || target;
             const priority = getLocalState(target).priority;
-            const targetCdr = rS[14 /* NgtRendererClassId.injectorFactory */]?.().get(ChangeDetectorRef, null) ||
-                rS[1 /* NgtRendererClassId.parent */]?.__ngt_renderer__?.[14 /* NgtRendererClassId.injectorFactory */]?.().get(ChangeDetectorRef, null);
+            const targetCdr = rS[NgtRendererClassId.injectorFactory]?.().get(ChangeDetectorRef, null) ||
+                rS[NgtRendererClassId.parent]?.__ngt_renderer__?.[NgtRendererClassId.injectorFactory]?.().get(ChangeDetectorRef, null);
             return processThreeEvent(instance, priority || 0, eventName, callback, this.zone, this.cdr, targetCdr);
         }
-        if (rS[0 /* NgtRendererClassId.type */] === 'compound' && !rS[7 /* NgtRendererClassId.compounded */]) {
+        if (rS[NgtRendererClassId.type] === 'compound' && !rS[NgtRendererClassId.compounded]) {
             this.store.queueOperation(target, [
                 'op',
                 () => this.store.queueOperation(target, ['cleanUp', this.listen(target, eventName, callback)]),
@@ -2647,10 +2679,10 @@ class NgtRenderer {
         return () => { };
     }
     shouldFindGrandparentInstance(pRS, cRS, child) {
-        const pType = pRS[0 /* NgtRendererClassId.type */];
-        const cType = cRS[0 /* NgtRendererClassId.type */];
-        const isParentCompounded = pRS[7 /* NgtRendererClassId.compounded */];
-        const isChildCompounded = cRS[7 /* NgtRendererClassId.compounded */];
+        const pType = pRS[NgtRendererClassId.type];
+        const cType = cRS[NgtRendererClassId.type];
+        const isParentCompounded = pRS[NgtRendererClassId.compounded];
+        const isChildCompounded = cRS[NgtRendererClassId.compounded];
         // if child is three but haven't been attached to a parent yet
         const isDanglingThreeChild = cType === 'three' && !untracked(getLocalState(child).parent);
         // or both parent and child are DOM elements
@@ -2851,21 +2883,21 @@ class NgtCanvas {
             }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: NgtCanvas, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.1", type: NgtCanvas, isStandalone: true, selector: "ngt-canvas", inputs: { sceneGraph: "sceneGraph", sceneGraphInputs: "sceneGraphInputs", compoundPrefixes: "compoundPrefixes", linear: "linear", legacy: "legacy", flat: "flat", orthographic: "orthographic", frameloop: "frameloop", dpr: "dpr", raycaster: "raycaster", shadows: "shadows", camera: "camera", scene: "scene", gl: "gl", eventSource: "eventSource", eventPrefix: "eventPrefix", lookAt: "lookAt", performance: "performance" }, outputs: { created: "created" }, host: { properties: { "style.pointerEvents": "hbPointerEvents()" }, styleAttribute: "display: block;position: relative;width: 100%;height: 100%;overflow: hidden;" }, providers: [provideNgxResizeOptions({ emitInZone: false, emitInitialResult: true }), provideNgtStore()], viewQueries: [{ propertyName: "glCanvas", first: true, predicate: ["glCanvas"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.2", ngImport: i0, type: NgtCanvas, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.2", type: NgtCanvas, isStandalone: true, selector: "ngt-canvas", inputs: { sceneGraph: "sceneGraph", sceneGraphInputs: "sceneGraphInputs", compoundPrefixes: "compoundPrefixes", linear: "linear", legacy: "legacy", flat: "flat", orthographic: "orthographic", frameloop: "frameloop", dpr: "dpr", raycaster: "raycaster", shadows: "shadows", camera: "camera", scene: "scene", gl: "gl", eventSource: "eventSource", eventPrefix: "eventPrefix", lookAt: "lookAt", performance: "performance" }, outputs: { created: "created" }, host: { properties: { "style.pointerEvents": "hbPointerEvents()" }, styleAttribute: "display: block;position: relative;width: 100%;height: 100%;overflow: hidden;" }, providers: [provideNgxResizeOptions({ emitInZone: false, emitInitialResult: true }), provideNgtStore()], viewQueries: [{ propertyName: "glCanvas", first: true, predicate: ["glCanvas"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: `
 		<div (ngxResize)="onResize($event)" style="height: 100%; width: 100%;">
-			<canvas #glCanvas style="display: block;"> </canvas>
+			<canvas #glCanvas style="display: block;"></canvas>
 		</div>
 	`, isInline: true, dependencies: [{ kind: "directive", type: NgxResize, selector: "[ngxResize]", inputs: ["ngxResizeOptions"], outputs: ["ngxResize"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: NgtCanvas, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.2", ngImport: i0, type: NgtCanvas, decorators: [{
             type: Component,
             args: [{
                     selector: 'ngt-canvas',
                     standalone: true,
                     template: `
 		<div (ngxResize)="onResize($event)" style="height: 100%; width: 100%;">
-			<canvas #glCanvas style="display: block;"> </canvas>
+			<canvas #glCanvas style="display: block;"></canvas>
 		</div>
 	`,
                     imports: [NgxResize],
@@ -2936,10 +2968,10 @@ class NgtKey extends NgtCommonDirective {
             this.createView();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: NgtKey, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.1", type: NgtKey, isStandalone: true, selector: "ng-template[key]", inputs: { key: "key" }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.2", ngImport: i0, type: NgtKey, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.2", type: NgtKey, isStandalone: true, selector: "ng-template[key]", inputs: { key: "key" }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: NgtKey, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.2", ngImport: i0, type: NgtKey, decorators: [{
             type: Directive,
             args: [{ selector: 'ng-template[key]', standalone: true }]
         }], propDecorators: { key: [{
@@ -2950,10 +2982,10 @@ class NgtRepeat extends NgForOf {
     set ngForRepeat(count) {
         this.ngForOf = Number.isInteger(count) ? Array.from({ length: count }, (_, i) => i) : [];
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: NgtRepeat, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.1", type: NgtRepeat, isStandalone: true, selector: "[ngFor][ngForRepeat]", inputs: { ngForRepeat: "ngForRepeat" }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.2", ngImport: i0, type: NgtRepeat, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.2", type: NgtRepeat, isStandalone: true, selector: "[ngFor][ngForRepeat]", inputs: { ngForRepeat: "ngForRepeat" }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: NgtRepeat, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.2", ngImport: i0, type: NgtRepeat, decorators: [{
             type: Directive,
             args: [{ selector: '[ngFor][ngForRepeat]', standalone: true }]
         }], propDecorators: { ngForRepeat: [{
@@ -3043,10 +3075,10 @@ class NgtPortalBeforeRender {
             gl.autoClear = oldClear;
         }, { priority: this.renderPriority, injector: this.injector });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: NgtPortalBeforeRender, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.1", type: NgtPortalBeforeRender, isStandalone: true, selector: "[ngtPortalBeforeRender]", inputs: { renderPriority: "renderPriority", parentScene: "parentScene", parentCamera: "parentCamera" }, outputs: { beforeRender: "beforeRender" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.2", ngImport: i0, type: NgtPortalBeforeRender, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.2", type: NgtPortalBeforeRender, isStandalone: true, selector: "[ngtPortalBeforeRender]", inputs: { renderPriority: "renderPriority", parentScene: "parentScene", parentCamera: "parentCamera" }, outputs: { beforeRender: "beforeRender" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: NgtPortalBeforeRender, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.2", ngImport: i0, type: NgtPortalBeforeRender, decorators: [{
             type: Directive,
             args: [{ selector: '[ngtPortalBeforeRender]', standalone: true }]
         }], propDecorators: { renderPriority: [{
@@ -3068,10 +3100,10 @@ class NgtPortalContent {
             delete commentNode[SPECIAL_INTERNAL_ADD_COMMENT];
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: NgtPortalContent, deps: [{ token: i0.ViewContainerRef }, { token: i0.ViewContainerRef, skipSelf: true }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.1", type: NgtPortalContent, isStandalone: true, selector: "ng-template[ngtPortalContent]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.2", ngImport: i0, type: NgtPortalContent, deps: [{ token: i0.ViewContainerRef }, { token: i0.ViewContainerRef, skipSelf: true }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.2", type: NgtPortalContent, isStandalone: true, selector: "ng-template[ngtPortalContent]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: NgtPortalContent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.2", ngImport: i0, type: NgtPortalContent, decorators: [{
             type: Directive,
             args: [{ selector: 'ng-template[ngtPortalContent]', standalone: true }]
         }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }, { type: i0.ViewContainerRef, decorators: [{
@@ -3180,8 +3212,8 @@ class NgtPortal {
             ...restInputsState,
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: NgtPortal, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.1", type: NgtPortal, isStandalone: true, selector: "ngt-portal", inputs: { container: "container", portalState: ["state", "portalState"], autoRender: "autoRender", autoRenderPriority: "autoRenderPriority" }, outputs: { beforeRender: "beforeRender" }, providers: [{ provide: NGT_STORE, useFactory: () => signalStore({}) }], queries: [{ propertyName: "portalContentTemplate", first: true, predicate: NgtPortalContent, descendants: true, read: TemplateRef, static: true }], viewQueries: [{ propertyName: "portalContentAnchor", first: true, predicate: ["portalContentAnchor"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.2", ngImport: i0, type: NgtPortal, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.2", type: NgtPortal, isStandalone: true, selector: "ngt-portal", inputs: { container: "container", portalState: ["state", "portalState"], autoRender: "autoRender", autoRenderPriority: "autoRenderPriority" }, outputs: { beforeRender: "beforeRender" }, providers: [{ provide: NGT_STORE, useFactory: () => signalStore({}) }], queries: [{ propertyName: "portalContentTemplate", first: true, predicate: NgtPortalContent, descendants: true, read: TemplateRef, static: true }], viewQueries: [{ propertyName: "portalContentAnchor", first: true, predicate: ["portalContentAnchor"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: `
 		<ng-container #portalContentAnchor>
 			<ng-container
 				*ngIf="autoRender && portalContentRendered"
@@ -3194,7 +3226,7 @@ class NgtPortal {
 		</ng-container>
 	`, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgtPortalBeforeRender, selector: "[ngtPortalBeforeRender]", inputs: ["renderPriority", "parentScene", "parentCamera"], outputs: ["beforeRender"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: NgtPortal, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.2", ngImport: i0, type: NgtPortal, decorators: [{
             type: Component,
             args: [{
                     selector: 'ngt-portal',
@@ -3242,15 +3274,19 @@ class NgtRoutedScene {
             .pipe(filter((event) => event instanceof ActivationEnd), takeUntilDestroyed())
             .subscribe(() => safeDetectChanges(cdr));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: NgtRoutedScene, deps: [{ token: i1.Router }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.1", type: NgtRoutedScene, isStandalone: true, selector: "ngt-routed-scene", ngImport: i0, template: `<router-outlet />`, isInline: true, dependencies: [{ kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.2", ngImport: i0, type: NgtRoutedScene, deps: [{ token: i1.Router }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.2", type: NgtRoutedScene, isStandalone: true, selector: "ngt-routed-scene", ngImport: i0, template: `
+		<router-outlet />
+	`, isInline: true, dependencies: [{ kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: NgtRoutedScene, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.2", ngImport: i0, type: NgtRoutedScene, decorators: [{
             type: Component,
             args: [{
                     standalone: true,
                     selector: 'ngt-routed-scene',
-                    template: `<router-outlet />`,
+                    template: `
+		<router-outlet />
+	`,
                     imports: [RouterOutlet],
                 }]
         }], ctorParameters: function () { return [{ type: i1.Router }, { type: i0.ChangeDetectorRef }]; } });