@foblex/flow 0.0.1

package/README.md

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

package/esm2022/foblex-flow.mjs

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public-api';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ibGV4LWZsb3cuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9wcm9qZWN0cy9mLWZsb3cvc3JjL2ZvYmxleC1mbG93LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxjQUFjLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdlbmVyYXRlZCBidW5kbGUgaW5kZXguIERvIG5vdCBlZGl0LlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vcHVibGljLWFwaSc7XG4iXX0=

package/esm2022/lib/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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hhbmdlLXBvc2l0aW9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZi1mbG93L3NyYy9saWIvY29tbW9uLWJlaGF2aW91cnMvY2hhbmdlLXBvc2l0aW9uLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBMEIsZUFBZSxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBWXZFLE1BQU0sVUFBVSxtQkFBbUIsQ0FBd0MsSUFBTztJQUNoRixPQUFPLEtBQU0sU0FBUSxJQUFJO1FBRWhCLFdBQVc7WUFDaEIsT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDLFFBQVEsQ0FBQztRQUNqQyxDQUFDO1FBRU0sV0FBVyxDQUFDLFFBQWdCO1lBQ2pDLElBQUksQ0FBQyxTQUFTLENBQUMsUUFBUSxHQUFHLGVBQWUsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7UUFDM0QsQ0FBQztRQUVELFlBQVksR0FBRyxJQUFXO1lBQ3hCLEtBQUssQ0FBQyxHQUFHLElBQUksQ0FBQyxDQUFDO1FBQ2pCLENBQUM7S0FDRixDQUFDO0FBQ0osQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFic3RyYWN0Q29uc3RydWN0b3IsIENvbnN0cnVjdG9yIH0gZnJvbSAnLi9jb25zdHJ1Y3Rvcic7XG5pbXBvcnQgeyBJUG9pbnQsIElUcmFuc2Zvcm1hYmxlLCBQb2ludEV4dGVuc2lvbnMgfSBmcm9tICdAZm9ibGV4L2NvcmUnO1xuXG5leHBvcnQgaW50ZXJmYWNlIElDYW5DaGFuZ2VQb3NpdGlvbiB7XG5cbiAgc2V0UG9zaXRpb24ocG9zaXRpb246IElQb2ludCk6IHZvaWQ7XG5cbiAgZ2V0UG9zaXRpb24oKTogSVBvaW50O1xufVxuXG50eXBlIENhbkNoYW5nZVBvc2l0aW9uQ29uc3RydWN0b3IgPSBDb25zdHJ1Y3RvcjxJQ2FuQ2hhbmdlUG9zaXRpb24+ICYgQWJzdHJhY3RDb25zdHJ1Y3RvcjxJQ2FuQ2hhbmdlUG9zaXRpb24+O1xuXG5leHBvcnQgZnVuY3Rpb24gbWl4aW5DaGFuZ2VQb3NpdGlvbjxUIGV4dGVuZHMgQWJzdHJhY3RDb25zdHJ1Y3RvcjxJVHJhbnNmb3JtYWJsZT4+KGJhc2U6IFQpOiBDYW5DaGFuZ2VQb3NpdGlvbkNvbnN0cnVjdG9yICYgVDtcbmV4cG9ydCBmdW5jdGlvbiBtaXhpbkNoYW5nZVBvc2l0aW9uPFQgZXh0ZW5kcyBDb25zdHJ1Y3RvcjxJVHJhbnNmb3JtYWJsZT4+KGJhc2U6IFQpOiBDYW5DaGFuZ2VQb3NpdGlvbkNvbnN0cnVjdG9yICYgVCB7XG4gIHJldHVybiBjbGFzcyBleHRlbmRzIGJhc2Uge1xuXG4gICAgcHVibGljIGdldFBvc2l0aW9uKCk6IElQb2ludCB7XG4gICAgICByZXR1cm4gdGhpcy50cmFuc2Zvcm0ucG9zaXRpb247XG4gICAgfVxuXG4gICAgcHVibGljIHNldFBvc2l0aW9uKHBvc2l0aW9uOiBJUG9pbnQpOiB2b2lkIHtcbiAgICAgIHRoaXMudHJhbnNmb3JtLnBvc2l0aW9uID0gUG9pbnRFeHRlbnNpb25zLmNvcHkocG9zaXRpb24pO1xuICAgIH1cblxuICAgIGNvbnN0cnVjdG9yKC4uLmFyZ3M6IGFueVtdKSB7XG4gICAgICBzdXBlciguLi5hcmdzKTtcbiAgICB9XG4gIH07XG59XG4iXX0=

package/esm2022/lib/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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hhbmdlLXpvb20uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9mLWZsb3cvc3JjL2xpYi9jb21tb24tYmVoYXZpb3Vycy9jaGFuZ2Utem9vbS9jaGFuZ2Utem9vbS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFQSxPQUFPLEVBQTBCLGVBQWUsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUt2RSxNQUFNLFVBQVUsZUFBZSxDQUF3QyxJQUFPO0lBQzVFLE9BQU8sS0FBTSxTQUFRLElBQUk7UUFFaEIsT0FBTyxDQUFDLFVBQWtCLEVBQUUsVUFBa0I7WUFDbkQsSUFBSSxVQUFVLEtBQUssSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLEVBQUU7Z0JBRXZDLE1BQU0sZUFBZSxHQUFHLGVBQWUsQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxjQUFjLEVBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxRQUFRLENBQUMsQ0FBQztnQkFFcEcsTUFBTSxJQUFJLEdBQUcsVUFBVSxDQUFDLENBQUMsR0FBRyxDQUFDLFVBQVUsQ0FBQyxDQUFDLEdBQUcsZUFBZSxDQUFDLENBQUMsQ0FBQyxHQUFHLFVBQVUsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQztnQkFDbkcsTUFBTSxJQUFJLEdBQUcsVUFBVSxDQUFDLENBQUMsR0FBRyxDQUFDLFVBQVUsQ0FBQyxDQUFDLEdBQUcsZUFBZSxDQUFDLENBQUMsQ0FBQyxHQUFHLFVBQVUsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQztnQkFFbkcsSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLEdBQUcsVUFBVSxDQUFDO2dCQUNsQyxJQUFJLENBQUMsU0FBUyxDQUFDLGNBQWMsR0FBRyxlQUFlLENBQUMsR0FBRyxDQUFDLGVBQWUsQ0FBQyxVQUFVLENBQUMsSUFBSSxFQUFFLElBQUksQ0FBQyxFQUFFLElBQUksQ0FBQyxTQUFTLENBQUMsUUFBUSxDQUFDLENBQUM7YUFDdEg7UUFDSCxDQUFDO1FBRU0sZ0JBQWdCLENBQUMsS0FBYTtZQUNuQyxJQUFJLENBQUMsU0FBUyxDQUFDLGNBQWMsR0FBRyxLQUFLLENBQUM7UUFDeEMsQ0FBQztRQUVNLFNBQVM7WUFDZCxJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssR0FBRyxDQUFDLENBQUM7WUFDekIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxjQUFjLEdBQUcsZUFBZSxDQUFDLFVBQVUsRUFBRSxDQUFDO1FBQy9ELENBQUM7UUFFRCxZQUFZLEdBQUcsSUFBVztZQUN4QixLQUFLLENBQUMsR0FBRyxJQUFJLENBQUMsQ0FBQztRQUNqQixDQUFDO0tBQ0YsQ0FBQztBQUNKLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBYnN0cmFjdENvbnN0cnVjdG9yLCBDb25zdHJ1Y3RvciB9IGZyb20gJy4uL2NvbnN0cnVjdG9yJztcbmltcG9ydCB7IElDYW5DaGFuZ2Vab29tIH0gZnJvbSAnLi9pLWNhbi1jaGFuZ2Utem9vbSc7XG5pbXBvcnQgeyBJUG9pbnQsIElUcmFuc2Zvcm1hYmxlLCBQb2ludEV4dGVuc2lvbnMgfSBmcm9tICdAZm9ibGV4L2NvcmUnO1xuXG50eXBlIENhbkNoYW5nZVpvb21Db25zdHJ1Y3RvciA9IENvbnN0cnVjdG9yPElDYW5DaGFuZ2Vab29tPiAmIEFic3RyYWN0Q29uc3RydWN0b3I8SUNhbkNoYW5nZVpvb20+O1xuXG5leHBvcnQgZnVuY3Rpb24gbWl4aW5DaGFuZ2Vab29tPFQgZXh0ZW5kcyBBYnN0cmFjdENvbnN0cnVjdG9yPElUcmFuc2Zvcm1hYmxlPj4oYmFzZTogVCk6IENhbkNoYW5nZVpvb21Db25zdHJ1Y3RvciAmIFQ7XG5leHBvcnQgZnVuY3Rpb24gbWl4aW5DaGFuZ2Vab29tPFQgZXh0ZW5kcyBDb25zdHJ1Y3RvcjxJVHJhbnNmb3JtYWJsZT4+KGJhc2U6IFQpOiBDYW5DaGFuZ2Vab29tQ29uc3RydWN0b3IgJiBUIHtcbiAgcmV0dXJuIGNsYXNzIGV4dGVuZHMgYmFzZSB7XG5cbiAgICBwdWJsaWMgc2V0Wm9vbShzY2FsZVZhbHVlOiBudW1iZXIsIHRvUG9zaXRpb246IElQb2ludCk6IHZvaWQge1xuICAgICAgaWYgKHNjYWxlVmFsdWUgIT09IHRoaXMudHJhbnNmb3JtLnNjYWxlKSB7XG5cbiAgICAgICAgY29uc3Qgc3VtbWFyeVBvc2l0aW9uID0gUG9pbnRFeHRlbnNpb25zLnN1bSh0aGlzLnRyYW5zZm9ybS5zY2FsZWRQb3NpdGlvbiwgdGhpcy50cmFuc2Zvcm0ucG9zaXRpb24pO1xuXG4gICAgICAgIGNvbnN0IG5ld1ggPSB0b1Bvc2l0aW9uLnggLSAodG9Qb3NpdGlvbi54IC0gc3VtbWFyeVBvc2l0aW9uLngpICogc2NhbGVWYWx1ZSAvIHRoaXMudHJhbnNmb3JtLnNjYWxlO1xuICAgICAgICBjb25zdCBuZXdZID0gdG9Qb3NpdGlvbi55IC0gKHRvUG9zaXRpb24ueSAtIHN1bW1hcnlQb3NpdGlvbi55KSAqIHNjYWxlVmFsdWUgLyB0aGlzLnRyYW5zZm9ybS5zY2FsZTtcblxuICAgICAgICB0aGlzLnRyYW5zZm9ybS5zY2FsZSA9IHNjYWxlVmFsdWU7XG4gICAgICAgIHRoaXMudHJhbnNmb3JtLnNjYWxlZFBvc2l0aW9uID0gUG9pbnRFeHRlbnNpb25zLnN1YihQb2ludEV4dGVuc2lvbnMuaW5pdGlhbGl6ZShuZXdYLCBuZXdZKSwgdGhpcy50cmFuc2Zvcm0ucG9zaXRpb24pO1xuICAgICAgfVxuICAgIH1cblxuICAgIHB1YmxpYyBzZXRTY2FsZVBvc2l0aW9uKHZhbHVlOiBJUG9pbnQpOiB2b2lkIHtcbiAgICAgIHRoaXMudHJhbnNmb3JtLnNjYWxlZFBvc2l0aW9uID0gdmFsdWU7XG4gICAgfVxuXG4gICAgcHVibGljIHJlc2V0Wm9vbSgpOiB2b2lkIHtcbiAgICAgIHRoaXMudHJhbnNmb3JtLnNjYWxlID0gMTtcbiAgICAgIHRoaXMudHJhbnNmb3JtLnNjYWxlZFBvc2l0aW9uID0gUG9pbnRFeHRlbnNpb25zLmluaXRpYWxpemUoKTtcbiAgICB9XG5cbiAgICBjb25zdHJ1Y3RvciguLi5hcmdzOiBhbnlbXSkge1xuICAgICAgc3VwZXIoLi4uYXJncyk7XG4gICAgfVxuICB9O1xufVxuIl19

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

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

package/esm2022/lib/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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9mLWZsb3cvc3JjL2xpYi9jb21tb24tYmVoYXZpb3Vycy9jaGFuZ2Utem9vbS9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLGVBQWUsQ0FBQztBQUM5QixjQUFjLHFCQUFxQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9jaGFuZ2Utem9vbSc7XG5leHBvcnQgKiBmcm9tICcuL2ktY2FuLWNoYW5nZS16b29tJztcbiJdfQ==

package/esm2022/lib/common-behaviours/constructor.mjs

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

package/esm2022/lib/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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZml0LXRvLXBhcmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2YtZmxvdy9zcmMvbGliL2NvbW1vbi1iZWhhdmlvdXJzL2ZpdC10by1wYXJlbnQvZml0LXRvLXBhcmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFQSxPQUFPLEVBQWlDLGVBQWUsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUs5RSxNQUFNLFVBQVUsZ0JBQWdCLENBQXdDLElBQU87SUFDN0UsT0FBTyxLQUFNLFNBQVEsSUFBSTtRQUVoQixXQUFXLENBQUMsSUFBVyxFQUFFLFVBQWlCLEVBQUUsTUFBZ0I7WUFDakUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxjQUFjLEdBQUcsZUFBZSxDQUFDLFVBQVUsRUFBRSxDQUFDO1lBQzdELElBQUksQ0FBQyxTQUFTLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQywyQkFBMkIsQ0FBQyxNQUFNLENBQUMsQ0FBQztZQUNuRSxNQUFNLG1CQUFtQixHQUFHLElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLENBQUM7WUFDOUQsTUFBTSxvQkFBb0IsR0FBRyxJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDO1lBQ2hFLElBQ0ksQ0FBQyxtQkFBbUIsR0FBRyxVQUFVLENBQUMsS0FBSyxJQUFJLG9CQUFvQixHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7Z0JBQ3BGLG1CQUFtQixHQUFHLFVBQVUsQ0FBQyxLQUFLLElBQUksb0JBQW9CLEdBQUcsVUFBVSxDQUFDLE1BQU0sRUFDcEY7Z0JBQ0EsSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDLEdBQUcsQ0FBQyxVQUFVLENBQUMsS0FBSyxHQUFHLG1CQUFtQixFQUFFLFVBQVUsQ0FBQyxNQUFNLEdBQUcsb0JBQW9CLENBQUMsQ0FBQzthQUNuSDtZQUVELE1BQU0sSUFBSSxHQUFHLENBQUMsVUFBVSxDQUFDLEtBQUssR0FBRyxtQkFBbUIsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLFFBQVEsQ0FBQyxDQUFDLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLENBQUM7WUFDcEksTUFBTSxJQUFJLEdBQUcsQ0FBQyxVQUFVLENBQUMsTUFBTSxHQUFHLG9CQUFvQixHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsUUFBUSxDQUFDLENBQUMsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQztZQUV0SSxJQUFJLENBQUMsU0FBUyxDQUFDLFFBQVEsR0FBRyxlQUFlLENBQUMsVUFBVSxDQUFDLElBQUksRUFBRSxJQUFJLENBQUMsQ0FBQztRQUNuRSxDQUFDO1FBRU8sMkJBQTJCLENBQUMsTUFBZ0I7WUFDbEQsTUFBTSxNQUFNLEdBQUcsTUFBTSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxHQUFHLE1BQU0sQ0FBQyxHQUFHLENBQUMsQ0FBQyxLQUFLLEVBQUUsRUFBRSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7WUFDL0UsTUFBTSxNQUFNLEdBQUcsTUFBTSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxHQUFHLE1BQU0sQ0FBQyxHQUFHLENBQUMsQ0FBQyxLQUFLLEVBQUUsRUFBRSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7WUFDL0UsT0FBTyxlQUFlLENBQUMsVUFBVSxDQUFDLE1BQU0sRUFBRSxNQUFNLENBQUMsQ0FBQTtRQUNuRCxDQUFDO1FBRUQsWUFBWSxHQUFHLElBQVc7WUFDeEIsS0FBSyxDQUFDLEdBQUcsSUFBSSxDQUFDLENBQUM7UUFDakIsQ0FBQztLQUNGLENBQUM7QUFDSixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQWJzdHJhY3RDb25zdHJ1Y3RvciwgQ29uc3RydWN0b3IgfSBmcm9tICcuLi9jb25zdHJ1Y3Rvcic7XG5pbXBvcnQgeyBJQ2FuRml0VG9QYXJlbnQgfSBmcm9tICcuL2ktY2FuLWZpdC10by1wYXJlbnQnO1xuaW1wb3J0IHsgSVBvaW50LCBJUmVjdCwgSVRyYW5zZm9ybWFibGUsIFBvaW50RXh0ZW5zaW9ucyB9IGZyb20gJ0Bmb2JsZXgvY29yZSc7XG5cbnR5cGUgQ2FuRml0VG9QYXJlbnRDb25zdHJ1Y3RvciA9IENvbnN0cnVjdG9yPElDYW5GaXRUb1BhcmVudD4gJiBBYnN0cmFjdENvbnN0cnVjdG9yPElDYW5GaXRUb1BhcmVudD47XG5cbmV4cG9ydCBmdW5jdGlvbiBtaXhpbkZpdFRvUGFyZW50PFQgZXh0ZW5kcyBBYnN0cmFjdENvbnN0cnVjdG9yPElUcmFuc2Zvcm1hYmxlPj4oYmFzZTogVCk6IENhbkZpdFRvUGFyZW50Q29uc3RydWN0b3IgJiBUO1xuZXhwb3J0IGZ1bmN0aW9uIG1peGluRml0VG9QYXJlbnQ8VCBleHRlbmRzIENvbnN0cnVjdG9yPElUcmFuc2Zvcm1hYmxlPj4oYmFzZTogVCk6IENhbkZpdFRvUGFyZW50Q29uc3RydWN0b3IgJiBUIHtcbiAgcmV0dXJuIGNsYXNzIGV4dGVuZHMgYmFzZSB7XG5cbiAgICBwdWJsaWMgZml0VG9QYXJlbnQocmVjdDogSVJlY3QsIHBhcmVudFJlY3Q6IElSZWN0LCBwb2ludHM6IElQb2ludFtdKTogdm9pZCB7XG4gICAgICB0aGlzLnRyYW5zZm9ybS5zY2FsZWRQb3NpdGlvbiA9IFBvaW50RXh0ZW5zaW9ucy5pbml0aWFsaXplKCk7XG4gICAgICB0aGlzLnRyYW5zZm9ybS5wb3NpdGlvbiA9IHRoaXMuZ2V0WmVyb1Bvc2l0aW9uV2l0aG91dFNjYWxlKHBvaW50cyk7XG4gICAgICBjb25zdCBpdGVtc0NvbnRhaW5lcldpZHRoID0gcmVjdC53aWR0aCAvIHRoaXMudHJhbnNmb3JtLnNjYWxlO1xuICAgICAgY29uc3QgaXRlbXNDb250YWluZXJIZWlnaHQgPSByZWN0LmhlaWdodCAvIHRoaXMudHJhbnNmb3JtLnNjYWxlO1xuICAgICAgaWYgKFxuICAgICAgICAgIChpdGVtc0NvbnRhaW5lcldpZHRoID4gcGFyZW50UmVjdC53aWR0aCB8fCBpdGVtc0NvbnRhaW5lckhlaWdodCA+IHBhcmVudFJlY3QuaGVpZ2h0KSB8fFxuICAgICAgICAgIGl0ZW1zQ29udGFpbmVyV2lkdGggPCBwYXJlbnRSZWN0LndpZHRoICYmIGl0ZW1zQ29udGFpbmVySGVpZ2h0IDwgcGFyZW50UmVjdC5oZWlnaHRcbiAgICAgICkge1xuICAgICAgICB0aGlzLnRyYW5zZm9ybS5zY2FsZSA9IE1hdGgubWluKHBhcmVudFJlY3Qud2lkdGggLyBpdGVtc0NvbnRhaW5lcldpZHRoLCBwYXJlbnRSZWN0LmhlaWdodCAvIGl0ZW1zQ29udGFpbmVySGVpZ2h0KTtcbiAgICAgIH1cblxuICAgICAgY29uc3QgbmV3WCA9IChwYXJlbnRSZWN0LndpZHRoIC0gaXRlbXNDb250YWluZXJXaWR0aCAqIHRoaXMudHJhbnNmb3JtLnNjYWxlKSAvIDIgLSB0aGlzLnRyYW5zZm9ybS5wb3NpdGlvbi54ICogdGhpcy50cmFuc2Zvcm0uc2NhbGU7XG4gICAgICBjb25zdCBuZXdZID0gKHBhcmVudFJlY3QuaGVpZ2h0IC0gaXRlbXNDb250YWluZXJIZWlnaHQgKiB0aGlzLnRyYW5zZm9ybS5zY2FsZSkgLyAyIC0gdGhpcy50cmFuc2Zvcm0ucG9zaXRpb24ueSAqIHRoaXMudHJhbnNmb3JtLnNjYWxlO1xuXG4gICAgICB0aGlzLnRyYW5zZm9ybS5wb3NpdGlvbiA9IFBvaW50RXh0ZW5zaW9ucy5pbml0aWFsaXplKG5ld1gsIG5ld1kpO1xuICAgIH1cblxuICAgIHByaXZhdGUgZ2V0WmVyb1Bvc2l0aW9uV2l0aG91dFNjYWxlKHBvaW50czogSVBvaW50W10pOiBJUG9pbnQge1xuICAgICAgY29uc3QgeFBvaW50ID0gcG9pbnRzLmxlbmd0aCA/IE1hdGgubWluKC4uLnBvaW50cy5tYXAoKHBvaW50KSA9PiBwb2ludC54KSkgOiAwO1xuICAgICAgY29uc3QgeVBvaW50ID0gcG9pbnRzLmxlbmd0aCA/IE1hdGgubWluKC4uLnBvaW50cy5tYXAoKHBvaW50KSA9PiBwb2ludC55KSkgOiAwO1xuICAgICAgcmV0dXJuIFBvaW50RXh0ZW5zaW9ucy5pbml0aWFsaXplKHhQb2ludCwgeVBvaW50KVxuICAgIH1cblxuICAgIGNvbnN0cnVjdG9yKC4uLmFyZ3M6IGFueVtdKSB7XG4gICAgICBzdXBlciguLi5hcmdzKTtcbiAgICB9XG4gIH07XG59XG4iXX0=

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

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

package/esm2022/lib/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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9mLWZsb3cvc3JjL2xpYi9jb21tb24tYmVoYXZpb3Vycy9maXQtdG8tcGFyZW50L2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsaUJBQWlCLENBQUM7QUFDaEMsY0FBYyx1QkFBdUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vZml0LXRvLXBhcmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2ktY2FuLWZpdC10by1wYXJlbnQnO1xuIl19

package/esm2022/lib/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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9mLWZsb3cvc3JjL2xpYi9jb21tb24tYmVoYXZpb3Vycy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLGVBQWUsQ0FBQztBQUU5QixjQUFjLGlCQUFpQixDQUFDO0FBRWhDLGNBQWMsd0JBQXdCLENBQUM7QUFFdkMsY0FBYyxtQkFBbUIsQ0FBQztBQUVsQyxjQUFjLGVBQWUsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vY2hhbmdlLXpvb20nO1xuXG5leHBvcnQgKiBmcm9tICcuL2ZpdC10by1wYXJlbnQnO1xuXG5leHBvcnQgKiBmcm9tICcuL29uZS10by1vbmUtY2VudGVyaW5nJztcblxuZXhwb3J0ICogZnJvbSAnLi9jaGFuZ2UtcG9zaXRpb24nO1xuXG5leHBvcnQgKiBmcm9tICcuL2NvbnN0cnVjdG9yJztcblxuXG4iXX0=

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

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

package/esm2022/lib/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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9mLWZsb3cvc3JjL2xpYi9jb21tb24tYmVoYXZpb3Vycy9vbmUtdG8tb25lLWNlbnRlcmluZy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLHdCQUF3QixDQUFDO0FBQ3ZDLGNBQWMsOEJBQThCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL29uZS10by1vbmUtY2VudGVyaW5nJztcbmV4cG9ydCAqIGZyb20gJy4vaS1jYW4tb25lLXRvLW9uZS1jZW50ZXJpbmcnO1xuIl19

package/esm2022/lib/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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib25lLXRvLW9uZS1jZW50ZXJpbmcuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9mLWZsb3cvc3JjL2xpYi9jb21tb24tYmVoYXZpb3Vycy9vbmUtdG8tb25lLWNlbnRlcmluZy9vbmUtdG8tb25lLWNlbnRlcmluZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFQSxPQUFPLEVBQWlDLGVBQWUsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUs5RSxNQUFNLFVBQVUsc0JBQXNCLENBQXdDLElBQU87SUFDbkYsT0FBTyxLQUFNLFNBQVEsSUFBSTtRQUVoQixpQkFBaUIsQ0FBQyxJQUFXLEVBQUUsVUFBaUIsRUFBRSxNQUFnQjtZQUN2RSxJQUFJLENBQUMsU0FBUyxDQUFDLGNBQWMsR0FBRyxlQUFlLENBQUMsVUFBVSxFQUFFLENBQUM7WUFDN0QsSUFBSSxDQUFDLFNBQVMsQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLDJCQUEyQixDQUFDLE1BQU0sQ0FBQyxDQUFDO1lBQ25FLE1BQU0sbUJBQW1CLEdBQUcsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQztZQUM5RCxNQUFNLG9CQUFvQixHQUFHLElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLENBQUM7WUFDaEUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLEdBQUcsQ0FBQyxDQUFDO1lBRXpCLE1BQU0sSUFBSSxHQUFHLENBQUMsVUFBVSxDQUFDLEtBQUssR0FBRyxtQkFBbUIsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLFFBQVEsQ0FBQyxDQUFDLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLENBQUM7WUFDcEksTUFBTSxJQUFJLEdBQUcsQ0FBQyxVQUFVLENBQUMsTUFBTSxHQUFHLG9CQUFvQixHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsUUFBUSxDQUFDLENBQUMsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQztZQUV0SSxJQUFJLENBQUMsU0FBUyxDQUFDLFFBQVEsR0FBRyxlQUFlLENBQUMsVUFBVSxDQUFDLElBQUksRUFBRSxJQUFJLENBQUMsQ0FBQztRQUNuRSxDQUFDO1FBRU8sMkJBQTJCLENBQUMsTUFBZ0I7WUFDbEQsTUFBTSxNQUFNLEdBQUcsTUFBTSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxHQUFHLE1BQU0sQ0FBQyxHQUFHLENBQUMsQ0FBQyxLQUFLLEVBQUUsRUFBRSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7WUFDL0UsTUFBTSxNQUFNLEdBQUcsTUFBTSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxHQUFHLE1BQU0sQ0FBQyxHQUFHLENBQUMsQ0FBQyxLQUFLLEVBQUUsRUFBRSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7WUFDL0UsT0FBTyxlQUFlLENBQUMsVUFBVSxDQUFDLE1BQU0sRUFBRSxNQUFNLENBQUMsQ0FBQTtRQUNuRCxDQUFDO1FBRUQsWUFBWSxHQUFHLElBQVc7WUFDeEIsS0FBSyxDQUFDLEdBQUcsSUFBSSxDQUFDLENBQUM7UUFDakIsQ0FBQztLQUNGLENBQUM7QUFDSixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQWJzdHJhY3RDb25zdHJ1Y3RvciwgQ29uc3RydWN0b3IgfSBmcm9tICcuLi9jb25zdHJ1Y3Rvcic7XG5pbXBvcnQgeyBJQ2FuT25lVG9PbmVDZW50ZXJpbmcgfSBmcm9tICcuL2ktY2FuLW9uZS10by1vbmUtY2VudGVyaW5nJztcbmltcG9ydCB7IElQb2ludCwgSVJlY3QsIElUcmFuc2Zvcm1hYmxlLCBQb2ludEV4dGVuc2lvbnMgfSBmcm9tICdAZm9ibGV4L2NvcmUnO1xuXG50eXBlIENhbk9uZVRvT25lQ2VudGVyaW5nQ29uc3RydWN0b3IgPSBDb25zdHJ1Y3RvcjxJQ2FuT25lVG9PbmVDZW50ZXJpbmc+ICYgQWJzdHJhY3RDb25zdHJ1Y3RvcjxJQ2FuT25lVG9PbmVDZW50ZXJpbmc+O1xuXG5leHBvcnQgZnVuY3Rpb24gbWl4aW5PbmVUb09uZUNlbnRlcmluZzxUIGV4dGVuZHMgQWJzdHJhY3RDb25zdHJ1Y3RvcjxJVHJhbnNmb3JtYWJsZT4+KGJhc2U6IFQpOiBDYW5PbmVUb09uZUNlbnRlcmluZ0NvbnN0cnVjdG9yICYgVDtcbmV4cG9ydCBmdW5jdGlvbiBtaXhpbk9uZVRvT25lQ2VudGVyaW5nPFQgZXh0ZW5kcyBDb25zdHJ1Y3RvcjxJVHJhbnNmb3JtYWJsZT4+KGJhc2U6IFQpOiBDYW5PbmVUb09uZUNlbnRlcmluZ0NvbnN0cnVjdG9yICYgVCB7XG4gIHJldHVybiBjbGFzcyBleHRlbmRzIGJhc2Uge1xuXG4gICAgcHVibGljIG9uZVRvT25lQ2VudGVyaW5nKHJlY3Q6IElSZWN0LCBwYXJlbnRSZWN0OiBJUmVjdCwgcG9pbnRzOiBJUG9pbnRbXSk6IHZvaWQge1xuICAgICAgdGhpcy50cmFuc2Zvcm0uc2NhbGVkUG9zaXRpb24gPSBQb2ludEV4dGVuc2lvbnMuaW5pdGlhbGl6ZSgpO1xuICAgICAgdGhpcy50cmFuc2Zvcm0ucG9zaXRpb24gPSB0aGlzLmdldFplcm9Qb3NpdGlvbldpdGhvdXRTY2FsZShwb2ludHMpO1xuICAgICAgY29uc3QgaXRlbXNDb250YWluZXJXaWR0aCA9IHJlY3Qud2lkdGggLyB0aGlzLnRyYW5zZm9ybS5zY2FsZTtcbiAgICAgIGNvbnN0IGl0ZW1zQ29udGFpbmVySGVpZ2h0ID0gcmVjdC5oZWlnaHQgLyB0aGlzLnRyYW5zZm9ybS5zY2FsZTtcbiAgICAgIHRoaXMudHJhbnNmb3JtLnNjYWxlID0gMTtcblxuICAgICAgY29uc3QgbmV3WCA9IChwYXJlbnRSZWN0LndpZHRoIC0gaXRlbXNDb250YWluZXJXaWR0aCAqIHRoaXMudHJhbnNmb3JtLnNjYWxlKSAvIDIgLSB0aGlzLnRyYW5zZm9ybS5wb3NpdGlvbi54ICogdGhpcy50cmFuc2Zvcm0uc2NhbGU7XG4gICAgICBjb25zdCBuZXdZID0gKHBhcmVudFJlY3QuaGVpZ2h0IC0gaXRlbXNDb250YWluZXJIZWlnaHQgKiB0aGlzLnRyYW5zZm9ybS5zY2FsZSkgLyAyIC0gdGhpcy50cmFuc2Zvcm0ucG9zaXRpb24ueSAqIHRoaXMudHJhbnNmb3JtLnNjYWxlO1xuXG4gICAgICB0aGlzLnRyYW5zZm9ybS5wb3NpdGlvbiA9IFBvaW50RXh0ZW5zaW9ucy5pbml0aWFsaXplKG5ld1gsIG5ld1kpO1xuICAgIH1cblxuICAgIHByaXZhdGUgZ2V0WmVyb1Bvc2l0aW9uV2l0aG91dFNjYWxlKHBvaW50czogSVBvaW50W10pOiBJUG9pbnQge1xuICAgICAgY29uc3QgeFBvaW50ID0gcG9pbnRzLmxlbmd0aCA/IE1hdGgubWluKC4uLnBvaW50cy5tYXAoKHBvaW50KSA9PiBwb2ludC54KSkgOiAwO1xuICAgICAgY29uc3QgeVBvaW50ID0gcG9pbnRzLmxlbmd0aCA/IE1hdGgubWluKC4uLnBvaW50cy5tYXAoKHBvaW50KSA9PiBwb2ludC55KSkgOiAwO1xuICAgICAgcmV0dXJuIFBvaW50RXh0ZW5zaW9ucy5pbml0aWFsaXplKHhQb2ludCwgeVBvaW50KVxuICAgIH1cblxuICAgIGNvbnN0cnVjdG9yKC4uLmFyZ3M6IGFueVtdKSB7XG4gICAgICBzdXBlciguLi5hcmdzKTtcbiAgICB9XG4gIH07XG59XG4iXX0=

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

@@ -0,0 +1,28 @@
+import { Directive, InjectionToken } from '@angular/core';
+import { VectorExtensions } from '@foblex/core';
+import { F_SELECTED_CLASS } from '../../i-selectable';
+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();
+    }
+    initialize() {
+    }
+    isContains(element) {
+        return this.hostElement.contains(element);
+    }
+    deselect() {
+        this.hostElement.classList.remove(F_SELECTED_CLASS);
+    }
+    select() {
+        this.hostElement.classList.add(F_SELECTED_CLASS);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.4", ngImport: i0, type: FConnectionBase, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.4", type: FConnectionBase, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.4", ngImport: i0, type: FConnectionBase, decorators: [{
+            type: Directive
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZi1jb25uZWN0aW9uLWJhc2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9mLWZsb3cvc3JjL2xpYi9jb21wb25lbnRzL2YtY29ubmVjdGlvbi9mLWNvbm5lY3Rpb24tYmFzZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLGNBQWMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxRCxPQUFPLEVBQTRCLGdCQUFnQixFQUFFLE1BQU0sY0FBYyxDQUFDO0FBRzFFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBZSxNQUFNLG9CQUFvQixDQUFDOztBQUduRSxNQUFNLENBQUMsTUFBTSxzQkFBc0IsR0FBRyxJQUFJLGNBQWMsQ0FBa0Isd0JBQXdCLENBQUMsQ0FBQztBQUdwRyxNQUFNLE9BQWdCLGVBQWU7SUFEckM7UUFlUyxTQUFJLEdBQVcsRUFBRSxDQUFDO1FBRWxCLFdBQU0sR0FBWSxnQkFBZ0IsQ0FBQyxVQUFVLEVBQUUsQ0FBQztLQXlCeEQ7SUF2QlEsVUFBVTtJQUVqQixDQUFDO0lBRU0sVUFBVSxDQUFDLE9BQWlDO1FBQ2pELE9BQU8sSUFBSSxDQUFDLFdBQVcsQ0FBQyxRQUFRLENBQUMsT0FBTyxDQUFDLENBQUM7SUFDNUMsQ0FBQztJQVVNLFFBQVE7UUFDYixJQUFJLENBQUMsV0FBVyxDQUFDLFNBQVMsQ0FBQyxNQUFNLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztJQUN0RCxDQUFDO0lBRU0sTUFBTTtRQUNYLElBQUksQ0FBQyxXQUFXLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO0lBQ25ELENBQUM7OEdBeENtQixlQUFlO2tHQUFmLGVBQWU7OzJGQUFmLGVBQWU7a0JBRHBDLFNBQVMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIEluamVjdGlvblRva2VuIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJSGFzSG9zdEVsZW1lbnQsIElWZWN0b3IsIFZlY3RvckV4dGVuc2lvbnMgfSBmcm9tICdAZm9ibGV4L2NvcmUnO1xuaW1wb3J0IHsgRk5vZGVPdXRwdXRCYXNlIH0gZnJvbSAnLi4vZi1jb25uZWN0b3JzJztcbmltcG9ydCB7IElJbnB1dE91dHB1dE1vZGVsIH0gZnJvbSAnLi9pLWlucHV0LW91dHB1dC1tb2RlbCc7XG5pbXBvcnQgeyBGX1NFTEVDVEVEX0NMQVNTLCBJU2VsZWN0YWJsZSB9IGZyb20gJy4uLy4uL2ktc2VsZWN0YWJsZSc7XG5pbXBvcnQgeyBGQ29ubmVjdGlvblBhdGhDb21wb25lbnQgfSBmcm9tICcuL2YtcGF0aC9mLWNvbm5lY3Rpb24tcGF0aC5jb21wb25lbnQnO1xuXG5leHBvcnQgY29uc3QgRl9DT05ORUNUSU9OX0NPTVBPTkVOVCA9IG5ldyBJbmplY3Rpb25Ub2tlbjxGQ29ubmVjdGlvbkJhc2U+KCdGX0NPTk5FQ1RJT05fQ09NUE9ORU5UJyk7XG5cbkBEaXJlY3RpdmUoKVxuZXhwb3J0IGFic3RyYWN0IGNsYXNzIEZDb25uZWN0aW9uQmFzZTxUT3V0cHV0ID0gRk5vZGVPdXRwdXRCYXNlPiBpbXBsZW1lbnRzIElIYXNIb3N0RWxlbWVudCwgSVNlbGVjdGFibGUge1xuXG4gIHB1YmxpYyBhYnN0cmFjdCBpZDogYW55O1xuXG4gIHB1YmxpYyBhYnN0cmFjdCBob3N0RWxlbWVudDogU1ZHR0VsZW1lbnQ7XG5cbiAgcHVibGljIGFic3RyYWN0IG91dHB1dElkOiBhbnk7XG5cbiAgcHVibGljIGFic3RyYWN0IGlucHV0SWQ6IGFueTtcblxuICBwdWJsaWMgZnJvbVRvOiBJSW5wdXRPdXRwdXRNb2RlbDxUT3V0cHV0PiB8IHVuZGVmaW5lZDtcblxuICBwdWJsaWMgYWJzdHJhY3QgZlBhdGg6IEZDb25uZWN0aW9uUGF0aENvbXBvbmVudDtcblxuICBwdWJsaWMgcGF0aDogc3RyaW5nID0gJyc7XG5cbiAgcHVibGljIHZlY3RvcjogSVZlY3RvciA9IFZlY3RvckV4dGVuc2lvbnMuaW5pdGlhbGl6ZSgpO1xuXG4gIHB1YmxpYyBpbml0aWFsaXplKCk6IHZvaWQge1xuXG4gIH1cblxuICBwdWJsaWMgaXNDb250YWlucyhlbGVtZW50OiBIVE1MRWxlbWVudCB8IFNWR0VsZW1lbnQpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5ob3N0RWxlbWVudC5jb250YWlucyhlbGVtZW50KTtcbiAgfVxuXG4gIHB1YmxpYyBhYnN0cmFjdCBpbml0aWFsaXplRHJhZygpOiB2b2lkO1xuXG4gIHB1YmxpYyBhYnN0cmFjdCByZWRyYXcoKTogdm9pZDtcblxuICBwdWJsaWMgYWJzdHJhY3Qgc2V0VmVjdG9yKHZlY3RvcjogSVZlY3Rvcik6IHZvaWQ7XG5cbiAgcHVibGljIGFic3RyYWN0IGNvbXBsZXRlRHJhZygpOiB2b2lkO1xuXG4gIHB1YmxpYyBkZXNlbGVjdCgpOiB2b2lkIHtcbiAgICB0aGlzLmhvc3RFbGVtZW50LmNsYXNzTGlzdC5yZW1vdmUoRl9TRUxFQ1RFRF9DTEFTUyk7XG4gIH1cblxuICBwdWJsaWMgc2VsZWN0KCk6IHZvaWQge1xuICAgIHRoaXMuaG9zdEVsZW1lbnQuY2xhc3NMaXN0LmFkZChGX1NFTEVDVEVEX0NMQVNTKTtcbiAgfVxufVxuIl19

package/esm2022/lib/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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZi1jb25uZWN0aW9uLWlkZW50aWZpZXJzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZi1mbG93L3NyYy9saWIvY29tcG9uZW50cy9mLWNvbm5lY3Rpb24vZi1jb25uZWN0aW9uLWlkZW50aWZpZXJzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sQ0FBQyxNQUFNLHdCQUF3QixHQUFHO0lBRXRDLE1BQU0sQ0FBQyxZQUFvQjtRQUN6QixPQUFPLGtCQUFrQixHQUFHLFlBQVksQ0FBQztJQUMzQyxDQUFDO0lBQ0Qsd0JBQXdCLENBQUMsWUFBb0I7UUFDM0MsT0FBTywyQkFBMkIsR0FBRyxZQUFZLENBQUM7SUFDcEQsQ0FBQztJQUNELFlBQVksQ0FBQyxZQUFvQjtRQUMvQixPQUFPLGFBQWEsR0FBRyxZQUFZLENBQUM7SUFDdEMsQ0FBQztJQUNELFVBQVUsQ0FBQyxZQUFvQjtRQUM3QixPQUFPLHNCQUFzQixHQUFHLFlBQVksQ0FBQztJQUMvQyxDQUFDO0lBQ0QsY0FBYyxDQUFDLFlBQW9CO1FBQ2pDLE9BQU8sUUFBUyx3QkFBd0IsQ0FBQyxVQUFVLENBQUMsWUFBWSxDQUFFLEdBQUcsQ0FBQztJQUN4RSxDQUFDO0lBQ0QsZ0JBQWdCLENBQUMsWUFBb0I7UUFDbkMsT0FBTyxJQUFLLHdCQUF3QixDQUFDLFlBQVksQ0FBQyxZQUFZLENBQUUsRUFBRSxDQUFDO0lBQ3JFLENBQUM7Q0FDRixDQUFBIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGNvbnN0IEZfQ09OTkVDVElPTl9JREVOVElGSUVSUyA9IHtcblxuICB0ZXh0SWQoY29ubmVjdGlvbklkOiBzdHJpbmcpOiBzdHJpbmcge1xuICAgIHJldHVybiAnY29ubmVjdGlvbl90ZXh0XycgKyBjb25uZWN0aW9uSWQ7XG4gIH0sXG4gIGNvbm5lY3Rpb25Gb3JTZWxlY3Rpb25JZChjb25uZWN0aW9uSWQ6IHN0cmluZyk6IHN0cmluZyB7XG4gICAgcmV0dXJuICdjb25uZWN0aW9uX2Zvcl9zZWxlY3Rpb25fJyArIGNvbm5lY3Rpb25JZDtcbiAgfSxcbiAgY29ubmVjdGlvbklkKGNvbm5lY3Rpb25JZDogc3RyaW5nKTogc3RyaW5nIHtcbiAgICByZXR1cm4gJ2Nvbm5lY3Rpb25fJyArIGNvbm5lY3Rpb25JZDtcbiAgfSxcbiAgZ3JhZGllbnRJZChjb25uZWN0aW9uSWQ6IHN0cmluZyk6IHN0cmluZyB7XG4gICAgcmV0dXJuICdjb25uZWN0aW9uX2dyYWRpZW50XycgKyBjb25uZWN0aW9uSWQ7XG4gIH0sXG4gIGxpbmtUb0dyYWRpZW50KGNvbm5lY3Rpb25JZDogc3RyaW5nKTogc3RyaW5nIHtcbiAgICByZXR1cm4gYHVybCgjJHsgRl9DT05ORUNUSU9OX0lERU5USUZJRVJTLmdyYWRpZW50SWQoY29ubmVjdGlvbklkKSB9KWA7XG4gIH0sXG4gIGxpbmtUb0Nvbm5lY3Rpb24oY29ubmVjdGlvbklkOiBzdHJpbmcpOiBzdHJpbmcge1xuICAgIHJldHVybiBgIyR7IEZfQ09OTkVDVElPTl9JREVOVElGSUVSUy5jb25uZWN0aW9uSWQoY29ubmVjdGlvbklkKSB9YDtcbiAgfVxufVxuIl19

package/esm2022/lib/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.4", ngImport: i0, type: FConnectionTextPathDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.4", 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.4", 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZi1jb25uZWN0aW9uLXRleHQtcGF0aC5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9mLWZsb3cvc3JjL2xpYi9jb21wb25lbnRzL2YtY29ubmVjdGlvbi9mLWNvbm5lY3Rpb24tdGV4dC9mLWNvbm5lY3Rpb24tdGV4dC1wYXRoLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFjLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUVyRSxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQzs7QUFVdkUsTUFBTSxPQUFPLDRCQUE0QjtJQUt2QyxJQUFXLGdCQUFnQjtRQUN6QixPQUFPLHdCQUF3QixDQUFDLGdCQUFnQixDQUM1QyxJQUFJLENBQUMsTUFBTSxFQUFFLE1BQU0sQ0FBQyxFQUFFLEdBQUcsSUFBSSxDQUFDLE1BQU0sRUFBRSxLQUFLLEVBQUUsRUFBRSxDQUNsRCxDQUFDO0lBQ0osQ0FBQztJQUVELElBQVcsV0FBVztRQUNwQixPQUFPLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxhQUFhLENBQUM7SUFDN0MsQ0FBQztJQUVELFlBQ1UsZ0JBQTRDO1FBQTVDLHFCQUFnQixHQUFoQixnQkFBZ0IsQ0FBNEI7SUFFdEQsQ0FBQztJQUVNLFFBQVE7UUFDYixJQUFJLENBQUMsV0FBVyxDQUFDLFlBQVksQ0FBQyxhQUFhLEVBQUUsS0FBSyxDQUFDLENBQUM7UUFDcEQsSUFBSSxDQUFDLFdBQVcsQ0FBQyxZQUFZLENBQUMsYUFBYSxFQUFFLFFBQVEsQ0FBQyxDQUFDO0lBQ3pELENBQUM7SUFFTSxPQUFPO1FBQ1osT0FBTyxJQUFJLENBQUMsV0FBVyxDQUFDLE9BQU8sRUFBRSxDQUFDO0lBQ3BDLENBQUM7SUFFTSxTQUFTLENBQUMsTUFBYztRQUM3QixJQUFJLENBQUMsV0FBVyxDQUFDLFlBQVksQ0FBQyxhQUFhLEVBQUUsTUFBTSxDQUFDLFFBQVEsRUFBRSxDQUFDLENBQUM7SUFDbEUsQ0FBQzs4R0EvQlUsNEJBQTRCO2tHQUE1Qiw0QkFBNEI7OzJGQUE1Qiw0QkFBNEI7a0JBTnhDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGtDQUFrQztvQkFDNUMsSUFBSSxFQUFFO3dCQUNKLGFBQWEsRUFBRSxrQkFBa0I7cUJBQ2xDO2lCQUNGO2lHQUlRLE1BQU07c0JBRFosS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgRWxlbWVudFJlZiwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSUhhc0hvc3RFbGVtZW50IH0gZnJvbSAnQGZvYmxleC9jb3JlJztcbmltcG9ydCB7IEZfQ09OTkVDVElPTl9JREVOVElGSUVSUyB9IGZyb20gJy4uL2YtY29ubmVjdGlvbi1pZGVudGlmaWVycyc7XG5pbXBvcnQgeyBJSW5wdXRPdXRwdXRNb2RlbCB9IGZyb20gJy4uL2ktaW5wdXQtb3V0cHV0LW1vZGVsJztcbmltcG9ydCB7IEZOb2RlT3V0bGV0QmFzZSwgRk5vZGVPdXRwdXRCYXNlIH0gZnJvbSAnLi4vLi4vZi1jb25uZWN0b3JzJztcblxuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAndGV4dFBhdGhbZi1jb25uZWN0aW9uLXRleHQtcGF0aF0nLFxuICBob3N0OiB7XG4gICAgJ1thdHRyLmhyZWZdJzogJ2xpbmtUb0Nvbm5lY3Rpb24nXG4gIH1cbn0pXG5leHBvcnQgY2xhc3MgRkNvbm5lY3Rpb25UZXh0UGF0aERpcmVjdGl2ZSBpbXBsZW1lbnRzIElIYXNIb3N0RWxlbWVudCwgT25Jbml0IHtcblxuICBASW5wdXQoKVxuICBwdWJsaWMgZnJvbVRvOiBJSW5wdXRPdXRwdXRNb2RlbDxGTm9kZU91dHB1dEJhc2UgfCBGTm9kZU91dGxldEJhc2U+IHwgdW5kZWZpbmVkO1xuXG4gIHB1YmxpYyBnZXQgbGlua1RvQ29ubmVjdGlvbigpOiBzdHJpbmcge1xuICAgIHJldHVybiBGX0NPTk5FQ1RJT05fSURFTlRJRklFUlMubGlua1RvQ29ubmVjdGlvbihcbiAgICAgICAgdGhpcy5mcm9tVG8/Lm91dHB1dC5pZCArIHRoaXMuZnJvbVRvPy5pbnB1dD8uaWRcbiAgICApO1xuICB9XG5cbiAgcHVibGljIGdldCBob3N0RWxlbWVudCgpOiBTVkdQYXRoRWxlbWVudCB7XG4gICAgcmV0dXJuIHRoaXMuZWxlbWVudFJlZmVyZW5jZS5uYXRpdmVFbGVtZW50O1xuICB9XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSBlbGVtZW50UmVmZXJlbmNlOiBFbGVtZW50UmVmPFNWR1BhdGhFbGVtZW50PixcbiAgKSB7XG4gIH1cblxuICBwdWJsaWMgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5ob3N0RWxlbWVudC5zZXRBdHRyaWJ1dGUoJ3N0YXJ0T2Zmc2V0JywgJzUwJScpO1xuICAgIHRoaXMuaG9zdEVsZW1lbnQuc2V0QXR0cmlidXRlKCd0ZXh0LWFuY2hvcicsIGBtaWRkbGVgKTtcbiAgfVxuXG4gIHB1YmxpYyBnZXRCQm94KCk6IERPTVJlY3Qge1xuICAgIHJldHVybiB0aGlzLmhvc3RFbGVtZW50LmdldEJCb3goKTtcbiAgfVxuXG4gIHB1YmxpYyBzZXRPZmZzZXQob2Zmc2V0OiBudW1iZXIpOiB2b2lkIHtcbiAgICB0aGlzLmhvc3RFbGVtZW50LnNldEF0dHJpYnV0ZSgnc3RhcnRPZmZzZXQnLCBvZmZzZXQudG9TdHJpbmcoKSk7XG4gIH1cbn1cbiJdfQ==

package/esm2022/lib/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.4", ngImport: i0, type: FConnectionTextComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.4", 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.4", 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZi1jb25uZWN0aW9uLXRleHQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZi1mbG93L3NyYy9saWIvY29tcG9uZW50cy9mLWNvbm5lY3Rpb24vZi1jb25uZWN0aW9uLXRleHQvZi1jb25uZWN0aW9uLXRleHQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZi1mbG93L3NyYy9saWIvY29tcG9uZW50cy9mLWNvbm5lY3Rpb24vZi1jb25uZWN0aW9uLXRleHQvZi1jb25uZWN0aW9uLXRleHQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQWMsS0FBSyxFQUFFLFNBQVMsRUFDeEMsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUE0QixlQUFlLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFDekUsT0FBTyxFQUFFLDRCQUE0QixFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFDbEYsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sNkJBQTZCLENBQUM7OztBQWF2RSxNQUFNLE9BQU8sd0JBQXdCO0lBS25DLElBQVcsTUFBTTtRQUNmLE9BQU8sd0JBQXdCLENBQUMsTUFBTSxDQUNwQyxJQUFJLENBQUMsTUFBTSxFQUFFLE1BQU0sQ0FBQyxFQUFFLEdBQUcsSUFBSSxDQUFDLE1BQU0sRUFBRSxLQUFLLEVBQUUsRUFBRSxDQUNoRCxDQUFDO0lBQ0osQ0FBQztJQUVELElBQVcsV0FBVztRQUNwQixPQUFPLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxhQUFhLENBQUM7SUFDN0MsQ0FBQztJQUtELFlBQ1UsZ0JBQTRDO1FBQTVDLHFCQUFnQixHQUFoQixnQkFBZ0IsQ0FBNEI7SUFFdEQsQ0FBQztJQUVNLE1BQU0sQ0FBQyxNQUFlO1FBRTNCLE1BQU0sYUFBYSxHQUFZLHdCQUF3QixDQUFDLGFBQWEsQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUU5RSxJQUFJLENBQUMsV0FBVyxDQUFDLFlBQVksQ0FBQyxJQUFJLEVBQUUsYUFBYSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDO1FBRWpFLE1BQU0sUUFBUSxHQUFHLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxPQUFPLEVBQUUsQ0FBQztRQUNsRCxNQUFNLGNBQWMsR0FBRyxDQUFFLFFBQVEsQ0FBQyxDQUFDLEdBQUcsUUFBUSxDQUFDLEtBQUssR0FBRyxDQUFDLEVBQUUsUUFBUSxDQUFDLENBQUMsR0FBRyxRQUFRLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBRSxDQUFDO1FBQzdGLElBQUksQ0FBQyxXQUFXLENBQUMsWUFBWSxDQUFDLFdBQVcsRUFBRSxhQUFhLENBQUMsQ0FBQyxDQUFDLGVBQWdCLGNBQWUsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUNwRyxNQUFNLFdBQVcsR0FBRyx3QkFBd0IsQ0FBQyxrQkFBa0IsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLE1BQU0sRUFBRSxNQUFNLENBQUMsSUFBSSxJQUFJLEVBQUUsQ0FBQyxDQUFDO1FBQ3pHLGlEQUFpRDtRQUVoRCxJQUFJLFdBQVcsR0FBRyxDQUFDLEVBQUU7WUFFbkIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxLQUFLLENBQUMsT0FBTyxHQUFHLE1BQU0sQ0FBQztTQUN6QzthQUFNO1lBRUwsSUFBSSxDQUFDLFdBQVcsQ0FBQyxLQUFLLENBQUMsT0FBTyxHQUFHLE9BQU8sQ0FBQztTQUMxQztJQUNILENBQUM7SUFFTyxNQUFNLENBQUMsYUFBYSxDQUFDLE1BQWU7UUFDMUMsT0FBTyxNQUFNLENBQUMsTUFBTSxDQUFDLENBQUMsR0FBRyxNQUFNLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQztJQUMzQyxDQUFDO0lBRU8sTUFBTSxDQUFDLGtCQUFrQixDQUFDLE1BQWUsRUFBRSxJQUFZO1FBQzdELE1BQU0sV0FBVyxHQUFXLENBQUMsQ0FBQztRQUM5QixNQUFNLFlBQVksR0FBVyxlQUFlLENBQUMsVUFBVSxDQUFDLE1BQU0sQ0FBQyxNQUFNLEVBQUUsTUFBTSxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQ3RGLE9BQU8sWUFBWSxHQUFHLENBQUMsR0FBRyxDQUFDLENBQUMsSUFBSSxJQUFJLEVBQUUsQ0FBQyxDQUFDLE1BQU0sR0FBRyxXQUFXLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDcEUsQ0FBQzs4R0FwRFUsd0JBQXdCO2tHQUF4Qix3QkFBd0IsZ1BBZXhCLDRCQUE0Qiw4RENsQ3pDLG9NQUtBOzsyRkRjYSx3QkFBd0I7a0JBVHBDLFNBQVM7K0JBQ0UseUJBQXlCLG1CQUVsQix1QkFBdUIsQ0FBQyxNQUFNLFFBQ3pDO3dCQUNKLEtBQUssRUFBRSwrQkFBK0I7d0JBQ3RDLFdBQVcsRUFBRSxRQUFRO3FCQUN0QjtpR0FLTSxNQUFNO3NCQURaLEtBQUs7Z0JBY0MsaUJBQWlCO3NCQUR2QixTQUFTO3VCQUFDLDRCQUE0QixFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsIEVsZW1lbnRSZWYsIElucHV0LCBWaWV3Q2hpbGRcbn0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IElIYXNIb3N0RWxlbWVudCwgSVZlY3RvciwgUG9pbnRFeHRlbnNpb25zIH0gZnJvbSAnQGZvYmxleC9jb3JlJztcbmltcG9ydCB7IEZDb25uZWN0aW9uVGV4dFBhdGhEaXJlY3RpdmUgfSBmcm9tICcuL2YtY29ubmVjdGlvbi10ZXh0LXBhdGguZGlyZWN0aXZlJztcbmltcG9ydCB7IEZfQ09OTkVDVElPTl9JREVOVElGSUVSUyB9IGZyb20gJy4uL2YtY29ubmVjdGlvbi1pZGVudGlmaWVycyc7XG5pbXBvcnQgeyBJSW5wdXRPdXRwdXRNb2RlbCB9IGZyb20gJy4uL2ktaW5wdXQtb3V0cHV0LW1vZGVsJztcbmltcG9ydCB7IEZOb2RlT3V0bGV0QmFzZSwgRk5vZGVPdXRwdXRCYXNlIH0gZnJvbSAnLi4vLi4vZi1jb25uZWN0b3JzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiBcInRleHRbZi1jb25uZWN0aW9uLXRleHRdXCIsXG4gIHRlbXBsYXRlVXJsOiBcIi4vZi1jb25uZWN0aW9uLXRleHQuY29tcG9uZW50Lmh0bWxcIixcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGhvc3Q6IHtcbiAgICBjbGFzczogXCJmLWNvbXBvbmVudCBmLWNvbm5lY3Rpb24tdGV4dFwiLFxuICAgICdbYXR0ci5pZF0nOiAndGV4dElkJyxcbiAgfSxcbn0pXG5leHBvcnQgY2xhc3MgRkNvbm5lY3Rpb25UZXh0Q29tcG9uZW50IGltcGxlbWVudHMgSUhhc0hvc3RFbGVtZW50IHtcblxuICBASW5wdXQoKVxuICBwdWJsaWMgZnJvbVRvOiBJSW5wdXRPdXRwdXRNb2RlbDxGTm9kZU91dHB1dEJhc2UgfCBGTm9kZU91dGxldEJhc2U+IHwgdW5kZWZpbmVkO1xuXG4gIHB1YmxpYyBnZXQgdGV4dElkKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIEZfQ09OTkVDVElPTl9JREVOVElGSUVSUy50ZXh0SWQoXG4gICAgICB0aGlzLmZyb21Ubz8ub3V0cHV0LmlkICsgdGhpcy5mcm9tVG8/LmlucHV0Py5pZFxuICAgICk7XG4gIH1cblxuICBwdWJsaWMgZ2V0IGhvc3RFbGVtZW50KCk6IFNWR1RleHRFbGVtZW50IHtcbiAgICByZXR1cm4gdGhpcy5lbGVtZW50UmVmZXJlbmNlLm5hdGl2ZUVsZW1lbnQ7XG4gIH1cblxuICBAVmlld0NoaWxkKEZDb25uZWN0aW9uVGV4dFBhdGhEaXJlY3RpdmUsIHsgc3RhdGljOiB0cnVlIH0pXG4gIHB1YmxpYyB0ZXh0UGF0aERpcmVjdGl2ZSE6IEZDb25uZWN0aW9uVGV4dFBhdGhEaXJlY3RpdmU7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSBlbGVtZW50UmVmZXJlbmNlOiBFbGVtZW50UmVmPFNWR1RleHRFbGVtZW50PlxuICApIHtcbiAgfVxuXG4gIHB1YmxpYyByZWRyYXcodmVjdG9yOiBJVmVjdG9yKTogdm9pZCB7XG5cbiAgICBjb25zdCBpc1RleHRSZXZlcnNlOiBib29sZWFuID0gRkNvbm5lY3Rpb25UZXh0Q29tcG9uZW50LmlzVGV4dFJldmVyc2UodmVjdG9yKTtcblxuICAgIHRoaXMuaG9zdEVsZW1lbnQuc2V0QXR0cmlidXRlKCdkeScsIGlzVGV4dFJldmVyc2UgPyAnMTUnIDogJy04Jyk7XG5cbiAgICBjb25zdCB0ZXh0UmVjdCA9IHRoaXMudGV4dFBhdGhEaXJlY3RpdmUuZ2V0QkJveCgpO1xuICAgIGNvbnN0IHRleHRSZWN0Q2VudGVyID0gWyB0ZXh0UmVjdC54ICsgdGV4dFJlY3Qud2lkdGggLyAyLCB0ZXh0UmVjdC55ICsgdGV4dFJlY3QuaGVpZ2h0IC8gMiBdO1xuICAgIHRoaXMuaG9zdEVsZW1lbnQuc2V0QXR0cmlidXRlKCd0cmFuc2Zvcm0nLCBpc1RleHRSZXZlcnNlID8gYHJvdGF0ZSgxODAsICR7IHRleHRSZWN0Q2VudGVyIH0pYCA6ICcnKTtcbiAgICBjb25zdCBzdGFydE9mZnNldCA9IEZDb25uZWN0aW9uVGV4dENvbXBvbmVudC5nZXRUZXh0U3RhcnRPZmZzZXQodmVjdG9yLCB0aGlzLmZyb21Ubz8ub3V0cHV0Lm5hbWUgfHwgJycpO1xuICAgLy8gdGhpcy50ZXh0UGF0aERpcmVjdGl2ZS5zZXRPZmZzZXQoc3RhcnRPZmZzZXQpO1xuXG4gICAgaWYgKHN0YXJ0T2Zmc2V0IDwgMCkge1xuXG4gICAgICB0aGlzLmhvc3RFbGVtZW50LnN0eWxlLmRpc3BsYXkgPSAnbm9uZSc7XG4gICAgfSBlbHNlIHtcblxuICAgICAgdGhpcy5ob3N0RWxlbWVudC5zdHlsZS5kaXNwbGF5ID0gJ3Vuc2V0JztcbiAgICB9XG4gIH1cblxuICBwcml2YXRlIHN0YXRpYyBpc1RleHRSZXZlcnNlKHZlY3RvcjogSVZlY3Rvcik6IGJvb2xlYW4ge1xuICAgIHJldHVybiB2ZWN0b3IucG9pbnQxLnggPiB2ZWN0b3IucG9pbnQyLng7XG4gIH1cblxuICBwcml2YXRlIHN0YXRpYyBnZXRUZXh0U3RhcnRPZmZzZXQodmVjdG9yOiBJVmVjdG9yLCBuYW1lOiBzdHJpbmcpOiBudW1iZXIge1xuICAgIGNvbnN0IHN5bWJvbFdpZHRoOiBudW1iZXIgPSA4O1xuICAgIGNvbnN0IHZlY3Rvckxlbmd0aDogbnVtYmVyID0gUG9pbnRFeHRlbnNpb25zLmh5cG90ZW51c2UodmVjdG9yLnBvaW50MSwgdmVjdG9yLnBvaW50Mik7XG4gICAgcmV0dXJuIHZlY3Rvckxlbmd0aCAvIDIgLSAoKG5hbWUgfHwgJycpLmxlbmd0aCAqIHN5bWJvbFdpZHRoKSAvIDI7XG4gIH1cbn1cblxuIiwiPG5nLWNvbnRhaW5lciB4bWxuczpzdmc9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiPlxuICAgIDxzdmc6dGV4dFBhdGggZi1jb25uZWN0aW9uLXRleHQtcGF0aCBbZnJvbVRvXT1cImZyb21Ub1wiPlxuICAgICAgICB7eyBmcm9tVG8/Lm91dHB1dD8ubmFtZSB9fVxuICAgIDwvc3ZnOnRleHRQYXRoPlxuPC9uZy1jb250YWluZXI+XG4iXX0=

package/esm2022/lib/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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9mLWZsb3cvc3JjL2xpYi9jb21wb25lbnRzL2YtY29ubmVjdGlvbi9mLWNvbm5lY3Rpb24tdGV4dC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLCtCQUErQixDQUFDO0FBQzlDLGNBQWMsb0NBQW9DLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2YtY29ubmVjdGlvbi10ZXh0LmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2YtY29ubmVjdGlvbi10ZXh0LXBhdGguZGlyZWN0aXZlJztcbiJdfQ==

package/esm2022/lib/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.4", 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.4", 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.4", 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZi1jb25uZWN0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2YtZmxvdy9zcmMvbGliL2NvbXBvbmVudHMvZi1jb25uZWN0aW9uL2YtY29ubmVjdGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9mLWZsb3cvc3JjL2xpYi9jb21wb25lbnRzL2YtY29ubmVjdGlvbi9mLWNvbm5lY3Rpb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUFFLFNBQVMsRUFBYyxNQUFNLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFDekUsTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUFFLHNCQUFzQixFQUFFLGVBQWUsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQzlFLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLGlEQUFpRCxDQUFDO0FBQzNGLE9BQU8sRUFBRSw4QkFBOEIsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ2pFLE9BQU8sRUFBRSw2QkFBNkIsRUFBRSxNQUFNLGdEQUFnRCxDQUFDO0FBQy9GLE9BQU8sRUFBRSw0QkFBNEIsRUFBRSxNQUFNLDhDQUE4QyxDQUFDO0FBQzVGLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBQ2hGLE9BQU8sRUFBRSxnQkFBZ0IsRUFBYSxNQUFNLFdBQVcsQ0FBQztBQUN4RCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQzs7Ozs7Ozs7QUFFcEUsSUFBSSxRQUFRLEdBQVcsQ0FBQyxDQUFDO0FBWXpCLE1BQU0sT0FBTyxvQkFBcUIsU0FBUSxlQUFlO0lBMEJ2RCxJQUFXLFdBQVc7UUFDcEIsT0FBTyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsYUFBYSxDQUFDO0lBQzdDLENBQUM7SUFFRCxZQUNVLGdCQUF5QyxFQUNmLElBQWU7UUFFakQsS0FBSyxFQUFFLENBQUM7UUFIQSxxQkFBZ0IsR0FBaEIsZ0JBQWdCLENBQXlCO1FBQ2YsU0FBSSxHQUFKLElBQUksQ0FBVztRQTdCbkMsT0FBRSxHQUFXLGdCQUFpQixRQUFRLEVBQUcsRUFBRSxDQUFDO0lBZ0M1RCxDQUFDO0lBRWUsVUFBVTtRQUN4QixNQUFNLE1BQU0sR0FBRyxzQkFBc0IsQ0FDbkMsSUFBSSxDQUFDLE1BQU8sQ0FBQyxNQUFNLENBQUMsc0JBQXNCLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxTQUFTLEVBQUUsSUFBSSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsRUFDdEYsSUFBSSxDQUFDLE1BQU8sQ0FBQyxLQUFLLENBQUMsc0JBQXNCLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxTQUFTLEVBQUUsSUFBSSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FDdEYsQ0FBQztRQUNGLElBQUksQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDdkIsSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDO0lBQ2hCLENBQUM7SUFFTSxjQUFjO0lBQ3JCLENBQUM7SUFFTSxTQUFTLENBQUMsTUFBZTtRQUM5QixJQUFJLENBQUMsTUFBTSxHQUFHLE1BQU0sQ0FBQztRQUNyQixJQUFJLENBQUMsSUFBSSxHQUFHLElBQUssTUFBTSxDQUFDLE1BQU0sQ0FBQyxDQUFFLElBQUssTUFBTSxDQUFDLE1BQU0sQ0FBQyxDQUFFLElBQUssTUFBTSxDQUFDLE1BQU0sQ0FBQyxDQUFDLEdBQUcsTUFBTyxJQUFLLE1BQU0sQ0FBQyxNQUFNLENBQUMsQ0FBQyxHQUFHLE1BQU8sRUFBRSxDQUFDO0lBQ3ZILENBQUM7SUFFTSxNQUFNO1FBQ1gsSUFBSSxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQzlCLElBQUksQ0FBQyxVQUFVLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUNuQyxJQUFJLENBQUMsU0FBUyxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDbkMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUM1QyxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDakMsQ0FBQztJQUVlLE1BQU07UUFDcEIsSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLEVBQUUsQ0FBQztRQUNwQixLQUFLLENBQUMsTUFBTSxFQUFFLENBQUM7SUFDakIsQ0FBQztJQUVlLFFBQVE7UUFDdEIsSUFBSSxDQUFDLEtBQUssQ0FBQyxRQUFRLEVBQUUsQ0FBQztRQUN0QixLQUFLLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDbkIsQ0FBQztJQUVNLFlBQVk7UUFDakIsSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDO0lBQ2hCLENBQUM7OEdBMUVVLG9CQUFvQiw0Q0FnQ3JCLGdCQUFnQjtrR0FoQ2Ysb0JBQW9CLGdNQUZwQixDQUFFLEVBQUUsT0FBTyxFQUFFLHNCQUFzQixFQUFFLFdBQVcsRUFBRSxvQkFBb0IsRUFBRSxDQUFFLGlFQWExRSx3QkFBd0IsMEZBR3hCLDRCQUE0Qiw0RkFHNUIsOEJBQThCLDJGQUc5Qiw2QkFBNkIsc0ZBRzdCLHdCQUF3QixxRkNoRHJDLGdmQVNBOzsyRkRnQmEsb0JBQW9CO2tCQVZoQyxTQUFTOytCQUNFLGdCQUFnQixtQkFFVCx1QkFBdUIsQ0FBQyxNQUFNLFFBQ3pDO3dCQUNKLFdBQVcsRUFBRSxJQUFJO3dCQUNqQixLQUFLLEVBQUUsMEJBQTBCO3FCQUNsQyxhQUNVLENBQUUsRUFBRSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsV0FBVyxzQkFBc0IsRUFBRSxDQUFFOzswQkFrQ2xGLE1BQU07MkJBQUMsZ0JBQWdCOzRDQTdCVixFQUFFO3NCQURqQixLQUFLO2dCQUlVLFFBQVE7c0JBRHZCLEtBQUs7Z0JBSVUsT0FBTztzQkFEdEIsS0FBSztnQkFJVSxLQUFLO3NCQURwQixTQUFTO3VCQUFDLHdCQUF3QixFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRTtnQkFJOUMsU0FBUztzQkFEZixTQUFTO3VCQUFDLDRCQUE0QixFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRTtnQkFJbEQsV0FBVztzQkFEakIsU0FBUzt1QkFBQyw4QkFBOEIsRUFBRSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUU7Z0JBSXBELFVBQVU7c0JBRGhCLFNBQVM7dUJBQUMsNkJBQTZCLEVBQUUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFO2dCQUluRCxLQUFLO3NCQURYLFNBQVM7dUJBQUMsd0JBQXdCLEVBQUUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRWxlbWVudFJlZiwgSW5qZWN0LCBJbnB1dCwgVmlld0NoaWxkXG59IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBJVmVjdG9yIH0gZnJvbSAnQGZvYmxleC9jb3JlJztcbmltcG9ydCB7IEZfQ09OTkVDVElPTl9DT01QT05FTlQsIEZDb25uZWN0aW9uQmFzZSB9IGZyb20gJy4vZi1jb25uZWN0aW9uLWJhc2UnO1xuaW1wb3J0IHsgRkNvbm5lY3Rpb25UZXh0Q29tcG9uZW50IH0gZnJvbSAnLi9mLWNvbm5lY3Rpb24tdGV4dC9mLWNvbm5lY3Rpb24tdGV4dC5jb21wb25lbnQnO1xuaW1wb3J0IHsgRkNvbm5lY3Rpb25EcmFnSGFuZGxlQ29tcG9uZW50IH0gZnJvbSAnLi9mLWRyYWctaGFuZGxlJztcbmltcG9ydCB7IEZDb25uZWN0aW9uU2VsZWN0aW9uQ29tcG9uZW50IH0gZnJvbSAnLi9mLXNlbGVjdGlvbi9mLWNvbm5lY3Rpb24tc2VsZWN0aW9uLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBGQ29ubmVjdGlvbkdyYWRpZW50Q29tcG9uZW50IH0gZnJvbSAnLi9mLWdyYWRpZW50L2YtY29ubmVjdGlvbi1ncmFkaWVudC5jb21wb25lbnQnO1xuaW1wb3J0IHsgRkNvbm5lY3Rpb25QYXRoQ29tcG9uZW50IH0gZnJvbSAnLi9mLXBhdGgvZi1jb25uZWN0aW9uLXBhdGguY29tcG9uZW50JztcbmltcG9ydCB7IEZfRkxPV19DT01QT05FTlQsIEZGbG93QmFzZSB9IGZyb20gJy4uL2YtZmxvdyc7XG5pbXBvcnQgeyBnZXRDb25uZWN0aW9uSW50ZXJzZWN0IH0gZnJvbSAnLi9nZXQtY29ubmVjdGlvbi1pbnRlcnNlY3QnO1xuXG5sZXQgdW5pcXVlSWQ6IG51bWJlciA9IDA7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogXCJnW2ZDb25uZWN0aW9uXVwiLFxuICB0ZW1wbGF0ZVVybDogXCIuL2YtY29ubmVjdGlvbi5jb21wb25lbnQuaHRtbFwiLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgaG9zdDoge1xuICAgICdbYXR0ci5pZF0nOiAnaWQnLFxuICAgIGNsYXNzOiBcImYtY29tcG9uZW50IGYtY29ubmVjdGlvblwiXG4gIH0sXG4gIHByb3ZpZGVyczogWyB7IHByb3ZpZGU6IEZfQ09OTkVDVElPTl9DT01QT05FTlQsIHVzZUV4aXN0aW5nOiBGQ29ubmVjdGlvbkNvbXBvbmVudCB9IF0sXG59KVxuZXhwb3J0IGNsYXNzIEZDb25uZWN0aW9uQ29tcG9uZW50IGV4dGVuZHMgRkNvbm5lY3Rpb25CYXNlIHtcblxuICBASW5wdXQoKVxuICBwdWJsaWMgb3ZlcnJpZGUgaWQ6IHN0cmluZyA9IGBmLWNvbm5lY3Rpb24tJHsgdW5pcXVlSWQrKyB9YDtcblxuICBASW5wdXQoKVxuICBwdWJsaWMgb3ZlcnJpZGUgb3V0cHV0SWQ6IGFueTtcblxuICBASW5wdXQoKVxuICBwdWJsaWMgb3ZlcnJpZGUgaW5wdXRJZDogYW55O1xuXG4gIEBWaWV3Q2hpbGQoRkNvbm5lY3Rpb25QYXRoQ29tcG9uZW50LCB7IHN0YXRpYzogdHJ1ZSB9KVxuICBwdWJsaWMgb3ZlcnJpZGUgZlBhdGghOiBGQ29ubmVjdGlvblBhdGhDb21wb25lbnQ7XG5cbiAgQFZpZXdDaGlsZChGQ29ubmVjdGlvbkdyYWRpZW50Q29tcG9uZW50LCB7IHN0YXRpYzogdHJ1ZSB9KVxuICBwdWJsaWMgZkdyYWRpZW50ITogRkNvbm5lY3Rpb25HcmFkaWVudENvbXBvbmVudDtcblxuICBAVmlld0NoaWxkKEZDb25uZWN0aW9uRHJhZ0hhbmRsZUNvbXBvbmVudCwgeyBzdGF0aWM6IHRydWUgfSlcbiAgcHVibGljIGZEcmFnSGFuZGxlITogRkNvbm5lY3Rpb25EcmFnSGFuZGxlQ29tcG9uZW50O1xuXG4gIEBWaWV3Q2hpbGQoRkNvbm5lY3Rpb25TZWxlY3Rpb25Db21wb25lbnQsIHsgc3RhdGljOiB0cnVlIH0pXG4gIHB1YmxpYyBmU2VsZWN0aW9uITogRkNvbm5lY3Rpb25TZWxlY3Rpb25Db21wb25lbnQ7XG5cbiAgQFZpZXdDaGlsZChGQ29ubmVjdGlvblRleHRDb21wb25lbnQsIHsgc3RhdGljOiB0cnVlIH0pXG4gIHB1YmxpYyBmVGV4dCE6IEZDb25uZWN0aW9uVGV4dENvbXBvbmVudDtcblxuICBwdWJsaWMgZ2V0IGhvc3RFbGVtZW50KCk6IFNWR0dFbGVtZW50IHtcbiAgICByZXR1cm4gdGhpcy5lbGVtZW50UmVmZXJlbmNlLm5hdGl2ZUVsZW1lbnQ7XG4gIH1cblxuICBjb25zdHJ1Y3RvcihcbiAgICBwcml2YXRlIGVsZW1lbnRSZWZlcmVuY2U6IEVsZW1lbnRSZWY8U1ZHR0VsZW1lbnQ+LFxuICAgIEBJbmplY3QoRl9GTE9XX0NPTVBPTkVOVCkgcHJpdmF0ZSBmbG93OiBGRmxvd0Jhc2VcbiAgKSB7XG4gICAgc3VwZXIoKTtcbiAgfVxuXG4gIHB1YmxpYyBvdmVycmlkZSBpbml0aWFsaXplKCk6IHZvaWQge1xuICAgIGNvbnN0IHZlY3RvciA9IGdldENvbm5lY3Rpb25JbnRlcnNlY3QoXG4gICAgICB0aGlzLmZyb21UbyEub3V0cHV0LmdldEVsZW1lbnRSZWN0SW5DYW52YXModGhpcy5mbG93LnRyYW5zZm9ybSwgdGhpcy5mbG93Lmhvc3RFbGVtZW50KSxcbiAgICAgIHRoaXMuZnJvbVRvIS5pbnB1dC5nZXRFbGVtZW50UmVjdEluQ2FudmFzKHRoaXMuZmxvdy50cmFuc2Zvcm0sIHRoaXMuZmxvdy5ob3N0RWxlbWVudClcbiAgICApO1xuICAgIHRoaXMuc2V0VmVjdG9yKHZlY3Rvcik7XG4gICAgdGhpcy5yZWRyYXcoKTtcbiAgfVxuXG4gIHB1YmxpYyBpbml0aWFsaXplRHJhZygpOiB2b2lkIHtcbiAgfVxuXG4gIHB1YmxpYyBzZXRWZWN0b3IodmVjdG9yOiBJVmVjdG9yKTogdm9pZCB7XG4gICAgdGhpcy52ZWN0b3IgPSB2ZWN0b3I7XG4gICAgdGhpcy5wYXRoID0gYE0keyB2ZWN0b3IucG9pbnQxLnggfSwkeyB2ZWN0b3IucG9pbnQxLnkgfUwkeyB2ZWN0b3IucG9pbnQyLnggKyAwLjAwMDEgfSwkeyB2ZWN0b3IucG9pbnQyLnkgKyAwLjAwMDEgfWA7XG4gIH1cblxuICBwdWJsaWMgcmVkcmF3KCk6IHZvaWQge1xuICAgIHRoaXMuZlBhdGguc2V0UGF0aCh0aGlzLnBhdGgpO1xuICAgIHRoaXMuZlNlbGVjdGlvbi5zZXRQYXRoKHRoaXMucGF0aCk7XG4gICAgdGhpcy5mR3JhZGllbnQucmVkcmF3KHRoaXMudmVjdG9yKTtcbiAgICB0aGlzLmZEcmFnSGFuZGxlLnJlZHJhdyh0aGlzLnZlY3Rvci5wb2ludDIpO1xuICAgIHRoaXMuZlRleHQucmVkcmF3KHRoaXMudmVjdG9yKTtcbiAgfVxuXG4gIHB1YmxpYyBvdmVycmlkZSBzZWxlY3QoKTogdm9pZCB7XG4gICAgdGhpcy5mUGF0aC5zZWxlY3QoKTtcbiAgICBzdXBlci5zZWxlY3QoKTtcbiAgfVxuXG4gIHB1YmxpYyBvdmVycmlkZSBkZXNlbGVjdCgpOiB2b2lkIHtcbiAgICB0aGlzLmZQYXRoLmRlc2VsZWN0KCk7XG4gICAgc3VwZXIuZGVzZWxlY3QoKTtcbiAgfVxuXG4gIHB1YmxpYyBjb21wbGV0ZURyYWcoKTogdm9pZCB7XG4gICAgdGhpcy5yZWRyYXcoKTtcbiAgfVxufVxuIiwiPG5nLWNvbnRhaW5lciB4bWxuczpzdmc9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiPlxuICAgIDxzdmc6bGluZWFyR3JhZGllbnQgZkNvbm5lY3Rpb25HcmFkaWVudCBbZnJvbVRvXT1cImZyb21Ub1wiPjwvc3ZnOmxpbmVhckdyYWRpZW50PlxuICAgIDxzdmc6cGF0aCBmQ29ubmVjdGlvblNlbGVjdGlvbiBbYXR0ci5kXT1cInBhdGhcIiBbZnJvbVRvXT1cImZyb21Ub1wiPjwvc3ZnOnBhdGg+XG4gICAgPHN2ZzpnPlxuICAgICAgICA8c3ZnOnBhdGggZi1jb25uZWN0aW9uLXBhdGggW2F0dHIuZF09XCJwYXRoXCIgW2Zyb21Ub109XCJmcm9tVG9cIj48L3N2ZzpwYXRoPlxuICAgICAgICA8c3ZnOmNpcmNsZSBmLWNvbm5lY3Rpb24tZHJhZy1oYW5kbGUgcj1cIjhcIj48L3N2ZzpjaXJjbGU+XG4gICAgPC9zdmc6Zz5cbiAgICA8c3ZnOnRleHQgZi1jb25uZWN0aW9uLXRleHQgW2Zyb21Ub109XCJmcm9tVG9cIj48L3N2Zzp0ZXh0PlxuPC9uZy1jb250YWluZXI+XG4iXX0=

package/esm2022/lib/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.4", ngImport: i0, type: FConnectionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.4", 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.4", ngImport: i0, type: FConnectionModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.4", 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZi1jb25uZWN0aW9uLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2YtZmxvdy9zcmMvbGliL2NvbXBvbmVudHMvZi1jb25uZWN0aW9uL2YtY29ubmVjdGlvbi5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUNoRSxPQUFPLEVBQUUsOEJBQThCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUNqRSxPQUFPLEVBQUUsNkJBQTZCLEVBQUUsTUFBTSxnREFBZ0QsQ0FBQztBQUMvRixPQUFPLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUNuRSxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUMvRCxPQUFPLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSw4Q0FBOEMsQ0FBQztBQUM1RixPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQztBQUNoRixPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUMvRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7O0FBcUIvQyxNQUFNLE9BQU8saUJBQWlCOzhHQUFqQixpQkFBaUI7K0dBQWpCLGlCQUFpQixpQkFqQjFCLHdCQUF3QjtZQUN4QixvQkFBb0I7WUFDcEIsOEJBQThCO1lBQzlCLDRCQUE0QjtZQUM1Qix3QkFBd0I7WUFDeEIsd0JBQXdCO1lBQ3hCLDRCQUE0QjtZQUM1Qiw2QkFBNkIsYUFHN0IsWUFBWSxhQUdaLHdCQUF3QjtZQUN4QixvQkFBb0I7K0dBR1gsaUJBQWlCLFlBUDFCLFlBQVk7OzJGQU9ILGlCQUFpQjtrQkFuQjdCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFO3dCQUNaLHdCQUF3Qjt3QkFDeEIsb0JBQW9CO3dCQUNwQiw4QkFBOEI7d0JBQzlCLDRCQUE0Qjt3QkFDNUIsd0JBQXdCO3dCQUN4Qix3QkFBd0I7d0JBQ3hCLDRCQUE0Qjt3QkFDNUIsNkJBQTZCO3FCQUM5QjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsWUFBWTtxQkFDYjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1Asd0JBQXdCO3dCQUN4QixvQkFBb0I7cUJBQ3JCO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZDb25uZWN0aW9uQ29tcG9uZW50IH0gZnJvbSAnLi9mLWNvbm5lY3Rpb24uY29tcG9uZW50JztcbmltcG9ydCB7IEZDb25uZWN0aW9uRHJhZ0hhbmRsZUNvbXBvbmVudCB9IGZyb20gJy4vZi1kcmFnLWhhbmRsZSc7XG5pbXBvcnQgeyBGQ29ubmVjdGlvblNlbGVjdGlvbkNvbXBvbmVudCB9IGZyb20gJy4vZi1zZWxlY3Rpb24vZi1jb25uZWN0aW9uLXNlbGVjdGlvbi5jb21wb25lbnQnO1xuaW1wb3J0IHsgRkNvbm5lY3Rpb25UZXh0UGF0aERpcmVjdGl2ZSB9IGZyb20gJy4vZi1jb25uZWN0aW9uLXRleHQnO1xuaW1wb3J0IHsgRkNvbm5lY3Rpb25UZXh0Q29tcG9uZW50IH0gZnJvbSAnLi9mLWNvbm5lY3Rpb24tdGV4dCc7XG5pbXBvcnQgeyBGQ29ubmVjdGlvbkdyYWRpZW50Q29tcG9uZW50IH0gZnJvbSAnLi9mLWdyYWRpZW50L2YtY29ubmVjdGlvbi1ncmFkaWVudC5jb21wb25lbnQnO1xuaW1wb3J0IHsgRkNvbm5lY3Rpb25QYXRoQ29tcG9uZW50IH0gZnJvbSAnLi9mLXBhdGgvZi1jb25uZWN0aW9uLXBhdGguY29tcG9uZW50JztcbmltcG9ydCB7IEZUZW1wQ29ubmVjdGlvbkNvbXBvbmVudCB9IGZyb20gJy4vZi10ZW1wLWNvbm5lY3Rpb24nO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgRlRlbXBDb25uZWN0aW9uQ29tcG9uZW50LFxuICAgIEZDb25uZWN0aW9uQ29tcG9uZW50LFxuICAgIEZDb25uZWN0aW9uRHJhZ0hhbmRsZUNvbXBvbmVudCxcbiAgICBGQ29ubmVjdGlvbkdyYWRpZW50Q29tcG9uZW50LFxuICAgIEZDb25uZWN0aW9uUGF0aENvbXBvbmVudCxcbiAgICBGQ29ubmVjdGlvblRleHRDb21wb25lbnQsXG4gICAgRkNvbm5lY3Rpb25UZXh0UGF0aERpcmVjdGl2ZSxcbiAgICBGQ29ubmVjdGlvblNlbGVjdGlvbkNvbXBvbmVudFxuICBdLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlXG4gIF0sXG4gIGV4cG9ydHM6IFtcbiAgICBGVGVtcENvbm5lY3Rpb25Db21wb25lbnQsXG4gICAgRkNvbm5lY3Rpb25Db21wb25lbnRcbiAgXVxufSlcbmV4cG9ydCBjbGFzcyBGQ29ubmVjdGlvbk1vZHVsZSB7XG59XG4iXX0=

package/esm2022/lib/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.4", ngImport: i0, type: FConnectionDragHandleComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.4", 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.4", 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZi1jb25uZWN0aW9uLWRyYWctaGFuZGxlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2YtZmxvdy9zcmMvbGliL2NvbXBvbmVudHMvZi1jb25uZWN0aW9uL2YtZHJhZy1oYW5kbGUvZi1jb25uZWN0aW9uLWRyYWctaGFuZGxlLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVixNQUFNLGVBQWUsQ0FBQzs7QUFHdkIsTUFBTSxDQUFDLE1BQU0sOEJBQThCLEdBQUcsMEJBQTBCLENBQUM7QUFVekUsTUFBTSxPQUFPLDhCQUE4QjtJQUl6QyxJQUFXLFdBQVc7UUFDcEIsT0FBTyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsYUFBYSxDQUFDO0lBQzdDLENBQUM7SUFFRCxZQUNZLGdCQUE4QztRQUE5QyxxQkFBZ0IsR0FBaEIsZ0JBQWdCLENBQThCO1FBUDFDLFVBQUssR0FBVyw4QkFBOEIsQ0FBQztJQVMvRCxDQUFDO0lBRU0sTUFBTSxDQUFDLEtBQWE7UUFDekIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxZQUFZLENBQUMsSUFBSSxFQUFFLEtBQUssQ0FBQyxDQUFDLENBQUMsUUFBUSxFQUFFLENBQUMsQ0FBQztRQUN4RCxJQUFJLENBQUMsV0FBVyxDQUFDLFlBQVksQ0FBQyxJQUFJLEVBQUUsS0FBSyxDQUFDLENBQUMsQ0FBQyxRQUFRLEVBQUUsQ0FBQyxDQUFDO0lBQzFELENBQUM7OEdBaEJVLDhCQUE4QjtrR0FBOUIsOEJBQThCLG9IQU4vQixFQUFFOzsyRkFNRCw4QkFBOEI7a0JBUjFDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGtDQUFrQztvQkFDNUMsUUFBUSxFQUFFLEVBQUU7b0JBQ1osZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07b0JBQy9DLElBQUksRUFBRTt3QkFDSixTQUFTLEVBQUUsT0FBTztxQkFDbkI7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LCBFbGVtZW50UmVmXG59IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBJSGFzSG9zdEVsZW1lbnQsIElQb2ludCB9IGZyb20gJ0Bmb2JsZXgvY29yZSc7XG5cbmV4cG9ydCBjb25zdCBGX0NPTk5FQ1RJT05fRFJBR19IQU5ETEVfQ0xBU1MgPSAnZi1jb25uZWN0aW9uLWRyYWctaGFuZGxlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiBcImNpcmNsZVtmLWNvbm5lY3Rpb24tZHJhZy1oYW5kbGVdXCIsXG4gIHRlbXBsYXRlOiAnJyxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGhvc3Q6IHtcbiAgICAnW2NsYXNzXSc6ICdjbGFzcydcbiAgfVxufSlcbmV4cG9ydCBjbGFzcyBGQ29ubmVjdGlvbkRyYWdIYW5kbGVDb21wb25lbnQgaW1wbGVtZW50cyBJSGFzSG9zdEVsZW1lbnQge1xuXG4gIHB1YmxpYyByZWFkb25seSBjbGFzczogc3RyaW5nID0gRl9DT05ORUNUSU9OX0RSQUdfSEFORExFX0NMQVNTO1xuXG4gIHB1YmxpYyBnZXQgaG9zdEVsZW1lbnQoKTogU1ZHQ2lyY2xlRWxlbWVudCB7XG4gICAgcmV0dXJuIHRoaXMuZWxlbWVudFJlZmVyZW5jZS5uYXRpdmVFbGVtZW50O1xuICB9XG5cbiAgY29uc3RydWN0b3IoXG4gICAgICBwcml2YXRlIGVsZW1lbnRSZWZlcmVuY2U6IEVsZW1lbnRSZWY8U1ZHQ2lyY2xlRWxlbWVudD4sXG4gICkge1xuICB9XG5cbiAgcHVibGljIHJlZHJhdyhwb2ludDogSVBvaW50KTogdm9pZCB7XG4gICAgdGhpcy5ob3N0RWxlbWVudC5zZXRBdHRyaWJ1dGUoJ2N4JywgcG9pbnQueC50b1N0cmluZygpKTtcbiAgICB0aGlzLmhvc3RFbGVtZW50LnNldEF0dHJpYnV0ZSgnY3knLCBwb2ludC55LnRvU3RyaW5nKCkpO1xuICB9XG59XG5cbiJdfQ==

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

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