@ng-atomic/components 16.2.0 → 17.0.0

package/esm2022/frames/columns/columns.frame.mjs

@@ -0,0 +1,163 @@
+var ColumnsFrameStore_1;
+import { __decorate } from "tslib";
+import { isPlatformBrowser, NgTemplateOutlet } from '@angular/common';
+import { ChangeDetectionStrategy, Component, Directive, NgModule, PLATFORM_ID, TemplateRef, contentChild, inject, input } from '@angular/core';
+import { makeConfig } from '@ng-atomic/common/services/ui';
+import { InjectableComponent, NgAtomicComponent, TokenizedType, _computed } from '@ng-atomic/core';
+import * as i0 from "@angular/core";
+let ColumnsFrameStore = class ColumnsFrameStore extends InjectableComponent {
+    constructor() {
+        super(...arguments);
+        this.config = ColumnsFrameStore_1.Config.inject();
+        this.type = input(_computed(() => this.config().type));
+    }
+    static { ColumnsFrameStore_1 = this; }
+    static { this.Config = makeConfig(() => (_, context) => {
+        const getType = () => {
+            switch (context.breakpoint) {
+                case 'xSmall':
+                case 'small': return 'column';
+                default: return 'row';
+            }
+        };
+        return { type: getType() };
+    }, ['components', 'frames', 'columns']); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ColumnsFrameStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.2.2", 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);
+export { ColumnsFrameStore };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ColumnsFrameStore, decorators: [{
+            type: Directive,
+            args: [{ standalone: true, selector: 'frames-columns' }]
+        }] });
+export 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: "17.2.2", ngImport: i0, type: LeftColumn, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.2", type: LeftColumn, isStandalone: true, selector: "[left], [leftColumn]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: LeftColumn, decorators: [{
+            type: Directive,
+            args: [{ standalone: true, selector: '[left], [leftColumn]' }]
+        }] });
+export class MainColumn {
+    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: "17.2.2", ngImport: i0, type: MainColumn, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.2", type: MainColumn, isStandalone: true, selector: "[main], [mainColumn]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: MainColumn, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: '[main], [mainColumn]',
+                }]
+        }] });
+export class RightColumn {
+    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: "17.2.2", ngImport: i0, type: RightColumn, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.2", type: RightColumn, isStandalone: true, selector: "[right], [rightColumn]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: RightColumn, decorators: [{
+            type: Directive,
+            args: [{ standalone: true, selector: '[right], [rightColumn]' }]
+        }] });
+export class ColumnsFrame extends NgAtomicComponent {
+    constructor() {
+        super(...arguments);
+        this.platformId = inject(PLATFORM_ID);
+        this.store = inject(ColumnsFrameStore);
+        this.left = contentChild(LeftColumn);
+        this.main = contentChild(MainColumn);
+        this.right = contentChild(RightColumn);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ColumnsFrame, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.2", 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" />
+      </div>
+    }
+
+    @if (main()?.templateRef && main()?.isPlatformBrowser) {
+      <main class="main container">
+        <ng-container [ngTemplateOutlet]="main()?.templateRef" />
+      </main>
+    }
+    
+    @if (right()?.templateRef && right()?.isPlatformBrowser) {
+      <div class="right container">
+        <ng-container [ngTemplateOutlet]="right()?.templateRef" />
+      </div>
+    }
+  `, isInline: true, styles: [":host{display:block;--side-width: 360px;--side-width-SCOPED-IN-columns-lZoQ: 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-lZoQ)}:host[type=row] .container.right{max-width:var(--side-width-SCOPED-IN-columns-lZoQ)}: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: "17.2.2", ngImport: i0, type: ColumnsFrame, decorators: [{
+            type: Component,
+            args: [{ selector: 'frames-columns', standalone: true, imports: [
+                        NgTemplateOutlet,
+                    ], template: `
+    @if(left()?.templateRef && left()?.isPlatformBrowser) {
+      <div class="left container">
+        <ng-container [ngTemplateOutlet]="left()?.templateRef" />
+      </div>
+    }
+
+    @if (main()?.templateRef && main()?.isPlatformBrowser) {
+      <main class="main container">
+        <ng-container [ngTemplateOutlet]="main()?.templateRef" />
+      </main>
+    }
+    
+    @if (right()?.templateRef && right()?.isPlatformBrowser) {
+      <div class="right container">
+        <ng-container [ngTemplateOutlet]="right()?.templateRef" />
+      </div>
+    }
+  `, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
+                        {
+                            directive: ColumnsFrameStore,
+                            inputs: ['type'],
+                        }
+                    ], host: {
+                        '[attr.type]': 'store.type()',
+                    }, styles: [":host{display:block;--side-width: 360px;--side-width-SCOPED-IN-columns-lZoQ: 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-lZoQ)}:host[type=row] .container.right{max-width:var(--side-width-SCOPED-IN-columns-lZoQ)}: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"] }]
+        }] });
+export class ColumnsFrameModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ColumnsFrameModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.2", ngImport: i0, type: ColumnsFrameModule, imports: [ColumnsFrame, LeftColumn, MainColumn, RightColumn], exports: [ColumnsFrame, LeftColumn, MainColumn, RightColumn] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ColumnsFrameModule }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ColumnsFrameModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        // ColumnsFrameStore,
+                        ColumnsFrame,
+                        LeftColumn,
+                        MainColumn,
+                        RightColumn,
+                    ],
+                    exports: [
+                        // ColumnsFrameStore,
+                        ColumnsFrame,
+                        LeftColumn,
+                        MainColumn,
+                        RightColumn,
+                    ]
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sdW1ucy5mcmFtZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL0BuZy1hdG9taWMvY29tcG9uZW50cy9zcmMvbGliL2ZyYW1lcy9jb2x1bW5zL2NvbHVtbnMuZnJhbWUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7QUFBQSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUN0RSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsV0FBVyxFQUFFLFdBQVcsRUFBRSxZQUFZLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMvSSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDM0QsT0FBTyxFQUFFLG1CQUFtQixFQUFFLGlCQUFpQixFQUFFLGFBQWEsRUFBRSxTQUFTLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7QUFJNUYsSUFBTSxpQkFBaUIsR0FBdkIsTUFBTSxpQkFBa0IsU0FBUSxtQkFBbUI7SUFBbkQ7O1FBV0ksV0FBTSxHQUFHLG1CQUFpQixDQUFDLE1BQU0sQ0FBQyxNQUFNLEVBQUUsQ0FBQztRQUMzQyxTQUFJLEdBQUcsS0FBSyxDQUFtQixTQUFTLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUM7S0FDOUU7O2FBWmlCLFdBQU0sR0FBRyxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsQ0FBQyxDQUFDLEVBQUUsT0FBTyxFQUFFLEVBQUU7UUFDdkQsTUFBTSxPQUFPLEdBQUcsR0FBcUIsRUFBRTtZQUNyQyxRQUFRLE9BQU8sQ0FBQyxVQUFVLEVBQUU7Z0JBQzFCLEtBQUssUUFBUSxDQUFDO2dCQUNkLEtBQUssT0FBTyxDQUFDLENBQUMsT0FBTyxRQUFRLENBQUM7Z0JBQzlCLE9BQU8sQ0FBQyxDQUFDLE9BQU8sS0FBSyxDQUFDO2FBQ3ZCO1FBQ0gsQ0FBQyxDQUFBO1FBQ0QsT0FBTyxFQUFFLElBQUksRUFBRSxPQUFPLEVBQUUsRUFBRSxDQUFDO0lBQzdCLENBQUMsRUFBRSxDQUFDLFlBQVksRUFBRSxRQUFRLEVBQUUsU0FBUyxDQUFDLENBQUMsQUFUakIsQ0FTa0I7OEdBVjdCLGlCQUFpQjtrR0FBakIsaUJBQWlCOztBQUFqQixpQkFBaUI7SUFGN0IsYUFBYSxFQUFFO0dBRUgsaUJBQWlCLENBYTdCOzsyRkFiWSxpQkFBaUI7a0JBRDdCLFNBQVM7bUJBQUMsRUFBQyxVQUFVLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxnQkFBZ0IsRUFBQzs7QUFpQnpELE1BQU0sT0FBTyxVQUFVO0lBRHZCO1FBRVcsZUFBVSxHQUFHLE1BQU0sQ0FBQyxXQUFXLENBQUMsQ0FBQztRQUNqQyxzQkFBaUIsR0FBRyxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUM7UUFDdkQsZ0JBQVcsR0FBRyxNQUFNLENBQUMsQ0FBQSxXQUFvQixDQUFBLENBQUMsQ0FBQTtLQUNwRDs4R0FKWSxVQUFVO2tHQUFWLFVBQVU7OzJGQUFWLFVBQVU7a0JBRHRCLFNBQVM7bUJBQUMsRUFBQyxVQUFVLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxzQkFBc0IsRUFBQzs7QUFXL0QsTUFBTSxPQUFPLFVBQVU7SUFKdkI7UUFLVyxlQUFVLEdBQUcsTUFBTSxDQUFDLFdBQVcsQ0FBQyxDQUFDO1FBQ2pDLHNCQUFpQixHQUFHLGlCQUFpQixDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQztRQUN2RCxnQkFBVyxHQUFHLE1BQU0sQ0FBQyxDQUFBLFdBQW9CLENBQUEsQ0FBQyxDQUFBO0tBQ3BEOzhHQUpZLFVBQVU7a0dBQVYsVUFBVTs7MkZBQVYsVUFBVTtrQkFKdEIsU0FBUzttQkFBQztvQkFDVCxVQUFVLEVBQUUsSUFBSTtvQkFDaEIsUUFBUSxFQUFFLHNCQUFzQjtpQkFDakM7O0FBUUQsTUFBTSxPQUFPLFdBQVc7SUFEeEI7UUFFVyxlQUFVLEdBQUcsTUFBTSxDQUFDLFdBQVcsQ0FBQyxDQUFDO1FBQ2pDLHNCQUFpQixHQUFHLGlCQUFpQixDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQztRQUN2RCxnQkFBVyxHQUFHLE1BQU0sQ0FBQyxDQUFBLFdBQW9CLENBQUEsQ0FBQyxDQUFBO0tBQ3BEOzhHQUpZLFdBQVc7a0dBQVgsV0FBVzs7MkZBQVgsV0FBVztrQkFEdkIsU0FBUzttQkFBQyxFQUFDLFVBQVUsRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLHdCQUF3QixFQUFDOztBQTRDakUsTUFBTSxPQUFPLFlBQWEsU0FBUSxpQkFBaUI7SUFyQ25EOztRQXNDcUIsZUFBVSxHQUFHLE1BQU0sQ0FBQyxXQUFXLENBQUMsQ0FBQztRQUNqQyxVQUFLLEdBQUcsTUFBTSxDQUFDLGlCQUFpQixDQUFDLENBQUM7UUFDbEMsU0FBSSxHQUFHLFlBQVksQ0FBQyxVQUFVLENBQUMsQ0FBQztRQUNoQyxTQUFJLEdBQUcsWUFBWSxDQUFDLFVBQVUsQ0FBQyxDQUFDO1FBQ2hDLFVBQUssR0FBRyxZQUFZLENBQUMsV0FBVyxDQUFDLENBQUM7S0FDdEQ7OEdBTlksWUFBWTtrR0FBWixZQUFZLG1LQUdnQixVQUFVLHVGQUNWLFVBQVUsd0ZBQ1QsV0FBVyw2RkFqRnhDLGlCQUFpQix1REE2Q2xCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FrQlQsbXVCQXBCQyxnQkFBZ0I7OzJGQWlDUCxZQUFZO2tCQXJDeEIsU0FBUzsrQkFDRSxnQkFBZ0IsY0FDZCxJQUFJLFdBQ1A7d0JBQ1AsZ0JBQWdCO3FCQUNqQixZQUNTOzs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FrQlQsbUJBRWdCLHVCQUF1QixDQUFDLE1BQU0sa0JBQy9CO3dCQUNkOzRCQUNFLFNBQVMsRUFBRSxpQkFBaUI7NEJBQzVCLE1BQU0sRUFBRSxDQUFDLE1BQU0sQ0FBQzt5QkFDakI7cUJBQ0YsUUFDSzt3QkFDSixhQUFhLEVBQUUsY0FBYztxQkFDOUI7O0FBMEJILE1BQU0sT0FBTyxrQkFBa0I7OEdBQWxCLGtCQUFrQjsrR0FBbEIsa0JBQWtCLFlBeEJsQixZQUFZLEVBNURaLFVBQVUsRUFVVixVQUFVLEVBT1YsV0FBVyxhQTJDWCxZQUFZLEVBNURaLFVBQVUsRUFVVixVQUFVLEVBT1YsV0FBVzsrR0FtRVgsa0JBQWtCOzsyRkFBbEIsa0JBQWtCO2tCQWhCOUIsUUFBUTttQkFBQztvQkFDUixPQUFPLEVBQUU7d0JBQ1AscUJBQXFCO3dCQUNyQixZQUFZO3dCQUNaLFVBQVU7d0JBQ1YsVUFBVTt3QkFDVixXQUFXO3FCQUNaO29CQUNELE9BQU8sRUFBRTt3QkFDUCxxQkFBcUI7d0JBQ3JCLFlBQVk7d0JBQ1osVUFBVTt3QkFDVixVQUFVO3dCQUNWLFdBQVc7cUJBQ1o7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBpc1BsYXRmb3JtQnJvd3NlciwgTmdUZW1wbGF0ZU91dGxldCB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBEaXJlY3RpdmUsIE5nTW9kdWxlLCBQTEFURk9STV9JRCwgVGVtcGxhdGVSZWYsIGNvbnRlbnRDaGlsZCwgaW5qZWN0LCBpbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgbWFrZUNvbmZpZyB9IGZyb20gJ0BuZy1hdG9taWMvY29tbW9uL3NlcnZpY2VzL3VpJztcbmltcG9ydCB7IEluamVjdGFibGVDb21wb25lbnQsIE5nQXRvbWljQ29tcG9uZW50LCBUb2tlbml6ZWRUeXBlLCBfY29tcHV0ZWQgfSBmcm9tICdAbmctYXRvbWljL2NvcmUnO1xuXG5AVG9rZW5pemVkVHlwZSgpXG5ARGlyZWN0aXZlKHtzdGFuZGFsb25lOiB0cnVlLCBzZWxlY3RvcjogJ2ZyYW1lcy1jb2x1bW5zJ30pXG5leHBvcnQgY2xhc3MgQ29sdW1uc0ZyYW1lU3RvcmUgZXh0ZW5kcyBJbmplY3RhYmxlQ29tcG9uZW50IHtcbiAgc3RhdGljIHJlYWRvbmx5IENvbmZpZyA9IG1ha2VDb25maWcoKCkgPT4gKF8sIGNvbnRleHQpID0+IHtcbiAgICBjb25zdCBnZXRUeXBlID0gKCk6ICdyb3cnIHwgJ2NvbHVtbicgPT4ge1xuICAgICAgc3dpdGNoIChjb250ZXh0LmJyZWFrcG9pbnQpIHtcbiAgICAgICAgY2FzZSAneFNtYWxsJzpcbiAgICAgICAgY2FzZSAnc21hbGwnOiByZXR1cm4gJ2NvbHVtbic7XG4gICAgICAgIGRlZmF1bHQ6IHJldHVybiAncm93JztcbiAgICAgIH1cbiAgICB9XG4gICAgcmV0dXJuIHsgdHlwZTogZ2V0VHlwZSgpIH07XG4gIH0sIFsnY29tcG9uZW50cycsICdmcmFtZXMnLCAnY29sdW1ucyddKTtcbiAgcmVhZG9ubHkgY29uZmlnID0gQ29sdW1uc0ZyYW1lU3RvcmUuQ29uZmlnLmluamVjdCgpO1xuICByZWFkb25seSB0eXBlID0gaW5wdXQ8J3JvdycgfCAnY29sdW1uJz4oX2NvbXB1dGVkKCgpID0+IHRoaXMuY29uZmlnKCkudHlwZSkpO1xufVxuXG5ARGlyZWN0aXZlKHtzdGFuZGFsb25lOiB0cnVlLCBzZWxlY3RvcjogJ1tsZWZ0XSwgW2xlZnRDb2x1bW5dJ30pXG5leHBvcnQgY2xhc3MgTGVmdENvbHVtbiB7XG4gIHJlYWRvbmx5IHBsYXRmb3JtSWQgPSBpbmplY3QoUExBVEZPUk1fSUQpO1xuICByZWFkb25seSBpc1BsYXRmb3JtQnJvd3NlciA9IGlzUGxhdGZvcm1Ccm93c2VyKHRoaXMucGxhdGZvcm1JZCk7XG4gIHJlYWRvbmx5IHRlbXBsYXRlUmVmID0gaW5qZWN0KFRlbXBsYXRlUmVmPHVua25vd24+KVxufVxuXG5ARGlyZWN0aXZlKHtcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgc2VsZWN0b3I6ICdbbWFpbl0sIFttYWluQ29sdW1uXScsXG59KVxuZXhwb3J0IGNsYXNzIE1haW5Db2x1bW4ge1xuICByZWFkb25seSBwbGF0Zm9ybUlkID0gaW5qZWN0KFBMQVRGT1JNX0lEKTtcbiAgcmVhZG9ubHkgaXNQbGF0Zm9ybUJyb3dzZXIgPSBpc1BsYXRmb3JtQnJvd3Nlcih0aGlzLnBsYXRmb3JtSWQpO1xuICByZWFkb25seSB0ZW1wbGF0ZVJlZiA9IGluamVjdChUZW1wbGF0ZVJlZjx1bmtub3duPilcbn1cblxuQERpcmVjdGl2ZSh7c3RhbmRhbG9uZTogdHJ1ZSwgc2VsZWN0b3I6ICdbcmlnaHRdLCBbcmlnaHRDb2x1bW5dJ30pXG5leHBvcnQgY2xhc3MgUmlnaHRDb2x1bW4ge1xuICByZWFkb25seSBwbGF0Zm9ybUlkID0gaW5qZWN0KFBMQVRGT1JNX0lEKTtcbiAgcmVhZG9ubHkgaXNQbGF0Zm9ybUJyb3dzZXIgPSBpc1BsYXRmb3JtQnJvd3Nlcih0aGlzLnBsYXRmb3JtSWQpO1xuICByZWFkb25seSB0ZW1wbGF0ZVJlZiA9IGluamVjdChUZW1wbGF0ZVJlZjx1bmtub3duPilcbn1cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZnJhbWVzLWNvbHVtbnMnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgTmdUZW1wbGF0ZU91dGxldCxcbiAgXSxcbiAgdGVtcGxhdGU6IGBcbiAgICBAaWYobGVmdCgpPy50ZW1wbGF0ZVJlZiAmJiBsZWZ0KCk/LmlzUGxhdGZvcm1Ccm93c2VyKSB7XG4gICAgICA8ZGl2IGNsYXNzPVwibGVmdCBjb250YWluZXJcIj5cbiAgICAgICAgPG5nLWNvbnRhaW5lciBbbmdUZW1wbGF0ZU91dGxldF09XCJsZWZ0KCk/LnRlbXBsYXRlUmVmXCIgLz5cbiAgICAgIDwvZGl2PlxuICAgIH1cblxuICAgIEBpZiAobWFpbigpPy50ZW1wbGF0ZVJlZiAmJiBtYWluKCk/LmlzUGxhdGZvcm1Ccm93c2VyKSB7XG4gICAgICA8bWFpbiBjbGFzcz1cIm1haW4gY29udGFpbmVyXCI+XG4gICAgICAgIDxuZy1jb250YWluZXIgW25nVGVtcGxhdGVPdXRsZXRdPVwibWFpbigpPy50ZW1wbGF0ZVJlZlwiIC8+XG4gICAgICA8L21haW4+XG4gICAgfVxuICAgIFxuICAgIEBpZiAocmlnaHQoKT8udGVtcGxhdGVSZWYgJiYgcmlnaHQoKT8uaXNQbGF0Zm9ybUJyb3dzZXIpIHtcbiAgICAgIDxkaXYgY2xhc3M9XCJyaWdodCBjb250YWluZXJcIj5cbiAgICAgICAgPG5nLWNvbnRhaW5lciBbbmdUZW1wbGF0ZU91dGxldF09XCJyaWdodCgpPy50ZW1wbGF0ZVJlZlwiIC8+XG4gICAgICA8L2Rpdj5cbiAgICB9XG4gIGAsXG4gIHN0eWxlVXJsOiAnLi9jb2x1bW5zLmZyYW1lLnNjc3MnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgaG9zdERpcmVjdGl2ZXM6IFtcbiAgICB7XG4gICAgICBkaXJlY3RpdmU6IENvbHVtbnNGcmFtZVN0b3JlLFxuICAgICAgaW5wdXRzOiBbJ3R5cGUnXSxcbiAgICB9XG4gIF0sXG4gIGhvc3Q6IHtcbiAgICAnW2F0dHIudHlwZV0nOiAnc3RvcmUudHlwZSgpJyxcbiAgfSxcbn0pXG5leHBvcnQgY2xhc3MgQ29sdW1uc0ZyYW1lIGV4dGVuZHMgTmdBdG9taWNDb21wb25lbnQge1xuICBwcm90ZWN0ZWQgcmVhZG9ubHkgcGxhdGZvcm1JZCA9IGluamVjdChQTEFURk9STV9JRCk7XG4gIHByb3RlY3RlZCByZWFkb25seSBzdG9yZSA9IGluamVjdChDb2x1bW5zRnJhbWVTdG9yZSk7XG4gIHByb3RlY3RlZCByZWFkb25seSBsZWZ0ID0gY29udGVudENoaWxkKExlZnRDb2x1bW4pO1xuICBwcm90ZWN0ZWQgcmVhZG9ubHkgbWFpbiA9IGNvbnRlbnRDaGlsZChNYWluQ29sdW1uKTtcbiAgcHJvdGVjdGVkIHJlYWRvbmx5IHJpZ2h0ID0gY29udGVudENoaWxkKFJpZ2h0Q29sdW1uKTtcbn1cblxuQE5nTW9kdWxlKHtcbiAgaW1wb3J0czogW1xuICAgIC8vIENvbHVtbnNGcmFtZVN0b3JlLFxuICAgIENvbHVtbnNGcmFtZSxcbiAgICBMZWZ0Q29sdW1uLFxuICAgIE1haW5Db2x1bW4sXG4gICAgUmlnaHRDb2x1bW4sXG4gIF0sXG4gIGV4cG9ydHM6IFtcbiAgICAvLyBDb2x1bW5zRnJhbWVTdG9yZSxcbiAgICBDb2x1bW5zRnJhbWUsXG4gICAgTGVmdENvbHVtbixcbiAgICBNYWluQ29sdW1uLFxuICAgIFJpZ2h0Q29sdW1uLFxuICBdXG59KVxuZXhwb3J0IGNsYXNzIENvbHVtbnNGcmFtZU1vZHVsZSB7IH1cbiJdfQ==

package/esm2022/frames/columns/index.mjs

@@ -0,0 +1,2 @@
+export * from './columns.frame';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9AbmctYXRvbWljL2NvbXBvbmVudHMvc3JjL2xpYi9mcmFtZXMvY29sdW1ucy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLGlCQUFpQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9jb2x1bW5zLmZyYW1lJztcblxuIl19

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

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

package/esm2022/frames/divider/divider.frame.mjs

@@ -1,5 +1,4 @@
-import { ChangeDetectionStrategy, Component, ElementRef, ViewChild, inject } from '@angular/core';
-import { CommonModule } from '@angular/common';
+import { ChangeDetectionStrategy, Component, ElementRef, inject, viewChild } from '@angular/core';
 import { MatDividerModule } from '@angular/material/divider';
 import { CdkDrag } from '@angular/cdk/drag-drop';
 import { NgAtomicComponent } from '@ng-atomic/core';
@@ -15,27 +14,35 @@ export class DividerFrame extends NgAtomicComponent {
     constructor() {
         super(...arguments);
         this.el = inject(ElementRef);
-        this.distance = { x: 0, y: 0 };
+        this.firstContent = viewChild('first', { read: ElementRef });
+        this.divider = viewChild.required('el', { read: ElementRef });
     }
     static { this.ActionId = ActionId; }
     onDragStart($event) {
         this.dispatch({ id: ActionId.DRAG_STARTED, payload: $event }, 'default');
-        const parentRect = this.divider.nativeElement.parentElement.getBoundingClientRect();
-        const elementRect = this.divider.nativeElement.getBoundingClientRect();
+        const parentRect = this.divider().nativeElement.parentElement.getBoundingClientRect();
+        const elementRect = this.divider().nativeElement.getBoundingClientRect();
         this.firstContentHeight = elementRect.top - parentRect.top;
     }
     onDragMoved($event) {
         this.dispatch({ id: ActionId.DRAG_MOVED, payload: $event }, 'default');
-        this.divider.nativeElement.style.transform = `translate3d(0, 0, 0)`;
+        this.divider().nativeElement.style.transform = `translate3d(0, 0, 0)`;
         const height = Math.max(1, this.firstContentHeight + $event.distance.y);
-        this.el.nativeElement.style.setProperty('--first-content-height', `${height}px`);
+        this.setFirstContentHeight(height, 'px');
     }
     onDragEnd($event) {
         this.dispatch({ id: ActionId.DRAG_ENDED, payload: $event }, 'default');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DividerFrame, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DividerFrame, isStandalone: true, selector: "frames-divider", viewQueries: [{ propertyName: "divider", first: true, predicate: ["el"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: `
-    <div class="first">
+    setFirstContentHeight(height, unit = 'px', { animate = false } = {}) {
+        if (this.firstContent() && animate) {
+            this.firstContent().nativeElement.style.transition = 'height 0.5s';
+            setTimeout(() => this.firstContent().nativeElement.style.transition = 'none', 500);
+        }
+        this.el.nativeElement.style.setProperty('--first-content-height', `${height}${unit}`);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: DividerFrame, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "17.2.2", type: DividerFrame, isStandalone: true, selector: "frames-divider", 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" #first>
       <ng-content select="[first]"></ng-content>
     </div>
     <mat-divider
@@ -51,16 +58,15 @@ export class DividerFrame extends NgAtomicComponent {
     <div class="second">
       <ng-content select="[second]"></ng-content>
     </div>
-  `, isInline: true, styles: [":host{--first-content-height: 0px;--first-content-height-SCOPED-IN-divider-pvGY: var(--first-content-height)}:host{position:relative;display:flex;flex-direction:column;height:100%;width:100%}:host div.first{height:var(--first-content-height-SCOPED-IN-divider-pvGY);overflow:hidden;display:flex;flex-direction:column}:host mat-divider{z-index:1000;width:100%;cursor:row-resize}:host div.second{display:flex;flex-direction:column;height:calc(100% - var(--first-content-height-SCOPED-IN-divider-pvGY));overflow:hidden}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{--first-content-height: 0px;--first-content-height-SCOPED-IN-divider-TD4b: var(--first-content-height);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-divider-TD4b: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-divider-TD4b: var(--max-first-content-height)}:host{position:relative;display:flex;flex-direction:column;height:100%;width:100%}:host div.first{height:min(max(var(--first-content-height-SCOPED-IN-divider-TD4b),var(--min-first-content-height-SCOPED-IN-divider-TD4b)),var(--max-first-content-height-SCOPED-IN-divider-TD4b));overflow:hidden;display:flex;flex-direction:column}:host mat-divider{z-index:1000;width:100%;cursor:row-resize}:host div.second{display:flex;flex-direction:column;height:calc(100% - min(max(var(--first-content-height-SCOPED-IN-divider-TD4b),var(--min-first-content-height-SCOPED-IN-divider-TD4b)),var(--max-first-content-height-SCOPED-IN-divider-TD4b)));overflow:hidden}\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"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DividerFrame, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: DividerFrame, decorators: [{
             type: Component,
             args: [{ selector: 'frames-divider', standalone: true, imports: [
-                        CommonModule,
                         MatDividerModule,
                         CdkDrag,
                     ], template: `
-    <div class="first">
+    <div class="first" #first>
       <ng-content select="[first]"></ng-content>
     </div>
     <mat-divider
@@ -76,9 +82,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
     <div class="second">
       <ng-content select="[second]"></ng-content>
     </div>
-  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--first-content-height: 0px;--first-content-height-SCOPED-IN-divider-pvGY: var(--first-content-height)}:host{position:relative;display:flex;flex-direction:column;height:100%;width:100%}:host div.first{height:var(--first-content-height-SCOPED-IN-divider-pvGY);overflow:hidden;display:flex;flex-direction:column}:host mat-divider{z-index:1000;width:100%;cursor:row-resize}:host div.second{display:flex;flex-direction:column;height:calc(100% - var(--first-content-height-SCOPED-IN-divider-pvGY));overflow:hidden}\n"] }]
-        }], propDecorators: { divider: [{
-                type: ViewChild,
-                args: ['el', { read: ElementRef }]
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGl2aWRlci5mcmFtZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL0BuZy1hdG9taWMvY29tcG9uZW50cy9zcmMvbGliL2ZyYW1lcy9kaXZpZGVyL2RpdmlkZXIuZnJhbWUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNsRyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDN0QsT0FBTyxFQUFFLE9BQU8sRUFBNkIsTUFBTSx3QkFBd0IsQ0FBQztBQUM1RSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7O0FBRXBELElBQUssUUFJSjtBQUpELFdBQUssUUFBUTtJQUNYLDREQUFnRCxDQUFBO0lBQ2hELHlEQUE2QyxDQUFBO0lBQzdDLHdEQUE0QyxDQUFBO0FBQzlDLENBQUMsRUFKSSxRQUFRLEtBQVIsUUFBUSxRQUlaO0FBK0JELE1BQU0sT0FBTyxZQUFhLFNBQVEsaUJBQWlCO0lBN0JuRDs7UUFnQ1UsT0FBRSxHQUFHLE1BQU0sQ0FBQyxVQUFVLENBQUMsQ0FBQztRQUd0QixhQUFRLEdBQTJCLEVBQUMsQ0FBQyxFQUFFLENBQUMsRUFBRSxDQUFDLEVBQUUsQ0FBQyxFQUFDLENBQUM7S0F1QjNEO2FBNUJRLGFBQVEsR0FBRyxRQUFRLEFBQVgsQ0FBWTtJQVdqQixXQUFXLENBQUMsTUFBb0I7UUFDeEMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxFQUFDLEVBQUUsRUFBRSxRQUFRLENBQUMsWUFBWSxFQUFFLE9BQU8sRUFBRSxNQUFNLEVBQUMsRUFBRSxTQUFTLENBQUMsQ0FBQztRQUN2RSxNQUFNLFVBQVUsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLGFBQWEsQ0FBQyxhQUFhLENBQUMscUJBQXFCLEVBQUUsQ0FBQztRQUNwRixNQUFNLFdBQVcsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLGFBQWEsQ0FBQyxxQkFBcUIsRUFBRSxDQUFDO1FBQ3ZFLElBQUksQ0FBQyxrQkFBa0IsR0FBRyxXQUFXLENBQUMsR0FBRyxHQUFHLFVBQVUsQ0FBQyxHQUFHLENBQUM7SUFDN0QsQ0FBQztJQUVTLFdBQVcsQ0FBQyxNQUFtQjtRQUN2QyxJQUFJLENBQUMsUUFBUSxDQUFDLEVBQUMsRUFBRSxFQUFFLFFBQVEsQ0FBQyxVQUFVLEVBQUUsT0FBTyxFQUFFLE1BQU0sRUFBQyxFQUFFLFNBQVMsQ0FBQyxDQUFDO1FBQ3JFLElBQUksQ0FBQyxPQUFPLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQyxTQUFTLEdBQUcsc0JBQXNCLENBQUM7UUFDcEUsTUFBTSxNQUFNLEdBQUcsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLEVBQUUsSUFBSSxDQUFDLGtCQUFrQixHQUFHLE1BQU0sQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDeEUsSUFBSSxDQUFDLEVBQUUsQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFDLFdBQVcsQ0FBQyx3QkFBd0IsRUFBRSxHQUFHLE1BQU0sSUFBSSxDQUFDLENBQUM7SUFDbkYsQ0FBQztJQUVTLFNBQVMsQ0FBQyxNQUFtQjtRQUNyQyxJQUFJLENBQUMsUUFBUSxDQUFDLEVBQUMsRUFBRSxFQUFFLFFBQVEsQ0FBQyxVQUFVLEVBQUUsT0FBTyxFQUFFLE1BQU0sRUFBQyxFQUFFLFNBQVMsQ0FBQyxDQUFDO0lBQ3ZFLENBQUM7K0dBNUJVLFlBQVk7bUdBQVosWUFBWSxvSkFTQyxVQUFVLG9EQTlCeEI7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBaUJULDhrQkFyQkMsWUFBWSw4QkFDWixnQkFBZ0IsbUlBQ2hCLE9BQU87OzRGQXVCRSxZQUFZO2tCQTdCeEIsU0FBUzsrQkFDRSxnQkFBZ0IsY0FDZCxJQUFJLFdBQ1A7d0JBQ1AsWUFBWTt3QkFDWixnQkFBZ0I7d0JBQ2hCLE9BQU87cUJBQ1IsWUFDUzs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FpQlQsbUJBRWdCLHVCQUF1QixDQUFDLE1BQU07OEJBWS9DLE9BQU87c0JBRE4sU0FBUzt1QkFBQyxJQUFJLEVBQUUsRUFBQyxJQUFJLEVBQUUsVUFBVSxFQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRWxlbWVudFJlZiwgVmlld0NoaWxkLCBpbmplY3QgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBNYXREaXZpZGVyTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZGl2aWRlcic7XG5pbXBvcnQgeyBDZGtEcmFnLCBDZGtEcmFnTW92ZSwgQ2RrRHJhZ1N0YXJ0IH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2RyYWctZHJvcCc7XG5pbXBvcnQgeyBOZ0F0b21pY0NvbXBvbmVudCB9IGZyb20gJ0BuZy1hdG9taWMvY29yZSc7XG5cbmVudW0gQWN0aW9uSWQge1xuICBEUkFHX1NUQVJURUQgPSAnW0BuZy1hdG9taWMvZGl2aWRlcl0gZHJhZyBzdGFydCcsXG4gIERSQUdfTU9WRUQgPSAnW0BuZy1hdG9taWMvZGl2aWRlcl0gZHJhZyBtb3ZlJyxcbiAgRFJBR19FTkRFRCA9ICdbQG5nLWF0b21pYy9kaXZpZGVyXSBkcmFnIGVuZCcsXG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2ZyYW1lcy1kaXZpZGVyJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBNYXREaXZpZGVyTW9kdWxlLFxuICAgIENka0RyYWcsXG4gIF0sXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdiBjbGFzcz1cImZpcnN0XCI+XG4gICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbZmlyc3RdXCI+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuICAgIDxtYXQtZGl2aWRlclxuICAgICAgY2RrRHJhZ1xuICAgICAgY2RrRHJhZ0hhbmRsZVxuICAgICAgW2Nka0RyYWdTdGFydERlbGF5XT1cIjBcIlxuICAgICAgKGNka0RyYWdTdGFydGVkKT1cIm9uRHJhZ1N0YXJ0KCRldmVudClcIlxuICAgICAgKGNka0RyYWdNb3ZlZCk9XCJvbkRyYWdNb3ZlZCgkZXZlbnQpXCJcbiAgICAgIChjZGtEcmFnRW5kZWQpPVwib25EcmFnRW5kKCRldmVudClcIlxuICAgICAgY2RrRHJhZ0xvY2tBeGlzPVwieVwiXG4gICAgICAjZWxcbiAgICA+PC9tYXQtZGl2aWRlcj5cbiAgICA8ZGl2IGNsYXNzPVwic2Vjb25kXCI+XG4gICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbc2Vjb25kXVwiPjwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cbiAgYCxcbiAgc3R5bGVVcmxzOiBbJy4vZGl2aWRlci5mcmFtZS5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIERpdmlkZXJGcmFtZSBleHRlbmRzIE5nQXRvbWljQ29tcG9uZW50IHtcbiAgc3RhdGljIEFjdGlvbklkID0gQWN0aW9uSWQ7XG5cbiAgcHJpdmF0ZSBlbCA9IGluamVjdChFbGVtZW50UmVmKTtcblxuICBwcm90ZWN0ZWQgZmlyc3RDb250ZW50SGVpZ2h0OiBudW1iZXI7XG4gIHByb3RlY3RlZCBkaXN0YW5jZToge3g6IG51bWJlciwgeTogbnVtYmVyfSA9IHt4OiAwLCB5OiAwfTtcblxuXG4gIEBWaWV3Q2hpbGQoJ2VsJywge3JlYWQ6IEVsZW1lbnRSZWZ9KVxuICBkaXZpZGVyOiBFbGVtZW50UmVmPEhUTUxFbGVtZW50PjtcblxuICBwcm90ZWN0ZWQgb25EcmFnU3RhcnQoJGV2ZW50OiBDZGtEcmFnU3RhcnQpIHtcbiAgICB0aGlzLmRpc3BhdGNoKHtpZDogQWN0aW9uSWQuRFJBR19TVEFSVEVELCBwYXlsb2FkOiAkZXZlbnR9LCAnZGVmYXVsdCcpO1xuICAgIGNvbnN0IHBhcmVudFJlY3QgPSB0aGlzLmRpdmlkZXIubmF0aXZlRWxlbWVudC5wYXJlbnRFbGVtZW50LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpO1xuICAgIGNvbnN0IGVsZW1lbnRSZWN0ID0gdGhpcy5kaXZpZGVyLm5hdGl2ZUVsZW1lbnQuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCk7XG4gICAgdGhpcy5maXJzdENvbnRlbnRIZWlnaHQgPSBlbGVtZW50UmVjdC50b3AgLSBwYXJlbnRSZWN0LnRvcDtcbiAgfVxuXG4gIHByb3RlY3RlZCBvbkRyYWdNb3ZlZCgkZXZlbnQ6IENka0RyYWdNb3ZlKSB7XG4gICAgdGhpcy5kaXNwYXRjaCh7aWQ6IEFjdGlvbklkLkRSQUdfTU9WRUQsIHBheWxvYWQ6ICRldmVudH0sICdkZWZhdWx0Jyk7XG4gICAgdGhpcy5kaXZpZGVyLm5hdGl2ZUVsZW1lbnQuc3R5bGUudHJhbnNmb3JtID0gYHRyYW5zbGF0ZTNkKDAsIDAsIDApYDtcbiAgICBjb25zdCBoZWlnaHQgPSBNYXRoLm1heCgxLCB0aGlzLmZpcnN0Q29udGVudEhlaWdodCArICRldmVudC5kaXN0YW5jZS55KTtcbiAgICB0aGlzLmVsLm5hdGl2ZUVsZW1lbnQuc3R5bGUuc2V0UHJvcGVydHkoJy0tZmlyc3QtY29udGVudC1oZWlnaHQnLCBgJHtoZWlnaHR9cHhgKTtcbiAgfVxuXG4gIHByb3RlY3RlZCBvbkRyYWdFbmQoJGV2ZW50OiBDZGtEcmFnTW92ZSkge1xuICAgIHRoaXMuZGlzcGF0Y2goe2lkOiBBY3Rpb25JZC5EUkFHX0VOREVELCBwYXlsb2FkOiAkZXZlbnR9LCAnZGVmYXVsdCcpO1xuICB9XG59XG4iXX0=
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--first-content-height: 0px;--first-content-height-SCOPED-IN-divider-TD4b: var(--first-content-height);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-divider-TD4b: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-divider-TD4b: var(--max-first-content-height)}:host{position:relative;display:flex;flex-direction:column;height:100%;width:100%}:host div.first{height:min(max(var(--first-content-height-SCOPED-IN-divider-TD4b),var(--min-first-content-height-SCOPED-IN-divider-TD4b)),var(--max-first-content-height-SCOPED-IN-divider-TD4b));overflow:hidden;display:flex;flex-direction:column}:host mat-divider{z-index:1000;width:100%;cursor:row-resize}:host div.second{display:flex;flex-direction:column;height:calc(100% - min(max(var(--first-content-height-SCOPED-IN-divider-TD4b),var(--min-first-content-height-SCOPED-IN-divider-TD4b)),var(--max-first-content-height-SCOPED-IN-divider-TD4b)));overflow:hidden}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGl2aWRlci5mcmFtZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL0BuZy1hdG9taWMvY29tcG9uZW50cy9zcmMvbGliL2ZyYW1lcy9kaXZpZGVyL2RpdmlkZXIuZnJhbWUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQVUsTUFBTSxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxRyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUM3RCxPQUFPLEVBQUUsT0FBTyxFQUE2QixNQUFNLHdCQUF3QixDQUFDO0FBQzVFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlCQUFpQixDQUFDOzs7QUFFcEQsSUFBSyxRQUlKO0FBSkQsV0FBSyxRQUFRO0lBQ1gsNERBQWdELENBQUE7SUFDaEQseURBQTZDLENBQUE7SUFDN0Msd0RBQTRDLENBQUE7QUFDOUMsQ0FBQyxFQUpJLFFBQVEsS0FBUixRQUFRLFFBSVo7QUE4QkQsTUFBTSxPQUFPLFlBQWEsU0FBUSxpQkFBaUI7SUE1Qm5EOztRQStCVSxPQUFFLEdBQUcsTUFBTSxDQUEwQixVQUFVLENBQUMsQ0FBQztRQUVoRCxpQkFBWSxHQUF1QyxTQUFTLENBQUMsT0FBTyxFQUFFLEVBQUMsSUFBSSxFQUFFLFVBQVUsRUFBQyxDQUFDLENBQUM7UUFDMUYsWUFBTyxHQUF1QyxTQUFTLENBQUMsUUFBUSxDQUFDLElBQUksRUFBRSxFQUFDLElBQUksRUFBRSxVQUFVLEVBQUMsQ0FBQyxDQUFDO0tBNkJyRzthQWxDUSxhQUFRLEdBQUcsUUFBUSxBQUFYLENBQVk7SUFPakIsV0FBVyxDQUFDLE1BQW9CO1FBQ3hDLElBQUksQ0FBQyxRQUFRLENBQUMsRUFBQyxFQUFFLEVBQUUsUUFBUSxDQUFDLFlBQVksRUFBRSxPQUFPLEVBQUUsTUFBTSxFQUFDLEVBQUUsU0FBUyxDQUFDLENBQUM7UUFDdkUsTUFBTSxVQUFVLEdBQUcsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDLGFBQWEsQ0FBQyxhQUFhLENBQUMscUJBQXFCLEVBQUUsQ0FBQztRQUN0RixNQUFNLFdBQVcsR0FBRyxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUMsYUFBYSxDQUFDLHFCQUFxQixFQUFFLENBQUM7UUFDekUsSUFBSSxDQUFDLGtCQUFrQixHQUFHLFdBQVcsQ0FBQyxHQUFHLEdBQUcsVUFBVSxDQUFDLEdBQUcsQ0FBQztJQUM3RCxDQUFDO0lBRVMsV0FBVyxDQUFDLE1BQW1CO1FBQ3ZDLElBQUksQ0FBQyxRQUFRLENBQUMsRUFBQyxFQUFFLEVBQUUsUUFBUSxDQUFDLFVBQVUsRUFBRSxPQUFPLEVBQUUsTUFBTSxFQUFDLEVBQUUsU0FBUyxDQUFDLENBQUM7UUFDckUsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUMsU0FBUyxHQUFHLHNCQUFzQixDQUFDO1FBQ3RFLE1BQU0sTUFBTSxHQUFHLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxFQUFFLElBQUksQ0FBQyxrQkFBa0IsR0FBRyxNQUFNLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQ3hFLElBQUksQ0FBQyxxQkFBcUIsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLENBQUM7SUFDM0MsQ0FBQztJQUVTLFNBQVMsQ0FBQyxNQUFtQjtRQUNyQyxJQUFJLENBQUMsUUFBUSxDQUFDLEVBQUMsRUFBRSxFQUFFLFFBQVEsQ0FBQyxVQUFVLEVBQUUsT0FBTyxFQUFFLE1BQU0sRUFBQyxFQUFFLFNBQVMsQ0FBQyxDQUFDO0lBQ3ZFLENBQUM7SUFFRCxxQkFBcUIsQ0FBQyxNQUFjLEVBQUUsT0FBbUIsSUFBSSxFQUFFLEVBQzdELE9BQU8sR0FBRyxLQUFLLEtBQ1EsRUFBRTtRQUN6QixJQUFJLElBQUksQ0FBQyxZQUFZLEVBQUUsSUFBSSxPQUFPLEVBQUU7WUFDbEMsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUMsVUFBVSxHQUFHLGFBQWEsQ0FBQztZQUNuRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUMsVUFBVSxHQUFHLE1BQU0sRUFBRSxHQUFHLENBQUMsQ0FBQztTQUNwRjtRQUNELElBQUksQ0FBQyxFQUFFLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQyxXQUFXLENBQUMsd0JBQXdCLEVBQUUsR0FBRyxNQUFNLEdBQUcsSUFBSSxFQUFFLENBQUMsQ0FBQztJQUN4RixDQUFDOzhHQWxDVSxZQUFZO2tHQUFaLFlBQVksNEpBSytELFVBQVUsd0dBQ1QsVUFBVSxvRUEzQnZGOzs7Ozs7Ozs7Ozs7Ozs7OztHQWlCVCxtakNBcEJDLGdCQUFnQixtSUFDaEIsT0FBTzs7MkZBdUJFLFlBQVk7a0JBNUJ4QixTQUFTOytCQUNFLGdCQUFnQixjQUNkLElBQUksV0FDUDt3QkFDUCxnQkFBZ0I7d0JBQ2hCLE9BQU87cUJBQ1IsWUFDUzs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FpQlQsbUJBRWdCLHVCQUF1QixDQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBTaWduYWwsIGluamVjdCwgdmlld0NoaWxkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBNYXREaXZpZGVyTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZGl2aWRlcic7XG5pbXBvcnQgeyBDZGtEcmFnLCBDZGtEcmFnTW92ZSwgQ2RrRHJhZ1N0YXJ0IH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2RyYWctZHJvcCc7XG5pbXBvcnQgeyBOZ0F0b21pY0NvbXBvbmVudCB9IGZyb20gJ0BuZy1hdG9taWMvY29yZSc7XG5cbmVudW0gQWN0aW9uSWQge1xuICBEUkFHX1NUQVJURUQgPSAnW0BuZy1hdG9taWMvZGl2aWRlcl0gZHJhZyBzdGFydCcsXG4gIERSQUdfTU9WRUQgPSAnW0BuZy1hdG9taWMvZGl2aWRlcl0gZHJhZyBtb3ZlJyxcbiAgRFJBR19FTkRFRCA9ICdbQG5nLWF0b21pYy9kaXZpZGVyXSBkcmFnIGVuZCcsXG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2ZyYW1lcy1kaXZpZGVyJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIE1hdERpdmlkZXJNb2R1bGUsXG4gICAgQ2RrRHJhZyxcbiAgXSxcbiAgdGVtcGxhdGU6IGBcbiAgICA8ZGl2IGNsYXNzPVwiZmlyc3RcIiAjZmlyc3Q+XG4gICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbZmlyc3RdXCI+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuICAgIDxtYXQtZGl2aWRlclxuICAgICAgY2RrRHJhZ1xuICAgICAgY2RrRHJhZ0hhbmRsZVxuICAgICAgW2Nka0RyYWdTdGFydERlbGF5XT1cIjBcIlxuICAgICAgKGNka0RyYWdTdGFydGVkKT1cIm9uRHJhZ1N0YXJ0KCRldmVudClcIlxuICAgICAgKGNka0RyYWdNb3ZlZCk9XCJvbkRyYWdNb3ZlZCgkZXZlbnQpXCJcbiAgICAgIChjZGtEcmFnRW5kZWQpPVwib25EcmFnRW5kKCRldmVudClcIlxuICAgICAgY2RrRHJhZ0xvY2tBeGlzPVwieVwiXG4gICAgICAjZWxcbiAgICA+PC9tYXQtZGl2aWRlcj5cbiAgICA8ZGl2IGNsYXNzPVwic2Vjb25kXCI+XG4gICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbc2Vjb25kXVwiPjwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cbiAgYCxcbiAgc3R5bGVVcmxzOiBbJy4vZGl2aWRlci5mcmFtZS5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIERpdmlkZXJGcmFtZSBleHRlbmRzIE5nQXRvbWljQ29tcG9uZW50IHtcbiAgc3RhdGljIEFjdGlvbklkID0gQWN0aW9uSWQ7XG5cbiAgcHJpdmF0ZSBlbCA9IGluamVjdDxFbGVtZW50UmVmPEhUTUxFbGVtZW50Pj4oRWxlbWVudFJlZik7XG4gIHByb3RlY3RlZCBmaXJzdENvbnRlbnRIZWlnaHQ6IG51bWJlcjtcbiAgcmVhZG9ubHkgZmlyc3RDb250ZW50OiBTaWduYWw8RWxlbWVudFJlZjxIVE1MRGl2RWxlbWVudD4+ID0gdmlld0NoaWxkKCdmaXJzdCcsIHtyZWFkOiBFbGVtZW50UmVmfSk7XG4gIHJlYWRvbmx5IGRpdmlkZXI6IFNpZ25hbDxFbGVtZW50UmVmPEhUTUxEaXZFbGVtZW50Pj4gPSB2aWV3Q2hpbGQucmVxdWlyZWQoJ2VsJywge3JlYWQ6IEVsZW1lbnRSZWZ9KTtcblxuICBwcm90ZWN0ZWQgb25EcmFnU3RhcnQoJGV2ZW50OiBDZGtEcmFnU3RhcnQpIHtcbiAgICB0aGlzLmRpc3BhdGNoKHtpZDogQWN0aW9uSWQuRFJBR19TVEFSVEVELCBwYXlsb2FkOiAkZXZlbnR9LCAnZGVmYXVsdCcpO1xuICAgIGNvbnN0IHBhcmVudFJlY3QgPSB0aGlzLmRpdmlkZXIoKS5uYXRpdmVFbGVtZW50LnBhcmVudEVsZW1lbnQuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCk7XG4gICAgY29uc3QgZWxlbWVudFJlY3QgPSB0aGlzLmRpdmlkZXIoKS5uYXRpdmVFbGVtZW50LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpO1xuICAgIHRoaXMuZmlyc3RDb250ZW50SGVpZ2h0ID0gZWxlbWVudFJlY3QudG9wIC0gcGFyZW50UmVjdC50b3A7XG4gIH1cblxuICBwcm90ZWN0ZWQgb25EcmFnTW92ZWQoJGV2ZW50OiBDZGtEcmFnTW92ZSkge1xuICAgIHRoaXMuZGlzcGF0Y2goe2lkOiBBY3Rpb25JZC5EUkFHX01PVkVELCBwYXlsb2FkOiAkZXZlbnR9LCAnZGVmYXVsdCcpO1xuICAgIHRoaXMuZGl2aWRlcigpLm5hdGl2ZUVsZW1lbnQuc3R5bGUudHJhbnNmb3JtID0gYHRyYW5zbGF0ZTNkKDAsIDAsIDApYDtcbiAgICBjb25zdCBoZWlnaHQgPSBNYXRoLm1heCgxLCB0aGlzLmZpcnN0Q29udGVudEhlaWdodCArICRldmVudC5kaXN0YW5jZS55KTtcbiAgICB0aGlzLnNldEZpcnN0Q29udGVudEhlaWdodChoZWlnaHQsICdweCcpO1xuICB9XG5cbiAgcHJvdGVjdGVkIG9uRHJhZ0VuZCgkZXZlbnQ6IENka0RyYWdNb3ZlKSB7XG4gICAgdGhpcy5kaXNwYXRjaCh7aWQ6IEFjdGlvbklkLkRSQUdfRU5ERUQsIHBheWxvYWQ6ICRldmVudH0sICdkZWZhdWx0Jyk7XG4gIH1cblxuICBzZXRGaXJzdENvbnRlbnRIZWlnaHQoaGVpZ2h0OiBudW1iZXIsIHVuaXQ6ICdweCcgfCAnJScgPSAncHgnLCB7XG4gICAgYW5pbWF0ZSA9IGZhbHNlXG4gIH06IHthbmltYXRlPzogYm9vbGVhbn0gPSB7fSkge1xuICAgIGlmICh0aGlzLmZpcnN0Q29udGVudCgpICYmIGFuaW1hdGUpIHtcbiAgICAgIHRoaXMuZmlyc3RDb250ZW50KCkubmF0aXZlRWxlbWVudC5zdHlsZS50cmFuc2l0aW9uID0gJ2hlaWdodCAwLjVzJztcbiAgICAgIHNldFRpbWVvdXQoKCkgPT4gdGhpcy5maXJzdENvbnRlbnQoKS5uYXRpdmVFbGVtZW50LnN0eWxlLnRyYW5zaXRpb24gPSAnbm9uZScsIDUwMCk7XG4gICAgfVxuICAgIHRoaXMuZWwubmF0aXZlRWxlbWVudC5zdHlsZS5zZXRQcm9wZXJ0eSgnLS1maXJzdC1jb250ZW50LWhlaWdodCcsIGAke2hlaWdodH0ke3VuaXR9YCk7XG4gIH1cbn1cbiJdfQ==

package/esm2022/frames/drawer/drawer.frame.mjs

@@ -1,55 +1,61 @@
-import { CommonModule } from '@angular/common';
-import { Component, Input, ViewChild } from '@angular/core';
-import { MatDrawer, MatSidenavModule } from '@angular/material/sidenav';
+import { __decorate } from "tslib";
+import { ChangeDetectionStrategy, Component, Directive, inject, input } from '@angular/core';
+import { MatSidenavModule } from '@angular/material/sidenav';
+import { InjectableComponent, NgAtomicComponent, TokenizedType } from '@ng-atomic/core';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/material/sidenav";
-export class DrawerFrame {
+let DrawerFrameStore = class DrawerFrameStore extends InjectableComponent {
     constructor() {
-        this._isOpen = false;
+        super(...arguments);
+        this.opened = input(false);
+        this.mode = input('side');
+        this.hasBackdrop = input(true);
+        this.position = input('start');
     }
-    set isOpen(_isOpen) {
-        _isOpen ? this.drawer?.open() : this.drawer?.close();
-        this._isOpen = _isOpen;
-    }
-    get isOpen() {
-        return this._isOpen;
-    }
-    ngAfterViewInit() {
-        // setTimeout(() => {
-        //   this.drawer.open();
-        //   this.isOpen ? this.drawer?.open() : this.drawer?.close();
-        //   console.debug('this.drawer:', this.drawer);
-        // },0);
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: DrawerFrameStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.2.2", 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 } }, usesInheritance: true, ngImport: i0 }); }
+};
+DrawerFrameStore = __decorate([
+    TokenizedType()
+], DrawerFrameStore);
+export { DrawerFrameStore };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: DrawerFrameStore, decorators: [{
+            type: Directive,
+            args: [{ standalone: true, selector: 'frames-drawer' }]
+        }] });
+export class DrawerFrame extends NgAtomicComponent {
+    constructor() {
+        super(...arguments);
+        this.store = inject(DrawerFrameStore);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DrawerFrame, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DrawerFrame, isStandalone: true, selector: "frames-drawer", inputs: { isOpen: "isOpen" }, viewQueries: [{ propertyName: "drawer", first: true, predicate: MatDrawer, descendants: true }], ngImport: i0, template: `
-  <mat-drawer-container [autosize]="false">
-    <mat-drawer #drawer mode="side">
-      <ng-content select=[drawer]></ng-content>
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: DrawerFrame, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: DrawerFrame, isStandalone: true, selector: "frames-drawer", usesInheritance: true, hostDirectives: [{ directive: DrawerFrameStore, inputs: ["opened", "opened", "mode", "mode", "hasBackdrop", "hasBackdrop", "position", "position"] }], ngImport: i0, template: `
+  <mat-drawer-container [autosize]="false" [hasBackdrop]="store.hasBackdrop()">
+    <mat-drawer #drawer [opened]="store.opened()" [mode]="store.mode()" [position]="store.position()">
+      <ng-content select=[drawer] />
     </mat-drawer>
     <mat-drawer-content>
-      <ng-content select=[contents]></ng-content>
+      <ng-content select=[contents] />
     </mat-drawer-content>
-  </mat-drawer-container>`, isInline: true, styles: [":host{--content-width: 360px;--content-width-SCOPED-IN-drawer-pHGv: var(--content-width);--height: 100%;--height-SCOPED-IN-drawer-pHGv: var(--height)}:host{display:contents;height:var(--height-SCOPED-IN-drawer-pHGv)}:host mat-drawer-container{width:100%;height:100%}:host mat-drawer-content{width:100%;height:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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" }] }); }
+  </mat-drawer-container>`, isInline: true, styles: [":host{--content-width: 360px;--content-width-SCOPED-IN-drawer-g8G4: var(--content-width);--height: 100%;--height-SCOPED-IN-drawer-g8G4: var(--height);--background-color: #f0f0f0;--background-color-SCOPED-IN-drawer-g8G4: var(--background-color);--surface-color: transparent;--surface-color-SCOPED-IN-drawer-g8G4: var(--surface-color)}:host{display:contents;height:var(--height-SCOPED-IN-drawer-g8G4)}:host mat-drawer-container{--mat-sidenav-content-background-color: transparent;width:100%;height:100%}:host mat-drawer-content{width:100%;height:100%}\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: "16.2.12", ngImport: i0, type: DrawerFrame, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: DrawerFrame, decorators: [{
             type: Component,
             args: [{ selector: 'frames-drawer', standalone: true, imports: [
-                        CommonModule,
                         MatSidenavModule,
                     ], template: `
-  <mat-drawer-container [autosize]="false">
-    <mat-drawer #drawer mode="side">
-      <ng-content select=[drawer]></ng-content>
+  <mat-drawer-container [autosize]="false" [hasBackdrop]="store.hasBackdrop()">
+    <mat-drawer #drawer [opened]="store.opened()" [mode]="store.mode()" [position]="store.position()">
+      <ng-content select=[drawer] />
     </mat-drawer>
     <mat-drawer-content>
-      <ng-content select=[contents]></ng-content>
+      <ng-content select=[contents] />
     </mat-drawer-content>
-  </mat-drawer-container>`, styles: [":host{--content-width: 360px;--content-width-SCOPED-IN-drawer-pHGv: var(--content-width);--height: 100%;--height-SCOPED-IN-drawer-pHGv: var(--height)}:host{display:contents;height:var(--height-SCOPED-IN-drawer-pHGv)}:host mat-drawer-container{width:100%;height:100%}:host mat-drawer-content{width:100%;height:100%}\n"] }]
-        }], propDecorators: { drawer: [{
-                type: ViewChild,
-                args: [MatDrawer]
-            }], isOpen: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJhd2VyLmZyYW1lLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvQG5nLWF0b21pYy9jb21wb25lbnRzL3NyYy9saWIvZnJhbWVzL2RyYXdlci9kcmF3ZXIuZnJhbWUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBaUIsU0FBUyxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDM0UsT0FBTyxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDJCQUEyQixDQUFDOzs7QUFxQnhFLE1BQU0sT0FBTyxXQUFXO0lBbkJ4QjtRQXdCVSxZQUFPLEdBQUcsS0FBSyxDQUFDO0tBcUJ6QjtJQW5CQyxJQUNJLE1BQU0sQ0FBQyxPQUFnQjtRQUN6QixPQUFPLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxNQUFNLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxNQUFNLEVBQUUsS0FBSyxFQUFFLENBQUM7UUFDckQsSUFBSSxDQUFDLE9BQU8sR0FBRyxPQUFPLENBQUE7SUFDeEIsQ0FBQztJQUVELElBQUksTUFBTTtRQUNSLE9BQU8sSUFBSSxDQUFDLE9BQU8sQ0FBQTtJQUNyQixDQUFDO0lBRUQsZUFBZTtRQUNiLHFCQUFxQjtRQUNyQix3QkFBd0I7UUFDeEIsOERBQThEO1FBQzlELGdEQUFnRDtRQUVoRCxRQUFRO0lBQ1YsQ0FBQzsrR0F4QlUsV0FBVzttR0FBWCxXQUFXLCtJQUVYLFNBQVMsZ0RBZFY7Ozs7Ozs7OzBCQVFjLHFZQVh0QixZQUFZLDhCQUNaLGdCQUFnQjs7NEZBY1AsV0FBVztrQkFuQnZCLFNBQVM7K0JBQ0UsZUFBZSxjQUNiLElBQUksV0FDUDt3QkFDUCxZQUFZO3dCQUNaLGdCQUFnQjtxQkFDakIsWUFDUzs7Ozs7Ozs7MEJBUWM7OEJBT3hCLE1BQU07c0JBREwsU0FBUzt1QkFBQyxTQUFTO2dCQU1oQixNQUFNO3NCQURULEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQWZ0ZXJWaWV3SW5pdCwgQ29tcG9uZW50LCBJbnB1dCwgVmlld0NoaWxkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBNYXREcmF3ZXIsIE1hdFNpZGVuYXZNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9zaWRlbmF2JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZnJhbWVzLWRyYXdlcicsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgTWF0U2lkZW5hdk1vZHVsZSxcbiAgXSxcbiAgdGVtcGxhdGU6IGBcbiAgPG1hdC1kcmF3ZXItY29udGFpbmVyIFthdXRvc2l6ZV09XCJmYWxzZVwiPlxuICAgIDxtYXQtZHJhd2VyICNkcmF3ZXIgbW9kZT1cInNpZGVcIj5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1bZHJhd2VyXT48L25nLWNvbnRlbnQ+XG4gICAgPC9tYXQtZHJhd2VyPlxuICAgIDxtYXQtZHJhd2VyLWNvbnRlbnQ+XG4gICAgICA8bmctY29udGVudCBzZWxlY3Q9W2NvbnRlbnRzXT48L25nLWNvbnRlbnQ+XG4gICAgPC9tYXQtZHJhd2VyLWNvbnRlbnQ+XG4gIDwvbWF0LWRyYXdlci1jb250YWluZXI+YCxcbiAgc3R5bGVVcmxzOiBbJy4vZHJhd2VyLmZyYW1lLnNjc3MnXSxcbiAgLy8gY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIERyYXdlckZyYW1lIGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCB7XG5cbiAgQFZpZXdDaGlsZChNYXREcmF3ZXIpXG4gIGRyYXdlciE6IE1hdERyYXdlcjtcblxuICBwcml2YXRlIF9pc09wZW4gPSBmYWxzZTtcblxuICBASW5wdXQoKVxuICBzZXQgaXNPcGVuKF9pc09wZW46IGJvb2xlYW4pIHtcbiAgICBfaXNPcGVuID8gdGhpcy5kcmF3ZXI/Lm9wZW4oKSA6IHRoaXMuZHJhd2VyPy5jbG9zZSgpO1xuICAgIHRoaXMuX2lzT3BlbiA9IF9pc09wZW5cbiAgfVxuXG4gIGdldCBpc09wZW4oKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMuX2lzT3BlblxuICB9XG5cbiAgbmdBZnRlclZpZXdJbml0KCkge1xuICAgIC8vIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgIC8vICAgdGhpcy5kcmF3ZXIub3BlbigpO1xuICAgIC8vICAgdGhpcy5pc09wZW4gPyB0aGlzLmRyYXdlcj8ub3BlbigpIDogdGhpcy5kcmF3ZXI/LmNsb3NlKCk7XG4gICAgLy8gICBjb25zb2xlLmRlYnVnKCd0aGlzLmRyYXdlcjonLCB0aGlzLmRyYXdlcik7XG5cbiAgICAvLyB9LDApO1xuICB9XG5cbn1cbiJdfQ==
+  </mat-drawer-container>`, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
+                        {
+                            directive: DrawerFrameStore,
+                            inputs: ['opened', 'mode', 'hasBackdrop', 'position'],
+                        }
+                    ], styles: [":host{--content-width: 360px;--content-width-SCOPED-IN-drawer-g8G4: var(--content-width);--height: 100%;--height-SCOPED-IN-drawer-g8G4: var(--height);--background-color: #f0f0f0;--background-color-SCOPED-IN-drawer-g8G4: var(--background-color);--surface-color: transparent;--surface-color-SCOPED-IN-drawer-g8G4: var(--surface-color)}:host{display:contents;height:var(--height-SCOPED-IN-drawer-g8G4)}:host mat-drawer-container{--mat-sidenav-content-background-color: transparent;width:100%;height:100%}:host mat-drawer-content{width:100%;height:100%}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJhd2VyLmZyYW1lLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvQG5nLWF0b21pYy9jb21wb25lbnRzL3NyYy9saWIvZnJhbWVzL2RyYXdlci9kcmF3ZXIuZnJhbWUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFVLE1BQU0sRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDckcsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDN0QsT0FBTyxFQUFFLG1CQUFtQixFQUFFLGlCQUFpQixFQUFFLGFBQWEsRUFBRSxNQUFNLGlCQUFpQixDQUFDOzs7QUFJakYsSUFBTSxnQkFBZ0IsR0FBdEIsTUFBTSxnQkFBaUIsU0FBUSxtQkFBbUI7SUFBbEQ7O1FBQ0ksV0FBTSxHQUFHLEtBQUssQ0FBVSxLQUFLLENBQUMsQ0FBQztRQUMvQixTQUFJLEdBQUcsS0FBSyxDQUEyQixNQUFNLENBQUMsQ0FBQztRQUMvQyxnQkFBVyxHQUFHLEtBQUssQ0FBVSxJQUFJLENBQUMsQ0FBQztRQUNuQyxhQUFRLEdBQUcsS0FBSyxDQUFrQixPQUFPLENBQUMsQ0FBQztLQUNyRDs4R0FMWSxnQkFBZ0I7a0dBQWhCLGdCQUFnQjs7QUFBaEIsZ0JBQWdCO0lBRjVCLGFBQWEsRUFBRTtHQUVILGdCQUFnQixDQUs1Qjs7MkZBTFksZ0JBQWdCO2tCQUQ1QixTQUFTO21CQUFDLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsZUFBZSxFQUFFOztBQWdDMUQsTUFBTSxPQUFPLFdBQVksU0FBUSxpQkFBaUI7SUF4QmxEOztRQXlCVyxVQUFLLEdBQUcsTUFBTSxDQUFDLGdCQUFnQixDQUFDLENBQUM7S0FDM0M7OEdBRlksV0FBVztrR0FBWCxXQUFXLHNHQS9CWCxnQkFBZ0IsaUlBYWpCOzs7Ozs7OzswQkFRYyxnbkJBVnRCLGdCQUFnQjs7MkZBb0JQLFdBQVc7a0JBeEJ2QixTQUFTOytCQUNFLGVBQWUsY0FDYixJQUFJLFdBQ1A7d0JBQ1AsZ0JBQWdCO3FCQUNqQixZQUNTOzs7Ozs7OzswQkFRYyxtQkFFUCx1QkFBdUIsQ0FBQyxNQUFNLGtCQUMvQjt3QkFDZDs0QkFDRSxTQUFTLEVBQUUsZ0JBQWdCOzRCQUMzQixNQUFNLEVBQUUsQ0FBQyxRQUFRLEVBQUUsTUFBTSxFQUFFLGFBQWEsRUFBRSxVQUFVLENBQUM7eUJBQ3REO3FCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRGlyZWN0aXZlLCBlZmZlY3QsIGluamVjdCwgaW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1hdFNpZGVuYXZNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9zaWRlbmF2JztcbmltcG9ydCB7IEluamVjdGFibGVDb21wb25lbnQsIE5nQXRvbWljQ29tcG9uZW50LCBUb2tlbml6ZWRUeXBlIH0gZnJvbSAnQG5nLWF0b21pYy9jb3JlJztcblxuQFRva2VuaXplZFR5cGUoKVxuQERpcmVjdGl2ZSh7IHN0YW5kYWxvbmU6IHRydWUsIHNlbGVjdG9yOiAnZnJhbWVzLWRyYXdlcicgfSlcbmV4cG9ydCBjbGFzcyBEcmF3ZXJGcmFtZVN0b3JlIGV4dGVuZHMgSW5qZWN0YWJsZUNvbXBvbmVudCB7XG4gIHJlYWRvbmx5IG9wZW5lZCA9IGlucHV0PGJvb2xlYW4+KGZhbHNlKTtcbiAgcmVhZG9ubHkgbW9kZSA9IGlucHV0PCdzaWRlJyB8ICdvdmVyJyB8ICdwdXNoJz4oJ3NpZGUnKTtcbiAgcmVhZG9ubHkgaGFzQmFja2Ryb3AgPSBpbnB1dDxib29sZWFuPih0cnVlKTtcbiAgcmVhZG9ubHkgcG9zaXRpb24gPSBpbnB1dDwnc3RhcnQnIHwgJ2VuZCc+KCdzdGFydCcpO1xufVxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdmcmFtZXMtZHJhd2VyJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIE1hdFNpZGVuYXZNb2R1bGUsXG4gIF0sXG4gIHRlbXBsYXRlOiBgXG4gIDxtYXQtZHJhd2VyLWNvbnRhaW5lciBbYXV0b3NpemVdPVwiZmFsc2VcIiBbaGFzQmFja2Ryb3BdPVwic3RvcmUuaGFzQmFja2Ryb3AoKVwiPlxuICAgIDxtYXQtZHJhd2VyICNkcmF3ZXIgW29wZW5lZF09XCJzdG9yZS5vcGVuZWQoKVwiIFttb2RlXT1cInN0b3JlLm1vZGUoKVwiIFtwb3NpdGlvbl09XCJzdG9yZS5wb3NpdGlvbigpXCI+XG4gICAgICA8bmctY29udGVudCBzZWxlY3Q9W2RyYXdlcl0gLz5cbiAgICA8L21hdC1kcmF3ZXI+XG4gICAgPG1hdC1kcmF3ZXItY29udGVudD5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1bY29udGVudHNdIC8+XG4gICAgPC9tYXQtZHJhd2VyLWNvbnRlbnQ+XG4gIDwvbWF0LWRyYXdlci1jb250YWluZXI+YCxcbiAgc3R5bGVVcmxzOiBbJy4vZHJhd2VyLmZyYW1lLnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGhvc3REaXJlY3RpdmVzOiBbXG4gICAge1xuICAgICAgZGlyZWN0aXZlOiBEcmF3ZXJGcmFtZVN0b3JlLFxuICAgICAgaW5wdXRzOiBbJ29wZW5lZCcsICdtb2RlJywgJ2hhc0JhY2tkcm9wJywgJ3Bvc2l0aW9uJ10sXG4gICAgfVxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBEcmF3ZXJGcmFtZSBleHRlbmRzIE5nQXRvbWljQ29tcG9uZW50IHtcbiAgcmVhZG9ubHkgc3RvcmUgPSBpbmplY3QoRHJhd2VyRnJhbWVTdG9yZSk7XG59XG4iXX0=

package/esm2022/frames/entrance/entrance.frame.mjs

@@ -0,0 +1,67 @@
+import { ChangeDetectionStrategy, Component, Directive, inject, input } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { OverlayFrame } from '@ng-atomic/components/frames/overlay';
+import { EntranceTemplateStore } from '@ng-atomic/components/templates/entrance';
+import { InjectableComponent, NgAtomicComponent } from '@ng-atomic/core';
+import { FormControl, FormGroup } from '@angular/forms';
+import * as i0 from "@angular/core";
+export class EntranceFrameStore extends InjectableComponent {
+    constructor() {
+        super(...arguments);
+        this.isEntrance = input(true);
+        this.actions = input([]);
+        this.form = input(new FormGroup({
+            email: new FormControl(''),
+            password: new FormControl(''),
+        }));
+        this.title = input('ログイン');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: EntranceFrameStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.2.2", type: EntranceFrameStore, isStandalone: true, inputs: { isEntrance: { classPropertyName: "isEntrance", publicName: "isEntrance", isSignal: true, isRequired: false, transformFunction: null }, actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: EntranceFrameStore, decorators: [{
+            type: Directive,
+            args: [{ standalone: true }]
+        }] });
+export class EntranceFrame extends NgAtomicComponent {
+    constructor() {
+        super(...arguments);
+        this.store = inject(EntranceFrameStore);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: EntranceFrame, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: EntranceFrame, isStandalone: true, selector: "frames-entrance", usesInheritance: true, hostDirectives: [{ directive: EntranceFrameStore, inputs: ["isEntrance", "isEntrance", "actions", "actions", "form", "form", "title", "title"] }], ngImport: i0, template: `
+    <frames-overlay [hasNext]="store.isEntrance()" ngSkipHydration>
+      <ng-content main/>
+      <templates-entrance next injectable
+        [actions]="store.actions()"
+        [form]="store.form()"
+        [title]="store.title()"
+        (action)="dispatch($event)"
+      />
+    </frames-overlay>
+  `, isInline: true, styles: [":host{display:block}:host{display:block;width:100%;height:100%}:host templates-entrance{position:relative;width:100%;height:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: OverlayFrame, selector: "frames-overlay" }, { kind: "directive", type: EntranceTemplateStore, selector: "templates-entrance", inputs: ["form", "actions", "title"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: EntranceFrame, decorators: [{
+            type: Component,
+            args: [{ selector: 'frames-entrance', standalone: true, imports: [
+                        CommonModule,
+                        OverlayFrame,
+                        EntranceTemplateStore,
+                    ], template: `
+    <frames-overlay [hasNext]="store.isEntrance()" ngSkipHydration>
+      <ng-content main/>
+      <templates-entrance next injectable
+        [actions]="store.actions()"
+        [form]="store.form()"
+        [title]="store.title()"
+        (action)="dispatch($event)"
+      />
+    </frames-overlay>
+  `, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
+                        {
+                            directive: EntranceFrameStore,
+                            inputs: ['isEntrance', 'actions', 'form', 'title'],
+                        },
+                    ], styles: [":host{display:block}:host{display:block;width:100%;height:100%}:host templates-entrance{position:relative;width:100%;height:100%}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW50cmFuY2UuZnJhbWUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9AbmctYXRvbWljL2NvbXBvbmVudHMvc3JjL2xpYi9mcmFtZXMvZW50cmFuY2UvZW50cmFuY2UuZnJhbWUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM3RixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBQ3BFLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLDBDQUEwQyxDQUFDO0FBQ2pGLE9BQU8sRUFBVSxtQkFBbUIsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ2pGLE9BQU8sRUFBRSxXQUFXLEVBQUUsU0FBUyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7O0FBR3hELE1BQU0sT0FBTyxrQkFBbUIsU0FBUSxtQkFBbUI7SUFEM0Q7O1FBRVcsZUFBVSxHQUFHLEtBQUssQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUN6QixZQUFPLEdBQUcsS0FBSyxDQUFXLEVBQUUsQ0FBQyxDQUFDO1FBQzlCLFNBQUksR0FBRyxLQUFLLENBQUMsSUFBSSxTQUFTLENBQUM7WUFDbEMsS0FBSyxFQUFFLElBQUksV0FBVyxDQUFDLEVBQUUsQ0FBQztZQUMxQixRQUFRLEVBQUUsSUFBSSxXQUFXLENBQUMsRUFBRSxDQUFDO1NBQzlCLENBQUMsQ0FBQyxDQUFDO1FBQ0ssVUFBSyxHQUFHLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQztLQUNoQzs4R0FSWSxrQkFBa0I7a0dBQWxCLGtCQUFrQjs7MkZBQWxCLGtCQUFrQjtrQkFEOUIsU0FBUzttQkFBQyxFQUFDLFVBQVUsRUFBRSxJQUFJLEVBQUM7O0FBdUM3QixNQUFNLE9BQU8sYUFBYyxTQUFRLGlCQUFpQjtJQTVCcEQ7O1FBNkJZLFVBQUssR0FBRyxNQUFNLENBQUMsa0JBQWtCLENBQUMsQ0FBQztLQUM5Qzs4R0FGWSxhQUFhO2tHQUFiLGFBQWEsd0dBdENiLGtCQUFrQiwySEFrQm5COzs7Ozs7Ozs7O0dBVVQsNE1BZEMsWUFBWSwrQkFDWixZQUFZLDJEQUNaLHFCQUFxQjs7MkZBc0JaLGFBQWE7a0JBNUJ6QixTQUFTOytCQUNFLGlCQUFpQixjQUNmLElBQUksV0FDUDt3QkFDUCxZQUFZO3dCQUNaLFlBQVk7d0JBQ1oscUJBQXFCO3FCQUN0QixZQUNTOzs7Ozs7Ozs7O0dBVVQsbUJBRWdCLHVCQUF1QixDQUFDLE1BQU0sa0JBQy9CO3dCQUNkOzRCQUNFLFNBQVMsRUFBRSxrQkFBa0I7NEJBQzdCLE1BQU0sRUFBRSxDQUFDLFlBQVksRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLE9BQU8sQ0FBQzt5QkFDbkQ7cUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBEaXJlY3RpdmUsIGluamVjdCwgaW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBPdmVybGF5RnJhbWUgfSBmcm9tICdAbmctYXRvbWljL2NvbXBvbmVudHMvZnJhbWVzL292ZXJsYXknO1xuaW1wb3J0IHsgRW50cmFuY2VUZW1wbGF0ZVN0b3JlIH0gZnJvbSAnQG5nLWF0b21pYy9jb21wb25lbnRzL3RlbXBsYXRlcy9lbnRyYW5jZSc7XG5pbXBvcnQgeyBBY3Rpb24sIEluamVjdGFibGVDb21wb25lbnQsIE5nQXRvbWljQ29tcG9uZW50IH0gZnJvbSAnQG5nLWF0b21pYy9jb3JlJztcbmltcG9ydCB7IEZvcm1Db250cm9sLCBGb3JtR3JvdXAgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbkBEaXJlY3RpdmUoe3N0YW5kYWxvbmU6IHRydWV9KVxuZXhwb3J0IGNsYXNzIEVudHJhbmNlRnJhbWVTdG9yZSBleHRlbmRzIEluamVjdGFibGVDb21wb25lbnQge1xuICByZWFkb25seSBpc0VudHJhbmNlID0gaW5wdXQodHJ1ZSk7XG4gIHJlYWRvbmx5IGFjdGlvbnMgPSBpbnB1dDxBY3Rpb25bXT4oW10pO1xuICByZWFkb25seSBmb3JtID0gaW5wdXQobmV3IEZvcm1Hcm91cCh7XG4gICAgZW1haWw6IG5ldyBGb3JtQ29udHJvbCgnJyksXG4gICAgcGFzc3dvcmQ6IG5ldyBGb3JtQ29udHJvbCgnJyksXG4gIH0pKTtcbiAgcmVhZG9ubHkgdGl0bGUgPSBpbnB1dCgn44Ot44Kw44Kk44OzJyk7XG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2ZyYW1lcy1lbnRyYW5jZScsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgT3ZlcmxheUZyYW1lLFxuICAgIEVudHJhbmNlVGVtcGxhdGVTdG9yZSxcbiAgXSxcbiAgdGVtcGxhdGU6IGBcbiAgICA8ZnJhbWVzLW92ZXJsYXkgW2hhc05leHRdPVwic3RvcmUuaXNFbnRyYW5jZSgpXCIgbmdTa2lwSHlkcmF0aW9uPlxuICAgICAgPG5nLWNvbnRlbnQgbWFpbi8+XG4gICAgICA8dGVtcGxhdGVzLWVudHJhbmNlIG5leHQgaW5qZWN0YWJsZVxuICAgICAgICBbYWN0aW9uc109XCJzdG9yZS5hY3Rpb25zKClcIlxuICAgICAgICBbZm9ybV09XCJzdG9yZS5mb3JtKClcIlxuICAgICAgICBbdGl0bGVdPVwic3RvcmUudGl0bGUoKVwiXG4gICAgICAgIChhY3Rpb24pPVwiZGlzcGF0Y2goJGV2ZW50KVwiXG4gICAgICAvPlxuICAgIDwvZnJhbWVzLW92ZXJsYXk+XG4gIGAsXG4gIHN0eWxlVXJsczogWycuL2VudHJhbmNlLmZyYW1lLnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGhvc3REaXJlY3RpdmVzOiBbXG4gICAge1xuICAgICAgZGlyZWN0aXZlOiBFbnRyYW5jZUZyYW1lU3RvcmUsXG4gICAgICBpbnB1dHM6IFsnaXNFbnRyYW5jZScsICdhY3Rpb25zJywgJ2Zvcm0nLCAndGl0bGUnXSxcbiAgICB9LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBFbnRyYW5jZUZyYW1lIGV4dGVuZHMgTmdBdG9taWNDb21wb25lbnQge1xuICBwcm90ZWN0ZWQgc3RvcmUgPSBpbmplY3QoRW50cmFuY2VGcmFtZVN0b3JlKTtcbn1cbiJdfQ==

package/esm2022/frames/entrance/index.mjs

@@ -0,0 +1,2 @@
+export * from './entrance.frame';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9AbmctYXRvbWljL2NvbXBvbmVudHMvc3JjL2xpYi9mcmFtZXMvZW50cmFuY2UvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxrQkFBa0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vZW50cmFuY2UuZnJhbWUnO1xuXG4iXX0=

package/esm2022/frames/entrance/ng-atomic-components-frames-entrance.mjs

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