@foblex/flow 16.0.5 → 17.0.1

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

@@ -2,8 +2,14 @@ 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 {
+    constructor() {
+        super(...arguments);
+        this.minimum = 0.1;
+        this.maximum = 4;
+        this.step = 0.1;
+        this.dblClickStep = 0.5;
+    }
     get fFlowZoom() {
         return this.isEnabled;
     }
@@ -14,20 +20,13 @@ export class FZoomDirective extends FZoomBase {
             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();
+        super.dispose();
     }
-    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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FZoomDirective, deps: null, 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: [{
@@ -40,7 +39,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     },
                     providers: [{ provide: F_ZOOM, useExisting: FZoomDirective }],
                 }]
-        }], ctorParameters: function () { return [{ type: i1.FComponentsStore }]; }, propDecorators: { fFlowZoom: [{
+        }], propDecorators: { fFlowZoom: [{
                 type: Input,
                 args: ['fZoom']
             }], minimum: [{
@@ -56,4 +55,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Input,
                 args: ['fZoomDblClickStep']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZi16b29tLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2YtZmxvdy9zcmMvZi16b29tL2Ytem9vbS5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUVMLFNBQVMsRUFBRSxLQUFLLEVBQ2pCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxNQUFNLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRWxELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQVU5QyxNQUFNLE9BQU8sY0FBZSxTQUFRLFNBQVM7SUFFM0MsSUFDVyxTQUFTO1FBQ2xCLE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQztJQUN4QixDQUFDO0lBRUQsSUFBVyxTQUFTLENBQUMsU0FBdUM7UUFDMUQsTUFBTSxLQUFLLEdBQUcsYUFBYSxDQUFDLFNBQVMsQ0FBQyxDQUFDO1FBQ3ZDLElBQUksS0FBSyxLQUFLLElBQUksQ0FBQyxTQUFTLEVBQUU7WUFDNUIsSUFBSSxDQUFDLFNBQVMsR0FBRyxLQUFLLENBQUM7WUFDdkIsSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDO1NBQ25CO0lBQ0gsQ0FBQztJQWNELFlBQ0ksZ0JBQWtDO1FBRXBDLEtBQUssQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO1FBZFYsWUFBTyxHQUFXLEdBQUcsQ0FBQztRQUd0QixZQUFPLEdBQVcsQ0FBQyxDQUFDO1FBR3BCLFNBQUksR0FBVyxHQUFHLENBQUM7UUFHbkIsaUJBQVksR0FBVyxHQUFHLENBQUM7SUFNM0MsQ0FBQztJQUVNLGVBQWU7UUFDcEIsS0FBSyxDQUFDLFVBQVUsRUFBRSxDQUFDO0lBQ3JCLENBQUM7SUFFTSxXQUFXO1FBQ2hCLEtBQUssQ0FBQyxXQUFXLEVBQUUsQ0FBQztJQUN0QixDQUFDOytHQXZDVSxjQUFjO21HQUFkLGNBQWMsdVNBRmQsQ0FBRSxFQUFFLE9BQU8sRUFBRSxNQUFNLEVBQUUsV0FBVyxFQUFFLGNBQWMsRUFBRSxDQUFFOzs0RkFFcEQsY0FBYztrQkFSMUIsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsaUJBQWlCO29CQUMzQixRQUFRLEVBQUUsWUFBWTtvQkFDdEIsSUFBSSxFQUFFO3dCQUNKLE9BQU8sRUFBRSxvQkFBb0I7cUJBQzlCO29CQUNELFNBQVMsRUFBRSxDQUFFLEVBQUUsT0FBTyxFQUFFLE1BQU0sRUFBRSxXQUFXLGdCQUFnQixFQUFFLENBQUU7aUJBQ2hFO3VHQUlZLFNBQVM7c0JBRG5CLEtBQUs7dUJBQUMsT0FBTztnQkFjRSxPQUFPO3NCQUR0QixLQUFLO3VCQUFDLGNBQWM7Z0JBSUwsT0FBTztzQkFEdEIsS0FBSzt1QkFBQyxjQUFjO2dCQUlMLElBQUk7c0JBRG5CLEtBQUs7dUJBQUMsV0FBVztnQkFJRixZQUFZO3NCQUQzQixLQUFLO3VCQUFDLG1CQUFtQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEFmdGVyVmlld0luaXQsXG4gIERpcmVjdGl2ZSwgSW5wdXQsIE9uRGVzdHJveVxufSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHsgRl9aT09NLCBGWm9vbUJhc2UgfSBmcm9tICcuL2Ytem9vbS1iYXNlJztcbmltcG9ydCB7IEZDb21wb25lbnRzU3RvcmUgfSBmcm9tICcuLi9mLXN0b3JhZ2UnO1xuaW1wb3J0IHsgY2FzdFRvQm9vbGVhbiB9IGZyb20gJ0Bmb2JsZXgvdXRpbHMnO1xuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6IFwiZi1jYW52YXNbZlpvb21dXCIsXG4gIGV4cG9ydEFzOiAnZkNvbXBvbmVudCcsXG4gIGhvc3Q6IHtcbiAgICAnY2xhc3MnOiAnZi16b29tIGYtY29tcG9uZW50J1xuICB9LFxuICBwcm92aWRlcnM6IFsgeyBwcm92aWRlOiBGX1pPT00sIHVzZUV4aXN0aW5nOiBGWm9vbURpcmVjdGl2ZSB9IF0sXG59KVxuZXhwb3J0IGNsYXNzIEZab29tRGlyZWN0aXZlIGV4dGVuZHMgRlpvb21CYXNlIGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCwgT25EZXN0cm95IHtcblxuICBASW5wdXQoJ2Zab29tJylcbiAgcHVibGljIGdldCBmRmxvd1pvb20oKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMuaXNFbmFibGVkO1xuICB9XG5cbiAgcHVibGljIHNldCBmRmxvd1pvb20oaXNFbmFibGVkOiBib29sZWFuIHwgdW5kZWZpbmVkIHwgc3RyaW5nKSB7XG4gICAgY29uc3QgdmFsdWUgPSBjYXN0VG9Cb29sZWFuKGlzRW5hYmxlZCk7XG4gICAgaWYgKHZhbHVlICE9PSB0aGlzLmlzRW5hYmxlZCkge1xuICAgICAgdGhpcy5pc0VuYWJsZWQgPSB2YWx1ZTtcbiAgICAgIHRoaXMudG9nZ2xlWm9vbSgpO1xuICAgIH1cbiAgfVxuXG4gIEBJbnB1dCgnZlpvb21NaW5pbXVtJylcbiAgcHVibGljIG92ZXJyaWRlIG1pbmltdW06IG51bWJlciA9IDAuMTtcblxuICBASW5wdXQoJ2Zab29tTWF4aW11bScpXG4gIHB1YmxpYyBvdmVycmlkZSBtYXhpbXVtOiBudW1iZXIgPSA0O1xuXG4gIEBJbnB1dCgnZlpvb21TdGVwJylcbiAgcHVibGljIG92ZXJyaWRlIHN0ZXA6IG51bWJlciA9IDAuMTtcblxuICBASW5wdXQoJ2Zab29tRGJsQ2xpY2tTdGVwJylcbiAgcHVibGljIG92ZXJyaWRlIGRibENsaWNrU3RlcDogbnVtYmVyID0gMC41O1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgICAgZkNvbXBvbmVudHNTdG9yZTogRkNvbXBvbmVudHNTdG9yZSxcbiAgKSB7XG4gICAgc3VwZXIoZkNvbXBvbmVudHNTdG9yZSk7XG4gIH1cblxuICBwdWJsaWMgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xuICAgIHN1cGVyLnRvZ2dsZVpvb20oKTtcbiAgfVxuXG4gIHB1YmxpYyBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICBzdXBlci51bnN1YnNjcmliZSgpO1xuICB9XG59XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZi16b29tLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2YtZmxvdy9zcmMvZi16b29tL2Ytem9vbS5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUVMLFNBQVMsRUFBRSxLQUFLLEVBQ2pCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxNQUFNLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2xELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBVTlDLE1BQU0sT0FBTyxjQUFlLFNBQVEsU0FBUztJQVI3Qzs7UUF3QmtCLFlBQU8sR0FBVyxHQUFHLENBQUM7UUFHdEIsWUFBTyxHQUFXLENBQUMsQ0FBQztRQUdwQixTQUFJLEdBQVcsR0FBRyxDQUFDO1FBR25CLGlCQUFZLEdBQVcsR0FBRyxDQUFDO0tBUzVDO0lBaENDLElBQ1csU0FBUztRQUNsQixPQUFPLElBQUksQ0FBQyxTQUFTLENBQUM7SUFDeEIsQ0FBQztJQUVELElBQVcsU0FBUyxDQUFDLFNBQXVDO1FBQzFELE1BQU0sS0FBSyxHQUFHLGFBQWEsQ0FBQyxTQUFTLENBQUMsQ0FBQztRQUN2QyxJQUFJLEtBQUssS0FBSyxJQUFJLENBQUMsU0FBUyxFQUFFO1lBQzVCLElBQUksQ0FBQyxTQUFTLEdBQUcsS0FBSyxDQUFDO1lBQ3ZCLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQztTQUNuQjtJQUNILENBQUM7SUFjTSxlQUFlO1FBQ3BCLEtBQUssQ0FBQyxVQUFVLEVBQUUsQ0FBQztJQUNyQixDQUFDO0lBRU0sV0FBVztRQUNoQixLQUFLLENBQUMsT0FBTyxFQUFFLENBQUM7SUFDbEIsQ0FBQzsrR0FqQ1UsY0FBYzttR0FBZCxjQUFjLHVTQUZkLENBQUUsRUFBRSxPQUFPLEVBQUUsTUFBTSxFQUFFLFdBQVcsRUFBRSxjQUFjLEVBQUUsQ0FBRTs7NEZBRXBELGNBQWM7a0JBUjFCLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGlCQUFpQjtvQkFDM0IsUUFBUSxFQUFFLFlBQVk7b0JBQ3RCLElBQUksRUFBRTt3QkFDSixPQUFPLEVBQUUsb0JBQW9CO3FCQUM5QjtvQkFDRCxTQUFTLEVBQUUsQ0FBRSxFQUFFLE9BQU8sRUFBRSxNQUFNLEVBQUUsV0FBVyxnQkFBZ0IsRUFBRSxDQUFFO2lCQUNoRTs4QkFJWSxTQUFTO3NCQURuQixLQUFLO3VCQUFDLE9BQU87Z0JBY0UsT0FBTztzQkFEdEIsS0FBSzt1QkFBQyxjQUFjO2dCQUlMLE9BQU87c0JBRHRCLEtBQUs7dUJBQUMsY0FBYztnQkFJTCxJQUFJO3NCQURuQixLQUFLO3VCQUFDLFdBQVc7Z0JBSUYsWUFBWTtzQkFEM0IsS0FBSzt1QkFBQyxtQkFBbUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBBZnRlclZpZXdJbml0LFxuICBEaXJlY3RpdmUsIElucHV0LCBPbkRlc3Ryb3lcbn0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IEZfWk9PTSwgRlpvb21CYXNlIH0gZnJvbSAnLi9mLXpvb20tYmFzZSc7XG5pbXBvcnQgeyBjYXN0VG9Cb29sZWFuIH0gZnJvbSAnQGZvYmxleC91dGlscyc7XG5cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogXCJmLWNhbnZhc1tmWm9vbV1cIixcbiAgZXhwb3J0QXM6ICdmQ29tcG9uZW50JyxcbiAgaG9zdDoge1xuICAgICdjbGFzcyc6ICdmLXpvb20gZi1jb21wb25lbnQnXG4gIH0sXG4gIHByb3ZpZGVyczogWyB7IHByb3ZpZGU6IEZfWk9PTSwgdXNlRXhpc3Rpbmc6IEZab29tRGlyZWN0aXZlIH0gXSxcbn0pXG5leHBvcnQgY2xhc3MgRlpvb21EaXJlY3RpdmUgZXh0ZW5kcyBGWm9vbUJhc2UgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0LCBPbkRlc3Ryb3kge1xuXG4gIEBJbnB1dCgnZlpvb20nKVxuICBwdWJsaWMgZ2V0IGZGbG93Wm9vbSgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5pc0VuYWJsZWQ7XG4gIH1cblxuICBwdWJsaWMgc2V0IGZGbG93Wm9vbShpc0VuYWJsZWQ6IGJvb2xlYW4gfCB1bmRlZmluZWQgfCBzdHJpbmcpIHtcbiAgICBjb25zdCB2YWx1ZSA9IGNhc3RUb0Jvb2xlYW4oaXNFbmFibGVkKTtcbiAgICBpZiAodmFsdWUgIT09IHRoaXMuaXNFbmFibGVkKSB7XG4gICAgICB0aGlzLmlzRW5hYmxlZCA9IHZhbHVlO1xuICAgICAgdGhpcy50b2dnbGVab29tKCk7XG4gICAgfVxuICB9XG5cbiAgQElucHV0KCdmWm9vbU1pbmltdW0nKVxuICBwdWJsaWMgb3ZlcnJpZGUgbWluaW11bTogbnVtYmVyID0gMC4xO1xuXG4gIEBJbnB1dCgnZlpvb21NYXhpbXVtJylcbiAgcHVibGljIG92ZXJyaWRlIG1heGltdW06IG51bWJlciA9IDQ7XG5cbiAgQElucHV0KCdmWm9vbVN0ZXAnKVxuICBwdWJsaWMgb3ZlcnJpZGUgc3RlcDogbnVtYmVyID0gMC4xO1xuXG4gIEBJbnB1dCgnZlpvb21EYmxDbGlja1N0ZXAnKVxuICBwdWJsaWMgb3ZlcnJpZGUgZGJsQ2xpY2tTdGVwOiBudW1iZXIgPSAwLjU7XG5cbiAgcHVibGljIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICBzdXBlci50b2dnbGVab29tKCk7XG4gIH1cblxuICBwdWJsaWMgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgc3VwZXIuZGlzcG9zZSgpO1xuICB9XG59XG4iXX0=

package/esm2022/public-api.mjs

@@ -13,7 +13,7 @@ export * from './f-node';
 export * from './f-storage';
 export * from './f-zoom';
 export * from './mixins';
+export * from './reactivity';
 export * from './f-flow.module';
 export * from './i-has-host-element';
-export * from './i-has-state-changes';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2YtZmxvdy9zcmMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLGVBQWUsQ0FBQztBQUU5QixjQUFjLFlBQVksQ0FBQztBQUUzQixjQUFjLFVBQVUsQ0FBQztBQUV6QixjQUFjLGdCQUFnQixDQUFDO0FBRS9CLGNBQWMsZ0JBQWdCLENBQUM7QUFFL0IsY0FBYyxlQUFlLENBQUM7QUFFOUIsY0FBYyxtQkFBbUIsQ0FBQztBQUVsQyxjQUFjLG9CQUFvQixDQUFDO0FBRW5DLGNBQWMsYUFBYSxDQUFDO0FBRTVCLGNBQWMsb0JBQW9CLENBQUM7QUFFbkMsY0FBYyxVQUFVLENBQUM7QUFFekIsY0FBYyxVQUFVLENBQUM7QUFFekIsY0FBYyxhQUFhLENBQUM7QUFFNUIsY0FBYyxVQUFVLENBQUM7QUFFekIsY0FBYyxVQUFVLENBQUM7QUFFekIsY0FBYyxpQkFBaUIsQ0FBQztBQUVoQyxjQUFjLHNCQUFzQixDQUFDO0FBRXJDLGNBQWMsdUJBQXVCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2YtYmFja2dyb3VkJztcblxuZXhwb3J0ICogZnJvbSAnLi9mLWNhbnZhcyc7XG5cbmV4cG9ydCAqIGZyb20gJy4vZG9tYWluJztcblxuZXhwb3J0ICogZnJvbSAnLi9mLWNvbm5lY3Rpb24nO1xuXG5leHBvcnQgKiBmcm9tICcuL2YtY29ubmVjdG9ycyc7XG5cbmV4cG9ydCAqIGZyb20gJy4vZi1kcmFnZ2FibGUnO1xuXG5leHBvcnQgKiBmcm9tICcuL2YtZXh0ZXJuYWwtaXRlbSc7XG5cbmV4cG9ydCAqIGZyb20gJy4vZi1saW5lLWFsaWdubWVudCc7XG5cbmV4cG9ydCAqIGZyb20gJy4vZi1taW5pbWFwJztcblxuZXhwb3J0ICogZnJvbSAnLi9mLXNlbGVjdGlvbi1hcmVhJztcblxuZXhwb3J0ICogZnJvbSAnLi9mLWZsb3cnO1xuXG5leHBvcnQgKiBmcm9tICcuL2Ytbm9kZSc7XG5cbmV4cG9ydCAqIGZyb20gJy4vZi1zdG9yYWdlJztcblxuZXhwb3J0ICogZnJvbSAnLi9mLXpvb20nO1xuXG5leHBvcnQgKiBmcm9tICcuL21peGlucyc7XG5cbmV4cG9ydCAqIGZyb20gJy4vZi1mbG93Lm1vZHVsZSc7XG5cbmV4cG9ydCAqIGZyb20gJy4vaS1oYXMtaG9zdC1lbGVtZW50JztcblxuZXhwb3J0ICogZnJvbSAnLi9pLWhhcy1zdGF0ZS1jaGFuZ2VzJztcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2YtZmxvdy9zcmMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLGVBQWUsQ0FBQztBQUU5QixjQUFjLFlBQVksQ0FBQztBQUUzQixjQUFjLFVBQVUsQ0FBQztBQUV6QixjQUFjLGdCQUFnQixDQUFDO0FBRS9CLGNBQWMsZ0JBQWdCLENBQUM7QUFFL0IsY0FBYyxlQUFlLENBQUM7QUFFOUIsY0FBYyxtQkFBbUIsQ0FBQztBQUVsQyxjQUFjLG9CQUFvQixDQUFDO0FBRW5DLGNBQWMsYUFBYSxDQUFDO0FBRTVCLGNBQWMsb0JBQW9CLENBQUM7QUFFbkMsY0FBYyxVQUFVLENBQUM7QUFFekIsY0FBYyxVQUFVLENBQUM7QUFFekIsY0FBYyxhQUFhLENBQUM7QUFFNUIsY0FBYyxVQUFVLENBQUM7QUFFekIsY0FBYyxVQUFVLENBQUM7QUFFekIsY0FBYyxjQUFjLENBQUM7QUFFN0IsY0FBYyxpQkFBaUIsQ0FBQztBQUVoQyxjQUFjLHNCQUFzQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9mLWJhY2tncm91ZCc7XG5cbmV4cG9ydCAqIGZyb20gJy4vZi1jYW52YXMnO1xuXG5leHBvcnQgKiBmcm9tICcuL2RvbWFpbic7XG5cbmV4cG9ydCAqIGZyb20gJy4vZi1jb25uZWN0aW9uJztcblxuZXhwb3J0ICogZnJvbSAnLi9mLWNvbm5lY3RvcnMnO1xuXG5leHBvcnQgKiBmcm9tICcuL2YtZHJhZ2dhYmxlJztcblxuZXhwb3J0ICogZnJvbSAnLi9mLWV4dGVybmFsLWl0ZW0nO1xuXG5leHBvcnQgKiBmcm9tICcuL2YtbGluZS1hbGlnbm1lbnQnO1xuXG5leHBvcnQgKiBmcm9tICcuL2YtbWluaW1hcCc7XG5cbmV4cG9ydCAqIGZyb20gJy4vZi1zZWxlY3Rpb24tYXJlYSc7XG5cbmV4cG9ydCAqIGZyb20gJy4vZi1mbG93JztcblxuZXhwb3J0ICogZnJvbSAnLi9mLW5vZGUnO1xuXG5leHBvcnQgKiBmcm9tICcuL2Ytc3RvcmFnZSc7XG5cbmV4cG9ydCAqIGZyb20gJy4vZi16b29tJztcblxuZXhwb3J0ICogZnJvbSAnLi9taXhpbnMnO1xuXG5leHBvcnQgKiBmcm9tICcuL3JlYWN0aXZpdHknO1xuXG5leHBvcnQgKiBmcm9tICcuL2YtZmxvdy5tb2R1bGUnO1xuXG5leHBvcnQgKiBmcm9tICcuL2ktaGFzLWhvc3QtZWxlbWVudCc7XG4iXX0=

package/esm2022/reactivity/debounce-time.mjs

@@ -0,0 +1,10 @@
+export function debounceTime(delay) {
+    let timeoutId;
+    return callback => {
+        return () => {
+            clearTimeout(timeoutId);
+            timeoutId = setTimeout(() => callback(), delay);
+        };
+    };
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVib3VuY2UtdGltZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2YtZmxvdy9zcmMvcmVhY3Rpdml0eS9kZWJvdW5jZS10aW1lLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBLE1BQU0sVUFBVSxZQUFZLENBQUMsS0FBYTtJQUN4QyxJQUFJLFNBQWMsQ0FBQztJQUNuQixPQUFPLFFBQVEsQ0FBQyxFQUFFO1FBQ2hCLE9BQU8sR0FBRyxFQUFFO1lBQ1YsWUFBWSxDQUFDLFNBQVMsQ0FBQyxDQUFDO1lBQ3hCLFNBQVMsR0FBRyxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsUUFBUSxFQUFFLEVBQUUsS0FBSyxDQUFDLENBQUM7UUFDbEQsQ0FBQyxDQUFDO0lBQ0osQ0FBQyxDQUFDO0FBQ0osQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEZDaGFubmVsT3BlcmF0b3IgfSBmcm9tICcuL3R5cGVzJztcblxuZXhwb3J0IGZ1bmN0aW9uIGRlYm91bmNlVGltZShkZWxheTogbnVtYmVyKTogRkNoYW5uZWxPcGVyYXRvciB7XG4gIGxldCB0aW1lb3V0SWQ6IGFueTtcbiAgcmV0dXJuIGNhbGxiYWNrID0+IHtcbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgY2xlYXJUaW1lb3V0KHRpbWVvdXRJZCk7XG4gICAgICB0aW1lb3V0SWQgPSBzZXRUaW1lb3V0KCgpID0+IGNhbGxiYWNrKCksIGRlbGF5KTtcbiAgICB9O1xuICB9O1xufVxuIl19

package/esm2022/reactivity/f-channel-hub.mjs

@@ -0,0 +1,23 @@
+export class FChannelHub {
+    constructor(...channels) {
+        this._channels = [];
+        this._operators = [];
+        this._channels = [...channels];
+    }
+    pipe(...operators) {
+        const result = new FChannelHub(...this._channels);
+        result._operators = [...this._operators, ...operators];
+        return result;
+    }
+    listen(destroyRef, callback) {
+        let modifiedCallback = callback;
+        this._operators.forEach(operator => {
+            modifiedCallback = operator(modifiedCallback);
+        });
+        const unsubscribeCallbacks = this._channels.map(channel => channel.listen(() => modifiedCallback()));
+        destroyRef.onDestroy(() => {
+            unsubscribeCallbacks.forEach(unsubscribe => unsubscribe());
+        });
+    }
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZi1jaGFubmVsLWh1Yi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2YtZmxvdy9zcmMvcmVhY3Rpdml0eS9mLWNoYW5uZWwtaHViLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUlBLE1BQU0sT0FBTyxXQUFXO0lBTXRCLFlBQVksR0FBRyxRQUFvQjtRQUpsQixjQUFTLEdBQWUsRUFBRSxDQUFDO1FBRXBDLGVBQVUsR0FBdUIsRUFBRSxDQUFDO1FBRzFDLElBQUksQ0FBQyxTQUFTLEdBQUcsQ0FBQyxHQUFHLFFBQVEsQ0FBQyxDQUFDO0lBQ2pDLENBQUM7SUFFTSxJQUFJLENBQUMsR0FBRyxTQUE2QjtRQUMxQyxNQUFNLE1BQU0sR0FBRyxJQUFJLFdBQVcsQ0FBQyxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQztRQUNsRCxNQUFNLENBQUMsVUFBVSxHQUFHLENBQUMsR0FBRyxJQUFJLENBQUMsVUFBVSxFQUFFLEdBQUcsU0FBUyxDQUFDLENBQUM7UUFDdkQsT0FBTyxNQUFNLENBQUM7SUFDaEIsQ0FBQztJQUVNLE1BQU0sQ0FBQyxVQUFzQixFQUFFLFFBQTBCO1FBQzlELElBQUksZ0JBQWdCLEdBQUcsUUFBUSxDQUFDO1FBRWhDLElBQUksQ0FBQyxVQUFVLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQyxFQUFFO1lBQ2pDLGdCQUFnQixHQUFHLFFBQVEsQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO1FBQ2hELENBQUMsQ0FBQyxDQUFDO1FBRUgsTUFBTSxvQkFBb0IsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxPQUFPLENBQUMsRUFBRSxDQUN4RCxPQUFPLENBQUMsTUFBTSxDQUFDLEdBQUcsRUFBRSxDQUFDLGdCQUFnQixFQUFFLENBQUMsQ0FDekMsQ0FBQztRQUVGLFVBQVUsQ0FBQyxTQUFTLENBQUMsR0FBRyxFQUFFO1lBQ3hCLG9CQUFvQixDQUFDLE9BQU8sQ0FBQyxXQUFXLENBQUMsRUFBRSxDQUFDLFdBQVcsRUFBRSxDQUFDLENBQUM7UUFDN0QsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0NBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBGQ2hhbm5lbCB9IGZyb20gJy4vZi1jaGFubmVsJztcbmltcG9ydCB7IEZDaGFubmVsTGlzdGVuZXIsIEZDaGFubmVsT3BlcmF0b3IgfSBmcm9tICcuL3R5cGVzJztcbmltcG9ydCB7IERlc3Ryb3lSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuZXhwb3J0IGNsYXNzIEZDaGFubmVsSHViIHtcblxuICBwcml2YXRlIHJlYWRvbmx5IF9jaGFubmVsczogRkNoYW5uZWxbXSA9IFtdO1xuXG4gIHByaXZhdGUgX29wZXJhdG9yczogRkNoYW5uZWxPcGVyYXRvcltdID0gW107XG5cbiAgY29uc3RydWN0b3IoLi4uY2hhbm5lbHM6IEZDaGFubmVsW10pIHtcbiAgICB0aGlzLl9jaGFubmVscyA9IFsuLi5jaGFubmVsc107XG4gIH1cblxuICBwdWJsaWMgcGlwZSguLi5vcGVyYXRvcnM6IEZDaGFubmVsT3BlcmF0b3JbXSk6IEZDaGFubmVsSHViIHtcbiAgICBjb25zdCByZXN1bHQgPSBuZXcgRkNoYW5uZWxIdWIoLi4udGhpcy5fY2hhbm5lbHMpO1xuICAgIHJlc3VsdC5fb3BlcmF0b3JzID0gWy4uLnRoaXMuX29wZXJhdG9ycywgLi4ub3BlcmF0b3JzXTtcbiAgICByZXR1cm4gcmVzdWx0O1xuICB9XG5cbiAgcHVibGljIGxpc3RlbihkZXN0cm95UmVmOiBEZXN0cm95UmVmLCBjYWxsYmFjazogRkNoYW5uZWxMaXN0ZW5lcik6IHZvaWQge1xuICAgIGxldCBtb2RpZmllZENhbGxiYWNrID0gY2FsbGJhY2s7XG5cbiAgICB0aGlzLl9vcGVyYXRvcnMuZm9yRWFjaChvcGVyYXRvciA9PiB7XG4gICAgICBtb2RpZmllZENhbGxiYWNrID0gb3BlcmF0b3IobW9kaWZpZWRDYWxsYmFjayk7XG4gICAgfSk7XG5cbiAgICBjb25zdCB1bnN1YnNjcmliZUNhbGxiYWNrcyA9IHRoaXMuX2NoYW5uZWxzLm1hcChjaGFubmVsID0+XG4gICAgICBjaGFubmVsLmxpc3RlbigoKSA9PiBtb2RpZmllZENhbGxiYWNrKCkpXG4gICAgKTtcblxuICAgIGRlc3Ryb3lSZWYub25EZXN0cm95KCgpID0+IHtcbiAgICAgIHVuc3Vic2NyaWJlQ2FsbGJhY2tzLmZvckVhY2godW5zdWJzY3JpYmUgPT4gdW5zdWJzY3JpYmUoKSk7XG4gICAgfSk7XG4gIH1cbn1cbiJdfQ==

package/esm2022/reactivity/f-channel.mjs

@@ -0,0 +1,16 @@
+export class FChannel {
+    constructor() {
+        this._listeners = new Set();
+    }
+    notify() {
+        this._listeners.forEach((callback) => callback());
+    }
+    listen(callback) {
+        this._listeners.add(callback);
+        return () => this.stop(callback);
+    }
+    stop(callback) {
+        this._listeners.delete(callback);
+    }
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZi1jaGFubmVsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvZi1mbG93L3NyYy9yZWFjdGl2aXR5L2YtY2hhbm5lbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFQSxNQUFNLE9BQU8sUUFBUTtJQUFyQjtRQUVZLGVBQVUsR0FBRyxJQUFJLEdBQUcsRUFBb0IsQ0FBQztJQWNyRCxDQUFDO0lBWlEsTUFBTTtRQUNYLElBQUksQ0FBQyxVQUFVLENBQUMsT0FBTyxDQUFDLENBQUMsUUFBUSxFQUFFLEVBQUUsQ0FBQyxRQUFRLEVBQUUsQ0FBQyxDQUFDO0lBQ3BELENBQUM7SUFFTSxNQUFNLENBQUMsUUFBMEI7UUFDdEMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxHQUFHLENBQUMsUUFBUSxDQUFDLENBQUM7UUFDOUIsT0FBTyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQ25DLENBQUM7SUFFTSxJQUFJLENBQUMsUUFBMEI7UUFDcEMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDbkMsQ0FBQztDQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRkNoYW5uZWxMaXN0ZW5lciB9IGZyb20gJy4vdHlwZXMnO1xuXG5leHBvcnQgY2xhc3MgRkNoYW5uZWwge1xuXG4gIHByb3RlY3RlZCBfbGlzdGVuZXJzID0gbmV3IFNldDxGQ2hhbm5lbExpc3RlbmVyPigpO1xuXG4gIHB1YmxpYyBub3RpZnkoKTogdm9pZCB7XG4gICAgdGhpcy5fbGlzdGVuZXJzLmZvckVhY2goKGNhbGxiYWNrKSA9PiBjYWxsYmFjaygpKTtcbiAgfVxuXG4gIHB1YmxpYyBsaXN0ZW4oY2FsbGJhY2s6IEZDaGFubmVsTGlzdGVuZXIpOiAoKSA9PiB2b2lkIHtcbiAgICB0aGlzLl9saXN0ZW5lcnMuYWRkKGNhbGxiYWNrKTtcbiAgICByZXR1cm4gKCkgPT4gdGhpcy5zdG9wKGNhbGxiYWNrKTtcbiAgfVxuXG4gIHB1YmxpYyBzdG9wKGNhbGxiYWNrOiBGQ2hhbm5lbExpc3RlbmVyKTogdm9pZCB7XG4gICAgdGhpcy5fbGlzdGVuZXJzLmRlbGV0ZShjYWxsYmFjayk7XG4gIH1cbn1cblxuIl19

package/esm2022/reactivity/f-resize-channel.mjs

@@ -0,0 +1,28 @@
+import { FChannel } from './f-channel';
+export class FResizeChannel extends FChannel {
+    constructor(_htmlElement) {
+        super();
+        this._htmlElement = _htmlElement;
+        this._observer = new ResizeObserver(() => this.notify());
+        this._isObserving = false;
+    }
+    listen(callback) {
+        if (!this._isObserving) {
+            this._observer.observe(this._htmlElement);
+            this._isObserving = true;
+        }
+        return super.listen(callback);
+    }
+    stop(callback) {
+        super.stop(callback);
+        if (this._listeners.size === 0) {
+            this._disconnect();
+        }
+    }
+    _disconnect() {
+        this._observer.unobserve(this._htmlElement);
+        this._observer.disconnect();
+        this._isObserving = false;
+    }
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZi1yZXNpemUtY2hhbm5lbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2YtZmxvdy9zcmMvcmVhY3Rpdml0eS9mLXJlc2l6ZS1jaGFubmVsLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxhQUFhLENBQUM7QUFFdkMsTUFBTSxPQUFPLGNBQWUsU0FBUSxRQUFRO0lBTTFDLFlBQW9CLFlBQXNDO1FBQ3hELEtBQUssRUFBRSxDQUFDO1FBRFUsaUJBQVksR0FBWixZQUFZLENBQTBCO1FBSmxELGNBQVMsR0FBRyxJQUFJLGNBQWMsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUMsQ0FBQztRQUVwRCxpQkFBWSxHQUFHLEtBQUssQ0FBQztJQUk3QixDQUFDO0lBRWUsTUFBTSxDQUFDLFFBQTBCO1FBQy9DLElBQUksQ0FBQyxJQUFJLENBQUMsWUFBWSxFQUFFO1lBQ3RCLElBQUksQ0FBQyxTQUFTLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBQztZQUMxQyxJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQztTQUMxQjtRQUNELE9BQU8sS0FBSyxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUNoQyxDQUFDO0lBRWUsSUFBSSxDQUFDLFFBQTBCO1FBQzdDLEtBQUssQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7UUFDckIsSUFBSSxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksS0FBSyxDQUFDLEVBQUU7WUFDOUIsSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO1NBQ3BCO0lBQ0gsQ0FBQztJQUVPLFdBQVc7UUFDakIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDO1FBQzVDLElBQUksQ0FBQyxTQUFTLENBQUMsVUFBVSxFQUFFLENBQUM7UUFDNUIsSUFBSSxDQUFDLFlBQVksR0FBRyxLQUFLLENBQUM7SUFDNUIsQ0FBQztDQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRkNoYW5uZWxMaXN0ZW5lciB9IGZyb20gJy4vdHlwZXMnO1xuaW1wb3J0IHsgRkNoYW5uZWwgfSBmcm9tICcuL2YtY2hhbm5lbCc7XG5cbmV4cG9ydCBjbGFzcyBGUmVzaXplQ2hhbm5lbCBleHRlbmRzIEZDaGFubmVsIHtcblxuICBwcml2YXRlIF9vYnNlcnZlciA9IG5ldyBSZXNpemVPYnNlcnZlcigoKSA9PiB0aGlzLm5vdGlmeSgpKTtcblxuICBwcml2YXRlIF9pc09ic2VydmluZyA9IGZhbHNlO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgX2h0bWxFbGVtZW50OiBIVE1MRWxlbWVudCB8IFNWR0VsZW1lbnQpIHtcbiAgICBzdXBlcigpO1xuICB9XG5cbiAgcHVibGljIG92ZXJyaWRlIGxpc3RlbihjYWxsYmFjazogRkNoYW5uZWxMaXN0ZW5lcik6ICgpID0+IHZvaWQge1xuICAgIGlmICghdGhpcy5faXNPYnNlcnZpbmcpIHtcbiAgICAgIHRoaXMuX29ic2VydmVyLm9ic2VydmUodGhpcy5faHRtbEVsZW1lbnQpO1xuICAgICAgdGhpcy5faXNPYnNlcnZpbmcgPSB0cnVlO1xuICAgIH1cbiAgICByZXR1cm4gc3VwZXIubGlzdGVuKGNhbGxiYWNrKTtcbiAgfVxuXG4gIHB1YmxpYyBvdmVycmlkZSBzdG9wKGNhbGxiYWNrOiBGQ2hhbm5lbExpc3RlbmVyKTogdm9pZCB7XG4gICAgc3VwZXIuc3RvcChjYWxsYmFjayk7XG4gICAgaWYgKHRoaXMuX2xpc3RlbmVycy5zaXplID09PSAwKSB7XG4gICAgICB0aGlzLl9kaXNjb25uZWN0KCk7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBfZGlzY29ubmVjdCgpOiB2b2lkIHtcbiAgICB0aGlzLl9vYnNlcnZlci51bm9ic2VydmUodGhpcy5faHRtbEVsZW1lbnQpO1xuICAgIHRoaXMuX29ic2VydmVyLmRpc2Nvbm5lY3QoKTtcbiAgICB0aGlzLl9pc09ic2VydmluZyA9IGZhbHNlO1xuICB9XG59XG4iXX0=

package/esm2022/reactivity/index.mjs

@@ -0,0 +1,7 @@
+export * from './debounce-time';
+export * from './f-channel';
+export * from './f-resize-channel';
+export * from './types';
+export * from './f-channel-hub';
+export * from './notify-on-start';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9mLWZsb3cvc3JjL3JlYWN0aXZpdHkvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxpQkFBaUIsQ0FBQztBQUVoQyxjQUFjLGFBQWEsQ0FBQztBQUU1QixjQUFjLG9CQUFvQixDQUFDO0FBRW5DLGNBQWMsU0FBUyxDQUFDO0FBRXhCLGNBQWMsaUJBQWlCLENBQUM7QUFFaEMsY0FBYyxtQkFBbUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vZGVib3VuY2UtdGltZSc7XG5cbmV4cG9ydCAqIGZyb20gJy4vZi1jaGFubmVsJztcblxuZXhwb3J0ICogZnJvbSAnLi9mLXJlc2l6ZS1jaGFubmVsJztcblxuZXhwb3J0ICogZnJvbSAnLi90eXBlcyc7XG5cbmV4cG9ydCAqIGZyb20gJy4vZi1jaGFubmVsLWh1Yic7XG5cbmV4cG9ydCAqIGZyb20gJy4vbm90aWZ5LW9uLXN0YXJ0JztcbiJdfQ==

package/esm2022/reactivity/notify-on-start.mjs

@@ -0,0 +1,7 @@
+export function notifyOnStart() {
+    return callback => {
+        callback();
+        return callback;
+    };
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZ5LW9uLXN0YXJ0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvZi1mbG93L3NyYy9yZWFjdGl2aXR5L25vdGlmeS1vbi1zdGFydC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFQSxNQUFNLFVBQVUsYUFBYTtJQUMzQixPQUFPLFFBQVEsQ0FBQyxFQUFFO1FBQ2hCLFFBQVEsRUFBRSxDQUFDO1FBQ1gsT0FBTyxRQUFRLENBQUM7SUFDbEIsQ0FBQyxDQUFDO0FBQ0osQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEZDaGFubmVsT3BlcmF0b3IgfSBmcm9tICcuL3R5cGVzJztcblxuZXhwb3J0IGZ1bmN0aW9uIG5vdGlmeU9uU3RhcnQoKTogRkNoYW5uZWxPcGVyYXRvciB7XG4gIHJldHVybiBjYWxsYmFjayA9PiB7XG4gICAgY2FsbGJhY2soKTtcbiAgICByZXR1cm4gY2FsbGJhY2s7XG4gIH07XG59XG4iXX0=

package/esm2022/reactivity/types.mjs

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

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

@@ -5,7 +5,6 @@ import * as i0 from "@angular/core";
 export declare const F_BACKGROUND: InjectionToken<FBackgroundBase>;
 export declare abstract class FBackgroundBase implements IHasHostElement {
     abstract hostElement: HTMLElement;
-    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, never>;

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

@@ -1,20 +1,15 @@
-import { AfterContentInit, ElementRef, OnDestroy, OnInit } from "@angular/core";
+import { AfterContentInit, OnDestroy, OnInit } from "@angular/core";
 import { FBackgroundBase } from './f-background-base';
 import { ITransformModel } from '@foblex/2d';
 import { IFBackgroundPattern } from './domain';
-import { FComponentsStore } from '../f-storage';
-import { FMediator } from '@foblex/mediator';
 import * as i0 from "@angular/core";
 export declare class FBackgroundComponent extends FBackgroundBase implements OnInit, AfterContentInit, OnDestroy {
-    private elementReference;
-    private fComponentsStore;
-    private fMediator;
+    private _elementReference;
     get hostElement(): HTMLElement;
     fBackgroundPattern: IFBackgroundPattern | undefined;
-    constructor(elementReference: ElementRef<HTMLElement>, fComponentsStore: FComponentsStore, fMediator: FMediator);
+    private _fMediator;
     ngOnInit(): void;
     ngAfterContentInit(): void;
-    isBackgroundElement(element: HTMLElement | SVGElement): boolean;
     setTransform(transform: ITransformModel): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FBackgroundComponent, never>;

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

@@ -1,34 +1,33 @@
-import { ElementRef, OnDestroy, OnInit } from "@angular/core";
+import { OnChanges, OnInit, SimpleChanges } from "@angular/core";
 import { ITransformModel } from '@foblex/2d';
 import { IFBackgroundPattern } from '../domain';
 import { BrowserService } from '@foblex/platform';
 import * as i0 from "@angular/core";
-export declare class FCirclePatternComponent implements OnInit, OnDestroy, IFBackgroundPattern {
-    private elementReference;
-    private fBrowser;
-    private _subscription$;
+export declare class FCirclePatternComponent implements OnInit, OnChanges, IFBackgroundPattern {
+    private _fBrowser;
+    private _destroyRef;
+    private _elementReference;
     private _stateChanges;
     get hostElement(): HTMLElement;
     id: string;
-    private _color;
-    set color(value: string);
-    private _radius;
+    color: string;
+    radius: number;
     private _scaledRadius;
-    set radius(value: number);
     private _transform;
     private _position;
     private _pattern;
     private _circle;
-    constructor(elementReference: ElementRef<HTMLElement>, fBrowser: BrowserService);
-    private createPattern;
+    constructor(_fBrowser: BrowserService);
+    private _createPattern;
     ngOnInit(): void;
-    private subscribeToStateChanges;
-    private calculatePattern;
-    private redraw;
-    private redrawPattern;
-    private redrawElement;
+    private _listenStateChanges;
+    ngOnChanges(changes: SimpleChanges): void;
+    private _redraw;
+    private _calculatePattern;
+    private _redrawPattern;
+    private _redrawElement;
     setTransform(transform: ITransformModel): void;
-    ngOnDestroy(): void;
+    private _refresh;
     static ɵfac: i0.ɵɵFactoryDeclaration<FCirclePatternComponent, never>;
     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

@@ -1,39 +1,36 @@
-import { ElementRef, OnDestroy, OnInit } from "@angular/core";
+import { OnChanges, OnInit, SimpleChanges } from "@angular/core";
 import { ITransformModel } from '@foblex/2d';
 import { IFBackgroundPattern } from '../domain';
 import { BrowserService } from '@foblex/platform';
 import * as i0 from "@angular/core";
-export declare class FRectPatternComponent implements OnInit, OnDestroy, IFBackgroundPattern {
-    private elementReference;
-    private fBrowser;
-    private _subscription$;
+export declare class FRectPatternComponent implements OnInit, OnChanges, IFBackgroundPattern {
+    private _fBrowser;
+    private _destroyRef;
+    private _elementReference;
     private _stateChanges;
     get hostElement(): HTMLElement;
     id: string;
-    private _vColor;
-    set vColor(value: string);
-    private _hColor;
-    set hColor(value: string);
-    private _vSize;
-    set vSize(value: number);
-    private _hSize;
-    set hSize(value: number);
+    vColor: string;
+    hColor: string;
+    vSize: number;
+    hSize: number;
     private _transform;
     private _position;
     private _size;
     private _pattern;
     private _vLine;
     private _hLine;
-    constructor(elementReference: ElementRef<HTMLElement>, fBrowser: BrowserService);
-    private createPattern;
+    constructor(_fBrowser: BrowserService);
+    private _createPattern;
     ngOnInit(): void;
-    private subscribeToStateChanges;
-    private calculatePattern;
-    private redraw;
-    private redrawPattern;
+    private _listenStateChanges;
+    ngOnChanges(changes: SimpleChanges): void;
+    private _redraw;
+    private _calculatePattern;
+    private _redrawPattern;
     private redrawLine;
     setTransform(transform: ITransformModel): void;
-    ngOnDestroy(): void;
+    private _refresh;
     static ɵfac: i0.ɵɵFactoryDeclaration<FRectPatternComponent, never>;
     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

@@ -1,13 +1,11 @@
 import { IPoint } from '@foblex/2d';
 import { ElementRef, EventEmitter, InjectionToken } from '@angular/core';
 import { FCanvasChangeEvent } from './domain';
-import { FNodeBase } from '../f-node';
 import { IHasHostElement } from '../i-has-host-element';
 import * as i0 from "@angular/core";
 export declare const F_CANVAS: InjectionToken<FCanvasBase>;
 export declare abstract class FCanvasBase implements IHasHostElement {
     abstract fCanvasChange: EventEmitter<FCanvasChangeEvent>;
-    abstract fNodes: FNodeBase[];
     abstract hostElement: HTMLElement;
     abstract fGroupsContainer: ElementRef<HTMLElement>;
     abstract fNodesContainer: ElementRef<HTMLElement>;

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

@@ -1,33 +1,27 @@
-import { ElementRef, EventEmitter, OnInit } from "@angular/core";
+import { ElementRef, EventEmitter, OnDestroy, OnInit } from "@angular/core";
 import { FCanvasBase } from './f-canvas-base';
 import { IPoint } from '@foblex/2d';
 import { FCanvasChangeEvent } from './domain';
-import { FComponentsStore } from '../f-storage';
-import { FNodeBase } from '../f-node';
-import { FMediator } from '@foblex/mediator';
 import * as i0 from "@angular/core";
-export declare class FCanvasComponent extends FCanvasBase implements OnInit {
-    private elementReference;
-    private fMediator;
-    private fComponentsStore;
+export declare class FCanvasComponent extends FCanvasBase implements OnInit, OnDestroy {
+    private _elementReference;
     fCanvasChange: EventEmitter<FCanvasChangeEvent>;
     set position(value: IPoint | undefined);
     set scale(value: number | undefined);
-    get fNodes(): FNodeBase[];
     get hostElement(): HTMLElement;
     fGroupsContainer: ElementRef<HTMLElement>;
     fNodesContainer: ElementRef<HTMLElement>;
     fConnectionsContainer: ElementRef<HTMLElement>;
-    constructor(elementReference: ElementRef<HTMLElement>, fMediator: FMediator, fComponentsStore: FComponentsStore);
+    private _fMediator;
     ngOnInit(): void;
     redraw(): void;
     redrawWithAnimation(): void;
-    private isMobile;
     centerGroupOrNode(id: string, animated?: boolean): void;
     fitToScreen(toCenter?: IPoint, animated?: boolean): void;
     resetScaleAndCenter(animated?: boolean): void;
     setZoom(scale: number, toPosition?: IPoint): void;
     resetZoom(): void;
+    ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FCanvasComponent, never>;
     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

@@ -1,6 +1,5 @@
 import { ElementRef } from '@angular/core';
 import { ILine, IPoint } from '@foblex/2d';
-import { Subject } from 'rxjs';
 import { EFConnectionBehavior } from './e-f-connection-behavior';
 import { EFConnectionType } from './e-f-connection-type';
 import { IHasConnectionColor } from './i-has-connection-color';
@@ -11,7 +10,6 @@ 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 { EFConnectableSide } from '../../f-connectors';
 import { FConnectionFactory } from '../f-connection-builder';
 import { IHasHostElement } from '../../i-has-host-element';
@@ -22,7 +20,7 @@ declare const MIXIN_BASE: import("../../mixins").Constructor<ICanChangeSelection
         hostElement: HTMLElement;
     };
 };
-export declare abstract class FConnectionBase extends MIXIN_BASE implements IHasHostElement, ICanChangeSelection, ICanChangeVisibility, IHasStateChanges, IHasConnectionColor, IHasConnectionFromTo, IHasConnectionText {
+export declare abstract class FConnectionBase extends MIXIN_BASE implements IHasHostElement, ICanChangeSelection, ICanChangeVisibility, IHasConnectionColor, IHasConnectionFromTo, IHasConnectionText {
     private cFactory;
     abstract fId: string;
     abstract fStartColor: string;
@@ -33,12 +31,11 @@ export declare abstract class FConnectionBase extends MIXIN_BASE implements IHas
     abstract fOffset: number;
     path: string;
     line: ILine;
-    readonly stateChanges: Subject<void>;
     abstract fDraggingDisabled: boolean;
     abstract fSelectionDisabled: boolean;
     abstract boundingElement: HTMLElement | SVGElement;
     abstract fBehavior: EFConnectionBehavior;
-    abstract fType: EFConnectionType;
+    abstract fType: EFConnectionType | string;
     abstract fDefs: ElementRef<SVGDefsElement>;
     abstract fPath: IConnectionPath;
     abstract fGradient: IConnectionGradient;
@@ -46,6 +43,7 @@ export declare abstract class FConnectionBase extends MIXIN_BASE implements IHas
     abstract fSelection: FConnectionSelectionComponent;
     abstract fTextComponent: IConnectionText;
     abstract fText: string;
+    abstract fTextStartOffset: string;
     abstract fConnectionCenter: ElementRef<HTMLDivElement>;
     private penultimatePoint;
     protected constructor(elementReference: ElementRef<HTMLElement>, cFactory: FConnectionFactory);

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

@@ -9,7 +9,7 @@ export declare class FConnectionDragHandleComponent implements IHasHostElement {
     get hostElement(): SVGCircleElement;
     constructor(elementReference: ElementRef<SVGCircleElement>);
     redraw(penultimatePoint: IPoint, endPoint: IPoint): void;
-    private calculateCircleCenter;
+    private _calculateCircleCenter;
     static ɵfac: i0.ɵɵFactoryDeclaration<FConnectionDragHandleComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<FConnectionDragHandleComponent, "circle[f-connection-drag-handle]", never, {}, {}, never, never, false, never>;
 }

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

@@ -1,3 +1,4 @@
 export interface IHasConnectionText {
     fText: string;
+    fTextStartOffset: string;
 }

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

@@ -1,44 +1,23 @@
-import { ElementRef, OnDestroy, OnInit, QueryList } from "@angular/core";
+import { ElementRef, OnChanges, OnDestroy, OnInit, QueryList } from "@angular/core";
 import { FConnectionDragHandleComponent, FConnectionSelectionComponent, IConnectionGradient, IConnectionPath, IConnectionText } from '../common';
 import { EFConnectionBehavior } from '../common';
 import { EFConnectionType } from '../common';
-import { FComponentsStore } from '../../f-storage';
 import { FConnectionCenterDirective } from '../f-connection-center';
 import { FConnectionFactory } from '../f-connection-builder';
 import { FConnectionBase } from '../common/f-connection-base';
-import { FMediator } from '@foblex/mediator';
 import * as i0 from "@angular/core";
-export declare class FConnectionComponent extends FConnectionBase implements OnInit, OnDestroy {
-    private fComponentsStore;
-    private fMediator;
+export declare class FConnectionComponent extends FConnectionBase implements OnInit, OnChanges, OnDestroy {
     fId: string;
-    private _fText;
-    set fText(value: string);
-    get fText(): string;
-    private _fStartColor;
-    set fStartColor(value: string);
-    get fStartColor(): string;
-    private _fEndColor;
-    set fEndColor(value: string);
-    get fEndColor(): string;
-    private _fOutputId;
-    set fOutputId(value: string);
-    get fOutputId(): string;
-    private _fInputId;
-    set fInputId(value: string);
-    get fInputId(): string;
-    private _fRadius;
-    set fRadius(value: number);
-    get fRadius(): number;
-    private _fOffset;
-    set fOffset(value: number);
-    get fOffset(): number;
-    private _behavior;
-    set fBehavior(value: string | EFConnectionBehavior);
-    get fBehavior(): EFConnectionBehavior;
-    private _type;
-    set fType(value: EFConnectionType | string);
-    get fType(): EFConnectionType;
+    fText: string;
+    fTextStartOffset: string;
+    fStartColor: string;
+    fEndColor: string;
+    fOutputId: string;
+    fInputId: string;
+    fRadius: number;
+    fOffset: number;
+    fBehavior: EFConnectionBehavior;
+    fType: EFConnectionType | string;
     fDraggingDisabled: boolean;
     fSelectionDisabled: boolean;
     fDefs: ElementRef<SVGDefsElement>;
@@ -50,9 +29,12 @@ export declare class FConnectionComponent extends FConnectionBase implements OnI
     fConnectionCenter: ElementRef<HTMLDivElement>;
     fConnectionCenters: QueryList<FConnectionCenterDirective>;
     get boundingElement(): HTMLElement | SVGElement;
-    constructor(elementReference: ElementRef<HTMLElement>, fConnectionFactory: FConnectionFactory, fComponentsStore: FComponentsStore, fMediator: FMediator);
+    private _fMediator;
+    constructor(elementReference: ElementRef<HTMLElement>, fConnectionFactory: FConnectionFactory);
     ngOnInit(): void;
+    ngOnChanges(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FConnectionComponent, never>;
-    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>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FConnectionComponent, "f-connection", ["fComponent"], { "fId": { "alias": "fConnectionId"; "required": false; }; "fText": { "alias": "fText"; "required": false; }; "fTextStartOffset": { "alias": "fTextStartOffset"; "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>;
+    static ngAcceptInputType_fBehavior: unknown;
 }

package/f-connection/f-connection-builder/i-f-connection-factory-request.d.ts

@@ -1,6 +1,6 @@
 import { EFConnectionType } from '../common';
 import { IFConnectionBuilderRequest } from './i-f-connection-builder-request';
 export interface IFConnectionFactoryRequest {
-    type: EFConnectionType;
+    type: EFConnectionType | string;
     payload: IFConnectionBuilderRequest;
 }

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

@@ -1,36 +1,23 @@
-import { AfterViewInit, ElementRef, OnDestroy, OnInit, QueryList } from "@angular/core";
+import { AfterViewInit, ElementRef, OnChanges, OnDestroy, OnInit, QueryList } from "@angular/core";
 import { FConnectionDragHandleComponent, FConnectionSelectionComponent, IConnectionGradient, IConnectionPath, IConnectionText } from '../common';
 import { EFConnectionBehavior } from '../common';
 import { EFConnectionType } from '../common';
 import { FConnectionCenterDirective } from '../f-connection-center';
 import { FConnectionFactory } from '../f-connection-builder';
-import { FComponentsStore } from '../../f-storage';
 import { FConnectionBase } from '../common/f-connection-base';
 import * as i0 from "@angular/core";
-export declare class FConnectionForCreateComponent extends FConnectionBase implements AfterViewInit, OnInit, OnDestroy {
-    private fComponentsStore;
+export declare class FConnectionForCreateComponent extends FConnectionBase implements AfterViewInit, OnInit, OnChanges, OnDestroy {
     fId: string;
     fText: string;
-    private _fStartColor;
-    set fStartColor(value: string);
-    get fStartColor(): string;
-    private _fEndColor;
-    set fEndColor(value: string);
-    get fEndColor(): string;
+    fTextStartOffset: string;
+    fStartColor: string;
+    fEndColor: string;
     fOutputId: string;
     fInputId: string;
-    private _fRadius;
-    set fRadius(value: number);
-    get fRadius(): number;
-    private _fOffset;
-    set fOffset(value: number);
-    get fOffset(): number;
-    private _behavior;
-    set fBehavior(value: EFConnectionBehavior | string);
-    get fBehavior(): EFConnectionBehavior;
-    private _type;
-    set fType(value: EFConnectionType | string);
-    get fType(): EFConnectionType;
+    fRadius: number;
+    fOffset: number;
+    fBehavior: EFConnectionBehavior;
+    fType: EFConnectionType | string;
     fDraggingDisabled: boolean;
     fSelectionDisabled: boolean;
     fDefs: ElementRef<SVGDefsElement>;
@@ -42,10 +29,13 @@ export declare class FConnectionForCreateComponent extends FConnectionBase imple
     fConnectionCenter: ElementRef<HTMLDivElement>;
     fConnectionCenters: QueryList<FConnectionCenterDirective>;
     get boundingElement(): HTMLElement | SVGElement;
-    constructor(elementReference: ElementRef<HTMLElement>, fConnectionFactory: FConnectionFactory, fComponentsStore: FComponentsStore);
+    private _fMediator;
+    constructor(elementReference: ElementRef<HTMLElement>, fConnectionFactory: FConnectionFactory);
     ngOnInit(): void;
     ngAfterViewInit(): void;
+    ngOnChanges(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FConnectionForCreateComponent, never>;
     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>;
+    static ngAcceptInputType_fBehavior: unknown;
 }