npm - @ng-atomic/components - Versions diffs - 4.14.1 → 4.16.0 - Mend

@ng-atomic/components 4.14.1 → 4.16.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (158) hide show

package/esm2020/templates/smart-index/smart-index.module.mjs CHANGED Viewed

@@ -4,6 +4,7 @@ import { AutoLayoutModule } from '@ng-atomic/components/frames/auto-layout';
 import { ScrollModule } from '@ng-atomic/components/frames/scroll';
 import { HeaderModule } from '@ng-atomic/components/molecules/header';
 import { SmartTableModule } from '@ng-atomic/components/organisms/smart-table';
+import { SmartListModule } from '@ng-atomic/components/organisms/smart-list';
 import { NavigatorModule } from '@ng-atomic/components/organisms/navigator';
 import { PaginatorModule } from '@ng-atomic/components/organisms/paginator';
 import { SmartIndexTemplate } from './smart-index.template';
@@ -19,6 +20,7 @@ SmartIndexModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonM
         // Organisms
         PaginatorModule,
         SmartTableModule,
+        SmartListModule,
         NavigatorModule,
         // Molecules
         HeaderModule] });
@@ -36,6 +38,7 @@ SmartIndexModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonM
                     // Organisms
                     PaginatorModule,
                     SmartTableModule,
+                    SmartListModule,
                     NavigatorModule,
                     // Molecules
                     HeaderModule,
@@ -52,7 +55,8 @@ SmartIndexModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonM
         // Organisms
         PaginatorModule,
         SmartTableModule,
+        SmartListModule,
         NavigatorModule,
         // Molecules
         HeaderModule], exports: [SmartIndexTemplate] }); })();
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic21hcnQtaW5kZXgubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3NyYy90ZW1wbGF0ZXMvc21hcnQtaW5kZXgvc21hcnQtaW5kZXgubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDBDQUEwQyxDQUFDO0FBQzVFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUNuRSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sd0NBQXdDLENBQUM7QUFDdEUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sNkNBQTZDLENBQUM7QUFDL0UsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDJDQUEyQyxDQUFDO0FBQzVFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwyQ0FBMkMsQ0FBQztBQUU1RSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQzs7QUF1QjVELE1BQU0sT0FBTyxnQkFBZ0I7O2dGQUFoQixnQkFBZ0I7a0VBQWhCLGdCQUFnQjtzRUFmekIsWUFBWTtRQUNaLFNBQVM7UUFDVCxnQkFBZ0I7UUFDaEIsWUFBWTtRQUNaLFlBQVk7UUFDWixlQUFlO1FBQ2YsZ0JBQWdCO1FBQ2hCLGVBQWU7UUFDZixZQUFZO1FBQ1osWUFBWTt1RkFNSCxnQkFBZ0I7Y0FwQjVCLFFBQVE7ZUFBQztnQkFDUixZQUFZLEVBQUU7b0JBQ1osa0JBQWtCO2lCQUNuQjtnQkFDRCxPQUFPLEVBQUU7b0JBQ1AsWUFBWTtvQkFDWixTQUFTO29CQUNULGdCQUFnQjtvQkFDaEIsWUFBWTtvQkFDWixZQUFZO29CQUNaLGVBQWU7b0JBQ2YsZ0JBQWdCO29CQUNoQixlQUFlO29CQUNmLFlBQVk7b0JBQ1osWUFBWTtpQkFDYjtnQkFDRCxPQUFPLEVBQUU7b0JBQ1Asa0JBQWtCO2lCQUNuQjthQUNGOzt3RkFDWSxnQkFBZ0IsbUJBbEJ6QixrQkFBa0IsYUFHbEIsWUFBWTtRQUNaLFNBQVM7UUFDVCxnQkFBZ0I7UUFDaEIsWUFBWTtRQUNaLFlBQVk7UUFDWixlQUFlO1FBQ2YsZ0JBQWdCO1FBQ2hCLGVBQWU7UUFDZixZQUFZO1FBQ1osWUFBWSxhQUdaLGtCQUFrQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQXV0b0xheW91dE1vZHVsZSB9IGZyb20gJ0BuZy1hdG9taWMvY29tcG9uZW50cy9mcmFtZXMvYXV0by1sYXlvdXQnO1xuaW1wb3J0IHsgU2Nyb2xsTW9kdWxlIH0gZnJvbSAnQG5nLWF0b21pYy9jb21wb25lbnRzL2ZyYW1lcy9zY3JvbGwnO1xuaW1wb3J0IHsgSGVhZGVyTW9kdWxlIH0gZnJvbSAnQG5nLWF0b21pYy9jb21wb25lbnRzL21vbGVjdWxlcy9oZWFkZXInO1xuaW1wb3J0IHsgU21hcnRUYWJsZU1vZHVsZSB9IGZyb20gJ0BuZy1hdG9taWMvY29tcG9uZW50cy9vcmdhbmlzbXMvc21hcnQtdGFibGUnO1xuaW1wb3J0IHsgTmF2aWdhdG9yTW9kdWxlIH0gZnJvbSAnQG5nLWF0b21pYy9jb21wb25lbnRzL29yZ2FuaXNtcy9uYXZpZ2F0b3InO1xuaW1wb3J0IHsgUGFnaW5hdG9yTW9kdWxlIH0gZnJvbSAnQG5nLWF0b21pYy9jb21wb25lbnRzL29yZ2FuaXNtcy9wYWdpbmF0b3InO1xuXG5pbXBvcnQgeyBTbWFydEluZGV4VGVtcGxhdGUgfSBmcm9tICcuL3NtYXJ0LWluZGV4LnRlbXBsYXRlJztcblxuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBTbWFydEluZGV4VGVtcGxhdGVcbiAgXSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICAvLyBGcmFtZXNcbiAgICBBdXRvTGF5b3V0TW9kdWxlLFxuICAgIFNjcm9sbE1vZHVsZSxcbiAgICAvLyBPcmdhbmlzbXNcbiAgICBQYWdpbmF0b3JNb2R1bGUsXG4gICAgU21hcnRUYWJsZU1vZHVsZSxcbiAgICBOYXZpZ2F0b3JNb2R1bGUsXG4gICAgLy8gTW9sZWN1bGVzXG4gICAgSGVhZGVyTW9kdWxlLFxuICBdLFxuICBleHBvcnRzOiBbXG4gICAgU21hcnRJbmRleFRlbXBsYXRlXG4gIF1cbn0pXG5leHBvcnQgY2xhc3MgU21hcnRJbmRleE1vZHVsZSB7IH1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic21hcnQtaW5kZXgubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3NyYy90ZW1wbGF0ZXMvc21hcnQtaW5kZXgvc21hcnQtaW5kZXgubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDBDQUEwQyxDQUFDO0FBQzVFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUNuRSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sd0NBQXdDLENBQUM7QUFDdEUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sNkNBQTZDLENBQUM7QUFDL0UsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDRDQUE0QyxDQUFDO0FBQzdFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwyQ0FBMkMsQ0FBQztBQUM1RSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMkNBQTJDLENBQUM7QUFFNUUsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7O0FBd0I1RCxNQUFNLE9BQU8sZ0JBQWdCOztnRkFBaEIsZ0JBQWdCO2tFQUFoQixnQkFBZ0I7c0VBaEJ6QixZQUFZO1FBQ1osU0FBUztRQUNULGdCQUFnQjtRQUNoQixZQUFZO1FBQ1osWUFBWTtRQUNaLGVBQWU7UUFDZixnQkFBZ0I7UUFDaEIsZUFBZTtRQUNmLGVBQWU7UUFDZixZQUFZO1FBQ1osWUFBWTt1RkFNSCxnQkFBZ0I7Y0FyQjVCLFFBQVE7ZUFBQztnQkFDUixZQUFZLEVBQUU7b0JBQ1osa0JBQWtCO2lCQUNuQjtnQkFDRCxPQUFPLEVBQUU7b0JBQ1AsWUFBWTtvQkFDWixTQUFTO29CQUNULGdCQUFnQjtvQkFDaEIsWUFBWTtvQkFDWixZQUFZO29CQUNaLGVBQWU7b0JBQ2YsZ0JBQWdCO29CQUNoQixlQUFlO29CQUNmLGVBQWU7b0JBQ2YsWUFBWTtvQkFDWixZQUFZO2lCQUNiO2dCQUNELE9BQU8sRUFBRTtvQkFDUCxrQkFBa0I7aUJBQ25CO2FBQ0Y7O3dGQUNZLGdCQUFnQixtQkFuQnpCLGtCQUFrQixhQUdsQixZQUFZO1FBQ1osU0FBUztRQUNULGdCQUFnQjtRQUNoQixZQUFZO1FBQ1osWUFBWTtRQUNaLGVBQWU7UUFDZixnQkFBZ0I7UUFDaEIsZUFBZTtRQUNmLGVBQWU7UUFDZixZQUFZO1FBQ1osWUFBWSxhQUdaLGtCQUFrQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQXV0b0xheW91dE1vZHVsZSB9IGZyb20gJ0BuZy1hdG9taWMvY29tcG9uZW50cy9mcmFtZXMvYXV0by1sYXlvdXQnO1xuaW1wb3J0IHsgU2Nyb2xsTW9kdWxlIH0gZnJvbSAnQG5nLWF0b21pYy9jb21wb25lbnRzL2ZyYW1lcy9zY3JvbGwnO1xuaW1wb3J0IHsgSGVhZGVyTW9kdWxlIH0gZnJvbSAnQG5nLWF0b21pYy9jb21wb25lbnRzL21vbGVjdWxlcy9oZWFkZXInO1xuaW1wb3J0IHsgU21hcnRUYWJsZU1vZHVsZSB9IGZyb20gJ0BuZy1hdG9taWMvY29tcG9uZW50cy9vcmdhbmlzbXMvc21hcnQtdGFibGUnO1xuaW1wb3J0IHsgU21hcnRMaXN0TW9kdWxlIH0gZnJvbSAnQG5nLWF0b21pYy9jb21wb25lbnRzL29yZ2FuaXNtcy9zbWFydC1saXN0JztcbmltcG9ydCB7IE5hdmlnYXRvck1vZHVsZSB9IGZyb20gJ0BuZy1hdG9taWMvY29tcG9uZW50cy9vcmdhbmlzbXMvbmF2aWdhdG9yJztcbmltcG9ydCB7IFBhZ2luYXRvck1vZHVsZSB9IGZyb20gJ0BuZy1hdG9taWMvY29tcG9uZW50cy9vcmdhbmlzbXMvcGFnaW5hdG9yJztcblxuaW1wb3J0IHsgU21hcnRJbmRleFRlbXBsYXRlIH0gZnJvbSAnLi9zbWFydC1pbmRleC50ZW1wbGF0ZSc7XG5cblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgU21hcnRJbmRleFRlbXBsYXRlXG4gIF0sXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgLy8gRnJhbWVzXG4gICAgQXV0b0xheW91dE1vZHVsZSxcbiAgICBTY3JvbGxNb2R1bGUsXG4gICAgLy8gT3JnYW5pc21zXG4gICAgUGFnaW5hdG9yTW9kdWxlLFxuICAgIFNtYXJ0VGFibGVNb2R1bGUsXG4gICAgU21hcnRMaXN0TW9kdWxlLFxuICAgIE5hdmlnYXRvck1vZHVsZSxcbiAgICAvLyBNb2xlY3VsZXNcbiAgICBIZWFkZXJNb2R1bGUsXG4gIF0sXG4gIGV4cG9ydHM6IFtcbiAgICBTbWFydEluZGV4VGVtcGxhdGVcbiAgXVxufSlcbmV4cG9ydCBjbGFzcyBTbWFydEluZGV4TW9kdWxlIHsgfVxuIl19

package/esm2020/templates/smart-index/smart-index.template.mjs CHANGED Viewed

@@ -7,31 +7,59 @@ import * as i2 from "@ng-atomic/components/frames/auto-layout";
 import * as i3 from "@ng-atomic/components/frames/scroll";
 import * as i4 from "@ng-atomic/components/organisms/paginator";
 import * as i5 from "@ng-atomic/components/organisms/smart-table";
-import * as i6 from "@ng-atomic/components/organisms/navigator";
-import * as i7 from "@ng-atomic/components/molecules/header";
-function SmartIndexTemplate_organisms_paginator_5_Template(rf, ctx) { if (rf & 1) {
-    const _r2 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "organisms-paginator", 5);
-    i0.ɵɵlistener("pageChange", function SmartIndexTemplate_organisms_paginator_5_Template_organisms_paginator_pageChange_0_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.pageChange.emit($event)); });
+import * as i6 from "@ng-atomic/components/organisms/smart-list";
+import * as i7 from "@ng-atomic/components/organisms/navigator";
+import * as i8 from "@ng-atomic/components/molecules/header";
+function SmartIndexTemplate_ng_container_4_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵelementStart(1, "organisms-smart-list", 4);
+    i0.ɵɵlistener("action", function SmartIndexTemplate_ng_container_4_Template_organisms_smart_list_action_1_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.action.emit($event)); });
     i0.ɵɵelementEnd();
+    i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("control", ctx_r0.queryControl)("page", ctx_r0.page)("pageSizeOptions", ctx_r0.pageSizeOptions)("placeholder", ctx_r0.queryPlaceholder);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("items", ctx_r0.items);
+} }
+function SmartIndexTemplate_ng_container_5_organisms_paginator_2_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "organisms-paginator", 7);
+    i0.ɵɵlistener("pageChange", function SmartIndexTemplate_ng_container_5_organisms_paginator_2_Template_organisms_paginator_pageChange_0_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r5 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r5.pageChange.emit($event)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r4 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("control", ctx_r4.queryControl)("page", ctx_r4.page)("pageSizeOptions", ctx_r4.pageSizeOptions)("placeholder", ctx_r4.queryPlaceholder);
+} }
+function SmartIndexTemplate_ng_container_5_Template(rf, ctx) { if (rf & 1) {
+    const _r8 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵelementStart(1, "organisms-smart-table", 5);
+    i0.ɵɵlistener("action", function SmartIndexTemplate_ng_container_5_Template_organisms_smart_table_action_1_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r7 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r7.action.emit($event)); })("checkboxClick", function SmartIndexTemplate_ng_container_5_Template_organisms_smart_table_checkboxClick_1_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r9 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r9.checkboxClick.emit($event)); })("headerClick", function SmartIndexTemplate_ng_container_5_Template_organisms_smart_table_headerClick_1_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r10 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r10.action.emit({ id: ctx_r10.ActionId.TABLE_HEADER_CLICK, payload: $event })); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(2, SmartIndexTemplate_ng_container_5_organisms_paginator_2_Template, 1, 4, "organisms-paginator", 6);
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("items", ctx_r1.items)("itemActions", ctx_r1.itemActions)("columns", ctx_r1.properties)("selectedIdSet", ctx_r1.selectedIdSet)("sortKey", ctx_r1.sortKey)("sortOrder", ctx_r1.sortOrder);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", ctx_r1.page);
 } }
-const _c0 = function () { return []; };
 export var ActionId;
 (function (ActionId) {
-    ActionId["BACK"] = "[@ng-atomic/components/templates/smart-crud] Back";
+    ActionId["BACK"] = "[@ng-atomic/components/templates/smart-index] Back";
+    ActionId["TABLE_HEADER_CLICK"] = "[@ng-atomic/components/templates/smart-index] Table Header Click";
 })(ActionId || (ActionId = {}));
 export class SmartIndexTemplate {
     constructor() {
-        this.canBack = false;
+        this.ActionId = ActionId;
         this.queryControl = new FormControl('');
         this.title = '';
         this.items = [];
-        this.rowMenuItems = [];
         this.itemActions = () => [];
-        this.navigatorMenuItems = [];
+        this.navStartActions = [{ id: ActionId.BACK, icon: 'arrow_back' }];
+        this.navEndActions = [];
         this.properties = [];
         this.selectedIdSet = new Set();
         this.page = {
@@ -41,47 +69,42 @@ export class SmartIndexTemplate {
         };
         this.pageSizeOptions = [5, 10, 25, 100];
         this.queryPlaceholder = '';
+        this.device = 'sp';
         this.action = new EventEmitter();
         this.backButtonClick = new EventEmitter();
         this.checkboxClick = new EventEmitter();
         this.pageChange = new EventEmitter();
-        this.tableHeaderClick = new EventEmitter();
-        this.navigatorLeftItems = [{ id: ActionId.BACK, icon: 'arrow_back' }];
     }
     onAction(action) {
         switch (action.id) {
-            case ActionId.BACK: return this.backButtonClick.emit();
             default: return this.action.emit(action);
         }
     }
 }
 SmartIndexTemplate.ɵfac = function SmartIndexTemplate_Factory(t) { return new (t || SmartIndexTemplate)(); };
-SmartIndexTemplate.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SmartIndexTemplate, selectors: [["templates-smart-index"]], hostAttrs: [1, "template"], inputs: { canBack: "canBack", queryControl: "queryControl", title: "title", description: "description", items: "items", rowMenuItems: "rowMenuItems", itemActions: "itemActions", navigatorMenuItems: "navigatorMenuItems", properties: "properties", selectedIdSet: "selectedIdSet", sortKey: "sortKey", sortOrder: "sortOrder", page: "page", pageSizeOptions: "pageSizeOptions", queryPlaceholder: "queryPlaceholder" }, outputs: { action: "action", backButtonClick: "backButtonClick", checkboxClick: "checkboxClick", pageChange: "pageChange", tableHeaderClick: "tableHeaderClick" }, decls: 6, vars: 13, consts: [["navigator", "", 3, "leftItems", "rightItems", "action"], [3, "title", "description"], ["vertical", "", "contents", ""], [3, "items", "menuItems", "itemActions", "columns", "selectedIdSet", "sortKey", "sortOrder", "action", "checkboxClick", "headerClick"], [3, "control", "page", "pageSizeOptions", "placeholder", "pageChange", 4, "ngIf"], [3, "control", "page", "pageSizeOptions", "placeholder", "pageChange"]], template: function SmartIndexTemplate_Template(rf, ctx) { if (rf & 1) {
+SmartIndexTemplate.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SmartIndexTemplate, selectors: [["templates-smart-index"]], hostAttrs: [1, "template"], inputs: { queryControl: "queryControl", title: "title", description: "description", items: "items", itemActions: "itemActions", navStartActions: "navStartActions", navEndActions: "navEndActions", properties: "properties", selectedIdSet: "selectedIdSet", sortKey: "sortKey", sortOrder: "sortOrder", page: "page", pageSizeOptions: "pageSizeOptions", queryPlaceholder: "queryPlaceholder", device: "device" }, outputs: { action: "action", backButtonClick: "backButtonClick", checkboxClick: "checkboxClick", pageChange: "pageChange" }, decls: 6, vars: 6, consts: [["navigator", "", 3, "startActions", "endActions", "action"], [3, "title", "description"], ["vertical", "", "contents", ""], [4, "ngIf"], [3, "items", "action"], [3, "items", "itemActions", "columns", "selectedIdSet", "sortKey", "sortOrder", "action", "checkboxClick", "headerClick"], [3, "control", "page", "pageSizeOptions", "placeholder", "pageChange", 4, "ngIf"], [3, "control", "page", "pageSizeOptions", "placeholder", "pageChange"]], template: function SmartIndexTemplate_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelementStart(0, "frames-scroll")(1, "organisms-navigator", 0);
         i0.ɵɵlistener("action", function SmartIndexTemplate_Template_organisms_navigator_action_1_listener($event) { return ctx.onAction($event); });
         i0.ɵɵelement(2, "molecules-header", 1);
         i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(3, "frames-auto-layout", 2)(4, "organisms-smart-table", 3);
-        i0.ɵɵlistener("action", function SmartIndexTemplate_Template_organisms_smart_table_action_4_listener($event) { return ctx.action.emit($event); })("checkboxClick", function SmartIndexTemplate_Template_organisms_smart_table_checkboxClick_4_listener($event) { return ctx.checkboxClick.emit($event); })("headerClick", function SmartIndexTemplate_Template_organisms_smart_table_headerClick_4_listener($event) { return ctx.tableHeaderClick.emit($event); });
-        i0.ɵɵelementEnd();
-        i0.ɵɵtemplate(5, SmartIndexTemplate_organisms_paginator_5_Template, 1, 4, "organisms-paginator", 4);
+        i0.ɵɵelementStart(3, "frames-auto-layout", 2);
+        i0.ɵɵtemplate(4, SmartIndexTemplate_ng_container_4_Template, 2, 1, "ng-container", 3);
+        i0.ɵɵtemplate(5, SmartIndexTemplate_ng_container_5_Template, 3, 7, "ng-container", 3);
         i0.ɵɵelementEnd()();
     } if (rf & 2) {
         i0.ɵɵadvance(1);
-        i0.ɵɵproperty("leftItems", ctx.canBack ? ctx.navigatorLeftItems : i0.ɵɵpureFunction0(12, _c0))("rightItems", ctx.navigatorMenuItems);
+        i0.ɵɵproperty("startActions", ctx.navStartActions)("endActions", ctx.navEndActions);
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("title", ctx.title)("description", ctx.description);
         i0.ɵɵadvance(2);
-        i0.ɵɵproperty("items", ctx.items)("menuItems", ctx.rowMenuItems)("itemActions", ctx.itemActions)("columns", ctx.properties)("selectedIdSet", ctx.selectedIdSet)("sortKey", ctx.sortKey)("sortOrder", ctx.sortOrder);
+        i0.ɵɵproperty("ngIf", ctx.device === "sp");
         i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngIf", ctx.page);
-    } }, dependencies: [i1.NgIf, i2.AutoLayoutFrame, i3.ScrollFrame, i4.PaginatorOrganism, i5.SmartTableOrganism, i6.NavigatorOrganism, i7.HeaderMolecule], styles: ["[_nghost-%COMP%]{--navigator-height: 56px;--navigator-height-SCOPED-IN-smart-index-vaHc: var(--navigator-height)}[_nghost-%COMP%]{width:100%;height:100%;background:white;display:block}[_nghost-%COMP%]   frames-auto-layout[_ngcontent-%COMP%]{--gap: 0;--vertical-padding: 0}"], changeDetection: 0 });
+        i0.ɵɵproperty("ngIf", ctx.device !== "sp");
+    } }, dependencies: [i1.NgIf, i2.AutoLayoutFrame, i3.ScrollFrame, i4.PaginatorOrganism, i5.SmartTableOrganism, i6.SmartListOrganism, i7.NavigatorOrganism, i8.HeaderMolecule], styles: ["[_nghost-%COMP%]{--navigator-height: 56px;--navigator-height-SCOPED-IN-smart-index-2PHY: var(--navigator-height)}[_nghost-%COMP%]{width:100%;height:100%;background:white;display:block}[_nghost-%COMP%]   frames-auto-layout[_ngcontent-%COMP%]{--gap: 0;--vertical-padding: 0}"], changeDetection: 0 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SmartIndexTemplate, [{
         type: Component,
-        args: [{ selector: 'templates-smart-index', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'template' }, template: "<frames-scroll>\n  <organisms-navigator\n    [leftItems]=\"canBack ? navigatorLeftItems : []\"\n    [rightItems]=\"navigatorMenuItems\"\n    (action)=\"onAction($event)\"\n    navigator\n  >\n    <molecules-header [title]=\"title\" [description]=\"description\"></molecules-header>\n  </organisms-navigator>\n  <frames-auto-layout vertical contents>\n    <organisms-smart-table\n      [items]=\"items\"\n      [menuItems]=\"rowMenuItems\"\n      [itemActions]=\"itemActions\"\n      [columns]=\"properties\"\n      [selectedIdSet]=\"selectedIdSet\"\n      [sortKey]=\"sortKey\"\n      [sortOrder]=\"sortOrder\"\n      (action)=\"action.emit($event)\"\n      (checkboxClick)=\"checkboxClick.emit($event)\"\n      (headerClick)=\"tableHeaderClick.emit($event)\"\n    ></organisms-smart-table>\n    <organisms-paginator\n      *ngIf=\"page\"\n      [control]=\"queryControl\"\n      [page]=\"page\"\n      [pageSizeOptions]=\"pageSizeOptions\"\n      [placeholder]=\"queryPlaceholder\"\n      (pageChange)=\"pageChange.emit($event)\"\n    ></organisms-paginator>\n  </frames-auto-layout>\n</frames-scroll>", styles: [":host{--navigator-height: 56px;--navigator-height-SCOPED-IN-smart-index-vaHc: var(--navigator-height)}:host{width:100%;height:100%;background:white;display:block}:host frames-auto-layout{--gap: 0;--vertical-padding: 0}\n"] }]
-    }], null, { canBack: [{
-            type: Input
-        }], queryControl: [{
+        args: [{ selector: 'templates-smart-index', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'template' }, template: "<frames-scroll>\n  <organisms-navigator\n    [startActions]=\"navStartActions\"\n    [endActions]=\"navEndActions\"\n    (action)=\"onAction($event)\"\n    navigator\n  >\n    <molecules-header [title]=\"title\" [description]=\"description\"></molecules-header>\n  </organisms-navigator>\n  <frames-auto-layout vertical contents>\n    <ng-container *ngIf=\"device === 'sp'\">\n      <organisms-smart-list\n        [items]=\"items\"\n        (action)=\"action.emit($event)\"\n      ></organisms-smart-list>\n    </ng-container>\n    <ng-container *ngIf=\"device !== 'sp'\">\n      <organisms-smart-table\n        [items]=\"items\"\n        [itemActions]=\"itemActions\"\n        [columns]=\"properties\"\n        [selectedIdSet]=\"selectedIdSet\"\n        [sortKey]=\"sortKey\"\n        [sortOrder]=\"sortOrder\"\n        (action)=\"action.emit($event)\"\n        (checkboxClick)=\"checkboxClick.emit($event)\"\n        (headerClick)=\"action.emit({id: ActionId.TABLE_HEADER_CLICK, payload: $event})\"\n      ></organisms-smart-table>\n      <organisms-paginator\n        *ngIf=\"page\"\n        [control]=\"queryControl\"\n        [page]=\"page\"\n        [pageSizeOptions]=\"pageSizeOptions\"\n        [placeholder]=\"queryPlaceholder\"\n        (pageChange)=\"pageChange.emit($event)\"\n      ></organisms-paginator>\n    </ng-container>\n  </frames-auto-layout>\n</frames-scroll>", styles: [":host{--navigator-height: 56px;--navigator-height-SCOPED-IN-smart-index-2PHY: var(--navigator-height)}:host{width:100%;height:100%;background:white;display:block}:host frames-auto-layout{--gap: 0;--vertical-padding: 0}\n"] }]
+    }], null, { queryControl: [{
             type: Input
         }], title: [{
             type: Input
@@ -89,11 +112,11 @@ SmartIndexTemplate.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SmartInd
             type: Input
         }], items: [{
             type: Input
-        }], rowMenuItems: [{
-            type: Input
         }], itemActions: [{
             type: Input
-        }], navigatorMenuItems: [{
+        }], navStartActions: [{
+            type: Input
+        }], navEndActions: [{
             type: Input
         }], properties: [{
             type: Input
@@ -109,6 +132,8 @@ SmartIndexTemplate.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SmartInd
             type: Input
         }], queryPlaceholder: [{
             type: Input
+        }], device: [{
+            type: Input
         }], action: [{
             type: Output
         }], backButtonClick: [{
@@ -117,7 +142,5 @@ SmartIndexTemplate.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SmartInd
             type: Output
         }], pageChange: [{
             type: Output
-        }], tableHeaderClick: [{
-            type: Output
         }] }); })();
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic21hcnQtaW5kZXgudGVtcGxhdGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvc3JjL3RlbXBsYXRlcy9zbWFydC1pbmRleC9zbWFydC1pbmRleC50ZW1wbGF0ZS50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvdGVtcGxhdGVzL3NtYXJ0LWluZGV4L3NtYXJ0LWluZGV4LnRlbXBsYXRlLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNoRyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFFeEQsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLHdCQUF3QixDQUFDOzs7Ozs7Ozs7OztJQ21CakQsOENBT0M7SUFEQyw0TUFBYyxlQUFBLDhCQUF1QixDQUFBLElBQUM7SUFDdkMsaUJBQXNCOzs7SUFMckIsNkNBQXdCLHFCQUFBLDJDQUFBLHdDQUFBOzs7QURuQjlCLE1BQU0sQ0FBTixJQUFZLFFBRVg7QUFGRCxXQUFZLFFBQVE7SUFDbEIsc0VBQTBELENBQUE7QUFDNUQsQ0FBQyxFQUZXLFFBQVEsS0FBUixRQUFRLFFBRW5CO0FBVUQsTUFBTSxPQUFPLGtCQUFrQjtJQVAvQjtRQVVFLFlBQU8sR0FBRyxLQUFLLENBQUM7UUFHaEIsaUJBQVksR0FBRyxJQUFJLFdBQVcsQ0FBUyxFQUFFLENBQUMsQ0FBQztRQUczQyxVQUFLLEdBQVcsRUFBRSxDQUFDO1FBTW5CLFVBQUssR0FBUSxFQUFFLENBQUM7UUFHaEIsaUJBQVksR0FBaUIsRUFBRSxDQUFDO1FBR2hDLGdCQUFXLEdBQThCLEdBQUcsRUFBRSxDQUFDLEVBQUUsQ0FBQztRQUdsRCx1QkFBa0IsR0FBaUIsRUFBRSxDQUFDO1FBR3RDLGVBQVUsR0FBaUIsRUFBRSxDQUFDO1FBRzlCLGtCQUFhLEdBQUcsSUFBSSxHQUFHLEVBQVUsQ0FBQztRQVNsQyxTQUFJLEdBQWU7WUFDakIsU0FBUyxFQUFFLENBQUM7WUFDWixRQUFRLEVBQUUsRUFBRTtZQUNaLE1BQU0sRUFBRSxHQUFHO1NBQ1osQ0FBQztRQUdGLG9CQUFlLEdBQWEsQ0FBQyxDQUFDLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxHQUFHLENBQUMsQ0FBQztRQUc3QyxxQkFBZ0IsR0FBRyxFQUFFLENBQUM7UUFHdEIsV0FBTSxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFHcEMsb0JBQWUsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBR3JDLGtCQUFhLEdBQUcsSUFBSSxZQUFZLEVBQUssQ0FBQztRQUd0QyxlQUFVLEdBQUcsSUFBSSxZQUFZLEVBQWEsQ0FBQztRQUczQyxxQkFBZ0IsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO1FBRTlDLHVCQUFrQixHQUFHLENBQUMsRUFBRSxFQUFFLEVBQUUsUUFBUSxDQUFDLElBQUksRUFBRSxJQUFJLEVBQUUsWUFBWSxFQUFFLENBQUMsQ0FBQztLQVFsRTtJQU5DLFFBQVEsQ0FBQyxNQUFjO1FBQ3JCLFFBQU8sTUFBTSxDQUFDLEVBQUUsRUFBRTtZQUNoQixLQUFLLFFBQVEsQ0FBQyxJQUFJLENBQUMsQ0FBQyxPQUFPLElBQUksQ0FBQyxlQUFlLENBQUMsSUFBSSxFQUFFLENBQUM7WUFDdkQsT0FBTyxDQUFDLENBQUMsT0FBTyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztTQUMxQztJQUNILENBQUM7O29GQXpFVSxrQkFBa0I7cUVBQWxCLGtCQUFrQjtRQ2pCL0IscUNBQWUsNkJBQUE7UUFJWCxvSEFBVSxvQkFBZ0IsSUFBQztRQUczQixzQ0FBaUY7UUFDbkYsaUJBQXNCO1FBQ3RCLDZDQUFzQywrQkFBQTtRQVNsQyxzSEFBVSx1QkFBbUIsSUFBQyx1SEFDYiw4QkFBMEIsSUFEYixtSEFFZixpQ0FBNkIsSUFGZDtRQUcvQixpQkFBd0I7UUFDekIsbUdBT3VCO1FBQ3pCLGlCQUFxQixFQUFBOztRQTVCbkIsZUFBK0M7UUFBL0MsOEZBQStDLHNDQUFBO1FBSzdCLGVBQWU7UUFBZixpQ0FBZSxnQ0FBQTtRQUkvQixlQUFlO1FBQWYsaUNBQWUsK0JBQUEsZ0NBQUEsMkJBQUEsb0NBQUEsd0JBQUEsNEJBQUE7UUFZZCxlQUFVO1FBQVYsK0JBQVU7O3VGRE5KLGtCQUFrQjtjQVA5QixTQUFTOzJCQUNFLHVCQUF1QixtQkFHaEIsdUJBQXVCLENBQUMsTUFBTSxRQUN6QyxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUU7Z0JBSzNCLE9BQU87a0JBRE4sS0FBSztZQUlOLFlBQVk7a0JBRFgsS0FBSztZQUlOLEtBQUs7a0JBREosS0FBSztZQUlOLFdBQVc7a0JBRFYsS0FBSztZQUlOLEtBQUs7a0JBREosS0FBSztZQUlOLFlBQVk7a0JBRFgsS0FBSztZQUlOLFdBQVc7a0JBRFYsS0FBSztZQUlOLGtCQUFrQjtrQkFEakIsS0FBSztZQUlOLFVBQVU7a0JBRFQsS0FBSztZQUlOLGFBQWE7a0JBRFosS0FBSztZQUlOLE9BQU87a0JBRE4sS0FBSztZQUlOLFNBQVM7a0JBRFIsS0FBSztZQUlOLElBQUk7a0JBREgsS0FBSztZQVFOLGVBQWU7a0JBRGQsS0FBSztZQUlOLGdCQUFnQjtrQkFEZixLQUFLO1lBSU4sTUFBTTtrQkFETCxNQUFNO1lBSVAsZUFBZTtrQkFEZCxNQUFNO1lBSVAsYUFBYTtrQkFEWixNQUFNO1lBSVAsVUFBVTtrQkFEVCxNQUFNO1lBSVAsZ0JBQWdCO2tCQURmLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFBhZ2VFdmVudCB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3BhZ2luYXRvcic7XG5pbXBvcnQgeyBBY3Rpb24sIEFjdGlvbkl0ZW0gfSBmcm9tICdAbmctYXRvbWljL2NvbW1vbi9tb2RlbHMnO1xuaW1wb3J0IHsgRm9ybUNvbnRyb2wgfSBmcm9tICdAbmduZWF0L3JlYWN0aXZlLWZvcm1zJztcblxuZXhwb3J0IGVudW0gQWN0aW9uSWQge1xuICBCQUNLID0gJ1tAbmctYXRvbWljL2NvbXBvbmVudHMvdGVtcGxhdGVzL3NtYXJ0LWNydWRdIEJhY2snLFxufVxuXG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3RlbXBsYXRlcy1zbWFydC1pbmRleCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9zbWFydC1pbmRleC50ZW1wbGF0ZS5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc21hcnQtaW5kZXgudGVtcGxhdGUuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgaG9zdDogeyBjbGFzczogJ3RlbXBsYXRlJyB9LFxufSlcbmV4cG9ydCBjbGFzcyBTbWFydEluZGV4VGVtcGxhdGU8VD4ge1xuXG4gIEBJbnB1dCgpXG4gIGNhbkJhY2sgPSBmYWxzZTtcblxuICBASW5wdXQoKVxuICBxdWVyeUNvbnRyb2wgPSBuZXcgRm9ybUNvbnRyb2w8c3RyaW5nPignJyk7XG5cbiAgQElucHV0KClcbiAgdGl0bGU6IHN0cmluZyA9ICcnO1xuXG4gIEBJbnB1dCgpXG4gIGRlc2NyaXB0aW9uPzogc3RyaW5nO1xuXG4gIEBJbnB1dCgpXG4gIGl0ZW1zOiBUW10gPSBbXTtcblxuICBASW5wdXQoKVxuICByb3dNZW51SXRlbXM6IEFjdGlvbkl0ZW1bXSA9IFtdO1xuXG4gIEBJbnB1dCgpXG4gIGl0ZW1BY3Rpb25zOiAoaXRlbTogVCkgPT4gQWN0aW9uSXRlbVtdID0gKCkgPT4gW107XG5cbiAgQElucHV0KClcbiAgbmF2aWdhdG9yTWVudUl0ZW1zOiBBY3Rpb25JdGVtW10gPSBbXTtcblxuICBASW5wdXQoKVxuICBwcm9wZXJ0aWVzOiAoa2V5b2YgVClbXSA9ICBbXTtcblxuICBASW5wdXQoKVxuICBzZWxlY3RlZElkU2V0ID0gbmV3IFNldDxzdHJpbmc+KCk7XG5cbiAgQElucHV0KClcbiAgc29ydEtleT86IHN0cmluZztcblxuICBASW5wdXQoKVxuICBzb3J0T3JkZXI/OiBzdHJpbmc7XG5cbiAgQElucHV0KClcbiAgcGFnZT86IFBhZ2VFdmVudCA9IHtcbiAgICBwYWdlSW5kZXg6IDAsXG4gICAgcGFnZVNpemU6IDIwLFxuICAgIGxlbmd0aDogMTAwLFxuICB9O1xuXG4gIEBJbnB1dCgpXG4gIHBhZ2VTaXplT3B0aW9uczogbnVtYmVyW10gPSBbNSwgMTAsIDI1LCAxMDBdO1xuXG4gIEBJbnB1dCgpXG4gIHF1ZXJ5UGxhY2Vob2xkZXIgPSAnJztcblxuICBAT3V0cHV0KClcbiAgYWN0aW9uID0gbmV3IEV2ZW50RW1pdHRlcjxBY3Rpb24+KCk7XG5cbiAgQE91dHB1dCgpXG4gIGJhY2tCdXR0b25DbGljayA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBAT3V0cHV0KClcbiAgY2hlY2tib3hDbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8VD4oKTtcblxuICBAT3V0cHV0KClcbiAgcGFnZUNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8UGFnZUV2ZW50PigpO1xuXG4gIEBPdXRwdXQoKVxuICB0YWJsZUhlYWRlckNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG5cbiAgbmF2aWdhdG9yTGVmdEl0ZW1zID0gW3sgaWQ6IEFjdGlvbklkLkJBQ0ssIGljb246ICdhcnJvd19iYWNrJyB9XTtcblxuICBvbkFjdGlvbihhY3Rpb246IEFjdGlvbik6IHZvaWQge1xuICAgIHN3aXRjaChhY3Rpb24uaWQpIHtcbiAgICAgIGNhc2UgQWN0aW9uSWQuQkFDSzogcmV0dXJuIHRoaXMuYmFja0J1dHRvbkNsaWNrLmVtaXQoKTtcbiAgICAgIGRlZmF1bHQ6IHJldHVybiB0aGlzLmFjdGlvbi5lbWl0KGFjdGlvbik7XG4gICAgfVxuICB9XG59XG4iLCI8ZnJhbWVzLXNjcm9sbD5cbiAgPG9yZ2FuaXNtcy1uYXZpZ2F0b3JcbiAgICBbbGVmdEl0ZW1zXT1cImNhbkJhY2sgPyBuYXZpZ2F0b3JMZWZ0SXRlbXMgOiBbXVwiXG4gICAgW3JpZ2h0SXRlbXNdPVwibmF2aWdhdG9yTWVudUl0ZW1zXCJcbiAgICAoYWN0aW9uKT1cIm9uQWN0aW9uKCRldmVudClcIlxuICAgIG5hdmlnYXRvclxuICA+XG4gICAgPG1vbGVjdWxlcy1oZWFkZXIgW3RpdGxlXT1cInRpdGxlXCIgW2Rlc2NyaXB0aW9uXT1cImRlc2NyaXB0aW9uXCI+PC9tb2xlY3VsZXMtaGVhZGVyPlxuICA8L29yZ2FuaXNtcy1uYXZpZ2F0b3I+XG4gIDxmcmFtZXMtYXV0by1sYXlvdXQgdmVydGljYWwgY29udGVudHM+XG4gICAgPG9yZ2FuaXNtcy1zbWFydC10YWJsZVxuICAgICAgW2l0ZW1zXT1cIml0ZW1zXCJcbiAgICAgIFttZW51SXRlbXNdPVwicm93TWVudUl0ZW1zXCJcbiAgICAgIFtpdGVtQWN0aW9uc109XCJpdGVtQWN0aW9uc1wiXG4gICAgICBbY29sdW1uc109XCJwcm9wZXJ0aWVzXCJcbiAgICAgIFtzZWxlY3RlZElkU2V0XT1cInNlbGVjdGVkSWRTZXRcIlxuICAgICAgW3NvcnRLZXldPVwic29ydEtleVwiXG4gICAgICBbc29ydE9yZGVyXT1cInNvcnRPcmRlclwiXG4gICAgICAoYWN0aW9uKT1cImFjdGlvbi5lbWl0KCRldmVudClcIlxuICAgICAgKGNoZWNrYm94Q2xpY2spPVwiY2hlY2tib3hDbGljay5lbWl0KCRldmVudClcIlxuICAgICAgKGhlYWRlckNsaWNrKT1cInRhYmxlSGVhZGVyQ2xpY2suZW1pdCgkZXZlbnQpXCJcbiAgICA+PC9vcmdhbmlzbXMtc21hcnQtdGFibGU+XG4gICAgPG9yZ2FuaXNtcy1wYWdpbmF0b3JcbiAgICAgICpuZ0lmPVwicGFnZVwiXG4gICAgICBbY29udHJvbF09XCJxdWVyeUNvbnRyb2xcIlxuICAgICAgW3BhZ2VdPVwicGFnZVwiXG4gICAgICBbcGFnZVNpemVPcHRpb25zXT1cInBhZ2VTaXplT3B0aW9uc1wiXG4gICAgICBbcGxhY2Vob2xkZXJdPVwicXVlcnlQbGFjZWhvbGRlclwiXG4gICAgICAocGFnZUNoYW5nZSk9XCJwYWdlQ2hhbmdlLmVtaXQoJGV2ZW50KVwiXG4gICAgPjwvb3JnYW5pc21zLXBhZ2luYXRvcj5cbiAgPC9mcmFtZXMtYXV0by1sYXlvdXQ+XG48L2ZyYW1lcy1zY3JvbGw+Il19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic21hcnQtaW5kZXgudGVtcGxhdGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvc3JjL3RlbXBsYXRlcy9zbWFydC1pbmRleC9zbWFydC1pbmRleC50ZW1wbGF0ZS50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvdGVtcGxhdGVzL3NtYXJ0LWluZGV4L3NtYXJ0LWluZGV4LnRlbXBsYXRlLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNoRyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFFeEQsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLHdCQUF3QixDQUFDOzs7Ozs7Ozs7Ozs7SUNPakQsNkJBQXNDO0lBQ3BDLCtDQUdDO0lBREMsOExBQVUsZUFBQSwwQkFBbUIsQ0FBQSxJQUFDO0lBQy9CLGlCQUF1QjtJQUMxQiwwQkFBZTs7O0lBSFgsZUFBZTtJQUFmLG9DQUFlOzs7O0lBZ0JqQiw4Q0FPQztJQURDLDROQUFjLGVBQUEsOEJBQXVCLENBQUEsSUFBQztJQUN2QyxpQkFBc0I7OztJQUxyQiw2Q0FBd0IscUJBQUEsMkNBQUEsd0NBQUE7Ozs7SUFkNUIsNkJBQXNDO0lBQ3BDLGdEQVVDO0lBSEMsK0xBQVUsZUFBQSwwQkFBbUIsQ0FBQSxJQUFDLGdNQUNiLGVBQUEsaUNBQTBCLENBQUEsSUFEYiw2TEFFZixlQUFBLGlGQUErRCxDQUFBLElBRmhEO0lBRy9CLGlCQUF3QjtJQUN6QixrSEFPdUI7SUFDekIsMEJBQWU7OztJQWxCWCxlQUFlO0lBQWYsb0NBQWUsbUNBQUEsOEJBQUEsdUNBQUEsMkJBQUEsK0JBQUE7SUFXZCxlQUFVO0lBQVYsa0NBQVU7O0FEeEJuQixNQUFNLENBQU4sSUFBWSxRQUdYO0FBSEQsV0FBWSxRQUFRO0lBQ2xCLHVFQUEyRCxDQUFBO0lBQzNELG1HQUF1RixDQUFBO0FBQ3pGLENBQUMsRUFIVyxRQUFRLEtBQVIsUUFBUSxRQUduQjtBQVNELE1BQU0sT0FBTyxrQkFBa0I7SUFQL0I7UUFRWSxhQUFRLEdBQUcsUUFBUSxDQUFDO1FBRzlCLGlCQUFZLEdBQUcsSUFBSSxXQUFXLENBQVMsRUFBRSxDQUFDLENBQUM7UUFHM0MsVUFBSyxHQUFXLEVBQUUsQ0FBQztRQU1uQixVQUFLLEdBQVEsRUFBRSxDQUFDO1FBR2hCLGdCQUFXLEdBQTBCLEdBQUcsRUFBRSxDQUFDLEVBQUUsQ0FBQztRQUc5QyxvQkFBZSxHQUFhLENBQUMsRUFBRSxFQUFFLEVBQUUsUUFBUSxDQUFDLElBQUksRUFBRSxJQUFJLEVBQUUsWUFBWSxFQUFFLENBQUMsQ0FBQztRQUd4RSxrQkFBYSxHQUFhLEVBQUUsQ0FBQztRQUc3QixlQUFVLEdBQWlCLEVBQUUsQ0FBQztRQUc5QixrQkFBYSxHQUFHLElBQUksR0FBRyxFQUFVLENBQUM7UUFTbEMsU0FBSSxHQUFlO1lBQ2pCLFNBQVMsRUFBRSxDQUFDO1lBQ1osUUFBUSxFQUFFLEVBQUU7WUFDWixNQUFNLEVBQUUsR0FBRztTQUNaLENBQUM7UUFHRixvQkFBZSxHQUFhLENBQUMsQ0FBQyxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsR0FBRyxDQUFDLENBQUM7UUFHN0MscUJBQWdCLEdBQUcsRUFBRSxDQUFDO1FBR3RCLFdBQU0sR0FBMkIsSUFBSSxDQUFDO1FBR3RDLFdBQU0sR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO1FBR3BDLG9CQUFlLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUdyQyxrQkFBYSxHQUFHLElBQUksWUFBWSxFQUFLLENBQUM7UUFHdEMsZUFBVSxHQUFHLElBQUksWUFBWSxFQUFhLENBQUM7S0FPNUM7SUFMQyxRQUFRLENBQUMsTUFBYztRQUNyQixRQUFPLE1BQU0sQ0FBQyxFQUFFLEVBQUU7WUFDaEIsT0FBTyxDQUFDLENBQUMsT0FBTyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztTQUMxQztJQUNILENBQUM7O29GQXBFVSxrQkFBa0I7cUVBQWxCLGtCQUFrQjtRQ2pCL0IscUNBQWUsNkJBQUE7UUFJWCxvSEFBVSxvQkFBZ0IsSUFBQztRQUczQixzQ0FBaUY7UUFDbkYsaUJBQXNCO1FBQ3RCLDZDQUFzQztRQUNwQyxxRkFLZTtRQUNmLHFGQW9CZTtRQUNqQixpQkFBcUIsRUFBQTs7UUFuQ25CLGVBQWdDO1FBQWhDLGtEQUFnQyxpQ0FBQTtRQUtkLGVBQWU7UUFBZixpQ0FBZSxnQ0FBQTtRQUdsQixlQUFxQjtRQUFyQiwwQ0FBcUI7UUFNckIsZUFBcUI7UUFBckIsMENBQXFCOzt1RkRDM0Isa0JBQWtCO2NBUDlCLFNBQVM7MkJBQ0UsdUJBQXVCLG1CQUdoQix1QkFBdUIsQ0FBQyxNQUFNLFFBQ3pDLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBRTtnQkFNM0IsWUFBWTtrQkFEWCxLQUFLO1lBSU4sS0FBSztrQkFESixLQUFLO1lBSU4sV0FBVztrQkFEVixLQUFLO1lBSU4sS0FBSztrQkFESixLQUFLO1lBSU4sV0FBVztrQkFEVixLQUFLO1lBSU4sZUFBZTtrQkFEZCxLQUFLO1lBSU4sYUFBYTtrQkFEWixLQUFLO1lBSU4sVUFBVTtrQkFEVCxLQUFLO1lBSU4sYUFBYTtrQkFEWixLQUFLO1lBSU4sT0FBTztrQkFETixLQUFLO1lBSU4sU0FBUztrQkFEUixLQUFLO1lBSU4sSUFBSTtrQkFESCxLQUFLO1lBUU4sZUFBZTtrQkFEZCxLQUFLO1lBSU4sZ0JBQWdCO2tCQURmLEtBQUs7WUFJTixNQUFNO2tCQURMLEtBQUs7WUFJTixNQUFNO2tCQURMLE1BQU07WUFJUCxlQUFlO2tCQURkLE1BQU07WUFJUCxhQUFhO2tCQURaLE1BQU07WUFJUCxVQUFVO2tCQURULE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFBhZ2VFdmVudCB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3BhZ2luYXRvcic7XG5pbXBvcnQgeyBBY3Rpb24gfSBmcm9tICdAbmctYXRvbWljL2NvbW1vbi9tb2RlbHMnO1xuaW1wb3J0IHsgRm9ybUNvbnRyb2wgfSBmcm9tICdAbmduZWF0L3JlYWN0aXZlLWZvcm1zJztcblxuZXhwb3J0IGVudW0gQWN0aW9uSWQge1xuICBCQUNLID0gJ1tAbmctYXRvbWljL2NvbXBvbmVudHMvdGVtcGxhdGVzL3NtYXJ0LWluZGV4XSBCYWNrJyxcbiAgVEFCTEVfSEVBREVSX0NMSUNLID0gJ1tAbmctYXRvbWljL2NvbXBvbmVudHMvdGVtcGxhdGVzL3NtYXJ0LWluZGV4XSBUYWJsZSBIZWFkZXIgQ2xpY2snLFxufVxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd0ZW1wbGF0ZXMtc21hcnQtaW5kZXgnLFxuICB0ZW1wbGF0ZVVybDogJy4vc21hcnQtaW5kZXgudGVtcGxhdGUuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3NtYXJ0LWluZGV4LnRlbXBsYXRlLnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGhvc3Q6IHsgY2xhc3M6ICd0ZW1wbGF0ZScgfSxcbn0pXG5leHBvcnQgY2xhc3MgU21hcnRJbmRleFRlbXBsYXRlPFQ+IHtcbiAgcHJvdGVjdGVkIEFjdGlvbklkID0gQWN0aW9uSWQ7XG5cbiAgQElucHV0KClcbiAgcXVlcnlDb250cm9sID0gbmV3IEZvcm1Db250cm9sPHN0cmluZz4oJycpO1xuXG4gIEBJbnB1dCgpXG4gIHRpdGxlOiBzdHJpbmcgPSAnJztcblxuICBASW5wdXQoKVxuICBkZXNjcmlwdGlvbj86IHN0cmluZztcblxuICBASW5wdXQoKVxuICBpdGVtczogVFtdID0gW107XG5cbiAgQElucHV0KClcbiAgaXRlbUFjdGlvbnM6IChpdGVtOiBUKSA9PiBBY3Rpb25bXSA9ICgpID0+IFtdO1xuXG4gIEBJbnB1dCgpXG4gIG5hdlN0YXJ0QWN0aW9uczogQWN0aW9uW10gPSBbeyBpZDogQWN0aW9uSWQuQkFDSywgaWNvbjogJ2Fycm93X2JhY2snIH1dO1xuXG4gIEBJbnB1dCgpXG4gIG5hdkVuZEFjdGlvbnM6IEFjdGlvbltdID0gW107XG5cbiAgQElucHV0KClcbiAgcHJvcGVydGllczogKGtleW9mIFQpW10gPSAgW107XG5cbiAgQElucHV0KClcbiAgc2VsZWN0ZWRJZFNldCA9IG5ldyBTZXQ8c3RyaW5nPigpO1xuXG4gIEBJbnB1dCgpXG4gIHNvcnRLZXk/OiBzdHJpbmc7XG5cbiAgQElucHV0KClcbiAgc29ydE9yZGVyPzogc3RyaW5nO1xuXG4gIEBJbnB1dCgpXG4gIHBhZ2U/OiBQYWdlRXZlbnQgPSB7XG4gICAgcGFnZUluZGV4OiAwLFxuICAgIHBhZ2VTaXplOiAyMCxcbiAgICBsZW5ndGg6IDEwMCxcbiAgfTtcblxuICBASW5wdXQoKVxuICBwYWdlU2l6ZU9wdGlvbnM6IG51bWJlcltdID0gWzUsIDEwLCAyNSwgMTAwXTtcblxuICBASW5wdXQoKVxuICBxdWVyeVBsYWNlaG9sZGVyID0gJyc7XG5cbiAgQElucHV0KClcbiAgZGV2aWNlOiAnc3AnIHwgJ3RhYmxldCcgfCAncGMnID0gJ3NwJztcblxuICBAT3V0cHV0KClcbiAgYWN0aW9uID0gbmV3IEV2ZW50RW1pdHRlcjxBY3Rpb24+KCk7XG5cbiAgQE91dHB1dCgpXG4gIGJhY2tCdXR0b25DbGljayA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBAT3V0cHV0KClcbiAgY2hlY2tib3hDbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8VD4oKTtcblxuICBAT3V0cHV0KClcbiAgcGFnZUNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8UGFnZUV2ZW50PigpO1xuXG4gIG9uQWN0aW9uKGFjdGlvbjogQWN0aW9uKTogdm9pZCB7XG4gICAgc3dpdGNoKGFjdGlvbi5pZCkge1xuICAgICAgZGVmYXVsdDogcmV0dXJuIHRoaXMuYWN0aW9uLmVtaXQoYWN0aW9uKTtcbiAgICB9XG4gIH1cbn1cbiIsIjxmcmFtZXMtc2Nyb2xsPlxuICA8b3JnYW5pc21zLW5hdmlnYXRvclxuICAgIFtzdGFydEFjdGlvbnNdPVwibmF2U3RhcnRBY3Rpb25zXCJcbiAgICBbZW5kQWN0aW9uc109XCJuYXZFbmRBY3Rpb25zXCJcbiAgICAoYWN0aW9uKT1cIm9uQWN0aW9uKCRldmVudClcIlxuICAgIG5hdmlnYXRvclxuICA+XG4gICAgPG1vbGVjdWxlcy1oZWFkZXIgW3RpdGxlXT1cInRpdGxlXCIgW2Rlc2NyaXB0aW9uXT1cImRlc2NyaXB0aW9uXCI+PC9tb2xlY3VsZXMtaGVhZGVyPlxuICA8L29yZ2FuaXNtcy1uYXZpZ2F0b3I+XG4gIDxmcmFtZXMtYXV0by1sYXlvdXQgdmVydGljYWwgY29udGVudHM+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImRldmljZSA9PT0gJ3NwJ1wiPlxuICAgICAgPG9yZ2FuaXNtcy1zbWFydC1saXN0XG4gICAgICAgIFtpdGVtc109XCJpdGVtc1wiXG4gICAgICAgIChhY3Rpb24pPVwiYWN0aW9uLmVtaXQoJGV2ZW50KVwiXG4gICAgICA+PC9vcmdhbmlzbXMtc21hcnQtbGlzdD5cbiAgICA8L25nLWNvbnRhaW5lcj5cbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiZGV2aWNlICE9PSAnc3AnXCI+XG4gICAgICA8b3JnYW5pc21zLXNtYXJ0LXRhYmxlXG4gICAgICAgIFtpdGVtc109XCJpdGVtc1wiXG4gICAgICAgIFtpdGVtQWN0aW9uc109XCJpdGVtQWN0aW9uc1wiXG4gICAgICAgIFtjb2x1bW5zXT1cInByb3BlcnRpZXNcIlxuICAgICAgICBbc2VsZWN0ZWRJZFNldF09XCJzZWxlY3RlZElkU2V0XCJcbiAgICAgICAgW3NvcnRLZXldPVwic29ydEtleVwiXG4gICAgICAgIFtzb3J0T3JkZXJdPVwic29ydE9yZGVyXCJcbiAgICAgICAgKGFjdGlvbik9XCJhY3Rpb24uZW1pdCgkZXZlbnQpXCJcbiAgICAgICAgKGNoZWNrYm94Q2xpY2spPVwiY2hlY2tib3hDbGljay5lbWl0KCRldmVudClcIlxuICAgICAgICAoaGVhZGVyQ2xpY2spPVwiYWN0aW9uLmVtaXQoe2lkOiBBY3Rpb25JZC5UQUJMRV9IRUFERVJfQ0xJQ0ssIHBheWxvYWQ6ICRldmVudH0pXCJcbiAgICAgID48L29yZ2FuaXNtcy1zbWFydC10YWJsZT5cbiAgICAgIDxvcmdhbmlzbXMtcGFnaW5hdG9yXG4gICAgICAgICpuZ0lmPVwicGFnZVwiXG4gICAgICAgIFtjb250cm9sXT1cInF1ZXJ5Q29udHJvbFwiXG4gICAgICAgIFtwYWdlXT1cInBhZ2VcIlxuICAgICAgICBbcGFnZVNpemVPcHRpb25zXT1cInBhZ2VTaXplT3B0aW9uc1wiXG4gICAgICAgIFtwbGFjZWhvbGRlcl09XCJxdWVyeVBsYWNlaG9sZGVyXCJcbiAgICAgICAgKHBhZ2VDaGFuZ2UpPVwicGFnZUNoYW5nZS5lbWl0KCRldmVudClcIlxuICAgICAgPjwvb3JnYW5pc21zLXBhZ2luYXRvcj5cbiAgICA8L25nLWNvbnRhaW5lcj5cbiAgPC9mcmFtZXMtYXV0by1sYXlvdXQ+XG48L2ZyYW1lcy1zY3JvbGw+Il19

package/fesm2015/ng-atomic-components-atoms-icon.mjs CHANGED Viewed

@@ -57,11 +57,11 @@ IconAtom.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: IconAtom, selector
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("ngIf", !i0.ɵɵpipeBind1(3, 4, ctx.hasSvgIcon$));
         }
-    }, dependencies: [i2.NgIf, i1.MatIcon, i2.AsyncPipe], styles: ["[_nghost-%COMP%]{display:block;--color: inherit;--color-SCOPED-IN-icon-LuXz: var(--color)}[_nghost-%COMP%]   mat-icon[_ngcontent-%COMP%]{color:var(--color-SCOPED-IN-icon-LuXz)}[_nghost-%COMP%]   mat-icon[_ngcontent-%COMP%]     svg .filled{transition:fill .5s;fill:var(--color-SCOPED-IN-icon-LuXz)}"], changeDetection: 0 });
+    }, dependencies: [i2.NgIf, i1.MatIcon, i2.AsyncPipe], styles: ["[_nghost-%COMP%]{display:block;--color: inherit;--color-SCOPED-IN-icon-o9GY: var(--color)}[_nghost-%COMP%]   mat-icon[_ngcontent-%COMP%]{color:var(--color-SCOPED-IN-icon-o9GY)}[_nghost-%COMP%]   mat-icon[_ngcontent-%COMP%]     svg .filled{transition:fill .5s;fill:var(--color-SCOPED-IN-icon-o9GY)}"], changeDetection: 0 });
 (function () {
     (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IconAtom, [{
             type: Component,
-            args: [{ selector: 'atoms-icon', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-icon\n  *ngIf=\"hasSvgIcon$ | async\"\n  [svgIcon]=\"name$ | async\"\n></mat-icon>\n<mat-icon\n  *ngIf=\"!(hasSvgIcon$ | async)\"\n>{{ name$ | async }}</mat-icon>\n", styles: [":host{display:block;--color: inherit;--color-SCOPED-IN-icon-LuXz: var(--color)}:host mat-icon{color:var(--color-SCOPED-IN-icon-LuXz)}:host mat-icon ::ng-deep svg .filled{transition:fill .5s;fill:var(--color-SCOPED-IN-icon-LuXz)}\n"] }]
+            args: [{ selector: 'atoms-icon', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-icon\n  *ngIf=\"hasSvgIcon$ | async\"\n  [svgIcon]=\"name$ | async\"\n></mat-icon>\n<mat-icon\n  *ngIf=\"!(hasSvgIcon$ | async)\"\n>{{ name$ | async }}</mat-icon>\n", styles: [":host{display:block;--color: inherit;--color-SCOPED-IN-icon-o9GY: var(--color)}:host mat-icon{color:var(--color-SCOPED-IN-icon-o9GY)}:host mat-icon ::ng-deep svg .filled{transition:fill .5s;fill:var(--color-SCOPED-IN-icon-o9GY)}\n"] }]
         }], function () { return [{ type: i1.MatIconRegistry }]; }, { name: [{
                 type: Input
             }], color: [{

package/fesm2015/ng-atomic-components-atoms-smart-menu-button.mjs CHANGED Viewed

@@ -34,7 +34,7 @@ function SmartMenuButtonAtom_ng_container_2_Template(rf, ctx) {
 function SmartMenuButtonAtom_ng_container_3_button_1_Template(rf, ctx) {
     if (rf & 1) {
         i0.ɵɵelementStart(0, "button", 7)(1, "mat-icon");
-        i0.ɵɵtext(2, "menu");
+        i0.ɵɵtext(2, "more_vert");
         i0.ɵɵelementEnd()();
     }
     if (rf & 2) {
@@ -102,7 +102,7 @@ SmartMenuButtonAtom.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SmartMe
 (function () {
     (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SmartMenuButtonAtom, [{
             type: Component,
-            args: [{ selector: 'atoms-smart-menu-button', changeDetection: ChangeDetectionStrategy.Default, template: "<ng-container [ngSwitch]=\"items?.length ?? 0\">\n  <ng-container *ngSwitchCase=\"0\"></ng-container>\n  <ng-container *ngSwitchCase=\"1\">\n    <button mat-icon-button (click)=\"action.emit(items[0])\">\n      <mat-icon>{{ items[0]?.icon }}</mat-icon>\n    </button>\n  </ng-container>\n  <ng-container *ngSwitchDefault>\n    <button mat-icon-button [matMenuTriggerFor]=\"menu\" *ngIf=\"items.length\">\n      <mat-icon>menu</mat-icon>\n    </button>\n  </ng-container>\n</ng-container>\n\n<mat-menu #menu=\"matMenu\">\n  <button \n    *ngFor=\"let item of items; trackBy: trackByItemId\"\n    mat-menu-item \n    (click)=\"action.emit(item)\"\n  >{{ item.name }}</button>\n</mat-menu>\n", styles: [":host{display:block;width:100%;height:100%}\n"] }]
+            args: [{ selector: 'atoms-smart-menu-button', changeDetection: ChangeDetectionStrategy.Default, template: "<ng-container [ngSwitch]=\"items?.length ?? 0\">\n  <ng-container *ngSwitchCase=\"0\"></ng-container>\n  <ng-container *ngSwitchCase=\"1\">\n    <button mat-icon-button (click)=\"action.emit(items[0])\">\n      <mat-icon>{{ items[0]?.icon }}</mat-icon>\n    </button>\n  </ng-container>\n  <ng-container *ngSwitchDefault>\n    <button mat-icon-button [matMenuTriggerFor]=\"menu\" *ngIf=\"items.length\">\n      <mat-icon>more_vert</mat-icon>\n    </button>\n  </ng-container>\n</ng-container>\n\n<mat-menu #menu=\"matMenu\">\n  <button \n    *ngFor=\"let item of items; trackBy: trackByItemId\"\n    mat-menu-item \n    (click)=\"action.emit(item)\"\n  >{{ item.name }}</button>\n</mat-menu>\n", styles: [":host{display:block;width:100%;height:100%}\n"] }]
         }], null, { items: [{
                 type: Input
             }], action: [{

package/fesm2015/ng-atomic-components-atoms-smart-menu-button.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ng-atomic-components-atoms-smart-menu-button.mjs","sources":["../../../../libs/components/src/atoms/smart-menu-button/smart-menu-button.atom.html","../../../../libs/components/src/atoms/smart-menu-button/smart-menu-button.atom.ts","../../../../libs/components/src/atoms/smart-menu-button/smart-menu-button.module.ts","../../../../libs/components/src/atoms/smart-menu-button/ng-atomic-components-atoms-smart-menu-button.ts"],"sourcesContent":["<ng-container [ngSwitch]=\"items?.length ?? 0\">\n <ng-container ngSwitchCase=\"0\"></ng-container>\n <ng-container ngSwitchCase=\"1\">\n <button mat-icon-button (click)=\"action.emit(items[0])\">\n <mat-icon>{{ items[0]?.icon }}</mat-icon>\n </button>\n </ng-container>\n <ng-container ngSwitchDefault>\n <button mat-icon-button [matMenuTriggerFor]=\"menu\" ngIf=\"items.length\">\n <mat-icon>~~menu~~</mat-icon>\n </button>\n </ng-container>\n</ng-container>\n\n<mat-menu #menu=\"matMenu\">\n <button \n ngFor=\"let item of items; trackBy: trackByItemId\"\n mat-menu-item \n (click)=\"action.emit(item)\"\n >{{ item.name }}</button>\n</mat-menu>\n","import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { Action, ActionItem } from '@ng-atomic/common/models';\n\n@Component({\n selector: 'atoms-smart-menu-button',\n templateUrl: './smart-menu-button.atom.html',\n styleUrls: ['./smart-menu-button.atom.scss'],\n changeDetection: ChangeDetectionStrategy.Default,\n})\nexport class SmartMenuButtonAtom {\n @Input()\n items: ActionItem[] = [];\n\n @Output()\n action = new EventEmitter<Action>();\n\n trackByItemId = (index: number, item: ActionItem): string => item.id;\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatMenuModule } from '@angular/material/menu';\n\nimport { SmartMenuButtonAtom } from './smart-menu-button.atom';\n\n\n@NgModule({\n declarations: [SmartMenuButtonAtom],\n imports: [\n CommonModule,\n // Material\n MatButtonModule,\n MatIconModule,\n MatMenuModule,\n ],\n exports: [SmartMenuButtonAtom]\n})\nexport class SmartMenuButtonModule { }","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;AACE,QAAA,EAA+C,CAAA,kBAAA,CAAA,CAAA,CAAA,CAAA;;;;;;AAC/C,QAAA,EAAgC,CAAA,uBAAA,CAAA,CAAA,CAAA,CAAA;QAC9B,EAAwD,CAAA,cAAA,CAAA,CAAA,EAAA,QAAA,EAAA,CAAA,CAAA,CAAA;QAAhC,EAAA,CAAA,UAAA,CAAA,OAAA,EAAA,SAAA,mEAAA,GAAA,EAAA,EAAA,CAAA,aAAA,CAAA,GAAA,CAAA,CAAA,CAAA,MAAA,MAAA,GAAA,EAAA,CAAA,aAAA,EAAA,CAAA,CAAA,OAAS,EAAA,CAAA,WAAA,CAAA,MAAA,CAAA,MAAA,CAAA,IAAA,CAAA,MAAA,CAAA,KAAA,CAAkB,CAAC,CAAA,CAAE,CAAA,CAAC,EAAA,CAAA,CAAA;AACrD,QAAA,EAAU,CAAA,cAAA,CAAA,CAAA,EAAA,UAAA,CAAA,CAAA;AAAA,QAAA,EAAoB,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA;AAAA,QAAA,EAAA,CAAA,YAAA,EAAW,EAAA,CAAA;QAE7C,EAAe,CAAA,qBAAA,EAAA,CAAA;;;;AAFD,QAAA,EAAoB,CAAA,SAAA,CAAA,CAAA,CAAA,CAAA;QAApB,EAAoB,CAAA,iBAAA,CAAA,MAAA,CAAA,KAAA,CAAA,CAAA,CAAA,IAAA,IAAA,GAAA,IAAA,GAAA,MAAA,CAAA,KAAA,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,CAAA;;;;;AAIhC,QAAA,EAAA,CAAA,cAAA,CAAA,CAAA,EAAA,QAAA,EAAA,CAAA,CAAwE,CAAA,CAAA,EAAA,UAAA,CAAA,CAAA;AAC5D,QAAA,~~EAAI~~,CAAA,MAAA,CAAA,CAAA,EAAA,~~MAAA~~,CAAA,CAAA;AAAA,QAAA,EAAA,CAAA,YAAA,EAAW,EAAA,CAAA;;;;;~~AADH~~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~~krBAAA~~,EAAA,MAAA,EAAA,CAAA,+CAAA,CAAA,EAAA,CAAA;oBAIhD,KAAK,EAAA,CAAA;sBADJ,KAAK;gBAIN,MAAM,EAAA,CAAA;sBADL,MAAM;;;;MCOI,qBAAqB,CAAA;;0FAArB,qBAAqB,GAAA,CAAA,EAAA,CAAA;uEAArB,qBAAqB,EAAA,CAAA,CAAA;2EAR9B,YAAY;;QAEZ,eAAe;QACf,aAAa;QACb,aAAa,CAAA,EAAA,CAAA,CAAA;;4EAIJ,qBAAqB,EAAA,CAAA;kBAXjC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,mBAAmB,CAAC;AACnC,oBAAA,OAAO,EAAE;wBACP,YAAY;;wBAEZ,eAAe;wBACf,aAAa;wBACb,aAAa;AACd,qBAAA;oBACD,OAAO,EAAE,CAAC,mBAAmB,CAAC;iBAC/B,CAAA;;;;6EACY,qBAAqB,EAAA,EAAA,YAAA,EAAA,CAVjB,mBAAmB,CAAA,EAAA,OAAA,EAAA,CAEhC,YAAY;;YAEZ,eAAe;YACf,aAAa;YACb,aAAa,aAEL,mBAAmB,CAAA,EAAA,CAAA,CAAA;AAAA,CAAA,GAAA;;AClB/B;;AAEG;;;;"}
1	+ {"version":3,"file":"ng-atomic-components-atoms-smart-menu-button.mjs","sources":["../../../../libs/components/src/atoms/smart-menu-button/smart-menu-button.atom.html","../../../../libs/components/src/atoms/smart-menu-button/smart-menu-button.atom.ts","../../../../libs/components/src/atoms/smart-menu-button/smart-menu-button.module.ts","../../../../libs/components/src/atoms/smart-menu-button/ng-atomic-components-atoms-smart-menu-button.ts"],"sourcesContent":["<ng-container [ngSwitch]=\"items?.length ?? 0\">\n <ng-container ngSwitchCase=\"0\"></ng-container>\n <ng-container ngSwitchCase=\"1\">\n <button mat-icon-button (click)=\"action.emit(items[0])\">\n <mat-icon>{{ items[0]?.icon }}</mat-icon>\n </button>\n </ng-container>\n <ng-container ngSwitchDefault>\n <button mat-icon-button [matMenuTriggerFor]=\"menu\" ngIf=\"items.length\">\n <mat-icon>more_vert</mat-icon>\n </button>\n </ng-container>\n</ng-container>\n\n<mat-menu #menu=\"matMenu\">\n <button \n ngFor=\"let item of items; trackBy: trackByItemId\"\n mat-menu-item \n (click)=\"action.emit(item)\"\n >{{ item.name }}</button>\n</mat-menu>\n","import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { Action, ActionItem } from '@ng-atomic/common/models';\n\n@Component({\n selector: 'atoms-smart-menu-button',\n templateUrl: './smart-menu-button.atom.html',\n styleUrls: ['./smart-menu-button.atom.scss'],\n changeDetection: ChangeDetectionStrategy.Default,\n})\nexport class SmartMenuButtonAtom {\n @Input()\n items: ActionItem[] = [];\n\n @Output()\n action = new EventEmitter<Action>();\n\n trackByItemId = (index: number, item: ActionItem): string => item.id;\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatMenuModule } from '@angular/material/menu';\n\nimport { SmartMenuButtonAtom } from './smart-menu-button.atom';\n\n\n@NgModule({\n declarations: [SmartMenuButtonAtom],\n imports: [\n CommonModule,\n // Material\n MatButtonModule,\n MatIconModule,\n MatMenuModule,\n ],\n exports: [SmartMenuButtonAtom]\n})\nexport class SmartMenuButtonModule { }","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;AACE,QAAA,EAA+C,CAAA,kBAAA,CAAA,CAAA,CAAA,CAAA;;;;;;AAC/C,QAAA,EAAgC,CAAA,uBAAA,CAAA,CAAA,CAAA,CAAA;QAC9B,EAAwD,CAAA,cAAA,CAAA,CAAA,EAAA,QAAA,EAAA,CAAA,CAAA,CAAA;QAAhC,EAAA,CAAA,UAAA,CAAA,OAAA,EAAA,SAAA,mEAAA,GAAA,EAAA,EAAA,CAAA,aAAA,CAAA,GAAA,CAAA,CAAA,CAAA,MAAA,MAAA,GAAA,EAAA,CAAA,aAAA,EAAA,CAAA,CAAA,OAAS,EAAA,CAAA,WAAA,CAAA,MAAA,CAAA,MAAA,CAAA,IAAA,CAAA,MAAA,CAAA,KAAA,CAAkB,CAAC,CAAA,CAAE,CAAA,CAAC,EAAA,CAAA,CAAA;AACrD,QAAA,EAAU,CAAA,cAAA,CAAA,CAAA,EAAA,UAAA,CAAA,CAAA;AAAA,QAAA,EAAoB,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA;AAAA,QAAA,EAAA,CAAA,YAAA,EAAW,EAAA,CAAA;QAE7C,EAAe,CAAA,qBAAA,EAAA,CAAA;;;;AAFD,QAAA,EAAoB,CAAA,SAAA,CAAA,CAAA,CAAA,CAAA;QAApB,EAAoB,CAAA,iBAAA,CAAA,MAAA,CAAA,KAAA,CAAA,CAAA,CAAA,IAAA,IAAA,GAAA,IAAA,GAAA,MAAA,CAAA,KAAA,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,CAAA;;;;;AAIhC,QAAA,EAAA,CAAA,cAAA,CAAA,CAAA,EAAA,QAAA,EAAA,CAAA,CAAwE,CAAA,CAAA,EAAA,UAAA,CAAA,CAAA;AAC5D,QAAA,EAAS,CAAA,MAAA,CAAA,CAAA,EAAA,WAAA,CAAA,CAAA;AAAA,QAAA,EAAA,CAAA,YAAA,EAAW,EAAA,CAAA;;;;;AADR,QAAA,EAA0B,CAAA,UAAA,CAAA,mBAAA,EAAA,GAAA,CAAA,CAAA;;;;;AADpD,QAAA,EAA+B,CAAA,uBAAA,CAAA,CAAA,CAAA,CAAA;AAC7B,QAAA,EAES,CAAA,UAAA,CAAA,CAAA,EAAA,oDAAA,EAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,CAAA,CAAA,CAAA;QACX,EAAe,CAAA,qBAAA,EAAA,CAAA;;;;AAHuC,QAAA,EAAkB,CAAA,SAAA,CAAA,CAAA,CAAA,CAAA;QAAlB,EAAkB,CAAA,UAAA,CAAA,MAAA,EAAA,MAAA,CAAA,KAAA,CAAA,MAAA,CAAA,CAAA;;;;;;QAOxE,EAIC,CAAA,cAAA,CAAA,CAAA,EAAA,QAAA,EAAA,CAAA,CAAA,CAAA;QADC,EAAS,CAAA,UAAA,CAAA,OAAA,EAAA,SAAA,6DAAA,GAAA,EAAA,MAAA,WAAA,GAAA,EAAA,CAAA,aAAA,CAAA,IAAA,CAAA,CAAA,CAAA,MAAA,OAAA,GAAA,WAAA,CAAA,SAAA,CAAA,CAAA,MAAA,MAAA,GAAA,EAAA,CAAA,aAAA,EAAA,CAAA,CAAA,OAAA,EAAA,CAAA,WAAA,CAAA,MAAiB,CAAA,MAAA,CAAA,IAAA,CAAA,OAAA,CAAA,CAAA,CAAC,EAAA,CAAA,CAAA;AAC5B,QAAA,EAAe,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA;QAAA,EAAS,CAAA,YAAA,EAAA,CAAA;;;;AAAxB,QAAA,EAAe,CAAA,SAAA,CAAA,CAAA,CAAA,CAAA;AAAf,QAAA,EAAe,CAAA,iBAAA,CAAA,OAAA,CAAA,IAAA,CAAA,CAAA;;;MCVL,mBAAmB,CAAA;AANhC,IAAA,WAAA,GAAA;AAQE,QAAA,IAAK,CAAA,KAAA,GAAiB,EAAE,CAAC;AAGzB,QAAA,IAAA,CAAA,MAAM,GAAG,IAAI,YAAY,EAAU,CAAC;AAEpC,QAAA,IAAa,CAAA,aAAA,GAAG,CAAC,KAAa,EAAE,IAAgB,KAAa,IAAI,CAAC,EAAE,CAAC;KACtE;;sFARY,mBAAmB,GAAA,CAAA,EAAA,CAAA;sEAAnB,mBAAmB,EAAA,SAAA,EAAA,CAAA,CAAA,yBAAA,CAAA,CAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,EAAA,OAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,KAAA,EAAA,CAAA,EAAA,IAAA,EAAA,CAAA,EAAA,MAAA,EAAA,CAAA,CAAA,CAAA,EAAA,UAAA,CAAA,EAAA,CAAA,CAAA,EAAA,cAAA,CAAA,EAAA,CAAA,CAAA,EAAA,iBAAA,CAAA,EAAA,CAAA,MAAA,EAAA,SAAA,CAAA,EAAA,CAAA,eAAA,EAAA,EAAA,EAAA,CAAA,EAAA,OAAA,EAAA,CAAA,EAAA,OAAA,EAAA,SAAA,EAAA,cAAA,CAAA,EAAA,CAAA,iBAAA,EAAA,EAAA,EAAA,CAAA,EAAA,OAAA,CAAA,EAAA,CAAA,iBAAA,EAAA,EAAA,EAAA,CAAA,EAAA,mBAAA,EAAA,CAAA,EAAA,MAAA,CAAA,EAAA,CAAA,iBAAA,EAAA,EAAA,EAAA,CAAA,EAAA,mBAAA,CAAA,EAAA,CAAA,eAAA,EAAA,EAAA,EAAA,CAAA,EAAA,OAAA,CAAA,CAAA,EAAA,QAAA,EAAA,SAAA,4BAAA,CAAA,EAAA,EAAA,GAAA,EAAA;QAAA,IAAA,EAAA,GAAA,CAAA,EAAA;ADThC,YAAA,EAA8C,CAAA,uBAAA,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA;AAC5C,YAAA,EAA+C,CAAA,UAAA,CAAA,CAAA,EAAA,2CAAA,EAAA,CAAA,EAAA,CAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA;AAC/C,YAAA,EAIe,CAAA,UAAA,CAAA,CAAA,EAAA,2CAAA,EAAA,CAAA,EAAA,CAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA;AACf,YAAA,EAIe,CAAA,UAAA,CAAA,CAAA,EAAA,2CAAA,EAAA,CAAA,EAAA,CAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA;YACjB,EAAe,CAAA,qBAAA,EAAA,CAAA;YAEf,EAA0B,CAAA,cAAA,CAAA,CAAA,EAAA,UAAA,EAAA,IAAA,EAAA,CAAA,CAAA,CAAA;AACxB,YAAA,EAIyB,CAAA,UAAA,CAAA,CAAA,EAAA,qCAAA,EAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,CAAA,CAAA,CAAA;YAC3B,EAAW,CAAA,YAAA,EAAA,CAAA;;;;AApBG,YAAA,EAA+B,CAAA,UAAA,CAAA,UAAA,EAAA,CAAA,OAAA,GAAA,GAAA,CAAA,KAAA,IAAA,IAAA,GAAA,IAAA,GAAA,GAAA,CAAA,KAAA,CAAA,MAAA,MAAA,IAAA,IAAA,OAAA,KAAA,SAAA,GAAA,OAAA,GAAA,CAAA,CAAA,CAAA;AAC5B,YAAA,EAAe,CAAA,SAAA,CAAA,CAAA,CAAA,CAAA;AAAf,YAAA,EAAe,CAAA,UAAA,CAAA,cAAA,EAAA,CAAA,CAAA,CAAA;AACf,YAAA,EAAe,CAAA,SAAA,CAAA,CAAA,CAAA,CAAA;AAAf,YAAA,EAAe,CAAA,UAAA,CAAA,cAAA,EAAA,CAAA,CAAA,CAAA;AAcX,YAAA,EAAU,CAAA,SAAA,CAAA,CAAA,CAAA,CAAA;AAAV,YAAA,EAAA,CAAA,UAAA,CAAA,SAAA,EAAA,GAAA,CAAA,KAAA,CAAU,CAAA,cAAA,EAAA,GAAA,CAAA,aAAA,CAAA,CAAA;;;;4ECPlB,mBAAmB,EAAA,CAAA;kBAN/B,SAAS;+BACE,yBAAyB,EAAA,eAAA,EAGlB,uBAAuB,CAAC,OAAO,EAAA,QAAA,EAAA,urBAAA,EAAA,MAAA,EAAA,CAAA,+CAAA,CAAA,EAAA,CAAA;oBAIhD,KAAK,EAAA,CAAA;sBADJ,KAAK;gBAIN,MAAM,EAAA,CAAA;sBADL,MAAM;;;;MCOI,qBAAqB,CAAA;;0FAArB,qBAAqB,GAAA,CAAA,EAAA,CAAA;uEAArB,qBAAqB,EAAA,CAAA,CAAA;2EAR9B,YAAY;;QAEZ,eAAe;QACf,aAAa;QACb,aAAa,CAAA,EAAA,CAAA,CAAA;;4EAIJ,qBAAqB,EAAA,CAAA;kBAXjC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,mBAAmB,CAAC;AACnC,oBAAA,OAAO,EAAE;wBACP,YAAY;;wBAEZ,eAAe;wBACf,aAAa;wBACb,aAAa;AACd,qBAAA;oBACD,OAAO,EAAE,CAAC,mBAAmB,CAAC;iBAC/B,CAAA;;;;6EACY,qBAAqB,EAAA,EAAA,YAAA,EAAA,CAVjB,mBAAmB,CAAA,EAAA,OAAA,EAAA,CAEhC,YAAY;;YAEZ,eAAe;YACf,aAAa;YACb,aAAa,aAEL,mBAAmB,CAAA,EAAA,CAAA,CAAA;AAAA,CAAA,GAAA;;AClB/B;;AAEG;;;;"}

package/fesm2015/ng-atomic-components-frames-auto-layout.mjs CHANGED Viewed

@@ -11,11 +11,11 @@ AutoLayoutFrame.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AutoLayoutF
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
         }
-    }, styles: ["[_nghost-%COMP%]{--gap: 24px;--gap-SCOPED-IN-auto-layout-eMp6: var(--gap);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-auto-layout-eMp6: var(--vertical-padding)}[_nghost-%COMP%]{display:flex;width:100%;height:100%;justify-content:center;gap:var(--gap-SCOPED-IN-auto-layout-eMp6);box-sizing:border-box;padding:var(--vertical-padding-SCOPED-IN-auto-layout-eMp6) 0}[horizontal][_nghost-%COMP%]{flex-direction:row}[vertical][_nghost-%COMP%]{flex-direction:column}"], changeDetection: 0 });
+    }, styles: ["[_nghost-%COMP%]{--gap: 24px;--gap-SCOPED-IN-auto-layout-bdri: var(--gap);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-auto-layout-bdri: var(--vertical-padding)}[_nghost-%COMP%]{display:flex;width:100%;height:100%;justify-content:center;gap:var(--gap-SCOPED-IN-auto-layout-bdri);box-sizing:border-box;padding:var(--vertical-padding-SCOPED-IN-auto-layout-bdri) 0}[horizontal][_nghost-%COMP%]{flex-direction:row}[vertical][_nghost-%COMP%]{flex-direction:column}"], changeDetection: 0 });
 (function () {
     (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AutoLayoutFrame, [{
             type: Component,
-            args: [{ selector: 'frames-auto-layout', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>", styles: [":host{--gap: 24px;--gap-SCOPED-IN-auto-layout-eMp6: var(--gap);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-auto-layout-eMp6: var(--vertical-padding)}:host{display:flex;width:100%;height:100%;justify-content:center;gap:var(--gap-SCOPED-IN-auto-layout-eMp6);box-sizing:border-box;padding:var(--vertical-padding-SCOPED-IN-auto-layout-eMp6) 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-bdri: var(--gap);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-auto-layout-bdri: var(--vertical-padding)}:host{display:flex;width:100%;height:100%;justify-content:center;gap:var(--gap-SCOPED-IN-auto-layout-bdri);box-sizing:border-box;padding:var(--vertical-padding-SCOPED-IN-auto-layout-bdri) 0}:host[horizontal]{flex-direction:row}:host[vertical]{flex-direction:column}\n"] }]
         }], null, null);
 })();

package/fesm2015/ng-atomic-components-frames-drawer.mjs CHANGED Viewed

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy, ViewChild, Input, NgModule } from '@angular/core';
+import { Component, ViewChild, Input, NgModule } from '@angular/core';
 import * as i1 from '@angular/material/sidenav';
 import { MatDrawer, MatSidenavModule } from '@angular/material/sidenav';
 import { CommonModule } from '@angular/common';
@@ -12,12 +12,21 @@ class DrawerFrame {
     }
     set isOpen(_isOpen) {
         var _a, _b;
+        console.debug('isOpen:', _isOpen);
+        console.debug('this.drawer:', this.drawer);
         _isOpen ? (_a = this.drawer) === null || _a === void 0 ? void 0 : _a.open() : (_b = this.drawer) === null || _b === void 0 ? void 0 : _b.close();
         this._isOpen = _isOpen;
     }
     get isOpen() {
         return this._isOpen;
     }
+    ngAfterViewInit() {
+        setTimeout(() => {
+            var _a, _b;
+            this.isOpen ? (_a = this.drawer) === null || _a === void 0 ? void 0 : _a.open() : (_b = this.drawer) === null || _b === void 0 ? void 0 : _b.close();
+            console.debug('this.drawer:', this.drawer);
+        }, 0);
+    }
 }
 DrawerFrame.ɵfac = function DrawerFrame_Factory(t) { return new (t || DrawerFrame)(); };
 DrawerFrame.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DrawerFrame, selectors: [["frames-drawer"]], viewQuery: function DrawerFrame_Query(rf, ctx) {
@@ -41,11 +50,11 @@ DrawerFrame.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DrawerFrame, se
         if (rf & 2) {
             i0.ɵɵproperty("autosize", false);
         }
-    }, dependencies: [i1.MatDrawer, i1.MatDrawerContainer, i1.MatDrawerContent], styles: ["[_nghost-%COMP%]{--content-width: 360px;--content-width-SCOPED-IN-drawer-KSOY: var(--content-width)}[_nghost-%COMP%]   mat-drawer-content[_ngcontent-%COMP%]{width:100%}"], changeDetection: 0 });
+    }, dependencies: [i1.MatDrawer, i1.MatDrawerContainer, i1.MatDrawerContent], styles: ["[_nghost-%COMP%]{--content-width: 360px;--content-width-SCOPED-IN-drawer-hKkj: var(--content-width);--height: 100vh;--height-SCOPED-IN-drawer-hKkj: var(--height)}[_nghost-%COMP%]{height:var(--height-SCOPED-IN-drawer-hKkj)}[_nghost-%COMP%]   mat-drawer-content[_ngcontent-%COMP%]{width:100%}"] });
 (function () {
     (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrawerFrame, [{
             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-KSOY: var(--content-width)}:host mat-drawer-content{width:100%}\n"] }]
+            args: [{ selector: 'frames-drawer', 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-hKkj: var(--content-width);--height: 100vh;--height-SCOPED-IN-drawer-hKkj: var(--height)}:host{height:var(--height-SCOPED-IN-drawer-hKkj)}:host mat-drawer-content{width:100%}\n"] }]
         }], null, { drawer: [{
                 type: ViewChild,
                 args: [MatDrawer]

package/fesm2015/ng-atomic-components-frames-drawer.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ng-atomic-components-frames-drawer.mjs","sources":["../../../../libs/components/src/frames/drawer/drawer.frame.ts","../../../../libs/components/src/frames/drawer/drawer.frame.html","../../../../libs/components/src/frames/drawer/drawer.module.ts","../../../../libs/components/src/frames/drawer/ng-atomic-components-frames-drawer.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input, ViewChild } from '@angular/core';\nimport { MatDrawer } from '@angular/material/sidenav';\n\n@Component({\n selector: 'frames-drawer',\n templateUrl: './drawer.frame.html',\n styleUrls: ['./drawer.frame.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DrawerFrame {\n\n @ViewChild(MatDrawer)\n drawer!: MatDrawer;\n\n private _isOpen = false;\n\n @Input()\n set isOpen(_isOpen: boolean) {\n _isOpen ? this.drawer?.open() : this.drawer?.close();\n this._isOpen = _isOpen\n }\n\n get isOpen(): boolean {\n return this._isOpen\n }\n\n}\n","<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>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatSidenavModule } from '@angular/material/sidenav';\n\nimport { DrawerFrame } from './drawer.frame';\n\n\n\n@NgModule({\n declarations: [DrawerFrame],\n imports: [\n CommonModule,\n MatSidenavModule,\n ],\n exports: [DrawerFrame]\n})\nexport class DrawerModule { }","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;;MASa,WAAW,CAAA;AANxB,IAAA,WAAA,GAAA;AAWU,QAAA,IAAO,CAAA,OAAA,GAAG,KAAK,CAAC;~~KAYzB~~;~~IAVC~~,IACI,MAAM,CAAC,OAAgB,EAAA;;~~QACzB~~,OAAO,GAAG,CAAA,EAAA,GAAA,IAAI,CAAC,MAAM,0CAAE,IAAI,EAAE,GAAG,MAAA,IAAI,CAAC,MAAM,MAAE,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,KAAK,EAAE,CAAC;AACrD,QAAA,IAAI,CAAC,OAAO,GAAG,OAAO,CAAA;KACvB;AAED,IAAA,IAAI,MAAM,GAAA;QACR,OAAO,IAAI,CAAC,OAAO,CAAA;KACpB;;~~sEAfU~~,WAAW,GAAA,CAAA,EAAA,CAAA;8DAAX,WAAW,EAAA,SAAA,EAAA,CAAA,CAAA,eAAA,CAAA,CAAA,EAAA,SAAA,EAAA,SAAA,iBAAA,CAAA,EAAA,EAAA,GAAA,EAAA;QAAA,IAAA,EAAA,GAAA,CAAA,EAAA;2BAEX,SAAS,EAAA,CAAA,CAAA,CAAA;;;;;;;;;ACXtB,YAAA,EAAA,CAAA,cAAA,CAAA,CAAA,EAAA,sBAAA,EAAA,CAAA,CAAyC,CAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,CAAA,CAAA,CAAA;AAErC,YAAA,EAAyC,CAAA,YAAA,CAAA,CAAA,CAAA,CAAA;YAC3C,EAAa,CAAA,YAAA,EAAA,CAAA;AAEb,YAAA,EAAoB,CAAA,cAAA,CAAA,CAAA,EAAA,oBAAA,CAAA,CAAA;AAClB,YAAA,EAA2C,CAAA,YAAA,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA;AAC7C,YAAA,EAAA,CAAA,YAAA,EAAqB,EAAA,CAAA;;;AAPD,YAAA,EAAkB,CAAA,UAAA,CAAA,UAAA,EAAA,KAAA,CAAA,CAAA;;;;4EDS3B,WAAW,EAAA,CAAA;kBANvB,SAAS;+BACE,eAAe,EAAA,~~eAAA,EAGR,uBAAuB,CAAC,MAAM,EAAA,~~QAAA,EAAA,oRAAA,EAAA,MAAA,EAAA,CAAA,~~iIAAA~~,CAAA,EAAA,CAAA;~~oBAK/C~~,MAAM,EAAA,CAAA;sBADL,SAAS;uBAAC,SAAS,CAAA;gBAMhB,MAAM,EAAA,CAAA;sBADT,KAAK;;;;MEAK,YAAY,CAAA;;wEAAZ,YAAY,GAAA,CAAA,EAAA,CAAA;8DAAZ,YAAY,EAAA,CAAA,CAAA;kEALrB,YAAY;QACZ,gBAAgB,CAAA,EAAA,CAAA,CAAA;;4EAIP,YAAY,EAAA,CAAA;kBARxB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,WAAW,CAAC;AAC3B,oBAAA,OAAO,EAAE;wBACP,YAAY;wBACZ,gBAAgB;AACjB,qBAAA;oBACD,OAAO,EAAE,CAAC,WAAW,CAAC;iBACvB,CAAA;;;;6EACY,YAAY,EAAA,EAAA,YAAA,EAAA,CAPR,WAAW,CAAA,EAAA,OAAA,EAAA,CAExB,YAAY;YACZ,gBAAgB,aAER,WAAW,CAAA,EAAA,CAAA,CAAA;AAAA,CAAA,GAAA;;ACdvB;;AAEG;;;;"}
1	+ {"version":3,"file":"ng-atomic-components-frames-drawer.mjs","sources":["../../../../libs/components/src/frames/drawer/drawer.frame.ts","../../../../libs/components/src/frames/drawer/drawer.frame.html","../../../../libs/components/src/frames/drawer/drawer.module.ts","../../../../libs/components/src/frames/drawer/ng-atomic-components-frames-drawer.ts"],"sourcesContent":["import { AfterViewInit, ChangeDetectionStrategy, Component, Input, ViewChild } from '@angular/core';\nimport { MatDrawer } from '@angular/material/sidenav';\n\n@Component({\n selector: 'frames-drawer',\n templateUrl: './drawer.frame.html',\n styleUrls: ['./drawer.frame.scss'],\n // changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DrawerFrame implements AfterViewInit {\n\n @ViewChild(MatDrawer)\n drawer!: MatDrawer;\n\n private _isOpen = false;\n\n @Input()\n set isOpen(_isOpen: boolean) {\n console.debug('isOpen:', _isOpen);\n console.debug('this.drawer:', this.drawer);\n _isOpen ? this.drawer?.open() : this.drawer?.close();\n this._isOpen = _isOpen\n }\n\n get isOpen(): boolean {\n return this._isOpen\n }\n\n ngAfterViewInit() {\n setTimeout(() => {\n this.isOpen ? this.drawer?.open() : this.drawer?.close();\n console.debug('this.drawer:', this.drawer);\n\n },0);\n }\n\n}\n","<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>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatSidenavModule } from '@angular/material/sidenav';\n\nimport { DrawerFrame } from './drawer.frame';\n\n\n\n@NgModule({\n declarations: [DrawerFrame],\n imports: [\n CommonModule,\n MatSidenavModule,\n ],\n exports: [DrawerFrame]\n})\nexport class DrawerModule { }","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}

package/fesm2015/ng-atomic-components-frames-line-up.mjs CHANGED Viewed

@@ -188,11 +188,11 @@ LineUpFrame.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LineUpFrame, se
             i0.ɵɵadvance(3);
             i0.ɵɵproperty("@modeChangeForNext", ctx.mode);
         }
-    }, styles: ["[_nghost-%COMP%]{--gap: 1px;--gap-SCOPED-IN-line-up-89H1: var(--gap);--background: #ccc;--background-SCOPED-IN-line-up-89H1: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-line-up-89H1: var(--contents-background)}[_nghost-%COMP%]{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-line-up-89H1);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-line-up-89H1)}[_nghost-%COMP%]   div[_ngcontent-%COMP%]{display:flex;max-width:-moz-fit-content;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-line-up-89H1)}[_nghost-%COMP%]   div.main[_ngcontent-%COMP%]{overflow:hidden;justify-content:flex-end}[_nghost-%COMP%]   div.next[_ngcontent-%COMP%]{overflow:visible;justify-content:flex-start}"], data: { animation: LINE_UP_ANIMATIONS } });
+    }, styles: ["[_nghost-%COMP%]{--gap: 1px;--gap-SCOPED-IN-line-up-iyti: var(--gap);--background: #ccc;--background-SCOPED-IN-line-up-iyti: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-line-up-iyti: var(--contents-background)}[_nghost-%COMP%]{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-line-up-iyti);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-line-up-iyti)}[_nghost-%COMP%]   div[_ngcontent-%COMP%]{display:flex;max-width:-moz-fit-content;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-line-up-iyti)}[_nghost-%COMP%]   div.main[_ngcontent-%COMP%]{overflow:hidden;justify-content:flex-end}[_nghost-%COMP%]   div.next[_ngcontent-%COMP%]{overflow:visible;justify-content:flex-start}"], data: { animation: LINE_UP_ANIMATIONS } });
 (function () {
     (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LineUpFrame, [{
             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-89H1: var(--gap);--background: #ccc;--background-SCOPED-IN-line-up-89H1: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-line-up-89H1: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-line-up-89H1);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-line-up-89H1)}:host div{display:flex;max-width:-moz-fit-content;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-line-up-89H1)}: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-iyti: var(--gap);--background: #ccc;--background-SCOPED-IN-line-up-iyti: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-line-up-iyti: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-line-up-iyti);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-line-up-iyti)}:host div{display:flex;max-width:-moz-fit-content;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-line-up-iyti)}:host div.main{overflow:hidden;justify-content:flex-end}:host div.next{overflow:visible;justify-content:flex-start}\n"] }]
         }], function () { return [{ type: LineUpFrameService }]; }, { hasNext: [{
                 type: HostBinding,
                 args: ['attr.has-next']

package/fesm2015/ng-atomic-components-frames-overlay.mjs CHANGED Viewed

@@ -53,11 +53,11 @@ OverlayFrame.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: OverlayFrame,
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("@hasNext", ctx.hasNext);
         }
-    }, styles: ["[_nghost-%COMP%]{--cell: 8px;--cell-SCOPED-IN-line-overlay-VvIl: var(--cell);--width: 100%;--width-SCOPED-IN-line-overlay-VvIl: var(--width);--height: 100%;--height-SCOPED-IN-line-overlay-VvIl: var(--height)}[_nghost-%COMP%]{position:relative;display:block;width:var(--width-SCOPED-IN-line-overlay-VvIl);height:var(--height-SCOPED-IN-line-overlay-VvIl)}[_nghost-%COMP%]   .loading[_ngcontent-%COMP%]{position:absolute;z-index:1000;top:0;left:0;display:flex;width:var(--width-SCOPED-IN-line-overlay-VvIl);height:var(--height-SCOPED-IN-line-overlay-VvIl);justify-content:center;align-items:center;background-color:#0006}[_nghost-%COMP%]   .main[_ngcontent-%COMP%]{position:absolute;top:0;left:0;z-index:1;width:var(--width-SCOPED-IN-line-overlay-VvIl);height:var(--height-SCOPED-IN-line-overlay-VvIl);overflow:hidden}[_nghost-%COMP%]   .main[_ngcontent-%COMP%]   *[_ngcontent-%COMP%]{--cell: var(--cell-SCOPED-IN-line-overlay-VvIl);--width: var(--width-SCOPED-IN-line-overlay-VvIl);--height: var(--height-SCOPED-IN-line-overlay-VvIl)}[_nghost-%COMP%]   .next[_ngcontent-%COMP%]{position:absolute;top:0;left:0;z-index:2;width:var(--width-SCOPED-IN-line-overlay-VvIl);height:auto}[_nghost-%COMP%]   .next[_ngcontent-%COMP%]   *[_ngcontent-%COMP%]{--cell: var(--cell-SCOPED-IN-line-overlay-VvIl);--width: var(--width-SCOPED-IN-line-overlay-VvIl);--height: var(--height-SCOPED-IN-line-overlay-VvIl)}"], data: { animation: [OVERLAY_ANIMATION] }, changeDetection: 0 });
+    }, styles: ["[_nghost-%COMP%]{--cell: 8px;--cell-SCOPED-IN-line-overlay-mq95: var(--cell);--width: 100%;--width-SCOPED-IN-line-overlay-mq95: var(--width);--height: 100%;--height-SCOPED-IN-line-overlay-mq95: var(--height)}[_nghost-%COMP%]{position:relative;display:block;width:var(--width-SCOPED-IN-line-overlay-mq95);height:var(--height-SCOPED-IN-line-overlay-mq95)}[_nghost-%COMP%]   .loading[_ngcontent-%COMP%]{position:absolute;z-index:1000;top:0;left:0;display:flex;width:var(--width-SCOPED-IN-line-overlay-mq95);height:var(--height-SCOPED-IN-line-overlay-mq95);justify-content:center;align-items:center;background-color:#0006}[_nghost-%COMP%]   .main[_ngcontent-%COMP%]{position:absolute;top:0;left:0;z-index:1;width:var(--width-SCOPED-IN-line-overlay-mq95);height:var(--height-SCOPED-IN-line-overlay-mq95);overflow:hidden}[_nghost-%COMP%]   .main[_ngcontent-%COMP%]   *[_ngcontent-%COMP%]{--cell: var(--cell-SCOPED-IN-line-overlay-mq95);--width: var(--width-SCOPED-IN-line-overlay-mq95);--height: var(--height-SCOPED-IN-line-overlay-mq95)}[_nghost-%COMP%]   .next[_ngcontent-%COMP%]{position:absolute;top:0;left:0;z-index:2;width:var(--width-SCOPED-IN-line-overlay-mq95);height:auto}[_nghost-%COMP%]   .next[_ngcontent-%COMP%]   *[_ngcontent-%COMP%]{--cell: var(--cell-SCOPED-IN-line-overlay-mq95);--width: var(--width-SCOPED-IN-line-overlay-mq95);--height: var(--height-SCOPED-IN-line-overlay-mq95)}"], data: { animation: [OVERLAY_ANIMATION] }, changeDetection: 0 });
 (function () {
     (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(OverlayFrame, [{
             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-VvIl: var(--cell);--width: 100%;--width-SCOPED-IN-line-overlay-VvIl: var(--width);--height: 100%;--height-SCOPED-IN-line-overlay-VvIl: var(--height)}:host{position:relative;display:block;width:var(--width-SCOPED-IN-line-overlay-VvIl);height:var(--height-SCOPED-IN-line-overlay-VvIl)}:host .loading{position:absolute;z-index:1000;top:0;left:0;display:flex;width:var(--width-SCOPED-IN-line-overlay-VvIl);height:var(--height-SCOPED-IN-line-overlay-VvIl);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-VvIl);height:var(--height-SCOPED-IN-line-overlay-VvIl);overflow:hidden}:host .main *{--cell: var(--cell-SCOPED-IN-line-overlay-VvIl);--width: var(--width-SCOPED-IN-line-overlay-VvIl);--height: var(--height-SCOPED-IN-line-overlay-VvIl)}:host .next{position:absolute;top:0;left:0;z-index:2;width:var(--width-SCOPED-IN-line-overlay-VvIl);height:auto}:host .next *{--cell: var(--cell-SCOPED-IN-line-overlay-VvIl);--width: var(--width-SCOPED-IN-line-overlay-VvIl);--height: var(--height-SCOPED-IN-line-overlay-VvIl)}\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-mq95: var(--cell);--width: 100%;--width-SCOPED-IN-line-overlay-mq95: var(--width);--height: 100%;--height-SCOPED-IN-line-overlay-mq95: var(--height)}:host{position:relative;display:block;width:var(--width-SCOPED-IN-line-overlay-mq95);height:var(--height-SCOPED-IN-line-overlay-mq95)}:host .loading{position:absolute;z-index:1000;top:0;left:0;display:flex;width:var(--width-SCOPED-IN-line-overlay-mq95);height:var(--height-SCOPED-IN-line-overlay-mq95);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-mq95);height:var(--height-SCOPED-IN-line-overlay-mq95);overflow:hidden}:host .main *{--cell: var(--cell-SCOPED-IN-line-overlay-mq95);--width: var(--width-SCOPED-IN-line-overlay-mq95);--height: var(--height-SCOPED-IN-line-overlay-mq95)}:host .next{position:absolute;top:0;left:0;z-index:2;width:var(--width-SCOPED-IN-line-overlay-mq95);height:auto}:host .next *{--cell: var(--cell-SCOPED-IN-line-overlay-mq95);--width: var(--width-SCOPED-IN-line-overlay-mq95);--height: var(--height-SCOPED-IN-line-overlay-mq95)}\n"] }]
         }], null, { hasNext: [{
                 type: Input
             }] });

package/fesm2015/ng-atomic-components-frames-scroll.mjs CHANGED Viewed

@@ -19,11 +19,11 @@ ScrollFrame.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ScrollFrame, se
             i0.ɵɵprojection(3, 1);
             i0.ɵɵelementEnd();
         }
-    }, dependencies: [i1.IosSafariScrollBuggyfillDirective], styles: ["[_nghost-%COMP%]{--height: 100%;--height-SCOPED-IN-scroll-77n0: var(--height);--navigator-height: 56px;--navigator-height-SCOPED-IN-scroll-77n0: var(--navigator-height)}[_nghost-%COMP%]{height:var(--height-SCOPED-IN-scroll-77n0);overflow:hidden}[_nghost-%COMP%]   .navigator-container[_ngcontent-%COMP%]{height:var(--navigator-height-SCOPED-IN-scroll-77n0);overflow:hidden;touch-action:none}[_nghost-%COMP%]   .contents-container[_ngcontent-%COMP%]{height:calc(var(--height-SCOPED-IN-scroll-77n0) - var(--navigator-height-SCOPED-IN-scroll-77n0));overflow:scroll;-webkit-overflow-scrolling:touch}"], changeDetection: 0 });
+    }, dependencies: [i1.IosSafariScrollBuggyfillDirective], styles: ["[_nghost-%COMP%]{--height: 100%;--height-SCOPED-IN-scroll-2Zh6: var(--height);--navigator-height: 56px;--navigator-height-SCOPED-IN-scroll-2Zh6: var(--navigator-height)}[_nghost-%COMP%]{height:var(--height-SCOPED-IN-scroll-2Zh6);overflow:hidden}[_nghost-%COMP%]   .navigator-container[_ngcontent-%COMP%]{height:var(--navigator-height-SCOPED-IN-scroll-2Zh6);overflow:hidden;touch-action:none}[_nghost-%COMP%]   .contents-container[_ngcontent-%COMP%]{height:calc(var(--height-SCOPED-IN-scroll-2Zh6) - var(--navigator-height-SCOPED-IN-scroll-2Zh6));overflow:scroll;-webkit-overflow-scrolling:touch}"], changeDetection: 0 });
 (function () {
     (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ScrollFrame, [{
             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-77n0: var(--height);--navigator-height: 56px;--navigator-height-SCOPED-IN-scroll-77n0: var(--navigator-height)}:host{height:var(--height-SCOPED-IN-scroll-77n0);overflow:hidden}:host .navigator-container{height:var(--navigator-height-SCOPED-IN-scroll-77n0);overflow:hidden;touch-action:none}:host .contents-container{height:calc(var(--height-SCOPED-IN-scroll-77n0) - var(--navigator-height-SCOPED-IN-scroll-77n0));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-2Zh6: var(--height);--navigator-height: 56px;--navigator-height-SCOPED-IN-scroll-2Zh6: var(--navigator-height)}:host{height:var(--height-SCOPED-IN-scroll-2Zh6);overflow:hidden}:host .navigator-container{height:var(--navigator-height-SCOPED-IN-scroll-2Zh6);overflow:hidden;touch-action:none}:host .contents-container{height:calc(var(--height-SCOPED-IN-scroll-2Zh6) - var(--navigator-height-SCOPED-IN-scroll-2Zh6));overflow:scroll;-webkit-overflow-scrolling:touch}\n"] }]
         }], null, null);
 })();

package/fesm2015/ng-atomic-components-frames-smart-menu.mjs CHANGED Viewed

@@ -40,11 +40,11 @@ SmartMenuFrame.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SmartMenuFra
             i0.ɵɵprojection(5, 1);
             i0.ɵɵelementEnd();
         }
-    }, styles: ["[_nghost-%COMP%]{--gap: 1px;--gap-SCOPED-IN-smart-menu-Q4Kd: var(--gap);--background: #ccc;--background-SCOPED-IN-smart-menu-Q4Kd: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-smart-menu-Q4Kd: var(--contents-background)}[_nghost-%COMP%]{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-smart-menu-Q4Kd);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-smart-menu-Q4Kd)}[_nghost-%COMP%]   .contents[_ngcontent-%COMP%]{display:flex;max-width:-moz-fit-content;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-smart-menu-Q4Kd)}[_nghost-%COMP%]   .contents.menu[_ngcontent-%COMP%]{overflow:hidden;justify-content:flex-end}[_nghost-%COMP%]   .contents.contents[_ngcontent-%COMP%]{overflow:visible;justify-content:flex-start}"], changeDetection: 0 });
+    }, styles: ["[_nghost-%COMP%]{--gap: 1px;--gap-SCOPED-IN-smart-menu-SF5P: var(--gap);--background: #ccc;--background-SCOPED-IN-smart-menu-SF5P: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-smart-menu-SF5P: var(--contents-background)}[_nghost-%COMP%]{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-smart-menu-SF5P);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-smart-menu-SF5P)}[_nghost-%COMP%]   .contents[_ngcontent-%COMP%]{display:flex;max-width:-moz-fit-content;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-smart-menu-SF5P)}[_nghost-%COMP%]   .contents.menu[_ngcontent-%COMP%]{overflow:hidden;justify-content:flex-end}[_nghost-%COMP%]   .contents.contents[_ngcontent-%COMP%]{overflow:visible;justify-content:flex-start}"], changeDetection: 0 });
 (function () {
     (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SmartMenuFrame, [{
             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-Q4Kd: var(--gap);--background: #ccc;--background-SCOPED-IN-smart-menu-Q4Kd: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-smart-menu-Q4Kd: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-smart-menu-Q4Kd);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-smart-menu-Q4Kd)}:host .contents{display:flex;max-width:-moz-fit-content;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-smart-menu-Q4Kd)}: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-SF5P: var(--gap);--background: #ccc;--background-SCOPED-IN-smart-menu-SF5P: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-smart-menu-SF5P: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-smart-menu-SF5P);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-smart-menu-SF5P)}:host .contents{display:flex;max-width:-moz-fit-content;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-smart-menu-SF5P)}:host .contents.menu{overflow:hidden;justify-content:flex-end}:host .contents.contents{overflow:visible;justify-content:flex-start}\n"] }]
         }], null, { isMainHidden: [{
                 type: HostBinding,
                 args: ['attr.is-main-hidden']

package/fesm2015/ng-atomic-components-molecules-date-input-field.mjs CHANGED Viewed

@@ -59,11 +59,11 @@ DateInputFieldMolecule.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Date
             i0.ɵɵadvance(3);
             i0.ɵɵproperty("ngIf", ctx.hint);
         }
-    }, dependencies: [i1.NgIf, i2.DefaultValueAccessor, i2.NgControlStatus, i2.FormControlDirective, i3.MatFormField, i3.MatHint, i3.MatLabel, i3.MatSuffix, i4.MatInput, i5.MatDatepicker, i5.MatDatepickerInput, i5.MatDatepickerToggle], styles: ["[_nghost-%COMP%]{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-input-field-zP8f: var(--horizontal-padding)}[_nghost-%COMP%]{display:block;width:100%}[_nghost-%COMP%]   mat-form-field[_ngcontent-%COMP%]{width:100%}"], changeDetection: 0 });
+    }, dependencies: [i1.NgIf, i2.DefaultValueAccessor, i2.NgControlStatus, i2.FormControlDirective, i3.MatFormField, i3.MatHint, i3.MatLabel, i3.MatSuffix, i4.MatInput, i5.MatDatepicker, i5.MatDatepickerInput, i5.MatDatepickerToggle], styles: ["[_nghost-%COMP%]{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-input-field-IRzJ: var(--horizontal-padding)}[_nghost-%COMP%]{display:block;width:100%}[_nghost-%COMP%]   mat-form-field[_ngcontent-%COMP%]{width:100%}"], changeDetection: 0 });
 (function () {
     (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DateInputFieldMolecule, [{
             type: Component,
-            args: [{ selector: 'molecules-date-input-field', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'molecule field' }, template: "<mat-form-field appearance=\"outline\">\n  <mat-label>{{ label }}</mat-label>\n  <input matInput [formControl]=\"control\" [placeholder]=\"placeholder\" [matDatepicker]=\"picker\">\n  <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\n  <mat-datepicker #picker></mat-datepicker>\n  <mat-hint *ngIf=\"hint\">{{ hint }}</mat-hint>\n</mat-form-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-input-field-zP8f: var(--horizontal-padding)}:host{display:block;width:100%}:host mat-form-field{width:100%}\n"] }]
+            args: [{ selector: 'molecules-date-input-field', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'molecule field' }, template: "<mat-form-field appearance=\"outline\">\n  <mat-label>{{ label }}</mat-label>\n  <input matInput [formControl]=\"control\" [placeholder]=\"placeholder\" [matDatepicker]=\"picker\">\n  <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\n  <mat-datepicker #picker></mat-datepicker>\n  <mat-hint *ngIf=\"hint\">{{ hint }}</mat-hint>\n</mat-form-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-input-field-IRzJ: var(--horizontal-padding)}:host{display:block;width:100%}:host mat-form-field{width:100%}\n"] }]
         }], null, { _control: [{
                 type: Input,
                 args: ['control']

package/fesm2015/ng-atomic-components-molecules-select-input-field.mjs CHANGED Viewed

@@ -49,11 +49,11 @@ SelectInputFieldMolecule.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Se
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("ngForOf", ctx.options)("ngForTrackBy", ctx.value);
         }
-    }, dependencies: [i1.NgForOf, i2.NgControlStatus, i2.FormControlDirective, i3.MatFormField, i3.MatLabel, i4.MatSelect, i5.MatOption], styles: ["[_nghost-%COMP%]{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-field-URis: var(--horizontal-padding)}[_nghost-%COMP%]{display:block;width:100%}[_nghost-%COMP%]   mat-form-field[_ngcontent-%COMP%]{width:100%}"], changeDetection: 0 });
+    }, dependencies: [i1.NgForOf, i2.NgControlStatus, i2.FormControlDirective, i3.MatFormField, i3.MatLabel, i4.MatSelect, i5.MatOption], styles: ["[_nghost-%COMP%]{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-field-E4EU: var(--horizontal-padding)}[_nghost-%COMP%]{display:block;width:100%}[_nghost-%COMP%]   mat-form-field[_ngcontent-%COMP%]{width:100%}"], changeDetection: 0 });
 (function () {
     (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SelectInputFieldMolecule, [{
             type: Component,
-            args: [{ selector: 'molecules-select-input-field', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'molecule input-field field' }, template: "<mat-form-field appearance=\"outline\">\n  <mat-label>{{ label }}</mat-label>\n  <mat-select [formControl]=\"control\">\n    <mat-option *ngFor=\"let option of options; trackBy value;\" [value]=\"option.value\">\n      {{ option.name }}\n    </mat-option>\n  </mat-select>\n</mat-form-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-field-URis: var(--horizontal-padding)}:host{display:block;width:100%}:host mat-form-field{width:100%}\n"] }]
+            args: [{ selector: 'molecules-select-input-field', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'molecule input-field field' }, template: "<mat-form-field appearance=\"outline\">\n  <mat-label>{{ label }}</mat-label>\n  <mat-select [formControl]=\"control\">\n    <mat-option *ngFor=\"let option of options; trackBy value;\" [value]=\"option.value\">\n      {{ option.name }}\n    </mat-option>\n  </mat-select>\n</mat-form-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-field-E4EU: var(--horizontal-padding)}:host{display:block;width:100%}:host mat-form-field{width:100%}\n"] }]
         }], null, { label: [{
                 type: Input
             }], control: [{