ngx-vflow 1.4.1 → 1.4.2

package/fesm2022/ngx-vflow.mjs

@@ -2470,23 +2470,6 @@ class HandleModel {
     }
 }
 
-function InjectionContext(target, key, descriptor) {
-    const originalMethod = descriptor.value;
-    descriptor.value = function (...args) {
-        if (implementsWithInjector(this)) {
-            return runInInjectionContext(this.injector, () => originalMethod.apply(this, args));
-        }
-        else {
-            throw new Error('Class that contains decorated method must extends WithInjectorDirective class');
-        }
-    };
-    // Return the modified descriptor
-    return descriptor;
-}
-const implementsWithInjector = (instance) => {
-    return 'injector' in instance && 'get' in instance.injector;
-};
-
 class HandleComponent {
     constructor() {
         this.injector = inject(Injector);
@@ -2508,30 +2491,29 @@ class HandleComponent {
         this.template = input();
     }
     ngOnInit() {
-        const node = this.handleService.node();
-        if (node) {
-            this.model = new HandleModel({
-                position: this.position(),
-                type: this.type(),
-                id: this.id(),
-                hostReference: this.element.parentElement,
-                template: this.template(),
-            }, node);
-            this.handleService.createHandle(this.model);
-            requestAnimationFrame(() => this.model.updateHost());
-            this.destroyRef.onDestroy(() => this.handleService.destroyHandle(this.model));
-        }
+        runInInjectionContext(this.injector, () => {
+            const node = this.handleService.node();
+            if (node) {
+                const model = new HandleModel({
+                    position: this.position(),
+                    type: this.type(),
+                    id: this.id(),
+                    hostReference: this.element.parentElement,
+                    template: this.template(),
+                }, node);
+                this.handleService.createHandle(model);
+                requestAnimationFrame(() => model.updateHost());
+                this.destroyRef.onDestroy(() => this.handleService.destroyHandle(model));
+            }
+        });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HandleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.3.12", type: HandleComponent, isStandalone: true, selector: "handle", inputs: { position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: true, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: true, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, template: { classPropertyName: "template", publicName: "template", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-__decorate([
-    InjectionContext
-], HandleComponent.prototype, "ngOnInit", null);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HandleComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, selector: 'handle', changeDetection: ChangeDetectionStrategy.OnPush, template: "" }]
-        }], propDecorators: { ngOnInit: [] } });
+        }] });
 
 class NodeHandlesControllerDirective {
     constructor() {
@@ -3756,20 +3738,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
 
 class VflowMockComponent {
     constructor() {
-        this.nodes = input.required();
-        this.edges = input.required();
-        this.view = input([400, 400]);
-        this.minZoom = input(0.5);
-        this.maxZoom = input(3);
-        this.background = input('#fff');
+        this.view = [400, 400];
+        this.minZoom = 0.5;
+        this.maxZoom = 3;
+        this.background = '#fff';
         this.optimization = input({
             detachedGroupsLayer: false,
         });
-        this.entitiesSelectable = input(true);
-        this.keyboardShortcuts = input({
+        this.entitiesSelectable = true;
+        this.keyboardShortcuts = {
             multiSelection: null,
-        });
-        this.connection = input();
+        };
+        this.connection = new ConnectionModel({});
         // eslint-disable-next-line @angular-eslint/no-output-on-prefix
         this.onComponentNodeEvent = output();
         this.nodeTemplateDirective = contentChild(NodeHtmlTemplateMockDirective);
@@ -3788,6 +3768,8 @@ class VflowMockComponent {
         this.nodesChange$ = toObservable(this.nodesChange);
         this.edgesChange$ = toObservable(this.edgesChange);
     }
+    // eslint-disable-next-line @angular-eslint/no-empty-lifecycle-method
+    ngOnInit() { }
     viewportTo(viewport) {
         this.viewport.set(viewport);
     }
@@ -3802,9 +3784,8 @@ class VflowMockComponent {
     documentPointToFlowPoint(point) {
         return point;
     }
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     getNode(id) {
-        return this.nodes().find((node) => node.id === id);
+        return this.nodes.find((node) => node.id === id);
     }
     getDetachedEdges() {
         return [];
@@ -3813,10 +3794,10 @@ class VflowMockComponent {
         return signal(value);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: VflowMockComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: VflowMockComponent, isStandalone: true, selector: "vflow", inputs: { nodes: { classPropertyName: "nodes", publicName: "nodes", isSignal: true, isRequired: true, transformFunction: null }, edges: { classPropertyName: "edges", publicName: "edges", isSignal: true, isRequired: true, transformFunction: null }, view: { classPropertyName: "view", publicName: "view", isSignal: true, isRequired: false, transformFunction: null }, minZoom: { classPropertyName: "minZoom", publicName: "minZoom", isSignal: true, isRequired: false, transformFunction: null }, maxZoom: { classPropertyName: "maxZoom", publicName: "maxZoom", isSignal: true, isRequired: false, transformFunction: null }, background: { classPropertyName: "background", publicName: "background", isSignal: true, isRequired: false, transformFunction: null }, optimization: { classPropertyName: "optimization", publicName: "optimization", isSignal: true, isRequired: false, transformFunction: null }, entitiesSelectable: { classPropertyName: "entitiesSelectable", publicName: "entitiesSelectable", isSignal: true, isRequired: false, transformFunction: null }, keyboardShortcuts: { classPropertyName: "keyboardShortcuts", publicName: "keyboardShortcuts", isSignal: true, isRequired: false, transformFunction: null }, connection: { classPropertyName: "connection", publicName: "connection", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onComponentNodeEvent: "onComponentNodeEvent" }, queries: [{ propertyName: "nodeTemplateDirective", first: true, predicate: NodeHtmlTemplateMockDirective, descendants: true, isSignal: true }, { propertyName: "groupNodeTemplateDirective", first: true, predicate: GroupNodeTemplateMockDirective, descendants: true, isSignal: true }, { propertyName: "edgeTemplateDirective", first: true, predicate: EdgeTemplateMockDirective, descendants: true, isSignal: true }, { propertyName: "edgeLabelHtmlDirective", first: true, predicate: EdgeLabelHtmlTemplateMockDirective, descendants: true, isSignal: true }, { propertyName: "connectionTemplateDirective", first: true, predicate: ConnectionTemplateMockDirective, descendants: true, isSignal: true }], ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: VflowMockComponent, isStandalone: true, selector: "vflow", inputs: { nodes: { classPropertyName: "nodes", publicName: "nodes", isSignal: false, isRequired: true, transformFunction: null }, edges: { classPropertyName: "edges", publicName: "edges", isSignal: false, isRequired: false, transformFunction: null }, view: { classPropertyName: "view", publicName: "view", isSignal: false, isRequired: false, transformFunction: null }, minZoom: { classPropertyName: "minZoom", publicName: "minZoom", isSignal: false, isRequired: false, transformFunction: null }, maxZoom: { classPropertyName: "maxZoom", publicName: "maxZoom", isSignal: false, isRequired: false, transformFunction: null }, background: { classPropertyName: "background", publicName: "background", isSignal: false, isRequired: false, transformFunction: null }, optimization: { classPropertyName: "optimization", publicName: "optimization", isSignal: true, isRequired: false, transformFunction: null }, entitiesSelectable: { classPropertyName: "entitiesSelectable", publicName: "entitiesSelectable", isSignal: false, isRequired: false, transformFunction: null }, keyboardShortcuts: { classPropertyName: "keyboardShortcuts", publicName: "keyboardShortcuts", isSignal: false, isRequired: false, transformFunction: null }, connection: { classPropertyName: "connection", publicName: "connection", isSignal: false, isRequired: false, transformFunction: (settings) => new ConnectionModel(settings) }, snapGrid: { classPropertyName: "snapGrid", publicName: "snapGrid", isSignal: false, isRequired: false, transformFunction: null }, elevateNodesOnSelect: { classPropertyName: "elevateNodesOnSelect", publicName: "elevateNodesOnSelect", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { onComponentNodeEvent: "onComponentNodeEvent" }, queries: [{ propertyName: "nodeTemplateDirective", first: true, predicate: NodeHtmlTemplateMockDirective, descendants: true, isSignal: true }, { propertyName: "groupNodeTemplateDirective", first: true, predicate: GroupNodeTemplateMockDirective, descendants: true, isSignal: true }, { propertyName: "edgeTemplateDirective", first: true, predicate: EdgeTemplateMockDirective, descendants: true, isSignal: true }, { propertyName: "edgeLabelHtmlDirective", first: true, predicate: EdgeLabelHtmlTemplateMockDirective, descendants: true, isSignal: true }, { propertyName: "connectionTemplateDirective", first: true, predicate: ConnectionTemplateMockDirective, descendants: true, isSignal: true }], ngImport: i0, template: `
     <ng-content />
 
-    @for (node of nodes(); track $index) {
+    @for (node of nodes; track $index) {
       @if (node.type === 'html-template') {
         <ng-component
           [ngTemplateOutlet]="nodeTemplateDirective()?.templateRef ?? null"
@@ -3842,7 +3823,7 @@ class VflowMockComponent {
       }
     }
 
-    @for (edge of edges(); track $index) {
+    @for (edge of edges; track $index) {
       @if (edge.type === 'template') {
         <ng-component
           [ngTemplateOutlet]="edgeTemplateDirective()?.templateRef ?? null"
@@ -3890,7 +3871,7 @@ class VflowMockComponent {
       }
     }
 
-    @if (connection()?.type === 'template') {
+    @if (connection.type === 'template') {
       <ng-component
         [ngTemplateOutlet]="connectionTemplateDirective()?.templateRef ?? null"
         [ngTemplateOutletContext]="{
@@ -3909,7 +3890,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                     template: `
     <ng-content />
 
-    @for (node of nodes(); track $index) {
+    @for (node of nodes; track $index) {
       @if (node.type === 'html-template') {
         <ng-component
           [ngTemplateOutlet]="nodeTemplateDirective()?.templateRef ?? null"
@@ -3935,7 +3916,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
       }
     }
 
-    @for (edge of edges(); track $index) {
+    @for (edge of edges; track $index) {
       @if (edge.type === 'template') {
         <ng-component
           [ngTemplateOutlet]="edgeTemplateDirective()?.templateRef ?? null"
@@ -3983,7 +3964,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
       }
     }
 
-    @if (connection()?.type === 'template') {
+    @if (connection.type === 'template') {
       <ng-component
         [ngTemplateOutlet]="connectionTemplateDirective()?.templateRef ?? null"
         [ngTemplateOutletContext]="{
@@ -3998,7 +3979,33 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                     standalone: true,
                     imports: [NgTemplateOutlet],
                 }]
-        }] });
+        }], propDecorators: { nodes: [{
+                type: Input,
+                args: [{ required: true }]
+            }], edges: [{
+                type: Input
+            }], view: [{
+                type: Input
+            }], minZoom: [{
+                type: Input
+            }], maxZoom: [{
+                type: Input
+            }], background: [{
+                type: Input
+            }], entitiesSelectable: [{
+                type: Input
+            }], keyboardShortcuts: [{
+                type: Input
+            }], connection: [{
+                type: Input,
+                args: [{
+                        transform: (settings) => new ConnectionModel(settings),
+                    }]
+            }], snapGrid: [{
+                type: Input
+            }], elevateNodesOnSelect: [{
+                type: Input
+            }] } });
 
 class HandleMockComponent {
     constructor() {
@@ -4007,6 +4014,8 @@ class HandleMockComponent {
         this.id = input();
         this.template = input();
     }
+    // eslint-disable-next-line @angular-eslint/no-empty-lifecycle-method
+    ngOnInit() { }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HandleMockComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.3.12", type: HandleMockComponent, isStandalone: true, selector: "handle", inputs: { position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: true, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: true, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, template: { classPropertyName: "template", publicName: "template", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
@@ -4026,6 +4035,10 @@ class ResizableMockComponent {
         this.resizerColor = input('#2e414c');
         this.gap = input(1.5);
     }
+    // eslint-disable-next-line @angular-eslint/no-empty-lifecycle-method
+    ngOnInit() { }
+    // eslint-disable-next-line @angular-eslint/no-empty-lifecycle-method
+    ngAfterViewInit() { }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ResizableMockComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.3.12", type: ResizableMockComponent, isStandalone: true, selector: "[resizable]", inputs: { resizable: { classPropertyName: "resizable", publicName: "resizable", isSignal: true, isRequired: false, transformFunction: null }, resizerColor: { classPropertyName: "resizerColor", publicName: "resizerColor", isSignal: true, isRequired: false, transformFunction: null }, gap: { classPropertyName: "gap", publicName: "gap", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: '<ng-content />', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
@@ -4046,6 +4059,8 @@ class MiniMapMockComponent {
         this.position = input('bottom-right');
         this.scaleOnHover = input(false);
     }
+    // eslint-disable-next-line @angular-eslint/no-empty-lifecycle-method
+    ngOnInit() { }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MiniMapMockComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.3.12", type: MiniMapMockComponent, isStandalone: true, selector: "mini-map", inputs: { maskColor: { classPropertyName: "maskColor", publicName: "maskColor", isSignal: true, isRequired: false, transformFunction: null }, strokeColor: { classPropertyName: "strokeColor", publicName: "strokeColor", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, scaleOnHover: { classPropertyName: "scaleOnHover", publicName: "scaleOnHover", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
@@ -4063,6 +4078,10 @@ class NodeToolbarMockComponent {
     constructor() {
         this.position = input('top');
     }
+    // eslint-disable-next-line @angular-eslint/no-empty-lifecycle-method
+    ngOnInit() { }
+    // eslint-disable-next-line @angular-eslint/no-empty-lifecycle-method
+    ngOnDestroy() { }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NodeToolbarMockComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.3.12", type: NodeToolbarMockComponent, isStandalone: true, selector: "node-toolbar", inputs: { position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: '<ng-content />', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
@@ -4081,6 +4100,14 @@ class ConnectionControllerMockDirective {
         // eslint-disable-next-line @angular-eslint/no-output-on-prefix
         this.onConnect = output();
     }
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    startConnection(handle) { }
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    validateConnection(handle) { }
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    resetValidateConnection(targetHandle) { }
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    endConnection() { }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ConnectionControllerMockDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: ConnectionControllerMockDirective, isStandalone: true, selector: "[onConnect]", outputs: { onConnect: "onConnect" }, ngImport: i0 }); }
 }