@ng-atomic/components 17.4.0 → 17.6.0

package/esm2022/frames/loading/loading.frame.mjs

@@ -25,7 +25,7 @@ export class LoadingFrame extends NgAtomicComponent {
     @if(store.isLoading()) {
       <div class="loading"><mat-spinner /></div>
     }
-  `, isInline: true, styles: [":host{--primary-color: inherit;--primary-color-SCOPED-IN-loading-jto2: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-loading-jto2: var(--on-primary-color)}:host{position:relative;display:block;width:100%;height:100%}:host .loading{position:absolute;z-index:10000;display:flex;width:100%;height:100%;justify-content:center;align-items:center;background-color:#0006}:host .loading mat-spinner{--mdc-circular-progress-active-indicator-color: var(--primary-color)}:host .contents{position:absolute;top:0;left:0;display:block;width:100%;height:100%}:host *{--primary-color: var(--primary-color-SCOPED-IN-loading-jto2);--on-primary-color: var(--on-primary-color-SCOPED-IN-loading-jto2)}\n"], dependencies: [{ kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i1.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{--primary-color: inherit;--primary-color-SCOPED-IN-loading-FoQp: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-loading-FoQp: var(--on-primary-color)}:host{position:relative;display:block;width:100%;height:100%}:host .loading{position:absolute;z-index:10000;display:flex;width:100%;height:100%;justify-content:center;align-items:center;background-color:#0006}:host .loading mat-spinner{--mdc-circular-progress-active-indicator-color: var(--primary-color)}:host .contents{position:absolute;top:0;left:0;display:block;width:100%;height:100%}:host *{--primary-color: var(--primary-color-SCOPED-IN-loading-FoQp);--on-primary-color: var(--on-primary-color-SCOPED-IN-loading-FoQp)}\n"], dependencies: [{ kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i1.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: LoadingFrame, decorators: [{
             type: Component,
@@ -41,6 +41,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
                             directive: LoadingFrameStore,
                             inputs: ['isLoading'],
                         }
-                    ], styles: [":host{--primary-color: inherit;--primary-color-SCOPED-IN-loading-jto2: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-loading-jto2: var(--on-primary-color)}:host{position:relative;display:block;width:100%;height:100%}:host .loading{position:absolute;z-index:10000;display:flex;width:100%;height:100%;justify-content:center;align-items:center;background-color:#0006}:host .loading mat-spinner{--mdc-circular-progress-active-indicator-color: var(--primary-color)}:host .contents{position:absolute;top:0;left:0;display:block;width:100%;height:100%}:host *{--primary-color: var(--primary-color-SCOPED-IN-loading-jto2);--on-primary-color: var(--on-primary-color-SCOPED-IN-loading-jto2)}\n"] }]
+                    ], styles: [":host{--primary-color: inherit;--primary-color-SCOPED-IN-loading-FoQp: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-loading-FoQp: var(--on-primary-color)}:host{position:relative;display:block;width:100%;height:100%}:host .loading{position:absolute;z-index:10000;display:flex;width:100%;height:100%;justify-content:center;align-items:center;background-color:#0006}:host .loading mat-spinner{--mdc-circular-progress-active-indicator-color: var(--primary-color)}:host .contents{position:absolute;top:0;left:0;display:block;width:100%;height:100%}:host *{--primary-color: var(--primary-color-SCOPED-IN-loading-FoQp);--on-primary-color: var(--on-primary-color-SCOPED-IN-loading-FoQp)}\n"] }]
         }] });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGluZy5mcmFtZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL0BuZy1hdG9taWMvY29tcG9uZW50cy9zcmMvbGliL2ZyYW1lcy9sb2FkaW5nL2xvYWRpbmcuZnJhbWUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM3RixPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQztBQUM5RSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7O0FBR3BELE1BQU0sT0FBTyxpQkFBaUI7SUFEOUI7UUFFVyxjQUFTLEdBQUcsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDO0tBQ25DOzhHQUZZLGlCQUFpQjtrR0FBakIsaUJBQWlCOzsyRkFBakIsaUJBQWlCO2tCQUQ3QixTQUFTO21CQUFDLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsZ0JBQWdCLEVBQUU7O0FBMEIzRCxNQUFNLE9BQU8sWUFBYSxTQUFRLGlCQUFpQjtJQXJCbkQ7O1FBc0JZLFVBQUssR0FBRyxNQUFNLENBQUMsaUJBQWlCLENBQUMsQ0FBQztLQUU3Qzs4R0FIWSxZQUFZO2tHQUFaLFlBQVksdUdBekJaLGlCQUFpQixpRUFVbEI7Ozs7O0dBS1QsbXhCQVBDLHdCQUF3Qjs7MkZBaUJmLFlBQVk7a0JBckJ4QixTQUFTOytCQUNFLGdCQUFnQixjQUNkLElBQUksV0FDUDt3QkFDUCx3QkFBd0I7cUJBQ3pCLFlBQ1M7Ozs7O0dBS1QsbUJBRWdCLHVCQUF1QixDQUFDLE1BQU0sa0JBQy9CO3dCQUNkOzRCQUNFLFNBQVMsRUFBRSxpQkFBaUI7NEJBQzVCLE1BQU0sRUFBRSxDQUFDLFdBQVcsQ0FBQzt5QkFDdEI7cUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBEaXJlY3RpdmUsIGluamVjdCwgaW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1hdFByb2dyZXNzU3Bpbm5lck1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3Byb2dyZXNzLXNwaW5uZXInO1xuaW1wb3J0IHsgTmdBdG9taWNDb21wb25lbnQgfSBmcm9tICdAbmctYXRvbWljL2NvcmUnO1xuXG5ARGlyZWN0aXZlKHsgc3RhbmRhbG9uZTogdHJ1ZSwgc2VsZWN0b3I6ICdmcmFtZXMtbG9hZGluZycgfSlcbmV4cG9ydCBjbGFzcyBMb2FkaW5nRnJhbWVTdG9yZSB7XG4gIHJlYWRvbmx5IGlzTG9hZGluZyA9IGlucHV0KGZhbHNlKTtcbn1cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZnJhbWVzLWxvYWRpbmcnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgTWF0UHJvZ3Jlc3NTcGlubmVyTW9kdWxlLFxuICBdLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxkaXYgY2xhc3M9XCJjb250ZW50c1wiPjxuZy1jb250ZW50IC8+PC9kaXY+XG4gICAgQGlmKHN0b3JlLmlzTG9hZGluZygpKSB7XG4gICAgICA8ZGl2IGNsYXNzPVwibG9hZGluZ1wiPjxtYXQtc3Bpbm5lciAvPjwvZGl2PlxuICAgIH1cbiAgYCxcbiAgc3R5bGVVcmxzOiBbJy4vbG9hZGluZy5mcmFtZS5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBob3N0RGlyZWN0aXZlczogW1xuICAgIHtcbiAgICAgIGRpcmVjdGl2ZTogTG9hZGluZ0ZyYW1lU3RvcmUsXG4gICAgICBpbnB1dHM6IFsnaXNMb2FkaW5nJ10sXG4gICAgfVxuICBdXG59KVxuZXhwb3J0IGNsYXNzIExvYWRpbmdGcmFtZSBleHRlbmRzIE5nQXRvbWljQ29tcG9uZW50IHtcbiAgcHJvdGVjdGVkIHN0b3JlID0gaW5qZWN0KExvYWRpbmdGcmFtZVN0b3JlKTtcblxufVxuIl19

package/esm2022/frames/overlay/overlay.frame.mjs

@@ -1,13 +1,14 @@
-import { ChangeDetectionStrategy, Component, Directive, inject, input } from '@angular/core';
-import { OVERLAY_ANIMATION } from './overlay.animations';
-import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
+import { ChangeDetectionStrategy, Component, Directive, contentChild, inject, input } from '@angular/core';
+import { animate, query, style, transition, trigger } from '@angular/animations';
+import { NgTemplateOutlet } from '@angular/common';
 import * as i0 from "@angular/core";
 export class OverlayFrameStore {
     constructor() {
         this.hasNext = input(false);
+        this.animationType = input('slide');
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: OverlayFrameStore, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.2.2", type: OverlayFrameStore, isStandalone: true, selector: "frames-overlay", inputs: { hasNext: { classPropertyName: "hasNext", publicName: "hasNext", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.2.2", type: OverlayFrameStore, isStandalone: true, selector: "frames-overlay", inputs: { hasNext: { classPropertyName: "hasNext", publicName: "hasNext", isSignal: true, isRequired: false, transformFunction: null }, animationType: { classPropertyName: "animationType", publicName: "animationType", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: OverlayFrameStore, decorators: [{
             type: Directive,
@@ -16,29 +17,119 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
 export class OverlayFrame {
     constructor() {
         this.store = inject(OverlayFrameStore);
+        this.content = contentChild('next');
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: OverlayFrame, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.2", type: OverlayFrame, isStandalone: true, selector: "frames-overlay", hostDirectives: [{ directive: OverlayFrameStore, inputs: ["hasNext", "hasNext"] }], ngImport: i0, template: `
-    <div class="main content"><ng-content select=[main] /></div>
-    @if (store.hasNext()) { 
-      <div class="next content" @hasNext><ng-content select=[next] /></div>
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.2", type: OverlayFrame, isStandalone: true, selector: "frames-overlay", queries: [{ propertyName: "content", first: true, predicate: ["next"], descendants: true, isSignal: true }], hostDirectives: [{ directive: OverlayFrameStore, inputs: ["hasNext", "hasNext", "animationType", "animationType"] }], ngImport: i0, template: `
+    <div class="main content">
+      <ng-content select=[main] />
+    </div>
+    @if (store.hasNext()) {
+      @switch (store.animationType()) {
+        @case ('slide') {
+          <div class="next content" @slide>
+            <ng-container *ngTemplateOutlet="next"/>
+          </div>
+        }
+        @case ('fade') {
+          <div class="next content" @fade>
+            <ng-container *ngTemplateOutlet="next"/>
+          </div>
+        }
+      }
     }
-  `, isInline: true, styles: [":host{--width: 100%;--width-SCOPED-IN-line-overlay-fjrJ: var(--width);--height: 100%;--height-SCOPED-IN-line-overlay-fjrJ: var(--height)}:host{position:relative;display:block;width:var(--width-SCOPED-IN-line-overlay-fjrJ);height:var(--height-SCOPED-IN-line-overlay-fjrJ)}:host .content{position:absolute;top:0;left:0;width:100%;height:100%}:host .main{z-index:1}:host .next{z-index:2}\n"], dependencies: [{ kind: "ngmodule", type: MatProgressSpinnerModule }], animations: [OVERLAY_ANIMATION], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    <ng-template #next><ng-content select=[next] /></ng-template>
+  `, isInline: true, styles: [":host{position:relative;display:block;width:100%;height:100%;overflow:hidden}:host .content{position:absolute;top:0;left:0;width:100%;height:100%}:host .main{z-index:1}:host .next{z-index:2}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], animations: [
+            trigger('slide', [
+                transition(':enter', [
+                    query(':enter', [
+                        style({ transform: 'translateX(100%)' }),
+                        animate('300ms ease-in', style({ transform: 'translateX(0%)' })),
+                    ]),
+                ]),
+                transition(':leave', [
+                    query(':leave', [
+                        style({ transform: 'translateX(0%)' }),
+                        animate('300ms ease-out', style({ transform: 'translateX(100%)' })),
+                    ]),
+                ])
+            ]),
+            trigger('fade', [
+                transition(':enter', [
+                    query(':enter', [
+                        style({ opacity: 0 }),
+                        animate('500ms ease-in', style({ opacity: 1 })),
+                    ]),
+                ]),
+                transition(':leave', [
+                    query(':leave', [
+                        style({ opacity: 1 }),
+                        animate('500ms ease-out', style({ opacity: 0 })),
+                    ]),
+                ]),
+            ]),
+        ], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: OverlayFrame, decorators: [{
             type: Component,
             args: [{ selector: 'frames-overlay', standalone: true, imports: [
-                        MatProgressSpinnerModule,
+                        NgTemplateOutlet,
                     ], template: `
-    <div class="main content"><ng-content select=[main] /></div>
-    @if (store.hasNext()) { 
-      <div class="next content" @hasNext><ng-content select=[next] /></div>
+    <div class="main content">
+      <ng-content select=[main] />
+    </div>
+    @if (store.hasNext()) {
+      @switch (store.animationType()) {
+        @case ('slide') {
+          <div class="next content" @slide>
+            <ng-container *ngTemplateOutlet="next"/>
+          </div>
+        }
+        @case ('fade') {
+          <div class="next content" @fade>
+            <ng-container *ngTemplateOutlet="next"/>
+          </div>
+        }
+      }
     }
-  `, animations: [OVERLAY_ANIMATION], changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
+    <ng-template #next><ng-content select=[next] /></ng-template>
+  `, animations: [
+                        trigger('slide', [
+                            transition(':enter', [
+                                query(':enter', [
+                                    style({ transform: 'translateX(100%)' }),
+                                    animate('300ms ease-in', style({ transform: 'translateX(0%)' })),
+                                ]),
+                            ]),
+                            transition(':leave', [
+                                query(':leave', [
+                                    style({ transform: 'translateX(0%)' }),
+                                    animate('300ms ease-out', style({ transform: 'translateX(100%)' })),
+                                ]),
+                            ])
+                        ]),
+                        trigger('fade', [
+                            transition(':enter', [
+                                query(':enter', [
+                                    style({ opacity: 0 }),
+                                    animate('500ms ease-in', style({ opacity: 1 })),
+                                ]),
+                            ]),
+                            transition(':leave', [
+                                query(':leave', [
+                                    style({ opacity: 1 }),
+                                    animate('500ms ease-out', style({ opacity: 0 })),
+                                ]),
+                            ]),
+                        ]),
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
                         {
                             directive: OverlayFrameStore,
-                            inputs: ['hasNext'],
+                            inputs: [
+                                'hasNext',
+                                'animationType',
+                            ],
                         },
-                    ], styles: [":host{--width: 100%;--width-SCOPED-IN-line-overlay-fjrJ: var(--width);--height: 100%;--height-SCOPED-IN-line-overlay-fjrJ: var(--height)}:host{position:relative;display:block;width:var(--width-SCOPED-IN-line-overlay-fjrJ);height:var(--height-SCOPED-IN-line-overlay-fjrJ)}:host .content{position:absolute;top:0;left:0;width:100%;height:100%}:host .main{z-index:1}:host .next{z-index:2}\n"] }]
+                    ], styles: [":host{position:relative;display:block;width:100%;height:100%;overflow:hidden}:host .content{position:absolute;top:0;left:0;width:100%;height:100%}:host .main{z-index:1}:host .next{z-index:2}\n"] }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3ZlcmxheS5mcmFtZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL0BuZy1hdG9taWMvY29tcG9uZW50cy9zcmMvbGliL2ZyYW1lcy9vdmVybGF5L292ZXJsYXkuZnJhbWUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQVMsTUFBTSxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNwRyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUN6RCxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQzs7QUFHOUUsTUFBTSxPQUFPLGlCQUFpQjtJQUQ5QjtRQUVXLFlBQU8sR0FBRyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7S0FDakM7OEdBRlksaUJBQWlCO2tHQUFqQixpQkFBaUI7OzJGQUFqQixpQkFBaUI7a0JBRDdCLFNBQVM7bUJBQUMsRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxnQkFBZ0IsRUFBRTs7QUEyQjNELE1BQU0sT0FBTyxZQUFZO0lBdEJ6QjtRQXVCcUIsVUFBSyxHQUFHLE1BQU0sQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO0tBQ3REOzhHQUZZLFlBQVk7a0dBQVosWUFBWSxnRkExQlosaUJBQWlCLDZEQVVsQjs7Ozs7R0FLVCwyY0FQQyx3QkFBd0IsaUJBU2QsQ0FBQyxpQkFBaUIsQ0FBQzs7MkZBU3BCLFlBQVk7a0JBdEJ4QixTQUFTOytCQUNFLGdCQUFnQixjQUNkLElBQUksV0FDUDt3QkFDUCx3QkFBd0I7cUJBQ3pCLFlBQ1M7Ozs7O0dBS1QsY0FFVyxDQUFDLGlCQUFpQixDQUFDLG1CQUNkLHVCQUF1QixDQUFDLE1BQU0sa0JBQy9CO3dCQUNkOzRCQUNFLFNBQVMsRUFBRSxpQkFBaUI7NEJBQzVCLE1BQU0sRUFBRSxDQUFDLFNBQVMsQ0FBQzt5QkFDcEI7cUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBEaXJlY3RpdmUsIElucHV0LCBpbmplY3QsIGlucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBPVkVSTEFZX0FOSU1BVElPTiB9IGZyb20gJy4vb3ZlcmxheS5hbmltYXRpb25zJztcbmltcG9ydCB7IE1hdFByb2dyZXNzU3Bpbm5lck1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3Byb2dyZXNzLXNwaW5uZXInO1xuXG5ARGlyZWN0aXZlKHsgc3RhbmRhbG9uZTogdHJ1ZSwgc2VsZWN0b3I6ICdmcmFtZXMtb3ZlcmxheScgfSlcbmV4cG9ydCBjbGFzcyBPdmVybGF5RnJhbWVTdG9yZSB7XG4gIHJlYWRvbmx5IGhhc05leHQgPSBpbnB1dChmYWxzZSk7XG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2ZyYW1lcy1vdmVybGF5JyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIE1hdFByb2dyZXNzU3Bpbm5lck1vZHVsZSxcbiAgXSxcbiAgdGVtcGxhdGU6IGBcbiAgICA8ZGl2IGNsYXNzPVwibWFpbiBjb250ZW50XCI+PG5nLWNvbnRlbnQgc2VsZWN0PVttYWluXSAvPjwvZGl2PlxuICAgIEBpZiAoc3RvcmUuaGFzTmV4dCgpKSB7IFxuICAgICAgPGRpdiBjbGFzcz1cIm5leHQgY29udGVudFwiIEBoYXNOZXh0PjxuZy1jb250ZW50IHNlbGVjdD1bbmV4dF0gLz48L2Rpdj5cbiAgICB9XG4gIGAsXG4gIHN0eWxlVXJsczogWycuL292ZXJsYXkuZnJhbWUuc2NzcyddLFxuICBhbmltYXRpb25zOiBbT1ZFUkxBWV9BTklNQVRJT05dLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgaG9zdERpcmVjdGl2ZXM6IFtcbiAgICB7XG4gICAgICBkaXJlY3RpdmU6IE92ZXJsYXlGcmFtZVN0b3JlLFxuICAgICAgaW5wdXRzOiBbJ2hhc05leHQnXSxcbiAgICB9LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBPdmVybGF5RnJhbWUge1xuICBwcm90ZWN0ZWQgcmVhZG9ubHkgc3RvcmUgPSBpbmplY3QoT3ZlcmxheUZyYW1lU3RvcmUpO1xufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3ZlcmxheS5mcmFtZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL0BuZy1hdG9taWMvY29tcG9uZW50cy9zcmMvbGliL2ZyYW1lcy9vdmVybGF5L292ZXJsYXkuZnJhbWUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDM0csT0FBTyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBRSxPQUFPLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUNqRixPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7QUFHbkQsTUFBTSxPQUFPLGlCQUFpQjtJQUQ5QjtRQUVXLFlBQU8sR0FBRyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDdkIsa0JBQWEsR0FBRyxLQUFLLENBQW1CLE9BQU8sQ0FBQyxDQUFDO0tBQzNEOzhHQUhZLGlCQUFpQjtrR0FBakIsaUJBQWlCOzsyRkFBakIsaUJBQWlCO2tCQUQ3QixTQUFTO21CQUFDLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsZ0JBQWdCLEVBQUU7O0FBMEUzRCxNQUFNLE9BQU8sWUFBWTtJQXBFekI7UUFxRXFCLFVBQUssR0FBRyxNQUFNLENBQUMsaUJBQWlCLENBQUMsQ0FBQztRQUM1QyxZQUFPLEdBQUcsWUFBWSxDQUFDLE1BQU0sQ0FBQyxDQUFBO0tBQ3hDOzhHQUhZLFlBQVk7a0dBQVosWUFBWSw2TEF6RVosaUJBQWlCLCtGQVdsQjs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQW1CVCwwUUFyQkMsZ0JBQWdCLHNJQXVCTjtZQUNWLE9BQU8sQ0FBQyxPQUFPLEVBQUU7Z0JBQ2YsVUFBVSxDQUFDLFFBQVEsRUFBRTtvQkFDbkIsS0FB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LGtCQUMvQjt3QkFDZDs0QkFDRSxTQUFTLEVBQUUsaUJBQWlCOzRCQUM1QixNQUFNLEVBQUU7Z0NBQ04sU0FBUztnQ0FDVCxlQUFlOzZCQUNoQjt5QkFDRjtxQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIERpcmVjdGl2ZSwgY29udGVudENoaWxkLCBpbmplY3QsIGlucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBhbmltYXRlLCBxdWVyeSwgc3R5bGUsIHRyYW5zaXRpb24sIHRyaWdnZXIgfSBmcm9tICdAYW5ndWxhci9hbmltYXRpb25zJztcbmltcG9ydCB7IE5nVGVtcGxhdGVPdXRsZXQgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuXG5ARGlyZWN0aXZlKHsgc3RhbmRhbG9uZTogdHJ1ZSwgc2VsZWN0b3I6ICdmcmFtZXMtb3ZlcmxheScgfSlcbmV4cG9ydCBjbGFzcyBPdmVybGF5RnJhbWVTdG9yZSB7XG4gIHJlYWRvbmx5IGhhc05leHQgPSBpbnB1dChmYWxzZSk7XG4gIHJlYWRvbmx5IGFuaW1hdGlvblR5cGUgPSBpbnB1dDwnc2xpZGUnIHwgJ2ZhZGUnPignc2xpZGUnKTtcbn1cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZnJhbWVzLW92ZXJsYXknLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgTmdUZW1wbGF0ZU91dGxldCxcbiAgXSxcbiAgdGVtcGxhdGU6IGBcbiAgICA8ZGl2IGNsYXNzPVwibWFpbiBjb250ZW50XCI+XG4gICAgICA8bmctY29udGVudCBzZWxlY3Q9W21haW5dIC8+XG4gICAgPC9kaXY+XG4gICAgQGlmIChzdG9yZS5oYXNOZXh0KCkpIHtcbiAgICAgIEBzd2l0Y2ggKHN0b3JlLmFuaW1hdGlvblR5cGUoKSkge1xuICAgICAgICBAY2FzZSAoJ3NsaWRlJykge1xuICAgICAgICAgIDxkaXYgY2xhc3M9XCJuZXh0IGNvbnRlbnRcIiBAc2xpZGU+XG4gICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwibmV4dFwiLz5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgfVxuICAgICAgICBAY2FzZSAoJ2ZhZGUnKSB7XG4gICAgICAgICAgPGRpdiBjbGFzcz1cIm5leHQgY29udGVudFwiIEBmYWRlPlxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cIm5leHRcIi8+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG4gICAgPG5nLXRlbXBsYXRlICNuZXh0PjxuZy1jb250ZW50IHNlbGVjdD1bbmV4dF0gLz48L25nLXRlbXBsYXRlPlxuICBgLFxuICBzdHlsZVVybHM6IFsnLi9vdmVybGF5LmZyYW1lLnNjc3MnXSxcbiAgYW5pbWF0aW9uczogW1xuICAgIHRyaWdnZXIoJ3NsaWRlJywgW1xuICAgICAgdHJhbnNpdGlvbignOmVudGVyJywgW1xuICAgICAgICBxdWVyeSgnOmVudGVyJywgW1xuICAgICAgICAgIHN0eWxlKHsgdHJhbnNmb3JtOiAndHJhbnNsYXRlWCgxMDAlKScgfSksXG4gICAgICAgICAgYW5pbWF0ZSgnMzAwbXMgZWFzZS1pbicsIHN0eWxlKHsgdHJhbnNmb3JtOiAndHJhbnNsYXRlWCgwJSknIH0pKSxcbiAgICAgICAgXSksXG4gICAgICBdKSxcbiAgICAgIHRyYW5zaXRpb24oJzpsZWF2ZScsIFtcbiAgICAgICAgcXVlcnkoJzpsZWF2ZScsIFtcbiAgICAgICAgICBzdHlsZSh7IHRyYW5zZm9ybTogJ3RyYW5zbGF0ZVgoMCUpJyB9KSxcbiAgICAgICAgICBhbmltYXRlKCczMDBtcyBlYXNlLW91dCcsIHN0eWxlKHsgdHJhbnNmb3JtOiAndHJhbnNsYXRlWCgxMDAlKScgfSkpLFxuICAgICAgICBdKSxcbiAgICAgIF0pXG4gICAgXSksXG4gICAgdHJpZ2dlcignZmFkZScsIFtcbiAgICAgIHRyYW5zaXRpb24oJzplbnRlcicsIFtcbiAgICAgICAgcXVlcnkoJzplbnRlcicsIFtcbiAgICAgICAgICBzdHlsZSh7IG9wYWNpdHk6IDAgfSksXG4gICAgICAgICAgYW5pbWF0ZSgnNTAwbXMgZWFzZS1pbicsIHN0eWxlKHsgb3BhY2l0eTogMSB9KSksXG4gICAgICAgIF0pLFxuICAgICAgXSksXG4gICAgICB0cmFuc2l0aW9uKCc6bGVhdmUnLCBbXG4gICAgICAgIHF1ZXJ5KCc6bGVhdmUnLCBbXG4gICAgICAgICAgc3R5bGUoeyBvcGFjaXR5OiAxIH0pLFxuICAgICAgICAgIGFuaW1hdGUoJzUwMG1zIGVhc2Utb3V0Jywgc3R5bGUoeyBvcGFjaXR5OiAwIH0pKSxcbiAgICAgICAgXSksXG4gICAgICBdKSxcbiAgICBdKSxcbiAgXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGhvc3REaXJlY3RpdmVzOiBbXG4gICAge1xuICAgICAgZGlyZWN0aXZlOiBPdmVybGF5RnJhbWVTdG9yZSxcbiAgICAgIGlucHV0czogW1xuICAgICAgICAnaGFzTmV4dCcsXG4gICAgICAgICdhbmltYXRpb25UeXBlJyxcbiAgICAgIF0sXG4gICAgfSxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgT3ZlcmxheUZyYW1lIHtcbiAgcHJvdGVjdGVkIHJlYWRvbmx5IHN0b3JlID0gaW5qZWN0KE92ZXJsYXlGcmFtZVN0b3JlKTtcbiAgcmVhZG9ubHkgY29udGVudCA9IGNvbnRlbnRDaGlsZCgnbmV4dCcpXG59XG4iXX0=

package/esm2022/frames/router-outlet/router-outlet.frame.mjs

@@ -79,7 +79,7 @@ export class RouterOutletFrame extends NgAtomicComponent {
     }
     <ng-template #main><ng-content main /></ng-template>
     <ng-template #next><router-outlet [name]="store.name()"/></ng-template>
-  `, isInline: true, styles: [":host{display:contents;--primary-color: #ccc;--primary-color-SCOPED-IN-router-outlet-m8eg: var(--primary-color);--on-primary-color: #ccc;--on-primary-color-SCOPED-IN-router-outlet-m8eg: var(--on-primary-color);--surface-color: #ccc;--surface-color-SCOPED-IN-router-outlet-m8eg: var(--surface-color);--background-color: #ccc;--background-color-SCOPED-IN-router-outlet-m8eg: var(--background-color)}:host *{--primary-color: var(--primary-color-SCOPED-IN-router-outlet-m8eg);--on-primary-color: var(--on-primary-color-SCOPED-IN-router-outlet-m8eg);--surface-color: var(--surface-color-SCOPED-IN-router-outlet-m8eg);--background-color: var(--background-color-SCOPED-IN-router-outlet-m8eg)}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: OverlayFrame, selector: "frames-overlay" }, { kind: "component", type: LineUpFrame, selector: "frames-line-up" }, { kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{display:contents;--primary-color: #ccc;--primary-color-SCOPED-IN-router-outlet-loRr: var(--primary-color);--on-primary-color: #ccc;--on-primary-color-SCOPED-IN-router-outlet-loRr: var(--on-primary-color);--surface-color: #ccc;--surface-color-SCOPED-IN-router-outlet-loRr: var(--surface-color);--background-color: #ccc;--background-color-SCOPED-IN-router-outlet-loRr: var(--background-color)}:host *{--primary-color: var(--primary-color-SCOPED-IN-router-outlet-loRr);--on-primary-color: var(--on-primary-color-SCOPED-IN-router-outlet-loRr);--surface-color: var(--surface-color-SCOPED-IN-router-outlet-loRr);--background-color: var(--background-color-SCOPED-IN-router-outlet-loRr)}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: OverlayFrame, selector: "frames-overlay" }, { kind: "component", type: LineUpFrame, selector: "frames-line-up" }, { kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: RouterOutletFrame, decorators: [{
             type: Component,
@@ -110,6 +110,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
                             directive: RouterOutletFrameStore,
                             inputs: ['frame', 'name'],
                         },
-                    ], styles: [":host{display:contents;--primary-color: #ccc;--primary-color-SCOPED-IN-router-outlet-m8eg: var(--primary-color);--on-primary-color: #ccc;--on-primary-color-SCOPED-IN-router-outlet-m8eg: var(--on-primary-color);--surface-color: #ccc;--surface-color-SCOPED-IN-router-outlet-m8eg: var(--surface-color);--background-color: #ccc;--background-color-SCOPED-IN-router-outlet-m8eg: var(--background-color)}:host *{--primary-color: var(--primary-color-SCOPED-IN-router-outlet-m8eg);--on-primary-color: var(--on-primary-color-SCOPED-IN-router-outlet-m8eg);--surface-color: var(--surface-color-SCOPED-IN-router-outlet-m8eg);--background-color: var(--background-color-SCOPED-IN-router-outlet-m8eg)}\n"] }]
+                    ], styles: [":host{display:contents;--primary-color: #ccc;--primary-color-SCOPED-IN-router-outlet-loRr: var(--primary-color);--on-primary-color: #ccc;--on-primary-color-SCOPED-IN-router-outlet-loRr: var(--on-primary-color);--surface-color: #ccc;--surface-color-SCOPED-IN-router-outlet-loRr: var(--surface-color);--background-color: #ccc;--background-color-SCOPED-IN-router-outlet-loRr: var(--background-color)}:host *{--primary-color: var(--primary-color-SCOPED-IN-router-outlet-loRr);--on-primary-color: var(--on-primary-color-SCOPED-IN-router-outlet-loRr);--surface-color: var(--surface-color-SCOPED-IN-router-outlet-loRr);--background-color: var(--background-color-SCOPED-IN-router-outlet-loRr)}\n"] }]
         }] });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicm91dGVyLW91dGxldC5mcmFtZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL0BuZy1hdG9taWMvY29tcG9uZW50cy9zcmMvbGliL2ZyYW1lcy9yb3V0ZXItb3V0bGV0L3JvdXRlci1vdXRsZXQuZnJhbWUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDeEcsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDbkQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBQ3BFLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQztBQUNuRSxPQUFPLEVBQUUsY0FBYyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBRS9ELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUMzRCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsaUJBQWlCLEVBQUUsU0FBUyxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDcEYsT0FBTyxFQUFFLGFBQWEsRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUN6RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sMkJBQTJCLENBQUM7O0FBRTFELFNBQVMsWUFBWSxDQUFDLE1BQW9CO0lBQ3hDLE9BQU8sQ0FBQyxDQUFDLENBQUMsTUFBTSxFQUFFLGtCQUFrQixDQUFDLElBQUksQ0FBQyxDQUFDLE1BQU0sQ0FBQyxrQkFBa0IsRUFBRSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUM7QUFDckYsQ0FBQztBQUdELE1BQU0sT0FBTyxzQkFBdUIsU0FBUSxtQkFBbUI7SUFEL0Q7O1FBd0JXLFdB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QTtLQUNIOzhHQWJZLGlCQUFpQjtrR0FBakIsaUJBQWlCLHdIQUVBLFlBQVksNkZBbkU3QixzQkFBc0IseUVBc0N2Qjs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FpQlQseXZCQXRCQyxnQkFBZ0Isb0pBQ2hCLFlBQVksMkRBQ1osV0FBVywyREFDWCxZQUFZOzsyRkE2QkgsaUJBQWlCO2tCQXBDN0IsU0FBUzsrQkFDRSxzQkFBc0IsY0FDcEIsSUFBSSxXQUNQO3dCQUNQLGdCQUFnQjt3QkFDaEIsWUFBWTt3QkFDWixXQUFXO3dCQUNYLFlBQVk7cUJBQ2IsWUFDUzs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FpQlQsbUJBRWdCLHVCQUF1QixDQUFDLE1BQU0sa0JBQy9CO3dCQUNkOzRCQUNFLFNBQVMsRUFBRSxzQkFBc0I7NEJBQ2pDLE1BQU0sRUFBRSxDQUFDLE9BQU8sRUFBRSxNQUFNLENBQUM7eUJBQzFCO3FCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRGlyZWN0aXZlLCBpbmplY3QsIGlucHV0LCB2aWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE5nVGVtcGxhdGVPdXRsZXQgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgT3ZlcmxheUZyYW1lIH0gZnJvbSAnQG5nLWF0b21pYy9jb21wb25lbnRzL2ZyYW1lcy9vdmVybGF5JztcbmltcG9ydCB7IExpbmVVcEZyYW1lIH0gZnJvbSAnQG5nLWF0b21pYy9jb21wb25lbnRzL2ZyYW1lcy9saW5lLXVwJztcbmltcG9ydCB7IFBSSU1BUllfT1VUTEVULCBSb3V0ZXJPdXRsZXQgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xuaW1wb3J0IHsgQnJlYWtwb2ludCB9IGZyb20gJ0BuZy1hdG9taWMvY29tbW9uL3NlcnZpY2VzL2JyZWFrcG9pbnQnO1xuaW1wb3J0IHsgbWFrZUNvbmZpZyB9IGZyb20gJ0BuZy1hdG9taWMvY29tbW9uL3NlcnZpY2VzL3VpJztcbmltcG9ydCB7IEluamVjdGFibGVDb21wb25lbnQsIE5nQXRvbWljQ29tcG9uZW50LCBfY29tcHV0ZWQgfSBmcm9tICdAbmctYXRvbWljL2NvcmUnO1xuaW1wb3J0IHsgY29tYmluZUxhdGVzdCwgbWFwLCBvZiwgc3RhcnRXaXRoIH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBjb21wdXRlZEFzeW5jIH0gZnJvbSAnbmd4dGVuc2lvbi9jb21wdXRlZC1hc3luYyc7XG5cbmZ1bmN0aW9uIGlzQmxhbmtSb3V0ZShvdXRsZXQ6IFJvdXRlck91dGxldCk6IGJvb2xlYW4ge1xuICByZXR1cm4gISEob3V0bGV0Py5hY3RpdmF0ZWRSb3V0ZURhdGEpICYmICEob3V0bGV0LmFjdGl2YXRlZFJvdXRlRGF0YT8uWydpc0JsYW5rJ10pO1xufVxuXG5ARGlyZWN0aXZlKHtzdGFuZGFsb25lOiB0cnVlLCBzZWxlY3RvcjogJ2ZyYW1lcy1yb3V0ZXItb3V0bGV0J30pXG5leHBvcnQgY2xhc3MgUm91dGVyT3V0bGV0RnJhbWVTdG9yZSBleHRlbmRzIEluamVjdGFibGVDb21wb25lbnQge1xuICBzdGF0aWMgcmVhZG9ubHkgQ29uZmlnID0gbWFrZUNvbmZpZygoKSA9PiB7XG4gICAgY29uc3QgZ2V0RnJhbWUgPSAoYnJlYWtwb2ludDogQnJlYWtwb2ludCkgPT4ge1xuICAgICAgc3dpdGNoKGJyZWFrcG9pbnQpIHtcbiAgICAgICAgY2FzZSAneFNtYWxsJzogcmV0dXJuICdvdmVybGF5JyBhcyAnbGluZXVwJyB8ICdvdmVybGF5JztcbiAgICAgICAgZGVmYXVsdDogcmV0dXJuICdsaW5ldXAnIGFzICdsaW5ldXAnIHwgJ292ZXJsYXknO1xuICAgICAgfVxuICAgIH1cbiAgICByZXR1cm4gKF8sIGNvbnRleHQpID0+IHtcbiAgICAgIHJldHVybiAoe1xuICAgICAgICBmcmFtZTogZ2V0RnJhbWUoY29udGV4dC5icmVha3BvaW50KSxcbiAgICAgICAgbmFtZTogUFJJTUFSWV9PVVRMRVQgYXMgc3RyaW5nLFxuICAgICAgICBpc0FjdGl2YXRlZDogKG91dGxldDogUm91dGVyT3V0bGV0KSA9PiBpc0JsYW5rUm91dGUob3V0bGV0KSxcbiAgICAgIH0pO1xuICAgIH1cbiAgfSwgWydjb21wb25lbnRzJywgJ2ZyYW1lcycsICdyb3V0ZXItb3V0bGV0J10pO1xuXG4gIHN0YXRpYyBwcm92aWRlRXhwZXJpbWVudGFsKCkge1xuICAgIHJldHVybiBSb3V0ZXJPdXRsZXRGcmFtZVN0b3JlLkNvbmZpZy5wcm92aWRlKCgpID0+IHtcbiAgICAgIHJldHVybiAoY29uZmlnKSA9PiAoeyAuLi5jb25maWcsIGlzQWN0aXZhdGVkOiAob3V0bGV0KSA9PiAhIW91dGxldC5pc0FjdGl2YXRlZCB9KTtcbiAgICB9KTtcbiAgfVxuXG4gIHJlYWRvbmx5IGNvbmZpZyA9IFJvdXRlck91dGxldEZyYW1lU3RvcmUuQ29uZmlnLmluamVjdCgpO1xuICByZWFkb25seSBmcmFtZSA9IGlucHV0KF9jb21wdXRlZCgoKSA9PiB0aGlzLmNvbmZpZygpLmZyYW1lKSk7XG4gIHJlYWRvbmx5IG5hbWUgPSBpbnB1dChfY29tcHV0ZWQoKCkgPT4gdGhpcy5jb25maWcoKS5uYW1lLCB7IGVxdWFsOiAoYSwgYikgPT4gYSA9PT0gYiB9KSk7XG4gIHJlYWRvbmx5IGlzQWN0aXZhdGVkID0gaW5wdXQoX2NvbXB1dGVkKCgpID0+IHRoaXMuY29uZmlnKCkuaXNBY3RpdmF0ZWQpKTtcbn0gXG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2ZyYW1lcy1yb3V0ZXItb3V0bGV0JyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIE5nVGVtcGxhdGVPdXRsZXQsXG4gICAgT3ZlcmxheUZyYW1lLFxuICAgIExpbmVVcEZyYW1lLFxuICAgIFJvdXRlck91dGxldCxcbiAgXSxcbiAgdGVtcGxhdGU6IGBcbiAgICBAc3dpdGNoIChzdG9yZS5mcmFtZSgpKSB7XG4gICAgICBAY2FzZSAoJ2xpbmV1cCcpIHtcbiAgICAgICAgPGZyYW1lcy1saW5lLXVwIFtoYXNOZXh0XT1cImlzQWN0aXZhdGVkKClcIiBbc2NvcGVdPVwic3RvcmUubmFtZSgpXCI+XG4gICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cIm1haW5cIiBtYWluLz5cbiAgICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwibmV4dFwiIG5leHQvPlxuICAgICAgICA8L2ZyYW1lcy1saW5lLXVwPlxuICAgICAgfVxuICAgICAgQGRlZmF1bHQge1xuICAgICAgICA8ZnJhbWVzLW92ZXJsYXkgW2hhc05leHRdPVwiaXNBY3RpdmF0ZWQoKVwiPlxuICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJtYWluXCIgbWFpbi8+XG4gICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cIm5leHRcIiBuZXh0Lz5cbiAgICAgICAgPC9mcmFtZXMtb3ZlcmxheT5cbiAgICAgIH1cbiAgICB9XG4gICAgPG5nLXRlbXBsYXRlICNtYWluPjxuZy1jb250ZW50IG1haW4gLz48L25nLXRlbXBsYXRlPlxuICAgIDxuZy10ZW1wbGF0ZSAjbmV4dD48cm91dGVyLW91dGxldCBbbmFtZV09XCJzdG9yZS5uYW1lKClcIi8+PC9uZy10ZW1wbGF0ZT5cbiAgYCxcbiAgc3R5bGVVcmxzOiBbJy4vcm91dGVyLW91dGxldC5mcmFtZS5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBob3N0RGlyZWN0aXZlczogW1xuICAgIHtcbiAgICAgIGRpcmVjdGl2ZTogUm91dGVyT3V0bGV0RnJhbWVTdG9yZSxcbiAgICAgIGlucHV0czogWydmcmFtZScsICduYW1lJ10sXG4gICAgfSxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgUm91dGVyT3V0bGV0RnJhbWUgZXh0ZW5kcyBOZ0F0b21pY0NvbXBvbmVudCB7XG4gIHByb3RlY3RlZCBzdG9yZSA9IGluamVjdChSb3V0ZXJPdXRsZXRGcmFtZVN0b3JlKTtcbiAgcmVhZG9ubHkgb3V0bGV0ID0gdmlld0NoaWxkKFJvdXRlck91dGxldCk7XG4gIHJlYWRvbmx5IGlzQWN0aXZhdGVkID0gY29tcHV0ZWRBc3luYygoKSA9PiB7XG4gICAgY29uc3Qgb3V0bGV0ID0gdGhpcy5vdXRsZXQoKTtcbiAgICBpZiAoIW91dGxldCkgcmV0dXJuIG9mKGZhbHNlKTtcbiAgICByZXR1cm4gY29tYmluZUxhdGVzdChbXG4gICAgICBvdXRsZXQuYWN0aXZhdGVFdmVudHMucGlwZShzdGFydFdpdGgobnVsbCkpLCBcbiAgICAgIG91dGxldC5kZWFjdGl2YXRlRXZlbnRzLnBpcGUoc3RhcnRXaXRoKG51bGwpKSxcbiAgICBdKS5waXBlKFxuICAgICAgbWFwKCgpID0+IHRoaXMuc3RvcmUuaXNBY3RpdmF0ZWQoKShvdXRsZXQpKSxcbiAgICApXG4gIH0pXG59XG4iXX0=

package/esm2022/frames/scroll/scroll.frame.mjs

@@ -10,7 +10,7 @@ export class ScrollFrame {
   <div class="contents">
     <ng-content select=[contents]></ng-content>
   </div>
-  `, isInline: true, styles: [":host{--height: 100%;--height-SCOPED-IN-scroll-1pUZ: var(--height);--navigator-height: 56px;--navigator-height-SCOPED-IN-scroll-1pUZ: var(--navigator-height)}:host{height:var(--height-SCOPED-IN-scroll-1pUZ);overflow:hidden}:host .navigator{height:var(--navigator-height-SCOPED-IN-scroll-1pUZ);transition:.5s height;overflow:hidden;touch-action:none}:host .contents{height:calc(var(--height-SCOPED-IN-scroll-1pUZ) - var(--navigator-height-SCOPED-IN-scroll-1pUZ));transition:.5s height;overflow:auto;-webkit-overflow-scrolling:touch}:host .contents::-webkit-scrollbar{display:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{--height: 100%;--height-SCOPED-IN-scroll-nFcL: var(--height);--navigator-height: 56px;--navigator-height-SCOPED-IN-scroll-nFcL: var(--navigator-height)}:host{height:var(--height-SCOPED-IN-scroll-nFcL);overflow:hidden}:host .navigator{height:var(--navigator-height-SCOPED-IN-scroll-nFcL);transition:.5s height;overflow:hidden;touch-action:none}:host .contents{height:calc(var(--height-SCOPED-IN-scroll-nFcL) - var(--navigator-height-SCOPED-IN-scroll-nFcL));transition:.5s height;overflow:auto;-webkit-overflow-scrolling:touch}:host .contents::-webkit-scrollbar{display:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ScrollFrame, decorators: [{
             type: Component,
@@ -23,6 +23,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
   <div class="contents">
     <ng-content select=[contents]></ng-content>
   </div>
-  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--height: 100%;--height-SCOPED-IN-scroll-1pUZ: var(--height);--navigator-height: 56px;--navigator-height-SCOPED-IN-scroll-1pUZ: var(--navigator-height)}:host{height:var(--height-SCOPED-IN-scroll-1pUZ);overflow:hidden}:host .navigator{height:var(--navigator-height-SCOPED-IN-scroll-1pUZ);transition:.5s height;overflow:hidden;touch-action:none}:host .contents{height:calc(var(--height-SCOPED-IN-scroll-1pUZ) - var(--navigator-height-SCOPED-IN-scroll-1pUZ));transition:.5s height;overflow:auto;-webkit-overflow-scrolling:touch}:host .contents::-webkit-scrollbar{display:none}\n"] }]
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--height: 100%;--height-SCOPED-IN-scroll-nFcL: var(--height);--navigator-height: 56px;--navigator-height-SCOPED-IN-scroll-nFcL: var(--navigator-height)}:host{height:var(--height-SCOPED-IN-scroll-nFcL);overflow:hidden}:host .navigator{height:var(--navigator-height-SCOPED-IN-scroll-nFcL);transition:.5s height;overflow:hidden;touch-action:none}:host .contents{height:calc(var(--height-SCOPED-IN-scroll-nFcL) - var(--navigator-height-SCOPED-IN-scroll-nFcL));transition:.5s height;overflow:auto;-webkit-overflow-scrolling:touch}:host .contents::-webkit-scrollbar{display:none}\n"] }]
         }] });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2Nyb2xsLmZyYW1lLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvQG5nLWF0b21pYy9jb21wb25lbnRzL3NyYy9saWIvZnJhbWVzL3Njcm9sbC9zY3JvbGwuZnJhbWUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBbUJuRSxNQUFNLE9BQU8sV0FBVzs4R0FBWCxXQUFXO2tHQUFYLFdBQVcseUVBWFo7Ozs7Ozs7R0FPVCw4b0JBVEMsWUFBWTs7MkZBYUgsV0FBVztrQkFqQnZCLFNBQVM7K0JBQ0UsZUFBZSxjQUNiLElBQUksV0FDUDt3QkFDUCxZQUFZO3FCQUNiLFlBQ1M7Ozs7Ozs7R0FPVCxtQkFFZ0IsdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2ZyYW1lcy1zY3JvbGwnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICBdLFxuICB0ZW1wbGF0ZTogYFxuICA8ZGl2IGNsYXNzPVwibmF2aWdhdG9yXCI+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVtuYXZpZ2F0b3JdPjwvbmctY29udGVudD5cbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJjb250ZW50c1wiPlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1bY29udGVudHNdPjwvbmctY29udGVudD5cbiAgPC9kaXY+XG4gIGAsXG4gIHN0eWxlVXJsczogWycuL3Njcm9sbC5mcmFtZS5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBTY3JvbGxGcmFtZSB7IH1cbiJdfQ==

package/esm2022/frames/scroll-v2/scroll.frame.mjs

@@ -21,7 +21,7 @@ export class ScrollFrame {
   <div class="bottom">
     <ng-content select=[bottom]></ng-content>
   </div>
-  `, isInline: true, styles: [":host{--height: 100%;--height-SCOPED-IN-scroll-AANn: var(--height);--top-height: 56px;--top-height-SCOPED-IN-scroll-AANn: var(--top-height);--bottom-height: 56px;--bottom-height-SCOPED-IN-scroll-AANn: var(--bottom-height);--contents-gap: 16px;--contents-gap-SCOPED-IN-scroll-AANn: var(--contents-gap)}:host{display:flex;width:100%;flex-direction:column;justify-content:space-between;height:var(--height-SCOPED-IN-scroll-AANn);overflow:hidden}:host .top{height:-moz-fit-content;height:fit-content;transition:.5s height;touch-action:none}:host .contents{display:flex;flex:auto;flex-direction:column;gap:var(--contents-gap-SCOPED-IN-scroll-AANn);transition:.5s height;overflow:scroll;box-sizing:border-box;-webkit-overflow-scrolling:touch}:host .contents::-webkit-scrollbar{display:none}:host .bottom{height:-moz-fit-content;height:fit-content}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{--height: 100%;--height-SCOPED-IN-scroll-XnSr: var(--height);--top-height: 56px;--top-height-SCOPED-IN-scroll-XnSr: var(--top-height);--bottom-height: 56px;--bottom-height-SCOPED-IN-scroll-XnSr: var(--bottom-height);--contents-gap: 16px;--contents-gap-SCOPED-IN-scroll-XnSr: var(--contents-gap)}:host{display:flex;width:100%;flex-direction:column;justify-content:space-between;height:var(--height-SCOPED-IN-scroll-XnSr);overflow:hidden}:host .top{height:-moz-fit-content;height:fit-content;transition:.5s height;touch-action:none}:host .contents{display:flex;flex:auto;flex-direction:column;gap:var(--contents-gap-SCOPED-IN-scroll-XnSr);transition:.5s height;overflow:scroll;box-sizing:border-box;-webkit-overflow-scrolling:touch}:host .contents::-webkit-scrollbar{display:none}:host .bottom{height:-moz-fit-content;height:fit-content}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ScrollFrame, decorators: [{
             type: Component,
@@ -38,7 +38,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
   <div class="bottom">
     <ng-content select=[bottom]></ng-content>
   </div>
-  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--height: 100%;--height-SCOPED-IN-scroll-AANn: var(--height);--top-height: 56px;--top-height-SCOPED-IN-scroll-AANn: var(--top-height);--bottom-height: 56px;--bottom-height-SCOPED-IN-scroll-AANn: var(--bottom-height);--contents-gap: 16px;--contents-gap-SCOPED-IN-scroll-AANn: var(--contents-gap)}:host{display:flex;width:100%;flex-direction:column;justify-content:space-between;height:var(--height-SCOPED-IN-scroll-AANn);overflow:hidden}:host .top{height:-moz-fit-content;height:fit-content;transition:.5s height;touch-action:none}:host .contents{display:flex;flex:auto;flex-direction:column;gap:var(--contents-gap-SCOPED-IN-scroll-AANn);transition:.5s height;overflow:scroll;box-sizing:border-box;-webkit-overflow-scrolling:touch}:host .contents::-webkit-scrollbar{display:none}:host .bottom{height:-moz-fit-content;height:fit-content}\n"] }]
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--height: 100%;--height-SCOPED-IN-scroll-XnSr: var(--height);--top-height: 56px;--top-height-SCOPED-IN-scroll-XnSr: var(--top-height);--bottom-height: 56px;--bottom-height-SCOPED-IN-scroll-XnSr: var(--bottom-height);--contents-gap: 16px;--contents-gap-SCOPED-IN-scroll-XnSr: var(--contents-gap)}:host{display:flex;width:100%;flex-direction:column;justify-content:space-between;height:var(--height-SCOPED-IN-scroll-XnSr);overflow:hidden}:host .top{height:-moz-fit-content;height:fit-content;transition:.5s height;touch-action:none}:host .contents{display:flex;flex:auto;flex-direction:column;gap:var(--contents-gap-SCOPED-IN-scroll-XnSr);transition:.5s height;overflow:scroll;box-sizing:border-box;-webkit-overflow-scrolling:touch}:host .contents::-webkit-scrollbar{display:none}:host .bottom{height:-moz-fit-content;height:fit-content}\n"] }]
         }], propDecorators: { contents: [{
                 type: ViewChild,
                 args: ['contents', { static: true }]

package/esm2022/frames/side-nav/side-nav.frame.mjs

@@ -118,7 +118,7 @@ export class SideNavFrame extends NgAtomicComponent {
     }
   </ng-template>
   <ng-template #contents><ng-content/></ng-template>
-  `, isInline: true, styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-side-nav-Y6rz: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-side-nav-Y6rz: var(--secondary-color);--background-color: #B0B0B0;--background-color-SCOPED-IN-side-nav-Y6rz: var(--background-color);--surface-color: transparent;--surface-color-SCOPED-IN-side-nav-Y6rz: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-side-nav-Y6rz: var(--on-primary-color);--on-background-color: #f0f0f0;--on-background-color-SCOPED-IN-side-nav-Y6rz: var(--on-background-color);--on-surface-color: #f0f0f0;--on-surface-color-SCOPED-IN-side-nav-Y6rz: var(--on-surface-color);--menu-width: 220px;--menu-width-SCOPED-IN-side-nav-Y6rz: var(--menu-width);--menu-background-color: var(--primary-color-SCOPED-IN-side-nav-Y6rz);--menu-background-color-SCOPED-IN-side-nav-Y6rz: var(--menu-background-color);--menu-on-background-color: var(--on-primary-color-SCOPED-IN-side-nav-Y6rz);--menu-on-background-color-SCOPED-IN-side-nav-Y6rz: var(--menu-on-background-color)}:host{display:block;width:100%;height:100%}:host *{--primary-color: var(--primary-color-SCOPED-IN-side-nav-Y6rz);--secondary-color: var(--secondary-color-SCOPED-IN-side-nav-Y6rz);--surface-color: var(--surface-color-SCOPED-IN-side-nav-Y6rz);--background-color: var(--background-color-SCOPED-IN-side-nav-Y6rz);--on-primary-color: var(--on-primary-color-SCOPED-IN-side-nav-Y6rz);--on-surface-color: var(--on-surface-color-SCOPED-IN-side-nav-Y6rz);--on-background-color: var(--on-background-color-SCOPED-IN-side-nav-Y6rz)}:host .content{width:100%;height:100%}:host templates-icon-button-menu,:host templates-menu{width:var(--menu-width-SCOPED-IN-side-nav-Y6rz);--background-color: var(--menu-background-color-SCOPED-IN-side-nav-Y6rz);--on-background-color: var(--menu-on-background-color-SCOPED-IN-side-nav-Y6rz)}:host[frame=lineup] .content{width:calc(100vw - var(--menu-width-SCOPED-IN-side-nav-Y6rz));overflow:hidden}:host[frame=drawer] .menu,:host[frame=drawer] templates-menu{width:300px}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: LineUpFrame, selector: "frames-line-up" }, { kind: "directive", type: IconButtonMenuTemplateStore, selector: "templates-icon-button-menu", inputs: ["actions"] }, { kind: "directive", type: MenuTemplateStore, selector: "templates-menu", inputs: ["actions", "title"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-side-nav-SMOH: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-side-nav-SMOH: var(--secondary-color);--background-color: #B0B0B0;--background-color-SCOPED-IN-side-nav-SMOH: var(--background-color);--on-background-color: #f0f0f0;--on-background-color-SCOPED-IN-side-nav-SMOH: var(--on-background-color);--surface-color: transparent;--surface-color-SCOPED-IN-side-nav-SMOH: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-side-nav-SMOH: var(--on-primary-color);--on-surface-color: #f0f0f0;--on-surface-color-SCOPED-IN-side-nav-SMOH: var(--on-surface-color);--menu-width: 220px;--menu-width-SCOPED-IN-side-nav-SMOH: var(--menu-width);--menu-background-color: var(--primary-color-SCOPED-IN-side-nav-SMOH);--menu-background-color-SCOPED-IN-side-nav-SMOH: var(--menu-background-color);--menu-on-background-color: var(--on-primary-color-SCOPED-IN-side-nav-SMOH);--menu-on-background-color-SCOPED-IN-side-nav-SMOH: var(--menu-on-background-color)}:host{display:block;width:100%;height:100%}:host *{--primary-color: var(--primary-color-SCOPED-IN-side-nav-SMOH);--secondary-color: var(--secondary-color-SCOPED-IN-side-nav-SMOH);--surface-color: var(--surface-color-SCOPED-IN-side-nav-SMOH);--background-color: var(--background-color-SCOPED-IN-side-nav-SMOH);--on-background-color: var(--on-background-color-SCOPED-IN-side-nav-SMOH);--on-primary-color: var(--on-primary-color-SCOPED-IN-side-nav-SMOH);--on-surface-color: var(--on-surface-color-SCOPED-IN-side-nav-SMOH)}:host .content{width:100%;height:100%}:host templates-icon-button-menu,:host templates-menu{width:var(--menu-width-SCOPED-IN-side-nav-SMOH);--background-color: var(--menu-background-color-SCOPED-IN-side-nav-SMOH);--on-background-color: var(--menu-on-background-color-SCOPED-IN-side-nav-SMOH)}:host[frame=lineup] .content{width:calc(100vw - var(--menu-width-SCOPED-IN-side-nav-SMOH));overflow:hidden}:host[frame=drawer] .menu,:host[frame=drawer] templates-menu{width:300px}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: LineUpFrame, selector: "frames-line-up" }, { kind: "directive", type: IconButtonMenuTemplateStore, selector: "templates-icon-button-menu", inputs: ["actions"] }, { kind: "directive", type: MenuTemplateStore, selector: "templates-menu", inputs: ["actions", "title"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SideNavFrame, decorators: [{
             type: Component,
@@ -175,6 +175,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
                             directive: SideNavFrameStore,
                             inputs: ['actions', 'menuType', 'menuTitle', 'mode', 'frameType'],
                         },
-                    ], styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-side-nav-Y6rz: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-side-nav-Y6rz: var(--secondary-color);--background-color: #B0B0B0;--background-color-SCOPED-IN-side-nav-Y6rz: var(--background-color);--surface-color: transparent;--surface-color-SCOPED-IN-side-nav-Y6rz: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-side-nav-Y6rz: var(--on-primary-color);--on-background-color: #f0f0f0;--on-background-color-SCOPED-IN-side-nav-Y6rz: var(--on-background-color);--on-surface-color: #f0f0f0;--on-surface-color-SCOPED-IN-side-nav-Y6rz: var(--on-surface-color);--menu-width: 220px;--menu-width-SCOPED-IN-side-nav-Y6rz: var(--menu-width);--menu-background-color: var(--primary-color-SCOPED-IN-side-nav-Y6rz);--menu-background-color-SCOPED-IN-side-nav-Y6rz: var(--menu-background-color);--menu-on-background-color: var(--on-primary-color-SCOPED-IN-side-nav-Y6rz);--menu-on-background-color-SCOPED-IN-side-nav-Y6rz: var(--menu-on-background-color)}:host{display:block;width:100%;height:100%}:host *{--primary-color: var(--primary-color-SCOPED-IN-side-nav-Y6rz);--secondary-color: var(--secondary-color-SCOPED-IN-side-nav-Y6rz);--surface-color: var(--surface-color-SCOPED-IN-side-nav-Y6rz);--background-color: var(--background-color-SCOPED-IN-side-nav-Y6rz);--on-primary-color: var(--on-primary-color-SCOPED-IN-side-nav-Y6rz);--on-surface-color: var(--on-surface-color-SCOPED-IN-side-nav-Y6rz);--on-background-color: var(--on-background-color-SCOPED-IN-side-nav-Y6rz)}:host .content{width:100%;height:100%}:host templates-icon-button-menu,:host templates-menu{width:var(--menu-width-SCOPED-IN-side-nav-Y6rz);--background-color: var(--menu-background-color-SCOPED-IN-side-nav-Y6rz);--on-background-color: var(--menu-on-background-color-SCOPED-IN-side-nav-Y6rz)}:host[frame=lineup] .content{width:calc(100vw - var(--menu-width-SCOPED-IN-side-nav-Y6rz));overflow:hidden}:host[frame=drawer] .menu,:host[frame=drawer] templates-menu{width:300px}\n"] }]
+                    ], styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-side-nav-SMOH: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-side-nav-SMOH: var(--secondary-color);--background-color: #B0B0B0;--background-color-SCOPED-IN-side-nav-SMOH: var(--background-color);--on-background-color: #f0f0f0;--on-background-color-SCOPED-IN-side-nav-SMOH: var(--on-background-color);--surface-color: transparent;--surface-color-SCOPED-IN-side-nav-SMOH: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-side-nav-SMOH: var(--on-primary-color);--on-surface-color: #f0f0f0;--on-surface-color-SCOPED-IN-side-nav-SMOH: var(--on-surface-color);--menu-width: 220px;--menu-width-SCOPED-IN-side-nav-SMOH: var(--menu-width);--menu-background-color: var(--primary-color-SCOPED-IN-side-nav-SMOH);--menu-background-color-SCOPED-IN-side-nav-SMOH: var(--menu-background-color);--menu-on-background-color: var(--on-primary-color-SCOPED-IN-side-nav-SMOH);--menu-on-background-color-SCOPED-IN-side-nav-SMOH: var(--menu-on-background-color)}:host{display:block;width:100%;height:100%}:host *{--primary-color: var(--primary-color-SCOPED-IN-side-nav-SMOH);--secondary-color: var(--secondary-color-SCOPED-IN-side-nav-SMOH);--surface-color: var(--surface-color-SCOPED-IN-side-nav-SMOH);--background-color: var(--background-color-SCOPED-IN-side-nav-SMOH);--on-background-color: var(--on-background-color-SCOPED-IN-side-nav-SMOH);--on-primary-color: var(--on-primary-color-SCOPED-IN-side-nav-SMOH);--on-surface-color: var(--on-surface-color-SCOPED-IN-side-nav-SMOH)}:host .content{width:100%;height:100%}:host templates-icon-button-menu,:host templates-menu{width:var(--menu-width-SCOPED-IN-side-nav-SMOH);--background-color: var(--menu-background-color-SCOPED-IN-side-nav-SMOH);--on-background-color: var(--menu-on-background-color-SCOPED-IN-side-nav-SMOH)}:host[frame=lineup] .content{width:calc(100vw - var(--menu-width-SCOPED-IN-side-nav-SMOH));overflow:hidden}:host[frame=drawer] .menu,:host[frame=drawer] templates-menu{width:300px}\n"] }]
         }] });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZS1uYXYuZnJhbWUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9AbmctYXRvbWljL2NvbXBvbmVudHMvc3JjL2xpYi9mcmFtZXMvc2lkZS1uYXYvc2lkZS1uYXYuZnJhbWUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7QUFBQSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUNuRCxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQWtCLE1BQU0sRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRWxJLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUMzRCxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFDbEUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBQ25FLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBQ3pFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxhQUFhLEVBQUUsU0FBUyxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDOUUsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sa0RBQWtELENBQUM7QUFDL0YsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0saUJBQWlCLENBQUM7O0FBRXRELE1BQU0sVUFBVSxpQkFBaUI7SUFDL0IsT0FBTyxNQUFNLENBQTJCLFdBQVcsQ0FBQyxDQUFDO0FBQ3ZELENBQUM7QUFJTSxJQUFNLGlCQUFpQixHQUF2QixNQUFNLGlCQUFrQixTQUFRLG1CQUFtQjtJQUFuRDs7UUFrQ0ksV0FBTSxHQUFHLG1CQUFpQixDQUFDLE1BQU0sQ0FBQyxNQUFNLEVBQUUsQ0FBQztRQUMzQyxZQUFPLEdBQUcsS0FBSyxDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJ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LDJEQUNYLDJCQUEyQiw0RkFDM0IsaUJBQWlCOzsyRkF1RFIsWUFBWTtrQkE5RHhCLFNBQVM7aUNBQ0ksSUFBSSxXQUNQO3dCQUNQLGdCQUFnQjt3QkFDaEIsV0FBVzt3QkFDWCxXQUFXO3dCQUNYLDJCQUEyQjt3QkFDM0IsaUJBQWlCO3FCQUNsQixZQUNTLGlCQUFpQixZQUNqQjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBMENULG1CQUVnQix1QkFBdUIsQ0FBQyxNQUFNLGtCQUMvQjt3QkFDZDs0QkFDRSxTQUFTLEVBQUUsaUJBQWlCOzRCQUM1QixNQUFNLEVBQUUsQ0FBQyxTQUFTLEVBQUUsVUFBVSxFQUFFLFdBQVcsRUFBRSxNQUFNLEVBQUUsV0FBVyxDQUFDO3lCQUNsRTtxQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nVGVtcGxhdGVPdXRsZXQgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRGlyZWN0aXZlLCBIb3N0QmluZGluZywgV3JpdGFibGVTaWduYWwsIGluamVjdCwgaW5wdXQsIHNpZ25hbCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQnJlYWtwb2ludCB9IGZyb20gJ0BuZy1hdG9taWMvY29tbW9uL3NlcnZpY2VzL2JyZWFrcG9pbnQnO1xuaW1wb3J0IHsgbWFrZUNvbmZpZyB9IGZyb20gJ0BuZy1hdG9taWMvY29tbW9uL3NlcnZpY2VzL3VpJztcbmltcG9ydCB7IERyYXdlckZyYW1lIH0gZnJvbSAnQG5nLWF0b21pYy9jb21wb25lbnRzL2ZyYW1lcy9kcmF3ZXInO1xuaW1wb3J0IHsgTGluZVVwRnJhbWUgfSBmcm9tICdAbmctYXRvbWljL2NvbXBvbmVudHMvZnJhbWVzL2xpbmUtdXAnO1xuaW1wb3J0IHsgTWVudVRlbXBsYXRlU3RvcmUgfSBmcm9tICdAbmctYXRvbWljL2NvbXBvbmVudHMvdGVtcGxhdGVzL21lbnUnO1xuaW1wb3J0IHsgTmdBdG9taWNDb21wb25lbnQsIFRva2VuaXplZFR5cGUsIF9jb21wdXRlZCB9IGZyb20gJ0BuZy1hdG9taWMvY29yZSc7XG5pbXBvcnQgeyBJY29uQnV0dG9uTWVudVRlbXBsYXRlU3RvcmUgfSBmcm9tICdAbmctYXRvbWljL2NvbXBvbmVudHMvdGVtcGxhdGVzL2ljb24tYnV0dG9uLW1lbnUnO1xuaW1wb3J0IHsgSW5qZWN0YWJsZUNvbXBvbmVudCB9IGZyb20gJ0BuZy1hdG9taWMvY29yZSc7XG5cbmV4cG9ydCBmdW5jdGlvbiBpbmplY3RTaWRlTmF2TW9kZSgpOiBXcml0YWJsZVNpZ25hbDwnY29sbGFwc2VkJyB8ICdleHBhbmRlZCc+IHtcbiAgcmV0dXJuIHNpZ25hbDwnY29sbGFwc2VkJyB8ICdleHBhbmRlZCc+KCdjb2xsYXBzZWQnKTtcbn1cblxuQFRva2VuaXplZFR5cGUoKVxuQERpcmVjdGl2ZSh7IHN0YW5kYWxvbmU6IHRydWUsIHNlbGVjdG9yOiAnZnJhbWVzLXNpZGUtbmF2JyB9KVxuZXhwb3J0IGNsYXNzIFNpZGVOYXZGcmFtZVN0b3JlIGV4dGVuZHMgSW5qZWN0YWJsZUNvbXBvbmVudCB7XG4gIHN0YXRpYyByZWFkb25seSBDb25maWcgPSBtYWtlQ29uZmlnKCgpID0+IHtcbiAgICBjb25zdCBnZXRGcmFtZVR5cGUgPSAoYnJlYWtwb2ludDogQnJlYWtwb2ludCkgPT4ge1xuICAgICAgc3dpdGNoIChicmVha3BvaW50KSB7XG4gICAgICAgIGNhc2UgJ3hTbWFsbCc6IHJldHVybiAnZHJhd2VyJztcbiAgICAgICAgZGVmYXVsdDogcmV0dXJuICdsaW5ldXAnO1xuICAgICAgfVxuICAgIH1cblxuICAgIGNvbnN0IGdldE1lbnVUeXBlID0gKGJyZWFrcG9pbnQ6IEJyZWFrcG9pbnQpID0+IHtcbiAgICAgIHN3aXRjaCAoYnJlYWtwb2ludCkge1xuICAgICAgICBjYXNlICd4U21hbGwnOiByZXR1cm4gJ21lbnUnO1xuICAgICAgICBjYXNlICdzbWFsbCc6XG4gICAgICAgIGNhc2UgJ21lZGl1bSc6IHJldHVybiAnaWNvbi1idXR0b24tbWVudSc7XG4gICAgICAgIGRlZmF1bHQ6IHJldHVybiAnbWVudSc7XG4gICAgICB9XG4gICAgfVxuXG4gICAgY29uc3QgZ2V0TW9kZSA9IChicmVha3BvaW50OiBCcmVha3BvaW50KSA9PiB7XG4gICAgICBzd2l0Y2ggKGJyZWFrcG9pbnQpIHtcbiAgICAgICAgY2FzZSAneFNtYWxsJzogcmV0dXJuICdjb2xsYXBzZWQnO1xuICAgICAgICBkZWZhdWx0OiByZXR1cm4gJ2V4cGFuZGVkJztcbiAgICAgIH1cbiAgICB9XG5cbiAgICByZXR1cm4gKF8sIGNvbnRleHQpID0+ICh7XG4gICAgICBhY3Rpb25zOiBbXSxcbiAgICAgIG1lbnVUeXBlOiBnZXRNZW51VHlwZShjb250ZXh0LmJyZWFrcG9pbnQpLFxuICAgICAgbWVudVRpdGxlOiB1bmRlZmluZWQgYXMgc3RyaW5nLFxuICAgICAgbW9kZTogZ2V0TW9kZShjb250ZXh0LmJyZWFrcG9pbnQpLFxuICAgICAgZnJhbWVUeXBlOiBnZXRGcmFtZVR5cGUoY29udGV4dC5icmVha3BvaW50KSBhcyAnbGluZXVwJyB8ICdkcmF3ZXInLFxuICAgIH0pO1xuICB9LCBbJ2NvbXBvbmVudHMnLCAnZnJhbWVzJywgJ3NpZGVOYXYnXSk7XG5cbiAgcmVhZG9ubHkgY29uZmlnID0gU2lkZU5hdkZyYW1lU3RvcmUuQ29uZmlnLmluamVjdCgpO1xuICByZWFkb25seSBhY3Rpb25zID0gaW5wdXQoX2NvbXB1dGVkKCgpID0+IHRoaXMuY29uZmlnKCkuYWN0aW9ucykpO1xuICByZWFkb25seSBtZW51VHlwZSA9IGlucHV0KF9jb21wdXRlZCgoKSA9PiB0aGlzLmNvbmZpZygpLm1lbnVUeXBlKSk7XG4gIHJlYWRvbmx5IG1lbnVUaXRsZSA9IGlucHV0KF9jb21wdXRlZCgoKSA9PiB0aGlzLmNvbmZpZygpLm1lbnVUaXRsZSkpO1xuICByZWFkb25seSBtb2RlID0gaW5wdXQoX2NvbXB1dGVkKCgpID0+IHRoaXMuY29uZmlnKCkubW9kZSkpO1xuICByZWFkb25seSBmcmFtZVR5cGUgPSBpbnB1dChfY29tcHV0ZWQoKCkgPT4gdGhpcy5jb25maWcoKS5mcmFtZVR5cGUpKTtcblxuICBASG9zdEJpbmRpbmcoJ2F0dHIuZnJhbWUnKVxuICBnZXQgYXR0ckZyYW1lKCkge1xuICAgIHJldHVybiB0aGlzLmZyYW1lVHlwZSgpO1xuICB9XG59XG5cblxuQENvbXBvbmVudCh7XG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBOZ1RlbXBsYXRlT3V0bGV0LFxuICAgIERyYXdlckZyYW1lLFxuICAgIExpbmVVcEZyYW1lLFxuICAgIEljb25CdXR0b25NZW51VGVtcGxhdGVTdG9yZSxcbiAgICBNZW51VGVtcGxhdGVTdG9yZSxcbiAgXSxcbiAgc2VsZWN0b3I6ICdmcmFtZXMtc2lkZS1uYXYnLFxuICB0ZW1wbGF0ZTogYFxuICBAc3dpdGNoIChzdG9yZS5mcmFtZVR5cGUoKSkge1xuICAgIEBjYXNlICgnZHJhd2VyJykge1xuICAgICAgQGRlZmVyIHtcbiAgICAgICAgPGZyYW1lcy1kcmF3ZXIgW29wZW5lZF09XCJzdG9yZS5tb2RlKCkgPT09ICdleHBhbmRlZCdcIj5cbiAgICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwibWVudVwiIGRyYXdlci8+XG4gICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImNvbnRlbnRzXCIgY29udGVudHMvPlxuICAgICAgICA8L2ZyYW1lcy1kcmF3ZXI+XG4gICAgICB9XG4gICAgfVxuICAgIEBkZWZhdWx0IHtcbiAgICAgIDwhLS0gQGRlZmVyIHsgLS0+XG4gICAgICAgIDxmcmFtZXMtbGluZS11cCBbaGFzTmV4dF09XCJ0cnVlXCIgW3Njb3BlXT1cIiduYXYnXCI+XG4gICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cIm1lbnVcIiBtYWluLz5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiY29udGVudFwiIG5leHQ+PG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImNvbnRlbnRzXCIvPjwvZGl2PlxuICAgICAgICA8L2ZyYW1lcy1saW5lLXVwPlxuICAgICAgPCEtLSB9IC0tPlxuICAgIH1cbiAgfVxuXG4gIDxuZy10ZW1wbGF0ZSAjbWVudT5cbiAgICBAc3dpdGNoIChzdG9yZS5tZW51VHlwZSgpKSB7XG4gICAgICBAY2FzZSAoJ2ljb24tYnV0dG9uLW1lbnUnKSB7XG4gICAgICAgIDwhLS0gQGRlZmVyIHsgLS0+XG4gICAgICAgICAgPHRlbXBsYXRlcy1pY29uLWJ1dHRvbi1tZW51IGluamVjdGFibGVcbiAgICAgICAgICAgIFthY3Rpb25zXT1cInN0b3JlLmFjdGlvbnMoKVwiXG4gICAgICAgICAgICAoYWN0aW9uKT1cImRpc3BhdGNoKCRldmVudClcIlxuICAgICAgICAgIC8+XG4gICAgICAgIDwhLS0gfSAtLT5cbiAgICAgIH1cbiAgICAgIEBkZWZhdWx0IHtcbiAgICAgICAgPCEtLSBAZGVmZXIgeyAtLT5cbiAgICAgICAgICA8dGVtcGxhdGVzLW1lbnUgaW5qZWN0YWJsZVxuICAgICAgICAgICAgW3RpdGxlXT1cInN0b3JlLm1lbnVUaXRsZSgpXCJcbiAgICAgICAgICAgIFthY3Rpb25zXT1cInN0b3JlLmFjdGlvbnMoKVwiXG4gICAgICAgICAgICAoYWN0aW9uKT1cImRpc3BhdGNoKCRldmVudClcIlxuICAgICAgICAgIC8+XG4gICAgICAgIDwhLS0gfSAtLT5cbiAgICAgIH1cbiAgICB9XG4gIDwvbmctdGVtcGxhdGU+XG4gIDxuZy10ZW1wbGF0ZSAjY29udGVudHM+PG5nLWNvbnRlbnQvPjwvbmctdGVtcGxhdGU+XG4gIGAsXG4gIHN0eWxlVXJsczogWycuL3NpZGUtbmF2LmZyYW1lLnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGhvc3REaXJlY3RpdmVzOiBbXG4gICAge1xuICAgICAgZGlyZWN0aXZlOiBTaWRlTmF2RnJhbWVTdG9yZSxcbiAgICAgIGlucHV0czogWydhY3Rpb25zJywgJ21lbnVUeXBlJywgJ21lbnVUaXRsZScsICdtb2RlJywgJ2ZyYW1lVHlwZSddLFxuICAgIH0sXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIFNpZGVOYXZGcmFtZSBleHRlbmRzIE5nQXRvbWljQ29tcG9uZW50IHtcbiAgcHJvdGVjdGVkIHN0b3JlID0gaW5qZWN0KFNpZGVOYXZGcmFtZVN0b3JlKTtcbn1cbiJdfQ==

package/esm2022/frames/smart-menu/smart-menu.frame.mjs

@@ -13,13 +13,13 @@ export class SmartMenuFrame {
         return page === 'Blank' ? 'Blank' : this.isMainHidden ? `Next` : `NextWithMainPage`;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SmartMenuFrame, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: SmartMenuFrame, isStandalone: true, selector: "frames-smart-menu", inputs: { label: "label", outlet: "outlet", minNextWidth: "minNextWidth" }, host: { properties: { "attr.is-main-hidden": "this.isMainHidden" } }, viewQueries: [{ propertyName: "next", first: true, predicate: ["next"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"menu\" #menu>\n  <ng-content select=\"[menu]\"></ng-content>\n</div>\n<div class=\"contents\" #contents>\n  <ng-content select=\"[contents]\"></ng-content>\n</div>", styles: [":host{--gap: 1px;--gap-SCOPED-IN-smart-menu-5SlZ: var(--gap);--background: #ccc;--background-SCOPED-IN-smart-menu-5SlZ: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-smart-menu-5SlZ: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-smart-menu-5SlZ);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-smart-menu-5SlZ)}:host .contents{display:flex;max-width:-moz-fit-content;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-smart-menu-5SlZ)}:host .contents.menu{overflow:hidden;justify-content:flex-end}:host .contents.contents{overflow:visible;justify-content:flex-start}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: SmartMenuFrame, isStandalone: true, selector: "frames-smart-menu", inputs: { label: "label", outlet: "outlet", minNextWidth: "minNextWidth" }, host: { properties: { "attr.is-main-hidden": "this.isMainHidden" } }, viewQueries: [{ propertyName: "next", first: true, predicate: ["next"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"menu\" #menu>\n  <ng-content select=\"[menu]\"></ng-content>\n</div>\n<div class=\"contents\" #contents>\n  <ng-content select=\"[contents]\"></ng-content>\n</div>", styles: [":host{--gap: 1px;--gap-SCOPED-IN-smart-menu-zWZr: var(--gap);--background: #ccc;--background-SCOPED-IN-smart-menu-zWZr: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-smart-menu-zWZr: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-smart-menu-zWZr);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-smart-menu-zWZr)}:host .contents{display:flex;max-width:-moz-fit-content;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-smart-menu-zWZr)}:host .contents.menu{overflow:hidden;justify-content:flex-end}:host .contents.contents{overflow:visible;justify-content:flex-start}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SmartMenuFrame, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [
                         CommonModule,
-                    ], selector: 'frames-smart-menu', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"menu\" #menu>\n  <ng-content select=\"[menu]\"></ng-content>\n</div>\n<div class=\"contents\" #contents>\n  <ng-content select=\"[contents]\"></ng-content>\n</div>", styles: [":host{--gap: 1px;--gap-SCOPED-IN-smart-menu-5SlZ: var(--gap);--background: #ccc;--background-SCOPED-IN-smart-menu-5SlZ: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-smart-menu-5SlZ: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-smart-menu-5SlZ);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-smart-menu-5SlZ)}:host .contents{display:flex;max-width:-moz-fit-content;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-smart-menu-5SlZ)}:host .contents.menu{overflow:hidden;justify-content:flex-end}:host .contents.contents{overflow:visible;justify-content:flex-start}\n"] }]
+                    ], selector: 'frames-smart-menu', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"menu\" #menu>\n  <ng-content select=\"[menu]\"></ng-content>\n</div>\n<div class=\"contents\" #contents>\n  <ng-content select=\"[contents]\"></ng-content>\n</div>", styles: [":host{--gap: 1px;--gap-SCOPED-IN-smart-menu-zWZr: var(--gap);--background: #ccc;--background-SCOPED-IN-smart-menu-zWZr: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-smart-menu-zWZr: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-smart-menu-zWZr);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-smart-menu-zWZr)}:host .contents{display:flex;max-width:-moz-fit-content;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-smart-menu-zWZr)}:host .contents.menu{overflow:hidden;justify-content:flex-end}:host .contents.contents{overflow:visible;justify-content:flex-start}\n"] }]
         }], propDecorators: { isMainHidden: [{
                 type: HostBinding,
                 args: ['attr.is-main-hidden']

package/esm2022/frames/vertical-hide/vertical-hide.frame.mjs

@@ -10,7 +10,7 @@ export class VerticalHideFrame {
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: VerticalHideFrame, isStandalone: true, selector: "frames-vertical-hide", inputs: { mode: "mode" }, host: { properties: { "attr.mode": "this.mode" } }, ngImport: i0, template: `
     <ng-content></ng-content>
     <organisms-vertical-divider></organisms-vertical-divider>
-  `, isInline: true, styles: [":host{--collapsed-height: 200px;--collapsed-height-SCOPED-IN-vertical-hide-2aUO: var(--collapsed-height);--expanded-height: 400px;--expanded-height-SCOPED-IN-vertical-hide-2aUO: var(--expanded-height)}:host{position:relative;display:block;transition:.5s height}:host organisms-vertical-divider{position:absolute;bottom:0;width:100%}:host[mode=collapsed]{height:var(--collapsed-height-SCOPED-IN-vertical-hide-2aUO)}:host[mode=expanded]{height:var(--expanded-height-SCOPED-IN-vertical-hide-2aUO)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: VerticalDividerOrganism, selector: "organisms-vertical-divider" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{--collapsed-height: 200px;--collapsed-height-SCOPED-IN-vertical-hide-yXac: var(--collapsed-height);--expanded-height: 400px;--expanded-height-SCOPED-IN-vertical-hide-yXac: var(--expanded-height)}:host{position:relative;display:block;transition:.5s height}:host organisms-vertical-divider{position:absolute;bottom:0;width:100%}:host[mode=collapsed]{height:var(--collapsed-height-SCOPED-IN-vertical-hide-yXac)}:host[mode=expanded]{height:var(--expanded-height-SCOPED-IN-vertical-hide-yXac)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: VerticalDividerOrganism, selector: "organisms-vertical-divider" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: VerticalHideFrame, decorators: [{
             type: Component,
@@ -20,7 +20,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
                     ], template: `
     <ng-content></ng-content>
     <organisms-vertical-divider></organisms-vertical-divider>
-  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--collapsed-height: 200px;--collapsed-height-SCOPED-IN-vertical-hide-2aUO: var(--collapsed-height);--expanded-height: 400px;--expanded-height-SCOPED-IN-vertical-hide-2aUO: var(--expanded-height)}:host{position:relative;display:block;transition:.5s height}:host organisms-vertical-divider{position:absolute;bottom:0;width:100%}:host[mode=collapsed]{height:var(--collapsed-height-SCOPED-IN-vertical-hide-2aUO)}:host[mode=expanded]{height:var(--expanded-height-SCOPED-IN-vertical-hide-2aUO)}\n"] }]
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--collapsed-height: 200px;--collapsed-height-SCOPED-IN-vertical-hide-yXac: var(--collapsed-height);--expanded-height: 400px;--expanded-height-SCOPED-IN-vertical-hide-yXac: var(--expanded-height)}:host{position:relative;display:block;transition:.5s height}:host organisms-vertical-divider{position:absolute;bottom:0;width:100%}:host[mode=collapsed]{height:var(--collapsed-height-SCOPED-IN-vertical-hide-yXac)}:host[mode=expanded]{height:var(--expanded-height-SCOPED-IN-vertical-hide-yXac)}\n"] }]
         }], propDecorators: { mode: [{
                 type: Input
             }, {

package/esm2022/molecules/actions-column/actions-column.molecule.mjs

@@ -1,25 +1,44 @@
+var ActionsColumnMoleculeStore_1;
+import { __decorate } from "tslib";
 import { CdkCellDef, CdkColumnDef, CdkHeaderCellDef, CdkTable } from '@angular/cdk/table';
 import { CommonModule } from '@angular/common';
-import { ChangeDetectionStrategy, Component, Directive, ViewEncapsulation, effect, inject, input, viewChild } from '@angular/core';
+import { ChangeDetectionStrategy, Component, Directive, ViewEncapsulation, computed, effect, inject, input, viewChild } from '@angular/core';
 import { MatButtonModule } from '@angular/material/button';
 import { MatIconModule } from '@angular/material/icon';
 import { MatMenuModule } from '@angular/material/menu';
 import { MatTableModule } from '@angular/material/table';
-import { InjectableComponent, NgAtomicComponent } from '@ng-atomic/core';
+import { _computed, InjectableComponent, NgAtomicComponent, TokenizedType } from '@ng-atomic/core';
 import { ActionsPipe } from '@ng-atomic/common/pipes/actions';
 import { SmartMenuButtonAtom } from '@ng-atomic/components/atoms/smart-menu-button';
+import { makeConfig } from '@ng-atomic/common/services/ui';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/material/table";
-export class ActionsColumnMoleculeStore extends InjectableComponent {
+let ActionsColumnMoleculeStore = class ActionsColumnMoleculeStore extends InjectableComponent {
     constructor() {
         super(...arguments);
-        this.headerText = input('');
+        this.config = ActionsColumnMoleculeStore_1.Config.inject();
+        this.headerText = input(_computed(() => this.config().headerText));
         this.name = input.required();
-        this.itemActions = input([]);
+        this.itemActions = input(_computed(() => this.config().itemActions));
+        this.style = computed(() => this.config().style);
     }
+    static { ActionsColumnMoleculeStore_1 = this; }
+    static { this.Config = makeConfig(() => {
+        return () => ({
+            headerText: '',
+            itemActions: [],
+            style: {
+                width: '48px',
+            },
+        });
+    }, ['components', 'molecules', 'actions-column']); }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ActionsColumnMoleculeStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.2.2", type: ActionsColumnMoleculeStore, isStandalone: true, inputs: { headerText: { classPropertyName: "headerText", publicName: "headerText", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: true, transformFunction: null }, itemActions: { classPropertyName: "itemActions", publicName: "itemActions", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
-}
+};
+ActionsColumnMoleculeStore = ActionsColumnMoleculeStore_1 = __decorate([
+    TokenizedType()
+], ActionsColumnMoleculeStore);
+export { ActionsColumnMoleculeStore };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ActionsColumnMoleculeStore, decorators: [{
             type: Directive,
             args: [{ standalone: true }]
@@ -53,7 +72,7 @@ export class ActionsColumnMolecule extends NgAtomicComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ActionsColumnMolecule, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "17.2.2", type: ActionsColumnMolecule, isStandalone: true, selector: "molecules-actions-column", viewQueries: [{ propertyName: "columnDef", first: true, predicate: CdkColumnDef, descendants: true, isSignal: true }, { propertyName: "cell", first: true, predicate: CdkCellDef, descendants: true, isSignal: true }, { propertyName: "headerCell", first: true, predicate: CdkHeaderCellDef, descendants: true, isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: ActionsColumnMoleculeStore, inputs: ["headerText", "headerText", "name", "name", "itemActions", "itemActions"] }], ngImport: i0, template: `
   <ng-container matColumnDef>
-    <th mat-header-cell *matHeaderCellDef>{{ store.headerText() }}</th>
+    <th mat-header-cell *matHeaderCellDef [style.width]="store.style()?.width">{{ store.headerText() }}</th>
     <td mat-cell *matCellDef="let item">
       <atoms-smart-menu-button
         [actions]="store.itemActions() | resolveActions:item"
@@ -75,7 +94,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
                         ActionsPipe,
                     ], template: `
   <ng-container matColumnDef>
-    <th mat-header-cell *matHeaderCellDef>{{ store.headerText() }}</th>
+    <th mat-header-cell *matHeaderCellDef [style.width]="store.style()?.width">{{ store.headerText() }}</th>
     <td mat-cell *matCellDef="let item">
       <atoms-smart-menu-button
         [actions]="store.itemActions() | resolveActions:item"
@@ -90,4 +109,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
                         },
                     ] }]
         }], ctorParameters: () => [] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9ucy1jb2x1bW4ubW9sZWN1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9AbmctYXRvbWljL2NvbXBvbmVudHMvc3JjL2xpYi9tb2xlY3VsZXMvYWN0aW9ucy1jb2x1bW4vYWN0aW9ucy1jb2x1bW4ubW9sZWN1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFVBQVUsRUFBRSxZQUFZLEVBQUUsZ0JBQWdCLEVBQUUsUUFBUSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDMUYsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNuSSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDM0QsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN2RCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDekQsT0FBTyxFQUFXLG1CQUFtQixFQUFFLGlCQUFpQixFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDbEYsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBQzlELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLCtDQUErQyxDQUFDOzs7QUFHcEYsTUFBTSxPQUFPLDBCQUEyQixTQUFRLG1CQUFtQjtJQURuRTs7UUFFVyxlQUFVLEdBQUcsS0FBSyxDQUFTLEVBQUUsQ0FBQyxDQUFDO1FBQy9CLFNBQUksR0FBRyxLQUFLLENBQUMsUUFBUSxFQUFVLENBQUM7UUFDaEMsZ0JBQVcsR0FBRyxLQUFLLENBQVUsRUFBRSxDQUFDLENBQUM7S0FDM0M7OEdBSlksMEJBQTBCO2tHQUExQiwwQkFBMEI7OzJGQUExQiwwQkFBMEI7a0JBRHRDLFNBQVM7bUJBQUMsRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFOztBQXdDL0IsTUFBTSxPQUFPLHFCQUF5QixTQUFRLGlCQUFpQjtJQU83RDtRQUNFLEtBQUssRUFBRSxDQUFDO1FBUEYsV0FBTSxHQUFHLE1BQU0sQ0FBQyxRQUFRLEVBQUUsRUFBQyxRQUFRLEVBQUUsSUFBSSxFQUFDLENBQUMsQ0FBQztRQUMxQyxVQUFLLEdBQUcsTUFBTSxDQUFDLDBCQUEwQixDQUFDLENBQUM7UUFDNUMsY0FBUyxHQUFHLFNBQVMsQ0FBQyxRQUFRLENBQUMsWUFBWSxDQUFDLENBQUM7UUFDN0MsU0FBSSxHQUFHLFNBQVMsQ0FBQyxRQUFRLENBQUMsVUFBVSxDQUFDLENBQUM7UUFDdEMsZUFBVSxHQUFHLFNBQVMsQ0FBQyxRQUFRLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztRQUl6RCxNQUFNLENBQUMsR0FBRyxFQUFFO1lBQ1YsSUFBSSxJQUFJLENBQUMsU0FBUyxFQUFFO2dCQUFFLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUNsRSxDQUFDLENBQUMsQ0FBQTtJQUNKLENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxJQUFJLENBQUMsTUFBTSxFQUFFO1lBQ2YsSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksRUFBRSxDQUFDO1lBQzFDLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDO1lBQ3BDLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDO1lBQ2hELElBQUksQ0FBQyxNQUFNLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQyxDQUFDO1NBQzVDO0lBQ0gsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLElBQUksQ0FBQyxNQUFNLEVBQUU7WUFDZixJQUFJLENBQUMsTUFBTSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsU0FBUyxFQUFFLENBQUMsQ0FBQztTQUMvQztJQUNILENBQUM7OEdBM0JVLHFCQUFxQjtrR0FBckIscUJBQXFCLCtIQUdRLFlBQVksdUZBQ2pCLFVBQVUsNkZBQ0osZ0JBQWdCLDZGQTVDOUMsMEJBQTBCLGlIQWtCM0I7Ozs7Ozs7Ozs7R0FVVCx5RUFsQkMsWUFBWSw4QkFDWixjQUFjLGtkQUNkLGFBQWEsOEJBQ2IsZUFBZSw4QkFDZixhQUFhLCtCQUNiLG1CQUFtQiwrREFDbkIsV0FBVzs7MkZBdUJGLHFCQUFxQjtrQkFqQ2pDLFNBQVM7K0JBQ0UsMEJBQTBCLGNBQ3hCLElBQUksV0FDUDt3QkFDUCxZQUFZO3dCQUNaLGNBQWM7d0JBQ2QsYUFBYTt3QkFDYixlQUFlO3dCQUNmLGFBQWE7d0JBQ2IsbUJBQW1CO3dCQUNuQixXQUFXO3FCQUNaLFlBQ1M7Ozs7Ozs7Ozs7R0FVVCxpQkFFYyxpQkFBaUIsQ0FBQyxJQUFJLG1CQUNwQix1QkFBdUIsQ0FBQyxNQUFNLGtCQUMvQjt3QkFDZDs0QkFDRSxTQUFTLEVBQUUsMEJBQTBCOzRCQUNyQyxNQUFNLEVBQUUsQ0FBQyxZQUFZLEVBQUUsTUFBTSxFQUFFLGFBQWEsQ0FBQzt5QkFDOUM7cUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDZGtDZWxsRGVmLCBDZGtDb2x1bW5EZWYsIENka0hlYWRlckNlbGxEZWYsIENka1RhYmxlIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL3RhYmxlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBEaXJlY3RpdmUsIFZpZXdFbmNhcHN1bGF0aW9uLCBlZmZlY3QsIGluamVjdCwgaW5wdXQsIHZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTWF0QnV0dG9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvYnV0dG9uJztcbmltcG9ydCB7IE1hdEljb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pY29uJztcbmltcG9ydCB7IE1hdE1lbnVNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9tZW51JztcbmltcG9ydCB7IE1hdFRhYmxlTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvdGFibGUnO1xuaW1wb3J0IHsgQWN0aW9ucywgSW5qZWN0YWJsZUNvbXBvbmVudCwgTmdBdG9taWNDb21wb25lbnQgfSBmcm9tICdAbmctYXRvbWljL2NvcmUnO1xuaW1wb3J0IHsgQWN0aW9uc1BpcGUgfSBmcm9tICdAbmctYXRvbWljL2NvbW1vbi9waXBlcy9hY3Rpb25zJztcbmltcG9ydCB7IFNtYXJ0TWVudUJ1dHRvbkF0b20gfSBmcm9tICdAbmctYXRvbWljL2NvbXBvbmVudHMvYXRvbXMvc21hcnQtbWVudS1idXR0b24nO1xuXG5ARGlyZWN0aXZlKHsgc3RhbmRhbG9uZTogdHJ1ZSB9KVxuZXhwb3J0IGNsYXNzIEFjdGlvbnNDb2x1bW5Nb2xlY3VsZVN0b3JlIGV4dGVuZHMgSW5qZWN0YWJsZUNvbXBvbmVudCB7XG4gIHJlYWRvbmx5IGhlYWRlclRleHQgPSBpbnB1dDxzdHJpbmc+KCcnKTtcbiAgcmVhZG9ubHkgbmFtZSA9IGlucHV0LnJlcXVpcmVkPHN0cmluZz4oKTtcbiAgcmVhZG9ubHkgaXRlbUFjdGlvbnMgPSBpbnB1dDxBY3Rpb25zPihbXSk7XG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ21vbGVjdWxlcy1hY3Rpb25zLWNvbHVtbicsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgTWF0VGFibGVNb2R1bGUsXG4gICAgTWF0TWVudU1vZHVsZSxcbiAgICBNYXRCdXR0b25Nb2R1bGUsXG4gICAgTWF0SWNvbk1vZHVsZSxcbiAgICBTbWFydE1lbnVCdXR0b25BdG9tLFxuICAgIEFjdGlvbnNQaXBlLFxuICBdLFxuICB0ZW1wbGF0ZTogYFxuICA8bmctY29udGFpbmVyIG1hdENvbHVtbkRlZj5cbiAgICA8dGggbWF0LWhlYWRlci1jZWxsICptYXRIZWFkZXJDZWxsRGVmPnt7IHN0b3JlLmhlYWRlclRleHQoKSB9fTwvdGg+XG4gICAgPHRkIG1hdC1jZWxsICptYXRDZWxsRGVmPVwibGV0IGl0ZW1cIj5cbiAgICAgIDxhdG9tcy1zbWFydC1tZW51LWJ1dHRvblxuICAgICAgICBbYWN0aW9uc109XCJzdG9yZS5pdGVtQWN0aW9ucygpIHwgcmVzb2x2ZUFjdGlvbnM6aXRlbVwiXG4gICAgICAgIChhY3Rpb24pPVwiZGlzcGF0Y2goe2lkOiAkZXZlbnQuaWQsIHBheWxvYWQ6IGl0ZW19KVwiXG4gICAgICAvPlxuICAgIDwvdGQ+XG4gIDwvbmctY29udGFpbmVyPlxuICBgLFxuICBzdHlsZVVybHM6IFsnLi9hY3Rpb25zLWNvbHVtbi5tb2xlY3VsZS5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBob3N0RGlyZWN0aXZlczogW1xuICAgIHtcbiAgICAgIGRpcmVjdGl2ZTogQWN0aW9uc0NvbHVtbk1vbGVjdWxlU3RvcmUsXG4gICAgICBpbnB1dHM6IFsnaGVhZGVyVGV4dCcsICduYW1lJywgJ2l0ZW1BY3Rpb25zJ10sXG4gICAgfSxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgQWN0aW9uc0NvbHVtbk1vbGVjdWxlPFQ+IGV4dGVuZHMgTmdBdG9taWNDb21wb25lbnQge1xuICBwcml2YXRlIF90YWJsZSA9IGluamVjdChDZGtUYWJsZSwge29wdGlvbmFsOiB0cnVlfSk7XG4gIHByb3RlY3RlZCBzdG9yZSA9IGluamVjdChBY3Rpb25zQ29sdW1uTW9sZWN1bGVTdG9yZSk7XG4gIHJlYWRvbmx5IGNvbHVtbkRlZiA9IHZpZXdDaGlsZC5yZXF1aXJlZChDZGtDb2x1bW5EZWYpO1xuICByZWFkb25seSBjZWxsID0gdmlld0NoaWxkLnJlcXVpcmVkKENka0NlbGxEZWYpO1xuICByZWFkb25seSBoZWFkZXJDZWxsID0gdmlld0NoaWxkLnJlcXVpcmVkKENka0hlYWRlckNlbGxEZWYpO1xuXG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKCk7XG4gICAgZWZmZWN0KCgpID0+IHtcbiAgICAgIGlmICh0aGlzLmNvbHVtbkRlZigpKSB0aGlzLmNvbHVtbkRlZigpLm5hbWUgPSB0aGlzLnN0b3JlLm5hbWUoKTtcbiAgICB9KVxuICB9XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgaWYgKHRoaXMuX3RhYmxlKSB7XG4gICAgICB0aGlzLmNvbHVtbkRlZigpLm5hbWUgPSB0aGlzLnN0b3JlLm5hbWUoKTtcbiAgICAgIHRoaXMuY29sdW1uRGVmKCkuY2VsbCA9IHRoaXMuY2VsbCgpO1xuICAgICAgdGhpcy5jb2x1bW5EZWYoKS5oZWFkZXJDZWxsID0gdGhpcy5oZWFkZXJDZWxsKCk7XG4gICAgICB0aGlzLl90YWJsZS5hZGRDb2x1bW5EZWYodGhpcy5jb2x1bW5EZWYoKSk7XG4gICAgfVxuICB9XG5cbiAgbmdPbkRlc3Ryb3koKSB7XG4gICAgaWYgKHRoaXMuX3RhYmxlKSB7XG4gICAgICB0aGlzLl90YWJsZS5yZW1vdmVDb2x1bW5EZWYodGhpcy5jb2x1bW5EZWYoKSk7XG4gICAgfVxuICB9XG59XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9ucy1jb2x1bW4ubW9sZWN1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9AbmctYXRvbWljL2NvbXBvbmVudHMvc3JjL2xpYi9tb2xlY3VsZXMvYWN0aW9ucy1jb2x1bW4vYWN0aW9ucy1jb2x1bW4ubW9sZWN1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7QUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLFlBQVksRUFBRSxnQkFBZ0IsRUFBRSxRQUFRLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUMxRixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQUUsaUJBQWlCLEVBQUUsUUFBUSxFQUFFLE1BQU0sRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM3SSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDM0QsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN2RCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDekQsT0FBTyxFQUFFLFNBQVMsRUFBVyxtQkFBbUIsRUFBRSxpQkFBaUIsRUFBRSxhQUFhLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUM1RyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDOUQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sK0NBQStDLENBQUM7QUFDcEYsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLCtCQUErQixDQUFDOzs7QUFJcEQsSUFBTSwwQkFBMEIsR0FBaEMsTUFBTSwwQkFBMkIsU0FBUSxtQkFBbUI7SUFBNUQ7O1FBVUks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QWMsa2RBQ2QsYUFBYSw4QkFDYixlQUFlLDhCQUNmLGFBQWEsK0JBQ2IsbUJBQW1CLCtEQUNuQixXQUFXOzsyRkF1QkYscUJBQXFCO2tCQWpDakMsU0FBUzsrQkFDRSwwQkFBMEIsY0FDeEIsSUFBSSxXQUNQO3dCQUNQLFlBQVk7d0JBQ1osY0FBYzt3QkFDZCxhQUFhO3dCQUNiLGVBQWU7d0JBQ2YsYUFBYTt3QkFDYixtQkFBbUI7d0JBQ25CLFdBQVc7cUJBQ1osWUFDUzs7Ozs7Ozs7OztHQVVULGlCQUVjLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU0sa0JBQy9CO3dCQUNkOzRCQUNFLFNBQVMsRUFBRSwwQkFBMEI7NEJBQ3JDLE1BQU0sRUFBRSxDQUFDLFlBQVksRUFBRSxNQUFNLEVBQUUsYUFBYSxDQUFDO3lCQUM5QztxQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENka0NlbGxEZWYsIENka0NvbHVtbkRlZiwgQ2RrSGVhZGVyQ2VsbERlZiwgQ2RrVGFibGUgfSBmcm9tICdAYW5ndWxhci9jZGsvdGFibGUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIERpcmVjdGl2ZSwgVmlld0VuY2Fwc3VsYXRpb24sIGNvbXB1dGVkLCBlZmZlY3QsIGluamVjdCwgaW5wdXQsIHZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTWF0QnV0dG9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvYnV0dG9uJztcbmltcG9ydCB7IE1hdEljb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pY29uJztcbmltcG9ydCB7IE1hdE1lbnVNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9tZW51JztcbmltcG9ydCB7IE1hdFRhYmxlTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvdGFibGUnO1xuaW1wb3J0IHsgX2NvbXB1dGVkLCBBY3Rpb25zLCBJbmplY3RhYmxlQ29tcG9uZW50LCBOZ0F0b21pY0NvbXBvbmVudCwgVG9rZW5pemVkVHlwZSB9IGZyb20gJ0BuZy1hdG9taWMvY29yZSc7XG5pbXBvcnQgeyBBY3Rpb25zUGlwZSB9IGZyb20gJ0BuZy1hdG9taWMvY29tbW9uL3BpcGVzL2FjdGlvbnMnO1xuaW1wb3J0IHsgU21hcnRNZW51QnV0dG9uQXRvbSB9IGZyb20gJ0BuZy1hdG9taWMvY29tcG9uZW50cy9hdG9tcy9zbWFydC1tZW51LWJ1dHRvbic7XG5pbXBvcnQgeyBtYWtlQ29uZmlnIH0gZnJvbSAnQG5nLWF0b21pYy9jb21tb24vc2VydmljZXMvdWknO1xuXG5AVG9rZW5pemVkVHlwZSgpXG5ARGlyZWN0aXZlKHsgc3RhbmRhbG9uZTogdHJ1ZSB9KVxuZXhwb3J0IGNsYXNzIEFjdGlvbnNDb2x1bW5Nb2xlY3VsZVN0b3JlIGV4dGVuZHMgSW5qZWN0YWJsZUNvbXBvbmVudCB7XG4gIHN0YXRpYyByZWFkb25seSBDb25maWcgPSBtYWtlQ29uZmlnKCgpID0+IHtcbiAgICByZXR1cm4gKCkgPT4gKHtcbiAgICAgIGhlYWRlclRleHQ6ICcnLFxuICAgICAgaXRlbUFjdGlvbnM6IFtdIGFzIEFjdGlvbnMsXG4gICAgICBzdHlsZToge1xuICAgICAgICB3aWR0aDogJzQ4cHgnLFxuICAgICAgfSxcbiAgICB9KTtcbiAgfSwgWydjb21wb25lbnRzJywgJ21vbGVjdWxlcycsICdhY3Rpb25zLWNvbHVtbiddKTtcbiAgcmVhZG9ubHkgY29uZmlnID0gQWN0aW9uc0NvbHVtbk1vbGVjdWxlU3RvcmUuQ29uZmlnLmluamVjdCgpO1xuICByZWFkb25seSBoZWFkZXJUZXh0ID0gaW5wdXQ8c3RyaW5nPihfY29tcHV0ZWQoKCkgPT4gdGhpcy5jb25maWcoKS5oZWFkZXJUZXh0KSk7XG4gIHJlYWRvbmx5IG5hbWUgPSBpbnB1dC5yZXF1aXJlZDxzdHJpbmc+KCk7XG4gIHJlYWRvbmx5IGl0ZW1BY3Rpb25zID0gaW5wdXQ8QWN0aW9ucz4oX2NvbXB1dGVkKCgpID0+IHRoaXMuY29uZmlnKCkuaXRlbUFjdGlvbnMpKTtcbiAgcmVhZG9ubHkgc3R5bGUgPSBjb21wdXRlZCgoKSA9PiB0aGlzLmNvbmZpZygpLnN0eWxlKTtcbn1cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbW9sZWN1bGVzLWFjdGlvbnMtY29sdW1uJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBNYXRUYWJsZU1vZHVsZSxcbiAgICBNYXRNZW51TW9kdWxlLFxuICAgIE1hdEJ1dHRvbk1vZHVsZSxcbiAgICBNYXRJY29uTW9kdWxlLFxuICAgIFNtYXJ0TWVudUJ1dHRvbkF0b20sXG4gICAgQWN0aW9uc1BpcGUsXG4gIF0sXG4gIHRlbXBsYXRlOiBgXG4gIDxuZy1jb250YWluZXIgbWF0Q29sdW1uRGVmPlxuICAgIDx0aCBtYXQtaGVhZGVyLWNlbGwgKm1hdEhlYWRlckNlbGxEZWYgW3N0eWxlLndpZHRoXT1cInN0b3JlLnN0eWxlKCk/LndpZHRoXCI+e3sgc3RvcmUuaGVhZGVyVGV4dCgpIH19PC90aD5cbiAgICA8dGQgbWF0LWNlbGwgKm1hdENlbGxEZWY9XCJsZXQgaXRlbVwiPlxuICAgICAgPGF0b21zLXNtYXJ0LW1lbnUtYnV0dG9uXG4gICAgICAgIFthY3Rpb25zXT1cInN0b3JlLml0ZW1BY3Rpb25zKCkgfCByZXNvbHZlQWN0aW9uczppdGVtXCJcbiAgICAgICAgKGFjdGlvbik9XCJkaXNwYXRjaCh7aWQ6ICRldmVudC5pZCwgcGF5bG9hZDogaXRlbX0pXCJcbiAgICAgIC8+XG4gICAgPC90ZD5cbiAgPC9uZy1jb250YWluZXI+XG4gIGAsXG4gIHN0eWxlVXJsczogWycuL2FjdGlvbnMtY29sdW1uLm1vbGVjdWxlLnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGhvc3REaXJlY3RpdmVzOiBbXG4gICAge1xuICAgICAgZGlyZWN0aXZlOiBBY3Rpb25zQ29sdW1uTW9sZWN1bGVTdG9yZSxcbiAgICAgIGlucHV0czogWydoZWFkZXJUZXh0JywgJ25hbWUnLCAnaXRlbUFjdGlvbnMnXSxcbiAgICB9LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBBY3Rpb25zQ29sdW1uTW9sZWN1bGU8VD4gZXh0ZW5kcyBOZ0F0b21pY0NvbXBvbmVudCB7XG4gIHByaXZhdGUgX3RhYmxlID0gaW5qZWN0KENka1RhYmxlLCB7b3B0aW9uYWw6IHRydWV9KTtcbiAgcHJvdGVjdGVkIHN0b3JlID0gaW5qZWN0KEFjdGlvbnNDb2x1bW5Nb2xlY3VsZVN0b3JlKTtcbiAgcmVhZG9ubHkgY29sdW1uRGVmID0gdmlld0NoaWxkLnJlcXVpcmVkKENka0NvbHVtbkRlZik7XG4gIHJlYWRvbmx5IGNlbGwgPSB2aWV3Q2hpbGQucmVxdWlyZWQoQ2RrQ2VsbERlZik7XG4gIHJlYWRvbmx5IGhlYWRlckNlbGwgPSB2aWV3Q2hpbGQucmVxdWlyZWQoQ2RrSGVhZGVyQ2VsbERlZik7XG5cbiAgY29uc3RydWN0b3IoKSB7XG4gICAgc3VwZXIoKTtcbiAgICBlZmZlY3QoKCkgPT4ge1xuICAgICAgaWYgKHRoaXMuY29sdW1uRGVmKCkpIHRoaXMuY29sdW1uRGVmKCkubmFtZSA9IHRoaXMuc3RvcmUubmFtZSgpO1xuICAgIH0pXG4gIH1cblxuICBuZ09uSW5pdCgpIHtcbiAgICBpZiAodGhpcy5fdGFibGUpIHtcbiAgICAgIHRoaXMuY29sdW1uRGVmKCkubmFtZSA9IHRoaXMuc3RvcmUubmFtZSgpO1xuICAgICAgdGhpcy5jb2x1bW5EZWYoKS5jZWxsID0gdGhpcy5jZWxsKCk7XG4gICAgICB0aGlzLmNvbHVtbkRlZigpLmhlYWRlckNlbGwgPSB0aGlzLmhlYWRlckNlbGwoKTtcbiAgICAgIHRoaXMuX3RhYmxlLmFkZENvbHVtbkRlZih0aGlzLmNvbHVtbkRlZigpKTtcbiAgICB9XG4gIH1cblxuICBuZ09uRGVzdHJveSgpIHtcbiAgICBpZiAodGhpcy5fdGFibGUpIHtcbiAgICAgIHRoaXMuX3RhYmxlLnJlbW92ZUNvbHVtbkRlZih0aGlzLmNvbHVtbkRlZigpKTtcbiAgICB9XG4gIH1cbn1cbiJdfQ==

package/esm2022/molecules/date-input-field/date-input-field.molecule.mjs

@@ -46,7 +46,7 @@ export class DateInputFieldMolecule {
     @if (store.hint()) { <mat-hint>{{ store.hint() }}</mat-hint> }
     <mat-error>{{ store.control().errors | error }}</mat-error>
   </mat-form-field>
-  `, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-input-field-Iyfz: var(--horizontal-padding)}:host{display:block;width:100%}:host mat-form-field{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i4.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i4.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i4.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "pipe", type: ErrorPipe, name: "error" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-input-field-dr6R: var(--horizontal-padding)}:host{display:block;width:100%}:host mat-form-field{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i4.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i4.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i4.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "pipe", type: ErrorPipe, name: "error" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: DateInputFieldMolecule, decorators: [{
             type: Component,
@@ -73,6 +73,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
                         }
                     ], host: { class: 'molecule field' }, providers: [
                     // provideDayjsDateAdapter(),
-                    ], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-input-field-Iyfz: var(--horizontal-padding)}:host{display:block;width:100%}:host mat-form-field{width:100%}\n"] }]
+                    ], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-input-field-dr6R: var(--horizontal-padding)}:host{display:block;width:100%}:host mat-form-field{width:100%}\n"] }]
         }] });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZS1pbnB1dC1maWVsZC5tb2xlY3VsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL0BuZy1hdG9taWMvY29tcG9uZW50cy9zcmMvbGliL21vbGVjdWxlcy9kYXRlLWlucHV0LWZpZWxkL2RhdGUtaW5wdXQtZmllbGQubW9sZWN1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM3RixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDMUQsT0FBTyxFQUFFLFdBQVcsRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQ25FLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDMUQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDdEQsT0FBTyxLQUFnQixNQUFNLE9BQU8sQ0FBQzs7Ozs7O0FBR3JDLE1BQU0sT0FBTywyQkFBNEIsU0FBUSxtQkFBbUI7SUFEcEU7O1FBRVcsWUFBTyxHQUFHLEtBQUssQ0FBQyxJQUFJLFdBQVcsQ0FBUSxLQUFLLEVBQUUsQ0FBQyxDQUFDLENBQUM7UUFDakQsVUFBSyxHQUFHLEtBQUssQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUNsQixnQkFBVyxHQUFHLEtBQUssQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUN4QixTQUFJLEdBQUcsS0FBSyxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ25CLFdBQU0sR0FBRyxLQUFLLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDckIsYUFBUSxHQUFHLFlBQVksQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7S0FDaEQ7OEdBUFksMkJBQTJCO2tHQUEzQiwyQkFBMkI7OzJGQUEzQiwyQkFBMkI7a0JBRHZDLFNBQVM7bUJBQUMsRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSw0QkFBNEIsRUFBRTs7QUE0Q3ZFLE1BQU0sT0FBTyxzQkFBc0I7SUFsQ25DO1FBbUNZLFVBQUssR0FBRyxNQUFNLENBQUMsMkJBQTJCLENBQUMsQ0FBQztLQUN2RDs4R0FGWSxzQkFBc0I7a0dBQXRCLHNCQUFzQixxSEFKdEI7UUFDVCw2QkFBNkI7U0FDOUIsZ0NBekNVLDJCQUEyQixpSkFrQjVCOzs7Ozs7Ozs7OztHQVdULDJQQWhCQyxtQkFBbUIseWtCQUNuQixjQUFjLDQ2QkFDZCxtQkFBbUIsNmZBQ25CLFNBQVM7OzJGQTJCQSxzQkFBc0I7a0JBbENsQyxTQUFTOytCQUNFLDRCQUE0QixjQUMxQixJQUFJLFdBQ1A7d0JBQ1AsbUJBQW1CO3dCQUNuQixjQUFjO3dCQUNkLG1CQUFtQjt3QkFDbkIsU0FBUztxQkFDVixZQUNTOzs7Ozs7Ozs7OztHQVdULG1CQUVnQix1QkFBdUIsQ0FBQyxNQUFNLGtCQUMvQjt3QkFDZDs0QkFDRSxTQUFTLEVBQUUsMkJBQTJCOzRCQUN0QyxNQUFNLEVBQUUsQ0FBQyxTQUFTLEVBQUUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLEVBQUUsUUFBUSxDQUFDO3lCQUM5RDtxQkFDRixRQUNLLEVBQUMsS0FBSyxFQUFFLGdCQUFnQixFQUFDLGFBQ3BCO29CQUNULDZCQUE2QjtxQkFDOUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBEaXJlY3RpdmUsIGluamVjdCwgaW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IHRvT2JzZXJ2YWJsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUvcnhqcy1pbnRlcm9wJztcbmltcG9ydCB7IEZvcm1Db250cm9sLCBSZWFjdGl2ZUZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgTWF0RGF0ZXBpY2tlck1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2RhdGVwaWNrZXInO1xuaW1wb3J0IHsgTWF0SW5wdXRNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pbnB1dCc7XG5pbXBvcnQgeyBFcnJvclBpcGUgfSBmcm9tICdAbmctYXRvbWljL2NvbW1vbi9waXBlcy9lcnJvcic7XG5pbXBvcnQgeyBJbmplY3RhYmxlQ29tcG9uZW50IH0gZnJvbSAnQG5nLWF0b21pYy9jb3JlJztcbmltcG9ydCBkYXlqcywgeyBEYXlqcyB9IGZyb20gJ2RheWpzJztcblxuQERpcmVjdGl2ZSh7IHN0YW5kYWxvbmU6IHRydWUsIHNlbGVjdG9yOiAnbW9sZWN1bGVzLWRhdGUtaW5wdXQtZmllbGQnIH0pXG5leHBvcnQgY2xhc3MgRGF0ZUlucHV0RmllbGRNb2xlY3VsZVN0b3JlIGV4dGVuZHMgSW5qZWN0YWJsZUNvbXBvbmVudCB7XG4gIHJlYWRvbmx5IGNvbnRyb2wgPSBpbnB1dChuZXcgRm9ybUNvbnRyb2w8RGF5anM+KGRheWpzKCkpKTtcbiAgcmVhZG9ubHkgbGFiZWwgPSBpbnB1dCgnJyk7XG4gIHJlYWRvbmx5IHBsYWNlaG9sZGVyID0gaW5wdXQoJycpO1xuICByZWFkb25seSBoaW50ID0gaW5wdXQobnVsbCk7XG4gIHJlYWRvbmx5IHRvZ2dsZSA9IGlucHV0KHRydWUpO1xuICByZWFkb25seSBjb250cm9sJCA9IHRvT2JzZXJ2YWJsZSh0aGlzLmNvbnRyb2wpO1xufVxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdtb2xlY3VsZXMtZGF0ZS1pbnB1dC1maWVsZCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBSZWFjdGl2ZUZvcm1zTW9kdWxlLFxuICAgIE1hdElucHV0TW9kdWxlLFxuICAgIE1hdERhdGVwaWNrZXJNb2R1bGUsXG4gICAgRXJyb3JQaXBlLFxuICBdLFxuICB0ZW1wbGF0ZTogYFxuICA8bWF0LWZvcm0tZmllbGQgYXBwZWFyYW5jZT1cIm91dGxpbmVcIj5cbiAgICA8bWF0LWxhYmVsPnt7IHN0b3JlLmxhYmVsKCkgfX08L21hdC1sYWJlbD5cbiAgICA8aW5wdXQgbWF0SW5wdXQgW2Zvcm1Db250cm9sXT1cInN0b3JlLmNvbnRyb2woKVwiIFtwbGFjZWhvbGRlcl09XCJzdG9yZS5wbGFjZWhvbGRlcigpXCIgW21hdERhdGVwaWNrZXJdPVwicGlja2VyXCI+XG4gICAgQGlmIChzdG9yZS50b2dnbGUoKSkge1xuICAgICAgPG1hdC1kYXRlcGlja2VyLXRvZ2dsZSBtYXRTdWZmaXggW2Zvcl09XCJwaWNrZXJcIiAvPlxuICAgIH1cbiAgICA8bWF0LWRhdGVwaWNrZXIgI3BpY2tlciAvPlxuICAgIEBpZiAoc3RvcmUuaGludCgpKSB7IDxtYXQtaGludD57eyBzdG9yZS5oaW50KCkgfX08L21hdC1oaW50PiB9XG4gICAgPG1hdC1lcnJvcj57eyBzdG9yZS5jb250cm9sKCkuZXJyb3JzIHwgZXJyb3IgfX08L21hdC1lcnJvcj5cbiAgPC9tYXQtZm9ybS1maWVsZD5cbiAgYCxcbiAgc3R5bGVVcmxzOiBbJy4vZGF0ZS1pbnB1dC1maWVsZC5tb2xlY3VsZS5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBob3N0RGlyZWN0aXZlczogW1xuICAgIHtcbiAgICAgIGRpcmVjdGl2ZTogRGF0ZUlucHV0RmllbGRNb2xlY3VsZVN0b3JlLFxuICAgICAgaW5wdXRzOiBbJ2NvbnRyb2wnLCAnbGFiZWwnLCAncGxhY2Vob2xkZXInLCAnaGludCcsICd0b2dnbGUnXSxcbiAgICB9XG4gIF0sXG4gIGhvc3Q6IHtjbGFzczogJ21vbGVjdWxlIGZpZWxkJ30sXG4gIHByb3ZpZGVyczogW1xuICAgIC8vIHByb3ZpZGVEYXlqc0RhdGVBZGFwdGVyKCksXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIERhdGVJbnB1dEZpZWxkTW9sZWN1bGUge1xuICBwcm90ZWN0ZWQgc3RvcmUgPSBpbmplY3QoRGF0ZUlucHV0RmllbGRNb2xlY3VsZVN0b3JlKTtcbn1cbiJdfQ==