@ng-atomic/components 19.25.0 → 19.26.0

package/fesm2022/ng-atomic-components-frames-card.mjs

@@ -1,19 +1,17 @@
-import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
 import { ChangeDetectionStrategy, Component } from '@angular/core';
 import * as i1 from '@angular/material/card';
 import { MatCardModule } from '@angular/material/card';
 
 class CardFrame {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: CardFrame, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.5", type: CardFrame, isStandalone: true, selector: "frames-card", ngImport: i0, template: `<mat-card><ng-content></ng-content></mat-card>`, isInline: true, styles: [":host{display:block;--background-color: rgba(255, 255, 255, .6);--background-color-SCOPED-IN-columns-0p8U: var(--background-color)}:host{display:block}:host mat-card{background-color:var(--background-color-SCOPED-IN-columns-0p8U);display:flex;justify-content:center;align-items:center;flex-direction:column;padding:24px;box-sizing:border-box;width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i1.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: CardFrame, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.6", type: CardFrame, isStandalone: true, selector: "frames-card", ngImport: i0, template: `<mat-card><ng-content></ng-content></mat-card>`, isInline: true, styles: [":host{display:block;--background-color: rgba(255, 255, 255, .6);--background-color-SCOPED-IN-columns-AQHx: var(--background-color)}:host{display:block}:host mat-card{background-color:var(--background-color-SCOPED-IN-columns-AQHx);display:flex;justify-content:center;align-items:center;flex-direction:column;padding:24px;box-sizing:border-box;width:100%}\n"], dependencies: [{ kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i1.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: CardFrame, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: CardFrame, decorators: [{
             type: Component,
             args: [{ selector: 'frames-card', imports: [
-                        CommonModule,
-                        MatCardModule,
-                    ], template: `<mat-card><ng-content></ng-content></mat-card>`, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;--background-color: rgba(255, 255, 255, .6);--background-color-SCOPED-IN-columns-0p8U: var(--background-color)}:host{display:block}:host mat-card{background-color:var(--background-color-SCOPED-IN-columns-0p8U);display:flex;justify-content:center;align-items:center;flex-direction:column;padding:24px;box-sizing:border-box;width:100%}\n"] }]
+                        MatCardModule
+                    ], template: `<mat-card><ng-content></ng-content></mat-card>`, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;--background-color: rgba(255, 255, 255, .6);--background-color-SCOPED-IN-columns-AQHx: var(--background-color)}:host{display:block}:host mat-card{background-color:var(--background-color-SCOPED-IN-columns-AQHx);display:flex;justify-content:center;align-items:center;flex-direction:column;padding:24px;box-sizing:border-box;width:100%}\n"] }]
         }] });
 
 /**

package/fesm2022/ng-atomic-components-frames-card.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-frames-card.mjs","sources":["../tmp-esm2022/frames/card/card.frame.js","../tmp-esm2022/frames/card/ng-atomic-components-frames-card.js"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component } from '@angular/core';\nimport { MatCardModule } from '@angular/material/card';\nimport * as i0 from \"@angular/core\";\nimport * as i1 from \"@angular/material/card\";\nexport class CardFrame {\n    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.0.5\", ngImport: i0, type: CardFrame, deps: [], target: i0.ɵɵFactoryTarget.Component }); }\n    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"20.0.5\", type: CardFrame, isStandalone: true, selector: \"frames-card\", ngImport: i0, template: `<mat-card><ng-content></ng-content></mat-card>`, isInline: true, styles: [\":host{display:block;--background-color: rgba(255, 255, 255, .6);--background-color-SCOPED-IN-columns-0p8U: var(--background-color)}:host{display:block}:host mat-card{background-color:var(--background-color-SCOPED-IN-columns-0p8U);display:flex;justify-content:center;align-items:center;flex-direction:column;padding:24px;box-sizing:border-box;width:100%}\\n\"], dependencies: [{ kind: \"ngmodule\", type: CommonModule }, { kind: \"ngmodule\", type: MatCardModule }, { kind: \"component\", type: i1.MatCard, selector: \"mat-card\", inputs: [\"appearance\"], exportAs: [\"matCard\"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.0.5\", ngImport: i0, type: CardFrame, decorators: [{\n            type: Component,\n            args: [{ selector: 'frames-card', imports: [\n                        CommonModule,\n                        MatCardModule,\n                    ], template: `<mat-card><ng-content></ng-content></mat-card>`, changeDetection: ChangeDetectionStrategy.OnPush, styles: [\":host{display:block;--background-color: rgba(255, 255, 255, .6);--background-color-SCOPED-IN-columns-0p8U: var(--background-color)}:host{display:block}:host mat-card{background-color:var(--background-color-SCOPED-IN-columns-0p8U);display:flex;justify-content:center;align-items:center;flex-direction:column;padding:24px;box-sizing:border-box;width:100%}\\n\"] }]\n        }] });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC5mcmFtZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL0BuZy1hdG9taWMvY29tcG9uZW50cy9zcmMvbGliL2ZyYW1lcy9jYXJkL2NhcmQuZnJhbWUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDbkUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFDOzs7QUFZdkQsTUFBTSxPQUFPLFNBQVM7OEdBQVQsU0FBUztrR0FBVCxTQUFTLHVFQUpSLGdEQUFnRCw0YUFIdEQsWUFBWSw4QkFDWixhQUFhOzsyRkFNUixTQUFTO2tCQVZyQixTQUFTOytCQUNJLGFBQWEsV0FDZDt3QkFDTCxZQUFZO3dCQUNaLGFBQWE7cUJBQ2hCLFlBQ1MsZ0RBQWdELG1CQUV6Qyx1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1hdENhcmRNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9jYXJkJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdmcmFtZXMtY2FyZCcsXG4gICAgaW1wb3J0czogW1xuICAgICAgICBDb21tb25Nb2R1bGUsXG4gICAgICAgIE1hdENhcmRNb2R1bGUsXG4gICAgXSxcbiAgICB0ZW1wbGF0ZTogYDxtYXQtY2FyZD48bmctY29udGVudD48L25nLWNvbnRlbnQ+PC9tYXQtY2FyZD5gLFxuICAgIHN0eWxlVXJsczogWycuL2NhcmQuZnJhbWUuc2NzcyddLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIENhcmRGcmFtZSB7IH1cbiJdfQ==","/**\n * Generated bundle index. Do not edit.\n */\nexport * from './index';\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctYXRvbWljLWNvbXBvbmVudHMtZnJhbWVzLWNhcmQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9AbmctYXRvbWljL2NvbXBvbmVudHMvc3JjL2xpYi9mcmFtZXMvY2FyZC9uZy1hdG9taWMtY29tcG9uZW50cy1mcmFtZXMtY2FyZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ=="],"names":[],"mappings":";;;;;;AAKO,MAAM,SAAS,CAAC;AACvB,IAAI,SAAS,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,kBAAkB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,CAAC,eAAe,CAAC,SAAS,EAAE,CAAC,CAAC;AAC3K,IAAI,SAAS,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,oBAAoB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,aAAa,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,8CAA8C,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,qWAAqW,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,aAAa,EAAE,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,CAAC,YAAY,CAAC,EAAE,QAAQ,EAAE,CAAC,SAAS,CAAC,EAAE,CAAC,EAAE,eAAe,EAAE,EAAE,CAAC,uBAAuB,CAAC,MAAM,EAAE,CAAC,CAAC;AAC92B;AACA,EAAE,CAAC,wBAAwB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,UAAU,EAAE,CAAC;AACnH,YAAY,IAAI,EAAE,SAAS;AAC3B,YAAY,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,aAAa,EAAE,OAAO,EAAE;AACvD,wBAAwB,YAAY;AACpC,wBAAwB,aAAa;AACrC,qBAAqB,EAAE,QAAQ,EAAE,CAAC,8CAA8C,CAAC,EAAE,eAAe,EAAE,uBAAuB,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,qWAAqW,CAAC,EAAE;AACrf,SAAS,CAAC,EAAE,CAAC;;ACfb;AACA;AACA;;;;"}
+{"version":3,"file":"ng-atomic-components-frames-card.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/frames/card/card.frame.ts","../../../../../packages/@ng-atomic/components/src/lib/frames/card/ng-atomic-components-frames-card.ts"],"sourcesContent":["\nimport { ChangeDetectionStrategy, Component } from '@angular/core';\nimport { MatCardModule } from '@angular/material/card';\n\n@Component({\n    selector: 'frames-card',\n    imports: [\n    MatCardModule\n],\n    template: `<mat-card><ng-content></ng-content></mat-card>`,\n    styleUrls: ['./card.frame.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class CardFrame { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;MAaa,SAAS,CAAA;8GAAT,SAAS,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAT,SAAS,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,aAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAJR,CAAA,8CAAA,CAAgD,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,qWAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAF1D,aAAa,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,YAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAMJ,SAAS,EAAA,UAAA,EAAA,CAAA;kBATrB,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,aAAa,EAAA,OAAA,EACd;wBACT;AACH,qBAAA,EAAA,QAAA,EACa,CAAA,8CAAA,CAAgD,EAAA,eAAA,EAEzC,uBAAuB,CAAC,MAAM,EAAA,MAAA,EAAA,CAAA,qWAAA,CAAA,EAAA;;;ACXnD;;AAEG;;;;"}

package/fesm2022/ng-atomic-components-frames-columns.mjs

@@ -10,7 +10,7 @@ let ColumnsFrameStore = class ColumnsFrameStore extends InjectableComponent {
     constructor() {
         super(...arguments);
         this.config = ColumnsFrameStore_1.Config.inject();
-        this.type = input(_computed(() => this.config().type));
+        this.type = input(_computed(() => this.config().type), ...(ngDevMode ? [{ debugName: "type" }] : []));
     }
     static { ColumnsFrameStore_1 = this; }
     static { this.Config = makeConfig(() => (context) => {
@@ -23,26 +23,26 @@ let ColumnsFrameStore = class ColumnsFrameStore extends InjectableComponent {
         };
         return { type: getType() };
     }, ['components', 'frames', 'columns']); }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: ColumnsFrameStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.0.5", type: ColumnsFrameStore, isStandalone: true, selector: "frames-columns", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: ColumnsFrameStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.6", type: ColumnsFrameStore, isStandalone: true, selector: "frames-columns", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
 };
 ColumnsFrameStore = ColumnsFrameStore_1 = __decorate([
     TokenizedType()
 ], ColumnsFrameStore);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: ColumnsFrameStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: ColumnsFrameStore, decorators: [{
             type: Directive,
             args: [{ standalone: true, selector: 'frames-columns' }]
-        }] });
+        }], propDecorators: { type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }] } });
 class LeftColumn {
     constructor() {
         this.platformId = inject(PLATFORM_ID);
         this.isPlatformBrowser = isPlatformBrowser(this.platformId);
         this.templateRef = inject((TemplateRef));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: LeftColumn, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.5", type: LeftColumn, isStandalone: true, selector: "[left], [leftColumn]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: LeftColumn, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.6", type: LeftColumn, isStandalone: true, selector: "[left], [leftColumn]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: LeftColumn, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: LeftColumn, decorators: [{
             type: Directive,
             args: [{ standalone: true, selector: '[left], [leftColumn]' }]
         }] });
@@ -52,10 +52,10 @@ class MainColumn {
         this.isPlatformBrowser = isPlatformBrowser(this.platformId);
         this.templateRef = inject((TemplateRef));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: MainColumn, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.5", type: MainColumn, isStandalone: true, selector: "[main], [mainColumn]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: MainColumn, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.6", type: MainColumn, isStandalone: true, selector: "[main], [mainColumn]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: MainColumn, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: MainColumn, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,
@@ -68,10 +68,10 @@ class RightColumn {
         this.isPlatformBrowser = isPlatformBrowser(this.platformId);
         this.templateRef = inject((TemplateRef));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: RightColumn, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.5", type: RightColumn, isStandalone: true, selector: "[right], [rightColumn]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: RightColumn, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.6", type: RightColumn, isStandalone: true, selector: "[right], [rightColumn]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: RightColumn, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: RightColumn, decorators: [{
             type: Directive,
             args: [{ standalone: true, selector: '[right], [rightColumn]' }]
         }] });
@@ -80,12 +80,12 @@ class ColumnsFrame extends NgAtomicComponent {
         super(...arguments);
         this.platformId = inject(PLATFORM_ID);
         this.store = inject(ColumnsFrameStore);
-        this.left = contentChild(LeftColumn);
-        this.main = contentChild(MainColumn);
-        this.right = contentChild(RightColumn);
+        this.left = contentChild(LeftColumn, ...(ngDevMode ? [{ debugName: "left" }] : []));
+        this.main = contentChild(MainColumn, ...(ngDevMode ? [{ debugName: "main" }] : []));
+        this.right = contentChild(RightColumn, ...(ngDevMode ? [{ debugName: "right" }] : []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: ColumnsFrame, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.5", type: ColumnsFrame, isStandalone: true, selector: "frames-columns", host: { properties: { "attr.type": "store.type()" } }, queries: [{ propertyName: "left", first: true, predicate: LeftColumn, descendants: true, isSignal: true }, { propertyName: "main", first: true, predicate: MainColumn, descendants: true, isSignal: true }, { propertyName: "right", first: true, predicate: RightColumn, descendants: true, isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: ColumnsFrameStore, inputs: ["type", "type"] }], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: ColumnsFrame, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.6", type: ColumnsFrame, isStandalone: true, selector: "frames-columns", host: { properties: { "attr.type": "store.type()" } }, queries: [{ propertyName: "left", first: true, predicate: LeftColumn, descendants: true, isSignal: true }, { propertyName: "main", first: true, predicate: MainColumn, descendants: true, isSignal: true }, { propertyName: "right", first: true, predicate: RightColumn, descendants: true, isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: ColumnsFrameStore, inputs: ["type", "type"] }], ngImport: i0, template: `
     @if(left()?.templateRef && left()?.isPlatformBrowser) {
       <div class="left container">
         <ng-container [ngTemplateOutlet]="left()?.templateRef" />
@@ -103,9 +103,9 @@ class ColumnsFrame extends NgAtomicComponent {
         <ng-container [ngTemplateOutlet]="right()?.templateRef" />
       </div>
     }
-  `, isInline: true, styles: [":host{display:block;--side-width: 360px;--side-width-SCOPED-IN-columns-cdFS: var(--side-width)}:host{display:flex;flex-direction:row;justify-content:space-between;width:100%;height:100%}:host[type=row]{flex-direction:row;justify-content:space-between}:host[type=row] .container{width:100%}:host[type=row] .container.left{max-width:var(--side-width-SCOPED-IN-columns-cdFS)}:host[type=row] .container.right{max-width:var(--side-width-SCOPED-IN-columns-cdFS)}:host[type=column]{flex-direction:column;justify-content:flex-start}:host[type=column] .container.main{width:100%}:host[type=column] .container.left{width:100%}:host[type=column] .container.right{width:100%}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{display:block;--side-width: 360px;--side-width-SCOPED-IN-columns-UZQS: var(--side-width)}:host{display:flex;flex-direction:row;justify-content:space-between;width:100%;height:100%}:host[type=row]{flex-direction:row;justify-content:space-between}:host[type=row] .container{width:100%}:host[type=row] .container.left{max-width:var(--side-width-SCOPED-IN-columns-UZQS)}:host[type=row] .container.right{max-width:var(--side-width-SCOPED-IN-columns-UZQS)}:host[type=column]{flex-direction:column;justify-content:flex-start}:host[type=column] .container.main{width:100%}:host[type=column] .container.left{width:100%}:host[type=column] .container.right{width:100%}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: ColumnsFrame, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: ColumnsFrame, decorators: [{
             type: Component,
             args: [{ selector: 'frames-columns', imports: [
                         NgTemplateOutlet,
@@ -134,14 +134,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImpor
                         }
                     ], host: {
                         '[attr.type]': 'store.type()',
-                    }, styles: [":host{display:block;--side-width: 360px;--side-width-SCOPED-IN-columns-cdFS: var(--side-width)}:host{display:flex;flex-direction:row;justify-content:space-between;width:100%;height:100%}:host[type=row]{flex-direction:row;justify-content:space-between}:host[type=row] .container{width:100%}:host[type=row] .container.left{max-width:var(--side-width-SCOPED-IN-columns-cdFS)}:host[type=row] .container.right{max-width:var(--side-width-SCOPED-IN-columns-cdFS)}:host[type=column]{flex-direction:column;justify-content:flex-start}:host[type=column] .container.main{width:100%}:host[type=column] .container.left{width:100%}:host[type=column] .container.right{width:100%}\n"] }]
-        }] });
+                    }, styles: [":host{display:block;--side-width: 360px;--side-width-SCOPED-IN-columns-UZQS: var(--side-width)}:host{display:flex;flex-direction:row;justify-content:space-between;width:100%;height:100%}:host[type=row]{flex-direction:row;justify-content:space-between}:host[type=row] .container{width:100%}:host[type=row] .container.left{max-width:var(--side-width-SCOPED-IN-columns-UZQS)}:host[type=row] .container.right{max-width:var(--side-width-SCOPED-IN-columns-UZQS)}:host[type=column]{flex-direction:column;justify-content:flex-start}:host[type=column] .container.main{width:100%}:host[type=column] .container.left{width:100%}:host[type=column] .container.right{width:100%}\n"] }]
+        }], propDecorators: { left: [{ type: i0.ContentChild, args: [i0.forwardRef(() => LeftColumn), { isSignal: true }] }], main: [{ type: i0.ContentChild, args: [i0.forwardRef(() => MainColumn), { isSignal: true }] }], right: [{ type: i0.ContentChild, args: [i0.forwardRef(() => RightColumn), { isSignal: true }] }] } });
 class ColumnsFrameModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: ColumnsFrameModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.5", ngImport: i0, type: ColumnsFrameModule, imports: [ColumnsFrame, LeftColumn, MainColumn, RightColumn], exports: [ColumnsFrame, LeftColumn, MainColumn, RightColumn] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: ColumnsFrameModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: ColumnsFrameModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.6", ngImport: i0, type: ColumnsFrameModule, imports: [ColumnsFrame, LeftColumn, MainColumn, RightColumn], exports: [ColumnsFrame, LeftColumn, MainColumn, RightColumn] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: ColumnsFrameModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: ColumnsFrameModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: ColumnsFrameModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/fesm2022/ng-atomic-components-frames-columns.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-frames-columns.mjs","sources":["../tmp-esm2022/frames/columns/columns.frame.js","../tmp-esm2022/frames/columns/ng-atomic-components-frames-columns.js"],"sourcesContent":["var ColumnsFrameStore_1;\nimport { __decorate } from \"tslib\";\nimport { isPlatformBrowser, NgTemplateOutlet } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Directive, NgModule, PLATFORM_ID, TemplateRef, contentChild, inject, input } from '@angular/core';\nimport { makeConfig } from '@ng-atomic/common/services/ui';\nimport { InjectableComponent, NgAtomicComponent, TokenizedType, _computed } from '@ng-atomic/core';\nimport * as i0 from \"@angular/core\";\nlet ColumnsFrameStore = class ColumnsFrameStore extends InjectableComponent {\n    constructor() {\n        super(...arguments);\n        this.config = ColumnsFrameStore_1.Config.inject();\n        this.type = input(_computed(() => this.config().type));\n    }\n    static { ColumnsFrameStore_1 = this; }\n    static { this.Config = makeConfig(() => (context) => {\n        const getType = () => {\n            switch (context.breakpoint) {\n                case 'xSmall':\n                case 'small': return 'column';\n                default: return 'row';\n            }\n        };\n        return { type: getType() };\n    }, ['components', 'frames', 'columns']); }\n    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.0.5\", ngImport: i0, type: ColumnsFrameStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }\n    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: \"17.1.0\", version: \"20.0.5\", type: ColumnsFrameStore, isStandalone: true, selector: \"frames-columns\", inputs: { type: { classPropertyName: \"type\", publicName: \"type\", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }\n};\nColumnsFrameStore = ColumnsFrameStore_1 = __decorate([\n    TokenizedType()\n], ColumnsFrameStore);\nexport { ColumnsFrameStore };\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.0.5\", ngImport: i0, type: ColumnsFrameStore, decorators: [{\n            type: Directive,\n            args: [{ standalone: true, selector: 'frames-columns' }]\n        }] });\nexport class LeftColumn {\n    constructor() {\n        this.platformId = inject(PLATFORM_ID);\n        this.isPlatformBrowser = isPlatformBrowser(this.platformId);\n        this.templateRef = inject((TemplateRef));\n    }\n    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.0.5\", ngImport: i0, type: LeftColumn, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }\n    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: \"14.0.0\", version: \"20.0.5\", type: LeftColumn, isStandalone: true, selector: \"[left], [leftColumn]\", ngImport: i0 }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.0.5\", ngImport: i0, type: LeftColumn, decorators: [{\n            type: Directive,\n            args: [{ standalone: true, selector: '[left], [leftColumn]' }]\n        }] });\nexport class MainColumn {\n    constructor() {\n        this.platformId = inject(PLATFORM_ID);\n        this.isPlatformBrowser = isPlatformBrowser(this.platformId);\n        this.templateRef = inject((TemplateRef));\n    }\n    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.0.5\", ngImport: i0, type: MainColumn, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }\n    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: \"14.0.0\", version: \"20.0.5\", type: MainColumn, isStandalone: true, selector: \"[main], [mainColumn]\", ngImport: i0 }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.0.5\", ngImport: i0, type: MainColumn, decorators: [{\n            type: Directive,\n            args: [{\n                    standalone: true,\n                    selector: '[main], [mainColumn]',\n                }]\n        }] });\nexport class RightColumn {\n    constructor() {\n        this.platformId = inject(PLATFORM_ID);\n        this.isPlatformBrowser = isPlatformBrowser(this.platformId);\n        this.templateRef = inject((TemplateRef));\n    }\n    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.0.5\", ngImport: i0, type: RightColumn, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }\n    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: \"14.0.0\", version: \"20.0.5\", type: RightColumn, isStandalone: true, selector: \"[right], [rightColumn]\", ngImport: i0 }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.0.5\", ngImport: i0, type: RightColumn, decorators: [{\n            type: Directive,\n            args: [{ standalone: true, selector: '[right], [rightColumn]' }]\n        }] });\nexport class ColumnsFrame extends NgAtomicComponent {\n    constructor() {\n        super(...arguments);\n        this.platformId = inject(PLATFORM_ID);\n        this.store = inject(ColumnsFrameStore);\n        this.left = contentChild(LeftColumn);\n        this.main = contentChild(MainColumn);\n        this.right = contentChild(RightColumn);\n    }\n    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.0.5\", ngImport: i0, type: ColumnsFrame, deps: null, target: i0.ɵɵFactoryTarget.Component }); }\n    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.0.0\", version: \"20.0.5\", type: ColumnsFrame, isStandalone: true, selector: \"frames-columns\", host: { properties: { \"attr.type\": \"store.type()\" } }, queries: [{ propertyName: \"left\", first: true, predicate: LeftColumn, descendants: true, isSignal: true }, { propertyName: \"main\", first: true, predicate: MainColumn, descendants: true, isSignal: true }, { propertyName: \"right\", first: true, predicate: RightColumn, descendants: true, isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: ColumnsFrameStore, inputs: [\"type\", \"type\"] }], ngImport: i0, template: `\n    @if(left()?.templateRef && left()?.isPlatformBrowser) {\n      <div class=\"left container\">\n        <ng-container [ngTemplateOutlet]=\"left()?.templateRef\" />\n      </div>\n    }\n\n    @if (main()?.templateRef && main()?.isPlatformBrowser) {\n      <main class=\"main container\">\n        <ng-container [ngTemplateOutlet]=\"main()?.templateRef\" />\n      </main>\n    }\n    \n    @if (right()?.templateRef && right()?.isPlatformBrowser) {\n      <div class=\"right container\">\n        <ng-container [ngTemplateOutlet]=\"right()?.templateRef\" />\n      </div>\n    }\n  `, isInline: true, styles: [\":host{display:block;--side-width: 360px;--side-width-SCOPED-IN-columns-cdFS: var(--side-width)}:host{display:flex;flex-direction:row;justify-content:space-between;width:100%;height:100%}:host[type=row]{flex-direction:row;justify-content:space-between}:host[type=row] .container{width:100%}:host[type=row] .container.left{max-width:var(--side-width-SCOPED-IN-columns-cdFS)}:host[type=row] .container.right{max-width:var(--side-width-SCOPED-IN-columns-cdFS)}:host[type=column]{flex-direction:column;justify-content:flex-start}:host[type=column] .container.main{width:100%}:host[type=column] .container.left{width:100%}:host[type=column] .container.right{width:100%}\\n\"], dependencies: [{ kind: \"directive\", type: NgTemplateOutlet, selector: \"[ngTemplateOutlet]\", inputs: [\"ngTemplateOutletContext\", \"ngTemplateOutlet\", \"ngTemplateOutletInjector\"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.0.5\", ngImport: i0, type: ColumnsFrame, decorators: [{\n            type: Component,\n            args: [{ selector: 'frames-columns', imports: [\n                        NgTemplateOutlet,\n                    ], template: `\n    @if(left()?.templateRef && left()?.isPlatformBrowser) {\n      <div class=\"left container\">\n        <ng-container [ngTemplateOutlet]=\"left()?.templateRef\" />\n      </div>\n    }\n\n    @if (main()?.templateRef && main()?.isPlatformBrowser) {\n      <main class=\"main container\">\n        <ng-container [ngTemplateOutlet]=\"main()?.templateRef\" />\n      </main>\n    }\n    \n    @if (right()?.templateRef && right()?.isPlatformBrowser) {\n      <div class=\"right container\">\n        <ng-container [ngTemplateOutlet]=\"right()?.templateRef\" />\n      </div>\n    }\n  `, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [\n                        {\n                            directive: ColumnsFrameStore,\n                            inputs: ['type'],\n                        }\n                    ], host: {\n                        '[attr.type]': 'store.type()',\n                    }, styles: [\":host{display:block;--side-width: 360px;--side-width-SCOPED-IN-columns-cdFS: var(--side-width)}:host{display:flex;flex-direction:row;justify-content:space-between;width:100%;height:100%}:host[type=row]{flex-direction:row;justify-content:space-between}:host[type=row] .container{width:100%}:host[type=row] .container.left{max-width:var(--side-width-SCOPED-IN-columns-cdFS)}:host[type=row] .container.right{max-width:var(--side-width-SCOPED-IN-columns-cdFS)}:host[type=column]{flex-direction:column;justify-content:flex-start}:host[type=column] .container.main{width:100%}:host[type=column] .container.left{width:100%}:host[type=column] .container.right{width:100%}\\n\"] }]\n        }] });\nexport class ColumnsFrameModule {\n    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.0.5\", ngImport: i0, type: ColumnsFrameModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }\n    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"20.0.5\", ngImport: i0, type: ColumnsFrameModule, imports: [ColumnsFrame, LeftColumn, MainColumn, RightColumn], exports: [ColumnsFrame, LeftColumn, MainColumn, RightColumn] }); }\n    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"20.0.5\", ngImport: i0, type: ColumnsFrameModule }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.0.5\", ngImport: i0, type: ColumnsFrameModule, decorators: [{\n            type: NgModule,\n            args: [{\n                    imports: [\n                        // ColumnsFrameStore,\n                        ColumnsFrame,\n                        LeftColumn,\n                        MainColumn,\n                        RightColumn,\n                    ],\n                    exports: [\n                        // ColumnsFrameStore,\n                        ColumnsFrame,\n                        LeftColumn,\n                        MainColumn,\n                        RightColumn,\n                    ]\n                }]\n        }] });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sdW1ucy5mcmFtZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL0BuZy1hdG9taWMvY29tcG9uZW50cy9zcmMvbGliL2ZyYW1lcy9jb2x1bW5zL2NvbHVtbnMuZnJhbWUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7QUFBQSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUN0RSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsV0FBVyxFQUFFLFdBQVcsRUFBRSxZQUFZLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMvSSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDM0QsT0FBTyxFQUFFLG1CQUFtQixFQUFFLGlCQUFpQixFQUFFLGFBQWEsRUFBRSxTQUFTLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7QUFJNUYsSUFBTSxpQkFBaUIsR0FBdkIsTUFBTSxpQkFBa0IsU0FBUSxtQkFBbUI7SUFBbkQ7O1FBV0ksV0FBTSxHQUFHLG1CQUFpQixDQUFDLE1BQU0sQ0FBQyxNQUFNLEVBQUUsQ0FBQztRQUMzQyxTQUFJLEdBQUcsS0FBSyxDQUFtQixTQUFTLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUM7S0FDOUU7O2FBWmlCLFdBQU0sR0FBRyxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsQ0FBQyxPQUFPLEVBQUUsRUFBRTtRQUNwRCxNQUFNLE9BQU8sR0FBRyxHQUFxQixFQUFFO1lBQ3JDLFFBQVEsT0FBTyxDQUFDLFVBQVUsRUFBRSxDQUFDO2dCQUMzQixLQUFLLFFBQVEsQ0FBQztnQkFDZCxLQUFLLE9BQU8sQ0FBQyxDQUFDLE9BQU8sUUFBUSxDQUFDO2dCQUM5QixPQUFP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QWxCLGtCQUFrQjsrR0FBbEIsa0JBQWtCLFlBeEJsQixZQUFZLEVBM0RaLFVBQVUsRUFVVixVQUFVLEVBT1YsV0FBVyxhQTBDWCxZQUFZLEVBM0RaLFVBQVUsRUFVVixVQUFVLEVBT1YsV0FBVzsrR0FrRVgsa0JBQWtCOzsyRkFBbEIsa0JBQWtCO2tCQWhCOUIsUUFBUTttQkFBQztvQkFDUixPQUFPLEVBQUU7d0JBQ1AscUJBQXFCO3dCQUNyQixZQUFZO3dCQUNaLFVBQVU7d0JBQ1YsVUFBVTt3QkFDVixXQUFXO3FCQUNaO29CQUNELE9BQU8sRUFBRTt3QkFDUCxxQkFBcUI7d0JBQ3JCLFlBQVk7d0JBQ1osVUFBVTt3QkFDVixVQUFVO3dCQUNWLFdBQVc7cUJBQ1o7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBpc1BsYXRmb3JtQnJvd3NlciwgTmdUZW1wbGF0ZU91dGxldCB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBEaXJlY3RpdmUsIE5nTW9kdWxlLCBQTEFURk9STV9JRCwgVGVtcGxhdGVSZWYsIGNvbnRlbnRDaGlsZCwgaW5qZWN0LCBpbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgbWFrZUNvbmZpZyB9IGZyb20gJ0BuZy1hdG9taWMvY29tbW9uL3NlcnZpY2VzL3VpJztcbmltcG9ydCB7IEluamVjdGFibGVDb21wb25lbnQsIE5nQXRvbWljQ29tcG9uZW50LCBUb2tlbml6ZWRUeXBlLCBfY29tcHV0ZWQgfSBmcm9tICdAbmctYXRvbWljL2NvcmUnO1xuXG5AVG9rZW5pemVkVHlwZSgpXG5ARGlyZWN0aXZlKHtzdGFuZGFsb25lOiB0cnVlLCBzZWxlY3RvcjogJ2ZyYW1lcy1jb2x1bW5zJ30pXG5leHBvcnQgY2xhc3MgQ29sdW1uc0ZyYW1lU3RvcmUgZXh0ZW5kcyBJbmplY3RhYmxlQ29tcG9uZW50IHtcbiAgc3RhdGljIHJlYWRvbmx5IENvbmZpZyA9IG1ha2VDb25maWcoKCkgPT4gKGNvbnRleHQpID0+IHtcbiAgICBjb25zdCBnZXRUeXBlID0gKCk6ICdyb3cnIHwgJ2NvbHVtbicgPT4ge1xuICAgICAgc3dpdGNoIChjb250ZXh0LmJyZWFrcG9pbnQpIHtcbiAgICAgICAgY2FzZSAneFNtYWxsJzpcbiAgICAgICAgY2FzZSAnc21hbGwnOiByZXR1cm4gJ2NvbHVtbic7XG4gICAgICAgIGRlZmF1bHQ6IHJldHVybiAncm93JztcbiAgICAgIH1cbiAgICB9XG4gICAgcmV0dXJuIHsgdHlwZTogZ2V0VHlwZSgpIH07XG4gIH0sIFsnY29tcG9uZW50cycsICdmcmFtZXMnLCAnY29sdW1ucyddKTtcbiAgcmVhZG9ubHkgY29uZmlnID0gQ29sdW1uc0ZyYW1lU3RvcmUuQ29uZmlnLmluamVjdCgpO1xuICByZWFkb25seSB0eXBlID0gaW5wdXQ8J3JvdycgfCAnY29sdW1uJz4oX2NvbXB1dGVkKCgpID0+IHRoaXMuY29uZmlnKCkudHlwZSkpO1xufVxuXG5ARGlyZWN0aXZlKHtzdGFuZGFsb25lOiB0cnVlLCBzZWxlY3RvcjogJ1tsZWZ0XSwgW2xlZnRDb2x1bW5dJ30pXG5leHBvcnQgY2xhc3MgTGVmdENvbHVtbiB7XG4gIHJlYWRvbmx5IHBsYXRmb3JtSWQgPSBpbmplY3QoUExBVEZPUk1fSUQpO1xuICByZWFkb25seSBpc1BsYXRmb3JtQnJvd3NlciA9IGlzUGxhdGZvcm1Ccm93c2VyKHRoaXMucGxhdGZvcm1JZCk7XG4gIHJlYWRvbmx5IHRlbXBsYXRlUmVmID0gaW5qZWN0KFRlbXBsYXRlUmVmPHVua25vd24+KVxufVxuXG5ARGlyZWN0aXZlKHtcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgc2VsZWN0b3I6ICdbbWFpbl0sIFttYWluQ29sdW1uXScsXG59KVxuZXhwb3J0IGNsYXNzIE1haW5Db2x1bW4ge1xuICByZWFkb25seSBwbGF0Zm9ybUlkID0gaW5qZWN0KFBMQVRGT1JNX0lEKTtcbiAgcmVhZG9ubHkgaXNQbGF0Zm9ybUJyb3dzZXIgPSBpc1BsYXRmb3JtQnJvd3Nlcih0aGlzLnBsYXRmb3JtSWQpO1xuICByZWFkb25seSB0ZW1wbGF0ZVJlZiA9IGluamVjdChUZW1wbGF0ZVJlZjx1bmtub3duPilcbn1cblxuQERpcmVjdGl2ZSh7c3RhbmRhbG9uZTogdHJ1ZSwgc2VsZWN0b3I6ICdbcmlnaHRdLCBbcmlnaHRDb2x1bW5dJ30pXG5leHBvcnQgY2xhc3MgUmlnaHRDb2x1bW4ge1xuICByZWFkb25seSBwbGF0Zm9ybUlkID0gaW5qZWN0KFBMQVRGT1JNX0lEKTtcbiAgcmVhZG9ubHkgaXNQbGF0Zm9ybUJyb3dzZXIgPSBpc1BsYXRmb3JtQnJvd3Nlcih0aGlzLnBsYXRmb3JtSWQpO1xuICByZWFkb25seSB0ZW1wbGF0ZVJlZiA9IGluamVjdChUZW1wbGF0ZVJlZjx1bmtub3duPilcbn1cblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdmcmFtZXMtY29sdW1ucycsXG4gICAgaW1wb3J0czogW1xuICAgICAgICBOZ1RlbXBsYXRlT3V0bGV0LFxuICAgIF0sXG4gICAgdGVtcGxhdGU6IGBcbiAgICBAaWYobGVmdCgpPy50ZW1wbGF0ZVJlZiAmJiBsZWZ0KCk/LmlzUGxhdGZvcm1Ccm93c2VyKSB7XG4gICAgICA8ZGl2IGNsYXNzPVwibGVmdCBjb250YWluZXJcIj5cbiAgICAgICAgPG5nLWNvbnRhaW5lciBbbmdUZW1wbGF0ZU91dGxldF09XCJsZWZ0KCk/LnRlbXBsYXRlUmVmXCIgLz5cbiAgICAgIDwvZGl2PlxuICAgIH1cblxuICAgIEBpZiAobWFpbigpPy50ZW1wbGF0ZVJlZiAmJiBtYWluKCk/LmlzUGxhdGZvcm1Ccm93c2VyKSB7XG4gICAgICA8bWFpbiBjbGFzcz1cIm1haW4gY29udGFpbmVyXCI+XG4gICAgICAgIDxuZy1jb250YWluZXIgW25nVGVtcGxhdGVPdXRsZXRdPVwibWFpbigpPy50ZW1wbGF0ZVJlZlwiIC8+XG4gICAgICA8L21haW4+XG4gICAgfVxuICAgIFxuICAgIEBpZiAocmlnaHQoKT8udGVtcGxhdGVSZWYgJiYgcmlnaHQoKT8uaXNQbGF0Zm9ybUJyb3dzZXIpIHtcbiAgICAgIDxkaXYgY2xhc3M9XCJyaWdodCBjb250YWluZXJcIj5cbiAgICAgICAgPG5nLWNvbnRhaW5lciBbbmdUZW1wbGF0ZU91dGxldF09XCJyaWdodCgpPy50ZW1wbGF0ZVJlZlwiIC8+XG4gICAgICA8L2Rpdj5cbiAgICB9XG4gIGAsXG4gICAgc3R5bGVVcmw6ICcuL2NvbHVtbnMuZnJhbWUuc2NzcycsXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgaG9zdERpcmVjdGl2ZXM6IFtcbiAgICAgICAge1xuICAgICAgICAgICAgZGlyZWN0aXZlOiBDb2x1bW5zRnJhbWVTdG9yZSxcbiAgICAgICAgICAgIGlucHV0czogWyd0eXBlJ10sXG4gICAgICAgIH1cbiAgICBdLFxuICAgIGhvc3Q6IHtcbiAgICAgICAgJ1thdHRyLnR5cGVdJzogJ3N0b3JlLnR5cGUoKScsXG4gICAgfVxufSlcbmV4cG9ydCBjbGFzcyBDb2x1bW5zRnJhbWUgZXh0ZW5kcyBOZ0F0b21pY0NvbXBvbmVudCB7XG4gIHByb3RlY3RlZCByZWFkb25seSBwbGF0Zm9ybUlkID0gaW5qZWN0KFBMQVRGT1JNX0lEKTtcbiAgcHJvdGVjdGVkIHJlYWRvbmx5IHN0b3JlID0gaW5qZWN0KENvbHVtbnNGcmFtZVN0b3JlKTtcbiAgcHJvdGVjdGVkIHJlYWRvbmx5IGxlZnQgPSBjb250ZW50Q2hpbGQoTGVmdENvbHVtbik7XG4gIHByb3RlY3RlZCByZWFkb25seSBtYWluID0gY29udGVudENoaWxkKE1haW5Db2x1bW4pO1xuICBwcm90ZWN0ZWQgcmVhZG9ubHkgcmlnaHQgPSBjb250ZW50Q2hpbGQoUmlnaHRDb2x1bW4pO1xufVxuXG5ATmdNb2R1bGUoe1xuICBpbXBvcnRzOiBbXG4gICAgLy8gQ29sdW1uc0ZyYW1lU3RvcmUsXG4gICAgQ29sdW1uc0ZyYW1lLFxuICAgIExlZnRDb2x1bW4sXG4gICAgTWFpbkNvbHVtbixcbiAgICBSaWdodENvbHVtbixcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIC8vIENvbHVtbnNGcmFtZVN0b3JlLFxuICAgIENvbHVtbnNGcmFtZSxcbiAgICBMZWZ0Q29sdW1uLFxuICAgIE1haW5Db2x1bW4sXG4gICAgUmlnaHRDb2x1bW4sXG4gIF1cbn0pXG5leHBvcnQgY2xhc3MgQ29sdW1uc0ZyYW1lTW9kdWxlIHsgfVxuIl19","/**\n * Generated bundle index. Do not edit.\n */\nexport * from './index';\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctYXRvbWljLWNvbXBvbmVudHMtZnJhbWVzLWNvbHVtbnMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9AbmctYXRvbWljL2NvbXBvbmVudHMvc3JjL2xpYi9mcmFtZXMvY29sdW1ucy9uZy1hdG9taWMtY29tcG9uZW50cy1mcmFtZXMtY29sdW1ucy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ=="],"names":[],"mappings":"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"}
+{"version":3,"file":"ng-atomic-components-frames-columns.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/frames/columns/columns.frame.ts","../../../../../packages/@ng-atomic/components/src/lib/frames/columns/ng-atomic-components-frames-columns.ts"],"sourcesContent":["import { isPlatformBrowser, NgTemplateOutlet } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Directive, NgModule, PLATFORM_ID, TemplateRef, contentChild, inject, input } from '@angular/core';\nimport { makeConfig } from '@ng-atomic/common/services/ui';\nimport { InjectableComponent, NgAtomicComponent, TokenizedType, _computed } from '@ng-atomic/core';\n\n@TokenizedType()\n@Directive({standalone: true, selector: 'frames-columns'})\nexport class ColumnsFrameStore extends InjectableComponent {\n  static readonly Config = makeConfig(() => (context) => {\n    const getType = (): 'row' | 'column' => {\n      switch (context.breakpoint) {\n        case 'xSmall':\n        case 'small': return 'column';\n        default: return 'row';\n      }\n    }\n    return { type: getType() };\n  }, ['components', 'frames', 'columns']);\n  readonly config = ColumnsFrameStore.Config.inject();\n  readonly type = input<'row' | 'column'>(_computed(() => this.config().type));\n}\n\n@Directive({standalone: true, selector: '[left], [leftColumn]'})\nexport class LeftColumn {\n  readonly platformId = inject(PLATFORM_ID);\n  readonly isPlatformBrowser = isPlatformBrowser(this.platformId);\n  readonly templateRef = inject(TemplateRef<unknown>)\n}\n\n@Directive({\n  standalone: true,\n  selector: '[main], [mainColumn]',\n})\nexport class MainColumn {\n  readonly platformId = inject(PLATFORM_ID);\n  readonly isPlatformBrowser = isPlatformBrowser(this.platformId);\n  readonly templateRef = inject(TemplateRef<unknown>)\n}\n\n@Directive({standalone: true, selector: '[right], [rightColumn]'})\nexport class RightColumn {\n  readonly platformId = inject(PLATFORM_ID);\n  readonly isPlatformBrowser = isPlatformBrowser(this.platformId);\n  readonly templateRef = inject(TemplateRef<unknown>)\n}\n\n@Component({\n    selector: 'frames-columns',\n    imports: [\n        NgTemplateOutlet,\n    ],\n    template: `\n    @if(left()?.templateRef && left()?.isPlatformBrowser) {\n      <div class=\"left container\">\n        <ng-container [ngTemplateOutlet]=\"left()?.templateRef\" />\n      </div>\n    }\n\n    @if (main()?.templateRef && main()?.isPlatformBrowser) {\n      <main class=\"main container\">\n        <ng-container [ngTemplateOutlet]=\"main()?.templateRef\" />\n      </main>\n    }\n    \n    @if (right()?.templateRef && right()?.isPlatformBrowser) {\n      <div class=\"right container\">\n        <ng-container [ngTemplateOutlet]=\"right()?.templateRef\" />\n      </div>\n    }\n  `,\n    styleUrl: './columns.frame.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    hostDirectives: [\n        {\n            directive: ColumnsFrameStore,\n            inputs: ['type'],\n        }\n    ],\n    host: {\n        '[attr.type]': 'store.type()',\n    }\n})\nexport class ColumnsFrame extends NgAtomicComponent {\n  protected readonly platformId = inject(PLATFORM_ID);\n  protected readonly store = inject(ColumnsFrameStore);\n  protected readonly left = contentChild(LeftColumn);\n  protected readonly main = contentChild(MainColumn);\n  protected readonly right = contentChild(RightColumn);\n}\n\n@NgModule({\n  imports: [\n    // ColumnsFrameStore,\n    ColumnsFrame,\n    LeftColumn,\n    MainColumn,\n    RightColumn,\n  ],\n  exports: [\n    // ColumnsFrameStore,\n    ColumnsFrame,\n    LeftColumn,\n    MainColumn,\n    RightColumn,\n  ]\n})\nexport class ColumnsFrameModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/ng-atomic-components-frames-divider.mjs

@@ -15,9 +15,9 @@ class DividerFrame extends NgAtomicComponent {
     constructor() {
         super(...arguments);
         this.el = inject(ElementRef);
-        this.firstContent = viewChild('first', { read: ElementRef });
+        this.firstContent = viewChild('first', { ...(ngDevMode ? { debugName: "firstContent" } : {}), read: ElementRef });
         this.divider = viewChild.required('el', { read: ElementRef });
-        this.dragging = signal(false);
+        this.dragging = signal(false, ...(ngDevMode ? [{ debugName: "dragging" }] : []));
     }
     static { this.ActionId = ActionId; }
     onDragStart($event) {
@@ -44,8 +44,8 @@ class DividerFrame extends NgAtomicComponent {
         }
         this.el.nativeElement.style.setProperty('--first-content-height', `${height}${unit}`);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: DividerFrame, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.5", type: DividerFrame, isStandalone: true, selector: "frames-divider", host: { properties: { "class.dragging": "dragging()" } }, viewQueries: [{ propertyName: "firstContent", first: true, predicate: ["first"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "divider", first: true, predicate: ["el"], descendants: true, read: ElementRef, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: DividerFrame, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.6", type: DividerFrame, isStandalone: true, selector: "frames-divider", host: { properties: { "class.dragging": "dragging()" } }, viewQueries: [{ propertyName: "firstContent", first: true, predicate: ["first"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "divider", first: true, predicate: ["el"], descendants: true, read: ElementRef, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
     <div class="first container" #first>
       <ng-content select="[first]"></ng-content>
       @if (dragging()) { <div class="cover"></div> }
@@ -64,9 +64,9 @@ class DividerFrame extends NgAtomicComponent {
       <ng-content select="[second]"></ng-content>
       @if (dragging()) { <div class="cover"></div> }
     </div>
-  `, isInline: true, styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-divider-ceXj: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-divider-ceXj: var(--secondary-color);--background-color: #B0B0B0;--background-color-SCOPED-IN-divider-ceXj: var(--background-color);--on-background-color: #f0f0f0;--on-background-color-SCOPED-IN-divider-ceXj: var(--on-background-color);--surface-color: transparent;--surface-color-SCOPED-IN-divider-ceXj: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-divider-ceXj: var(--on-primary-color);--on-surface-color: #f0f0f0;--on-surface-color-SCOPED-IN-divider-ceXj: var(--on-surface-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-divider-ceXj: var(--first-content-height);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-divider-ceXj: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-divider-ceXj: var(--max-first-content-height)}:host{position:relative;display:flex;flex-direction:column;height:100%;width:100%}:host .container{position:relative;transition:height .3s ease}:host .container.first{height:min(max(var(--first-content-height-SCOPED-IN-divider-ceXj),var(--min-first-content-height-SCOPED-IN-divider-ceXj)),var(--max-first-content-height-SCOPED-IN-divider-ceXj));overflow:hidden;display:flex;flex-direction:column}:host .container.second{display:flex;flex-direction:column;height:calc(100% - min(max(var(--first-content-height-SCOPED-IN-divider-ceXj),var(--min-first-content-height-SCOPED-IN-divider-ceXj)),var(--max-first-content-height-SCOPED-IN-divider-ceXj)));overflow:hidden}:host .container .cover{position:absolute;top:0;left:0;width:100%;height:100%}:host mat-divider{z-index:1000;width:100%;cursor:row-resize;position:relative;border:0px}:host mat-divider:before{content:\"\";position:absolute;top:-8px;left:0;width:100%;height:8px;background-color:transparent;transition:.1s background-color}:host mat-divider:hover:before{background-color:var(--primary-color-SCOPED-IN-divider-ceXj)}:host.dragging .container{transition:none}\n"], dependencies: [{ kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-divider-4gY6: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-divider-4gY6: var(--secondary-color);--background-color: #B0B0B0;--background-color-SCOPED-IN-divider-4gY6: var(--background-color);--on-background-color: #f0f0f0;--on-background-color-SCOPED-IN-divider-4gY6: var(--on-background-color);--surface-color: transparent;--surface-color-SCOPED-IN-divider-4gY6: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-divider-4gY6: var(--on-primary-color);--on-surface-color: #f0f0f0;--on-surface-color-SCOPED-IN-divider-4gY6: var(--on-surface-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-divider-4gY6: var(--first-content-height);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-divider-4gY6: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-divider-4gY6: var(--max-first-content-height)}:host{position:relative;display:flex;flex-direction:column;height:100%;width:100%}:host .container{position:relative;transition:height .3s ease}:host .container.first{height:min(max(var(--first-content-height-SCOPED-IN-divider-4gY6),var(--min-first-content-height-SCOPED-IN-divider-4gY6)),var(--max-first-content-height-SCOPED-IN-divider-4gY6));overflow:hidden;display:flex;flex-direction:column}:host .container.second{display:flex;flex-direction:column;height:calc(100% - min(max(var(--first-content-height-SCOPED-IN-divider-4gY6),var(--min-first-content-height-SCOPED-IN-divider-4gY6)),var(--max-first-content-height-SCOPED-IN-divider-4gY6)));overflow:hidden}:host .container .cover{position:absolute;top:0;left:0;width:100%;height:100%}:host mat-divider{z-index:1000;width:100%;cursor:row-resize;position:relative;border:0px}:host mat-divider:before{content:\"\";position:absolute;top:-8px;left:0;width:100%;height:8px;background-color:transparent;transition:.1s background-color}:host mat-divider:hover:before{background-color:var(--primary-color-SCOPED-IN-divider-4gY6)}:host.dragging .container{transition:none}\n"], dependencies: [{ kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: DividerFrame, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: DividerFrame, decorators: [{
             type: Component,
             args: [{ selector: 'frames-divider', imports: [
                         MatDividerModule,
@@ -92,8 +92,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImpor
       <ng-content select="[second]"></ng-content>
       @if (dragging()) { <div class="cover"></div> }
     </div>
-  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-divider-ceXj: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-divider-ceXj: var(--secondary-color);--background-color: #B0B0B0;--background-color-SCOPED-IN-divider-ceXj: var(--background-color);--on-background-color: #f0f0f0;--on-background-color-SCOPED-IN-divider-ceXj: var(--on-background-color);--surface-color: transparent;--surface-color-SCOPED-IN-divider-ceXj: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-divider-ceXj: var(--on-primary-color);--on-surface-color: #f0f0f0;--on-surface-color-SCOPED-IN-divider-ceXj: var(--on-surface-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-divider-ceXj: var(--first-content-height);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-divider-ceXj: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-divider-ceXj: var(--max-first-content-height)}:host{position:relative;display:flex;flex-direction:column;height:100%;width:100%}:host .container{position:relative;transition:height .3s ease}:host .container.first{height:min(max(var(--first-content-height-SCOPED-IN-divider-ceXj),var(--min-first-content-height-SCOPED-IN-divider-ceXj)),var(--max-first-content-height-SCOPED-IN-divider-ceXj));overflow:hidden;display:flex;flex-direction:column}:host .container.second{display:flex;flex-direction:column;height:calc(100% - min(max(var(--first-content-height-SCOPED-IN-divider-ceXj),var(--min-first-content-height-SCOPED-IN-divider-ceXj)),var(--max-first-content-height-SCOPED-IN-divider-ceXj)));overflow:hidden}:host .container .cover{position:absolute;top:0;left:0;width:100%;height:100%}:host mat-divider{z-index:1000;width:100%;cursor:row-resize;position:relative;border:0px}:host mat-divider:before{content:\"\";position:absolute;top:-8px;left:0;width:100%;height:8px;background-color:transparent;transition:.1s background-color}:host mat-divider:hover:before{background-color:var(--primary-color-SCOPED-IN-divider-ceXj)}:host.dragging .container{transition:none}\n"] }]
-        }] });
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-divider-4gY6: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-divider-4gY6: var(--secondary-color);--background-color: #B0B0B0;--background-color-SCOPED-IN-divider-4gY6: var(--background-color);--on-background-color: #f0f0f0;--on-background-color-SCOPED-IN-divider-4gY6: var(--on-background-color);--surface-color: transparent;--surface-color-SCOPED-IN-divider-4gY6: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-divider-4gY6: var(--on-primary-color);--on-surface-color: #f0f0f0;--on-surface-color-SCOPED-IN-divider-4gY6: var(--on-surface-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-divider-4gY6: var(--first-content-height);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-divider-4gY6: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-divider-4gY6: var(--max-first-content-height)}:host{position:relative;display:flex;flex-direction:column;height:100%;width:100%}:host .container{position:relative;transition:height .3s ease}:host .container.first{height:min(max(var(--first-content-height-SCOPED-IN-divider-4gY6),var(--min-first-content-height-SCOPED-IN-divider-4gY6)),var(--max-first-content-height-SCOPED-IN-divider-4gY6));overflow:hidden;display:flex;flex-direction:column}:host .container.second{display:flex;flex-direction:column;height:calc(100% - min(max(var(--first-content-height-SCOPED-IN-divider-4gY6),var(--min-first-content-height-SCOPED-IN-divider-4gY6)),var(--max-first-content-height-SCOPED-IN-divider-4gY6)));overflow:hidden}:host .container .cover{position:absolute;top:0;left:0;width:100%;height:100%}:host mat-divider{z-index:1000;width:100%;cursor:row-resize;position:relative;border:0px}:host mat-divider:before{content:\"\";position:absolute;top:-8px;left:0;width:100%;height:8px;background-color:transparent;transition:.1s background-color}:host mat-divider:hover:before{background-color:var(--primary-color-SCOPED-IN-divider-4gY6)}:host.dragging .container{transition:none}\n"] }]
+        }], propDecorators: { firstContent: [{ type: i0.ViewChild, args: ['first', { ...{ read: ElementRef }, isSignal: true }] }], divider: [{ type: i0.ViewChild, args: ['el', { ...{ read: ElementRef }, isSignal: true }] }] } });
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2022/ng-atomic-components-frames-divider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-frames-divider.mjs","sources":["../tmp-esm2022/frames/divider/divider.frame.js","../tmp-esm2022/frames/divider/ng-atomic-components-frames-divider.js"],"sourcesContent":["import { ChangeDetectionStrategy, Component, ElementRef, inject, signal, viewChild } from '@angular/core';\nimport { MatDividerModule } from '@angular/material/divider';\nimport { CdkDrag } from '@angular/cdk/drag-drop';\nimport { NgAtomicComponent } from '@ng-atomic/core';\nimport * as i0 from \"@angular/core\";\nimport * as i1 from \"@angular/material/divider\";\nvar ActionId;\n(function (ActionId) {\n    ActionId[\"DRAG_STARTED\"] = \"[@ng-atomic/divider] drag start\";\n    ActionId[\"DRAG_MOVED\"] = \"[@ng-atomic/divider] drag move\";\n    ActionId[\"DRAG_ENDED\"] = \"[@ng-atomic/divider] drag end\";\n})(ActionId || (ActionId = {}));\nexport class DividerFrame extends NgAtomicComponent {\n    constructor() {\n        super(...arguments);\n        this.el = inject(ElementRef);\n        this.firstContent = viewChild('first', { read: ElementRef });\n        this.divider = viewChild.required('el', { read: ElementRef });\n        this.dragging = signal(false);\n    }\n    static { this.ActionId = ActionId; }\n    onDragStart($event) {\n        this.dragging.set(true);\n        this.dispatch({ id: ActionId.DRAG_STARTED, payload: $event }, 'default');\n        const parentRect = this.divider().nativeElement.parentElement.getBoundingClientRect();\n        const elementRect = this.divider().nativeElement.getBoundingClientRect();\n        this.firstContentHeight = elementRect.top - parentRect.top;\n    }\n    onDragMoved($event) {\n        this.dispatch({ id: ActionId.DRAG_MOVED, payload: $event }, 'default');\n        this.divider().nativeElement.style.transform = `translate3d(0, 0, 0)`;\n        const height = Math.max(1, this.firstContentHeight + $event.distance.y);\n        this.setFirstContentHeight(height, 'px');\n    }\n    onDragEnd($event) {\n        this.dragging.set(false);\n        this.dispatch({ id: ActionId.DRAG_ENDED, payload: $event }, 'default');\n    }\n    setFirstContentHeight(height, unit = 'px', { animate = false } = {}) {\n        if (this.firstContent() && animate) {\n            this.firstContent().nativeElement.style.transition = 'height 0.5s';\n            setTimeout(() => this.firstContent().nativeElement.style.transition = 'none', 500);\n        }\n        this.el.nativeElement.style.setProperty('--first-content-height', `${height}${unit}`);\n    }\n    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.0.5\", ngImport: i0, type: DividerFrame, deps: null, target: i0.ɵɵFactoryTarget.Component }); }\n    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.0.0\", version: \"20.0.5\", type: DividerFrame, isStandalone: true, selector: \"frames-divider\", host: { properties: { \"class.dragging\": \"dragging()\" } }, viewQueries: [{ propertyName: \"firstContent\", first: true, predicate: [\"first\"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: \"divider\", first: true, predicate: [\"el\"], descendants: true, read: ElementRef, isSignal: true }], usesInheritance: true, ngImport: i0, template: `\n    <div class=\"first container\" #first>\n      <ng-content select=\"[first]\"></ng-content>\n      @if (dragging()) { <div class=\"cover\"></div> }\n    </div>\n    <mat-divider\n      cdkDrag\n      cdkDragHandle\n      [cdkDragStartDelay]=\"0\"\n      (cdkDragStarted)=\"onDragStart($event)\"\n      (cdkDragMoved)=\"onDragMoved($event)\"\n      (cdkDragEnded)=\"onDragEnd($event)\"\n      cdkDragLockAxis=\"y\"\n      #el\n    />\n    <div class=\"second container\">\n      <ng-content select=\"[second]\"></ng-content>\n      @if (dragging()) { <div class=\"cover\"></div> }\n    </div>\n  `, isInline: true, styles: [\":host{--primary-color: #404040;--primary-color-SCOPED-IN-divider-ceXj: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-divider-ceXj: var(--secondary-color);--background-color: #B0B0B0;--background-color-SCOPED-IN-divider-ceXj: var(--background-color);--on-background-color: #f0f0f0;--on-background-color-SCOPED-IN-divider-ceXj: var(--on-background-color);--surface-color: transparent;--surface-color-SCOPED-IN-divider-ceXj: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-divider-ceXj: var(--on-primary-color);--on-surface-color: #f0f0f0;--on-surface-color-SCOPED-IN-divider-ceXj: var(--on-surface-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-divider-ceXj: var(--first-content-height);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-divider-ceXj: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-divider-ceXj: var(--max-first-content-height)}:host{position:relative;display:flex;flex-direction:column;height:100%;width:100%}:host .container{position:relative;transition:height .3s ease}:host .container.first{height:min(max(var(--first-content-height-SCOPED-IN-divider-ceXj),var(--min-first-content-height-SCOPED-IN-divider-ceXj)),var(--max-first-content-height-SCOPED-IN-divider-ceXj));overflow:hidden;display:flex;flex-direction:column}:host .container.second{display:flex;flex-direction:column;height:calc(100% - min(max(var(--first-content-height-SCOPED-IN-divider-ceXj),var(--min-first-content-height-SCOPED-IN-divider-ceXj)),var(--max-first-content-height-SCOPED-IN-divider-ceXj)));overflow:hidden}:host .container .cover{position:absolute;top:0;left:0;width:100%;height:100%}:host mat-divider{z-index:1000;width:100%;cursor:row-resize;position:relative;border:0px}:host mat-divider:before{content:\\\"\\\";position:absolute;top:-8px;left:0;width:100%;height:8px;background-color:transparent;transition:.1s background-color}:host mat-divider:hover:before{background-color:var(--primary-color-SCOPED-IN-divider-ceXj)}:host.dragging .container{transition:none}\\n\"], dependencies: [{ kind: \"ngmodule\", type: MatDividerModule }, { kind: \"component\", type: i1.MatDivider, selector: \"mat-divider\", inputs: [\"vertical\", \"inset\"] }, { kind: \"directive\", type: CdkDrag, selector: \"[cdkDrag]\", inputs: [\"cdkDragData\", \"cdkDragLockAxis\", \"cdkDragRootElement\", \"cdkDragBoundary\", \"cdkDragStartDelay\", \"cdkDragFreeDragPosition\", \"cdkDragDisabled\", \"cdkDragConstrainPosition\", \"cdkDragPreviewClass\", \"cdkDragPreviewContainer\", \"cdkDragScale\"], outputs: [\"cdkDragStarted\", \"cdkDragReleased\", \"cdkDragEnded\", \"cdkDragEntered\", \"cdkDragExited\", \"cdkDragDropped\", \"cdkDragMoved\"], exportAs: [\"cdkDrag\"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.0.5\", ngImport: i0, type: DividerFrame, decorators: [{\n            type: Component,\n            args: [{ selector: 'frames-divider', imports: [\n                        MatDividerModule,\n                        CdkDrag,\n                    ], host: {\n                        '[class.dragging]': 'dragging()'\n                    }, template: `\n    <div class=\"first container\" #first>\n      <ng-content select=\"[first]\"></ng-content>\n      @if (dragging()) { <div class=\"cover\"></div> }\n    </div>\n    <mat-divider\n      cdkDrag\n      cdkDragHandle\n      [cdkDragStartDelay]=\"0\"\n      (cdkDragStarted)=\"onDragStart($event)\"\n      (cdkDragMoved)=\"onDragMoved($event)\"\n      (cdkDragEnded)=\"onDragEnd($event)\"\n      cdkDragLockAxis=\"y\"\n      #el\n    />\n    <div class=\"second container\">\n      <ng-content select=\"[second]\"></ng-content>\n      @if (dragging()) { <div class=\"cover\"></div> }\n    </div>\n  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [\":host{--primary-color: #404040;--primary-color-SCOPED-IN-divider-ceXj: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-divider-ceXj: var(--secondary-color);--background-color: #B0B0B0;--background-color-SCOPED-IN-divider-ceXj: var(--background-color);--on-background-color: #f0f0f0;--on-background-color-SCOPED-IN-divider-ceXj: var(--on-background-color);--surface-color: transparent;--surface-color-SCOPED-IN-divider-ceXj: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-divider-ceXj: var(--on-primary-color);--on-surface-color: #f0f0f0;--on-surface-color-SCOPED-IN-divider-ceXj: var(--on-surface-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-divider-ceXj: var(--first-content-height);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-divider-ceXj: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-divider-ceXj: var(--max-first-content-height)}:host{position:relative;display:flex;flex-direction:column;height:100%;width:100%}:host .container{position:relative;transition:height .3s ease}:host .container.first{height:min(max(var(--first-content-height-SCOPED-IN-divider-ceXj),var(--min-first-content-height-SCOPED-IN-divider-ceXj)),var(--max-first-content-height-SCOPED-IN-divider-ceXj));overflow:hidden;display:flex;flex-direction:column}:host .container.second{display:flex;flex-direction:column;height:calc(100% - min(max(var(--first-content-height-SCOPED-IN-divider-ceXj),var(--min-first-content-height-SCOPED-IN-divider-ceXj)),var(--max-first-content-height-SCOPED-IN-divider-ceXj)));overflow:hidden}:host .container .cover{position:absolute;top:0;left:0;width:100%;height:100%}:host mat-divider{z-index:1000;width:100%;cursor:row-resize;position:relative;border:0px}:host mat-divider:before{content:\\\"\\\";position:absolute;top:-8px;left:0;width:100%;height:8px;background-color:transparent;transition:.1s background-color}:host mat-divider:hover:before{background-color:var(--primary-color-SCOPED-IN-divider-ceXj)}:host.dragging .container{transition:none}\\n\"] }]\n        }] });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGl2aWRlci5mcmFtZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL0BuZy1hdG9taWMvY29tcG9uZW50cy9zcmMvbGliL2ZyYW1lcy9kaXZpZGVyL2RpdmlkZXIuZnJhbWUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQVUsTUFBTSxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDbEgsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDN0QsT0FBTyxFQUFFLE9BQU8sRUFBNkIsTUFBTSx3QkFBd0IsQ0FBQztBQUM1RSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7O0FBRXBELElBQUssUUFJSjtBQUpELFdBQUssUUFBUTtJQUNYLDREQUFnRCxDQUFBO0lBQ2hELHlEQUE2QyxDQUFBO0lBQzdDLHdEQUE0QyxDQUFBO0FBQzlDLENBQUMsRUFKSSxRQUFRLEtBQVIsUUFBUSxRQUlaO0FBa0NELE1BQU0sT0FBTyxZQUFhLFNBQVEsaUJBQWlCO0lBaENuRDs7UUFtQ1UsT0FBRSxHQUFHLE1BQU0sQ0FBMEIsVUFBVSxDQUFDLENBQUM7UUFFaEQsaUJBQVksR0FBdUMsU0FBUyxDQUFDLE9BQU8sRUFBRSxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsQ0FBQyxDQUFDO1FBQzVGLFlBQU8sR0FBdUMsU0FBUyxDQUFDLFFBQVEsQ0FBQyxJQUFJLEVBQUUsRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFLENBQUMsQ0FBQztRQUM3RixhQUFRLEdBQUcsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDO0tBK0JuQzthQXJDUSxhQUFRLEdBQUcsUUFBUSxBQUFYLENBQVk7SUFRakIsV0FBVyxDQUFDLE1BQW9CO1FBQ3hDLElBQUksQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ3hCLElBQUksQ0FBQyxRQUFRLENBQUMsRUFBRSxFQUFFLEVBQUUsUUFBUSxDQUFDLFlBQVksRUFBRSxPQUFPLEVBQUUsTUFBTSxFQUFFLEVBQUUsU0FBUyxDQUFDLENBQUM7UUFDekUsTUFBTSxVQUFVLEdBQUcsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDLGFBQWEsQ0FBQyxhQUFhLENBQUMscUJBQXFCLEVBQUUsQ0FBQztRQUN0RixNQUFNLFdBQVcsR0FBRyxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUMsYUFBYSxDQUFDLHFCQUFxQixFQUFFLENBQUM7UUFDekUsSUFBSSxDQUFDLGtCQUFrQixHQUFHLFdBQVcsQ0FBQyxHQUFHLEdBQUcsVUFBVSxDQUFDLEdBQUcsQ0FBQztJQUM3RCxDQUFDO0lBRVMsV0FBVyxDQUFDLE1BQW1CO1FBQ3ZDLElBQUksQ0FBQyxRQUFRLENBQUMsRUFBRSxFQUFFLEVBQUUsUUFBUSxDQUFDLFVBQVUsRUFBRSxPQUFPLEVBQUUsTUFBTSxFQUFFLEVBQUUsU0FBUyxDQUFDLENBQUM7UUFDdkUsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUMsU0FBUyxHQUFHLHNCQUFzQixDQUFDO1FBQ3RFLE1BQU0sTUFBTSxHQUFHLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxFQUFFLElBQUksQ0FBQyxrQkFBa0IsR0FBRyxNQUFNLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQ3hFLElBQUksQ0FBQyxxQkFBcUIsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLENBQUM7SUFDM0MsQ0FBQztJQUVTLFNBQVMsQ0FBQyxNQUFtQjtRQUNyQyxJQUFJLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUN6QixJQUFJLENBQUMsUUFBUSxDQUFDLEVBQUUsRUFBRSxFQUFFLFFBQVEsQ0FBQyxVQUFVLEVBQUUsT0FBTyxFQUFFLE1BQU0sRUFBRSxFQUFFLFNBQVMsQ0FBQyxDQUFDO0lBQ3pFLENBQUM7SUFFRCxxQkFBcUIsQ0FBQyxNQUFjLEVBQUUsT0FBbUIsSUFBSSxFQUFFLEVBQzdELE9BQU8sR0FBRyxLQUFLLEtBQ1UsRUFBRTtRQUMzQixJQUFJLElBQUksQ0FBQyxZQUFZLEVBQUUsSUFBSSxPQUFPLEVBQUUsQ0FBQztZQUNuQyxJQUFJLENBQUMsWUFBWSxFQUFFLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQyxVQUFVLEdBQUcsYUFBYSxDQUFDO1lBQ25FLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsWUFBWSxFQUFFLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQyxVQUFVLEdBQUcsTUFBTSxFQUFFLEdBQUcsQ0FBQyxDQUFDO1FBQ3JGLENBQUM7UUFDRCxJQUFJLENBQUMsRUFBRSxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUMsV0FBVyxDQUFDLHdCQUF3QixFQUFFLEdBQUcsTUFBTSxHQUFHLElBQUksRUFBRSxDQUFDLENBQUM7SUFDeEYsQ0FBQzs4R0FyQ1UsWUFBWTtrR0FBWixZQUFZLHNOQUtnRSxVQUFVLHdHQUNULFVBQVUsb0VBN0J4Rjs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQW1CVCw0cEVBekJDLGdCQUFnQixtSUFDaEIsT0FBTzs7MkZBNEJFLFlBQVk7a0JBaEN4QixTQUFTOytCQUNFLGdCQUFnQixXQUNqQjt3QkFDUCxnQkFBZ0I7d0JBQ2hCLE9BQU87cUJBQ1IsUUFDSzt3QkFDSixrQkFBa0IsRUFBRSxZQUFZO3FCQUNqQyxZQUNTOzs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBbUJULG1CQUVnQix1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRWxlbWVudFJlZiwgU2lnbmFsLCBpbmplY3QsIHNpZ25hbCwgdmlld0NoaWxkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBNYXREaXZpZGVyTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZGl2aWRlcic7XG5pbXBvcnQgeyBDZGtEcmFnLCBDZGtEcmFnTW92ZSwgQ2RrRHJhZ1N0YXJ0IH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2RyYWctZHJvcCc7XG5pbXBvcnQgeyBOZ0F0b21pY0NvbXBvbmVudCB9IGZyb20gJ0BuZy1hdG9taWMvY29yZSc7XG5cbmVudW0gQWN0aW9uSWQge1xuICBEUkFHX1NUQVJURUQgPSAnW0BuZy1hdG9taWMvZGl2aWRlcl0gZHJhZyBzdGFydCcsXG4gIERSQUdfTU9WRUQgPSAnW0BuZy1hdG9taWMvZGl2aWRlcl0gZHJhZyBtb3ZlJyxcbiAgRFJBR19FTkRFRCA9ICdbQG5nLWF0b21pYy9kaXZpZGVyXSBkcmFnIGVuZCcsXG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2ZyYW1lcy1kaXZpZGVyJyxcbiAgaW1wb3J0czogW1xuICAgIE1hdERpdmlkZXJNb2R1bGUsXG4gICAgQ2RrRHJhZyxcbiAgXSxcbiAgaG9zdDoge1xuICAgICdbY2xhc3MuZHJhZ2dpbmddJzogJ2RyYWdnaW5nKCknXG4gIH0sXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdiBjbGFzcz1cImZpcnN0IGNvbnRhaW5lclwiICNmaXJzdD5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltmaXJzdF1cIj48L25nLWNvbnRlbnQ+XG4gICAgICBAaWYgKGRyYWdnaW5nKCkpIHsgPGRpdiBjbGFzcz1cImNvdmVyXCI+PC9kaXY+IH1cbiAgICA8L2Rpdj5cbiAgICA8bWF0LWRpdmlkZXJcbiAgICAgIGNka0RyYWdcbiAgICAgIGNka0RyYWdIYW5kbGVcbiAgICAgIFtjZGtEcmFnU3RhcnREZWxheV09XCIwXCJcbiAgICAgIChjZGtEcmFnU3RhcnRlZCk9XCJvbkRyYWdTdGFydCgkZXZlbnQpXCJcbiAgICAgIChjZGtEcmFnTW92ZWQpPVwib25EcmFnTW92ZWQoJGV2ZW50KVwiXG4gICAgICAoY2RrRHJhZ0VuZGVkKT1cIm9uRHJhZ0VuZCgkZXZlbnQpXCJcbiAgICAgIGNka0RyYWdMb2NrQXhpcz1cInlcIlxuICAgICAgI2VsXG4gICAgLz5cbiAgICA8ZGl2IGNsYXNzPVwic2Vjb25kIGNvbnRhaW5lclwiPlxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3NlY29uZF1cIj48L25nLWNvbnRlbnQ+XG4gICAgICBAaWYgKGRyYWdnaW5nKCkpIHsgPGRpdiBjbGFzcz1cImNvdmVyXCI+PC9kaXY+IH1cbiAgICA8L2Rpdj5cbiAgYCxcbiAgc3R5bGVVcmxzOiBbJy4vZGl2aWRlci5mcmFtZS5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIERpdmlkZXJGcmFtZSBleHRlbmRzIE5nQXRvbWljQ29tcG9uZW50IHtcbiAgc3RhdGljIEFjdGlvbklkID0gQWN0aW9uSWQ7XG5cbiAgcHJpdmF0ZSBlbCA9IGluamVjdDxFbGVtZW50UmVmPEhUTUxFbGVtZW50Pj4oRWxlbWVudFJlZik7XG4gIHByb3RlY3RlZCBmaXJzdENvbnRlbnRIZWlnaHQ6IG51bWJlcjtcbiAgcmVhZG9ubHkgZmlyc3RDb250ZW50OiBTaWduYWw8RWxlbWVudFJlZjxIVE1MRGl2RWxlbWVudD4+ID0gdmlld0NoaWxkKCdmaXJzdCcsIHsgcmVhZDogRWxlbWVudFJlZiB9KTtcbiAgcmVhZG9ubHkgZGl2aWRlcjogU2lnbmFsPEVsZW1lbnRSZWY8SFRNTERpdkVsZW1lbnQ+PiA9IHZpZXdDaGlsZC5yZXF1aXJlZCgnZWwnLCB7IHJlYWQ6IEVsZW1lbnRSZWYgfSk7XG4gIHJlYWRvbmx5IGRyYWdnaW5nID0gc2lnbmFsKGZhbHNlKTtcblxuICBwcm90ZWN0ZWQgb25EcmFnU3RhcnQoJGV2ZW50OiBDZGtEcmFnU3RhcnQpIHtcbiAgICB0aGlzLmRyYWdnaW5nLnNldCh0cnVlKTtcbiAgICB0aGlzLmRpc3BhdGNoKHsgaWQ6IEFjdGlvbklkLkRSQUdfU1RBUlRFRCwgcGF5bG9hZDogJGV2ZW50IH0sICdkZWZhdWx0Jyk7XG4gICAgY29uc3QgcGFyZW50UmVjdCA9IHRoaXMuZGl2aWRlcigpLm5hdGl2ZUVsZW1lbnQucGFyZW50RWxlbWVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKTtcbiAgICBjb25zdCBlbGVtZW50UmVjdCA9IHRoaXMuZGl2aWRlcigpLm5hdGl2ZUVsZW1lbnQuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCk7XG4gICAgdGhpcy5maXJzdENvbnRlbnRIZWlnaHQgPSBlbGVtZW50UmVjdC50b3AgLSBwYXJlbnRSZWN0LnRvcDtcbiAgfVxuXG4gIHByb3RlY3RlZCBvbkRyYWdNb3ZlZCgkZXZlbnQ6IENka0RyYWdNb3ZlKSB7XG4gICAgdGhpcy5kaXNwYXRjaCh7IGlkOiBBY3Rpb25JZC5EUkFHX01PVkVELCBwYXlsb2FkOiAkZXZlbnQgfSwgJ2RlZmF1bHQnKTtcbiAgICB0aGlzLmRpdmlkZXIoKS5uYXRpdmVFbGVtZW50LnN0eWxlLnRyYW5zZm9ybSA9IGB0cmFuc2xhdGUzZCgwLCAwLCAwKWA7XG4gICAgY29uc3QgaGVpZ2h0ID0gTWF0aC5tYXgoMSwgdGhpcy5maXJzdENvbnRlbnRIZWlnaHQgKyAkZXZlbnQuZGlzdGFuY2UueSk7XG4gICAgdGhpcy5zZXRGaXJzdENvbnRlbnRIZWlnaHQoaGVpZ2h0LCAncHgnKTtcbiAgfVxuXG4gIHByb3RlY3RlZCBvbkRyYWdFbmQoJGV2ZW50OiBDZGtEcmFnTW92ZSkge1xuICAgIHRoaXMuZHJhZ2dpbmcuc2V0KGZhbHNlKTtcbiAgICB0aGlzLmRpc3BhdGNoKHsgaWQ6IEFjdGlvbklkLkRSQUdfRU5ERUQsIHBheWxvYWQ6ICRldmVudCB9LCAnZGVmYXVsdCcpO1xuICB9XG5cbiAgc2V0Rmlyc3RDb250ZW50SGVpZ2h0KGhlaWdodDogbnVtYmVyLCB1bml0OiAncHgnIHwgJyUnID0gJ3B4Jywge1xuICAgIGFuaW1hdGUgPSBmYWxzZVxuICB9OiB7IGFuaW1hdGU/OiBib29sZWFuIH0gPSB7fSkge1xuICAgIGlmICh0aGlzLmZpcnN0Q29udGVudCgpICYmIGFuaW1hdGUpIHtcbiAgICAgIHRoaXMuZmlyc3RDb250ZW50KCkubmF0aXZlRWxlbWVudC5zdHlsZS50cmFuc2l0aW9uID0gJ2hlaWdodCAwLjVzJztcbiAgICAgIHNldFRpbWVvdXQoKCkgPT4gdGhpcy5maXJzdENvbnRlbnQoKS5uYXRpdmVFbGVtZW50LnN0eWxlLnRyYW5zaXRpb24gPSAnbm9uZScsIDUwMCk7XG4gICAgfVxuICAgIHRoaXMuZWwubmF0aXZlRWxlbWVudC5zdHlsZS5zZXRQcm9wZXJ0eSgnLS1maXJzdC1jb250ZW50LWhlaWdodCcsIGAke2hlaWdodH0ke3VuaXR9YCk7XG4gIH1cbn1cbiJdfQ==","/**\n * Generated bundle index. Do not edit.\n */\nexport * from './index';\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctYXRvbWljLWNvbXBvbmVudHMtZnJhbWVzLWRpdmlkZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9AbmctYXRvbWljL2NvbXBvbmVudHMvc3JjL2xpYi9mcmFtZXMvZGl2aWRlci9uZy1hdG9taWMtY29tcG9uZW50cy1mcmFtZXMtZGl2aWRlci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ=="],"names":[],"mappings":"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"}
+{"version":3,"file":"ng-atomic-components-frames-divider.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/frames/divider/divider.frame.ts","../../../../../packages/@ng-atomic/components/src/lib/frames/divider/ng-atomic-components-frames-divider.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, ElementRef, Signal, inject, signal, viewChild } from '@angular/core';\nimport { MatDividerModule } from '@angular/material/divider';\nimport { CdkDrag, CdkDragMove, CdkDragStart } from '@angular/cdk/drag-drop';\nimport { NgAtomicComponent } from '@ng-atomic/core';\n\nenum ActionId {\n  DRAG_STARTED = '[@ng-atomic/divider] drag start',\n  DRAG_MOVED = '[@ng-atomic/divider] drag move',\n  DRAG_ENDED = '[@ng-atomic/divider] drag end',\n}\n\n@Component({\n  selector: 'frames-divider',\n  imports: [\n    MatDividerModule,\n    CdkDrag,\n  ],\n  host: {\n    '[class.dragging]': 'dragging()'\n  },\n  template: `\n    <div class=\"first container\" #first>\n      <ng-content select=\"[first]\"></ng-content>\n      @if (dragging()) { <div class=\"cover\"></div> }\n    </div>\n    <mat-divider\n      cdkDrag\n      cdkDragHandle\n      [cdkDragStartDelay]=\"0\"\n      (cdkDragStarted)=\"onDragStart($event)\"\n      (cdkDragMoved)=\"onDragMoved($event)\"\n      (cdkDragEnded)=\"onDragEnd($event)\"\n      cdkDragLockAxis=\"y\"\n      #el\n    />\n    <div class=\"second container\">\n      <ng-content select=\"[second]\"></ng-content>\n      @if (dragging()) { <div class=\"cover\"></div> }\n    </div>\n  `,\n  styleUrls: ['./divider.frame.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class DividerFrame extends NgAtomicComponent {\n  static ActionId = ActionId;\n\n  private el = inject<ElementRef<HTMLElement>>(ElementRef);\n  protected firstContentHeight: number;\n  readonly firstContent: Signal<ElementRef<HTMLDivElement>> = viewChild('first', { read: ElementRef });\n  readonly divider: Signal<ElementRef<HTMLDivElement>> = viewChild.required('el', { read: ElementRef });\n  readonly dragging = signal(false);\n\n  protected onDragStart($event: CdkDragStart) {\n    this.dragging.set(true);\n    this.dispatch({ id: ActionId.DRAG_STARTED, payload: $event }, 'default');\n    const parentRect = this.divider().nativeElement.parentElement.getBoundingClientRect();\n    const elementRect = this.divider().nativeElement.getBoundingClientRect();\n    this.firstContentHeight = elementRect.top - parentRect.top;\n  }\n\n  protected onDragMoved($event: CdkDragMove) {\n    this.dispatch({ id: ActionId.DRAG_MOVED, payload: $event }, 'default');\n    this.divider().nativeElement.style.transform = `translate3d(0, 0, 0)`;\n    const height = Math.max(1, this.firstContentHeight + $event.distance.y);\n    this.setFirstContentHeight(height, 'px');\n  }\n\n  protected onDragEnd($event: CdkDragMove) {\n    this.dragging.set(false);\n    this.dispatch({ id: ActionId.DRAG_ENDED, payload: $event }, 'default');\n  }\n\n  setFirstContentHeight(height: number, unit: 'px' | '%' = 'px', {\n    animate = false\n  }: { animate?: boolean } = {}) {\n    if (this.firstContent() && animate) {\n      this.firstContent().nativeElement.style.transition = 'height 0.5s';\n      setTimeout(() => this.firstContent().nativeElement.style.transition = 'none', 500);\n    }\n    this.el.nativeElement.style.setProperty('--first-content-height', `${height}${unit}`);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/ng-atomic-components-frames-drawer.mjs

@@ -4,28 +4,28 @@ import { input, Directive, inject, Renderer2, ElementRef, signal, effect, Change
 import * as i1 from '@angular/material/sidenav';
 import { MatSidenavModule } from '@angular/material/sidenav';
 import { InjectableComponent, TokenizedType, NgAtomicComponent } from '@ng-atomic/core';
-import { DOCUMENT, CommonModule } from '@angular/common';
+import { DOCUMENT } from '@angular/common';
 
 let DrawerFrameStore = class DrawerFrameStore extends InjectableComponent {
     constructor() {
         super(...arguments);
-        this.opened = input(false);
-        this.mode = input('side');
-        this.hasBackdrop = input(true);
-        this.position = input('start');
-        this.width = input('360px');
-        this.resizable = input(false);
+        this.opened = input(false, ...(ngDevMode ? [{ debugName: "opened" }] : []));
+        this.mode = input('side', ...(ngDevMode ? [{ debugName: "mode" }] : []));
+        this.hasBackdrop = input(true, ...(ngDevMode ? [{ debugName: "hasBackdrop" }] : []));
+        this.position = input('start', ...(ngDevMode ? [{ debugName: "position" }] : []));
+        this.width = input('360px', ...(ngDevMode ? [{ debugName: "width" }] : []));
+        this.resizable = input(false, ...(ngDevMode ? [{ debugName: "resizable" }] : []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: DrawerFrameStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.0.5", type: DrawerFrameStore, isStandalone: true, selector: "frames-drawer", inputs: { opened: { classPropertyName: "opened", publicName: "opened", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, hasBackdrop: { classPropertyName: "hasBackdrop", publicName: "hasBackdrop", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, resizable: { classPropertyName: "resizable", publicName: "resizable", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: DrawerFrameStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.6", type: DrawerFrameStore, isStandalone: true, selector: "frames-drawer", inputs: { opened: { classPropertyName: "opened", publicName: "opened", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, hasBackdrop: { classPropertyName: "hasBackdrop", publicName: "hasBackdrop", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, resizable: { classPropertyName: "resizable", publicName: "resizable", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
 };
 DrawerFrameStore = __decorate([
     TokenizedType()
 ], DrawerFrameStore);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: DrawerFrameStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: DrawerFrameStore, decorators: [{
             type: Directive,
             args: [{ standalone: true, selector: 'frames-drawer' }]
-        }] });
+        }], propDecorators: { opened: [{ type: i0.Input, args: [{ isSignal: true, alias: "opened", required: false }] }], mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }], hasBackdrop: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasBackdrop", required: false }] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], resizable: [{ type: i0.Input, args: [{ isSignal: true, alias: "resizable", required: false }] }] } });
 class DrawerFrame extends NgAtomicComponent {
     constructor() {
         super();
@@ -33,7 +33,7 @@ class DrawerFrame extends NgAtomicComponent {
         this.renderer = inject(Renderer2);
         this.document = inject(DOCUMENT);
         this.el = inject(ElementRef);
-        this.currentWidth = signal('360px');
+        this.currentWidth = signal('360px', ...(ngDevMode ? [{ debugName: "currentWidth" }] : []));
         this.isResizing = false;
         this.startX = 0;
         this.startWidth = 0;
@@ -79,8 +79,8 @@ class DrawerFrame extends NgAtomicComponent {
         this.renderer.removeStyle(this.document.body, 'cursor');
         this.renderer.removeStyle(this.document.body, 'user-select');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: DrawerFrame, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.5", type: DrawerFrame, isStandalone: true, selector: "frames-drawer", usesInheritance: true, hostDirectives: [{ directive: DrawerFrameStore, inputs: ["opened", "opened", "mode", "mode", "hasBackdrop", "hasBackdrop", "position", "position", "width", "width", "resizable", "resizable"] }], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: DrawerFrame, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.6", type: DrawerFrame, isStandalone: true, selector: "frames-drawer", usesInheritance: true, hostDirectives: [{ directive: DrawerFrameStore, inputs: ["opened", "opened", "mode", "mode", "hasBackdrop", "hasBackdrop", "position", "position", "width", "width", "resizable", "resizable"] }], ngImport: i0, template: `
   <mat-drawer-container [autosize]="true" [hasBackdrop]="store.hasBackdrop()">
     <mat-drawer 
       #drawer 
@@ -101,13 +101,12 @@ class DrawerFrame extends NgAtomicComponent {
     <mat-drawer-content>
       <ng-content select=[contents] />
     </mat-drawer-content>
-  </mat-drawer-container>`, isInline: true, styles: [":host{--primary-color: #000000;--primary-color-SCOPED-IN-drawer-Pc5O: var(--primary-color);--on-primary-color: #ffffff;--on-primary-color-SCOPED-IN-drawer-Pc5O: var(--on-primary-color);--content-width: 360px;--content-width-SCOPED-IN-drawer-Pc5O: var(--content-width);--height: 100%;--height-SCOPED-IN-drawer-Pc5O: var(--height);--background-color: #ffffff;--background-color-SCOPED-IN-drawer-Pc5O: var(--background-color);--on-background-color: #000000;--on-background-color-SCOPED-IN-drawer-Pc5O: var(--on-background-color);--surface-color: transparent;--surface-color-SCOPED-IN-drawer-Pc5O: var(--surface-color)}:host{display:contents;height:var(--height-SCOPED-IN-drawer-Pc5O)}:host mat-drawer{background-color:var(--background-color-SCOPED-IN-drawer-Pc5O)}:host mat-drawer.resizing{transition:width 0s}:host mat-drawer ::ng-deep .mat-drawer-inner-container{height:100%}:host mat-drawer-container{--mat-sidenav-content-background-color: transparent;width:100%;height:100%}:host mat-drawer-content{width:100%;height:100%}:host .resize-handle{position:absolute;left:0;top:0;width:8px;height:100%;background:transparent;cursor:col-resize;z-index:1000;transition:background .2s}:host .resize-handle:hover{background:var(--on-background-color-SCOPED-IN-drawer-Pc5O)}:host .resize-handle:active{background:var(--on-background-color-SCOPED-IN-drawer-Pc5O)}\n"], dependencies: [{ kind: "ngmodule", type: MatSidenavModule }, { kind: "component", type: i1.MatDrawer, selector: "mat-drawer", inputs: ["position", "mode", "disableClose", "autoFocus", "opened"], outputs: ["openedChange", "opened", "openedStart", "closed", "closedStart", "positionChanged"], exportAs: ["matDrawer"] }, { kind: "component", type: i1.MatDrawerContainer, selector: "mat-drawer-container", inputs: ["autosize", "hasBackdrop"], outputs: ["backdropClick"], exportAs: ["matDrawerContainer"] }, { kind: "component", type: i1.MatDrawerContent, selector: "mat-drawer-content" }, { kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  </mat-drawer-container>`, isInline: true, styles: [":host{--primary-color: #000000;--primary-color-SCOPED-IN-drawer-8DPn: var(--primary-color);--on-primary-color: #ffffff;--on-primary-color-SCOPED-IN-drawer-8DPn: var(--on-primary-color);--content-width: 360px;--content-width-SCOPED-IN-drawer-8DPn: var(--content-width);--height: 100%;--height-SCOPED-IN-drawer-8DPn: var(--height);--background-color: #ffffff;--background-color-SCOPED-IN-drawer-8DPn: var(--background-color);--on-background-color: #000000;--on-background-color-SCOPED-IN-drawer-8DPn: var(--on-background-color);--surface-color: transparent;--surface-color-SCOPED-IN-drawer-8DPn: var(--surface-color)}:host{display:contents;height:var(--height-SCOPED-IN-drawer-8DPn)}:host mat-drawer{background-color:var(--background-color-SCOPED-IN-drawer-8DPn)}:host mat-drawer.resizing{transition:width 0s}:host mat-drawer ::ng-deep .mat-drawer-inner-container{height:100%}:host mat-drawer-container{--mat-sidenav-content-background-color: transparent;width:100%;height:100%}:host mat-drawer-content{width:100%;height:100%}:host .resize-handle{position:absolute;left:0;top:0;width:8px;height:100%;background:transparent;cursor:col-resize;z-index:1000;transition:background .2s}:host .resize-handle:hover{background:var(--on-background-color-SCOPED-IN-drawer-8DPn)}:host .resize-handle:active{background:var(--on-background-color-SCOPED-IN-drawer-8DPn)}\n"], dependencies: [{ kind: "ngmodule", type: MatSidenavModule }, { kind: "component", type: i1.MatDrawer, selector: "mat-drawer", inputs: ["position", "mode", "disableClose", "autoFocus", "opened"], outputs: ["openedChange", "opened", "openedStart", "closed", "closedStart", "positionChanged"], exportAs: ["matDrawer"] }, { kind: "component", type: i1.MatDrawerContainer, selector: "mat-drawer-container", inputs: ["autosize", "hasBackdrop"], outputs: ["backdropClick"], exportAs: ["matDrawerContainer"] }, { kind: "component", type: i1.MatDrawerContent, selector: "mat-drawer-content" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: DrawerFrame, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: DrawerFrame, decorators: [{
             type: Component,
             args: [{ selector: 'frames-drawer', imports: [
-                        MatSidenavModule,
-                        CommonModule,
+                        MatSidenavModule
                     ], template: `
   <mat-drawer-container [autosize]="true" [hasBackdrop]="store.hasBackdrop()">
     <mat-drawer 
@@ -134,7 +133,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImpor
                             directive: DrawerFrameStore,
                             inputs: ['opened', 'mode', 'hasBackdrop', 'position', 'width', 'resizable'],
                         }
-                    ], styles: [":host{--primary-color: #000000;--primary-color-SCOPED-IN-drawer-Pc5O: var(--primary-color);--on-primary-color: #ffffff;--on-primary-color-SCOPED-IN-drawer-Pc5O: var(--on-primary-color);--content-width: 360px;--content-width-SCOPED-IN-drawer-Pc5O: var(--content-width);--height: 100%;--height-SCOPED-IN-drawer-Pc5O: var(--height);--background-color: #ffffff;--background-color-SCOPED-IN-drawer-Pc5O: var(--background-color);--on-background-color: #000000;--on-background-color-SCOPED-IN-drawer-Pc5O: var(--on-background-color);--surface-color: transparent;--surface-color-SCOPED-IN-drawer-Pc5O: var(--surface-color)}:host{display:contents;height:var(--height-SCOPED-IN-drawer-Pc5O)}:host mat-drawer{background-color:var(--background-color-SCOPED-IN-drawer-Pc5O)}:host mat-drawer.resizing{transition:width 0s}:host mat-drawer ::ng-deep .mat-drawer-inner-container{height:100%}:host mat-drawer-container{--mat-sidenav-content-background-color: transparent;width:100%;height:100%}:host mat-drawer-content{width:100%;height:100%}:host .resize-handle{position:absolute;left:0;top:0;width:8px;height:100%;background:transparent;cursor:col-resize;z-index:1000;transition:background .2s}:host .resize-handle:hover{background:var(--on-background-color-SCOPED-IN-drawer-Pc5O)}:host .resize-handle:active{background:var(--on-background-color-SCOPED-IN-drawer-Pc5O)}\n"] }]
+                    ], styles: [":host{--primary-color: #000000;--primary-color-SCOPED-IN-drawer-8DPn: var(--primary-color);--on-primary-color: #ffffff;--on-primary-color-SCOPED-IN-drawer-8DPn: var(--on-primary-color);--content-width: 360px;--content-width-SCOPED-IN-drawer-8DPn: var(--content-width);--height: 100%;--height-SCOPED-IN-drawer-8DPn: var(--height);--background-color: #ffffff;--background-color-SCOPED-IN-drawer-8DPn: var(--background-color);--on-background-color: #000000;--on-background-color-SCOPED-IN-drawer-8DPn: var(--on-background-color);--surface-color: transparent;--surface-color-SCOPED-IN-drawer-8DPn: var(--surface-color)}:host{display:contents;height:var(--height-SCOPED-IN-drawer-8DPn)}:host mat-drawer{background-color:var(--background-color-SCOPED-IN-drawer-8DPn)}:host mat-drawer.resizing{transition:width 0s}:host mat-drawer ::ng-deep .mat-drawer-inner-container{height:100%}:host mat-drawer-container{--mat-sidenav-content-background-color: transparent;width:100%;height:100%}:host mat-drawer-content{width:100%;height:100%}:host .resize-handle{position:absolute;left:0;top:0;width:8px;height:100%;background:transparent;cursor:col-resize;z-index:1000;transition:background .2s}:host .resize-handle:hover{background:var(--on-background-color-SCOPED-IN-drawer-8DPn)}:host .resize-handle:active{background:var(--on-background-color-SCOPED-IN-drawer-8DPn)}\n"] }]
         }], ctorParameters: () => [] });
 
 /**