angular-three 1.4.5 → 1.5.0

package/fesm2020/angular-three.mjs

@@ -931,18 +931,39 @@ function extend(objects) {
 }
 const NGT_CATALOGUE = new InjectionToken('THREE Constructors Catalogue', { factory: () => catalogue });
 
-class NgtArgs {
+class NgtCommonDirective {
     constructor() {
         this.vcr = inject(ViewContainerRef);
         this.template = inject(TemplateRef);
-        this.injectedArgs = [];
         this.injected = false;
+        this.shouldCreateView = true;
         const commentNode = this.vcr.element.nativeElement;
         if (commentNode['__ngt_renderer_add_comment__']) {
             commentNode['__ngt_renderer_add_comment__']();
             delete commentNode['__ngt_renderer_add_comment__'];
         }
     }
+    createView() {
+        if (this.shouldCreateView) {
+            if (this.view && !this.view.destroyed) {
+                this.view.destroy();
+            }
+            this.view = this.vcr.createEmbeddedView(this.template);
+            this.view.detectChanges();
+        }
+    }
+}
+NgtCommonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: NgtCommonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+NgtCommonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.3", type: NgtCommonDirective, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: NgtCommonDirective, decorators: [{
+            type: Directive
+        }], ctorParameters: function () { return []; } });
+
+class NgtArgs extends NgtCommonDirective {
+    constructor() {
+        super(...arguments);
+        this.injectedArgs = [];
+    }
     set args(args) {
         if (args == null || !Array.isArray(args))
             return;
@@ -962,20 +983,41 @@ class NgtArgs {
     validate() {
         return !this.injected && !!this.injectedArgs.length;
     }
-    createView() {
-        if (this.view && !this.view.destroyed) {
-            this.view.destroy();
-        }
-        this.view = this.vcr.createEmbeddedView(this.template);
-        this.view.detectChanges();
-    }
 }
-NgtArgs.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: NgtArgs, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NgtArgs.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.3", type: NgtArgs, isStandalone: true, selector: "[args]", inputs: { args: "args" }, ngImport: i0 });
+NgtArgs.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: NgtArgs, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NgtArgs.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.3", type: NgtArgs, isStandalone: true, selector: "[args]", inputs: { args: "args" }, usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: NgtArgs, decorators: [{
             type: Directive,
             args: [{ selector: '[args]', standalone: true }]
-        }], ctorParameters: function () { return []; }, propDecorators: { args: [{
+        }], propDecorators: { args: [{
+                type: Input
+            }] } });
+
+class NgtRef extends NgtCommonDirective {
+    set ref(ref) {
+        if (!ref || ref == null)
+            return;
+        this.injected = false;
+        this.injectedRef = ref;
+        this.createView();
+    }
+    get ref() {
+        if (this.validate()) {
+            this.injected = true;
+            return this.injectedRef;
+        }
+        return null;
+    }
+    validate() {
+        return !this.injected && !!this.injectedRef && !this.injectedRef.nativeElement;
+    }
+}
+NgtRef.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: NgtRef, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NgtRef.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.3", type: NgtRef, isStandalone: true, selector: "[ref]", inputs: { ref: "ref" }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: NgtRef, decorators: [{
+            type: Directive,
+            args: [{ selector: '[ref]', standalone: true }]
+        }], propDecorators: { ref: [{
                 type: Input
             }] } });
 
@@ -1678,11 +1720,11 @@ class NgtRendererStore {
             return;
         // setup [ref] here
         // ref should never change
-        if (name === SPECIAL_PROPERTIES.REF && is.ref(value)) {
-            node.__ngt_renderer__[11 /* NgtRendererClassId.ref */] = value;
-            value.nativeElement = node;
-            return;
-        }
+        // if (name === SPECIAL_PROPERTIES.REF && is.ref(value)) {
+        // node.__ngt_renderer__[NgtRendererClassId.ref] = value;
+        // value.nativeElement = node;
+        // return;
+        // }
         const parent = getLocalState(node).parent || node.__ngt_renderer__[1 /* NgtRendererClassId.parent */];
         // rawValue
         if (getLocalState(node).isRaw && name === SPECIAL_PROPERTIES.VALUE) {
@@ -1758,8 +1800,9 @@ class NgtRendererStore {
     }
     getCreationState() {
         const injectedArgs = this.firstNonInjectedDirective(NgtArgs)?.args || [];
+        const injectedRef = this.firstNonInjectedDirective(NgtRef)?.ref || null;
         const store = this.tryGetPortalStore();
-        return { injectedArgs, store };
+        return { injectedArgs, injectedRef, store };
     }
     destroy(node, parent) {
         const state = node.__ngt_renderer__;
@@ -1976,7 +2019,7 @@ class NgtRenderer {
         if (name === SPECIAL_DOM_TAG.NGT_VALUE) {
             return this.store.createNode('three', Object.assign({ __ngt_renderer__: { rawValue: undefined } }, { __ngt__: { isRaw: true } }));
         }
-        const { injectedArgs, store } = this.store.getCreationState();
+        const { injectedArgs, injectedRef, store } = this.store.getCreationState();
         // handle primitive
         if (name === SPECIAL_DOM_TAG.NGT_PRIMITIVE) {
             if (!injectedArgs[0])
@@ -1989,7 +2032,10 @@ class NgtRenderer {
             }
             if (!localState.store)
                 localState.store = store;
-            return this.store.createNode('three', object);
+            const primitiveNode = this.store.createNode('three', object);
+            if (injectedRef)
+                injectedRef.nativeElement = primitiveNode;
+            return primitiveNode;
         }
         const threeTag = name.startsWith('ngt') ? name.slice(4) : name;
         const threeName = kebabToPascal(threeTag);
@@ -2005,6 +2051,10 @@ class NgtRenderer {
             else if (is.material(instance)) {
                 localState.attach = ['material'];
             }
+            if (injectedRef) {
+                injectedRef.nativeElement = node;
+                node.__ngt_renderer__[11 /* NgtRendererClassId.ref */] = injectedRef;
+            }
             return node;
         }
         const domNode = this.store.createNode('dom', element);
@@ -2916,5 +2966,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { NGT_CATALOGUE, NgtArgs, NgtCanvas, NgtPortal, NgtPortalBeforeRender, NgtPortalContent, NgtPush, NgtRepeat, NgtRxStore, NgtStore, addAfterEffect, addEffect, addTail, applyProps, checkNeedsUpdate, checkUpdate, createAttachFunction, createLoop, extend, flushGlobalEffects, getLocalState, injectBeforeRender, injectNgtDestroy, injectNgtLoader, injectNgtRef, invalidateInstance, is, makeDefaultCamera, makeDefaultRenderer, makeDpr, makeId, makeObjectGraph, prepare, rootStateMap, safeDetectChanges, startWithUndefined, tapEffect, updateCamera };
+export { NGT_CATALOGUE, NgtArgs, NgtCanvas, NgtPortal, NgtPortalBeforeRender, NgtPortalContent, NgtPush, NgtRef, NgtRepeat, NgtRxStore, NgtStore, addAfterEffect, addEffect, addTail, applyProps, checkNeedsUpdate, checkUpdate, createAttachFunction, createLoop, extend, flushGlobalEffects, getLocalState, injectBeforeRender, injectNgtDestroy, injectNgtLoader, injectNgtRef, invalidateInstance, is, makeDefaultCamera, makeDefaultRenderer, makeDpr, makeId, makeObjectGraph, prepare, rootStateMap, safeDetectChanges, startWithUndefined, tapEffect, updateCamera };
 //# sourceMappingURL=angular-three.mjs.map