@foblex/flow 1.0.5 → 1.0.7

package/{lib/directives → directives}/f-containers/f-items-container/f-items-container.directive.d.ts

@@ -5,8 +5,8 @@ import { CanvasChangeEvent } from './canvas-change.event';
 import * as i0 from "@angular/core";
 export declare class FItemsContainerDirective extends FItemsContainerBase {
     canvasChange: EventEmitter<CanvasChangeEvent>;
-    set position(value: IPoint);
-    set scale(value: number);
+    set position(value: IPoint | undefined);
+    set scale(value: number | undefined);
     constructor(elementReference: ElementRef<SVGGElement>);
     static ɵfac: i0.ɵɵFactoryDeclaration<FItemsContainerDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FItemsContainerDirective, "g[fItemsContainer]", ["fComponent"], { "position": { "alias": "position"; "required": false; }; "scale": { "alias": "scale"; "required": false; }; }, { "canvasChange": "canvasChange"; }, never, never, false, never>;

package/esm2022/common-behaviours/change-position.mjs

@@ -0,0 +1,15 @@
+import { PointExtensions } from '@foblex/core';
+export function mixinChangePosition(base) {
+    return class extends base {
+        getPosition() {
+            return this.transform.position;
+        }
+        setPosition(position) {
+            this.transform.position = PointExtensions.copy(position);
+        }
+        constructor(...args) {
+            super(...args);
+        }
+    };
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hhbmdlLXBvc2l0aW9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvZi1mbG93L3NyYy9jb21tb24tYmVoYXZpb3Vycy9jaGFuZ2UtcG9zaXRpb24udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUEwQixlQUFlLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFZdkUsTUFBTSxVQUFVLG1CQUFtQixDQUF3QyxJQUFPO0lBQ2hGLE9BQU8sS0FBTSxTQUFRLElBQUk7UUFFaEIsV0FBVztZQUNoQixPQUFPLElBQUksQ0FBQyxTQUFTLENBQUMsUUFBUSxDQUFDO1FBQ2pDLENBQUM7UUFFTSxXQUFXLENBQUMsUUFBZ0I7WUFDakMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxRQUFRLEdBQUcsZUFBZSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUMzRCxDQUFDO1FBRUQsWUFBWSxHQUFHLElBQVc7WUFDeEIsS0FBSyxDQUFDLEdBQUcsSUFBSSxDQUFDLENBQUM7UUFDakIsQ0FBQztLQUNGLENBQUM7QUFDSixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQWJzdHJhY3RDb25zdHJ1Y3RvciwgQ29uc3RydWN0b3IgfSBmcm9tICcuL2NvbnN0cnVjdG9yJztcbmltcG9ydCB7IElQb2ludCwgSVRyYW5zZm9ybWFibGUsIFBvaW50RXh0ZW5zaW9ucyB9IGZyb20gJ0Bmb2JsZXgvY29yZSc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgSUNhbkNoYW5nZVBvc2l0aW9uIHtcblxuICBzZXRQb3NpdGlvbihwb3NpdGlvbjogSVBvaW50KTogdm9pZDtcblxuICBnZXRQb3NpdGlvbigpOiBJUG9pbnQ7XG59XG5cbnR5cGUgQ2FuQ2hhbmdlUG9zaXRpb25Db25zdHJ1Y3RvciA9IENvbnN0cnVjdG9yPElDYW5DaGFuZ2VQb3NpdGlvbj4gJiBBYnN0cmFjdENvbnN0cnVjdG9yPElDYW5DaGFuZ2VQb3NpdGlvbj47XG5cbmV4cG9ydCBmdW5jdGlvbiBtaXhpbkNoYW5nZVBvc2l0aW9uPFQgZXh0ZW5kcyBBYnN0cmFjdENvbnN0cnVjdG9yPElUcmFuc2Zvcm1hYmxlPj4oYmFzZTogVCk6IENhbkNoYW5nZVBvc2l0aW9uQ29uc3RydWN0b3IgJiBUO1xuZXhwb3J0IGZ1bmN0aW9uIG1peGluQ2hhbmdlUG9zaXRpb248VCBleHRlbmRzIENvbnN0cnVjdG9yPElUcmFuc2Zvcm1hYmxlPj4oYmFzZTogVCk6IENhbkNoYW5nZVBvc2l0aW9uQ29uc3RydWN0b3IgJiBUIHtcbiAgcmV0dXJuIGNsYXNzIGV4dGVuZHMgYmFzZSB7XG5cbiAgICBwdWJsaWMgZ2V0UG9zaXRpb24oKTogSVBvaW50IHtcbiAgICAgIHJldHVybiB0aGlzLnRyYW5zZm9ybS5wb3NpdGlvbjtcbiAgICB9XG5cbiAgICBwdWJsaWMgc2V0UG9zaXRpb24ocG9zaXRpb246IElQb2ludCk6IHZvaWQge1xuICAgICAgdGhpcy50cmFuc2Zvcm0ucG9zaXRpb24gPSBQb2ludEV4dGVuc2lvbnMuY29weShwb3NpdGlvbik7XG4gICAgfVxuXG4gICAgY29uc3RydWN0b3IoLi4uYXJnczogYW55W10pIHtcbiAgICAgIHN1cGVyKC4uLmFyZ3MpO1xuICAgIH1cbiAgfTtcbn1cbiJdfQ==

package/esm2022/common-behaviours/change-zoom/change-zoom.mjs

@@ -0,0 +1,25 @@
+import { PointExtensions } from '@foblex/core';
+export function mixinChangeZoom(base) {
+    return class extends base {
+        setZoom(scaleValue, toPosition) {
+            if (scaleValue !== this.transform.scale) {
+                const summaryPosition = PointExtensions.sum(this.transform.scaledPosition, this.transform.position);
+                const newX = toPosition.x - (toPosition.x - summaryPosition.x) * scaleValue / this.transform.scale;
+                const newY = toPosition.y - (toPosition.y - summaryPosition.y) * scaleValue / this.transform.scale;
+                this.transform.scale = scaleValue;
+                this.transform.scaledPosition = PointExtensions.sub(PointExtensions.initialize(newX, newY), this.transform.position);
+            }
+        }
+        setScalePosition(value) {
+            this.transform.scaledPosition = value;
+        }
+        resetZoom() {
+            this.transform.scale = 1;
+            this.transform.scaledPosition = PointExtensions.initialize();
+        }
+        constructor(...args) {
+            super(...args);
+        }
+    };
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hhbmdlLXpvb20uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9mLWZsb3cvc3JjL2NvbW1vbi1iZWhhdmlvdXJzL2NoYW5nZS16b29tL2NoYW5nZS16b29tLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBLE9BQU8sRUFBMEIsZUFBZSxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBS3ZFLE1BQU0sVUFBVSxlQUFlLENBQXdDLElBQU87SUFDNUUsT0FBTyxLQUFNLFNBQVEsSUFBSTtRQUVoQixPQUFPLENBQUMsVUFBa0IsRUFBRSxVQUFrQjtZQUNuRCxJQUFJLFVBQVUsS0FBSyxJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssRUFBRTtnQkFFdkMsTUFBTSxlQUFlLEdBQUcsZUFBZSxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLGNBQWMsRUFBRSxJQUFJLENBQUMsU0FBUyxDQUFDLFFBQVEsQ0FBQyxDQUFDO2dCQUVwRyxNQUFNLElBQUksR0FBRyxVQUFVLENBQUMsQ0FBQyxHQUFHLENBQUMsVUFBVSxDQUFDLENBQUMsR0FBRyxlQUFlLENBQUMsQ0FBQyxDQUFDLEdBQUcsVUFBVSxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDO2dCQUNuRyxNQUFNLElBQUksR0FBRyxVQUFVLENBQUMsQ0FBQyxHQUFHLENBQUMsVUFBVSxDQUFDLENBQUMsR0FBRyxlQUFlLENBQUMsQ0FBQyxDQUFDLEdBQUcsVUFBVSxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDO2dCQUVuRyxJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssR0FBRyxVQUFVLENBQUM7Z0JBQ2xDLElBQUksQ0FBQyxTQUFTLENBQUMsY0FBYyxHQUFHLGVBQWUsQ0FBQyxHQUFHLENBQUMsZUFBZSxDQUFDLFVBQVUsQ0FBQyxJQUFJLEVBQUUsSUFBSSxDQUFDLEVBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxRQUFRLENBQUMsQ0FBQzthQUN0SDtRQUNILENBQUM7UUFFTSxnQkFBZ0IsQ0FBQyxLQUFhO1lBQ25DLElBQUksQ0FBQyxTQUFTLENBQUMsY0FBYyxHQUFHLEtBQUssQ0FBQztRQUN4QyxDQUFDO1FBRU0sU0FBUztZQUNkLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxHQUFHLENBQUMsQ0FBQztZQUN6QixJQUFJLENBQUMsU0FBUyxDQUFDLGNBQWMsR0FBRyxlQUFlLENBQUMsVUFBVSxFQUFFLENBQUM7UUFDL0QsQ0FBQztRQUVELFlBQVksR0FBRyxJQUFXO1lBQ3hCLEtBQUssQ0FBQyxHQUFHLElBQUksQ0FBQyxDQUFDO1FBQ2pCLENBQUM7S0FDRixDQUFDO0FBQ0osQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFic3RyYWN0Q29uc3RydWN0b3IsIENvbnN0cnVjdG9yIH0gZnJvbSAnLi4vY29uc3RydWN0b3InO1xuaW1wb3J0IHsgSUNhbkNoYW5nZVpvb20gfSBmcm9tICcuL2ktY2FuLWNoYW5nZS16b29tJztcbmltcG9ydCB7IElQb2ludCwgSVRyYW5zZm9ybWFibGUsIFBvaW50RXh0ZW5zaW9ucyB9IGZyb20gJ0Bmb2JsZXgvY29yZSc7XG5cbnR5cGUgQ2FuQ2hhbmdlWm9vbUNvbnN0cnVjdG9yID0gQ29uc3RydWN0b3I8SUNhbkNoYW5nZVpvb20+ICYgQWJzdHJhY3RDb25zdHJ1Y3RvcjxJQ2FuQ2hhbmdlWm9vbT47XG5cbmV4cG9ydCBmdW5jdGlvbiBtaXhpbkNoYW5nZVpvb208VCBleHRlbmRzIEFic3RyYWN0Q29uc3RydWN0b3I8SVRyYW5zZm9ybWFibGU+PihiYXNlOiBUKTogQ2FuQ2hhbmdlWm9vbUNvbnN0cnVjdG9yICYgVDtcbmV4cG9ydCBmdW5jdGlvbiBtaXhpbkNoYW5nZVpvb208VCBleHRlbmRzIENvbnN0cnVjdG9yPElUcmFuc2Zvcm1hYmxlPj4oYmFzZTogVCk6IENhbkNoYW5nZVpvb21Db25zdHJ1Y3RvciAmIFQge1xuICByZXR1cm4gY2xhc3MgZXh0ZW5kcyBiYXNlIHtcblxuICAgIHB1YmxpYyBzZXRab29tKHNjYWxlVmFsdWU6IG51bWJlciwgdG9Qb3NpdGlvbjogSVBvaW50KTogdm9pZCB7XG4gICAgICBpZiAoc2NhbGVWYWx1ZSAhPT0gdGhpcy50cmFuc2Zvcm0uc2NhbGUpIHtcblxuICAgICAgICBjb25zdCBzdW1tYXJ5UG9zaXRpb24gPSBQb2ludEV4dGVuc2lvbnMuc3VtKHRoaXMudHJhbnNmb3JtLnNjYWxlZFBvc2l0aW9uLCB0aGlzLnRyYW5zZm9ybS5wb3NpdGlvbik7XG5cbiAgICAgICAgY29uc3QgbmV3WCA9IHRvUG9zaXRpb24ueCAtICh0b1Bvc2l0aW9uLnggLSBzdW1tYXJ5UG9zaXRpb24ueCkgKiBzY2FsZVZhbHVlIC8gdGhpcy50cmFuc2Zvcm0uc2NhbGU7XG4gICAgICAgIGNvbnN0IG5ld1kgPSB0b1Bvc2l0aW9uLnkgLSAodG9Qb3NpdGlvbi55IC0gc3VtbWFyeVBvc2l0aW9uLnkpICogc2NhbGVWYWx1ZSAvIHRoaXMudHJhbnNmb3JtLnNjYWxlO1xuXG4gICAgICAgIHRoaXMudHJhbnNmb3JtLnNjYWxlID0gc2NhbGVWYWx1ZTtcbiAgICAgICAgdGhpcy50cmFuc2Zvcm0uc2NhbGVkUG9zaXRpb24gPSBQb2ludEV4dGVuc2lvbnMuc3ViKFBvaW50RXh0ZW5zaW9ucy5pbml0aWFsaXplKG5ld1gsIG5ld1kpLCB0aGlzLnRyYW5zZm9ybS5wb3NpdGlvbik7XG4gICAgICB9XG4gICAgfVxuXG4gICAgcHVibGljIHNldFNjYWxlUG9zaXRpb24odmFsdWU6IElQb2ludCk6IHZvaWQge1xuICAgICAgdGhpcy50cmFuc2Zvcm0uc2NhbGVkUG9zaXRpb24gPSB2YWx1ZTtcbiAgICB9XG5cbiAgICBwdWJsaWMgcmVzZXRab29tKCk6IHZvaWQge1xuICAgICAgdGhpcy50cmFuc2Zvcm0uc2NhbGUgPSAxO1xuICAgICAgdGhpcy50cmFuc2Zvcm0uc2NhbGVkUG9zaXRpb24gPSBQb2ludEV4dGVuc2lvbnMuaW5pdGlhbGl6ZSgpO1xuICAgIH1cblxuICAgIGNvbnN0cnVjdG9yKC4uLmFyZ3M6IGFueVtdKSB7XG4gICAgICBzdXBlciguLi5hcmdzKTtcbiAgICB9XG4gIH07XG59XG4iXX0=

package/esm2022/common-behaviours/change-zoom/i-can-change-zoom.mjs

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

package/esm2022/common-behaviours/change-zoom/index.mjs

@@ -0,0 +1,3 @@
+export * from './change-zoom';
+export * from './i-can-change-zoom';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9mLWZsb3cvc3JjL2NvbW1vbi1iZWhhdmlvdXJzL2NoYW5nZS16b29tL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsZUFBZSxDQUFDO0FBQzlCLGNBQWMscUJBQXFCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2NoYW5nZS16b29tJztcbmV4cG9ydCAqIGZyb20gJy4vaS1jYW4tY2hhbmdlLXpvb20nO1xuIl19

package/esm2022/common-behaviours/constructor.mjs

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

package/esm2022/common-behaviours/fit-to-parent/fit-to-parent.mjs

@@ -0,0 +1,27 @@
+import { PointExtensions } from '@foblex/core';
+export function mixinFitToParent(base) {
+    return class extends base {
+        fitToParent(rect, parentRect, points) {
+            this.transform.scaledPosition = PointExtensions.initialize();
+            this.transform.position = this.getZeroPositionWithoutScale(points);
+            const itemsContainerWidth = rect.width / this.transform.scale;
+            const itemsContainerHeight = rect.height / this.transform.scale;
+            if ((itemsContainerWidth > parentRect.width || itemsContainerHeight > parentRect.height) ||
+                itemsContainerWidth < parentRect.width && itemsContainerHeight < parentRect.height) {
+                this.transform.scale = Math.min(parentRect.width / itemsContainerWidth, parentRect.height / itemsContainerHeight);
+            }
+            const newX = (parentRect.width - itemsContainerWidth * this.transform.scale) / 2 - this.transform.position.x * this.transform.scale;
+            const newY = (parentRect.height - itemsContainerHeight * this.transform.scale) / 2 - this.transform.position.y * this.transform.scale;
+            this.transform.position = PointExtensions.initialize(newX, newY);
+        }
+        getZeroPositionWithoutScale(points) {
+            const xPoint = points.length ? Math.min(...points.map((point) => point.x)) : 0;
+            const yPoint = points.length ? Math.min(...points.map((point) => point.y)) : 0;
+            return PointExtensions.initialize(xPoint, yPoint);
+        }
+        constructor(...args) {
+            super(...args);
+        }
+    };
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZml0LXRvLXBhcmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2YtZmxvdy9zcmMvY29tbW9uLWJlaGF2aW91cnMvZml0LXRvLXBhcmVudC9maXQtdG8tcGFyZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBLE9BQU8sRUFBaUMsZUFBZSxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBSzlFLE1BQU0sVUFBVSxnQkFBZ0IsQ0FBd0MsSUFBTztJQUM3RSxPQUFPLEtBQU0sU0FBUSxJQUFJO1FBRWhCLFdBQVcsQ0FBQyxJQUFXLEVBQUUsVUFBaUIsRUFBRSxNQUFnQjtZQUNqRSxJQUFJLENBQUMsU0FBUyxDQUFDLGNBQWMsR0FBRyxlQUFlLENBQUMsVUFBVSxFQUFFLENBQUM7WUFDN0QsSUFBSSxDQUFDLFNBQVMsQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLDJCQUEyQixDQUFDLE1BQU0sQ0FBQyxDQUFDO1lBQ25FLE1BQU0sbUJBQW1CLEdBQUcsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQztZQUM5RCxNQUFNLG9CQUFvQixHQUFHLElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLENBQUM7WUFDaEUsSUFDSSxDQUFDLG1CQUFtQixHQUFHLFVBQVUsQ0FBQyxLQUFLLElBQUksb0JBQW9CLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztnQkFDcEYsbUJBQW1CLEdBQUcsVUFBVSxDQUFDLEtBQUssSUFBSSxvQkFBb0IsR0FBRyxVQUFVLENBQUMsTUFBTSxFQUNwRjtnQkFDQSxJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsR0FBRyxDQUFDLFVBQVUsQ0FBQyxLQUFLLEdBQUcsbUJBQW1CLEVBQUUsVUFBVSxDQUFDLE1BQU0sR0FBRyxvQkFBb0IsQ0FBQyxDQUFDO2FBQ25IO1lBRUQsTUFBTSxJQUFJLEdBQUcsQ0FBQyxVQUFVLENBQUMsS0FBSyxHQUFHLG1CQUFtQixHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsUUFBUSxDQUFDLENBQUMsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQztZQUNwSSxNQUFNLElBQUksR0FBRyxDQUFDLFVBQVUsQ0FBQyxNQUFNLEdBQUcsb0JBQW9CLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDO1lBRXRJLElBQUksQ0FBQyxTQUFTLENBQUMsUUFBUSxHQUFHLGVBQWUsQ0FBQyxVQUFVLENBQUMsSUFBSSxFQUFFLElBQUksQ0FBQyxDQUFDO1FBQ25FLENBQUM7UUFFTywyQkFBMkIsQ0FBQyxNQUFnQjtZQUNsRCxNQUFNLE1BQU0sR0FBRyxNQUFNLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLEdBQUcsTUFBTSxDQUFDLEdBQUcsQ0FBQyxDQUFDLEtBQUssRUFBRSxFQUFFLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztZQUMvRSxNQUFNLE1BQU0sR0FBRyxNQUFNLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLEdBQUcsTUFBTSxDQUFDLEdBQUcsQ0FBQyxDQUFDLEtBQUssRUFBRSxFQUFFLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztZQUMvRSxPQUFPLGVBQWUsQ0FBQyxVQUFVLENBQUMsTUFBTSxFQUFFLE1BQU0sQ0FBQyxDQUFBO1FBQ25ELENBQUM7UUFFRCxZQUFZLEdBQUcsSUFBVztZQUN4QixLQUFLLENBQUMsR0FBRyxJQUFJLENBQUMsQ0FBQztRQUNqQixDQUFDO0tBQ0YsQ0FBQztBQUNKLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBYnN0cmFjdENvbnN0cnVjdG9yLCBDb25zdHJ1Y3RvciB9IGZyb20gJy4uL2NvbnN0cnVjdG9yJztcbmltcG9ydCB7IElDYW5GaXRUb1BhcmVudCB9IGZyb20gJy4vaS1jYW4tZml0LXRvLXBhcmVudCc7XG5pbXBvcnQgeyBJUG9pbnQsIElSZWN0LCBJVHJhbnNmb3JtYWJsZSwgUG9pbnRFeHRlbnNpb25zIH0gZnJvbSAnQGZvYmxleC9jb3JlJztcblxudHlwZSBDYW5GaXRUb1BhcmVudENvbnN0cnVjdG9yID0gQ29uc3RydWN0b3I8SUNhbkZpdFRvUGFyZW50PiAmIEFic3RyYWN0Q29uc3RydWN0b3I8SUNhbkZpdFRvUGFyZW50PjtcblxuZXhwb3J0IGZ1bmN0aW9uIG1peGluRml0VG9QYXJlbnQ8VCBleHRlbmRzIEFic3RyYWN0Q29uc3RydWN0b3I8SVRyYW5zZm9ybWFibGU+PihiYXNlOiBUKTogQ2FuRml0VG9QYXJlbnRDb25zdHJ1Y3RvciAmIFQ7XG5leHBvcnQgZnVuY3Rpb24gbWl4aW5GaXRUb1BhcmVudDxUIGV4dGVuZHMgQ29uc3RydWN0b3I8SVRyYW5zZm9ybWFibGU+PihiYXNlOiBUKTogQ2FuRml0VG9QYXJlbnRDb25zdHJ1Y3RvciAmIFQge1xuICByZXR1cm4gY2xhc3MgZXh0ZW5kcyBiYXNlIHtcblxuICAgIHB1YmxpYyBmaXRUb1BhcmVudChyZWN0OiBJUmVjdCwgcGFyZW50UmVjdDogSVJlY3QsIHBvaW50czogSVBvaW50W10pOiB2b2lkIHtcbiAgICAgIHRoaXMudHJhbnNmb3JtLnNjYWxlZFBvc2l0aW9uID0gUG9pbnRFeHRlbnNpb25zLmluaXRpYWxpemUoKTtcbiAgICAgIHRoaXMudHJhbnNmb3JtLnBvc2l0aW9uID0gdGhpcy5nZXRaZXJvUG9zaXRpb25XaXRob3V0U2NhbGUocG9pbnRzKTtcbiAgICAgIGNvbnN0IGl0ZW1zQ29udGFpbmVyV2lkdGggPSByZWN0LndpZHRoIC8gdGhpcy50cmFuc2Zvcm0uc2NhbGU7XG4gICAgICBjb25zdCBpdGVtc0NvbnRhaW5lckhlaWdodCA9IHJlY3QuaGVpZ2h0IC8gdGhpcy50cmFuc2Zvcm0uc2NhbGU7XG4gICAgICBpZiAoXG4gICAgICAgICAgKGl0ZW1zQ29udGFpbmVyV2lkdGggPiBwYXJlbnRSZWN0LndpZHRoIHx8IGl0ZW1zQ29udGFpbmVySGVpZ2h0ID4gcGFyZW50UmVjdC5oZWlnaHQpIHx8XG4gICAgICAgICAgaXRlbXNDb250YWluZXJXaWR0aCA8IHBhcmVudFJlY3Qud2lkdGggJiYgaXRlbXNDb250YWluZXJIZWlnaHQgPCBwYXJlbnRSZWN0LmhlaWdodFxuICAgICAgKSB7XG4gICAgICAgIHRoaXMudHJhbnNmb3JtLnNjYWxlID0gTWF0aC5taW4ocGFyZW50UmVjdC53aWR0aCAvIGl0ZW1zQ29udGFpbmVyV2lkdGgsIHBhcmVudFJlY3QuaGVpZ2h0IC8gaXRlbXNDb250YWluZXJIZWlnaHQpO1xuICAgICAgfVxuXG4gICAgICBjb25zdCBuZXdYID0gKHBhcmVudFJlY3Qud2lkdGggLSBpdGVtc0NvbnRhaW5lcldpZHRoICogdGhpcy50cmFuc2Zvcm0uc2NhbGUpIC8gMiAtIHRoaXMudHJhbnNmb3JtLnBvc2l0aW9uLnggKiB0aGlzLnRyYW5zZm9ybS5zY2FsZTtcbiAgICAgIGNvbnN0IG5ld1kgPSAocGFyZW50UmVjdC5oZWlnaHQgLSBpdGVtc0NvbnRhaW5lckhlaWdodCAqIHRoaXMudHJhbnNmb3JtLnNjYWxlKSAvIDIgLSB0aGlzLnRyYW5zZm9ybS5wb3NpdGlvbi55ICogdGhpcy50cmFuc2Zvcm0uc2NhbGU7XG5cbiAgICAgIHRoaXMudHJhbnNmb3JtLnBvc2l0aW9uID0gUG9pbnRFeHRlbnNpb25zLmluaXRpYWxpemUobmV3WCwgbmV3WSk7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBnZXRaZXJvUG9zaXRpb25XaXRob3V0U2NhbGUocG9pbnRzOiBJUG9pbnRbXSk6IElQb2ludCB7XG4gICAgICBjb25zdCB4UG9pbnQgPSBwb2ludHMubGVuZ3RoID8gTWF0aC5taW4oLi4ucG9pbnRzLm1hcCgocG9pbnQpID0+IHBvaW50LngpKSA6IDA7XG4gICAgICBjb25zdCB5UG9pbnQgPSBwb2ludHMubGVuZ3RoID8gTWF0aC5taW4oLi4ucG9pbnRzLm1hcCgocG9pbnQpID0+IHBvaW50LnkpKSA6IDA7XG4gICAgICByZXR1cm4gUG9pbnRFeHRlbnNpb25zLmluaXRpYWxpemUoeFBvaW50LCB5UG9pbnQpXG4gICAgfVxuXG4gICAgY29uc3RydWN0b3IoLi4uYXJnczogYW55W10pIHtcbiAgICAgIHN1cGVyKC4uLmFyZ3MpO1xuICAgIH1cbiAgfTtcbn1cbiJdfQ==

package/esm2022/common-behaviours/fit-to-parent/i-can-fit-to-parent.mjs

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

package/esm2022/common-behaviours/fit-to-parent/index.mjs

@@ -0,0 +1,3 @@
+export * from './fit-to-parent';
+export * from './i-can-fit-to-parent';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9mLWZsb3cvc3JjL2NvbW1vbi1iZWhhdmlvdXJzL2ZpdC10by1wYXJlbnQvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLHVCQUF1QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9maXQtdG8tcGFyZW50JztcbmV4cG9ydCAqIGZyb20gJy4vaS1jYW4tZml0LXRvLXBhcmVudCc7XG4iXX0=

package/esm2022/common-behaviours/index.mjs

@@ -0,0 +1,6 @@
+export * from './change-zoom';
+export * from './fit-to-parent';
+export * from './one-to-one-centering';
+export * from './change-position';
+export * from './constructor';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9mLWZsb3cvc3JjL2NvbW1vbi1iZWhhdmlvdXJzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsZUFBZSxDQUFDO0FBRTlCLGNBQWMsaUJBQWlCLENBQUM7QUFFaEMsY0FBYyx3QkFBd0IsQ0FBQztBQUV2QyxjQUFjLG1CQUFtQixDQUFDO0FBRWxDLGNBQWMsZUFBZSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9jaGFuZ2Utem9vbSc7XG5cbmV4cG9ydCAqIGZyb20gJy4vZml0LXRvLXBhcmVudCc7XG5cbmV4cG9ydCAqIGZyb20gJy4vb25lLXRvLW9uZS1jZW50ZXJpbmcnO1xuXG5leHBvcnQgKiBmcm9tICcuL2NoYW5nZS1wb3NpdGlvbic7XG5cbmV4cG9ydCAqIGZyb20gJy4vY29uc3RydWN0b3InO1xuXG5cbiJdfQ==

package/esm2022/common-behaviours/one-to-one-centering/i-can-one-to-one-centering.mjs

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

package/esm2022/common-behaviours/one-to-one-centering/index.mjs

@@ -0,0 +1,3 @@
+export * from './one-to-one-centering';
+export * from './i-can-one-to-one-centering';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9mLWZsb3cvc3JjL2NvbW1vbi1iZWhhdmlvdXJzL29uZS10by1vbmUtY2VudGVyaW5nL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsd0JBQXdCLENBQUM7QUFDdkMsY0FBYyw4QkFBOEIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vb25lLXRvLW9uZS1jZW50ZXJpbmcnO1xuZXhwb3J0ICogZnJvbSAnLi9pLWNhbi1vbmUtdG8tb25lLWNlbnRlcmluZyc7XG4iXX0=

package/esm2022/common-behaviours/one-to-one-centering/one-to-one-centering.mjs

@@ -0,0 +1,24 @@
+import { PointExtensions } from '@foblex/core';
+export function mixinOneToOneCentering(base) {
+    return class extends base {
+        oneToOneCentering(rect, parentRect, points) {
+            this.transform.scaledPosition = PointExtensions.initialize();
+            this.transform.position = this.getZeroPositionWithoutScale(points);
+            const itemsContainerWidth = rect.width / this.transform.scale;
+            const itemsContainerHeight = rect.height / this.transform.scale;
+            this.transform.scale = 1;
+            const newX = (parentRect.width - itemsContainerWidth * this.transform.scale) / 2 - this.transform.position.x * this.transform.scale;
+            const newY = (parentRect.height - itemsContainerHeight * this.transform.scale) / 2 - this.transform.position.y * this.transform.scale;
+            this.transform.position = PointExtensions.initialize(newX, newY);
+        }
+        getZeroPositionWithoutScale(points) {
+            const xPoint = points.length ? Math.min(...points.map((point) => point.x)) : 0;
+            const yPoint = points.length ? Math.min(...points.map((point) => point.y)) : 0;
+            return PointExtensions.initialize(xPoint, yPoint);
+        }
+        constructor(...args) {
+            super(...args);
+        }
+    };
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib25lLXRvLW9uZS1jZW50ZXJpbmcuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9mLWZsb3cvc3JjL2NvbW1vbi1iZWhhdmlvdXJzL29uZS10by1vbmUtY2VudGVyaW5nL29uZS10by1vbmUtY2VudGVyaW5nLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBLE9BQU8sRUFBaUMsZUFBZSxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBSzlFLE1BQU0sVUFBVSxzQkFBc0IsQ0FBd0MsSUFBTztJQUNuRixPQUFPLEtBQU0sU0FBUSxJQUFJO1FBRWhCLGlCQUFpQixDQUFDLElBQVcsRUFBRSxVQUFpQixFQUFFLE1BQWdCO1lBQ3ZFLElBQUksQ0FBQyxTQUFTLENBQUMsY0FBYyxHQUFHLGVBQWUsQ0FBQyxVQUFVLEVBQUUsQ0FBQztZQUM3RCxJQUFJLENBQUMsU0FBUyxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsMkJBQTJCLENBQUMsTUFBTSxDQUFDLENBQUM7WUFDbkUsTUFBTSxtQkFBbUIsR0FBRyxJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDO1lBQzlELE1BQU0sb0JBQW9CLEdBQUcsSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQztZQUNoRSxJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssR0FBRyxDQUFDLENBQUM7WUFFekIsTUFBTSxJQUFJLEdBQUcsQ0FBQyxVQUFVLENBQUMsS0FBSyxHQUFHLG1CQUFtQixHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsUUFBUSxDQUFDLENBQUMsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQztZQUNwSSxNQUFNLElBQUksR0FBRyxDQUFDLFVBQVUsQ0FBQyxNQUFNLEdBQUcsb0JBQW9CLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDO1lBRXRJLElBQUksQ0FBQyxTQUFTLENBQUMsUUFBUSxHQUFHLGVBQWUsQ0FBQyxVQUFVLENBQUMsSUFBSSxFQUFFLElBQUksQ0FBQyxDQUFDO1FBQ25FLENBQUM7UUFFTywyQkFBMkIsQ0FBQyxNQUFnQjtZQUNsRCxNQUFNLE1BQU0sR0FBRyxNQUFNLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLEdBQUcsTUFBTSxDQUFDLEdBQUcsQ0FBQyxDQUFDLEtBQUssRUFBRSxFQUFFLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztZQUMvRSxNQUFNLE1BQU0sR0FBRyxNQUFNLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLEdBQUcsTUFBTSxDQUFDLEdBQUcsQ0FBQyxDQUFDLEtBQUssRUFBRSxFQUFFLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztZQUMvRSxPQUFPLGVBQWUsQ0FBQyxVQUFVLENBQUMsTUFBTSxFQUFFLE1BQU0sQ0FBQyxDQUFBO1FBQ25ELENBQUM7UUFFRCxZQUFZLEdBQUcsSUFBVztZQUN4QixLQUFLLENBQUMsR0FBRyxJQUFJLENBQUMsQ0FBQztRQUNqQixDQUFDO0tBQ0YsQ0FBQztBQUNKLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBYnN0cmFjdENvbnN0cnVjdG9yLCBDb25zdHJ1Y3RvciB9IGZyb20gJy4uL2NvbnN0cnVjdG9yJztcbmltcG9ydCB7IElDYW5PbmVUb09uZUNlbnRlcmluZyB9IGZyb20gJy4vaS1jYW4tb25lLXRvLW9uZS1jZW50ZXJpbmcnO1xuaW1wb3J0IHsgSVBvaW50LCBJUmVjdCwgSVRyYW5zZm9ybWFibGUsIFBvaW50RXh0ZW5zaW9ucyB9IGZyb20gJ0Bmb2JsZXgvY29yZSc7XG5cbnR5cGUgQ2FuT25lVG9PbmVDZW50ZXJpbmdDb25zdHJ1Y3RvciA9IENvbnN0cnVjdG9yPElDYW5PbmVUb09uZUNlbnRlcmluZz4gJiBBYnN0cmFjdENvbnN0cnVjdG9yPElDYW5PbmVUb09uZUNlbnRlcmluZz47XG5cbmV4cG9ydCBmdW5jdGlvbiBtaXhpbk9uZVRvT25lQ2VudGVyaW5nPFQgZXh0ZW5kcyBBYnN0cmFjdENvbnN0cnVjdG9yPElUcmFuc2Zvcm1hYmxlPj4oYmFzZTogVCk6IENhbk9uZVRvT25lQ2VudGVyaW5nQ29uc3RydWN0b3IgJiBUO1xuZXhwb3J0IGZ1bmN0aW9uIG1peGluT25lVG9PbmVDZW50ZXJpbmc8VCBleHRlbmRzIENvbnN0cnVjdG9yPElUcmFuc2Zvcm1hYmxlPj4oYmFzZTogVCk6IENhbk9uZVRvT25lQ2VudGVyaW5nQ29uc3RydWN0b3IgJiBUIHtcbiAgcmV0dXJuIGNsYXNzIGV4dGVuZHMgYmFzZSB7XG5cbiAgICBwdWJsaWMgb25lVG9PbmVDZW50ZXJpbmcocmVjdDogSVJlY3QsIHBhcmVudFJlY3Q6IElSZWN0LCBwb2ludHM6IElQb2ludFtdKTogdm9pZCB7XG4gICAgICB0aGlzLnRyYW5zZm9ybS5zY2FsZWRQb3NpdGlvbiA9IFBvaW50RXh0ZW5zaW9ucy5pbml0aWFsaXplKCk7XG4gICAgICB0aGlzLnRyYW5zZm9ybS5wb3NpdGlvbiA9IHRoaXMuZ2V0WmVyb1Bvc2l0aW9uV2l0aG91dFNjYWxlKHBvaW50cyk7XG4gICAgICBjb25zdCBpdGVtc0NvbnRhaW5lcldpZHRoID0gcmVjdC53aWR0aCAvIHRoaXMudHJhbnNmb3JtLnNjYWxlO1xuICAgICAgY29uc3QgaXRlbXNDb250YWluZXJIZWlnaHQgPSByZWN0LmhlaWdodCAvIHRoaXMudHJhbnNmb3JtLnNjYWxlO1xuICAgICAgdGhpcy50cmFuc2Zvcm0uc2NhbGUgPSAxO1xuXG4gICAgICBjb25zdCBuZXdYID0gKHBhcmVudFJlY3Qud2lkdGggLSBpdGVtc0NvbnRhaW5lcldpZHRoICogdGhpcy50cmFuc2Zvcm0uc2NhbGUpIC8gMiAtIHRoaXMudHJhbnNmb3JtLnBvc2l0aW9uLnggKiB0aGlzLnRyYW5zZm9ybS5zY2FsZTtcbiAgICAgIGNvbnN0IG5ld1kgPSAocGFyZW50UmVjdC5oZWlnaHQgLSBpdGVtc0NvbnRhaW5lckhlaWdodCAqIHRoaXMudHJhbnNmb3JtLnNjYWxlKSAvIDIgLSB0aGlzLnRyYW5zZm9ybS5wb3NpdGlvbi55ICogdGhpcy50cmFuc2Zvcm0uc2NhbGU7XG5cbiAgICAgIHRoaXMudHJhbnNmb3JtLnBvc2l0aW9uID0gUG9pbnRFeHRlbnNpb25zLmluaXRpYWxpemUobmV3WCwgbmV3WSk7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBnZXRaZXJvUG9zaXRpb25XaXRob3V0U2NhbGUocG9pbnRzOiBJUG9pbnRbXSk6IElQb2ludCB7XG4gICAgICBjb25zdCB4UG9pbnQgPSBwb2ludHMubGVuZ3RoID8gTWF0aC5taW4oLi4ucG9pbnRzLm1hcCgocG9pbnQpID0+IHBvaW50LngpKSA6IDA7XG4gICAgICBjb25zdCB5UG9pbnQgPSBwb2ludHMubGVuZ3RoID8gTWF0aC5taW4oLi4ucG9pbnRzLm1hcCgocG9pbnQpID0+IHBvaW50LnkpKSA6IDA7XG4gICAgICByZXR1cm4gUG9pbnRFeHRlbnNpb25zLmluaXRpYWxpemUoeFBvaW50LCB5UG9pbnQpXG4gICAgfVxuXG4gICAgY29uc3RydWN0b3IoLi4uYXJnczogYW55W10pIHtcbiAgICAgIHN1cGVyKC4uLmFyZ3MpO1xuICAgIH1cbiAgfTtcbn1cbiJdfQ==

package/esm2022/components/f-connection/f-connection-base.mjs

@@ -0,0 +1,33 @@
+import { Directive, InjectionToken } from '@angular/core';
+import { VectorExtensions } from '@foblex/core';
+import { F_SELECTED_CLASS } from '../../i-selectable';
+import { Subject } from 'rxjs';
+import * as i0 from "@angular/core";
+export const F_CONNECTION_COMPONENT = new InjectionToken('F_CONNECTION_COMPONENT');
+export class FConnectionBase {
+    constructor() {
+        this.path = '';
+        this.vector = VectorExtensions.initialize();
+        this.stateChanges = new Subject();
+    }
+    initialize() {
+    }
+    isContains(element) {
+        return this.hostElement.contains(element);
+    }
+    deselect() {
+        this.hostElement.classList.remove(F_SELECTED_CLASS);
+    }
+    select() {
+        this.hostElement.classList.add(F_SELECTED_CLASS);
+    }
+    isSelected() {
+        return this.hostElement.classList.contains(F_SELECTED_CLASS);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: FConnectionBase, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.5", type: FConnectionBase, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: FConnectionBase, decorators: [{
+            type: Directive
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZi1jb25uZWN0aW9uLWJhc2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9mLWZsb3cvc3JjL2NvbXBvbmVudHMvZi1jb25uZWN0aW9uL2YtY29ubmVjdGlvbi1iYXNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsY0FBYyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzFELE9BQU8sRUFBNEIsZ0JBQWdCLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFHMUUsT0FBTyxFQUFFLGdCQUFnQixFQUFlLE1BQU0sb0JBQW9CLENBQUM7QUFHbkUsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLE1BQU0sQ0FBQzs7QUFFL0IsTUFBTSxDQUFDLE1BQU0sc0JBQXNCLEdBQUcsSUFBSSxjQUFjLENBQWtCLHdCQUF3QixDQUFDLENBQUM7QUFHcEcsTUFBTSxPQUFnQixlQUFlO0lBRHJDO1FBZVMsU0FBSSxHQUFXLEVBQUUsQ0FBQztRQUVsQixXQUFNLEdBQVksZ0JBQWdCLENBQUMsVUFBVSxFQUFFLENBQUM7UUFFdkMsaUJBQVksR0FBa0IsSUFBSSxPQUFPLEVBQVEsQ0FBQztLQTZCbkU7SUEzQlEsVUFBVTtJQUVqQixDQUFDO0lBRU0sVUFBVSxDQUFDLE9BQWlDO1FBQ2pELE9BQU8sSUFBSSxDQUFDLFdBQVcsQ0FBQyxRQUFRLENBQUMsT0FBTyxDQUFDLENBQUM7SUFDNUMsQ0FBQztJQVVNLFFBQVE7UUFDYixJQUFJLENBQUMsV0FBVyxDQUFDLFNBQVMsQ0FBQyxNQUFNLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztJQUN0RCxDQUFDO0lBRU0sTUFBTTtRQUNYLElBQUksQ0FBQyxXQUFXLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO0lBQ25ELENBQUM7SUFFTSxVQUFVO1FBQ2YsT0FBTyxJQUFJLENBQUMsV0FBVyxDQUFDLFNBQVMsQ0FBQyxRQUFRLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztJQUMvRCxDQUFDOzhHQTlDbUIsZUFBZTtrR0FBZixlQUFlOzsyRkFBZixlQUFlO2tCQURwQyxTQUFTIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBJbmplY3Rpb25Ub2tlbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSUhhc0hvc3RFbGVtZW50LCBJVmVjdG9yLCBWZWN0b3JFeHRlbnNpb25zIH0gZnJvbSAnQGZvYmxleC9jb3JlJztcbmltcG9ydCB7IEZOb2RlT3V0cHV0QmFzZSB9IGZyb20gJy4uL2YtY29ubmVjdG9ycyc7XG5pbXBvcnQgeyBJSW5wdXRPdXRwdXRNb2RlbCB9IGZyb20gJy4vaS1pbnB1dC1vdXRwdXQtbW9kZWwnO1xuaW1wb3J0IHsgRl9TRUxFQ1RFRF9DTEFTUywgSVNlbGVjdGFibGUgfSBmcm9tICcuLi8uLi9pLXNlbGVjdGFibGUnO1xuaW1wb3J0IHsgRkNvbm5lY3Rpb25QYXRoQ29tcG9uZW50IH0gZnJvbSAnLi9mLXBhdGgvZi1jb25uZWN0aW9uLXBhdGguY29tcG9uZW50JztcbmltcG9ydCB7IElIYXNTdGF0ZUNoYW5nZXMgfSBmcm9tICcuLi8uLi9pLWhhcy1zdGF0ZS1jaGFuZ2VzJztcbmltcG9ydCB7IFN1YmplY3QgfSBmcm9tICdyeGpzJztcblxuZXhwb3J0IGNvbnN0IEZfQ09OTkVDVElPTl9DT01QT05FTlQgPSBuZXcgSW5qZWN0aW9uVG9rZW48RkNvbm5lY3Rpb25CYXNlPignRl9DT05ORUNUSU9OX0NPTVBPTkVOVCcpO1xuXG5ARGlyZWN0aXZlKClcbmV4cG9ydCBhYnN0cmFjdCBjbGFzcyBGQ29ubmVjdGlvbkJhc2U8VE91dHB1dCA9IEZOb2RlT3V0cHV0QmFzZT4gaW1wbGVtZW50cyBJSGFzSG9zdEVsZW1lbnQsIElTZWxlY3RhYmxlLCBJSGFzU3RhdGVDaGFuZ2VzIHtcblxuICBwdWJsaWMgYWJzdHJhY3QgaWQ6IGFueTtcblxuICBwdWJsaWMgYWJzdHJhY3QgaG9zdEVsZW1lbnQ6IFNWR0dFbGVtZW50O1xuXG4gIHB1YmxpYyBhYnN0cmFjdCBvdXRwdXRJZDogYW55O1xuXG4gIHB1YmxpYyBhYnN0cmFjdCBpbnB1dElkOiBhbnk7XG5cbiAgcHVibGljIGZyb21UbzogSUlucHV0T3V0cHV0TW9kZWw8VE91dHB1dD4gfCB1bmRlZmluZWQ7XG5cbiAgcHVibGljIGFic3RyYWN0IGZQYXRoOiBGQ29ubmVjdGlvblBhdGhDb21wb25lbnQ7XG5cbiAgcHVibGljIHBhdGg6IHN0cmluZyA9ICcnO1xuXG4gIHB1YmxpYyB2ZWN0b3I6IElWZWN0b3IgPSBWZWN0b3JFeHRlbnNpb25zLmluaXRpYWxpemUoKTtcblxuICBwdWJsaWMgcmVhZG9ubHkgc3RhdGVDaGFuZ2VzOiBTdWJqZWN0PHZvaWQ+ID0gbmV3IFN1YmplY3Q8dm9pZD4oKTtcblxuICBwdWJsaWMgaW5pdGlhbGl6ZSgpOiB2b2lkIHtcblxuICB9XG5cbiAgcHVibGljIGlzQ29udGFpbnMoZWxlbWVudDogSFRNTEVsZW1lbnQgfCBTVkdFbGVtZW50KTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMuaG9zdEVsZW1lbnQuY29udGFpbnMoZWxlbWVudCk7XG4gIH1cblxuICBwdWJsaWMgYWJzdHJhY3QgaW5pdGlhbGl6ZURyYWcoKTogdm9pZDtcblxuICBwdWJsaWMgYWJzdHJhY3QgcmVkcmF3KCk6IHZvaWQ7XG5cbiAgcHVibGljIGFic3RyYWN0IHNldFZlY3Rvcih2ZWN0b3I6IElWZWN0b3IpOiB2b2lkO1xuXG4gIHB1YmxpYyBhYnN0cmFjdCBjb21wbGV0ZURyYWcoKTogdm9pZDtcblxuICBwdWJsaWMgZGVzZWxlY3QoKTogdm9pZCB7XG4gICAgdGhpcy5ob3N0RWxlbWVudC5jbGFzc0xpc3QucmVtb3ZlKEZfU0VMRUNURURfQ0xBU1MpO1xuICB9XG5cbiAgcHVibGljIHNlbGVjdCgpOiB2b2lkIHtcbiAgICB0aGlzLmhvc3RFbGVtZW50LmNsYXNzTGlzdC5hZGQoRl9TRUxFQ1RFRF9DTEFTUyk7XG4gIH1cblxuICBwdWJsaWMgaXNTZWxlY3RlZCgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5ob3N0RWxlbWVudC5jbGFzc0xpc3QuY29udGFpbnMoRl9TRUxFQ1RFRF9DTEFTUyk7XG4gIH1cbn1cbiJdfQ==

package/esm2022/components/f-connection/f-connection-identifiers.mjs

@@ -0,0 +1,21 @@
+export const F_CONNECTION_IDENTIFIERS = {
+    textId(connectionId) {
+        return 'connection_text_' + connectionId;
+    },
+    connectionForSelectionId(connectionId) {
+        return 'connection_for_selection_' + connectionId;
+    },
+    connectionId(connectionId) {
+        return 'connection_' + connectionId;
+    },
+    gradientId(connectionId) {
+        return 'connection_gradient_' + connectionId;
+    },
+    linkToGradient(connectionId) {
+        return `url(#${F_CONNECTION_IDENTIFIERS.gradientId(connectionId)})`;
+    },
+    linkToConnection(connectionId) {
+        return `#${F_CONNECTION_IDENTIFIERS.connectionId(connectionId)}`;
+    }
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZi1jb25uZWN0aW9uLWlkZW50aWZpZXJzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZi1mbG93L3NyYy9jb21wb25lbnRzL2YtY29ubmVjdGlvbi9mLWNvbm5lY3Rpb24taWRlbnRpZmllcnMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxDQUFDLE1BQU0sd0JBQXdCLEdBQUc7SUFFdEMsTUFBTSxDQUFDLFlBQW9CO1FBQ3pCLE9BQU8sa0JBQWtCLEdBQUcsWUFBWSxDQUFDO0lBQzNDLENBQUM7SUFDRCx3QkFBd0IsQ0FBQyxZQUFvQjtRQUMzQyxPQUFPLDJCQUEyQixHQUFHLFlBQVksQ0FBQztJQUNwRCxDQUFDO0lBQ0QsWUFBWSxDQUFDLFlBQW9CO1FBQy9CLE9BQU8sYUFBYSxHQUFHLFlBQVksQ0FBQztJQUN0QyxDQUFDO0lBQ0QsVUFBVSxDQUFDLFlBQW9CO1FBQzdCLE9BQU8sc0JBQXNCLEdBQUcsWUFBWSxDQUFDO0lBQy9DLENBQUM7SUFDRCxjQUFjLENBQUMsWUFBb0I7UUFDakMsT0FBTyxRQUFTLHdCQUF3QixDQUFDLFVBQVUsQ0FBQyxZQUFZLENBQUUsR0FBRyxDQUFDO0lBQ3hFLENBQUM7SUFDRCxnQkFBZ0IsQ0FBQyxZQUFvQjtRQUNuQyxPQUFPLElBQUssd0JBQXdCLENBQUMsWUFBWSxDQUFDLFlBQVksQ0FBRSxFQUFFLENBQUM7SUFDckUsQ0FBQztDQUNGLENBQUEiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgY29uc3QgRl9DT05ORUNUSU9OX0lERU5USUZJRVJTID0ge1xuXG4gIHRleHRJZChjb25uZWN0aW9uSWQ6IHN0cmluZyk6IHN0cmluZyB7XG4gICAgcmV0dXJuICdjb25uZWN0aW9uX3RleHRfJyArIGNvbm5lY3Rpb25JZDtcbiAgfSxcbiAgY29ubmVjdGlvbkZvclNlbGVjdGlvbklkKGNvbm5lY3Rpb25JZDogc3RyaW5nKTogc3RyaW5nIHtcbiAgICByZXR1cm4gJ2Nvbm5lY3Rpb25fZm9yX3NlbGVjdGlvbl8nICsgY29ubmVjdGlvbklkO1xuICB9LFxuICBjb25uZWN0aW9uSWQoY29ubmVjdGlvbklkOiBzdHJpbmcpOiBzdHJpbmcge1xuICAgIHJldHVybiAnY29ubmVjdGlvbl8nICsgY29ubmVjdGlvbklkO1xuICB9LFxuICBncmFkaWVudElkKGNvbm5lY3Rpb25JZDogc3RyaW5nKTogc3RyaW5nIHtcbiAgICByZXR1cm4gJ2Nvbm5lY3Rpb25fZ3JhZGllbnRfJyArIGNvbm5lY3Rpb25JZDtcbiAgfSxcbiAgbGlua1RvR3JhZGllbnQoY29ubmVjdGlvbklkOiBzdHJpbmcpOiBzdHJpbmcge1xuICAgIHJldHVybiBgdXJsKCMkeyBGX0NPTk5FQ1RJT05fSURFTlRJRklFUlMuZ3JhZGllbnRJZChjb25uZWN0aW9uSWQpIH0pYDtcbiAgfSxcbiAgbGlua1RvQ29ubmVjdGlvbihjb25uZWN0aW9uSWQ6IHN0cmluZyk6IHN0cmluZyB7XG4gICAgcmV0dXJuIGAjJHsgRl9DT05ORUNUSU9OX0lERU5USUZJRVJTLmNvbm5lY3Rpb25JZChjb25uZWN0aW9uSWQpIH1gO1xuICB9XG59XG4iXX0=

package/esm2022/components/f-connection/f-connection-text/f-connection-text-path.directive.mjs

@@ -0,0 +1,38 @@
+import { Directive, Input } from '@angular/core';
+import { F_CONNECTION_IDENTIFIERS } from '../f-connection-identifiers';
+import * as i0 from "@angular/core";
+export class FConnectionTextPathDirective {
+    get linkToConnection() {
+        return F_CONNECTION_IDENTIFIERS.linkToConnection(this.fromTo?.output.id + this.fromTo?.input?.id);
+    }
+    get hostElement() {
+        return this.elementReference.nativeElement;
+    }
+    constructor(elementReference) {
+        this.elementReference = elementReference;
+    }
+    ngOnInit() {
+        this.hostElement.setAttribute('startOffset', '50%');
+        this.hostElement.setAttribute('text-anchor', `middle`);
+    }
+    getBBox() {
+        return this.hostElement.getBBox();
+    }
+    setOffset(offset) {
+        this.hostElement.setAttribute('startOffset', offset.toString());
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: FConnectionTextPathDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.5", type: FConnectionTextPathDirective, selector: "textPath[f-connection-text-path]", inputs: { fromTo: "fromTo" }, host: { properties: { "attr.href": "linkToConnection" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: FConnectionTextPathDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'textPath[f-connection-text-path]',
+                    host: {
+                        '[attr.href]': 'linkToConnection'
+                    }
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { fromTo: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZi1jb25uZWN0aW9uLXRleHQtcGF0aC5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9mLWZsb3cvc3JjL2NvbXBvbmVudHMvZi1jb25uZWN0aW9uL2YtY29ubmVjdGlvbi10ZXh0L2YtY29ubmVjdGlvbi10ZXh0LXBhdGguZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQWMsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBRXJFLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLDZCQUE2QixDQUFDOztBQVV2RSxNQUFNLE9BQU8sNEJBQTRCO0lBS3ZDLElBQVcsZ0JBQWdCO1FBQ3pCLE9BQU8sd0JBQXdCLENBQUMsZ0JBQWdCLENBQzVDLElBQUksQ0FBQyxNQUFNLEVBQUUsTUFBTSxDQUFDLEVBQUUsR0FBRyxJQUFJLENBQUMsTUFBTSxFQUFFLEtBQUssRUFBRSxFQUFFLENBQ2xELENBQUM7SUFDSixDQUFDO0lBRUQsSUFBVyxXQUFXO1FBQ3BCLE9BQU8sSUFBSSxDQUFDLGdCQUFnQixDQUFDLGFBQWEsQ0FBQztJQUM3QyxDQUFDO0lBRUQsWUFDVSxnQkFBNEM7UUFBNUMscUJBQWdCLEdBQWhCLGdCQUFnQixDQUE0QjtJQUV0RCxDQUFDO0lBRU0sUUFBUTtRQUNiLElBQUksQ0FBQyxXQUFXLENBQUMsWUFBWSxDQUFDLGFBQWEsRUFBRSxLQUFLLENBQUMsQ0FBQztRQUNwRCxJQUFJLENBQUMsV0FBVyxDQUFDLFlBQVksQ0FBQyxhQUFhLEVBQUUsUUFBUSxDQUFDLENBQUM7SUFDekQsQ0FBQztJQUVNLE9BQU87UUFDWixPQUFPLElBQUksQ0FBQyxXQUFXLENBQUMsT0FBTyxFQUFFLENBQUM7SUFDcEMsQ0FBQztJQUVNLFNBQVMsQ0FBQyxNQUFjO1FBQzdCLElBQUksQ0FBQyxXQUFXLENBQUMsWUFBWSxDQUFDLGFBQWEsRUFBRSxNQUFNLENBQUMsUUFBUSxFQUFFLENBQUMsQ0FBQztJQUNsRSxDQUFDOzhHQS9CVSw0QkFBNEI7a0dBQTVCLDRCQUE0Qjs7MkZBQTVCLDRCQUE0QjtrQkFOeEMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsa0NBQWtDO29CQUM1QyxJQUFJLEVBQUU7d0JBQ0osYUFBYSxFQUFFLGtCQUFrQjtxQkFDbEM7aUJBQ0Y7aUdBSVEsTUFBTTtzQkFEWixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBFbGVtZW50UmVmLCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJSGFzSG9zdEVsZW1lbnQgfSBmcm9tICdAZm9ibGV4L2NvcmUnO1xuaW1wb3J0IHsgRl9DT05ORUNUSU9OX0lERU5USUZJRVJTIH0gZnJvbSAnLi4vZi1jb25uZWN0aW9uLWlkZW50aWZpZXJzJztcbmltcG9ydCB7IElJbnB1dE91dHB1dE1vZGVsIH0gZnJvbSAnLi4vaS1pbnB1dC1vdXRwdXQtbW9kZWwnO1xuaW1wb3J0IHsgRk5vZGVPdXRsZXRCYXNlLCBGTm9kZU91dHB1dEJhc2UgfSBmcm9tICcuLi8uLi9mLWNvbm5lY3RvcnMnO1xuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICd0ZXh0UGF0aFtmLWNvbm5lY3Rpb24tdGV4dC1wYXRoXScsXG4gIGhvc3Q6IHtcbiAgICAnW2F0dHIuaHJlZl0nOiAnbGlua1RvQ29ubmVjdGlvbidcbiAgfVxufSlcbmV4cG9ydCBjbGFzcyBGQ29ubmVjdGlvblRleHRQYXRoRGlyZWN0aXZlIGltcGxlbWVudHMgSUhhc0hvc3RFbGVtZW50LCBPbkluaXQge1xuXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBmcm9tVG86IElJbnB1dE91dHB1dE1vZGVsPEZOb2RlT3V0cHV0QmFzZSB8IEZOb2RlT3V0bGV0QmFzZT4gfCB1bmRlZmluZWQ7XG5cbiAgcHVibGljIGdldCBsaW5rVG9Db25uZWN0aW9uKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIEZfQ09OTkVDVElPTl9JREVOVElGSUVSUy5saW5rVG9Db25uZWN0aW9uKFxuICAgICAgICB0aGlzLmZyb21Ubz8ub3V0cHV0LmlkICsgdGhpcy5mcm9tVG8/LmlucHV0Py5pZFxuICAgICk7XG4gIH1cblxuICBwdWJsaWMgZ2V0IGhvc3RFbGVtZW50KCk6IFNWR1BhdGhFbGVtZW50IHtcbiAgICByZXR1cm4gdGhpcy5lbGVtZW50UmVmZXJlbmNlLm5hdGl2ZUVsZW1lbnQ7XG4gIH1cblxuICBjb25zdHJ1Y3RvcihcbiAgICBwcml2YXRlIGVsZW1lbnRSZWZlcmVuY2U6IEVsZW1lbnRSZWY8U1ZHUGF0aEVsZW1lbnQ+LFxuICApIHtcbiAgfVxuXG4gIHB1YmxpYyBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmhvc3RFbGVtZW50LnNldEF0dHJpYnV0ZSgnc3RhcnRPZmZzZXQnLCAnNTAlJyk7XG4gICAgdGhpcy5ob3N0RWxlbWVudC5zZXRBdHRyaWJ1dGUoJ3RleHQtYW5jaG9yJywgYG1pZGRsZWApO1xuICB9XG5cbiAgcHVibGljIGdldEJCb3goKTogRE9NUmVjdCB7XG4gICAgcmV0dXJuIHRoaXMuaG9zdEVsZW1lbnQuZ2V0QkJveCgpO1xuICB9XG5cbiAgcHVibGljIHNldE9mZnNldChvZmZzZXQ6IG51bWJlcik6IHZvaWQge1xuICAgIHRoaXMuaG9zdEVsZW1lbnQuc2V0QXR0cmlidXRlKCdzdGFydE9mZnNldCcsIG9mZnNldC50b1N0cmluZygpKTtcbiAgfVxufVxuIl19

package/esm2022/components/f-connection/f-connection-text/f-connection-text.component.mjs

@@ -0,0 +1,55 @@
+import { ChangeDetectionStrategy, Component, Input, ViewChild } from "@angular/core";
+import { PointExtensions } from '@foblex/core';
+import { FConnectionTextPathDirective } from './f-connection-text-path.directive';
+import { F_CONNECTION_IDENTIFIERS } from '../f-connection-identifiers';
+import * as i0 from "@angular/core";
+import * as i1 from "./f-connection-text-path.directive";
+export class FConnectionTextComponent {
+    get textId() {
+        return F_CONNECTION_IDENTIFIERS.textId(this.fromTo?.output.id + this.fromTo?.input?.id);
+    }
+    get hostElement() {
+        return this.elementReference.nativeElement;
+    }
+    constructor(elementReference) {
+        this.elementReference = elementReference;
+    }
+    redraw(vector) {
+        const isTextReverse = FConnectionTextComponent.isTextReverse(vector);
+        this.hostElement.setAttribute('dy', isTextReverse ? '15' : '-8');
+        const textRect = this.textPathDirective.getBBox();
+        const textRectCenter = [textRect.x + textRect.width / 2, textRect.y + textRect.height / 2];
+        this.hostElement.setAttribute('transform', isTextReverse ? `rotate(180, ${textRectCenter})` : '');
+        const startOffset = FConnectionTextComponent.getTextStartOffset(vector, this.fromTo?.output.name || '');
+        // this.textPathDirective.setOffset(startOffset);
+        if (startOffset < 0) {
+            this.hostElement.style.display = 'none';
+        }
+        else {
+            this.hostElement.style.display = 'unset';
+        }
+    }
+    static isTextReverse(vector) {
+        return vector.point1.x > vector.point2.x;
+    }
+    static getTextStartOffset(vector, name) {
+        const symbolWidth = 8;
+        const vectorLength = PointExtensions.hypotenuse(vector.point1, vector.point2);
+        return vectorLength / 2 - ((name || '').length * symbolWidth) / 2;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: FConnectionTextComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.5", type: FConnectionTextComponent, selector: "text[f-connection-text]", inputs: { fromTo: "fromTo" }, host: { properties: { "attr.id": "textId" }, classAttribute: "f-component f-connection-text" }, viewQueries: [{ propertyName: "textPathDirective", first: true, predicate: FConnectionTextPathDirective, descendants: true, static: true }], ngImport: i0, template: "<ng-container xmlns:svg=\"http://www.w3.org/2000/svg\">\n    <svg:textPath f-connection-text-path [fromTo]=\"fromTo\">\n        {{ fromTo?.output?.name }}\n    </svg:textPath>\n</ng-container>\n", dependencies: [{ kind: "directive", type: i1.FConnectionTextPathDirective, selector: "textPath[f-connection-text-path]", inputs: ["fromTo"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: FConnectionTextComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "text[f-connection-text]", changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        class: "f-component f-connection-text",
+                        '[attr.id]': 'textId',
+                    }, template: "<ng-container xmlns:svg=\"http://www.w3.org/2000/svg\">\n    <svg:textPath f-connection-text-path [fromTo]=\"fromTo\">\n        {{ fromTo?.output?.name }}\n    </svg:textPath>\n</ng-container>\n" }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { fromTo: [{
+                type: Input
+            }], textPathDirective: [{
+                type: ViewChild,
+                args: [FConnectionTextPathDirective, { static: true }]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZi1jb25uZWN0aW9uLXRleHQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZi1mbG93L3NyYy9jb21wb25lbnRzL2YtY29ubmVjdGlvbi9mLWNvbm5lY3Rpb24tdGV4dC9mLWNvbm5lY3Rpb24tdGV4dC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9mLWZsb3cvc3JjL2NvbXBvbmVudHMvZi1jb25uZWN0aW9uL2YtY29ubmVjdGlvbi10ZXh0L2YtY29ubmVjdGlvbi10ZXh0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUFjLEtBQUssRUFBRSxTQUFTLEVBQ3hDLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBNEIsZUFBZSxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBQ3pFLE9BQU8sRUFBRSw0QkFBNEIsRUFBRSxNQUFNLG9DQUFvQyxDQUFDO0FBQ2xGLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLDZCQUE2QixDQUFDOzs7QUFhdkUsTUFBTSxPQUFPLHdCQUF3QjtJQUtuQyxJQUFXLE1BQU07UUFDZixPQUFPLHdCQUF3QixDQUFDLE1BQU0sQ0FDcEMsSUFBSSxDQUFDLE1BQU0sRUFBRSxNQUFNLENBQUMsRUFBRSxHQUFHLElBQUksQ0FBQyxNQUFNLEVBQUUsS0FBSyxFQUFFLEVBQUUsQ0FDaEQsQ0FBQztJQUNKLENBQUM7SUFFRCxJQUFXLFdBQVc7UUFDcEIsT0FBTyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsYUFBYSxDQUFDO0lBQzdDLENBQUM7SUFLRCxZQUNVLGdCQUE0QztRQUE1QyxxQkFBZ0IsR0FBaEIsZ0JBQWdCLENBQTRCO0lBRXRELENBQUM7SUFFTSxNQUFNLENBQUMsTUFBZTtRQUUzQixNQUFNLGFBQWEsR0FBWSx3QkFBd0IsQ0FBQyxhQUFhLENBQUMsTUFBTSxDQUFDLENBQUM7UUFFOUUsSUFBSSxDQUFDLFdBQVcsQ0FBQyxZQUFZLENBQUMsSUFBSSxFQUFFLGFBQWEsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUVqRSxNQUFNLFFBQVEsR0FBRyxJQUFJLENBQUMsaUJBQWlCLENBQUMsT0FBTyxFQUFFLENBQUM7UUFDbEQsTUFBTSxjQUFjLEdBQUcsQ0FBRSxRQUFRLENBQUMsQ0FBQyxHQUFHLFFBQVEsQ0FBQyxLQUFLLEdBQUcsQ0FBQyxFQUFFLFFBQVEsQ0FBQyxDQUFDLEdBQUcsUUFBUSxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUUsQ0FBQztRQUM3RixJQUFJLENBQUMsV0FBVyxDQUFDLFlBQVksQ0FBQyxXQUFXLEVBQUUsYUFBYSxDQUFDLENBQUMsQ0FBQyxlQUFnQixjQUFlLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUM7UUFDcEcsTUFBTSxXQUFXLEdBQUcsd0JBQXdCLENBQUMsa0JBQWtCLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxNQUFNLEVBQUUsTUFBTSxDQUFDLElBQUksSUFBSSxFQUFFLENBQUMsQ0FBQztRQUN6RyxpREFBaUQ7UUFFaEQsSUFBSSxXQUFXLEdBQUcsQ0FBQyxFQUFFO1lBRW5CLElBQUksQ0FBQyxXQUFXLENBQUMsS0FBSyxDQUFDLE9BQU8sR0FBRyxNQUFNLENBQUM7U0FDekM7YUFBTTtZQUVMLElBQUksQ0FBQyxXQUFXLENBQUMsS0FBSyxDQUFDLE9BQU8sR0FBRyxPQUFPLENBQUM7U0FDMUM7SUFDSCxDQUFDO0lBRU8sTUFBTSxDQUFDLGFBQWEsQ0FBQyxNQUFlO1FBQzFDLE9BQU8sTUFBTSxDQUFDLE1BQU0sQ0FBQyxDQUFDLEdBQUcsTUFBTSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUM7SUFDM0MsQ0FBQztJQUVPLE1BQU0sQ0FBQyxrQkFBa0IsQ0FBQyxNQUFlLEVBQUUsSUFBWTtRQUM3RCxNQUFNLFdBQVcsR0FBVyxDQUFDLENBQUM7UUFDOUIsTUFBTSxZQUFZLEdBQVcsZUFBZSxDQUFDLFVBQVUsQ0FBQyxNQUFNLENBQUMsTUFBTSxFQUFFLE1BQU0sQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUN0RixPQUFPLFlBQVksR0FBRyxDQUFDLEdBQUcsQ0FBQyxDQUFDLElBQUksSUFBSSxFQUFFLENBQUMsQ0FBQyxNQUFNLEdBQUcsV0FBVyxDQUFDLEdBQUcsQ0FBQyxDQUFDO0lBQ3BFLENBQUM7OEdBcERVLHdCQUF3QjtrR0FBeEIsd0JBQXdCLGdQQWV4Qiw0QkFBNEIsOERDbEN6QyxvTUFLQTs7MkZEY2Esd0JBQXdCO2tCQVRwQyxTQUFTOytCQUNFLHlCQUF5QixtQkFFbEIsdUJBQXVCLENBQUMsTUFBTSxRQUN6Qzt3QkFDSixLQUFLLEVBQUUsK0JBQStCO3dCQUN0QyxXQUFXLEVBQUUsUUFBUTtxQkFDdEI7aUdBS00sTUFBTTtzQkFEWixLQUFLO2dCQWNDLGlCQUFpQjtzQkFEdkIsU0FBUzt1QkFBQyw0QkFBNEIsRUFBRSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBJbnB1dCwgVmlld0NoaWxkXG59IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBJSGFzSG9zdEVsZW1lbnQsIElWZWN0b3IsIFBvaW50RXh0ZW5zaW9ucyB9IGZyb20gJ0Bmb2JsZXgvY29yZSc7XG5pbXBvcnQgeyBGQ29ubmVjdGlvblRleHRQYXRoRGlyZWN0aXZlIH0gZnJvbSAnLi9mLWNvbm5lY3Rpb24tdGV4dC1wYXRoLmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBGX0NPTk5FQ1RJT05fSURFTlRJRklFUlMgfSBmcm9tICcuLi9mLWNvbm5lY3Rpb24taWRlbnRpZmllcnMnO1xuaW1wb3J0IHsgSUlucHV0T3V0cHV0TW9kZWwgfSBmcm9tICcuLi9pLWlucHV0LW91dHB1dC1tb2RlbCc7XG5pbXBvcnQgeyBGTm9kZU91dGxldEJhc2UsIEZOb2RlT3V0cHV0QmFzZSB9IGZyb20gJy4uLy4uL2YtY29ubmVjdG9ycyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogXCJ0ZXh0W2YtY29ubmVjdGlvbi10ZXh0XVwiLFxuICB0ZW1wbGF0ZVVybDogXCIuL2YtY29ubmVjdGlvbi10ZXh0LmNvbXBvbmVudC5odG1sXCIsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBob3N0OiB7XG4gICAgY2xhc3M6IFwiZi1jb21wb25lbnQgZi1jb25uZWN0aW9uLXRleHRcIixcbiAgICAnW2F0dHIuaWRdJzogJ3RleHRJZCcsXG4gIH0sXG59KVxuZXhwb3J0IGNsYXNzIEZDb25uZWN0aW9uVGV4dENvbXBvbmVudCBpbXBsZW1lbnRzIElIYXNIb3N0RWxlbWVudCB7XG5cbiAgQElucHV0KClcbiAgcHVibGljIGZyb21UbzogSUlucHV0T3V0cHV0TW9kZWw8Rk5vZGVPdXRwdXRCYXNlIHwgRk5vZGVPdXRsZXRCYXNlPiB8IHVuZGVmaW5lZDtcblxuICBwdWJsaWMgZ2V0IHRleHRJZCgpOiBzdHJpbmcge1xuICAgIHJldHVybiBGX0NPTk5FQ1RJT05fSURFTlRJRklFUlMudGV4dElkKFxuICAgICAgdGhpcy5mcm9tVG8/Lm91dHB1dC5pZCArIHRoaXMuZnJvbVRvPy5pbnB1dD8uaWRcbiAgICApO1xuICB9XG5cbiAgcHVibGljIGdldCBob3N0RWxlbWVudCgpOiBTVkdUZXh0RWxlbWVudCB7XG4gICAgcmV0dXJuIHRoaXMuZWxlbWVudFJlZmVyZW5jZS5uYXRpdmVFbGVtZW50O1xuICB9XG5cbiAgQFZpZXdDaGlsZChGQ29ubmVjdGlvblRleHRQYXRoRGlyZWN0aXZlLCB7IHN0YXRpYzogdHJ1ZSB9KVxuICBwdWJsaWMgdGV4dFBhdGhEaXJlY3RpdmUhOiBGQ29ubmVjdGlvblRleHRQYXRoRGlyZWN0aXZlO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgZWxlbWVudFJlZmVyZW5jZTogRWxlbWVudFJlZjxTVkdUZXh0RWxlbWVudD5cbiAgKSB7XG4gIH1cblxuICBwdWJsaWMgcmVkcmF3KHZlY3RvcjogSVZlY3Rvcik6IHZvaWQge1xuXG4gICAgY29uc3QgaXNUZXh0UmV2ZXJzZTogYm9vbGVhbiA9IEZDb25uZWN0aW9uVGV4dENvbXBvbmVudC5pc1RleHRSZXZlcnNlKHZlY3Rvcik7XG5cbiAgICB0aGlzLmhvc3RFbGVtZW50LnNldEF0dHJpYnV0ZSgnZHknLCBpc1RleHRSZXZlcnNlID8gJzE1JyA6ICctOCcpO1xuXG4gICAgY29uc3QgdGV4dFJlY3QgPSB0aGlzLnRleHRQYXRoRGlyZWN0aXZlLmdldEJCb3goKTtcbiAgICBjb25zdCB0ZXh0UmVjdENlbnRlciA9IFsgdGV4dFJlY3QueCArIHRleHRSZWN0LndpZHRoIC8gMiwgdGV4dFJlY3QueSArIHRleHRSZWN0LmhlaWdodCAvIDIgXTtcbiAgICB0aGlzLmhvc3RFbGVtZW50LnNldEF0dHJpYnV0ZSgndHJhbnNmb3JtJywgaXNUZXh0UmV2ZXJzZSA/IGByb3RhdGUoMTgwLCAkeyB0ZXh0UmVjdENlbnRlciB9KWAgOiAnJyk7XG4gICAgY29uc3Qgc3RhcnRPZmZzZXQgPSBGQ29ubmVjdGlvblRleHRDb21wb25lbnQuZ2V0VGV4dFN0YXJ0T2Zmc2V0KHZlY3RvciwgdGhpcy5mcm9tVG8/Lm91dHB1dC5uYW1lIHx8ICcnKTtcbiAgIC8vIHRoaXMudGV4dFBhdGhEaXJlY3RpdmUuc2V0T2Zmc2V0KHN0YXJ0T2Zmc2V0KTtcblxuICAgIGlmIChzdGFydE9mZnNldCA8IDApIHtcblxuICAgICAgdGhpcy5ob3N0RWxlbWVudC5zdHlsZS5kaXNwbGF5ID0gJ25vbmUnO1xuICAgIH0gZWxzZSB7XG5cbiAgICAgIHRoaXMuaG9zdEVsZW1lbnQuc3R5bGUuZGlzcGxheSA9ICd1bnNldCc7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBzdGF0aWMgaXNUZXh0UmV2ZXJzZSh2ZWN0b3I6IElWZWN0b3IpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdmVjdG9yLnBvaW50MS54ID4gdmVjdG9yLnBvaW50Mi54O1xuICB9XG5cbiAgcHJpdmF0ZSBzdGF0aWMgZ2V0VGV4dFN0YXJ0T2Zmc2V0KHZlY3RvcjogSVZlY3RvciwgbmFtZTogc3RyaW5nKTogbnVtYmVyIHtcbiAgICBjb25zdCBzeW1ib2xXaWR0aDogbnVtYmVyID0gODtcbiAgICBjb25zdCB2ZWN0b3JMZW5ndGg6IG51bWJlciA9IFBvaW50RXh0ZW5zaW9ucy5oeXBvdGVudXNlKHZlY3Rvci5wb2ludDEsIHZlY3Rvci5wb2ludDIpO1xuICAgIHJldHVybiB2ZWN0b3JMZW5ndGggLyAyIC0gKChuYW1lIHx8ICcnKS5sZW5ndGggKiBzeW1ib2xXaWR0aCkgLyAyO1xuICB9XG59XG5cbiIsIjxuZy1jb250YWluZXIgeG1sbnM6c3ZnPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIj5cbiAgICA8c3ZnOnRleHRQYXRoIGYtY29ubmVjdGlvbi10ZXh0LXBhdGggW2Zyb21Ub109XCJmcm9tVG9cIj5cbiAgICAgICAge3sgZnJvbVRvPy5vdXRwdXQ/Lm5hbWUgfX1cbiAgICA8L3N2Zzp0ZXh0UGF0aD5cbjwvbmctY29udGFpbmVyPlxuIl19

package/esm2022/components/f-connection/f-connection-text/index.mjs

@@ -0,0 +1,3 @@
+export * from './f-connection-text.component';
+export * from './f-connection-text-path.directive';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9mLWZsb3cvc3JjL2NvbXBvbmVudHMvZi1jb25uZWN0aW9uL2YtY29ubmVjdGlvbi10ZXh0L2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsK0JBQStCLENBQUM7QUFDOUMsY0FBYyxvQ0FBb0MsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vZi1jb25uZWN0aW9uLXRleHQuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vZi1jb25uZWN0aW9uLXRleHQtcGF0aC5kaXJlY3RpdmUnO1xuIl19

package/esm2022/components/f-connection/f-connection.component.mjs

@@ -0,0 +1,91 @@
+import { ChangeDetectionStrategy, Component, Inject, Input, ViewChild } from "@angular/core";
+import { F_CONNECTION_COMPONENT, FConnectionBase } from './f-connection-base';
+import { FConnectionTextComponent } from './f-connection-text/f-connection-text.component';
+import { FConnectionDragHandleComponent } from './f-drag-handle';
+import { FConnectionSelectionComponent } from './f-selection/f-connection-selection.component';
+import { FConnectionGradientComponent } from './f-gradient/f-connection-gradient.component';
+import { FConnectionPathComponent } from './f-path/f-connection-path.component';
+import { F_FLOW_COMPONENT } from '../f-flow';
+import { getConnectionIntersect } from './get-connection-intersect';
+import * as i0 from "@angular/core";
+import * as i1 from "./f-drag-handle/f-connection-drag-handle.component";
+import * as i2 from "./f-gradient/f-connection-gradient.component";
+import * as i3 from "./f-path/f-connection-path.component";
+import * as i4 from "./f-connection-text/f-connection-text.component";
+import * as i5 from "./f-selection/f-connection-selection.component";
+import * as i6 from "../f-flow";
+let uniqueId = 0;
+export class FConnectionComponent extends FConnectionBase {
+    get hostElement() {
+        return this.elementReference.nativeElement;
+    }
+    constructor(elementReference, flow) {
+        super();
+        this.elementReference = elementReference;
+        this.flow = flow;
+        this.id = `f-connection-${uniqueId++}`;
+    }
+    initialize() {
+        const vector = getConnectionIntersect(this.fromTo.output.getElementRectInCanvas(this.flow.transform, this.flow.hostElement), this.fromTo.input.getElementRectInCanvas(this.flow.transform, this.flow.hostElement));
+        this.setVector(vector);
+        this.redraw();
+    }
+    initializeDrag() {
+    }
+    setVector(vector) {
+        this.vector = vector;
+        this.path = `M${vector.point1.x},${vector.point1.y}L${vector.point2.x + 0.0001},${vector.point2.y + 0.0001}`;
+    }
+    redraw() {
+        this.fPath.setPath(this.path);
+        this.fSelection.setPath(this.path);
+        this.fGradient.redraw(this.vector);
+        this.fDragHandle.redraw(this.vector.point2);
+        this.fText.redraw(this.vector);
+    }
+    select() {
+        this.fPath.select();
+        super.select();
+    }
+    deselect() {
+        this.fPath.deselect();
+        super.deselect();
+    }
+    completeDrag() {
+        this.redraw();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: FConnectionComponent, deps: [{ token: i0.ElementRef }, { token: F_FLOW_COMPONENT }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.5", type: FConnectionComponent, selector: "g[fConnection]", inputs: { id: "id", outputId: "outputId", inputId: "inputId" }, host: { properties: { "attr.id": "id" }, classAttribute: "f-component f-connection" }, providers: [{ provide: F_CONNECTION_COMPONENT, useExisting: FConnectionComponent }], viewQueries: [{ propertyName: "fPath", first: true, predicate: FConnectionPathComponent, descendants: true, static: true }, { propertyName: "fGradient", first: true, predicate: FConnectionGradientComponent, descendants: true, static: true }, { propertyName: "fDragHandle", first: true, predicate: FConnectionDragHandleComponent, descendants: true, static: true }, { propertyName: "fSelection", first: true, predicate: FConnectionSelectionComponent, descendants: true, static: true }, { propertyName: "fText", first: true, predicate: FConnectionTextComponent, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<ng-container xmlns:svg=\"http://www.w3.org/2000/svg\">\n    <svg:linearGradient fConnectionGradient [fromTo]=\"fromTo\"></svg:linearGradient>\n    <svg:path fConnectionSelection [attr.d]=\"path\" [fromTo]=\"fromTo\"></svg:path>\n    <svg:g>\n        <svg:path f-connection-path [attr.d]=\"path\" [fromTo]=\"fromTo\"></svg:path>\n        <svg:circle f-connection-drag-handle r=\"8\"></svg:circle>\n    </svg:g>\n    <svg:text f-connection-text [fromTo]=\"fromTo\"></svg:text>\n</ng-container>\n", dependencies: [{ kind: "component", type: i1.FConnectionDragHandleComponent, selector: "circle[f-connection-drag-handle]" }, { kind: "component", type: i2.FConnectionGradientComponent, selector: "linearGradient[fConnectionGradient]", inputs: ["fromTo"] }, { kind: "component", type: i3.FConnectionPathComponent, selector: "path[f-connection-path]", inputs: ["fromTo"] }, { kind: "component", type: i4.FConnectionTextComponent, selector: "text[f-connection-text]", inputs: ["fromTo"] }, { kind: "component", type: i5.FConnectionSelectionComponent, selector: "path[fConnectionSelection]", inputs: ["fromTo"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: FConnectionComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "g[fConnection]", changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        '[attr.id]': 'id',
+                        class: "f-component f-connection"
+                    }, providers: [{ provide: F_CONNECTION_COMPONENT, useExisting: FConnectionComponent }], template: "<ng-container xmlns:svg=\"http://www.w3.org/2000/svg\">\n    <svg:linearGradient fConnectionGradient [fromTo]=\"fromTo\"></svg:linearGradient>\n    <svg:path fConnectionSelection [attr.d]=\"path\" [fromTo]=\"fromTo\"></svg:path>\n    <svg:g>\n        <svg:path f-connection-path [attr.d]=\"path\" [fromTo]=\"fromTo\"></svg:path>\n        <svg:circle f-connection-drag-handle r=\"8\"></svg:circle>\n    </svg:g>\n    <svg:text f-connection-text [fromTo]=\"fromTo\"></svg:text>\n</ng-container>\n" }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i6.FFlowBase, decorators: [{
+                    type: Inject,
+                    args: [F_FLOW_COMPONENT]
+                }] }]; }, propDecorators: { id: [{
+                type: Input
+            }], outputId: [{
+                type: Input
+            }], inputId: [{
+                type: Input
+            }], fPath: [{
+                type: ViewChild,
+                args: [FConnectionPathComponent, { static: true }]
+            }], fGradient: [{
+                type: ViewChild,
+                args: [FConnectionGradientComponent, { static: true }]
+            }], fDragHandle: [{
+                type: ViewChild,
+                args: [FConnectionDragHandleComponent, { static: true }]
+            }], fSelection: [{
+                type: ViewChild,
+                args: [FConnectionSelectionComponent, { static: true }]
+            }], fText: [{
+                type: ViewChild,
+                args: [FConnectionTextComponent, { static: true }]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZi1jb25uZWN0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2YtZmxvdy9zcmMvY29tcG9uZW50cy9mLWNvbm5lY3Rpb24vZi1jb25uZWN0aW9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2YtZmxvdy9zcmMvY29tcG9uZW50cy9mLWNvbm5lY3Rpb24vZi1jb25uZWN0aW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFBRSxTQUFTLEVBQWMsTUFBTSxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQ3pFLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxlQUFlLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUM5RSxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSxpREFBaUQsQ0FBQztBQUMzRixPQUFPLEVBQUUsOEJBQThCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUNqRSxPQUFPLEVBQUUsNkJBQTZCLEVBQUUsTUFBTSxnREFBZ0QsQ0FBQztBQUMvRixPQUFPLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSw4Q0FBOEMsQ0FBQztBQUM1RixPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQztBQUNoRixPQUFPLEVBQUUsZ0JBQWdCLEVBQWEsTUFBTSxXQUFXLENBQUM7QUFDeEQsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sNEJBQTRCLENBQUM7Ozs7Ozs7O0FBRXBFLElBQUksUUFBUSxHQUFXLENBQUMsQ0FBQztBQVl6QixNQUFNLE9BQU8sb0JBQXFCLFNBQVEsZUFBZTtJQTBCdkQsSUFBVyxXQUFXO1FBQ3BCLE9BQU8sSUFBSSxDQUFDLGdCQUFnQixDQUFDLGFBQWEsQ0FBQztJQUM3QyxDQUFDO0lBRUQsWUFDVSxnQkFBeUMsRUFDZixJQUFlO1FBRWpELEtBQUssRUFBRSxDQUFDO1FBSEEscUJBQWdCLEdBQWhCLGdCQUFnQixDQUF5QjtRQUNmLFNBQUksR0FBSixJQUFJLENBQVc7UUE3Qm5DLE9BQUUsR0FBVyxnQkFBaUIsUUFBUSxFQUFHLEVBQUUsQ0FBQztJQWdDNUQsQ0FBQztJQUVlLFVBQVU7UUFDeEIsTUFBTSxNQUFNLEdBQUcsc0JBQXNCLENBQ25DLElBQUksQ0FBQyxNQUFPLENBQUMsTUFBTSxDQUFDLHNCQUFzQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsU0FBUyxFQUFFLElBQUksQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLEVBQ3RGLElBQUksQ0FBQyxNQUFPLENBQUMsS0FBSyxDQUFDLHNCQUFzQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsU0FBUyxFQUFFLElBQUksQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQ3RGLENBQUM7UUFDRixJQUFJLENBQUMsU0FBUyxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQ3ZCLElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQztJQUNoQixDQUFDO0lBRU0sY0FBYztJQUNyQixDQUFDO0lBRU0sU0FBUyxDQUFDLE1BQWU7UUFDOUIsSUFBSSxDQUFDLE1BQU0sR0FBRyxNQUFNLENBQUM7UUFDckIsSUFBSSxDQUFDLElBQUksR0FBRyxJQUFLLE1BQU0sQ0FBQyxNQUFNLENBQUMsQ0FBRSxJQUFLLE1BQU0sQ0FBQyxNQUFNLENBQUMsQ0FBRSxJQUFLLE1BQU0sQ0FBQyxNQUFNLENBQUMsQ0FBQyxHQUFHLE1BQU8sSUFBSyxNQUFNLENBQUMsTUFBTSxDQUFDLENBQUMsR0FBRyxNQUFPLEVBQUUsQ0FBQztJQUN2SCxDQUFDO0lBRU0sTUFBTTtRQUNYLElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUM5QixJQUFJLENBQUMsVUFBVSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDbkMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQ25DLElBQUksQ0FBQyxXQUFXLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDNUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ2pDLENBQUM7SUFFZSxNQUFNO1FBQ3BCLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxFQUFFLENBQUM7UUFDcEIsS0FBSyxDQUFDLE1BQU0sRUFBRSxDQUFDO0lBQ2pCLENBQUM7SUFFZSxRQUFRO1FBQ3RCLElBQUksQ0FBQyxLQUFLLENBQUMsUUFBUSxFQUFFLENBQUM7UUFDdEIsS0FBSyxDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQ25CLENBQUM7SUFFTSxZQUFZO1FBQ2pCLElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQztJQUNoQixDQUFDOzhHQTFFVSxvQkFBb0IsNENBZ0NyQixnQkFBZ0I7a0dBaENmLG9CQUFvQixnTUFGcEIsQ0FBRSxFQUFFLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxXQUFXLEVBQUUsb0JBQW9CLEVBQUUsQ0FBRSxpRUFhMUUsd0JBQXdCLDBGQUd4Qiw0QkFBNEIsNEZBRzVCLDhCQUE4QiwyRkFHOUIsNkJBQTZCLHNGQUc3Qix3QkFBd0IscUZDaERyQyxnZkFTQTs7MkZEZ0JhLG9CQUFvQjtrQkFWaEMsU0FBUzsrQkFDRSxnQkFBZ0IsbUJBRVQsdUJBQXVCLENBQUMsTUFBTSxRQUN6Qzt3QkFDSixXQUFXLEVBQUUsSUFBSTt3QkFDakIsS0FBSyxFQUFFLDBCQUEwQjtxQkFDbEMsYUFDVSxDQUFFLEVBQUUsT0FBTyxFQUFFLHNCQUFzQixFQUFFLFdBQVcsc0JBQXNCLEVBQUUsQ0FBRTs7MEJBa0NsRixNQUFNOzJCQUFDLGdCQUFnQjs0Q0E3QlYsRUFBRTtzQkFEakIsS0FBSztnQkFJVSxRQUFRO3NCQUR2QixLQUFLO2dCQUlVLE9BQU87c0JBRHRCLEtBQUs7Z0JBSVUsS0FBSztzQkFEcEIsU0FBUzt1QkFBQyx3QkFBd0IsRUFBRSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUU7Z0JBSTlDLFNBQVM7c0JBRGYsU0FBUzt1QkFBQyw0QkFBNEIsRUFBRSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUU7Z0JBSWxELFdBQVc7c0JBRGpCLFNBQVM7dUJBQUMsOEJBQThCLEVBQUUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFO2dCQUlwRCxVQUFVO3NCQURoQixTQUFTO3VCQUFDLDZCQUE2QixFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRTtnQkFJbkQsS0FBSztzQkFEWCxTQUFTO3VCQUFDLHdCQUF3QixFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEVsZW1lbnRSZWYsIEluamVjdCwgSW5wdXQsIFZpZXdDaGlsZFxufSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHsgSVZlY3RvciB9IGZyb20gJ0Bmb2JsZXgvY29yZSc7XG5pbXBvcnQgeyBGX0NPTk5FQ1RJT05fQ09NUE9ORU5ULCBGQ29ubmVjdGlvbkJhc2UgfSBmcm9tICcuL2YtY29ubmVjdGlvbi1iYXNlJztcbmltcG9ydCB7IEZDb25uZWN0aW9uVGV4dENvbXBvbmVudCB9IGZyb20gJy4vZi1jb25uZWN0aW9uLXRleHQvZi1jb25uZWN0aW9uLXRleHQuY29tcG9uZW50JztcbmltcG9ydCB7IEZDb25uZWN0aW9uRHJhZ0hhbmRsZUNvbXBvbmVudCB9IGZyb20gJy4vZi1kcmFnLWhhbmRsZSc7XG5pbXBvcnQgeyBGQ29ubmVjdGlvblNlbGVjdGlvbkNvbXBvbmVudCB9IGZyb20gJy4vZi1zZWxlY3Rpb24vZi1jb25uZWN0aW9uLXNlbGVjdGlvbi5jb21wb25lbnQnO1xuaW1wb3J0IHsgRkNvbm5lY3Rpb25HcmFkaWVudENvbXBvbmVudCB9IGZyb20gJy4vZi1ncmFkaWVudC9mLWNvbm5lY3Rpb24tZ3JhZGllbnQuY29tcG9uZW50JztcbmltcG9ydCB7IEZDb25uZWN0aW9uUGF0aENvbXBvbmVudCB9IGZyb20gJy4vZi1wYXRoL2YtY29ubmVjdGlvbi1wYXRoLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBGX0ZMT1dfQ09NUE9ORU5ULCBGRmxvd0Jhc2UgfSBmcm9tICcuLi9mLWZsb3cnO1xuaW1wb3J0IHsgZ2V0Q29ubmVjdGlvbkludGVyc2VjdCB9IGZyb20gJy4vZ2V0LWNvbm5lY3Rpb24taW50ZXJzZWN0JztcblxubGV0IHVuaXF1ZUlkOiBudW1iZXIgPSAwO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6IFwiZ1tmQ29ubmVjdGlvbl1cIixcbiAgdGVtcGxhdGVVcmw6IFwiLi9mLWNvbm5lY3Rpb24uY29tcG9uZW50Lmh0bWxcIixcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGhvc3Q6IHtcbiAgICAnW2F0dHIuaWRdJzogJ2lkJyxcbiAgICBjbGFzczogXCJmLWNvbXBvbmVudCBmLWNvbm5lY3Rpb25cIlxuICB9LFxuICBwcm92aWRlcnM6IFsgeyBwcm92aWRlOiBGX0NPTk5FQ1RJT05fQ09NUE9ORU5ULCB1c2VFeGlzdGluZzogRkNvbm5lY3Rpb25Db21wb25lbnQgfSBdLFxufSlcbmV4cG9ydCBjbGFzcyBGQ29ubmVjdGlvbkNvbXBvbmVudCBleHRlbmRzIEZDb25uZWN0aW9uQmFzZSB7XG5cbiAgQElucHV0KClcbiAgcHVibGljIG92ZXJyaWRlIGlkOiBzdHJpbmcgPSBgZi1jb25uZWN0aW9uLSR7IHVuaXF1ZUlkKysgfWA7XG5cbiAgQElucHV0KClcbiAgcHVibGljIG92ZXJyaWRlIG91dHB1dElkOiBhbnk7XG5cbiAgQElucHV0KClcbiAgcHVibGljIG92ZXJyaWRlIGlucHV0SWQ6IGFueTtcblxuICBAVmlld0NoaWxkKEZDb25uZWN0aW9uUGF0aENvbXBvbmVudCwgeyBzdGF0aWM6IHRydWUgfSlcbiAgcHVibGljIG92ZXJyaWRlIGZQYXRoITogRkNvbm5lY3Rpb25QYXRoQ29tcG9uZW50O1xuXG4gIEBWaWV3Q2hpbGQoRkNvbm5lY3Rpb25HcmFkaWVudENvbXBvbmVudCwgeyBzdGF0aWM6IHRydWUgfSlcbiAgcHVibGljIGZHcmFkaWVudCE6IEZDb25uZWN0aW9uR3JhZGllbnRDb21wb25lbnQ7XG5cbiAgQFZpZXdDaGlsZChGQ29ubmVjdGlvbkRyYWdIYW5kbGVDb21wb25lbnQsIHsgc3RhdGljOiB0cnVlIH0pXG4gIHB1YmxpYyBmRHJhZ0hhbmRsZSE6IEZDb25uZWN0aW9uRHJhZ0hhbmRsZUNvbXBvbmVudDtcblxuICBAVmlld0NoaWxkKEZDb25uZWN0aW9uU2VsZWN0aW9uQ29tcG9uZW50LCB7IHN0YXRpYzogdHJ1ZSB9KVxuICBwdWJsaWMgZlNlbGVjdGlvbiE6IEZDb25uZWN0aW9uU2VsZWN0aW9uQ29tcG9uZW50O1xuXG4gIEBWaWV3Q2hpbGQoRkNvbm5lY3Rpb25UZXh0Q29tcG9uZW50LCB7IHN0YXRpYzogdHJ1ZSB9KVxuICBwdWJsaWMgZlRleHQhOiBGQ29ubmVjdGlvblRleHRDb21wb25lbnQ7XG5cbiAgcHVibGljIGdldCBob3N0RWxlbWVudCgpOiBTVkdHRWxlbWVudCB7XG4gICAgcmV0dXJuIHRoaXMuZWxlbWVudFJlZmVyZW5jZS5uYXRpdmVFbGVtZW50O1xuICB9XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSBlbGVtZW50UmVmZXJlbmNlOiBFbGVtZW50UmVmPFNWR0dFbGVtZW50PixcbiAgICBASW5qZWN0KEZfRkxPV19DT01QT05FTlQpIHByaXZhdGUgZmxvdzogRkZsb3dCYXNlXG4gICkge1xuICAgIHN1cGVyKCk7XG4gIH1cblxuICBwdWJsaWMgb3ZlcnJpZGUgaW5pdGlhbGl6ZSgpOiB2b2lkIHtcbiAgICBjb25zdCB2ZWN0b3IgPSBnZXRDb25uZWN0aW9uSW50ZXJzZWN0KFxuICAgICAgdGhpcy5mcm9tVG8hLm91dHB1dC5nZXRFbGVtZW50UmVjdEluQ2FudmFzKHRoaXMuZmxvdy50cmFuc2Zvcm0sIHRoaXMuZmxvdy5ob3N0RWxlbWVudCksXG4gICAgICB0aGlzLmZyb21UbyEuaW5wdXQuZ2V0RWxlbWVudFJlY3RJbkNhbnZhcyh0aGlzLmZsb3cudHJhbnNmb3JtLCB0aGlzLmZsb3cuaG9zdEVsZW1lbnQpXG4gICAgKTtcbiAgICB0aGlzLnNldFZlY3Rvcih2ZWN0b3IpO1xuICAgIHRoaXMucmVkcmF3KCk7XG4gIH1cblxuICBwdWJsaWMgaW5pdGlhbGl6ZURyYWcoKTogdm9pZCB7XG4gIH1cblxuICBwdWJsaWMgc2V0VmVjdG9yKHZlY3RvcjogSVZlY3Rvcik6IHZvaWQge1xuICAgIHRoaXMudmVjdG9yID0gdmVjdG9yO1xuICAgIHRoaXMucGF0aCA9IGBNJHsgdmVjdG9yLnBvaW50MS54IH0sJHsgdmVjdG9yLnBvaW50MS55IH1MJHsgdmVjdG9yLnBvaW50Mi54ICsgMC4wMDAxIH0sJHsgdmVjdG9yLnBvaW50Mi55ICsgMC4wMDAxIH1gO1xuICB9XG5cbiAgcHVibGljIHJlZHJhdygpOiB2b2lkIHtcbiAgICB0aGlzLmZQYXRoLnNldFBhdGgodGhpcy5wYXRoKTtcbiAgICB0aGlzLmZTZWxlY3Rpb24uc2V0UGF0aCh0aGlzLnBhdGgpO1xuICAgIHRoaXMuZkdyYWRpZW50LnJlZHJhdyh0aGlzLnZlY3Rvcik7XG4gICAgdGhpcy5mRHJhZ0hhbmRsZS5yZWRyYXcodGhpcy52ZWN0b3IucG9pbnQyKTtcbiAgICB0aGlzLmZUZXh0LnJlZHJhdyh0aGlzLnZlY3Rvcik7XG4gIH1cblxuICBwdWJsaWMgb3ZlcnJpZGUgc2VsZWN0KCk6IHZvaWQge1xuICAgIHRoaXMuZlBhdGguc2VsZWN0KCk7XG4gICAgc3VwZXIuc2VsZWN0KCk7XG4gIH1cblxuICBwdWJsaWMgb3ZlcnJpZGUgZGVzZWxlY3QoKTogdm9pZCB7XG4gICAgdGhpcy5mUGF0aC5kZXNlbGVjdCgpO1xuICAgIHN1cGVyLmRlc2VsZWN0KCk7XG4gIH1cblxuICBwdWJsaWMgY29tcGxldGVEcmFnKCk6IHZvaWQge1xuICAgIHRoaXMucmVkcmF3KCk7XG4gIH1cbn1cbiIsIjxuZy1jb250YWluZXIgeG1sbnM6c3ZnPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIj5cbiAgICA8c3ZnOmxpbmVhckdyYWRpZW50IGZDb25uZWN0aW9uR3JhZGllbnQgW2Zyb21Ub109XCJmcm9tVG9cIj48L3N2ZzpsaW5lYXJHcmFkaWVudD5cbiAgICA8c3ZnOnBhdGggZkNvbm5lY3Rpb25TZWxlY3Rpb24gW2F0dHIuZF09XCJwYXRoXCIgW2Zyb21Ub109XCJmcm9tVG9cIj48L3N2ZzpwYXRoPlxuICAgIDxzdmc6Zz5cbiAgICAgICAgPHN2ZzpwYXRoIGYtY29ubmVjdGlvbi1wYXRoIFthdHRyLmRdPVwicGF0aFwiIFtmcm9tVG9dPVwiZnJvbVRvXCI+PC9zdmc6cGF0aD5cbiAgICAgICAgPHN2ZzpjaXJjbGUgZi1jb25uZWN0aW9uLWRyYWctaGFuZGxlIHI9XCI4XCI+PC9zdmc6Y2lyY2xlPlxuICAgIDwvc3ZnOmc+XG4gICAgPHN2Zzp0ZXh0IGYtY29ubmVjdGlvbi10ZXh0IFtmcm9tVG9dPVwiZnJvbVRvXCI+PC9zdmc6dGV4dD5cbjwvbmctY29udGFpbmVyPlxuIl19

package/esm2022/components/f-connection/f-connection.module.mjs

@@ -0,0 +1,47 @@
+import { NgModule } from '@angular/core';
+import { FConnectionComponent } from './f-connection.component';
+import { FConnectionDragHandleComponent } from './f-drag-handle';
+import { FConnectionSelectionComponent } from './f-selection/f-connection-selection.component';
+import { FConnectionTextPathDirective } from './f-connection-text';
+import { FConnectionTextComponent } from './f-connection-text';
+import { FConnectionGradientComponent } from './f-gradient/f-connection-gradient.component';
+import { FConnectionPathComponent } from './f-path/f-connection-path.component';
+import { FTempConnectionComponent } from './f-temp-connection';
+import { CommonModule } from '@angular/common';
+import * as i0 from "@angular/core";
+export class FConnectionModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: FConnectionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.5", ngImport: i0, type: FConnectionModule, declarations: [FTempConnectionComponent,
+            FConnectionComponent,
+            FConnectionDragHandleComponent,
+            FConnectionGradientComponent,
+            FConnectionPathComponent,
+            FConnectionTextComponent,
+            FConnectionTextPathDirective,
+            FConnectionSelectionComponent], imports: [CommonModule], exports: [FTempConnectionComponent,
+            FConnectionComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: FConnectionModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: FConnectionModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        FTempConnectionComponent,
+                        FConnectionComponent,
+                        FConnectionDragHandleComponent,
+                        FConnectionGradientComponent,
+                        FConnectionPathComponent,
+                        FConnectionTextComponent,
+                        FConnectionTextPathDirective,
+                        FConnectionSelectionComponent
+                    ],
+                    imports: [
+                        CommonModule
+                    ],
+                    exports: [
+                        FTempConnectionComponent,
+                        FConnectionComponent
+                    ]
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZi1jb25uZWN0aW9uLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2YtZmxvdy9zcmMvY29tcG9uZW50cy9mLWNvbm5lY3Rpb24vZi1jb25uZWN0aW9uLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQ2hFLE9BQU8sRUFBRSw4QkFBOEIsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ2pFLE9BQU8sRUFBRSw2QkFBNkIsRUFBRSxNQUFNLGdEQUFnRCxDQUFDO0FBQy9GLE9BQU8sRUFBRSw0QkFBNEIsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ25FLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQy9ELE9BQU8sRUFBRSw0QkFBNEIsRUFBRSxNQUFNLDhDQUE4QyxDQUFDO0FBQzVGLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBQ2hGLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQy9ELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7QUFxQi9DLE1BQU0sT0FBTyxpQkFBaUI7OEdBQWpCLGlCQUFpQjsrR0FBakIsaUJBQWlCLGlCQWpCMUIsd0JBQXdCO1lBQ3hCLG9CQUFvQjtZQUNwQiw4QkFBOEI7WUFDOUIsNEJBQTRCO1lBQzVCLHdCQUF3QjtZQUN4Qix3QkFBd0I7WUFDeEIsNEJBQTRCO1lBQzVCLDZCQUE2QixhQUc3QixZQUFZLGFBR1osd0JBQXdCO1lBQ3hCLG9CQUFvQjsrR0FHWCxpQkFBaUIsWUFQMUIsWUFBWTs7MkZBT0gsaUJBQWlCO2tCQW5CN0IsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUU7d0JBQ1osd0JBQXdCO3dCQUN4QixvQkFBb0I7d0JBQ3BCLDhCQUE4Qjt3QkFDOUIsNEJBQTRCO3dCQUM1Qix3QkFBd0I7d0JBQ3hCLHdCQUF3Qjt3QkFDeEIsNEJBQTRCO3dCQUM1Qiw2QkFBNkI7cUJBQzlCO29CQUNELE9BQU8sRUFBRTt3QkFDUCxZQUFZO3FCQUNiO29CQUNELE9BQU8sRUFBRTt3QkFDUCx3QkFBd0I7d0JBQ3hCLG9CQUFvQjtxQkFDckI7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRkNvbm5lY3Rpb25Db21wb25lbnQgfSBmcm9tICcuL2YtY29ubmVjdGlvbi5jb21wb25lbnQnO1xuaW1wb3J0IHsgRkNvbm5lY3Rpb25EcmFnSGFuZGxlQ29tcG9uZW50IH0gZnJvbSAnLi9mLWRyYWctaGFuZGxlJztcbmltcG9ydCB7IEZDb25uZWN0aW9uU2VsZWN0aW9uQ29tcG9uZW50IH0gZnJvbSAnLi9mLXNlbGVjdGlvbi9mLWNvbm5lY3Rpb24tc2VsZWN0aW9uLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBGQ29ubmVjdGlvblRleHRQYXRoRGlyZWN0aXZlIH0gZnJvbSAnLi9mLWNvbm5lY3Rpb24tdGV4dCc7XG5pbXBvcnQgeyBGQ29ubmVjdGlvblRleHRDb21wb25lbnQgfSBmcm9tICcuL2YtY29ubmVjdGlvbi10ZXh0JztcbmltcG9ydCB7IEZDb25uZWN0aW9uR3JhZGllbnRDb21wb25lbnQgfSBmcm9tICcuL2YtZ3JhZGllbnQvZi1jb25uZWN0aW9uLWdyYWRpZW50LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBGQ29ubmVjdGlvblBhdGhDb21wb25lbnQgfSBmcm9tICcuL2YtcGF0aC9mLWNvbm5lY3Rpb24tcGF0aC5jb21wb25lbnQnO1xuaW1wb3J0IHsgRlRlbXBDb25uZWN0aW9uQ29tcG9uZW50IH0gZnJvbSAnLi9mLXRlbXAtY29ubmVjdGlvbic7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBGVGVtcENvbm5lY3Rpb25Db21wb25lbnQsXG4gICAgRkNvbm5lY3Rpb25Db21wb25lbnQsXG4gICAgRkNvbm5lY3Rpb25EcmFnSGFuZGxlQ29tcG9uZW50LFxuICAgIEZDb25uZWN0aW9uR3JhZGllbnRDb21wb25lbnQsXG4gICAgRkNvbm5lY3Rpb25QYXRoQ29tcG9uZW50LFxuICAgIEZDb25uZWN0aW9uVGV4dENvbXBvbmVudCxcbiAgICBGQ29ubmVjdGlvblRleHRQYXRoRGlyZWN0aXZlLFxuICAgIEZDb25uZWN0aW9uU2VsZWN0aW9uQ29tcG9uZW50XG4gIF0sXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGVcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIEZUZW1wQ29ubmVjdGlvbkNvbXBvbmVudCxcbiAgICBGQ29ubmVjdGlvbkNvbXBvbmVudFxuICBdXG59KVxuZXhwb3J0IGNsYXNzIEZDb25uZWN0aW9uTW9kdWxlIHtcbn1cbiJdfQ==

package/esm2022/components/f-connection/f-drag-handle/f-connection-drag-handle.component.mjs

@@ -0,0 +1,30 @@
+import { ChangeDetectionStrategy, Component } from "@angular/core";
+import * as i0 from "@angular/core";
+export const F_CONNECTION_DRAG_HANDLE_CLASS = 'f-connection-drag-handle';
+export class FConnectionDragHandleComponent {
+    get hostElement() {
+        return this.elementReference.nativeElement;
+    }
+    constructor(elementReference) {
+        this.elementReference = elementReference;
+        this.class = F_CONNECTION_DRAG_HANDLE_CLASS;
+    }
+    redraw(point) {
+        this.hostElement.setAttribute('cx', point.x.toString());
+        this.hostElement.setAttribute('cy', point.y.toString());
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: FConnectionDragHandleComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.5", type: FConnectionDragHandleComponent, selector: "circle[f-connection-drag-handle]", host: { properties: { "class": "class" } }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: FConnectionDragHandleComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "circle[f-connection-drag-handle]",
+                    template: '',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: {
+                        '[class]': 'class'
+                    }
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZi1jb25uZWN0aW9uLWRyYWctaGFuZGxlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2YtZmxvdy9zcmMvY29tcG9uZW50cy9mLWNvbm5lY3Rpb24vZi1kcmFnLWhhbmRsZS9mLWNvbm5lY3Rpb24tZHJhZy1oYW5kbGUuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNWLE1BQU0sZUFBZSxDQUFDOztBQUd2QixNQUFNLENBQUMsTUFBTSw4QkFBOEIsR0FBRywwQkFBMEIsQ0FBQztBQVV6RSxNQUFNLE9BQU8sOEJBQThCO0lBSXpDLElBQVcsV0FBVztRQUNwQixPQUFPLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxhQUFhLENBQUM7SUFDN0MsQ0FBQztJQUVELFlBQ1ksZ0JBQThDO1FBQTlDLHFCQUFnQixHQUFoQixnQkFBZ0IsQ0FBOEI7UUFQMUMsVUFBSyxHQUFXLDhCQUE4QixDQUFDO0lBUy9ELENBQUM7SUFFTSxNQUFNLENBQUMsS0FBYTtRQUN6QixJQUFJLENBQUMsV0FBVyxDQUFDLFlBQVksQ0FBQyxJQUFJLEVBQUUsS0FBSyxDQUFDLENBQUMsQ0FBQyxRQUFRLEVBQUUsQ0FBQyxDQUFDO1FBQ3hELElBQUksQ0FBQyxXQUFXLENBQUMsWUFBWSxDQUFDLElBQUksRUFBRSxLQUFLLENBQUMsQ0FBQyxDQUFDLFFBQVEsRUFBRSxDQUFDLENBQUM7SUFDMUQsQ0FBQzs4R0FoQlUsOEJBQThCO2tHQUE5Qiw4QkFBOEIsb0hBTi9CLEVBQUU7OzJGQU1ELDhCQUE4QjtrQkFSMUMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsa0NBQWtDO29CQUM1QyxRQUFRLEVBQUUsRUFBRTtvQkFDWixlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtvQkFDL0MsSUFBSSxFQUFFO3dCQUNKLFNBQVMsRUFBRSxPQUFPO3FCQUNuQjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsIEVsZW1lbnRSZWZcbn0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IElIYXNIb3N0RWxlbWVudCwgSVBvaW50IH0gZnJvbSAnQGZvYmxleC9jb3JlJztcblxuZXhwb3J0IGNvbnN0IEZfQ09OTkVDVElPTl9EUkFHX0hBTkRMRV9DTEFTUyA9ICdmLWNvbm5lY3Rpb24tZHJhZy1oYW5kbGUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6IFwiY2lyY2xlW2YtY29ubmVjdGlvbi1kcmFnLWhhbmRsZV1cIixcbiAgdGVtcGxhdGU6ICcnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgaG9zdDoge1xuICAgICdbY2xhc3NdJzogJ2NsYXNzJ1xuICB9XG59KVxuZXhwb3J0IGNsYXNzIEZDb25uZWN0aW9uRHJhZ0hhbmRsZUNvbXBvbmVudCBpbXBsZW1lbnRzIElIYXNIb3N0RWxlbWVudCB7XG5cbiAgcHVibGljIHJlYWRvbmx5IGNsYXNzOiBzdHJpbmcgPSBGX0NPTk5FQ1RJT05fRFJBR19IQU5ETEVfQ0xBU1M7XG5cbiAgcHVibGljIGdldCBob3N0RWxlbWVudCgpOiBTVkdDaXJjbGVFbGVtZW50IHtcbiAgICByZXR1cm4gdGhpcy5lbGVtZW50UmVmZXJlbmNlLm5hdGl2ZUVsZW1lbnQ7XG4gIH1cblxuICBjb25zdHJ1Y3RvcihcbiAgICAgIHByaXZhdGUgZWxlbWVudFJlZmVyZW5jZTogRWxlbWVudFJlZjxTVkdDaXJjbGVFbGVtZW50PixcbiAgKSB7XG4gIH1cblxuICBwdWJsaWMgcmVkcmF3KHBvaW50OiBJUG9pbnQpOiB2b2lkIHtcbiAgICB0aGlzLmhvc3RFbGVtZW50LnNldEF0dHJpYnV0ZSgnY3gnLCBwb2ludC54LnRvU3RyaW5nKCkpO1xuICAgIHRoaXMuaG9zdEVsZW1lbnQuc2V0QXR0cmlidXRlKCdjeScsIHBvaW50LnkudG9TdHJpbmcoKSk7XG4gIH1cbn1cblxuIl19

package/esm2022/components/f-connection/f-drag-handle/index.mjs

@@ -0,0 +1,2 @@
+export * from './f-connection-drag-handle.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9mLWZsb3cvc3JjL2NvbXBvbmVudHMvZi1jb25uZWN0aW9uL2YtZHJhZy1oYW5kbGUvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxzQ0FBc0MsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vZi1jb25uZWN0aW9uLWRyYWctaGFuZGxlLmNvbXBvbmVudCc7XG4iXX0=