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/fesm2015/ng-atomic-components-templates-smart-index.mjs CHANGED Viewed

@@ -6,42 +6,77 @@ import * as i2 from '@ng-atomic/components/frames/auto-layout';
 import { AutoLayoutModule } from '@ng-atomic/components/frames/auto-layout';
 import * as i3 from '@ng-atomic/components/frames/scroll';
 import { ScrollModule } from '@ng-atomic/components/frames/scroll';
-import * as i7 from '@ng-atomic/components/molecules/header';
+import * as i8 from '@ng-atomic/components/molecules/header';
 import { HeaderModule } from '@ng-atomic/components/molecules/header';
 import * as i5 from '@ng-atomic/components/organisms/smart-table';
 import { SmartTableModule } from '@ng-atomic/components/organisms/smart-table';
-import * as i6 from '@ng-atomic/components/organisms/navigator';
+import * as i6 from '@ng-atomic/components/organisms/smart-list';
+import { SmartListModule } from '@ng-atomic/components/organisms/smart-list';
+import * as i7 from '@ng-atomic/components/organisms/navigator';
 import { NavigatorModule } from '@ng-atomic/components/organisms/navigator';
 import * as i4 from '@ng-atomic/components/organisms/paginator';
 import { PaginatorModule } from '@ng-atomic/components/organisms/paginator';
 import { FormControl } from '@ngneat/reactive-forms';
-function SmartIndexTemplate_organisms_paginator_5_Template(rf, ctx) {
+function SmartIndexTemplate_ng_container_4_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)); });
+        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 []; };
 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 = {}));
 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 = {
@@ -51,51 +86,46 @@ 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) {
+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);
+            i0.ɵɵproperty("ngIf", ctx.device !== "sp");
         }
-    }, 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 });
+    }, 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
@@ -103,11 +133,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
@@ -123,6 +153,8 @@ SmartIndexTemplate.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SmartInd
                 type: Input
             }], queryPlaceholder: [{
                 type: Input
+            }], device: [{
+                type: Input
             }], action: [{
                 type: Output
             }], backButtonClick: [{
@@ -131,8 +163,6 @@ SmartIndexTemplate.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SmartInd
                 type: Output
             }], pageChange: [{
                 type: Output
-            }], tableHeaderClick: [{
-                type: Output
             }] });
 })();
@@ -147,6 +177,7 @@ SmartIndexModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonM
         // Organisms
         PaginatorModule,
         SmartTableModule,
+        SmartListModule,
         NavigatorModule,
         // Molecules
         HeaderModule] });
@@ -165,6 +196,7 @@ SmartIndexModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonM
                         // Organisms
                         PaginatorModule,
                         SmartTableModule,
+                        SmartListModule,
                         NavigatorModule,
                         // Molecules
                         HeaderModule,
@@ -183,6 +215,7 @@ SmartIndexModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonM
             // Organisms
             PaginatorModule,
             SmartTableModule,
+            SmartListModule,
             NavigatorModule,
             // Molecules
             HeaderModule], exports: [SmartIndexTemplate] });

package/fesm2015/ng-atomic-components-templates-smart-index.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ng-atomic-components-templates-smart-index.mjs","sources":["../../../../libs/components/src/templates/smart-index/smart-index.template.html","../../../../libs/components/src/templates/smart-index/smart-index.template.ts","../../../../libs/components/src/templates/smart-index/smart-index.module.ts","../../../../libs/components/src/templates/smart-index/ng-atomic-components-templates-smart-index.ts"],"sourcesContent":["<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>","import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { PageEvent } from '@angular/material/paginator';\nimport { Action, ActionItem } from '@ng-atomic/common/models';\nimport { FormControl } from '@ngneat/reactive-forms';\n\nexport enum ActionId {\n BACK = '[@ng-atomic/components/templates/smart-crud] Back',\n}\n\n\n@Component({\n selector: 'templates-smart-index',\n templateUrl: './smart-index.template.html',\n styleUrls: ['./smart-index.template.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: { class: 'template' },\n})\nexport class SmartIndexTemplate<T> {\n\n @Input()\n canBack = false;\n\n @Input()\n queryControl = new FormControl<string>('');\n\n @Input()\n title: string = '';\n\n @Input()\n description?: string;\n\n @Input()\n items: T[] = [];\n\n @Input()\n rowMenuItems: ActionItem[] = [];\n\n @Input()\n itemActions: (item: T) => ActionItem[] = () => [];\n\n @Input()\n navigatorMenuItems: ActionItem[] = [];\n\n @Input()\n properties: (keyof T)[] = [];\n\n @Input()\n selectedIdSet = new Set<string>();\n\n @Input()\n sortKey?: string;\n\n @Input()\n sortOrder?: string;\n\n @Input()\n page?: PageEvent = {\n pageIndex: 0,\n pageSize: 20,\n length: 100,\n };\n\n @Input()\n pageSizeOptions: number[] = [5, 10, 25, 100];\n\n @Input()\n queryPlaceholder = '';\n\n @Output()\n action = new EventEmitter<Action>();\n\n @Output()\n backButtonClick = new EventEmitter();\n\n @Output()\n checkboxClick = new EventEmitter<T>();\n\n @Output()\n pageChange = new EventEmitter<PageEvent>();\n\n @Output()\n tableHeaderClick = new EventEmitter<string>();\n\n navigatorLeftItems = [{ id: ActionId.BACK, icon: 'arrow_back' }];\n\n onAction(action: Action): void {\n switch(action.id) {\n case ActionId.BACK: return this.backButtonClick.emit();\n default: return this.action.emit(action);\n }\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { AutoLayoutModule } from '@ng-atomic/components/frames/auto-layout';\nimport { ScrollModule } from '@ng-atomic/components/frames/scroll';\nimport { HeaderModule } from '@ng-atomic/components/molecules/header';\nimport { SmartTableModule } from '@ng-atomic/components/organisms/smart-table';\nimport { NavigatorModule } from '@ng-atomic/components/organisms/navigator';\nimport { PaginatorModule } from '@ng-atomic/components/organisms/paginator';\n\nimport { SmartIndexTemplate } from './smart-index.template';\n\n\n@NgModule({\n declarations: [\n SmartIndexTemplate\n ],\n imports: [\n CommonModule,\n // Frames\n AutoLayoutModule,\n ScrollModule,\n // Organisms\n PaginatorModule,\n SmartTableModule,\n NavigatorModule,\n // Molecules\n HeaderModule,\n ],\n exports: [\n SmartIndexTemplate\n ]\n})\nexport class SmartIndexModule { }\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;QAsBI,EAOC,CAAA,cAAA,CAAA,CAAA,EAAA,qBAAA,EAAA,CAAA,CAAA,CAAA;QADC,EAAc,CAAA,UAAA,CAAA,YAAA,EAAA,SAAA,2FAAA,CAAA,MAAA,EAAA,EAAA,EAAA,CAAA,aAAA,CAAA,GAAA,CAAA,CAAA,CAAA,MAAA,MAAA,GAAA,EAAA,CAAA,aAAA,EAAA,CAAA,CAAA,OAAA,EAAA,CAAA,WAAA,CAAA,MAAuB,CAAA,UAAA,CAAA,IAAA,CAAA,MAAA,CAAA,CAAA,CAAC,EAAA,CAAA,CAAA;QACvC,EAAsB,CAAA,YAAA,EAAA,CAAA;;;;AALrB,QAAA,EAAwB,CAAA,UAAA,CAAA,SAAA,EAAA,MAAA,CAAA,YAAA,CAAA,CAAA,MAAA,EAAA,MAAA,CAAA,IAAA,CAAA,2CAAA,CAAA,aAAA,EAAA,MAAA,CAAA,gBAAA,CAAA,CAAA;;;;ACnBlB,IAAA,SAEX;AAFD,CAAA,UAAY,QAAQ,EAAA;AAClB,IAAA,QAAA,CAAA,MAAA,CAAA,GAAA,mDAA0D,CAAA;AAC5D,CAAC,EAFW,QAAQ,KAAR,QAAQ,GAEnB,EAAA,CAAA,CAAA,CAAA;MAUY,kBAAkB,CAAA;AAP/B,IAAA,WAAA,GAAA;AAUE,QAAA,IAAO,CAAA,OAAA,GAAG,KAAK,CAAC;QAGhB,IAAA,CAAA,YAAY,GAAG,IAAI,WAAW,CAAS,EAAE,CAAC,CAAC;AAG3C,QAAA,IAAK,CAAA,KAAA,GAAW,EAAE,CAAC;AAMnB,QAAA,IAAK,CAAA,KAAA,GAAQ,EAAE,CAAC;AAGhB,QAAA,IAAY,CAAA,YAAA,GAAiB,EAAE,CAAC;AAGhC,QAAA,IAAA,CAAA,WAAW,GAA8B,MAAM,EAAE,CAAC;AAGlD,QAAA,IAAkB,CAAA,kBAAA,GAAiB,EAAE,CAAC;AAGtC,QAAA,IAAU,CAAA,UAAA,GAAiB,EAAE,CAAC;AAG9B,QAAA,IAAA,CAAA,aAAa,GAAG,IAAI,GAAG,EAAU,CAAC;QASlC,IAAA,CAAA,IAAI,GAAe;AACjB,YAAA,SAAS,EAAE,CAAC;AACZ,YAAA,QAAQ,EAAE,EAAE;AACZ,YAAA,MAAM,EAAE,GAAG;SACZ,CAAC;AAGF,QAAA,IAAe,CAAA,eAAA,GAAa,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,CAAC,CAAC;AAG7C,QAAA,IAAgB,CAAA,gBAAA,GAAG,EAAE,CAAC;AAGtB,QAAA,IAAA,CAAA,MAAM,GAAG,IAAI,YAAY,EAAU,CAAC;AAGpC,QAAA,IAAA,CAAA,eAAe,GAAG,IAAI,YAAY,EAAE,CAAC;AAGrC,QAAA,IAAA,CAAA,aAAa,GAAG,IAAI,YAAY,EAAK,CAAC;AAGtC,QAAA,IAAA,CAAA,UAAU,GAAG,IAAI,YAAY,EAAa,CAAC;AAG3C,QAAA,IAAA,CAAA,gBAAgB,GAAG,IAAI,YAAY,EAAU,CAAC;AAE9C,QAAA,IAAA,CAAA,kBAAkB,GAAG,CAAC,EAAE,EAAE,EAAE,QAAQ,CAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC,CAAC;KAQlE;AANC,IAAA,QAAQ,CAAC,MAAc,EAAA;QACrB,QAAO,MAAM,CAAC,EAAE;AACd,YAAA,KAAK,QAAQ,CAAC,IAAI,EAAE,OAAO,IAAI,CAAC,eAAe,CAAC,IAAI,EAAE,CAAC;YACvD,SAAS,OAAO,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;AAC1C,SAAA;KACF;;oFAzEU,kBAAkB,GAAA,CAAA,EAAA,CAAA;qEAAlB,kBAAkB,EAAA,SAAA,EAAA,CAAA,CAAA,uBAAA,CAAA,CAAA,EAAA,SAAA,EAAA,CAAA,CAAA,EAAA,UAAA,CAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,YAAA,EAAA,cAAA,EAAA,KAAA,EAAA,OAAA,EAAA,WAAA,EAAA,aAAA,EAAA,KAAA,EAAA,OAAA,EAAA,YAAA,EAAA,cAAA,EAAA,WAAA,EAAA,aAAA,EAAA,kBAAA,EAAA,oBAAA,EAAA,UAAA,EAAA,YAAA,EAAA,aAAA,EAAA,eAAA,EAAA,OAAA,EAAA,SAAA,EAAA,SAAA,EAAA,WAAA,EAAA,IAAA,EAAA,MAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,kBAAA,EAAA,EAAA,OAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,eAAA,EAAA,UAAA,EAAA,YAAA,EAAA,gBAAA,EAAA,kBAAA,EAAA,EAAA,KAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,CAAA,CAAA,WAAA,EAAA,EAAA,EAAA,CAAA,EAAA,WAAA,EAAA,YAAA,EAAA,QAAA,CAAA,EAAA,CAAA,CAAA,EAAA,OAAA,EAAA,aAAA,CAAA,EAAA,CAAA,UAAA,EAAA,EAAA,EAAA,UAAA,EAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA,OAAA,EAAA,WAAA,EAAA,aAAA,EAAA,SAAA,EAAA,eAAA,EAAA,SAAA,EAAA,WAAA,EAAA,QAAA,EAAA,eAAA,EAAA,aAAA,CAAA,EAAA,CAAA,CAAA,EAAA,SAAA,EAAA,MAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,YAAA,EAAA,CAAA,EAAA,MAAA,CAAA,EAAA,CAAA,CAAA,EAAA,SAAA,EAAA,MAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,YAAA,CAAA,CAAA,EAAA,QAAA,EAAA,SAAA,2BAAA,CAAA,EAAA,EAAA,GAAA,EAAA;QAAA,IAAA,EAAA,GAAA,CAAA,EAAA;ADjB/B,YAAA,EAAA,CAAA,cAAA,CAAA,CAAA,EAAA,eAAA,CAAe,CAAA,CAAA,EAAA,qBAAA,EAAA,CAAA,CAAA,CAAA;YAIX,EAAA,CAAA,UAAA,CAAA,QAAA,EAAA,SAAA,iEAAA,CAAA,MAAA,EAAA,EAAA,OAAU,oBAAgB,CAAC,EAAA,CAAA,CAAA;YAG3B,EAAiF,CAAA,SAAA,CAAA,CAAA,EAAA,kBAAA,EAAA,CAAA,CAAA,CAAA;YACnF,EAAsB,CAAA,YAAA,EAAA,CAAA;AACtB,YAAA,EAAA,CAAA,cAAA,CAAA,CAAA,EAAA,oBAAA,EAAA,CAAA,CAAsC,CAAA,CAAA,EAAA,uBAAA,EAAA,CAAA,CAAA,CAAA;AASlC,YAAA,EAAA,CAAA,UAAA,CAAA,QAAA,EAAA,SAAA,mEAAA,CAAA,MAAA,EAAA,EAAA,OAAU,uBAAmB,CAAC,EAAA,CAAA,CAAA,eAAA,EAAA,SAAA,0EAAA,CAAA,MAAA,EAAA,EAAA,OACb,8BAA0B,CADb,EAAA,CAAA,CAAA,aAAA,EAAA,SAAA,wEAAA,CAAA,MAAA,EAAA,EAAA,OAEf,iCAA6B,CAFd,EAAA,CAAA,CAAA;YAG/B,EAAwB,CAAA,YAAA,EAAA,CAAA;AACzB,YAAA,EAOuB,CAAA,UAAA,CAAA,CAAA,EAAA,iDAAA,EAAA,CAAA,EAAA,CAAA,EAAA,qBAAA,EAAA,CAAA,CAAA,CAAA;AACzB,YAAA,EAAA,CAAA,YAAA,EAAqB,EAAA,CAAA;;;AA5BnB,YAAA,EAA+C,CAAA,SAAA,CAAA,CAAA,CAAA,CAAA;AAA/C,YAAA,EAAA,CAAA,UAAA,CAAA,WAAA,EAAA,GAAA,CAAA,OAAA,GAAA,GAAA,CAAA,kBAAA,GAAA,EAAA,CAAA,eAAA,CAAA,EAAA,EAAA,GAAA,CAAA,CAA+C,CAAA,YAAA,EAAA,GAAA,CAAA,kBAAA,CAAA,CAAA;AAK7B,YAAA,EAAe,CAAA,SAAA,CAAA,CAAA,CAAA,CAAA;AAAf,YAAA,EAAA,CAAA,UAAA,CAAA,OAAA,EAAA,GAAA,CAAA,KAAA,CAAe,CAAA,aAAA,EAAA,GAAA,CAAA,WAAA,CAAA,CAAA;AAI/B,YAAA,EAAe,CAAA,SAAA,CAAA,CAAA,CAAA,CAAA;YAAf,EAAA,CAAA,UAAA,CAAA,OAAA,EAAA,GAAA,CAAA,KAAA,CAAe,CAAA,WAAA,EAAA,GAAA,CAAA,YAAA,CAAA,CAAA,aAAA,EAAA,GAAA,CAAA,WAAA,CAAA,CAAA,SAAA,EAAA,GAAA,CAAA,UAAA,CAAA,CAAA,eAAA,EAAA,GAAA,CAAA,aAAA,CAAA,wBAAA,CAAA,WAAA,EAAA,GAAA,CAAA,SAAA,CAAA,CAAA;AAYd,YAAA,EAAU,CAAA,SAAA,CAAA,CAAA,CAAA,CAAA;YAAV,EAAU,CAAA,UAAA,CAAA,MAAA,EAAA,GAAA,CAAA,IAAA,CAAA,CAAA;;;;4ECNJ,kBAAkB,EAAA,CAAA;kBAP9B,SAAS;+BACE,uBAAuB,EAAA,eAAA,EAGhB,uBAAuB,CAAC,MAAM,QACzC,EAAE,KAAK,EAAE,UAAU,EAAE,EAAA,QAAA,EAAA,glCAAA,EAAA,MAAA,EAAA,CAAA,8NAAA,CAAA,EAAA,CAAA;oBAK3B,OAAO,EAAA,CAAA;sBADN,KAAK;gBAIN,YAAY,EAAA,CAAA;sBADX,KAAK;gBAIN,KAAK,EAAA,CAAA;sBADJ,KAAK;gBAIN,WAAW,EAAA,CAAA;sBADV,KAAK;gBAIN,KAAK,EAAA,CAAA;sBADJ,KAAK;gBAIN,YAAY,EAAA,CAAA;sBADX,KAAK;gBAIN,WAAW,EAAA,CAAA;sBADV,KAAK;gBAIN,kBAAkB,EAAA,CAAA;sBADjB,KAAK;gBAIN,UAAU,EAAA,CAAA;sBADT,KAAK;gBAIN,aAAa,EAAA,CAAA;sBADZ,KAAK;gBAIN,OAAO,EAAA,CAAA;sBADN,KAAK;gBAIN,SAAS,EAAA,CAAA;sBADR,KAAK;gBAIN,IAAI,EAAA,CAAA;sBADH,KAAK;gBAQN,eAAe,EAAA,CAAA;sBADd,KAAK;gBAIN,gBAAgB,EAAA,CAAA;sBADf,KAAK;gBAIN,MAAM,EAAA,CAAA;sBADL,MAAM;gBAIP,eAAe,EAAA,CAAA;sBADd,MAAM;gBAIP,aAAa,EAAA,CAAA;sBADZ,MAAM;gBAIP,UAAU,EAAA,CAAA;sBADT,MAAM;gBAIP,gBAAgB,EAAA,CAAA;sBADf,MAAM;;;;MChDI,gBAAgB,CAAA;;gFAAhB,gBAAgB,GAAA,CAAA,EAAA,CAAA;kEAAhB,gBAAgB,EAAA,CAAA,CAAA;sEAfzB,YAAY;;QAEZ,gBAAgB;QAChB,YAAY;;QAEZ,eAAe;QACf,gBAAgB;QAChB,eAAe;;QAEf,YAAY,CAAA,EAAA,CAAA,CAAA;;4EAMH,gBAAgB,EAAA,CAAA;kBApB5B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,kBAAkB;AACnB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;;wBAEZ,gBAAgB;wBAChB,YAAY;;wBAEZ,eAAe;wBACf,gBAAgB;wBAChB,eAAe;;wBAEf,YAAY;AACb,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,kBAAkB;AACnB,qBAAA;iBACF,CAAA;;;;6EACY,gBAAgB,EAAA,EAAA,YAAA,EAAA,CAlBzB,kBAAkB,CAAA,EAAA,OAAA,EAAA,CAGlB,YAAY;;YAEZ,gBAAgB;YAChB,YAAY;;YAEZ,eAAe;YACf,gBAAgB;YAChB,eAAe;;YAEf,YAAY,aAGZ,kBAAkB,CAAA,EAAA,CAAA,CAAA;AAAA,CAAA,GAAA;;AC7BtB;;AAEG;;;;"}
1	+ {"version":3,"file":"ng-atomic-components-templates-smart-index.mjs","sources":["../../../../libs/components/src/templates/smart-index/smart-index.template.html","../../../../libs/components/src/templates/smart-index/smart-index.template.ts","../../../../libs/components/src/templates/smart-index/smart-index.module.ts","../../../../libs/components/src/templates/smart-index/ng-atomic-components-templates-smart-index.ts"],"sourcesContent":["<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>","import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { PageEvent } from '@angular/material/paginator';\nimport { Action } from '@ng-atomic/common/models';\nimport { FormControl } from '@ngneat/reactive-forms';\n\nexport enum ActionId {\n BACK = '[@ng-atomic/components/templates/smart-index] Back',\n TABLE_HEADER_CLICK = '[@ng-atomic/components/templates/smart-index] Table Header Click',\n}\n\n@Component({\n selector: 'templates-smart-index',\n templateUrl: './smart-index.template.html',\n styleUrls: ['./smart-index.template.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: { class: 'template' },\n})\nexport class SmartIndexTemplate<T> {\n protected ActionId = ActionId;\n\n @Input()\n queryControl = new FormControl<string>('');\n\n @Input()\n title: string = '';\n\n @Input()\n description?: string;\n\n @Input()\n items: T[] = [];\n\n @Input()\n itemActions: (item: T) => Action[] = () => [];\n\n @Input()\n navStartActions: Action[] = [{ id: ActionId.BACK, icon: 'arrow_back' }];\n\n @Input()\n navEndActions: Action[] = [];\n\n @Input()\n properties: (keyof T)[] = [];\n\n @Input()\n selectedIdSet = new Set<string>();\n\n @Input()\n sortKey?: string;\n\n @Input()\n sortOrder?: string;\n\n @Input()\n page?: PageEvent = {\n pageIndex: 0,\n pageSize: 20,\n length: 100,\n };\n\n @Input()\n pageSizeOptions: number[] = [5, 10, 25, 100];\n\n @Input()\n queryPlaceholder = '';\n\n @Input()\n device: 'sp' \| 'tablet' \| 'pc' = 'sp';\n\n @Output()\n action = new EventEmitter<Action>();\n\n @Output()\n backButtonClick = new EventEmitter();\n\n @Output()\n checkboxClick = new EventEmitter<T>();\n\n @Output()\n pageChange = new EventEmitter<PageEvent>();\n\n onAction(action: Action): void {\n switch(action.id) {\n default: return this.action.emit(action);\n }\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { AutoLayoutModule } from '@ng-atomic/components/frames/auto-layout';\nimport { ScrollModule } from '@ng-atomic/components/frames/scroll';\nimport { HeaderModule } from '@ng-atomic/components/molecules/header';\nimport { SmartTableModule } from '@ng-atomic/components/organisms/smart-table';\nimport { SmartListModule } from '@ng-atomic/components/organisms/smart-list';\nimport { NavigatorModule } from '@ng-atomic/components/organisms/navigator';\nimport { PaginatorModule } from '@ng-atomic/components/organisms/paginator';\n\nimport { SmartIndexTemplate } from './smart-index.template';\n\n\n@NgModule({\n declarations: [\n SmartIndexTemplate\n ],\n imports: [\n CommonModule,\n // Frames\n AutoLayoutModule,\n ScrollModule,\n // Organisms\n PaginatorModule,\n SmartTableModule,\n SmartListModule,\n NavigatorModule,\n // Molecules\n HeaderModule,\n ],\n exports: [\n SmartIndexTemplate\n ]\n})\nexport class SmartIndexModule { }\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}

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

@@ -46,10 +46,10 @@ IconAtom.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: IconAtom, selector
         i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(1, 2, ctx.hasSvgIcon$));
         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/fesm2020/ng-atomic-components-atoms-smart-menu-button.mjs CHANGED Viewed

@@ -28,7 +28,7 @@ function SmartMenuButtonAtom_ng_container_2_Template(rf, ctx) { if (rf & 1) {
 } }
 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) {
     i0.ɵɵnextContext(2);
@@ -84,7 +84,7 @@ SmartMenuButtonAtom.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SmartMe
     } }, dependencies: [i1.NgForOf, i1.NgIf, i1.NgSwitch, i1.NgSwitchCase, i1.NgSwitchDefault, i2.MatButton, i3.MatIcon, i4.MatMenu, i4.MatMenuItem, i4.MatMenuTrigger], styles: ["[_nghost-%COMP%]{display:block;width:100%;height:100%}"] });
 (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/fesm2020/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":";;;;;;;;;;;;IACE,EAA+C,CAAA,kBAAA,CAAA,CAAA,CAAA,CAAA;;;;IAC/C,EAAgC,CAAA,uBAAA,CAAA,CAAA,CAAA,CAAA;IAC9B,EAAwD,CAAA,cAAA,CAAA,CAAA,EAAA,QAAA,EAAA,CAAA,CAAA,CAAA;AAAhC,IAAA,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;IACrD,EAAU,CAAA,cAAA,CAAA,CAAA,EAAA,UAAA,CAAA,CAAA;IAAA,EAAoB,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA;AAAA,IAAA,EAAA,CAAA,YAAA,EAAW,EAAA,CAAA;IAE7C,EAAe,CAAA,qBAAA,EAAA,CAAA;;;IAFD,EAAoB,CAAA,SAAA,CAAA,CAAA,CAAA,CAAA;IAApB,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,IAAA,EAAA,CAAA,cAAA,CAAA,CAAA,EAAA,QAAA,EAAA,CAAA,CAAwE,CAAA,CAAA,EAAA,UAAA,CAAA,CAAA;IAC5D,~~EAAI~~,CAAA,MAAA,CAAA,CAAA,EAAA,~~MAAA~~,CAAA,CAAA;AAAA,IAAA,EAAA,CAAA,YAAA,EAAW,EAAA,CAAA;;;;~~IADH~~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~~krBAAA~~,EAAA,MAAA,EAAA,CAAA,+CAAA,CAAA,EAAA,CAAA;gBAIhD,KAAK,EAAA,CAAA;kBADJ,KAAK;YAIN,MAAM,EAAA,CAAA;kBADL,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;uFAIJ,qBAAqB,EAAA,CAAA;cAXjC,QAAQ;AAAC,QAAA,IAAA,EAAA,CAAA;gBACR,YAAY,EAAE,CAAC,mBAAmB,CAAC;AACnC,gBAAA,OAAO,EAAE;oBACP,YAAY;;oBAEZ,eAAe;oBACf,aAAa;oBACb,aAAa;AACd,iBAAA;gBACD,OAAO,EAAE,CAAC,mBAAmB,CAAC;AAC/B,aAAA,CAAA;;wFACY,qBAAqB,EAAA,EAAA,YAAA,EAAA,CAVjB,mBAAmB,CAAA,EAAA,OAAA,EAAA,CAEhC,YAAY;;QAEZ,eAAe;QACf,aAAa;AACb,QAAA,aAAa,aAEL,mBAAmB,CAAA,EAAA,CAAA,CAAA,EAAA,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":"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"}

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

@@ -9,10 +9,10 @@ AutoLayoutFrame.ɵfac = function AutoLayoutFrame_Factory(t) { return new (t || A
 AutoLayoutFrame.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AutoLayoutFrame, selectors: [["frames-auto-layout"]], ngContentSelectors: _c0, decls: 1, vars: 0, template: function AutoLayoutFrame_Template(rf, ctx) { if (rf & 1) {
         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); })();
 class AutoLayoutModule {

package/fesm2020/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';
@@ -11,12 +11,20 @@ class DrawerFrame {
         this._isOpen = false;
     }
     set isOpen(_isOpen) {
+        console.debug('isOpen:', _isOpen);
+        console.debug('this.drawer:', this.drawer);
         _isOpen ? this.drawer?.open() : this.drawer?.close();
         this._isOpen = _isOpen;
     }
     get isOpen() {
         return this._isOpen;
     }
+    ngAfterViewInit() {
+        setTimeout(() => {
+            this.isOpen ? this.drawer?.open() : this.drawer?.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) { if (rf & 1) {
@@ -34,10 +42,10 @@ DrawerFrame.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DrawerFrame, se
         i0.ɵɵelementEnd()();
     } 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/fesm2020/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;QAWU,IAAO,CAAA,OAAA,GAAG,KAAK,CAAC;~~AAYzB~~,KAAA;~~IAVC~~,IACI,MAAM,CAAC,OAAgB,EAAA;AACzB,QAAA,OAAO,GAAG,IAAI,CAAC,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC,MAAM,EAAE,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,EAAA,IAAA,EAAA,GAAA,CAAA,EAAA;uBAEX,SAAS,EAAA,CAAA,CAAA,CAAA;;;;;;ACXtB,QAAA,EAAA,CAAA,cAAA,CAAA,CAAA,EAAA,sBAAA,EAAA,CAAA,CAAyC,CAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,CAAA,CAAA,CAAA;QAErC,EAAyC,CAAA,YAAA,CAAA,CAAA,CAAA,CAAA;QAC3C,EAAa,CAAA,YAAA,EAAA,CAAA;QAEb,EAAoB,CAAA,cAAA,CAAA,CAAA,EAAA,oBAAA,CAAA,CAAA;QAClB,EAA2C,CAAA,YAAA,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA;AAC7C,QAAA,EAAA,CAAA,YAAA,EAAqB,EAAA,CAAA;;QAPD,EAAkB,CAAA,UAAA,CAAA,UAAA,EAAA,KAAA,CAAA,CAAA;;uFDS3B,WAAW,EAAA,CAAA;cANvB,SAAS;2BACE,eAAe,EAAA,~~eAAA,EAGR,uBAAuB,CAAC,MAAM,EAAA,~~QAAA,EAAA,oRAAA,EAAA,MAAA,EAAA,CAAA,~~iIAAA~~,CAAA,EAAA,CAAA;~~gBAK/C~~,MAAM,EAAA,CAAA;kBADL,SAAS;mBAAC,SAAS,CAAA;YAMhB,MAAM,EAAA,CAAA;kBADT,KAAK;;;MEAK,YAAY,CAAA;;wEAAZ,YAAY,GAAA,CAAA,EAAA,CAAA;8DAAZ,YAAY,EAAA,CAAA,CAAA;kEALrB,YAAY;QACZ,gBAAgB,CAAA,EAAA,CAAA,CAAA;uFAIP,YAAY,EAAA,CAAA;cARxB,QAAQ;AAAC,QAAA,IAAA,EAAA,CAAA;gBACR,YAAY,EAAE,CAAC,WAAW,CAAC;AAC3B,gBAAA,OAAO,EAAE;oBACP,YAAY;oBACZ,gBAAgB;AACjB,iBAAA;gBACD,OAAO,EAAE,CAAC,WAAW,CAAC;AACvB,aAAA,CAAA;;wFACY,YAAY,EAAA,EAAA,YAAA,EAAA,CAPR,WAAW,CAAA,EAAA,OAAA,EAAA,CAExB,YAAY;AACZ,QAAA,gBAAgB,aAER,WAAW,CAAA,EAAA,CAAA,CAAA,EAAA,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":";;;;;;;;MASa,WAAW,CAAA;AANxB,IAAA,WAAA,GAAA;QAWU,IAAO,CAAA,OAAA,GAAG,KAAK,CAAC;AAsBzB,KAAA;IApBC,IACI,MAAM,CAAC,OAAgB,EAAA;AACzB,QAAA,OAAO,CAAC,KAAK,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;QAClC,OAAO,CAAC,KAAK,CAAC,cAAc,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;AAC3C,QAAA,OAAO,GAAG,IAAI,CAAC,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC,MAAM,EAAE,KAAK,EAAE,CAAC;AACrD,QAAA,IAAI,CAAC,OAAO,GAAG,OAAO,CAAA;KACvB;AAED,IAAA,IAAI,MAAM,GAAA;QACR,OAAO,IAAI,CAAC,OAAO,CAAA;KACpB;IAED,eAAe,GAAA;QACb,UAAU,CAAC,MAAK;YACd,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC,MAAM,EAAE,KAAK,EAAE,CAAC;YACzD,OAAO,CAAC,KAAK,CAAC,cAAc,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;SAE5C,EAAC,CAAC,CAAC,CAAC;KACN;;sEAzBU,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,EAAA,IAAA,EAAA,GAAA,CAAA,EAAA;uBAEX,SAAS,EAAA,CAAA,CAAA,CAAA;;;;;;ACXtB,QAAA,EAAA,CAAA,cAAA,CAAA,CAAA,EAAA,sBAAA,EAAA,CAAA,CAAyC,CAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,CAAA,CAAA,CAAA;QAErC,EAAyC,CAAA,YAAA,CAAA,CAAA,CAAA,CAAA;QAC3C,EAAa,CAAA,YAAA,EAAA,CAAA;QAEb,EAAoB,CAAA,cAAA,CAAA,CAAA,EAAA,oBAAA,CAAA,CAAA;QAClB,EAA2C,CAAA,YAAA,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA;AAC7C,QAAA,EAAA,CAAA,YAAA,EAAqB,EAAA,CAAA;;QAPD,EAAkB,CAAA,UAAA,CAAA,UAAA,EAAA,KAAA,CAAA,CAAA;;uFDS3B,WAAW,EAAA,CAAA;cANvB,SAAS;2BACE,eAAe,EAAA,QAAA,EAAA,oRAAA,EAAA,MAAA,EAAA,CAAA,gPAAA,CAAA,EAAA,CAAA;gBAQzB,MAAM,EAAA,CAAA;kBADL,SAAS;mBAAC,SAAS,CAAA;YAMhB,MAAM,EAAA,CAAA;kBADT,KAAK;;;MEAK,YAAY,CAAA;;wEAAZ,YAAY,GAAA,CAAA,EAAA,CAAA;8DAAZ,YAAY,EAAA,CAAA,CAAA;kEALrB,YAAY;QACZ,gBAAgB,CAAA,EAAA,CAAA,CAAA;uFAIP,YAAY,EAAA,CAAA;cARxB,QAAQ;AAAC,QAAA,IAAA,EAAA,CAAA;gBACR,YAAY,EAAE,CAAC,WAAW,CAAC;AAC3B,gBAAA,OAAO,EAAE;oBACP,YAAY;oBACZ,gBAAgB;AACjB,iBAAA;gBACD,OAAO,EAAE,CAAC,WAAW,CAAC;AACvB,aAAA,CAAA;;wFACY,YAAY,EAAA,EAAA,YAAA,EAAA,CAPR,WAAW,CAAA,EAAA,OAAA,EAAA,CAExB,YAAY;AACZ,QAAA,gBAAgB,aAER,WAAW,CAAA,EAAA,CAAA,CAAA,EAAA,GAAA;;ACdvB;;AAEG;;;;"}

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

@@ -177,10 +177,10 @@ LineUpFrame.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LineUpFrame, se
         i0.ɵɵproperty("@modeChangeForMain", ctx.mode);
         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/fesm2020/ng-atomic-components-frames-overlay.mjs CHANGED Viewed

@@ -50,10 +50,10 @@ OverlayFrame.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: OverlayFrame,
     } if (rf & 2) {
         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/fesm2020/ng-atomic-components-frames-scroll.mjs CHANGED Viewed

@@ -17,10 +17,10 @@ ScrollFrame.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ScrollFrame, se
         i0.ɵɵelementStart(2, "div", 1);
         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); })();
 class ScrollModule {

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

@@ -33,10 +33,10 @@ SmartMenuFrame.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SmartMenuFra
         i0.ɵɵelementStart(3, "div", 2, 3);
         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/fesm2020/ng-atomic-components-molecules-date-input-field.mjs CHANGED Viewed

@@ -53,10 +53,10 @@ DateInputFieldMolecule.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Date
         i0.ɵɵproperty("for", _r0);
         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/fesm2020/ng-atomic-components-molecules-select-input-field.mjs CHANGED Viewed

@@ -43,10 +43,10 @@ SelectInputFieldMolecule.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Se
         i0.ɵɵproperty("formControl", ctx.control);
         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: [{