@ng-atomic/components 16.2.0 → 16.3.1

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

@@ -1,29 +1,46 @@
-import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
-import { CommonModule } from '@angular/common';
+import { ChangeDetectionStrategy, Component, Directive, inject, input } from '@angular/core';
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
+import { NgAtomicComponent } from '@ng-atomic/core';
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "@angular/material/progress-spinner";
-export class LoadingFrame {
+import * as i1 from "@angular/material/progress-spinner";
+export class LoadingFrameStore {
     constructor() {
-        this.isLoading = false;
+        this.isLoading = input(false);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LoadingFrame, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: LoadingFrame, isStandalone: true, selector: "frames-loading", inputs: { isLoading: "isLoading" }, ngImport: i0, template: `
-    <div class="contents"><ng-content></ng-content></div>
-    <div class="loading" *ngIf="isLoading"><mat-spinner></mat-spinner></div>
-  `, isInline: true, styles: [":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 .contents{position:absolute;top:0;left:0;display:block;width:100%;height:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i2.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: LoadingFrameStore, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.2.2", type: LoadingFrameStore, isStandalone: true, selector: "frames-loading", inputs: { isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LoadingFrame, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: LoadingFrameStore, decorators: [{
+            type: Directive,
+            args: [{ standalone: true, selector: 'frames-loading' }]
+        }] });
+export class LoadingFrame extends NgAtomicComponent {
+    constructor() {
+        super(...arguments);
+        this.store = inject(LoadingFrameStore);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: LoadingFrame, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.2", type: LoadingFrame, isStandalone: true, selector: "frames-loading", usesInheritance: true, hostDirectives: [{ directive: LoadingFrameStore, inputs: ["isLoading", "isLoading"] }], ngImport: i0, template: `
+    <div class="contents"><ng-content /></div>
+    @if(store.isLoading()) {
+      <div class="loading"><mat-spinner /></div>
+    }
+  `, isInline: true, styles: [":host{--primary-color: inherit;--primary-color-SCOPED-IN-loading-q4vn: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-loading-q4vn: 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-q4vn);--on-primary-color: var(--on-primary-color-SCOPED-IN-loading-q4vn)}\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,
             args: [{ selector: 'frames-loading', standalone: true, imports: [
-                        CommonModule,
                         MatProgressSpinnerModule,
                     ], template: `
-    <div class="contents"><ng-content></ng-content></div>
-    <div class="loading" *ngIf="isLoading"><mat-spinner></mat-spinner></div>
-  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":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 .contents{position:absolute;top:0;left:0;display:block;width:100%;height:100%}\n"] }]
-        }], propDecorators: { isLoading: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGluZy5mcmFtZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL0BuZy1hdG9taWMvY29tcG9uZW50cy9zcmMvbGliL2ZyYW1lcy9sb2FkaW5nL2xvYWRpbmcuZnJhbWUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLG9DQUFvQyxDQUFDOzs7O0FBZ0I5RSxNQUFNLE9BQU8sWUFBWTtJQWR6QjtRQWlCRSxjQUFTLEdBQUcsS0FBSyxDQUFDO0tBRW5COytHQUxZLFlBQVk7bUdBQVosWUFBWSw4R0FQYjs7O0dBR1QsZ1hBTkMsWUFBWSxrSUFDWix3QkFBd0I7OzRGQVNmLFlBQVk7a0JBZHhCLFNBQVM7K0JBQ0UsZ0JBQWdCLGNBQ2QsSUFBSSxXQUNQO3dCQUNQLFlBQVk7d0JBQ1osd0JBQXdCO3FCQUN6QixZQUNTOzs7R0FHVCxtQkFFZ0IsdUJBQXVCLENBQUMsTUFBTTs4QkFLL0MsU0FBUztzQkFEUixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBNYXRQcm9ncmVzc1NwaW5uZXJNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9wcm9ncmVzcy1zcGlubmVyJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZnJhbWVzLWxvYWRpbmcnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIE1hdFByb2dyZXNzU3Bpbm5lck1vZHVsZSxcbiAgXSxcbiAgdGVtcGxhdGU6IGBcbiAgICA8ZGl2IGNsYXNzPVwiY29udGVudHNcIj48bmctY29udGVudD48L25nLWNvbnRlbnQ+PC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cImxvYWRpbmdcIiAqbmdJZj1cImlzTG9hZGluZ1wiPjxtYXQtc3Bpbm5lcj48L21hdC1zcGlubmVyPjwvZGl2PlxuICBgLFxuICBzdHlsZVVybHM6IFsnLi9sb2FkaW5nLmZyYW1lLnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgTG9hZGluZ0ZyYW1lIHtcblxuICBASW5wdXQoKVxuICBpc0xvYWRpbmcgPSBmYWxzZTtcblxufVxuIl19
+    <div class="contents"><ng-content /></div>
+    @if(store.isLoading()) {
+      <div class="loading"><mat-spinner /></div>
+    }
+  `, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
+                        {
+                            directive: LoadingFrameStore,
+                            inputs: ['isLoading'],
+                        }
+                    ], styles: [":host{--primary-color: inherit;--primary-color-SCOPED-IN-loading-q4vn: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-loading-q4vn: 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-q4vn);--on-primary-color: var(--on-primary-color-SCOPED-IN-loading-q4vn)}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGluZy5mcmFtZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL0BuZy1hdG9taWMvY29tcG9uZW50cy9zcmMvbGliL2ZyYW1lcy9sb2FkaW5nL2xvYWRpbmcuZnJhbWUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM3RixPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQztBQUM5RSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7O0FBR3BELE1BQU0sT0FBTyxpQkFBaUI7SUFEOUI7UUFFVyxjQUFTLEdBQUcsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDO0tBQ25DOzhHQUZZLGlCQUFpQjtrR0FBakIsaUJBQWlCOzsyRkFBakIsaUJBQWlCO2tCQUQ3QixTQUFTO21CQUFDLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsZ0JBQWdCLEVBQUU7O0FBMEIzRCxNQUFNLE9BQU8sWUFBYSxTQUFRLGlCQUFpQjtJQXJCbkQ7O1FBc0JZLFVBQUssR0FBRyxNQUFNLENBQUMsaUJBQWlCLENBQUMsQ0FBQztLQUU3Qzs4R0FIWSxZQUFZO2tHQUFaLFlBQVksdUdBekJaLGlCQUFpQixpRUFVbEI7Ozs7O0dBS1QsbXhCQVBDLHdCQUF3Qjs7MkZBaUJmLFlBQVk7a0JBckJ4QixTQUFTOytCQUNFLGdCQUFnQixjQUNkLElBQUksV0FDUDt3QkFDUCx3QkFBd0I7cUJBQ3pCLFlBQ1M7Ozs7O0dBS1QsbUJBRWdCLHVCQUF1QixDQUFDLE1BQU0sa0JBQy9CO3dCQUNkOzRCQUNFLFNBQVMsRUFBRSxpQkFBaUI7NEJBQzVCLE1BQU0sRUFBRSxDQUFDLFdBQVcsQ0FBQzt5QkFDdEI7cUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBEaXJlY3RpdmUsIGluamVjdCwgaW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1hdFByb2dyZXNzU3Bpbm5lck1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3Byb2dyZXNzLXNwaW5uZXInO1xuaW1wb3J0IHsgTmdBdG9taWNDb21wb25lbnQgfSBmcm9tICdAbmctYXRvbWljL2NvcmUnO1xuXG5ARGlyZWN0aXZlKHsgc3RhbmRhbG9uZTogdHJ1ZSwgc2VsZWN0b3I6ICdmcmFtZXMtbG9hZGluZycgfSlcbmV4cG9ydCBjbGFzcyBMb2FkaW5nRnJhbWVTdG9yZSB7XG4gIHJlYWRvbmx5IGlzTG9hZGluZyA9IGlucHV0KGZhbHNlKTtcbn1cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZnJhbWVzLWxvYWRpbmcnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgTWF0UHJvZ3Jlc3NTcGlubmVyTW9kdWxlLFxuICBdLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxkaXYgY2xhc3M9XCJjb250ZW50c1wiPjxuZy1jb250ZW50IC8+PC9kaXY+XG4gICAgQGlmKHN0b3JlLmlzTG9hZGluZygpKSB7XG4gICAgICA8ZGl2IGNsYXNzPVwibG9hZGluZ1wiPjxtYXQtc3Bpbm5lciAvPjwvZGl2PlxuICAgIH1cbiAgYCxcbiAgc3R5bGVVcmxzOiBbJy4vbG9hZGluZy5mcmFtZS5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBob3N0RGlyZWN0aXZlczogW1xuICAgIHtcbiAgICAgIGRpcmVjdGl2ZTogTG9hZGluZ0ZyYW1lU3RvcmUsXG4gICAgICBpbnB1dHM6IFsnaXNMb2FkaW5nJ10sXG4gICAgfVxuICBdXG59KVxuZXhwb3J0IGNsYXNzIExvYWRpbmdGcmFtZSBleHRlbmRzIE5nQXRvbWljQ29tcG9uZW50IHtcbiAgcHJvdGVjdGVkIHN0b3JlID0gaW5qZWN0KExvYWRpbmdGcmFtZVN0b3JlKTtcblxufVxuIl19

package/esm2022/frames/overlay/overlay.animations.mjs

@@ -1,12 +1,12 @@
-import { trigger, transition, style, query, animate } from '@angular/animations';
+import { trigger, transition, style, animate } from '@angular/animations';
 export const OVERLAY_ANIMATION = trigger('hasNext', [
     transition(':enter', [
-        query(':enter', [style({ transform: 'translateX(100%)', })]),
-        query(':enter', [animate('300ms ease-out', style({ transform: 'translateX(0%)', }))]),
+        style({ transform: 'translateX(50%)', }),
+        animate('500ms ease-out', style({ transform: 'translateX(0%)', })),
     ]),
     transition(':leave', [
-        query(':leave', [style({ transform: 'translateX(0%)' })]),
-        query(':leave', [animate('300ms ease-in', style({ transform: 'translateX(100%)' }))]),
+        style({ transform: 'translateX(0%)' }),
+        animate('500ms ease-in', style({ transform: 'translateX(100%)' })),
     ]),
 ]);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3ZlcmxheS5hbmltYXRpb25zLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvQG5nLWF0b21pYy9jb21wb25lbnRzL3NyYy9saWIvZnJhbWVzL292ZXJsYXkvb3ZlcmxheS5hbmltYXRpb25zLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxPQUFPLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFFakYsTUFBTSxDQUFDLE1BQU0saUJBQWlCLEdBQUcsT0FBTyxDQUFDLFNBQVMsRUFBRTtJQUNsRCxVQUFVLENBQUMsUUFBUSxFQUFFO1FBQ25CLEtBQUssQ0FBQyxRQUFRLEVBQUUsQ0FBQyxLQUFLLENBQUMsRUFBRSxTQUFTLEVBQUUsa0JBQWtCLEdBQUcsQ0FBQyxDQUFDLENBQUM7UUFDNUQsS0FBSyxDQUFDLFFBQVEsRUFBRSxDQUFDLE9BQU8sQ0FBQyxnQkFBZ0IsRUFBRSxLQUFLLENBQUMsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQztLQUN0RixDQUFDO0lBQ0YsVUFBVSxDQUFDLFFBQVEsRUFBRTtRQUNuQixLQUFLLENBQUMsUUFBUSxFQUFFLENBQUMsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFLENBQUMsQ0FBQyxDQUFDO1FBQ3pELEtBQUssQ0FBQyxRQUFRLEVBQUUsQ0FBQyxPQUFPLENBQUMsZUFBZSxFQUFFLEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSxrQkFBa0IsRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDO0tBQ3RGLENBQUM7Q0FDSCxDQUFDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB0cmlnZ2VyLCB0cmFuc2l0aW9uLCBzdHlsZSwgcXVlcnksIGFuaW1hdGUgfSBmcm9tICdAYW5ndWxhci9hbmltYXRpb25zJztcblxuZXhwb3J0IGNvbnN0IE9WRVJMQVlfQU5JTUFUSU9OID0gdHJpZ2dlcignaGFzTmV4dCcsIFtcbiAgdHJhbnNpdGlvbignOmVudGVyJywgW1xuICAgIHF1ZXJ5KCc6ZW50ZXInLCBbc3R5bGUoeyB0cmFuc2Zvcm06ICd0cmFuc2xhdGVYKDEwMCUpJywgfSldKSxcbiAgICBxdWVyeSgnOmVudGVyJywgW2FuaW1hdGUoJzMwMG1zIGVhc2Utb3V0Jywgc3R5bGUoeyB0cmFuc2Zvcm06ICd0cmFuc2xhdGVYKDAlKScsIH0pKV0pLFxuICBdKSxcbiAgdHJhbnNpdGlvbignOmxlYXZlJywgW1xuICAgIHF1ZXJ5KCc6bGVhdmUnLCBbc3R5bGUoeyB0cmFuc2Zvcm06ICd0cmFuc2xhdGVYKDAlKScgfSldKSxcbiAgICBxdWVyeSgnOmxlYXZlJywgW2FuaW1hdGUoJzMwMG1zIGVhc2UtaW4nLCBzdHlsZSh7IHRyYW5zZm9ybTogJ3RyYW5zbGF0ZVgoMTAwJSknIH0pKV0pLFxuICBdKSxcbl0pO1xuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3ZlcmxheS5hbmltYXRpb25zLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvQG5nLWF0b21pYy9jb21wb25lbnRzL3NyYy9saWIvZnJhbWVzL292ZXJsYXkvb3ZlcmxheS5hbmltYXRpb25zLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxPQUFPLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBUyxPQUFPLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUVqRixNQUFNLENBQUMsTUFBTSxpQkFBaUIsR0FBRyxPQUFPLENBQUMsU0FBUyxFQUFFO0lBQ2xELFVBQVUsQ0FBQyxRQUFRLEVBQUU7UUFDbkIsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLGlCQUFpQixHQUFHLENBQUM7UUFDeEMsT0FBTyxDQUFDLGdCQUFnQixFQUFFLEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsR0FBRyxDQUFDLENBQUM7S0FDbkUsQ0FBQztJQUNGLFVBQVUsQ0FBQyxRQUFRLEVBQUU7UUFDbkIsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFLENBQUM7UUFDdEMsT0FBTyxDQUFDLGVBQWUsRUFBRSxLQUFLLENBQUMsRUFBRSxTQUFTLEVBQUUsa0JBQWtCLEVBQUUsQ0FBQyxDQUFDO0tBQ25FLENBQUM7Q0FDSCxDQUFDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB0cmlnZ2VyLCB0cmFuc2l0aW9uLCBzdHlsZSwgcXVlcnksIGFuaW1hdGUgfSBmcm9tICdAYW5ndWxhci9hbmltYXRpb25zJztcblxuZXhwb3J0IGNvbnN0IE9WRVJMQVlfQU5JTUFUSU9OID0gdHJpZ2dlcignaGFzTmV4dCcsIFtcbiAgdHJhbnNpdGlvbignOmVudGVyJywgW1xuICAgIHN0eWxlKHsgdHJhbnNmb3JtOiAndHJhbnNsYXRlWCg1MCUpJywgfSksXG4gICAgYW5pbWF0ZSgnNTAwbXMgZWFzZS1vdXQnLCBzdHlsZSh7IHRyYW5zZm9ybTogJ3RyYW5zbGF0ZVgoMCUpJywgfSkpLFxuICBdKSxcbiAgdHJhbnNpdGlvbignOmxlYXZlJywgW1xuICAgIHN0eWxlKHsgdHJhbnNmb3JtOiAndHJhbnNsYXRlWCgwJSknIH0pLFxuICAgIGFuaW1hdGUoJzUwMG1zIGVhc2UtaW4nLCBzdHlsZSh7IHRyYW5zZm9ybTogJ3RyYW5zbGF0ZVgoMTAwJSknIH0pKSxcbiAgXSksXG5dKTtcbiJdfQ==

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

@@ -1,29 +1,44 @@
-import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
+import { ChangeDetectionStrategy, Component, Directive, inject, input } from '@angular/core';
 import { OVERLAY_ANIMATION } from './overlay.animations';
-import { CommonModule } from '@angular/common';
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
+export class OverlayFrameStore {
+    constructor() {
+        this.hasNext = input(false);
+    }
+    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 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: OverlayFrameStore, decorators: [{
+            type: Directive,
+            args: [{ standalone: true, selector: 'frames-overlay' }]
+        }] });
 export class OverlayFrame {
     constructor() {
-        this.hasNext = false;
+        this.store = inject(OverlayFrameStore);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: OverlayFrame, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: OverlayFrame, isStandalone: true, selector: "frames-overlay", inputs: { hasNext: "hasNext" }, ngImport: i0, template: `
-    <div class="main content"><ng-content select=[main]></ng-content></div>
-    <div class="next content" *ngIf="hasNext" @hasNext><ng-content select=[next]></ng-content></div>
-  `, isInline: true, styles: [":host{--width: 100%;--width-SCOPED-IN-line-overlay-pntp: var(--width);--height: 100%;--height-SCOPED-IN-line-overlay-pntp: var(--height)}:host{position:relative;display:block;width:var(--width-SCOPED-IN-line-overlay-pntp);height:var(--height-SCOPED-IN-line-overlay-pntp)}: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: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }], animations: [OVERLAY_ANIMATION], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    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>
+    }
+  `, isInline: true, styles: [":host{--width: 100%;--width-SCOPED-IN-line-overlay-t0sk: var(--width);--height: 100%;--height-SCOPED-IN-line-overlay-t0sk: var(--height)}:host{position:relative;display:block;width:var(--width-SCOPED-IN-line-overlay-t0sk);height:var(--height-SCOPED-IN-line-overlay-t0sk)}: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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: OverlayFrame, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: OverlayFrame, decorators: [{
             type: Component,
             args: [{ selector: 'frames-overlay', standalone: true, imports: [
-                        CommonModule,
                         MatProgressSpinnerModule,
                     ], template: `
-    <div class="main content"><ng-content select=[main]></ng-content></div>
-    <div class="next content" *ngIf="hasNext" @hasNext><ng-content select=[next]></ng-content></div>
-  `, animations: [OVERLAY_ANIMATION], changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--width: 100%;--width-SCOPED-IN-line-overlay-pntp: var(--width);--height: 100%;--height-SCOPED-IN-line-overlay-pntp: var(--height)}:host{position:relative;display:block;width:var(--width-SCOPED-IN-line-overlay-pntp);height:var(--height-SCOPED-IN-line-overlay-pntp)}:host .content{position:absolute;top:0;left:0;width:100%;height:100%}:host .main{z-index:1}:host .next{z-index:2}\n"] }]
-        }], propDecorators: { hasNext: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3ZlcmxheS5mcmFtZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL0BuZy1hdG9taWMvY29tcG9uZW50cy9zcmMvbGliL2ZyYW1lcy9vdmVybGF5L292ZXJsYXkuZnJhbWUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBZSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdkYsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDekQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLG9DQUFvQyxDQUFDOzs7QUFpQjlFLE1BQU0sT0FBTyxZQUFZO0lBZnpCO1FBZ0JXLFlBQU8sR0FBRyxLQUFLLENBQUM7S0FDMUI7K0dBRlksWUFBWTttR0FBWixZQUFZLDBHQVJiOzs7R0FHVCwyY0FOQyxZQUFZLGtJQUNaLHdCQUF3QixpQkFPZCxDQUFDLGlCQUFpQixDQUFDOzs0RkFHcEIsWUFBWTtrQkFmeEIsU0FBUzsrQkFDRSxnQkFBZ0IsY0FDZCxJQUFJLFdBQ1A7d0JBQ1AsWUFBWTt3QkFDWix3QkFBd0I7cUJBQ3pCLFlBQ1M7OztHQUdULGNBRVcsQ0FBQyxpQkFBaUIsQ0FBQyxtQkFDZCx1QkFBdUIsQ0FBQyxNQUFNOzhCQUd0QyxPQUFPO3NCQUFmLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBIb3N0QmluZGluZywgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE9WRVJMQVlfQU5JTUFUSU9OIH0gZnJvbSAnLi9vdmVybGF5LmFuaW1hdGlvbnMnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE1hdFByb2dyZXNzU3Bpbm5lck1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3Byb2dyZXNzLXNwaW5uZXInO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdmcmFtZXMtb3ZlcmxheScsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgTWF0UHJvZ3Jlc3NTcGlubmVyTW9kdWxlLFxuICBdLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxkaXYgY2xhc3M9XCJtYWluIGNvbnRlbnRcIj48bmctY29udGVudCBzZWxlY3Q9W21haW5dPjwvbmctY29udGVudD48L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwibmV4dCBjb250ZW50XCIgKm5nSWY9XCJoYXNOZXh0XCIgQGhhc05leHQ+PG5nLWNvbnRlbnQgc2VsZWN0PVtuZXh0XT48L25nLWNvbnRlbnQ+PC9kaXY+XG4gIGAsXG4gIHN0eWxlVXJsczogWycuL292ZXJsYXkuZnJhbWUuc2NzcyddLFxuICBhbmltYXRpb25zOiBbT1ZFUkxBWV9BTklNQVRJT05dLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgT3ZlcmxheUZyYW1lIHtcbiAgQElucHV0KCkgaGFzTmV4dCA9IGZhbHNlO1xufVxuIl19
+    <div class="main content"><ng-content select=[main] /></div>
+    @if (store.hasNext()) { 
+      <div class="next content" @hasNext><ng-content select=[next] /></div>
+    }
+  `, animations: [OVERLAY_ANIMATION], changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
+                        {
+                            directive: OverlayFrameStore,
+                            inputs: ['hasNext'],
+                        },
+                    ], styles: [":host{--width: 100%;--width-SCOPED-IN-line-overlay-t0sk: var(--width);--height: 100%;--height-SCOPED-IN-line-overlay-t0sk: var(--height)}:host{position:relative;display:block;width:var(--width-SCOPED-IN-line-overlay-t0sk);height:var(--height-SCOPED-IN-line-overlay-t0sk)}: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

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

@@ -1,77 +1,115 @@
-import { ChangeDetectionStrategy, Component, Input, Pipe, ViewChild } from '@angular/core';
-import { CommonModule } from '@angular/common';
+import { ChangeDetectionStrategy, Component, Directive, inject, input, viewChild } from '@angular/core';
+import { NgTemplateOutlet } from '@angular/common';
 import { OverlayFrame } from '@ng-atomic/components/frames/overlay';
 import { LineUpFrame } from '@ng-atomic/components/frames/line-up';
-import { RouterOutlet } from '@angular/router';
-import { SignalPipe, signalize } from '@ng-atomic/common/pipes/signal';
-import { injectUiConfig } from '@ng-atomic/common/services/ui';
+import { PRIMARY_OUTLET, RouterOutlet } from '@angular/router';
+import { makeConfig } from '@ng-atomic/common/services/ui';
+import { InjectableComponent, NgAtomicComponent, _computed } from '@ng-atomic/core';
+import { combineLatest, map, of, startWith } from 'rxjs';
+import { computedAsync } from 'ngxtension/computed-async';
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-export class IsBlankRoutePipe {
-    transform(outlet) {
-        return !!(outlet?.activatedRouteData) && !(outlet.activatedRouteData?.['isBlank']);
+function isBlankRoute(outlet) {
+    return !!(outlet?.activatedRouteData) && !(outlet.activatedRouteData?.['isBlank']);
+}
+export class RouterOutletFrameStore extends InjectableComponent {
+    constructor() {
+        super(...arguments);
+        this.config = RouterOutletFrameStore.Config.inject();
+        this.frame = input(_computed(() => this.config().frame));
+        this.name = input(_computed(() => this.config().name, { equal: (a, b) => a === b }));
+        this.isActivated = input(_computed(() => this.config().isActivated));
+    }
+    static { this.Config = makeConfig(() => {
+        const getFrame = (breakpoint) => {
+            switch (breakpoint) {
+                case 'xSmall': return 'overlay';
+                default: return 'lineup';
+            }
+        };
+        return (_, context) => {
+            return ({
+                frame: getFrame(context.breakpoint),
+                name: PRIMARY_OUTLET,
+                isActivated: (outlet) => isBlankRoute(outlet),
+            });
+        };
+    }, ['components', 'frames', 'router-outlet']); }
+    static provideExperimental() {
+        return RouterOutletFrameStore.Config.provide(() => {
+            return (config) => ({ ...config, isActivated: (outlet) => !!outlet.isActivated });
+        });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IsBlankRoutePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: IsBlankRoutePipe, isStandalone: true, name: "isBlankRoute", pure: false }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: RouterOutletFrameStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.2.2", type: RouterOutletFrameStore, isStandalone: true, selector: "frames-router-outlet", inputs: { frame: { classPropertyName: "frame", publicName: "frame", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, isActivated: { classPropertyName: "isActivated", publicName: "isActivated", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IsBlankRoutePipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'isBlankRoute',
-                    standalone: true,
-                    pure: false,
-                }]
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: RouterOutletFrameStore, decorators: [{
+            type: Directive,
+            args: [{ standalone: true, selector: 'frames-router-outlet' }]
         }] });
-export class RouterOutletFrame {
+export class RouterOutletFrame extends NgAtomicComponent {
     constructor() {
-        this.frame = injectUiConfig(['frames', 'router', 'type']);
+        super(...arguments);
+        this.store = inject(RouterOutletFrameStore);
+        this.outlet = viewChild(RouterOutlet);
+        this.isActivated = computedAsync(() => {
+            const outlet = this.outlet();
+            if (!outlet)
+                return of(false);
+            return combineLatest([
+                outlet.activateEvents.pipe(startWith(null)),
+                outlet.deactivateEvents.pipe(startWith(null)),
+            ]).pipe(map(() => this.store.isActivated()(outlet)));
+        });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RouterOutletFrame, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "16.2.12", type: RouterOutletFrame, isStandalone: true, selector: "frames-router-outlet", inputs: { frame: ["frame", "frame", (v) => signalize(v)] }, viewQueries: [{ propertyName: "outlet", first: true, predicate: RouterOutlet, descendants: true }], ngImport: i0, template: `
-    <ng-container [ngSwitch]="frame()">
-      <frames-overlay *ngSwitchCase="'overlay'" [hasNext]="outlet | isBlankRoute">
-        <ng-container main *ngTemplateOutlet="main"></ng-container>
-        <ng-container next *ngTemplateOutlet="next"></ng-container>
-      </frames-overlay>
-      <frames-line-up *ngSwitchCase="'lineup'" [hasNext]="outlet | isBlankRoute">
-        <ng-container main *ngTemplateOutlet="main"></ng-container>
-        <ng-container next *ngTemplateOutlet="next"></ng-container>
-      </frames-line-up>
-    </ng-container>
-
-    <ng-template #main><ng-content main></ng-content></ng-template>
-    <ng-template #next><router-outlet></router-outlet></ng-template>
-  `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: OverlayFrame, selector: "frames-overlay", inputs: ["hasNext"] }, { kind: "component", type: LineUpFrame, selector: "frames-line-up", inputs: ["hasNext", "scope"] }, { kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "pipe", type: IsBlankRoutePipe, name: "isBlankRoute" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: RouterOutletFrame, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.2", type: RouterOutletFrame, isStandalone: true, selector: "frames-router-outlet", viewQueries: [{ propertyName: "outlet", first: true, predicate: RouterOutlet, descendants: true, isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: RouterOutletFrameStore, inputs: ["frame", "frame", "name", "name"] }], ngImport: i0, template: `
+    @switch (store.frame()) {
+      @case ('lineup') {
+        <frames-line-up [hasNext]="isActivated()" [scope]="store.name()">
+          <ng-container *ngTemplateOutlet="main" main/>
+          <ng-container *ngTemplateOutlet="next" next/>
+        </frames-line-up>
+      }
+      @default {
+        <frames-overlay [hasNext]="isActivated()">
+          <ng-container *ngTemplateOutlet="main" main/>
+          <ng-container *ngTemplateOutlet="next" next/>
+        </frames-overlay>
+      }
+    }
+    <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-fHTc: var(--primary-color);--on-primary-color: #ccc;--on-primary-color-SCOPED-IN-router-outlet-fHTc: var(--on-primary-color);--surface-color: #ccc;--surface-color-SCOPED-IN-router-outlet-fHTc: var(--surface-color);--background-color: #ccc;--background-color-SCOPED-IN-router-outlet-fHTc: var(--background-color)}:host *{--primary-color: var(--primary-color-SCOPED-IN-router-outlet-fHTc);--on-primary-color: var(--on-primary-color-SCOPED-IN-router-outlet-fHTc);--surface-color: var(--surface-color-SCOPED-IN-router-outlet-fHTc);--background-color: var(--background-color-SCOPED-IN-router-outlet-fHTc)}\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: "16.2.12", ngImport: i0, type: RouterOutletFrame, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: RouterOutletFrame, decorators: [{
             type: Component,
             args: [{ selector: 'frames-router-outlet', standalone: true, imports: [
-                        CommonModule,
+                        NgTemplateOutlet,
                         OverlayFrame,
                         LineUpFrame,
                         RouterOutlet,
-                        IsBlankRoutePipe,
-                        SignalPipe,
                     ], template: `
-    <ng-container [ngSwitch]="frame()">
-      <frames-overlay *ngSwitchCase="'overlay'" [hasNext]="outlet | isBlankRoute">
-        <ng-container main *ngTemplateOutlet="main"></ng-container>
-        <ng-container next *ngTemplateOutlet="next"></ng-container>
-      </frames-overlay>
-      <frames-line-up *ngSwitchCase="'lineup'" [hasNext]="outlet | isBlankRoute">
-        <ng-container main *ngTemplateOutlet="main"></ng-container>
-        <ng-container next *ngTemplateOutlet="next"></ng-container>
-      </frames-line-up>
-    </ng-container>
-
-    <ng-template #main><ng-content main></ng-content></ng-template>
-    <ng-template #next><router-outlet></router-outlet></ng-template>
-  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:contents}\n"] }]
-        }], propDecorators: { outlet: [{
-                type: ViewChild,
-                args: [RouterOutlet, { static: false }]
-            }], frame: [{
-                type: Input,
-                args: [{ transform: (v) => signalize(v) }]
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicm91dGVyLW91dGxldC5mcmFtZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL0BuZy1hdG9taWMvY29tcG9uZW50cy9zcmMvbGliL2ZyYW1lcy9yb3V0ZXItb3V0bGV0L3JvdXRlci1vdXRsZXQuZnJhbWUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFLFNBQVMsRUFBa0IsTUFBTSxlQUFlLENBQUM7QUFDM0csT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQztBQUNwRSxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sc0NBQXNDLENBQUM7QUFDbkUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxVQUFVLEVBQUUsU0FBUyxFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFDdkUsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLCtCQUErQixDQUFDOzs7QUFPL0QsTUFBTSxPQUFPLGdCQUFnQjtJQUMzQixTQUFTLENBQUMsTUFBb0I7UUFDNUIsT0FBTyxDQUFDLENBQUMsQ0FBQyxNQUFNLEVBQUUsa0JBQWtCLENBQUMsSUFBSSxDQUFDLENBQUMsTUFBTSxDQUFDLGtCQUFrQixFQUFFLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQztJQUNyRixDQUFDOytHQUhVLGdCQUFnQjs2R0FBaEIsZ0JBQWdCOzs0RkFBaEIsZ0JBQWdCO2tCQUw1QixJQUFJO21CQUFDO29CQUNKLElBQUksRUFBRSxjQUFjO29CQUNwQixVQUFVLEVBQUUsSUFBSTtvQkFDaEIsSUFBSSxFQUFFLEtBQUs7aUJBQ1o7O0FBb0NELE1BQU0sT0FBTyxpQkFBaUI7SUE3QjlCO1FBbUNFLFVBQUssR0FBRyxjQUFjLENBQUMsQ0FBQyxRQUFRLEVBQUUsUUFBUSxFQUFFLE1BQU0sQ0FBQyxDQUFDLENBQUM7S0FFdEQ7K0dBUlksaUJBQWlCO21HQUFqQixpQkFBaUIsNEZBS1QsQ0FBQyxDQUFNLEVBQUUsRUFBRSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMscUVBSGhDLFlBQVksZ0RBcEJiOzs7Ozs7Ozs7Ozs7OztHQWNULGtHQXJCQyxZQUFZLGtZQUNaLFlBQVksZ0ZBQ1osV0FBVyx5RkFDWCxZQUFZLHNKQWJILGdCQUFnQjs7NEZBbUNoQixpQkFBaUI7a0JBN0I3QixTQUFTOytCQUNFLHNCQUFzQixjQUNwQixJQUFJLFdBQ1A7d0JBQ1AsWUFBWTt3QkFDWixZQUFZO3dCQUNaLFdBQVc7d0JBQ1gsWUFBWTt3QkFDWixnQkFBZ0I7d0JBQ2hCLFVBQVU7cUJBQ1gsWUFDUzs7Ozs7Ozs7Ozs7Ozs7R0FjVCxtQkFFZ0IsdUJBQXVCLENBQUMsTUFBTTs4QkFLL0MsTUFBTTtzQkFETCxTQUFTO3VCQUFDLFlBQVksRUFBRSxFQUFDLE1BQU0sRUFBRSxLQUFLLEVBQUM7Z0JBSXhDLEtBQUs7c0JBREosS0FBSzt1QkFBQyxFQUFDLFNBQVMsRUFBRSxDQUFDLENBQU0sRUFBRSxFQUFFLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxFQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQsIFBpcGUsIFZpZXdDaGlsZCwgaW5qZWN0LCBzaWduYWwgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBPdmVybGF5RnJhbWUgfSBmcm9tICdAbmctYXRvbWljL2NvbXBvbmVudHMvZnJhbWVzL292ZXJsYXknO1xuaW1wb3J0IHsgTGluZVVwRnJhbWUgfSBmcm9tICdAbmctYXRvbWljL2NvbXBvbmVudHMvZnJhbWVzL2xpbmUtdXAnO1xuaW1wb3J0IHsgUm91dGVyT3V0bGV0IH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcbmltcG9ydCB7IFNpZ25hbFBpcGUsIHNpZ25hbGl6ZSB9IGZyb20gJ0BuZy1hdG9taWMvY29tbW9uL3BpcGVzL3NpZ25hbCc7XG5pbXBvcnQgeyBpbmplY3RVaUNvbmZpZyB9IGZyb20gJ0BuZy1hdG9taWMvY29tbW9uL3NlcnZpY2VzL3VpJztcblxuQFBpcGUoe1xuICBuYW1lOiAnaXNCbGFua1JvdXRlJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgcHVyZTogZmFsc2UsXG59KVxuZXhwb3J0IGNsYXNzIElzQmxhbmtSb3V0ZVBpcGUge1xuICB0cmFuc2Zvcm0ob3V0bGV0OiBSb3V0ZXJPdXRsZXQpOiBib29sZWFuIHtcbiAgICByZXR1cm4gISEob3V0bGV0Py5hY3RpdmF0ZWRSb3V0ZURhdGEpICYmICEob3V0bGV0LmFjdGl2YXRlZFJvdXRlRGF0YT8uWydpc0JsYW5rJ10pO1xuICB9XG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2ZyYW1lcy1yb3V0ZXItb3V0bGV0JyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBPdmVybGF5RnJhbWUsXG4gICAgTGluZVVwRnJhbWUsXG4gICAgUm91dGVyT3V0bGV0LFxuICAgIElzQmxhbmtSb3V0ZVBpcGUsXG4gICAgU2lnbmFsUGlwZSxcbiAgXSxcbiAgdGVtcGxhdGU6IGBcbiAgICA8bmctY29udGFpbmVyIFtuZ1N3aXRjaF09XCJmcmFtZSgpXCI+XG4gICAgICA8ZnJhbWVzLW92ZXJsYXkgKm5nU3dpdGNoQ2FzZT1cIidvdmVybGF5J1wiIFtoYXNOZXh0XT1cIm91dGxldCB8IGlzQmxhbmtSb3V0ZVwiPlxuICAgICAgICA8bmctY29udGFpbmVyIG1haW4gKm5nVGVtcGxhdGVPdXRsZXQ9XCJtYWluXCI+PC9uZy1jb250YWluZXI+XG4gICAgICAgIDxuZy1jb250YWluZXIgbmV4dCAqbmdUZW1wbGF0ZU91dGxldD1cIm5leHRcIj48L25nLWNvbnRhaW5lcj5cbiAgICAgIDwvZnJhbWVzLW92ZXJsYXk+XG4gICAgICA8ZnJhbWVzLWxpbmUtdXAgKm5nU3dpdGNoQ2FzZT1cIidsaW5ldXAnXCIgW2hhc05leHRdPVwib3V0bGV0IHwgaXNCbGFua1JvdXRlXCI+XG4gICAgICAgIDxuZy1jb250YWluZXIgbWFpbiAqbmdUZW1wbGF0ZU91dGxldD1cIm1haW5cIj48L25nLWNvbnRhaW5lcj5cbiAgICAgICAgPG5nLWNvbnRhaW5lciBuZXh0ICpuZ1RlbXBsYXRlT3V0bGV0PVwibmV4dFwiPjwvbmctY29udGFpbmVyPlxuICAgICAgPC9mcmFtZXMtbGluZS11cD5cbiAgICA8L25nLWNvbnRhaW5lcj5cblxuICAgIDxuZy10ZW1wbGF0ZSAjbWFpbj48bmctY29udGVudCBtYWluPjwvbmctY29udGVudD48L25nLXRlbXBsYXRlPlxuICAgIDxuZy10ZW1wbGF0ZSAjbmV4dD48cm91dGVyLW91dGxldD48L3JvdXRlci1vdXRsZXQ+PC9uZy10ZW1wbGF0ZT5cbiAgYCxcbiAgc3R5bGVVcmxzOiBbJy4vcm91dGVyLW91dGxldC5mcmFtZS5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIFJvdXRlck91dGxldEZyYW1lIHtcblxuICBAVmlld0NoaWxkKFJvdXRlck91dGxldCwge3N0YXRpYzogZmFsc2V9KVxuICBvdXRsZXQhOiBSb3V0ZXJPdXRsZXQ7XG5cbiAgQElucHV0KHt0cmFuc2Zvcm06ICh2OiBhbnkpID0+IHNpZ25hbGl6ZSh2KX0pXG4gIGZyYW1lID0gaW5qZWN0VWlDb25maWcoWydmcmFtZXMnLCAncm91dGVyJywgJ3R5cGUnXSk7XG5cbn1cbiJdfQ==
+    @switch (store.frame()) {
+      @case ('lineup') {
+        <frames-line-up [hasNext]="isActivated()" [scope]="store.name()">
+          <ng-container *ngTemplateOutlet="main" main/>
+          <ng-container *ngTemplateOutlet="next" next/>
+        </frames-line-up>
+      }
+      @default {
+        <frames-overlay [hasNext]="isActivated()">
+          <ng-container *ngTemplateOutlet="main" main/>
+          <ng-container *ngTemplateOutlet="next" next/>
+        </frames-overlay>
+      }
+    }
+    <ng-template #main><ng-content main /></ng-template>
+    <ng-template #next><router-outlet [name]="store.name()"/></ng-template>
+  `, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
+                        {
+                            directive: RouterOutletFrameStore,
+                            inputs: ['frame', 'name'],
+                        },
+                    ], styles: [":host{display:contents;--primary-color: #ccc;--primary-color-SCOPED-IN-router-outlet-fHTc: var(--primary-color);--on-primary-color: #ccc;--on-primary-color-SCOPED-IN-router-outlet-fHTc: var(--on-primary-color);--surface-color: #ccc;--surface-color-SCOPED-IN-router-outlet-fHTc: var(--surface-color);--background-color: #ccc;--background-color-SCOPED-IN-router-outlet-fHTc: var(--background-color)}:host *{--primary-color: var(--primary-color-SCOPED-IN-router-outlet-fHTc);--on-primary-color: var(--on-primary-color-SCOPED-IN-router-outlet-fHTc);--surface-color: var(--surface-color-SCOPED-IN-router-outlet-fHTc);--background-color: var(--background-color-SCOPED-IN-router-outlet-fHTc)}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicm91dGVyLW91dGxldC5mcmFtZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL0BuZy1hdG9taWMvY29tcG9uZW50cy9zcmMvbGliL2ZyYW1lcy9yb3V0ZXItb3V0bGV0L3JvdXRlci1vdXRsZXQuZnJhbWUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDeEcsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDbkQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBQ3BFLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQztBQUNuRSxPQUFPLEVBQUUsY0FBYyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9ELE9BQU8sRUFBYyxVQUFVLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUN2RSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsaUJBQWlCLEVBQUUsU0FBUyxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDcEYsT0FBTyxFQUFFLGFBQWEsRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUN6RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sMkJBQTJCLENBQUM7O0FBRTFELFNBQVMsWUFBWSxDQUFDLE1BQW9CO0lBQ3hDLE9BQU8sQ0FBQyxDQUFDLENBQUMsTUFBTSxFQUFFLGtCQUFrQixDQUFDLElBQUksQ0FBQyxDQUFDLE1BQU0sQ0FBQyxrQkFBa0IsRUFBRSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUM7QUFDckYsQ0FBQztBQUdELE1BQU0sT0FBTyxzQkFBdUIsU0FBUSxtQkFBbUI7SUFEL0Q7O1FBd0JXLFdBQU0sR0FBRyxzQkFBc0IsQ0FBQyxNQUFNLENBQUMsTUFBTSxFQUFFLENBQUM7UUFDaEQsVUFBSyxHQUFHLEtBQUssQ0FBQyxTQUFTLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUM7UUFDcEQsU0FBSSxHQUFHLEtBQUssQ0FBQyxTQUFTLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDLElBQUksRUFBRSxFQUFFLEtBQUssRUFBRSxDQUFDLENBQUMsRUFBRSxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUMsS0FBSyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUM7UUFDaEYsZ0JBQVcsR0FBRyxLQUFLLENBQUMsU0FBUyxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDO0tBQzFFO2FBMUJpQixXQUFNLEdBQUcsVUFBVSxDQUFDLEdBQUcsRUFBRTtRQUN2QyxNQUFNLFFBQVEsR0FBRyxDQUFDLFVBQXNCLEVBQUUsRUFBRTtZQUMxQyxRQUFPLFVBQVUsRUFBRTtnQkFDakIsS0FBSyxRQUFRLENBQUMsQ0FBQyxPQUFPLFNBQWlDLENBQUM7Z0JBQ3hELE9BQU8sQ0FBQyxDQUFDLE9BQU8sUUFBZ0MsQ0FBQzthQUNsRDtRQUNILENBQUMsQ0FBQTtRQUNELE9BQU8sQ0FBQyxDQUFDLEVBQUUsT0FBTyxFQUFFLEVBQUU7WUFDcEIsT0FBTyxDQUFDO2dCQUNOLEtBQUssRUFBRSxRQUFRLENBQUMsT0FBTyxDQUFDLFVBQVUsQ0FBQztnQkFDbkMsSUFBSSxFQUFFLGNBQXdCO2dCQUM5QixXQUFXLEVBQUUsQ0FBQyxNQUFvQixFQUFFLEVBQUUsQ0FBQyxZQUFZLENBQUMsTUFBTSxDQUFDO2FBQzVELENBQUMsQ0FBQztRQUNMLENBQUMsQ0FBQTtJQUNILENBQUMsRUFBRSxDQUFDLFlBQVksRUFBRSxRQUFRLEVBQUUsZUFBZSxDQUFDLENBQUMsQUFkdkIsQ0Fjd0I7SUFFOUMsTUFBTSxDQUFDLG1CQUFtQjtRQUN4QixPQUFPLHNCQUFzQixDQUFDLE1BQU0sQ0FBQyxPQUFPLENBQUMsR0FBRyxFQUFFO1lBQ2hELE9BQU8sQ0FBQyxNQUFNLEVBQUUsRUFBRSxDQUFDLENBQUMsRUFBRSxHQUFHLE1BQU0sRUFBRSxXQUFXLEVBQUUsQ0FBQyxNQUFNLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsV0FBVyxFQUFFLENBQUMsQ0FBQztRQUNwRixDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7OEdBckJVLHNCQUFzQjtrR0FBdEIsc0JBQXNCOzsyRkFBdEIsc0JBQXNCO2tCQURsQyxTQUFTO21CQUFDLEVBQUMsVUFBVSxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsc0JBQXNCLEVBQUM7O0FBa0UvRCxNQUFNLE9BQU8saUJBQWtCLFNBQVEsaUJBQWlCO0lBcEN4RDs7UUFxQ1ksVUFBSyxHQUFHLE1BQU0sQ0FBQyxzQkFBc0IsQ0FBQyxDQUFDO1FBQ3hDLFdBQU0sR0FBRyxTQUFTLENBQUMsWUFBWSxDQUFDLENBQUM7UUFDakMsZ0JBQVcsR0FBRyxhQUFhLENBQUMsR0FBRyxFQUFFO1lBQ3hDLE1BQU0sTUFBTSxHQUFHLElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQztZQUM3QixJQUFJLENBQUMsTUFBTTtnQkFBRSxPQUFPLEVBQUUsQ0FBQyxLQUFLLENBQUMsQ0FBQztZQUM5QixPQUFPLGFBQWEsQ0FBQztnQkFDbkIsTUFBTSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxDQUFDO2dCQUMzQyxNQUFNLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsQ0FBQzthQUM5QyxDQUFDLENBQUMsSUFBSSxDQUNMLEdBQUcsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLFdBQVcsRUFBRSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQzVDLENBQUE7UUFDSCxDQUFDLENBQUMsQ0FBQTtLQUNIOzhHQWJZLGlCQUFpQjtrR0FBakIsaUJBQWlCLHdIQUVBLFlBQVksNkZBbkU3QixzQkFBc0IseUVBc0N2Qjs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FpQlQseXZCQXRCQyxnQkFBZ0Isb0pBQ2hCLFlBQVksMkRBQ1osV0FBVywyREFDWCxZQUFZOzsyRkE2QkgsaUJBQWlCO2tCQXBDN0IsU0FBUzsrQkFDRSxzQkFBc0IsY0FDcEIsSUFBSSxXQUNQO3dCQUNQLGdCQUFnQjt3QkFDaEIsWUFBWTt3QkFDWixXQUFXO3dCQUNYLFlBQVk7cUJBQ2IsWUFDUzs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FpQlQsbUJBRWdCLHVCQUF1QixDQUFDLE1BQU0sa0JBQy9CO3dCQUNkOzRCQUNFLFNBQVMsRUFBRSxzQkFBc0I7NEJBQ2pDLE1BQU0sRUFBRSxDQUFDLE9BQU8sRUFBRSxNQUFNLENBQUM7eUJBQzFCO3FCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRGlyZWN0aXZlLCBpbmplY3QsIGlucHV0LCB2aWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE5nVGVtcGxhdGVPdXRsZXQgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgT3ZlcmxheUZyYW1lIH0gZnJvbSAnQG5nLWF0b21pYy9jb21wb25lbnRzL2ZyYW1lcy9vdmVybGF5JztcbmltcG9ydCB7IExpbmVVcEZyYW1lIH0gZnJvbSAnQG5nLWF0b21pYy9jb21wb25lbnRzL2ZyYW1lcy9saW5lLXVwJztcbmltcG9ydCB7IFBSSU1BUllfT1VUTEVULCBSb3V0ZXJPdXRsZXQgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xuaW1wb3J0IHsgQnJlYWtwb2ludCwgbWFrZUNvbmZpZyB9IGZyb20gJ0BuZy1hdG9taWMvY29tbW9uL3NlcnZpY2VzL3VpJztcbmltcG9ydCB7IEluamVjdGFibGVDb21wb25lbnQsIE5nQXRvbWljQ29tcG9uZW50LCBfY29tcHV0ZWQgfSBmcm9tICdAbmctYXRvbWljL2NvcmUnO1xuaW1wb3J0IHsgY29tYmluZUxhdGVzdCwgbWFwLCBvZiwgc3RhcnRXaXRoIH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBjb21wdXRlZEFzeW5jIH0gZnJvbSAnbmd4dGVuc2lvbi9jb21wdXRlZC1hc3luYyc7XG5cbmZ1bmN0aW9uIGlzQmxhbmtSb3V0ZShvdXRsZXQ6IFJvdXRlck91dGxldCk6IGJvb2xlYW4ge1xuICByZXR1cm4gISEob3V0bGV0Py5hY3RpdmF0ZWRSb3V0ZURhdGEpICYmICEob3V0bGV0LmFjdGl2YXRlZFJvdXRlRGF0YT8uWydpc0JsYW5rJ10pO1xufVxuXG5ARGlyZWN0aXZlKHtzdGFuZGFsb25lOiB0cnVlLCBzZWxlY3RvcjogJ2ZyYW1lcy1yb3V0ZXItb3V0bGV0J30pXG5leHBvcnQgY2xhc3MgUm91dGVyT3V0bGV0RnJhbWVTdG9yZSBleHRlbmRzIEluamVjdGFibGVDb21wb25lbnQge1xuICBzdGF0aWMgcmVhZG9ubHkgQ29uZmlnID0gbWFrZUNvbmZpZygoKSA9PiB7XG4gICAgY29uc3QgZ2V0RnJhbWUgPSAoYnJlYWtwb2ludDogQnJlYWtwb2ludCkgPT4ge1xuICAgICAgc3dpdGNoKGJyZWFrcG9pbnQpIHtcbiAgICAgICAgY2FzZSAneFNtYWxsJzogcmV0dXJuICdvdmVybGF5JyBhcyAnbGluZXVwJyB8ICdvdmVybGF5JztcbiAgICAgICAgZGVmYXVsdDogcmV0dXJuICdsaW5ldXAnIGFzICdsaW5ldXAnIHwgJ292ZXJsYXknO1xuICAgICAgfVxuICAgIH1cbiAgICByZXR1cm4gKF8sIGNvbnRleHQpID0+IHtcbiAgICAgIHJldHVybiAoe1xuICAgICAgICBmcmFtZTogZ2V0RnJhbWUoY29udGV4dC5icmVha3BvaW50KSxcbiAgICAgICAgbmFtZTogUFJJTUFSWV9PVVRMRVQgYXMgc3RyaW5nLFxuICAgICAgICBpc0FjdGl2YXRlZDogKG91dGxldDogUm91dGVyT3V0bGV0KSA9PiBpc0JsYW5rUm91dGUob3V0bGV0KSxcbiAgICAgIH0pO1xuICAgIH1cbiAgfSwgWydjb21wb25lbnRzJywgJ2ZyYW1lcycsICdyb3V0ZXItb3V0bGV0J10pO1xuXG4gIHN0YXRpYyBwcm92aWRlRXhwZXJpbWVudGFsKCkge1xuICAgIHJldHVybiBSb3V0ZXJPdXRsZXRGcmFtZVN0b3JlLkNvbmZpZy5wcm92aWRlKCgpID0+IHtcbiAgICAgIHJldHVybiAoY29uZmlnKSA9PiAoeyAuLi5jb25maWcsIGlzQWN0aXZhdGVkOiAob3V0bGV0KSA9PiAhIW91dGxldC5pc0FjdGl2YXRlZCB9KTtcbiAgICB9KTtcbiAgfVxuXG4gIHJlYWRvbmx5IGNvbmZpZyA9IFJvdXRlck91dGxldEZyYW1lU3RvcmUuQ29uZmlnLmluamVjdCgpO1xuICByZWFkb25seSBmcmFtZSA9IGlucHV0KF9jb21wdXRlZCgoKSA9PiB0aGlzLmNvbmZpZygpLmZyYW1lKSk7XG4gIHJlYWRvbmx5IG5hbWUgPSBpbnB1dChfY29tcHV0ZWQoKCkgPT4gdGhpcy5jb25maWcoKS5uYW1lLCB7IGVxdWFsOiAoYSwgYikgPT4gYSA9PT0gYiB9KSk7XG4gIHJlYWRvbmx5IGlzQWN0aXZhdGVkID0gaW5wdXQoX2NvbXB1dGVkKCgpID0+IHRoaXMuY29uZmlnKCkuaXNBY3RpdmF0ZWQpKTtcbn0gXG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2ZyYW1lcy1yb3V0ZXItb3V0bGV0JyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIE5nVGVtcGxhdGVPdXRsZXQsXG4gICAgT3ZlcmxheUZyYW1lLFxuICAgIExpbmVVcEZyYW1lLFxuICAgIFJvdXRlck91dGxldCxcbiAgXSxcbiAgdGVtcGxhdGU6IGBcbiAgICBAc3dpdGNoIChzdG9yZS5mcmFtZSgpKSB7XG4gICAgICBAY2FzZSAoJ2xpbmV1cCcpIHtcbiAgICAgICAgPGZyYW1lcy1saW5lLXVwIFtoYXNOZXh0XT1cImlzQWN0aXZhdGVkKClcIiBbc2NvcGVdPVwic3RvcmUubmFtZSgpXCI+XG4gICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cIm1haW5cIiBtYWluLz5cbiAgICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwibmV4dFwiIG5leHQvPlxuICAgICAgICA8L2ZyYW1lcy1saW5lLXVwPlxuICAgICAgfVxuICAgICAgQGRlZmF1bHQge1xuICAgICAgICA8ZnJhbWVzLW92ZXJsYXkgW2hhc05leHRdPVwiaXNBY3RpdmF0ZWQoKVwiPlxuICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJtYWluXCIgbWFpbi8+XG4gICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cIm5leHRcIiBuZXh0Lz5cbiAgICAgICAgPC9mcmFtZXMtb3ZlcmxheT5cbiAgICAgIH1cbiAgICB9XG4gICAgPG5nLXRlbXBsYXRlICNtYWluPjxuZy1jb250ZW50IG1haW4gLz48L25nLXRlbXBsYXRlPlxuICAgIDxuZy10ZW1wbGF0ZSAjbmV4dD48cm91dGVyLW91dGxldCBbbmFtZV09XCJzdG9yZS5uYW1lKClcIi8+PC9uZy10ZW1wbGF0ZT5cbiAgYCxcbiAgc3R5bGVVcmxzOiBbJy4vcm91dGVyLW91dGxldC5mcmFtZS5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBob3N0RGlyZWN0aXZlczogW1xuICAgIHtcbiAgICAgIGRpcmVjdGl2ZTogUm91dGVyT3V0bGV0RnJhbWVTdG9yZSxcbiAgICAgIGlucHV0czogWydmcmFtZScsICduYW1lJ10sXG4gICAgfSxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgUm91dGVyT3V0bGV0RnJhbWUgZXh0ZW5kcyBOZ0F0b21pY0NvbXBvbmVudCB7XG4gIHByb3RlY3RlZCBzdG9yZSA9IGluamVjdChSb3V0ZXJPdXRsZXRGcmFtZVN0b3JlKTtcbiAgcmVhZG9ubHkgb3V0bGV0ID0gdmlld0NoaWxkKFJvdXRlck91dGxldCk7XG4gIHJlYWRvbmx5IGlzQWN0aXZhdGVkID0gY29tcHV0ZWRBc3luYygoKSA9PiB7XG4gICAgY29uc3Qgb3V0bGV0ID0gdGhpcy5vdXRsZXQoKTtcbiAgICBpZiAoIW91dGxldCkgcmV0dXJuIG9mKGZhbHNlKTtcbiAgICByZXR1cm4gY29tYmluZUxhdGVzdChbXG4gICAgICBvdXRsZXQuYWN0aXZhdGVFdmVudHMucGlwZShzdGFydFdpdGgobnVsbCkpLCBcbiAgICAgIG91dGxldC5kZWFjdGl2YXRlRXZlbnRzLnBpcGUoc3RhcnRXaXRoKG51bGwpKSxcbiAgICBdKS5waXBlKFxuICAgICAgbWFwKCgpID0+IHRoaXMuc3RvcmUuaXNBY3RpdmF0ZWQoKShvdXRsZXQpKSxcbiAgICApXG4gIH0pXG59XG4iXX0=

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

@@ -2,17 +2,17 @@ import { CommonModule } from '@angular/common';
 import { ChangeDetectionStrategy, Component } from '@angular/core';
 import * as i0 from "@angular/core";
 export class ScrollFrame {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ScrollFrame, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ScrollFrame, isStandalone: true, selector: "frames-scroll", ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ScrollFrame, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: ScrollFrame, isStandalone: true, selector: "frames-scroll", ngImport: i0, template: `
   <div class="navigator">
     <ng-content select=[navigator]></ng-content>
   </div>
   <div class="contents">
     <ng-content select=[contents]></ng-content>
   </div>
-  `, isInline: true, styles: [":host{--height: 100%;--height-SCOPED-IN-scroll-h0zl: var(--height);--navigator-height: 56px;--navigator-height-SCOPED-IN-scroll-h0zl: var(--navigator-height)}:host{height:var(--height-SCOPED-IN-scroll-h0zl);overflow:hidden}:host .navigator{height:var(--navigator-height-SCOPED-IN-scroll-h0zl);transition:.5s height;overflow:hidden;touch-action:none}:host .contents{height:calc(var(--height-SCOPED-IN-scroll-h0zl) - var(--navigator-height-SCOPED-IN-scroll-h0zl));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-DqFb: var(--height);--navigator-height: 56px;--navigator-height-SCOPED-IN-scroll-DqFb: var(--navigator-height)}:host{height:var(--height-SCOPED-IN-scroll-DqFb);overflow:hidden}:host .navigator{height:var(--navigator-height-SCOPED-IN-scroll-DqFb);transition:.5s height;overflow:hidden;touch-action:none}:host .contents{height:calc(var(--height-SCOPED-IN-scroll-DqFb) - var(--navigator-height-SCOPED-IN-scroll-DqFb));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: "16.2.12", ngImport: i0, type: ScrollFrame, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ScrollFrame, decorators: [{
             type: Component,
             args: [{ selector: 'frames-scroll', standalone: true, imports: [
                         CommonModule,
@@ -23,6 +23,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
   <div class="contents">
     <ng-content select=[contents]></ng-content>
   </div>
-  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--height: 100%;--height-SCOPED-IN-scroll-h0zl: var(--height);--navigator-height: 56px;--navigator-height-SCOPED-IN-scroll-h0zl: var(--navigator-height)}:host{height:var(--height-SCOPED-IN-scroll-h0zl);overflow:hidden}:host .navigator{height:var(--navigator-height-SCOPED-IN-scroll-h0zl);transition:.5s height;overflow:hidden;touch-action:none}:host .contents{height:calc(var(--height-SCOPED-IN-scroll-h0zl) - var(--navigator-height-SCOPED-IN-scroll-h0zl));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-DqFb: var(--height);--navigator-height: 56px;--navigator-height-SCOPED-IN-scroll-DqFb: var(--navigator-height)}:host{height:var(--height-SCOPED-IN-scroll-DqFb);overflow:hidden}:host .navigator{height:var(--navigator-height-SCOPED-IN-scroll-DqFb);transition:.5s height;overflow:hidden;touch-action:none}:host .contents{height:calc(var(--height-SCOPED-IN-scroll-DqFb) - var(--navigator-height-SCOPED-IN-scroll-DqFb));transition:.5s height;overflow:auto;-webkit-overflow-scrolling:touch}:host .contents::-webkit-scrollbar{display:none}\n"] }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2Nyb2xsLmZyYW1lLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvQG5nLWF0b21pYy9jb21wb25lbnRzL3NyYy9saWIvZnJhbWVzL3Njcm9sbC9zY3JvbGwuZnJhbWUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBbUJuRSxNQUFNLE9BQU8sV0FBVzsrR0FBWCxXQUFXO21HQUFYLFdBQVcseUVBWFo7Ozs7Ozs7R0FPVCw4b0JBVEMsWUFBWTs7NEZBYUgsV0FBVztrQkFqQnZCLFNBQVM7K0JBQ0UsZUFBZSxjQUNiLElBQUksV0FDUDt3QkFDUCxZQUFZO3FCQUNiLFlBQ1M7Ozs7Ozs7R0FPVCxtQkFFZ0IsdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2ZyYW1lcy1zY3JvbGwnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICBdLFxuICB0ZW1wbGF0ZTogYFxuICA8ZGl2IGNsYXNzPVwibmF2aWdhdG9yXCI+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVtuYXZpZ2F0b3JdPjwvbmctY29udGVudD5cbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJjb250ZW50c1wiPlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1bY29udGVudHNdPjwvbmctY29udGVudD5cbiAgPC9kaXY+XG4gIGAsXG4gIHN0eWxlVXJsczogWycuL3Njcm9sbC5mcmFtZS5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBTY3JvbGxGcmFtZSB7IH1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2Nyb2xsLmZyYW1lLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvQG5nLWF0b21pYy9jb21wb25lbnRzL3NyYy9saWIvZnJhbWVzL3Njcm9sbC9zY3JvbGwuZnJhbWUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBbUJuRSxNQUFNLE9BQU8sV0FBVzs4R0FBWCxXQUFXO2tHQUFYLFdBQVcseUVBWFo7Ozs7Ozs7R0FPVCw4b0JBVEMsWUFBWTs7MkZBYUgsV0FBVztrQkFqQnZCLFNBQVM7K0JBQ0UsZUFBZSxjQUNiLElBQUksV0FDUDt3QkFDUCxZQUFZO3FCQUNiLFlBQ1M7Ozs7Ozs7R0FPVCxtQkFFZ0IsdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2ZyYW1lcy1zY3JvbGwnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICBdLFxuICB0ZW1wbGF0ZTogYFxuICA8ZGl2IGNsYXNzPVwibmF2aWdhdG9yXCI+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVtuYXZpZ2F0b3JdPjwvbmctY29udGVudD5cbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJjb250ZW50c1wiPlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1bY29udGVudHNdPjwvbmctY29udGVudD5cbiAgPC9kaXY+XG4gIGAsXG4gIHN0eWxlVXJsczogWycuL3Njcm9sbC5mcmFtZS5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBTY3JvbGxGcmFtZSB7IH1cbiJdfQ==

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

@@ -1,21 +1,29 @@
 import { CommonModule } from '@angular/common';
-import { ChangeDetectionStrategy, Component } from '@angular/core';
+import { ChangeDetectionStrategy, Component, ElementRef, ViewChild } from '@angular/core';
 import * as i0 from "@angular/core";
 export class ScrollFrame {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ScrollFrame, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ScrollFrame, isStandalone: true, selector: "frames-scroll", ngImport: i0, template: `
+    isScrollBottom() {
+        const contents = this.contents.nativeElement;
+        return contents.scrollHeight - contents.scrollTop === contents.clientHeight;
+    }
+    scrollToBottom() {
+        this.contents.nativeElement.scrollTop = this.contents.nativeElement.scrollHeight;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ScrollFrame, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: ScrollFrame, isStandalone: true, selector: "frames-scroll", viewQueries: [{ propertyName: "contents", first: true, predicate: ["contents"], descendants: true, static: true }], ngImport: i0, template: `
   <div class="top">
     <ng-content select=[top]></ng-content>
   </div>
-  <div class="contents">
-    <ng-content select=[contents]></ng-content>
+  <div class="contents" #contents>
+    <ng-content></ng-content>
+    <!-- <ng-content select=[contents]></ng-content> -->
   </div>
   <div class="bottom">
     <ng-content select=[bottom]></ng-content>
   </div>
-  `, isInline: true, styles: [":host{--height: 100%;--height-SCOPED-IN-scroll-mQXP: var(--height);--top-height: 56px;--top-height-SCOPED-IN-scroll-mQXP: var(--top-height);--bottom-height: 56px;--bottom-height-SCOPED-IN-scroll-mQXP: var(--bottom-height)}:host{display:flex;flex-direction:column;justify-content:space-between;height:var(--height-SCOPED-IN-scroll-mQXP);overflow:hidden}:host .top{height:var(--top-height-SCOPED-IN-scroll-mQXP);transition:.5s height;overflow:hidden;touch-action:none}:host .contents{height:calc(var(--height-SCOPED-IN-scroll-mQXP) - var(--top-height-SCOPED-IN-scroll-mQXP) - var(--bottom-height-SCOPED-IN-scroll-mQXP));transition:.5s height;overflow:auto;-webkit-overflow-scrolling:touch}:host .contents::-webkit-scrollbar{display:none}:host .bottom{height:var(--bottom-height-SCOPED-IN-scroll-mQXP)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{--height: 100%;--height-SCOPED-IN-scroll-DT9M: var(--height);--top-height: 56px;--top-height-SCOPED-IN-scroll-DT9M: var(--top-height);--bottom-height: 56px;--bottom-height-SCOPED-IN-scroll-DT9M: var(--bottom-height);--contents-gap: 16px;--contents-gap-SCOPED-IN-scroll-DT9M: var(--contents-gap)}:host{display:flex;width:100%;flex-direction:column;justify-content:space-between;height:var(--height-SCOPED-IN-scroll-DT9M);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-DT9M);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: "16.2.12", ngImport: i0, type: ScrollFrame, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ScrollFrame, decorators: [{
             type: Component,
             args: [{ selector: 'frames-scroll', standalone: true, imports: [
                         CommonModule,
@@ -23,12 +31,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
   <div class="top">
     <ng-content select=[top]></ng-content>
   </div>
-  <div class="contents">
-    <ng-content select=[contents]></ng-content>
+  <div class="contents" #contents>
+    <ng-content></ng-content>
+    <!-- <ng-content select=[contents]></ng-content> -->
   </div>
   <div class="bottom">
     <ng-content select=[bottom]></ng-content>
   </div>
-  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--height: 100%;--height-SCOPED-IN-scroll-mQXP: var(--height);--top-height: 56px;--top-height-SCOPED-IN-scroll-mQXP: var(--top-height);--bottom-height: 56px;--bottom-height-SCOPED-IN-scroll-mQXP: var(--bottom-height)}:host{display:flex;flex-direction:column;justify-content:space-between;height:var(--height-SCOPED-IN-scroll-mQXP);overflow:hidden}:host .top{height:var(--top-height-SCOPED-IN-scroll-mQXP);transition:.5s height;overflow:hidden;touch-action:none}:host .contents{height:calc(var(--height-SCOPED-IN-scroll-mQXP) - var(--top-height-SCOPED-IN-scroll-mQXP) - var(--bottom-height-SCOPED-IN-scroll-mQXP));transition:.5s height;overflow:auto;-webkit-overflow-scrolling:touch}:host .contents::-webkit-scrollbar{display:none}:host .bottom{height:var(--bottom-height-SCOPED-IN-scroll-mQXP)}\n"] }]
-        }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2Nyb2xsLmZyYW1lLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvQG5nLWF0b21pYy9jb21wb25lbnRzL3NyYy9saWIvZnJhbWVzL3Njcm9sbC12Mi9zY3JvbGwuZnJhbWUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBc0JuRSxNQUFNLE9BQU8sV0FBVzsrR0FBWCxXQUFXO21HQUFYLFdBQVcseUVBZFo7Ozs7Ozs7Ozs7R0FVVCwwMkJBWkMsWUFBWTs7NEZBZ0JILFdBQVc7a0JBcEJ2QixTQUFTOytCQUNFLGVBQWUsY0FDYixJQUFJLFdBQ1A7d0JBQ1AsWUFBWTtxQkFDYixZQUNTOzs7Ozs7Ozs7O0dBVVQsbUJBRWdCLHVCQUF1QixDQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdmcmFtZXMtc2Nyb2xsJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgXSxcbiAgdGVtcGxhdGU6IGBcbiAgPGRpdiBjbGFzcz1cInRvcFwiPlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1bdG9wXT48L25nLWNvbnRlbnQ+XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwiY29udGVudHNcIj5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9W2NvbnRlbnRzXT48L25nLWNvbnRlbnQ+XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwiYm90dG9tXCI+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVtib3R0b21dPjwvbmctY29udGVudD5cbiAgPC9kaXY+XG4gIGAsXG4gIHN0eWxlVXJsczogWycuL3Njcm9sbC5mcmFtZS5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBTY3JvbGxGcmFtZSB7IH1cbiJdfQ==
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--height: 100%;--height-SCOPED-IN-scroll-DT9M: var(--height);--top-height: 56px;--top-height-SCOPED-IN-scroll-DT9M: var(--top-height);--bottom-height: 56px;--bottom-height-SCOPED-IN-scroll-DT9M: var(--bottom-height);--contents-gap: 16px;--contents-gap-SCOPED-IN-scroll-DT9M: var(--contents-gap)}:host{display:flex;width:100%;flex-direction:column;justify-content:space-between;height:var(--height-SCOPED-IN-scroll-DT9M);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-DT9M);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 }]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2Nyb2xsLmZyYW1lLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvQG5nLWF0b21pYy9jb21wb25lbnRzL3NyYy9saWIvZnJhbWVzL3Njcm9sbC12Mi9zY3JvbGwuZnJhbWUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUF1QjFGLE1BQU0sT0FBTyxXQUFXO0lBS3RCLGNBQWM7UUFDWixNQUFNLFFBQVEsR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLGFBQWEsQ0FBQztRQUM3QyxPQUFPLFFBQVEsQ0FBQyxZQUFZLEdBQUcsUUFBUSxDQUFDLFNBQVMsS0FBSyxRQUFRLENBQUMsWUFBWSxDQUFDO0lBQzlFLENBQUM7SUFFRCxjQUFjO1FBQ1osSUFBSSxDQUFDLFFBQVEsQ0FBQyxhQUFhLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsYUFBYSxDQUFDLFlBQVksQ0FBQztJQUNuRixDQUFDOzhHQVpVLFdBQVc7a0dBQVgsV0FBVyw2TEFmWjs7Ozs7Ozs7Ozs7R0FXVCxvNUJBYkMsWUFBWTs7MkZBaUJILFdBQVc7a0JBckJ2QixTQUFTOytCQUNFLGVBQWUsY0FDYixJQUFJLFdBQ1A7d0JBQ1AsWUFBWTtxQkFDYixZQUNTOzs7Ozs7Ozs7OztHQVdULG1CQUVnQix1QkFBdUIsQ0FBQyxNQUFNOzhCQUtyQyxRQUFRO3NCQURqQixTQUFTO3VCQUFDLFVBQVUsRUFBRSxFQUFDLE1BQU0sRUFBRSxJQUFJLEVBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRWxlbWVudFJlZiwgVmlld0NoaWxkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2ZyYW1lcy1zY3JvbGwnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICBdLFxuICB0ZW1wbGF0ZTogYFxuICA8ZGl2IGNsYXNzPVwidG9wXCI+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVt0b3BdPjwvbmctY29udGVudD5cbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJjb250ZW50c1wiICNjb250ZW50cz5cbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgPCEtLSA8bmctY29udGVudCBzZWxlY3Q9W2NvbnRlbnRzXT48L25nLWNvbnRlbnQ+IC0tPlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cImJvdHRvbVwiPlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1bYm90dG9tXT48L25nLWNvbnRlbnQ+XG4gIDwvZGl2PlxuICBgLFxuICBzdHlsZVVybHM6IFsnLi9zY3JvbGwuZnJhbWUuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgU2Nyb2xsRnJhbWUge1xuXG4gIEBWaWV3Q2hpbGQoJ2NvbnRlbnRzJywge3N0YXRpYzogdHJ1ZX0pXG4gIHByb3RlY3RlZCBjb250ZW50czogRWxlbWVudFJlZjxIVE1MRGl2RWxlbWVudD47XG5cbiAgaXNTY3JvbGxCb3R0b20oKSB7XG4gICAgY29uc3QgY29udGVudHMgPSB0aGlzLmNvbnRlbnRzLm5hdGl2ZUVsZW1lbnQ7XG4gICAgcmV0dXJuIGNvbnRlbnRzLnNjcm9sbEhlaWdodCAtIGNvbnRlbnRzLnNjcm9sbFRvcCA9PT0gY29udGVudHMuY2xpZW50SGVpZ2h0O1xuICB9XG5cbiAgc2Nyb2xsVG9Cb3R0b20oKSB7XG4gICAgdGhpcy5jb250ZW50cy5uYXRpdmVFbGVtZW50LnNjcm9sbFRvcCA9IHRoaXMuY29udGVudHMubmF0aXZlRWxlbWVudC5zY3JvbGxIZWlnaHQ7XG4gIH1cbn1cbiJdfQ==