@ng-atomic/components 5.14.0 → 6.0.3

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

@@ -0,0 +1,14 @@
+import { animate, query, style, transition, trigger } from '@angular/animations';
+export const LINE_UP_ANIMATIONS = [
+    trigger('hasNext', [
+        transition(':enter', [
+            query(':enter', [style({ transform: 'translateX(-100%)', })], { optional: true }),
+            query(':enter', [animate('300ms ease-out', style({ transform: 'translateX(0%)', })),], { optional: true }),
+        ]),
+        transition(':leave', [
+            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==

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

@@ -0,0 +1,112 @@
+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 { LINE_UP_ANIMATIONS } from './line-up.animations';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class LineUpFrameService {
+    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$);
+    }
+    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' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LineUpFrameService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+export class LineUpFrame {
+    constructor() {
+        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);
+    }
+    ngOnInit() {
+        this.service.register(this, 0);
+    }
+    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`);
+        });
+    }
+    ngOnDestroy() {
+        this.service.unregister(this);
+    }
+    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-IBRk: var(--gap);--background: #ccc;--background-SCOPED-IN-line-up-IBRk: var(--background);--next-width: 100%;--next-width-SCOPED-IN-line-up-IBRk: var(--next-width);--next-max-width: fit-content;--next-max-width-SCOPED-IN-line-up-IBRk: var(--next-max-width);--translate-x: 0px;--translate-x-SCOPED-IN-line-up-IBRk: var(--translate-x)}:host{position:relative;transform:translate(var(--translate-x-SCOPED-IN-line-up-IBRk));transition:transform .3s ease-in-out;display:flex;justify-content:start;gap:var(--gap-SCOPED-IN-line-up-IBRk);width:100%;height:100%;background:var(--background-SCOPED-IN-line-up-IBRk)}: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 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", 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-IBRk: var(--gap);--background: #ccc;--background-SCOPED-IN-line-up-IBRk: var(--background);--next-width: 100%;--next-width-SCOPED-IN-line-up-IBRk: var(--next-width);--next-max-width: fit-content;--next-max-width-SCOPED-IN-line-up-IBRk: var(--next-max-width);--translate-x: 0px;--translate-x-SCOPED-IN-line-up-IBRk: var(--translate-x)}:host{position:relative;transform:translate(var(--translate-x-SCOPED-IN-line-up-IBRk));transition:transform .3s ease-in-out;display:flex;justify-content:start;gap:var(--gap-SCOPED-IN-line-up-IBRk);width:100%;height:100%;background:var(--background-SCOPED-IN-line-up-IBRk)}: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==

package/esm2022/frames/line-up/resize-observer.mjs

@@ -0,0 +1,16 @@
+import { NEVER, Observable } from 'rxjs';
+import { startWith } from 'rxjs/operators';
+import ResizeObserver from 'resize-observer-polyfill';
+import { distinctUntilChanged, map } from 'rxjs/operators';
+export function fromResize(el) {
+    if (!el)
+        return NEVER;
+    return new Observable((observer) => {
+        const resizeObserver = new ResizeObserver(entries => {
+            entries.forEach((entry) => observer.next(entry));
+        });
+        resizeObserver.observe(el.nativeElement);
+        return () => resizeObserver.disconnect();
+    }).pipe(map((el) => el.contentRect?.width ?? 0), startWith(0), distinctUntilChanged());
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVzaXplLW9ic2VydmVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvQG5nLWF0b21pYy9jb21wb25lbnRzL3NyYy9saWIvZnJhbWVzL2xpbmUtdXAvcmVzaXplLW9ic2VydmVyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUMzQyxPQUFPLGNBQWMsTUFBTSwwQkFBMEIsQ0FBQztBQUN0RCxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsR0FBRyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFHM0QsTUFBTSxVQUFVLFVBQVUsQ0FBQyxFQUF1QjtJQUNoRCxJQUFJLENBQUMsRUFBRTtRQUFFLE9BQU8sS0FBSyxDQUFDO0lBQ3RCLE9BQU8sSUFBSSxVQUFVLENBQU0sQ0FBQyxRQUFRLEVBQUUsRUFBRTtRQUN0QyxNQUFNLGNBQWMsR0FBRyxJQUFJLGNBQWMsQ0FBQyxPQUFPLENBQUMsRUFBRTtZQUNsRCxPQUFPLENBQUMsT0FBTyxDQUFDLENBQUMsS0FBSyxFQUFFLEVBQUUsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUM7UUFDbkQsQ0FBQyxDQUFDLENBQUM7UUFDSCxjQUFjLENBQUMsT0FBTyxDQUFDLEVBQUUsQ0FBQyxhQUFhLENBQUMsQ0FBQztRQUN6QyxPQUFPLEdBQUcsRUFBRSxDQUFDLGNBQWMsQ0FBQyxVQUFVLEVBQUUsQ0FBQztJQUMzQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQ0wsR0FBRyxDQUFDLENBQUMsRUFBRSxFQUFFLEVBQUUsQ0FBQyxFQUFFLENBQUMsV0FBVyxFQUFFLEtBQUssSUFBSSxDQUFDLENBQUMsRUFDdkMsU0FBUyxDQUFDLENBQUMsQ0FBQyxFQUNaLG9CQUFvQixFQUFFLENBQ3ZCLENBQUM7QUFDSixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTkVWRVIsIE9ic2VydmFibGUgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IHN0YXJ0V2l0aCB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcbmltcG9ydCBSZXNpemVPYnNlcnZlciBmcm9tICdyZXNpemUtb2JzZXJ2ZXItcG9seWZpbGwnO1xuaW1wb3J0IHsgZGlzdGluY3RVbnRpbENoYW5nZWQsIG1hcCB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcbmltcG9ydCB7IEVsZW1lbnRSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuZXhwb3J0IGZ1bmN0aW9uIGZyb21SZXNpemUoZWw6IEVsZW1lbnRSZWY8RWxlbWVudD4pOiBPYnNlcnZhYmxlPG51bWJlcj4ge1xuICBpZiAoIWVsKSByZXR1cm4gTkVWRVI7XG4gIHJldHVybiBuZXcgT2JzZXJ2YWJsZTxhbnk+KChvYnNlcnZlcikgPT4ge1xuICAgIGNvbnN0IHJlc2l6ZU9ic2VydmVyID0gbmV3IFJlc2l6ZU9ic2VydmVyKGVudHJpZXMgPT4ge1xuICAgICAgZW50cmllcy5mb3JFYWNoKChlbnRyeSkgPT4gb2JzZXJ2ZXIubmV4dChlbnRyeSkpO1xuICAgIH0pO1xuICAgIHJlc2l6ZU9ic2VydmVyLm9ic2VydmUoZWwubmF0aXZlRWxlbWVudCk7XG4gICAgcmV0dXJuICgpID0+IHJlc2l6ZU9ic2VydmVyLmRpc2Nvbm5lY3QoKTtcbiAgfSkucGlwZShcbiAgICBtYXAoKGVsKSA9PiBlbC5jb250ZW50UmVjdD8ud2lkdGggPz8gMCksXG4gICAgc3RhcnRXaXRoKDApLFxuICAgIGRpc3RpbmN0VW50aWxDaGFuZ2VkKCksXG4gICk7XG59XG4iXX0=

package/{esm2020 → esm2022}/frames/loading/loading.frame.mjs

@@ -8,13 +8,13 @@ export class LoadingFrame {
     constructor() {
         this.isLoading = false;
     }
-}
-LoadingFrame.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: LoadingFrame, deps: [], target: i0.ɵɵFactoryTarget.Component });
-LoadingFrame.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: LoadingFrame, isStandalone: true, selector: "frames-loading", inputs: { isLoading: "isLoading" }, ngImport: i0, template: `
+    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 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: LoadingFrame, decorators: [{
+  `, 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 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LoadingFrame, decorators: [{
             type: Component,
             args: [{ selector: 'frames-loading', standalone: true, imports: [
                         CommonModule,
@@ -26,4 +26,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImpor
         }], propDecorators: { isLoading: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGluZy5mcmFtZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL0BuZy1hdG9taWMvY29tcG9uZW50cy9zcmMvbGliL2ZyYW1lcy9sb2FkaW5nL2xvYWRpbmcuZnJhbWUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLG9DQUFvQyxDQUFDOzs7O0FBZ0I5RSxNQUFNLE9BQU8sWUFBWTtJQWR6QjtRQWlCRSxjQUFTLEdBQUcsS0FBSyxDQUFDO0tBRW5COzt5R0FMWSxZQUFZOzZGQUFaLFlBQVksOEdBUGI7OztHQUdULGdYQU5DLFlBQVksa0lBQ1osd0JBQXdCOzJGQVNmLFlBQVk7a0JBZHhCLFNBQVM7K0JBQ0UsZ0JBQWdCLGNBQ2QsSUFBSSxXQUNQO3dCQUNQLFlBQVk7d0JBQ1osd0JBQXdCO3FCQUN6QixZQUNTOzs7R0FHVCxtQkFFZ0IsdUJBQXVCLENBQUMsTUFBTTs4QkFLL0MsU0FBUztzQkFEUixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBNYXRQcm9ncmVzc1NwaW5uZXJNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9wcm9ncmVzcy1zcGlubmVyJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZnJhbWVzLWxvYWRpbmcnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIE1hdFByb2dyZXNzU3Bpbm5lck1vZHVsZSxcbiAgXSxcbiAgdGVtcGxhdGU6IGBcbiAgICA8ZGl2IGNsYXNzPVwiY29udGVudHNcIj48bmctY29udGVudD48L25nLWNvbnRlbnQ+PC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cImxvYWRpbmdcIiAqbmdJZj1cImlzTG9hZGluZ1wiPjxtYXQtc3Bpbm5lcj48L21hdC1zcGlubmVyPjwvZGl2PlxuICBgLFxuICBzdHlsZVVybHM6IFsnLi9sb2FkaW5nLmZyYW1lLnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgTG9hZGluZ0ZyYW1lIHtcblxuICBASW5wdXQoKVxuICBpc0xvYWRpbmcgPSBmYWxzZTtcblxufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGluZy5mcmFtZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL0BuZy1hdG9taWMvY29tcG9uZW50cy9zcmMvbGliL2ZyYW1lcy9sb2FkaW5nL2xvYWRpbmcuZnJhbWUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLG9DQUFvQyxDQUFDOzs7O0FBZ0I5RSxNQUFNLE9BQU8sWUFBWTtJQWR6QjtRQWlCRSxjQUFTLEdBQUcsS0FBSyxDQUFDO0tBRW5COytHQUxZLFlBQVk7bUdBQVosWUFBWSw4R0FQYjs7O0dBR1QsZ1hBTkMsWUFBWSxrSUFDWix3QkFBd0I7OzRGQVNmLFlBQVk7a0JBZHhCLFNBQVM7K0JBQ0UsZ0JBQWdCLGNBQ2QsSUFBSSxXQUNQO3dCQUNQLFlBQVk7d0JBQ1osd0JBQXdCO3FCQUN6QixZQUNTOzs7R0FHVCxtQkFFZ0IsdUJBQXVCLENBQUMsTUFBTTs4QkFLL0MsU0FBUztzQkFEUixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBNYXRQcm9ncmVzc1NwaW5uZXJNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9wcm9ncmVzcy1zcGlubmVyJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZnJhbWVzLWxvYWRpbmcnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIE1hdFByb2dyZXNzU3Bpbm5lck1vZHVsZSxcbiAgXSxcbiAgdGVtcGxhdGU6IGBcbiAgICA8ZGl2IGNsYXNzPVwiY29udGVudHNcIj48bmctY29udGVudD48L25nLWNvbnRlbnQ+PC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cImxvYWRpbmdcIiAqbmdJZj1cImlzTG9hZGluZ1wiPjxtYXQtc3Bpbm5lcj48L21hdC1zcGlubmVyPjwvZGl2PlxuICBgLFxuICBzdHlsZVVybHM6IFsnLi9sb2FkaW5nLmZyYW1lLnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgTG9hZGluZ0ZyYW1lIHtcblxuICBASW5wdXQoKVxuICBpc0xvYWRpbmcgPSBmYWxzZTtcblxufVxuIl19

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

@@ -0,0 +1,12 @@
+import { trigger, transition, style, query, 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%)', }))]),
+    ]),
+    transition(':leave', [
+        query(':leave', [style({ transform: 'translateX(0%)' })]),
+        query(':leave', [animate('300ms ease-in', style({ transform: 'translateX(100%)' }))]),
+    ]),
+]);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3ZlcmxheS5hbmltYXRpb25zLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvQG5nLWF0b21pYy9jb21wb25lbnRzL3NyYy9saWIvZnJhbWVzL292ZXJsYXkvb3ZlcmxheS5hbmltYXRpb25zLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxPQUFPLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFFakYsTUFBTSxDQUFDLE1BQU0saUJBQWlCLEdBQUcsT0FBTyxDQUFDLFNBQVMsRUFBRTtJQUNsRCxVQUFVLENBQUMsUUFBUSxFQUFFO1FBQ25CLEtBQUssQ0FBQyxRQUFRLEVBQUUsQ0FBQyxLQUFLLENBQUMsRUFBRSxTQUFTLEVBQUUsa0JBQWtCLEdBQUcsQ0FBQyxDQUFDLENBQUM7UUFDNUQsS0FBSyxDQUFDLFFBQVEsRUFBRSxDQUFDLE9BQU8sQ0FBQyxnQkFBZ0IsRUFBRSxLQUFLLENBQUMsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQztLQUN0RixDQUFDO0lBQ0YsVUFBVSxDQUFDLFFBQVEsRUFBRTtRQUNuQixLQUFLLENBQUMsUUFBUSxFQUFFLENBQUMsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFLENBQUMsQ0FBQyxDQUFDO1FBQ3pELEtBQUssQ0FBQyxRQUFRLEVBQUUsQ0FBQyxPQUFPLENBQUMsZUFBZSxFQUFFLEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSxrQkFBa0IsRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDO0tBQ3RGLENBQUM7Q0FDSCxDQUFDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB0cmlnZ2VyLCB0cmFuc2l0aW9uLCBzdHlsZSwgcXVlcnksIGFuaW1hdGUgfSBmcm9tICdAYW5ndWxhci9hbmltYXRpb25zJztcblxuZXhwb3J0IGNvbnN0IE9WRVJMQVlfQU5JTUFUSU9OID0gdHJpZ2dlcignaGFzTmV4dCcsIFtcbiAgdHJhbnNpdGlvbignOmVudGVyJywgW1xuICAgIHF1ZXJ5KCc6ZW50ZXInLCBbc3R5bGUoeyB0cmFuc2Zvcm06ICd0cmFuc2xhdGVYKDEwMCUpJywgfSldKSxcbiAgICBxdWVyeSgnOmVudGVyJywgW2FuaW1hdGUoJzMwMG1zIGVhc2Utb3V0Jywgc3R5bGUoeyB0cmFuc2Zvcm06ICd0cmFuc2xhdGVYKDAlKScsIH0pKV0pLFxuICBdKSxcbiAgdHJhbnNpdGlvbignOmxlYXZlJywgW1xuICAgIHF1ZXJ5KCc6bGVhdmUnLCBbc3R5bGUoeyB0cmFuc2Zvcm06ICd0cmFuc2xhdGVYKDAlKScgfSldKSxcbiAgICBxdWVyeSgnOmxlYXZlJywgW2FuaW1hdGUoJzMwMG1zIGVhc2UtaW4nLCBzdHlsZSh7IHRyYW5zZm9ybTogJ3RyYW5zbGF0ZVgoMTAwJSknIH0pKV0pLFxuICBdKSxcbl0pO1xuIl19

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

@@ -0,0 +1,29 @@
+import { ChangeDetectionStrategy, Component, 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 OverlayFrame {
+    constructor() {
+        this.hasNext = false;
+    }
+    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-zVlW: var(--width);--height: 100%;--height-SCOPED-IN-line-overlay-zVlW: var(--height)}:host{position:relative;display:block;width:var(--width-SCOPED-IN-line-overlay-zVlW);height:var(--height-SCOPED-IN-line-overlay-zVlW)}: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 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", 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-zVlW: var(--width);--height: 100%;--height-SCOPED-IN-line-overlay-zVlW: var(--height)}:host{position:relative;display:block;width:var(--width-SCOPED-IN-line-overlay-zVlW);height:var(--height-SCOPED-IN-line-overlay-zVlW)}: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

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

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

package/esm2022/frames/router-outlet/ng-atomic-components-frames-router-outlet.mjs

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

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

@@ -0,0 +1,77 @@
+import { ChangeDetectionStrategy, Component, Input, Pipe, ViewChild } from '@angular/core';
+import { CommonModule } 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 * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class IsBlankRoutePipe {
+    transform(outlet) {
+        return !!(outlet?.activatedRouteData) && !(outlet.activatedRouteData?.['isBlank']);
+    }
+    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 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IsBlankRoutePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'isBlankRoute',
+                    standalone: true,
+                    pure: false,
+                }]
+        }] });
+export class RouterOutletFrame {
+    constructor() {
+        this.frame = injectUiConfig(['frames', 'router', 'type']);
+    }
+    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 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RouterOutletFrame, decorators: [{
+            type: Component,
+            args: [{ selector: 'frames-router-outlet', standalone: true, imports: [
+                        CommonModule,
+                        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==

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

@@ -0,0 +1,28 @@
+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: `
+  <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-uBxs: var(--height);--navigator-height: 56px;--navigator-height-SCOPED-IN-scroll-uBxs: var(--navigator-height)}:host{height:var(--height-SCOPED-IN-scroll-uBxs);overflow:hidden}:host .navigator{height:var(--navigator-height-SCOPED-IN-scroll-uBxs);transition:.5s height;overflow:hidden;touch-action:none}:host .contents{height:calc(var(--height-SCOPED-IN-scroll-uBxs) - var(--navigator-height-SCOPED-IN-scroll-uBxs));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: [{
+            type: Component,
+            args: [{ selector: 'frames-scroll', standalone: true, imports: [
+                        CommonModule,
+                    ], template: `
+  <div class="navigator">
+    <ng-content select=[navigator]></ng-content>
+  </div>
+  <div class="contents">
+    <ng-content select=[contents]></ng-content>
+  </div>
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--height: 100%;--height-SCOPED-IN-scroll-uBxs: var(--height);--navigator-height: 56px;--navigator-height-SCOPED-IN-scroll-uBxs: var(--navigator-height)}:host{height:var(--height-SCOPED-IN-scroll-uBxs);overflow:hidden}:host .navigator{height:var(--navigator-height-SCOPED-IN-scroll-uBxs);transition:.5s height;overflow:hidden;touch-action:none}:host .contents{height:calc(var(--height-SCOPED-IN-scroll-uBxs) - var(--navigator-height-SCOPED-IN-scroll-uBxs));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==

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

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

package/esm2022/frames/scroll-v2/ng-atomic-components-frames-scroll-v2.mjs

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

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

@@ -0,0 +1,34 @@
+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: `
+  <div class="top">
+    <ng-content select=[top]></ng-content>
+  </div>
+  <div class="contents">
+    <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-OwyO: var(--height);--top-height: 56px;--top-height-SCOPED-IN-scroll-OwyO: var(--top-height);--bottom-height: 56px;--bottom-height-SCOPED-IN-scroll-OwyO: var(--bottom-height)}:host{display:flex;flex-direction:column;justify-content:space-between;height:var(--height-SCOPED-IN-scroll-OwyO);overflow:hidden}:host .top{height:var(--top-height-SCOPED-IN-scroll-OwyO);transition:.5s height;overflow:hidden;touch-action:none}:host .contents{height:calc(var(--height-SCOPED-IN-scroll-OwyO) - var(--top-height-SCOPED-IN-scroll-OwyO) - var(--bottom-height-SCOPED-IN-scroll-OwyO));transition:.5s height;overflow:auto;-webkit-overflow-scrolling:touch}:host .contents::-webkit-scrollbar{display:none}:host .bottom{height:var(--bottom-height-SCOPED-IN-scroll-OwyO)}\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: [{
+            type: Component,
+            args: [{ selector: 'frames-scroll', standalone: true, imports: [
+                        CommonModule,
+                    ], template: `
+  <div class="top">
+    <ng-content select=[top]></ng-content>
+  </div>
+  <div class="contents">
+    <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-OwyO: var(--height);--top-height: 56px;--top-height-SCOPED-IN-scroll-OwyO: var(--top-height);--bottom-height: 56px;--bottom-height-SCOPED-IN-scroll-OwyO: var(--bottom-height)}:host{display:flex;flex-direction:column;justify-content:space-between;height:var(--height-SCOPED-IN-scroll-OwyO);overflow:hidden}:host .top{height:var(--top-height-SCOPED-IN-scroll-OwyO);transition:.5s height;overflow:hidden;touch-action:none}:host .contents{height:calc(var(--height-SCOPED-IN-scroll-OwyO) - var(--top-height-SCOPED-IN-scroll-OwyO) - var(--bottom-height-SCOPED-IN-scroll-OwyO));transition:.5s height;overflow:auto;-webkit-overflow-scrolling:touch}:host .contents::-webkit-scrollbar{display:none}:host .bottom{height:var(--bottom-height-SCOPED-IN-scroll-OwyO)}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2Nyb2xsLmZyYW1lLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvQG5nLWF0b21pYy9jb21wb25lbnRzL3NyYy9saWIvZnJhbWVzL3Njcm9sbC12Mi9zY3JvbGwuZnJhbWUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBc0JuRSxNQUFNLE9BQU8sV0FBVzsrR0FBWCxXQUFXO21HQUFYLFdBQVcseUVBZFo7Ozs7Ozs7Ozs7R0FVVCwwMkJBWkMsWUFBWTs7NEZBZ0JILFdBQVc7a0JBcEJ2QixTQUFTOytCQUNFLGVBQWUsY0FDYixJQUFJLFdBQ1A7d0JBQ1AsWUFBWTtxQkFDYixZQUNTOzs7Ozs7Ozs7O0dBVVQsbUJBRWdCLHVCQUF1QixDQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdmcmFtZXMtc2Nyb2xsJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgXSxcbiAgdGVtcGxhdGU6IGBcbiAgPGRpdiBjbGFzcz1cInRvcFwiPlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1bdG9wXT48L25nLWNvbnRlbnQ+XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwiY29udGVudHNcIj5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9W2NvbnRlbnRzXT48L25nLWNvbnRlbnQ+XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwiYm90dG9tXCI+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVtib3R0b21dPjwvbmctY29udGVudD5cbiAgPC9kaXY+XG4gIGAsXG4gIHN0eWxlVXJsczogWycuL3Njcm9sbC5mcmFtZS5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBTY3JvbGxGcmFtZSB7IH1cbiJdfQ==

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

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

package/esm2022/frames/side-nav/ng-atomic-components-frames-side-nav.mjs

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