@ng-atomic/components 3.0.0 → 3.1.0

package/atoms/chips-input/chips-input.module.d.ts

@@ -1,12 +1,14 @@
+import { ElementsModule } from '@ng-atomic/elements';
 import * as i0 from "@angular/core";
 import * as i1 from "./chips-input.atom";
-import * as i2 from "@angular/common";
-import * as i3 from "@angular/forms";
-import * as i4 from "@angular/material/chips";
-import * as i5 from "@angular/material/icon";
-import * as i6 from "@angular/material/input";
-export declare class ChipsInputModule {
+import * as i2 from "@angular/platform-browser";
+import * as i3 from "@angular/common";
+import * as i4 from "@angular/forms";
+import * as i5 from "@angular/material/chips";
+import * as i6 from "@angular/material/icon";
+import * as i7 from "@angular/material/input";
+export declare class ChipsInputModule extends ElementsModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ChipsInputModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ChipsInputModule, [typeof i1.ChipsInputAtom], [typeof i2.CommonModule, typeof i3.ReactiveFormsModule, typeof i4.MatChipsModule, typeof i5.MatIconModule, typeof i6.MatInputModule], [typeof i1.ChipsInputAtom]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ChipsInputModule, [typeof i1.ChipsInputAtom], [typeof i2.BrowserModule, typeof i3.CommonModule, typeof i4.ReactiveFormsModule, typeof i5.MatChipsModule, typeof i6.MatIconModule, typeof i7.MatInputModule], [typeof i1.ChipsInputAtom]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ChipsInputModule>;
 }

package/atoms/smart-menu-button/smart-menu-button.module.d.ts

@@ -1,11 +1,13 @@
+import { ElementsModule } from '@ng-atomic/elements';
 import * as i0 from "@angular/core";
 import * as i1 from "./smart-menu-button.atom";
-import * as i2 from "@angular/common";
-import * as i3 from "@angular/material/button";
-import * as i4 from "@angular/material/icon";
-import * as i5 from "@angular/material/menu";
-export declare class SmartMenuButtonModule {
+import * as i2 from "@angular/platform-browser";
+import * as i3 from "@angular/common";
+import * as i4 from "@angular/material/button";
+import * as i5 from "@angular/material/icon";
+import * as i6 from "@angular/material/menu";
+export declare class SmartMenuButtonModule extends ElementsModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SmartMenuButtonModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SmartMenuButtonModule, [typeof i1.SmartMenuButtonAtom], [typeof i2.CommonModule, typeof i3.MatButtonModule, typeof i4.MatIconModule, typeof i5.MatMenuModule], [typeof i1.SmartMenuButtonAtom]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SmartMenuButtonModule, [typeof i1.SmartMenuButtonAtom], [typeof i2.BrowserModule, typeof i3.CommonModule, typeof i4.MatButtonModule, typeof i5.MatIconModule, typeof i6.MatMenuModule], [typeof i1.SmartMenuButtonAtom]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SmartMenuButtonModule>;
 }

package/esm2020/atoms/chips-input/chips-input.module.mjs

@@ -4,19 +4,23 @@ import { ReactiveFormsModule } from '@angular/forms';
 import { MatChipsModule } from '@angular/material/chips';
 import { MatIconModule } from '@angular/material/icon';
 import { MatInputModule } from '@angular/material/input';
+import { ElementsModule } from '@ng-atomic/elements';
+import { BrowserModule } from '@angular/platform-browser';
 import { ChipsInputAtom } from './chips-input.atom';
 import { ChipsManager } from './chips.manager';
 import * as i0 from "@angular/core";
-export class ChipsInputModule {
+export class ChipsInputModule extends ElementsModule {
 }
-ChipsInputModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ChipsInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ChipsInputModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ChipsInputModule, declarations: [ChipsInputAtom], imports: [CommonModule,
+ChipsInputModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ChipsInputModule, deps: null, target: i0.ɵɵFactoryTarget.NgModule });
+ChipsInputModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ChipsInputModule, declarations: [ChipsInputAtom], imports: [BrowserModule,
+        CommonModule,
         ReactiveFormsModule,
         // Materials
         MatChipsModule,
         MatIconModule,
         MatInputModule], exports: [ChipsInputAtom] });
 ChipsInputModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ChipsInputModule, providers: [ChipsManager], imports: [[
+            BrowserModule,
             CommonModule,
             ReactiveFormsModule,
             // Materials
@@ -29,6 +33,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
             args: [{
                     declarations: [ChipsInputAtom],
                     imports: [
+                        BrowserModule,
                         CommonModule,
                         ReactiveFormsModule,
                         // Materials
@@ -40,4 +45,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                     providers: [ChipsManager],
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hpcHMtaW5wdXQubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2F0b21zL2NoaXBzLWlucHV0L2NoaXBzLWlucHV0Lm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNyRCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDekQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDcEQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDOztBQWlCL0MsTUFBTSxPQUFPLGdCQUFnQjs7OEdBQWhCLGdCQUFnQjsrR0FBaEIsZ0JBQWdCLGlCQVpaLGNBQWMsYUFFM0IsWUFBWTtRQUNaLG1CQUFtQjtRQUNuQixZQUFZO1FBQ1osY0FBYztRQUNkLGFBQWE7UUFDYixjQUFjLGFBRU4sY0FBYzsrR0FHYixnQkFBZ0IsYUFGaEIsQ0FBQyxZQUFZLENBQUMsWUFUaEI7WUFDUCxZQUFZO1lBQ1osbUJBQW1CO1lBQ25CLFlBQVk7WUFDWixjQUFjO1lBQ2QsYUFBYTtZQUNiLGNBQWM7U0FDZjs0RkFJVSxnQkFBZ0I7a0JBYjVCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMsY0FBYyxDQUFDO29CQUM5QixPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixtQkFBbUI7d0JBQ25CLFlBQVk7d0JBQ1osY0FBYzt3QkFDZCxhQUFhO3dCQUNiLGNBQWM7cUJBQ2Y7b0JBQ0QsT0FBTyxFQUFFLENBQUMsY0FBYyxDQUFDO29CQUN6QixTQUFTLEVBQUUsQ0FBQyxZQUFZLENBQUM7aUJBQzFCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBSZWFjdGl2ZUZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgTWF0Q2hpcHNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9jaGlwcyc7XG5pbXBvcnQgeyBNYXRJY29uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvaWNvbic7XG5pbXBvcnQgeyBNYXRJbnB1dE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2lucHV0JztcbmltcG9ydCB7IENoaXBzSW5wdXRBdG9tIH0gZnJvbSAnLi9jaGlwcy1pbnB1dC5hdG9tJztcbmltcG9ydCB7IENoaXBzTWFuYWdlciB9IGZyb20gJy4vY2hpcHMubWFuYWdlcic7XG5cblxuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtDaGlwc0lucHV0QXRvbV0sXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgUmVhY3RpdmVGb3Jtc01vZHVsZSxcbiAgICAvLyBNYXRlcmlhbHNcbiAgICBNYXRDaGlwc01vZHVsZSxcbiAgICBNYXRJY29uTW9kdWxlLFxuICAgIE1hdElucHV0TW9kdWxlLFxuICBdLFxuICBleHBvcnRzOiBbQ2hpcHNJbnB1dEF0b21dLFxuICBwcm92aWRlcnM6IFtDaGlwc01hbmFnZXJdLFxufSlcbmV4cG9ydCBjbGFzcyBDaGlwc0lucHV0TW9kdWxlIHsgfVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hpcHMtaW5wdXQubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2F0b21zL2NoaXBzLWlucHV0L2NoaXBzLWlucHV0Lm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNyRCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDekQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDckQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBRTFELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUNwRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7O0FBa0IvQyxNQUFNLE9BQU8sZ0JBQWlCLFNBQVEsY0FBYzs7OEdBQXZDLGdCQUFnQjsrR0FBaEIsZ0JBQWdCLGlCQWJaLGNBQWMsYUFFM0IsYUFBYTtRQUNiLFlBQVk7UUFDWixtQkFBbUI7UUFDbkIsWUFBWTtRQUNaLGNBQWM7UUFDZCxhQUFhO1FBQ2IsY0FBYyxhQUVOLGNBQWM7K0dBR2IsZ0JBQWdCLGFBRmhCLENBQUMsWUFBWSxDQUFDLFlBVmhCO1lBQ1AsYUFBYTtZQUNiLFlBQVk7WUFDWixtQkFBbUI7WUFDbkIsWUFBWTtZQUNaLGNBQWM7WUFDZCxhQUFhO1lBQ2IsY0FBYztTQUNmOzRGQUlVLGdCQUFnQjtrQkFkNUIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyxjQUFjLENBQUM7b0JBQzlCLE9BQU8sRUFBRTt3QkFDUCxhQUFhO3dCQUNiLFlBQVk7d0JBQ1osbUJBQW1CO3dCQUNuQixZQUFZO3dCQUNaLGNBQWM7d0JBQ2QsYUFBYTt3QkFDYixjQUFjO3FCQUNmO29CQUNELE9BQU8sRUFBRSxDQUFDLGNBQWMsQ0FBQztvQkFDekIsU0FBUyxFQUFFLENBQUMsWUFBWSxDQUFDO2lCQUMxQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgUmVhY3RpdmVGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IE1hdENoaXBzTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvY2hpcHMnO1xuaW1wb3J0IHsgTWF0SWNvbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2ljb24nO1xuaW1wb3J0IHsgTWF0SW5wdXRNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pbnB1dCc7XG5pbXBvcnQgeyBFbGVtZW50c01vZHVsZSB9IGZyb20gJ0BuZy1hdG9taWMvZWxlbWVudHMnO1xuaW1wb3J0IHsgQnJvd3Nlck1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL3BsYXRmb3JtLWJyb3dzZXInO1xuXG5pbXBvcnQgeyBDaGlwc0lucHV0QXRvbSB9IGZyb20gJy4vY2hpcHMtaW5wdXQuYXRvbSc7XG5pbXBvcnQgeyBDaGlwc01hbmFnZXIgfSBmcm9tICcuL2NoaXBzLm1hbmFnZXInO1xuXG5cblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbQ2hpcHNJbnB1dEF0b21dLFxuICBpbXBvcnRzOiBbXG4gICAgQnJvd3Nlck1vZHVsZSxcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgUmVhY3RpdmVGb3Jtc01vZHVsZSxcbiAgICAvLyBNYXRlcmlhbHNcbiAgICBNYXRDaGlwc01vZHVsZSxcbiAgICBNYXRJY29uTW9kdWxlLFxuICAgIE1hdElucHV0TW9kdWxlLFxuICBdLFxuICBleHBvcnRzOiBbQ2hpcHNJbnB1dEF0b21dLFxuICBwcm92aWRlcnM6IFtDaGlwc01hbmFnZXJdLFxufSlcbmV4cG9ydCBjbGFzcyBDaGlwc0lucHV0TW9kdWxlIGV4dGVuZHMgRWxlbWVudHNNb2R1bGUgeyB9Il19

package/esm2020/atoms/smart-menu-button/smart-menu-button.module.mjs

@@ -3,17 +3,21 @@ import { CommonModule } from '@angular/common';
 import { MatButtonModule } from '@angular/material/button';
 import { MatIconModule } from '@angular/material/icon';
 import { MatMenuModule } from '@angular/material/menu';
+import { ElementsModule } from '@ng-atomic/elements';
+import { BrowserModule } from '@angular/platform-browser';
 import { SmartMenuButtonAtom } from './smart-menu-button.atom';
 import * as i0 from "@angular/core";
-export class SmartMenuButtonModule {
+export class SmartMenuButtonModule extends ElementsModule {
 }
-SmartMenuButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SmartMenuButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SmartMenuButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SmartMenuButtonModule, declarations: [SmartMenuButtonAtom], imports: [CommonModule,
+SmartMenuButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SmartMenuButtonModule, deps: null, target: i0.ɵɵFactoryTarget.NgModule });
+SmartMenuButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SmartMenuButtonModule, declarations: [SmartMenuButtonAtom], imports: [BrowserModule,
+        CommonModule,
         // Material
         MatButtonModule,
         MatIconModule,
         MatMenuModule], exports: [SmartMenuButtonAtom] });
 SmartMenuButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SmartMenuButtonModule, imports: [[
+            BrowserModule,
             CommonModule,
             // Material
             MatButtonModule,
@@ -25,6 +29,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
             args: [{
                     declarations: [SmartMenuButtonAtom],
                     imports: [
+                        BrowserModule,
                         CommonModule,
                         // Material
                         MatButtonModule,
@@ -34,4 +39,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                     exports: [SmartMenuButtonAtom]
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic21hcnQtbWVudS1idXR0b24ubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2F0b21zL3NtYXJ0LW1lbnUtYnV0dG9uL3NtYXJ0LW1lbnUtYnV0dG9uLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDM0QsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN2RCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQzs7QUFlL0QsTUFBTSxPQUFPLHFCQUFxQjs7bUhBQXJCLHFCQUFxQjtvSEFBckIscUJBQXFCLGlCQVZqQixtQkFBbUIsYUFFaEMsWUFBWTtRQUNaLFdBQVc7UUFDWCxlQUFlO1FBQ2YsYUFBYTtRQUNiLGFBQWEsYUFFTCxtQkFBbUI7b0hBRWxCLHFCQUFxQixZQVR2QjtZQUNQLFlBQVk7WUFDWixXQUFXO1lBQ1gsZUFBZTtZQUNmLGFBQWE7WUFDYixhQUFhO1NBQ2Q7NEZBR1UscUJBQXFCO2tCQVhqQyxRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLG1CQUFtQixDQUFDO29CQUNuQyxPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixXQUFXO3dCQUNYLGVBQWU7d0JBQ2YsYUFBYTt3QkFDYixhQUFhO3FCQUNkO29CQUNELE9BQU8sRUFBRSxDQUFDLG1CQUFtQixDQUFDO2lCQUMvQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTWF0QnV0dG9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvYnV0dG9uJztcbmltcG9ydCB7IE1hdEljb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pY29uJztcbmltcG9ydCB7IE1hdE1lbnVNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9tZW51JztcbmltcG9ydCB7IFNtYXJ0TWVudUJ1dHRvbkF0b20gfSBmcm9tICcuL3NtYXJ0LW1lbnUtYnV0dG9uLmF0b20nO1xuXG5cblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbU21hcnRNZW51QnV0dG9uQXRvbV0sXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgLy8gTWF0ZXJpYWxcbiAgICBNYXRCdXR0b25Nb2R1bGUsXG4gICAgTWF0SWNvbk1vZHVsZSxcbiAgICBNYXRNZW51TW9kdWxlLFxuICBdLFxuICBleHBvcnRzOiBbU21hcnRNZW51QnV0dG9uQXRvbV1cbn0pXG5leHBvcnQgY2xhc3MgU21hcnRNZW51QnV0dG9uTW9kdWxlIHsgfVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic21hcnQtbWVudS1idXR0b24ubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2F0b21zL3NtYXJ0LW1lbnUtYnV0dG9uL3NtYXJ0LW1lbnUtYnV0dG9uLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDM0QsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN2RCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDckQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBRTFELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLDBCQUEwQixDQUFDOztBQWUvRCxNQUFNLE9BQU8scUJBQXNCLFNBQVEsY0FBYzs7bUhBQTVDLHFCQUFxQjtvSEFBckIscUJBQXFCLGlCQVhqQixtQkFBbUIsYUFFaEMsYUFBYTtRQUNiLFlBQVk7UUFDWixXQUFXO1FBQ1gsZUFBZTtRQUNmLGFBQWE7UUFDYixhQUFhLGFBRUwsbUJBQW1CO29IQUVsQixxQkFBcUIsWUFWdkI7WUFDUCxhQUFhO1lBQ2IsWUFBWTtZQUNaLFdBQVc7WUFDWCxlQUFlO1lBQ2YsYUFBYTtZQUNiLGFBQWE7U0FDZDs0RkFHVSxxQkFBcUI7a0JBWmpDLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMsbUJBQW1CLENBQUM7b0JBQ25DLE9BQU8sRUFBRTt3QkFDUCxhQUFhO3dCQUNiLFlBQVk7d0JBQ1osV0FBVzt3QkFDWCxlQUFlO3dCQUNmLGFBQWE7d0JBQ2IsYUFBYTtxQkFDZDtvQkFDRCxPQUFPLEVBQUUsQ0FBQyxtQkFBbUIsQ0FBQztpQkFDL0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE1hdEJ1dHRvbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2J1dHRvbic7XG5pbXBvcnQgeyBNYXRJY29uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvaWNvbic7XG5pbXBvcnQgeyBNYXRNZW51TW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvbWVudSc7XG5pbXBvcnQgeyBFbGVtZW50c01vZHVsZSB9IGZyb20gJ0BuZy1hdG9taWMvZWxlbWVudHMnO1xuaW1wb3J0IHsgQnJvd3Nlck1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL3BsYXRmb3JtLWJyb3dzZXInO1xuXG5pbXBvcnQgeyBTbWFydE1lbnVCdXR0b25BdG9tIH0gZnJvbSAnLi9zbWFydC1tZW51LWJ1dHRvbi5hdG9tJztcblxuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtTbWFydE1lbnVCdXR0b25BdG9tXSxcbiAgaW1wb3J0czogW1xuICAgIEJyb3dzZXJNb2R1bGUsXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIC8vIE1hdGVyaWFsXG4gICAgTWF0QnV0dG9uTW9kdWxlLFxuICAgIE1hdEljb25Nb2R1bGUsXG4gICAgTWF0TWVudU1vZHVsZSxcbiAgXSxcbiAgZXhwb3J0czogW1NtYXJ0TWVudUJ1dHRvbkF0b21dXG59KVxuZXhwb3J0IGNsYXNzIFNtYXJ0TWVudUJ1dHRvbk1vZHVsZSBleHRlbmRzIEVsZW1lbnRzTW9kdWxlIHsgfSJdfQ==

package/esm2020/frames/auto-layout/auto-layout.frame.mjs

@@ -3,9 +3,9 @@ import * as i0 from "@angular/core";
 export class AutoLayoutFrame {
 }
 AutoLayoutFrame.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AutoLayoutFrame, deps: [], target: i0.ɵɵFactoryTarget.Component });
-AutoLayoutFrame.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: AutoLayoutFrame, selector: "frames-auto-layout", ngImport: i0, template: "<ng-content></ng-content>", styles: [":host{--gap: 24px;--gap-SCOPED-IN-auto-layout-lJ9u: var(--gap);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-auto-layout-lJ9u: var(--vertical-padding)}:host{display:flex;width:100%;height:100%;justify-content:center;grid-gap:var(--gap-SCOPED-IN-auto-layout-lJ9u);gap:var(--gap-SCOPED-IN-auto-layout-lJ9u);box-sizing:border-box;padding:var(--vertical-padding-SCOPED-IN-auto-layout-lJ9u) 0}:host[horizontal]{flex-direction:row}:host[vertical]{flex-direction:column}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+AutoLayoutFrame.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: AutoLayoutFrame, selector: "frames-auto-layout", ngImport: i0, template: "<ng-content></ng-content>", styles: [":host{--gap: 24px;--gap-SCOPED-IN-auto-layout-1j5o: var(--gap);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-auto-layout-1j5o: var(--vertical-padding)}:host{display:flex;width:100%;height:100%;justify-content:center;grid-gap:var(--gap-SCOPED-IN-auto-layout-1j5o);gap:var(--gap-SCOPED-IN-auto-layout-1j5o);box-sizing:border-box;padding:var(--vertical-padding-SCOPED-IN-auto-layout-1j5o) 0}:host[horizontal]{flex-direction:row}:host[vertical]{flex-direction:column}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AutoLayoutFrame, decorators: [{
             type: Component,
-            args: [{ selector: 'frames-auto-layout', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>", styles: [":host{--gap: 24px;--gap-SCOPED-IN-auto-layout-lJ9u: var(--gap);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-auto-layout-lJ9u: var(--vertical-padding)}:host{display:flex;width:100%;height:100%;justify-content:center;grid-gap:var(--gap-SCOPED-IN-auto-layout-lJ9u);gap:var(--gap-SCOPED-IN-auto-layout-lJ9u);box-sizing:border-box;padding:var(--vertical-padding-SCOPED-IN-auto-layout-lJ9u) 0}:host[horizontal]{flex-direction:row}:host[vertical]{flex-direction:column}\n"] }]
+            args: [{ selector: 'frames-auto-layout', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>", styles: [":host{--gap: 24px;--gap-SCOPED-IN-auto-layout-1j5o: var(--gap);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-auto-layout-1j5o: var(--vertical-padding)}:host{display:flex;width:100%;height:100%;justify-content:center;grid-gap:var(--gap-SCOPED-IN-auto-layout-1j5o);gap:var(--gap-SCOPED-IN-auto-layout-1j5o);box-sizing:border-box;padding:var(--vertical-padding-SCOPED-IN-auto-layout-1j5o) 0}:host[horizontal]{flex-direction:row}:host[vertical]{flex-direction:column}\n"] }]
         }] });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXV0by1sYXlvdXQuZnJhbWUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvZnJhbWVzL2F1dG8tbGF5b3V0L2F1dG8tbGF5b3V0LmZyYW1lLnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2ZyYW1lcy9hdXRvLWxheW91dC9hdXRvLWxheW91dC5mcmFtZS5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBUW5FLE1BQU0sT0FBTyxlQUFlOzs2R0FBZixlQUFlO2lHQUFmLGVBQWUsMERDUjVCLDJCQUF5Qjs0RkRRWixlQUFlO2tCQU4zQixTQUFTOytCQUNFLG9CQUFvQixtQkFHYix1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdmcmFtZXMtYXV0by1sYXlvdXQnLFxuICB0ZW1wbGF0ZVVybDogJy4vYXV0by1sYXlvdXQuZnJhbWUuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2F1dG8tbGF5b3V0LmZyYW1lLnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIEF1dG9MYXlvdXRGcmFtZSB7IH1cbiIsIjxuZy1jb250ZW50PjwvbmctY29udGVudD4iXX0=

package/esm2020/frames/auto-layout/auto-layout.module.mjs

@@ -1,10 +1,11 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
+import { ElementsModule } from '@ng-atomic/elements';
 import { AutoLayoutFrame } from './auto-layout.frame';
 import * as i0 from "@angular/core";
-export class AutoLayoutModule {
+export class AutoLayoutModule extends ElementsModule {
 }
-AutoLayoutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AutoLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+AutoLayoutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AutoLayoutModule, deps: null, target: i0.ɵɵFactoryTarget.NgModule });
 AutoLayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AutoLayoutModule, declarations: [AutoLayoutFrame], imports: [CommonModule], exports: [AutoLayoutFrame] });
 AutoLayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AutoLayoutModule, imports: [[
             CommonModule
@@ -23,4 +24,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                     ]
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXV0by1sYXlvdXQubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2ZyYW1lcy9hdXRvLWxheW91dC9hdXRvLWxheW91dC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHFCQUFxQixDQUFDOztBQWV0RCxNQUFNLE9BQU8sZ0JBQWdCOzs4R0FBaEIsZ0JBQWdCOytHQUFoQixnQkFBZ0IsaUJBVHpCLGVBQWUsYUFHZixZQUFZLGFBR1osZUFBZTsrR0FHTixnQkFBZ0IsWUFQbEI7WUFDUCxZQUFZO1NBQ2I7NEZBS1UsZ0JBQWdCO2tCQVg1QixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRTt3QkFDWixlQUFlO3FCQUNoQjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsWUFBWTtxQkFDYjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsZUFBZTtxQkFDaEI7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IEF1dG9MYXlvdXRGcmFtZSB9IGZyb20gJy4vYXV0by1sYXlvdXQuZnJhbWUnO1xuXG5cblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgQXV0b0xheW91dEZyYW1lXG4gIF0sXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGVcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIEF1dG9MYXlvdXRGcmFtZVxuICBdXG59KVxuZXhwb3J0IGNsYXNzIEF1dG9MYXlvdXRNb2R1bGUgeyB9XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXV0by1sYXlvdXQubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2ZyYW1lcy9hdXRvLWxheW91dC9hdXRvLWxheW91dC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBRXJELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQzs7QUFjdEQsTUFBTSxPQUFPLGdCQUFpQixTQUFRLGNBQWM7OzhHQUF2QyxnQkFBZ0I7K0dBQWhCLGdCQUFnQixpQkFUekIsZUFBZSxhQUdmLFlBQVksYUFHWixlQUFlOytHQUdOLGdCQUFnQixZQVBsQjtZQUNQLFlBQVk7U0FDYjs0RkFLVSxnQkFBZ0I7a0JBWDVCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFO3dCQUNaLGVBQWU7cUJBQ2hCO29CQUNELE9BQU8sRUFBRTt3QkFDUCxZQUFZO3FCQUNiO29CQUNELE9BQU8sRUFBRTt3QkFDUCxlQUFlO3FCQUNoQjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgRWxlbWVudHNNb2R1bGUgfSBmcm9tICdAbmctYXRvbWljL2VsZW1lbnRzJztcblxuaW1wb3J0IHsgQXV0b0xheW91dEZyYW1lIH0gZnJvbSAnLi9hdXRvLWxheW91dC5mcmFtZSc7XG5cblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgQXV0b0xheW91dEZyYW1lXG4gIF0sXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGVcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIEF1dG9MYXlvdXRGcmFtZVxuICBdXG59KVxuZXhwb3J0IGNsYXNzIEF1dG9MYXlvdXRNb2R1bGUgZXh0ZW5kcyBFbGVtZW50c01vZHVsZSB7IH0iXX0=

package/esm2020/frames/card/card.module.mjs

@@ -1,11 +1,12 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { MatCardModule } from '@angular/material/card';
+import { ElementsModule } from '@ng-atomic/elements';
 import { CardFrame } from './card.frame';
 import * as i0 from "@angular/core";
-export class CardModule {
+export class CardModule extends ElementsModule {
 }
-CardModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+CardModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CardModule, deps: null, target: i0.ɵɵFactoryTarget.NgModule });
 CardModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CardModule, declarations: [CardFrame], imports: [CommonModule,
         // Material
         MatCardModule], exports: [CardFrame] });
@@ -30,4 +31,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                     ]
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvZnJhbWVzL2NhcmQvY2FyZC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBRXZELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxjQUFjLENBQUM7O0FBaUJ6QyxNQUFNLE9BQU8sVUFBVTs7d0dBQVYsVUFBVTt5R0FBVixVQUFVLGlCQVhuQixTQUFTLGFBR1QsWUFBWTtRQUNaLFdBQVc7UUFDWCxhQUFhLGFBR2IsU0FBUzt5R0FHQSxVQUFVLFlBVFo7WUFDUCxZQUFZO1lBQ1osV0FBVztZQUNYLGFBQWE7U0FDZDs0RkFLVSxVQUFVO2tCQWJ0QixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRTt3QkFDWixTQUFTO3FCQUNWO29CQUNELE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLFdBQVc7d0JBQ1gsYUFBYTtxQkFDZDtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsU0FBUztxQkFDVjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTWF0Q2FyZE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2NhcmQnO1xuXG5pbXBvcnQgeyBDYXJkRnJhbWUgfSBmcm9tICcuL2NhcmQuZnJhbWUnO1xuXG5cblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgQ2FyZEZyYW1lXG4gIF0sXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgLy8gTWF0ZXJpYWxcbiAgICBNYXRDYXJkTW9kdWxlLFxuICBdLFxuICBleHBvcnRzOiBbXG4gICAgQ2FyZEZyYW1lXG4gIF1cbn0pXG5leHBvcnQgY2xhc3MgQ2FyZE1vZHVsZSB7IH1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvZnJhbWVzL2NhcmQvY2FyZC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUNyRCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sY0FBYyxDQUFDOztBQWlCekMsTUFBTSxPQUFPLFVBQVcsU0FBUSxjQUFjOzt3R0FBakMsVUFBVTt5R0FBVixVQUFVLGlCQVhuQixTQUFTLGFBR1QsWUFBWTtRQUNaLFdBQVc7UUFDWCxhQUFhLGFBR2IsU0FBUzt5R0FHQSxVQUFVLFlBVFo7WUFDUCxZQUFZO1lBQ1osV0FBVztZQUNYLGFBQWE7U0FDZDs0RkFLVSxVQUFVO2tCQWJ0QixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRTt3QkFDWixTQUFTO3FCQUNWO29CQUNELE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLFdBQVc7d0JBQ1gsYUFBYTtxQkFDZDtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsU0FBUztxQkFDVjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTWF0Q2FyZE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2NhcmQnO1xuaW1wb3J0IHsgRWxlbWVudHNNb2R1bGUgfSBmcm9tICdAbmctYXRvbWljL2VsZW1lbnRzJztcbmltcG9ydCB7IENhcmRGcmFtZSB9IGZyb20gJy4vY2FyZC5mcmFtZSc7XG5cblxuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBDYXJkRnJhbWVcbiAgXSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICAvLyBNYXRlcmlhbFxuICAgIE1hdENhcmRNb2R1bGUsXG4gIF0sXG4gIGV4cG9ydHM6IFtcbiAgICBDYXJkRnJhbWVcbiAgXVxufSlcbmV4cG9ydCBjbGFzcyBDYXJkTW9kdWxlIGV4dGVuZHMgRWxlbWVudHNNb2R1bGUgeyB9Il19

package/esm2020/frames/drawer/drawer.frame.mjs

@@ -12,10 +12,10 @@ export class DrawerFrame {
     }
 }
 DrawerFrame.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DrawerFrame, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DrawerFrame.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: DrawerFrame, selector: "frames-drawer", inputs: { isOpen: "isOpen" }, viewQueries: [{ propertyName: "drawer", first: true, predicate: MatDrawer, descendants: true }], ngImport: i0, template: "<mat-drawer-container [autosize]=\"false\">\n  <mat-drawer #drawer mode=\"side\">\n    <ng-content select=[drawer]></ng-content>\n  </mat-drawer>\n\n  <mat-drawer-content>\n    <ng-content select=[contents]></ng-content>\n  </mat-drawer-content>\n  \n</mat-drawer-container>", styles: [":host{--content-width: 360px;--content-width-SCOPED-IN-drawer-o9Bn: var(--content-width)}:host mat-drawer-content{width:100%}\n"], components: [{ type: i1.MatDrawerContainer, selector: "mat-drawer-container", inputs: ["autosize", "hasBackdrop"], outputs: ["backdropClick"], exportAs: ["matDrawerContainer"] }, { type: i1.MatDrawer, selector: "mat-drawer", inputs: ["position", "mode", "disableClose", "autoFocus", "opened"], outputs: ["openedChange", "opened", "openedStart", "closed", "closedStart", "positionChanged"], exportAs: ["matDrawer"] }, { type: i1.MatDrawerContent, selector: "mat-drawer-content" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+DrawerFrame.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: DrawerFrame, selector: "frames-drawer", inputs: { isOpen: "isOpen" }, viewQueries: [{ propertyName: "drawer", first: true, predicate: MatDrawer, descendants: true }], ngImport: i0, template: "<mat-drawer-container [autosize]=\"false\">\n  <mat-drawer #drawer mode=\"side\">\n    <ng-content select=[drawer]></ng-content>\n  </mat-drawer>\n\n  <mat-drawer-content>\n    <ng-content select=[contents]></ng-content>\n  </mat-drawer-content>\n  \n</mat-drawer-container>", styles: [":host{--content-width: 360px;--content-width-SCOPED-IN-drawer-KwhX: var(--content-width)}:host mat-drawer-content{width:100%}\n"], components: [{ type: i1.MatDrawerContainer, selector: "mat-drawer-container", inputs: ["autosize", "hasBackdrop"], outputs: ["backdropClick"], exportAs: ["matDrawerContainer"] }, { type: i1.MatDrawer, selector: "mat-drawer", inputs: ["position", "mode", "disableClose", "autoFocus", "opened"], outputs: ["openedChange", "opened", "openedStart", "closed", "closedStart", "positionChanged"], exportAs: ["matDrawer"] }, { type: i1.MatDrawerContent, selector: "mat-drawer-content" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DrawerFrame, decorators: [{
             type: Component,
-            args: [{ selector: 'frames-drawer', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-drawer-container [autosize]=\"false\">\n  <mat-drawer #drawer mode=\"side\">\n    <ng-content select=[drawer]></ng-content>\n  </mat-drawer>\n\n  <mat-drawer-content>\n    <ng-content select=[contents]></ng-content>\n  </mat-drawer-content>\n  \n</mat-drawer-container>", styles: [":host{--content-width: 360px;--content-width-SCOPED-IN-drawer-o9Bn: var(--content-width)}:host mat-drawer-content{width:100%}\n"] }]
+            args: [{ selector: 'frames-drawer', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-drawer-container [autosize]=\"false\">\n  <mat-drawer #drawer mode=\"side\">\n    <ng-content select=[drawer]></ng-content>\n  </mat-drawer>\n\n  <mat-drawer-content>\n    <ng-content select=[contents]></ng-content>\n  </mat-drawer-content>\n  \n</mat-drawer-container>", styles: [":host{--content-width: 360px;--content-width-SCOPED-IN-drawer-KwhX: var(--content-width)}:host mat-drawer-content{width:100%}\n"] }]
         }], propDecorators: { drawer: [{
                 type: ViewChild,
                 args: [MatDrawer]

package/esm2020/frames/drawer/drawer.module.mjs

@@ -1,11 +1,12 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
-import { DrawerFrame } from './drawer.frame';
 import { MatSidenavModule } from '@angular/material/sidenav';
+import { ElementsModule } from '@ng-atomic/elements';
+import { DrawerFrame } from './drawer.frame';
 import * as i0 from "@angular/core";
-export class DrawerModule {
+export class DrawerModule extends ElementsModule {
 }
-DrawerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DrawerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DrawerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DrawerModule, deps: null, target: i0.ɵɵFactoryTarget.NgModule });
 DrawerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DrawerModule, declarations: [DrawerFrame], imports: [CommonModule,
         MatSidenavModule], exports: [DrawerFrame] });
 DrawerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DrawerModule, imports: [[
@@ -23,4 +24,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                     exports: [DrawerFrame]
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJhd2VyLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9mcmFtZXMvZHJhd2VyL2RyYXdlci5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzdDLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDJCQUEyQixDQUFDOztBQVk3RCxNQUFNLE9BQU8sWUFBWTs7MEdBQVosWUFBWTsyR0FBWixZQUFZLGlCQVBSLFdBQVcsYUFFeEIsWUFBWTtRQUNaLGdCQUFnQixhQUVSLFdBQVc7MkdBRVYsWUFBWSxZQU5kO1lBQ1AsWUFBWTtZQUNaLGdCQUFnQjtTQUNqQjs0RkFHVSxZQUFZO2tCQVJ4QixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLFdBQVcsQ0FBQztvQkFDM0IsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osZ0JBQWdCO3FCQUNqQjtvQkFDRCxPQUFPLEVBQUUsQ0FBQyxXQUFXLENBQUM7aUJBQ3ZCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBEcmF3ZXJGcmFtZSB9IGZyb20gJy4vZHJhd2VyLmZyYW1lJztcbmltcG9ydCB7IE1hdFNpZGVuYXZNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9zaWRlbmF2JztcblxuXG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW0RyYXdlckZyYW1lXSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBNYXRTaWRlbmF2TW9kdWxlLFxuICBdLFxuICBleHBvcnRzOiBbRHJhd2VyRnJhbWVdXG59KVxuZXhwb3J0IGNsYXNzIERyYXdlck1vZHVsZSB7IH1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJhd2VyLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9mcmFtZXMvZHJhd2VyL2RyYXdlci5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDN0QsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBRXJELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7QUFZN0MsTUFBTSxPQUFPLFlBQWEsU0FBUSxjQUFjOzswR0FBbkMsWUFBWTsyR0FBWixZQUFZLGlCQVBSLFdBQVcsYUFFeEIsWUFBWTtRQUNaLGdCQUFnQixhQUVSLFdBQVc7MkdBRVYsWUFBWSxZQU5kO1lBQ1AsWUFBWTtZQUNaLGdCQUFnQjtTQUNqQjs0RkFHVSxZQUFZO2tCQVJ4QixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLFdBQVcsQ0FBQztvQkFDM0IsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osZ0JBQWdCO3FCQUNqQjtvQkFDRCxPQUFPLEVBQUUsQ0FBQyxXQUFXLENBQUM7aUJBQ3ZCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBNYXRTaWRlbmF2TW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvc2lkZW5hdic7XG5pbXBvcnQgeyBFbGVtZW50c01vZHVsZSB9IGZyb20gJ0BuZy1hdG9taWMvZWxlbWVudHMnO1xuXG5pbXBvcnQgeyBEcmF3ZXJGcmFtZSB9IGZyb20gJy4vZHJhd2VyLmZyYW1lJztcblxuXG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW0RyYXdlckZyYW1lXSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBNYXRTaWRlbmF2TW9kdWxlLFxuICBdLFxuICBleHBvcnRzOiBbRHJhd2VyRnJhbWVdXG59KVxuZXhwb3J0IGNsYXNzIERyYXdlck1vZHVsZSBleHRlbmRzIEVsZW1lbnRzTW9kdWxlIHsgfSJdfQ==

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

@@ -41,10 +41,10 @@ export class LineUpFrame {
     }
 }
 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 });
+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-kvOj: var(--gap);--background: #ccc;--background-SCOPED-IN-line-up-kvOj: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-line-up-kvOj: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;grid-gap:var(--gap-SCOPED-IN-line-up-kvOj);gap:var(--gap-SCOPED-IN-line-up-kvOj);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-line-up-kvOj)}:host .contents{display:flex;max-width:-moz-fit-content;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-line-up-kvOj)}: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"] }]
+            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-kvOj: var(--gap);--background: #ccc;--background-SCOPED-IN-line-up-kvOj: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-line-up-kvOj: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;grid-gap:var(--gap-SCOPED-IN-line-up-kvOj);gap:var(--gap-SCOPED-IN-line-up-kvOj);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-line-up-kvOj)}:host .contents{display:flex;max-width:-moz-fit-content;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-line-up-kvOj)}: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']

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

@@ -1,11 +1,12 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
+import { ElementsModule } from '@ng-atomic/elements';
 import { LineUpFrame } from './line-up.frame';
 import * as i0 from "@angular/core";
-export class LineUpModule {
+export class LineUpModule extends ElementsModule {
 }
-LineUpModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LineUpModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+LineUpModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LineUpModule, deps: null, 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: [[
@@ -23,4 +24,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                     exports: [LineUpFrame]
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGluZS11cC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvZnJhbWVzL2xpbmUtdXAvbGluZS11cC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFFOUUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGlCQUFpQixDQUFDOztBQVc5QyxNQUFNLE9BQU8sWUFBWTs7MEdBQVosWUFBWTsyR0FBWixZQUFZLGlCQVBSLFdBQVcsYUFFeEIsWUFBWTtRQUNaLHdCQUF3QixhQUVoQixXQUFXOzJHQUVWLFlBQVksWUFOZDtZQUNQLFlBQVk7WUFDWix3QkFBd0I7U0FDekI7NEZBR1UsWUFBWTtrQkFSeEIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyxXQUFXLENBQUM7b0JBQzNCLE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLHdCQUF3QjtxQkFDekI7b0JBQ0QsT0FBTyxFQUFFLENBQUMsV0FBVyxDQUFDO2lCQUN2QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTWF0UHJvZ3Jlc3NTcGlubmVyTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvcHJvZ3Jlc3Mtc3Bpbm5lcic7XG5cbmltcG9ydCB7IExpbmVVcEZyYW1lIH0gZnJvbSAnLi9saW5lLXVwLmZyYW1lJztcblxuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtMaW5lVXBGcmFtZV0sXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgTWF0UHJvZ3Jlc3NTcGlubmVyTW9kdWxlXG4gIF0sXG4gIGV4cG9ydHM6IFtMaW5lVXBGcmFtZV1cbn0pXG5leHBvcnQgY2xhc3MgTGluZVVwTW9kdWxlIHsgfVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGluZS11cC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvZnJhbWVzL2xpbmUtdXAvbGluZS11cC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFDOUUsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBRXJELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7QUFXOUMsTUFBTSxPQUFPLFlBQWEsU0FBUSxjQUFjOzswR0FBbkMsWUFBWTsyR0FBWixZQUFZLGlCQVBSLFdBQVcsYUFFeEIsWUFBWTtRQUNaLHdCQUF3QixhQUVoQixXQUFXOzJHQUVWLFlBQVksWUFOZDtZQUNQLFlBQVk7WUFDWix3QkFBd0I7U0FDekI7NEZBR1UsWUFBWTtrQkFSeEIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyxXQUFXLENBQUM7b0JBQzNCLE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLHdCQUF3QjtxQkFDekI7b0JBQ0QsT0FBTyxFQUFFLENBQUMsV0FBVyxDQUFDO2lCQUN2QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTWF0UHJvZ3Jlc3NTcGlubmVyTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvcHJvZ3Jlc3Mtc3Bpbm5lcic7XG5pbXBvcnQgeyBFbGVtZW50c01vZHVsZSB9IGZyb20gJ0BuZy1hdG9taWMvZWxlbWVudHMnO1xuXG5pbXBvcnQgeyBMaW5lVXBGcmFtZSB9IGZyb20gJy4vbGluZS11cC5mcmFtZSc7XG5cblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbTGluZVVwRnJhbWVdLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIE1hdFByb2dyZXNzU3Bpbm5lck1vZHVsZVxuICBdLFxuICBleHBvcnRzOiBbTGluZVVwRnJhbWVdXG59KVxuZXhwb3J0IGNsYXNzIExpbmVVcE1vZHVsZSBleHRlbmRzIEVsZW1lbnRzTW9kdWxlIHsgfVxuIl19

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

@@ -75,10 +75,10 @@ export class LineUpFrame {
     }
 }
 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 });
+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-Sq0E: var(--gap);--background: #ccc;--background-SCOPED-IN-line-up-Sq0E: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-line-up-Sq0E: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;grid-gap:var(--gap-SCOPED-IN-line-up-Sq0E);gap:var(--gap-SCOPED-IN-line-up-Sq0E);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-line-up-Sq0E)}:host div{display:flex;max-width:-moz-fit-content;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-line-up-Sq0E)}: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"] }]
+            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-Sq0E: var(--gap);--background: #ccc;--background-SCOPED-IN-line-up-Sq0E: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-line-up-Sq0E: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;grid-gap:var(--gap-SCOPED-IN-line-up-Sq0E);gap:var(--gap-SCOPED-IN-line-up-Sq0E);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-line-up-Sq0E)}:host div{display:flex;max-width:-moz-fit-content;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-line-up-Sq0E)}: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: [{

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

@@ -1,11 +1,12 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
+import { ElementsModule } from '@ng-atomic/elements';
 import { LineUpFrame } from './line-up.frame';
 import * as i0 from "@angular/core";
-export class LineUpModule {
+export class LineUpModule extends ElementsModule {
 }
-LineUpModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LineUpModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+LineUpModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LineUpModule, deps: null, 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: [[
@@ -23,4 +24,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                     exports: [LineUpFrame]
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGluZS11cC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvZnJhbWVzL2xpbmUtdXAtdjIvbGluZS11cC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFFOUUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGlCQUFpQixDQUFDOztBQVc5QyxNQUFNLE9BQU8sWUFBWTs7MEdBQVosWUFBWTsyR0FBWixZQUFZLGlCQVBSLFdBQVcsYUFFeEIsWUFBWTtRQUNaLHdCQUF3QixhQUVoQixXQUFXOzJHQUVWLFlBQVksWUFOZDtZQUNQLFlBQVk7WUFDWix3QkFBd0I7U0FDekI7NEZBR1UsWUFBWTtrQkFSeEIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyxXQUFXLENBQUM7b0JBQzNCLE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLHdCQUF3QjtxQkFDekI7b0JBQ0QsT0FBTyxFQUFFLENBQUMsV0FBVyxDQUFDO2lCQUN2QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTWF0UHJvZ3Jlc3NTcGlubmVyTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvcHJvZ3Jlc3Mtc3Bpbm5lcic7XG5cbmltcG9ydCB7IExpbmVVcEZyYW1lIH0gZnJvbSAnLi9saW5lLXVwLmZyYW1lJztcblxuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtMaW5lVXBGcmFtZV0sXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgTWF0UHJvZ3Jlc3NTcGlubmVyTW9kdWxlXG4gIF0sXG4gIGV4cG9ydHM6IFtMaW5lVXBGcmFtZV1cbn0pXG5leHBvcnQgY2xhc3MgTGluZVVwTW9kdWxlIHsgfVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGluZS11cC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvZnJhbWVzL2xpbmUtdXAtdjIvbGluZS11cC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFDOUUsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBRXJELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7QUFXOUMsTUFBTSxPQUFPLFlBQWEsU0FBUSxjQUFjOzswR0FBbkMsWUFBWTsyR0FBWixZQUFZLGlCQVBSLFdBQVcsYUFFeEIsWUFBWTtRQUNaLHdCQUF3QixhQUVoQixXQUFXOzJHQUVWLFlBQVksWUFOZDtZQUNQLFlBQVk7WUFDWix3QkFBd0I7U0FDekI7NEZBR1UsWUFBWTtrQkFSeEIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyxXQUFXLENBQUM7b0JBQzNCLE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLHdCQUF3QjtxQkFDekI7b0JBQ0QsT0FBTyxFQUFFLENBQUMsV0FBVyxDQUFDO2lCQUN2QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTWF0UHJvZ3Jlc3NTcGlubmVyTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvcHJvZ3Jlc3Mtc3Bpbm5lcic7XG5pbXBvcnQgeyBFbGVtZW50c01vZHVsZSB9IGZyb20gJ0BuZy1hdG9taWMvZWxlbWVudHMnO1xuXG5pbXBvcnQgeyBMaW5lVXBGcmFtZSB9IGZyb20gJy4vbGluZS11cC5mcmFtZSc7XG5cblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbTGluZVVwRnJhbWVdLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIE1hdFByb2dyZXNzU3Bpbm5lck1vZHVsZVxuICBdLFxuICBleHBvcnRzOiBbTGluZVVwRnJhbWVdXG59KVxuZXhwb3J0IGNsYXNzIExpbmVVcE1vZHVsZSBleHRlbmRzIEVsZW1lbnRzTW9kdWxlIHsgfSJdfQ==

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

@@ -14,10 +14,10 @@ export class OverlayFrame {
     }
 }
 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] });
+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-ka8J: var(--cell);--width: 100%;--width-SCOPED-IN-line-overlay-ka8J: var(--width);--height: 100%;--height-SCOPED-IN-line-overlay-ka8J: var(--height)}:host{position:relative;display:block;width:var(--width-SCOPED-IN-line-overlay-ka8J);height:var(--height-SCOPED-IN-line-overlay-ka8J)}:host .loading{position:absolute;z-index:1000;top:0;left:0;display:flex;width:var(--width-SCOPED-IN-line-overlay-ka8J);height:var(--height-SCOPED-IN-line-overlay-ka8J);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-ka8J);height:var(--height-SCOPED-IN-line-overlay-ka8J);overflow:hidden}:host .main.page *{--cell: var(--cell-SCOPED-IN-line-overlay-ka8J);--width: var(--width-SCOPED-IN-line-overlay-ka8J);--height: var(--height-SCOPED-IN-line-overlay-ka8J)}:host .next.page{position:absolute;top:0;left:0;z-index:2;width:var(--width-SCOPED-IN-line-overlay-ka8J);height:auto}:host .next.page *{--cell: var(--cell-SCOPED-IN-line-overlay-ka8J);--width: var(--width-SCOPED-IN-line-overlay-ka8J);--height: var(--height-SCOPED-IN-line-overlay-ka8J)}\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"] }]
+            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-ka8J: var(--cell);--width: 100%;--width-SCOPED-IN-line-overlay-ka8J: var(--width);--height: 100%;--height-SCOPED-IN-line-overlay-ka8J: var(--height)}:host{position:relative;display:block;width:var(--width-SCOPED-IN-line-overlay-ka8J);height:var(--height-SCOPED-IN-line-overlay-ka8J)}:host .loading{position:absolute;z-index:1000;top:0;left:0;display:flex;width:var(--width-SCOPED-IN-line-overlay-ka8J);height:var(--height-SCOPED-IN-line-overlay-ka8J);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-ka8J);height:var(--height-SCOPED-IN-line-overlay-ka8J);overflow:hidden}:host .main.page *{--cell: var(--cell-SCOPED-IN-line-overlay-ka8J);--width: var(--width-SCOPED-IN-line-overlay-ka8J);--height: var(--height-SCOPED-IN-line-overlay-ka8J)}:host .next.page{position:absolute;top:0;left:0;z-index:2;width:var(--width-SCOPED-IN-line-overlay-ka8J);height:auto}:host .next.page *{--cell: var(--cell-SCOPED-IN-line-overlay-ka8J);--width: var(--width-SCOPED-IN-line-overlay-ka8J);--height: var(--height-SCOPED-IN-line-overlay-ka8J)}\n"] }]
         }], propDecorators: { outlet: [{
                 type: Input
             }], isLoading: [{

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

@@ -2,10 +2,11 @@ import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 import { OverlayFrame } from './overlay.frame';
+import { ElementsModule } from '@ng-atomic/elements';
 import * as i0 from "@angular/core";
-export class OverlayModule {
+export class OverlayModule extends ElementsModule {
 }
-OverlayModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: OverlayModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+OverlayModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: OverlayModule, deps: null, 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: [[
@@ -25,4 +26,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                     ]
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3ZlcmxheS5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvZnJhbWVzL292ZXJsYXkvb3ZlcmxheS5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFDOUUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDOztBQVkvQyxNQUFNLE9BQU8sYUFBYTs7MkdBQWIsYUFBYTs0R0FBYixhQUFhLGlCQVRULFlBQVksYUFFekIsWUFBWTtRQUNaLHdCQUF3QixhQUd4QixZQUFZOzRHQUdILGFBQWEsWUFSZjtZQUNQLFlBQVk7WUFDWix3QkFBd0I7U0FDekI7NEZBS1UsYUFBYTtrQkFWekIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyxZQUFZLENBQUM7b0JBQzVCLE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLHdCQUF3QjtxQkFDekI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLFlBQVk7cUJBQ2I7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE1hdFByb2dyZXNzU3Bpbm5lck1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3Byb2dyZXNzLXNwaW5uZXInO1xuaW1wb3J0IHsgT3ZlcmxheUZyYW1lIH0gZnJvbSAnLi9vdmVybGF5LmZyYW1lJztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbT3ZlcmxheUZyYW1lXSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBNYXRQcm9ncmVzc1NwaW5uZXJNb2R1bGVcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIE92ZXJsYXlGcmFtZVxuICBdXG59KVxuZXhwb3J0IGNsYXNzIE92ZXJsYXlNb2R1bGUgeyB9XG5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3ZlcmxheS5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvZnJhbWVzL292ZXJsYXkvb3ZlcmxheS5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFDOUUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQzs7QUFZckQsTUFBTSxPQUFPLGFBQWMsU0FBUSxjQUFjOzsyR0FBcEMsYUFBYTs0R0FBYixhQUFhLGlCQVRULFlBQVksYUFFekIsWUFBWTtRQUNaLHdCQUF3QixhQUd4QixZQUFZOzRHQUdILGFBQWEsWUFSZjtZQUNQLFlBQVk7WUFDWix3QkFBd0I7U0FDekI7NEZBS1UsYUFBYTtrQkFWekIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyxZQUFZLENBQUM7b0JBQzVCLE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLHdCQUF3QjtxQkFDekI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLFlBQVk7cUJBQ2I7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE1hdFByb2dyZXNzU3Bpbm5lck1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3Byb2dyZXNzLXNwaW5uZXInO1xuaW1wb3J0IHsgT3ZlcmxheUZyYW1lIH0gZnJvbSAnLi9vdmVybGF5LmZyYW1lJztcbmltcG9ydCB7IEVsZW1lbnRzTW9kdWxlIH0gZnJvbSAnQG5nLWF0b21pYy9lbGVtZW50cyc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW092ZXJsYXlGcmFtZV0sXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgTWF0UHJvZ3Jlc3NTcGlubmVyTW9kdWxlXG4gIF0sXG4gIGV4cG9ydHM6IFtcbiAgICBPdmVybGF5RnJhbWVcbiAgXVxufSlcbmV4cG9ydCBjbGFzcyBPdmVybGF5TW9kdWxlIGV4dGVuZHMgRWxlbWVudHNNb2R1bGUgeyB9XG5cbiJdfQ==

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

@@ -7,10 +7,10 @@ export class OverlayFrame {
     }
 }
 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 });
+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-Ou3n: var(--cell);--width: 100%;--width-SCOPED-IN-line-overlay-Ou3n: var(--width);--height: 100%;--height-SCOPED-IN-line-overlay-Ou3n: var(--height)}:host{position:relative;display:block;width:var(--width-SCOPED-IN-line-overlay-Ou3n);height:var(--height-SCOPED-IN-line-overlay-Ou3n)}:host .loading{position:absolute;z-index:1000;top:0;left:0;display:flex;width:var(--width-SCOPED-IN-line-overlay-Ou3n);height:var(--height-SCOPED-IN-line-overlay-Ou3n);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-Ou3n);height:var(--height-SCOPED-IN-line-overlay-Ou3n);overflow:hidden}:host .main *{--cell: var(--cell-SCOPED-IN-line-overlay-Ou3n);--width: var(--width-SCOPED-IN-line-overlay-Ou3n);--height: var(--height-SCOPED-IN-line-overlay-Ou3n)}:host .next{position:absolute;top:0;left:0;z-index:2;width:var(--width-SCOPED-IN-line-overlay-Ou3n);height:auto}:host .next *{--cell: var(--cell-SCOPED-IN-line-overlay-Ou3n);--width: var(--width-SCOPED-IN-line-overlay-Ou3n);--height: var(--height-SCOPED-IN-line-overlay-Ou3n)}\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"] }]
+            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-Ou3n: var(--cell);--width: 100%;--width-SCOPED-IN-line-overlay-Ou3n: var(--width);--height: 100%;--height-SCOPED-IN-line-overlay-Ou3n: var(--height)}:host{position:relative;display:block;width:var(--width-SCOPED-IN-line-overlay-Ou3n);height:var(--height-SCOPED-IN-line-overlay-Ou3n)}:host .loading{position:absolute;z-index:1000;top:0;left:0;display:flex;width:var(--width-SCOPED-IN-line-overlay-Ou3n);height:var(--height-SCOPED-IN-line-overlay-Ou3n);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-Ou3n);height:var(--height-SCOPED-IN-line-overlay-Ou3n);overflow:hidden}:host .main *{--cell: var(--cell-SCOPED-IN-line-overlay-Ou3n);--width: var(--width-SCOPED-IN-line-overlay-Ou3n);--height: var(--height-SCOPED-IN-line-overlay-Ou3n)}:host .next{position:absolute;top:0;left:0;z-index:2;width:var(--width-SCOPED-IN-line-overlay-Ou3n);height:auto}:host .next *{--cell: var(--cell-SCOPED-IN-line-overlay-Ou3n);--width: var(--width-SCOPED-IN-line-overlay-Ou3n);--height: var(--height-SCOPED-IN-line-overlay-Ou3n)}\n"] }]
         }], propDecorators: { hasNext: [{
                 type: Input
             }] } });

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

@@ -2,10 +2,11 @@ import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 import { OverlayFrame } from './overlay.frame';
+import { ElementsModule } from '@ng-atomic/elements';
 import * as i0 from "@angular/core";
-export class OverlayModule {
+export class OverlayModule extends ElementsModule {
 }
-OverlayModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: OverlayModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+OverlayModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: OverlayModule, deps: null, 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: [[
@@ -25,4 +26,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                     ]
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3ZlcmxheS5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvZnJhbWVzL292ZXJsYXktdjIvb3ZlcmxheS5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFDOUUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDOztBQVkvQyxNQUFNLE9BQU8sYUFBYTs7MkdBQWIsYUFBYTs0R0FBYixhQUFhLGlCQVRULFlBQVksYUFFekIsWUFBWTtRQUNaLHdCQUF3QixhQUd4QixZQUFZOzRHQUdILGFBQWEsWUFSZjtZQUNQLFlBQVk7WUFDWix3QkFBd0I7U0FDekI7NEZBS1UsYUFBYTtrQkFWekIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyxZQUFZLENBQUM7b0JBQzVCLE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLHdCQUF3QjtxQkFDekI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLFlBQVk7cUJBQ2I7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE1hdFByb2dyZXNzU3Bpbm5lck1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3Byb2dyZXNzLXNwaW5uZXInO1xuaW1wb3J0IHsgT3ZlcmxheUZyYW1lIH0gZnJvbSAnLi9vdmVybGF5LmZyYW1lJztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbT3ZlcmxheUZyYW1lXSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBNYXRQcm9ncmVzc1NwaW5uZXJNb2R1bGVcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIE92ZXJsYXlGcmFtZVxuICBdXG59KVxuZXhwb3J0IGNsYXNzIE92ZXJsYXlNb2R1bGUgeyB9XG5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3ZlcmxheS5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvZnJhbWVzL292ZXJsYXktdjIvb3ZlcmxheS5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFDOUUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQzs7QUFZckQsTUFBTSxPQUFPLGFBQWMsU0FBUSxjQUFjOzsyR0FBcEMsYUFBYTs0R0FBYixhQUFhLGlCQVRULFlBQVksYUFFekIsWUFBWTtRQUNaLHdCQUF3QixhQUd4QixZQUFZOzRHQUdILGFBQWEsWUFSZjtZQUNQLFlBQVk7WUFDWix3QkFBd0I7U0FDekI7NEZBS1UsYUFBYTtrQkFWekIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyxZQUFZLENBQUM7b0JBQzVCLE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLHdCQUF3QjtxQkFDekI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLFlBQVk7cUJBQ2I7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE1hdFByb2dyZXNzU3Bpbm5lck1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3Byb2dyZXNzLXNwaW5uZXInO1xuaW1wb3J0IHsgT3ZlcmxheUZyYW1lIH0gZnJvbSAnLi9vdmVybGF5LmZyYW1lJztcbmltcG9ydCB7IEVsZW1lbnRzTW9kdWxlIH0gZnJvbSAnQG5nLWF0b21pYy9lbGVtZW50cyc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW092ZXJsYXlGcmFtZV0sXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgTWF0UHJvZ3Jlc3NTcGlubmVyTW9kdWxlXG4gIF0sXG4gIGV4cG9ydHM6IFtcbiAgICBPdmVybGF5RnJhbWVcbiAgXVxufSlcbmV4cG9ydCBjbGFzcyBPdmVybGF5TW9kdWxlIGV4dGVuZHMgRWxlbWVudHNNb2R1bGUgeyB9XG5cbiJdfQ==

package/esm2020/frames/scroll/scroll.frame.mjs

@@ -4,9 +4,9 @@ import * as i1 from "@ng-atomic/common/directives";
 export class ScrollFrame {
 }
 ScrollFrame.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ScrollFrame, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ScrollFrame.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: ScrollFrame, selector: "frames-scroll", ngImport: i0, template: "<div class=\"navigator-container\" iosSafariScrollBuggyfill>\n  <ng-content select=[navigator]></ng-content>\n</div>\n<div class=\"contents-container\">\n  <ng-content select=[contents]></ng-content>\n</div>", styles: [":host{--height: 100%;--height-SCOPED-IN-scroll-GtiS: var(--height);--navigator-height: 56px;--navigator-height-SCOPED-IN-scroll-GtiS: var(--navigator-height)}:host{height:var(--height-SCOPED-IN-scroll-GtiS);overflow:hidden}:host .navigator-container{height:var(--navigator-height-SCOPED-IN-scroll-GtiS);overflow:hidden;touch-action:none}:host .contents-container{height:calc(var(--height-SCOPED-IN-scroll-GtiS) - var(--navigator-height-SCOPED-IN-scroll-GtiS));overflow:scroll;-webkit-overflow-scrolling:touch}\n"], directives: [{ type: i1.IosSafariScrollBuggyfillDirective, selector: "[iosSafariScrollBuggyfill]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+ScrollFrame.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: ScrollFrame, selector: "frames-scroll", ngImport: i0, template: "<div class=\"navigator-container\" iosSafariScrollBuggyfill>\n  <ng-content select=[navigator]></ng-content>\n</div>\n<div class=\"contents-container\">\n  <ng-content select=[contents]></ng-content>\n</div>", styles: [":host{--height: 100%;--height-SCOPED-IN-scroll-MNxT: var(--height);--navigator-height: 56px;--navigator-height-SCOPED-IN-scroll-MNxT: var(--navigator-height)}:host{height:var(--height-SCOPED-IN-scroll-MNxT);overflow:hidden}:host .navigator-container{height:var(--navigator-height-SCOPED-IN-scroll-MNxT);overflow:hidden;touch-action:none}:host .contents-container{height:calc(var(--height-SCOPED-IN-scroll-MNxT) - var(--navigator-height-SCOPED-IN-scroll-MNxT));overflow:scroll;-webkit-overflow-scrolling:touch}\n"], directives: [{ type: i1.IosSafariScrollBuggyfillDirective, selector: "[iosSafariScrollBuggyfill]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ScrollFrame, decorators: [{
             type: Component,
-            args: [{ selector: 'frames-scroll', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"navigator-container\" iosSafariScrollBuggyfill>\n  <ng-content select=[navigator]></ng-content>\n</div>\n<div class=\"contents-container\">\n  <ng-content select=[contents]></ng-content>\n</div>", styles: [":host{--height: 100%;--height-SCOPED-IN-scroll-GtiS: var(--height);--navigator-height: 56px;--navigator-height-SCOPED-IN-scroll-GtiS: var(--navigator-height)}:host{height:var(--height-SCOPED-IN-scroll-GtiS);overflow:hidden}:host .navigator-container{height:var(--navigator-height-SCOPED-IN-scroll-GtiS);overflow:hidden;touch-action:none}:host .contents-container{height:calc(var(--height-SCOPED-IN-scroll-GtiS) - var(--navigator-height-SCOPED-IN-scroll-GtiS));overflow:scroll;-webkit-overflow-scrolling:touch}\n"] }]
+            args: [{ selector: 'frames-scroll', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"navigator-container\" iosSafariScrollBuggyfill>\n  <ng-content select=[navigator]></ng-content>\n</div>\n<div class=\"contents-container\">\n  <ng-content select=[contents]></ng-content>\n</div>", styles: [":host{--height: 100%;--height-SCOPED-IN-scroll-MNxT: var(--height);--navigator-height: 56px;--navigator-height-SCOPED-IN-scroll-MNxT: var(--navigator-height)}:host{height:var(--height-SCOPED-IN-scroll-MNxT);overflow:hidden}:host .navigator-container{height:var(--navigator-height-SCOPED-IN-scroll-MNxT);overflow:hidden;touch-action:none}:host .contents-container{height:calc(var(--height-SCOPED-IN-scroll-MNxT) - var(--navigator-height-SCOPED-IN-scroll-MNxT));overflow:scroll;-webkit-overflow-scrolling:touch}\n"] }]
         }] });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2Nyb2xsLmZyYW1lLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2ZyYW1lcy9zY3JvbGwvc2Nyb2xsLmZyYW1lLnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2ZyYW1lcy9zY3JvbGwvc2Nyb2xsLmZyYW1lLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBUW5FLE1BQU0sT0FBTyxXQUFXOzt5R0FBWCxXQUFXOzZGQUFYLFdBQVcscURDUnhCLGlOQUtNOzRGREdPLFdBQVc7a0JBTnZCLFNBQVM7K0JBQ0UsZUFBZSxtQkFHUix1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdmcmFtZXMtc2Nyb2xsJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3Njcm9sbC5mcmFtZS5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc2Nyb2xsLmZyYW1lLnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFNjcm9sbEZyYW1lIHsgfVxuIiwiPGRpdiBjbGFzcz1cIm5hdmlnYXRvci1jb250YWluZXJcIiBpb3NTYWZhcmlTY3JvbGxCdWdneWZpbGw+XG4gIDxuZy1jb250ZW50IHNlbGVjdD1bbmF2aWdhdG9yXT48L25nLWNvbnRlbnQ+XG48L2Rpdj5cbjxkaXYgY2xhc3M9XCJjb250ZW50cy1jb250YWluZXJcIj5cbiAgPG5nLWNvbnRlbnQgc2VsZWN0PVtjb250ZW50c10+PC9uZy1jb250ZW50PlxuPC9kaXY+Il19

package/esm2020/frames/scroll/scroll.module.mjs

@@ -2,10 +2,11 @@ import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { IosSafariScrollBuggyfillModule } from '@ng-atomic/common/directives';
 import { ScrollFrame } from './scroll.frame';
+import { ElementsModule } from '@ng-atomic/elements';
 import * as i0 from "@angular/core";
-export class ScrollModule {
+export class ScrollModule extends ElementsModule {
 }
-ScrollModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ScrollModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ScrollModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ScrollModule, deps: null, target: i0.ɵɵFactoryTarget.NgModule });
 ScrollModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ScrollModule, declarations: [ScrollFrame], imports: [CommonModule,
         IosSafariScrollBuggyfillModule], exports: [ScrollFrame] });
 ScrollModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ScrollModule, imports: [[
@@ -27,4 +28,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                     ]
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2Nyb2xsLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9mcmFtZXMvc2Nyb2xsL3Njcm9sbC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLDhCQUE4QixFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDOUUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDOztBQWU3QyxNQUFNLE9BQU8sWUFBWTs7MEdBQVosWUFBWTsyR0FBWixZQUFZLGlCQVZyQixXQUFXLGFBR1gsWUFBWTtRQUNaLDhCQUE4QixhQUc5QixXQUFXOzJHQUdGLFlBQVksWUFSZDtZQUNQLFlBQVk7WUFDWiw4QkFBOEI7U0FDL0I7NEZBS1UsWUFBWTtrQkFaeEIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUU7d0JBQ1osV0FBVztxQkFDWjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWiw4QkFBOEI7cUJBQy9CO29CQUNELE9BQU8sRUFBRTt3QkFDUCxXQUFXO3FCQUNaO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBJb3NTYWZhcmlTY3JvbGxCdWdneWZpbGxNb2R1bGUgfSBmcm9tICdAbmctYXRvbWljL2NvbW1vbi9kaXJlY3RpdmVzJztcbmltcG9ydCB7IFNjcm9sbEZyYW1lIH0gZnJvbSAnLi9zY3JvbGwuZnJhbWUnO1xuXG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1xuICAgIFNjcm9sbEZyYW1lXG4gIF0sXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgSW9zU2FmYXJpU2Nyb2xsQnVnZ3lmaWxsTW9kdWxlLFxuICBdLFxuICBleHBvcnRzOiBbXG4gICAgU2Nyb2xsRnJhbWVcbiAgXVxufSlcbmV4cG9ydCBjbGFzcyBTY3JvbGxNb2R1bGUgeyB9XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2Nyb2xsLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9mcmFtZXMvc2Nyb2xsL3Njcm9sbC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLDhCQUE4QixFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDOUUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzdDLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQzs7QUFlckQsTUFBTSxPQUFPLFlBQWEsU0FBUSxjQUFjOzswR0FBbkMsWUFBWTsyR0FBWixZQUFZLGlCQVZyQixXQUFXLGFBR1gsWUFBWTtRQUNaLDhCQUE4QixhQUc5QixXQUFXOzJHQUdGLFlBQVksWUFSZDtZQUNQLFlBQVk7WUFDWiw4QkFBOEI7U0FDL0I7NEZBS1UsWUFBWTtrQkFaeEIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUU7d0JBQ1osV0FBVztxQkFDWjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWiw4QkFBOEI7cUJBQy9CO29CQUNELE9BQU8sRUFBRTt3QkFDUCxXQUFXO3FCQUNaO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBJb3NTYWZhcmlTY3JvbGxCdWdneWZpbGxNb2R1bGUgfSBmcm9tICdAbmctYXRvbWljL2NvbW1vbi9kaXJlY3RpdmVzJztcbmltcG9ydCB7IFNjcm9sbEZyYW1lIH0gZnJvbSAnLi9zY3JvbGwuZnJhbWUnO1xuaW1wb3J0IHsgRWxlbWVudHNNb2R1bGUgfSBmcm9tICdAbmctYXRvbWljL2VsZW1lbnRzJztcblxuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBTY3JvbGxGcmFtZVxuICBdLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIElvc1NhZmFyaVNjcm9sbEJ1Z2d5ZmlsbE1vZHVsZSxcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIFNjcm9sbEZyYW1lXG4gIF1cbn0pXG5leHBvcnQgY2xhc3MgU2Nyb2xsTW9kdWxlIGV4dGVuZHMgRWxlbWVudHNNb2R1bGUgeyB9XG4iXX0=

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

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