@ng-atomic/components 16.2.0 → 17.0.0

package/esm2022/frames/fab/fab.frame.mjs

@@ -1,44 +1,67 @@
-import { Component, Input, inject } from '@angular/core';
-import { CommonModule } from '@angular/common';
+import { ChangeDetectionStrategy, Component, Directive, inject, input } from '@angular/core';
 import { MatButtonModule } from '@angular/material/button';
 import { MatIconModule } from '@angular/material/icon';
+import { _computed } from '@ng-atomic/core';
 import { FabService } from './fab.service';
 import { NgAtomicComponent } from '@ng-atomic/core';
+import { makeConfig } from '@ng-atomic/common/services/ui';
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "@angular/material/icon";
-import * as i3 from "@angular/material/button";
+import * as i1 from "@angular/material/icon";
+import * as i2 from "@angular/material/button";
+export class FabFrameStore {
+    constructor() {
+        this.config = FabFrameStore.Config.inject();
+        this.actions = input(_computed(() => this.config().actions));
+        this.hide = input(_computed(() => this.config().hide));
+    }
+    static { this.Config = makeConfig(() => {
+        return () => ({
+            actions: [],
+            hide: false,
+        });
+    }, ['components', 'frames', 'fab']); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: FabFrameStore, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.2.2", type: FabFrameStore, isStandalone: true, selector: "frames-fab", inputs: { actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, hide: { classPropertyName: "hide", publicName: "hide", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: FabFrameStore, decorators: [{
+            type: Directive,
+            args: [{ standalone: true, selector: 'frames-fab' }]
+        }] });
 export class FabFrame extends NgAtomicComponent {
     constructor() {
         super(...arguments);
         this.fab = inject(FabService);
-        this.actions = [];
+        this.store = inject(FabFrameStore);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FabFrame, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FabFrame, isStandalone: true, selector: "frames-fab", inputs: { actions: "actions" }, usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: FabFrame, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.2", type: FabFrame, isStandalone: true, selector: "frames-fab", host: { properties: { "attr.hide": "store.hide()" } }, usesInheritance: true, hostDirectives: [{ directive: FabFrameStore, inputs: ["actions", "actions", "hide", "hide"] }], ngImport: i0, template: `
     <ng-content></ng-content>
-    <ng-container *ngFor="let action of fab.actions">
-      <button mat-fab color="primary" (click)="dispatch(action)">
+    @for (action of store.actions(); track action.id) {
+      <button mat-fab [color]="action?.color ?? 'primary'" (click)="dispatch(action)">
         <mat-icon>{{ action?.icon ?? 'add' }}</mat-icon>
       </button>
-    </ng-container>
-  `, isInline: true, styles: [":host{--primary-color: #039be5;--primary-color-SCOPED-IN-fab-IomT: var(--primary-color);--container-color: var(--primary-color-SCOPED-IN-fab-IomT);--container-color-SCOPED-IN-fab-IomT: var(--container-color);--icon-color: #fff;--icon-color-SCOPED-IN-fab-IomT: var(--icon-color);--fab-button-bottom: 16px;--fab-button-bottom-SCOPED-IN-fab-IomT: var(--fab-button-bottom);--fab-button-right: 16px;--fab-button-right-SCOPED-IN-fab-IomT: var(--fab-button-right)}:host{display:block;width:100%;height:100%;position:relative}:host button{position:absolute;z-index:2000;bottom:var(--fab-button-bottom-SCOPED-IN-fab-IomT);right:var(--fab-button-right-SCOPED-IN-fab-IomT);--mdc-fab-container-color: var(--container-color);--mdc-fab-icon-color: var(--icon-color);--mat-mdc-fab-color: var(--icon-color)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatFabButton, selector: "button[mat-fab]", inputs: ["disabled", "disableRipple", "color", "tabIndex", "extended"], exportAs: ["matButton"] }] }); }
+    }
+  `, isInline: true, styles: [":host{--primary-color: #039be5;--primary-color-SCOPED-IN-fab-va1m: var(--primary-color);--container-color: var(--primary-color-SCOPED-IN-fab-va1m);--container-color-SCOPED-IN-fab-va1m: var(--container-color);--icon-color: #fff;--icon-color-SCOPED-IN-fab-va1m: var(--icon-color);--fab-button-bottom: 16px;--fab-button-bottom-SCOPED-IN-fab-va1m: var(--fab-button-bottom);--fab-button-right: 16px;--fab-button-right-SCOPED-IN-fab-va1m: var(--fab-button-right)}:host{display:block;width:100%;height:100%;position:relative}:host button{position:absolute;z-index:2000;bottom:var(--fab-button-bottom-SCOPED-IN-fab-va1m);right:var(--fab-button-right-SCOPED-IN-fab-va1m);transition:all .3s ease;--mdc-fab-container-color: var(--container-color);--mdc-fab-icon-color: var(--icon-color);--mat-mdc-fab-color: var(--icon-color)}:host[hide=true] button{bottom:-120px}\n"], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatFabButton, selector: "button[mat-fab]", inputs: ["extended"], exportAs: ["matButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FabFrame, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: FabFrame, decorators: [{
             type: Component,
             args: [{ selector: 'frames-fab', standalone: true, imports: [
-                        CommonModule,
                         MatIconModule,
                         MatButtonModule,
                     ], template: `
     <ng-content></ng-content>
-    <ng-container *ngFor="let action of fab.actions">
-      <button mat-fab color="primary" (click)="dispatch(action)">
+    @for (action of store.actions(); track action.id) {
+      <button mat-fab [color]="action?.color ?? 'primary'" (click)="dispatch(action)">
         <mat-icon>{{ action?.icon ?? 'add' }}</mat-icon>
       </button>
-    </ng-container>
-  `, styles: [":host{--primary-color: #039be5;--primary-color-SCOPED-IN-fab-IomT: var(--primary-color);--container-color: var(--primary-color-SCOPED-IN-fab-IomT);--container-color-SCOPED-IN-fab-IomT: var(--container-color);--icon-color: #fff;--icon-color-SCOPED-IN-fab-IomT: var(--icon-color);--fab-button-bottom: 16px;--fab-button-bottom-SCOPED-IN-fab-IomT: var(--fab-button-bottom);--fab-button-right: 16px;--fab-button-right-SCOPED-IN-fab-IomT: var(--fab-button-right)}:host{display:block;width:100%;height:100%;position:relative}:host button{position:absolute;z-index:2000;bottom:var(--fab-button-bottom-SCOPED-IN-fab-IomT);right:var(--fab-button-right-SCOPED-IN-fab-IomT);--mdc-fab-container-color: var(--container-color);--mdc-fab-icon-color: var(--icon-color);--mat-mdc-fab-color: var(--icon-color)}\n"] }]
-        }], propDecorators: { actions: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmFiLmZyYW1lLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvQG5nLWF0b21pYy9jb21wb25lbnRzL3NyYy9saWIvZnJhbWVzL2ZhYi9mYWIuZnJhbWUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUEyQixTQUFTLEVBQWdCLEtBQUssRUFBNkIsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzNILE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDM0QsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBRXZELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFM0MsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0saUJBQWlCLENBQUM7Ozs7O0FBcUJwRCxNQUFNLE9BQU8sUUFBUyxTQUFRLGlCQUFpQjtJQW5CL0M7O1FBb0JZLFFBQUcsR0FBRyxNQUFNLENBQUMsVUFBVSxDQUFDLENBQUM7UUFHbkMsWUFBTyxHQUFhLEVBQUUsQ0FBQztLQUV4QjsrR0FOWSxRQUFRO21HQUFSLFFBQVEsNkhBWFQ7Ozs7Ozs7R0FPVCxrMkJBWEMsWUFBWSwySkFDWixhQUFhLG1MQUNiLGVBQWU7OzRGQWFOLFFBQVE7a0JBbkJwQixTQUFTOytCQUNFLFlBQVksY0FDVixJQUFJLFdBQ1A7d0JBQ1AsWUFBWTt3QkFDWixhQUFhO3dCQUNiLGVBQWU7cUJBQ2hCLFlBQ1M7Ozs7Ozs7R0FPVDs4QkFRRCxPQUFPO3NCQUROLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkRlc3Ryb3ksIE9uSW5pdCwgT3V0cHV0LCBpbmplY3QgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBNYXRCdXR0b25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9idXR0b24nO1xuaW1wb3J0IHsgTWF0SWNvbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2ljb24nO1xuaW1wb3J0IHsgQWN0aW9uIH0gZnJvbSAnQG5nLWF0b21pYy9jb3JlJztcbmltcG9ydCB7IEZhYlNlcnZpY2UgfSBmcm9tICcuL2ZhYi5zZXJ2aWNlJztcbmltcG9ydCB7IFJlcGxheVN1YmplY3QsIHRha2VVbnRpbCB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgTmdBdG9taWNDb21wb25lbnQgfSBmcm9tICdAbmctYXRvbWljL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdmcmFtZXMtZmFiJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBNYXRJY29uTW9kdWxlLFxuICAgIE1hdEJ1dHRvbk1vZHVsZSxcbiAgXSxcbiAgdGVtcGxhdGU6IGBcbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgYWN0aW9uIG9mIGZhYi5hY3Rpb25zXCI+XG4gICAgICA8YnV0dG9uIG1hdC1mYWIgY29sb3I9XCJwcmltYXJ5XCIgKGNsaWNrKT1cImRpc3BhdGNoKGFjdGlvbilcIj5cbiAgICAgICAgPG1hdC1pY29uPnt7IGFjdGlvbj8uaWNvbiA/PyAnYWRkJyB9fTwvbWF0LWljb24+XG4gICAgICA8L2J1dHRvbj5cbiAgICA8L25nLWNvbnRhaW5lcj5cbiAgYCxcbiAgc3R5bGVVcmxzOiBbJy4vZmFiLmZyYW1lLnNjc3MnXSxcbiAgLy8gY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgRmFiRnJhbWUgZXh0ZW5kcyBOZ0F0b21pY0NvbXBvbmVudCB7XG4gIHByb3RlY3RlZCBmYWIgPSBpbmplY3QoRmFiU2VydmljZSk7XG5cbiAgQElucHV0KClcbiAgYWN0aW9uczogQWN0aW9uW10gPSBbXTtcblxufVxuIl19
+    }
+  `, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
+                        {
+                            directive: FabFrameStore,
+                            inputs: ['actions', 'hide'],
+                        },
+                    ], host: {
+                        '[attr.hide]': 'store.hide()',
+                    }, styles: [":host{--primary-color: #039be5;--primary-color-SCOPED-IN-fab-va1m: var(--primary-color);--container-color: var(--primary-color-SCOPED-IN-fab-va1m);--container-color-SCOPED-IN-fab-va1m: var(--container-color);--icon-color: #fff;--icon-color-SCOPED-IN-fab-va1m: var(--icon-color);--fab-button-bottom: 16px;--fab-button-bottom-SCOPED-IN-fab-va1m: var(--fab-button-bottom);--fab-button-right: 16px;--fab-button-right-SCOPED-IN-fab-va1m: var(--fab-button-right)}:host{display:block;width:100%;height:100%;position:relative}:host button{position:absolute;z-index:2000;bottom:var(--fab-button-bottom-SCOPED-IN-fab-va1m);right:var(--fab-button-right-SCOPED-IN-fab-va1m);transition:all .3s ease;--mdc-fab-container-color: var(--container-color);--mdc-fab-icon-color: var(--icon-color);--mat-mdc-fab-color: var(--icon-color)}:host[hide=true] button{bottom:-120px}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmFiLmZyYW1lLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvQG5nLWF0b21pYy9jb21wb25lbnRzL3NyYy9saWIvZnJhbWVzL2ZhYi9mYWIuZnJhbWUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM3RixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDM0QsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3ZELE9BQU8sRUFBVSxTQUFTLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUNwRCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzNDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ3BELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQzs7OztBQUczRCxNQUFNLE9BQU8sYUFBYTtJQUQxQjtRQVNXLFdBQU0sR0FBRyxhQUFhLENBQUMsTUFBTSxDQUFDLE1BQU0sRUFBRSxDQUFDO1FBQ3ZDLFlBQU8sR0FBRyxLQUFLLENBQUMsU0FBUyxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDO1FBQ3hELFNBQUksR0FBRyxLQUFLLENBQUMsU0FBUyxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDO0tBQzVEO2FBVmlCLFdBQU0sR0FBRyxVQUFVLENBQUMsR0FBRyxFQUFFO1FBQ3ZDLE9BQU8sR0FBRyxFQUFFLENBQUMsQ0FBQztZQUNaLE9BQU8sRUFBRSxFQUFjO1lBQ3ZCLElBQUksRUFBRSxLQUFLO1NBQ1osQ0FBQyxDQUFDO0lBQ0wsQ0FBQyxFQUFFLENBQUMsWUFBWSxFQUFFLFFBQVEsRUFBRSxLQUFLLENBQUMsQ0FBQyxBQUxiLENBS2M7OEdBTnpCLGFBQWE7a0dBQWIsYUFBYTs7MkZBQWIsYUFBYTtrQkFEekIsU0FBUzttQkFBQyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLFlBQVksRUFBRTs7QUF5Q3ZELE1BQU0sT0FBTyxRQUFTLFNBQVEsaUJBQWlCO0lBM0IvQzs7UUE0QlksUUFBRyxHQUFHLE1BQU0sQ0FBQyxVQUFVLENBQUMsQ0FBQztRQUN6QixVQUFLLEdBQUcsTUFBTSxDQUFDLGFBQWEsQ0FBQyxDQUFDO0tBQ3pDOzhHQUhZLFFBQVE7a0dBQVIsUUFBUSwwSkF4Q1IsYUFBYSw2RUFvQmQ7Ozs7Ozs7R0FPVCxnNkJBVkMsYUFBYSxtTEFDYixlQUFlOzsyRkFzQk4sUUFBUTtrQkEzQnBCLFNBQVM7K0JBQ0UsWUFBWSxjQUNWLElBQUksV0FDUDt3QkFDUCxhQUFhO3dCQUNiLGVBQWU7cUJBQ2hCLFlBQ1M7Ozs7Ozs7R0FPVCxtQkFFZ0IsdUJBQXVCLENBQUMsTUFBTSxrQkFDL0I7d0JBQ2Q7NEJBQ0UsU0FBUyxFQUFFLGFBQWE7NEJBQ3hCLE1BQU0sRUFBRSxDQUFDLFNBQVMsRUFBRSxNQUFNLENBQUM7eUJBQzVCO3FCQUNGLFFBQ0s7d0JBQ0osYUFBYSxFQUFFLGNBQWM7cUJBQzlCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRGlyZWN0aXZlLCBpbmplY3QsIGlucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBNYXRCdXR0b25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9idXR0b24nO1xuaW1wb3J0IHsgTWF0SWNvbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2ljb24nO1xuaW1wb3J0IHsgQWN0aW9uLCBfY29tcHV0ZWQgfSBmcm9tICdAbmctYXRvbWljL2NvcmUnO1xuaW1wb3J0IHsgRmFiU2VydmljZSB9IGZyb20gJy4vZmFiLnNlcnZpY2UnO1xuaW1wb3J0IHsgTmdBdG9taWNDb21wb25lbnQgfSBmcm9tICdAbmctYXRvbWljL2NvcmUnO1xuaW1wb3J0IHsgbWFrZUNvbmZpZyB9IGZyb20gJ0BuZy1hdG9taWMvY29tbW9uL3NlcnZpY2VzL3VpJztcblxuQERpcmVjdGl2ZSh7IHN0YW5kYWxvbmU6IHRydWUsIHNlbGVjdG9yOiAnZnJhbWVzLWZhYicgfSlcbmV4cG9ydCBjbGFzcyBGYWJGcmFtZVN0b3JlIHtcbiAgc3RhdGljIHJlYWRvbmx5IENvbmZpZyA9IG1ha2VDb25maWcoKCkgPT4ge1xuICAgIHJldHVybiAoKSA9PiAoe1xuICAgICAgYWN0aW9uczogW10gYXMgQWN0aW9uW10sXG4gICAgICBoaWRlOiBmYWxzZSxcbiAgICB9KTtcbiAgfSwgWydjb21wb25lbnRzJywgJ2ZyYW1lcycsICdmYWInXSk7XG4gIFxuICByZWFkb25seSBjb25maWcgPSBGYWJGcmFtZVN0b3JlLkNvbmZpZy5pbmplY3QoKTtcbiAgcmVhZG9ubHkgYWN0aW9ucyA9IGlucHV0KF9jb21wdXRlZCgoKSA9PiB0aGlzLmNvbmZpZygpLmFjdGlvbnMpKTtcbiAgcmVhZG9ubHkgaGlkZSA9IGlucHV0KF9jb21wdXRlZCgoKSA9PiB0aGlzLmNvbmZpZygpLmhpZGUpKTtcbn1cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZnJhbWVzLWZhYicsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBNYXRJY29uTW9kdWxlLFxuICAgIE1hdEJ1dHRvbk1vZHVsZSxcbiAgXSxcbiAgdGVtcGxhdGU6IGBcbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgQGZvciAoYWN0aW9uIG9mIHN0b3JlLmFjdGlvbnMoKTsgdHJhY2sgYWN0aW9uLmlkKSB7XG4gICAgICA8YnV0dG9uIG1hdC1mYWIgW2NvbG9yXT1cImFjdGlvbj8uY29sb3IgPz8gJ3ByaW1hcnknXCIgKGNsaWNrKT1cImRpc3BhdGNoKGFjdGlvbilcIj5cbiAgICAgICAgPG1hdC1pY29uPnt7IGFjdGlvbj8uaWNvbiA/PyAnYWRkJyB9fTwvbWF0LWljb24+XG4gICAgICA8L2J1dHRvbj5cbiAgICB9XG4gIGAsXG4gIHN0eWxlVXJsczogWycuL2ZhYi5mcmFtZS5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBob3N0RGlyZWN0aXZlczogW1xuICAgIHtcbiAgICAgIGRpcmVjdGl2ZTogRmFiRnJhbWVTdG9yZSxcbiAgICAgIGlucHV0czogWydhY3Rpb25zJywgJ2hpZGUnXSxcbiAgICB9LFxuICBdLFxuICBob3N0OiB7XG4gICAgJ1thdHRyLmhpZGVdJzogJ3N0b3JlLmhpZGUoKScsXG4gIH1cbn0pXG5leHBvcnQgY2xhc3MgRmFiRnJhbWUgZXh0ZW5kcyBOZ0F0b21pY0NvbXBvbmVudCB7XG4gIHByb3RlY3RlZCBmYWIgPSBpbmplY3QoRmFiU2VydmljZSk7XG4gIHByb3RlY3RlZCBzdG9yZSA9IGluamVjdChGYWJGcmFtZVN0b3JlKTtcbn1cbiJdfQ==

package/esm2022/frames/fab/fab.service.mjs

@@ -17,11 +17,11 @@ export class FabService {
     pop() {
         return this.contexts.pop();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FabService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FabService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: FabService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: FabService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FabService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: FabService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmFiLnNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9AbmctYXRvbWljL2NvbXBvbmVudHMvc3JjL2xpYi9mcmFtZXMvZmFiL2ZhYi5zZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBSTNDLE1BQU0sT0FBTyxVQUFVO0lBRHZCO1FBRVUsY0FBUyxHQUFHLElBQUksR0FBcUIsQ0FBQztRQUN0QyxhQUFRLEdBQWEsRUFBRSxDQUFDO0tBZ0JqQztJQWZDLElBQUksT0FBTztRQUNULE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN4RCxDQUFDO0lBRUQsR0FBRyxDQUFDLElBQUksRUFBRSxPQUFpQjtRQUN6QixPQUFPLElBQUksQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLElBQUksRUFBRSxPQUFPLENBQUMsQ0FBQztJQUMzQyxDQUFDO0lBRUQsSUFBSSxDQUFDLElBQVk7UUFDZixPQUFPLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ2xDLENBQUM7SUFFRCxHQUFHO1FBQ0QsT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDLEdBQUcsRUFBRSxDQUFDO0lBQzdCLENBQUM7K0dBakJVLFVBQVU7bUhBQVYsVUFBVSxjQURFLE1BQU07OzRGQUNsQixVQUFVO2tCQUR0QixVQUFVO21CQUFDLEVBQUMsVUFBVSxFQUFFLE1BQU0sRUFBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGFibGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFjdGlvbiB9IGZyb20gJ0BuZy1hdG9taWMvY29yZSc7XG5cbkBJbmplY3RhYmxlKHtwcm92aWRlZEluOiAncm9vdCd9KVxuZXhwb3J0IGNsYXNzIEZhYlNlcnZpY2Uge1xuICBwcml2YXRlIGFjdGlvbk1hcCA9IG5ldyBNYXA8c3RyaW5nLCBBY3Rpb25bXT47XG4gIHByaXZhdGUgY29udGV4dHM6IHN0cmluZ1tdID0gW107XG4gIGdldCBhY3Rpb25zKCk6IEFjdGlvbltdIHtcbiAgICByZXR1cm4gdGhpcy5hY3Rpb25NYXAuZ2V0KHRoaXMuY29udGV4dHMuYXQoLTEpKSA/PyBbXTtcbiAgfVxuXG4gIHNldChuYW1lLCBhY3Rpb25zOiBBY3Rpb25bXSkge1xuICAgIHJldHVybiB0aGlzLmFjdGlvbk1hcC5zZXQobmFtZSwgYWN0aW9ucyk7XG4gIH1cblxuICBwdXNoKG5hbWU6IHN0cmluZykge1xuICAgIHJldHVybiB0aGlzLmNvbnRleHRzLnB1c2gobmFtZSk7XG4gIH1cblxuICBwb3AoKSB7XG4gICAgcmV0dXJuIHRoaXMuY29udGV4dHMucG9wKCk7XG4gIH1cbn1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmFiLnNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9AbmctYXRvbWljL2NvbXBvbmVudHMvc3JjL2xpYi9mcmFtZXMvZmFiL2ZhYi5zZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBSTNDLE1BQU0sT0FBTyxVQUFVO0lBRHZCO1FBRVUsY0FBUyxHQUFHLElBQUksR0FBcUIsQ0FBQztRQUN0QyxhQUFRLEdBQWEsRUFBRSxDQUFDO0tBZ0JqQztJQWZDLElBQUksT0FBTztRQUNULE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN4RCxDQUFDO0lBRUQsR0FBRyxDQUFDLElBQUksRUFBRSxPQUFpQjtRQUN6QixPQUFPLElBQUksQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLElBQUksRUFBRSxPQUFPLENBQUMsQ0FBQztJQUMzQyxDQUFDO0lBRUQsSUFBSSxDQUFDLElBQVk7UUFDZixPQUFPLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ2xDLENBQUM7SUFFRCxHQUFHO1FBQ0QsT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDLEdBQUcsRUFBRSxDQUFDO0lBQzdCLENBQUM7OEdBakJVLFVBQVU7a0hBQVYsVUFBVSxjQURFLE1BQU07OzJGQUNsQixVQUFVO2tCQUR0QixVQUFVO21CQUFDLEVBQUMsVUFBVSxFQUFFLE1BQU0sRUFBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGFibGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFjdGlvbiB9IGZyb20gJ0BuZy1hdG9taWMvY29yZSc7XG5cbkBJbmplY3RhYmxlKHtwcm92aWRlZEluOiAncm9vdCd9KVxuZXhwb3J0IGNsYXNzIEZhYlNlcnZpY2Uge1xuICBwcml2YXRlIGFjdGlvbk1hcCA9IG5ldyBNYXA8c3RyaW5nLCBBY3Rpb25bXT47XG4gIHByaXZhdGUgY29udGV4dHM6IHN0cmluZ1tdID0gW107XG4gIGdldCBhY3Rpb25zKCk6IEFjdGlvbltdIHtcbiAgICByZXR1cm4gdGhpcy5hY3Rpb25NYXAuZ2V0KHRoaXMuY29udGV4dHMuYXQoLTEpKSA/PyBbXTtcbiAgfVxuXG4gIHNldChuYW1lLCBhY3Rpb25zOiBBY3Rpb25bXSkge1xuICAgIHJldHVybiB0aGlzLmFjdGlvbk1hcC5zZXQobmFtZSwgYWN0aW9ucyk7XG4gIH1cblxuICBwdXNoKG5hbWU6IHN0cmluZykge1xuICAgIHJldHVybiB0aGlzLmNvbnRleHRzLnB1c2gobmFtZSk7XG4gIH1cblxuICBwb3AoKSB7XG4gICAgcmV0dXJuIHRoaXMuY29udGV4dHMucG9wKCk7XG4gIH1cbn1cbiJdfQ==

package/esm2022/frames/frames.module.mjs

@@ -1,18 +1,38 @@
-import { NgModule } from "@angular/core";
+import { NgModule } from '@angular/core';
+import { provideComponent } from '@ng-atomic/core';
+import { SideNavFrame, SideNavFrameStore } from '@ng-atomic/components/frames/side-nav';
+import { RouterOutletFrameStore } from '@ng-atomic/components/frames/router-outlet';
+import { ColumnsFrameStore } from '@ng-atomic/components/frames/columns';
+import { AppFrameStore } from '@ng-atomic/components/frames/app';
+import { DrawerFrameStore } from '@ng-atomic/components/frames/drawer';
+import { FabFrameStore } from '@ng-atomic/components/frames/fab';
 import * as i0 from "@angular/core";
 export class NgAtomicFramesModule {
     static forRoot() {
         return {
             ngModule: NgAtomicFramesModule,
-            providers: []
+            providers: [
+                AppFrameStore.Config.provide(),
+                provideComponent(AppFrameStore, () => import('@ng-atomic/components/frames/app').then(m => m.AppFrame)),
+                ColumnsFrameStore.Config.provide(),
+                provideComponent(ColumnsFrameStore, () => import('@ng-atomic/components/frames/columns').then(m => m.ColumnsFrame)),
+                FabFrameStore.Config.provide(),
+                provideComponent(FabFrameStore, () => import('@ng-atomic/components/frames/fab').then(m => m.FabFrame)),
+                // DrawerFrameStore.Config.provide(),
+                provideComponent(DrawerFrameStore, () => import('@ng-atomic/components/frames/drawer').then(m => m.DrawerFrame)),
+                SideNavFrameStore.Config.provide(),
+                provideComponent(SideNavFrame, () => import('@ng-atomic/components/frames/side-nav').then(m => m.SideNavFrame)),
+                RouterOutletFrameStore.Config.provide(),
+                provideComponent(RouterOutletFrameStore, () => import('@ng-atomic/components/frames/router-outlet').then(m => m.RouterOutletFrame)),
+            ]
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NgAtomicFramesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: NgAtomicFramesModule }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NgAtomicFramesModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: NgAtomicFramesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.2", ngImport: i0, type: NgAtomicFramesModule }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: NgAtomicFramesModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NgAtomicFramesModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: NgAtomicFramesModule, decorators: [{
             type: NgModule,
             args: [{}]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZnJhbWVzLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL0BuZy1hdG9taWMvY29tcG9uZW50cy9zcmMvbGliL2ZyYW1lcy9mcmFtZXMubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBR3pDLE1BQU0sT0FBTyxvQkFBb0I7SUFDL0IsTUFBTSxDQUFDLE9BQU87UUFDWixPQUFPO1lBQ0wsUUFBUSxFQUFFLG9CQUFvQjtZQUM5QixTQUFTLEVBQUUsRUFBRTtTQUNkLENBQUM7SUFDSixDQUFDOytHQU5VLG9CQUFvQjtnSEFBcEIsb0JBQW9CO2dIQUFwQixvQkFBb0I7OzRGQUFwQixvQkFBb0I7a0JBRGhDLFFBQVE7bUJBQUMsRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcblxuQE5nTW9kdWxlKHt9KVxuZXhwb3J0IGNsYXNzIE5nQXRvbWljRnJhbWVzTW9kdWxlIHtcbiAgc3RhdGljIGZvclJvb3QoKSB7XG4gICAgcmV0dXJuIHtcbiAgICAgIG5nTW9kdWxlOiBOZ0F0b21pY0ZyYW1lc01vZHVsZSxcbiAgICAgIHByb3ZpZGVyczogW11cbiAgICB9O1xuICB9XG59XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZnJhbWVzLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL0BuZy1hdG9taWMvY29tcG9uZW50cy9zcmMvbGliL2ZyYW1lcy9mcmFtZXMubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDbkQsT0FBTyxFQUFFLFlBQVksRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBQ3hGLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDRDQUE0QyxDQUFDO0FBQ3BGLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBQ3pFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUNqRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUN2RSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUM7O0FBR2pFLE1BQU0sT0FBTyxvQkFBb0I7SUFDL0IsTUFBTSxDQUFDLE9BQU87UUFDWixPQUFPO1lBQ0wsUUFBUSxFQUFFLG9CQUFvQjtZQUM5QixTQUFTLEVBQUU7Z0JBQ1QsYUFBYSxDQUFDLE1BQU0sQ0FBQyxPQUFPLEVBQUU7Z0JBQzlCLGdCQUFnQixDQUFDLGFBQWEsRUFBRSxHQUFHLEVBQUUsQ0FBQyxNQUFNLENBQUMsa0NBQWtDLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLENBQUM7Z0JBQ3ZHLGlCQUFpQixDQUFDLE1BQU0sQ0FBQyxPQUFPLEVBQUU7Z0JBQ2xDLGdCQUFnQixDQUFDLGlCQUFpQixFQUFFLEdBQUcsRUFBRSxDQUFDLE1BQU0sQ0FBQyxzQ0FBc0MsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxZQUFZLENBQUMsQ0FBQztnQkFDbkgsYUFBYSxDQUFDLE1BQU0sQ0FBQyxPQUFPLEVBQUU7Z0JBQzlCLGdCQUFnQixDQUFDLGFBQWEsRUFBRSxHQUFHLEVBQUUsQ0FBQyxNQUFNLENBQUMsa0NBQWtDLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLENBQUM7Z0JBQ3ZHLHFDQUFxQztnQkFDckMsZ0JBQWdCLENBQUMsZ0JBQWdCLEVBQUUsR0FBRyxFQUFFLENBQUMsTUFBTSxDQUFDLHFDQUFxQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLFdBQVcsQ0FBQyxDQUFDO2dCQUNoSCxpQkFBaUIsQ0FBQyxNQUFNLENBQUMsT0FBTyxFQUFFO2dCQUNsQyxnQkFBZ0IsQ0FBQyxZQUFZLEVBQUUsR0FBRyxFQUFFLENBQUMsTUFBTSxDQUFDLHVDQUF1QyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLFlBQVksQ0FBQyxDQUFDO2dCQUMvRyxzQkFBc0IsQ0FBQyxNQUFNLENBQUMsT0FBTyxFQUFFO2dCQUN2QyxnQkFBZ0IsQ0FBQyxzQkFBc0IsRUFBRSxHQUFHLEVBQUUsQ0FBQyxNQUFNLENBQUMsNENBQTRDLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsaUJBQWlCLENBQUMsQ0FBQzthQUNwSTtTQUNGLENBQUM7SUFDSixDQUFDOzhHQW5CVSxvQkFBb0I7K0dBQXBCLG9CQUFvQjsrR0FBcEIsb0JBQW9COzsyRkFBcEIsb0JBQW9CO2tCQURoQyxRQUFRO21CQUFDLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgcHJvdmlkZUNvbXBvbmVudCB9IGZyb20gJ0BuZy1hdG9taWMvY29yZSc7XG5pbXBvcnQgeyBTaWRlTmF2RnJhbWUsIFNpZGVOYXZGcmFtZVN0b3JlIH0gZnJvbSAnQG5nLWF0b21pYy9jb21wb25lbnRzL2ZyYW1lcy9zaWRlLW5hdic7XG5pbXBvcnQgeyBSb3V0ZXJPdXRsZXRGcmFtZVN0b3JlIH0gZnJvbSAnQG5nLWF0b21pYy9jb21wb25lbnRzL2ZyYW1lcy9yb3V0ZXItb3V0bGV0JztcbmltcG9ydCB7IENvbHVtbnNGcmFtZVN0b3JlIH0gZnJvbSAnQG5nLWF0b21pYy9jb21wb25lbnRzL2ZyYW1lcy9jb2x1bW5zJztcbmltcG9ydCB7IEFwcEZyYW1lU3RvcmUgfSBmcm9tICdAbmctYXRvbWljL2NvbXBvbmVudHMvZnJhbWVzL2FwcCc7XG5pbXBvcnQgeyBEcmF3ZXJGcmFtZVN0b3JlIH0gZnJvbSAnQG5nLWF0b21pYy9jb21wb25lbnRzL2ZyYW1lcy9kcmF3ZXInO1xuaW1wb3J0IHsgRmFiRnJhbWVTdG9yZSB9IGZyb20gJ0BuZy1hdG9taWMvY29tcG9uZW50cy9mcmFtZXMvZmFiJztcblxuQE5nTW9kdWxlKHt9KVxuZXhwb3J0IGNsYXNzIE5nQXRvbWljRnJhbWVzTW9kdWxlIHtcbiAgc3RhdGljIGZvclJvb3QoKSB7XG4gICAgcmV0dXJuIHtcbiAgICAgIG5nTW9kdWxlOiBOZ0F0b21pY0ZyYW1lc01vZHVsZSxcbiAgICAgIHByb3ZpZGVyczogW1xuICAgICAgICBBcHBGcmFtZVN0b3JlLkNvbmZpZy5wcm92aWRlKCksXG4gICAgICAgIHByb3ZpZGVDb21wb25lbnQoQXBwRnJhbWVTdG9yZSwgKCkgPT4gaW1wb3J0KCdAbmctYXRvbWljL2NvbXBvbmVudHMvZnJhbWVzL2FwcCcpLnRoZW4obSA9PiBtLkFwcEZyYW1lKSksXG4gICAgICAgIENvbHVtbnNGcmFtZVN0b3JlLkNvbmZpZy5wcm92aWRlKCksXG4gICAgICAgIHByb3ZpZGVDb21wb25lbnQoQ29sdW1uc0ZyYW1lU3RvcmUsICgpID0+IGltcG9ydCgnQG5nLWF0b21pYy9jb21wb25lbnRzL2ZyYW1lcy9jb2x1bW5zJykudGhlbihtID0+IG0uQ29sdW1uc0ZyYW1lKSksXG4gICAgICAgIEZhYkZyYW1lU3RvcmUuQ29uZmlnLnByb3ZpZGUoKSxcbiAgICAgICAgcHJvdmlkZUNvbXBvbmVudChGYWJGcmFtZVN0b3JlLCAoKSA9PiBpbXBvcnQoJ0BuZy1hdG9taWMvY29tcG9uZW50cy9mcmFtZXMvZmFiJykudGhlbihtID0+IG0uRmFiRnJhbWUpKSxcbiAgICAgICAgLy8gRHJhd2VyRnJhbWVTdG9yZS5Db25maWcucHJvdmlkZSgpLFxuICAgICAgICBwcm92aWRlQ29tcG9uZW50KERyYXdlckZyYW1lU3RvcmUsICgpID0+IGltcG9ydCgnQG5nLWF0b21pYy9jb21wb25lbnRzL2ZyYW1lcy9kcmF3ZXInKS50aGVuKG0gPT4gbS5EcmF3ZXJGcmFtZSkpLFxuICAgICAgICBTaWRlTmF2RnJhbWVTdG9yZS5Db25maWcucHJvdmlkZSgpLFxuICAgICAgICBwcm92aWRlQ29tcG9uZW50KFNpZGVOYXZGcmFtZSwgKCkgPT4gaW1wb3J0KCdAbmctYXRvbWljL2NvbXBvbmVudHMvZnJhbWVzL3NpZGUtbmF2JykudGhlbihtID0+IG0uU2lkZU5hdkZyYW1lKSksXG4gICAgICAgIFJvdXRlck91dGxldEZyYW1lU3RvcmUuQ29uZmlnLnByb3ZpZGUoKSxcbiAgICAgICAgcHJvdmlkZUNvbXBvbmVudChSb3V0ZXJPdXRsZXRGcmFtZVN0b3JlLCAoKSA9PiBpbXBvcnQoJ0BuZy1hdG9taWMvY29tcG9uZW50cy9mcmFtZXMvcm91dGVyLW91dGxldCcpLnRoZW4obSA9PiBtLlJvdXRlck91dGxldEZyYW1lKSksXG4gICAgICBdXG4gICAgfTtcbiAgfVxufVxuIl19

package/esm2022/frames/line-up/index.mjs

@@ -1,2 +1,3 @@
 export * from './line-up.frame';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9AbmctYXRvbWljL2NvbXBvbmVudHMvc3JjL2xpYi9mcmFtZXMvbGluZS11cC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLGlCQUFpQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9saW5lLXVwLmZyYW1lJztcbiJdfQ==
+export * from './line-up.service';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9AbmctYXRvbWljL2NvbXBvbmVudHMvc3JjL2xpYi9mcmFtZXMvbGluZS11cC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLGlCQUFpQixDQUFDO0FBQ2hDLGNBQWMsbUJBQW1CLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2xpbmUtdXAuZnJhbWUnO1xuZXhwb3J0ICogZnJvbSAnLi9saW5lLXVwLnNlcnZpY2UnO1xuIl19

package/esm2022/frames/line-up/line-up.animations.mjs

@@ -2,13 +2,17 @@ import { animate, query, style, transition, trigger } from '@angular/animations'
 export const LINE_UP_ANIMATIONS = [
     trigger('hasNext', [
         transition(':enter', [
+            // style({ transform: 'translateX(-100%)', }),
+            // animate('300ms ease-out', style({ transform: 'translateX(0%)', })),
             query(':enter', [style({ transform: 'translateX(-100%)', })], { optional: true }),
             query(':enter', [animate('300ms ease-out', style({ transform: 'translateX(0%)', })),], { optional: true }),
         ]),
         transition(':leave', [
+            // style({transform: 'translateX(0%)'}),
+            // animate('30000ms ease-in', style({transform: 'translateX(-100%)'})),
             query(':leave', [style({ transform: 'translateX(0%)' })], { optional: true }),
             query(':leave', [animate('300ms ease-in', style({ transform: 'translateX(-100%)' }))], { optional: true }),
         ]),
     ])
 ];
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGluZS11cC5hbmltYXRpb25zLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvQG5nLWF0b21pYy9jb21wb25lbnRzL3NyYy9saWIvZnJhbWVzL2xpbmUtdXAvbGluZS11cC5hbmltYXRpb25zLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFtQixLQUFLLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBUyxNQUFNLHFCQUFxQixDQUFDO0FBRXpHLE1BQU0sQ0FBQyxNQUFNLGtCQUFrQixHQUFHO0lBQ2hDLE9BQU8sQ0FBQyxTQUFTLEVBQUU7UUFDakIsVUFBVSxDQUFDLFFBQVEsRUFBRTtZQUNuQixLQUFLLENBQUMsUUFBUSxFQUFFLENBQUMsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLG1CQUFtQixHQUFHLENBQUMsQ0FBQyxFQUFFLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxDQUFDO1lBQ2pGLEtBQUssQ0FBQyxRQUFRLEVBQUUsQ0FBQyxPQUFPLENBQUMsZ0JBQWdCLEVBQUUsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixHQUFHLENBQUMsQ0FBQyxFQUFFLEVBQUUsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLENBQUM7U0FDM0csQ0FBQztRQUNGLFVBQVUsQ0FBQyxRQUFRLEVBQUU7WUFDbkIsS0FBSyxDQUFDLFFBQVEsRUFBRSxDQUFDLEtBQUssQ0FBQyxFQUFDLFNBQVMsRUFBRSxnQkFBZ0IsRUFBQyxDQUFDLENBQUMsRUFBRSxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUsQ0FBQztZQUMzRSxLQUFLLENBQUMsUUFBUSxFQUFFLENBQUMsT0FBTyxDQUFDLGVBQWUsRUFBRSxLQUFLLENBQUMsRUFBQyxTQUFTLEVBQUUsbUJBQW1CLEVBQUMsQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUsQ0FBQztTQUN6RyxDQUFDO0tBQ0gsQ0FBQztDQUNILENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBhbmltYXRlLCBxdWVyeSwgc2VxdWVuY2UsIHN0YXRlLCBzdHlsZSwgdHJhbnNpdGlvbiwgdHJpZ2dlciwgZ3JvdXAgfSBmcm9tICdAYW5ndWxhci9hbmltYXRpb25zJztcblxuZXhwb3J0IGNvbnN0IExJTkVfVVBfQU5JTUFUSU9OUyA9IFtcbiAgdHJpZ2dlcignaGFzTmV4dCcsIFtcbiAgICB0cmFuc2l0aW9uKCc6ZW50ZXInLCBbXG4gICAgICBxdWVyeSgnOmVudGVyJywgW3N0eWxlKHsgdHJhbnNmb3JtOiAndHJhbnNsYXRlWCgtMTAwJSknLCB9KV0sIHsgb3B0aW9uYWw6IHRydWUgfSksXG4gICAgICBxdWVyeSgnOmVudGVyJywgW2FuaW1hdGUoJzMwMG1zIGVhc2Utb3V0Jywgc3R5bGUoeyB0cmFuc2Zvcm06ICd0cmFuc2xhdGVYKDAlKScsIH0pKSxdLCB7IG9wdGlvbmFsOiB0cnVlIH0pLFxuICAgIF0pLFxuICAgIHRyYW5zaXRpb24oJzpsZWF2ZScsIFtcbiAgICAgIHF1ZXJ5KCc6bGVhdmUnLCBbc3R5bGUoe3RyYW5zZm9ybTogJ3RyYW5zbGF0ZVgoMCUpJ30pXSwgeyBvcHRpb25hbDogdHJ1ZSB9KSxcbiAgICAgIHF1ZXJ5KCc6bGVhdmUnLCBbYW5pbWF0ZSgnMzAwbXMgZWFzZS1pbicsIHN0eWxlKHt0cmFuc2Zvcm06ICd0cmFuc2xhdGVYKC0xMDAlKSd9KSldLCB7IG9wdGlvbmFsOiB0cnVlIH0pLFxuICAgIF0pLFxuICBdKVxuXTtcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGluZS11cC5hbmltYXRpb25zLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvQG5nLWF0b21pYy9jb21wb25lbnRzL3NyYy9saWIvZnJhbWVzL2xpbmUtdXAvbGluZS11cC5hbmltYXRpb25zLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFtQixLQUFLLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBUyxNQUFNLHFCQUFxQixDQUFDO0FBRXpHLE1BQU0sQ0FBQyxNQUFNLGtCQUFrQixHQUFHO0lBQ2hDLE9BQU8sQ0FBQyxTQUFTLEVBQUU7UUFDakIsVUFBVSxDQUFDLFFBQVEsRUFBRTtZQUNuQiw4Q0FBOEM7WUFDOUMsc0VBQXNFO1lBQ3RFLEtBQUssQ0FBQyxRQUFRLEVBQUUsQ0FBQyxLQUFLLENBQUMsRUFBRSxTQUFTLEVBQUUsbUJBQW1CLEdBQUcsQ0FBQyxDQUFDLEVBQUUsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLENBQUM7WUFDakYsS0FBSyxDQUFDLFFBQVEsRUFBRSxDQUFDLE9BQU8sQ0FBQyxnQkFBZ0IsRUFBRSxLQUFLLENBQUMsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEdBQUcsQ0FBQyxDQUFDLEVBQUUsRUFBRSxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUsQ0FBQztTQUMzRyxDQUFDO1FBQ0YsVUFBVSxDQUFDLFFBQVEsRUFBRTtZQUNuQix3Q0FBd0M7WUFDeEMsdUVBQXVFO1lBQ3ZFLEtBQUssQ0FBQyxRQUFRLEVBQUUsQ0FBQyxLQUFLLENBQUMsRUFBQyxTQUFTLEVBQUUsZ0JBQWdCLEVBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLENBQUM7WUFDM0UsS0FBSyxDQUFDLFFBQVEsRUFBRSxDQUFDLE9BQU8sQ0FBQyxlQUFlLEVBQUUsS0FBSyxDQUFDLEVBQUMsU0FBUyxFQUFFLG1CQUFtQixFQUFDLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLENBQUM7U0FDekcsQ0FBQztLQUNILENBQUM7Q0FDSCxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgYW5pbWF0ZSwgcXVlcnksIHNlcXVlbmNlLCBzdGF0ZSwgc3R5bGUsIHRyYW5zaXRpb24sIHRyaWdnZXIsIGdyb3VwIH0gZnJvbSAnQGFuZ3VsYXIvYW5pbWF0aW9ucyc7XG5cbmV4cG9ydCBjb25zdCBMSU5FX1VQX0FOSU1BVElPTlMgPSBbXG4gIHRyaWdnZXIoJ2hhc05leHQnLCBbXG4gICAgdHJhbnNpdGlvbignOmVudGVyJywgW1xuICAgICAgLy8gc3R5bGUoeyB0cmFuc2Zvcm06ICd0cmFuc2xhdGVYKC0xMDAlKScsIH0pLFxuICAgICAgLy8gYW5pbWF0ZSgnMzAwbXMgZWFzZS1vdXQnLCBzdHlsZSh7IHRyYW5zZm9ybTogJ3RyYW5zbGF0ZVgoMCUpJywgfSkpLFxuICAgICAgcXVlcnkoJzplbnRlcicsIFtzdHlsZSh7IHRyYW5zZm9ybTogJ3RyYW5zbGF0ZVgoLTEwMCUpJywgfSldLCB7IG9wdGlvbmFsOiB0cnVlIH0pLFxuICAgICAgcXVlcnkoJzplbnRlcicsIFthbmltYXRlKCczMDBtcyBlYXNlLW91dCcsIHN0eWxlKHsgdHJhbnNmb3JtOiAndHJhbnNsYXRlWCgwJSknLCB9KSksXSwgeyBvcHRpb25hbDogdHJ1ZSB9KSxcbiAgICBdKSxcbiAgICB0cmFuc2l0aW9uKCc6bGVhdmUnLCBbXG4gICAgICAvLyBzdHlsZSh7dHJhbnNmb3JtOiAndHJhbnNsYXRlWCgwJSknfSksXG4gICAgICAvLyBhbmltYXRlKCczMDAwMG1zIGVhc2UtaW4nLCBzdHlsZSh7dHJhbnNmb3JtOiAndHJhbnNsYXRlWCgtMTAwJSknfSkpLFxuICAgICAgcXVlcnkoJzpsZWF2ZScsIFtzdHlsZSh7dHJhbnNmb3JtOiAndHJhbnNsYXRlWCgwJSknfSldLCB7IG9wdGlvbmFsOiB0cnVlIH0pLFxuICAgICAgcXVlcnkoJzpsZWF2ZScsIFthbmltYXRlKCczMDBtcyBlYXNlLWluJywgc3R5bGUoe3RyYW5zZm9ybTogJ3RyYW5zbGF0ZVgoLTEwMCUpJ30pKV0sIHsgb3B0aW9uYWw6IHRydWUgfSksXG4gICAgXSksXG4gIF0pXG5dO1xuIl19

package/esm2022/frames/line-up/line-up.frame.mjs

@@ -1,112 +1,88 @@
-import { ChangeDetectionStrategy, Component, ElementRef, HostBinding, Injectable, Input, ViewChild, inject } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { takeUntilDestroyed, toSignal } from '@angular/core/rxjs-interop';
-import { interval, Subject } from 'rxjs';
-import { distinctUntilChanged, filter, map, scan, shareReplay, switchMap } from 'rxjs/operators';
+import { ChangeDetectionStrategy, Component, Directive, ElementRef, PLATFORM_ID, inject, input, viewChild } from '@angular/core';
+import { isPlatformBrowser } from '@angular/common';
+import { takeUntilDestroyed, toObservable } from '@angular/core/rxjs-interop';
+import { distinctUntilChanged, filter, map, startWith, switchMap } from 'rxjs/operators';
 import { LINE_UP_ANIMATIONS } from './line-up.animations';
+import { LineUpFrameService } from './line-up.service';
+import { fromResize } from './resize-observer';
+import { combineLatest, fromEvent, of } from 'rxjs';
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-export class LineUpFrameService {
+export class LineUpFrameStore {
     constructor() {
-        this.frames = [];
-        this.entries$ = new Subject();
-        this.sizeMap$ = this.entries$.pipe(scan((acc, value) => {
-            if (value.type === 'remove') {
-                const map = acc.get(value.scope);
-                map?.delete(value.index);
-                if (map?.size === 0)
-                    acc.delete(value.scope);
-                return acc;
-            }
-            else {
-                const map = acc.get(value.scope) ?? new Map();
-                map.set(value.index, value.mainWidth);
-                acc.set(value.scope, map);
-                return acc;
-            }
-        }, new Map()), filter((map) => [...map.values()].map(map => [...map.keys()]).flat().length === this.frames.length), shareReplay(1));
-        this.sizeMap = toSignal(this.sizeMap$);
+        this.scope = input('default');
+        this.hasNext = input(false);
     }
-    mapToContentWidth(scope, index) {
-        return this.sizeMap$.pipe(map((map) => map.get(scope) ?? new Map()), map((map) => {
-            const keys = [...map.keys()].filter(key => key >= index);
-            return keys.reduce((acc, key) => map.get(key) + acc, 0);
-        }), distinctUntilChanged(), shareReplay(1));
-    }
-    register(frame, mainWidth) {
-        this.frames.push(frame);
-    }
-    update(frame, mainWidth) {
-        this.entries$.next({ type: 'add', scope: frame.scope, index: frame.index, mainWidth });
-    }
-    unregister(frame) {
-        const index = this.findIndex(frame);
-        this.frames = this.frames.filter((value) => value !== frame);
-        this.entries$.next({ type: 'remove', scope: frame.scope, index });
-    }
-    findIndex(frame) {
-        return this.frames.findIndex((value) => value === frame);
-    }
-    isFirst(frame) {
-        const index = this.findIndex(frame);
-        const keys = [...(this.sizeMap().get(frame.scope) ?? new Map()).keys()];
-        return Math.min(...keys) === index;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LineUpFrameService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LineUpFrameService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: LineUpFrameStore, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.2.2", type: LineUpFrameStore, isStandalone: true, selector: "frames-line-up", inputs: { scope: { classPropertyName: "scope", publicName: "scope", isSignal: true, isRequired: false, transformFunction: null }, hasNext: { classPropertyName: "hasNext", publicName: "hasNext", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LineUpFrameService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: LineUpFrameStore, decorators: [{
+            type: Directive,
+            args: [{ standalone: true, selector: 'frames-line-up' }]
         }] });
 export class LineUpFrame {
     constructor() {
+        this.store = inject(LineUpFrameStore);
         this.service = inject(LineUpFrameService);
         this.el = inject(ElementRef);
-        this.scope = 'default';
-        // TODO(@nontangent): interval is not the best way to do this
-        this.mainWidth$ = interval(500).pipe(filter(() => !!this.mainEl), map(() => this.mainEl.nativeElement.clientWidth), distinctUntilChanged(), takeUntilDestroyed());
-        this.width$ = this.service.sizeMap$.pipe(switchMap(() => this.service.mapToContentWidth(this.scope, this.index)), distinctUntilChanged(), takeUntilDestroyed());
-    }
-    get index() {
-        return this.service.findIndex(this);
+        this.platformId = inject(PLATFORM_ID);
+        this.resizeWindow$ = of(null).pipe(switchMap(() => {
+            return isPlatformBrowser(this.platformId)
+                ? fromEvent(window, 'resize').pipe(startWith(null))
+                : of(null);
+        }));
+        this.elWidth$ = this.resizeWindow$.pipe(switchMap(() => fromResize(this.el).pipe(startWith(null))), map(() => this.el.nativeElement?.clientWidth ?? 0), takeUntilDestroyed());
+        this.main = viewChild('main', { read: ElementRef });
+        this.main$ = toObservable(this.main);
+        this.mainWidth$ = combineLatest({
+            main: this.main$,
+            resize: this.resizeWindow$
+        }).pipe(switchMap(({ main }) => fromResize(main).pipe(startWith(null))), map(() => this.main()), map((main) => main?.nativeElement?.clientWidth ?? 0), takeUntilDestroyed());
+        this.allWidth$ = combineLatest({
+            map: this.service.sizeMap$,
+            window: this.resizeWindow$
+        }).pipe(map(() => this.service.getFollowingWidth(this.store.scope(), this)), takeUntilDestroyed());
+        this.delta$ = combineLatest({
+            el: this.elWidth$,
+            all: this.allWidth$,
+        }).pipe(filter(() => this.service.isFirst(this, this.store.scope())), map(({ el, all }) => Math.min(el - all, 0)), distinctUntilChanged(), takeUntilDestroyed());
     }
     ngOnInit() {
-        this.service.register(this, 0);
+        this.service.register(this, this.store.scope());
     }
     ngAfterViewInit() {
-        this.mainWidth$.subscribe((width) => this.service.update(this, width));
-        this.width$.pipe(filter(() => this.service.isFirst(this))).subscribe((width) => {
-            const delta = this.el.nativeElement.clientWidth - width;
-            this.el.nativeElement.style.setProperty('--translate-x', `${Math.min(delta, 0)}px`);
-        });
+        if (isPlatformBrowser(this.platformId)) {
+            this.mainWidth$.subscribe((width) => this.service.update(this, width, this.store.scope()));
+            this.delta$.subscribe((delta) => this.setTranslateX(delta));
+        }
     }
     ngOnDestroy() {
-        this.service.unregister(this);
+        this.service.unregister(this, this.store.scope());
+    }
+    setTranslateX(value) {
+        this.el.nativeElement.style.setProperty('--translate-x', `${value}px`);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: LineUpFrame, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.2", type: LineUpFrame, isStandalone: true, selector: "frames-line-up", host: { attributes: { "attr.has-next": "store.hasNext()" } }, viewQueries: [{ propertyName: "main", first: true, predicate: ["main"], descendants: true, read: ElementRef, isSignal: true }], hostDirectives: [{ directive: LineUpFrameStore, inputs: ["scope", "scope", "hasNext", "hasNext"] }], ngImport: i0, template: `
+    <div class="main" #main><ng-content select=[main] /></div>
+    @if (store.hasNext()) {
+      <div class="next" @hasNext><ng-content select=[next] /></div>
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LineUpFrame, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: LineUpFrame, isStandalone: true, selector: "frames-line-up", inputs: { hasNext: "hasNext", scope: "scope" }, host: { properties: { "attr.has-next": "this.hasNext" } }, viewQueries: [{ propertyName: "mainEl", first: true, predicate: ["main"], descendants: true }], ngImport: i0, template: `
-    <div class="main content" #main><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{--gap: 0px;--gap-SCOPED-IN-line-up-Dwbt: var(--gap);--background: #ccc;--background-SCOPED-IN-line-up-Dwbt: var(--background);--next-width: 100%;--next-width-SCOPED-IN-line-up-Dwbt: var(--next-width);--next-max-width: fit-content;--next-max-width-SCOPED-IN-line-up-Dwbt: var(--next-max-width);--translate-x: 0px;--translate-x-SCOPED-IN-line-up-Dwbt: var(--translate-x)}:host{position:relative;transform:translate(var(--translate-x-SCOPED-IN-line-up-Dwbt));transition:transform .3s ease-in-out;display:flex;justify-content:start;gap:var(--gap-SCOPED-IN-line-up-Dwbt);width:100%;height:100%;background:var(--background-SCOPED-IN-line-up-Dwbt)}:host .main{max-width:100%;height:100%;z-index:2}:host .next{width:100%;height:100%;z-index:1}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], animations: LINE_UP_ANIMATIONS, changeDetection: i0.ChangeDetectionStrategy.Default }); }
+  `, isInline: true, styles: [":host{--gap: 0px;--gap-SCOPED-IN-line-up-9NS9: var(--gap);--background-color: #ccc;--background-color-SCOPED-IN-line-up-9NS9: var(--background-color);--next-width: 100%;--next-width-SCOPED-IN-line-up-9NS9: var(--next-width);--next-max-width: fit-content;--next-max-width-SCOPED-IN-line-up-9NS9: var(--next-max-width);--translate-x: 0px;--translate-x-SCOPED-IN-line-up-9NS9: var(--translate-x)}:host{position:relative;transform:translate(var(--translate-x-SCOPED-IN-line-up-9NS9));transition:transform .3s ease-in-out;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-line-up-9NS9);width:100%;height:100%}:host .main{max-width:100%;height:100%;z-index:2}:host .next{width:100%;height:100%;z-index:1}\n"], animations: LINE_UP_ANIMATIONS, changeDetection: i0.ChangeDetectionStrategy.Default }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LineUpFrame, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: LineUpFrame, decorators: [{
             type: Component,
-            args: [{ standalone: true, imports: [
-                        CommonModule,
-                    ], selector: 'frames-line-up', template: `
-    <div class="main content" #main><ng-content select=[main]></ng-content></div>
-    <div class="next content" *ngIf="hasNext" @hasNext><ng-content select=[next]></ng-content></div>
-  `, changeDetection: ChangeDetectionStrategy.Default, animations: LINE_UP_ANIMATIONS, styles: [":host{--gap: 0px;--gap-SCOPED-IN-line-up-Dwbt: var(--gap);--background: #ccc;--background-SCOPED-IN-line-up-Dwbt: var(--background);--next-width: 100%;--next-width-SCOPED-IN-line-up-Dwbt: var(--next-width);--next-max-width: fit-content;--next-max-width-SCOPED-IN-line-up-Dwbt: var(--next-max-width);--translate-x: 0px;--translate-x-SCOPED-IN-line-up-Dwbt: var(--translate-x)}:host{position:relative;transform:translate(var(--translate-x-SCOPED-IN-line-up-Dwbt));transition:transform .3s ease-in-out;display:flex;justify-content:start;gap:var(--gap-SCOPED-IN-line-up-Dwbt);width:100%;height:100%;background:var(--background-SCOPED-IN-line-up-Dwbt)}:host .main{max-width:100%;height:100%;z-index:2}:host .next{width:100%;height:100%;z-index:1}\n"] }]
-        }], propDecorators: { hasNext: [{
-                type: HostBinding,
-                args: ['attr.has-next']
-            }, {
-                type: Input
-            }], scope: [{
-                type: Input
-            }], mainEl: [{
-                type: ViewChild,
-                args: ['main', { static: false }]
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGluZS11cC5mcmFtZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL0BuZy1hdG9taWMvY29tcG9uZW50cy9zcmMvbGliL2ZyYW1lcy9saW5lLXVwL2xpbmUtdXAuZnJhbWUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFxQixTQUFTLEVBQUUsVUFBVSxFQUFFLFdBQVcsRUFBRSxVQUFVLEVBQUUsS0FBSyxFQUFxQixTQUFTLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3hLLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsUUFBUSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDMUUsT0FBTyxFQUFFLFFBQVEsRUFBRSxPQUFPLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDekMsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sRUFBRSxHQUFHLEVBQUUsSUFBSSxFQUFFLFdBQVcsRUFBYSxTQUFTLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQztBQUMzRyxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQzs7O0FBVzFELE1BQU0sT0FBTyxrQkFBa0I7SUFEL0I7UUFFRSxXQUFNLEdBQWtCLEVBQUUsQ0FBQztRQUVsQixhQUFRLEdBQUcsSUFBSSxPQUFPLEVBQW9CLENBQUM7UUFDM0MsYUFBUSxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUNwQyxJQUFJLENBQUMsQ0FBQyxHQUFHLEVBQUUsS0FBSyxFQUFFLEVBQUU7WUFDbEIsSUFBSSxLQUFLLENBQUMsSUFBSSxLQUFLLFFBQVEsRUFBRTtnQkFDM0IsTUFBTSxHQUFHLEdBQUcsR0FBRyxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7Z0JBQ2pDLEdBQUcsRUFBRSxNQUFNLENB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Q0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsT0FBTyxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUNoQyxDQUFDOytHQTlDVSxXQUFXO21HQUFYLFdBQVcscVJBUlo7OztHQUdULGd6QkFOQyxZQUFZLHFIQVNGLGtCQUFrQjs7NEZBRW5CLFdBQVc7a0JBZHZCLFNBQVM7aUNBQ0ksSUFBSSxXQUNQO3dCQUNQLFlBQVk7cUJBQ2IsWUFDUyxnQkFBZ0IsWUFDaEI7OztHQUdULG1CQUVnQix1QkFBdUIsQ0FBQyxPQUFPLGNBQ3BDLGtCQUFrQjs4QkFROUIsT0FBTztzQkFGTixXQUFXO3VCQUFDLGVBQWU7O3NCQUMzQixLQUFLO2dCQUlOLEtBQUs7c0JBREosS0FBSztnQkFJSSxNQUFNO3NCQURmLFNBQVM7dUJBQUMsTUFBTSxFQUFFLEVBQUMsTUFBTSxFQUFFLEtBQUssRUFBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDaGFuZ2VEZXRlY3RvclJlZiwgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBIb3N0QmluZGluZywgSW5qZWN0YWJsZSwgSW5wdXQsIE9uRGVzdHJveSwgT25Jbml0LCBWaWV3Q2hpbGQsIGluamVjdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IHRha2VVbnRpbERlc3Ryb3llZCwgdG9TaWduYWwgfSBmcm9tICdAYW5ndWxhci9jb3JlL3J4anMtaW50ZXJvcCc7XG5pbXBvcnQgeyBpbnRlcnZhbCwgU3ViamVjdCB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgZGlzdGluY3RVbnRpbENoYW5nZWQsIGZpbHRlciwgbWFwLCBzY2FuLCBzaGFyZVJlcGxheSwgc3RhcnRXaXRoLCBzd2l0Y2hNYXB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcbmltcG9ydCB7IExJTkVfVVBfQU5JTUFUSU9OUyB9IGZyb20gJy4vbGluZS11cC5hbmltYXRpb25zJztcbmltcG9ydCB7IGZyb21SZXNpemUgfSBmcm9tICcuL3Jlc2l6ZS1vYnNlcnZlcic7XG5cbmV4cG9ydCBpbnRlcmZhY2UgTGluZVVwRnJhbWVFbnRyeSB7XG4gIHR5cGU6ICdhZGQnIHwgJ3JlbW92ZSc7XG4gIHNjb3BlOiBzdHJpbmc7XG4gIGluZGV4OiBudW1iZXI7XG4gIG1haW5XaWR0aD86IG51bWJlcjtcbn1cblxuQEluamVjdGFibGUoe3Byb3ZpZGVkSW46ICdyb290J30pXG5leHBvcnQgY2xhc3MgTGluZVVwRnJhbWVTZXJ2aWNlIHtcbiAgZnJhbWVzOiBMaW5lVXBGcmFtZVtdID0gW107XG5cbiAgcmVhZG9ubHkgZW50cmllcyQgPSBuZXcgU3ViamVjdDxMaW5lVXBGcmFtZUVudHJ5PigpO1xuICByZWFkb25seSBzaXplTWFwJCA9IHRoaXMuZW50cmllcyQucGlwZShcbiAgICBzY2FuKChhY2MsIHZhbHVlKSA9PiB7XG4gICAgICBpZiAodmFsdWUudHlwZSA9PT0gJ3JlbW92ZScpIHtcbiAgICAgICAgY29uc3QgbWFwID0gYWNjLmdldCh2YWx1ZS5zY29wZSk7XG4gICAgICAgIG1hcD8uZGVsZXRlKHZhbHVlLmluZGV4KTtcbiAgICAgICAgaWYgKG1hcD8uc2l6ZSA9PT0gMCkgYWNjLmRlbGV0ZSh2YWx1ZS5zY29wZSk7XG4gICAgICAgIHJldHVybiBhY2M7XG4gICAgICB9IGVsc2Uge1xuICAgICAgICBjb25zdCBtYXAgPSBhY2MuZ2V0KHZhbHVlLnNjb3BlKSA/PyBuZXcgTWFwPG51bWJlciwgbnVtYmVyPigpO1xuICAgICAgICBtYXAuc2V0KHZhbHVlLmluZGV4LCB2YWx1ZS5tYWluV2lkdGgpO1xuICAgICAgICBhY2Muc2V0KHZhbHVlLnNjb3BlLCBtYXApO1xuICAgICAgICByZXR1cm4gYWNjO1xuICAgICAgfVxuICAgIH0sIG5ldyBNYXAoKSBhcyBNYXA8c3RyaW5nLCBNYXA8bnVtYmVyLCBudW1iZXI+PiksXG4gICAgZmlsdGVyKChtYXApID0+IFsuLi5tYXAudmFsdWVzKCldLm1hcChtYXAgPT4gWy4uLm1hcC5rZXlzKCldKS5mbGF0KCkubGVuZ3RoID09PSB0aGlzLmZyYW1lcy5sZW5ndGgpLFxuICAgIHNoYXJlUmVwbGF5KDEpLFxuICApO1xuICByZWFkb25seSBzaXplTWFwID0gdG9TaWduYWwodGhpcy5zaXplTWFwJCk7XG5cbiAgbWFwVG9Db250ZW50V2lkdGgoc2NvcGU6IHN0cmluZywgaW5kZXg6IG51bWJlcikge1xuICAgIHJldHVybiB0aGlzLnNpemVNYXAkLnBpcGUoXG4gICAgICBtYXAoKG1hcCkgPT4gbWFwLmdldChzY29wZSkgPz8gbmV3IE1hcDxudW1iZXIsIG51bWJlcj4oKSksXG4gICAgICBtYXAoKG1hcCkgPT4ge1xuICAgICAgICBjb25zdCBrZXlzID0gWy4uLm1hcC5rZXlzKCldLmZpbHRlcihrZXkgPT4ga2V5ID49IGluZGV4KTtcbiAgICAgICAgcmV0dXJuIGtleXMucmVkdWNlKChhY2MsIGtleSkgPT4gbWFwLmdldChrZXkpICsgYWNjLCAwKTtcbiAgICAgIH0pLFxuICAgICAgZGlzdGluY3RVbnRpbENoYW5nZWQoKSxcbiAgICAgIHNoYXJlUmVwbGF5KDEpLFxuICAgICk7XG4gIH1cblxuICByZWdpc3RlcihmcmFtZTogTGluZVVwRnJhbWUsIG1haW5XaWR0aD86IG51bWJlcikge1xuICAgIHRoaXMuZnJhbWVzLnB1c2goZnJhbWUpO1xuICB9XG5cbiAgdXBkYXRlKGZyYW1lOiBMaW5lVXBGcmFtZSwgbWFpbldpZHRoOiBudW1iZXIpIHtcbiAgICB0aGlzLmVudHJpZXMkLm5leHQoe3R5cGU6ICdhZGQnLCBzY29wZTogZnJhbWUuc2NvcGUsIGluZGV4OiBmcmFtZS5pbmRleCwgbWFpbldpZHRofSk7XG4gIH1cblxuICB1bnJlZ2lzdGVyKGZyYW1lOiBMaW5lVXBGcmFtZSkge1xuICAgIGNvbnN0IGluZGV4ID0gdGhpcy5maW5kSW5kZXgoZnJhbWUpO1xuICAgIHRoaXMuZnJhbWVzID0gdGhpcy5mcmFtZXMuZmlsdGVyKCh2YWx1ZSkgPT4gdmFsdWUgIT09IGZyYW1lKTtcbiAgICB0aGlzLmVudHJpZXMkLm5leHQoe3R5cGU6ICdyZW1vdmUnLCBzY29wZTogZnJhbWUuc2NvcGUsIGluZGV4fSk7XG4gIH1cblxuICBmaW5kSW5kZXgoZnJhbWU6IExpbmVVcEZyYW1lKTogbnVtYmVyIHtcbiAgICByZXR1cm4gdGhpcy5mcmFtZXMuZmluZEluZGV4KCh2YWx1ZSkgPT4gdmFsdWUgPT09IGZyYW1lKTtcbiAgfVxuXG4gIGlzRmlyc3QoZnJhbWU6IExpbmVVcEZyYW1lKTogYm9vbGVhbiB7XG4gICAgY29uc3QgaW5kZXggPSB0aGlzLmZpbmRJbmRleChmcmFtZSk7XG4gICAgY29uc3Qga2V5cyA9IFsuLi4odGhpcy5zaXplTWFwKCkuZ2V0KGZyYW1lLnNjb3BlKSA/PyBuZXcgTWFwKCkpLmtleXMoKV07XG4gICAgcmV0dXJuIE1hdGgubWluKC4uLmtleXMpID09PSBpbmRleDtcbiAgfVxufVxuXG5AQ29tcG9uZW50KHtcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgXSxcbiAgc2VsZWN0b3I6ICdmcmFtZXMtbGluZS11cCcsXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdiBjbGFzcz1cIm1haW4gY29udGVudFwiICNtYWluPjxuZy1jb250ZW50IHNlbGVjdD1bbWFpbl0+PC9uZy1jb250ZW50PjwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJuZXh0IGNvbnRlbnRcIiAqbmdJZj1cImhhc05leHRcIiBAaGFzTmV4dD48bmctY29udGVudCBzZWxlY3Q9W25leHRdPjwvbmctY29udGVudD48L2Rpdj5cbiAgYCxcbiAgc3R5bGVVcmxzOiBbJy4vbGluZS11cC5mcmFtZS5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuRGVmYXVsdCxcbiAgYW5pbWF0aW9uczogTElORV9VUF9BTklNQVRJT05TLFxufSlcbmV4cG9ydCBjbGFzcyBMaW5lVXBGcmFtZSBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcbiAgcHJpdmF0ZSBzZXJ2aWNlID0gaW5qZWN0KExpbmVVcEZyYW1lU2VydmljZSk7XG4gIHByaXZhdGUgZWwgPSBpbmplY3QoRWxlbWVudFJlZik7XG5cbiAgQEhvc3RCaW5kaW5nKCdhdHRyLmhhcy1uZXh0JylcbiAgQElucHV0KClcbiAgaGFzTmV4dDogYm9vbGVhblxuXG4gIEBJbnB1dCgpXG4gIHNjb3BlID0gJ2RlZmF1bHQnO1xuXG4gIEBWaWV3Q2hpbGQoJ21haW4nLCB7c3RhdGljOiBmYWxzZX0pXG4gIHByb3RlY3RlZCBtYWluRWwhOiBFbGVtZW50UmVmO1xuXG4gIC8vIFRPRE8oQG5vbnRhbmdlbnQpOiBpbnRlcnZhbCBpcyBub3QgdGhlIGJlc3Qgd2F5IHRvIGRvIHRoaXNcbiAgcmVhZG9ubHkgbWFpbldpZHRoJCA9IGludGVydmFsKDUwMCkucGlwZShcbiAgICBmaWx0ZXIoKCkgPT4gISF0aGlzLm1haW5FbCksXG4gICAgbWFwKCgpID0+IHRoaXMubWFpbkVsLm5hdGl2ZUVsZW1lbnQuY2xpZW50V2lkdGgpLFxuICAgIGRpc3RpbmN0VW50aWxDaGFuZ2VkKCksXG4gICAgdGFrZVVudGlsRGVzdHJveWVkKCksXG4gICk7XG5cbiAgcmVhZG9ubHkgd2lkdGgkID0gdGhpcy5zZXJ2aWNlLnNpemVNYXAkLnBpcGUoXG4gICAgc3dpdGNoTWFwKCgpID0+IHRoaXMuc2VydmljZS5tYXBUb0NvbnRlbnRXaWR0aCh0aGlzLnNjb3BlLCB0aGlzLmluZGV4KSksXG4gICAgZGlzdGluY3RVbnRpbENoYW5nZWQoKSxcbiAgICB0YWtlVW50aWxEZXN0cm95ZWQoKSxcbiAgKTtcblxuICBnZXQgaW5kZXgoKTogbnVtYmVyIHtcbiAgICByZXR1cm4gdGhpcy5zZXJ2aWNlLmZpbmRJbmRleCh0aGlzKTtcbiAgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuc2VydmljZS5yZWdpc3Rlcih0aGlzLCAwKTtcbiAgfVxuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLm1haW5XaWR0aCQuc3Vic2NyaWJlKCh3aWR0aCkgPT4gdGhpcy5zZXJ2aWNlLnVwZGF0ZSh0aGlzLCB3aWR0aCkpO1xuICAgIHRoaXMud2lkdGgkLnBpcGUoZmlsdGVyKCgpID0+IHRoaXMuc2VydmljZS5pc0ZpcnN0KHRoaXMpKSkuc3Vic2NyaWJlKCh3aWR0aCkgPT4ge1xuICAgICAgY29uc3QgZGVsdGEgPSB0aGlzLmVsLm5hdGl2ZUVsZW1lbnQuY2xpZW50V2lkdGggLSB3aWR0aDtcbiAgICAgIHRoaXMuZWwubmF0aXZlRWxlbWVudC5zdHlsZS5zZXRQcm9wZXJ0eSgnLS10cmFuc2xhdGUteCcsIGAke01hdGgubWluKGRlbHRhLCAwKX1weGApO1xuICAgIH0pO1xuICB9XG5cbiAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgdGhpcy5zZXJ2aWNlLnVucmVnaXN0ZXIodGhpcyk7XG4gIH1cbn1cbiJdfQ==
+            args: [{ standalone: true, imports: [], selector: 'frames-line-up', template: `
+    <div class="main" #main><ng-content select=[main] /></div>
+    @if (store.hasNext()) {
+      <div class="next" @hasNext><ng-content select=[next] /></div>
+    }
+  `, changeDetection: ChangeDetectionStrategy.Default, animations: LINE_UP_ANIMATIONS, hostDirectives: [
+                        {
+                            directive: LineUpFrameStore,
+                            inputs: ['scope', 'hasNext'],
+                        },
+                    ], host: {
+                        'attr.has-next': 'store.hasNext()',
+                    }, styles: [":host{--gap: 0px;--gap-SCOPED-IN-line-up-9NS9: var(--gap);--background-color: #ccc;--background-color-SCOPED-IN-line-up-9NS9: var(--background-color);--next-width: 100%;--next-width-SCOPED-IN-line-up-9NS9: var(--next-width);--next-max-width: fit-content;--next-max-width-SCOPED-IN-line-up-9NS9: var(--next-max-width);--translate-x: 0px;--translate-x-SCOPED-IN-line-up-9NS9: var(--translate-x)}:host{position:relative;transform:translate(var(--translate-x-SCOPED-IN-line-up-9NS9));transition:transform .3s ease-in-out;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-line-up-9NS9);width:100%;height:100%}:host .main{max-width:100%;height:100%;z-index:2}:host .next{width:100%;height:100%;z-index:1}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGluZS11cC5mcmFtZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL0BuZy1hdG9taWMvY29tcG9uZW50cy9zcmMvbGliL2ZyYW1lcy9saW5lLXVwL2xpbmUtdXAuZnJhbWUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFxQixXQUFXLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDcEosT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDcEQsT0FBTyxFQUFFLGtCQUFrQixFQUFFLFlBQVksRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQzlFLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLEVBQUUsR0FBRyxFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUN6RixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUMxRCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUN2RCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDL0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxTQUFTLEVBQUUsRUFBRSxFQUFFLE1BQU0sTUFBTSxDQUFDOztBQUdwRCxNQUFNLE9BQU8sZ0JBQWdCO0lBRDdCO1FBRVcsVUFBSyxHQUFHLEtBQUssQ0FBQyxTQUFTLENBQUMsQ0FBQztRQUN6QixZQUFPLEdBQUcsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDO0tBQ2pDOzhHQUhZLGdCQUFnQjtrR0FBaEIsZ0JBQWdCOzsyRkFBaEIsZ0JBQWdCO2tCQUQ1QixTQUFTO21CQUFDLEVBQUMsVUFBVSxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsZ0JBQWdCLEVBQUM7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bUJBRWdCLHVCQUF1QixDQUFDLE9BQU8sY0FDcEMsa0JBQWtCLGtCQUNkO3dCQUNkOzRCQUNFLFNBQVMsRUFBRSxnQkFBZ0I7NEJBQzNCLE1BQU0sRUFBRSxDQUFDLE9BQU8sRUFBRSxTQUFTLENBQUM7eUJBQzdCO3FCQUNGLFFBQ0s7d0JBQ0osZUFBZSxFQUFFLGlCQUFpQjtxQkFDbkMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBEaXJlY3RpdmUsIEVsZW1lbnRSZWYsIE9uRGVzdHJveSwgT25Jbml0LCBQTEFURk9STV9JRCwgaW5qZWN0LCBpbnB1dCwgdmlld0NoaWxkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBpc1BsYXRmb3JtQnJvd3NlciB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyB0YWtlVW50aWxEZXN0cm95ZWQsIHRvT2JzZXJ2YWJsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUvcnhqcy1pbnRlcm9wJztcbmltcG9ydCB7IGRpc3RpbmN0VW50aWxDaGFuZ2VkLCBmaWx0ZXIsIG1hcCwgc3RhcnRXaXRoLCBzd2l0Y2hNYXAgfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XG5pbXBvcnQgeyBMSU5FX1VQX0FOSU1BVElPTlMgfSBmcm9tICcuL2xpbmUtdXAuYW5pbWF0aW9ucyc7XG5pbXBvcnQgeyBMaW5lVXBGcmFtZVNlcnZpY2UgfSBmcm9tICcuL2xpbmUtdXAuc2VydmljZSc7XG5pbXBvcnQgeyBmcm9tUmVzaXplIH0gZnJvbSAnLi9yZXNpemUtb2JzZXJ2ZXInO1xuaW1wb3J0IHsgY29tYmluZUxhdGVzdCwgZnJvbUV2ZW50LCBvZiB9IGZyb20gJ3J4anMnO1xuXG5ARGlyZWN0aXZlKHtzdGFuZGFsb25lOiB0cnVlLCBzZWxlY3RvcjogJ2ZyYW1lcy1saW5lLXVwJ30pXG5leHBvcnQgY2xhc3MgTGluZVVwRnJhbWVTdG9yZSB7XG4gIHJlYWRvbmx5IHNjb3BlID0gaW5wdXQoJ2RlZmF1bHQnKTtcbiAgcmVhZG9ubHkgaGFzTmV4dCA9IGlucHV0KGZhbHNlKTtcbn1cblxuQENvbXBvbmVudCh7XG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtdLFxuICBzZWxlY3RvcjogJ2ZyYW1lcy1saW5lLXVwJyxcbiAgdGVtcGxhdGU6IGBcbiAgICA8ZGl2IGNsYXNzPVwibWFpblwiICNtYWluPjxuZy1jb250ZW50IHNlbGVjdD1bbWFpbl0gLz48L2Rpdj5cbiAgICBAaWYgKHN0b3JlLmhhc05leHQoKSkge1xuICAgICAgPGRpdiBjbGFzcz1cIm5leHRcIiBAaGFzTmV4dD48bmctY29udGVudCBzZWxlY3Q9W25leHRdIC8+PC9kaXY+XG4gICAgfVxuICBgLFxuICBzdHlsZVVybHM6IFsnLi9saW5lLXVwLmZyYW1lLnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5EZWZhdWx0LFxuICBhbmltYXRpb25zOiBMSU5FX1VQX0FOSU1BVElPTlMsXG4gIGhvc3REaXJlY3RpdmVzOiBbXG4gICAge1xuICAgICAgZGlyZWN0aXZlOiBMaW5lVXBGcmFtZVN0b3JlLFxuICAgICAgaW5wdXRzOiBbJ3Njb3BlJywgJ2hhc05leHQnXSxcbiAgICB9LFxuICBdLFxuICBob3N0OiB7XG4gICAgJ2F0dHIuaGFzLW5leHQnOiAnc3RvcmUuaGFzTmV4dCgpJyxcbiAgfVxufSlcbmV4cG9ydCBjbGFzcyBMaW5lVXBGcmFtZSBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcbiAgcHJvdGVjdGVkIHN0b3JlID0gaW5qZWN0KExpbmVVcEZyYW1lU3RvcmUpO1xuICBwcml2YXRlIHNlcnZpY2UgPSBpbmplY3QoTGluZVVwRnJhbWVTZXJ2aWNlKTtcbiAgcHJpdmF0ZSBlbCA9IGluamVjdChFbGVtZW50UmVmKTtcbiAgcHJpdmF0ZSBwbGF0Zm9ybUlkID0gaW5qZWN0KFBMQVRGT1JNX0lEKTtcblxuICByZWFkb25seSByZXNpemVXaW5kb3ckID0gb2YobnVsbCkucGlwZShcbiAgICBzd2l0Y2hNYXAoKCkgPT4ge1xuICAgICAgcmV0dXJuIGlzUGxhdGZvcm1Ccm93c2VyKHRoaXMucGxhdGZvcm1JZClcbiAgICAgICAgPyBmcm9tRXZlbnQod2luZG93LCAncmVzaXplJykucGlwZShzdGFydFdpdGgobnVsbCkpXG4gICAgICAgIDogb2YobnVsbCk7XG4gICAgfSksXG4gIClcblxuICByZWFkb25seSBlbFdpZHRoJCA9IHRoaXMucmVzaXplV2luZG93JC5waXBlKFxuICAgIHN3aXRjaE1hcCgoKSA9PiBmcm9tUmVzaXplKHRoaXMuZWwpLnBpcGUoc3RhcnRXaXRoKG51bGwpKSksXG4gICAgbWFwKCgpID0+IHRoaXMuZWwubmF0aXZlRWxlbWVudD8uY2xpZW50V2lkdGggPz8gMCksXG4gICAgdGFrZVVudGlsRGVzdHJveWVkKCksXG4gICk7XG4gIFxuICByZWFkb25seSBtYWluID0gdmlld0NoaWxkKCdtYWluJywge3JlYWQ6IEVsZW1lbnRSZWZ9KTtcbiAgcmVhZG9ubHkgbWFpbiQgPSB0b09ic2VydmFibGUodGhpcy5tYWluKTtcbiAgcmVhZG9ubHkgbWFpbldpZHRoJCA9IGNvbWJpbmVMYXRlc3Qoe1xuICAgIG1haW46IHRoaXMubWFpbiQsXG4gICAgcmVzaXplOiB0aGlzLnJlc2l6ZVdpbmRvdyRcbiAgfSkucGlwZShcbiAgICBzd2l0Y2hNYXAoKHttYWlufSkgPT4gZnJvbVJlc2l6ZShtYWluKS5waXBlKHN0YXJ0V2l0aChudWxsKSkpLFxuICAgIG1hcCgoKSA9PiB0aGlzLm1haW4oKSksXG4gICAgbWFwKChtYWluKSA9PiBtYWluPy5uYXRpdmVFbGVtZW50Py5jbGllbnRXaWR0aCA/PyAwKSxcbiAgICB0YWtlVW50aWxEZXN0cm95ZWQoKSxcbiAgKTtcbiAgcmVhZG9ubHkgYWxsV2lkdGgkID0gY29tYmluZUxhdGVzdCh7XG4gICAgbWFwOiB0aGlzLnNlcnZpY2Uuc2l6ZU1hcCQsXG4gICAgd2luZG93OiB0aGlzLnJlc2l6ZVdpbmRvdyRcbiAgfSkgLnBpcGUoXG4gICAgbWFwKCgpID0+IHRoaXMuc2VydmljZS5nZXRGb2xsb3dpbmdXaWR0aCh0aGlzLnN0b3JlLnNjb3BlKCksIHRoaXMpKSxcbiAgICB0YWtlVW50aWxEZXN0cm95ZWQoKSxcbiAgKTtcblxuICByZWFkb25seSBkZWx0YSQgPSBjb21iaW5lTGF0ZXN0KHtcbiAgICBlbDogdGhpcy5lbFdpZHRoJCxcbiAgICBhbGw6IHRoaXMuYWxsV2lkdGgkLFxuICB9KS5waXBlKFxuICAgIGZpbHRlcigoKSA9PiB0aGlzLnNlcnZpY2UuaXNGaXJzdCh0aGlzLCB0aGlzLnN0b3JlLnNjb3BlKCkpKSxcbiAgICBtYXAoKHtlbCwgYWxsfSkgPT4gTWF0aC5taW4oZWwgLSBhbGwsIDApKSxcbiAgICBkaXN0aW5jdFVudGlsQ2hhbmdlZCgpLFxuICAgIHRha2VVbnRpbERlc3Ryb3llZCgpLFxuICApO1xuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuc2VydmljZS5yZWdpc3Rlcih0aGlzLCB0aGlzLnN0b3JlLnNjb3BlKCkpO1xuICB9XG5cbiAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xuICAgIGlmIChpc1BsYXRmb3JtQnJvd3Nlcih0aGlzLnBsYXRmb3JtSWQpKSB7XG4gICAgICB0aGlzLm1haW5XaWR0aCQuc3Vic2NyaWJlKCh3aWR0aCkgPT4gdGhpcy5zZXJ2aWNlLnVwZGF0ZSh0aGlzLCB3aWR0aCwgdGhpcy5zdG9yZS5zY29wZSgpKSk7XG4gICAgICB0aGlzLmRlbHRhJC5zdWJzY3JpYmUoKGRlbHRhKSA9PiB0aGlzLnNldFRyYW5zbGF0ZVgoZGVsdGEpKTtcbiAgICB9XG4gIH1cblxuICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICB0aGlzLnNlcnZpY2UudW5yZWdpc3Rlcih0aGlzLCB0aGlzLnN0b3JlLnNjb3BlKCkpO1xuICB9XG5cbiAgcHJvdGVjdGVkIHNldFRyYW5zbGF0ZVgodmFsdWU6IG51bWJlcikge1xuICAgIHRoaXMuZWwubmF0aXZlRWxlbWVudC5zdHlsZS5zZXRQcm9wZXJ0eSgnLS10cmFuc2xhdGUteCcsIGAke3ZhbHVlfXB4YCk7XG4gIH1cbn1cbiJdfQ==

package/esm2022/frames/line-up/line-up.service.mjs

@@ -0,0 +1,55 @@
+import { Injectable, signal } from "@angular/core";
+import { takeUntilDestroyed, toObservable } from "@angular/core/rxjs-interop";
+import { distinctUntilChanged } from "rxjs";
+import * as i0 from "@angular/core";
+export class LineUpFrameService {
+    constructor() {
+        this.sizeMap = signal({});
+        this.sizeMap$ = toObservable(this.sizeMap).pipe(distinctUntilChanged(), takeUntilDestroyed());
+    }
+    register(frame, scope) {
+        this.sizeMap.update(record => {
+            record[scope] ??= { frames: [], sizeMap: {} };
+            record[scope].frames.push(frame);
+            return { ...record };
+        });
+    }
+    update(frame, mainWidth, scope) {
+        const index = this.findIndex(frame, scope);
+        this.sizeMap.update(record => {
+            record[scope] ??= { frames: [], sizeMap: {} };
+            record[scope].sizeMap[index] = mainWidth;
+            return { ...record };
+        });
+    }
+    unregister(frame, scope) {
+        const index = this.findIndex(frame, scope);
+        this.sizeMap.update(record => {
+            record[scope].frames = [...record[scope].frames.filter((value) => value !== frame)];
+            delete record[scope].sizeMap[index];
+            return { ...record };
+        });
+    }
+    findIndex(frame, scope) {
+        return this.sizeMap()[scope].frames.findIndex((value) => value === frame);
+    }
+    isFirst(frame, scope) {
+        const index = this.findIndex(frame, scope);
+        return Math.min(...Object.keys(this.getSizeMap(scope)).map(key => parseInt(key, 10))) === index;
+    }
+    getSizeMap(scope) {
+        return this.sizeMap()[scope].sizeMap ?? {};
+    }
+    getFollowingWidth(scope, frame) {
+        return Object.entries(this.getSizeMap(scope))
+            .filter(([key]) => parseInt(key, 10) >= this.findIndex(frame, scope))
+            .reduce((acc, [_, width]) => width + acc, 0);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: LineUpFrameService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: LineUpFrameService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: LineUpFrameService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGluZS11cC5zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvQG5nLWF0b21pYy9jb21wb25lbnRzL3NyYy9saWIvZnJhbWVzL2xpbmUtdXAvbGluZS11cC5zZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRW5ELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxZQUFZLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUM5RSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxNQUFNLENBQUM7O0FBVzVDLE1BQU0sT0FBTyxrQkFBa0I7SUFEL0I7UUFFVyxZQUFPLEdBQUcsTUFBTSxDQUFRLEVBQUUsQ0FBQyxDQUFDO1FBQzVCLGFBQVEsR0FBRyxZQUFZLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLElBQUksQ0FDakQsb0JBQW9CLEVBQUUsRUFDdEIsa0JBQWtCLEVBQUUsQ0FDckIsQ0FBQztLQThDSDtJQTVDQyxRQUFRLENBQUMsS0FBa0IsRUFBRSxLQUFhO1FBQ3hDLElBQUksQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxFQUFFO1lBQzNCLE1BQU0sQ0FBQyxLQUFLLENBQUMsS0FBSyxFQUFDLE1BQU0sRUFBRSxFQUFFLEVBQUUsT0FBTyxFQUFFLEVBQUUsRUFBQyxDQUFDO1lBQzVDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1lBQ2pDLE9BQU8sRUFBQyxHQUFHLE1BQU0sRUFBQyxDQUFDO1FBQ3JCLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVELE1BQU0sQ0FBQyxLQUFrQixFQUFFLFNBQWlCLEVBQUUsS0FBYTtRQUN6RCxNQUFNLEtBQUssR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssRUFBRSxLQUFLLENBQUMsQ0FBQztRQUMzQyxJQUFJLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQyxNQUFNLENBQUMsRUFBRTtZQUMzQixNQUFNLENBQUMsS0FBSyxDQUFDLEtBQUssRUFBQyxNQUFNLEVBQUUsRUFBRSxFQUFFLE9BQU8sRUFBRSxFQUFFLEVBQUMsQ0FBQztZQUM1QyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxHQUFHLFNBQVMsQ0FBQztZQUN6QyxPQUFPLEVBQUMsR0FBRyxNQUFNLEVBQUMsQ0FBQztRQUNyQixDQUFDLENBQUMsQ0FBQTtJQUNKLENBQUM7SUFFRCxVQUFVLENBQUMsS0FBa0IsRUFBRSxLQUFhO1FBQzFDLE1BQU0sS0FBSyxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxFQUFFLEtBQUssQ0FBQyxDQUFDO1FBQzNDLElBQUksQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxFQUFFO1lBQzNCLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxHQUFHLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQyxNQUFNLENBQUMsTUFBTSxDQUFDLENBQUMsS0FBSyxFQUFFLEVBQUUsQ0FBQyxLQUFLLEtBQUssS0FBSyxDQUFDLENBQUMsQ0FBQztZQUNwRixPQUFPLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQyxPQUFPLENBQUMsS0FBSyxDQUFDLENBQUM7WUFDcEMsT0FBTyxFQUFDLEdBQUcsTUFBTSxFQUFDLENBQUM7UUFDckIsQ0FBQyxDQUFDLENBQUE7SUFDSixDQUFDO0lBRUQsU0FBUyxDQUFDLEtBQWtCLEVBQUUsS0FBYTtRQUN6QyxPQUFPLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQyxLQUFLLENBQUMsQ0FBQyxNQUFNLENBQUMsU0FBUyxDQUFDLENBQUMsS0FBSyxFQUFFLEVBQUUsQ0FBQyxLQUFLLEtBQUssS0FBSyxDQUFDLENBQUM7SUFDNUUsQ0FBQztJQUVELE9BQU8sQ0FBQyxLQUFrQixFQUFFLEtBQWE7UUFDdkMsTUFBTSxLQUFLLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLEVBQUUsS0FBSyxDQUFDLENBQUM7UUFDM0MsT0FBTyxJQUFJLENBQUMsR0FBRyxDQUFDLEdBQUcsTUFBTSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUMsUUFBUSxDQUFDLEdBQUcsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLEtBQUssS0FBSyxDQUFDO0lBQ2xHLENBQUM7SUFFRCxVQUFVLENBQUMsS0FBYTtRQUN0QixPQUFPLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQyxLQUFLLENBQUMsQ0FBQyxPQUFPLElBQUksRUFBRSxDQUFDO0lBQzdDLENBQUM7SUFFRCxpQkFBaUIsQ0FBQyxLQUFhLEVBQUUsS0FBa0I7UUFDakQsT0FBTyxNQUFNLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsS0FBSyxDQUFDLENBQUM7YUFDMUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsRUFBRSxFQUFFLENBQUMsUUFBUSxDQUFDLEdBQUcsRUFBRSxFQUFFLENBQUMsSUFBSSxJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssRUFBRSxLQUFLLENBQUMsQ0FBQzthQUNwRSxNQUFNLENBQUMsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxDQUFDLEVBQUUsS0FBSyxDQUFDLEVBQUUsRUFBRSxDQUFDLEtBQUssR0FBRyxHQUFHLEVBQUUsQ0FBQyxDQUFDLENBQUM7SUFDakQsQ0FBQzs4R0FsRFUsa0JBQWtCO2tIQUFsQixrQkFBa0IsY0FETixNQUFNOzsyRkFDbEIsa0JBQWtCO2tCQUQ5QixVQUFVO21CQUFDLEVBQUMsVUFBVSxFQUFFLE1BQU0sRUFBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGFibGUsIHNpZ25hbCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBMaW5lVXBGcmFtZSB9IGZyb20gXCIuL2xpbmUtdXAuZnJhbWVcIjtcbmltcG9ydCB7IHRha2VVbnRpbERlc3Ryb3llZCwgdG9PYnNlcnZhYmxlIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmUvcnhqcy1pbnRlcm9wXCI7XG5pbXBvcnQgeyBkaXN0aW5jdFVudGlsQ2hhbmdlZCB9IGZyb20gXCJyeGpzXCI7XG5cbmludGVyZmFjZSBTdGF0ZSB7XG4gIFtzY29wZTogc3RyaW5nXToge1xuICAgIGZyYW1lczogTGluZVVwRnJhbWVbXTtcbiAgICBzaXplTWFwOiBSZWNvcmQ8bnVtYmVyLCBudW1iZXI+O1xuICB9XG59XG5cblxuQEluamVjdGFibGUoe3Byb3ZpZGVkSW46ICdyb290J30pXG5leHBvcnQgY2xhc3MgTGluZVVwRnJhbWVTZXJ2aWNlIHtcbiAgcmVhZG9ubHkgc2l6ZU1hcCA9IHNpZ25hbDxTdGF0ZT4oe30pO1xuICByZWFkb25seSBzaXplTWFwJCA9IHRvT2JzZXJ2YWJsZSh0aGlzLnNpemVNYXApLnBpcGUoXG4gICAgZGlzdGluY3RVbnRpbENoYW5nZWQoKSxcbiAgICB0YWtlVW50aWxEZXN0cm95ZWQoKSxcbiAgKTtcblxuICByZWdpc3RlcihmcmFtZTogTGluZVVwRnJhbWUsIHNjb3BlOiBzdHJpbmcpIHtcbiAgICB0aGlzLnNpemVNYXAudXBkYXRlKHJlY29yZCA9PiB7XG4gICAgICByZWNvcmRbc2NvcGVdID8/PSB7ZnJhbWVzOiBbXSwgc2l6ZU1hcDoge319O1xuICAgICAgcmVjb3JkW3Njb3BlXS5mcmFtZXMucHVzaChmcmFtZSk7XG4gICAgICByZXR1cm4gey4uLnJlY29yZH07XG4gICAgfSk7XG4gIH1cblxuICB1cGRhdGUoZnJhbWU6IExpbmVVcEZyYW1lLCBtYWluV2lkdGg6IG51bWJlciwgc2NvcGU6IHN0cmluZykge1xuICAgIGNvbnN0IGluZGV4ID0gdGhpcy5maW5kSW5kZXgoZnJhbWUsIHNjb3BlKTtcbiAgICB0aGlzLnNpemVNYXAudXBkYXRlKHJlY29yZCA9PiB7XG4gICAgICByZWNvcmRbc2NvcGVdID8/PSB7ZnJhbWVzOiBbXSwgc2l6ZU1hcDoge319O1xuICAgICAgcmVjb3JkW3Njb3BlXS5zaXplTWFwW2luZGV4XSA9IG1haW5XaWR0aDtcbiAgICAgIHJldHVybiB7Li4ucmVjb3JkfTtcbiAgICB9KVxuICB9XG5cbiAgdW5yZWdpc3RlcihmcmFtZTogTGluZVVwRnJhbWUsIHNjb3BlOiBzdHJpbmcpIHtcbiAgICBjb25zdCBpbmRleCA9IHRoaXMuZmluZEluZGV4KGZyYW1lLCBzY29wZSk7XG4gICAgdGhpcy5zaXplTWFwLnVwZGF0ZShyZWNvcmQgPT4ge1xuICAgICAgcmVjb3JkW3Njb3BlXS5mcmFtZXMgPSBbLi4ucmVjb3JkW3Njb3BlXS5mcmFtZXMuZmlsdGVyKCh2YWx1ZSkgPT4gdmFsdWUgIT09IGZyYW1lKV07XG4gICAgICBkZWxldGUgcmVjb3JkW3Njb3BlXS5zaXplTWFwW2luZGV4XTtcbiAgICAgIHJldHVybiB7Li4ucmVjb3JkfTtcbiAgICB9KVxuICB9XG5cbiAgZmluZEluZGV4KGZyYW1lOiBMaW5lVXBGcmFtZSwgc2NvcGU6IHN0cmluZyk6IG51bWJlciB7XG4gICAgcmV0dXJuIHRoaXMuc2l6ZU1hcCgpW3Njb3BlXS5mcmFtZXMuZmluZEluZGV4KCh2YWx1ZSkgPT4gdmFsdWUgPT09IGZyYW1lKTtcbiAgfVxuXG4gIGlzRmlyc3QoZnJhbWU6IExpbmVVcEZyYW1lLCBzY29wZTogc3RyaW5nKTogYm9vbGVhbiB7XG4gICAgY29uc3QgaW5kZXggPSB0aGlzLmZpbmRJbmRleChmcmFtZSwgc2NvcGUpO1xuICAgIHJldHVybiBNYXRoLm1pbiguLi5PYmplY3Qua2V5cyh0aGlzLmdldFNpemVNYXAoc2NvcGUpKS5tYXAoa2V5ID0+IHBhcnNlSW50KGtleSwgMTApKSkgPT09IGluZGV4O1xuICB9XG5cbiAgZ2V0U2l6ZU1hcChzY29wZTogc3RyaW5nKSB7XG4gICAgcmV0dXJuIHRoaXMuc2l6ZU1hcCgpW3Njb3BlXS5zaXplTWFwID8/IHt9O1xuICB9XG5cbiAgZ2V0Rm9sbG93aW5nV2lkdGgoc2NvcGU6IHN0cmluZywgZnJhbWU6IExpbmVVcEZyYW1lKTogbnVtYmVyIHtcbiAgICByZXR1cm4gT2JqZWN0LmVudHJpZXModGhpcy5nZXRTaXplTWFwKHNjb3BlKSlcbiAgICAgIC5maWx0ZXIoKFtrZXldKSA9PiBwYXJzZUludChrZXksIDEwKSA+PSB0aGlzLmZpbmRJbmRleChmcmFtZSwgc2NvcGUpKVxuICAgICAgLnJlZHVjZSgoYWNjLCBbXywgd2lkdGhdKSA9PiB3aWR0aCArIGFjYywgMCk7XG4gIH1cbn1cbiJdfQ==