@alauda-fe/common 1.0.0-hotfix-znx-3.16.1-1

package/esm2022/graph-canvas/components/graph-link.component.mjs

@@ -0,0 +1,146 @@
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, } from '@angular/core';
+import { add, subtract } from 'lodash-es';
+import { Subject, takeUntil } from 'rxjs';
+import { isEqual } from '../../core/public-api';
+import { GraphStoreService } from '../graph-store.service';
+import * as i0 from "@angular/core";
+import * as i1 from "../graph-store.service";
+import * as i2 from "@angular/common";
+const _c0 = ["aclGraphLink", ""];
+function GraphLinkComponent_ng_container_0_ng_container_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵnamespaceSVG();
+    i0.ɵɵnamespaceHTML();
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵnamespaceSVG();
+    i0.ɵɵelement(1, "circle", 2)(2, "polygon", 3);
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(1);
+    i0.ɵɵstyleProp("fill", ctx_r1.color);
+    i0.ɵɵattribute("cx", ctx_r1.points[0][0])("cy", ctx_r1.points[0][1]);
+    i0.ɵɵadvance(1);
+    i0.ɵɵstyleProp("transform", ctx_r1.arrowTransform)("fill", ctx_r1.color);
+} }
+function GraphLinkComponent_ng_container_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵnamespaceSVG();
+    i0.ɵɵelement(1, "path", 1);
+    i0.ɵɵtemplate(2, GraphLinkComponent_ng_container_0_ng_container_2_Template, 3, 8, "ng-container", 0);
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(1);
+    i0.ɵɵstyleProp("stroke", ctx_r0.color);
+    i0.ɵɵattribute("d", ctx_r0.path(ctx_r0.points));
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", ctx_r0.arrow);
+} }
+export class GraphLinkComponent {
+    get arrowTransform() {
+        const [[x1, y1], [x2, y2]] = this.points;
+        const deg = this.direction === 'v' && y1 < y2
+            ? -90
+            : this.direction === 'v'
+                ? 90
+                : this.direction === 'h' && x1 < x2
+                    ? 180
+                    : 0;
+        return `translate(${x2}px, ${y2}px) rotate(${deg}deg)`;
+    }
+    constructor(store, cdr) {
+        this.store = store;
+        this.cdr = cdr;
+        this.direction = 'v';
+        this.radius = 12;
+        this.arrow = true;
+        this.path = ([[x1, y1], [x2, y2]]) => {
+            const mX = x1 + (x2 - x1) / 2;
+            const mY = y1 + (y2 - y1) / 2;
+            const r = Math.min(Math.abs(x1 - x2) / 2, Math.abs(y1 - y2) / 2, this.radius);
+            return this.direction === 'h'
+                ? `M ${x1} ${y1}
+         L ${addOrMinus(x1 > x2, mX, r)} ${y1}
+         Q ${mX} ${y1} ${mX} ${addOrMinus(y1 < y2, y1, r)}
+         L ${mX} ${addOrMinus(y1 > y2, y2, r)}
+         Q ${mX} ${y2} ${addOrMinus(x1 < x2, mX, r)} ${y2}
+         L ${this.arrow ? addOrMinus(x1 > x2, x2, 8) : x2} ${y2}`
+                : `M ${x1} ${y1}
+         L ${x1} ${addOrMinus(y1 > y2, mY, r)}
+         Q ${x1} ${mY} ${addOrMinus(x1 < x2, x1, r)} ${mY}
+         L ${addOrMinus(x1 > x2, x2, r)} ${mY}
+         Q ${x2} ${mY} ${x2} ${addOrMinus(y1 < y2, mY, r)}
+         L ${x2} ${this.arrow ? addOrMinus(y1 > y2, y2, 8) : y2}`;
+        };
+        this.parallelDirection = (a, b, al, bl) => a + al < b ? [a + al, b] : [a, b + bl];
+        this.verticalDirection = (a, b, al, bl) => [
+            a + al / 2,
+            b + bl / 2,
+        ];
+        this.onDestroy$$ = new Subject();
+        this.store
+            .nodeChanged()
+            .pipe(takeUntil(this.onDestroy$$))
+            .subscribe(() => {
+            const currentPoints = this.points;
+            const nextPoints = this.findPoints();
+            if (isEqual(currentPoints, nextPoints)) {
+                return;
+            }
+            this.points = this.findPoints();
+            this.cdr.detectChanges();
+        });
+    }
+    ngOnDestroy() {
+        this.onDestroy$$.next();
+    }
+    findPoints() {
+        const r1 = this.store.getNode(this.from)?.getRect();
+        const r2 = this.store.getNode(this.to)?.getRect();
+        if (!r1 || !r2) {
+            return;
+        }
+        const s = this.store.getSurfaceNode().getRect();
+        const [x1, x2] = (this.direction === 'h' ? this.parallelDirection : this.verticalDirection)(r1.left - s.left, r2.left - s.left, r1.width, r2.width);
+        const [y1, y2] = (this.direction === 'h' ? this.verticalDirection : this.parallelDirection)(r1.top - s.top, r2.top - s.top, r1.height, r2.height);
+        return this.unScale([
+            [x1, y1],
+            [x2, y2],
+        ]);
+    }
+    unScale(points) {
+        return points.map(p => p.map(n => n / this.store.getScale()));
+    }
+    static { this.ɵfac = function GraphLinkComponent_Factory(t) { return new (t || GraphLinkComponent)(i0.ɵɵdirectiveInject(i1.GraphStoreService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: GraphLinkComponent, selectors: [["g", "aclGraphLink", ""]], inputs: { from: "from", to: "to", direction: "direction", radius: "radius", arrow: "arrow", color: "color", path: "path", parallelDirection: "parallelDirection", verticalDirection: "verticalDirection" }, attrs: _c0, decls: 1, vars: 1, consts: [[4, "ngIf"], [1, "acl-graph-link__line"], ["r", "4", 1, "acl-graph-link__dot"], ["points", "0,0 8,-4 8,4", 1, "acl-graph-link__arrow"]], template: function GraphLinkComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, GraphLinkComponent_ng_container_0_Template, 3, 4, "ng-container", 0);
+        } if (rf & 2) {
+            i0.ɵɵproperty("ngIf", ctx.points);
+        } }, dependencies: [i2.NgIf], encapsulation: 2, changeDetection: 0 }); }
+}
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(GraphLinkComponent, [{
+        type: Component,
+        args: [{ selector: 'g[aclGraphLink]', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"points\">\n  <svg:path\n    class=\"acl-graph-link__line\"\n    [attr.d]=\"path(points)\"\n    [style.stroke]=\"color\"\n  />\n  <ng-container *ngIf=\"arrow\">\n    <svg:circle\n      class=\"acl-graph-link__dot\"\n      r=\"4\"\n      [attr.cx]=\"points[0][0]\"\n      [attr.cy]=\"points[0][1]\"\n      [style.fill]=\"color\"\n    ></svg:circle>\n    <svg:polygon\n      class=\"acl-graph-link__arrow\"\n      points=\"0,0 8,-4 8,4\"\n      [style.transform]=\"arrowTransform\"\n      [style.fill]=\"color\"\n    ></svg:polygon>\n  </ng-container>\n</ng-container>\n" }]
+    }], function () { return [{ type: i1.GraphStoreService }, { type: i0.ChangeDetectorRef }]; }, { from: [{
+            type: Input
+        }], to: [{
+            type: Input
+        }], direction: [{
+            type: Input
+        }], radius: [{
+            type: Input
+        }], arrow: [{
+            type: Input
+        }], color: [{
+            type: Input
+        }], path: [{
+            type: Input
+        }], parallelDirection: [{
+            type: Input
+        }], verticalDirection: [{
+            type: Input
+        }] }); })();
+function addOrMinus(condition, v1, v2) {
+    return (condition ? add : subtract)(v1, v2);
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JhcGgtbGluay5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbW1vbi9zcmMvZ3JhcGgtY2FudmFzL2NvbXBvbmVudHMvZ3JhcGgtbGluay5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbW1vbi9zcmMvZ3JhcGgtY2FudmFzL2NvbXBvbmVudHMvZ3JhcGgtbGluay50ZW1wbGF0ZS5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsaUJBQWlCLEVBQ2pCLFNBQVMsRUFDVCxLQUFLLEdBRU4sTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLEdBQUcsRUFBRSxRQUFRLEVBQUUsTUFBTSxXQUFXLENBQUM7QUFDMUMsT0FBTyxFQUFFLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFFMUMsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ2hELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHdCQUF3QixDQUFDOzs7Ozs7O0lDTHpELG9CQUE0QjtJQUE1Qiw2QkFBNEI7SUFDMUIsbUJBTUM7SUFORCw0QkFNYyxpQkFBQTtJQU9oQiwwQkFBZTs7O0lBUlgsZUFBb0I7SUFBcEIsb0NBQW9CO0lBRnBCLHlDQUF3QiwyQkFBQTtJQU94QixlQUFrQztJQUFsQyxrREFBa0Msc0JBQUE7OztJQWpCeEMsNkJBQTZCO0lBQzNCLG1CQUlFO0lBSkYsMEJBSUU7SUFDRixvR0FjZTtJQUNqQiwwQkFBZTs7O0lBakJYLGVBQXNCO0lBQXRCLHNDQUFzQjtJQUR0QiwrQ0FBdUI7SUFHVixlQUFXO0lBQVgsbUNBQVc7O0FEYzVCLE1BQU0sT0FBTyxrQkFBa0I7SUFxRTdCLElBQUksY0FBYztRQUNoQixNQUFNLENBQUMsQ0FBQyxFQUFFLEVBQUUsRUFBRSxDQUFDLEVBQUUsQ0FBQyxFQUFFLEVBQUUsRUFBRSxDQUFDLENBQUMsR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDO1FBQ3pDLE1BQU0sR0FBRyxHQUNQLElBQUksQ0FBQyxTQUFTLEtBQUssR0FBRyxJQUFJLEVBQUUsR0FBRyxFQUFFO1lBQy9CLENBQUMsQ0FBQyxDQUFDLEVBQUU7WUFDTCxDQUFDLENBQUMsSUFBSSxDQUFDLFNBQVMsS0FBSyxHQUFHO2dCQUN4QixDQUFDLENBQUMsRUFBRTtnQkFDSixDQUFDLENBQUMsSUFBSSxDQUFDLFNBQVMsS0FBSyxHQUFHLElBQUksRUFBRSxHQUFHLEVBQUU7b0JBQ25DLENBQUMsQ0FBQyxHQUFHO29CQUNMLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDUixPQUFPLGFBQWEsRUFBRSxPQUFPLEVBQUUsY0FBYyxHQUFHLE1BQU0sQ0FBQztJQUN6RCxDQUFDO0lBRUQsWUFDbUIsS0FBd0IsRUFDeEIsR0FBc0I7UUFEdEIsVUFBSyxHQUFMLEtBQUssQ0FBbUI7UUFDeEIsUUFBRyxHQUFILEdBQUcsQ0FBbUI7UUE1RXpDLGNBQVMsR0FBYyxHQUFHLENBQUM7UUFHM0IsV0FBTSxHQUFHLEVBQUUsQ0FBQztRQUdaLFVBQUssR0FBRyxJQUFJLENBQUM7UUFNYixTQUFJLEdBQStCLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxFQUFFLENBQUMsRUFBRSxDQUFDLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FBUyxFQUFFLEVBQUU7WUFDbEUsTUFBTSxFQUFFLEdBQUcsRUFBRSxHQUFHLENBQUMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxHQUFHLENBQUMsQ0FBQztZQUM5QixNQUFNLEVBQUUsR0FBRyxFQUFFLEdBQUcsQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDLEdBQUcsQ0FBQyxDQUFDO1lBRTlCLE1BQU0sQ0FBQyxHQUFHLElBQUksQ0FBQyxHQUFHLENBQ2hCLElBQUksQ0FBQyxHQUFHLENBQUMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxHQUFHLENBQUMsRUFDckIsSUFBSSxDQUFDLEdBQUcsQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDLEdBQUcsQ0FBQyxFQUNyQixJQUFJLENBQUMsTUFBTSxDQUNaLENBQUM7WUFFRixPQUFPLElBQUksQ0FBQyxTQUFTLEtBQUssR0FBRztnQkFDM0IsQ0FBQyxDQUFDLEtBQUssRUFBRSxJQUFJLEVBQUU7YUFDUixVQUFVLENBQUMsRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUFDLElBQUksRUFBRTthQUNoQyxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsSUFBSSxVQUFVLENBQUMsRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUFDO2FBQzVDLEVBQUUsSUFBSSxVQUFVLENBQUMsRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUFDO2FBQ2hDLEVBQUUsSUFBSSxFQUFFLElBQUksVUFBVSxDQUFDLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FBQyxJQUFJLEVBQUU7YUFDNUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsVUFBVSxDQUFDLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUFFLElBQUksRUFBRSxFQUFFO2dCQUMzRCxDQUFDLENBQUMsS0FBSyxFQUFFLElBQUksRUFBRTthQUNSLEVBQUUsSUFBSSxVQUFVLENBQUMsRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUFDO2FBQ2hDLEVBQUUsSUFBSSxFQUFFLElBQUksVUFBVSxDQUFDLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FBQyxJQUFJLEVBQUU7YUFDNUMsVUFBVSxDQUFDLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FBQyxJQUFJLEVBQUU7YUFDaEMsRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLElBQUksVUFBVSxDQUFDLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FBQzthQUM1QyxFQUFFLElBQUks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QUFNLENBQUMsQ0FBQztRQUV4RCxPQUFPLElBQUksQ0FBQyxPQUFPLENBQUM7WUFDbEIsQ0FBQyxFQUFFLEVBQUUsRUFBRSxDQUFDO1lBQ1IsQ0FBQyxFQUFFLEVBQUUsRUFBRSxDQUFDO1NBQ1QsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVELE9BQU8sQ0FBQyxNQUFjO1FBQ3BCLE9BQU8sTUFBTSxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxRQUFRLEVBQUUsQ0FBQyxDQUFXLENBQUM7SUFDMUUsQ0FBQzttRkFuSVUsa0JBQWtCO29FQUFsQixrQkFBa0I7WUNwQi9CLHFGQXFCZTs7WUFyQkEsaUNBQVk7Ozt1RkRvQmQsa0JBQWtCO2NBTjlCLFNBQVM7MkJBRUUsaUJBQWlCLG1CQUVWLHVCQUF1QixDQUFDLE1BQU07b0dBSS9DLElBQUk7a0JBREgsS0FBSztZQUlOLEVBQUU7a0JBREQsS0FBSztZQUlOLFNBQVM7a0JBRFIsS0FBSztZQUlOLE1BQU07a0JBREwsS0FBSztZQUlOLEtBQUs7a0JBREosS0FBSztZQUlOLEtBQUs7a0JBREosS0FBSztZQUlOLElBQUk7a0JBREgsS0FBSztZQTJCTixpQkFBaUI7a0JBRGhCLEtBQUs7WUFVTixpQkFBaUI7a0JBRGhCLEtBQUs7O0FBZ0ZSLFNBQVMsVUFBVSxDQUFDLFNBQWtCLEVBQUUsRUFBVSxFQUFFLEVBQVU7SUFDNUQsT0FBTyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxFQUFFLEVBQUUsRUFBRSxDQUFDLENBQUM7QUFDOUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDaGFuZ2VEZXRlY3RvclJlZixcbiAgQ29tcG9uZW50LFxuICBJbnB1dCxcbiAgT25EZXN0cm95LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IGFkZCwgc3VidHJhY3QgfSBmcm9tICdsb2Rhc2gtZXMnO1xuaW1wb3J0IHsgU3ViamVjdCwgdGFrZVVudGlsIH0gZnJvbSAncnhqcyc7XG5cbmltcG9ydCB7IGlzRXF1YWwgfSBmcm9tICcuLi8uLi9jb3JlL3B1YmxpYy1hcGknO1xuaW1wb3J0IHsgR3JhcGhTdG9yZVNlcnZpY2UgfSBmcm9tICcuLi9ncmFwaC1zdG9yZS5zZXJ2aWNlJztcbmltcG9ydCB7IFBvaW50cywgTm9kZUlEIH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9jb21wb25lbnQtc2VsZWN0b3JcbiAgc2VsZWN0b3I6ICdnW2FjbEdyYXBoTGlua10nLFxuICB0ZW1wbGF0ZVVybDogJ2dyYXBoLWxpbmsudGVtcGxhdGUuaHRtbCcsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBHcmFwaExpbmtDb21wb25lbnQgaW1wbGVtZW50cyBPbkRlc3Ryb3kge1xuICBASW5wdXQoKVxuICBmcm9tOiBOb2RlSUQ7XG5cbiAgQElucHV0KClcbiAgdG86IE5vZGVJRDtcblxuICBASW5wdXQoKVxuICBkaXJlY3Rpb246ICdoJyB8ICd2JyA9ICd2JztcblxuICBASW5wdXQoKVxuICByYWRpdXMgPSAxMjtcblxuICBASW5wdXQoKVxuICBhcnJvdyA9IHRydWU7XG5cbiAgQElucHV0KClcbiAgY29sb3I6IHN0cmluZztcblxuICBASW5wdXQoKVxuICBwYXRoOiAocG9pbnRzOiBQb2ludHMpID0+IHN0cmluZyA9IChbW3gxLCB5MV0sIFt4MiwgeTJdXTogUG9pbnRzKSA9PiB7XG4gICAgY29uc3QgbVggPSB4MSArICh4MiAtIHgxKSAvIDI7XG4gICAgY29uc3QgbVkgPSB5MSArICh5MiAtIHkxKSAvIDI7XG5cbiAgICBjb25zdCByID0gTWF0aC5taW4oXG4gICAgICBNYXRoLmFicyh4MSAtIHgyKSAvIDIsXG4gICAgICBNYXRoLmFicyh5MSAtIHkyKSAvIDIsXG4gICAgICB0aGlzLnJhZGl1cyxcbiAgICApO1xuXG4gICAgcmV0dXJuIHRoaXMuZGlyZWN0aW9uID09PSAnaCdcbiAgICAgID8gYE0gJHt4MX0gJHt5MX1cbiAgICAgICAgIEwgJHthZGRPck1pbnVzKHgxID4geDIsIG1YLCByKX0gJHt5MX1cbiAgICAgICAgIFEgJHttWH0gJHt5MX0gJHttWH0gJHthZGRPck1pbnVzKHkxIDwgeTIsIHkxLCByKX1cbiAgICAgICAgIEwgJHttWH0gJHthZGRPck1pbnVzKHkxID4geTIsIHkyLCByKX1cbiAgICAgICAgIFEgJHttWH0gJHt5Mn0gJHthZGRPck1pbnVzKHgxIDwgeDIsIG1YLCByKX0gJHt5Mn1cbiAgICAgICAgIEwgJHt0aGlzLmFycm93ID8gYWRkT3JNaW51cyh4MSA+IHgyLCB4MiwgOCkgOiB4Mn0gJHt5Mn1gXG4gICAgICA6IGBNICR7eDF9ICR7eTF9XG4gICAgICAgICBMICR7eDF9ICR7YWRkT3JNaW51cyh5MSA+IHkyLCBtWSwgcil9XG4gICAgICAgICBRICR7eDF9ICR7bVl9ICR7YWRkT3JNaW51cyh4MSA8IHgyLCB4MSwgcil9ICR7bVl9XG4gICAgICAgICBMICR7YWRkT3JNaW51cyh4MSA+IHgyLCB4Miwgcil9ICR7bVl9XG4gICAgICAgICBRICR7eDJ9ICR7bVl9ICR7eDJ9ICR7YWRkT3JNaW51cyh5MSA8IHkyLCBtWSwgcil9XG4gICAgICAgICBMICR7eDJ9ICR7dGhpcy5hcnJvdyA/IGFkZE9yTWludXMoeTEgPiB5MiwgeTIsIDgpIDogeTJ9YDtcbiAgfTtcblxuICBASW5wdXQoKVxuICBwYXJhbGxlbERpcmVjdGlvbjogKFxuICAgIGE6IG51bWJlcixcbiAgICBiOiBudW1iZXIsXG4gICAgYWw6IG51bWJlcixcbiAgICBibDogbnVtYmVyLFxuICApID0+IFtudW1iZXIsIG51bWJlcl0gPSAoYTogbnVtYmVyLCBiOiBudW1iZXIsIGFsOiBudW1iZXIsIGJsOiBudW1iZXIpID0+XG4gICAgYSArIGFsIDwgYiA/IFthICsgYWwsIGJdIDogW2EsIGIgKyBibF07XG5cbiAgQElucHV0KClcbiAgdmVydGljYWxEaXJlY3Rpb246IChcbiAgICBhOiBudW1iZXIsXG4gICAgYjogbnVtYmVyLFxuICAgIGFsOiBudW1iZXIsXG4gICAgYmw6IG51bWJlcixcbiAgKSA9PiBbbnVtYmVyLCBudW1iZXJdID0gKGE6IG51bWJlciwgYjogbnVtYmVyLCBhbDogbnVtYmVyLCBibDogbnVtYmVyKSA9PiBbXG4gICAgYSArIGFsIC8gMixcbiAgICBiICsgYmwgLyAyLFxuICBdO1xuXG4gIHByaXZhdGUgcmVhZG9ubHkgb25EZXN0cm95JCQgPSBuZXcgU3ViamVjdDx2b2lkPigpO1xuXG4gIHBvaW50czogUG9pbnRzO1xuXG4gIGdldCBhcnJvd1RyYW5zZm9ybSgpIHtcbiAgICBjb25zdCBbW3gxLCB5MV0sIFt4MiwgeTJdXSA9IHRoaXMucG9pbnRzO1xuICAgIGNvbnN0IGRlZyA9XG4gICAgICB0aGlzLmRpcmVjdGlvbiA9PT0gJ3YnICYmIHkxIDwgeTJcbiAgICAgICAgPyAtOTBcbiAgICAgICAgOiB0aGlzLmRpcmVjdGlvbiA9PT0gJ3YnXG4gICAgICAgID8gOTBcbiAgICAgICAgOiB0aGlzLmRpcmVjdGlvbiA9PT0gJ2gnICYmIHgxIDwgeDJcbiAgICAgICAgPyAxODBcbiAgICAgICAgOiAwO1xuICAgIHJldHVybiBgdHJhbnNsYXRlKCR7eDJ9cHgsICR7eTJ9cHgpIHJvdGF0ZSgke2RlZ31kZWcpYDtcbiAgfVxuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgcmVhZG9ubHkgc3RvcmU6IEdyYXBoU3RvcmVTZXJ2aWNlLFxuICAgIHByaXZhdGUgcmVhZG9ubHkgY2RyOiBDaGFuZ2VEZXRlY3RvclJlZixcbiAgKSB7XG4gICAgdGhpcy5zdG9yZVxuICAgICAgLm5vZGVDaGFuZ2VkKClcbiAgICAgIC5waXBlKHRha2VVbnRpbCh0aGlzLm9uRGVzdHJveSQkKSlcbiAgICAgIC5zdWJzY3JpYmUoKCkgPT4ge1xuICAgICAgICBjb25zdCBjdXJyZW50UG9pbnRzID0gdGhpcy5wb2ludHM7XG4gICAgICAgIGNvbnN0IG5leHRQb2ludHMgPSB0aGlzLmZpbmRQb2ludHMoKTtcblxuICAgICAgICBpZiAoaXNFcXVhbChjdXJyZW50UG9pbnRzLCBuZXh0UG9pbnRzKSkge1xuICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuXG4gICAgICAgIHRoaXMucG9pbnRzID0gdGhpcy5maW5kUG9pbnRzKCk7XG4gICAgICAgIHRoaXMuY2RyLmRldGVjdENoYW5nZXMoKTtcbiAgICAgIH0pO1xuICB9XG5cbiAgbmdPbkRlc3Ryb3koKSB7XG4gICAgdGhpcy5vbkRlc3Ryb3kkJC5uZXh0KCk7XG4gIH1cblxuICBwcml2YXRlIGZpbmRQb2ludHMoKTogUG9pbnRzIHtcbiAgICBjb25zdCByMSA9IHRoaXMuc3RvcmUuZ2V0Tm9kZSh0aGlzLmZyb20pPy5nZXRSZWN0KCk7XG4gICAgY29uc3QgcjIgPSB0aGlzLnN0b3JlLmdldE5vZGUodGhpcy50byk/LmdldFJlY3QoKTtcblxuICAgIGlmICghcjEgfHwgIXIyKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgY29uc3QgcyA9IHRoaXMuc3RvcmUuZ2V0U3VyZmFjZU5vZGUoKS5nZXRSZWN0KCk7XG5cbiAgICBjb25zdCBbeDEsIHgyXSA9IChcbiAgICAgIHRoaXMuZGlyZWN0aW9uID09PSAnaCcgPyB0aGlzLnBhcmFsbGVsRGlyZWN0aW9uIDogdGhpcy52ZXJ0aWNhbERpcmVjdGlvblxuICAgICkocjEubGVmdCAtIHMubGVmdCwgcjIubGVmdCAtIHMubGVmdCwgcjEud2lkdGgsIHIyLndpZHRoKTtcbiAgICBjb25zdCBbeTEsIHkyXSA9IChcbiAgICAgIHRoaXMuZGlyZWN0aW9uID09PSAnaCcgPyB0aGlzLnZlcnRpY2FsRGlyZWN0aW9uIDogdGhpcy5wYXJhbGxlbERpcmVjdGlvblxuICAgICkocjEudG9wIC0gcy50b3AsIHIyLnRvcCAtIHMudG9wLCByMS5oZWlnaHQsIHIyLmhlaWdodCk7XG5cbiAgICByZXR1cm4gdGhpcy51blNjYWxlKFtcbiAgICAgIFt4MSwgeTFdLFxuICAgICAgW3gyLCB5Ml0sXG4gICAgXSk7XG4gIH1cblxuICB1blNjYWxlKHBvaW50czogUG9pbnRzKSB7XG4gICAgcmV0dXJuIHBvaW50cy5tYXAocCA9PiBwLm1hcChuID0+IG4gLyB0aGlzLnN0b3JlLmdldFNjYWxlKCkpKSBhcyBQb2ludHM7XG4gIH1cbn1cblxuZnVuY3Rpb24gYWRkT3JNaW51cyhjb25kaXRpb246IGJvb2xlYW4sIHYxOiBudW1iZXIsIHYyOiBudW1iZXIpIHtcbiAgcmV0dXJuIChjb25kaXRpb24gPyBhZGQgOiBzdWJ0cmFjdCkodjEsIHYyKTtcbn1cbiIsIjxuZy1jb250YWluZXIgKm5nSWY9XCJwb2ludHNcIj5cbiAgPHN2ZzpwYXRoXG4gICAgY2xhc3M9XCJhY2wtZ3JhcGgtbGlua19fbGluZVwiXG4gICAgW2F0dHIuZF09XCJwYXRoKHBvaW50cylcIlxuICAgIFtzdHlsZS5zdHJva2VdPVwiY29sb3JcIlxuICAvPlxuICA8bmctY29udGFpbmVyICpuZ0lmPVwiYXJyb3dcIj5cbiAgICA8c3ZnOmNpcmNsZVxuICAgICAgY2xhc3M9XCJhY2wtZ3JhcGgtbGlua19fZG90XCJcbiAgICAgIHI9XCI0XCJcbiAgICAgIFthdHRyLmN4XT1cInBvaW50c1swXVswXVwiXG4gICAgICBbYXR0ci5jeV09XCJwb2ludHNbMF1bMV1cIlxuICAgICAgW3N0eWxlLmZpbGxdPVwiY29sb3JcIlxuICAgID48L3N2ZzpjaXJjbGU+XG4gICAgPHN2Zzpwb2x5Z29uXG4gICAgICBjbGFzcz1cImFjbC1ncmFwaC1saW5rX19hcnJvd1wiXG4gICAgICBwb2ludHM9XCIwLDAgOCwtNCA4LDRcIlxuICAgICAgW3N0eWxlLnRyYW5zZm9ybV09XCJhcnJvd1RyYW5zZm9ybVwiXG4gICAgICBbc3R5bGUuZmlsbF09XCJjb2xvclwiXG4gICAgPjwvc3ZnOnBvbHlnb24+XG4gIDwvbmctY29udGFpbmVyPlxuPC9uZy1jb250YWluZXI+XG4iXX0=

package/esm2022/graph-canvas/components/graph-links.component.mjs

@@ -0,0 +1,19 @@
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import * as i0 from "@angular/core";
+const _c0 = [[["", "aclGraphLink", ""]]];
+const _c1 = ["[aclGraphLink]"];
+export class GraphLinksComponent {
+    static { this.ɵfac = function GraphLinksComponent_Factory(t) { return new (t || GraphLinksComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: GraphLinksComponent, selectors: [["acl-graph-links"]], ngContentSelectors: _c1, decls: 2, vars: 0, consts: [[1, "acl-graph-canvas__links"]], template: function GraphLinksComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef(_c0);
+            i0.ɵɵnamespaceSVG();
+            i0.ɵɵelementStart(0, "svg", 0);
+            i0.ɵɵprojection(1);
+            i0.ɵɵelementEnd();
+        } }, encapsulation: 2, changeDetection: 0 }); }
+}
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(GraphLinksComponent, [{
+        type: Component,
+        args: [{ selector: 'acl-graph-links', changeDetection: ChangeDetectionStrategy.OnPush, template: "<svg class=\"acl-graph-canvas__links\">\n  <ng-content select=\"[aclGraphLink]\"></ng-content>\n</svg>\n" }]
+    }], null, null); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JhcGgtbGlua3MuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21tb24vc3JjL2dyYXBoLWNhbnZhcy9jb21wb25lbnRzL2dyYXBoLWxpbmtzLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tbW9uL3NyYy9ncmFwaC1jYW52YXMvY29tcG9uZW50cy9ncmFwaC1saW5rcy50ZW1wbGF0ZS5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7QUFPbkUsTUFBTSxPQUFPLG1CQUFtQjtvRkFBbkIsbUJBQW1CO29FQUFuQixtQkFBbUI7O1lDUGhDLG1CQUFxQztZQUFyQyw4QkFBcUM7WUFDbkMsa0JBQWlEO1lBQ25ELGlCQUFNOzs7dUZES08sbUJBQW1CO2NBTC9CLFNBQVM7MkJBQ0UsaUJBQWlCLG1CQUVWLHVCQUF1QixDQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2FjbC1ncmFwaC1saW5rcycsXG4gIHRlbXBsYXRlVXJsOiAnLi9ncmFwaC1saW5rcy50ZW1wbGF0ZS5odG1sJyxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIEdyYXBoTGlua3NDb21wb25lbnQge31cbiIsIjxzdmcgY2xhc3M9XCJhY2wtZ3JhcGgtY2FudmFzX19saW5rc1wiPlxuICA8bmctY29udGVudCBzZWxlY3Q9XCJbYWNsR3JhcGhMaW5rXVwiPjwvbmctY29udGVudD5cbjwvc3ZnPlxuIl19

package/esm2022/graph-canvas/components/graph-node.directive.mjs

@@ -0,0 +1,30 @@
+import { Directive, ElementRef, Input } from '@angular/core';
+import { GraphStoreService } from '../graph-store.service';
+import { getRect } from '../utils';
+import * as i0 from "@angular/core";
+import * as i1 from "../graph-store.service";
+export class GraphNodeDirective {
+    constructor(el, store) {
+        this.el = el;
+        this.store = store;
+        this.hostRect = () => getRect(this.el.nativeElement);
+    }
+    ngOnInit() {
+        this.store.registerNode(this.id, { getRect: this.hostRect, el: this.el });
+    }
+    ngOnDestroy() {
+        this.store.unregisterNode(this.id);
+    }
+    static { this.ɵfac = function GraphNodeDirective_Factory(t) { return new (t || GraphNodeDirective)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i1.GraphStoreService)); }; }
+    static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: GraphNodeDirective, selectors: [["", "aclGraphNode", ""]], inputs: { id: ["aclGraphNode", "id"] } }); }
+}
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(GraphNodeDirective, [{
+        type: Directive,
+        args: [{
+                selector: '[aclGraphNode]',
+            }]
+    }], function () { return [{ type: i0.ElementRef }, { type: i1.GraphStoreService }]; }, { id: [{
+            type: Input,
+            args: ['aclGraphNode']
+        }] }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JhcGgtbm9kZS5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbW1vbi9zcmMvZ3JhcGgtY2FudmFzL2NvbXBvbmVudHMvZ3JhcGgtbm9kZS5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsS0FBSyxFQUFxQixNQUFNLGVBQWUsQ0FBQztBQUVoRixPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUUzRCxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sVUFBVSxDQUFDOzs7QUFLbkMsTUFBTSxPQUFPLGtCQUFrQjtJQU03QixZQUNtQixFQUEyQixFQUMzQixLQUF3QjtRQUR4QixPQUFFLEdBQUYsRUFBRSxDQUF5QjtRQUMzQixVQUFLLEdBQUwsS0FBSyxDQUFtQjtRQUozQyxhQUFRLEdBQUcsR0FBRyxFQUFFLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsYUFBYSxDQUFDLENBQUM7SUFLN0MsQ0FBQztJQUVKLFFBQVE7UUFDTixJQUFJLENBQUMsS0FBSyxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsRUFBRSxFQUFFLEVBQUUsT0FBTyxFQUFFLElBQUksQ0FBQyxRQUFRLEVBQUUsRUFBRSxFQUFFLElBQUksQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDO0lBQzVFLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLEtBQUssQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFDO0lBQ3JDLENBQUM7bUZBakJVLGtCQUFrQjtvRUFBbEIsa0JBQWtCOzt1RkFBbEIsa0JBQWtCO2NBSDlCLFNBQVM7ZUFBQztnQkFDVCxRQUFRLEVBQUUsZ0JBQWdCO2FBQzNCOzZGQUdDLEVBQUU7a0JBREQsS0FBSzttQkFBQyxjQUFjIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBFbGVtZW50UmVmLCBJbnB1dCwgT25EZXN0cm95LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgR3JhcGhTdG9yZVNlcnZpY2UgfSBmcm9tICcuLi9ncmFwaC1zdG9yZS5zZXJ2aWNlJztcbmltcG9ydCB7IE5vZGVJRCB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCB7IGdldFJlY3QgfSBmcm9tICcuLi91dGlscyc7XG5cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1thY2xHcmFwaE5vZGVdJyxcbn0pXG5leHBvcnQgY2xhc3MgR3JhcGhOb2RlRGlyZWN0aXZlIGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3kge1xuICBASW5wdXQoJ2FjbEdyYXBoTm9kZScpXG4gIGlkOiBOb2RlSUQ7XG5cbiAgaG9zdFJlY3QgPSAoKSA9PiBnZXRSZWN0KHRoaXMuZWwubmF0aXZlRWxlbWVudCk7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSByZWFkb25seSBlbDogRWxlbWVudFJlZjxIVE1MRWxlbWVudD4sXG4gICAgcHJpdmF0ZSByZWFkb25seSBzdG9yZTogR3JhcGhTdG9yZVNlcnZpY2UsXG4gICkge31cblxuICBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLnN0b3JlLnJlZ2lzdGVyTm9kZSh0aGlzLmlkLCB7IGdldFJlY3Q6IHRoaXMuaG9zdFJlY3QsIGVsOiB0aGlzLmVsIH0pO1xuICB9XG5cbiAgbmdPbkRlc3Ryb3koKSB7XG4gICAgdGhpcy5zdG9yZS51bnJlZ2lzdGVyTm9kZSh0aGlzLmlkKTtcbiAgfVxufVxuIl19

package/esm2022/graph-canvas/graph-canvas.module.mjs

@@ -0,0 +1,49 @@
+import { ButtonModule, IconModule } from '@alauda/ui';
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { TranslateModule } from '../translate/translate.module';
+import { GraphActionsComponent } from './components/graph-actions.component';
+import { GraphCanvasComponent } from './components/graph-canvas.component';
+import { GraphLinkComponent } from './components/graph-link.component';
+import { GraphLinksComponent } from './components/graph-links.component';
+import { GraphNodeDirective } from './components/graph-node.directive';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@alauda/ui";
+import * as i3 from "../translate/translate.pipe";
+export class GraphCanvasModule {
+    static { this.ɵfac = function GraphCanvasModule_Factory(t) { return new (t || GraphCanvasModule)(); }; }
+    static { this.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: GraphCanvasModule }); }
+    static { this.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule, IconModule, ButtonModule, TranslateModule] }); }
+}
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(GraphCanvasModule, [{
+        type: NgModule,
+        args: [{
+                imports: [CommonModule, IconModule, ButtonModule, TranslateModule],
+                declarations: [
+                    GraphCanvasComponent,
+                    GraphActionsComponent,
+                    GraphLinksComponent,
+                    GraphLinkComponent,
+                    GraphNodeDirective,
+                ],
+                exports: [
+                    GraphCanvasComponent,
+                    GraphActionsComponent,
+                    GraphLinksComponent,
+                    GraphLinkComponent,
+                    GraphNodeDirective,
+                ],
+            }]
+    }], null, null); })();
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(GraphCanvasModule, { declarations: [GraphCanvasComponent,
+        GraphActionsComponent,
+        GraphLinksComponent,
+        GraphLinkComponent,
+        GraphNodeDirective], imports: [CommonModule, IconModule, ButtonModule, TranslateModule], exports: [GraphCanvasComponent,
+        GraphActionsComponent,
+        GraphLinksComponent,
+        GraphLinkComponent,
+        GraphNodeDirective] }); })();
+i0.ɵɵsetComponentScope(GraphCanvasComponent, [i1.NgIf, i1.NgStyle, i2.IconComponent, i2.ButtonComponent], [i3.TranslatePipe]);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JhcGgtY2FudmFzLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvY29tbW9uL3NyYy9ncmFwaC1jYW52YXMvZ3JhcGgtY2FudmFzLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLFVBQVUsRUFBRSxNQUFNLFlBQVksQ0FBQztBQUN0RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUV6QyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFFaEUsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sc0NBQXNDLENBQUM7QUFDN0UsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFDM0UsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFDdkUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFDekUsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sbUNBQW1DLENBQUM7Ozs7O0FBbUJ2RSxNQUFNLE9BQU8saUJBQWlCO2tGQUFqQixpQkFBaUI7bUVBQWpCLGlCQUFpQjt1RUFoQmxCLFlBQVksRUFBRSxVQUFVLEVBQUUsWUFBWSxFQUFFLGVBQWU7O3VGQWdCdEQsaUJBQWlCO2NBakI3QixRQUFRO2VBQUM7Z0JBQ1IsT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFFLFVBQVUsRUFBRSxZQUFZLEVBQUUsZUFBZSxDQUFDO2dCQUNsRSxZQUFZLEVBQUU7b0JBQ1osb0JBQW9CO29CQUNwQixxQkFBcUI7b0JBQ3JCLG1CQUFtQjtvQkFDbkIsa0JBQWtCO29CQUNsQixrQkFBa0I7aUJBQ25CO2dCQUNELE9BQU8sRUFBRTtvQkFDUCxvQkFBb0I7b0JBQ3BCLHFCQUFxQjtvQkFDckIsbUJBQW1CO29CQUNuQixrQkFBa0I7b0JBQ2xCLGtCQUFrQjtpQkFDbkI7YUFDRjs7d0ZBQ1ksaUJBQWlCLG1CQWQxQixvQkFBb0I7UUFDcEIscUJBQXFCO1FBQ3JCLG1CQUFtQjtRQUNuQixrQkFBa0I7UUFDbEIsa0JBQWtCLGFBTlYsWUFBWSxFQUFFLFVBQVUsRUFBRSxZQUFZLEVBQUUsZUFBZSxhQVMvRCxvQkFBb0I7UUFDcEIscUJBQXFCO1FBQ3JCLG1CQUFtQjtRQUNuQixrQkFBa0I7UUFDbEIsa0JBQWtCO3VCQVhsQixvQkFBb0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCdXR0b25Nb2R1bGUsIEljb25Nb2R1bGUgfSBmcm9tICdAYWxhdWRhL3VpJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBUcmFuc2xhdGVNb2R1bGUgfSBmcm9tICcuLi90cmFuc2xhdGUvdHJhbnNsYXRlLm1vZHVsZSc7XG5cbmltcG9ydCB7IEdyYXBoQWN0aW9uc0NvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy9ncmFwaC1hY3Rpb25zLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBHcmFwaENhbnZhc0NvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy9ncmFwaC1jYW52YXMuY29tcG9uZW50JztcbmltcG9ydCB7IEdyYXBoTGlua0NvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy9ncmFwaC1saW5rLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBHcmFwaExpbmtzQ29tcG9uZW50IH0gZnJvbSAnLi9jb21wb25lbnRzL2dyYXBoLWxpbmtzLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBHcmFwaE5vZGVEaXJlY3RpdmUgfSBmcm9tICcuL2NvbXBvbmVudHMvZ3JhcGgtbm9kZS5kaXJlY3RpdmUnO1xuXG5ATmdNb2R1bGUoe1xuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBJY29uTW9kdWxlLCBCdXR0b25Nb2R1bGUsIFRyYW5zbGF0ZU1vZHVsZV0sXG4gIGRlY2xhcmF0aW9uczogW1xuICAgIEdyYXBoQ2FudmFzQ29tcG9uZW50LFxuICAgIEdyYXBoQWN0aW9uc0NvbXBvbmVudCxcbiAgICBHcmFwaExpbmtzQ29tcG9uZW50LFxuICAgIEdyYXBoTGlua0NvbXBvbmVudCxcbiAgICBHcmFwaE5vZGVEaXJlY3RpdmUsXG4gIF0sXG4gIGV4cG9ydHM6IFtcbiAgICBHcmFwaENhbnZhc0NvbXBvbmVudCxcbiAgICBHcmFwaEFjdGlvbnNDb21wb25lbnQsXG4gICAgR3JhcGhMaW5rc0NvbXBvbmVudCxcbiAgICBHcmFwaExpbmtDb21wb25lbnQsXG4gICAgR3JhcGhOb2RlRGlyZWN0aXZlLFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBHcmFwaENhbnZhc01vZHVsZSB7fVxuIl19

package/esm2022/graph-canvas/graph-store.service.mjs

@@ -0,0 +1,56 @@
+import { Injectable } from '@angular/core';
+import { throttle } from 'lodash-es';
+import { ReplaySubject, debounceTime } from 'rxjs';
+import * as i0 from "@angular/core";
+export class GraphStoreService {
+    constructor() {
+        this.nodeStore = {};
+        this.scale = 1;
+        this.nodeChanged$$ = new ReplaySubject(1);
+        this.nodeChanged$ = this.nodeChanged$$
+            .asObservable()
+            .pipe(debounceTime(0));
+        this.resizeObserver = new ResizeObserver(throttle(() => this.nodeChanged$$.next(), 100));
+    }
+    registerSurfaceNode(surface) {
+        this.surfaceNode = surface;
+    }
+    registerNode(id, node) {
+        if (id) {
+            this.resizeObserver.observe(node.el.nativeElement);
+        }
+        this.nodeStore[id] = node;
+        this.nodeChanged$$.next();
+    }
+    unregisterNode(id) {
+        if (id) {
+            this.resizeObserver.unobserve(this.nodeStore[id].el.nativeElement);
+        }
+        this.nodeStore[id] = null;
+        this.nodeChanged$$.next();
+    }
+    getNode(id) {
+        return this.nodeStore[id];
+    }
+    getSurfaceNode() {
+        return this.surfaceNode;
+    }
+    nodeChanged() {
+        return this.nodeChanged$;
+    }
+    getScale() {
+        return this.scale;
+    }
+    setScale(scale) {
+        return (this.scale = scale);
+    }
+    disconnectObserver() {
+        this.resizeObserver.disconnect();
+    }
+    static { this.ɵfac = function GraphStoreService_Factory(t) { return new (t || GraphStoreService)(); }; }
+    static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: GraphStoreService, factory: GraphStoreService.ɵfac }); }
+}
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(GraphStoreService, [{
+        type: Injectable
+    }], null, null); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JhcGgtc3RvcmUuc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvY29tbW9uL3NyYy9ncmFwaC1jYW52YXMvZ3JhcGgtc3RvcmUuc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzNDLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxXQUFXLENBQUM7QUFDckMsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSxNQUFNLENBQUM7O0FBS25ELE1BQU0sT0FBTyxpQkFBaUI7SUFEOUI7UUFFbUIsY0FBUyxHQUE4QixFQUFFLENBQUM7UUFFbkQsVUFBSyxHQUFHLENBQUMsQ0FBQztRQUVELGtCQUFhLEdBQUcsSUFBSSxhQUFhLENBQU8sQ0FBQyxDQUFDLENBQUM7UUFFM0MsaUJBQVksR0FBRyxJQUFJLENBQUMsYUFBYTthQUMvQyxZQUFZLEVBQUU7YUFDZCxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFFUixtQkFBYyxHQUFHLElBQUksY0FBYyxDQUNsRCxRQUFRLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLEVBQUUsRUFBRSxHQUFHLENBQUMsQ0FDL0MsQ0FBQztLQTZDSDtJQTNDQyxtQkFBbUIsQ0FBQyxPQUFrQjtRQUNwQyxJQUFJLENBQUMsV0FBVyxHQUFHLE9BQU8sQ0FBQztJQUM3QixDQUFDO0lBRUQsWUFBWSxDQUFDLEVBQVUsRUFBRSxJQUFlO1FBQ3RDLElBQUksRUFBRSxFQUFFO1lBQ04sSUFBSSxDQUFDLGNBQWMsQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxhQUFhLENBQUMsQ0FBQztTQUNwRDtRQUNELElBQUksQ0FBQyxTQUFTLENBQUMsRUFBRSxDQUFDLEdBQUcsSUFBSSxDQUFDO1FBQzFCLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDNUIsQ0FBQztJQUVELGNBQWMsQ0FBQyxFQUFVO1FBQ3ZCLElBQUksRUFBRSxFQUFFO1lBQ04sSUFBSSxDQUFDLGNBQWMsQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxFQUFFLENBQUMsYUFBYSxDQUFDLENBQUM7U0FDcEU7UUFDRCxJQUFJLENBQUMsU0FBUyxDQUFDLEVBQUUsQ0FBQyxHQUFHLElBQUksQ0FBQztRQUMxQixJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQzVCLENBQUM7SUFFRCxPQUFPLENBQUMsRUFBVTtRQUNoQixPQUFPLElBQUksQ0FBQyxTQUFTLENBQUMsRUFBRSxDQUFDLENBQUM7SUFDNUIsQ0FBQztJQUVELGNBQWM7UUFDWixPQUFPLElBQUksQ0FBQyxXQUFXLENBQUM7SUFDMUIsQ0FBQztJQUVELFdBQVc7UUFDVCxPQUFPLElBQUksQ0FBQyxZQUFZLENBQUM7SUFDM0IsQ0FBQztJQUVELFFBQVE7UUFDTixPQUFPLElBQUksQ0FBQyxLQUFLLENBQUM7SUFDcEIsQ0FBQztJQUVELFFBQVEsQ0FBQyxLQUFhO1FBQ3BCLE9BQU8sQ0FBQyxJQUFJLENBQUMsS0FBSyxHQUFHLEtBQUssQ0FBQyxDQUFDO0lBQzlCLENBQUM7SUFFRCxrQkFBa0I7UUFDaEIsSUFBSSxDQUFDLGNBQWMsQ0FBQyxVQUFVLEVBQUUsQ0FBQztJQUNuQyxDQUFDO2tGQXpEVSxpQkFBaUI7dUVBQWpCLGlCQUFpQixXQUFqQixpQkFBaUI7O3VGQUFqQixpQkFBaUI7Y0FEN0IsVUFBVSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGFibGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IHRocm90dGxlIH0gZnJvbSAnbG9kYXNoLWVzJztcbmltcG9ydCB7IFJlcGxheVN1YmplY3QsIGRlYm91bmNlVGltZSB9IGZyb20gJ3J4anMnO1xuXG5pbXBvcnQgeyBHcmFwaE5vZGUsIE5vZGVJRCB9IGZyb20gJy4vdHlwZXMnO1xuXG5ASW5qZWN0YWJsZSgpXG5leHBvcnQgY2xhc3MgR3JhcGhTdG9yZVNlcnZpY2Uge1xuICBwcml2YXRlIHJlYWRvbmx5IG5vZGVTdG9yZTogUmVjb3JkPE5vZGVJRCwgR3JhcGhOb2RlPiA9IHt9O1xuICBwcml2YXRlIHN1cmZhY2VOb2RlOiBHcmFwaE5vZGU7XG4gIHByaXZhdGUgc2NhbGUgPSAxO1xuXG4gIHByaXZhdGUgcmVhZG9ubHkgbm9kZUNoYW5nZWQkJCA9IG5ldyBSZXBsYXlTdWJqZWN0PHZvaWQ+KDEpO1xuXG4gIHByaXZhdGUgcmVhZG9ubHkgbm9kZUNoYW5nZWQkID0gdGhpcy5ub2RlQ2hhbmdlZCQkXG4gICAgLmFzT2JzZXJ2YWJsZSgpXG4gICAgLnBpcGUoZGVib3VuY2VUaW1lKDApKTtcblxuICBwcml2YXRlIHJlYWRvbmx5IHJlc2l6ZU9ic2VydmVyID0gbmV3IFJlc2l6ZU9ic2VydmVyKFxuICAgIHRocm90dGxlKCgpID0+IHRoaXMubm9kZUNoYW5nZWQkJC5uZXh0KCksIDEwMCksXG4gICk7XG5cbiAgcmVnaXN0ZXJTdXJmYWNlTm9kZShzdXJmYWNlOiBHcmFwaE5vZGUpIHtcbiAgICB0aGlzLnN1cmZhY2VOb2RlID0gc3VyZmFjZTtcbiAgfVxuXG4gIHJlZ2lzdGVyTm9kZShpZDogTm9kZUlELCBub2RlOiBHcmFwaE5vZGUpIHtcbiAgICBpZiAoaWQpIHtcbiAgICAgIHRoaXMucmVzaXplT2JzZXJ2ZXIub2JzZXJ2ZShub2RlLmVsLm5hdGl2ZUVsZW1lbnQpO1xuICAgIH1cbiAgICB0aGlzLm5vZGVTdG9yZVtpZF0gPSBub2RlO1xuICAgIHRoaXMubm9kZUNoYW5nZWQkJC5uZXh0KCk7XG4gIH1cblxuICB1bnJlZ2lzdGVyTm9kZShpZDogTm9kZUlEKSB7XG4gICAgaWYgKGlkKSB7XG4gICAgICB0aGlzLnJlc2l6ZU9ic2VydmVyLnVub2JzZXJ2ZSh0aGlzLm5vZGVTdG9yZVtpZF0uZWwubmF0aXZlRWxlbWVudCk7XG4gICAgfVxuICAgIHRoaXMubm9kZVN0b3JlW2lkXSA9IG51bGw7XG4gICAgdGhpcy5ub2RlQ2hhbmdlZCQkLm5leHQoKTtcbiAgfVxuXG4gIGdldE5vZGUoaWQ6IE5vZGVJRCkge1xuICAgIHJldHVybiB0aGlzLm5vZGVTdG9yZVtpZF07XG4gIH1cblxuICBnZXRTdXJmYWNlTm9kZSgpIHtcbiAgICByZXR1cm4gdGhpcy5zdXJmYWNlTm9kZTtcbiAgfVxuXG4gIG5vZGVDaGFuZ2VkKCkge1xuICAgIHJldHVybiB0aGlzLm5vZGVDaGFuZ2VkJDtcbiAgfVxuXG4gIGdldFNjYWxlKCkge1xuICAgIHJldHVybiB0aGlzLnNjYWxlO1xuICB9XG5cbiAgc2V0U2NhbGUoc2NhbGU6IG51bWJlcikge1xuICAgIHJldHVybiAodGhpcy5zY2FsZSA9IHNjYWxlKTtcbiAgfVxuXG4gIGRpc2Nvbm5lY3RPYnNlcnZlcigpIHtcbiAgICB0aGlzLnJlc2l6ZU9ic2VydmVyLmRpc2Nvbm5lY3QoKTtcbiAgfVxufVxuIl19

package/esm2022/graph-canvas/public-api.mjs

@@ -0,0 +1,8 @@
+export * from './graph-canvas.module';
+export * from './components/graph-actions.component';
+export * from './components/graph-canvas.component';
+export * from './components/graph-link.component';
+export * from './components/graph-links.component';
+export * from './components/graph-node.directive';
+export * from './types';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvY29tbW9uL3NyYy9ncmFwaC1jYW52YXMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLHVCQUF1QixDQUFDO0FBQ3RDLGNBQWMsc0NBQXNDLENBQUM7QUFDckQsY0FBYyxxQ0FBcUMsQ0FBQztBQUNwRCxjQUFjLG1DQUFtQyxDQUFDO0FBQ2xELGNBQWMsb0NBQW9DLENBQUM7QUFDbkQsY0FBYyxtQ0FBbUMsQ0FBQztBQUNsRCxjQUFjLFNBQVMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vZ3JhcGgtY2FudmFzLm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL2NvbXBvbmVudHMvZ3JhcGgtYWN0aW9ucy5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9jb21wb25lbnRzL2dyYXBoLWNhbnZhcy5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9jb21wb25lbnRzL2dyYXBoLWxpbmsuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vY29tcG9uZW50cy9ncmFwaC1saW5rcy5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9jb21wb25lbnRzL2dyYXBoLW5vZGUuZGlyZWN0aXZlJztcbmV4cG9ydCAqIGZyb20gJy4vdHlwZXMnO1xuIl19

package/esm2022/graph-canvas/types.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2NvbW1vbi9zcmMvZ3JhcGgtY2FudmFzL3R5cGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBFbGVtZW50UmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgVHJhbnNmb3JtU3RhdGUge1xuICBvcmlnaW46IFtPcmlnaW5YLCBPcmlnaW5ZXTtcbiAgdHJhbnNsYXRlOiByZWFkb25seSBbbnVtYmVyLCBudW1iZXJdO1xuICBzY2FsZTogbnVtYmVyO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIFJlY3RzIHtcbiAgY2FudmFzUmVjdDogUmVjdDtcbiAgc3VyZmFjZVJlY3Q6IFJlY3Q7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgUmVjdCB7XG4gIHRvcDogbnVtYmVyO1xuICBib3R0b206IG51bWJlcjtcbiAgbGVmdDogbnVtYmVyO1xuICByaWdodDogbnVtYmVyO1xuICB3aWR0aDogbnVtYmVyO1xuICBoZWlnaHQ6IG51bWJlcjtcbiAgb2Zmc2V0VG9wOiBudW1iZXI7XG4gIG9mZnNldExlZnQ6IG51bWJlcjtcbiAgb2Zmc2V0V2lkdGg6IG51bWJlcjtcbiAgb2Zmc2V0SGVpZ2h0OiBudW1iZXI7XG59XG5cbmV4cG9ydCB0eXBlIFRyYW5zZm9ybUFjdGlvbiA9IChcbiAgdHJhbnNmb3JtOiBUcmFuc2Zvcm1TdGF0ZSxcbiAgcmVjdHM6IFJlY3RzLFxuKSA9PiBQYXJ0aWFsPFRyYW5zZm9ybVN0YXRlPjtcblxuZXhwb3J0IHR5cGUgTm9kZUlEID0gc3RyaW5nIHwgbnVtYmVyO1xuXG5leHBvcnQgaW50ZXJmYWNlIEdyYXBoTm9kZSB7XG4gIGdldFJlY3Q6ICgpID0+IFJlY3Q7XG4gIGVsPzogRWxlbWVudFJlZjxIVE1MRWxlbWVudD47XG59XG5cbmV4cG9ydCB0eXBlIE9yaWdpblggPSAnY2VudGVyJyB8ICdsZWZ0JyB8ICdyaWdodCc7XG5cbmV4cG9ydCB0eXBlIE9yaWdpblkgPSAnY2VudGVyJyB8ICd0b3AnIHwgJ2JvdHRvbSc7XG5cbmV4cG9ydCB0eXBlIE5vZGVFZGdlID0gJ3RvcCcgfCAnYm90dG9tJyB8ICdsZWZ0JyB8ICdyaWdodCc7XG5cbmV4cG9ydCB0eXBlIFBvaW50cyA9IFtbbnVtYmVyLCBudW1iZXJdLCBbbnVtYmVyLCBudW1iZXJdXTtcbiJdfQ==

package/esm2022/graph-canvas/utils.mjs

@@ -0,0 +1,16 @@
+export function getRect(el) {
+    const r = el.getBoundingClientRect();
+    return {
+        top: r.top,
+        bottom: r.bottom,
+        left: r.left,
+        right: r.right,
+        width: r.width,
+        height: r.height,
+        offsetTop: el.offsetTop,
+        offsetLeft: el.offsetLeft,
+        offsetWidth: el.offsetWidth,
+        offsetHeight: el.offsetHeight,
+    };
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXRpbHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2NvbW1vbi9zcmMvZ3JhcGgtY2FudmFzL3V0aWxzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBLE1BQU0sVUFBVSxPQUFPLENBQUMsRUFBZTtJQUNyQyxNQUFNLENBQUMsR0FBRyxFQUFFLENBQUMscUJBQXFCLEVBQUUsQ0FBQztJQUNyQyxPQUFPO1FBQ0wsR0FBRyxFQUFFLENBQUMsQ0FBQyxHQUFHO1FBQ1YsTUFBTSxFQUFFLENBQUMsQ0FBQyxNQUFNO1FBQ2hCLElBQUksRUFBRSxDQUFDLENBQUMsSUFBSTtRQUNaLEtBQUssRUFBRSxDQUFDLENBQUMsS0FBSztRQUNkLEtBQUssRUFBRSxDQUFDLENBQUMsS0FBSztRQUNkLE1BQU0sRUFBRSxDQUFDLENBQUMsTUFBTTtRQUNoQixTQUFTLEVBQUUsRUFBRSxDQUFDLFNBQVM7UUFDdkIsVUFBVSxFQUFFLEVBQUUsQ0FBQyxVQUFVO1FBQ3pCLFdBQVcsRUFBRSxFQUFFLENBQUMsV0FBVztRQUMzQixZQUFZLEVBQUUsRUFBRSxDQUFDLFlBQVk7S0FDOUIsQ0FBQztBQUNKLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBSZWN0IH0gZnJvbSAnLi90eXBlcyc7XG5cbmV4cG9ydCBmdW5jdGlvbiBnZXRSZWN0KGVsOiBIVE1MRWxlbWVudCk6IFJlY3Qge1xuICBjb25zdCByID0gZWwuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCk7XG4gIHJldHVybiB7XG4gICAgdG9wOiByLnRvcCxcbiAgICBib3R0b206IHIuYm90dG9tLFxuICAgIGxlZnQ6IHIubGVmdCxcbiAgICByaWdodDogci5yaWdodCxcbiAgICB3aWR0aDogci53aWR0aCxcbiAgICBoZWlnaHQ6IHIuaGVpZ2h0LFxuICAgIG9mZnNldFRvcDogZWwub2Zmc2V0VG9wLFxuICAgIG9mZnNldExlZnQ6IGVsLm9mZnNldExlZnQsXG4gICAgb2Zmc2V0V2lkdGg6IGVsLm9mZnNldFdpZHRoLFxuICAgIG9mZnNldEhlaWdodDogZWwub2Zmc2V0SGVpZ2h0LFxuICB9O1xufVxuIl19