@ng-atomic/components 2.0.1 → 3.0.0

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

@@ -0,0 +1,61 @@
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, HostBinding, Injectable, Input, ViewChild } from '@angular/core';
+import { RouterOutlet } from '@angular/router';
+import { ReplaySubject } from 'rxjs';
+import { distinctUntilChanged, map } from 'rxjs/operators';
+import { LINE_UP_ANIMATIONS } from './line-up.animations';
+import { fromResize } from './resize-observer';
+import * as i0 from "@angular/core";
+const _fromResize = (el) => fromResize(el.nativeElement)
+    .pipe(map(({ contentRect }) => contentRect?.width ?? 0))
+    .pipe(distinctUntilChanged());
+class LineUpService {
+    constructor() {
+        this.pageAnimationDone$ = new ReplaySubject(1);
+    }
+}
+LineUpService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LineUpService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+LineUpService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LineUpService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LineUpService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+export class LineUpFrame {
+    constructor(service, cd) {
+        this.service = service;
+        this.cd = cd;
+        this.isMainHidden = false;
+        this.label = 'root';
+        this.minNextWidth = 360;
+    }
+    get page() {
+        const page = this.outlet?.activatedRouteData?.page;
+        return page === 'Blank' ? 'Blank' : this.isMainHidden ? `Next` : `NextWithMainPage`;
+    }
+    ngOnInit() {
+        if (this.label === 'root')
+            return;
+        _fromResize(this.next).subscribe((width) => {
+            this.isMainHidden = width > this.minNextWidth;
+            this.cd.detectChanges();
+        });
+    }
+}
+LineUpFrame.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LineUpFrame, deps: [{ token: LineUpService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+LineUpFrame.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: LineUpFrame, selector: "frames-line-up", inputs: { label: "label", outlet: "outlet", minNextWidth: "minNextWidth" }, host: { properties: { "attr.is-main-hidden": "this.isMainHidden" } }, viewQueries: [{ propertyName: "next", first: true, predicate: ["next"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"main contents\" [@visibleHidden]=\"isMainHidden ? 'hidden' : 'visible' \" #main>\n  <ng-content select=\"[main]\"></ng-content>\n</div>\n<div class=\"next contents\" [@pageChange]=\"page\" #next>\n  <ng-content select=\"[next]\"></ng-content>\n</div>", styles: [":host{--gap: 1px;--gap-SCOPED-IN-line-up-Sw8S: var(--gap);--background: #ccc;--background-SCOPED-IN-line-up-Sw8S: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-line-up-Sw8S: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;grid-gap:var(--gap-SCOPED-IN-line-up-Sw8S);gap:var(--gap-SCOPED-IN-line-up-Sw8S);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-line-up-Sw8S)}:host .contents{display:flex;max-width:-moz-fit-content;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-line-up-Sw8S)}:host .contents.main{overflow:hidden;justify-content:flex-end}:host .contents.next{overflow:visible;justify-content:flex-start}\n"], animations: LINE_UP_ANIMATIONS, changeDetection: i0.ChangeDetectionStrategy.Default });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LineUpFrame, decorators: [{
+            type: Component,
+            args: [{ selector: 'frames-line-up', changeDetection: ChangeDetectionStrategy.Default, animations: LINE_UP_ANIMATIONS, template: "<div class=\"main contents\" [@visibleHidden]=\"isMainHidden ? 'hidden' : 'visible' \" #main>\n  <ng-content select=\"[main]\"></ng-content>\n</div>\n<div class=\"next contents\" [@pageChange]=\"page\" #next>\n  <ng-content select=\"[next]\"></ng-content>\n</div>", styles: [":host{--gap: 1px;--gap-SCOPED-IN-line-up-Sw8S: var(--gap);--background: #ccc;--background-SCOPED-IN-line-up-Sw8S: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-line-up-Sw8S: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;grid-gap:var(--gap-SCOPED-IN-line-up-Sw8S);gap:var(--gap-SCOPED-IN-line-up-Sw8S);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-line-up-Sw8S)}:host .contents{display:flex;max-width:-moz-fit-content;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-line-up-Sw8S)}:host .contents.main{overflow:hidden;justify-content:flex-end}:host .contents.next{overflow:visible;justify-content:flex-start}\n"] }]
+        }], ctorParameters: function () { return [{ type: LineUpService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { isMainHidden: [{
+                type: HostBinding,
+                args: ['attr.is-main-hidden']
+            }], label: [{
+                type: Input
+            }], outlet: [{
+                type: Input
+            }], minNextWidth: [{
+                type: Input
+            }], next: [{
+                type: ViewChild,
+                args: ['next', { static: true }]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGluZS11cC5mcmFtZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9mcmFtZXMvbGluZS11cC9saW5lLXVwLmZyYW1lLnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2ZyYW1lcy9saW5lLXVwL2xpbmUtdXAuZnJhbWUuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsaUJBQWlCLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxXQUFXLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDN0ksT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDckMsT0FBTyxFQUFFLG9CQUFvQixFQUFFLEdBQUcsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzNELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQzFELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQzs7QUFFL0MsTUFBTSxXQUFXLEdBQUcsQ0FBQyxFQUFjLEVBQUUsRUFBRSxDQUFDLFVBQVUsQ0FBQyxFQUFFLENBQUMsYUFBYSxDQUFDO0tBQ2pFLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxFQUFDLFdBQVcsRUFBaUMsRUFBRSxFQUFFLENBQUMsV0FBVyxFQUFFLEtBQUssSUFBSSxDQUFDLENBQUMsQ0FBQztLQUNyRixJQUFJLENBQUMsb0JBQW9CLEVBQUUsQ0FBQyxDQUFDO0FBRWhDLE1BQ00sYUFBYTtJQURuQjtRQUVFLHVCQUFrQixHQUFHLElBQUksYUFBYSxDQUFDLENBQUMsQ0FBQyxDQUFDO0tBQzNDOzsyR0FGSyxhQUFhOytHQUFiLGFBQWEsY0FETSxNQUFNOzRGQUN6QixhQUFhO2tCQURsQixVQUFVO21CQUFDLEVBQUMsVUFBVSxFQUFFLE1BQU0sRUFBQzs7QUFZaEMsTUFBTSxPQUFPLFdBQVc7SUFxQnRCLFlBQ1MsT0FBc0IsRUFDckIsRUFBcUI7UUFEdEIsWUFBTyxHQUFQLE9BQU8sQ0FBZTtRQUNyQixPQUFFLEdBQUYsRUFBRSxDQUFtQjtRQXJCL0IsaUJBQVksR0FBRyxLQUFLLENBQUM7UUFHckIsVUFBSyxHQUFHLE1BQU0sQ0FBQztRQU1mLGlCQUFZLEdBQVcsR0FBRyxDQUFDO0lBYXZCLENBQUM7SUFSTCxJQUFJLElBQUk7UUFDTixNQUFNLElBQUksR0FBVyxJQUFJLENBQUMsTUFBTSxFQUFFLGtCQUFrQixFQUFFLElBQUksQ0FBQztRQUMzRCxPQUFPLElBQUksS0FBSyxPQUFPLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxrQkFBa0IsQ0FBQztJQUN0RixDQUFDO0lBT0QsUUFBUTtRQUNOLElBQUksSUFBSSxDQUFDLEtBQUssS0FBSyxNQUFNO1lBQUUsT0FBTztRQUVsQyxXQUFXLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLEtBQWEsRUFBRSxFQUFFO1lBQ2pELElBQUksQ0FBQyxZQUFZLEdBQUcsS0FBSyxHQUFHLElBQUksQ0FBQyxZQUFZLENBQUM7WUFDOUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxhQUFhLEVBQUUsQ0FBQztRQUMxQixDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7O3lHQWpDVSxXQUFXLGtCQXNCSixhQUFhOzZGQXRCcEIsV0FBVyxvVEN2QnhCLHlRQUtNLDh4QkRnQlEsa0JBQWtCOzRGQUVuQixXQUFXO2tCQVB2QixTQUFTOytCQUNFLGdCQUFnQixtQkFHVCx1QkFBdUIsQ0FBQyxPQUFPLGNBQ3BDLGtCQUFrQjswREF3QlosYUFBYSwwREFwQi9CLFlBQVk7c0JBRFgsV0FBVzt1QkFBQyxxQkFBcUI7Z0JBSWxDLEtBQUs7c0JBREosS0FBSztnQkFJTixNQUFNO3NCQURMLEtBQUs7Z0JBSU4sWUFBWTtzQkFEWCxLQUFLO2dCQUlOLElBQUk7c0JBREgsU0FBUzt1QkFBQyxNQUFNLEVBQUUsRUFBQyxNQUFNLEVBQUUsSUFBSSxFQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENoYW5nZURldGVjdG9yUmVmLCBDb21wb25lbnQsIEVsZW1lbnRSZWYsIEhvc3RCaW5kaW5nLCBJbmplY3RhYmxlLCBJbnB1dCwgVmlld0NoaWxkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBSb3V0ZXJPdXRsZXQgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xuaW1wb3J0IHsgUmVwbGF5U3ViamVjdCB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgZGlzdGluY3RVbnRpbENoYW5nZWQsIG1hcCB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcbmltcG9ydCB7IExJTkVfVVBfQU5JTUFUSU9OUyB9IGZyb20gJy4vbGluZS11cC5hbmltYXRpb25zJztcbmltcG9ydCB7IGZyb21SZXNpemUgfSBmcm9tICcuL3Jlc2l6ZS1vYnNlcnZlcic7XG5cbmNvbnN0IF9mcm9tUmVzaXplID0gKGVsOiBFbGVtZW50UmVmKSA9PiBmcm9tUmVzaXplKGVsLm5hdGl2ZUVsZW1lbnQpXG4gIC5waXBlKG1hcCgoe2NvbnRlbnRSZWN0fToge2NvbnRlbnRSZWN0OiB7d2lkdGg6IG51bWJlcn19KSA9PiBjb250ZW50UmVjdD8ud2lkdGggPz8gMCkpXG4gIC5waXBlKGRpc3RpbmN0VW50aWxDaGFuZ2VkKCkpO1xuXG5ASW5qZWN0YWJsZSh7cHJvdmlkZWRJbjogJ3Jvb3QnfSlcbmNsYXNzIExpbmVVcFNlcnZpY2Uge1xuICBwYWdlQW5pbWF0aW9uRG9uZSQgPSBuZXcgUmVwbGF5U3ViamVjdCgxKTtcbn1cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZnJhbWVzLWxpbmUtdXAnLFxuICB0ZW1wbGF0ZVVybDogJy4vbGluZS11cC5mcmFtZS5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vbGluZS11cC5mcmFtZS5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuRGVmYXVsdCxcbiAgYW5pbWF0aW9uczogTElORV9VUF9BTklNQVRJT05TLFxufSlcbmV4cG9ydCBjbGFzcyBMaW5lVXBGcmFtZSB7XG4gIEBIb3N0QmluZGluZygnYXR0ci5pcy1tYWluLWhpZGRlbicpXG4gIGlzTWFpbkhpZGRlbiA9IGZhbHNlO1xuXG4gIEBJbnB1dCgpXG4gIGxhYmVsID0gJ3Jvb3QnO1xuXG4gIEBJbnB1dCgpXG4gIG91dGxldD86IFJvdXRlck91dGxldDtcblxuICBASW5wdXQoKVxuICBtaW5OZXh0V2lkdGg6IG51bWJlciA9IDM2MDtcblxuICBAVmlld0NoaWxkKCduZXh0Jywge3N0YXRpYzogdHJ1ZX0pXG4gIG5leHQhOiBFbGVtZW50UmVmO1xuXG4gIGdldCBwYWdlKCk6IHN0cmluZyB7XG4gICAgY29uc3QgcGFnZTogc3RyaW5nID0gdGhpcy5vdXRsZXQ/LmFjdGl2YXRlZFJvdXRlRGF0YT8ucGFnZTtcbiAgICByZXR1cm4gcGFnZSA9PT0gJ0JsYW5rJyA/ICdCbGFuaycgOiB0aGlzLmlzTWFpbkhpZGRlbiA/IGBOZXh0YCA6IGBOZXh0V2l0aE1haW5QYWdlYDtcbiAgfVxuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHB1YmxpYyBzZXJ2aWNlOiBMaW5lVXBTZXJ2aWNlLFxuICAgIHByaXZhdGUgY2Q6IENoYW5nZURldGVjdG9yUmVmLFxuICApIHsgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIGlmICh0aGlzLmxhYmVsID09PSAncm9vdCcpIHJldHVybjsgXG5cbiAgICBfZnJvbVJlc2l6ZSh0aGlzLm5leHQpLnN1YnNjcmliZSgod2lkdGg6IG51bWJlcikgPT4ge1xuICAgICAgdGhpcy5pc01haW5IaWRkZW4gPSB3aWR0aCA+IHRoaXMubWluTmV4dFdpZHRoO1xuICAgICAgdGhpcy5jZC5kZXRlY3RDaGFuZ2VzKCk7XG4gICAgfSk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJtYWluIGNvbnRlbnRzXCIgW0B2aXNpYmxlSGlkZGVuXT1cImlzTWFpbkhpZGRlbiA/ICdoaWRkZW4nIDogJ3Zpc2libGUnIFwiICNtYWluPlxuICA8bmctY29udGVudCBzZWxlY3Q9XCJbbWFpbl1cIj48L25nLWNvbnRlbnQ+XG48L2Rpdj5cbjxkaXYgY2xhc3M9XCJuZXh0IGNvbnRlbnRzXCIgW0BwYWdlQ2hhbmdlXT1cInBhZ2VcIiAjbmV4dD5cbiAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW25leHRdXCI+PC9uZy1jb250ZW50PlxuPC9kaXY+Il19

package/esm2020/frames/line-up/line-up.module.mjs

@@ -0,0 +1,26 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
+import { LineUpFrame } from './line-up.frame';
+import * as i0 from "@angular/core";
+export class LineUpModule {
+}
+LineUpModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LineUpModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+LineUpModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LineUpModule, declarations: [LineUpFrame], imports: [CommonModule,
+        MatProgressSpinnerModule], exports: [LineUpFrame] });
+LineUpModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LineUpModule, imports: [[
+            CommonModule,
+            MatProgressSpinnerModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LineUpModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [LineUpFrame],
+                    imports: [
+                        CommonModule,
+                        MatProgressSpinnerModule
+                    ],
+                    exports: [LineUpFrame]
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGluZS11cC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvZnJhbWVzL2xpbmUtdXAvbGluZS11cC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFFOUUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGlCQUFpQixDQUFDOztBQVc5QyxNQUFNLE9BQU8sWUFBWTs7MEdBQVosWUFBWTsyR0FBWixZQUFZLGlCQVBSLFdBQVcsYUFFeEIsWUFBWTtRQUNaLHdCQUF3QixhQUVoQixXQUFXOzJHQUVWLFlBQVksWUFOZDtZQUNQLFlBQVk7WUFDWix3QkFBd0I7U0FDekI7NEZBR1UsWUFBWTtrQkFSeEIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyxXQUFXLENBQUM7b0JBQzNCLE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLHdCQUF3QjtxQkFDekI7b0JBQ0QsT0FBTyxFQUFFLENBQUMsV0FBVyxDQUFDO2lCQUN2QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTWF0UHJvZ3Jlc3NTcGlubmVyTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvcHJvZ3Jlc3Mtc3Bpbm5lcic7XG5cbmltcG9ydCB7IExpbmVVcEZyYW1lIH0gZnJvbSAnLi9saW5lLXVwLmZyYW1lJztcblxuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtMaW5lVXBGcmFtZV0sXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgTWF0UHJvZ3Jlc3NTcGlubmVyTW9kdWxlXG4gIF0sXG4gIGV4cG9ydHM6IFtMaW5lVXBGcmFtZV1cbn0pXG5leHBvcnQgY2xhc3MgTGluZVVwTW9kdWxlIHsgfVxuIl19

package/esm2020/frames/line-up/ng-atomic-components-frames-line-up.mjs

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

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

@@ -0,0 +1,27 @@
+import { Observable } from 'rxjs';
+import { startWith } from 'rxjs/operators';
+import ResizeObserver from 'resize-observer-polyfill';
+export function fromResize(...elements) {
+    return Observable.create(function (observer) {
+        const resizeObserver = new ResizeObserver((observerEntries) => {
+            for (const entry of observerEntries) {
+                observer.next(entry);
+            }
+        });
+        for (const el of elements) {
+            resizeObserver.observe(el);
+        }
+        // cancel resize observer on cancelation
+        return () => resizeObserver.disconnect();
+    }).pipe(startWith({
+        x: 0,
+        y: 0,
+        width: 0,
+        height: 0,
+        top: 0,
+        right: 0,
+        bottom: 0,
+        left: 0,
+    }));
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVzaXplLW9ic2VydmVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2ZyYW1lcy9saW5lLXVwL3Jlc2l6ZS1vYnNlcnZlci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQ2xDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUMzQyxPQUFPLGNBQWMsTUFBTSwwQkFBMEIsQ0FBQztBQWtCdEQsTUFBTSxVQUFVLFVBQVUsQ0FBQyxHQUFHLFFBQW1CO0lBQy9DLE9BQU8sVUFBVSxDQUFDLE1BQU0sQ0FBQyxVQUFTLFFBQWE7UUFFN0MsTUFBTSxjQUFjLEdBQUcsSUFBSSxjQUFjLENBQUMsQ0FBQyxlQUFvQixFQUFFLEVBQUU7WUFDakUsS0FBSyxNQUFNLEtBQUssSUFBSSxlQUFlLEVBQUU7Z0JBQ25DLFFBQVEsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7YUFDdEI7UUFDSCxDQUFDLENBQUMsQ0FBQztRQUVILEtBQUssTUFBTSxFQUFFLElBQUksUUFBUSxFQUFFO1lBQ3pCLGNBQWMsQ0FBQyxPQUFPLENBQUMsRUFBRSxDQUFDLENBQUM7U0FDNUI7UUFFRCx3Q0FBd0M7UUFDeEMsT0FBTyxHQUFHLEVBQUUsQ0FBQyxjQUFjLENBQUMsVUFBVSxFQUFFLENBQUM7SUFDM0MsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUNOLFNBQVMsQ0FBQztRQUNSLENBQUMsRUFBRSxDQUFDO1FBQ0osQ0FBQyxFQUFFLENBQUM7UUFDSixLQUFLLEVBQUUsQ0FBQztRQUNSLE1BQU0sRUFBRSxDQUFDO1FBQ1QsR0FBRyxFQUFFLENBQUM7UUFDTixLQUFLLEVBQUUsQ0FBQztRQUNSLE1BQU0sRUFBRSxDQUFDO1FBQ1QsSUFBSSxFQUFFLENBQUM7S0FDUixDQUFDLENBQ0YsQ0FBQztBQUNKLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBPYnNlcnZhYmxlIH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBzdGFydFdpdGggfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XG5pbXBvcnQgUmVzaXplT2JzZXJ2ZXIgZnJvbSAncmVzaXplLW9ic2VydmVyLXBvbHlmaWxsJztcblxuZXhwb3J0IGludGVyZmFjZSBET01SZWN0UmVhZE9ubHkge1xuICByZWFkb25seSB4OiBudW1iZXI7XG4gIHJlYWRvbmx5IHk6IG51bWJlcjtcbiAgcmVhZG9ubHkgd2lkdGg6IG51bWJlcjtcbiAgcmVhZG9ubHkgaGVpZ2h0OiBudW1iZXI7XG4gIHJlYWRvbmx5IHRvcDogbnVtYmVyO1xuICByZWFkb25seSByaWdodDogbnVtYmVyO1xuICByZWFkb25seSBib3R0b206IG51bWJlcjtcbiAgcmVhZG9ubHkgbGVmdDogbnVtYmVyO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIFJlc2l6ZU9ic2VydmVyRW50cnkge1xuICByZWFkb25seSB0YXJnZXQ6IEVsZW1lbnQ7XG4gIHJlYWRvbmx5IGNvbnRlbnRSZWN0OiBET01SZWN0UmVhZE9ubHk7XG59XG5cbmV4cG9ydCBmdW5jdGlvbiBmcm9tUmVzaXplKC4uLmVsZW1lbnRzOiBFbGVtZW50W10pOiBPYnNlcnZhYmxlPFJlc2l6ZU9ic2VydmVyRW50cnk+IHtcbiAgcmV0dXJuIE9ic2VydmFibGUuY3JlYXRlKGZ1bmN0aW9uKG9ic2VydmVyOiBhbnkpIHtcblxuICAgIGNvbnN0IHJlc2l6ZU9ic2VydmVyID0gbmV3IFJlc2l6ZU9ic2VydmVyKChvYnNlcnZlckVudHJpZXM6IGFueSkgPT4ge1xuICAgICAgZm9yIChjb25zdCBlbnRyeSBvZiBvYnNlcnZlckVudHJpZXMpIHtcbiAgICAgICAgb2JzZXJ2ZXIubmV4dChlbnRyeSk7XG4gICAgICB9XG4gICAgfSk7XG5cbiAgICBmb3IgKGNvbnN0IGVsIG9mIGVsZW1lbnRzKSB7XG4gICAgICByZXNpemVPYnNlcnZlci5vYnNlcnZlKGVsKTtcbiAgICB9XG5cbiAgICAvLyBjYW5jZWwgcmVzaXplIG9ic2VydmVyIG9uIGNhbmNlbGF0aW9uXG4gICAgcmV0dXJuICgpID0+IHJlc2l6ZU9ic2VydmVyLmRpc2Nvbm5lY3QoKTtcbiAgfSkucGlwZShcbiAgIHN0YXJ0V2l0aCh7XG4gICAgIHg6IDAsXG4gICAgIHk6IDAsXG4gICAgIHdpZHRoOiAwLFxuICAgICBoZWlnaHQ6IDAsXG4gICAgIHRvcDogMCxcbiAgICAgcmlnaHQ6IDAsXG4gICAgIGJvdHRvbTogMCxcbiAgICAgbGVmdDogMCxcbiAgIH0pIFxuICApO1xufVxuIl19

package/esm2020/frames/line-up-v2/index.mjs

@@ -0,0 +1,3 @@
+export * from './line-up.frame';
+export { LineUpModule } from './line-up.module';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvZnJhbWVzL2xpbmUtdXAtdjIvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sa0JBQWtCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2xpbmUtdXAuZnJhbWUnO1xuZXhwb3J0IHsgTGluZVVwTW9kdWxlIH0gZnJvbSAnLi9saW5lLXVwLm1vZHVsZSc7XG4iXX0=

package/esm2020/frames/line-up-v2/line-up.animations.mjs

@@ -0,0 +1,64 @@
+import { animate, query, sequence, state, style, transition, trigger, group } from '@angular/animations';
+const MAIN_ANIMATION = trigger('modeChangeForMain', [
+    state('*', style({
+        width: '100%',
+    })),
+    state('Next', style({
+        display: 'none',
+        width: '0%',
+    })),
+    transition('* => Next', [
+        animate('0.5s', style({ width: '0%' })),
+        style({ display: 'none' }),
+    ]),
+    transition('Next => *', [
+        sequence([
+            style({ display: 'inherit' }),
+            animate('0.5s', style({ width: '100%' })),
+        ]),
+    ]),
+]);
+const NEXT_ANIMATION = trigger('modeChangeForNext', [
+    state('Next', style({
+        position: 'relative',
+        width: '100%',
+    })),
+    state('Both', style({
+        position: 'relative',
+        width: '100%',
+    })),
+    state('Main', style({
+        position: 'relative',
+        display: 'none',
+    })),
+    transition('Main => Next', [
+        query(':enter', [animate('0.5s')], { optional: true }),
+        sequence([
+            style({ display: 'inherit', width: '100%' }),
+            animate('0.5s'),
+        ]),
+    ]),
+    transition('Main => Both', [
+        query(':enter', [animate('0.5s')], { optional: true }),
+        sequence([
+            style({ display: 'inherit', width: '100%' }),
+            animate('0.5s'),
+        ]),
+    ]),
+    transition('Next => Main', group([
+        query(':leave', animate('0.5s', style({ width: '100%' })), { optional: true }),
+        sequence([
+            style({ position: 'absolute', display: 'block', left: '0%' }),
+            animate('0.5s', style({ left: '100%' })),
+        ]),
+    ])),
+    transition('Both => Main', group([
+        query(':leave', animate('0.5s', style({ width: '100%' })), { optional: true }),
+        sequence([
+            style({ position: 'absolute', display: 'block', left: '100%' }),
+            animate('0.5s', style({})),
+        ]),
+    ])),
+]);
+export const LINE_UP_ANIMATIONS = [MAIN_ANIMATION, NEXT_ANIMATION];
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGluZS11cC5hbmltYXRpb25zLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2ZyYW1lcy9saW5lLXVwLXYyL2xpbmUtdXAuYW5pbWF0aW9ucy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBRXpHLE1BQU0sY0FBYyxHQUFHLE9BQU8sQ0FBQyxtQkFBbUIsRUFBRTtJQUNsRCxLQUFLLENBQUMsR0FBRyxFQUFFLEtBQUssQ0FBQztRQUNmLEtBQUssRUFBRSxNQUFNO0tBQ2QsQ0FBQyxDQUFDO0lBQ0gsS0FBSyxDQUFDLE1BQU0sRUFBRSxLQUFLLENBQUM7UUFDbEIsT0FBTyxFQUFFLE1BQU07UUFDZixLQUFLLEVBQUUsSUFBSTtLQUNaLENBQUMsQ0FBQztJQUNILFVBQVUsQ0FBQyxXQUFXLEVBQUU7UUFDdEIsT0FBTyxDQUFDLE1BQU0sRUFBRSxLQUFLLENBQUMsRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FBQztRQUN2QyxLQUFLLENBQUMsRUFBQyxPQUFPLEVBQUUsTUFBTSxFQUFDLENBQUM7S0FDekIsQ0FBQztJQUNGLFVBQVUsQ0FBQyxXQUFXLEVBQUU7UUFDdEIsUUFBUSxDQUFDO1lBQ1AsS0FBSyxDQUFDLEVBQUUsT0FBTyxFQUFFLFNBQVMsRUFBRSxDQUFDO1lBQzdCLE9BQU8sQ0FBQyxNQUFNLEVBQUUsS0FBSyxDQUFDLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxDQUFDLENBQUM7U0FDMUMsQ0FBQztLQUNILENBQUM7Q0FDSCxDQUFDLENBQUM7QUFFSCxNQUFNLGNBQWMsR0FBRyxPQUFPLENBQUMsbUJBQW1CLEVBQUU7SUFDbEQsS0FBSyxDQUFDLE1BQU0sRUFBRSxLQUFLLENBQUM7UUFDbEIsUUFBUSxFQUFFLFVBQVU7UUFDcEIsS0FBSyxFQUFFLE1BQU07S0FDZCxDQUFDLENBQUM7SUFDSCxLQUFLLENBQUMsTUFBTSxFQUFFLEtBQUssQ0FBQztRQUNsQixRQUFRLEVBQUUsVUFBVTtRQUNwQixLQUFLLEVBQUUsTUFBTTtLQUNkLENBQUMsQ0FBQztJQUNILEtBQUssQ0FBQyxNQUFNLEVBQUUsS0FBSyxDQUFDO1FBQ2xCLFFBQVEsRUFBRSxVQUFVO1FBQ3BCLE9BQU8sRUFBRSxNQUFNO0tBQ2hCLENBQUMsQ0FBQztJQUNILFVBQVUsQ0FBQyxjQUFjLEVBQUU7UUFDekIsS0FBSyxDQUFDLFFBQVEsRUFBRSxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsQ0FBQyxFQUFFLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxDQUFDO1FBQ3RELFFBQVEsQ0FBQztZQUNQLEtBQUssQ0FBQyxFQUFFLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxDQUFDO1lBQzVDLE9BQU8sQ0FBQyxNQUFNLENBQUM7U0FDaEIsQ0FBQztLQUNILENBQUM7SUFDRixVQUFVLENBQUMsY0FBYyxFQUFFO1FBQ3pCLEtBQUssQ0FBQyxRQUFRLEVBQUUsQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLENBQUMsRUFBRSxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUsQ0FBQztRQUN0RCxRQUFRLENBQUM7WUFDUCxLQUFLLENBQUMsRUFBRSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsQ0FBQztZQUM1QyxPQUFPLENBQUMsTUFBTSxDQUFDO1NBQ2hCLENBQUM7S0FDSCxDQUFDO0lBQ0YsVUFBVSxDQUFDLGNBQWMsRUFBRSxLQUFLLENBQUM7UUFDL0IsS0FBSyxDQUFDLFFBQVEsRUFBRSxPQUFPLENBQUMsTUFBTSxFQUFFLEtBQUssQ0FBQyxFQUFDLEtBQUssRUFBRSxNQUFNLEVBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLENBQUM7UUFDNUUsUUFBUSxDQUFDO1lBQ1AsS0FBSyxDQUFDLEVBQUMsUUFBUSxFQUFFLFVBQVUsRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUMsQ0FBQztZQUMzRCxPQUFPLENBQUMsTUFBTSxFQUFFLEtBQUssQ0FBQyxFQUFDLElBQUksRUFBRSxNQUFNLEVBQUMsQ0FBQyxDQUFDO1NBQ3ZDLENBQUM7S0FDSCxDQUFDLENBQUM7SUFDSCxVQUFVLENBQUMsY0FBYyxFQUFFLEtBQUssQ0FBQztRQUMvQixLQUFLLENBQUMsUUFBUSxFQUFFLE9BQU8sQ0FBQyxNQUFNLEVBQUUsS0FBSyxDQUFDLEVBQUMsS0FBSyxFQUFFLE1BQU0sRUFBQyxDQUFDLENBQUMsRUFBRSxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUsQ0FBQztRQUM1RSxRQUFRLENBQUM7WUFDUCxLQUFLLENBQUMsRUFBQyxRQUFRLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBQyxDQUFDO1lBQzdELE9BQU8sQ0FBQyxNQUFNLEVBQUUsS0FBSyxDQUFDLEVBQUUsQ0FBQyxDQUFDO1NBQzNCLENBQUM7S0FDSCxDQUFDLENBQUM7Q0FDSixDQUFDLENBQUM7QUFFSCxNQUFNLENBQUMsTUFBTSxrQkFBa0IsR0FBRyxDQUFDLGNBQWMsRUFBRSxjQUFjLENBQUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGFuaW1hdGUsIHF1ZXJ5LCBzZXF1ZW5jZSwgc3RhdGUsIHN0eWxlLCB0cmFuc2l0aW9uLCB0cmlnZ2VyLCBncm91cCB9IGZyb20gJ0Bhbmd1bGFyL2FuaW1hdGlvbnMnO1xuXG5jb25zdCBNQUlOX0FOSU1BVElPTiA9IHRyaWdnZXIoJ21vZGVDaGFuZ2VGb3JNYWluJywgW1xuICBzdGF0ZSgnKicsIHN0eWxlKHtcbiAgICB3aWR0aDogJzEwMCUnLFxuICB9KSksXG4gIHN0YXRlKCdOZXh0Jywgc3R5bGUoe1xuICAgIGRpc3BsYXk6ICdub25lJyxcbiAgICB3aWR0aDogJzAlJyxcbiAgfSkpLFxuICB0cmFuc2l0aW9uKCcqID0+IE5leHQnLCBbXG4gICAgYW5pbWF0ZSgnMC41cycsIHN0eWxlKHsgd2lkdGg6ICcwJScgfSkpLFxuICAgIHN0eWxlKHtkaXNwbGF5OiAnbm9uZSd9KSxcbiAgXSksXG4gIHRyYW5zaXRpb24oJ05leHQgPT4gKicsIFtcbiAgICBzZXF1ZW5jZShbXG4gICAgICBzdHlsZSh7IGRpc3BsYXk6ICdpbmhlcml0JyB9KSxcbiAgICAgIGFuaW1hdGUoJzAuNXMnLCBzdHlsZSh7IHdpZHRoOiAnMTAwJScgfSkpLFxuICAgIF0pLFxuICBdKSxcbl0pO1xuXG5jb25zdCBORVhUX0FOSU1BVElPTiA9IHRyaWdnZXIoJ21vZGVDaGFuZ2VGb3JOZXh0JywgW1xuICBzdGF0ZSgnTmV4dCcsIHN0eWxlKHtcbiAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgICB3aWR0aDogJzEwMCUnLFxuICB9KSksXG4gIHN0YXRlKCdCb3RoJywgc3R5bGUoe1xuICAgIHBvc2l0aW9uOiAncmVsYXRpdmUnLFxuICAgIHdpZHRoOiAnMTAwJScsXG4gIH0pKSxcbiAgc3RhdGUoJ01haW4nLCBzdHlsZSh7XG4gICAgcG9zaXRpb246ICdyZWxhdGl2ZScsXG4gICAgZGlzcGxheTogJ25vbmUnLFxuICB9KSksXG4gIHRyYW5zaXRpb24oJ01haW4gPT4gTmV4dCcsIFtcbiAgICBxdWVyeSgnOmVudGVyJywgW2FuaW1hdGUoJzAuNXMnKV0sIHsgb3B0aW9uYWw6IHRydWUgfSksXG4gICAgc2VxdWVuY2UoW1xuICAgICAgc3R5bGUoeyBkaXNwbGF5OiAnaW5oZXJpdCcsIHdpZHRoOiAnMTAwJScgfSksXG4gICAgICBhbmltYXRlKCcwLjVzJyksXG4gICAgXSksXG4gIF0pLFxuICB0cmFuc2l0aW9uKCdNYWluID0+IEJvdGgnLCBbXG4gICAgcXVlcnkoJzplbnRlcicsIFthbmltYXRlKCcwLjVzJyldLCB7IG9wdGlvbmFsOiB0cnVlIH0pLFxuICAgIHNlcXVlbmNlKFtcbiAgICAgIHN0eWxlKHsgZGlzcGxheTogJ2luaGVyaXQnLCB3aWR0aDogJzEwMCUnIH0pLFxuICAgICAgYW5pbWF0ZSgnMC41cycpLFxuICAgIF0pLFxuICBdKSxcbiAgdHJhbnNpdGlvbignTmV4dCA9PiBNYWluJywgZ3JvdXAoW1xuICAgIHF1ZXJ5KCc6bGVhdmUnLCBhbmltYXRlKCcwLjVzJywgc3R5bGUoe3dpZHRoOiAnMTAwJSd9KSksIHsgb3B0aW9uYWw6IHRydWUgfSksXG4gICAgc2VxdWVuY2UoW1xuICAgICAgc3R5bGUoe3Bvc2l0aW9uOiAnYWJzb2x1dGUnLCBkaXNwbGF5OiAnYmxvY2snLCBsZWZ0OiAnMCUnfSksXG4gICAgICBhbmltYXRlKCcwLjVzJywgc3R5bGUoe2xlZnQ6ICcxMDAlJ30pKSxcbiAgICBdKSxcbiAgXSkpLFxuICB0cmFuc2l0aW9uKCdCb3RoID0+IE1haW4nLCBncm91cChbXG4gICAgcXVlcnkoJzpsZWF2ZScsIGFuaW1hdGUoJzAuNXMnLCBzdHlsZSh7d2lkdGg6ICcxMDAlJ30pKSwgeyBvcHRpb25hbDogdHJ1ZSB9KSxcbiAgICBzZXF1ZW5jZShbXG4gICAgICBzdHlsZSh7cG9zaXRpb246ICdhYnNvbHV0ZScsIGRpc3BsYXk6ICdibG9jaycsIGxlZnQ6ICcxMDAlJ30pLFxuICAgICAgYW5pbWF0ZSgnMC41cycsIHN0eWxlKHt9KSksXG4gICAgXSksXG4gIF0pKSxcbl0pO1xuXG5leHBvcnQgY29uc3QgTElORV9VUF9BTklNQVRJT05TID0gW01BSU5fQU5JTUFUSU9OLCBORVhUX0FOSU1BVElPTl07XG4iXX0=

package/esm2020/frames/line-up-v2/line-up.frame.mjs

@@ -0,0 +1,90 @@
+import { ChangeDetectionStrategy, Component, ElementRef, Injectable, Input, ViewChild } from '@angular/core';
+import { BehaviorSubject, combineLatest, ReplaySubject } from 'rxjs';
+import { takeUntil } from 'rxjs/operators';
+import { LINE_UP_ANIMATIONS } from './line-up.animations';
+import { fromResize } from './resize-observer';
+import * as i0 from "@angular/core";
+var Mode;
+(function (Mode) {
+    Mode["MAIN"] = "Main";
+    Mode["BOTH"] = "Both";
+    Mode["NEXT"] = "Next";
+})(Mode || (Mode = {}));
+export class LineUpFrameService {
+    constructor() {
+        this.frames = [];
+    }
+    register(frame) {
+        this.frames.push(frame);
+        console.debug('this.frames:', this.frames);
+    }
+    unregister(frame) {
+        this.frames = this.frames.slice(0, this.findIndex(frame));
+    }
+    findIndex(frame) {
+        return this.frames.findIndex((value) => value === frame);
+    }
+    propagate(frame) {
+        const target = this.frames?.[this.findIndex(frame) - 1];
+        target?.refresh();
+    }
+}
+LineUpFrameService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LineUpFrameService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+LineUpFrameService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LineUpFrameService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LineUpFrameService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+export class LineUpFrame {
+    constructor(service) {
+        this.service = service;
+        this.Mode = Mode;
+        this.mode = Mode.MAIN;
+        this.refresh$ = new ReplaySubject(1);
+        this.destroy$ = new ReplaySubject(1);
+        this.hasNext$ = new BehaviorSubject(false);
+        this.minNextWidth = 360;
+    }
+    set hasNext(value) {
+        this.hasNext$.next(value);
+    }
+    ;
+    ngOnInit() {
+        this.service.register(this);
+        this.refresh();
+        combineLatest([
+            this.hasNext$,
+            fromResize(this.nextElementRef),
+            this.refresh$,
+        ]).pipe(takeUntil(this.destroy$)).subscribe(([hasNext, width]) => {
+            this.mode = this.resolveMode(hasNext, width);
+            setTimeout(() => this.service.propagate(this), 0);
+        });
+    }
+    ngOnDestroy() {
+        this.service.unregister(this);
+        this.destroy$.next();
+    }
+    refresh() {
+        this.refresh$.next();
+    }
+    resolveMode(hasNext, width) {
+        if (hasNext && width <= this.minNextWidth)
+            return Mode.BOTH;
+        return hasNext ? Mode.NEXT : Mode.MAIN;
+    }
+}
+LineUpFrame.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LineUpFrame, deps: [{ token: LineUpFrameService }], target: i0.ɵɵFactoryTarget.Component });
+LineUpFrame.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: LineUpFrame, selector: "frames-line-up", inputs: { hasNext: "hasNext", minNextWidth: "minNextWidth" }, viewQueries: [{ propertyName: "nextElementRef", first: true, predicate: ["next"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"main\" [@modeChangeForMain]=\"mode\" #main>\n  <ng-content select=\"[main]\"></ng-content>\n</div>\n<div class=\"next\" [@modeChangeForNext]=\"mode\" #next>\n  <ng-content select=\"[next]\"></ng-content>\n</div>", styles: [":host{--gap: 1px;--gap-SCOPED-IN-line-up-JTlL: var(--gap);--background: #ccc;--background-SCOPED-IN-line-up-JTlL: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-line-up-JTlL: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;grid-gap:var(--gap-SCOPED-IN-line-up-JTlL);gap:var(--gap-SCOPED-IN-line-up-JTlL);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-line-up-JTlL)}:host div{display:flex;max-width:-moz-fit-content;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-line-up-JTlL)}:host div.main{overflow:hidden;justify-content:flex-end}:host div.next{overflow:visible;justify-content:flex-start}\n"], animations: LINE_UP_ANIMATIONS, changeDetection: i0.ChangeDetectionStrategy.Default });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LineUpFrame, decorators: [{
+            type: Component,
+            args: [{ selector: 'frames-line-up', changeDetection: ChangeDetectionStrategy.Default, animations: LINE_UP_ANIMATIONS, template: "<div class=\"main\" [@modeChangeForMain]=\"mode\" #main>\n  <ng-content select=\"[main]\"></ng-content>\n</div>\n<div class=\"next\" [@modeChangeForNext]=\"mode\" #next>\n  <ng-content select=\"[next]\"></ng-content>\n</div>", styles: [":host{--gap: 1px;--gap-SCOPED-IN-line-up-JTlL: var(--gap);--background: #ccc;--background-SCOPED-IN-line-up-JTlL: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-line-up-JTlL: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;grid-gap:var(--gap-SCOPED-IN-line-up-JTlL);gap:var(--gap-SCOPED-IN-line-up-JTlL);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-line-up-JTlL)}:host div{display:flex;max-width:-moz-fit-content;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-line-up-JTlL)}:host div.main{overflow:hidden;justify-content:flex-end}:host div.next{overflow:visible;justify-content:flex-start}\n"] }]
+        }], ctorParameters: function () { return [{ type: LineUpFrameService }]; }, propDecorators: { hasNext: [{
+                type: Input
+            }], minNextWidth: [{
+                type: Input
+            }], nextElementRef: [{
+                type: ViewChild,
+                args: ['next', { static: true }]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGluZS11cC5mcmFtZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9mcmFtZXMvbGluZS11cC12Mi9saW5lLXVwLmZyYW1lLnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2ZyYW1lcy9saW5lLXVwLXYyL2xpbmUtdXAuZnJhbWUuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxVQUFVLEVBQUUsS0FBSyxFQUFxQixTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDaEksT0FBTyxFQUFFLGVBQWUsRUFBRSxhQUFhLEVBQUUsYUFBYSxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQ3JFLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUMzQyxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUMxRCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7O0FBRS9DLElBQUssSUFJSjtBQUpELFdBQUssSUFBSTtJQUNQLHFCQUFhLENBQUE7SUFDYixxQkFBYSxDQUFBO0lBQ2IscUJBQWEsQ0FBQTtBQUNmLENBQUMsRUFKSSxJQUFJLEtBQUosSUFBSSxRQUlSO0FBR0QsTUFBTSxPQUFPLGtCQUFrQjtJQUQvQjtRQUVFLFdBQU0sR0FBa0IsRUFBRSxDQUFDO0tBbUI1QjtJQWpCQyxRQUFRLENBQUMsS0FBa0I7UUFDekIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDeEIsT0FBTyxDQUFDLEtBQUssQ0FBQyxjQUFjLEVBQUUsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQzdDLENBQUM7SUFFRCxVQUFVLENBQUMsS0FBa0I7UUFDM0IsSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDLEVBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDO0lBQzVELENBQUM7SUFFRCxTQUFTLENBQUMsS0FBa0I7UUFDMUIsT0FBTyxJQUFJLENBQUMsTUFBTSxDQUFDLFNBQVMsQ0FBQyxDQUFDLEtBQUssRUFBRSxFQUFFLENBQUMsS0FBSyxLQUFLLEtBQUssQ0FBQyxDQUFDO0lBQzNELENBQUM7SUFFRCxTQUFTLENBQUMsS0FBa0I7UUFDMUIsTUFBTSxNQUFNLEdBQUcsSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUM7UUFDeEQsTUFBTSxFQUFFLE9BQU8sRUFBRSxDQUFDO0lBQ3BCLENBQUM7O2dIQW5CVSxrQkFBa0I7b0hBQWxCLGtCQUFrQixjQUROLE1BQU07NEZBQ2xCLGtCQUFrQjtrQkFEOUIsVUFBVTttQkFBQyxFQUFDLFVBQVUsRUFBRSxNQUFNLEVBQUM7O0FBOEJoQyxNQUFNLE9BQU8sV0FBVztJQW1CdEIsWUFBb0IsT0FBMkI7UUFBM0IsWUFBTyxHQUFQLE9BQU8sQ0FBb0I7UUFsQi9DLFNBQUksR0FBRyxJQUFJLENBQUM7UUFDWixTQUFJLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQztRQUVBLGFBQVEsR0FBRyxJQUFJLGFBQWEsQ0FBTyxDQUFDLENBQUMsQ0FBQztRQUN0QyxhQUFRLEdBQUcsSUFBSSxhQUFhLENBQU8sQ0FBQyxDQUFDLENBQUM7UUFDdEMsYUFBUSxHQUFHLElBQUksZUFBZSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBUXZELGlCQUFZLEdBQVcsR0FBRyxDQUFDO0lBS3dCLENBQUM7SUFYcEQsSUFDSSxPQUFPLENBQUMsS0FBYztRQUN4QixJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUM1QixDQUFDO0lBQUEsQ0FBQztJQVVGLFFBQVE7UUFDTixJQUFJLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUM1QixJQUFJLENBQUMsT0FBTyxFQUFFLENBQUM7UUFFZixhQUFhLENBQUM7WUFDWixJQUFJLENBQUMsUUFBUTtZQUNiLFVBQVUsQ0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDO1lBQy9CLElBQUksQ0FBQyxRQUFRO1NBQ2QsQ0FBQyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxPQUFPLEVBQUUsS0FBSyxDQUFDLEVBQUUsRUFBRTtZQUMvRCxJQUFJLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQyxXQUFXLENBQUMsT0FBTyxFQUFFLEtBQUssQ0FBQyxDQUFDO1lBQzdDLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQztRQUNwRCxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLE9BQU8sQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDOUIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN2QixDQUFDO0lBRUQsT0FBTztRQUNMLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDdkIsQ0FBQztJQUVPLFdBQVcsQ0FBQyxPQUFnQixFQUFFLEtBQWE7UUFDakQsSUFBSSxPQUFPLElBQUksS0FBSyxJQUFJLElBQUksQ0FBQyxZQUFZO1lBQUUsT0FBTyxJQUFJLENBQUMsSUFBSSxDQUFDO1FBQzVELE9BQU8sT0FBTyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDO0lBQ3pDLENBQUM7O3lHQS9DVSxXQUFXLGtCQW1CTyxrQkFBa0I7NkZBbkJwQyxXQUFXLDBPQzFDeEIsa09BS00sNHdCRG1DUSxrQkFBa0I7NEZBRW5CLFdBQVc7a0JBUHZCLFNBQVM7K0JBQ0UsZ0JBQWdCLG1CQUdULHVCQUF1QixDQUFDLE9BQU8sY0FDcEMsa0JBQWtCOzBEQXFCRCxrQkFBa0IsMEJBVjNDLE9BQU87c0JBRFYsS0FBSztnQkFNTixZQUFZO3NCQURYLEtBQUs7Z0JBSU4sY0FBYztzQkFEYixTQUFTO3VCQUFDLE1BQU0sRUFBRSxFQUFDLE1BQU0sRUFBRSxJQUFJLEVBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBJbmplY3RhYmxlLCBJbnB1dCwgT25EZXN0cm95LCBPbkluaXQsIFZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQmVoYXZpb3JTdWJqZWN0LCBjb21iaW5lTGF0ZXN0LCBSZXBsYXlTdWJqZWN0IH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyB0YWtlVW50aWwgfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XG5pbXBvcnQgeyBMSU5FX1VQX0FOSU1BVElPTlMgfSBmcm9tICcuL2xpbmUtdXAuYW5pbWF0aW9ucyc7XG5pbXBvcnQgeyBmcm9tUmVzaXplIH0gZnJvbSAnLi9yZXNpemUtb2JzZXJ2ZXInO1xuXG5lbnVtIE1vZGUge1xuICBNQUlOID0gJ01haW4nLFxuICBCT1RIID0gJ0JvdGgnLFxuICBORVhUID0gJ05leHQnLFxufVxuXG5ASW5qZWN0YWJsZSh7cHJvdmlkZWRJbjogJ3Jvb3QnfSlcbmV4cG9ydCBjbGFzcyBMaW5lVXBGcmFtZVNlcnZpY2Uge1xuICBmcmFtZXM6IExpbmVVcEZyYW1lW10gPSBbXTtcblxuICByZWdpc3RlcihmcmFtZTogTGluZVVwRnJhbWUpIHtcbiAgICB0aGlzLmZyYW1lcy5wdXNoKGZyYW1lKTtcbiAgICBjb25zb2xlLmRlYnVnKCd0aGlzLmZyYW1lczonLCB0aGlzLmZyYW1lcyk7XG4gIH1cblxuICB1bnJlZ2lzdGVyKGZyYW1lOiBMaW5lVXBGcmFtZSkge1xuICAgIHRoaXMuZnJhbWVzID0gdGhpcy5mcmFtZXMuc2xpY2UoMCwgdGhpcy5maW5kSW5kZXgoZnJhbWUpKTtcbiAgfVxuXG4gIGZpbmRJbmRleChmcmFtZTogTGluZVVwRnJhbWUpOiBudW1iZXIge1xuICAgIHJldHVybiB0aGlzLmZyYW1lcy5maW5kSW5kZXgoKHZhbHVlKSA9PiB2YWx1ZSA9PT0gZnJhbWUpO1xuICB9XG5cbiAgcHJvcGFnYXRlKGZyYW1lOiBMaW5lVXBGcmFtZSk6IHZvaWQge1xuICAgIGNvbnN0IHRhcmdldCA9IHRoaXMuZnJhbWVzPy5bdGhpcy5maW5kSW5kZXgoZnJhbWUpIC0gMV07XG4gICAgdGFyZ2V0Py5yZWZyZXNoKCk7XG4gIH1cbn1cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZnJhbWVzLWxpbmUtdXAnLFxuICB0ZW1wbGF0ZVVybDogJy4vbGluZS11cC5mcmFtZS5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vbGluZS11cC5mcmFtZS5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuRGVmYXVsdCxcbiAgYW5pbWF0aW9uczogTElORV9VUF9BTklNQVRJT05TLFxufSlcbmV4cG9ydCBjbGFzcyBMaW5lVXBGcmFtZSBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcbiAgTW9kZSA9IE1vZGU7XG4gIG1vZGUgPSBNb2RlLk1BSU47XG5cbiAgcHJpdmF0ZSByZWFkb25seSByZWZyZXNoJCA9IG5ldyBSZXBsYXlTdWJqZWN0PHZvaWQ+KDEpO1xuICBwcml2YXRlIHJlYWRvbmx5IGRlc3Ryb3kkID0gbmV3IFJlcGxheVN1YmplY3Q8dm9pZD4oMSk7XG4gIHByaXZhdGUgcmVhZG9ubHkgaGFzTmV4dCQgPSBuZXcgQmVoYXZpb3JTdWJqZWN0KGZhbHNlKTsgIFxuXG4gIEBJbnB1dCgpXG4gIHNldCBoYXNOZXh0KHZhbHVlOiBib29sZWFuKSB7XG4gICAgdGhpcy5oYXNOZXh0JC5uZXh0KHZhbHVlKTtcbiAgfTtcblxuICBASW5wdXQoKVxuICBtaW5OZXh0V2lkdGg6IG51bWJlciA9IDM2MDtcblxuICBAVmlld0NoaWxkKCduZXh0Jywge3N0YXRpYzogdHJ1ZX0pXG4gIG5leHRFbGVtZW50UmVmITogRWxlbWVudFJlZjtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHNlcnZpY2U6IExpbmVVcEZyYW1lU2VydmljZSkgeyB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5zZXJ2aWNlLnJlZ2lzdGVyKHRoaXMpO1xuICAgIHRoaXMucmVmcmVzaCgpO1xuICAgIFxuICAgIGNvbWJpbmVMYXRlc3QoW1xuICAgICAgdGhpcy5oYXNOZXh0JCwgXG4gICAgICBmcm9tUmVzaXplKHRoaXMubmV4dEVsZW1lbnRSZWYpLFxuICAgICAgdGhpcy5yZWZyZXNoJCxcbiAgICBdKS5waXBlKHRha2VVbnRpbCh0aGlzLmRlc3Ryb3kkKSkuc3Vic2NyaWJlKChbaGFzTmV4dCwgd2lkdGhdKSA9PiB7XG4gICAgICB0aGlzLm1vZGUgPSB0aGlzLnJlc29sdmVNb2RlKGhhc05leHQsIHdpZHRoKTtcbiAgICAgIHNldFRpbWVvdXQoKCkgPT4gdGhpcy5zZXJ2aWNlLnByb3BhZ2F0ZSh0aGlzKSwgMCk7XG4gICAgfSk7XG4gIH1cblxuICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICB0aGlzLnNlcnZpY2UudW5yZWdpc3Rlcih0aGlzKTtcbiAgICB0aGlzLmRlc3Ryb3kkLm5leHQoKTsgXG4gIH1cblxuICByZWZyZXNoKCkge1xuICAgIHRoaXMucmVmcmVzaCQubmV4dCgpO1xuICB9XG5cbiAgcHJpdmF0ZSByZXNvbHZlTW9kZShoYXNOZXh0OiBib29sZWFuLCB3aWR0aDogbnVtYmVyKTogTW9kZSB7XG4gICAgaWYgKGhhc05leHQgJiYgd2lkdGggPD0gdGhpcy5taW5OZXh0V2lkdGgpIHJldHVybiBNb2RlLkJPVEg7XG4gICAgcmV0dXJuIGhhc05leHQgPyBNb2RlLk5FWFQgOiBNb2RlLk1BSU47XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJtYWluXCIgW0Btb2RlQ2hhbmdlRm9yTWFpbl09XCJtb2RlXCIgI21haW4+XG4gIDxuZy1jb250ZW50IHNlbGVjdD1cIlttYWluXVwiPjwvbmctY29udGVudD5cbjwvZGl2PlxuPGRpdiBjbGFzcz1cIm5leHRcIiBbQG1vZGVDaGFuZ2VGb3JOZXh0XT1cIm1vZGVcIiAjbmV4dD5cbiAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW25leHRdXCI+PC9uZy1jb250ZW50PlxuPC9kaXY+Il19

package/esm2020/frames/line-up-v2/line-up.module.mjs

@@ -0,0 +1,26 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
+import { LineUpFrame } from './line-up.frame';
+import * as i0 from "@angular/core";
+export class LineUpModule {
+}
+LineUpModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LineUpModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+LineUpModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LineUpModule, declarations: [LineUpFrame], imports: [CommonModule,
+        MatProgressSpinnerModule], exports: [LineUpFrame] });
+LineUpModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LineUpModule, imports: [[
+            CommonModule,
+            MatProgressSpinnerModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LineUpModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [LineUpFrame],
+                    imports: [
+                        CommonModule,
+                        MatProgressSpinnerModule
+                    ],
+                    exports: [LineUpFrame]
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGluZS11cC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvZnJhbWVzL2xpbmUtdXAtdjIvbGluZS11cC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFFOUUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGlCQUFpQixDQUFDOztBQVc5QyxNQUFNLE9BQU8sWUFBWTs7MEdBQVosWUFBWTsyR0FBWixZQUFZLGlCQVBSLFdBQVcsYUFFeEIsWUFBWTtRQUNaLHdCQUF3QixhQUVoQixXQUFXOzJHQUVWLFlBQVksWUFOZDtZQUNQLFlBQVk7WUFDWix3QkFBd0I7U0FDekI7NEZBR1UsWUFBWTtrQkFSeEIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyxXQUFXLENBQUM7b0JBQzNCLE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLHdCQUF3QjtxQkFDekI7b0JBQ0QsT0FBTyxFQUFFLENBQUMsV0FBVyxDQUFDO2lCQUN2QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTWF0UHJvZ3Jlc3NTcGlubmVyTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvcHJvZ3Jlc3Mtc3Bpbm5lcic7XG5cbmltcG9ydCB7IExpbmVVcEZyYW1lIH0gZnJvbSAnLi9saW5lLXVwLmZyYW1lJztcblxuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtMaW5lVXBGcmFtZV0sXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgTWF0UHJvZ3Jlc3NTcGlubmVyTW9kdWxlXG4gIF0sXG4gIGV4cG9ydHM6IFtMaW5lVXBGcmFtZV1cbn0pXG5leHBvcnQgY2xhc3MgTGluZVVwTW9kdWxlIHsgfVxuIl19

package/esm2020/frames/line-up-v2/ng-atomic-components-frames-line-up-v2.mjs

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

package/esm2020/frames/line-up-v2/resize-observer.mjs

@@ -0,0 +1,13 @@
+import { Observable } from 'rxjs';
+import { startWith } from 'rxjs/operators';
+import ResizeObserver from 'resize-observer-polyfill';
+import { distinctUntilChanged, map } from 'rxjs/operators';
+export function fromResize({ nativeElement }) {
+    return Observable.create(function (observer) {
+        const callback = (entries) => entries.forEach(e => observer.next(e));
+        const resizeObserver = new ResizeObserver(callback);
+        resizeObserver.observe(nativeElement);
+        return () => resizeObserver.disconnect();
+    }).pipe(map(({ contentRect }) => contentRect?.width ?? 0), startWith(0), distinctUntilChanged());
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVzaXplLW9ic2VydmVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2ZyYW1lcy9saW5lLXVwLXYyL3Jlc2l6ZS1vYnNlcnZlci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQ2xDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUMzQyxPQUFPLGNBQWMsTUFBTSwwQkFBMEIsQ0FBQztBQUN0RCxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsR0FBRyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFHM0QsTUFBTSxVQUFVLFVBQVUsQ0FBQyxFQUFDLGFBQWEsRUFBc0I7SUFDN0QsT0FBTyxVQUFVLENBQUMsTUFBTSxDQUFDLFVBQVMsUUFBYTtRQUM3QyxNQUFNLFFBQVEsR0FBRyxDQUFDLE9BQVksRUFBRSxFQUFFLENBQUMsT0FBTyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUMxRSxNQUFNLGNBQWMsR0FBRyxJQUFJLGNBQWMsQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUNwRCxjQUFjLENBQUMsT0FBTyxDQUFDLGFBQWEsQ0FBQyxDQUFDO1FBQ3RDLE9BQU8sR0FBRyxFQUFFLENBQUMsY0FBYyxDQUFDLFVBQVUsRUFBRSxDQUFDO0lBQzNDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FDTCxHQUFHLENBQUMsQ0FBQyxFQUFDLFdBQVcsRUFBQyxFQUFFLEVBQUUsQ0FBQyxXQUFXLEVBQUUsS0FBSyxJQUFJLENBQUMsQ0FBQyxFQUMvQyxTQUFTLENBQUMsQ0FBQyxDQUFDLEVBQ1osb0JBQW9CLEVBQUUsQ0FDdkIsQ0FBQztBQUNKLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBPYnNlcnZhYmxlIH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBzdGFydFdpdGggfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XG5pbXBvcnQgUmVzaXplT2JzZXJ2ZXIgZnJvbSAncmVzaXplLW9ic2VydmVyLXBvbHlmaWxsJztcbmltcG9ydCB7IGRpc3RpbmN0VW50aWxDaGFuZ2VkLCBtYXAgfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XG5pbXBvcnQgeyBFbGVtZW50UmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmV4cG9ydCBmdW5jdGlvbiBmcm9tUmVzaXplKHtuYXRpdmVFbGVtZW50fTogRWxlbWVudFJlZjxFbGVtZW50Pik6IE9ic2VydmFibGU8bnVtYmVyPiB7XG4gIHJldHVybiBPYnNlcnZhYmxlLmNyZWF0ZShmdW5jdGlvbihvYnNlcnZlcjogYW55KSB7XG4gICAgY29uc3QgY2FsbGJhY2sgPSAoZW50cmllczogYW55KSA9PiBlbnRyaWVzLmZvckVhY2goZSA9PiBvYnNlcnZlci5uZXh0KGUpKTtcbiAgICBjb25zdCByZXNpemVPYnNlcnZlciA9IG5ldyBSZXNpemVPYnNlcnZlcihjYWxsYmFjayk7XG4gICAgcmVzaXplT2JzZXJ2ZXIub2JzZXJ2ZShuYXRpdmVFbGVtZW50KTtcbiAgICByZXR1cm4gKCkgPT4gcmVzaXplT2JzZXJ2ZXIuZGlzY29ubmVjdCgpO1xuICB9KS5waXBlKFxuICAgIG1hcCgoe2NvbnRlbnRSZWN0fSkgPT4gY29udGVudFJlY3Q/LndpZHRoID8/IDApLFxuICAgIHN0YXJ0V2l0aCgwKSxcbiAgICBkaXN0aW5jdFVudGlsQ2hhbmdlZCgpLFxuICApO1xufVxuIl19

package/esm2020/frames/overlay/index.mjs

@@ -0,0 +1,3 @@
+export * from './overlay.frame';
+export * from './overlay.module';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvZnJhbWVzL292ZXJsYXkvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLGtCQUFrQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9vdmVybGF5LmZyYW1lJztcbmV4cG9ydCAqIGZyb20gJy4vb3ZlcmxheS5tb2R1bGUnOyJdfQ==

package/esm2020/frames/overlay/ng-atomic-components-frames-overlay.mjs

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

package/esm2020/frames/overlay/overlay.animations.mjs

@@ -0,0 +1,28 @@
+import { trigger, transition, style, query, animateChild, animate } from '@angular/animations';
+export const slideInAnimation = trigger('routeAnimations', [
+    transition('IndexPage => NextPage', [
+        query(':enter', [
+            style({
+                position: 'absolute',
+                top: '0px',
+                left: '0px'
+            })
+        ]),
+        query(':enter', [style({ left: '100%' })]),
+        query(':enter', [animate('300ms ease-out', style({ left: '0%' }))]),
+        query(':enter', animateChild()),
+    ]),
+    transition('NextPage => IndexPage', [
+        query(':leave', [
+            style({
+                position: 'absolute',
+                top: '0px',
+                left: '0px'
+            })
+        ]),
+        query(':leave', [style({ left: '0%' })]),
+        query(':leave', [animate('300ms ease-in', style({ left: '100%' }))]),
+        query(':leave', animateChild()),
+    ])
+]);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3ZlcmxheS5hbmltYXRpb25zLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2ZyYW1lcy9vdmVybGF5L292ZXJsYXkuYW5pbWF0aW9ucy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsT0FBTyxFQUFFLFVBQVUsRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFTLFlBQVksRUFBRSxPQUFPLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUV0RyxNQUFNLENBQUMsTUFBTSxnQkFBZ0IsR0FBRyxPQUFPLENBQUMsaUJBQWlCLEVBQUU7SUFDekQsVUFBVSxDQUFDLHVCQUF1QixFQUFFO1FBQ2xDLEtBQUssQ0FBQyxRQUFRLEVBQUU7WUFDZCxLQUFLLENBQUM7Z0JBQ0osUUFBUSxFQUFFLFVBQVU7Z0JBQ3BCLEdBQUcsRUFBRSxLQUFLO2dCQUNWLElBQUksRUFBRSxLQUFLO2FBQ1osQ0FBQztTQUNILENBQUM7UUFDRixLQUFLLENBQUMsUUFBUSxFQUFFLENBQUMsS0FBSyxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxDQUFDLENBQUMsQ0FBQztRQUMxQyxLQUFLLENBQUMsUUFBUSxFQUFFLENBQUMsT0FBTyxDQUFDLGdCQUFnQixFQUFFLEtBQUssQ0FBQyxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUNuRSxLQUFLLENBQUMsUUFBUSxFQUFFLFlBQVksRUFBRSxDQUFDO0tBQ2hDLENBQUM7SUFFRixVQUFVLENBQUMsdUJBQXVCLEVBQUU7UUFDaEMsS0FBSyxDQUFDLFFBQVEsRUFBRTtZQUNkLEtBQUssQ0FBQztnQkFDSixRQUFRLEVBQUUsVUFBVTtnQkFDcEIsR0FBRyxFQUFFLEtBQUs7Z0JBQ1YsSUFBSSxFQUFFLEtBQUs7YUFDWixDQUFDO1NBQ0gsQ0FBQztRQUNGLEtBQUssQ0FBQyxRQUFRLEVBQUUsQ0FBQyxLQUFLLENBQUMsRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FBQyxDQUFDO1FBQ3hDLEtBQUssQ0FBQyxRQUFRLEVBQUUsQ0FBQyxPQUFPLENBQUMsZUFBZSxFQUFFLEtBQUssQ0FBQyxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUNwRSxLQUFLLENBQUMsUUFBUSxFQUFFLFlBQVksRUFBRSxDQUFDO0tBQ2xDLENBQUM7Q0FFSCxDQUFDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB0cmlnZ2VyLCB0cmFuc2l0aW9uLCBzdHlsZSwgcXVlcnksIGdyb3VwLCBhbmltYXRlQ2hpbGQsIGFuaW1hdGUgfSBmcm9tICdAYW5ndWxhci9hbmltYXRpb25zJztcblxuZXhwb3J0IGNvbnN0IHNsaWRlSW5BbmltYXRpb24gPSB0cmlnZ2VyKCdyb3V0ZUFuaW1hdGlvbnMnLCBbXG4gIHRyYW5zaXRpb24oJ0luZGV4UGFnZSA9PiBOZXh0UGFnZScsIFtcbiAgICBxdWVyeSgnOmVudGVyJywgW1xuICAgICAgc3R5bGUoe1xuICAgICAgICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgICAgICAgdG9wOiAnMHB4JyxcbiAgICAgICAgbGVmdDogJzBweCdcbiAgICAgIH0pXG4gICAgXSksXG4gICAgcXVlcnkoJzplbnRlcicsIFtzdHlsZSh7IGxlZnQ6ICcxMDAlJyB9KV0pLFxuICAgIHF1ZXJ5KCc6ZW50ZXInLCBbYW5pbWF0ZSgnMzAwbXMgZWFzZS1vdXQnLCBzdHlsZSh7IGxlZnQ6ICcwJScgfSkpXSksXG4gICAgcXVlcnkoJzplbnRlcicsIGFuaW1hdGVDaGlsZCgpKSxcbiAgXSksXG5cbiAgdHJhbnNpdGlvbignTmV4dFBhZ2UgPT4gSW5kZXhQYWdlJywgW1xuICAgICAgcXVlcnkoJzpsZWF2ZScsIFtcbiAgICAgICAgc3R5bGUoe1xuICAgICAgICAgIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICAgICAgICAgIHRvcDogJzBweCcsXG4gICAgICAgICAgbGVmdDogJzBweCdcbiAgICAgICAgfSlcbiAgICAgIF0pLFxuICAgICAgcXVlcnkoJzpsZWF2ZScsIFtzdHlsZSh7IGxlZnQ6ICcwJScgfSldKSxcbiAgICAgIHF1ZXJ5KCc6bGVhdmUnLCBbYW5pbWF0ZSgnMzAwbXMgZWFzZS1pbicsIHN0eWxlKHsgbGVmdDogJzEwMCUnIH0pKV0pLFxuICAgICAgcXVlcnkoJzpsZWF2ZScsIGFuaW1hdGVDaGlsZCgpKSxcbiAgXSlcblxuXSk7Il19

package/esm2020/frames/overlay/overlay.frame.mjs

@@ -0,0 +1,26 @@
+import { Component, Input } from '@angular/core';
+import { RouterOutlet } from '@angular/router';
+import { slideInAnimation } from './overlay.animations';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/progress-spinner";
+import * as i2 from "@angular/common";
+export class OverlayFrame {
+    constructor() {
+        this.outlet = null;
+        this.isLoading = false;
+    }
+    prepareRoute(outlet) {
+        return outlet?.activatedRouteData?.page;
+    }
+}
+OverlayFrame.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: OverlayFrame, deps: [], target: i0.ɵɵFactoryTarget.Component });
+OverlayFrame.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: OverlayFrame, selector: "frames-overlay", inputs: { outlet: "outlet", isLoading: "isLoading" }, ngImport: i0, template: "<div class=\"loading\" *ngIf=\"isLoading\">\n    <mat-spinner></mat-spinner>\n</div>\n<div class=\"main page\">\n    <ng-content select=[mainPage]></ng-content>\n</div>\n<div class=\"next page\" [@routeAnimations]=\"prepareRoute(outlet)\">\n    <ng-content select=[nextPage]></ng-content>\n</div>", styles: [":host{--cell: 8px;--cell-SCOPED-IN-line-overlay-oMi8: var(--cell);--width: 100%;--width-SCOPED-IN-line-overlay-oMi8: var(--width);--height: 100%;--height-SCOPED-IN-line-overlay-oMi8: var(--height)}:host{position:relative;display:block;width:var(--width-SCOPED-IN-line-overlay-oMi8);height:var(--height-SCOPED-IN-line-overlay-oMi8)}:host .loading{position:absolute;z-index:1000;top:0;left:0;display:flex;width:var(--width-SCOPED-IN-line-overlay-oMi8);height:var(--height-SCOPED-IN-line-overlay-oMi8);justify-content:center;align-items:center;background-color:#0006}:host .main.page{position:absolute;top:0;left:0;z-index:1;width:var(--width-SCOPED-IN-line-overlay-oMi8);height:var(--height-SCOPED-IN-line-overlay-oMi8);overflow:hidden}:host .main.page *{--cell: var(--cell-SCOPED-IN-line-overlay-oMi8);--width: var(--width-SCOPED-IN-line-overlay-oMi8);--height: var(--height-SCOPED-IN-line-overlay-oMi8)}:host .next.page{position:absolute;top:0;left:0;z-index:2;width:var(--width-SCOPED-IN-line-overlay-oMi8);height:auto}:host .next.page *{--cell: var(--cell-SCOPED-IN-line-overlay-oMi8);--width: var(--width-SCOPED-IN-line-overlay-oMi8);--height: var(--height-SCOPED-IN-line-overlay-oMi8)}\n"], components: [{ type: i1.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "diameter", "strokeWidth", "mode", "value"], exportAs: ["matProgressSpinner"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], animations: [slideInAnimation] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: OverlayFrame, decorators: [{
+            type: Component,
+            args: [{ selector: 'frames-overlay', animations: [slideInAnimation], template: "<div class=\"loading\" *ngIf=\"isLoading\">\n    <mat-spinner></mat-spinner>\n</div>\n<div class=\"main page\">\n    <ng-content select=[mainPage]></ng-content>\n</div>\n<div class=\"next page\" [@routeAnimations]=\"prepareRoute(outlet)\">\n    <ng-content select=[nextPage]></ng-content>\n</div>", styles: [":host{--cell: 8px;--cell-SCOPED-IN-line-overlay-oMi8: var(--cell);--width: 100%;--width-SCOPED-IN-line-overlay-oMi8: var(--width);--height: 100%;--height-SCOPED-IN-line-overlay-oMi8: var(--height)}:host{position:relative;display:block;width:var(--width-SCOPED-IN-line-overlay-oMi8);height:var(--height-SCOPED-IN-line-overlay-oMi8)}:host .loading{position:absolute;z-index:1000;top:0;left:0;display:flex;width:var(--width-SCOPED-IN-line-overlay-oMi8);height:var(--height-SCOPED-IN-line-overlay-oMi8);justify-content:center;align-items:center;background-color:#0006}:host .main.page{position:absolute;top:0;left:0;z-index:1;width:var(--width-SCOPED-IN-line-overlay-oMi8);height:var(--height-SCOPED-IN-line-overlay-oMi8);overflow:hidden}:host .main.page *{--cell: var(--cell-SCOPED-IN-line-overlay-oMi8);--width: var(--width-SCOPED-IN-line-overlay-oMi8);--height: var(--height-SCOPED-IN-line-overlay-oMi8)}:host .next.page{position:absolute;top:0;left:0;z-index:2;width:var(--width-SCOPED-IN-line-overlay-oMi8);height:auto}:host .next.page *{--cell: var(--cell-SCOPED-IN-line-overlay-oMi8);--width: var(--width-SCOPED-IN-line-overlay-oMi8);--height: var(--height-SCOPED-IN-line-overlay-oMi8)}\n"] }]
+        }], propDecorators: { outlet: [{
+                type: Input
+            }], isLoading: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3ZlcmxheS5mcmFtZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9mcmFtZXMvb3ZlcmxheS9vdmVybGF5LmZyYW1lLnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2ZyYW1lcy9vdmVybGF5L292ZXJsYXkuZnJhbWUuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sc0JBQXNCLENBQUM7Ozs7QUFReEQsTUFBTSxPQUFPLFlBQVk7SUFOekI7UUFTRSxXQUFNLEdBQXlCLElBQUksQ0FBQztRQUdwQyxjQUFTLEdBQVksS0FBSyxDQUFDO0tBTTVCO0lBSkMsWUFBWSxDQUFDLE1BQW9CO1FBQy9CLE9BQU8sTUFBTSxFQUFFLGtCQUFrQixFQUFFLElBQUksQ0FBQztJQUMxQyxDQUFDOzswR0FWVSxZQUFZOzhGQUFaLFlBQVksNEdDVnpCLDBTQVFNLGkrQ0RBUSxDQUFDLGdCQUFnQixDQUFDOzRGQUVuQixZQUFZO2tCQU54QixTQUFTOytCQUNFLGdCQUFnQixjQUdkLENBQUMsZ0JBQWdCLENBQUM7OEJBSzlCLE1BQU07c0JBREwsS0FBSztnQkFJTixTQUFTO3NCQURSLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBSb3V0ZXJPdXRsZXQgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xuaW1wb3J0IHsgc2xpZGVJbkFuaW1hdGlvbiB9IGZyb20gJy4vb3ZlcmxheS5hbmltYXRpb25zJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZnJhbWVzLW92ZXJsYXknLFxuICB0ZW1wbGF0ZVVybDogJy4vb3ZlcmxheS5mcmFtZS5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vb3ZlcmxheS5mcmFtZS5zY3NzJ10sXG4gIGFuaW1hdGlvbnM6IFtzbGlkZUluQW5pbWF0aW9uXSxcbn0pXG5leHBvcnQgY2xhc3MgT3ZlcmxheUZyYW1lIHtcbiAgXG4gIEBJbnB1dCgpXG4gIG91dGxldD86IFJvdXRlck91dGxldCB8IG51bGwgPSBudWxsO1xuXG4gIEBJbnB1dCgpXG4gIGlzTG9hZGluZzogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIHByZXBhcmVSb3V0ZShvdXRsZXQ6IFJvdXRlck91dGxldCkge1xuICAgIHJldHVybiBvdXRsZXQ/LmFjdGl2YXRlZFJvdXRlRGF0YT8ucGFnZTtcbiAgfVxuXG59XG4iLCI8ZGl2IGNsYXNzPVwibG9hZGluZ1wiICpuZ0lmPVwiaXNMb2FkaW5nXCI+XG4gICAgPG1hdC1zcGlubmVyPjwvbWF0LXNwaW5uZXI+XG48L2Rpdj5cbjxkaXYgY2xhc3M9XCJtYWluIHBhZ2VcIj5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9W21haW5QYWdlXT48L25nLWNvbnRlbnQ+XG48L2Rpdj5cbjxkaXYgY2xhc3M9XCJuZXh0IHBhZ2VcIiBbQHJvdXRlQW5pbWF0aW9uc109XCJwcmVwYXJlUm91dGUob3V0bGV0KVwiPlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1bbmV4dFBhZ2VdPjwvbmctY29udGVudD5cbjwvZGl2PiJdfQ==

package/esm2020/frames/overlay/overlay.module.mjs

@@ -0,0 +1,28 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
+import { OverlayFrame } from './overlay.frame';
+import * as i0 from "@angular/core";
+export class OverlayModule {
+}
+OverlayModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: OverlayModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+OverlayModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: OverlayModule, declarations: [OverlayFrame], imports: [CommonModule,
+        MatProgressSpinnerModule], exports: [OverlayFrame] });
+OverlayModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: OverlayModule, imports: [[
+            CommonModule,
+            MatProgressSpinnerModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: OverlayModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [OverlayFrame],
+                    imports: [
+                        CommonModule,
+                        MatProgressSpinnerModule
+                    ],
+                    exports: [
+                        OverlayFrame
+                    ]
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3ZlcmxheS5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvZnJhbWVzL292ZXJsYXkvb3ZlcmxheS5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFDOUUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDOztBQVkvQyxNQUFNLE9BQU8sYUFBYTs7MkdBQWIsYUFBYTs0R0FBYixhQUFhLGlCQVRULFlBQVksYUFFekIsWUFBWTtRQUNaLHdCQUF3QixhQUd4QixZQUFZOzRHQUdILGFBQWEsWUFSZjtZQUNQLFlBQVk7WUFDWix3QkFBd0I7U0FDekI7NEZBS1UsYUFBYTtrQkFWekIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyxZQUFZLENBQUM7b0JBQzVCLE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLHdCQUF3QjtxQkFDekI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLFlBQVk7cUJBQ2I7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE1hdFByb2dyZXNzU3Bpbm5lck1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3Byb2dyZXNzLXNwaW5uZXInO1xuaW1wb3J0IHsgT3ZlcmxheUZyYW1lIH0gZnJvbSAnLi9vdmVybGF5LmZyYW1lJztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbT3ZlcmxheUZyYW1lXSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBNYXRQcm9ncmVzc1NwaW5uZXJNb2R1bGVcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIE92ZXJsYXlGcmFtZVxuICBdXG59KVxuZXhwb3J0IGNsYXNzIE92ZXJsYXlNb2R1bGUgeyB9XG5cbiJdfQ==

package/esm2020/frames/overlay-v2/index.mjs

@@ -0,0 +1,3 @@
+export * from './overlay.frame';
+export * from './overlay.module';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvZnJhbWVzL292ZXJsYXktdjIvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLGtCQUFrQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9vdmVybGF5LmZyYW1lJztcbmV4cG9ydCAqIGZyb20gJy4vb3ZlcmxheS5tb2R1bGUnOyJdfQ==

package/esm2020/frames/overlay-v2/ng-atomic-components-frames-overlay-v2.mjs

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

package/esm2020/frames/overlay-v2/overlay.animations.mjs

@@ -0,0 +1,28 @@
+import { trigger, transition, style, query, animateChild, animate } from '@angular/animations';
+export const OVERLAY_ANIMATION = trigger('hasNext', [
+    transition('false => true', [
+        query(':enter', [
+            style({
+                position: 'absolute',
+                top: '0px',
+                left: '0px'
+            })
+        ]),
+        query(':enter', [style({ left: '100%' })]),
+        query(':enter', [animate('300ms ease-out', style({ left: '0%' }))]),
+        query(':enter', animateChild()),
+    ]),
+    transition('true => false', [
+        query(':leave', [
+            style({
+                position: 'absolute',
+                top: '0px',
+                left: '0px'
+            })
+        ]),
+        query(':leave', [style({ left: '0%' })]),
+        query(':leave', [animate('300ms ease-in', style({ left: '100%' }))]),
+        query(':leave', animateChild()),
+    ])
+]);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3ZlcmxheS5hbmltYXRpb25zLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2ZyYW1lcy9vdmVybGF5LXYyL292ZXJsYXkuYW5pbWF0aW9ucy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsT0FBTyxFQUFFLFVBQVUsRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLFlBQVksRUFBRSxPQUFPLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUUvRixNQUFNLENBQUMsTUFBTSxpQkFBaUIsR0FBRyxPQUFPLENBQUMsU0FBUyxFQUFFO0lBQ2xELFVBQVUsQ0FBQyxlQUFlLEVBQUU7UUFDMUIsS0FBSyxDQUFDLFFBQVEsRUFBRTtZQUNkLEtBQUssQ0FBQztnQkFDSixRQUFRLEVBQUUsVUFBVTtnQkFDcEIsR0FBRyxFQUFFLEtBQUs7Z0JBQ1YsSUFBSSxFQUFFLEtBQUs7YUFDWixDQUFDO1NBQ0gsQ0FBQztRQUNGLEtBQUssQ0FBQyxRQUFRLEVBQUUsQ0FBQyxLQUFLLENBQUMsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLENBQUMsQ0FBQyxDQUFDO1FBQzFDLEtBQUssQ0FBQyxRQUFRLEVBQUUsQ0FBQyxPQUFPLENBQUMsZ0JBQWdCLEVBQUUsS0FBSyxDQUFDLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQ25FLEtBQUssQ0FBQyxRQUFRLEVBQUUsWUFBWSxFQUFFLENBQUM7S0FDaEMsQ0FBQztJQUNGLFVBQVUsQ0FBQyxlQUFlLEVBQUU7UUFDeEIsS0FBSyxDQUFDLFFBQVEsRUFBRTtZQUNkLEtBQUssQ0FBQztnQkFDSixRQUFRLEVBQUUsVUFBVTtnQkFDcEIsR0FBRyxFQUFFLEtBQUs7Z0JBQ1YsSUFBSSxFQUFFLEtBQUs7YUFDWixDQUFDO1NBQ0gsQ0FBQztRQUNGLEtBQUssQ0FBQyxRQUFRLEVBQUUsQ0FBQyxLQUFLLENBQUMsRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FBQyxDQUFDO1FBQ3hDLEtBQUssQ0FBQyxRQUFRLEVBQUUsQ0FBQyxPQUFPLENBQUMsZUFBZSxFQUFFLEtBQUssQ0FBQyxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUNwRSxLQUFLLENBQUMsUUFBUSxFQUFFLFlBQVksRUFBRSxDQUFDO0tBQ2xDLENBQUM7Q0FDSCxDQUFDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB0cmlnZ2VyLCB0cmFuc2l0aW9uLCBzdHlsZSwgcXVlcnksIGFuaW1hdGVDaGlsZCwgYW5pbWF0ZSB9IGZyb20gJ0Bhbmd1bGFyL2FuaW1hdGlvbnMnO1xuXG5leHBvcnQgY29uc3QgT1ZFUkxBWV9BTklNQVRJT04gPSB0cmlnZ2VyKCdoYXNOZXh0JywgW1xuICB0cmFuc2l0aW9uKCdmYWxzZSA9PiB0cnVlJywgW1xuICAgIHF1ZXJ5KCc6ZW50ZXInLCBbXG4gICAgICBzdHlsZSh7XG4gICAgICAgIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICAgICAgICB0b3A6ICcwcHgnLFxuICAgICAgICBsZWZ0OiAnMHB4J1xuICAgICAgfSlcbiAgICBdKSxcbiAgICBxdWVyeSgnOmVudGVyJywgW3N0eWxlKHsgbGVmdDogJzEwMCUnIH0pXSksXG4gICAgcXVlcnkoJzplbnRlcicsIFthbmltYXRlKCczMDBtcyBlYXNlLW91dCcsIHN0eWxlKHsgbGVmdDogJzAlJyB9KSldKSxcbiAgICBxdWVyeSgnOmVudGVyJywgYW5pbWF0ZUNoaWxkKCkpLFxuICBdKSxcbiAgdHJhbnNpdGlvbigndHJ1ZSA9PiBmYWxzZScsIFtcbiAgICAgIHF1ZXJ5KCc6bGVhdmUnLCBbXG4gICAgICAgIHN0eWxlKHtcbiAgICAgICAgICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgICAgICAgICB0b3A6ICcwcHgnLFxuICAgICAgICAgIGxlZnQ6ICcwcHgnXG4gICAgICAgIH0pXG4gICAgICBdKSxcbiAgICAgIHF1ZXJ5KCc6bGVhdmUnLCBbc3R5bGUoeyBsZWZ0OiAnMCUnIH0pXSksXG4gICAgICBxdWVyeSgnOmxlYXZlJywgW2FuaW1hdGUoJzMwMG1zIGVhc2UtaW4nLCBzdHlsZSh7IGxlZnQ6ICcxMDAlJyB9KSldKSxcbiAgICAgIHF1ZXJ5KCc6bGVhdmUnLCBhbmltYXRlQ2hpbGQoKSksXG4gIF0pXG5dKTtcbiJdfQ==

package/esm2020/frames/overlay-v2/overlay.frame.mjs

@@ -0,0 +1,17 @@
+import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
+import { OVERLAY_ANIMATION } from './overlay.animations';
+import * as i0 from "@angular/core";
+export class OverlayFrame {
+    constructor() {
+        this.hasNext = false;
+    }
+}
+OverlayFrame.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: OverlayFrame, deps: [], target: i0.ɵɵFactoryTarget.Component });
+OverlayFrame.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: OverlayFrame, selector: "frames-overlay", inputs: { hasNext: "hasNext" }, ngImport: i0, template: "<div class=\"main\">\n    <ng-content select=[main]></ng-content>\n</div>\n<div class=\"next\" [@hasNext]=\"hasNext\">\n    <ng-content select=[next]></ng-content>\n</div>", styles: [":host{--cell: 8px;--cell-SCOPED-IN-line-overlay-MXWQ: var(--cell);--width: 100%;--width-SCOPED-IN-line-overlay-MXWQ: var(--width);--height: 100%;--height-SCOPED-IN-line-overlay-MXWQ: var(--height)}:host{position:relative;display:block;width:var(--width-SCOPED-IN-line-overlay-MXWQ);height:var(--height-SCOPED-IN-line-overlay-MXWQ)}:host .loading{position:absolute;z-index:1000;top:0;left:0;display:flex;width:var(--width-SCOPED-IN-line-overlay-MXWQ);height:var(--height-SCOPED-IN-line-overlay-MXWQ);justify-content:center;align-items:center;background-color:#0006}:host .main{position:absolute;top:0;left:0;z-index:1;width:var(--width-SCOPED-IN-line-overlay-MXWQ);height:var(--height-SCOPED-IN-line-overlay-MXWQ);overflow:hidden}:host .main *{--cell: var(--cell-SCOPED-IN-line-overlay-MXWQ);--width: var(--width-SCOPED-IN-line-overlay-MXWQ);--height: var(--height-SCOPED-IN-line-overlay-MXWQ)}:host .next{position:absolute;top:0;left:0;z-index:2;width:var(--width-SCOPED-IN-line-overlay-MXWQ);height:auto}:host .next *{--cell: var(--cell-SCOPED-IN-line-overlay-MXWQ);--width: var(--width-SCOPED-IN-line-overlay-MXWQ);--height: var(--height-SCOPED-IN-line-overlay-MXWQ)}\n"], animations: [OVERLAY_ANIMATION], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: OverlayFrame, decorators: [{
+            type: Component,
+            args: [{ selector: 'frames-overlay', animations: [OVERLAY_ANIMATION], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"main\">\n    <ng-content select=[main]></ng-content>\n</div>\n<div class=\"next\" [@hasNext]=\"hasNext\">\n    <ng-content select=[next]></ng-content>\n</div>", styles: [":host{--cell: 8px;--cell-SCOPED-IN-line-overlay-MXWQ: var(--cell);--width: 100%;--width-SCOPED-IN-line-overlay-MXWQ: var(--width);--height: 100%;--height-SCOPED-IN-line-overlay-MXWQ: var(--height)}:host{position:relative;display:block;width:var(--width-SCOPED-IN-line-overlay-MXWQ);height:var(--height-SCOPED-IN-line-overlay-MXWQ)}:host .loading{position:absolute;z-index:1000;top:0;left:0;display:flex;width:var(--width-SCOPED-IN-line-overlay-MXWQ);height:var(--height-SCOPED-IN-line-overlay-MXWQ);justify-content:center;align-items:center;background-color:#0006}:host .main{position:absolute;top:0;left:0;z-index:1;width:var(--width-SCOPED-IN-line-overlay-MXWQ);height:var(--height-SCOPED-IN-line-overlay-MXWQ);overflow:hidden}:host .main *{--cell: var(--cell-SCOPED-IN-line-overlay-MXWQ);--width: var(--width-SCOPED-IN-line-overlay-MXWQ);--height: var(--height-SCOPED-IN-line-overlay-MXWQ)}:host .next{position:absolute;top:0;left:0;z-index:2;width:var(--width-SCOPED-IN-line-overlay-MXWQ);height:auto}:host .next *{--cell: var(--cell-SCOPED-IN-line-overlay-MXWQ);--width: var(--width-SCOPED-IN-line-overlay-MXWQ);--height: var(--height-SCOPED-IN-line-overlay-MXWQ)}\n"] }]
+        }], propDecorators: { hasNext: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3ZlcmxheS5mcmFtZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9mcmFtZXMvb3ZlcmxheS12Mi9vdmVybGF5LmZyYW1lLnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2ZyYW1lcy9vdmVybGF5LXYyL292ZXJsYXkuZnJhbWUuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQzs7QUFTekQsTUFBTSxPQUFPLFlBQVk7SUFQekI7UUFTRSxZQUFPLEdBQUcsS0FBSyxDQUFDO0tBQ2pCOzswR0FIWSxZQUFZOzhGQUFaLFlBQVksc0ZDVnpCLDZLQUtNLCtxQ0RFUSxDQUFDLGlCQUFpQixDQUFDOzRGQUdwQixZQUFZO2tCQVB4QixTQUFTOytCQUNFLGdCQUFnQixjQUdkLENBQUMsaUJBQWlCLENBQUMsbUJBQ2QsdUJBQXVCLENBQUMsTUFBTTs4QkFJL0MsT0FBTztzQkFETixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE9WRVJMQVlfQU5JTUFUSU9OIH0gZnJvbSAnLi9vdmVybGF5LmFuaW1hdGlvbnMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdmcmFtZXMtb3ZlcmxheScsXG4gIHRlbXBsYXRlVXJsOiAnLi9vdmVybGF5LmZyYW1lLmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9vdmVybGF5LmZyYW1lLnNjc3MnXSxcbiAgYW5pbWF0aW9uczogW09WRVJMQVlfQU5JTUFUSU9OXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIE92ZXJsYXlGcmFtZSB7XG4gIEBJbnB1dCgpXG4gIGhhc05leHQgPSBmYWxzZTtcbn1cbiIsIjxkaXYgY2xhc3M9XCJtYWluXCI+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVttYWluXT48L25nLWNvbnRlbnQ+XG48L2Rpdj5cbjxkaXYgY2xhc3M9XCJuZXh0XCIgW0BoYXNOZXh0XT1cImhhc05leHRcIj5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9W25leHRdPjwvbmctY29udGVudD5cbjwvZGl2PiJdfQ==

package/esm2020/frames/overlay-v2/overlay.module.mjs

@@ -0,0 +1,28 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
+import { OverlayFrame } from './overlay.frame';
+import * as i0 from "@angular/core";
+export class OverlayModule {
+}
+OverlayModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: OverlayModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+OverlayModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: OverlayModule, declarations: [OverlayFrame], imports: [CommonModule,
+        MatProgressSpinnerModule], exports: [OverlayFrame] });
+OverlayModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: OverlayModule, imports: [[
+            CommonModule,
+            MatProgressSpinnerModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: OverlayModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [OverlayFrame],
+                    imports: [
+                        CommonModule,
+                        MatProgressSpinnerModule
+                    ],
+                    exports: [
+                        OverlayFrame
+                    ]
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3ZlcmxheS5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvZnJhbWVzL292ZXJsYXktdjIvb3ZlcmxheS5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFDOUUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDOztBQVkvQyxNQUFNLE9BQU8sYUFBYTs7MkdBQWIsYUFBYTs0R0FBYixhQUFhLGlCQVRULFlBQVksYUFFekIsWUFBWTtRQUNaLHdCQUF3QixhQUd4QixZQUFZOzRHQUdILGFBQWEsWUFSZjtZQUNQLFlBQVk7WUFDWix3QkFBd0I7U0FDekI7NEZBS1UsYUFBYTtrQkFWekIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyxZQUFZLENBQUM7b0JBQzVCLE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLHdCQUF3QjtxQkFDekI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLFlBQVk7cUJBQ2I7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE1hdFByb2dyZXNzU3Bpbm5lck1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3Byb2dyZXNzLXNwaW5uZXInO1xuaW1wb3J0IHsgT3ZlcmxheUZyYW1lIH0gZnJvbSAnLi9vdmVybGF5LmZyYW1lJztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbT3ZlcmxheUZyYW1lXSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBNYXRQcm9ncmVzc1NwaW5uZXJNb2R1bGVcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIE92ZXJsYXlGcmFtZVxuICBdXG59KVxuZXhwb3J0IGNsYXNzIE92ZXJsYXlNb2R1bGUgeyB9XG5cbiJdfQ==