@foblex/flow 1.2.1 → 1.2.3

package/esm2022/f-node/f-connectors/f-node-output/f-node-output.directive.mjs

@@ -0,0 +1,71 @@
+import { Directive, Inject, Input } from '@angular/core';
+import { BooleanExtensions } from '@foblex/core';
+import { FNodeOutputBase, F_NODE_OUTPUT } from './f-node-output-base';
+import { F_NODE } from '../../f-node-base';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../f-components-store";
+import * as i2 from "../../f-node-base";
+let uniqueId = 0;
+export class FNodeOutputDirective extends FNodeOutputBase {
+    get disabled() {
+        return this.isDisabled;
+    }
+    set disabled(isDisabled) {
+        const value = BooleanExtensions.castToBoolean(isDisabled);
+        if (value !== this.isDisabled) {
+            this.isDisabled = value;
+            this.stateChanges.next();
+        }
+    }
+    get hostElement() {
+        return this.elementReference.nativeElement;
+    }
+    constructor(elementReference, fNode, fComponentsStore) {
+        super();
+        this.elementReference = elementReference;
+        this.fNode = fNode;
+        this.fComponentsStore = fComponentsStore;
+        this.id = `f-node-output-${uniqueId++}`;
+        this.isDisabled = false;
+        this.isConnected = false;
+    }
+    ngOnInit() {
+        if (!this.fNode) {
+            throw new Error('fNodeOutput must be inside f-node');
+        }
+        this.fComponentsStore.addOutput(this);
+        this.fNode.addConnector(this);
+    }
+    setConnected(isConnected) {
+        this.isConnected = isConnected;
+        this.hostElement.classList.toggle('f-node-output-connected', isConnected);
+    }
+    ngOnDestroy() {
+        this.fNode.removeConnector(this);
+        this.fComponentsStore.removeOutput(this);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: FNodeOutputDirective, deps: [{ token: i0.ElementRef }, { token: F_NODE }, { token: i1.FComponentsStore }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.5", type: FNodeOutputDirective, selector: "[fNodeOutput]", inputs: { id: ["fNodeOutputId", "id"], disabled: ["fNodeOutputDisabled", "disabled"] }, host: { properties: { "attr.id": "id", "class.f-node-output-disabled": "disabled" }, classAttribute: "f-component f-node-output" }, providers: [{ provide: F_NODE_OUTPUT, useExisting: FNodeOutputDirective }], usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: FNodeOutputDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[fNodeOutput]",
+                    host: {
+                        '[attr.id]': 'id',
+                        class: "f-component f-node-output",
+                        '[class.f-node-output-disabled]': 'disabled',
+                    },
+                    providers: [{ provide: F_NODE_OUTPUT, useExisting: FNodeOutputDirective }],
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i2.FNodeBase, decorators: [{
+                    type: Inject,
+                    args: [F_NODE]
+                }] }, { type: i1.FComponentsStore }]; }, propDecorators: { id: [{
+                type: Input,
+                args: ['fNodeOutputId']
+            }], disabled: [{
+                type: Input,
+                args: ['fNodeOutputDisabled']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZi1ub2RlLW91dHB1dC5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9mLWZsb3cvc3JjL2Ytbm9kZS9mLWNvbm5lY3RvcnMvZi1ub2RlLW91dHB1dC9mLW5vZGUtb3V0cHV0LmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFjLE1BQU0sRUFBRSxLQUFLLEVBQXFCLE1BQU0sZUFBZSxDQUFDO0FBQ3hGLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUNqRCxPQUFPLEVBQUUsZUFBZSxFQUFFLGFBQWEsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQ3RFLE9BQU8sRUFBRSxNQUFNLEVBQWEsTUFBTSxtQkFBbUIsQ0FBQzs7OztBQUd0RCxJQUFJLFFBQVEsR0FBVyxDQUFDLENBQUM7QUFXekIsTUFBTSxPQUFPLG9CQUFxQixTQUFRLGVBQWU7SUFLdkQsSUFDb0IsUUFBUTtRQUMxQixPQUFPLElBQUksQ0FBQyxVQUFVLENBQUM7SUFDekIsQ0FBQztJQUVELElBQW9CLFFBQVEsQ0FBQyxVQUF3QztRQUNuRSxNQUFNLEtBQUssR0FBRyxpQkFBaUIsQ0FBQyxhQUFhLENBQUMsVUFBVSxDQUFDLENBQUM7UUFDMUQsSUFBSSxLQUFLLEtBQUssSUFBSSxDQUFDLFVBQVUsRUFBRTtZQUM3QixJQUFJLENBQUMsVUFBVSxHQUFHLEtBQUssQ0FBQztZQUN4QixJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksRUFBRSxDQUFDO1NBQzFCO0lBQ0gsQ0FBQztJQU1ELElBQVcsV0FBVztRQUNwQixPQUFPLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxhQUFhLENBQUM7SUFDN0MsQ0FBQztJQUVELFlBQ1ksZ0JBQXlDLEVBQ3pCLEtBQWdCLEVBQ2hDLGdCQUFrQztRQUU1QyxLQUFLLEVBQUUsQ0FBQztRQUpFLHFCQUFnQixHQUFoQixnQkFBZ0IsQ0FBeUI7UUFDekIsVUFBSyxHQUFMLEtBQUssQ0FBVztRQUNoQyxxQkFBZ0IsR0FBaEIsZ0JBQWdCLENBQWtCO1FBMUI5QixPQUFFLEdBQVEsaUJBQWtCLFFBQVEsRUFBRyxFQUFFLENBQUM7UUFlbEQsZUFBVSxHQUFZLEtBQUssQ0FBQztRQUVwQixnQkFBVyxHQUFZLEtBQUssQ0FBQztJQVk3QyxDQUFDO0lBRU0sUUFBUTtRQUNiLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxFQUFFO1lBQ2YsTUFBTSxJQUFJLEtBQUssQ0FBQyxtQ0FBbUMsQ0FBQyxDQUFDO1NBQ3REO1FBQ0QsSUFBSSxDQUFDLGdCQUFnQixDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUN0QyxJQUFJLENBQUMsS0FBSyxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUNoQyxDQUFDO0lBRWUsWUFBWSxDQUFDLFdBQW9CO1FBQy9DLElBQUksQ0FBQyxXQUFXLEdBQUcsV0FBVyxDQUFDO1FBQy9CLElBQUksQ0FBQyxXQUFXLENBQUMsU0FBUyxDQUFDLE1BQU0sQ0FBQyx5QkFBeUIsRUFBRSxXQUFXLENBQUMsQ0FBQztJQUM1RSxDQUFDO0lBRU0sV0FBVztRQUNoQixJQUFJLENBQUMsS0FBSyxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUNqQyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQzNDLENBQUM7OEdBbERVLG9CQUFvQiw0Q0E0Qm5CLE1BQU07a0dBNUJQLG9CQUFvQixvUUFGcEIsQ0FBRSxFQUFFLE9BQU8sRUFBRSxhQUFhLEVBQUUsV0FBVyxFQUFFLG9CQUFvQixFQUFFLENBQUU7OzJGQUVqRSxvQkFBb0I7a0JBVGhDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGVBQWU7b0JBQ3pCLElBQUksRUFBRTt3QkFDSixXQUFXLEVBQUUsSUFBSTt3QkFDakIsS0FBSyxFQUFFLDJCQUEyQjt3QkFDbEMsZ0NBQWdDLEVBQUUsVUFBVTtxQkFDN0M7b0JBQ0QsU0FBUyxFQUFFLENBQUUsRUFBRSxPQUFPLEVBQUUsYUFBYSxFQUFFLFdBQVcsc0JBQXNCLEVBQUUsQ0FBRTtpQkFDN0U7OzBCQTZCTSxNQUFNOzJCQUFDLE1BQU07MkVBekJGLEVBQUU7c0JBRGpCLEtBQUs7dUJBQUMsZUFBZTtnQkFJRixRQUFRO3NCQUQzQixLQUFLO3VCQUFDLHFCQUFxQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgRWxlbWVudFJlZiwgSW5qZWN0LCBJbnB1dCwgT25EZXN0cm95LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEJvb2xlYW5FeHRlbnNpb25zIH0gZnJvbSAnQGZvYmxleC9jb3JlJztcbmltcG9ydCB7IEZOb2RlT3V0cHV0QmFzZSwgRl9OT0RFX09VVFBVVCB9IGZyb20gJy4vZi1ub2RlLW91dHB1dC1iYXNlJztcbmltcG9ydCB7IEZfTk9ERSwgRk5vZGVCYXNlIH0gZnJvbSAnLi4vLi4vZi1ub2RlLWJhc2UnO1xuaW1wb3J0IHsgRkNvbXBvbmVudHNTdG9yZSB9IGZyb20gJy4uLy4uLy4uL2YtY29tcG9uZW50cy1zdG9yZSc7XG5cbmxldCB1bmlxdWVJZDogbnVtYmVyID0gMDtcblxuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiBcIltmTm9kZU91dHB1dF1cIixcbiAgaG9zdDoge1xuICAgICdbYXR0ci5pZF0nOiAnaWQnLFxuICAgIGNsYXNzOiBcImYtY29tcG9uZW50IGYtbm9kZS1vdXRwdXRcIixcbiAgICAnW2NsYXNzLmYtbm9kZS1vdXRwdXQtZGlzYWJsZWRdJzogJ2Rpc2FibGVkJyxcbiAgfSxcbiAgcHJvdmlkZXJzOiBbIHsgcHJvdmlkZTogRl9OT0RFX09VVFBVVCwgdXNlRXhpc3Rpbmc6IEZOb2RlT3V0cHV0RGlyZWN0aXZlIH0gXSxcbn0pXG5leHBvcnQgY2xhc3MgRk5vZGVPdXRwdXREaXJlY3RpdmUgZXh0ZW5kcyBGTm9kZU91dHB1dEJhc2UgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XG5cbiAgQElucHV0KCdmTm9kZU91dHB1dElkJylcbiAgcHVibGljIG92ZXJyaWRlIGlkOiBhbnkgPSBgZi1ub2RlLW91dHB1dC0keyB1bmlxdWVJZCsrIH1gO1xuXG4gIEBJbnB1dCgnZk5vZGVPdXRwdXREaXNhYmxlZCcpXG4gIHB1YmxpYyBvdmVycmlkZSBnZXQgZGlzYWJsZWQoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMuaXNEaXNhYmxlZDtcbiAgfVxuXG4gIHB1YmxpYyBvdmVycmlkZSBzZXQgZGlzYWJsZWQoaXNEaXNhYmxlZDogYm9vbGVhbiB8IHVuZGVmaW5lZCB8IHN0cmluZykge1xuICAgIGNvbnN0IHZhbHVlID0gQm9vbGVhbkV4dGVuc2lvbnMuY2FzdFRvQm9vbGVhbihpc0Rpc2FibGVkKTtcbiAgICBpZiAodmFsdWUgIT09IHRoaXMuaXNEaXNhYmxlZCkge1xuICAgICAgdGhpcy5pc0Rpc2FibGVkID0gdmFsdWU7XG4gICAgICB0aGlzLnN0YXRlQ2hhbmdlcy5uZXh0KCk7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBpc0Rpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XG5cbiAgcHVibGljIG92ZXJyaWRlIGlzQ29ubmVjdGVkOiBib29sZWFuID0gZmFsc2U7XG5cbiAgcHVibGljIGdldCBob3N0RWxlbWVudCgpOiBIVE1MRWxlbWVudCB8IFNWR0VsZW1lbnQge1xuICAgIHJldHVybiB0aGlzLmVsZW1lbnRSZWZlcmVuY2UubmF0aXZlRWxlbWVudDtcbiAgfVxuXG4gIGNvbnN0cnVjdG9yKFxuICAgICAgcHJpdmF0ZSBlbGVtZW50UmVmZXJlbmNlOiBFbGVtZW50UmVmPEhUTUxFbGVtZW50PixcbiAgICAgIEBJbmplY3QoRl9OT0RFKSBwcml2YXRlIGZOb2RlOiBGTm9kZUJhc2UsXG4gICAgICBwcml2YXRlIGZDb21wb25lbnRzU3RvcmU6IEZDb21wb25lbnRzU3RvcmUsXG4gICkge1xuICAgIHN1cGVyKCk7XG4gIH1cblxuICBwdWJsaWMgbmdPbkluaXQoKSB7XG4gICAgaWYgKCF0aGlzLmZOb2RlKSB7XG4gICAgICB0aHJvdyBuZXcgRXJyb3IoJ2ZOb2RlT3V0cHV0IG11c3QgYmUgaW5zaWRlIGYtbm9kZScpO1xuICAgIH1cbiAgICB0aGlzLmZDb21wb25lbnRzU3RvcmUuYWRkT3V0cHV0KHRoaXMpO1xuICAgIHRoaXMuZk5vZGUuYWRkQ29ubmVjdG9yKHRoaXMpO1xuICB9XG5cbiAgcHVibGljIG92ZXJyaWRlIHNldENvbm5lY3RlZChpc0Nvbm5lY3RlZDogYm9vbGVhbik6IHZvaWQge1xuICAgIHRoaXMuaXNDb25uZWN0ZWQgPSBpc0Nvbm5lY3RlZDtcbiAgICB0aGlzLmhvc3RFbGVtZW50LmNsYXNzTGlzdC50b2dnbGUoJ2Ytbm9kZS1vdXRwdXQtY29ubmVjdGVkJywgaXNDb25uZWN0ZWQpO1xuICB9XG5cbiAgcHVibGljIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgIHRoaXMuZk5vZGUucmVtb3ZlQ29ubmVjdG9yKHRoaXMpO1xuICAgIHRoaXMuZkNvbXBvbmVudHNTdG9yZS5yZW1vdmVPdXRwdXQodGhpcyk7XG4gIH1cbn1cbiJdfQ==

package/esm2022/f-node/f-connectors/f-node-output/index.mjs

@@ -0,0 +1,4 @@
+export * from './f-node-output-base';
+export * from './is-node-output';
+export * from './f-node-output.directive';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9mLWZsb3cvc3JjL2Ytbm9kZS9mLWNvbm5lY3RvcnMvZi1ub2RlLW91dHB1dC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLHNCQUFzQixDQUFDO0FBRXJDLGNBQWMsa0JBQWtCLENBQUM7QUFFakMsY0FBYywyQkFBMkIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vZi1ub2RlLW91dHB1dC1iYXNlJztcblxuZXhwb3J0ICogZnJvbSAnLi9pcy1ub2RlLW91dHB1dCc7XG5cbmV4cG9ydCAqIGZyb20gJy4vZi1ub2RlLW91dHB1dC5kaXJlY3RpdmUnO1xuIl19

package/esm2022/f-node/f-connectors/f-node-output/is-node-output.mjs

@@ -0,0 +1,4 @@
+export function isNodeOutput(element) {
+    return !!element.closest('[fNodeOutput]');
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaXMtbm9kZS1vdXRwdXQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9mLWZsb3cvc3JjL2Ytbm9kZS9mLWNvbm5lY3RvcnMvZi1ub2RlLW91dHB1dC9pcy1ub2RlLW91dHB1dC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUFNLFVBQVUsWUFBWSxDQUFDLE9BQWlDO0lBQzVELE9BQU8sQ0FBQyxDQUFDLE9BQU8sQ0FBQyxPQUFPLENBQUMsZUFBZSxDQUFDLENBQUM7QUFDNUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBmdW5jdGlvbiBpc05vZGVPdXRwdXQoZWxlbWVudDogSFRNTEVsZW1lbnQgfCBTVkdFbGVtZW50KTogYm9vbGVhbiB7XG4gIHJldHVybiAhIWVsZW1lbnQuY2xvc2VzdCgnW2ZOb2RlT3V0cHV0XScpO1xufVxuIl19

package/esm2022/f-node/f-connectors/f-node-output/public-api.mjs

@@ -0,0 +1,2 @@
+export * from './f-node-output.directive';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2YtZmxvdy9zcmMvZi1ub2RlL2YtY29ubmVjdG9ycy9mLW5vZGUtb3V0cHV0L3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYywyQkFBMkIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vZi1ub2RlLW91dHB1dC5kaXJlY3RpdmUnO1xuIl19

package/esm2022/f-node/f-connectors/index.mjs

@@ -0,0 +1,5 @@
+export * from './f-node-input';
+export * from './f-node-outlet';
+export * from './f-node-output';
+export * from './f-connector-base';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9mLWZsb3cvc3JjL2Ytbm9kZS9mLWNvbm5lY3RvcnMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxnQkFBZ0IsQ0FBQztBQUUvQixjQUFjLGlCQUFpQixDQUFDO0FBRWhDLGNBQWMsaUJBQWlCLENBQUM7QUFFaEMsY0FBYyxvQkFBb0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vZi1ub2RlLWlucHV0JztcblxuZXhwb3J0ICogZnJvbSAnLi9mLW5vZGUtb3V0bGV0JztcblxuZXhwb3J0ICogZnJvbSAnLi9mLW5vZGUtb3V0cHV0JztcblxuZXhwb3J0ICogZnJvbSAnLi9mLWNvbm5lY3Rvci1iYXNlJztcbiJdfQ==

package/esm2022/f-node/f-connectors/public-api.mjs

@@ -0,0 +1,4 @@
+export * from './f-node-input/public-api';
+export * from './f-node-output/public-api';
+export * from './f-node-outlet/public-api';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2YtZmxvdy9zcmMvZi1ub2RlL2YtY29ubmVjdG9ycy9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsMkJBQTJCLENBQUM7QUFFMUMsY0FBYyw0QkFBNEIsQ0FBQztBQUUzQyxjQUFjLDRCQUE0QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9mLW5vZGUtaW5wdXQvcHVibGljLWFwaSc7XG5cbmV4cG9ydCAqIGZyb20gJy4vZi1ub2RlLW91dHB1dC9wdWJsaWMtYXBpJztcblxuZXhwb3J0ICogZnJvbSAnLi9mLW5vZGUtb3V0bGV0L3B1YmxpYy1hcGknO1xuIl19

package/esm2022/f-node/f-drag-handle/f-drag-handle.directive.mjs

@@ -0,0 +1,55 @@
+import { Directive, Inject, InjectionToken, Input, Optional, SkipSelf } from "@angular/core";
+import { Subject } from 'rxjs';
+import { BooleanExtensions } from '@foblex/core';
+import { F_NODE } from '../f-node-base';
+import * as i0 from "@angular/core";
+export const F_DRAG_HANDLE = new InjectionToken('F_DRAG_HANDLE');
+export class FDragHandleDirective {
+    get disabled() {
+        return this.isDisabled;
+    }
+    set disabled(isDisabled) {
+        const value = BooleanExtensions.castToBoolean(isDisabled);
+        if (value !== this.isDisabled) {
+            this.isDisabled = value;
+            this.stateChanges.next();
+        }
+    }
+    get hostElement() {
+        return this.elementReference.nativeElement;
+    }
+    constructor(elementReference, _parentNode) {
+        this.elementReference = elementReference;
+        this.stateChanges = new Subject();
+        this.isDisabled = false;
+        this._parentNode = _parentNode;
+    }
+    ngOnDestroy() {
+        this.stateChanges.complete();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: FDragHandleDirective, deps: [{ token: i0.ElementRef }, { token: F_NODE, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.5", type: FDragHandleDirective, isStandalone: true, selector: "[fDragHandle]", inputs: { disabled: ["fDragHandleDisabled", "disabled"] }, host: { properties: { "class.f-drag-handle-disabled": "disabled" }, classAttribute: "f-drag-handle f-component" }, providers: [{ provide: F_DRAG_HANDLE, useExisting: FDragHandleDirective }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: FDragHandleDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[fDragHandle]",
+                    standalone: true,
+                    host: {
+                        class: "f-drag-handle f-component",
+                        '[class.f-drag-handle-disabled]': 'disabled'
+                    },
+                    providers: [{ provide: F_DRAG_HANDLE, useExisting: FDragHandleDirective }],
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [F_NODE]
+                }, {
+                    type: Optional
+                }, {
+                    type: SkipSelf
+                }] }]; }, propDecorators: { disabled: [{
+                type: Input,
+                args: ['fDragHandleDisabled']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZi1kcmFnLWhhbmRsZS5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9mLWZsb3cvc3JjL2Ytbm9kZS9mLWRyYWctaGFuZGxlL2YtZHJhZy1oYW5kbGUuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQWMsTUFBTSxFQUFFLGNBQWMsRUFBRSxLQUFLLEVBQWEsUUFBUSxFQUFFLFFBQVEsRUFDcEYsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUMvQixPQUFPLEVBQUUsaUJBQWlCLEVBQW1CLE1BQU0sY0FBYyxDQUFDO0FBQ2xFLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7QUFHeEMsTUFBTSxDQUFDLE1BQU0sYUFBYSxHQUF5QyxJQUFJLGNBQWMsQ0FBdUIsZUFBZSxDQUFDLENBQUM7QUFXN0gsTUFBTSxPQUFPLG9CQUFvQjtJQU0vQixJQUNXLFFBQVE7UUFDakIsT0FBTyxJQUFJLENBQUMsVUFBVSxDQUFDO0lBQ3pCLENBQUM7SUFFRCxJQUFXLFFBQVEsQ0FBQyxVQUF3QztRQUMxRCxNQUFNLEtBQUssR0FBRyxpQkFBaUIsQ0FBQyxhQUFhLENBQUMsVUFBVSxDQUFDLENBQUM7UUFDMUQsSUFBSSxLQUFLLEtBQUssSUFBSSxDQUFDLFVBQVUsRUFBRTtZQUM3QixJQUFJLENBQUMsVUFBVSxHQUFHLEtBQUssQ0FBQztZQUN4QixJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksRUFBRSxDQUFDO1NBQzFCO0lBQ0gsQ0FBQztJQUlELElBQVcsV0FBVztRQUNwQixPQUFPLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxhQUFhLENBQUM7SUFDN0MsQ0FBQztJQUVELFlBQ1UsZ0JBQXlDLEVBQ1QsV0FBaUI7UUFEakQscUJBQWdCLEdBQWhCLGdCQUFnQixDQUF5QjtRQXhCbkMsaUJBQVksR0FBa0IsSUFBSSxPQUFPLEVBQVEsQ0FBQztRQWlCMUQsZUFBVSxHQUFZLEtBQUssQ0FBQztRQVVsQyxJQUFJLENBQUMsV0FBVyxHQUFHLFdBQVcsQ0FBQztJQUNqQyxDQUFDO0lBRU0sV0FBVztRQUNoQixJQUFJLENBQUMsWUFBWSxDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQy9CLENBQUM7OEdBbENVLG9CQUFvQiw0Q0EyQnJCLE1BQU07a0dBM0JMLG9CQUFvQiwwT0FGcEIsQ0FBRSxFQUFFLE9BQU8sRUFBRSxhQUFhLEVBQUUsV0FBVyxFQUFFLG9CQUFvQixFQUFFLENBQUU7OzJGQUVqRSxvQkFBb0I7a0JBVGhDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGVBQWU7b0JBQ3pCLFVBQVUsRUFBRSxJQUFJO29CQUNoQixJQUFJLEVBQUU7d0JBQ0osS0FBSyxFQUFFLDJCQUEyQjt3QkFDbEMsZ0NBQWdDLEVBQUUsVUFBVTtxQkFDN0M7b0JBQ0QsU0FBUyxFQUFFLENBQUUsRUFBRSxPQUFPLEVBQUUsYUFBYSxFQUFFLFdBQVcsc0JBQXNCLEVBQUUsQ0FBRTtpQkFDN0U7OzBCQTRCSSxNQUFNOzJCQUFDLE1BQU07OzBCQUFHLFFBQVE7OzBCQUFJLFFBQVE7NENBcEI1QixRQUFRO3NCQURsQixLQUFLO3VCQUFDLHFCQUFxQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIERpcmVjdGl2ZSwgRWxlbWVudFJlZiwgSW5qZWN0LCBJbmplY3Rpb25Ub2tlbiwgSW5wdXQsIE9uRGVzdHJveSwgT3B0aW9uYWwsIFNraXBTZWxmXG59IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBTdWJqZWN0IH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBCb29sZWFuRXh0ZW5zaW9ucywgSUhhc0hvc3RFbGVtZW50IH0gZnJvbSAnQGZvYmxleC9jb3JlJztcbmltcG9ydCB7IEZfTk9ERSB9IGZyb20gJy4uL2Ytbm9kZS1iYXNlJztcbmltcG9ydCB7IElIYXNTdGF0ZUNoYW5nZXMgfSBmcm9tICcuLi8uLi9pLWhhcy1zdGF0ZS1jaGFuZ2VzJztcblxuZXhwb3J0IGNvbnN0IEZfRFJBR19IQU5ETEU6IEluamVjdGlvblRva2VuPEZEcmFnSGFuZGxlRGlyZWN0aXZlPiA9IG5ldyBJbmplY3Rpb25Ub2tlbjxGRHJhZ0hhbmRsZURpcmVjdGl2ZT4oJ0ZfRFJBR19IQU5ETEUnKTtcblxuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiBcIltmRHJhZ0hhbmRsZV1cIixcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaG9zdDoge1xuICAgIGNsYXNzOiBcImYtZHJhZy1oYW5kbGUgZi1jb21wb25lbnRcIixcbiAgICAnW2NsYXNzLmYtZHJhZy1oYW5kbGUtZGlzYWJsZWRdJzogJ2Rpc2FibGVkJ1xuICB9LFxuICBwcm92aWRlcnM6IFsgeyBwcm92aWRlOiBGX0RSQUdfSEFORExFLCB1c2VFeGlzdGluZzogRkRyYWdIYW5kbGVEaXJlY3RpdmUgfSBdLFxufSlcbmV4cG9ydCBjbGFzcyBGRHJhZ0hhbmRsZURpcmVjdGl2ZSBpbXBsZW1lbnRzIElIYXNIb3N0RWxlbWVudCwgSUhhc1N0YXRlQ2hhbmdlcywgT25EZXN0cm95IHtcblxuICBwdWJsaWMgcmVhZG9ubHkgc3RhdGVDaGFuZ2VzOiBTdWJqZWN0PHZvaWQ+ID0gbmV3IFN1YmplY3Q8dm9pZD4oKTtcblxuICBwdWJsaWMgX3BhcmVudE5vZGU6IHt9IHwgdW5kZWZpbmVkO1xuXG4gIEBJbnB1dCgnZkRyYWdIYW5kbGVEaXNhYmxlZCcpXG4gIHB1YmxpYyBnZXQgZGlzYWJsZWQoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMuaXNEaXNhYmxlZDtcbiAgfVxuXG4gIHB1YmxpYyBzZXQgZGlzYWJsZWQoaXNEaXNhYmxlZDogYm9vbGVhbiB8IHVuZGVmaW5lZCB8IHN0cmluZykge1xuICAgIGNvbnN0IHZhbHVlID0gQm9vbGVhbkV4dGVuc2lvbnMuY2FzdFRvQm9vbGVhbihpc0Rpc2FibGVkKTtcbiAgICBpZiAodmFsdWUgIT09IHRoaXMuaXNEaXNhYmxlZCkge1xuICAgICAgdGhpcy5pc0Rpc2FibGVkID0gdmFsdWU7XG4gICAgICB0aGlzLnN0YXRlQ2hhbmdlcy5uZXh0KCk7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBpc0Rpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XG5cbiAgcHVibGljIGdldCBob3N0RWxlbWVudCgpOiBIVE1MRWxlbWVudCB7XG4gICAgcmV0dXJuIHRoaXMuZWxlbWVudFJlZmVyZW5jZS5uYXRpdmVFbGVtZW50O1xuICB9XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSBlbGVtZW50UmVmZXJlbmNlOiBFbGVtZW50UmVmPEhUTUxFbGVtZW50PixcbiAgICBASW5qZWN0KEZfTk9ERSkgQE9wdGlvbmFsKCkgQFNraXBTZWxmKCkgX3BhcmVudE5vZGU/OiBhbnksXG4gICkge1xuICAgIHRoaXMuX3BhcmVudE5vZGUgPSBfcGFyZW50Tm9kZTtcbiAgfVxuXG4gIHB1YmxpYyBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICB0aGlzLnN0YXRlQ2hhbmdlcy5jb21wbGV0ZSgpO1xuICB9XG59XG4iXX0=

package/esm2022/f-node/f-drag-handle/index.mjs

@@ -0,0 +1,3 @@
+export * from './f-drag-handle.directive';
+export * from './is-drag-handle';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9mLWZsb3cvc3JjL2Ytbm9kZS9mLWRyYWctaGFuZGxlL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYyxrQkFBa0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vZi1kcmFnLWhhbmRsZS5kaXJlY3RpdmUnO1xuZXhwb3J0ICogZnJvbSAnLi9pcy1kcmFnLWhhbmRsZSc7XG4iXX0=

package/esm2022/f-node/f-drag-handle/is-drag-handle.mjs

@@ -0,0 +1,20 @@
+export function isNodeDragHandle(element) {
+    const dragHandle = getClosestDragHandle(element);
+    return !!dragHandle && !isElementOrParentExcluded(element);
+}
+function isElementOrParentExcluded(element) {
+    const isContains = isElementContainsClass(element);
+    const parentElement = element.parentElement;
+    const dragHandle = getClosestDragHandle(parentElement);
+    if (!isContains && !!dragHandle) {
+        return isElementOrParentExcluded(parentElement);
+    }
+    return isContains;
+}
+function getClosestDragHandle(element) {
+    return element.closest('.f-drag-handle');
+}
+function isElementContainsClass(element) {
+    return element.classList.contains('f-drag-handle-disabled');
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaXMtZHJhZy1oYW5kbGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9mLWZsb3cvc3JjL2Ytbm9kZS9mLWRyYWctaGFuZGxlL2lzLWRyYWctaGFuZGxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sVUFBVSxnQkFBZ0IsQ0FBQyxPQUFpQztJQUNoRSxNQUFNLFVBQVUsR0FBRyxvQkFBb0IsQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUNqRCxPQUFPLENBQUMsQ0FBQyxVQUFVLElBQUksQ0FBQyx5QkFBeUIsQ0FBQyxPQUFPLENBQUMsQ0FBQztBQUM3RCxDQUFDO0FBRUQsU0FBUyx5QkFBeUIsQ0FBQyxPQUFpQztJQUNsRSxNQUFNLFVBQVUsR0FBRyxzQkFBc0IsQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUNuRCxNQUFNLGFBQWEsR0FBSSxPQUFPLENBQUMsYUFBNkIsQ0FBQztJQUM3RCxNQUFNLFVBQVUsR0FBRyxvQkFBb0IsQ0FBQyxhQUFhLENBQUMsQ0FBQztJQUN2RCxJQUFJLENBQUMsVUFBVSxJQUFJLENBQUMsQ0FBQyxVQUFVLEVBQUU7UUFDL0IsT0FBTyx5QkFBeUIsQ0FBQyxhQUFhLENBQUMsQ0FBQztLQUNqRDtJQUNELE9BQU8sVUFBVSxDQUFDO0FBQ3BCLENBQUM7QUFFRCxTQUFTLG9CQUFvQixDQUFDLE9BQWlDO0lBQzdELE9BQU8sT0FBTyxDQUFDLE9BQU8sQ0FBQyxnQkFBZ0IsQ0FBZ0IsQ0FBQztBQUMxRCxDQUFDO0FBRUQsU0FBUyxzQkFBc0IsQ0FBQyxPQUFpQztJQUMvRCxPQUFPLE9BQU8sQ0FBQyxTQUFTLENBQUMsUUFBUSxDQUFDLHdCQUF3QixDQUFDLENBQUM7QUFDOUQsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBmdW5jdGlvbiBpc05vZGVEcmFnSGFuZGxlKGVsZW1lbnQ6IEhUTUxFbGVtZW50IHwgU1ZHRWxlbWVudCk6IGJvb2xlYW4ge1xuICBjb25zdCBkcmFnSGFuZGxlID0gZ2V0Q2xvc2VzdERyYWdIYW5kbGUoZWxlbWVudCk7XG4gIHJldHVybiAhIWRyYWdIYW5kbGUgJiYgIWlzRWxlbWVudE9yUGFyZW50RXhjbHVkZWQoZWxlbWVudCk7XG59XG5cbmZ1bmN0aW9uIGlzRWxlbWVudE9yUGFyZW50RXhjbHVkZWQoZWxlbWVudDogSFRNTEVsZW1lbnQgfCBTVkdFbGVtZW50KTogYm9vbGVhbiB7XG4gIGNvbnN0IGlzQ29udGFpbnMgPSBpc0VsZW1lbnRDb250YWluc0NsYXNzKGVsZW1lbnQpO1xuICBjb25zdCBwYXJlbnRFbGVtZW50ID0gKGVsZW1lbnQucGFyZW50RWxlbWVudCBhcyBIVE1MRWxlbWVudCk7XG4gIGNvbnN0IGRyYWdIYW5kbGUgPSBnZXRDbG9zZXN0RHJhZ0hhbmRsZShwYXJlbnRFbGVtZW50KTtcbiAgaWYgKCFpc0NvbnRhaW5zICYmICEhZHJhZ0hhbmRsZSkge1xuICAgIHJldHVybiBpc0VsZW1lbnRPclBhcmVudEV4Y2x1ZGVkKHBhcmVudEVsZW1lbnQpO1xuICB9XG4gIHJldHVybiBpc0NvbnRhaW5zO1xufVxuXG5mdW5jdGlvbiBnZXRDbG9zZXN0RHJhZ0hhbmRsZShlbGVtZW50OiBIVE1MRWxlbWVudCB8IFNWR0VsZW1lbnQpOiBIVE1MRWxlbWVudCB7XG4gIHJldHVybiBlbGVtZW50LmNsb3Nlc3QoJy5mLWRyYWctaGFuZGxlJykgYXMgSFRNTEVsZW1lbnQ7XG59XG5cbmZ1bmN0aW9uIGlzRWxlbWVudENvbnRhaW5zQ2xhc3MoZWxlbWVudDogSFRNTEVsZW1lbnQgfCBTVkdFbGVtZW50KTogYm9vbGVhbiB7XG4gIHJldHVybiBlbGVtZW50LmNsYXNzTGlzdC5jb250YWlucygnZi1kcmFnLWhhbmRsZS1kaXNhYmxlZCcpO1xufVxuIl19

package/esm2022/f-node/f-drag-handle/public-api.mjs

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

package/esm2022/f-node/f-node-base.mjs

@@ -0,0 +1,33 @@
+import { InjectionToken } from '@angular/core';
+import { Subject } from 'rxjs';
+import { PointExtensions } from '@foblex/core';
+import { F_SELECTED_CLASS } from '../f-connection';
+export const F_NODE = new InjectionToken('F_NODE');
+export class FNodeBase {
+    constructor() {
+        this.stateChanges = new Subject();
+        this._position = PointExtensions.initialize();
+    }
+    isContains(element) {
+        return this.hostElement.contains(element);
+    }
+    redraw() {
+        this.hostElement.setAttribute('style', 'transform: translate(' + this.position.x + 'px,' + this.position.y + 'px)');
+    }
+    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);
+    }
+    updatePosition(position) {
+        this._position = position;
+    }
+    completeDrag() {
+        this.positionChange.emit(this.position);
+    }
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZi1ub2RlLWJhc2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9mLWZsb3cvc3JjL2Ytbm9kZS9mLW5vZGUtYmFzZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQWdCLGNBQWMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM3RCxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQy9CLE9BQU8sRUFBMkIsZUFBZSxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBRXhFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBZSxNQUFNLGlCQUFpQixDQUFDO0FBR2hFLE1BQU0sQ0FBQyxNQUFNLE1BQU0sR0FBRyxJQUFJLGNBQWMsQ0FBWSxRQUFRLENBQUMsQ0FBQztBQUU5RCxNQUFNLE9BQWdCLFNBQVM7SUFBL0I7UUFNa0IsaUJBQVksR0FBa0IsSUFBSSxPQUFPLEVBQVEsQ0FBQztRQU14RCxjQUFTLEdBQVcsZUFBZSxDQUFDLFVBQVUsRUFBRSxDQUFDO0lBdUM3RCxDQUFDO0lBM0JRLFVBQVUsQ0FBQyxPQUFpQztRQUNqRCxPQUFPLElBQUksQ0FBQyxXQUFXLENBQUMsUUFBUSxDQUFDLE9BQU8sQ0FBQyxDQUFDO0lBQzVDLENBQUM7SUFFTSxNQUFNO1FBQ1gsSUFBSSxDQUFDLFdBQVcsQ0FBQyxZQUFZLENBQUMsT0FBTyxFQUFFLHVCQUF1QixHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQyxHQUFHLEtBQUssR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsR0FBRyxLQUFLLENBQUMsQ0FBQztJQUN0SCxDQUFDO0lBRU0sUUFBUTtRQUNiLElBQUksQ0FBQyxXQUFXLENBQUMsU0FBUyxDQUFDLE1BQU0sQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO0lBQ3RELENBQUM7SUFFTSxNQUFNO1FBQ1gsSUFBSSxDQUFDLFdBQVcsQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLGdCQUFnQixDQUFDLENBQUM7SUFDbkQsQ0FBQztJQUVNLFVBQVU7UUFDZixPQUFPLElBQUksQ0FBQyxXQUFXLENBQUMsU0FBUyxDQUFDLFFBQVEsQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO0lBQy9ELENBQUM7SUFFTSxjQUFjLENBQUMsUUFBZ0I7UUFDcEMsSUFBSSxDQUFDLFNBQVMsR0FBRyxRQUFRLENBQUM7SUFDNUIsQ0FBQztJQUVNLFlBQVk7UUFDakIsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQzFDLENBQUM7Q0FDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEV2ZW50RW1pdHRlciwgSW5qZWN0aW9uVG9rZW4gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFN1YmplY3QgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IElIYXNIb3N0RWxlbWVudCwgSVBvaW50LCBQb2ludEV4dGVuc2lvbnMgfSBmcm9tICdAZm9ibGV4L2NvcmUnO1xuaW1wb3J0IHsgRkNvbm5lY3RvckJhc2UgfSBmcm9tICcuL2YtY29ubmVjdG9ycyc7XG5pbXBvcnQgeyBGX1NFTEVDVEVEX0NMQVNTLCBJU2VsZWN0YWJsZSB9IGZyb20gJy4uL2YtY29ubmVjdGlvbic7XG5pbXBvcnQgeyBJSGFzU3RhdGVDaGFuZ2VzIH0gZnJvbSAnLi4vaS1oYXMtc3RhdGUtY2hhbmdlcyc7XG5cbmV4cG9ydCBjb25zdCBGX05PREUgPSBuZXcgSW5qZWN0aW9uVG9rZW48Rk5vZGVCYXNlPignRl9OT0RFJyk7XG5cbmV4cG9ydCBhYnN0cmFjdCBjbGFzcyBGTm9kZUJhc2UgaW1wbGVtZW50cyBJSGFzU3RhdGVDaGFuZ2VzLCBJU2VsZWN0YWJsZSwgSUhhc0hvc3RFbGVtZW50IHtcblxuICBwdWJsaWMgYWJzdHJhY3QgaWQ6IGFueTtcblxuICBwdWJsaWMgYWJzdHJhY3QgaG9zdEVsZW1lbnQ6IEhUTUxFbGVtZW50O1xuXG4gIHB1YmxpYyByZWFkb25seSBzdGF0ZUNoYW5nZXM6IFN1YmplY3Q8dm9pZD4gPSBuZXcgU3ViamVjdDx2b2lkPigpO1xuXG4gIHB1YmxpYyBhYnN0cmFjdCBwb3NpdGlvbkNoYW5nZTogRXZlbnRFbWl0dGVyPElQb2ludD47XG5cbiAgcHVibGljIGFic3RyYWN0IHBvc2l0aW9uOiBJUG9pbnQ7XG5cbiAgcHJvdGVjdGVkIF9wb3NpdGlvbjogSVBvaW50ID0gUG9pbnRFeHRlbnNpb25zLmluaXRpYWxpemUoKTtcblxuICBwdWJsaWMgYWJzdHJhY3QgZGlzYWJsZWQ6IGJvb2xlYW47XG5cbiAgcHVibGljIGFic3RyYWN0IHJlZnJlc2goKTogdm9pZDtcblxuICBwdWJsaWMgYWJzdHJhY3QgY29ubmVjdG9yczogRkNvbm5lY3RvckJhc2VbXTtcblxuICBwdWJsaWMgYWJzdHJhY3QgYWRkQ29ubmVjdG9yKGNvbm5lY3RvcjogRkNvbm5lY3RvckJhc2UpOiB2b2lkO1xuXG4gIHB1YmxpYyBhYnN0cmFjdCByZW1vdmVDb25uZWN0b3IoY29ubmVjdG9yOiBGQ29ubmVjdG9yQmFzZSk6IHZvaWQ7XG5cbiAgcHVibGljIGlzQ29udGFpbnMoZWxlbWVudDogSFRNTEVsZW1lbnQgfCBTVkdFbGVtZW50KTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMuaG9zdEVsZW1lbnQuY29udGFpbnMoZWxlbWVudCk7XG4gIH1cblxuICBwdWJsaWMgcmVkcmF3KCk6IHZvaWQge1xuICAgIHRoaXMuaG9zdEVsZW1lbnQuc2V0QXR0cmlidXRlKCdzdHlsZScsICd0cmFuc2Zvcm06IHRyYW5zbGF0ZSgnICsgdGhpcy5wb3NpdGlvbi54ICsgJ3B4LCcgKyB0aGlzLnBvc2l0aW9uLnkgKyAncHgpJyk7XG4gIH1cblxuICBwdWJsaWMgZGVzZWxlY3QoKTogdm9pZCB7XG4gICAgdGhpcy5ob3N0RWxlbWVudC5jbGFzc0xpc3QucmVtb3ZlKEZfU0VMRUNURURfQ0xBU1MpO1xuICB9XG5cbiAgcHVibGljIHNlbGVjdCgpOiB2b2lkIHtcbiAgICB0aGlzLmhvc3RFbGVtZW50LmNsYXNzTGlzdC5hZGQoRl9TRUxFQ1RFRF9DTEFTUyk7XG4gIH1cblxuICBwdWJsaWMgaXNTZWxlY3RlZCgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5ob3N0RWxlbWVudC5jbGFzc0xpc3QuY29udGFpbnMoRl9TRUxFQ1RFRF9DTEFTUyk7XG4gIH1cblxuICBwdWJsaWMgdXBkYXRlUG9zaXRpb24ocG9zaXRpb246IElQb2ludCk6IHZvaWQge1xuICAgIHRoaXMuX3Bvc2l0aW9uID0gcG9zaXRpb247XG4gIH1cblxuICBwdWJsaWMgY29tcGxldGVEcmFnKCk6IHZvaWQge1xuICAgIHRoaXMucG9zaXRpb25DaGFuZ2UuZW1pdCh0aGlzLnBvc2l0aW9uKTtcbiAgfVxufVxuIl19

package/esm2022/f-node/f-node.component.mjs

@@ -0,0 +1,88 @@
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, } from "@angular/core";
+import { PointExtensions } from '@foblex/core';
+import { FNodeBase, F_NODE } from './f-node-base';
+import { startWith, Subscription } from 'rxjs';
+import { FResizeObserver } from './f-resize-observer';
+import { GetConnectorSideInNodeHandler } from '../domain';
+import * as i0 from "@angular/core";
+import * as i1 from "../f-components-store";
+let uniqueId = 0;
+export class FNodeComponent extends FNodeBase {
+    set position(value) {
+        this._position = PointExtensions.castToPoint(value);
+        this.refresh();
+    }
+    get position() {
+        return this._position;
+    }
+    get hostElement() {
+        return this.elementReference.nativeElement;
+    }
+    constructor(elementReference, fComponentsStore) {
+        super();
+        this.elementReference = elementReference;
+        this.fComponentsStore = fComponentsStore;
+        this.subscriptions$ = new Subscription();
+        this.id = `f-node-${uniqueId++}`;
+        this.positionChange = new EventEmitter();
+        this.disabled = false;
+        this.connectors = [];
+    }
+    ngOnInit() {
+        super.redraw();
+        this.fComponentsStore.addNode(this);
+    }
+    ngAfterViewInit() {
+        this.subscriptions$.add(this.subscribeOnResizeChanges());
+    }
+    subscribeOnResizeChanges() {
+        return new FResizeObserver(this.hostElement).pipe(startWith(null)).subscribe(() => {
+            this.connectors.forEach((connector) => {
+                connector.side = new GetConnectorSideInNodeHandler().handle(connector.hostElement, this.hostElement);
+            });
+            this.fComponentsStore.changes.next();
+        });
+    }
+    addConnector(connector) {
+        this.connectors.push(connector);
+    }
+    removeConnector(connector) {
+        const index = this.connectors.indexOf(connector);
+        if (index !== -1) {
+            this.connectors.splice(index, 1);
+        }
+    }
+    refresh() {
+        this.stateChanges.next();
+    }
+    ngOnDestroy() {
+        this.fComponentsStore.removeNode(this);
+        this.stateChanges.complete();
+        this.subscriptions$.unsubscribe();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: FNodeComponent, deps: [{ token: i0.ElementRef }, { token: i1.FComponentsStore }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.5", type: FNodeComponent, selector: "f-node", inputs: { id: "id", position: ["fNodePosition", "position"], disabled: "disabled" }, outputs: { positionChange: "fNodePositionChange" }, host: { properties: { "attr.id": "id", "class.f-disabled": "disabled" }, classAttribute: "f-node f-component" }, providers: [
+            { provide: F_NODE, useExisting: FNodeComponent }
+        ], exportAs: ["fComponent"], usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{position:absolute!important;left:0;top:0;pointer-events:all;transform-origin:0 0;-webkit-user-select:none;user-select:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: FNodeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "f-node", exportAs: "fComponent", changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        '[attr.id]': 'id',
+                        class: "f-node f-component",
+                        '[class.f-disabled]': 'disabled',
+                    }, providers: [
+                        { provide: F_NODE, useExisting: FNodeComponent }
+                    ], template: "<ng-content></ng-content>\n", styles: [":host{position:absolute!important;left:0;top:0;pointer-events:all;transform-origin:0 0;-webkit-user-select:none;user-select:none}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.FComponentsStore }]; }, propDecorators: { id: [{
+                type: Input
+            }], position: [{
+                type: Input,
+                args: ['fNodePosition']
+            }], positionChange: [{
+                type: Output,
+                args: ['fNodePositionChange']
+            }], disabled: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZi1ub2RlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2YtZmxvdy9zcmMvZi1ub2RlL2Ytbm9kZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9wcm9qZWN0cy9mLWZsb3cvc3JjL2Ytbm9kZS9mLW5vZGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUVMLHVCQUF1QixFQUFFLFNBQVMsRUFBYyxZQUFZLEVBQzVELEtBQUssRUFBcUIsTUFBTSxHQUNqQyxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQTJCLGVBQWUsRUFBYyxNQUFNLGNBQWMsQ0FBQztBQUNwRixPQUFPLEVBQ0wsU0FBUyxFQUFFLE1BQU0sRUFDbEIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDL0MsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBR3RELE9BQU8sRUFBRSw2QkFBNkIsRUFBRSxNQUFNLFdBQVcsQ0FBQzs7O0FBRTFELElBQUksUUFBUSxHQUFXLENBQUMsQ0FBQztBQWlCekIsTUFBTSxPQUFPLGNBQWUsU0FBUSxTQUFTO0lBTzNDLElBQ29CLFFBQVEsQ0FBQyxLQUFpQjtRQUM1QyxJQUFJLENBQUMsU0FBUyxHQUFHLGVBQWUsQ0FBQyxXQUFXLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDcEQsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO0lBQ2pCLENBQUM7SUFFRCxJQUFvQixRQUFRO1FBQzFCLE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQztJQUN4QixDQUFDO0lBUUQsSUFBVyxXQUFXO1FBQ3BCLE9BQU8sSUFBSSxDQUFDLGdCQUFnQixDQUFDLGFBQWEsQ0FBQztJQUM3QyxDQUFDO0lBSUQsWUFDWSxnQkFBeUMsRUFDekMsZ0JBQWtDO1FBRTVDLEtBQUssRUFB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SW5pdCxcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRWxlbWVudFJlZiwgRXZlbnRFbWl0dGVyLFxuICBJbnB1dCwgT25EZXN0cm95LCBPbkluaXQsIE91dHB1dCxcbn0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IElIYXNIb3N0RWxlbWVudCwgSVBvaW50LCBQb2ludEV4dGVuc2lvbnMsIFBvaW50SW5wdXQgfSBmcm9tICdAZm9ibGV4L2NvcmUnO1xuaW1wb3J0IHtcbiAgRk5vZGVCYXNlLCBGX05PREVcbn0gZnJvbSAnLi9mLW5vZGUtYmFzZSc7XG5pbXBvcnQgeyBzdGFydFdpdGgsIFN1YnNjcmlwdGlvbiB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgRlJlc2l6ZU9ic2VydmVyIH0gZnJvbSAnLi9mLXJlc2l6ZS1vYnNlcnZlcic7XG5pbXBvcnQgeyBGQ29ubmVjdG9yQmFzZSB9IGZyb20gJy4vZi1jb25uZWN0b3JzJztcbmltcG9ydCB7IEZDb21wb25lbnRzU3RvcmUgfSBmcm9tICcuLi9mLWNvbXBvbmVudHMtc3RvcmUnO1xuaW1wb3J0IHsgR2V0Q29ubmVjdG9yU2lkZUluTm9kZUhhbmRsZXIgfSBmcm9tICcuLi9kb21haW4nO1xuXG5sZXQgdW5pcXVlSWQ6IG51bWJlciA9IDA7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogXCJmLW5vZGVcIixcbiAgZXhwb3J0QXM6IFwiZkNvbXBvbmVudFwiLFxuICB0ZW1wbGF0ZVVybDogXCIuL2Ytbm9kZS5jb21wb25lbnQuaHRtbFwiLFxuICBzdHlsZVVybHM6IFsgXCIuL2Ytbm9kZS5jb21wb25lbnQuc2Nzc1wiIF0sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBob3N0OiB7XG4gICAgJ1thdHRyLmlkXSc6ICdpZCcsXG4gICAgY2xhc3M6IFwiZi1ub2RlIGYtY29tcG9uZW50XCIsXG4gICAgJ1tjbGFzcy5mLWRpc2FibGVkXSc6ICdkaXNhYmxlZCcsXG4gIH0sXG4gIHByb3ZpZGVyczogW1xuICAgIHsgcHJvdmlkZTogRl9OT0RFLCB1c2VFeGlzdGluZzogRk5vZGVDb21wb25lbnQgfVxuICBdXG59KVxuZXhwb3J0IGNsYXNzIEZOb2RlQ29tcG9uZW50IGV4dGVuZHMgRk5vZGVCYXNlIGltcGxlbWVudHMgT25Jbml0LCBBZnRlclZpZXdJbml0LCBJSGFzSG9zdEVsZW1lbnQsIE9uRGVzdHJveSB7XG5cbiAgcHJpdmF0ZSBzdWJzY3JpcHRpb25zJDogU3Vic2NyaXB0aW9uID0gbmV3IFN1YnNjcmlwdGlvbigpO1xuXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBvdmVycmlkZSBpZDogYW55ID0gYGYtbm9kZS0keyB1bmlxdWVJZCsrIH1gO1xuXG4gIEBJbnB1dCgnZk5vZGVQb3NpdGlvbicpXG4gIHB1YmxpYyBvdmVycmlkZSBzZXQgcG9zaXRpb24odmFsdWU6IFBvaW50SW5wdXQpIHtcbiAgICB0aGlzLl9wb3NpdGlvbiA9IFBvaW50RXh0ZW5zaW9ucy5jYXN0VG9Qb2ludCh2YWx1ZSk7XG4gICAgdGhpcy5yZWZyZXNoKCk7XG4gIH1cblxuICBwdWJsaWMgb3ZlcnJpZGUgZ2V0IHBvc2l0aW9uKCk6IElQb2ludCB7XG4gICAgcmV0dXJuIHRoaXMuX3Bvc2l0aW9uO1xuICB9XG5cbiAgQE91dHB1dCgnZk5vZGVQb3NpdGlvbkNoYW5nZScpXG4gIHB1YmxpYyBvdmVycmlkZSBwb3NpdGlvbkNoYW5nZTogRXZlbnRFbWl0dGVyPElQb2ludD4gPSBuZXcgRXZlbnRFbWl0dGVyPElQb2ludD4oKTtcblxuICBASW5wdXQoKVxuICBwdWJsaWMgb3ZlcnJpZGUgZGlzYWJsZWQ6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBwdWJsaWMgZ2V0IGhvc3RFbGVtZW50KCk6IEhUTUxFbGVtZW50IHtcbiAgICByZXR1cm4gdGhpcy5lbGVtZW50UmVmZXJlbmNlLm5hdGl2ZUVsZW1lbnQ7XG4gIH1cblxuICBwdWJsaWMgb3ZlcnJpZGUgY29ubmVjdG9yczogRkNvbm5lY3RvckJhc2VbXSA9IFtdO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgICAgcHJpdmF0ZSBlbGVtZW50UmVmZXJlbmNlOiBFbGVtZW50UmVmPEhUTUxFbGVtZW50PixcbiAgICAgIHByaXZhdGUgZkNvbXBvbmVudHNTdG9yZTogRkNvbXBvbmVudHNTdG9yZVxuICApIHtcbiAgICBzdXBlcigpO1xuICB9XG5cbiAgcHVibGljIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHN1cGVyLnJlZHJhdygpO1xuICAgIHRoaXMuZkNvbXBvbmVudHNTdG9yZS5hZGROb2RlKHRoaXMpO1xuICB9XG5cbiAgcHVibGljIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLnN1YnNjcmlwdGlvbnMkLmFkZChcbiAgICAgICAgdGhpcy5zdWJzY3JpYmVPblJlc2l6ZUNoYW5nZXMoKVxuICAgICk7XG4gIH1cblxuICBwcml2YXRlIHN1YnNjcmliZU9uUmVzaXplQ2hhbmdlcygpOiBTdWJzY3JpcHRpb24ge1xuICAgIHJldHVybiBuZXcgRlJlc2l6ZU9ic2VydmVyKHRoaXMuaG9zdEVsZW1lbnQgYXMgSFRNTEVsZW1lbnQpLnBpcGUoc3RhcnRXaXRoKG51bGwpKS5zdWJzY3JpYmUoKCkgPT4ge1xuICAgICAgdGhpcy5jb25uZWN0b3JzLmZvckVhY2goKGNvbm5lY3RvcjogRkNvbm5lY3RvckJhc2UpID0+IHtcbiAgICAgICAgY29ubmVjdG9yLnNpZGUgPSBuZXcgR2V0Q29ubmVjdG9yU2lkZUluTm9kZUhhbmRsZXIoKS5oYW5kbGUoY29ubmVjdG9yLmhvc3RFbGVtZW50LCB0aGlzLmhvc3RFbGVtZW50KTtcbiAgICAgIH0pO1xuICAgICAgdGhpcy5mQ29tcG9uZW50c1N0b3JlLmNoYW5nZXMubmV4dCgpO1xuICAgIH0pO1xuICB9XG5cbiAgcHVibGljIG92ZXJyaWRlIGFkZENvbm5lY3Rvcihjb25uZWN0b3I6IEZDb25uZWN0b3JCYXNlKTogdm9pZCB7XG4gICAgdGhpcy5jb25uZWN0b3JzLnB1c2goY29ubmVjdG9yKTtcbiAgfVxuXG4gIHB1YmxpYyBvdmVycmlkZSByZW1vdmVDb25uZWN0b3IoY29ubmVjdG9yOiBGQ29ubmVjdG9yQmFzZSk6IHZvaWQge1xuICAgIGNvbnN0IGluZGV4ID0gdGhpcy5jb25uZWN0b3JzLmluZGV4T2YoY29ubmVjdG9yKTtcbiAgICBpZiAoaW5kZXggIT09IC0xKSB7XG4gICAgICB0aGlzLmNvbm5lY3RvcnMuc3BsaWNlKGluZGV4LCAxKTtcbiAgICB9XG4gIH1cblxuICBwdWJsaWMgcmVmcmVzaCgpOiB2b2lkIHtcbiAgICB0aGlzLnN0YXRlQ2hhbmdlcy5uZXh0KCk7XG4gIH1cblxuICBwdWJsaWMgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgdGhpcy5mQ29tcG9uZW50c1N0b3JlLnJlbW92ZU5vZGUodGhpcyk7XG4gICAgdGhpcy5zdGF0ZUNoYW5nZXMuY29tcGxldGUoKTtcbiAgICB0aGlzLnN1YnNjcmlwdGlvbnMkLnVuc3Vic2NyaWJlKCk7XG4gIH1cbn1cbiIsIjxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiJdfQ==

package/esm2022/f-node/f-resize-observer.mjs

@@ -0,0 +1,16 @@
+import { Observable } from 'rxjs';
+export class FResizeObserver extends Observable {
+    constructor(element) {
+        super(subscriber => {
+            const observer = new ResizeObserver(entries => {
+                subscriber.next(entries);
+            });
+            observer.observe(element);
+            return function unsubscribe() {
+                observer.unobserve(element);
+                observer.disconnect();
+            };
+        });
+    }
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZi1yZXNpemUtb2JzZXJ2ZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9mLWZsb3cvc3JjL2Ytbm9kZS9mLXJlc2l6ZS1vYnNlcnZlci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBRWxDLE1BQU0sT0FBTyxlQUFnQixTQUFRLFVBQWlDO0lBRXBFLFlBQVksT0FBb0I7UUFDOUIsS0FBSyxDQUFDLFVBQVUsQ0FBQyxFQUFFO1lBQ2pCLE1BQU0sUUFBUSxHQUFHLElBQUksY0FBYyxDQUFDLE9BQU8sQ0FBQyxFQUFFO2dCQUM1QyxVQUFVLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDO1lBQzNCLENBQUMsQ0FBQyxDQUFDO1lBRUgsUUFBUSxDQUFDLE9BQU8sQ0FBQyxPQUFPLENBQUMsQ0FBQztZQUUxQixPQUFPLFNBQVMsV0FBVztnQkFDekIsUUFBUSxDQUFDLFNBQVMsQ0FBQyxPQUFPLENBQUMsQ0FBQztnQkFDNUIsUUFBUSxDQUFDLFVBQVUsRUFBRSxDQUFDO1lBQ3hCLENBQUMsQ0FBQTtRQUNILENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztDQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgT2JzZXJ2YWJsZSB9IGZyb20gJ3J4anMnO1xuXG5leHBvcnQgY2xhc3MgRlJlc2l6ZU9ic2VydmVyIGV4dGVuZHMgT2JzZXJ2YWJsZTxSZXNpemVPYnNlcnZlckVudHJ5W10+IHtcblxuICBjb25zdHJ1Y3RvcihlbGVtZW50OiBIVE1MRWxlbWVudCkge1xuICAgIHN1cGVyKHN1YnNjcmliZXIgPT4ge1xuICAgICAgY29uc3Qgb2JzZXJ2ZXIgPSBuZXcgUmVzaXplT2JzZXJ2ZXIoZW50cmllcyA9PiB7XG4gICAgICAgIHN1YnNjcmliZXIubmV4dChlbnRyaWVzKTtcbiAgICAgIH0pO1xuXG4gICAgICBvYnNlcnZlci5vYnNlcnZlKGVsZW1lbnQpO1xuXG4gICAgICByZXR1cm4gZnVuY3Rpb24gdW5zdWJzY3JpYmUoKSB7XG4gICAgICAgIG9ic2VydmVyLnVub2JzZXJ2ZShlbGVtZW50KTtcbiAgICAgICAgb2JzZXJ2ZXIuZGlzY29ubmVjdCgpO1xuICAgICAgfVxuICAgIH0pO1xuICB9XG59XG4iXX0=

package/esm2022/f-node/index.mjs

@@ -0,0 +1,7 @@
+export * from './f-connectors';
+export * from './f-drag-handle';
+export * from './f-node.component';
+export * from './f-node-base';
+export * from './f-resize-observer';
+export * from './is-node';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9mLWZsb3cvc3JjL2Ytbm9kZS9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLGdCQUFnQixDQUFDO0FBRS9CLGNBQWMsaUJBQWlCLENBQUM7QUFFaEMsY0FBYyxvQkFBb0IsQ0FBQztBQUVuQyxjQUFjLGVBQWUsQ0FBQztBQUU5QixjQUFjLHFCQUFxQixDQUFDO0FBRXBDLGNBQWMsV0FBVyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9mLWNvbm5lY3RvcnMnO1xuXG5leHBvcnQgKiBmcm9tICcuL2YtZHJhZy1oYW5kbGUnO1xuXG5leHBvcnQgKiBmcm9tICcuL2Ytbm9kZS5jb21wb25lbnQnO1xuXG5leHBvcnQgKiBmcm9tICcuL2Ytbm9kZS1iYXNlJztcblxuZXhwb3J0ICogZnJvbSAnLi9mLXJlc2l6ZS1vYnNlcnZlcic7XG5cbmV4cG9ydCAqIGZyb20gJy4vaXMtbm9kZSc7XG4iXX0=

package/esm2022/f-node/is-node.mjs

@@ -0,0 +1,4 @@
+export function isNode(element) {
+    return !!element.closest('f-node');
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaXMtbm9kZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2YtZmxvdy9zcmMvZi1ub2RlL2lzLW5vZGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxVQUFVLE1BQU0sQ0FBQyxPQUFpQztJQUN0RCxPQUFPLENBQUMsQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQyxDQUFDO0FBQ3JDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgZnVuY3Rpb24gaXNOb2RlKGVsZW1lbnQ6IEhUTUxFbGVtZW50IHwgU1ZHRWxlbWVudCk6IGJvb2xlYW4ge1xuICByZXR1cm4gISFlbGVtZW50LmNsb3Nlc3QoJ2Ytbm9kZScpO1xufVxuXG4iXX0=

package/esm2022/f-node/public-api.mjs

@@ -0,0 +1,4 @@
+export * from './f-connectors/public-api';
+export * from './f-drag-handle/public-api';
+export * from './f-node.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2YtZmxvdy9zcmMvZi1ub2RlL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYywyQkFBMkIsQ0FBQztBQUUxQyxjQUFjLDRCQUE0QixDQUFDO0FBRTNDLGNBQWMsb0JBQW9CLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2YtY29ubmVjdG9ycy9wdWJsaWMtYXBpJztcblxuZXhwb3J0ICogZnJvbSAnLi9mLWRyYWctaGFuZGxlL3B1YmxpYy1hcGknO1xuXG5leHBvcnQgKiBmcm9tICcuL2Ytbm9kZS5jb21wb25lbnQnO1xuIl19

package/esm2022/get-flow-uid.mjs

@@ -0,0 +1,7 @@
+export const FLOW = {
+    UID: 'f-flow',
+};
+export function getFlowUid() {
+    return FLOW.UID;
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2V0LWZsb3ctdWlkLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vcHJvamVjdHMvZi1mbG93L3NyYy9nZXQtZmxvdy11aWQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxDQUFDLE1BQU0sSUFBSSxHQUFHO0lBQ2xCLEdBQUcsRUFBRSxRQUFRO0NBQ2QsQ0FBQztBQUVGLE1BQU0sVUFBVSxVQUFVO0lBQ3RCLE9BQU8sSUFBSSxDQUFDLEdBQUcsQ0FBQztBQUNwQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGNvbnN0IEZMT1cgPSB7XG4gIFVJRDogJ2YtZmxvdycsXG59O1xuXG5leHBvcnQgZnVuY3Rpb24gZ2V0Rmxvd1VpZCgpOiBzdHJpbmcge1xuICAgIHJldHVybiBGTE9XLlVJRDtcbn1cbiJdfQ==

package/esm2022/public-api.mjs

@@ -1,5 +1,6 @@
 export * from './components/public-api';
-export * from './directives/public-api';
-export * from './internal/f-canvas/f-canvas.directive';
+export * from './f-connection/public-api';
+export * from './f-draggable/public-api';
+export * from './f-node/public-api';
 export * from './f-flow.module';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2YtZmxvdy9zcmMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYyx3Q0FBd0MsQ0FBQztBQUN2RCxjQUFjLGlCQUFpQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9jb21wb25lbnRzL3B1YmxpYy1hcGknO1xuZXhwb3J0ICogZnJvbSAnLi9kaXJlY3RpdmVzL3B1YmxpYy1hcGknO1xuZXhwb3J0ICogZnJvbSAnLi9pbnRlcm5hbC9mLWNhbnZhcy9mLWNhbnZhcy5kaXJlY3RpdmUnO1xuZXhwb3J0ICogZnJvbSAnLi9mLWZsb3cubW9kdWxlJztcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2YtZmxvdy9zcmMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLHlCQUF5QixDQUFDO0FBRXhDLGNBQWMsMkJBQTJCLENBQUM7QUFFMUMsY0FBYywwQkFBMEIsQ0FBQztBQUV6QyxjQUFjLHFCQUFxQixDQUFDO0FBRXBDLGNBQWMsaUJBQWlCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2NvbXBvbmVudHMvcHVibGljLWFwaSc7XG5cbmV4cG9ydCAqIGZyb20gJy4vZi1jb25uZWN0aW9uL3B1YmxpYy1hcGknO1xuXG5leHBvcnQgKiBmcm9tICcuL2YtZHJhZ2dhYmxlL3B1YmxpYy1hcGknO1xuXG5leHBvcnQgKiBmcm9tICcuL2Ytbm9kZS9wdWJsaWMtYXBpJztcblxuZXhwb3J0ICogZnJvbSAnLi9mLWZsb3cubW9kdWxlJztcbiJdfQ==

package/f-components-store.d.ts

@@ -0,0 +1,36 @@
+import { FBackgroundBase, FCanvasBase, FDefinitionsBase, FFlowBase } from './components';
+import { Subject } from 'rxjs';
+import { FDraggableBase } from './f-draggable';
+import { ITransformModel } from '@foblex/core';
+import { FConnectionBase } from './f-connection';
+import { FConnectorBase, FNodeBase, FNodeInputBase, FNodeOutletBase, FNodeOutputBase } from './f-node';
+import * as i0 from "@angular/core";
+export declare class FComponentsStore {
+    readonly changes: Subject<void>;
+    get flowHost(): HTMLElement;
+    get transform(): ITransformModel;
+    fFlow: FFlowBase | undefined;
+    fCanvas: FCanvasBase | undefined;
+    fBackground: FBackgroundBase | undefined;
+    fNodes: FNodeBase[];
+    fConnections: FConnectionBase[];
+    fTempConnection: FConnectionBase | undefined;
+    fOutputs: FConnectorBase[];
+    fInputs: FConnectorBase[];
+    fOutlets: FConnectorBase[];
+    fDefs: FDefinitionsBase | undefined;
+    fDraggable: FDraggableBase | undefined;
+    addOutput(output: FNodeOutputBase): void;
+    removeOutput(output: FNodeOutputBase): void;
+    addInput(input: FNodeInputBase): void;
+    removeInput(input: FNodeInputBase): void;
+    addOutlet(outlet: FNodeOutletBase): void;
+    removeOutlet(outlet: FNodeOutletBase): void;
+    addNode(node: FNodeBase): void;
+    findNode(element: HTMLElement | SVGElement): FNodeBase | undefined;
+    removeNode(node: FNodeBase): void;
+    addConnection(connection: FConnectionBase): void;
+    removeConnection(connection: FConnectionBase): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FComponentsStore, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<FComponentsStore>;
+}

package/f-connection/common/cast-to-connection-behavior.d.ts

@@ -0,0 +1,2 @@
+import { EConnectionBehavior } from './e-connection-behavior';
+export declare function castToConnectionBehavior(behavior: string): EConnectionBehavior;

package/f-connection/common/cast-to-connection-type.d.ts

@@ -0,0 +1,2 @@
+import { EConnectionType } from './e-connection-type';
+export declare function castToConnectionType(type: string): EConnectionType;

package/f-connection/common/e-connection-behavior.d.ts

@@ -0,0 +1,4 @@
+export declare enum EConnectionBehavior {
+    FIXED = "fixed",
+    FLOATING = "floating"
+}

package/f-connection/common/e-connection-type.d.ts

@@ -0,0 +1,5 @@
+export declare enum EConnectionType {
+    SEGMENT = "segment",
+    STRAIGHT = "straight",
+    BEZIER = "bezier"
+}

package/f-connection/common/f-connection-base.d.ts

@@ -0,0 +1,54 @@
+import { ElementRef } from '@angular/core';
+import { IHasHostElement, IPoint, IVector } from '@foblex/core';
+import { Subject } from 'rxjs';
+import { EConnectionBehavior } from './e-connection-behavior';
+import { EConnectionType } from './e-connection-type';
+import { IHasConnectionColor } from './i-has-connection-color';
+import { IHasConnectionFromTo } from './i-has-connection-from-to';
+import { IHasConnectionText } from './i-has-connection-text';
+import { ICanChangeConnectionVisibility, ISelectable } from './mixins';
+import { IConnectionPath } from './f-path';
+import { IConnectionGradient } from './f-gradient';
+import { FConnectionDragHandleComponent } from './f-drag-handle';
+import { FConnectionSelectionComponent } from './f-selection';
+import { IConnectionText } from './f-connection-text';
+import { IHasStateChanges } from '../../i-has-state-changes';
+import { EConnectorSide } from '../../domain';
+import * as i0 from "@angular/core";
+declare const MIXIN_BASE: import("../../common-behaviours").Constructor<ISelectable> & import("../../common-behaviours").AbstractConstructor<ISelectable> & import("../../common-behaviours").Constructor<ICanChangeConnectionVisibility> & import("../../common-behaviours").AbstractConstructor<ICanChangeConnectionVisibility> & {
+    new (hostElement: HTMLElement): {
+        hostElement: HTMLElement;
+    };
+};
+export declare abstract class FConnectionBase extends MIXIN_BASE implements IHasHostElement, ISelectable, ICanChangeConnectionVisibility, IHasStateChanges, IHasConnectionColor, IHasConnectionFromTo, IHasConnectionText {
+    abstract id: any;
+    abstract text: string;
+    abstract startColor: string;
+    abstract endColor: string;
+    abstract outputId: any;
+    abstract inputId: any;
+    path: string;
+    vector: IVector;
+    readonly stateChanges: Subject<void>;
+    abstract disabled: boolean;
+    abstract boundingElement: HTMLElement | SVGElement;
+    abstract behavior: EConnectionBehavior;
+    abstract type: EConnectionType;
+    abstract fDefs: ElementRef<SVGDefsElement>;
+    abstract fPath: IConnectionPath;
+    abstract fGradient: IConnectionGradient;
+    abstract fDragHandle: FConnectionDragHandleComponent;
+    abstract fSelection: FConnectionSelectionComponent;
+    abstract fText: IConnectionText;
+    abstract fLabel: ElementRef<SVGRectElement>;
+    protected constructor(elementReference: ElementRef<HTMLElement>);
+    initialize(): void;
+    private reset;
+    isContains(element: HTMLElement | SVGElement): boolean;
+    setVector(from: IPoint, fromSide: EConnectorSide, to: IPoint, toSide: EConnectorSide): void;
+    setMarkers(markers: SVGMarkerElement[]): void;
+    redraw(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FConnectionBase, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FConnectionBase, never, never, {}, {}, never, never, false, never>;
+}
+export {};

package/f-connection/common/f-connection-text/f-connection-text-path.directive.d.ts

@@ -0,0 +1,20 @@
+import { ElementRef, OnInit } from '@angular/core';
+import { IHasHostElement } from '@foblex/core';
+import { IHasConnectionText } from '../i-has-connection-text';
+import { IHasConnectionFromTo } from '../i-has-connection-from-to';
+import * as i0 from "@angular/core";
+export declare class FConnectionTextPathDirective implements IHasHostElement, OnInit {
+    private elementReference;
+    private base;
+    get linkToConnection(): string;
+    get hostElement(): SVGTextPathElement;
+    symbolWidth: number;
+    fontSize: string;
+    constructor(elementReference: ElementRef<SVGTextPathElement>, base: IHasConnectionText & IHasConnectionFromTo);
+    ngOnInit(): void;
+    getBBox(): DOMRect;
+    private getFontStyles;
+    private getSymbolWidth;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FConnectionTextPathDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FConnectionTextPathDirective, "textPath[f-connection-text-path]", never, {}, {}, never, never, false, never>;
+}

package/{components/f-connection → f-connection}/common/f-connection-text/f-connection-text.component.d.ts

@@ -1,19 +1,22 @@
 import { ElementRef } from "@angular/core";
-import { IHasHostElement, IVector } from '@foblex/core';
+import { IVector } from '@foblex/core';
 import { FConnectionTextPathDirective } from './f-connection-text-path.directive';
-import { IInputOutputModel } from '../i-input-output-model';
-import { FNodeOutletBase, FNodeOutputBase } from '../../../f-connectors';
+import { IHasConnectionText } from '../i-has-connection-text';
+import { IHasConnectionFromTo } from '../i-has-connection-from-to';
+import { IConnectionText } from './i-connection-text';
 import * as i0 from "@angular/core";
-export declare class FConnectionTextComponent implements IHasHostElement {
+export declare class FConnectionTextComponent implements IConnectionText {
     private elementReference;
-    fromTo: IInputOutputModel<FNodeOutputBase | FNodeOutletBase> | undefined;
+    private base;
     get textId(): string;
     get hostElement(): SVGTextElement;
+    get text(): string;
     textPathDirective: FConnectionTextPathDirective;
-    constructor(elementReference: ElementRef<SVGTextElement>);
+    constructor(elementReference: ElementRef<SVGTextElement>, base: IHasConnectionText & IHasConnectionFromTo);
     redraw(vector: IVector): void;
+    private calculateDy;
     private static isTextReverse;
     private static getTextStartOffset;
     static ɵfac: i0.ɵɵFactoryDeclaration<FConnectionTextComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FConnectionTextComponent, "text[f-connection-text]", never, { "fromTo": { "alias": "fromTo"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FConnectionTextComponent, "text[f-connection-text]", never, {}, {}, never, never, false, never>;
 }

package/f-connection/common/f-connection-text/i-connection-text.d.ts

@@ -0,0 +1,6 @@
+import { IHasHostElement, IVector } from '@foblex/core';
+import { InjectionToken } from '@angular/core';
+export declare const CONNECTION_TEXT: InjectionToken<IConnectionText>;
+export interface IConnectionText extends IHasHostElement {
+    redraw(vector: IVector): void;
+}

package/{components/f-connection → f-connection}/common/f-connection-text/index.d.ts

@@ -1,2 +1,3 @@
 export * from './f-connection-text.component';
 export * from './f-connection-text-path.directive';
+export * from './i-connection-text';

package/f-connection/common/f-connection.injection-token.d.ts

@@ -0,0 +1,2 @@
+import { InjectionToken } from '@angular/core';
+export declare const F_CONNECTION: InjectionToken<unknown>;