angular-three 4.2.0 → 4.2.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/fesm2022/angular-three-dom.mjs +26 -26
- package/fesm2022/angular-three-dom.mjs.map +1 -1
- package/fesm2022/angular-three-testing.mjs +5 -5
- package/fesm2022/angular-three-testing.mjs.map +1 -1
- package/fesm2022/angular-three.mjs +77 -65
- package/fesm2022/angular-three.mjs.map +1 -1
- package/package.json +55 -55
- package/types/angular-three.d.ts +2 -2
|
@@ -187,10 +187,10 @@ class NgtCommonDirective {
|
|
|
187
187
|
this.view = this.vcr.createEmbeddedView(this.template);
|
|
188
188
|
this.view.detectChanges();
|
|
189
189
|
}
|
|
190
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
191
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.
|
|
190
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NgtCommonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
191
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: NgtCommonDirective, isStandalone: true, ngImport: i0 }); }
|
|
192
192
|
}
|
|
193
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
193
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NgtCommonDirective, decorators: [{
|
|
194
194
|
type: Directive
|
|
195
195
|
}], ctorParameters: () => [] });
|
|
196
196
|
|
|
@@ -215,12 +215,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
|
|
|
215
215
|
class NgtArgs extends NgtCommonDirective {
|
|
216
216
|
constructor() {
|
|
217
217
|
super();
|
|
218
|
-
this.args = input.required(...(ngDevMode ? [{ debugName: "args" }] : []));
|
|
219
|
-
this.linkedValue = linkedSignal(this.args, ...(ngDevMode ? [{ debugName: "linkedValue" }] : []));
|
|
218
|
+
this.args = input.required(...(ngDevMode ? [{ debugName: "args" }] : /* istanbul ignore next */ []));
|
|
219
|
+
this.linkedValue = linkedSignal(this.args, ...(ngDevMode ? [{ debugName: "linkedValue" }] : /* istanbul ignore next */ []));
|
|
220
220
|
this.shouldSkipRender = computed(() => {
|
|
221
221
|
const args = this.args();
|
|
222
222
|
return args == null || !Array.isArray(args) || (args.length === 1 && args[0] === null);
|
|
223
|
-
}, ...(ngDevMode ? [{ debugName: "shouldSkipRender" }] : []));
|
|
223
|
+
}, ...(ngDevMode ? [{ debugName: "shouldSkipRender" }] : /* istanbul ignore next */ []));
|
|
224
224
|
const commentNode = this.commentNode;
|
|
225
225
|
commentNode.data = NGT_ARGS_FLAG;
|
|
226
226
|
commentNode[NGT_ARGS_FLAG] = true;
|
|
@@ -232,10 +232,10 @@ class NgtArgs extends NgtCommonDirective {
|
|
|
232
232
|
validate() {
|
|
233
233
|
return !this.injected && !!this.injectedValue?.length;
|
|
234
234
|
}
|
|
235
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
236
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.
|
|
235
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NgtArgs, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
236
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.9", type: NgtArgs, isStandalone: true, selector: "ng-template[args]", inputs: { args: { classPropertyName: "args", publicName: "args", isSignal: true, isRequired: true, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
|
|
237
237
|
}
|
|
238
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
238
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NgtArgs, decorators: [{
|
|
239
239
|
type: Directive,
|
|
240
240
|
args: [{ selector: 'ng-template[args]' }]
|
|
241
241
|
}], ctorParameters: () => [], propDecorators: { args: [{ type: i0.Input, args: [{ isSignal: true, alias: "args", required: true }] }] } });
|
|
@@ -538,7 +538,7 @@ function signalState(initialState) {
|
|
|
538
538
|
const stateSource = stateKeys.reduce((signalsDict, key) => Object.assign(signalsDict, {
|
|
539
539
|
[key]: signal(initialState[key]),
|
|
540
540
|
}), {});
|
|
541
|
-
const signalState = computed(() => stateKeys.reduce((state, key) => ({ ...state, [key]: stateSource[key]() }), {}), ...(ngDevMode ? [{ debugName: "signalState" }] : []));
|
|
541
|
+
const signalState = computed(() => stateKeys.reduce((state, key) => ({ ...state, [key]: stateSource[key]() }), {}), ...(ngDevMode ? [{ debugName: "signalState" }] : /* istanbul ignore next */ []));
|
|
542
542
|
Object.defineProperties(signalState, {
|
|
543
543
|
[STATE_SOURCE]: { value: stateSource },
|
|
544
544
|
update: { value: patchState.bind(null, signalState) },
|
|
@@ -709,7 +709,7 @@ function prepare(object, type, instanceState) {
|
|
|
709
709
|
const nonObjectsChanged = computed(() => {
|
|
710
710
|
const [_nonObjects] = [nonObjects(), geometryStamp()];
|
|
711
711
|
return _nonObjects;
|
|
712
|
-
}, ...(ngDevMode ? [{ debugName: "nonObjectsChanged" }] : []));
|
|
712
|
+
}, ...(ngDevMode ? [{ debugName: "nonObjectsChanged" }] : /* istanbul ignore next */ []));
|
|
713
713
|
instance.__ngt_id__ = crypto.randomUUID();
|
|
714
714
|
instance.__ngt__ = {
|
|
715
715
|
previousAttach: null,
|
|
@@ -1351,7 +1351,19 @@ function createEvents(store) {
|
|
|
1351
1351
|
const duplicates = new Set();
|
|
1352
1352
|
const intersections = [];
|
|
1353
1353
|
// Allow callers to eliminate event objects
|
|
1354
|
-
const
|
|
1354
|
+
const allEventsObjects = filter ? filter(state.internal.interaction) : state.internal.interaction;
|
|
1355
|
+
// filter out invisible objects
|
|
1356
|
+
const eventsObjects = [];
|
|
1357
|
+
for (const eventsObject of allEventsObjects) {
|
|
1358
|
+
let current = eventsObject;
|
|
1359
|
+
while (current) {
|
|
1360
|
+
if (!current.visible)
|
|
1361
|
+
break;
|
|
1362
|
+
current = current.parent;
|
|
1363
|
+
}
|
|
1364
|
+
if (!current)
|
|
1365
|
+
eventsObjects.push(eventsObject);
|
|
1366
|
+
}
|
|
1355
1367
|
if (!state.previousRoot) {
|
|
1356
1368
|
// Make sure root-level pointer and ray are set up
|
|
1357
1369
|
state.events.compute?.(event, store, null);
|
|
@@ -2057,10 +2069,10 @@ class NgtRendererFactory2 {
|
|
|
2057
2069
|
this.rendererMap.set(type.id, (renderer = new NgtRenderer2(delegateRenderer, this.catalogue, this.document, this.options)));
|
|
2058
2070
|
return renderer;
|
|
2059
2071
|
}
|
|
2060
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
2061
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.
|
|
2072
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NgtRendererFactory2, deps: [{ token: i0.RendererFactory2 }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
2073
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NgtRendererFactory2 }); }
|
|
2062
2074
|
}
|
|
2063
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
2075
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NgtRendererFactory2, decorators: [{
|
|
2064
2076
|
type: Injectable
|
|
2065
2077
|
}], ctorParameters: () => [{ type: i0.RendererFactory2 }] });
|
|
2066
2078
|
/**
|
|
@@ -2876,7 +2888,7 @@ function resolveRef(ref) {
|
|
|
2876
2888
|
class NgtParent extends NgtCommonDirective {
|
|
2877
2889
|
constructor() {
|
|
2878
2890
|
super();
|
|
2879
|
-
this.parent = input.required(...(ngDevMode ? [{ debugName: "parent" }] : []));
|
|
2891
|
+
this.parent = input.required(...(ngDevMode ? [{ debugName: "parent" }] : /* istanbul ignore next */ []));
|
|
2880
2892
|
this.store = injectStore();
|
|
2881
2893
|
this._parent = computed(() => {
|
|
2882
2894
|
const parent = this.parent();
|
|
@@ -2888,9 +2900,9 @@ class NgtParent extends NgtCommonDirective {
|
|
|
2888
2900
|
return scene.getObjectByName(rawParent);
|
|
2889
2901
|
}
|
|
2890
2902
|
return resolveRef(rawParent);
|
|
2891
|
-
}, ...(ngDevMode ? [{ debugName: "_parent" }] : []));
|
|
2892
|
-
this.linkedValue = linkedSignal(this._parent, ...(ngDevMode ? [{ debugName: "linkedValue" }] : []));
|
|
2893
|
-
this.shouldSkipRender = computed(() => !this._parent(), ...(ngDevMode ? [{ debugName: "shouldSkipRender" }] : []));
|
|
2903
|
+
}, ...(ngDevMode ? [{ debugName: "_parent" }] : /* istanbul ignore next */ []));
|
|
2904
|
+
this.linkedValue = linkedSignal(this._parent, ...(ngDevMode ? [{ debugName: "linkedValue" }] : /* istanbul ignore next */ []));
|
|
2905
|
+
this.shouldSkipRender = computed(() => !this._parent(), ...(ngDevMode ? [{ debugName: "shouldSkipRender" }] : /* istanbul ignore next */ []));
|
|
2894
2906
|
const commentNode = this.commentNode;
|
|
2895
2907
|
commentNode.data = NGT_PARENT_FLAG;
|
|
2896
2908
|
commentNode[NGT_PARENT_FLAG] = true;
|
|
@@ -2908,10 +2920,10 @@ class NgtParent extends NgtCommonDirective {
|
|
|
2908
2920
|
commentNode[NGT_INTERNAL_SET_PARENT_COMMENT_FLAG](this.injectedValue);
|
|
2909
2921
|
}
|
|
2910
2922
|
}
|
|
2911
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
2912
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.
|
|
2923
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NgtParent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2924
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.9", type: NgtParent, isStandalone: true, selector: "ng-template[parent]", inputs: { parent: { classPropertyName: "parent", publicName: "parent", isSignal: true, isRequired: true, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
|
|
2913
2925
|
}
|
|
2914
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
2926
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NgtParent, decorators: [{
|
|
2915
2927
|
type: Directive,
|
|
2916
2928
|
args: [{ selector: 'ng-template[parent]' }]
|
|
2917
2929
|
}], ctorParameters: () => [], propDecorators: { parent: [{ type: i0.Input, args: [{ isSignal: true, alias: "parent", required: true }] }] } });
|
|
@@ -2933,8 +2945,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
|
|
|
2933
2945
|
*/
|
|
2934
2946
|
class NgtSelectionApi {
|
|
2935
2947
|
constructor() {
|
|
2936
|
-
this.enabled = input(true, { ...(ngDevMode ? { debugName: "enabled" } : {}), alias: 'selection', transform: booleanAttribute });
|
|
2937
|
-
this.source = signal([], ...(ngDevMode ? [{ debugName: "source" }] : []));
|
|
2948
|
+
this.enabled = input(true, { ...(ngDevMode ? { debugName: "enabled" } : /* istanbul ignore next */ {}), alias: 'selection', transform: booleanAttribute });
|
|
2949
|
+
this.source = signal([], ...(ngDevMode ? [{ debugName: "source" }] : /* istanbul ignore next */ []));
|
|
2938
2950
|
this.selected = this.source.asReadonly();
|
|
2939
2951
|
}
|
|
2940
2952
|
update(...args) {
|
|
@@ -2942,10 +2954,10 @@ class NgtSelectionApi {
|
|
|
2942
2954
|
return;
|
|
2943
2955
|
this.source.update(...args);
|
|
2944
2956
|
}
|
|
2945
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
2946
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.
|
|
2957
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NgtSelectionApi, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2958
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.9", type: NgtSelectionApi, isStandalone: true, selector: "[selection]", inputs: { enabled: { classPropertyName: "enabled", publicName: "selection", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
|
|
2947
2959
|
}
|
|
2948
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
2960
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NgtSelectionApi, decorators: [{
|
|
2949
2961
|
type: Directive,
|
|
2950
2962
|
args: [{ selector: '[selection]' }]
|
|
2951
2963
|
}], propDecorators: { enabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "selection", required: false }] }] } });
|
|
@@ -2964,7 +2976,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
|
|
|
2964
2976
|
*/
|
|
2965
2977
|
class NgtSelect {
|
|
2966
2978
|
constructor() {
|
|
2967
|
-
this.enabled = input(false, { ...(ngDevMode ? { debugName: "enabled" } : {}), transform: booleanAttribute, alias: 'select' });
|
|
2979
|
+
this.enabled = input(false, { ...(ngDevMode ? { debugName: "enabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute, alias: 'select' });
|
|
2968
2980
|
const elementRef = inject(ElementRef);
|
|
2969
2981
|
const selectionApi = inject(NgtSelectionApi);
|
|
2970
2982
|
effect((onCleanup) => {
|
|
@@ -3000,10 +3012,10 @@ class NgtSelect {
|
|
|
3000
3012
|
});
|
|
3001
3013
|
});
|
|
3002
3014
|
}
|
|
3003
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
3004
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.
|
|
3015
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NgtSelect, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
3016
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.9", type: NgtSelect, isStandalone: true, selector: "ngt-group[select], ngt-mesh[select]", inputs: { enabled: { classPropertyName: "enabled", publicName: "select", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
|
|
3005
3017
|
}
|
|
3006
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
3018
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NgtSelect, decorators: [{
|
|
3007
3019
|
type: Directive,
|
|
3008
3020
|
args: [{ selector: 'ngt-group[select], ngt-mesh[select]' }]
|
|
3009
3021
|
}], ctorParameters: () => [], propDecorators: { enabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "select", required: false }] }] } });
|
|
@@ -3066,10 +3078,10 @@ class NgtHTML {
|
|
|
3066
3078
|
delete host.nativeElement[NGT_DOM_PARENT_FLAG];
|
|
3067
3079
|
});
|
|
3068
3080
|
}
|
|
3069
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
3070
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.
|
|
3081
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NgtHTML, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
3082
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: NgtHTML, isStandalone: true, ngImport: i0 }); }
|
|
3071
3083
|
}
|
|
3072
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
3084
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NgtHTML, decorators: [{
|
|
3073
3085
|
type: Directive
|
|
3074
3086
|
}], ctorParameters: () => [] });
|
|
3075
3087
|
|
|
@@ -3124,7 +3136,7 @@ function load(loaderConstructorFactory, inputs, { extensions, onLoad, onProgress
|
|
|
3124
3136
|
*/
|
|
3125
3137
|
function _injectLoader(loaderConstructorFactory, inputs, { extensions, onProgress, onLoad, injector, } = {}) {
|
|
3126
3138
|
return assertInjector(_injectLoader, injector, () => {
|
|
3127
|
-
const response = signal(null, ...(ngDevMode ? [{ debugName: "response" }] : []));
|
|
3139
|
+
const response = signal(null, ...(ngDevMode ? [{ debugName: "response" }] : /* istanbul ignore next */ []));
|
|
3128
3140
|
const cachedResultPromisesEffect = load(loaderConstructorFactory, inputs, {
|
|
3129
3141
|
extensions,
|
|
3130
3142
|
onProgress,
|
|
@@ -3398,10 +3410,10 @@ class NgtHexify {
|
|
|
3398
3410
|
const hex = component.toString(16);
|
|
3399
3411
|
return hex.length === 1 ? '0' + hex : hex;
|
|
3400
3412
|
}
|
|
3401
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
3402
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.
|
|
3413
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NgtHexify, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
3414
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.9", ngImport: i0, type: NgtHexify, isStandalone: true, name: "hexify" }); }
|
|
3403
3415
|
}
|
|
3404
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
3416
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NgtHexify, decorators: [{
|
|
3405
3417
|
type: Pipe,
|
|
3406
3418
|
args: [{ name: 'hexify', pure: true }]
|
|
3407
3419
|
}] });
|
|
@@ -3575,7 +3587,7 @@ class NgtPortalAutoRender {
|
|
|
3575
3587
|
this.portalStore = injectStore({ host: true });
|
|
3576
3588
|
this.parentStore = injectStore({ skipSelf: true });
|
|
3577
3589
|
this.portal = inject(NgtPortalImpl, { host: true });
|
|
3578
|
-
this.renderPriority = input(1, { ...(ngDevMode ? { debugName: "renderPriority" } : {}), alias: 'autoRender', transform: (value) => numberAttribute(value, 1) });
|
|
3590
|
+
this.renderPriority = input(1, { ...(ngDevMode ? { debugName: "renderPriority" } : /* istanbul ignore next */ {}), alias: 'autoRender', transform: (value) => numberAttribute(value, 1) });
|
|
3579
3591
|
effect((onCleanup) => {
|
|
3580
3592
|
const portalRendered = this.portal.portalRendered();
|
|
3581
3593
|
if (!portalRendered)
|
|
@@ -3604,10 +3616,10 @@ class NgtPortalAutoRender {
|
|
|
3604
3616
|
onCleanup(() => cleanup());
|
|
3605
3617
|
});
|
|
3606
3618
|
}
|
|
3607
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
3608
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.
|
|
3619
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NgtPortalAutoRender, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
3620
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.9", type: NgtPortalAutoRender, isStandalone: true, selector: "ngt-portal[autoRender]", inputs: { renderPriority: { classPropertyName: "renderPriority", publicName: "autoRender", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
|
|
3609
3621
|
}
|
|
3610
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
3622
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NgtPortalAutoRender, decorators: [{
|
|
3611
3623
|
type: Directive,
|
|
3612
3624
|
args: [{ selector: 'ngt-portal[autoRender]' }]
|
|
3613
3625
|
}], ctorParameters: () => [], propDecorators: { renderPriority: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoRender", required: false }] }] } });
|
|
@@ -3639,10 +3651,10 @@ class NgtPortalContent {
|
|
|
3639
3651
|
commentNode[NGT_PORTAL_CONTENT_FLAG] = store;
|
|
3640
3652
|
commentNode[NGT_DOM_PARENT_FLAG] = host.nativeElement;
|
|
3641
3653
|
}
|
|
3642
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
3643
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.
|
|
3654
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NgtPortalContent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
3655
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: NgtPortalContent, isStandalone: true, selector: "ng-template[portalContent]", ngImport: i0 }); }
|
|
3644
3656
|
}
|
|
3645
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
3657
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NgtPortalContent, decorators: [{
|
|
3646
3658
|
type: Directive,
|
|
3647
3659
|
args: [{ selector: 'ng-template[portalContent]' }]
|
|
3648
3660
|
}], ctorParameters: () => [] });
|
|
@@ -3698,8 +3710,8 @@ function mergeState(previousRoot, store, container, pointer, raycaster, events,
|
|
|
3698
3710
|
*/
|
|
3699
3711
|
class NgtPortalImpl {
|
|
3700
3712
|
constructor() {
|
|
3701
|
-
this.container = input.required(...(ngDevMode ? [{ debugName: "container" }] : []));
|
|
3702
|
-
this.state = input({}, ...(ngDevMode ? [{ debugName: "state" }] : []));
|
|
3713
|
+
this.container = input.required(...(ngDevMode ? [{ debugName: "container" }] : /* istanbul ignore next */ []));
|
|
3714
|
+
this.state = input({}, ...(ngDevMode ? [{ debugName: "state" }] : /* istanbul ignore next */ []));
|
|
3703
3715
|
this.contentRef = contentChild.required(NgtPortalContent, { read: TemplateRef });
|
|
3704
3716
|
this.anchorRef = contentChild.required(NgtPortalContent, { read: ViewContainerRef });
|
|
3705
3717
|
this.previousStore = injectStore({ skipSelf: true });
|
|
@@ -3708,7 +3720,7 @@ class NgtPortalImpl {
|
|
|
3708
3720
|
this.size = pick(this.state, 'size');
|
|
3709
3721
|
this.events = pick(this.state, 'events');
|
|
3710
3722
|
this.restState = omit(this.state, ['size', 'events']);
|
|
3711
|
-
this.portalContentRendered = signal(false, ...(ngDevMode ? [{ debugName: "portalContentRendered" }] : []));
|
|
3723
|
+
this.portalContentRendered = signal(false, ...(ngDevMode ? [{ debugName: "portalContentRendered" }] : /* istanbul ignore next */ []));
|
|
3712
3724
|
this.portalRendered = this.portalContentRendered.asReadonly();
|
|
3713
3725
|
extend({ Group });
|
|
3714
3726
|
effect(() => {
|
|
@@ -3737,8 +3749,8 @@ class NgtPortalImpl {
|
|
|
3737
3749
|
this.portalContentRendered.set(true);
|
|
3738
3750
|
});
|
|
3739
3751
|
}
|
|
3740
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
3741
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.
|
|
3752
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NgtPortalImpl, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3753
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: NgtPortalImpl, 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 } }, providers: [
|
|
3742
3754
|
{
|
|
3743
3755
|
provide: NGT_STORE,
|
|
3744
3756
|
useFactory: (previousStore) => {
|
|
@@ -3765,7 +3777,7 @@ class NgtPortalImpl {
|
|
|
3765
3777
|
}
|
|
3766
3778
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
3767
3779
|
}
|
|
3768
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
3780
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NgtPortalImpl, decorators: [{
|
|
3769
3781
|
type: Component,
|
|
3770
3782
|
args: [{
|
|
3771
3783
|
selector: 'ngt-portal',
|
|
@@ -4135,12 +4147,12 @@ class NgtRoutedScene {
|
|
|
4135
4147
|
onCleanup(() => sub.unsubscribe());
|
|
4136
4148
|
});
|
|
4137
4149
|
}
|
|
4138
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
4139
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.
|
|
4150
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NgtRoutedScene, deps: [{ token: i1.Router }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4151
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.9", type: NgtRoutedScene, isStandalone: true, selector: "ngt-routed-scene", ngImport: i0, template: `
|
|
4140
4152
|
<router-outlet />
|
|
4141
4153
|
`, isInline: true, dependencies: [{ kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }] }); }
|
|
4142
4154
|
}
|
|
4143
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
4155
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NgtRoutedScene, decorators: [{
|
|
4144
4156
|
type: Component,
|
|
4145
4157
|
args: [{
|
|
4146
4158
|
selector: 'ngt-routed-scene',
|
|
@@ -4177,7 +4189,7 @@ function beforeRender(cb, { priority = 0, injector } = {}) {
|
|
|
4177
4189
|
const p = priority();
|
|
4178
4190
|
const sub = store.snapshot.internal.subscribe(cb, p, store);
|
|
4179
4191
|
onCleanup(() => sub());
|
|
4180
|
-
}, ...(ngDevMode ? [{ debugName: "ref" }] : []));
|
|
4192
|
+
}, ...(ngDevMode ? [{ debugName: "ref" }] : /* istanbul ignore next */ []));
|
|
4181
4193
|
inject(DestroyRef).onDestroy(() => void ref.destroy());
|
|
4182
4194
|
return ref;
|
|
4183
4195
|
});
|
|
@@ -4239,13 +4251,13 @@ class NgtElementEvents {
|
|
|
4239
4251
|
this.change = output();
|
|
4240
4252
|
this.disposed = output();
|
|
4241
4253
|
// NOTE: we use model here to allow for the hostDirective host to set this value
|
|
4242
|
-
this.events = model(undefined, { ...(ngDevMode ? { debugName: "events" } : {}), alias: 'elementEvents' });
|
|
4254
|
+
this.events = model(undefined, { ...(ngDevMode ? { debugName: "events" } : /* istanbul ignore next */ {}), alias: 'elementEvents' });
|
|
4243
4255
|
const obj = computed(() => {
|
|
4244
4256
|
const ngtObject = this.events();
|
|
4245
4257
|
if (typeof ngtObject === 'function')
|
|
4246
4258
|
return ngtObject();
|
|
4247
4259
|
return ngtObject;
|
|
4248
|
-
}, ...(ngDevMode ? [{ debugName: "obj" }] : []));
|
|
4260
|
+
}, ...(ngDevMode ? [{ debugName: "obj" }] : /* istanbul ignore next */ []));
|
|
4249
4261
|
elementEvents(obj, {
|
|
4250
4262
|
// @ts-expect-error - different type
|
|
4251
4263
|
created: this.emitEvent('created'),
|
|
@@ -4264,10 +4276,10 @@ class NgtElementEvents {
|
|
|
4264
4276
|
emitEvent(eventName) {
|
|
4265
4277
|
return this[eventName].emit.bind(this[eventName]);
|
|
4266
4278
|
}
|
|
4267
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
4268
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.
|
|
4279
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NgtElementEvents, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4280
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.9", type: NgtElementEvents, isStandalone: true, selector: "[elementEvents]", inputs: { events: { classPropertyName: "events", publicName: "elementEvents", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { created: "created", attached: "attached", updated: "updated", added: "added", removed: "removed", childadded: "childadded", childremoved: "childremoved", change: "change", disposed: "disposed", events: "elementEventsChange" }, ngImport: i0 }); }
|
|
4269
4281
|
}
|
|
4270
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
4282
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NgtElementEvents, decorators: [{
|
|
4271
4283
|
type: Directive,
|
|
4272
4284
|
args: [{ selector: '[elementEvents]' }]
|
|
4273
4285
|
}], ctorParameters: () => [], propDecorators: { created: [{ type: i0.Output, args: ["created"] }], attached: [{ type: i0.Output, args: ["attached"] }], updated: [{ type: i0.Output, args: ["updated"] }], added: [{ type: i0.Output, args: ["added"] }], removed: [{ type: i0.Output, args: ["removed"] }], childadded: [{ type: i0.Output, args: ["childadded"] }], childremoved: [{ type: i0.Output, args: ["childremoved"] }], change: [{ type: i0.Output, args: ["change"] }], disposed: [{ type: i0.Output, args: ["disposed"] }], events: [{ type: i0.Input, args: [{ isSignal: true, alias: "elementEvents", required: false }] }, { type: i0.Output, args: ["elementEventsChange"] }] } });
|
|
@@ -4358,13 +4370,13 @@ class NgtObjectEvents {
|
|
|
4358
4370
|
this.pointercancel = output();
|
|
4359
4371
|
this.wheel = output();
|
|
4360
4372
|
// NOTE: we use model here to allow for the hostDirective host to set this value
|
|
4361
|
-
this.events = model(undefined, { ...(ngDevMode ? { debugName: "events" } : {}), alias: 'objectEvents' });
|
|
4373
|
+
this.events = model(undefined, { ...(ngDevMode ? { debugName: "events" } : /* istanbul ignore next */ {}), alias: 'objectEvents' });
|
|
4362
4374
|
const obj = computed(() => {
|
|
4363
4375
|
const ngtObject = this.events();
|
|
4364
4376
|
if (typeof ngtObject === 'function')
|
|
4365
4377
|
return ngtObject();
|
|
4366
4378
|
return ngtObject;
|
|
4367
|
-
}, ...(ngDevMode ? [{ debugName: "obj" }] : []));
|
|
4379
|
+
}, ...(ngDevMode ? [{ debugName: "obj" }] : /* istanbul ignore next */ []));
|
|
4368
4380
|
objectEvents(obj, {
|
|
4369
4381
|
click: this.emitEvent('click'),
|
|
4370
4382
|
dblclick: this.emitEvent('dblclick'),
|
|
@@ -4384,10 +4396,10 @@ class NgtObjectEvents {
|
|
|
4384
4396
|
emitEvent(eventName) {
|
|
4385
4397
|
return this[eventName].emit.bind(this[eventName]);
|
|
4386
4398
|
}
|
|
4387
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
4388
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.
|
|
4399
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NgtObjectEvents, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4400
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.9", type: NgtObjectEvents, isStandalone: true, selector: "[objectEvents]", inputs: { events: { classPropertyName: "events", publicName: "objectEvents", 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", events: "objectEventsChange" }, ngImport: i0 }); }
|
|
4389
4401
|
}
|
|
4390
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
4402
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NgtObjectEvents, decorators: [{
|
|
4391
4403
|
type: Directive,
|
|
4392
4404
|
args: [{ selector: '[objectEvents]' }]
|
|
4393
4405
|
}], ctorParameters: () => [], propDecorators: { click: [{ type: i0.Output, args: ["click"] }], dblclick: [{ type: i0.Output, args: ["dblclick"] }], contextmenu: [{ type: i0.Output, args: ["contextmenu"] }], pointerup: [{ type: i0.Output, args: ["pointerup"] }], pointerdown: [{ type: i0.Output, args: ["pointerdown"] }], pointerover: [{ type: i0.Output, args: ["pointerover"] }], pointerout: [{ type: i0.Output, args: ["pointerout"] }], pointerenter: [{ type: i0.Output, args: ["pointerenter"] }], pointerleave: [{ type: i0.Output, args: ["pointerleave"] }], pointermove: [{ type: i0.Output, args: ["pointermove"] }], pointermissed: [{ type: i0.Output, args: ["pointermissed"] }], pointercancel: [{ type: i0.Output, args: ["pointercancel"] }], wheel: [{ type: i0.Output, args: ["wheel"] }], events: [{ type: i0.Input, args: [{ isSignal: true, alias: "objectEvents", required: false }] }, { type: i0.Output, args: ["objectEventsChange"] }] } });
|