angular-three 2.0.0 → 2.2.0

package/index.d.ts

@@ -16,8 +16,8 @@ export * from './lib/utils/attach';
 export * from './lib/utils/before-render';
 export * from './lib/utils/is';
 export * from './lib/utils/make';
-export * from './lib/utils/non-nullish';
 export * from './lib/utils/object-events';
+export * from './lib/utils/output-ref';
 export * from './lib/utils/parameters';
 export * from './lib/utils/resolve-ref';
 export * from './lib/utils/signal-store';

package/lib/canvas.d.ts

@@ -1,4 +1,4 @@
-import { ElementRef, Type, ViewContainerRef } from '@angular/core';
+import { ElementRef, Type } from '@angular/core';
 import { ResizeResult } from 'ngxtension/resize';
 import { Raycaster, Scene, Vector3 } from 'three';
 import { createPointerEvents } from './dom/events';
@@ -353,8 +353,8 @@ export declare class NgtCanvas {
     lookAt: import("@angular/core").InputSignal<Vector3 | [x: number, y: number, z: number] | undefined>;
     created: import("@angular/core").OutputEmitterRef<NgtState>;
     pointerMissed: import("@angular/core").OutputRef<MouseEvent>;
-    glCanvas: import("@angular/core").Signal<ElementRef<HTMLCanvasElement>>;
-    glCanvasViewContainerRef: import("@angular/core").Signal<ViewContainerRef>;
+    private glCanvas;
+    private glCanvasViewContainerRef;
     protected hbPointerEvents: import("@angular/core").Signal<"none" | "auto">;
     protected resizeResult: import("@angular/core").WritableSignal<ResizeResult>;
     private configurator?;

package/lib/portal.d.ts

@@ -1,4 +1,4 @@
-import { Injector, TemplateRef, ViewContainerRef } from '@angular/core';
+import { Injector } from '@angular/core';
 import { Camera, Object3D, Scene } from 'three';
 import { NgtComputeFunction, NgtSize, NgtState } from './types';
 import * as i0 from "@angular/core";
@@ -48,17 +48,17 @@ export declare class NgtPortal {
      */
     autoRender: import("@angular/core").InputSignal<boolean>;
     autoRenderPriority: import("@angular/core").InputSignal<number>;
-    portalContent: import("@angular/core").Signal<TemplateRef<any>>;
-    portalAnchor: import("@angular/core").Signal<ViewContainerRef>;
+    private portalContent;
+    private portalAnchor;
     private injector;
     private portalStore;
     private parentStore;
-    parentScene: import("@angular/core").Signal<Scene>;
-    parentCamera: import("@angular/core").Signal<import("./types").NgtCameraManual>;
+    protected parentScene: import("@angular/core").Signal<Scene>;
+    protected parentCamera: import("@angular/core").Signal<import("./types").NgtCameraManual>;
     private raycaster;
     private pointer;
     private portalRendered;
-    renderAutoBeforeRender: import("@angular/core").Signal<boolean>;
+    protected renderAutoBeforeRender: import("@angular/core").Signal<boolean>;
     private portalView?;
     constructor();
     private inject;

package/lib/renderer/constants.d.ts

@@ -1,5 +1,6 @@
 export declare const ROUTED_SCENE = "__ngt_renderer_is_routed_scene__";
 export declare const HTML = "__ngt_renderer_is_html";
+export declare const NON_ROOT = "__ngt_renderer_is_non_root__";
 export declare const SPECIAL_INTERNAL_ADD_COMMENT = "__ngt_renderer_add_comment__";
 export declare const SPECIAL_DOM_TAG: {
     readonly NGT_PORTAL: "ngt-portal";
@@ -17,3 +18,4 @@ export declare const SPECIAL_EVENTS: {
     readonly UPDATED: "updated";
     readonly ATTACHED: "attached";
 };
+export declare const THREE_NATIVE_EVENTS: string[];

package/lib/renderer/index.d.ts

@@ -61,4 +61,4 @@ export declare class NgtRenderer implements Renderer2 {
 }
 export declare function provideNgtRenderer(store: NgtSignalStore<NgtState>): import("@angular/core").EnvironmentProviders;
 export { extend } from './catalogue';
-export { HTML, ROUTED_SCENE } from './constants';
+export { HTML, NON_ROOT, ROUTED_SCENE } from './constants';

package/lib/three-types.d.ts

@@ -26,10 +26,33 @@ export type NgtVector3 = NgtVectorLike<Vector3>;
 export type NgtVector4 = NgtVectorLike<Vector4>;
 export type NgtLayers = Layers | Parameters<Layers['set']>[0];
 export type NgtQuaternion = Quaternion | Parameters<Quaternion['set']>;
+export type ThreeDisposeEvent = {
+    type: 'dispose';
+    target: NgtInstanceNode;
+};
+export type ThreeAddedEvent = {
+    type: 'added';
+    target: NgtInstanceNode;
+};
+export type ThreeRemovedEvent = {
+    type: 'removed';
+    target: NgtInstanceNode;
+};
+export type ThreeChildAddedEvent = {
+    type: 'childadded';
+    target: NgtInstanceNode;
+    child: NgtInstanceNode;
+};
+export type ThreeChildRemovedEvent = {
+    type: 'childremoved';
+    target: NgtInstanceNode;
+    child: NgtInstanceNode;
+};
 export interface NgtNodeEventMap<TOriginal> {
     attached: NgtAfterAttach<NgtInstanceNode, TOriginal>;
     updated: TOriginal;
     beforeRender: NgtBeforeRenderEvent<TOriginal>;
+    disposed: ThreeDisposeEvent;
 }
 export type NgtNodeElement<TOriginal, TConstructor> = {
     attach: string | string[] | NgtAttachFunction;
@@ -40,6 +63,11 @@ export type NgtNodeElement<TOriginal, TConstructor> = {
 export type NgtNode<TOriginal, TConstructor, TNoEvent = NoEvent<TOriginal>> = Expand<NgtExtendedColors<NgtOverwrite<Partial<TNoEvent>, NgtNodeElement<TOriginal, TConstructor>>>>;
 export type NgtObject3DEventsMap = {
     [TEvent in keyof NgtEventHandlers]-?: Parameters<NonNullable<NgtEventHandlers[TEvent]>>[0];
+} & {
+    added: ThreeAddedEvent;
+    removed: ThreeRemovedEvent;
+    childadded: ThreeChildAddedEvent;
+    childremoved: ThreeChildRemovedEvent;
 };
 export type NgtAllObject3DEventsMap = NgtObject3DEventsMap & NgtNodeEventMap<NgtInstanceNode>;
 export type NgtObject3DNode<TOriginal, TConstructor, TNoEvent = NoEvent<TOriginal>> = Expand<NgtOverwrite<NgtNode<TOriginal, TConstructor, TNoEvent>, {
@@ -653,7 +681,7 @@ export interface ThreeElements {
 declare global {
     interface HTMLElementTagNameMap extends ThreeElements {
     }
-    interface HTMLElementEventMap extends NgtNodeEventMap<NgtInstanceNode> {
+    interface HTMLElementEventMap extends NgtAllObject3DEventsMap {
     }
 }
 export {};

package/lib/utils/apply-props.d.ts

@@ -1,2 +1,3 @@
 import { NgtAnyRecord, NgtInstanceNode } from '../types';
+export declare const NGT_APPLY_PROPS = "__ngt_apply_props__";
 export declare function applyProps(instance: NgtInstanceNode, props: NgtAnyRecord): any;

package/lib/utils/output-ref.d.ts

@@ -0,0 +1,3 @@
+import { OutputEmitterRef } from '@angular/core';
+export declare function getEmitter<T>(emitterRef: OutputEmitterRef<T> | undefined): ((value: T) => void) | undefined;
+export declare function hasListener(...emitterRefs: (OutputEmitterRef<unknown> | undefined)[]): boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "angular-three",
-  "version": "2.0.0",
+  "version": "2.2.0",
   "publishConfig": {
     "access": "public"
   },

package/esm2022/lib/utils/non-nullish.mjs

@@ -1,7 +0,0 @@
-import { toObservable } from '@angular/core/rxjs-interop';
-import { assertInjector } from 'ngxtension/assert-injector';
-import { map } from 'rxjs';
-export function injectNonNullish$(sig, { injector } = {}) {
-    return assertInjector(injectNonNullish$, injector, () => toObservable(sig).pipe(map((val) => val != null)));
-}
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm9uLW51bGxpc2guanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvcmUvc3JjL2xpYi91dGlscy9ub24tbnVsbGlzaC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDMUQsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQzVELE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFFM0IsTUFBTSxVQUFVLGlCQUFpQixDQUFDLEdBQW9CLEVBQUUsRUFBRSxRQUFRLEtBQThCLEVBQUU7SUFDakcsT0FBTyxjQUFjLENBQUMsaUJBQWlCLEVBQUUsUUFBUSxFQUFFLEdBQUcsRUFBRSxDQUFDLFlBQVksQ0FBQyxHQUFHLENBQUMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsR0FBRyxFQUFFLEVBQUUsQ0FBQyxHQUFHLElBQUksSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDO0FBQzdHLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJbmplY3RvciwgU2lnbmFsIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyB0b09ic2VydmFibGUgfSBmcm9tICdAYW5ndWxhci9jb3JlL3J4anMtaW50ZXJvcCc7XG5pbXBvcnQgeyBhc3NlcnRJbmplY3RvciB9IGZyb20gJ25neHRlbnNpb24vYXNzZXJ0LWluamVjdG9yJztcbmltcG9ydCB7IG1hcCB9IGZyb20gJ3J4anMnO1xuXG5leHBvcnQgZnVuY3Rpb24gaW5qZWN0Tm9uTnVsbGlzaCQoc2lnOiBTaWduYWw8dW5rbm93bj4sIHsgaW5qZWN0b3IgfTogeyBpbmplY3Rvcj86IEluamVjdG9yIH0gPSB7fSkge1xuXHRyZXR1cm4gYXNzZXJ0SW5qZWN0b3IoaW5qZWN0Tm9uTnVsbGlzaCQsIGluamVjdG9yLCAoKSA9PiB0b09ic2VydmFibGUoc2lnKS5waXBlKG1hcCgodmFsKSA9PiB2YWwgIT0gbnVsbCkpKTtcbn1cbiJdfQ==

package/lib/utils/non-nullish.d.ts

@@ -1,4 +0,0 @@
-import { Injector, Signal } from '@angular/core';
-export declare function injectNonNullish$(sig: Signal<unknown>, { injector }?: {
-    injector?: Injector;
-}): import("rxjs").Observable<boolean>;