ngx-vflow 0.15.0 → 1.0.0

package/esm2022/lib/vflow/components/defs/defs.component.mjs

@@ -1,19 +1,16 @@
-import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
+import { ChangeDetectionStrategy, Component, input } from '@angular/core';
+import { KeyValuePipe } from '@angular/common';
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
 export class DefsComponent {
     constructor() {
-        this.markers = new Map();
+        this.markers = input.required();
         this.defaultColor = 'rgb(177, 177, 183)';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DefsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DefsComponent, selector: "defs[flowDefs]", inputs: { markers: "markers" }, ngImport: i0, template: "<svg:marker\n  *ngFor=\"let marker of markers | keyvalue\"\n  [attr.id]=\"marker.key\"\n  [attr.markerWidth]=\"marker.value.width ?? 16.5\"\n  [attr.markerHeight]=\"marker.value.height ?? 16.5\"\n  [attr.orient]=\"marker.value.orient ?? 'auto-start-reverse'\"\n  viewBox=\"-10 -10 20 20\"\n  [attr.markerUnits]=\"marker.value.markerUnits ?? 'userSpaceOnUse'\"\n  refX=\"0\"\n  refY=\"0\"\n>\n  <polyline\n    *ngIf=\"marker.value.type === 'arrow-closed' || !marker.value.type\"\n    class=\"marker__arrow_closed\"\n    [style.stroke]=\"marker.value.color ?? defaultColor\"\n    [style.stroke-width]=\"marker.value.strokeWidth ?? 2\"\n    [style.fill]=\"marker.value.color ?? defaultColor\"\n    points=\"-5,-4 1,0 -5,4 -5,-4\"\n  />\n\n  <polyline\n    *ngIf=\"marker.value.type === 'arrow'\"\n    class=\"marker__arrow_default\"\n    [style.stroke]=\"marker.value.color ?? defaultColor\"\n    [style.stroke-width]=\"marker.value.strokeWidth ?? 2\"\n    points=\"-5,-4 0,0 -5,4\"\n  />\n</svg:marker>\n", styles: [".marker__arrow_default{stroke-width:1px;stroke-linecap:round;stroke-linejoin:round;fill:none}.marker__arrow_closed{stroke-linecap:round;stroke-linejoin:round}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "pipe", type: i1.KeyValuePipe, name: "keyvalue" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DefsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: DefsComponent, isStandalone: true, selector: "defs[flowDefs]", inputs: { markers: { classPropertyName: "markers", publicName: "markers", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "@for (marker of markers() | keyvalue; track marker) {\n  <svg:marker\n    [attr.id]=\"marker.key\"\n    [attr.markerWidth]=\"marker.value.width ?? 16.5\"\n    [attr.markerHeight]=\"marker.value.height ?? 16.5\"\n    [attr.orient]=\"marker.value.orient ?? 'auto-start-reverse'\"\n    viewBox=\"-10 -10 20 20\"\n    [attr.markerUnits]=\"marker.value.markerUnits ?? 'userSpaceOnUse'\"\n    refX=\"0\"\n    refY=\"0\"\n  >\n    @if (marker.value.type === \"arrow-closed\" || !marker.value.type) {\n      <polyline\n        class=\"marker__arrow_closed\"\n        [style.stroke]=\"marker.value.color ?? defaultColor\"\n        [style.stroke-width]=\"marker.value.strokeWidth ?? 2\"\n        [style.fill]=\"marker.value.color ?? defaultColor\"\n        points=\"-5,-4 1,0 -5,4 -5,-4\"\n      />\n    }\n\n    @if (marker.value.type === \"arrow\") {\n      <polyline\n        class=\"marker__arrow_default\"\n        [style.stroke]=\"marker.value.color ?? defaultColor\"\n        [style.stroke-width]=\"marker.value.strokeWidth ?? 2\"\n        points=\"-5,-4 0,0 -5,4\"\n      />\n    }\n  </svg:marker>\n}\n", styles: [".marker__arrow_default{stroke-width:1px;stroke-linecap:round;stroke-linejoin:round;fill:none}.marker__arrow_closed{stroke-linecap:round;stroke-linejoin:round}\n"], dependencies: [{ kind: "pipe", type: KeyValuePipe, name: "keyvalue" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DefsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DefsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'defs[flowDefs]', changeDetection: ChangeDetectionStrategy.OnPush, template: "<svg:marker\n  *ngFor=\"let marker of markers | keyvalue\"\n  [attr.id]=\"marker.key\"\n  [attr.markerWidth]=\"marker.value.width ?? 16.5\"\n  [attr.markerHeight]=\"marker.value.height ?? 16.5\"\n  [attr.orient]=\"marker.value.orient ?? 'auto-start-reverse'\"\n  viewBox=\"-10 -10 20 20\"\n  [attr.markerUnits]=\"marker.value.markerUnits ?? 'userSpaceOnUse'\"\n  refX=\"0\"\n  refY=\"0\"\n>\n  <polyline\n    *ngIf=\"marker.value.type === 'arrow-closed' || !marker.value.type\"\n    class=\"marker__arrow_closed\"\n    [style.stroke]=\"marker.value.color ?? defaultColor\"\n    [style.stroke-width]=\"marker.value.strokeWidth ?? 2\"\n    [style.fill]=\"marker.value.color ?? defaultColor\"\n    points=\"-5,-4 1,0 -5,4 -5,-4\"\n  />\n\n  <polyline\n    *ngIf=\"marker.value.type === 'arrow'\"\n    class=\"marker__arrow_default\"\n    [style.stroke]=\"marker.value.color ?? defaultColor\"\n    [style.stroke-width]=\"marker.value.strokeWidth ?? 2\"\n    points=\"-5,-4 0,0 -5,4\"\n  />\n</svg:marker>\n", styles: [".marker__arrow_default{stroke-width:1px;stroke-linecap:round;stroke-linejoin:round;fill:none}.marker__arrow_closed{stroke-linecap:round;stroke-linejoin:round}\n"] }]
-        }], propDecorators: { markers: [{
-                type: Input,
-                args: [{ required: true }]
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVmcy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtdmZsb3ctbGliL3NyYy9saWIvdmZsb3cvY29tcG9uZW50cy9kZWZzL2RlZnMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXZmbG93LWxpYi9zcmMvbGliL3ZmbG93L2NvbXBvbmVudHMvZGVmcy9kZWZzLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFTMUUsTUFBTSxPQUFPLGFBQWE7SUFOMUI7UUFRUyxZQUFPLEdBQXdCLElBQUksR0FBRyxFQUFFLENBQUE7UUFFNUIsaUJBQVksR0FBRyxvQkFBb0IsQ0FBQTtLQUN2RDsrR0FMWSxhQUFhO21HQUFiLGFBQWEsc0ZDVDFCLDQrQkE0QkE7OzRGRG5CYSxhQUFhO2tCQU56QixTQUFTOytCQUNFLGdCQUFnQixtQkFHVCx1QkFBdUIsQ0FBQyxNQUFNOzhCQUl4QyxPQUFPO3NCQURiLEtBQUs7dUJBQUMsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1hcmtlciB9IGZyb20gJy4uLy4uL2ludGVyZmFjZXMvbWFya2VyLmludGVyZmFjZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2RlZnNbZmxvd0RlZnNdJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2RlZnMuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9kZWZzLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIERlZnNDb21wb25lbnQge1xuICBASW5wdXQoeyByZXF1aXJlZDogdHJ1ZSB9KVxuICBwdWJsaWMgbWFya2VyczogTWFwPG51bWJlciwgTWFya2VyPiA9IG5ldyBNYXAoKVxuXG4gIHByb3RlY3RlZCByZWFkb25seSBkZWZhdWx0Q29sb3IgPSAncmdiKDE3NywgMTc3LCAxODMpJ1xufVxuIiwiPHN2ZzptYXJrZXJcbiAgKm5nRm9yPVwibGV0IG1hcmtlciBvZiBtYXJrZXJzIHwga2V5dmFsdWVcIlxuICBbYXR0ci5pZF09XCJtYXJrZXIua2V5XCJcbiAgW2F0dHIubWFya2VyV2lkdGhdPVwibWFya2VyLnZhbHVlLndpZHRoID8/IDE2LjVcIlxuICBbYXR0ci5tYXJrZXJIZWlnaHRdPVwibWFya2VyLnZhbHVlLmhlaWdodCA/PyAxNi41XCJcbiAgW2F0dHIub3JpZW50XT1cIm1hcmtlci52YWx1ZS5vcmllbnQgPz8gJ2F1dG8tc3RhcnQtcmV2ZXJzZSdcIlxuICB2aWV3Qm94PVwiLTEwIC0xMCAyMCAyMFwiXG4gIFthdHRyLm1hcmtlclVuaXRzXT1cIm1hcmtlci52YWx1ZS5tYXJrZXJVbml0cyA/PyAndXNlclNwYWNlT25Vc2UnXCJcbiAgcmVmWD1cIjBcIlxuICByZWZZPVwiMFwiXG4+XG4gIDxwb2x5bGluZVxuICAgICpuZ0lmPVwibWFya2VyLnZhbHVlLnR5cGUgPT09ICdhcnJvdy1jbG9zZWQnIHx8ICFtYXJrZXIudmFsdWUudHlwZVwiXG4gICAgY2xhc3M9XCJtYXJrZXJfX2Fycm93X2Nsb3NlZFwiXG4gICAgW3N0eWxlLnN0cm9rZV09XCJtYXJrZXIudmFsdWUuY29sb3IgPz8gZGVmYXVsdENvbG9yXCJcbiAgICBbc3R5bGUuc3Ryb2tlLXdpZHRoXT1cIm1hcmtlci52YWx1ZS5zdHJva2VXaWR0aCA/PyAyXCJcbiAgICBbc3R5bGUuZmlsbF09XCJtYXJrZXIudmFsdWUuY29sb3IgPz8gZGVmYXVsdENvbG9yXCJcbiAgICBwb2ludHM9XCItNSwtNCAxLDAgLTUsNCAtNSwtNFwiXG4gIC8+XG5cbiAgPHBvbHlsaW5lXG4gICAgKm5nSWY9XCJtYXJrZXIudmFsdWUudHlwZSA9PT0gJ2Fycm93J1wiXG4gICAgY2xhc3M9XCJtYXJrZXJfX2Fycm93X2RlZmF1bHRcIlxuICAgIFtzdHlsZS5zdHJva2VdPVwibWFya2VyLnZhbHVlLmNvbG9yID8/IGRlZmF1bHRDb2xvclwiXG4gICAgW3N0eWxlLnN0cm9rZS13aWR0aF09XCJtYXJrZXIudmFsdWUuc3Ryb2tlV2lkdGggPz8gMlwiXG4gICAgcG9pbnRzPVwiLTUsLTQgMCwwIC01LDRcIlxuICAvPlxuPC9zdmc6bWFya2VyPlxuIl19
+            args: [{ standalone: true, selector: 'defs[flowDefs]', changeDetection: ChangeDetectionStrategy.OnPush, imports: [KeyValuePipe], template: "@for (marker of markers() | keyvalue; track marker) {\n  <svg:marker\n    [attr.id]=\"marker.key\"\n    [attr.markerWidth]=\"marker.value.width ?? 16.5\"\n    [attr.markerHeight]=\"marker.value.height ?? 16.5\"\n    [attr.orient]=\"marker.value.orient ?? 'auto-start-reverse'\"\n    viewBox=\"-10 -10 20 20\"\n    [attr.markerUnits]=\"marker.value.markerUnits ?? 'userSpaceOnUse'\"\n    refX=\"0\"\n    refY=\"0\"\n  >\n    @if (marker.value.type === \"arrow-closed\" || !marker.value.type) {\n      <polyline\n        class=\"marker__arrow_closed\"\n        [style.stroke]=\"marker.value.color ?? defaultColor\"\n        [style.stroke-width]=\"marker.value.strokeWidth ?? 2\"\n        [style.fill]=\"marker.value.color ?? defaultColor\"\n        points=\"-5,-4 1,0 -5,4 -5,-4\"\n      />\n    }\n\n    @if (marker.value.type === \"arrow\") {\n      <polyline\n        class=\"marker__arrow_default\"\n        [style.stroke]=\"marker.value.color ?? defaultColor\"\n        [style.stroke-width]=\"marker.value.strokeWidth ?? 2\"\n        points=\"-5,-4 0,0 -5,4\"\n      />\n    }\n  </svg:marker>\n}\n", styles: [".marker__arrow_default{stroke-width:1px;stroke-linecap:round;stroke-linejoin:round;fill:none}.marker__arrow_closed{stroke-linecap:round;stroke-linejoin:round}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVmcy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtdmZsb3ctbGliL3NyYy9saWIvdmZsb3cvY29tcG9uZW50cy9kZWZzL2RlZnMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXZmbG93LWxpYi9zcmMvbGliL3ZmbG93L2NvbXBvbmVudHMvZGVmcy9kZWZzLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRTFFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7QUFVL0MsTUFBTSxPQUFPLGFBQWE7SUFSMUI7UUFTUyxZQUFPLEdBQUcsS0FBSyxDQUFDLFFBQVEsRUFBdUIsQ0FBQztRQUVwQyxpQkFBWSxHQUFHLG9CQUFvQixDQUFDO0tBQ3hEOytHQUpZLGFBQWE7bUdBQWIsYUFBYSxtTkNaMUIsK2tDQStCQSxxTkRyQlksWUFBWTs7NEZBRVgsYUFBYTtrQkFSekIsU0FBUztpQ0FDSSxJQUFJLFlBQ04sZ0JBQWdCLG1CQUdULHVCQUF1QixDQUFDLE1BQU0sV0FDdEMsQ0FBQyxZQUFZLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBpbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTWFya2VyIH0gZnJvbSAnLi4vLi4vaW50ZXJmYWNlcy9tYXJrZXIuaW50ZXJmYWNlJztcbmltcG9ydCB7IEtleVZhbHVlUGlwZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5cbkBDb21wb25lbnQoe1xuICBzdGFuZGFsb25lOiB0cnVlLFxuICBzZWxlY3RvcjogJ2RlZnNbZmxvd0RlZnNdJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2RlZnMuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9kZWZzLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBpbXBvcnRzOiBbS2V5VmFsdWVQaXBlXSxcbn0pXG5leHBvcnQgY2xhc3MgRGVmc0NvbXBvbmVudCB7XG4gIHB1YmxpYyBtYXJrZXJzID0gaW5wdXQucmVxdWlyZWQ8TWFwPG51bWJlciwgTWFya2VyPj4oKTtcblxuICBwcm90ZWN0ZWQgcmVhZG9ubHkgZGVmYXVsdENvbG9yID0gJ3JnYigxNzcsIDE3NywgMTgzKSc7XG59XG4iLCJAZm9yIChtYXJrZXIgb2YgbWFya2VycygpIHwga2V5dmFsdWU7IHRyYWNrIG1hcmtlcikge1xuICA8c3ZnOm1hcmtlclxuICAgIFthdHRyLmlkXT1cIm1hcmtlci5rZXlcIlxuICAgIFthdHRyLm1hcmtlcldpZHRoXT1cIm1hcmtlci52YWx1ZS53aWR0aCA/PyAxNi41XCJcbiAgICBbYXR0ci5tYXJrZXJIZWlnaHRdPVwibWFya2VyLnZhbHVlLmhlaWdodCA/PyAxNi41XCJcbiAgICBbYXR0ci5vcmllbnRdPVwibWFya2VyLnZhbHVlLm9yaWVudCA/PyAnYXV0by1zdGFydC1yZXZlcnNlJ1wiXG4gICAgdmlld0JveD1cIi0xMCAtMTAgMjAgMjBcIlxuICAgIFthdHRyLm1hcmtlclVuaXRzXT1cIm1hcmtlci52YWx1ZS5tYXJrZXJVbml0cyA/PyAndXNlclNwYWNlT25Vc2UnXCJcbiAgICByZWZYPVwiMFwiXG4gICAgcmVmWT1cIjBcIlxuICA+XG4gICAgQGlmIChtYXJrZXIudmFsdWUudHlwZSA9PT0gXCJhcnJvdy1jbG9zZWRcIiB8fCAhbWFya2VyLnZhbHVlLnR5cGUpIHtcbiAgICAgIDxwb2x5bGluZVxuICAgICAgICBjbGFzcz1cIm1hcmtlcl9fYXJyb3dfY2xvc2VkXCJcbiAgICAgICAgW3N0eWxlLnN0cm9rZV09XCJtYXJrZXIudmFsdWUuY29sb3IgPz8gZGVmYXVsdENvbG9yXCJcbiAgICAgICAgW3N0eWxlLnN0cm9rZS13aWR0aF09XCJtYXJrZXIudmFsdWUuc3Ryb2tlV2lkdGggPz8gMlwiXG4gICAgICAgIFtzdHlsZS5maWxsXT1cIm1hcmtlci52YWx1ZS5jb2xvciA/PyBkZWZhdWx0Q29sb3JcIlxuICAgICAgICBwb2ludHM9XCItNSwtNCAxLDAgLTUsNCAtNSwtNFwiXG4gICAgICAvPlxuICAgIH1cblxuICAgIEBpZiAobWFya2VyLnZhbHVlLnR5cGUgPT09IFwiYXJyb3dcIikge1xuICAgICAgPHBvbHlsaW5lXG4gICAgICAgIGNsYXNzPVwibWFya2VyX19hcnJvd19kZWZhdWx0XCJcbiAgICAgICAgW3N0eWxlLnN0cm9rZV09XCJtYXJrZXIudmFsdWUuY29sb3IgPz8gZGVmYXVsdENvbG9yXCJcbiAgICAgICAgW3N0eWxlLnN0cm9rZS13aWR0aF09XCJtYXJrZXIudmFsdWUuc3Ryb2tlV2lkdGggPz8gMlwiXG4gICAgICAgIHBvaW50cz1cIi01LC00IDAsMCAtNSw0XCJcbiAgICAgIC8+XG4gICAgfVxuICA8L3N2ZzptYXJrZXI+XG59XG4iXX0=

package/esm2022/lib/vflow/components/edge/edge.component.mjs

@@ -1,21 +1,24 @@
-import { ChangeDetectionStrategy, Component, Injector, Input, computed, inject } from '@angular/core';
+import { ChangeDetectionStrategy, Component, Injector, computed, inject, input, } from '@angular/core';
 import { hashCode } from '../../utils/hash';
 import { SelectionService } from '../../services/selection.service';
 import { FlowSettingsService } from '../../services/flow-settings.service';
+import { EdgeLabelComponent } from '../edge-label/edge-label.component';
+import { NgTemplateOutlet } from '@angular/common';
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "../edge-label/edge-label.component";
 export class EdgeComponent {
     constructor() {
         this.injector = inject(Injector);
         this.selectionService = inject(SelectionService);
         this.flowSettingsService = inject(FlowSettingsService);
+        this.model = input.required();
+        this.edgeTemplate = input();
+        this.edgeLabelHtmlTemplate = input();
         this.markerStartUrl = computed(() => {
-            const marker = this.model.edge.markers?.start;
+            const marker = this.model().edge.markers?.start;
             return marker ? `url(#${hashCode(JSON.stringify(marker))})` : '';
         });
         this.markerEndUrl = computed(() => {
-            const marker = this.model.edge.markers?.end;
+            const marker = this.model().edge.markers?.end;
             return marker ? `url(#${hashCode(JSON.stringify(marker))})` : '';
         });
     }
@@ -23,32 +26,26 @@ export class EdgeComponent {
         this.edgeContext = {
             $implicit: {
                 // TODO: check if edge could change
-                edge: this.model.edge,
-                path: computed(() => this.model.path().path),
+                edge: this.model().edge,
+                path: computed(() => this.model().path().path),
                 markerStart: this.markerStartUrl,
                 markerEnd: this.markerEndUrl,
-                selected: this.model.selected.asReadonly()
-            }
+                selected: this.model().selected.asReadonly(),
+            },
         };
     }
     onEdgeMouseDown() {
         if (this.flowSettingsService.entitiesSelectable()) {
-            this.selectionService.select(this.model);
+            this.selectionService.select(this.model());
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EdgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EdgeComponent, selector: "g[edge]", inputs: { model: "model", edgeTemplate: "edgeTemplate", edgeLabelHtmlTemplate: "edgeLabelHtmlTemplate" }, host: { classAttribute: "selectable" }, ngImport: i0, template: "<svg:path\n  *ngIf=\"model.type === 'default'\"\n  (mousedown)=\"onEdgeMouseDown()\"\n  [attr.d]=\"model.path().path\"\n  [attr.marker-start]=\"markerStartUrl()\"\n  [attr.marker-end]=\"markerEndUrl()\"\n  class=\"edge\"\n  [class.edge_selected]=\"model.selected()\"\n/>\n\n<ng-container *ngIf=\"model.type === 'template' && edgeTemplate\">\n  <ng-container\n    [ngTemplateOutlet]=\"edgeTemplate\"\n    [ngTemplateOutletContext]=\"edgeContext\"\n    [ngTemplateOutletInjector]=\"injector\"\n  ></ng-container>\n</ng-container>\n\n<ng-container *ngIf=\"model.edgeLabels?.start as label\">\n  <svg:g edgeLabel\n    [model]=\"label\"\n    [point]=\"model.path().points.start\"\n    [edgeModel]=\"model\"\n    [htmlTemplate]=\"edgeLabelHtmlTemplate\"\n  />\n</ng-container>\n\n<ng-container *ngIf=\"model.edgeLabels?.center as label\">\n  <svg:g edgeLabel\n    [model]=\"label\"\n    [point]=\"model.path().points.center\"\n    [edgeModel]=\"model\"\n    [htmlTemplate]=\"edgeLabelHtmlTemplate\"\n  />\n</ng-container>\n\n<ng-container *ngIf=\"model.edgeLabels?.end as label\">\n  <svg:g edgeLabel\n    [model]=\"label\"\n    [point]=\"model.path().points.end\"\n    [edgeModel]=\"model\"\n    [htmlTemplate]=\"edgeLabelHtmlTemplate\"\n  />\n</ng-container>\n", styles: [".edge{fill:none;stroke-width:2;stroke:#b1b1b7}.edge_selected{stroke-width:2.5;stroke:#0f4c75}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.EdgeLabelComponent, selector: "g[edgeLabel]", inputs: ["model", "edgeModel", "point", "htmlTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: EdgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: EdgeComponent, isStandalone: true, selector: "g[edge]", inputs: { model: { classPropertyName: "model", publicName: "model", isSignal: true, isRequired: true, transformFunction: null }, edgeTemplate: { classPropertyName: "edgeTemplate", publicName: "edgeTemplate", isSignal: true, isRequired: false, transformFunction: null }, edgeLabelHtmlTemplate: { classPropertyName: "edgeLabelHtmlTemplate", publicName: "edgeLabelHtmlTemplate", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "selectable" }, ngImport: i0, template: "@if (model().type === \"default\") {\n  <svg:path\n    (mousedown)=\"onEdgeMouseDown()\"\n    [attr.d]=\"model().path().path\"\n    [attr.marker-start]=\"markerStartUrl()\"\n    [attr.marker-end]=\"markerEndUrl()\"\n    class=\"edge\"\n    [class.edge_selected]=\"model().selected()\"\n  />\n}\n\n@if (model().type === \"template\" && edgeTemplate()) {\n  @if (edgeTemplate(); as edgeTemplate) {\n    <ng-container\n      [ngTemplateOutlet]=\"edgeTemplate\"\n      [ngTemplateOutletContext]=\"edgeContext\"\n      [ngTemplateOutletInjector]=\"injector\"\n    />\n  }\n}\n\n@if (model().edgeLabels.start; as label) {\n  <svg:g\n    edgeLabel\n    [model]=\"label\"\n    [point]=\"model().path().points.start\"\n    [edgeModel]=\"model()\"\n    [htmlTemplate]=\"edgeLabelHtmlTemplate()\"\n  />\n}\n\n@if (model().edgeLabels.center; as label) {\n  <svg:g\n    edgeLabel\n    [model]=\"label\"\n    [point]=\"model().path().points.center\"\n    [edgeModel]=\"model()\"\n    [htmlTemplate]=\"edgeLabelHtmlTemplate()\"\n  />\n}\n\n@if (model().edgeLabels.end; as label) {\n  <svg:g\n    edgeLabel\n    [model]=\"label\"\n    [point]=\"model().path().points.end\"\n    [edgeModel]=\"model()\"\n    [htmlTemplate]=\"edgeLabelHtmlTemplate()\"\n  />\n}\n", styles: [".edge{fill:none;stroke-width:2;stroke:#b1b1b7}.edge_selected{stroke-width:2.5;stroke:#0f4c75}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: EdgeLabelComponent, selector: "g[edgeLabel]", inputs: ["model", "edgeModel", "point", "htmlTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EdgeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: EdgeComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'g[edge]', changeDetection: ChangeDetectionStrategy.OnPush, host: {
-                        'class': 'selectable'
-                    }, template: "<svg:path\n  *ngIf=\"model.type === 'default'\"\n  (mousedown)=\"onEdgeMouseDown()\"\n  [attr.d]=\"model.path().path\"\n  [attr.marker-start]=\"markerStartUrl()\"\n  [attr.marker-end]=\"markerEndUrl()\"\n  class=\"edge\"\n  [class.edge_selected]=\"model.selected()\"\n/>\n\n<ng-container *ngIf=\"model.type === 'template' && edgeTemplate\">\n  <ng-container\n    [ngTemplateOutlet]=\"edgeTemplate\"\n    [ngTemplateOutletContext]=\"edgeContext\"\n    [ngTemplateOutletInjector]=\"injector\"\n  ></ng-container>\n</ng-container>\n\n<ng-container *ngIf=\"model.edgeLabels?.start as label\">\n  <svg:g edgeLabel\n    [model]=\"label\"\n    [point]=\"model.path().points.start\"\n    [edgeModel]=\"model\"\n    [htmlTemplate]=\"edgeLabelHtmlTemplate\"\n  />\n</ng-container>\n\n<ng-container *ngIf=\"model.edgeLabels?.center as label\">\n  <svg:g edgeLabel\n    [model]=\"label\"\n    [point]=\"model.path().points.center\"\n    [edgeModel]=\"model\"\n    [htmlTemplate]=\"edgeLabelHtmlTemplate\"\n  />\n</ng-container>\n\n<ng-container *ngIf=\"model.edgeLabels?.end as label\">\n  <svg:g edgeLabel\n    [model]=\"label\"\n    [point]=\"model.path().points.end\"\n    [edgeModel]=\"model\"\n    [htmlTemplate]=\"edgeLabelHtmlTemplate\"\n  />\n</ng-container>\n", styles: [".edge{fill:none;stroke-width:2;stroke:#b1b1b7}.edge_selected{stroke-width:2.5;stroke:#0f4c75}\n"] }]
-        }], propDecorators: { model: [{
-                type: Input
-            }], edgeTemplate: [{
-                type: Input
-            }], edgeLabelHtmlTemplate: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWRnZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtdmZsb3ctbGliL3NyYy9saWIvdmZsb3cvY29tcG9uZW50cy9lZGdlL2VkZ2UuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXZmbG93LWxpYi9zcmMvbGliL3ZmbG93L2NvbXBvbmVudHMvZWRnZS9lZGdlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBK0IsUUFBUSxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUVuSSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFFNUMsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDcEUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sc0NBQXNDLENBQUM7Ozs7QUFXM0UsTUFBTSxPQUFPLGFBQWE7SUFUMUI7UUFVWSxhQUFRLEdBQUcsTUFBTSxDQUFDLFFBQVEsQ0FBQyxDQUFBO1FBQzdCLHFCQUFnQixHQUFHLE1BQU0sQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFBO1FBQzNDLHdCQUFtQixHQUFHLE1BQU0sQ0FBQyxtQkFBbUIsQ0FBQyxDQUFBO1FBVy9DLG1CQUFjLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRTtZQUN2QyxNQUFNLE1BQU0sR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxPQUFPLEVBQUUsS0FBSyxDQUFBO1lBRTdDLE9BQU8sTUFBTSxDQUFDLENBQUMsQ0FBQyxRQUFRLFFBQVEsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLE1BQU0sQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFBO1FBQ2xFLENBQUMsQ0FBQyxDQUFBO1FBRVEsaUJBQVksR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFO1lBQ3JDLE1BQU0sTUFBTSxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRSxHQUFHLENBQUE7WUFFM0MsT0FBTyxNQUFNLENBQUMsQ0FBQyxDQUFDLFFBQVEsUUFBUSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUE7UUFDbEUsQ0FBQyxDQUFDLENBQUE7S0FzQkg7SUFsQlEsUUFBUTtRQUNiLElBQUksQ0FBQyxXQUFXLEdBQUc7WUFDakIsU0FBUyxFQUFFO2dCQUNULG1DQUFtQztnQkFDbkMsSUFBSSxFQUFFLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSTtnQkFDckIsSUFBSSxFQUFFLFFBQVEsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksRUFBRSxDQUFDLElBQUksQ0FBQztnQkFDNUMsV0FBVyxFQUFFLElBQUksQ0FBQyxjQUFjO2dCQUNoQyxTQUFTLEVBQUUsSUFBSSxDQUFDLFlBQVk7Z0JBQzVCLFFBQVEsRUFBRSxJQUFJLENBQUMsS0FBSyxDQUFDLFFBQVEsQ0FBQyxVQUFVLEVBQUU7YUFDM0M7U0FDRixDQUFBO0lBQ0gsQ0FBQztJQUVNLGVBQWU7UUFDcEIsSUFBSSxJQUFJLENBQUMsbUJBQW1CLENBQUMsa0JBQWtCLEVBQUUsRUFBRTtZQUNqRCxJQUFJLENBQUMsZ0JBQWdCLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQTtTQUN6QztJQUNILENBQUM7K0dBN0NVLGFBQWE7bUdBQWIsYUFBYSxpTUNoQjFCLDB1Q0E0Q0E7OzRGRDVCYSxhQUFhO2tCQVR6QixTQUFTOytCQUNFLFNBQVMsbUJBR0YsdUJBQXVCLENBQUMsTUFBTSxRQUN6Qzt3QkFDSixPQUFPLEVBQUUsWUFBWTtxQkFDdEI7OEJBUU0sS0FBSztzQkFEWCxLQUFLO2dCQUlDLFlBQVk7c0JBRGxCLEtBQUs7Z0JBSUMscUJBQXFCO3NCQUQzQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5qZWN0b3IsIElucHV0LCBPbkluaXQsIFNpZ25hbCwgVGVtcGxhdGVSZWYsIGNvbXB1dGVkLCBpbmplY3QgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEVkZ2VNb2RlbCB9IGZyb20gJy4uLy4uL21vZGVscy9lZGdlLm1vZGVsJztcbmltcG9ydCB7IGhhc2hDb2RlIH0gZnJvbSAnLi4vLi4vdXRpbHMvaGFzaCc7XG5pbXBvcnQgeyBFZGdlQ29udGV4dCB9IGZyb20gJy4uLy4uL2ludGVyZmFjZXMvdGVtcGxhdGUtY29udGV4dC5pbnRlcmZhY2UnO1xuaW1wb3J0IHsgU2VsZWN0aW9uU2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL3NlbGVjdGlvbi5zZXJ2aWNlJztcbmltcG9ydCB7IEZsb3dTZXR0aW5nc1NlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy9mbG93LXNldHRpbmdzLnNlcnZpY2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdnW2VkZ2VdJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2VkZ2UuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9lZGdlLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBob3N0OiB7XG4gICAgJ2NsYXNzJzogJ3NlbGVjdGFibGUnXG4gIH1cbn0pXG5leHBvcnQgY2xhc3MgRWRnZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIHByb3RlY3RlZCBpbmplY3RvciA9IGluamVjdChJbmplY3RvcilcbiAgcHJpdmF0ZSBzZWxlY3Rpb25TZXJ2aWNlID0gaW5qZWN0KFNlbGVjdGlvblNlcnZpY2UpXG4gIHByaXZhdGUgZmxvd1NldHRpbmdzU2VydmljZSA9IGluamVjdChGbG93U2V0dGluZ3NTZXJ2aWNlKVxuXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBtb2RlbCE6IEVkZ2VNb2RlbFxuXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBlZGdlVGVtcGxhdGU/OiBUZW1wbGF0ZVJlZjxFZGdlQ29udGV4dD5cblxuICBASW5wdXQoKVxuICBwdWJsaWMgZWRnZUxhYmVsSHRtbFRlbXBsYXRlPzogVGVtcGxhdGVSZWY8YW55PlxuXG4gIHByb3RlY3RlZCBtYXJrZXJTdGFydFVybCA9IGNvbXB1dGVkKCgpID0+IHtcbiAgICBjb25zdCBtYXJrZXIgPSB0aGlzLm1vZGVsLmVkZ2UubWFya2Vycz8uc3RhcnRcblxuICAgIHJldHVybiBtYXJrZXIgPyBgdXJsKCMke2hhc2hDb2RlKEpTT04uc3RyaW5naWZ5KG1hcmtlcikpfSlgIDogJydcbiAgfSlcblxuICBwcm90ZWN0ZWQgbWFya2VyRW5kVXJsID0gY29tcHV0ZWQoKCkgPT4ge1xuICAgIGNvbnN0IG1hcmtlciA9IHRoaXMubW9kZWwuZWRnZS5tYXJrZXJzPy5lbmRcblxuICAgIHJldHVybiBtYXJrZXIgPyBgdXJsKCMke2hhc2hDb2RlKEpTT04uc3RyaW5naWZ5KG1hcmtlcikpfSlgIDogJydcbiAgfSlcblxuICBwcm90ZWN0ZWQgZWRnZUNvbnRleHQhOiBFZGdlQ29udGV4dFxuXG4gIHB1YmxpYyBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmVkZ2VDb250ZXh0ID0ge1xuICAgICAgJGltcGxpY2l0OiB7XG4gICAgICAgIC8vIFRPRE86IGNoZWNrIGlmIGVkZ2UgY291bGQgY2hhbmdlXG4gICAgICAgIGVkZ2U6IHRoaXMubW9kZWwuZWRnZSxcbiAgICAgICAgcGF0aDogY29tcHV0ZWQoKCkgPT4gdGhpcy5tb2RlbC5wYXRoKCkucGF0aCksXG4gICAgICAgIG1hcmtlclN0YXJ0OiB0aGlzLm1hcmtlclN0YXJ0VXJsLFxuICAgICAgICBtYXJrZXJFbmQ6IHRoaXMubWFya2VyRW5kVXJsLFxuICAgICAgICBzZWxlY3RlZDogdGhpcy5tb2RlbC5zZWxlY3RlZC5hc1JlYWRvbmx5KClcbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICBwdWJsaWMgb25FZGdlTW91c2VEb3duKCkge1xuICAgIGlmICh0aGlzLmZsb3dTZXR0aW5nc1NlcnZpY2UuZW50aXRpZXNTZWxlY3RhYmxlKCkpIHtcbiAgICAgIHRoaXMuc2VsZWN0aW9uU2VydmljZS5zZWxlY3QodGhpcy5tb2RlbClcbiAgICB9XG4gIH1cbn1cbiIsIjxzdmc6cGF0aFxuICAqbmdJZj1cIm1vZGVsLnR5cGUgPT09ICdkZWZhdWx0J1wiXG4gIChtb3VzZWRvd24pPVwib25FZGdlTW91c2VEb3duKClcIlxuICBbYXR0ci5kXT1cIm1vZGVsLnBhdGgoKS5wYXRoXCJcbiAgW2F0dHIubWFya2VyLXN0YXJ0XT1cIm1hcmtlclN0YXJ0VXJsKClcIlxuICBbYXR0ci5tYXJrZXItZW5kXT1cIm1hcmtlckVuZFVybCgpXCJcbiAgY2xhc3M9XCJlZGdlXCJcbiAgW2NsYXNzLmVkZ2Vfc2VsZWN0ZWRdPVwibW9kZWwuc2VsZWN0ZWQoKVwiXG4vPlxuXG48bmctY29udGFpbmVyICpuZ0lmPVwibW9kZWwudHlwZSA9PT0gJ3RlbXBsYXRlJyAmJiBlZGdlVGVtcGxhdGVcIj5cbiAgPG5nLWNvbnRhaW5lclxuICAgIFtuZ1RlbXBsYXRlT3V0bGV0XT1cImVkZ2VUZW1wbGF0ZVwiXG4gICAgW25nVGVtcGxhdGVPdXRsZXRDb250ZXh0XT1cImVkZ2VDb250ZXh0XCJcbiAgICBbbmdUZW1wbGF0ZU91dGxldEluamVjdG9yXT1cImluamVjdG9yXCJcbiAgPjwvbmctY29udGFpbmVyPlxuPC9uZy1jb250YWluZXI+XG5cbjxuZy1jb250YWluZXIgKm5nSWY9XCJtb2RlbC5lZGdlTGFiZWxzPy5zdGFydCBhcyBsYWJlbFwiPlxuICA8c3ZnOmcgZWRnZUxhYmVsXG4gICAgW21vZGVsXT1cImxhYmVsXCJcbiAgICBbcG9pbnRdPVwibW9kZWwucGF0aCgpLnBvaW50cy5zdGFydFwiXG4gICAgW2VkZ2VNb2RlbF09XCJtb2RlbFwiXG4gICAgW2h0bWxUZW1wbGF0ZV09XCJlZGdlTGFiZWxIdG1sVGVtcGxhdGVcIlxuICAvPlxuPC9uZy1jb250YWluZXI+XG5cbjxuZy1jb250YWluZXIgKm5nSWY9XCJtb2RlbC5lZGdlTGFiZWxzPy5jZW50ZXIgYXMgbGFiZWxcIj5cbiAgPHN2ZzpnIGVkZ2VMYWJlbFxuICAgIFttb2RlbF09XCJsYWJlbFwiXG4gICAgW3BvaW50XT1cIm1vZGVsLnBhdGgoKS5wb2ludHMuY2VudGVyXCJcbiAgICBbZWRnZU1vZGVsXT1cIm1vZGVsXCJcbiAgICBbaHRtbFRlbXBsYXRlXT1cImVkZ2VMYWJlbEh0bWxUZW1wbGF0ZVwiXG4gIC8+XG48L25nLWNvbnRhaW5lcj5cblxuPG5nLWNvbnRhaW5lciAqbmdJZj1cIm1vZGVsLmVkZ2VMYWJlbHM/LmVuZCBhcyBsYWJlbFwiPlxuICA8c3ZnOmcgZWRnZUxhYmVsXG4gICAgW21vZGVsXT1cImxhYmVsXCJcbiAgICBbcG9pbnRdPVwibW9kZWwucGF0aCgpLnBvaW50cy5lbmRcIlxuICAgIFtlZGdlTW9kZWxdPVwibW9kZWxcIlxuICAgIFtodG1sVGVtcGxhdGVdPVwiZWRnZUxhYmVsSHRtbFRlbXBsYXRlXCJcbiAgLz5cbjwvbmctY29udGFpbmVyPlxuIl19
+            args: [{ standalone: true, selector: 'g[edge]', changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        class: 'selectable',
+                    }, imports: [NgTemplateOutlet, EdgeLabelComponent], template: "@if (model().type === \"default\") {\n  <svg:path\n    (mousedown)=\"onEdgeMouseDown()\"\n    [attr.d]=\"model().path().path\"\n    [attr.marker-start]=\"markerStartUrl()\"\n    [attr.marker-end]=\"markerEndUrl()\"\n    class=\"edge\"\n    [class.edge_selected]=\"model().selected()\"\n  />\n}\n\n@if (model().type === \"template\" && edgeTemplate()) {\n  @if (edgeTemplate(); as edgeTemplate) {\n    <ng-container\n      [ngTemplateOutlet]=\"edgeTemplate\"\n      [ngTemplateOutletContext]=\"edgeContext\"\n      [ngTemplateOutletInjector]=\"injector\"\n    />\n  }\n}\n\n@if (model().edgeLabels.start; as label) {\n  <svg:g\n    edgeLabel\n    [model]=\"label\"\n    [point]=\"model().path().points.start\"\n    [edgeModel]=\"model()\"\n    [htmlTemplate]=\"edgeLabelHtmlTemplate()\"\n  />\n}\n\n@if (model().edgeLabels.center; as label) {\n  <svg:g\n    edgeLabel\n    [model]=\"label\"\n    [point]=\"model().path().points.center\"\n    [edgeModel]=\"model()\"\n    [htmlTemplate]=\"edgeLabelHtmlTemplate()\"\n  />\n}\n\n@if (model().edgeLabels.end; as label) {\n  <svg:g\n    edgeLabel\n    [model]=\"label\"\n    [point]=\"model().path().points.end\"\n    [edgeModel]=\"model()\"\n    [htmlTemplate]=\"edgeLabelHtmlTemplate()\"\n  />\n}\n", styles: [".edge{fill:none;stroke-width:2;stroke:#b1b1b7}.edge_selected{stroke-width:2.5;stroke:#0f4c75}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWRnZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtdmZsb3ctbGliL3NyYy9saWIvdmZsb3cvY29tcG9uZW50cy9lZGdlL2VkZ2UuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXZmbG93LWxpYi9zcmMvbGliL3ZmbG93L2NvbXBvbmVudHMvZWRnZS9lZGdlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFFBQVEsRUFHUixRQUFRLEVBQ1IsTUFBTSxFQUNOLEtBQUssR0FDTixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFFNUMsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDcEUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sc0NBQXNDLENBQUM7QUFDM0UsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFDeEUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0saUJBQWlCLENBQUM7O0FBYW5ELE1BQU0sT0FBTyxhQUFhO0lBWDFCO1FBWVksYUFBUSxHQUFHLE1BQU0sQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUM5QixxQkFBZ0IsR0FBRyxNQUFNLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztRQUM1Qyx3QkFBbUIsR0FBRyxNQUFNLENBQUMsbUJBQW1CLENBQUMsQ0FBQztRQUVuRCxVQUFLLEdBQUcsS0FBSyxDQUFDLFFBQVEsRUFBYSxDQUFDO1FBRXBDLGlCQUFZLEdBQUcsS0FBSyxFQUE0QixDQUFDO1FBRWpELDBCQUFxQixHQUFHLEtBQUssRUFBb0IsQ0FBQztRQUUvQyxtQkFBYyxHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUU7WUFDdkMsTUFBTSxNQUFNLEdBQUcsSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDLElBQUksQ0FBQyxPQUFPLEVBQUUsS0FBSyxDQUFDO1lBRWhELE9BQU8sTUFBTSxDQUFDLENBQUMsQ0FBQyxRQUFRLFFBQVEsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLE1BQU0sQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDO1FBQ25FLENBQUMsQ0FBQyxDQUFDO1FBRU8saUJBQVksR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFO1lBQ3JDLE1BQU0sTUFBTSxHQUFHLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFLEdBQUcsQ0FBQztZQUU5QyxPQUFPLE1BQU0sQ0FBQyxDQUFDLENBQUMsUUFBUSxRQUFRLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQztRQUNuRSxDQUFDLENBQUMsQ0FBQztLQXNCSjtJQWxCUSxRQUFRO1FBQ2IsSUFBSSxDQUFDLFdBQVcsR0FBRztZQUNqQixTQUFTLEVBQUU7Z0JBQ1QsbUNBQW1DO2dCQUNuQyxJQUFJLEVBQUUsSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDLElBQUk7Z0JBQ3ZCLElBQUksRUFBRSxRQUFRLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDLElBQUksRUFBRSxDQUFDLElBQUksQ0FBQztnQkFDOUMsV0FBVyxFQUFFLElBQUksQ0FBQyxjQUFjO2dCQUNoQyxTQUFTLEVBQUUsSUFBSSxDQUFDLFlBQVk7Z0JBQzVCLFFBQVEsRUFBRSxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUMsUUFBUSxDQUFDLFVBQVUsRUFBRTthQUM3QztTQUNGLENBQUM7SUFDSixDQUFDO0lBRU0sZUFBZTtRQUNwQixJQUFJLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxrQkFBa0IsRUFBRSxFQUFFLENBQUM7WUFDbEQsSUFBSSxDQUFDLGdCQUFnQixDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUMsQ0FBQztRQUM3QyxDQUFDO0lBQ0gsQ0FBQzsrR0ExQ1UsYUFBYTttR0FBYixhQUFhLG1pQkM3QjFCLDh0Q0FrREEseUpEdkJZLGdCQUFnQixvSkFBRSxrQkFBa0I7OzRGQUVuQyxhQUFhO2tCQVh6QixTQUFTO2lDQUNJLElBQUksWUFDTixTQUFTLG1CQUdGLHVCQUF1QixDQUFDLE1BQU0sUUFDekM7d0JBQ0osS0FBSyxFQUFFLFlBQVk7cUJBQ3BCLFdBQ1EsQ0FBQyxnQkFBZ0IsRUFBRSxrQkFBa0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIEluamVjdG9yLFxuICBPbkluaXQsXG4gIFRlbXBsYXRlUmVmLFxuICBjb21wdXRlZCxcbiAgaW5qZWN0LFxuICBpbnB1dCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBFZGdlTW9kZWwgfSBmcm9tICcuLi8uLi9tb2RlbHMvZWRnZS5tb2RlbCc7XG5pbXBvcnQgeyBoYXNoQ29kZSB9IGZyb20gJy4uLy4uL3V0aWxzL2hhc2gnO1xuaW1wb3J0IHsgRWRnZUNvbnRleHQgfSBmcm9tICcuLi8uLi9pbnRlcmZhY2VzL3RlbXBsYXRlLWNvbnRleHQuaW50ZXJmYWNlJztcbmltcG9ydCB7IFNlbGVjdGlvblNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy9zZWxlY3Rpb24uc2VydmljZSc7XG5pbXBvcnQgeyBGbG93U2V0dGluZ3NTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vc2VydmljZXMvZmxvdy1zZXR0aW5ncy5zZXJ2aWNlJztcbmltcG9ydCB7IEVkZ2VMYWJlbENvbXBvbmVudCB9IGZyb20gJy4uL2VkZ2UtbGFiZWwvZWRnZS1sYWJlbC5jb21wb25lbnQnO1xuaW1wb3J0IHsgTmdUZW1wbGF0ZU91dGxldCB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5cbkBDb21wb25lbnQoe1xuICBzdGFuZGFsb25lOiB0cnVlLFxuICBzZWxlY3RvcjogJ2dbZWRnZV0nLFxuICB0ZW1wbGF0ZVVybDogJy4vZWRnZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2VkZ2UuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGhvc3Q6IHtcbiAgICBjbGFzczogJ3NlbGVjdGFibGUnLFxuICB9LFxuICBpbXBvcnRzOiBbTmdUZW1wbGF0ZU91dGxldCwgRWRnZUxhYmVsQ29tcG9uZW50XSxcbn0pXG5leHBvcnQgY2xhc3MgRWRnZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIHByb3RlY3RlZCBpbmplY3RvciA9IGluamVjdChJbmplY3Rvcik7XG4gIHByaXZhdGUgc2VsZWN0aW9uU2VydmljZSA9IGluamVjdChTZWxlY3Rpb25TZXJ2aWNlKTtcbiAgcHJpdmF0ZSBmbG93U2V0dGluZ3NTZXJ2aWNlID0gaW5qZWN0KEZsb3dTZXR0aW5nc1NlcnZpY2UpO1xuXG4gIHB1YmxpYyBtb2RlbCA9IGlucHV0LnJlcXVpcmVkPEVkZ2VNb2RlbD4oKTtcblxuICBwdWJsaWMgZWRnZVRlbXBsYXRlID0gaW5wdXQ8VGVtcGxhdGVSZWY8RWRnZUNvbnRleHQ+PigpO1xuXG4gIHB1YmxpYyBlZGdlTGFiZWxIdG1sVGVtcGxhdGUgPSBpbnB1dDxUZW1wbGF0ZVJlZjxhbnk+PigpO1xuXG4gIHByb3RlY3RlZCBtYXJrZXJTdGFydFVybCA9IGNvbXB1dGVkKCgpID0+IHtcbiAgICBjb25zdCBtYXJrZXIgPSB0aGlzLm1vZGVsKCkuZWRnZS5tYXJrZXJzPy5zdGFydDtcblxuICAgIHJldHVybiBtYXJrZXIgPyBgdXJsKCMke2hhc2hDb2RlKEpTT04uc3RyaW5naWZ5KG1hcmtlcikpfSlgIDogJyc7XG4gIH0pO1xuXG4gIHByb3RlY3RlZCBtYXJrZXJFbmRVcmwgPSBjb21wdXRlZCgoKSA9PiB7XG4gICAgY29uc3QgbWFya2VyID0gdGhpcy5tb2RlbCgpLmVkZ2UubWFya2Vycz8uZW5kO1xuXG4gICAgcmV0dXJuIG1hcmtlciA/IGB1cmwoIyR7aGFzaENvZGUoSlNPTi5zdHJpbmdpZnkobWFya2VyKSl9KWAgOiAnJztcbiAgfSk7XG5cbiAgcHJvdGVjdGVkIGVkZ2VDb250ZXh0ITogRWRnZUNvbnRleHQ7XG5cbiAgcHVibGljIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuZWRnZUNvbnRleHQgPSB7XG4gICAgICAkaW1wbGljaXQ6IHtcbiAgICAgICAgLy8gVE9ETzogY2hlY2sgaWYgZWRnZSBjb3VsZCBjaGFuZ2VcbiAgICAgICAgZWRnZTogdGhpcy5tb2RlbCgpLmVkZ2UsXG4gICAgICAgIHBhdGg6IGNvbXB1dGVkKCgpID0+IHRoaXMubW9kZWwoKS5wYXRoKCkucGF0aCksXG4gICAgICAgIG1hcmtlclN0YXJ0OiB0aGlzLm1hcmtlclN0YXJ0VXJsLFxuICAgICAgICBtYXJrZXJFbmQ6IHRoaXMubWFya2VyRW5kVXJsLFxuICAgICAgICBzZWxlY3RlZDogdGhpcy5tb2RlbCgpLnNlbGVjdGVkLmFzUmVhZG9ubHkoKSxcbiAgICAgIH0sXG4gICAgfTtcbiAgfVxuXG4gIHB1YmxpYyBvbkVkZ2VNb3VzZURvd24oKSB7XG4gICAgaWYgKHRoaXMuZmxvd1NldHRpbmdzU2VydmljZS5lbnRpdGllc1NlbGVjdGFibGUoKSkge1xuICAgICAgdGhpcy5zZWxlY3Rpb25TZXJ2aWNlLnNlbGVjdCh0aGlzLm1vZGVsKCkpO1xuICAgIH1cbiAgfVxufVxuIiwiQGlmIChtb2RlbCgpLnR5cGUgPT09IFwiZGVmYXVsdFwiKSB7XG4gIDxzdmc6cGF0aFxuICAgIChtb3VzZWRvd24pPVwib25FZGdlTW91c2VEb3duKClcIlxuICAgIFthdHRyLmRdPVwibW9kZWwoKS5wYXRoKCkucGF0aFwiXG4gICAgW2F0dHIubWFya2VyLXN0YXJ0XT1cIm1hcmtlclN0YXJ0VXJsKClcIlxuICAgIFthdHRyLm1hcmtlci1lbmRdPVwibWFya2VyRW5kVXJsKClcIlxuICAgIGNsYXNzPVwiZWRnZVwiXG4gICAgW2NsYXNzLmVkZ2Vfc2VsZWN0ZWRdPVwibW9kZWwoKS5zZWxlY3RlZCgpXCJcbiAgLz5cbn1cblxuQGlmIChtb2RlbCgpLnR5cGUgPT09IFwidGVtcGxhdGVcIiAmJiBlZGdlVGVtcGxhdGUoKSkge1xuICBAaWYgKGVkZ2VUZW1wbGF0ZSgpOyBhcyBlZGdlVGVtcGxhdGUpIHtcbiAgICA8bmctY29udGFpbmVyXG4gICAgICBbbmdUZW1wbGF0ZU91dGxldF09XCJlZGdlVGVtcGxhdGVcIlxuICAgICAgW25nVGVtcGxhdGVPdXRsZXRDb250ZXh0XT1cImVkZ2VDb250ZXh0XCJcbiAgICAgIFtuZ1RlbXBsYXRlT3V0bGV0SW5qZWN0b3JdPVwiaW5qZWN0b3JcIlxuICAgIC8+XG4gIH1cbn1cblxuQGlmIChtb2RlbCgpLmVkZ2VMYWJlbHMuc3RhcnQ7IGFzIGxhYmVsKSB7XG4gIDxzdmc6Z1xuICAgIGVkZ2VMYWJlbFxuICAgIFttb2RlbF09XCJsYWJlbFwiXG4gICAgW3BvaW50XT1cIm1vZGVsKCkucGF0aCgpLnBvaW50cy5zdGFydFwiXG4gICAgW2VkZ2VNb2RlbF09XCJtb2RlbCgpXCJcbiAgICBbaHRtbFRlbXBsYXRlXT1cImVkZ2VMYWJlbEh0bWxUZW1wbGF0ZSgpXCJcbiAgLz5cbn1cblxuQGlmIChtb2RlbCgpLmVkZ2VMYWJlbHMuY2VudGVyOyBhcyBsYWJlbCkge1xuICA8c3ZnOmdcbiAgICBlZGdlTGFiZWxcbiAgICBbbW9kZWxdPVwibGFiZWxcIlxuICAgIFtwb2ludF09XCJtb2RlbCgpLnBhdGgoKS5wb2ludHMuY2VudGVyXCJcbiAgICBbZWRnZU1vZGVsXT1cIm1vZGVsKClcIlxuICAgIFtodG1sVGVtcGxhdGVdPVwiZWRnZUxhYmVsSHRtbFRlbXBsYXRlKClcIlxuICAvPlxufVxuXG5AaWYgKG1vZGVsKCkuZWRnZUxhYmVscy5lbmQ7IGFzIGxhYmVsKSB7XG4gIDxzdmc6Z1xuICAgIGVkZ2VMYWJlbFxuICAgIFttb2RlbF09XCJsYWJlbFwiXG4gICAgW3BvaW50XT1cIm1vZGVsKCkucGF0aCgpLnBvaW50cy5lbmRcIlxuICAgIFtlZGdlTW9kZWxdPVwibW9kZWwoKVwiXG4gICAgW2h0bWxUZW1wbGF0ZV09XCJlZGdlTGFiZWxIdG1sVGVtcGxhdGUoKVwiXG4gIC8+XG59XG4iXX0=

package/esm2022/lib/vflow/components/edge-label/edge-label.component.mjs

@@ -1,61 +1,56 @@
 import { __decorate } from "tslib";
-import { ChangeDetectionStrategy, Component, Input, ViewChild, computed, signal } from '@angular/core';
+import { ChangeDetectionStrategy, Component, computed, input, viewChild, } from '@angular/core';
 import { Microtask } from '../../decorators/microtask.decorator';
+import { NgTemplateOutlet } from '@angular/common';
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
 export class EdgeLabelComponent {
     constructor() {
+        // TODO: too many inputs
+        this.model = input.required();
+        this.edgeModel = input.required();
+        this.point = input({ x: 0, y: 0 });
+        this.htmlTemplate = input();
+        this.edgeLabelWrapperRef = viewChild.required('edgeLabelWrapper');
         /**
          * Centered point of label
          *
          * TODO: maybe put it into EdgeLabelModel
          */
         this.edgeLabelPoint = computed(() => {
-            const point = this.pointSignal();
-            const { width, height } = this.model.size();
+            const point = this.point();
+            const { width, height } = this.model().size();
             return {
-                x: point.x - (width / 2),
-                y: point.y - (height / 2)
+                x: point.x - width / 2,
+                y: point.y - height / 2,
             };
         });
-        this.pointSignal = signal({ x: 0, y: 0 });
     }
-    set point(point) { this.pointSignal.set(point); }
     ngAfterViewInit() {
         // this is a fix for visual artifact in chrome that for some reason adresses only for edge label.
         // the bug reproduces if edgeLabelWrapperRef size fully matched the size of parent foreignObject
         const MAGIC_VALUE_TO_FIX_GLITCH_IN_CHROME = 2;
-        const width = this.edgeLabelWrapperRef.nativeElement.clientWidth + MAGIC_VALUE_TO_FIX_GLITCH_IN_CHROME;
-        const height = this.edgeLabelWrapperRef.nativeElement.clientHeight + MAGIC_VALUE_TO_FIX_GLITCH_IN_CHROME;
-        this.model.size.set({ width, height });
+        const width = this.edgeLabelWrapperRef().nativeElement.clientWidth +
+            MAGIC_VALUE_TO_FIX_GLITCH_IN_CHROME;
+        const height = this.edgeLabelWrapperRef().nativeElement.clientHeight +
+            MAGIC_VALUE_TO_FIX_GLITCH_IN_CHROME;
+        this.model().size.set({ width, height });
     }
     getLabelContext() {
         return {
             $implicit: {
-                edge: this.edgeModel.edge,
-                label: this.model.edgeLabel
-            }
+                edge: this.edgeModel().edge,
+                label: this.model().edgeLabel,
+            },
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EdgeLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EdgeLabelComponent, selector: "g[edgeLabel]", inputs: { model: "model", edgeModel: "edgeModel", point: "point", htmlTemplate: "htmlTemplate" }, viewQueries: [{ propertyName: "edgeLabelWrapperRef", first: true, predicate: ["edgeLabelWrapper"], descendants: true }], ngImport: i0, template: "<svg:foreignObject\n  [attr.x]=\"edgeLabelPoint().x\"\n  [attr.y]=\"edgeLabelPoint().y\"\n  [attr.width]=\"model.size().width\"\n  [attr.height]=\"model.size().height\"\n  *ngIf=\"model.edgeLabel.type === 'html-template' && htmlTemplate\"\n>\n  <div #edgeLabelWrapper class=\"edge-label-wrapper\">\n    <ng-container\n      *ngTemplateOutlet=\"htmlTemplate; context: getLabelContext()\"\n    />\n  </div>\n</svg:foreignObject>\n", styles: [".edge-label-wrapper{width:max-content;margin-top:1px;margin-left:1px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: EdgeLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: EdgeLabelComponent, isStandalone: true, selector: "g[edgeLabel]", inputs: { model: { classPropertyName: "model", publicName: "model", isSignal: true, isRequired: true, transformFunction: null }, edgeModel: { classPropertyName: "edgeModel", publicName: "edgeModel", isSignal: true, isRequired: true, transformFunction: null }, point: { classPropertyName: "point", publicName: "point", isSignal: true, isRequired: false, transformFunction: null }, htmlTemplate: { classPropertyName: "htmlTemplate", publicName: "htmlTemplate", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "edgeLabelWrapperRef", first: true, predicate: ["edgeLabelWrapper"], descendants: true, isSignal: true }], ngImport: i0, template: "@if (model().edgeLabel.type === \"html-template\" && htmlTemplate()) {\n  @if (htmlTemplate(); as htmlTemplate) {\n    <svg:foreignObject\n      [attr.x]=\"edgeLabelPoint().x\"\n      [attr.y]=\"edgeLabelPoint().y\"\n      [attr.width]=\"model().size().width\"\n      [attr.height]=\"model().size().height\"\n    >\n      <div #edgeLabelWrapper class=\"edge-label-wrapper\">\n        <ng-container\n          *ngTemplateOutlet=\"htmlTemplate; context: getLabelContext()\"\n        />\n      </div>\n    </svg:foreignObject>\n  }\n}\n", styles: [".edge-label-wrapper{width:max-content;margin-top:1px;margin-left:1px}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 __decorate([
     Microtask
 ], EdgeLabelComponent.prototype, "ngAfterViewInit", null);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EdgeLabelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: EdgeLabelComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'g[edgeLabel]', changeDetection: ChangeDetectionStrategy.OnPush, template: "<svg:foreignObject\n  [attr.x]=\"edgeLabelPoint().x\"\n  [attr.y]=\"edgeLabelPoint().y\"\n  [attr.width]=\"model.size().width\"\n  [attr.height]=\"model.size().height\"\n  *ngIf=\"model.edgeLabel.type === 'html-template' && htmlTemplate\"\n>\n  <div #edgeLabelWrapper class=\"edge-label-wrapper\">\n    <ng-container\n      *ngTemplateOutlet=\"htmlTemplate; context: getLabelContext()\"\n    />\n  </div>\n</svg:foreignObject>\n", styles: [".edge-label-wrapper{width:max-content;margin-top:1px;margin-left:1px}\n"] }]
-        }], propDecorators: { model: [{
-                type: Input
-            }], edgeModel: [{
-                type: Input
-            }], point: [{
-                type: Input
-            }], htmlTemplate: [{
-                type: Input
-            }], edgeLabelWrapperRef: [{
-                type: ViewChild,
-                args: ['edgeLabelWrapper']
-            }], ngAfterViewInit: [] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWRnZS1sYWJlbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtdmZsb3ctbGliL3NyYy9saWIvdmZsb3cvY29tcG9uZW50cy9lZGdlLWxhYmVsL2VkZ2UtbGFiZWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXZmbG93LWxpYi9zcmMvbGliL3ZmbG93L2NvbXBvbmVudHMvZWRnZS1sYWJlbC9lZGdlLWxhYmVsLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQWlCLHVCQUF1QixFQUFFLFNBQVMsRUFBYyxLQUFLLEVBQWlELFNBQVMsRUFBRSxRQUFRLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBSWpMLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQzs7O0FBbUJqRSxNQUFNLE9BQU8sa0JBQWtCO0lBakIvQjtRQWtDRTs7OztXQUlHO1FBQ08sbUJBQWMsR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFO1lBQ3ZDLE1BQU0sS0FBSyxHQUFHLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQTtZQUVoQyxNQUFNLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxFQUFFLENBQUE7WUFFM0MsT0FBTztnQkFDTCxDQUFDLEVBQUUsS0FBSyxDQUFDLENBQUMsR0FBRyxDQUFDLEtBQUssR0FBRyxDQUFDLENBQUM7Z0JBQ3hCLENBQUMsRUFBRSxLQUFLLENBQUMsQ0FBQyxHQUFHLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQzthQUMxQixDQUFBO1FBQ0gsQ0FBQyxDQUFDLENBQUE7UUFFTSxnQkFBVyxHQUFHLE1BQU0sQ0FBQyxFQUFFLENBQUMsRUFBRSxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUMsRUFBRSxDQUFDLENBQUE7S0F1QjdDO0lBaERDLElBQ1csS0FBSyxDQUFDLEtBQVksSUFBSSxJQUFJLENBQUMsV0FBVyxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsQ0FBQSxDQUFDLENBQUM7SUEyQnZELGVBQWU7UUFDcEIsaUdBQWlHO1FBQ2pHLGdHQUFnRztRQUNoRyxNQUFNLG1DQUFtQyxHQUFHLENBQUMsQ0FBQTtRQUU3QyxNQUFNLEtBQUssR0FBRyxJQUFJLENBQUMsbUJBQW1CLENBQUMsYUFBYSxDQUFDLFdBQVcsR0FBRyxtQ0FBbUMsQ0FBQTtRQUN0RyxNQUFNLE1BQU0sR0FBRyxJQUFJLENBQUMsbUJBQW1CLENBQUMsYUFBYSxDQUFDLFlBQVksR0FBRyxtQ0FBbUMsQ0FBQTtRQUV4RyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLENBQUMsQ0FBQTtJQUV4QyxDQUFDO0lBRVMsZUFBZTtRQUN2QixPQUFPO1lBQ0wsU0FBUyxFQUFFO2dCQUNULElBQUksRUFBRSxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUk7Z0JBQ3pCLEtBQUssRUFBRSxJQUFJLENBQUMsS0FBSyxDQUFDLFNBQVM7YUFDNUI7U0FDRixDQUFBO0lBQ0gsQ0FBQzsrR0F2RFUsa0JBQWtCO21HQUFsQixrQkFBa0IsK1FDdkIvQiw4YUFhQTs7QUQ4Q1M7SUFETixTQUFTO3lEQVdUOzRGQTlDVSxrQkFBa0I7a0JBakI5QixTQUFTOytCQUNFLGNBQWMsbUJBY1AsdUJBQXVCLENBQUMsTUFBTTs4QkFLeEMsS0FBSztzQkFEWCxLQUFLO2dCQUlDLFNBQVM7c0JBRGYsS0FBSztnQkFJSyxLQUFLO3NCQURmLEtBQUs7Z0JBSUMsWUFBWTtzQkFEbEIsS0FBSztnQkFJQyxtQkFBbUI7c0JBRHpCLFNBQVM7dUJBQUMsa0JBQWtCO2dCQXNCdEIsZUFBZSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFmdGVyVmlld0luaXQsIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEVsZW1lbnRSZWYsIElucHV0LCBPbkNoYW5nZXMsIE9uSW5pdCwgU2ltcGxlQ2hhbmdlcywgVGVtcGxhdGVSZWYsIFZpZXdDaGlsZCwgY29tcHV0ZWQsIHNpZ25hbCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRWRnZUxhYmVsTW9kZWwgfSBmcm9tICcuLi8uLi9tb2RlbHMvZWRnZS1sYWJlbC5tb2RlbCc7XG5pbXBvcnQgeyBFZGdlTW9kZWwgfSBmcm9tICcuLi8uLi9tb2RlbHMvZWRnZS5tb2RlbCc7XG5pbXBvcnQgeyBQb2ludCB9IGZyb20gJy4uLy4uL2ludGVyZmFjZXMvcG9pbnQuaW50ZXJmYWNlJztcbmltcG9ydCB7IE1pY3JvdGFzayB9IGZyb20gJy4uLy4uL2RlY29yYXRvcnMvbWljcm90YXNrLmRlY29yYXRvcic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2dbZWRnZUxhYmVsXScsXG4gIHRlbXBsYXRlVXJsOiAnLi9lZGdlLWxhYmVsLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVzOiBbYFxuICAgIC5lZGdlLWxhYmVsLXdyYXBwZXIge1xuICAgICAgd2lkdGg6IG1heC1jb250ZW50O1xuXG4gICAgICAvKlxuICAgICAgICB0aGlzIGlzIGEgZml4IGZvciBidWcgaW4gY2hyb21lLCBmb3Igc29tZSByZWFzb24gaWYgdGhlIGRpdiBmdWxseSBtYXRjaGVzIHRoZSBzaXplXG4gICAgICAgIG9mIGZvcmVpZ25PYmplY3QgdGhlcmUgYXJlIG9jY3VycyBzb21lIHZpc3VhbCBhcnRpZmFjdHMgYXJvdW5kIHRoaXMgZGl2XG4gICAgICAgKi9cbiAgICAgIG1hcmdpbi10b3A6IDFweDtcbiAgICAgIG1hcmdpbi1sZWZ0OiAxcHg7XG4gICAgfVxuICBgXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgRWRnZUxhYmVsQ29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCB7XG4gIC8vIFRPRE86IHRvbyBtYW55IGlucHV0c1xuICBASW5wdXQoKVxuICBwdWJsaWMgbW9kZWwhOiBFZGdlTGFiZWxNb2RlbFxuXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBlZGdlTW9kZWwhOiBFZGdlTW9kZWxcblxuICBASW5wdXQoKVxuICBwdWJsaWMgc2V0IHBvaW50KHBvaW50OiBQb2ludCkgeyB0aGlzLnBvaW50U2lnbmFsLnNldChwb2ludCkgfVxuXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBodG1sVGVtcGxhdGU/OiBUZW1wbGF0ZVJlZjxhbnk+XG5cbiAgQFZpZXdDaGlsZCgnZWRnZUxhYmVsV3JhcHBlcicpXG4gIHB1YmxpYyBlZGdlTGFiZWxXcmFwcGVyUmVmITogRWxlbWVudFJlZjxIVE1MRGl2RWxlbWVudD5cblxuICAvKipcbiAgICogQ2VudGVyZWQgcG9pbnQgb2YgbGFiZWxcbiAgICpcbiAgICogVE9ETzogbWF5YmUgcHV0IGl0IGludG8gRWRnZUxhYmVsTW9kZWxcbiAgICovXG4gIHByb3RlY3RlZCBlZGdlTGFiZWxQb2ludCA9IGNvbXB1dGVkKCgpID0+IHtcbiAgICBjb25zdCBwb2ludCA9IHRoaXMucG9pbnRTaWduYWwoKVxuXG4gICAgY29uc3QgeyB3aWR0aCwgaGVpZ2h0IH0gPSB0aGlzLm1vZGVsLnNpemUoKVxuXG4gICAgcmV0dXJuIHtcbiAgICAgIHg6IHBvaW50LnggLSAod2lkdGggLyAyKSxcbiAgICAgIHk6IHBvaW50LnkgLSAoaGVpZ2h0IC8gMilcbiAgICB9XG4gIH0pXG5cbiAgcHJpdmF0ZSBwb2ludFNpZ25hbCA9IHNpZ25hbCh7IHg6IDAsIHk6IDAgfSlcblxuICBATWljcm90YXNrXG4gIHB1YmxpYyBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgLy8gdGhpcyBpcyBhIGZpeCBmb3IgdmlzdWFsIGFydGlmYWN0IGluIGNocm9tZSB0aGF0IGZvciBzb21lIHJlYXNvbiBhZHJlc3NlcyBvbmx5IGZvciBlZGdlIGxhYmVsLlxuICAgIC8vIHRoZSBidWcgcmVwcm9kdWNlcyBpZiBlZGdlTGFiZWxXcmFwcGVyUmVmIHNpemUgZnVsbHkgbWF0Y2hlZCB0aGUgc2l6ZSBvZiBwYXJlbnQgZm9yZWlnbk9iamVjdFxuICAgIGNvbnN0IE1BR0lDX1ZBTFVFX1RPX0ZJWF9HTElUQ0hfSU5fQ0hST01FID0gMlxuXG4gICAgY29uc3Qgd2lkdGggPSB0aGlzLmVkZ2VMYWJlbFdyYXBwZXJSZWYubmF0aXZlRWxlbWVudC5jbGllbnRXaWR0aCArIE1BR0lDX1ZBTFVFX1RPX0ZJWF9HTElUQ0hfSU5fQ0hST01FXG4gICAgY29uc3QgaGVpZ2h0ID0gdGhpcy5lZGdlTGFiZWxXcmFwcGVyUmVmLm5hdGl2ZUVsZW1lbnQuY2xpZW50SGVpZ2h0ICsgTUFHSUNfVkFMVUVfVE9fRklYX0dMSVRDSF9JTl9DSFJPTUVcblxuICAgIHRoaXMubW9kZWwuc2l6ZS5zZXQoeyB3aWR0aCwgaGVpZ2h0IH0pXG5cbiAgfVxuXG4gIHByb3RlY3RlZCBnZXRMYWJlbENvbnRleHQoKSB7XG4gICAgcmV0dXJuIHtcbiAgICAgICRpbXBsaWNpdDoge1xuICAgICAgICBlZGdlOiB0aGlzLmVkZ2VNb2RlbC5lZGdlLFxuICAgICAgICBsYWJlbDogdGhpcy5tb2RlbC5lZGdlTGFiZWxcbiAgICAgIH1cbiAgICB9XG4gIH1cbn1cbiIsIjxzdmc6Zm9yZWlnbk9iamVjdFxuICBbYXR0ci54XT1cImVkZ2VMYWJlbFBvaW50KCkueFwiXG4gIFthdHRyLnldPVwiZWRnZUxhYmVsUG9pbnQoKS55XCJcbiAgW2F0dHIud2lkdGhdPVwibW9kZWwuc2l6ZSgpLndpZHRoXCJcbiAgW2F0dHIuaGVpZ2h0XT1cIm1vZGVsLnNpemUoKS5oZWlnaHRcIlxuICAqbmdJZj1cIm1vZGVsLmVkZ2VMYWJlbC50eXBlID09PSAnaHRtbC10ZW1wbGF0ZScgJiYgaHRtbFRlbXBsYXRlXCJcbj5cbiAgPGRpdiAjZWRnZUxhYmVsV3JhcHBlciBjbGFzcz1cImVkZ2UtbGFiZWwtd3JhcHBlclwiPlxuICAgIDxuZy1jb250YWluZXJcbiAgICAgICpuZ1RlbXBsYXRlT3V0bGV0PVwiaHRtbFRlbXBsYXRlOyBjb250ZXh0OiBnZXRMYWJlbENvbnRleHQoKVwiXG4gICAgLz5cbiAgPC9kaXY+XG48L3N2Zzpmb3JlaWduT2JqZWN0PlxuIl19
+            args: [{ standalone: true, selector: 'g[edgeLabel]', changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgTemplateOutlet], template: "@if (model().edgeLabel.type === \"html-template\" && htmlTemplate()) {\n  @if (htmlTemplate(); as htmlTemplate) {\n    <svg:foreignObject\n      [attr.x]=\"edgeLabelPoint().x\"\n      [attr.y]=\"edgeLabelPoint().y\"\n      [attr.width]=\"model().size().width\"\n      [attr.height]=\"model().size().height\"\n    >\n      <div #edgeLabelWrapper class=\"edge-label-wrapper\">\n        <ng-container\n          *ngTemplateOutlet=\"htmlTemplate; context: getLabelContext()\"\n        />\n      </div>\n    </svg:foreignObject>\n  }\n}\n", styles: [".edge-label-wrapper{width:max-content;margin-top:1px;margin-left:1px}\n"] }]
+        }], propDecorators: { ngAfterViewInit: [] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWRnZS1sYWJlbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtdmZsb3ctbGliL3NyYy9saWIvdmZsb3cvY29tcG9uZW50cy9lZGdlLWxhYmVsL2VkZ2UtbGFiZWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXZmbG93LWxpYi9zcmMvbGliL3ZmbG93L2NvbXBvbmVudHMvZWRnZS1sYWJlbC9lZGdlLWxhYmVsLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBRUwsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFHVCxRQUFRLEVBQ1IsS0FBSyxFQUNMLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUd2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sc0NBQXNDLENBQUM7QUFDakUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0saUJBQWlCLENBQUM7O0FBdUJuRCxNQUFNLE9BQU8sa0JBQWtCO0lBckIvQjtRQXNCRSx3QkFBd0I7UUFDakIsVUFBSyxHQUFHLEtBQUssQ0FBQyxRQUFRLEVBQWtCLENBQUM7UUFFekMsY0FBUyxHQUFHLEtBQUssQ0FBQyxRQUFRLEVBQWEsQ0FBQztRQUV4QyxVQUFLLEdBQUcsS0FBSyxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUMsRUFBRSxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUU5QixpQkFBWSxHQUFHLEtBQUssRUFBb0IsQ0FBQztRQUV6Qyx3QkFBbUIsR0FDeEIsU0FBUyxDQUFDLFFBQVEsQ0FBNkIsa0JBQWtCLENBQUMsQ0FBQztRQUVyRTs7OztXQUlHO1FBQ08sbUJBQWMsR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFO1lBQ3ZDLE1BQU0sS0FBSyxHQUFHLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQztZQUUzQixNQUFNLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxHQUFHLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQyxJQUFJLEVBQUUsQ0FBQztZQUU5QyxPQUFPO2dCQUNMLENBQUMsRUFBRSxLQUFLLENBQUMsQ0FBQyxHQUFHLEtBQUssR0FBRyxDQUFDO2dCQUN0QixDQUFDLEVBQUUsS0FBSyxDQUFDLENBQUMsR0FBRyxNQUFNLEdBQUcsQ0FBQzthQUN4QixDQUFDO1FBQ0osQ0FBQyxDQUFDLENBQUM7S0EwQko7SUF2QlEsZUFBZTtRQUNwQixpR0FBaUc7UUFDakcsZ0dBQWdHO1FBQ2hHLE1BQU0sbUNBQW1DLEdBQUcsQ0FBQyxDQUFDO1FBRTlDLE1BQU0sS0FBSyxHQUNULElBQUksQ0FBQyxtQkFBbUIsRUFBRSxDQUFDLGFBQWEsQ0FBQyxXQUFXO1lBQ3BELG1DQUFtQyxDQUFDO1FBQ3RDLE1BQU0sTUFBTSxHQUNWLElBQUksQ0FBQyxtQkFBbUIsRUFBRSxDQUFDLGFBQWEsQ0FBQyxZQUFZO1lBQ3JELG1DQUFtQyxDQUFDO1FBRXRDLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxDQUFDLENBQUM7SUFDM0MsQ0FBQztJQUVTLGVBQWU7UUFDdkIsT0FBTztZQUNMLFNBQVMsRUFBRTtnQkFDVCxJQUFJLEVBQUUsSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDLElBQUk7Z0JBQzNCLEtBQUssRUFBRSxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUMsU0FBUzthQUM5QjtTQUNGLENBQUM7SUFDSixDQUFDOytHQXBEVSxrQkFBa0I7bUdBQWxCLGtCQUFrQiw0dEJDcEMvQix1aEJBZ0JBLGlJRGtCWSxnQkFBZ0I7O0FBZ0NuQjtJQUROLFNBQVM7eURBY1Q7NEZBM0NVLGtCQUFrQjtrQkFyQjlCLFNBQVM7aUNBQ0ksSUFBSSxZQUNOLGNBQWMsbUJBZ0JQLHVCQUF1QixDQUFDLE1BQU0sV0FDdEMsQ0FBQyxnQkFBZ0IsQ0FBQzs4QkFnQ3BCLGVBQWUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBBZnRlclZpZXdJbml0LFxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBFbGVtZW50UmVmLFxuICBUZW1wbGF0ZVJlZixcbiAgY29tcHV0ZWQsXG4gIGlucHV0LFxuICB2aWV3Q2hpbGQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRWRnZUxhYmVsTW9kZWwgfSBmcm9tICcuLi8uLi9tb2RlbHMvZWRnZS1sYWJlbC5tb2RlbCc7XG5pbXBvcnQgeyBFZGdlTW9kZWwgfSBmcm9tICcuLi8uLi9tb2RlbHMvZWRnZS5tb2RlbCc7XG5pbXBvcnQgeyBNaWNyb3Rhc2sgfSBmcm9tICcuLi8uLi9kZWNvcmF0b3JzL21pY3JvdGFzay5kZWNvcmF0b3InO1xuaW1wb3J0IHsgTmdUZW1wbGF0ZU91dGxldCB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5cbkBDb21wb25lbnQoe1xuICBzdGFuZGFsb25lOiB0cnVlLFxuICBzZWxlY3RvcjogJ2dbZWRnZUxhYmVsXScsXG4gIHRlbXBsYXRlVXJsOiAnLi9lZGdlLWxhYmVsLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVzOiBbXG4gICAgYFxuICAgICAgLmVkZ2UtbGFiZWwtd3JhcHBlciB7XG4gICAgICAgIHdpZHRoOiBtYXgtY29udGVudDtcblxuICAgICAgICAvKlxuICAgICAgICB0aGlzIGlzIGEgZml4IGZvciBidWcgaW4gY2hyb21lLCBmb3Igc29tZSByZWFzb24gaWYgdGhlIGRpdiBmdWxseSBtYXRjaGVzIHRoZSBzaXplXG4gICAgICAgIG9mIGZvcmVpZ25PYmplY3QgdGhlcmUgYXJlIG9jY3VycyBzb21lIHZpc3VhbCBhcnRpZmFjdHMgYXJvdW5kIHRoaXMgZGl2XG4gICAgICAgKi9cbiAgICAgICAgbWFyZ2luLXRvcDogMXB4O1xuICAgICAgICBtYXJnaW4tbGVmdDogMXB4O1xuICAgICAgfVxuICAgIGAsXG4gIF0sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBpbXBvcnRzOiBbTmdUZW1wbGF0ZU91dGxldF0sXG59KVxuZXhwb3J0IGNsYXNzIEVkZ2VMYWJlbENvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQge1xuICAvLyBUT0RPOiB0b28gbWFueSBpbnB1dHNcbiAgcHVibGljIG1vZGVsID0gaW5wdXQucmVxdWlyZWQ8RWRnZUxhYmVsTW9kZWw+KCk7XG5cbiAgcHVibGljIGVkZ2VNb2RlbCA9IGlucHV0LnJlcXVpcmVkPEVkZ2VNb2RlbD4oKTtcblxuICBwdWJsaWMgcG9pbnQgPSBpbnB1dCh7IHg6IDAsIHk6IDAgfSk7XG5cbiAgcHVibGljIGh0bWxUZW1wbGF0ZSA9IGlucHV0PFRlbXBsYXRlUmVmPGFueT4+KCk7XG5cbiAgcHVibGljIGVkZ2VMYWJlbFdyYXBwZXJSZWYgPVxuICAgIHZpZXdDaGlsZC5yZXF1aXJlZDxFbGVtZW50UmVmPEhUTUxEaXZFbGVtZW50Pj4oJ2VkZ2VMYWJlbFdyYXBwZXInKTtcblxuICAvKipcbiAgICogQ2VudGVyZWQgcG9pbnQgb2YgbGFiZWxcbiAgICpcbiAgICogVE9ETzogbWF5YmUgcHV0IGl0IGludG8gRWRnZUxhYmVsTW9kZWxcbiAgICovXG4gIHByb3RlY3RlZCBlZGdlTGFiZWxQb2ludCA9IGNvbXB1dGVkKCgpID0+IHtcbiAgICBjb25zdCBwb2ludCA9IHRoaXMucG9pbnQoKTtcblxuICAgIGNvbnN0IHsgd2lkdGgsIGhlaWdodCB9ID0gdGhpcy5tb2RlbCgpLnNpemUoKTtcblxuICAgIHJldHVybiB7XG4gICAgICB4OiBwb2ludC54IC0gd2lkdGggLyAyLFxuICAgICAgeTogcG9pbnQueSAtIGhlaWdodCAvIDIsXG4gICAgfTtcbiAgfSk7XG5cbiAgQE1pY3JvdGFza1xuICBwdWJsaWMgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xuICAgIC8vIHRoaXMgaXMgYSBmaXggZm9yIHZpc3VhbCBhcnRpZmFjdCBpbiBjaHJvbWUgdGhhdCBmb3Igc29tZSByZWFzb24gYWRyZXNzZXMgb25seSBmb3IgZWRnZSBsYWJlbC5cbiAgICAvLyB0aGUgYnVnIHJlcHJvZHVjZXMgaWYgZWRnZUxhYmVsV3JhcHBlclJlZiBzaXplIGZ1bGx5IG1hdGNoZWQgdGhlIHNpemUgb2YgcGFyZW50IGZvcmVpZ25PYmplY3RcbiAgICBjb25zdCBNQUdJQ19WQUxVRV9UT19GSVhfR0xJVENIX0lOX0NIUk9NRSA9IDI7XG5cbiAgICBjb25zdCB3aWR0aCA9XG4gICAgICB0aGlzLmVkZ2VMYWJlbFdyYXBwZXJSZWYoKS5uYXRpdmVFbGVtZW50LmNsaWVudFdpZHRoICtcbiAgICAgIE1BR0lDX1ZBTFVFX1RPX0ZJWF9HTElUQ0hfSU5fQ0hST01FO1xuICAgIGNvbnN0IGhlaWdodCA9XG4gICAgICB0aGlzLmVkZ2VMYWJlbFdyYXBwZXJSZWYoKS5uYXRpdmVFbGVtZW50LmNsaWVudEhlaWdodCArXG4gICAgICBNQUdJQ19WQUxVRV9UT19GSVhfR0xJVENIX0lOX0NIUk9NRTtcblxuICAgIHRoaXMubW9kZWwoKS5zaXplLnNldCh7IHdpZHRoLCBoZWlnaHQgfSk7XG4gIH1cblxuICBwcm90ZWN0ZWQgZ2V0TGFiZWxDb250ZXh0KCkge1xuICAgIHJldHVybiB7XG4gICAgICAkaW1wbGljaXQ6IHtcbiAgICAgICAgZWRnZTogdGhpcy5lZGdlTW9kZWwoKS5lZGdlLFxuICAgICAgICBsYWJlbDogdGhpcy5tb2RlbCgpLmVkZ2VMYWJlbCxcbiAgICAgIH0sXG4gICAgfTtcbiAgfVxufVxuIiwiQGlmIChtb2RlbCgpLmVkZ2VMYWJlbC50eXBlID09PSBcImh0bWwtdGVtcGxhdGVcIiAmJiBodG1sVGVtcGxhdGUoKSkge1xuICBAaWYgKGh0bWxUZW1wbGF0ZSgpOyBhcyBodG1sVGVtcGxhdGUpIHtcbiAgICA8c3ZnOmZvcmVpZ25PYmplY3RcbiAgICAgIFthdHRyLnhdPVwiZWRnZUxhYmVsUG9pbnQoKS54XCJcbiAgICAgIFthdHRyLnldPVwiZWRnZUxhYmVsUG9pbnQoKS55XCJcbiAgICAgIFthdHRyLndpZHRoXT1cIm1vZGVsKCkuc2l6ZSgpLndpZHRoXCJcbiAgICAgIFthdHRyLmhlaWdodF09XCJtb2RlbCgpLnNpemUoKS5oZWlnaHRcIlxuICAgID5cbiAgICAgIDxkaXYgI2VkZ2VMYWJlbFdyYXBwZXIgY2xhc3M9XCJlZGdlLWxhYmVsLXdyYXBwZXJcIj5cbiAgICAgICAgPG5nLWNvbnRhaW5lclxuICAgICAgICAgICpuZ1RlbXBsYXRlT3V0bGV0PVwiaHRtbFRlbXBsYXRlOyBjb250ZXh0OiBnZXRMYWJlbENvbnRleHQoKVwiXG4gICAgICAgIC8+XG4gICAgICA8L2Rpdj5cbiAgICA8L3N2Zzpmb3JlaWduT2JqZWN0PlxuICB9XG59XG4iXX0=