@foblex/flow 14.0.0 → 16.0.0

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

@@ -0,0 +1,97 @@
+import { EventExtensions } from '@foblex/drag-toolkit';
+import { Point, RectExtensions } from '@foblex/2d';
+import { InjectionToken } from '@angular/core';
+import { isNode } from '../f-node';
+export const F_ZOOM = new InjectionToken('F_ZOOM');
+export class FZoomBase {
+    get flowHost() {
+        return this.fComponentsStore.flowHost;
+    }
+    get fCanvas() {
+        return this.fComponentsStore.fCanvas;
+    }
+    constructor(fComponentsStore) {
+        this.fComponentsStore = fComponentsStore;
+        this.isEnabled = false;
+        this.listeners = EventExtensions.emptyListener();
+    }
+    toggleZoom() {
+        if (this.isEnabled) {
+            this.subscribe();
+        }
+        else {
+            this.unsubscribe();
+        }
+    }
+    subscribe() {
+        this.listeners();
+        if (!this.flowHost) {
+            return;
+        }
+        this.flowHost.addEventListener('wheel', this.onWheel.bind(this));
+        this.flowHost.addEventListener('dblclick', this.onDoubleClick.bind(this));
+        this.listeners = () => {
+            this.flowHost.removeEventListener('wheel', this.onWheel.bind(this));
+            this.flowHost.removeEventListener('dblclick', this.onDoubleClick.bind(this));
+        };
+    }
+    getScale() {
+        return this.fCanvas.transform.scale || 1;
+    }
+    onWheel(event) {
+        event.preventDefault();
+        const targetElement = event.target;
+        if (this.fComponentsStore.fDraggable?.isDragStarted || targetElement?.closest('[fLockedContext]')) {
+            return;
+        }
+        let result = this.getScale();
+        const direction = event.deltaY > 0 ? -1 : 1;
+        const step = this.step;
+        result = result + step * direction;
+        result = Math.max(this.minimum, Math.min(result, this.maximum));
+        const pointerPositionInFlow = new Point(event.clientX, event.clientY).elementTransform(this.flowHost);
+        this.fCanvas.setZoom(result, pointerPositionInFlow);
+        this.fCanvas.redraw();
+        this.fCanvas.emitCanvasChangeEvent();
+    }
+    onDoubleClick(event) {
+        event.preventDefault();
+        const targetElement = event.target;
+        if (this.fComponentsStore.fDraggable?.isDragStarted || isNode(targetElement) || targetElement?.closest('[fLockedContext]')) {
+            return;
+        }
+        let result = this.getScale();
+        const direction = 1;
+        const step = this.dblClickStep;
+        result = result + step * direction;
+        result = Math.max(this.minimum, Math.min(result, this.maximum));
+        const pointerPositionInFlow = new Point(event.clientX, event.clientY).elementTransform(this.flowHost);
+        this.fCanvas.setZoom(result, pointerPositionInFlow);
+        this.fCanvas.redrawWithAnimation();
+        this.fCanvas.emitCanvasChangeEvent();
+    }
+    onZoomToCenter(deltaY, position) {
+        const preventDefault = () => {
+        };
+        const rect = RectExtensions.fromElement(this.flowHost);
+        this.onWheel({
+            deltaY, preventDefault, clientX: position?.x || rect.gravityCenter.x, clientY: position?.y || rect.gravityCenter.y
+        });
+    }
+    zoomIn(position) {
+        this.onZoomToCenter(-1, position);
+    }
+    zoomOut(position) {
+        this.onZoomToCenter(1, position);
+    }
+    reset() {
+        this.fCanvas.resetZoom();
+        this.fCanvas.redraw();
+        this.fCanvas.emitCanvasChangeEvent();
+    }
+    unsubscribe() {
+        this.listeners();
+        this.listeners = EventExtensions.emptyListener();
+    }
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZi16b29tLWJhc2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9mLWZsb3cvc3JjL2Ytem9vbS9mLXpvb20tYmFzZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDdkQsT0FBTyxFQUFVLEtBQUssRUFBRSxjQUFjLEVBQUUsTUFBTSxZQUFZLENBQUM7QUFDM0QsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUcvQyxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sV0FBVyxDQUFDO0FBRW5DLE1BQU0sQ0FBQyxNQUFNLE1BQU0sR0FBRyxJQUFJLGNBQWMsQ0FBWSxRQUFRLENBQUMsQ0FBQztBQUU5RCxNQUFNLE9BQWdCLFNBQVM7SUFZN0IsSUFBWSxRQUFRO1FBQ2xCLE9BQU8sSUFBSSxDQUFDLGdCQUFnQixDQUFDLFFBQVEsQ0FBQztJQUN4QyxDQUFDO0lBRUQsSUFBWSxPQUFPO1FBQ2pCLE9BQU8sSUFBSSxDQUFDLGdCQUFnQixDQUFDLE9BQXNCLENBQUM7SUFDdEQsQ0FBQztJQUVELFlBQ2MsZ0JBQWtDO1FBQWxDLHFCQUFnQixHQUFoQixnQkFBZ0IsQ0FBa0I7UUFuQnRDLGNBQVMsR0FBWSxLQUFLLENBQUM7UUFRN0IsY0FBUyxHQUFhLGVBQWUsQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQWE5RCxDQUFDO0lBRVMsVUFBVTtRQUNsQixJQUFJLElBQUksQ0FBQyxTQUFTLEVBQUU7WUFDbEIsSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDO1NBQ2xCO2FBQU07WUFDTCxJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7U0FDcEI7SUFDSCxDQUFDO0lBRU8sU0FBUztRQUNmLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQztRQUNqQixJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUNsQixPQUFPO1NBQ1I7UUFFRCxJQUFJ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QUFDLE9BQU8sQ0FBQyxNQUFNLEVBQUUsQ0FBQztRQUN0QixJQUFJLENBQUMsT0FBTyxDQUFDLHFCQUFxQixFQUFFLENBQUM7SUFDdkMsQ0FBQztJQUVTLFdBQVc7UUFDbkIsSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDO1FBQ2pCLElBQUksQ0FBQyxTQUFTLEdBQUcsZUFBZSxDQUFDLGFBQWEsRUFBRSxDQUFDO0lBQ25ELENBQUM7Q0FDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEV2ZW50RXh0ZW5zaW9ucyB9IGZyb20gJ0Bmb2JsZXgvZHJhZy10b29sa2l0JztcbmltcG9ydCB7IElQb2ludCwgUG9pbnQsIFJlY3RFeHRlbnNpb25zIH0gZnJvbSAnQGZvYmxleC8yZCc7XG5pbXBvcnQgeyBJbmplY3Rpb25Ub2tlbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRkNhbnZhc0Jhc2UgfSBmcm9tICcuLi9mLWNhbnZhcyc7XG5pbXBvcnQgeyBGQ29tcG9uZW50c1N0b3JlIH0gZnJvbSAnLi4vZi1zdG9yYWdlJztcbmltcG9ydCB7IGlzTm9kZSB9IGZyb20gJy4uL2Ytbm9kZSc7XG5cbmV4cG9ydCBjb25zdCBGX1pPT00gPSBuZXcgSW5qZWN0aW9uVG9rZW48Rlpvb21CYXNlPignRl9aT09NJyk7XG5cbmV4cG9ydCBhYnN0cmFjdCBjbGFzcyBGWm9vbUJhc2Uge1xuXG4gIHByb3RlY3RlZCBpc0VuYWJsZWQ6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBwdWJsaWMgYWJzdHJhY3QgbWluaW11bTogbnVtYmVyO1xuICBwdWJsaWMgYWJzdHJhY3QgbWF4aW11bTogbnVtYmVyO1xuXG4gIHB1YmxpYyBhYnN0cmFjdCBzdGVwOiBudW1iZXI7XG4gIHB1YmxpYyBhYnN0cmFjdCBkYmxDbGlja1N0ZXA6IG51bWJlcjtcblxuICBwcml2YXRlIGxpc3RlbmVyczogRnVuY3Rpb24gPSBFdmVudEV4dGVuc2lvbnMuZW1wdHlMaXN0ZW5lcigpO1xuXG4gIHByaXZhdGUgZ2V0IGZsb3dIb3N0KCk6IEhUTUxFbGVtZW50IHtcbiAgICByZXR1cm4gdGhpcy5mQ29tcG9uZW50c1N0b3JlLmZsb3dIb3N0O1xuICB9XG5cbiAgcHJpdmF0ZSBnZXQgZkNhbnZhcygpOiBGQ2FudmFzQmFzZSB7XG4gICAgcmV0dXJuIHRoaXMuZkNvbXBvbmVudHNTdG9yZS5mQ2FudmFzIGFzIEZDYW52YXNCYXNlO1xuICB9XG5cbiAgcHJvdGVjdGVkIGNvbnN0cnVjdG9yKFxuICAgICAgcHJvdGVjdGVkIGZDb21wb25lbnRzU3RvcmU6IEZDb21wb25lbnRzU3RvcmVcbiAgKSB7XG4gIH1cblxuICBwcm90ZWN0ZWQgdG9nZ2xlWm9vbSgpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5pc0VuYWJsZWQpIHtcbiAgICAgIHRoaXMuc3Vic2NyaWJlKCk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMudW5zdWJzY3JpYmUoKTtcbiAgICB9XG4gIH1cblxuICBwcml2YXRlIHN1YnNjcmliZSgpOiB2b2lkIHtcbiAgICB0aGlzLmxpc3RlbmVycygpO1xuICAgIGlmICghdGhpcy5mbG93SG9zdCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIHRoaXMuZmxvd0hvc3QuYWRkRXZlbnRMaXN0ZW5lcignd2hlZWwnLCB0aGlzLm9uV2hlZWwuYmluZCh0aGlzKSk7XG4gICAgdGhpcy5mbG93SG9zdC5hZGRFdmVudExpc3RlbmVyKCdkYmxjbGljaycsIHRoaXMub25Eb3VibGVDbGljay5iaW5kKHRoaXMpKTtcbiAgICB0aGlzLmxpc3RlbmVycyA9ICgpID0+IHtcbiAgICAgIHRoaXMuZmxvd0hvc3QucmVtb3ZlRXZlbnRMaXN0ZW5lcignd2hlZWwnLCB0aGlzLm9uV2hlZWwuYmluZCh0aGlzKSk7XG4gICAgICB0aGlzLmZsb3dIb3N0LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ2RibGNsaWNrJywgdGhpcy5vbkRvdWJsZUNsaWNrLmJpbmQodGhpcykpO1xuICAgIH07XG4gIH1cblxuICBwdWJsaWMgZ2V0U2NhbGUoKTogbnVtYmVyIHtcbiAgICByZXR1cm4gdGhpcy5mQ2FudmFzLnRyYW5zZm9ybS5zY2FsZSB8fCAxO1xuICB9XG5cbiAgcHJpdmF0ZSBvbldoZWVsKGV2ZW50OiBXaGVlbEV2ZW50KTogdm9pZCB7XG4gICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgICBjb25zdCB0YXJnZXRFbGVtZW50ID0gZXZlbnQudGFyZ2V0IGFzIEhUTUxFbGVtZW50O1xuXG4gICAgaWYgKHRoaXMuZkNvbXBvbmVudHNTdG9yZS5mRHJhZ2dhYmxlPy5pc0RyYWdTdGFydGVkIHx8IHRhcmdldEVsZW1lbnQ/LmNsb3Nlc3QoJ1tmTG9ja2VkQ29udGV4dF0nKSkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIGxldCByZXN1bHQ6IG51bWJlciA9IHRoaXMuZ2V0U2NhbGUoKTtcblxuICAgIGNvbnN0IGRpcmVjdGlvbiA9IGV2ZW50LmRlbHRhWSA+IDAgPyAtMSA6IDE7XG4gICAgY29uc3Qgc3RlcCA9IHRoaXMuc3RlcDtcbiAgICByZXN1bHQgPSByZXN1bHQgKyBzdGVwICogZGlyZWN0aW9uO1xuXG4gICAgcmVzdWx0ID0gTWF0aC5tYXgodGhpcy5taW5pbXVtLCBNYXRoLm1pbihyZXN1bHQsIHRoaXMubWF4aW11bSkpO1xuXG4gICAgY29uc3QgcG9pbnRlclBvc2l0aW9uSW5GbG93ID0gbmV3IFBvaW50KGV2ZW50LmNsaWVudFgsIGV2ZW50LmNsaWVudFkpLmVsZW1lbnRUcmFuc2Zvcm0odGhpcy5mbG93SG9zdCk7XG5cbiAgICB0aGlzLmZDYW52YXMuc2V0Wm9vbShyZXN1bHQsIHBvaW50ZXJQb3NpdGlvbkluRmxvdyk7XG4gICAgdGhpcy5mQ2FudmFzLnJlZHJhdygpO1xuICAgIHRoaXMuZkNhbnZhcy5lbWl0Q2FudmFzQ2hhbmdlRXZlbnQoKTtcbiAgfVxuXG4gIHByaXZhdGUgb25Eb3VibGVDbGljayhldmVudDogTW91c2VFdmVudCk6IHZvaWQge1xuICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gICAgY29uc3QgdGFyZ2V0RWxlbWVudCA9IGV2ZW50LnRhcmdldCBhcyBIVE1MRWxlbWVudDtcblxuICAgIGlmICh0aGlzLmZDb21wb25lbnRzU3RvcmUuZkRyYWdnYWJsZT8uaXNEcmFnU3RhcnRlZCB8fCBpc05vZGUodGFyZ2V0RWxlbWVudCkgfHwgdGFyZ2V0RWxlbWVudD8uY2xvc2VzdCgnW2ZMb2NrZWRDb250ZXh0XScpKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgbGV0IHJlc3VsdDogbnVtYmVyID0gdGhpcy5nZXRTY2FsZSgpO1xuXG4gICAgY29uc3QgZGlyZWN0aW9uID0gMTtcbiAgICBjb25zdCBzdGVwID0gdGhpcy5kYmxDbGlja1N0ZXA7XG4gICAgcmVzdWx0ID0gcmVzdWx0ICsgc3RlcCAqIGRpcmVjdGlvbjtcblxuICAgIHJlc3VsdCA9IE1hdGgubWF4KHRoaXMubWluaW11bSwgTWF0aC5taW4ocmVzdWx0LCB0aGlzLm1heGltdW0pKTtcblxuICAgIGNvbnN0IHBvaW50ZXJQb3NpdGlvbkluRmxvdyA9IG5ldyBQb2ludChldmVudC5jbGllbnRYLCBldmVudC5jbGllbnRZKS5lbGVtZW50VHJhbnNmb3JtKHRoaXMuZmxvd0hvc3QpO1xuICAgIHRoaXMuZkNhbnZhcy5zZXRab29tKHJlc3VsdCwgcG9pbnRlclBvc2l0aW9uSW5GbG93KTtcbiAgICB0aGlzLmZDYW52YXMucmVkcmF3V2l0aEFuaW1hdGlvbigpO1xuICAgIHRoaXMuZkNhbnZhcy5lbWl0Q2FudmFzQ2hhbmdlRXZlbnQoKTtcbiAgfVxuXG4gIHByaXZhdGUgb25ab29tVG9DZW50ZXIoZGVsdGFZOiBudW1iZXIsIHBvc2l0aW9uPzogSVBvaW50KTogdm9pZCB7XG4gICAgY29uc3QgcHJldmVudERlZmF1bHQgPSAoKSA9PiB7XG4gICAgfTtcbiAgICBjb25zdCByZWN0ID0gUmVjdEV4dGVuc2lvbnMuZnJvbUVsZW1lbnQodGhpcy5mbG93SG9zdCk7XG5cbiAgICB0aGlzLm9uV2hlZWwoe1xuICAgICAgZGVsdGFZLCBwcmV2ZW50RGVmYXVsdCwgY2xpZW50WDogcG9zaXRpb24/LnggfHwgcmVjdC5ncmF2aXR5Q2VudGVyLngsIGNsaWVudFk6IHBvc2l0aW9uPy55IHx8IHJlY3QuZ3Jhdml0eUNlbnRlci55XG4gICAgfSBhcyBXaGVlbEV2ZW50KTtcbiAgfVxuXG4gIHB1YmxpYyB6b29tSW4ocG9zaXRpb24/OiBJUG9pbnQpOiB2b2lkIHtcbiAgICB0aGlzLm9uWm9vbVRvQ2VudGVyKC0xLCBwb3NpdGlvbik7XG4gIH1cblxuICBwdWJsaWMgem9vbU91dChwb3NpdGlvbj86IElQb2ludCk6IHZvaWQge1xuICAgIHRoaXMub25ab29tVG9DZW50ZXIoMSwgcG9zaXRpb24pO1xuICB9XG5cbiAgcHVibGljIHJlc2V0KCk6IHZvaWQge1xuICAgIHRoaXMuZkNhbnZhcy5yZXNldFpvb20oKTtcbiAgICB0aGlzLmZDYW52YXMucmVkcmF3KCk7XG4gICAgdGhpcy5mQ2FudmFzLmVtaXRDYW52YXNDaGFuZ2VFdmVudCgpO1xuICB9XG5cbiAgcHJvdGVjdGVkIHVuc3Vic2NyaWJlKCk6IHZvaWQge1xuICAgIHRoaXMubGlzdGVuZXJzKCk7XG4gICAgdGhpcy5saXN0ZW5lcnMgPSBFdmVudEV4dGVuc2lvbnMuZW1wdHlMaXN0ZW5lcigpO1xuICB9XG59XG4iXX0=

package/esm2022/f-zoom/f-zoom.directive.mjs

@@ -0,0 +1,59 @@
+import { Directive, Input } from "@angular/core";
+import { F_ZOOM, FZoomBase } from './f-zoom-base';
+import { castToBoolean } from '@foblex/utils';
+import * as i0 from "@angular/core";
+import * as i1 from "../f-storage";
+export class FZoomDirective extends FZoomBase {
+    get fFlowZoom() {
+        return this.isEnabled;
+    }
+    set fFlowZoom(isEnabled) {
+        const value = castToBoolean(isEnabled);
+        if (value !== this.isEnabled) {
+            this.isEnabled = value;
+            this.toggleZoom();
+        }
+    }
+    constructor(fComponentsStore) {
+        super(fComponentsStore);
+        this.minimum = 0.1;
+        this.maximum = 4;
+        this.step = 0.1;
+        this.dblClickStep = 0.5;
+    }
+    ngAfterViewInit() {
+        super.toggleZoom();
+    }
+    ngOnDestroy() {
+        super.unsubscribe();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FZoomDirective, deps: [{ token: i1.FComponentsStore }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: FZoomDirective, selector: "f-canvas[fZoom]", inputs: { fFlowZoom: ["fZoom", "fFlowZoom"], minimum: ["fZoomMinimum", "minimum"], maximum: ["fZoomMaximum", "maximum"], step: ["fZoomStep", "step"], dblClickStep: ["fZoomDblClickStep", "dblClickStep"] }, host: { classAttribute: "f-zoom f-component" }, providers: [{ provide: F_ZOOM, useExisting: FZoomDirective }], exportAs: ["fComponent"], usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FZoomDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "f-canvas[fZoom]",
+                    exportAs: 'fComponent',
+                    host: {
+                        'class': 'f-zoom f-component'
+                    },
+                    providers: [{ provide: F_ZOOM, useExisting: FZoomDirective }],
+                }]
+        }], ctorParameters: function () { return [{ type: i1.FComponentsStore }]; }, propDecorators: { fFlowZoom: [{
+                type: Input,
+                args: ['fZoom']
+            }], minimum: [{
+                type: Input,
+                args: ['fZoomMinimum']
+            }], maximum: [{
+                type: Input,
+                args: ['fZoomMaximum']
+            }], step: [{
+                type: Input,
+                args: ['fZoomStep']
+            }], dblClickStep: [{
+                type: Input,
+                args: ['fZoomDblClickStep']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZi16b29tLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2YtZmxvdy9zcmMvZi16b29tL2Ytem9vbS5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUVMLFNBQVMsRUFBRSxLQUFLLEVBQ2pCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxNQUFNLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRWxELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQVU5QyxNQUFNLE9BQU8sY0FBZSxTQUFRLFNBQVM7SUFFM0MsSUFDVyxTQUFTO1FBQ2xCLE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQztJQUN4QixDQUFDO0lBRUQsSUFBVyxTQUFTLENBQUMsU0FBdUM7UUFDMUQsTUFBTSxLQUFLLEdBQUcsYUFBYSxDQUFDLFNBQVMsQ0FBQyxDQUFDO1FBQ3ZDLElBQUksS0FBSyxLQUFLLElBQUksQ0FBQyxTQUFTLEVBQUU7WUFDNUIsSUFBSSxDQUFDLFNBQVMsR0FBRyxLQUFLLENBQUM7WUFDdkIsSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDO1NBQ25CO0lBQ0gsQ0FBQztJQWNELFlBQ0ksZ0JBQWtDO1FBRXBDLEtBQUssQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO1FBZFYsWUFBTyxHQUFXLEdBQUcsQ0FBQztRQUd0QixZQUFPLEdBQVcsQ0FBQyxDQUFDO1FBR3BCLFNBQUksR0FBVyxHQUFHLENBQUM7UUFHbkIsaUJBQVksR0FBVyxHQUFHLENBQUM7SUFNM0MsQ0FBQztJQUVNLGVBQWU7UUFDcEIsS0FBSyxDQUFDLFVBQVUsRUFBRSxDQUFDO0lBQ3JCLENBQUM7SUFFTSxXQUFXO1FBQ2hCLEtBQUssQ0FBQyxXQUFXLEVBQUUsQ0FBQztJQUN0QixDQUFDOytHQXZDVSxjQUFjO21HQUFkLGNBQWMsdVNBRmQsQ0FBRSxFQUFFLE9BQU8sRUFBRSxNQUFNLEVBQUUsV0FBVyxFQUFFLGNBQWMsRUFBRSxDQUFFOzs0RkFFcEQsY0FBYztrQkFSMUIsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsaUJBQWlCO29CQUMzQixRQUFRLEVBQUUsWUFBWTtvQkFDdEIsSUFBSSxFQUFFO3dCQUNKLE9BQU8sRUFBRSxvQkFBb0I7cUJBQzlCO29CQUNELFNBQVMsRUFBRSxDQUFFLEVBQUUsT0FBTyxFQUFFLE1BQU0sRUFBRSxXQUFXLGdCQUFnQixFQUFFLENBQUU7aUJBQ2hFO3VHQUlZLFNBQVM7c0JBRG5CLEtBQUs7dUJBQUMsT0FBTztnQkFjRSxPQUFPO3NCQUR0QixLQUFLO3VCQUFDLGNBQWM7Z0JBSUwsT0FBTztzQkFEdEIsS0FBSzt1QkFBQyxjQUFjO2dCQUlMLElBQUk7c0JBRG5CLEtBQUs7dUJBQUMsV0FBVztnQkFJRixZQUFZO3NCQUQzQixLQUFLO3VCQUFDLG1CQUFtQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEFmdGVyVmlld0luaXQsXG4gIERpcmVjdGl2ZSwgSW5wdXQsIE9uRGVzdHJveVxufSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHsgRl9aT09NLCBGWm9vbUJhc2UgfSBmcm9tICcuL2Ytem9vbS1iYXNlJztcbmltcG9ydCB7IEZDb21wb25lbnRzU3RvcmUgfSBmcm9tICcuLi9mLXN0b3JhZ2UnO1xuaW1wb3J0IHsgY2FzdFRvQm9vbGVhbiB9IGZyb20gJ0Bmb2JsZXgvdXRpbHMnO1xuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6IFwiZi1jYW52YXNbZlpvb21dXCIsXG4gIGV4cG9ydEFzOiAnZkNvbXBvbmVudCcsXG4gIGhvc3Q6IHtcbiAgICAnY2xhc3MnOiAnZi16b29tIGYtY29tcG9uZW50J1xuICB9LFxuICBwcm92aWRlcnM6IFsgeyBwcm92aWRlOiBGX1pPT00sIHVzZUV4aXN0aW5nOiBGWm9vbURpcmVjdGl2ZSB9IF0sXG59KVxuZXhwb3J0IGNsYXNzIEZab29tRGlyZWN0aXZlIGV4dGVuZHMgRlpvb21CYXNlIGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCwgT25EZXN0cm95IHtcblxuICBASW5wdXQoJ2Zab29tJylcbiAgcHVibGljIGdldCBmRmxvd1pvb20oKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMuaXNFbmFibGVkO1xuICB9XG5cbiAgcHVibGljIHNldCBmRmxvd1pvb20oaXNFbmFibGVkOiBib29sZWFuIHwgdW5kZWZpbmVkIHwgc3RyaW5nKSB7XG4gICAgY29uc3QgdmFsdWUgPSBjYXN0VG9Cb29sZWFuKGlzRW5hYmxlZCk7XG4gICAgaWYgKHZhbHVlICE9PSB0aGlzLmlzRW5hYmxlZCkge1xuICAgICAgdGhpcy5pc0VuYWJsZWQgPSB2YWx1ZTtcbiAgICAgIHRoaXMudG9nZ2xlWm9vbSgpO1xuICAgIH1cbiAgfVxuXG4gIEBJbnB1dCgnZlpvb21NaW5pbXVtJylcbiAgcHVibGljIG92ZXJyaWRlIG1pbmltdW06IG51bWJlciA9IDAuMTtcblxuICBASW5wdXQoJ2Zab29tTWF4aW11bScpXG4gIHB1YmxpYyBvdmVycmlkZSBtYXhpbXVtOiBudW1iZXIgPSA0O1xuXG4gIEBJbnB1dCgnZlpvb21TdGVwJylcbiAgcHVibGljIG92ZXJyaWRlIHN0ZXA6IG51bWJlciA9IDAuMTtcblxuICBASW5wdXQoJ2Zab29tRGJsQ2xpY2tTdGVwJylcbiAgcHVibGljIG92ZXJyaWRlIGRibENsaWNrU3RlcDogbnVtYmVyID0gMC41O1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgICAgZkNvbXBvbmVudHNTdG9yZTogRkNvbXBvbmVudHNTdG9yZSxcbiAgKSB7XG4gICAgc3VwZXIoZkNvbXBvbmVudHNTdG9yZSk7XG4gIH1cblxuICBwdWJsaWMgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xuICAgIHN1cGVyLnRvZ2dsZVpvb20oKTtcbiAgfVxuXG4gIHB1YmxpYyBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICBzdXBlci51bnN1YnNjcmliZSgpO1xuICB9XG59XG4iXX0=

package/esm2022/mixins/change-selection/change-selection.mjs

@@ -0,0 +1,28 @@
+export const F_SELECTED_CLASS = 'f-selected';
+export function mixinChangeSelection(base) {
+    return class extends base {
+        deselect() {
+            this.deselectChild?.();
+            this.hostElement.classList.remove(F_SELECTED_CLASS);
+        }
+        select() {
+            this.selectChild?.();
+            if (!this.isSelected()) {
+                this.hostElement.classList.add(F_SELECTED_CLASS);
+            }
+        }
+        isSelected() {
+            return this.hostElement.classList.contains(F_SELECTED_CLASS);
+        }
+        selectChild() {
+        }
+        deselectChild() {
+        }
+        constructor(...args) {
+            super(...args);
+            this.fId = '';
+            this.fSelectionDisabled = false;
+        }
+    };
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hhbmdlLXNlbGVjdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2YtZmxvdy9zcmMvbWl4aW5zL2NoYW5nZS1zZWxlY3Rpb24vY2hhbmdlLXNlbGVjdGlvbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJQSxNQUFNLENBQUMsTUFBTSxnQkFBZ0IsR0FBRyxZQUFZLENBQUM7QUFLN0MsTUFBTSxVQUFVLG9CQUFvQixDQUF5QyxJQUFPO0lBQ2xGLE9BQU8sS0FBTSxTQUFRLElBQUk7UUFNaEIsUUFBUTtZQUNiLElBQUksQ0FBQyxhQUFhLEVBQUUsRUFBRSxDQUFDO1lBQ3ZCLElBQUksQ0FBQyxXQUFXLENBQUMsU0FBUyxDQUFDLE1BQU0sQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO1FBQ3RELENBQUM7UUFFTSxNQUFNO1lBQ1gsSUFBSSxDQUFDLFdBQVcsRUFBRSxFQUFFLENBQUM7WUFDckIsSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVLEVBQUUsRUFBRTtnQkFDdEIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLGdCQUFnQixDQUFDLENBQUM7YUFDbEQ7UUFDSCxDQUFDO1FBRU0sVUFBVTtZQUNmLE9BQU8sSUFBSSxDQUFDLFdBQVcsQ0FBQyxTQUFTLENBQUMsUUFBUSxDQUFDLGdCQUFnQixDQUFDLENBQUM7UUFDL0QsQ0FBQztRQUVNLFdBQVc7UUFDbEIsQ0FBQztRQUVNLGFBQWE7UUFDcEIsQ0FBQztRQUVELFlBQVksR0FBRyxJQUFXO1lBQ3hCLEtBQUssQ0FBQyxHQUFHLElBQUksQ0FBQyxDQUFDO1lBM0JWLFFBQUcsR0FBVyxFQUFFLENBQUM7WUFFakIsdUJBQWtCLEdBQVksS0FBSyxDQUFDO1FBMEIzQyxDQUFDO0tBQ0YsQ0FBQztBQUNKLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBYnN0cmFjdENvbnN0cnVjdG9yLCBDb25zdHJ1Y3RvciB9IGZyb20gJy4uL2NvbnN0cnVjdG9yJztcbmltcG9ydCB7IElIYXNIb3N0RWxlbWVudCB9IGZyb20gJy4uLy4uL2ktaGFzLWhvc3QtZWxlbWVudCc7XG5pbXBvcnQgeyBJQ2FuQ2hhbmdlU2VsZWN0aW9uIH0gZnJvbSAnLi9pLWNhbi1jaGFuZ2Utc2VsZWN0aW9uJztcblxuZXhwb3J0IGNvbnN0IEZfU0VMRUNURURfQ0xBU1MgPSAnZi1zZWxlY3RlZCc7XG5cbnR5cGUgQ2FuQ2hhbmdlU2VsZWN0aW9uQ29uc3RydWN0b3IgPSBDb25zdHJ1Y3RvcjxJQ2FuQ2hhbmdlU2VsZWN0aW9uPiAmIEFic3RyYWN0Q29uc3RydWN0b3I8SUNhbkNoYW5nZVNlbGVjdGlvbj47XG5cbmV4cG9ydCBmdW5jdGlvbiBtaXhpbkNoYW5nZVNlbGVjdGlvbjxUIGV4dGVuZHMgQWJzdHJhY3RDb25zdHJ1Y3RvcjxJSGFzSG9zdEVsZW1lbnQ+PihiYXNlOiBUKTogQ2FuQ2hhbmdlU2VsZWN0aW9uQ29uc3RydWN0b3IgJiBUO1xuZXhwb3J0IGZ1bmN0aW9uIG1peGluQ2hhbmdlU2VsZWN0aW9uPFQgZXh0ZW5kcyBDb25zdHJ1Y3RvcjxJSGFzSG9zdEVsZW1lbnQ+PihiYXNlOiBUKTogQ2FuQ2hhbmdlU2VsZWN0aW9uQ29uc3RydWN0b3IgJiBUIHtcbiAgcmV0dXJuIGNsYXNzIGV4dGVuZHMgYmFzZSB7XG5cbiAgICBwdWJsaWMgZklkOiBzdHJpbmcgPSAnJztcblxuICAgIHB1YmxpYyBmU2VsZWN0aW9uRGlzYWJsZWQ6IGJvb2xlYW4gPSBmYWxzZTtcblxuICAgIHB1YmxpYyBkZXNlbGVjdCgpOiB2b2lkIHtcbiAgICAgIHRoaXMuZGVzZWxlY3RDaGlsZD8uKCk7XG4gICAgICB0aGlzLmhvc3RFbGVtZW50LmNsYXNzTGlzdC5yZW1vdmUoRl9TRUxFQ1RFRF9DTEFTUyk7XG4gICAgfVxuXG4gICAgcHVibGljIHNlbGVjdCgpOiB2b2lkIHtcbiAgICAgIHRoaXMuc2VsZWN0Q2hpbGQ/LigpO1xuICAgICAgaWYgKCF0aGlzLmlzU2VsZWN0ZWQoKSkge1xuICAgICAgICB0aGlzLmhvc3RFbGVtZW50LmNsYXNzTGlzdC5hZGQoRl9TRUxFQ1RFRF9DTEFTUyk7XG4gICAgICB9XG4gICAgfVxuXG4gICAgcHVibGljIGlzU2VsZWN0ZWQoKTogYm9vbGVhbiB7XG4gICAgICByZXR1cm4gdGhpcy5ob3N0RWxlbWVudC5jbGFzc0xpc3QuY29udGFpbnMoRl9TRUxFQ1RFRF9DTEFTUyk7XG4gICAgfVxuXG4gICAgcHVibGljIHNlbGVjdENoaWxkKCk6IHZvaWQge1xuICAgIH1cblxuICAgIHB1YmxpYyBkZXNlbGVjdENoaWxkKCk6IHZvaWQge1xuICAgIH1cblxuICAgIGNvbnN0cnVjdG9yKC4uLmFyZ3M6IGFueVtdKSB7XG4gICAgICBzdXBlciguLi5hcmdzKTtcbiAgICB9XG4gIH07XG59XG4iXX0=

package/f-backgroud/f-background-base.d.ts

@@ -8,5 +8,5 @@ export declare abstract class FBackgroundBase implements IHasHostElement {
     abstract isBackgroundElement(element: HTMLElement | SVGElement): boolean;
     abstract setTransform(transform: ITransformModel): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FBackgroundBase, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<FBackgroundBase, never, never, {}, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FBackgroundBase, never, never, {}, {}, never, never, false, never>;
 }

package/f-backgroud/f-background.component.d.ts

@@ -18,5 +18,5 @@ export declare class FBackgroundComponent extends FBackgroundBase implements OnI
     setTransform(transform: ITransformModel): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FBackgroundComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FBackgroundComponent, "f-background", never, {}, {}, ["fBackgroundPattern"], ["*"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FBackgroundComponent, "f-background", never, {}, {}, ["fBackgroundPattern"], ["*"], false, never>;
 }

package/f-backgroud/f-circle-pattern/f-circle-pattern.component.d.ts

@@ -30,5 +30,5 @@ export declare class FCirclePatternComponent implements OnInit, OnDestroy, IFBac
     setTransform(transform: ITransformModel): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FCirclePatternComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FCirclePatternComponent, "f-circle-pattern", never, { "id": "id"; "color": "color"; "radius": "radius"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FCirclePatternComponent, "f-circle-pattern", never, { "id": { "alias": "id"; "required": false; }; "color": { "alias": "color"; "required": false; }; "radius": { "alias": "radius"; "required": false; }; }, {}, never, never, false, never>;
 }

package/f-backgroud/f-rect-pattern/f-rect-pattern.component.d.ts

@@ -35,5 +35,5 @@ export declare class FRectPatternComponent implements OnInit, OnDestroy, IFBackg
     setTransform(transform: ITransformModel): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FRectPatternComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FRectPatternComponent, "f-rect-pattern", never, { "id": "id"; "vColor": "vColor"; "hColor": "hColor"; "vSize": "vSize"; "hSize": "hSize"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FRectPatternComponent, "f-rect-pattern", never, { "id": { "alias": "id"; "required": false; }; "vColor": { "alias": "vColor"; "required": false; }; "hColor": { "alias": "hColor"; "required": false; }; "vSize": { "alias": "vSize"; "required": false; }; "hSize": { "alias": "hSize"; "required": false; }; }, {}, never, never, false, never>;
 }

package/f-canvas/f-canvas-base.d.ts

@@ -21,5 +21,5 @@ export declare abstract class FCanvasBase implements IHasHostElement {
     abstract resetZoom(): void;
     emitCanvasChangeEvent(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FCanvasBase, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<FCanvasBase, never, never, {}, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FCanvasBase, never, never, {}, {}, never, never, false, never>;
 }

package/f-canvas/f-canvas.component.d.ts

@@ -28,5 +28,5 @@ export declare class FCanvasComponent extends FCanvasBase implements OnInit {
     setZoom(scale: number, toPosition?: IPoint): void;
     resetZoom(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FCanvasComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FCanvasComponent, "f-canvas", ["fComponent"], { "position": "position"; "scale": "scale"; }, { "fCanvasChange": "fCanvasChange"; }, never, ["[fGroup]", "f-snap-connection", "f-connection", "f-connection-for-create", "[fNode]"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FCanvasComponent, "f-canvas", ["fComponent"], { "position": { "alias": "position"; "required": false; }; "scale": { "alias": "scale"; "required": false; }; }, { "fCanvasChange": "fCanvasChange"; }, never, ["[fGroup]", "f-snap-connection", "f-connection", "f-connection-for-create", "[fNode]"], false, never>;
 }

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

@@ -58,6 +58,6 @@ export declare abstract class FConnectionBase extends MIXIN_BASE implements IHas
     deselectChild(): void;
     redraw(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FConnectionBase, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<FConnectionBase, never, never, {}, {}, never, never, false>;
+    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

@@ -18,5 +18,5 @@ export declare class FConnectionTextPathDirective implements IHasHostElement, On
     private getFontStyles;
     private getSymbolWidth;
     static ɵfac: i0.ɵɵFactoryDeclaration<FConnectionTextPathDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<FConnectionTextPathDirective, "textPath[f-connection-text-path]", never, {}, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FConnectionTextPathDirective, "textPath[f-connection-text-path]", never, {}, {}, never, never, false, never>;
 }

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

@@ -18,5 +18,5 @@ export declare class FConnectionTextComponent implements IConnectionText {
     private static isTextReverse;
     private static getTextStartOffset;
     static ɵfac: i0.ɵɵFactoryDeclaration<FConnectionTextComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FConnectionTextComponent, "text[f-connection-text]", never, {}, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FConnectionTextComponent, "text[f-connection-text]", never, {}, {}, never, never, false, never>;
 }

package/f-connection/common/f-drag-handle/f-connection-drag-handle.component.d.ts

@@ -11,5 +11,5 @@ export declare class FConnectionDragHandleComponent implements IHasHostElement {
     redraw(penultimatePoint: IPoint, endPoint: IPoint): void;
     private calculateCircleCenter;
     static ɵfac: i0.ɵɵFactoryDeclaration<FConnectionDragHandleComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FConnectionDragHandleComponent, "circle[f-connection-drag-handle]", never, {}, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FConnectionDragHandleComponent, "circle[f-connection-drag-handle]", never, {}, {}, never, never, false, never>;
 }

package/f-connection/common/f-gradient/f-connection-gradient.component.d.ts

@@ -18,5 +18,5 @@ export declare class FConnectionGradientComponent implements IConnectionGradient
     private setToColor;
     redraw(line: ILine): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FConnectionGradientComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FConnectionGradientComponent, "linearGradient[fConnectionGradient]", never, {}, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FConnectionGradientComponent, "linearGradient[fConnectionGradient]", never, {}, {}, never, never, false, never>;
 }

package/f-connection/common/f-path/f-connection-path.component.d.ts

@@ -16,5 +16,5 @@ export declare class FConnectionPathComponent implements IConnectionPath {
     select(): void;
     deselect(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FConnectionPathComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FConnectionPathComponent, "path[f-connection-path]", never, {}, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FConnectionPathComponent, "path[f-connection-path]", never, {}, {}, never, never, false, never>;
 }

package/f-connection/common/f-selection/f-connection-selection.component.d.ts

@@ -10,5 +10,5 @@ export declare class FConnectionSelectionComponent implements IHasHostElement {
     constructor(elementReference: ElementRef<SVGPathElement>, base: IHasConnectionFromTo);
     setPath(path: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FConnectionSelectionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FConnectionSelectionComponent, "path[fConnectionSelection]", never, {}, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FConnectionSelectionComponent, "path[fConnectionSelection]", never, {}, {}, never, never, false, never>;
 }

package/f-connection/f-connection/f-connection.component.d.ts

@@ -52,5 +52,5 @@ export declare class FConnectionComponent extends FConnectionBase implements OnI
     ngOnInit(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FConnectionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FConnectionComponent, "f-connection", ["fComponent"], { "fId": "fConnectionId"; "fText": "fText"; "fStartColor": "fStartColor"; "fEndColor": "fEndColor"; "fOutputId": "fOutputId"; "fInputId": "fInputId"; "fRadius": "fRadius"; "fOffset": "fOffset"; "fBehavior": "fBehavior"; "fType": "fType"; "fDraggingDisabled": "fReassignDisabled"; "fSelectionDisabled": "fSelectionDisabled"; }, {}, ["fConnectionCenters"], ["*", "[fConnectionCenter]"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FConnectionComponent, "f-connection", ["fComponent"], { "fId": { "alias": "fConnectionId"; "required": false; }; "fText": { "alias": "fText"; "required": false; }; "fStartColor": { "alias": "fStartColor"; "required": false; }; "fEndColor": { "alias": "fEndColor"; "required": false; }; "fOutputId": { "alias": "fOutputId"; "required": false; }; "fInputId": { "alias": "fInputId"; "required": false; }; "fRadius": { "alias": "fRadius"; "required": false; }; "fOffset": { "alias": "fOffset"; "required": false; }; "fBehavior": { "alias": "fBehavior"; "required": false; }; "fType": { "alias": "fType"; "required": false; }; "fDraggingDisabled": { "alias": "fReassignDisabled"; "required": false; }; "fSelectionDisabled": { "alias": "fSelectionDisabled"; "required": false; }; }, {}, ["fConnectionCenters"], ["*", "[fConnectionCenter]"], false, never>;
 }

package/f-connection/f-connection-center/f-connection-center.directive.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from "@angular/core";
 export declare class FConnectionCenterDirective {
     static ɵfac: i0.ɵɵFactoryDeclaration<FConnectionCenterDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<FConnectionCenterDirective, "[fConnectionCenter]", never, {}, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FConnectionCenterDirective, "[fConnectionCenter]", never, {}, {}, never, never, false, never>;
 }

package/f-connection/f-connection-for-create/f-connection-for-create.component.d.ts

@@ -47,5 +47,5 @@ export declare class FConnectionForCreateComponent extends FConnectionBase imple
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FConnectionForCreateComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FConnectionForCreateComponent, "f-connection-for-create", never, { "fStartColor": "fStartColor"; "fEndColor": "fEndColor"; "fRadius": "fRadius"; "fOffset": "fOffset"; "fBehavior": "fBehavior"; "fType": "fType"; }, {}, ["fConnectionCenters"], ["*", "[fConnectionCenter]"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FConnectionForCreateComponent, "f-connection-for-create", never, { "fStartColor": { "alias": "fStartColor"; "required": false; }; "fEndColor": { "alias": "fEndColor"; "required": false; }; "fRadius": { "alias": "fRadius"; "required": false; }; "fOffset": { "alias": "fOffset"; "required": false; }; "fBehavior": { "alias": "fBehavior"; "required": false; }; "fType": { "alias": "fType"; "required": false; }; }, {}, ["fConnectionCenters"], ["*", "[fConnectionCenter]"], false, never>;
 }

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

@@ -12,5 +12,5 @@ export declare abstract class FMarkerBase implements IHasHostElement {
     abstract orient: 'auto' | 'auto-start-reverse' | string;
     abstract markerUnits: 'strokeWidth' | 'userSpaceOnUse';
     static ɵfac: i0.ɵɵFactoryDeclaration<FMarkerBase, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<FMarkerBase, never, never, {}, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FMarkerBase, never, never, {}, {}, never, never, false, never>;
 }

package/f-connection/f-marker/f-marker.directive.d.ts

@@ -17,5 +17,5 @@ export declare class FMarkerDirective extends FMarkerBase implements OnInit, OnD
     ngOnInit(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FMarkerDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<FMarkerDirective, "svg[fMarker]", never, { "hostElement": "hostElement"; "width": "width"; "height": "height"; "refX": "refX"; "refY": "refY"; "type": "type"; "orient": "orient"; "markerUnits": "markerUnits"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FMarkerDirective, "svg[fMarker]", never, { "hostElement": { "alias": "hostElement"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "refX": { "alias": "refX"; "required": false; }; "refY": { "alias": "refY"; "required": false; }; "type": { "alias": "type"; "required": false; }; "orient": { "alias": "orient"; "required": false; }; "markerUnits": { "alias": "markerUnits"; "required": false; }; }, {}, never, never, false, never>;
 }

package/f-connection/f-snap-connection/f-snap-connection.component.d.ts

@@ -48,5 +48,5 @@ export declare class FSnapConnectionComponent extends FConnectionBase implements
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FSnapConnectionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FSnapConnectionComponent, "f-snap-connection", never, { "fStartColor": "fStartColor"; "fEndColor": "fEndColor"; "fSnapThreshold": "fSnapThreshold"; "fRadius": "fRadius"; "fOffset": "fOffset"; "fBehavior": "fBehavior"; "fType": "fType"; }, {}, ["fConnectionCenters"], ["*", "[fConnectionCenter]"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FSnapConnectionComponent, "f-snap-connection", never, { "fStartColor": { "alias": "fStartColor"; "required": false; }; "fEndColor": { "alias": "fEndColor"; "required": false; }; "fSnapThreshold": { "alias": "fSnapThreshold"; "required": false; }; "fRadius": { "alias": "fRadius"; "required": false; }; "fOffset": { "alias": "fOffset"; "required": false; }; "fBehavior": { "alias": "fBehavior"; "required": false; }; "fType": { "alias": "fType"; "required": false; }; }, {}, ["fConnectionCenters"], ["*", "[fConnectionCenter]"], false, never>;
 }

package/f-connectors/f-node-input/f-node-input-base.d.ts

@@ -7,5 +7,5 @@ export declare abstract class FNodeInputBase extends FConnectorBase {
     isConnected: boolean;
     get canBeConnected(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<FNodeInputBase, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<FNodeInputBase, never, never, {}, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FNodeInputBase, never, never, {}, {}, never, never, false, never>;
 }

package/f-connectors/f-node-input/f-node-input.directive.d.ts

@@ -23,5 +23,5 @@ export declare class FNodeInputDirective extends FNodeInputBase implements OnIni
     setConnected(isConnected: boolean): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FNodeInputDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<FNodeInputDirective, "[fNodeInput]", ["fNodeInput"], { "id": "fInputId"; "multiple": "fInputMultiple"; "disabled": "fInputDisabled"; "_fSide": "fInputConnectableSide"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FNodeInputDirective, "[fNodeInput]", ["fNodeInput"], { "id": { "alias": "fInputId"; "required": false; }; "multiple": { "alias": "fInputMultiple"; "required": false; }; "disabled": { "alias": "fInputDisabled"; "required": false; }; "_fSide": { "alias": "fInputConnectableSide"; "required": false; }; }, {}, never, never, false, never>;
 }

package/f-connectors/f-node-outlet/f-node-outlet-base.d.ts

@@ -9,5 +9,5 @@ export declare abstract class FNodeOutletBase extends FConnectorBase {
     get canBeConnected(): boolean;
     setOutputs(outputs: FConnectorBase[]): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FNodeOutletBase, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<FNodeOutletBase, never, never, {}, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FNodeOutletBase, never, never, {}, {}, never, never, false, never>;
 }

package/f-connectors/f-node-outlet/f-node-outlet.directive.d.ts

@@ -20,5 +20,5 @@ export declare class FNodeOutletDirective extends FNodeOutletBase implements OnI
     ngOnInit(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FNodeOutletDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<FNodeOutletDirective, "[fNodeOutlet]", ["fNodeOutlet"], { "id": "fOutletId"; "disabled": "fOutletDisabled"; "isConnectionFromOutlet": "isConnectionFromOutlet"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FNodeOutletDirective, "[fNodeOutlet]", ["fNodeOutlet"], { "id": { "alias": "fOutletId"; "required": false; }; "disabled": { "alias": "fOutletDisabled"; "required": false; }; "isConnectionFromOutlet": { "alias": "isConnectionFromOutlet"; "required": false; }; }, {}, never, never, false, never>;
 }

package/f-connectors/f-node-output/f-node-output-base.d.ts

@@ -7,5 +7,5 @@ export declare abstract class FNodeOutputBase extends FConnectorBase {
     isConnected: boolean;
     get canBeConnected(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<FNodeOutputBase, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<FNodeOutputBase, never, never, {}, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FNodeOutputBase, never, never, {}, {}, never, never, false, never>;
 }

package/f-connectors/f-node-output/f-node-output.directive.d.ts

@@ -24,5 +24,5 @@ export declare class FNodeOutputDirective extends FNodeOutputBase implements OnI
     setConnected(isConnected: boolean): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FNodeOutputDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<FNodeOutputDirective, "[fNodeOutput]", ["fNodeOutput"], { "id": "fOutputId"; "multiple": "fOutputMultiple"; "disabled": "fOutputDisabled"; "_fSide": "fOutputConnectableSide"; "isSelfConnectable": "isSelfConnectable"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FNodeOutputDirective, "[fNodeOutput]", ["fNodeOutput"], { "id": { "alias": "fOutputId"; "required": false; }; "multiple": { "alias": "fOutputMultiple"; "required": false; }; "disabled": { "alias": "fOutputDisabled"; "required": false; }; "_fSide": { "alias": "fOutputConnectableSide"; "required": false; }; "isSelfConnectable": { "alias": "isSelfConnectable"; "required": false; }; }, {}, never, never, false, never>;
 }

package/f-draggable/f-draggable-base.d.ts

@@ -11,5 +11,5 @@ export declare abstract class FDraggableBase extends DragAndDropBase {
     abstract fCreateConnection: EventEmitter<FCreateConnectionEvent>;
     protected constructor(ngZone: ICanRunOutsideAngular | undefined);
     static ɵfac: i0.ɵɵFactoryDeclaration<FDraggableBase, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<FDraggableBase, never, never, {}, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FDraggableBase, never, never, {}, {}, never, never, false, never>;
 }

package/f-draggable/f-draggable.directive.d.ts

@@ -37,5 +37,5 @@ export declare class FDraggableDirective extends FDraggableBase implements OnIni
     private emitSelectionChangeEvent;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FDraggableDirective, [null, null, { optional: true; }, null, null, null]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<FDraggableDirective, "f-flow[fDraggable]", ["fDraggable"], { "disabled": "fDraggableDisabled"; }, { "fSelectionChange": "fSelectionChange"; "fCreateNode": "fCreateNode"; "fReassignConnection": "fReassignConnection"; "fCreateConnection": "fCreateConnection"; }, ["plugins"], never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FDraggableDirective, "f-flow[fDraggable]", ["fDraggable"], { "disabled": { "alias": "fDraggableDisabled"; "required": false; }; }, { "fSelectionChange": "fSelectionChange"; "fCreateNode": "fCreateNode"; "fReassignConnection": "fReassignConnection"; "fCreateConnection": "fCreateConnection"; }, ["plugins"], never, false, never>;
 }

package/f-draggable/node/connection-base-drag-handler.d.ts

@@ -20,5 +20,5 @@ export declare abstract class ConnectionBaseDragHandler implements IDraggableIte
     protected getDifference(difference: IPoint, restrictions: INodeMoveRestrictions): IPoint;
     protected redrawConnection(line: ILine): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ConnectionBaseDragHandler, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ConnectionBaseDragHandler, never, never, {}, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ConnectionBaseDragHandler, never, never, {}, {}, never, never, false, never>;
 }

package/f-external-item/f-external-item-base.d.ts

@@ -8,5 +8,5 @@ export declare abstract class FExternalItemBase<TData = any> implements IHasHost
     abstract fData: TData | undefined;
     abstract fDisabled: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<FExternalItemBase<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<FExternalItemBase<any>, never, never, {}, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FExternalItemBase<any>, never, never, {}, {}, never, never, false, never>;
 }

package/f-external-item/f-external-item.directive.d.ts

@@ -14,5 +14,5 @@ export declare class FExternalItemDirective<TData> extends FExternalItemBase<TDa
     private disablePointerEvents;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FExternalItemDirective<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<FExternalItemDirective<any>, "[fExternalItem]", never, { "fExternalItemId": "fExternalItemId"; "fData": "fData"; "fDisabled": "fDisabled"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FExternalItemDirective<any>, "[fExternalItem]", never, { "fExternalItemId": { "alias": "fExternalItemId"; "required": false; }; "fData": { "alias": "fData"; "required": false; }; "fDisabled": { "alias": "fDisabled"; "required": false; }; }, {}, never, never, false, never>;
 }

package/f-flow/f-flow.component.d.ts

@@ -33,5 +33,5 @@ export declare class FFlowComponent extends FFlowBase implements OnInit, AfterCo
     clearSelection(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FFlowComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FFlowComponent, "f-flow", never, { "fFlowId": "fFlowId"; }, { "fLoaded": "fLoaded"; }, never, ["[fDefinitions]", "f-background", "f-line-alignment", "f-canvas", "f-selection-area", "f-minimap"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FFlowComponent, "f-flow", never, { "fFlowId": { "alias": "fFlowId"; "required": false; }; }, { "fLoaded": "fLoaded"; }, never, ["[fDefinitions]", "f-background", "f-line-alignment", "f-canvas", "f-selection-area", "f-minimap"], false, never>;
 }

package/f-line-alignment/f-line-alignment-base.d.ts

@@ -12,5 +12,5 @@ export declare abstract class FLineAlignmentBase implements IHasHostElement {
     abstract handle(difference: IPoint): void;
     abstract complete(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FLineAlignmentBase, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<FLineAlignmentBase, never, never, {}, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FLineAlignmentBase, never, never, {}, {}, never, never, false, never>;
 }

package/f-line-alignment/f-line-alignment.component.d.ts

@@ -29,5 +29,5 @@ export declare class FLineAlignmentComponent extends FLineAlignmentBase implemen
     findNearestCoordinate(difference: IPoint): ILineAlignmentResult;
     complete(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FLineAlignmentComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FLineAlignmentComponent, "f-line-alignment", ["fComponent"], { "fAlignThreshold": "fAlignThreshold"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FLineAlignmentComponent, "f-line-alignment", ["fComponent"], { "fAlignThreshold": { "alias": "fAlignThreshold"; "required": false; }; }, {}, never, never, false, never>;
 }

package/f-minimap/f-minimap-canvas.directive.d.ts

@@ -18,5 +18,5 @@ export declare class FMinimapCanvasDirective {
     private setElementAttributes;
     private applyClassList;
     static ɵfac: i0.ɵɵFactoryDeclaration<FMinimapCanvasDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<FMinimapCanvasDirective, "g[fMinimapCanvas]", never, {}, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FMinimapCanvasDirective, "g[fMinimapCanvas]", never, {}, {}, never, never, false, never>;
 }

package/f-minimap/f-minimap-flow.directive.d.ts

@@ -24,5 +24,5 @@ export declare class FMinimapFlowDirective {
     private calculateCenteredViewBox;
     private setViewBox;
     static ɵfac: i0.ɵɵFactoryDeclaration<FMinimapFlowDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<FMinimapFlowDirective, "svg[fMinimapFlow]", never, { "fMinSize": "fMinSize"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FMinimapFlowDirective, "svg[fMinimapFlow]", never, { "fMinSize": { "alias": "fMinSize"; "required": false; }; }, {}, never, never, false, never>;
 }

package/f-minimap/f-minimap-view.directive.d.ts

@@ -10,5 +10,5 @@ export declare class FMinimapViewDirective {
     update(): void;
     private setAttributes;
     static ɵfac: i0.ɵɵFactoryDeclaration<FMinimapViewDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<FMinimapViewDirective, "rect[fMinimapView]", never, {}, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FMinimapViewDirective, "rect[fMinimapView]", never, {}, {}, never, never, false, never>;
 }

package/f-minimap/f-minimap.component.d.ts

@@ -22,5 +22,5 @@ export declare class FMinimapComponent implements AfterViewInit, OnDestroy, IFDr
     onPointerUp(event: IPointerEvent): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FMinimapComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FMinimapComponent, "f-minimap", ["fComponent"], { "fMinSize": "fMinSize"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FMinimapComponent, "f-minimap", ["fComponent"], { "fMinSize": { "alias": "fMinSize"; "required": false; }; }, {}, never, never, false, never>;
 }

package/f-node/f-drag-handle/f-drag-handle.directive.d.ts

@@ -7,5 +7,5 @@ export declare class FDragHandleDirective implements IHasHostElement {
     get hostElement(): HTMLElement;
     constructor(elementReference: ElementRef<HTMLElement>);
     static ɵfac: i0.ɵɵFactoryDeclaration<FDragHandleDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<FDragHandleDirective, "[fDragHandle]", never, {}, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FDragHandleDirective, "[fDragHandle]", never, {}, {}, never, never, false, never>;
 }

package/f-node/f-group.directive.d.ts

@@ -37,5 +37,5 @@ export declare class FGroupDirective extends FNodeBase implements OnInit, AfterV
     refresh(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FGroupDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<FGroupDirective, "[fGroup]", ["fComponent"], { "fId": "fGroupId"; "fParentId": "fGroupParentId"; "position": "fGroupPosition"; "size": "fGroupSize"; "fDraggingDisabled": "fGroupDraggingDisabled"; "fSelectionDisabled": "fGroupSelectionDisabled"; "fIncludePadding": "fIncludePadding"; "fConnectOnNode": "fConnectOnNode"; }, { "positionChange": "fGroupPositionChange"; "sizeChange": "fGroupSizeChange"; }, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FGroupDirective, "[fGroup]", ["fComponent"], { "fId": { "alias": "fGroupId"; "required": false; }; "fParentId": { "alias": "fGroupParentId"; "required": false; }; "position": { "alias": "fGroupPosition"; "required": false; }; "size": { "alias": "fGroupSize"; "required": false; }; "fDraggingDisabled": { "alias": "fGroupDraggingDisabled"; "required": false; }; "fSelectionDisabled": { "alias": "fGroupSelectionDisabled"; "required": false; }; "fIncludePadding": { "alias": "fIncludePadding"; "required": false; }; "fConnectOnNode": { "alias": "fConnectOnNode"; "required": false; }; }, { "positionChange": "fGroupPositionChange"; "sizeChange": "fGroupSizeChange"; }, never, never, false, never>;
 }

package/f-node/f-node.directive.d.ts

@@ -37,5 +37,5 @@ export declare class FNodeDirective extends FNodeBase implements OnInit, AfterVi
     refresh(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FNodeDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<FNodeDirective, "[fNode]", ["fComponent"], { "fId": "fNodeId"; "fParentId": "fNodeParentId"; "position": "fNodePosition"; "size": "fNodeSize"; "fDraggingDisabled": "fNodeDraggingDisabled"; "fSelectionDisabled": "fNodeSelectionDisabled"; "fIncludePadding": "fIncludePadding"; "fConnectOnNode": "fConnectOnNode"; }, { "positionChange": "fNodePositionChange"; "sizeChange": "fNodeSizeChange"; }, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FNodeDirective, "[fNode]", ["fComponent"], { "fId": { "alias": "fNodeId"; "required": false; }; "fParentId": { "alias": "fNodeParentId"; "required": false; }; "position": { "alias": "fNodePosition"; "required": false; }; "size": { "alias": "fNodeSize"; "required": false; }; "fDraggingDisabled": { "alias": "fNodeDraggingDisabled"; "required": false; }; "fSelectionDisabled": { "alias": "fNodeSelectionDisabled"; "required": false; }; "fIncludePadding": { "alias": "fIncludePadding"; "required": false; }; "fConnectOnNode": { "alias": "fConnectOnNode"; "required": false; }; }, { "positionChange": "fNodePositionChange"; "sizeChange": "fNodeSizeChange"; }, never, never, false, never>;
 }

package/f-node/f-resize-handle/f-resize-handle.directive.d.ts

@@ -12,5 +12,5 @@ export declare class FResizeHandleDirective implements IHasHostElement {
     get hostElement(): HTMLElement;
     constructor(elementReference: ElementRef<HTMLElement>);
     static ɵfac: i0.ɵɵFactoryDeclaration<FResizeHandleDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<FResizeHandleDirective, "[fResizeHandle]", never, { "type": "fResizeHandleType"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FResizeHandleDirective, "[fResizeHandle]", never, { "type": { "alias": "fResizeHandleType"; "required": false; }; }, {}, never, never, false, never>;
 }