ngx-vflow 0.1.0

package/README.md

@@ -0,0 +1,24 @@
+# ngx-vflow
+
+This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 16.2.0.
+
+## Code scaffolding
+
+Run `ng generate component component-name --project ngx-vflow-lib` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project ngx-vflow-lib`.
+> Note: Don't forget to add `--project ngx-vflow-lib` or else it will be added to the default project in your `angular.json` file. 
+
+## Build
+
+Run `ng build ngx-vflow-lib` to build the project. The build artifacts will be stored in the `dist/` directory.
+
+## Publishing
+
+After building your library with `ng build ngx-vflow-lib`, go to the dist folder `cd dist/ngx-vflow-lib` and run `npm publish`.
+
+## Running unit tests
+
+Run `ng test ngx-vflow-lib` to execute the unit tests via [Karma](https://karma-runner.github.io).
+
+## Further help
+
+To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.

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

@@ -0,0 +1,100 @@
+import { ChangeDetectionStrategy, Component, Input, computed, inject } from '@angular/core';
+import { FlowStatusService } from '../../services/flow-status.service';
+import { straightPath } from '../../math/edge-path/straigh-path';
+import { SpacePointContextDirective } from '../../directives/space-point-context.directive';
+import { bezierPath } from '../../math/edge-path/bezier-path';
+import { hashCode } from '../../utils/hash';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class ConnectionComponent {
+    constructor() {
+        this.flowStatusService = inject(FlowStatusService);
+        this.spacePointContext = inject(SpacePointContextDirective);
+        this.path = computed(() => {
+            const status = this.flowStatusService.status();
+            if (status.state === 'connection-start') {
+                const sourceNode = status.payload.sourceNode;
+                const sourcePoint = sourceNode.sourcePointAbsolute();
+                const targetPoint = this.spacePointContext.svgCurrentSpacePoint();
+                switch (this.model.curve) {
+                    case 'straight': return straightPath(sourcePoint, targetPoint).path;
+                    case 'bezier': return bezierPath(sourcePoint, targetPoint, sourceNode.sourcePosition(), sourceNode.targetPosition()).path;
+                }
+            }
+            if (status.state === 'connection-validation') {
+                const sourcePoint = status.payload.sourceNode.sourcePointAbsolute();
+                // ignore magnet if validation failed
+                const targetPoint = status.payload.valid
+                    ? status.payload.targetNode.targetPointAbsolute()
+                    : this.spacePointContext.svgCurrentSpacePoint();
+                switch (this.model.curve) {
+                    case 'straight': return straightPath(sourcePoint, targetPoint).path;
+                    case 'bezier': return bezierPath(sourcePoint, targetPoint, status.payload.sourceNode.sourcePosition(), status.payload.sourceNode.targetPosition()).path;
+                }
+            }
+            return null;
+        });
+        this.markerUrl = computed(() => {
+            const marker = this.model.connection.marker;
+            if (marker) {
+                return `url(#${hashCode(JSON.stringify(marker))})`;
+            }
+            return '';
+        });
+        this.defaultColor = 'rgb(177, 177, 183)';
+    }
+    getContext() {
+        return {
+            $implicit: {
+                path: this.path,
+                marker: this.markerUrl
+            }
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ConnectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ConnectionComponent, selector: "g[connection]", inputs: { model: "model", template: "template" }, ngImport: i0, template: `
+    <ng-container *ngIf="model.type === 'default'">
+      <svg:path
+        *ngIf="path() as path"
+        [attr.d]="path"
+        [attr.marker-end]="markerUrl()"
+        [attr.stroke]="defaultColor"
+        fill="none"
+        stroke-width="2"
+      />
+    </ng-container>
+
+    <ng-container *ngIf="model.type === 'template' && template">
+      <ng-container *ngTemplateOutlet="template; context: getContext()" />
+    </ng-container>
+  `, isInline: true, 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 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ConnectionComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'g[connection]',
+                    template: `
+    <ng-container *ngIf="model.type === 'default'">
+      <svg:path
+        *ngIf="path() as path"
+        [attr.d]="path"
+        [attr.marker-end]="markerUrl()"
+        [attr.stroke]="defaultColor"
+        fill="none"
+        stroke-width="2"
+      />
+    </ng-container>
+
+    <ng-container *ngIf="model.type === 'template' && template">
+      <ng-container *ngTemplateOutlet="template; context: getContext()" />
+    </ng-container>
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush
+                }]
+        }], propDecorators: { model: [{
+                type: Input,
+                args: [{ required: true }]
+            }], template: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29ubmVjdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtdmZsb3ctbGliL3NyYy9saWIvdmZsb3cvY29tcG9uZW50cy9jb25uZWN0aW9uL2Nvbm5lY3Rpb24uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFlLFFBQVEsRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekcsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFDdkUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBQ2pFLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLGdEQUFnRCxDQUFDO0FBRTVGLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUM5RCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sa0JBQWtCLENBQUM7OztBQXNCNUMsTUFBTSxPQUFPLG1CQUFtQjtJQXBCaEM7UUEyQlUsc0JBQWlCLEdBQUcsTUFBTSxDQUFDLGlCQUFpQixDQUFDLENBQUE7UUFDN0Msc0JBQWlCLEdBQUcsTUFBTSxDQUFDLDBCQUEwQixDQUFDLENBQUE7UUFFcEQsU0FBSSxHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUU7WUFDN0IsTUFBTSxNQUFNLEdBQUcsSUFBSSxDQUFDLGlCQUFpQixDQUFDLE1BQU0sRUFBRSxDQUFBO1lBRTlDLElBQUksTUFBTSxDQUFDLEtBQUssS0FBSyxrQkFBa0IsRUFBRTtnQkFDdkMsTUFBTSxVQUFVLEdBQUcsTUFBTSxDQUFDLE9BQU8sQ0FBQyxVQUFVLENBQUE7Z0JBQzVDLE1BQU0sV0FBVyxHQUFHLFVBQVUsQ0FBQyxtQkFBbUIsRUFBRSxDQUFBO2dCQUNwRCxNQUFNLFdBQVcsR0FBRyxJQUFJLENBQUMsaUJBQWlCLENBQUMsb0JBQW9CLEVBQUUsQ0FBQTtnQkFFakUsUUFBUSxJQUFJLENBQUMsS0FBSyxDQUFDLEtBQUssRUFBRTtvQkFDeEIsS0FBSyxVQUFVLENBQUMsQ0FBQyxPQUFPLFlBQVksQ0FBQyxXQUFXLEVBQUUsV0FBVyxDQUFDLENBQUMsSUFBSSxDQUFBO29CQUNuRSxLQUFLLFFBQVEsQ0FBQyxDQUFDLE9BQU8sVUFBVSxDQUM5QixXQUFXLEVBQUUsV0FBVyxFQUN4QixVQUFVLENBQUMsY0FBYyxFQUFFLEVBQUUsVUFBVSxDQUFDLGNBQWMsRUFBRSxDQUN6RCxDQUFDLElBQUksQ0FBQTtpQkFDUDthQUNGO1lBRUQsSUFBSSxNQUFNLENBQUMsS0FBSyxLQUFLLHVCQUF1QixFQUFFO2dCQUM1QyxNQUFNLFdBQVcsR0FBRyxNQUFNLENBQUMsT0FBTyxDQUFDLFVBQVUsQ0FBQyxtQkFBbUIsRUFBRSxDQUFBO2dCQUNuRSxxQ0FBcUM7Z0JBQ3JDLE1BQU0sV0FBVyxHQUFHLE1BQU0sQ0FBQyxPQUFPLENBQUMsS0FBSztvQkFDdEMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxPQUFPLENBQUMsVUFBVSxDQUFDLG1CQUFtQixFQUFFO29CQUNqRCxDQUFDLENBQUMsSUFBSSxDQUFDLGlCQUFpQixDQUFDLG9CQUFvQixFQUFFLENBQUE7Z0JBRWpELFFBQVEsSUFBSSxDQUFDLEtBQUssQ0FBQyxLQUFLLEVBQUU7b0JBQ3hCLEtBQUssVUFBVSxDQUFDLENBQUMsT0FBTyxZQUFZLENBQUMsV0FBVyxFQUFFLFdBQVcsQ0FBQyxDQUFDLElBQUksQ0FBQTtvQkFDbkUsS0FBSyxRQUFRLENBQUMsQ0FBQyxPQUFPLFVBQVUsQ0FDOUIsV0FBVyxFQUFFLFdBQVcsRUFDeEIsTUFBTSxDQUFDLE9BQU8sQ0FBQyxVQUFVLENBQUMsY0FBYyxFQUFFLEVBQzFDLE1BQU0sQ0FBQyxPQUFPLENBQUMsVUFBVSxDQUFDLGNBQWMsRUFBRSxDQUMzQyxDQUFDLElBQUksQ0FBQTtpQkFDUDthQUNGO1lBRUQsT0FBTyxJQUFJLENBQUE7UUFDYixDQUFDLENBQUMsQ0FBQTtRQUVRLGNBQVMsR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFO1lBQ2xDLE1BQU0sTUFBTSxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsVUFBVSxDQUFDLE1BQU0sQ0FBQTtZQUUzQyxJQUFJLE1BQU0sRUFBRTtnQkFDVixPQUFPLFFBQVEsUUFBUSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLENBQUMsR0FBRyxDQUFBO2FBQ25EO1lBRUQsT0FBTyxFQUFFLENBQUE7UUFDWCxDQUFDLENBQUMsQ0FBQTtRQUVpQixpQkFBWSxHQUFHLG9CQUFvQixDQUFBO0tBVXZEO0lBUlcsVUFBVTtRQUNsQixPQUFPO1lBQ0wsU0FBUyxFQUFFO2dCQUNULElBQUksRUFBRSxJQUFJLENBQUMsSUFBSTtnQkFDZixNQUFNLEVBQUUsSUFBSSxDQUFDLFNBQVM7YUFDdkI7U0FDRixDQUFBO0lBQ0gsQ0FBQzsrR0FsRVUsbUJBQW1CO21HQUFuQixtQkFBbUIsdUdBbEJwQjs7Ozs7Ozs7Ozs7Ozs7O0dBZVQ7OzRGQUdVLG1CQUFtQjtrQkFwQi9CLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGVBQWU7b0JBQ3pCLFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7Ozs7O0dBZVQ7b0JBQ0QsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07aUJBQ2hEOzhCQUdRLEtBQUs7c0JBRFgsS0FBSzt1QkFBQyxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUU7Z0JBSWxCLFFBQVE7c0JBRGQsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0LCBUZW1wbGF0ZVJlZiwgY29tcHV0ZWQsIGluamVjdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRmxvd1N0YXR1c1NlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy9mbG93LXN0YXR1cy5zZXJ2aWNlJztcbmltcG9ydCB7IHN0cmFpZ2h0UGF0aCB9IGZyb20gJy4uLy4uL21hdGgvZWRnZS1wYXRoL3N0cmFpZ2gtcGF0aCc7XG5pbXBvcnQgeyBTcGFjZVBvaW50Q29udGV4dERpcmVjdGl2ZSB9IGZyb20gJy4uLy4uL2RpcmVjdGl2ZXMvc3BhY2UtcG9pbnQtY29udGV4dC5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgQ29ubmVjdGlvbk1vZGVsIH0gZnJvbSAnLi4vLi4vbW9kZWxzL2Nvbm5lY3Rpb24ubW9kZWwnO1xuaW1wb3J0IHsgYmV6aWVyUGF0aCB9IGZyb20gJy4uLy4uL21hdGgvZWRnZS1wYXRoL2Jlemllci1wYXRoJztcbmltcG9ydCB7IGhhc2hDb2RlIH0gZnJvbSAnLi4vLi4vdXRpbHMvaGFzaCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2dbY29ubmVjdGlvbl0nLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJtb2RlbC50eXBlID09PSAnZGVmYXVsdCdcIj5cbiAgICAgIDxzdmc6cGF0aFxuICAgICAgICAqbmdJZj1cInBhdGgoKSBhcyBwYXRoXCJcbiAgICAgICAgW2F0dHIuZF09XCJwYXRoXCJcbiAgICAgICAgW2F0dHIubWFya2VyLWVuZF09XCJtYXJrZXJVcmwoKVwiXG4gICAgICAgIFthdHRyLnN0cm9rZV09XCJkZWZhdWx0Q29sb3JcIlxuICAgICAgICBmaWxsPVwibm9uZVwiXG4gICAgICAgIHN0cm9rZS13aWR0aD1cIjJcIlxuICAgICAgLz5cbiAgICA8L25nLWNvbnRhaW5lcj5cblxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJtb2RlbC50eXBlID09PSAndGVtcGxhdGUnICYmIHRlbXBsYXRlXCI+XG4gICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwidGVtcGxhdGU7IGNvbnRleHQ6IGdldENvbnRleHQoKVwiIC8+XG4gICAgPC9uZy1jb250YWluZXI+XG4gIGAsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIENvbm5lY3Rpb25Db21wb25lbnQge1xuICBASW5wdXQoeyByZXF1aXJlZDogdHJ1ZSB9KVxuICBwdWJsaWMgbW9kZWwhOiBDb25uZWN0aW9uTW9kZWxcblxuICBASW5wdXQoKVxuICBwdWJsaWMgdGVtcGxhdGU/OiBUZW1wbGF0ZVJlZjxhbnk+XG5cbiAgcHJpdmF0ZSBmbG93U3RhdHVzU2VydmljZSA9IGluamVjdChGbG93U3RhdHVzU2VydmljZSlcbiAgcHJpdmF0ZSBzcGFjZVBvaW50Q29udGV4dCA9IGluamVjdChTcGFjZVBvaW50Q29udGV4dERpcmVjdGl2ZSlcblxuICBwcm90ZWN0ZWQgcGF0aCA9IGNvbXB1dGVkKCgpID0+IHtcbiAgICBjb25zdCBzdGF0dXMgPSB0aGlzLmZsb3dTdGF0dXNTZXJ2aWNlLnN0YXR1cygpXG5cbiAgICBpZiAoc3RhdHVzLnN0YXRlID09PSAnY29ubmVjdGlvbi1zdGFydCcpIHtcbiAgICAgIGNvbnN0IHNvdXJjZU5vZGUgPSBzdGF0dXMucGF5bG9hZC5zb3VyY2VOb2RlXG4gICAgICBjb25zdCBzb3VyY2VQb2ludCA9IHNvdXJjZU5vZGUuc291cmNlUG9pbnRBYnNvbHV0ZSgpXG4gICAgICBjb25zdCB0YXJnZXRQb2ludCA9IHRoaXMuc3BhY2VQb2ludENvbnRleHQuc3ZnQ3VycmVudFNwYWNlUG9pbnQoKVxuXG4gICAgICBzd2l0Y2ggKHRoaXMubW9kZWwuY3VydmUpIHtcbiAgICAgICAgY2FzZSAnc3RyYWlnaHQnOiByZXR1cm4gc3RyYWlnaHRQYXRoKHNvdXJjZVBvaW50LCB0YXJnZXRQb2ludCkucGF0aFxuICAgICAgICBjYXNlICdiZXppZXInOiByZXR1cm4gYmV6aWVyUGF0aChcbiAgICAgICAgICBzb3VyY2VQb2ludCwgdGFyZ2V0UG9pbnQsXG4gICAgICAgICAgc291cmNlTm9kZS5zb3VyY2VQb3NpdGlvbigpLCBzb3VyY2VOb2RlLnRhcmdldFBvc2l0aW9uKClcbiAgICAgICAgKS5wYXRoXG4gICAgICB9XG4gICAgfVxuXG4gICAgaWYgKHN0YXR1cy5zdGF0ZSA9PT0gJ2Nvbm5lY3Rpb24tdmFsaWRhdGlvbicpIHtcbiAgICAgIGNvbnN0IHNvdXJjZVBvaW50ID0gc3RhdHVzLnBheWxvYWQuc291cmNlTm9kZS5zb3VyY2VQb2ludEFic29sdXRlKClcbiAgICAgIC8vIGlnbm9yZSBtYWduZXQgaWYgdmFsaWRhdGlvbiBmYWlsZWRcbiAgICAgIGNvbnN0IHRhcmdldFBvaW50ID0gc3RhdHVzLnBheWxvYWQudmFsaWRcbiAgICAgICAgPyBzdGF0dXMucGF5bG9hZC50YXJnZXROb2RlLnRhcmdldFBvaW50QWJzb2x1dGUoKVxuICAgICAgICA6IHRoaXMuc3BhY2VQb2ludENvbnRleHQuc3ZnQ3VycmVudFNwYWNlUG9pbnQoKVxuXG4gICAgICBzd2l0Y2ggKHRoaXMubW9kZWwuY3VydmUpIHtcbiAgICAgICAgY2FzZSAnc3RyYWlnaHQnOiByZXR1cm4gc3RyYWlnaHRQYXRoKHNvdXJjZVBvaW50LCB0YXJnZXRQb2ludCkucGF0aFxuICAgICAgICBjYXNlICdiZXppZXInOiByZXR1cm4gYmV6aWVyUGF0aChcbiAgICAgICAgICBzb3VyY2VQb2ludCwgdGFyZ2V0UG9pbnQsXG4gICAgICAgICAgc3RhdHVzLnBheWxvYWQuc291cmNlTm9kZS5zb3VyY2VQb3NpdGlvbigpLFxuICAgICAgICAgIHN0YXR1cy5wYXlsb2FkLnNvdXJjZU5vZGUudGFyZ2V0UG9zaXRpb24oKVxuICAgICAgICApLnBhdGhcbiAgICAgIH1cbiAgICB9XG5cbiAgICByZXR1cm4gbnVsbFxuICB9KVxuXG4gIHByb3RlY3RlZCBtYXJrZXJVcmwgPSBjb21wdXRlZCgoKSA9PiB7XG4gICAgY29uc3QgbWFya2VyID0gdGhpcy5tb2RlbC5jb25uZWN0aW9uLm1hcmtlclxuXG4gICAgaWYgKG1hcmtlcikge1xuICAgICAgcmV0dXJuIGB1cmwoIyR7aGFzaENvZGUoSlNPTi5zdHJpbmdpZnkobWFya2VyKSl9KWBcbiAgICB9XG5cbiAgICByZXR1cm4gJydcbiAgfSlcblxuICBwcm90ZWN0ZWQgcmVhZG9ubHkgZGVmYXVsdENvbG9yID0gJ3JnYigxNzcsIDE3NywgMTgzKSdcblxuICBwcm90ZWN0ZWQgZ2V0Q29udGV4dCgpIHtcbiAgICByZXR1cm4ge1xuICAgICAgJGltcGxpY2l0OiB7XG4gICAgICAgIHBhdGg6IHRoaXMucGF0aCxcbiAgICAgICAgbWFya2VyOiB0aGlzLm1hcmtlclVybFxuICAgICAgfVxuICAgIH1cbiAgfVxufVxuIl19

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

@@ -0,0 +1,19 @@
+import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class DefsComponent {
+    constructor() {
+        this.markers = new Map();
+        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.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.KeyValuePipe, name: "keyvalue" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.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

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

@@ -0,0 +1,42 @@
+import { ChangeDetectionStrategy, Component, Input, computed } from '@angular/core';
+import { hashCode } from '../../utils/hash';
+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.markerStartUrl = computed(() => {
+            const marker = this.model.edge.markers?.start;
+            return marker ? `url(#${hashCode(JSON.stringify(marker))})` : '';
+        });
+        this.markerEndUrl = computed(() => {
+            const marker = this.model.edge.markers?.end;
+            return marker ? `url(#${hashCode(JSON.stringify(marker))})` : '';
+        });
+        this.defaultColor = 'rgb(177, 177, 183)';
+    }
+    ngOnInit() {
+        this.edgeContext = {
+            $implicit: {
+                // TODO: check if edge could change
+                edge: this.model.edge,
+                path: computed(() => this.model.path().path),
+                markerStart: this.markerStartUrl,
+                markerEnd: this.markerEndUrl
+            }
+        };
+    }
+    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" }, ngImport: i0, template: "<svg:path\n  *ngIf=\"model.type === 'default'\"\n  [attr.d]=\"model.path().path\"\n  [attr.marker-start]=\"markerStartUrl()\"\n  [attr.marker-end]=\"markerEndUrl()\"\n  [attr.stroke]=\"defaultColor\"\n  stroke-width=\"2\"\n  fill=\"none\"\n/>\n\n<ng-container *ngIf=\"model.type === 'template' && edgeTemplate\">\n  <ng-container *ngTemplateOutlet=\"edgeTemplate; context: edgeContext\"></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", 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 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EdgeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'g[edge]', changeDetection: ChangeDetectionStrategy.OnPush, template: "<svg:path\n  *ngIf=\"model.type === 'default'\"\n  [attr.d]=\"model.path().path\"\n  [attr.marker-start]=\"markerStartUrl()\"\n  [attr.marker-end]=\"markerEndUrl()\"\n  [attr.stroke]=\"defaultColor\"\n  stroke-width=\"2\"\n  fill=\"none\"\n/>\n\n<ng-container *ngIf=\"model.type === 'template' && edgeTemplate\">\n  <ng-container *ngTemplateOutlet=\"edgeTemplate; context: edgeContext\"></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" }]
+        }], propDecorators: { model: [{
+                type: Input
+            }], edgeTemplate: [{
+                type: Input
+            }], edgeLabelHtmlTemplate: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWRnZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtdmZsb3ctbGliL3NyYy9saWIvdmZsb3cvY29tcG9uZW50cy9lZGdlL2VkZ2UuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXZmbG93LWxpYi9zcmMvbGliL3ZmbG93L2NvbXBvbmVudHMvZWRnZS9lZGdlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUErQixRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFakgsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGtCQUFrQixDQUFDOzs7O0FBUTVDLE1BQU0sT0FBTyxhQUFhO0lBTDFCO1FBZVksbUJBQWMsR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFO1lBQ3ZDLE1BQU0sTUFBTSxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRSxLQUFLLENBQUE7WUFFN0MsT0FBTyxNQUFNLENBQUMsQ0FBQyxDQUFDLFFBQVEsUUFBUSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUE7UUFDbEUsQ0FBQyxDQUFDLENBQUE7UUFFUSxpQkFBWSxHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUU7WUFDckMsTUFBTSxNQUFNLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFLEdBQUcsQ0FBQTtZQUUzQyxPQUFPLE1BQU0sQ0FBQyxDQUFDLENBQUMsUUFBUSxRQUFRLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQTtRQUNsRSxDQUFDLENBQUMsQ0FBQTtRQUVpQixpQkFBWSxHQUFHLG9CQUFvQixDQUFBO0tBZXZEO0lBWFEsUUFBUTtRQUNiLElBQUksQ0FBQyxXQUFXLEdBQUc7WUFDakIsU0FBUyxFQUFFO2dCQUNULG1DQUFtQztnQkFDbkMsSUFBSSxFQUFFLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSTtnQkFDckIsSUFBSSxFQUFFLFFBQVEsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksRUFBRSxDQUFDLElBQUksQ0FBQztnQkFDNUMsV0FBVyxFQUFFLElBQUksQ0FBQyxjQUFjO2dCQUNoQyxTQUFTLEVBQUUsSUFBSSxDQUFDLFlBQVk7YUFDN0I7U0FDRixDQUFBO0lBQ0gsQ0FBQzsrR0FwQ1UsYUFBYTttR0FBYixhQUFhLHlKQ1YxQiw4bkNBd0NBOzs0RkQ5QmEsYUFBYTtrQkFMekIsU0FBUzsrQkFDRSxTQUFTLG1CQUVGLHVCQUF1QixDQUFDLE1BQU07OEJBSXhDLEtBQUs7c0JBRFgsS0FBSztnQkFJQyxZQUFZO3NCQURsQixLQUFLO2dCQUlDLHFCQUFxQjtzQkFEM0IsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0LCBPbkluaXQsIFNpZ25hbCwgVGVtcGxhdGVSZWYsIGNvbXB1dGVkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBFZGdlTW9kZWwgfSBmcm9tICcuLi8uLi9tb2RlbHMvZWRnZS5tb2RlbCc7XG5pbXBvcnQgeyBoYXNoQ29kZSB9IGZyb20gJy4uLy4uL3V0aWxzL2hhc2gnO1xuaW1wb3J0IHsgRWRnZUNvbnRleHQgfSBmcm9tICcuLi8uLi9pbnRlcmZhY2VzL3RlbXBsYXRlLWNvbnRleHQuaW50ZXJmYWNlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZ1tlZGdlXScsXG4gIHRlbXBsYXRlVXJsOiAnLi9lZGdlLmNvbXBvbmVudC5odG1sJyxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgRWRnZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBtb2RlbCE6IEVkZ2VNb2RlbFxuXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBlZGdlVGVtcGxhdGU/OiBUZW1wbGF0ZVJlZjxFZGdlQ29udGV4dD5cblxuICBASW5wdXQoKVxuICBwdWJsaWMgZWRnZUxhYmVsSHRtbFRlbXBsYXRlPzogVGVtcGxhdGVSZWY8YW55PlxuXG4gIHByb3RlY3RlZCBtYXJrZXJTdGFydFVybCA9IGNvbXB1dGVkKCgpID0+IHtcbiAgICBjb25zdCBtYXJrZXIgPSB0aGlzLm1vZGVsLmVkZ2UubWFya2Vycz8uc3RhcnRcblxuICAgIHJldHVybiBtYXJrZXIgPyBgdXJsKCMke2hhc2hDb2RlKEpTT04uc3RyaW5naWZ5KG1hcmtlcikpfSlgIDogJydcbiAgfSlcblxuICBwcm90ZWN0ZWQgbWFya2VyRW5kVXJsID0gY29tcHV0ZWQoKCkgPT4ge1xuICAgIGNvbnN0IG1hcmtlciA9IHRoaXMubW9kZWwuZWRnZS5tYXJrZXJzPy5lbmRcblxuICAgIHJldHVybiBtYXJrZXIgPyBgdXJsKCMke2hhc2hDb2RlKEpTT04uc3RyaW5naWZ5KG1hcmtlcikpfSlgIDogJydcbiAgfSlcblxuICBwcm90ZWN0ZWQgcmVhZG9ubHkgZGVmYXVsdENvbG9yID0gJ3JnYigxNzcsIDE3NywgMTgzKSdcblxuICBwcm90ZWN0ZWQgZWRnZUNvbnRleHQhOiBFZGdlQ29udGV4dFxuXG4gIHB1YmxpYyBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmVkZ2VDb250ZXh0ID0ge1xuICAgICAgJGltcGxpY2l0OiB7XG4gICAgICAgIC8vIFRPRE86IGNoZWNrIGlmIGVkZ2UgY291bGQgY2hhbmdlXG4gICAgICAgIGVkZ2U6IHRoaXMubW9kZWwuZWRnZSxcbiAgICAgICAgcGF0aDogY29tcHV0ZWQoKCkgPT4gdGhpcy5tb2RlbC5wYXRoKCkucGF0aCksXG4gICAgICAgIG1hcmtlclN0YXJ0OiB0aGlzLm1hcmtlclN0YXJ0VXJsLFxuICAgICAgICBtYXJrZXJFbmQ6IHRoaXMubWFya2VyRW5kVXJsXG4gICAgICB9XG4gICAgfVxuICB9XG59XG4iLCI8c3ZnOnBhdGhcbiAgKm5nSWY9XCJtb2RlbC50eXBlID09PSAnZGVmYXVsdCdcIlxuICBbYXR0ci5kXT1cIm1vZGVsLnBhdGgoKS5wYXRoXCJcbiAgW2F0dHIubWFya2VyLXN0YXJ0XT1cIm1hcmtlclN0YXJ0VXJsKClcIlxuICBbYXR0ci5tYXJrZXItZW5kXT1cIm1hcmtlckVuZFVybCgpXCJcbiAgW2F0dHIuc3Ryb2tlXT1cImRlZmF1bHRDb2xvclwiXG4gIHN0cm9rZS13aWR0aD1cIjJcIlxuICBmaWxsPVwibm9uZVwiXG4vPlxuXG48bmctY29udGFpbmVyICpuZ0lmPVwibW9kZWwudHlwZSA9PT0gJ3RlbXBsYXRlJyAmJiBlZGdlVGVtcGxhdGVcIj5cbiAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImVkZ2VUZW1wbGF0ZTsgY29udGV4dDogZWRnZUNvbnRleHRcIj48L25nLWNvbnRhaW5lcj5cbjwvbmctY29udGFpbmVyPlxuXG48bmctY29udGFpbmVyICpuZ0lmPVwibW9kZWwuZWRnZUxhYmVscz8uc3RhcnQgYXMgbGFiZWxcIj5cbiAgPHN2ZzpnIGVkZ2VMYWJlbFxuICAgIFttb2RlbF09XCJsYWJlbFwiXG4gICAgW3BvaW50XT1cIm1vZGVsLnBhdGgoKS5wb2ludHMuc3RhcnRcIlxuICAgIFtlZGdlTW9kZWxdPVwibW9kZWxcIlxuICAgIFtodG1sVGVtcGxhdGVdPVwiZWRnZUxhYmVsSHRtbFRlbXBsYXRlXCJcbiAgLz5cbjwvbmctY29udGFpbmVyPlxuXG48bmctY29udGFpbmVyICpuZ0lmPVwibW9kZWwuZWRnZUxhYmVscz8uY2VudGVyIGFzIGxhYmVsXCI+XG4gIDxzdmc6ZyBlZGdlTGFiZWxcbiAgICBbbW9kZWxdPVwibGFiZWxcIlxuICAgIFtwb2ludF09XCJtb2RlbC5wYXRoKCkucG9pbnRzLmNlbnRlclwiXG4gICAgW2VkZ2VNb2RlbF09XCJtb2RlbFwiXG4gICAgW2h0bWxUZW1wbGF0ZV09XCJlZGdlTGFiZWxIdG1sVGVtcGxhdGVcIlxuICAvPlxuPC9uZy1jb250YWluZXI+XG5cbjxuZy1jb250YWluZXIgKm5nSWY9XCJtb2RlbC5lZGdlTGFiZWxzPy5lbmQgYXMgbGFiZWxcIj5cbiAgPHN2ZzpnIGVkZ2VMYWJlbFxuICAgIFttb2RlbF09XCJsYWJlbFwiXG4gICAgW3BvaW50XT1cIm1vZGVsLnBhdGgoKS5wb2ludHMuZW5kXCJcbiAgICBbZWRnZU1vZGVsXT1cIm1vZGVsXCJcbiAgICBbaHRtbFRlbXBsYXRlXT1cImVkZ2VMYWJlbEh0bWxUZW1wbGF0ZVwiXG4gIC8+XG48L25nLWNvbnRhaW5lcj5cbiJdfQ==

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

@@ -0,0 +1,58 @@
+import { ChangeDetectionStrategy, Component, Input, ViewChild, computed, signal } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class EdgeLabelComponent {
+    constructor() {
+        /**
+         * Centered point of label
+         *
+         * TODO: maybe put it into EdgeLabelModel
+         */
+        this.edgeLabelPoint = computed(() => {
+            const point = this.pointSignal();
+            const { width, height } = this.model.size();
+            return {
+                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() {
+        queueMicrotask(() => {
+            // 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 });
+        });
+    }
+    getLabelContext() {
+        return {
+            $implicit: {
+                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 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.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']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWRnZS1sYWJlbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtdmZsb3ctbGliL3NyYy9saWIvdmZsb3cvY29tcG9uZW50cy9lZGdlLWxhYmVsL2VkZ2UtbGFiZWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXZmbG93LWxpYi9zcmMvbGliL3ZmbG93L2NvbXBvbmVudHMvZWRnZS1sYWJlbC9lZGdlLWxhYmVsLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBaUIsdUJBQXVCLEVBQUUsU0FBUyxFQUFjLEtBQUssRUFBaUQsU0FBUyxFQUFFLFFBQVEsRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQXNCakwsTUFBTSxPQUFPLGtCQUFrQjtJQWpCL0I7UUFrQ0U7Ozs7V0FJRztRQUNPLG1CQUFjLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRTtZQUN2QyxNQUFNLEtBQUssR0FBRyxJQUFJLENBQUMsV0FBVyxFQUFFLENBQUE7WUFFaEMsTUFBTSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksRUFBRSxDQUFBO1lBRTNDLE9BQU87Z0JBQ0wsQ0FBQyxFQUFFLEtBQUssQ0FBQyxDQUFDLEdBQUcsQ0FBQyxLQUFLLEdBQUcsQ0FBQyxDQUFDO2dCQUN4QixDQUFDLEVBQUUsS0FBSyxDQUFDLENBQUMsR0FBRyxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUM7YUFDMUIsQ0FBQTtRQUNILENBQUMsQ0FBQyxDQUFBO1FBRU0sZ0JBQVcsR0FBRyxNQUFNLENBQUMsRUFBRSxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUMsRUFBRSxDQUFDLEVBQUUsQ0FBQyxDQUFBO0tBdUI3QztJQWhEQyxJQUNXLEtBQUssQ0FBQyxLQUFZLElBQUksSUFBSSxDQUFDLFdBQVcsQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFDLENBQUEsQ0FBQyxDQUFDO0lBMEJ2RCxlQUFlO1FBQ3BCLGNBQWMsQ0FBQyxHQUFHLEVBQUU7WUFDbEIsaUdBQWlHO1lBQ2pHLGdHQUFnRztZQUNoRyxNQUFNLG1DQUFtQyxHQUFHLENBQUMsQ0FBQTtZQUU3QyxNQUFNLEtBQUssR0FBRyxJQUFJLENBQUMsbUJBQW1CLENBQUMsYUFBYSxDQUFDLFdBQVcsR0FBRyxtQ0FBbUMsQ0FBQTtZQUN0RyxNQUFNLE1BQU0sR0FBRyxJQUFJLENBQUMsbUJBQW1CLENBQUMsYUFBYSxDQUFDLFlBQVksR0FBRyxtQ0FBbUMsQ0FBQTtZQUV4RyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLENBQUMsQ0FBQTtRQUN4QyxDQUFDLENBQUMsQ0FBQTtJQUNKLENBQUM7SUFFUyxlQUFlO1FBQ3ZCLE9BQU87WUFDTCxTQUFTLEVBQUU7Z0JBQ1QsSUFBSSxFQUFFLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSTtnQkFDekIsS0FBSyxFQUFFLElBQUksQ0FBQyxLQUFLLENBQUMsU0FBUzthQUM1QjtTQUNGLENBQUE7SUFDSCxDQUFDOytHQXZEVSxrQkFBa0I7bUdBQWxCLGtCQUFrQiwrUUN0Qi9CLDhhQWFBOzs0RkRTYSxrQkFBa0I7a0JBakI5QixTQUFTOytCQUNFLGNBQWMsbUJBY1AsdUJBQXVCLENBQUMsTUFBTTs4QkFLeEMsS0FBSztzQkFEWCxLQUFLO2dCQUlDLFNBQVM7c0JBRGYsS0FBSztnQkFJSyxLQUFLO3NCQURmLEtBQUs7Z0JBSUMsWUFBWTtzQkFEbEIsS0FBSztnQkFJQyxtQkFBbUI7c0JBRHpCLFNBQVM7dUJBQUMsa0JBQWtCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQWZ0ZXJWaWV3SW5pdCwgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRWxlbWVudFJlZiwgSW5wdXQsIE9uQ2hhbmdlcywgT25Jbml0LCBTaW1wbGVDaGFuZ2VzLCBUZW1wbGF0ZVJlZiwgVmlld0NoaWxkLCBjb21wdXRlZCwgc2lnbmFsIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBFZGdlTGFiZWxNb2RlbCB9IGZyb20gJy4uLy4uL21vZGVscy9lZGdlLWxhYmVsLm1vZGVsJztcbmltcG9ydCB7IEVkZ2VNb2RlbCB9IGZyb20gJy4uLy4uL21vZGVscy9lZGdlLm1vZGVsJztcbmltcG9ydCB7IFBvaW50IH0gZnJvbSAnLi4vLi4vaW50ZXJmYWNlcy9wb2ludC5pbnRlcmZhY2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdnW2VkZ2VMYWJlbF0nLFxuICB0ZW1wbGF0ZVVybDogJy4vZWRnZS1sYWJlbC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlczogW2BcbiAgICAuZWRnZS1sYWJlbC13cmFwcGVyIHtcbiAgICAgIHdpZHRoOiBtYXgtY29udGVudDtcblxuICAgICAgLypcbiAgICAgICAgdGhpcyBpcyBhIGZpeCBmb3IgYnVnIGluIGNocm9tZSwgZm9yIHNvbWUgcmVhc29uIGlmIHRoZSBkaXYgZnVsbHkgbWF0Y2hlcyB0aGUgc2l6ZVxuICAgICAgICBvZiBmb3JlaWduT2JqZWN0IHRoZXJlIGFyZSBvY2N1cnMgc29tZSB2aXN1YWwgYXJ0aWZhY3RzIGFyb3VuZCB0aGlzIGRpdlxuICAgICAgICovXG4gICAgICBtYXJnaW4tdG9wOiAxcHg7XG4gICAgICBtYXJnaW4tbGVmdDogMXB4O1xuICAgIH1cbiAgYF0sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIEVkZ2VMYWJlbENvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQge1xuICAvLyBUT0RPOiB0b28gbWFueSBpbnB1dHNcbiAgQElucHV0KClcbiAgcHVibGljIG1vZGVsITogRWRnZUxhYmVsTW9kZWxcblxuICBASW5wdXQoKVxuICBwdWJsaWMgZWRnZU1vZGVsITogRWRnZU1vZGVsXG5cbiAgQElucHV0KClcbiAgcHVibGljIHNldCBwb2ludChwb2ludDogUG9pbnQpIHsgdGhpcy5wb2ludFNpZ25hbC5zZXQocG9pbnQpIH1cblxuICBASW5wdXQoKVxuICBwdWJsaWMgaHRtbFRlbXBsYXRlPzogVGVtcGxhdGVSZWY8YW55PlxuXG4gIEBWaWV3Q2hpbGQoJ2VkZ2VMYWJlbFdyYXBwZXInKVxuICBwdWJsaWMgZWRnZUxhYmVsV3JhcHBlclJlZiE6IEVsZW1lbnRSZWY8SFRNTERpdkVsZW1lbnQ+XG5cbiAgLyoqXG4gICAqIENlbnRlcmVkIHBvaW50IG9mIGxhYmVsXG4gICAqXG4gICAqIFRPRE86IG1heWJlIHB1dCBpdCBpbnRvIEVkZ2VMYWJlbE1vZGVsXG4gICAqL1xuICBwcm90ZWN0ZWQgZWRnZUxhYmVsUG9pbnQgPSBjb21wdXRlZCgoKSA9PiB7XG4gICAgY29uc3QgcG9pbnQgPSB0aGlzLnBvaW50U2lnbmFsKClcblxuICAgIGNvbnN0IHsgd2lkdGgsIGhlaWdodCB9ID0gdGhpcy5tb2RlbC5zaXplKClcblxuICAgIHJldHVybiB7XG4gICAgICB4OiBwb2ludC54IC0gKHdpZHRoIC8gMiksXG4gICAgICB5OiBwb2ludC55IC0gKGhlaWdodCAvIDIpXG4gICAgfVxuICB9KVxuXG4gIHByaXZhdGUgcG9pbnRTaWduYWwgPSBzaWduYWwoeyB4OiAwLCB5OiAwIH0pXG5cbiAgcHVibGljIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICBxdWV1ZU1pY3JvdGFzaygoKSA9PiB7XG4gICAgICAvLyB0aGlzIGlzIGEgZml4IGZvciB2aXN1YWwgYXJ0aWZhY3QgaW4gY2hyb21lIHRoYXQgZm9yIHNvbWUgcmVhc29uIGFkcmVzc2VzIG9ubHkgZm9yIGVkZ2UgbGFiZWwuXG4gICAgICAvLyB0aGUgYnVnIHJlcHJvZHVjZXMgaWYgZWRnZUxhYmVsV3JhcHBlclJlZiBzaXplIGZ1bGx5IG1hdGNoZWQgdGhlIHNpemUgb2YgcGFyZW50IGZvcmVpZ25PYmplY3RcbiAgICAgIGNvbnN0IE1BR0lDX1ZBTFVFX1RPX0ZJWF9HTElUQ0hfSU5fQ0hST01FID0gMlxuXG4gICAgICBjb25zdCB3aWR0aCA9IHRoaXMuZWRnZUxhYmVsV3JhcHBlclJlZi5uYXRpdmVFbGVtZW50LmNsaWVudFdpZHRoICsgTUFHSUNfVkFMVUVfVE9fRklYX0dMSVRDSF9JTl9DSFJPTUVcbiAgICAgIGNvbnN0IGhlaWdodCA9IHRoaXMuZWRnZUxhYmVsV3JhcHBlclJlZi5uYXRpdmVFbGVtZW50LmNsaWVudEhlaWdodCArIE1BR0lDX1ZBTFVFX1RPX0ZJWF9HTElUQ0hfSU5fQ0hST01FXG5cbiAgICAgIHRoaXMubW9kZWwuc2l6ZS5zZXQoeyB3aWR0aCwgaGVpZ2h0IH0pXG4gICAgfSlcbiAgfVxuXG4gIHByb3RlY3RlZCBnZXRMYWJlbENvbnRleHQoKSB7XG4gICAgcmV0dXJuIHtcbiAgICAgICRpbXBsaWNpdDoge1xuICAgICAgICBlZGdlOiB0aGlzLmVkZ2VNb2RlbC5lZGdlLFxuICAgICAgICBsYWJlbDogdGhpcy5tb2RlbC5lZGdlTGFiZWxcbiAgICAgIH1cbiAgICB9XG4gIH1cbn1cbiIsIjxzdmc6Zm9yZWlnbk9iamVjdFxuICBbYXR0ci54XT1cImVkZ2VMYWJlbFBvaW50KCkueFwiXG4gIFthdHRyLnldPVwiZWRnZUxhYmVsUG9pbnQoKS55XCJcbiAgW2F0dHIud2lkdGhdPVwibW9kZWwuc2l6ZSgpLndpZHRoXCJcbiAgW2F0dHIuaGVpZ2h0XT1cIm1vZGVsLnNpemUoKS5oZWlnaHRcIlxuICAqbmdJZj1cIm1vZGVsLmVkZ2VMYWJlbC50eXBlID09PSAnaHRtbC10ZW1wbGF0ZScgJiYgaHRtbFRlbXBsYXRlXCJcbj5cbiAgPGRpdiAjZWRnZUxhYmVsV3JhcHBlciBjbGFzcz1cImVkZ2UtbGFiZWwtd3JhcHBlclwiPlxuICAgIDxuZy1jb250YWluZXJcbiAgICAgICpuZ1RlbXBsYXRlT3V0bGV0PVwiaHRtbFRlbXBsYXRlOyBjb250ZXh0OiBnZXRMYWJlbENvbnRleHQoKVwiXG4gICAgLz5cbiAgPC9kaXY+XG48L3N2Zzpmb3JlaWduT2JqZWN0PlxuIl19

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

@@ -0,0 +1,146 @@
+import { ChangeDetectionStrategy, Component, ElementRef, Input, ViewChild, computed, inject, signal } from '@angular/core';
+import { DraggableService } from '../../services/draggable.service';
+import { FlowStatusService, batchStatusChanges } from '../../services/flow-status.service';
+import { FlowEntitiesService } from '../../services/flow-entities.service';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class NodeComponent {
+    constructor() {
+        this.draggableService = inject(DraggableService);
+        this.flowStatusService = inject(FlowStatusService);
+        this.flowEntitiesService = inject(FlowEntitiesService);
+        this.hostRef = inject(ElementRef);
+        this.showMagnet = computed(() => this.flowStatusService.status().state === 'connection-start' ||
+            this.flowStatusService.status().state === 'connection-validation');
+        this.defaultHandleStrokeWidth = 2;
+        this.sourceHanldeState = signal('idle');
+        this.targetHandleState = signal('idle');
+        this.sourceHanldeStateReadonly = this.sourceHanldeState.asReadonly();
+        this.targetHanldeStateReadonly = this.targetHandleState.asReadonly();
+    }
+    ngOnInit() {
+        this.draggableService.toggleDraggable(this.hostRef.nativeElement, this.nodeModel);
+    }
+    ngAfterViewInit() {
+        // TODO remove microtask
+        queueMicrotask(() => {
+            if (this.nodeModel.node.type === 'default') {
+                const { width, height } = this.nodeContentRef.nativeElement.getBBox();
+                this.nodeModel.size.set({ width, height });
+            }
+            if (this.nodeModel.node.type === 'html-template') {
+                const width = this.htmlWrapperRef.nativeElement.clientWidth;
+                const height = this.htmlWrapperRef.nativeElement.clientHeight;
+                this.nodeModel.size.set({ width, height });
+            }
+            this.setSourceHandleSize();
+            this.setTargetHandleSize();
+        });
+    }
+    ngOnDestroy() {
+        this.draggableService.destroy(this.hostRef.nativeElement);
+    }
+    startConnection(event) {
+        // ignore drag by stopping propagation
+        event.stopPropagation();
+        this.flowStatusService.setConnectionStartStatus(this.nodeModel);
+    }
+    endConnection() {
+        const status = this.flowStatusService.status();
+        if (status.state === 'connection-validation') {
+            const sourceNode = status.payload.sourceNode;
+            const targetNode = this.nodeModel;
+            batchStatusChanges(
+            // call to create connection
+            () => this.flowStatusService.setConnectionEndStatus(sourceNode, targetNode), 
+            // when connection created, we need go back to idle status
+            () => this.flowStatusService.setIdleStatus());
+        }
+    }
+    /**
+     * TODO srp
+     */
+    validateTargetHandle() {
+        const status = this.flowStatusService.status();
+        if (status.state === 'connection-start') {
+            const sourceNode = status.payload.sourceNode;
+            const targetNode = this.nodeModel;
+            const source = sourceNode.node.id;
+            const target = targetNode.node.id;
+            const valid = this.flowEntitiesService.connection().validator({ source, target });
+            this.targetHandleState.set(valid ? 'valid' : 'invalid');
+            this.flowStatusService.setConnectionValidationStatus(sourceNode, targetNode, valid);
+        }
+    }
+    /**
+     * TODO srp
+     */
+    resetValidateTargetHandle() {
+        this.targetHandleState.set('idle');
+        // drop back to start status
+        const status = this.flowStatusService.status();
+        if (status.state === 'connection-validation') {
+            this.flowStatusService.setConnectionStartStatus(status.payload.sourceNode);
+        }
+    }
+    getHandleContext(type) {
+        if (type === 'source') {
+            return {
+                $implicit: {
+                    point: this.nodeModel.sourceOffset,
+                    alignedPoint: this.nodeModel.sourceOffsetAligned,
+                    state: this.sourceHanldeStateReadonly
+                }
+            };
+        }
+        return {
+            $implicit: {
+                point: this.nodeModel.targetOffset,
+                alignedPoint: this.nodeModel.targetOffsetAligned,
+                state: this.targetHanldeStateReadonly
+            }
+        };
+    }
+    setSourceHandleSize() {
+        // if handle template provided, we don't know its stroke so it's 0
+        const strokeWidth = this.handleTemplate ? 0 : (2 * this.defaultHandleStrokeWidth);
+        const sourceBox = this.sourceHandleRef.nativeElement.getBBox({ stroke: true });
+        this.nodeModel.sourceHandleSize.set({
+            width: sourceBox.width + strokeWidth,
+            height: sourceBox.height + strokeWidth
+        });
+    }
+    setTargetHandleSize() {
+        const strokeWidth = this.handleTemplate ? 0 : (2 * this.defaultHandleStrokeWidth);
+        const targetBox = this.targetHandleRef.nativeElement.getBBox({ stroke: true });
+        this.nodeModel.targetHandleSize.set({
+            width: targetBox.width + strokeWidth,
+            height: targetBox.height + strokeWidth
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NodeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: NodeComponent, selector: "g[node]", inputs: { nodeModel: "nodeModel", nodeHtmlTemplate: "nodeHtmlTemplate", handleTemplate: "handleTemplate" }, viewQueries: [{ propertyName: "nodeContentRef", first: true, predicate: ["nodeContent"], descendants: true }, { propertyName: "htmlWrapperRef", first: true, predicate: ["htmlWrapper"], descendants: true }, { propertyName: "sourceHandleRef", first: true, predicate: ["sourceHandle"], descendants: true }, { propertyName: "targetHandleRef", first: true, predicate: ["targetHandle"], descendants: true }], ngImport: i0, template: "<svg:foreignObject\n  *ngIf=\"nodeModel.node.type === 'default'\"\n  #nodeContent\n  width=\"100\"\n  height=\"50\"\n>\n  <div class=\"default-node\" [innerHTML]=\"nodeModel.node.text ?? ''\"></div>\n</svg:foreignObject>\n\n<svg:foreignObject\n  *ngIf=\"nodeModel.node.type === 'html-template' && nodeHtmlTemplate\"\n  [attr.width]=\"nodeModel.size().width\"\n  [attr.height]=\"nodeModel.size().height\"\n>\n  <div #htmlWrapper class=\"wrapper\">\n    <ng-container\n      *ngTemplateOutlet=\"nodeHtmlTemplate; context: { $implicit: { node: nodeModel.node }  }\"\n    />\n  </div>\n</svg:foreignObject>\n\n<ng-container *ngIf=\"handleTemplate\">\n  <svg:g #sourceHandle (mousedown)=\"startConnection($event)\">\n    <ng-container *ngTemplateOutlet=\"handleTemplate; context: getHandleContext('source')\" />\n  </svg:g>\n\n  <svg:g #targetHandle>\n    <ng-container *ngTemplateOutlet=\"handleTemplate; context: getHandleContext('target')\" />\n  </svg:g>\n</ng-container>\n\n<ng-container *ngIf=\"!handleTemplate\">\n  <svg:circle\n    #sourceHandle\n    [attr.cx]=\"nodeModel.sourceOffset().x\"\n    [attr.cy]=\"nodeModel.sourceOffset().y\"\n    [attr.stroke-width]=\"defaultHandleStrokeWidth\"\n    r=\"5\"\n    stroke=\"white\"\n    fill=\"black\"\n    (mousedown)=\"startConnection($event)\"\n  />\n\n  <svg:circle\n    #targetHandle\n    [attr.cx]=\"nodeModel.targetOffset().x\"\n    [attr.cy]=\"nodeModel.targetOffset().y\"\n    [attr.stroke-width]=\"defaultHandleStrokeWidth\"\n    r=\"5\"\n    stroke=\"white\"\n    fill=\"black\"\n    (mouseup)=\"endConnection()\"\n  />\n</ng-container>\n\n<svg:circle\n  *ngIf=\"showMagnet()\"\n  class=\"magnet\"\n  [attr.r]=\"nodeModel.magnetRadius\"\n  [attr.cx]=\"nodeModel.targetOffset().x\"\n  [attr.cy]=\"nodeModel.targetOffset().y\"\n  (mouseup)=\"endConnection(); resetValidateTargetHandle()\"\n  (mouseover)=\"validateTargetHandle()\"\n  (mouseout)=\"resetValidateTargetHandle()\"\n/>\n\n\n", styles: [".wrapper{width:max-content}.magnet{opacity:0}.default-node{max-width:100px;max-height:100px;width:100px;height:50px;border:2px solid black;border-radius:5px;display:flex;align-items:center;justify-content:center;color:#000;background-color:#fff}\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 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NodeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'g[node]', changeDetection: ChangeDetectionStrategy.OnPush, template: "<svg:foreignObject\n  *ngIf=\"nodeModel.node.type === 'default'\"\n  #nodeContent\n  width=\"100\"\n  height=\"50\"\n>\n  <div class=\"default-node\" [innerHTML]=\"nodeModel.node.text ?? ''\"></div>\n</svg:foreignObject>\n\n<svg:foreignObject\n  *ngIf=\"nodeModel.node.type === 'html-template' && nodeHtmlTemplate\"\n  [attr.width]=\"nodeModel.size().width\"\n  [attr.height]=\"nodeModel.size().height\"\n>\n  <div #htmlWrapper class=\"wrapper\">\n    <ng-container\n      *ngTemplateOutlet=\"nodeHtmlTemplate; context: { $implicit: { node: nodeModel.node }  }\"\n    />\n  </div>\n</svg:foreignObject>\n\n<ng-container *ngIf=\"handleTemplate\">\n  <svg:g #sourceHandle (mousedown)=\"startConnection($event)\">\n    <ng-container *ngTemplateOutlet=\"handleTemplate; context: getHandleContext('source')\" />\n  </svg:g>\n\n  <svg:g #targetHandle>\n    <ng-container *ngTemplateOutlet=\"handleTemplate; context: getHandleContext('target')\" />\n  </svg:g>\n</ng-container>\n\n<ng-container *ngIf=\"!handleTemplate\">\n  <svg:circle\n    #sourceHandle\n    [attr.cx]=\"nodeModel.sourceOffset().x\"\n    [attr.cy]=\"nodeModel.sourceOffset().y\"\n    [attr.stroke-width]=\"defaultHandleStrokeWidth\"\n    r=\"5\"\n    stroke=\"white\"\n    fill=\"black\"\n    (mousedown)=\"startConnection($event)\"\n  />\n\n  <svg:circle\n    #targetHandle\n    [attr.cx]=\"nodeModel.targetOffset().x\"\n    [attr.cy]=\"nodeModel.targetOffset().y\"\n    [attr.stroke-width]=\"defaultHandleStrokeWidth\"\n    r=\"5\"\n    stroke=\"white\"\n    fill=\"black\"\n    (mouseup)=\"endConnection()\"\n  />\n</ng-container>\n\n<svg:circle\n  *ngIf=\"showMagnet()\"\n  class=\"magnet\"\n  [attr.r]=\"nodeModel.magnetRadius\"\n  [attr.cx]=\"nodeModel.targetOffset().x\"\n  [attr.cy]=\"nodeModel.targetOffset().y\"\n  (mouseup)=\"endConnection(); resetValidateTargetHandle()\"\n  (mouseover)=\"validateTargetHandle()\"\n  (mouseout)=\"resetValidateTargetHandle()\"\n/>\n\n\n", styles: [".wrapper{width:max-content}.magnet{opacity:0}.default-node{max-width:100px;max-height:100px;width:100px;height:50px;border:2px solid black;border-radius:5px;display:flex;align-items:center;justify-content:center;color:#000;background-color:#fff}\n"] }]
+        }], propDecorators: { nodeModel: [{
+                type: Input
+            }], nodeHtmlTemplate: [{
+                type: Input
+            }], handleTemplate: [{
+                type: Input
+            }], nodeContentRef: [{
+                type: ViewChild,
+                args: ['nodeContent']
+            }], htmlWrapperRef: [{
+                type: ViewChild,
+                args: ['htmlWrapper']
+            }], sourceHandleRef: [{
+                type: ViewChild,
+                args: ['sourceHandle']
+            }], targetHandleRef: [{
+                type: ViewChild,
+                args: ['targetHandle']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm9kZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtdmZsb3ctbGliL3NyYy9saWIvdmZsb3cvY29tcG9uZW50cy9ub2RlL25vZGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXZmbG93LWxpYi9zcmMvbGliL3ZmbG93L2NvbXBvbmVudHMvbm9kZS9ub2RlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBaUIsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBZSxLQUFLLEVBQTBDLFNBQVMsRUFBRSxRQUFRLEVBQUUsTUFBTSxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMvTCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUVwRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQztBQUMzRixPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQzs7O0FBVTNFLE1BQU0sT0FBTyxhQUFhO0lBTjFCO1FBNEJVLHFCQUFnQixHQUFHLE1BQU0sQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFBO1FBQzNDLHNCQUFpQixHQUFHLE1BQU0sQ0FBQyxpQkFBaUIsQ0FBQyxDQUFBO1FBQzdDLHdCQUFtQixHQUFHLE1BQU0sQ0FBQyxtQkFBbUIsQ0FBQyxDQUFBO1FBQ2pELFlBQU8sR0FBRyxNQUFNLENBQXlCLFVBQVUsQ0FBQyxDQUFBO1FBRWxELGVBQVUsR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFLENBQ25DLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxNQUFNLEVBQUUsQ0FBQyxLQUFLLEtBQUssa0JBQWtCO1lBQzVELElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxNQUFNLEVBQUUsQ0FBQyxLQUFLLEtBQUssdUJB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UyxDQUFDLEtBQUssR0FBRyxXQUFXO1lBQ3BDLE1BQU0sRUFBRSxTQUFTLENBQUMsTUFBTSxHQUFHLFdBQVc7U0FDdkMsQ0FBQyxDQUFBO0lBQ0osQ0FBQzsrR0FuS1UsYUFBYTttR0FBYixhQUFhLDhpQkNkMUIseTVEQW1FQTs7NEZEckRhLGFBQWE7a0JBTnpCLFNBQVM7K0JBQ0UsU0FBUyxtQkFHRix1QkFBdUIsQ0FBQyxNQUFNOzhCQUl4QyxTQUFTO3NCQURmLEtBQUs7Z0JBSUMsZ0JBQWdCO3NCQUR0QixLQUFLO2dCQUlDLGNBQWM7c0JBRHBCLEtBQUs7Z0JBSUMsY0FBYztzQkFEcEIsU0FBUzt1QkFBQyxhQUFhO2dCQUlqQixjQUFjO3NCQURwQixTQUFTO3VCQUFDLGFBQWE7Z0JBSWpCLGVBQWU7c0JBRHJCLFNBQVM7dUJBQUMsY0FBYztnQkFJbEIsZUFBZTtzQkFEckIsU0FBUzt1QkFBQyxjQUFjIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQWZ0ZXJWaWV3SW5pdCwgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRWxlbWVudFJlZiwgSG9zdEJpbmRpbmcsIElucHV0LCBOZ1pvbmUsIE9uRGVzdHJveSwgT25Jbml0LCBUZW1wbGF0ZVJlZiwgVmlld0NoaWxkLCBjb21wdXRlZCwgaW5qZWN0LCBzaWduYWwgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IERyYWdnYWJsZVNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy9kcmFnZ2FibGUuc2VydmljZSc7XG5pbXBvcnQgeyBOb2RlTW9kZWwgfSBmcm9tICcuLi8uLi9tb2RlbHMvbm9kZS5tb2RlbCc7XG5pbXBvcnQgeyBGbG93U3RhdHVzU2VydmljZSwgYmF0Y2hTdGF0dXNDaGFuZ2VzIH0gZnJvbSAnLi4vLi4vc2VydmljZXMvZmxvdy1zdGF0dXMuc2VydmljZSc7XG5pbXBvcnQgeyBGbG93RW50aXRpZXNTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vc2VydmljZXMvZmxvdy1lbnRpdGllcy5zZXJ2aWNlJztcblxuZXhwb3J0IHR5cGUgSGFuZGxlU3RhdGUgPSAndmFsaWQnIHwgJ2ludmFsaWQnIHwgJ2lkbGUnXG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2dbbm9kZV0nLFxuICB0ZW1wbGF0ZVVybDogJy4vbm9kZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL25vZGUuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgTm9kZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgQWZ0ZXJWaWV3SW5pdCwgT25EZXN0cm95IHtcbiAgQElucHV0KClcbiAgcHVibGljIG5vZGVNb2RlbCE6IE5vZGVNb2RlbFxuXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBub2RlSHRtbFRlbXBsYXRlPzogVGVtcGxhdGVSZWY8YW55PlxuXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBoYW5kbGVUZW1wbGF0ZT86IFRlbXBsYXRlUmVmPGFueT5cblxuICBAVmlld0NoaWxkKCdub2RlQ29udGVudCcpXG4gIHB1YmxpYyBub2RlQ29udGVudFJlZiE6IEVsZW1lbnRSZWY8U1ZHR3JhcGhpY3NFbGVtZW50PlxuXG4gIEBWaWV3Q2hpbGQoJ2h0bWxXcmFwcGVyJylcbiAgcHVibGljIGh0bWxXcmFwcGVyUmVmITogRWxlbWVudFJlZjxIVE1MRGl2RWxlbWVudD5cblxuICBAVmlld0NoaWxkKCdzb3VyY2VIYW5kbGUnKVxuICBwdWJsaWMgc291cmNlSGFuZGxlUmVmITogRWxlbWVudFJlZjxTVkdHRWxlbWVudCB8IFNWR0NpcmNsZUVsZW1lbnQ+XG5cbiAgQFZpZXdDaGlsZCgndGFyZ2V0SGFuZGxlJylcbiAgcHVibGljIHRhcmdldEhhbmRsZVJlZiE6IEVsZW1lbnRSZWY8U1ZHR0VsZW1lbnQgfCBTVkdDaXJjbGVFbGVtZW50PlxuXG4gIHByaXZhdGUgZHJhZ2dhYmxlU2VydmljZSA9IGluamVjdChEcmFnZ2FibGVTZXJ2aWNlKVxuICBwcml2YXRlIGZsb3dTdGF0dXNTZXJ2aWNlID0gaW5qZWN0KEZsb3dTdGF0dXNTZXJ2aWNlKVxuICBwcml2YXRlIGZsb3dFbnRpdGllc1NlcnZpY2UgPSBpbmplY3QoRmxvd0VudGl0aWVzU2VydmljZSlcbiAgcHJpdmF0ZSBob3N0UmVmID0gaW5qZWN0PEVsZW1lbnRSZWY8U1ZHRWxlbWVudD4+KEVsZW1lbnRSZWYpXG5cbiAgcHJvdGVjdGVkIHNob3dNYWduZXQgPSBjb21wdXRlZCgoKSA9PlxuICAgIHRoaXMuZmxvd1N0YXR1c1NlcnZpY2Uuc3RhdHVzKCkuc3RhdGUgPT09ICdjb25uZWN0aW9uLXN0YXJ0JyB8fFxuICAgIHRoaXMuZmxvd1N0YXR1c1NlcnZpY2Uuc3RhdHVzKCkuc3RhdGUgPT09ICdjb25uZWN0aW9uLXZhbGlkYXRpb24nXG4gIClcblxuICBwcm90ZWN0ZWQgcmVhZG9ubHkgZGVmYXVsdEhhbmRsZVN0cm9rZVdpZHRoID0gMjtcblxuICBwcml2YXRlIHNvdXJjZUhhbmxkZVN0YXRlID0gc2lnbmFsPEhhbmRsZVN0YXRlPignaWRsZScpXG4gIHByaXZhdGUgdGFyZ2V0SGFuZGxlU3RhdGUgPSBzaWduYWw8SGFuZGxlU3RhdGU+KCdpZGxlJylcblxuICBwcml2YXRlIHNvdXJjZUhhbmxkZVN0YXRlUmVhZG9ubHkgPSB0aGlzLnNvdXJjZUhhbmxkZVN0YXRlLmFzUmVhZG9ubHkoKVxuICBwcml2YXRlIHRhcmdldEhhbmxkZVN0YXRlUmVhZG9ubHkgPSB0aGlzLnRhcmdldEhhbmRsZVN0YXRlLmFzUmVhZG9ubHkoKVxuXG4gIHB1YmxpYyBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLmRyYWdnYWJsZVNlcnZpY2UudG9nZ2xlRHJhZ2dhYmxlKHRoaXMuaG9zdFJlZi5uYXRpdmVFbGVtZW50LCB0aGlzLm5vZGVNb2RlbClcbiAgfVxuXG4gIHB1YmxpYyBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgLy8gVE9ETyByZW1vdmUgbWljcm90YXNrXG4gICAgcXVldWVNaWNyb3Rhc2soKCkgPT4ge1xuICAgICAgaWYgKHRoaXMubm9kZU1vZGVsLm5vZGUudHlwZSA9PT0gJ2RlZmF1bHQnKSB7XG4gICAgICAgIGNvbnN0IHsgd2lkdGgsIGhlaWdodCB9ID0gdGhpcy5ub2RlQ29udGVudFJlZi5uYXRpdmVFbGVtZW50LmdldEJCb3goKVxuICAgICAgICB0aGlzLm5vZGVNb2RlbC5zaXplLnNldCh7IHdpZHRoLCBoZWlnaHQgfSlcbiAgICAgIH1cblxuICAgICAgaWYgKHRoaXMubm9kZU1vZGVsLm5vZGUudHlwZSA9PT0gJ2h0bWwtdGVtcGxhdGUnKSB7XG4gICAgICAgIGNvbnN0IHdpZHRoID0gdGhpcy5odG1sV3JhcHBlclJlZi5uYXRpdmVFbGVtZW50LmNsaWVudFdpZHRoXG4gICAgICAgIGNvbnN0IGhlaWdodCA9IHRoaXMuaHRtbFdyYXBwZXJSZWYubmF0aXZlRWxlbWVudC5jbGllbnRIZWlnaHRcblxuICAgICAgICB0aGlzLm5vZGVNb2RlbC5zaXplLnNldCh7IHdpZHRoLCBoZWlnaHQgfSlcbiAgICAgIH1cblxuICAgICAgdGhpcy5zZXRTb3VyY2VIYW5kbGVTaXplKClcbiAgICAgIHRoaXMuc2V0VGFyZ2V0SGFuZGxlU2l6ZSgpXG4gICAgfSlcbiAgfVxuXG4gIHB1YmxpYyBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICB0aGlzLmRyYWdnYWJsZVNlcnZpY2UuZGVzdHJveSh0aGlzLmhvc3RSZWYubmF0aXZlRWxlbWVudClcbiAgfVxuXG4gIHByb3RlY3RlZCBzdGFydENvbm5lY3Rpb24oZXZlbnQ6IE1vdXNlRXZlbnQpIHtcbiAgICAvLyBpZ25vcmUgZHJhZyBieSBzdG9wcGluZyBwcm9wYWdhdGlvblxuICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpXG5cbiAgICB0aGlzLmZsb3dTdGF0dXNTZXJ2aWNlLnNldENvbm5lY3Rpb25TdGFydFN0YXR1cyh0aGlzLm5vZGVNb2RlbClcbiAgfVxuXG4gIHByb3RlY3RlZCBlbmRDb25uZWN0aW9uKCkge1xuICAgIGNvbnN0IHN0YXR1cyA9IHRoaXMuZmxvd1N0YXR1c1NlcnZpY2Uuc3RhdHVzKClcblxuICAgIGlmIChzdGF0dXMuc3RhdGUgPT09ICdjb25uZWN0aW9uLXZhbGlkYXRpb24nKSB7XG4gICAgICBjb25zdCBzb3VyY2VOb2RlID0gc3RhdHVzLnBheWxvYWQuc291cmNlTm9kZVxuICAgICAgY29uc3QgdGFyZ2V0Tm9kZSA9IHRoaXMubm9kZU1vZGVsXG5cbiAgICAgIGJhdGNoU3RhdHVzQ2hhbmdlcyhcbiAgICAgICAgLy8gY2FsbCB0byBjcmVhdGUgY29ubmVjdGlvblxuICAgICAgICAoKSA9PiB0aGlzLmZsb3dTdGF0dXNTZXJ2aWNlLnNldENvbm5lY3Rpb25FbmRTdGF0dXMoc291cmNlTm9kZSwgdGFyZ2V0Tm9kZSksXG4gICAgICAgIC8vIHdoZW4gY29ubmVjdGlvbiBjcmVhdGVkLCB3ZSBuZWVkIGdvIGJhY2sgdG8gaWRsZSBzdGF0dXNcbiAgICAgICAgKCkgPT4gdGhpcy5mbG93U3RhdHVzU2VydmljZS5zZXRJZGxlU3RhdHVzKClcbiAgICAgIClcbiAgICB9XG4gIH1cblxuICAvKipcbiAgICogVE9ETyBzcnBcbiAgICovXG4gIHByb3RlY3RlZCB2YWxpZGF0ZVRhcmdldEhhbmRsZSgpIHtcbiAgICBjb25zdCBzdGF0dXMgPSB0aGlzLmZsb3dTdGF0dXNTZXJ2aWNlLnN0YXR1cygpXG5cbiAgICBpZiAoc3RhdHVzLnN0YXRlID09PSAnY29ubmVjdGlvbi1zdGFydCcpIHtcbiAgICAgIGNvbnN0IHNvdXJjZU5vZGUgPSBzdGF0dXMucGF5bG9hZC5zb3VyY2VOb2RlXG4gICAgICBjb25zdCB0YXJnZXROb2RlID0gdGhpcy5ub2RlTW9kZWxcblxuICAgICAgY29uc3Qgc291cmNlID0gc291cmNlTm9kZS5ub2RlLmlkXG4gICAgICBjb25zdCB0YXJnZXQgPSB0YXJnZXROb2RlLm5vZGUuaWRcblxuICAgICAgY29uc3QgdmFsaWQgPSB0aGlzLmZsb3dFbnRpdGllc1NlcnZpY2UuY29ubmVjdGlvbigpLnZhbGlkYXRvcih7IHNvdXJjZSwgdGFyZ2V0IH0pXG4gICAgICB0aGlzLnRhcmdldEhhbmRsZVN0YXRlLnNldCh2YWxpZCA/ICd2YWxpZCcgOiAnaW52YWxpZCcpXG5cbiAgICAgIHRoaXMuZmxvd1N0YXR1c1NlcnZpY2Uuc2V0Q29ubmVjdGlvblZhbGlkYXRpb25TdGF0dXMoc291cmNlTm9kZSwgdGFyZ2V0Tm9kZSwgdmFsaWQpXG4gICAgfVxuICB9XG5cbiAgLyoqXG4gICAqIFRPRE8gc3JwXG4gICAqL1xuICBwcm90ZWN0ZWQgcmVzZXRWYWxpZGF0ZVRhcmdldEhhbmRsZSgpIHtcbiAgICB0aGlzLnRhcmdldEhhbmRsZVN0YXRlLnNldCgnaWRsZScpXG5cbiAgICAvLyBkcm9wIGJhY2sgdG8gc3RhcnQgc3RhdHVzXG4gICAgY29uc3Qgc3RhdHVzID0gdGhpcy5mbG93U3RhdHVzU2VydmljZS5zdGF0dXMoKVxuICAgIGlmIChzdGF0dXMuc3RhdGUgPT09ICdjb25uZWN0aW9uLXZhbGlkYXRpb24nKSB7XG4gICAgICB0aGlzLmZsb3dTdGF0dXNTZXJ2aWNlLnNldENvbm5lY3Rpb25TdGFydFN0YXR1cyhzdGF0dXMucGF5bG9hZC5zb3VyY2VOb2RlKVxuICAgIH1cbiAgfVxuXG4gIHByb3RlY3RlZCBnZXRIYW5kbGVDb250ZXh0KHR5cGU6ICdzb3VyY2UnIHwgJ3RhcmdldCcpIHtcbiAgICBpZiAodHlwZSA9PT0gJ3NvdXJjZScpIHtcbiAgICAgIHJldHVybiB7XG4gICAgICAgICRpbXBsaWNpdDoge1xuICAgICAgICAgIHBvaW50OiB0aGlzLm5vZGVNb2RlbC5zb3VyY2VPZmZzZXQsXG4gICAgICAgICAgYWxpZ25lZFBvaW50OiB0aGlzLm5vZGVNb2RlbC5zb3VyY2VPZmZzZXRBbGlnbmVkLFxuICAgICAgICAgIHN0YXRlOiB0aGlzLnNvdXJjZUhhbmxkZVN0YXRlUmVhZG9ubHlcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cblxuICAgIHJldHVybiB7XG4gICAgICAkaW1wbGljaXQ6IHtcbiAgICAgICAgcG9pbnQ6IHRoaXMubm9kZU1vZGVsLnRhcmdldE9mZnNldCxcbiAgICAgICAgYWxpZ25lZFBvaW50OiB0aGlzLm5vZGVNb2RlbC50YXJnZXRPZmZzZXRBbGlnbmVkLFxuICAgICAgICBzdGF0ZTogdGhpcy50YXJnZXRIYW5sZGVTdGF0ZVJlYWRvbmx5XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBzZXRTb3VyY2VIYW5kbGVTaXplKCkge1xuICAgIC8vIGlmIGhhbmRsZSB0ZW1wbGF0ZSBwcm92aWRlZCwgd2UgZG9uJ3Qga25vdyBpdHMgc3Ryb2tlIHNvIGl0J3MgMFxuICAgIGNvbnN0IHN0cm9rZVdpZHRoID0gdGhpcy5oYW5kbGVUZW1wbGF0ZSA/IDAgOiAoMiAqIHRoaXMuZGVmYXVsdEhhbmRsZVN0cm9rZVdpZHRoKTtcblxuICAgIGNvbnN0IHNvdXJjZUJveCA9IHRoaXMuc291cmNlSGFuZGxlUmVmLm5hdGl2ZUVsZW1lbnQuZ2V0QkJveCh7IHN0cm9rZTogdHJ1ZSB9KVxuICAgIHRoaXMubm9kZU1vZGVsLnNvdXJjZUhhbmRsZVNpemUuc2V0KHtcbiAgICAgIHdpZHRoOiBzb3VyY2VCb3gud2lkdGggKyBzdHJva2VXaWR0aCxcbiAgICAgIGhlaWdodDogc291cmNlQm94LmhlaWdodCArIHN0cm9rZVdpZHRoXG4gICAgfSlcbiAgfVxuXG4gIHByaXZhdGUgc2V0VGFyZ2V0SGFuZGxlU2l6ZSgpIHtcbiAgICBjb25zdCBzdHJva2VXaWR0aCA9IHRoaXMuaGFuZGxlVGVtcGxhdGUgPyAwIDogKDIgKiB0aGlzLmRlZmF1bHRIYW5kbGVTdHJva2VXaWR0aCk7XG5cbiAgICBjb25zdCB0YXJnZXRCb3ggPSB0aGlzLnRhcmdldEhhbmRsZVJlZi5uYXRpdmVFbGVtZW50LmdldEJCb3goeyBzdHJva2U6IHRydWUgfSlcbiAgICB0aGlzLm5vZGVNb2RlbC50YXJnZXRIYW5kbGVTaXplLnNldCh7XG4gICAgICB3aWR0aDogdGFyZ2V0Qm94LndpZHRoICsgc3Ryb2tlV2lkdGgsXG4gICAgICBoZWlnaHQ6IHRhcmdldEJveC5oZWlnaHQgKyBzdHJva2VXaWR0aFxuICAgIH0pXG4gIH1cbn1cbiIsIjxzdmc6Zm9yZWlnbk9iamVjdFxuICAqbmdJZj1cIm5vZGVNb2RlbC5ub2RlLnR5cGUgPT09ICdkZWZhdWx0J1wiXG4gICNub2RlQ29udGVudFxuICB3aWR0aD1cIjEwMFwiXG4gIGhlaWdodD1cIjUwXCJcbj5cbiAgPGRpdiBjbGFzcz1cImRlZmF1bHQtbm9kZVwiIFtpbm5lckhUTUxdPVwibm9kZU1vZGVsLm5vZGUudGV4dCA/PyAnJ1wiPjwvZGl2PlxuPC9zdmc6Zm9yZWlnbk9iamVjdD5cblxuPHN2Zzpmb3JlaWduT2JqZWN0XG4gICpuZ0lmPVwibm9kZU1vZGVsLm5vZGUudHlwZSA9PT0gJ2h0bWwtdGVtcGxhdGUnICYmIG5vZGVIdG1sVGVtcGxhdGVcIlxuICBbYXR0ci53aWR0aF09XCJub2RlTW9kZWwuc2l6ZSgpLndpZHRoXCJcbiAgW2F0dHIuaGVpZ2h0XT1cIm5vZGVNb2RlbC5zaXplKCkuaGVpZ2h0XCJcbj5cbiAgPGRpdiAjaHRtbFdyYXBwZXIgY2xhc3M9XCJ3cmFwcGVyXCI+XG4gICAgPG5nLWNvbnRhaW5lclxuICAgICAgKm5nVGVtcGxhdGVPdXRsZXQ9XCJub2RlSHRtbFRlbXBsYXRlOyBjb250ZXh0OiB7ICRpbXBsaWNpdDogeyBub2RlOiBub2RlTW9kZWwubm9kZSB9ICB9XCJcbiAgICAvPlxuICA8L2Rpdj5cbjwvc3ZnOmZvcmVpZ25PYmplY3Q+XG5cbjxuZy1jb250YWluZXIgKm5nSWY9XCJoYW5kbGVUZW1wbGF0ZVwiPlxuICA8c3ZnOmcgI3NvdXJjZUhhbmRsZSAobW91c2Vkb3duKT1cInN0YXJ0Q29ubmVjdGlvbigkZXZlbnQpXCI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImhhbmRsZVRlbXBsYXRlOyBjb250ZXh0OiBnZXRIYW5kbGVDb250ZXh0KCdzb3VyY2UnKVwiIC8+XG4gIDwvc3ZnOmc+XG5cbiAgPHN2ZzpnICN0YXJnZXRIYW5kbGU+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImhhbmRsZVRlbXBsYXRlOyBjb250ZXh0OiBnZXRIYW5kbGVDb250ZXh0KCd0YXJnZXQnKVwiIC8+XG4gIDwvc3ZnOmc+XG48L25nLWNvbnRhaW5lcj5cblxuPG5nLWNvbnRhaW5lciAqbmdJZj1cIiFoYW5kbGVUZW1wbGF0ZVwiPlxuICA8c3ZnOmNpcmNsZVxuICAgICNzb3VyY2VIYW5kbGVcbiAgICBbYXR0ci5jeF09XCJub2RlTW9kZWwuc291cmNlT2Zmc2V0KCkueFwiXG4gICAgW2F0dHIuY3ldPVwibm9kZU1vZGVsLnNvdXJjZU9mZnNldCgpLnlcIlxuICAgIFthdHRyLnN0cm9rZS13aWR0aF09XCJkZWZhdWx0SGFuZGxlU3Ryb2tlV2lkdGhcIlxuICAgIHI9XCI1XCJcbiAgICBzdHJva2U9XCJ3aGl0ZVwiXG4gICAgZmlsbD1cImJsYWNrXCJcbiAgICAobW91c2Vkb3duKT1cInN0YXJ0Q29ubmVjdGlvbigkZXZlbnQpXCJcbiAgLz5cblxuICA8c3ZnOmNpcmNsZVxuICAgICN0YXJnZXRIYW5kbGVcbiAgICBbYXR0ci5jeF09XCJub2RlTW9kZWwudGFyZ2V0T2Zmc2V0KCkueFwiXG4gICAgW2F0dHIuY3ldPVwibm9kZU1vZGVsLnRhcmdldE9mZnNldCgpLnlcIlxuICAgIFthdHRyLnN0cm9rZS13aWR0aF09XCJkZWZhdWx0SGFuZGxlU3Ryb2tlV2lkdGhcIlxuICAgIHI9XCI1XCJcbiAgICBzdHJva2U9XCJ3aGl0ZVwiXG4gICAgZmlsbD1cImJsYWNrXCJcbiAgICAobW91c2V1cCk9XCJlbmRDb25uZWN0aW9uKClcIlxuICAvPlxuPC9uZy1jb250YWluZXI+XG5cbjxzdmc6Y2lyY2xlXG4gICpuZ0lmPVwic2hvd01hZ25ldCgpXCJcbiAgY2xhc3M9XCJtYWduZXRcIlxuICBbYXR0ci5yXT1cIm5vZGVNb2RlbC5tYWduZXRSYWRpdXNcIlxuICBbYXR0ci5jeF09XCJub2RlTW9kZWwudGFyZ2V0T2Zmc2V0KCkueFwiXG4gIFthdHRyLmN5XT1cIm5vZGVNb2RlbC50YXJnZXRPZmZzZXQoKS55XCJcbiAgKG1vdXNldXApPVwiZW5kQ29ubmVjdGlvbigpOyByZXNldFZhbGlkYXRlVGFyZ2V0SGFuZGxlKClcIlxuICAobW91c2VvdmVyKT1cInZhbGlkYXRlVGFyZ2V0SGFuZGxlKClcIlxuICAobW91c2VvdXQpPVwicmVzZXRWYWxpZGF0ZVRhcmdldEhhbmRsZSgpXCJcbi8+XG5cblxuIl19