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

@ng-atomic/components 4.15.0 → 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 (135) hide show

package/fesm2015/ng-atomic-components-organisms-smart-list.mjs ADDED Viewed

@@ -0,0 +1,160 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, ChangeDetectionStrategy, Optional, Inject, Input, Output, NgModule } from '@angular/core';
+import * as i5 from '@ng-atomic/common/pipes/data-accessor';
+import { defaultDataAccessor, DATA_ACCESSOR, DataAccessorPipe } from '@ng-atomic/common/pipes/data-accessor';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i2 from '@angular/material/list';
+import { MatListModule } from '@angular/material/list';
+import * as i3 from '@angular/material/core';
+import { MatRippleModule } from '@angular/material/core';
+import * as i4 from '@angular/material/divider';
+import { MatIconModule } from '@angular/material/icon';
+function SmartListOrganism_ng_container_1_ng_container_3_Template(rf, ctx) {
+    if (rf & 1) {
+        const _r5 = i0.ɵɵgetCurrentView();
+        i0.ɵɵelementContainerStart(0);
+        i0.ɵɵelementStart(1, "mat-list-item", 2);
+        i0.ɵɵlistener("click", function SmartListOrganism_ng_container_1_ng_container_3_Template_mat_list_item_click_1_listener() { const restoredCtx = i0.ɵɵrestoreView(_r5); const item_r3 = restoredCtx.$implicit; const ctx_r4 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r4.onItemClick(item_r3)); });
+        i0.ɵɵelementStart(2, "span", 3);
+        i0.ɵɵtext(3);
+        i0.ɵɵpipe(4, "dataAccessor");
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(5, "span", 3);
+        i0.ɵɵtext(6);
+        i0.ɵɵpipe(7, "dataAccessor");
+        i0.ɵɵelementEnd()();
+        i0.ɵɵelementContainerEnd();
+    }
+    if (rf & 2) {
+        const item_r3 = ctx.$implicit;
+        i0.ɵɵadvance(3);
+        i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(4, 2, item_r3, "__title"));
+        i0.ɵɵadvance(3);
+        i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(7, 5, item_r3, "__desc"));
+    }
+}
+function SmartListOrganism_ng_container_1_Template(rf, ctx) {
+    if (rf & 1) {
+        i0.ɵɵelementContainerStart(0);
+        i0.ɵɵelementStart(1, "div", 1);
+        i0.ɵɵtext(2);
+        i0.ɵɵelementEnd();
+        i0.ɵɵtemplate(3, SmartListOrganism_ng_container_1_ng_container_3_Template, 8, 8, "ng-container", 0);
+        i0.ɵɵelement(4, "mat-divider");
+        i0.ɵɵelementContainerEnd();
+    }
+    if (rf & 2) {
+        const status_r1 = ctx.$implicit;
+        const ctx_r0 = i0.ɵɵnextContext();
+        i0.ɵɵadvance(2);
+        i0.ɵɵtextInterpolate1(" ", status_r1, "");
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngForOf", ctx_r0.statusMap[status_r1]);
+    }
+}
+var ActionId;
+(function (ActionId) {
+    ActionId["CLICK_ITEM"] = "[@ng-atomic/components/organisms/smart-list] Click Item";
+})(ActionId || (ActionId = {}));
+class SmartListOrganism {
+    constructor(dataAccessor) {
+        var _a;
+        this.dataAccessor = dataAccessor;
+        this.statusAccessor = (data) => data['status'];
+        this.items = [];
+        this.action = new EventEmitter();
+        (_a = this.dataAccessor) !== null && _a !== void 0 ? _a : (this.dataAccessor = defaultDataAccessor);
+    }
+    get statusMap() {
+        return this.items.reduce((acc, item) => {
+            var _a;
+            const key = this.dataAccessor(item, '__status');
+            (_a = acc[key]) !== null && _a !== void 0 ? _a : (acc[key] = []),
+                acc[key].push(item);
+            return acc;
+        }, {});
+    }
+    get statuses() {
+        return Object.keys(this.statusMap);
+    }
+    onItemClick(item) {
+        this.action.emit({
+            id: ActionId.CLICK_ITEM,
+            payload: item,
+        });
+    }
+}
+SmartListOrganism.ɵfac = function SmartListOrganism_Factory(t) { return new (t || SmartListOrganism)(i0.ɵɵdirectiveInject(DATA_ACCESSOR, 8)); };
+SmartListOrganism.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SmartListOrganism, selectors: [["organisms-smart-list"]], inputs: { items: "items" }, outputs: { action: "action" }, decls: 2, vars: 1, consts: [[4, "ngFor", "ngForOf"], ["mat-subheader", ""], ["lines", "2", "matRipple", "", 3, "click"], ["mat-line", ""]], template: function SmartListOrganism_Template(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵelementStart(0, "mat-list");
+            i0.ɵɵtemplate(1, SmartListOrganism_ng_container_1_Template, 5, 2, "ng-container", 0);
+            i0.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngForOf", ctx.statuses);
+        }
+    }, dependencies: [i1.NgForOf, i2.MatList, i2.MatListItem, i3.MatLine, i2.MatListSubheaderCssMatStyler, i4.MatDivider, i3.MatRipple, i5.DataAccessorPipe], styles: ["[_nghost-%COMP%]{display:block}[_nghost-%COMP%]{display:block;flex-direction:unset;font-size:14px;height:100%}"], changeDetection: 0 });
+(function () {
+    (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SmartListOrganism, [{
+            type: Component,
+            args: [{ selector: 'organisms-smart-list', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-list>\n  <ng-container *ngFor=\"let status of statuses\">\n    <div mat-subheader> {{ status }}</div>\n    <ng-container *ngFor=\"let item of statusMap[status]\">\n      <mat-list-item lines=\"2\" matRipple (click)=\"onItemClick(item)\">\n        <span mat-line>{{ item | dataAccessor:'__title' }}</span>\n        <span mat-line>{{ item | dataAccessor:'__desc' }}</span>\n      </mat-list-item>\n    </ng-container>\n    <mat-divider></mat-divider>\n  </ng-container>\n</mat-list>\n", styles: [":host{display:block}:host{display:block;flex-direction:unset;font-size:14px;height:100%}\n"] }]
+        }], function () {
+        return [{ type: undefined, decorators: [{
+                        type: Optional
+                    }, {
+                        type: Inject,
+                        args: [DATA_ACCESSOR]
+                    }] }];
+    }, { items: [{
+                type: Input
+            }], action: [{
+                type: Output
+            }] });
+})();
+class SmartListModule {
+}
+SmartListModule.ɵfac = function SmartListModule_Factory(t) { return new (t || SmartListModule)(); };
+SmartListModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: SmartListModule });
+SmartListModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule,
+        MatListModule,
+        MatIconModule,
+        MatRippleModule] });
+(function () {
+    (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SmartListModule, [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        SmartListOrganism,
+                    ],
+                    imports: [
+                        CommonModule,
+                        MatListModule,
+                        MatIconModule,
+                        MatRippleModule,
+                        DataAccessorPipe,
+                    ],
+                    exports: [
+                        SmartListOrganism
+                    ]
+                }]
+        }], null, null);
+})();
+(function () {
+    (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(SmartListModule, { declarations: [SmartListOrganism], imports: [CommonModule,
+            MatListModule,
+            MatIconModule,
+            MatRippleModule,
+            DataAccessorPipe], exports: [SmartListOrganism] });
+})();
+/**
+ * Generated bundle index. Do not edit.
+ */
+export { ActionId, SmartListModule, SmartListOrganism };
+//# sourceMappingURL=ng-atomic-components-organisms-smart-list.mjs.map

package/fesm2015/ng-atomic-components-organisms-smart-list.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ng-atomic-components-organisms-smart-list.mjs","sources":["../../../../libs/components/src/organisms/smart-list/smart-list.organism.html","../../../../libs/components/src/organisms/smart-list/smart-list.organism.ts","../../../../libs/components/src/organisms/smart-list/smart-list.module.ts","../../../../libs/components/src/organisms/smart-list/ng-atomic-components-organisms-smart-list.ts"],"sourcesContent":["<mat-list>\n <ng-container *ngFor=\"let status of statuses\">\n <div mat-subheader> {{ status }}</div>\n <ng-container *ngFor=\"let item of statusMap[status]\">\n <mat-list-item lines=\"2\" matRipple (click)=\"onItemClick(item)\">\n <span mat-line>{{ item | dataAccessor:'__title' }}</span>\n <span mat-line>{{ item | dataAccessor:'__desc' }}</span>\n </mat-list-item>\n </ng-container>\n <mat-divider></mat-divider>\n </ng-container>\n</mat-list>\n","import { ChangeDetectionStrategy, Component, EventEmitter, Inject, Input, Optional, Output } from '@angular/core';\nimport { Action } from '@ng-atomic/common/models';\nimport { DataAccessor, DATA_ACCESSOR, defaultDataAccessor } from '@ng-atomic/common/pipes/data-accessor';\n\nexport enum ActionId {\n CLICK_ITEM = '[@ng-atomic/components/organisms/smart-list] Click Item',\n}\n\n@Component({\n selector: 'organisms-smart-list',\n templateUrl: './smart-list.organism.html',\n styleUrls: ['./smart-list.organism.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class SmartListOrganism<T> {\n\n constructor(\n @Optional() @Inject(DATA_ACCESSOR) private dataAccessor: DataAccessor<T>\n ) {\n this.dataAccessor ??= defaultDataAccessor;\n }\n\n statusAccessor = (data) => data['status'];\n\n @Input()\n items: T[] = [];\n\n @Output()\n action = new EventEmitter<Action>();\n\n get statusMap() {\n return this.items.reduce((acc, item) => {\n const key = this.dataAccessor(item, '__status');\n acc[key] ??= [],\n acc[key].push(item);\n return acc;\n }, {} as { [id: string]: any[] });\n }\n\n get statuses() {\n return Object.keys(this.statusMap);\n }\n\n protected onItemClick(item: T) {\n this.action.emit({\n id: ActionId.CLICK_ITEM,\n payload: item,\n });\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { SmartListOrganism } from './smart-list.organism';\nimport { MatListModule } from '@angular/material/list';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatRippleModule } from '@angular/material/core';\nimport { DataAccessorPipe } from '@ng-atomic/common/pipes/data-accessor';\n\n@NgModule({\n declarations: [\n SmartListOrganism,\n ],\n imports: [\n CommonModule,\n MatListModule,\n MatIconModule,\n MatRippleModule,\n DataAccessorPipe,\n ],\n exports: [\n SmartListOrganism\n ]\n})\nexport class SmartListModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2015/ng-atomic-components-organisms-smart-table.mjs CHANGED Viewed

@@ -38,7 +38,7 @@ function SmartTableOrganism_ng_container_1_molecules_actions_column_2_Template(r
     }
     if (rf & 2) {
         const ctx_r6 = i0.ɵɵnextContext(2);
-        i0.ɵɵproperty("items", ctx_r6.menuItems)("itemActions", ctx_r6.itemActions);
+        i0.ɵɵproperty("itemActions", ctx_r6.itemActions);
     }
 }
 function SmartTableOrganism_ng_container_1_molecules_smart_column_3_Template(rf, ctx) {
@@ -52,14 +52,14 @@ function SmartTableOrganism_ng_container_1_molecules_smart_column_3_Template(rf,
     if (rf & 2) {
         const name_r4 = i0.ɵɵnextContext().$implicit;
         const ctx_r7 = i0.ɵɵnextContext();
-        i0.ɵɵproperty("name", name_r4)("headerText", i0.ɵɵpipeBind1(1, 3, name_r4))("sort", ctx_r7.sortKey === name_r4 ? ctx_r7.sortOrder : "none");
+        i0.ɵɵproperty("name", name_r4)("headerText", i0.ɵɵpipeBind1(1, 3, name_r4))("sort", (ctx_r7.sort == null ? null : ctx_r7.sort.key) === name_r4 ? ctx_r7.sort == null ? null : ctx_r7.sort.order : "none");
     }
 }
 function SmartTableOrganism_ng_container_1_Template(rf, ctx) {
     if (rf & 1) {
         i0.ɵɵelementContainerStart(0, 5);
         i0.ɵɵtemplate(1, SmartTableOrganism_ng_container_1_molecules_checkbox_column_1_Template, 1, 1, "molecules-checkbox-column", 6);
-        i0.ɵɵtemplate(2, SmartTableOrganism_ng_container_1_molecules_actions_column_2_Template, 1, 2, "molecules-actions-column", 7);
+        i0.ɵɵtemplate(2, SmartTableOrganism_ng_container_1_molecules_actions_column_2_Template, 1, 1, "molecules-actions-column", 7);
         i0.ɵɵtemplate(3, SmartTableOrganism_ng_container_1_molecules_smart_column_3_Template, 2, 5, "molecules-smart-column", 8);
         i0.ɵɵelementContainerEnd();
     }
@@ -91,13 +91,12 @@ function SmartTableOrganism_div_4_Template(rf, ctx) {
 }
 class SmartTableOrganism {
     constructor() {
-        this.columns = [];
+        this._columns = [];
         this.items = [];
         this.itemActions = () => [];
-        this.patientsSize = 0;
         this.pageSize = 0;
-        this.menuItems = [];
         this.selectedIdSet = new Set();
+        this.sort = {};
         this.action = new EventEmitter();
         this.headerClick = new EventEmitter();
         this.checkboxClick = new EventEmitter();
@@ -105,12 +104,12 @@ class SmartTableOrganism {
         this.itemCheck = new EventEmitter();
         this.trackByColumnName = (columnName) => columnName;
     }
-    get displayedColumns() {
-        return [...this.columns];
+    get columns() {
+        return [...this._columns];
     }
 }
 SmartTableOrganism.ɵfac = function SmartTableOrganism_Factory(t) { return new (t || SmartTableOrganism)(); };
-SmartTableOrganism.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SmartTableOrganism, selectors: [["organisms-smart-table"]], hostAttrs: [1, "organism"], inputs: { columns: "columns", items: "items", itemActions: "itemActions", patientsSize: "patientsSize", pageSize: "pageSize", menuItems: "menuItems", selectedIdSet: "selectedIdSet", sortKey: "sortKey", sortOrder: "sortOrder" }, outputs: { action: "action", headerClick: "headerClick", checkboxClick: "checkboxClick", pageChange: "pageChange", itemCheck: "itemCheck" }, decls: 5, vars: 7, consts: [["mat-table", "", "matSort", "", "matSortDisableClear", "", "matSortDirection", "desc", 3, "dataSource"], [3, "ngSwitch", 4, "ngFor", "ngForOf", "ngForTrackBy"], ["mat-header-row", "", 4, "matHeaderRowDef", "matHeaderRowDefSticky"], ["mat-row", "", 4, "matRowDef", "matRowDefColumns"], ["class", "no-data-message", 4, "ngIf"], [3, "ngSwitch"], ["name", "__checkbox", 3, "selectedIdSet", "checkboxClick", 4, "ngSwitchCase"], ["name", "__actions", 3, "items", "itemActions", "action", 4, "ngSwitchCase"], [3, "name", "headerText", "sort", "headerClick", 4, "ngSwitchDefault"], ["name", "__checkbox", 3, "selectedIdSet", "checkboxClick"], ["name", "__actions", 3, "items", "itemActions", "action"], [3, "name", "headerText", "sort", "headerClick"], ["mat-header-row", ""], ["mat-row", ""], [1, "no-data-message"]], template: function SmartTableOrganism_Template(rf, ctx) {
+SmartTableOrganism.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SmartTableOrganism, selectors: [["organisms-smart-table"]], hostAttrs: [1, "organism"], inputs: { _columns: ["columns", "_columns"], items: "items", itemActions: "itemActions", pageSize: "pageSize", selectedIdSet: "selectedIdSet", sort: "sort" }, outputs: { action: "action", headerClick: "headerClick", checkboxClick: "checkboxClick", pageChange: "pageChange", itemCheck: "itemCheck" }, decls: 5, vars: 7, consts: [["mat-table", "", "matSort", "", "matSortDisableClear", "", "matSortDirection", "desc", 3, "dataSource"], [3, "ngSwitch", 4, "ngFor", "ngForOf", "ngForTrackBy"], ["mat-header-row", "", 4, "matHeaderRowDef", "matHeaderRowDefSticky"], ["mat-row", "", 4, "matRowDef", "matRowDefColumns"], ["class", "no-data-message", 4, "ngIf"], [3, "ngSwitch"], ["name", "__checkbox", 3, "selectedIdSet", "checkboxClick", 4, "ngSwitchCase"], ["name", "__actions", 3, "itemActions", "action", 4, "ngSwitchCase"], [3, "name", "headerText", "sort", "headerClick", 4, "ngSwitchDefault"], ["name", "__checkbox", 3, "selectedIdSet", "checkboxClick"], ["name", "__actions", 3, "itemActions", "action"], [3, "name", "headerText", "sort", "headerClick"], ["mat-header-row", ""], ["mat-row", ""], [1, "no-data-message"]], template: function SmartTableOrganism_Template(rf, ctx) {
         if (rf & 1) {
             i0.ɵɵelementStart(0, "table", 0);
             i0.ɵɵtemplate(1, SmartTableOrganism_ng_container_1_Template, 4, 3, "ng-container", 1);
@@ -122,36 +121,31 @@ SmartTableOrganism.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SmartTab
         if (rf & 2) {
             i0.ɵɵproperty("dataSource", ctx.items);
             i0.ɵɵadvance(1);
-            i0.ɵɵproperty("ngForOf", ctx.displayedColumns)("ngForTrackBy", ctx.trackByColumnName);
+            i0.ɵɵproperty("ngForOf", ctx.columns)("ngForTrackBy", ctx.trackByColumnName);
             i0.ɵɵadvance(1);
-            i0.ɵɵproperty("matHeaderRowDef", ctx.displayedColumns)("matHeaderRowDefSticky", true);
+            i0.ɵɵproperty("matHeaderRowDef", ctx.columns)("matHeaderRowDefSticky", true);
             i0.ɵɵadvance(1);
-            i0.ɵɵproperty("matRowDefColumns", ctx.displayedColumns);
+            i0.ɵɵproperty("matRowDefColumns", ctx.columns);
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("ngIf", !(ctx.items == null ? null : ctx.items.length));
         }
-    }, dependencies: [i1.NgForOf, i1.NgIf, i1.NgSwitch, i1.NgSwitchCase, i1.NgSwitchDefault, i2.MatTable, i2.MatHeaderRowDef, i2.MatRowDef, i2.MatHeaderRow, i2.MatRow, i3.ActionsColumnMolecule, i4.CheckboxColumnMolecule, i5.SmartColumnMolecule, i6.DomainPipe], styles: ["[_nghost-%COMP%]{--width: 100%;--width-SCOPED-IN-smart-table-7DvK: var(--width);--cell: 8px;--cell-SCOPED-IN-smart-table-7DvK: var(--cell);--column-vertical-padding: 4px;--column-vertical-padding-SCOPED-IN-smart-table-7DvK: var(--column-vertical-padding)}[_nghost-%COMP%]{position:relative;width:100%;height:100%;overflow:scroll}[_nghost-%COMP%]::-webkit-scrollbar{display:none}[_nghost-%COMP%]   table[_ngcontent-%COMP%]{width:100%;max-height:100%}[_nghost-%COMP%]   table[_ngcontent-%COMP%]   .nowrap[_ngcontent-%COMP%]{width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[_nghost-%COMP%]   table[_ngcontent-%COMP%]     th, [_nghost-%COMP%]   table[_ngcontent-%COMP%]     td{padding:0 var(--column-vertical-padding-SCOPED-IN-smart-table-7DvK)}[_nghost-%COMP%]   .no-data-message[_ngcontent-%COMP%]{display:flex;justify-content:flex-start;align-items:center;width:calc(var(--width-SCOPED-IN-smart-table-7DvK) - var(--cell-SCOPED-IN-smart-table-7DvK) * 4);height:3em;padding-left:calc(var(--cell-SCOPED-IN-smart-table-7DvK) * 2);padding-right:calc(var(--cell-SCOPED-IN-smart-table-7DvK) * 2)}"], changeDetection: 0 });
+    }, dependencies: [i1.NgForOf, i1.NgIf, i1.NgSwitch, i1.NgSwitchCase, i1.NgSwitchDefault, i2.MatTable, i2.MatHeaderRowDef, i2.MatRowDef, i2.MatHeaderRow, i2.MatRow, i3.ActionsColumnMolecule, i4.CheckboxColumnMolecule, i5.SmartColumnMolecule, i6.DomainPipe], styles: ["[_nghost-%COMP%]{--width: 100%;--width-SCOPED-IN-smart-table-Pc6U: var(--width);--cell: 8px;--cell-SCOPED-IN-smart-table-Pc6U: var(--cell);--column-vertical-padding: 4px;--column-vertical-padding-SCOPED-IN-smart-table-Pc6U: var(--column-vertical-padding)}[_nghost-%COMP%]{position:relative;width:100%;height:100%;overflow:scroll}[_nghost-%COMP%]::-webkit-scrollbar{display:none}[_nghost-%COMP%]   table[_ngcontent-%COMP%]{width:100%;max-height:100%}[_nghost-%COMP%]   table[_ngcontent-%COMP%]   .nowrap[_ngcontent-%COMP%]{width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[_nghost-%COMP%]   table[_ngcontent-%COMP%]     th, [_nghost-%COMP%]   table[_ngcontent-%COMP%]     td{padding:0 var(--column-vertical-padding-SCOPED-IN-smart-table-Pc6U)}[_nghost-%COMP%]   .no-data-message[_ngcontent-%COMP%]{display:flex;justify-content:flex-start;align-items:center;width:calc(var(--width-SCOPED-IN-smart-table-Pc6U) - var(--cell-SCOPED-IN-smart-table-Pc6U) * 4);height:3em;padding-left:calc(var(--cell-SCOPED-IN-smart-table-Pc6U) * 2);padding-right:calc(var(--cell-SCOPED-IN-smart-table-Pc6U) * 2)}"], changeDetection: 0 });
 (function () {
     (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SmartTableOrganism, [{
             type: Component,
-            args: [{ selector: 'organisms-smart-table', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'organism' }, template: "<table mat-table [dataSource]=\"items\" matSort matSortDisableClear matSortDirection=\"desc\">\n  <ng-container *ngFor=\"let name of displayedColumns; trackBy: trackByColumnName\" [ngSwitch]=\"name\">\n    <molecules-checkbox-column\n      *ngSwitchCase=\"'__checkbox'\"\n      name=\"__checkbox\"\n      [selectedIdSet]=\"selectedIdSet\"\n      (checkboxClick)=\"checkboxClick.emit($event)\"\n    ></molecules-checkbox-column>\n    <molecules-actions-column \n      *ngSwitchCase=\"'__actions'\" \n      name=\"__actions\" \n      [items]=\"menuItems\"\n      [itemActions]=\"itemActions\"\n      (action)=\"action.emit($event)\"\n    ></molecules-actions-column>\n    <molecules-smart-column\n      *ngSwitchDefault\n      [name]=\"name\"\n      [headerText]=\"name | D\"\n      [sort]=\"sortKey === name ? sortOrder : 'none'\"\n      (headerClick)=\"headerClick.emit(name)\"\n    ></molecules-smart-column>\n  </ng-container>\n\n  <tr mat-header-row *matHeaderRowDef=\"displayedColumns; sticky: true\"></tr>\n  <tr mat-row *matRowDef=\"let item; columns: displayedColumns;\"></tr>\n</table>\n<div *ngIf=\"!items?.length\" class=\"no-data-message\">\u30C7\u30FC\u30BF\u304C\u3042\u308A\u307E\u305B\u3093\u3002</div>", styles: [":host{--width: 100%;--width-SCOPED-IN-smart-table-7DvK: var(--width);--cell: 8px;--cell-SCOPED-IN-smart-table-7DvK: var(--cell);--column-vertical-padding: 4px;--column-vertical-padding-SCOPED-IN-smart-table-7DvK: var(--column-vertical-padding)}:host{position:relative;width:100%;height:100%;overflow:scroll}:host::-webkit-scrollbar{display:none}:host table{width:100%;max-height:100%}:host table .nowrap{width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host table ::ng-deep th,:host table ::ng-deep td{padding:0 var(--column-vertical-padding-SCOPED-IN-smart-table-7DvK)}:host .no-data-message{display:flex;justify-content:flex-start;align-items:center;width:calc(var(--width-SCOPED-IN-smart-table-7DvK) - var(--cell-SCOPED-IN-smart-table-7DvK) * 4);height:3em;padding-left:calc(var(--cell-SCOPED-IN-smart-table-7DvK) * 2);padding-right:calc(var(--cell-SCOPED-IN-smart-table-7DvK) * 2)}\n"] }]
-        }], null, { columns: [{
-                type: Input
+            args: [{ selector: 'organisms-smart-table', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'organism' }, template: "<table mat-table [dataSource]=\"items\" matSort matSortDisableClear matSortDirection=\"desc\">\n  <ng-container *ngFor=\"let name of columns; trackBy: trackByColumnName\" [ngSwitch]=\"name\">\n    <molecules-checkbox-column\n      *ngSwitchCase=\"'__checkbox'\"\n      name=\"__checkbox\"\n      [selectedIdSet]=\"selectedIdSet\"\n      (checkboxClick)=\"checkboxClick.emit($event)\"\n    ></molecules-checkbox-column>\n    <molecules-actions-column \n      *ngSwitchCase=\"'__actions'\" \n      name=\"__actions\"\n      [itemActions]=\"itemActions\"\n      (action)=\"action.emit($event)\"\n    ></molecules-actions-column>\n    <molecules-smart-column\n      *ngSwitchDefault\n      [name]=\"name\"\n      [headerText]=\"name | D\"\n      [sort]=\"sort?.key === name ? sort?.order : 'none'\"\n      (headerClick)=\"headerClick.emit(name)\"\n    ></molecules-smart-column>\n  </ng-container>\n  <tr mat-header-row *matHeaderRowDef=\"columns; sticky: true\"></tr>\n  <tr mat-row *matRowDef=\"let item; columns: columns;\"></tr>\n</table>\n<div *ngIf=\"!items?.length\" class=\"no-data-message\">\u30C7\u30FC\u30BF\u304C\u3042\u308A\u307E\u305B\u3093\u3002</div>", styles: [":host{--width: 100%;--width-SCOPED-IN-smart-table-Pc6U: var(--width);--cell: 8px;--cell-SCOPED-IN-smart-table-Pc6U: var(--cell);--column-vertical-padding: 4px;--column-vertical-padding-SCOPED-IN-smart-table-Pc6U: var(--column-vertical-padding)}:host{position:relative;width:100%;height:100%;overflow:scroll}:host::-webkit-scrollbar{display:none}:host table{width:100%;max-height:100%}:host table .nowrap{width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host table ::ng-deep th,:host table ::ng-deep td{padding:0 var(--column-vertical-padding-SCOPED-IN-smart-table-Pc6U)}:host .no-data-message{display:flex;justify-content:flex-start;align-items:center;width:calc(var(--width-SCOPED-IN-smart-table-Pc6U) - var(--cell-SCOPED-IN-smart-table-Pc6U) * 4);height:3em;padding-left:calc(var(--cell-SCOPED-IN-smart-table-Pc6U) * 2);padding-right:calc(var(--cell-SCOPED-IN-smart-table-Pc6U) * 2)}\n"] }]
+        }], null, { _columns: [{
+                type: Input,
+                args: ['columns']
             }], items: [{
                 type: Input
             }], itemActions: [{
                 type: Input
-            }], patientsSize: [{
-                type: Input
             }], pageSize: [{
                 type: Input
-            }], menuItems: [{
-                type: Input
             }], selectedIdSet: [{
                 type: Input
-            }], sortKey: [{
-                type: Input
-            }], sortOrder: [{
+            }], sort: [{
                 type: Input
             }], action: [{
                 type: Output

package/fesm2015/ng-atomic-components-organisms-smart-table.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ng-atomic-components-organisms-smart-table.mjs","sources":["../../../../libs/components/src/organisms/smart-table/smart-table.organism.html","../../../../libs/components/src/organisms/smart-table/smart-table.organism.ts","../../../../libs/components/src/organisms/smart-table/smart-table.module.ts","../../../../libs/components/src/organisms/smart-table/ng-atomic-components-organisms-smart-table.ts"],"sourcesContent":["<table mat-table [dataSource]=\"items\" matSort matSortDisableClear matSortDirection=\"desc\">\n <ng-container ngFor=\"let name of displayedColumns; trackBy: trackByColumnName\" [ngSwitch]=\"name\">\n <molecules-checkbox-column\n ngSwitchCase=\"'__checkbox'\"\n name=\"__checkbox\"\n [selectedIdSet]=\"selectedIdSet\"\n (checkboxClick)=\"checkboxClick.emit($event)\"\n ></molecules-checkbox-column>\n <molecules-actions-column \n ngSwitchCase=\"'__actions'\" \n name=\"__actions\" \n [items]=\"menuItems\"\n [itemActions]=\"itemActions\"\n (action)=\"action.emit($event)\"\n ></molecules-actions-column>\n <molecules-smart-column\n ngSwitchDefault\n [name]=\"name\"\n [headerText]=\"name \| D\"\n [sort]=\"sortKey === name ? sortOrder : 'none'\"\n (headerClick)=\"headerClick.emit(name)\"\n ></molecules-smart-column>\n </ng-container>\n\n <tr mat-header-row matHeaderRowDef=\"displayedColumns; sticky: true\"></tr>\n <tr mat-row matRowDef=\"let item; columns: displayedColumns;\"></tr>\n</table>\n<div ngIf=\"!items?.length\" class=\"no-data-message\">データがありません。</div>","import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { Action, ActionItem } from '@ng-atomic/common/models';\n\n\n@Component({\n selector: 'organisms-smart-table',\n templateUrl: './smart-table.organism.html',\n styleUrls: ['./smart-table.organism.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {class: 'organism'}\n})\nexport class SmartTableOrganism<Item extends object> {\n\n @Input()\n columns: (keyof Item)[] = [];\n\n get displayedColumns(): (keyof Item \| string)[] {\n return [...this.columns];\n }\n\n @Input()\n items: Item[] = [];\n\n @Input()\n itemActions: (item: Item) => ActionItem[] = () => [];\n\n @Input()\n patientsSize: number = 0;\n\n @Input()\n pageSize: number = 0;\n\n @Input()\n menuItems: ActionItem[] = [];\n\n @Input()\n selectedIdSet = new Set<string>();\n\n @Input()\n sortKey?: string;\n\n @Input()\n sortOrder?: 'asc' \| 'desc';\n\n @Output()\n action = new EventEmitter<Action>();\n\n @Output()\n headerClick = new EventEmitter<string>();\n \n @Output()\n checkboxClick = new EventEmitter<[Item, boolean]>();\n\n @Output()\n pageChange = new EventEmitter();\n\n @Output()\n itemCheck = new EventEmitter<[Item, boolean]>();\n \n trackByColumnName = (columnName: string) => columnName;\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatTableModule } from '@angular/material/table';\nimport { MatCheckboxModule } from '@angular/material/checkbox';\nimport { MatMenuModule } from '@angular/material/menu';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { DomainModule } from '@ng-atomic/common/pipes/domain';\nimport { ActionsColumnModule } from '@ng-atomic/components/molecules/actions-column';\nimport { CheckboxColumnModule } from '@ng-atomic/components/molecules/checkbox-column';\nimport { SmartColumnModule } from '@ng-atomic/components/molecules/smart-column';\n\nimport { SmartTableOrganism } from './smart-table.organism';\n\n@NgModule({\n declarations: [\n SmartTableOrganism,\n ],\n imports: [\n CommonModule,\n // Pipes\n DomainModule,\n // Material\n MatTableModule,\n MatCheckboxModule,\n MatMenuModule,\n MatButtonModule,\n MatIconModule,\n // Molecules\n ActionsColumnModule,\n CheckboxColumnModule,\n SmartColumnModule,\n ],\n exports: [\n SmartTableOrganism\n ]\n})\nexport class SmartTableModule { }\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"ng-atomic-components-organisms-smart-table.mjs","sources":["../../../../libs/components/src/organisms/smart-table/smart-table.organism.html","../../../../libs/components/src/organisms/smart-table/smart-table.organism.ts","../../../../libs/components/src/organisms/smart-table/smart-table.module.ts","../../../../libs/components/src/organisms/smart-table/ng-atomic-components-organisms-smart-table.ts"],"sourcesContent":["<table mat-table [dataSource]=\"items\" matSort matSortDisableClear matSortDirection=\"desc\">\n <ng-container ngFor=\"let name of columns; trackBy: trackByColumnName\" [ngSwitch]=\"name\">\n <molecules-checkbox-column\n ngSwitchCase=\"'__checkbox'\"\n name=\"__checkbox\"\n [selectedIdSet]=\"selectedIdSet\"\n (checkboxClick)=\"checkboxClick.emit($event)\"\n ></molecules-checkbox-column>\n <molecules-actions-column \n ngSwitchCase=\"'__actions'\" \n name=\"__actions\"\n [itemActions]=\"itemActions\"\n (action)=\"action.emit($event)\"\n ></molecules-actions-column>\n <molecules-smart-column\n ngSwitchDefault\n [name]=\"name\"\n [headerText]=\"name \| D\"\n [sort]=\"sort?.key === name ? sort?.order : 'none'\"\n (headerClick)=\"headerClick.emit(name)\"\n ></molecules-smart-column>\n </ng-container>\n <tr mat-header-row matHeaderRowDef=\"columns; sticky: true\"></tr>\n <tr mat-row matRowDef=\"let item; columns: columns;\"></tr>\n</table>\n<div ngIf=\"!items?.length\" class=\"no-data-message\">データがありません。</div>","import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { Actions, Action } from '@ng-atomic/common/models';\n\ninterface Sort {\n key?: string;\n order?: 'desc' \| 'asc';\n}\n\n@Component({\n selector: 'organisms-smart-table',\n templateUrl: './smart-table.organism.html',\n styleUrls: ['./smart-table.organism.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {class: 'organism'}\n})\nexport class SmartTableOrganism<Item extends object> {\n\n @Input('columns')\n _columns: (keyof Item)[] = [];\n\n get columns(): (keyof Item \| string)[] {\n return [...this._columns];\n }\n\n @Input()\n items: Item[] = [];\n\n @Input()\n itemActions: Actions = () => [];\n\n @Input()\n pageSize: number = 0;\n\n @Input()\n selectedIdSet = new Set<string>();\n\n @Input()\n sort: Sort = {};\n\n @Output()\n action = new EventEmitter<Action>();\n\n @Output()\n headerClick = new EventEmitter<string>();\n \n @Output()\n checkboxClick = new EventEmitter<[Item, boolean]>();\n\n @Output()\n pageChange = new EventEmitter();\n\n @Output()\n itemCheck = new EventEmitter<[Item, boolean]>();\n \n protected trackByColumnName = (columnName: string) => columnName;\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatTableModule } from '@angular/material/table';\nimport { MatCheckboxModule } from '@angular/material/checkbox';\nimport { MatMenuModule } from '@angular/material/menu';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { DomainModule } from '@ng-atomic/common/pipes/domain';\nimport { ActionsColumnModule } from '@ng-atomic/components/molecules/actions-column';\nimport { CheckboxColumnModule } from '@ng-atomic/components/molecules/checkbox-column';\nimport { SmartColumnModule } from '@ng-atomic/components/molecules/smart-column';\n\nimport { SmartTableOrganism } from './smart-table.organism';\n\n@NgModule({\n declarations: [\n SmartTableOrganism,\n ],\n imports: [\n CommonModule,\n // Pipes\n DomainModule,\n // Material\n MatTableModule,\n MatCheckboxModule,\n MatMenuModule,\n MatButtonModule,\n MatIconModule,\n // Molecules\n ActionsColumnModule,\n CheckboxColumnModule,\n SmartColumnModule,\n ],\n exports: [\n SmartTableOrganism\n ]\n})\nexport class SmartTableModule { }\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}

package/fesm2015/ng-atomic-components-organisms-social-login-section.mjs CHANGED Viewed

@@ -17,11 +17,11 @@ SocialLoginSectionOrganism.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type:
             i0.ɵɵtext(1, "Google\u30A2\u30AB\u30A6\u30F3\u30C8\u3067\u30ED\u30B0\u30A4\u30F3");
             i0.ɵɵelementEnd();
         }
-    }, dependencies: [i1.MatButton], styles: ["[_nghost-%COMP%]{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-heading-U116: var(--horizontal-padding)}[_nghost-%COMP%]{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-heading-U116);box-sizing:border-box}[_nghost-%COMP%]   button[_ngcontent-%COMP%]{width:100%;height:56px}"], changeDetection: 0 });
+    }, dependencies: [i1.MatButton], styles: ["[_nghost-%COMP%]{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-heading-57wP: var(--horizontal-padding)}[_nghost-%COMP%]{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-heading-57wP);box-sizing:border-box}[_nghost-%COMP%]   button[_ngcontent-%COMP%]{width:100%;height:56px}"], changeDetection: 0 });
 (function () {
     (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SocialLoginSectionOrganism, [{
             type: Component,
-            args: [{ selector: 'organisms-social-login-section', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button \n  mat-raised-button \n  color=\"primary\" \n  (click)=\"signInWithGoogleButtonClick.emit()\"\n>Google\u30A2\u30AB\u30A6\u30F3\u30C8\u3067\u30ED\u30B0\u30A4\u30F3</button>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-heading-U116: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-heading-U116);box-sizing:border-box}:host button{width:100%;height:56px}\n"] }]
+            args: [{ selector: 'organisms-social-login-section', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button \n  mat-raised-button \n  color=\"primary\" \n  (click)=\"signInWithGoogleButtonClick.emit()\"\n>Google\u30A2\u30AB\u30A6\u30F3\u30C8\u3067\u30ED\u30B0\u30A4\u30F3</button>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-heading-57wP: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-heading-57wP);box-sizing:border-box}:host button{width:100%;height:56px}\n"] }]
         }], null, { signInWithGoogleButtonClick: [{
                 type: Output
             }] });

package/fesm2015/ng-atomic-components-organisms-text-input-section.mjs CHANGED Viewed

@@ -21,11 +21,11 @@ TextInputSectionOrganism.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Te
         if (rf & 2) {
             i0.ɵɵproperty("type", ctx.type)("control", ctx.control)("label", ctx.label)("placeholder", ctx.placeholder);
         }
-    }, dependencies: [i1.TextInputFieldMolecule], styles: ["[_nghost-%COMP%]{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-PdfY: var(--horizontal-padding)}[_nghost-%COMP%]{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-PdfY);box-sizing:border-box}[_nghost-%COMP%]   .molecule.input-field[_ngcontent-%COMP%], [_nghost-%COMP%]   mat-form-field[_ngcontent-%COMP%]{width:100%}"] });
+    }, dependencies: [i1.TextInputFieldMolecule], styles: ["[_nghost-%COMP%]{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-0AGU: var(--horizontal-padding)}[_nghost-%COMP%]{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-0AGU);box-sizing:border-box}[_nghost-%COMP%]   .molecule.input-field[_ngcontent-%COMP%], [_nghost-%COMP%]   mat-form-field[_ngcontent-%COMP%]{width:100%}"] });
 (function () {
     (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TextInputSectionOrganism, [{
             type: Component,
-            args: [{ selector: 'organisms-text-input-section', template: "<molecules-text-input-field\n  [type]=\"type\"\n  [control]=\"control\"\n  [label]=\"label\"\n  [placeholder]=\"placeholder\"\n></molecules-text-input-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-PdfY: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-PdfY);box-sizing:border-box}:host .molecule.input-field,:host mat-form-field{width:100%}\n"] }]
+            args: [{ selector: 'organisms-text-input-section', template: "<molecules-text-input-field\n  [type]=\"type\"\n  [control]=\"control\"\n  [label]=\"label\"\n  [placeholder]=\"placeholder\"\n></molecules-text-input-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-0AGU: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-0AGU);box-sizing:border-box}:host .molecule.input-field,:host mat-form-field{width:100%}\n"] }]
         }], null, { label: [{
                 type: Input
             }], placeholder: [{

package/fesm2015/ng-atomic-components-organisms-textarea-section.mjs CHANGED Viewed

@@ -17,11 +17,11 @@ TextareaSectionOrganism.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Tex
         if (rf & 2) {
             i0.ɵɵproperty("label", ctx.label);
         }
-    }, dependencies: [i1.TextareaFieldMolecule], styles: ["[_nghost-%COMP%]{--vertical-padding: 16px;--vertical-padding-SCOPED-IN-textarea-section-dXm7: var(--vertical-padding)}[_nghost-%COMP%]{display:block;padding:0 var(--vertical-padding-SCOPED-IN-textarea-section-dXm7);box-sizing:border-box}[_nghost-%COMP%]   molecules-textarea-field[_ngcontent-%COMP%]{width:100%}"], changeDetection: 0 });
+    }, dependencies: [i1.TextareaFieldMolecule], styles: ["[_nghost-%COMP%]{--vertical-padding: 16px;--vertical-padding-SCOPED-IN-textarea-section-zARL: var(--vertical-padding)}[_nghost-%COMP%]{display:block;padding:0 var(--vertical-padding-SCOPED-IN-textarea-section-zARL);box-sizing:border-box}[_nghost-%COMP%]   molecules-textarea-field[_ngcontent-%COMP%]{width:100%}"], changeDetection: 0 });
 (function () {
     (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TextareaSectionOrganism, [{
             type: Component,
-            args: [{ selector: 'organisms-textarea-section', changeDetection: ChangeDetectionStrategy.OnPush, template: "<molecules-textarea-field\n  [label]=\"label\"\n></molecules-textarea-field>", styles: [":host{--vertical-padding: 16px;--vertical-padding-SCOPED-IN-textarea-section-dXm7: var(--vertical-padding)}:host{display:block;padding:0 var(--vertical-padding-SCOPED-IN-textarea-section-dXm7);box-sizing:border-box}:host molecules-textarea-field{width:100%}\n"] }]
+            args: [{ selector: 'organisms-textarea-section', changeDetection: ChangeDetectionStrategy.OnPush, template: "<molecules-textarea-field\n  [label]=\"label\"\n></molecules-textarea-field>", styles: [":host{--vertical-padding: 16px;--vertical-padding-SCOPED-IN-textarea-section-zARL: var(--vertical-padding)}:host{display:block;padding:0 var(--vertical-padding-SCOPED-IN-textarea-section-zARL);box-sizing:border-box}:host molecules-textarea-field{width:100%}\n"] }]
         }], null, { label: [{
                 type: Input
             }] });

package/fesm2015/ng-atomic-components-organisms-top-navigator.mjs CHANGED Viewed

@@ -30,11 +30,11 @@ TopNavigatorOrganism.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TopNav
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("items", ctx.items);
         }
-    }, dependencies: [i1.MatToolbar, i2.SmartMenuButtonAtom], styles: ["[_nghost-%COMP%]{--primary-500-SCOPED-IN-top-navigator-guf4: var(--primary-500)}[_nghost-%COMP%]{width:100%;height:56px}[_nghost-%COMP%]   mat-toolbar[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:0 24px}[_nghost-%COMP%]   mat-toolbar[_ngcontent-%COMP%]   .title-container[_ngcontent-%COMP%]{color:var(--primary-500-SCOPED-IN-top-navigator-guf4);font-size:1.25rem;line-height:21px}[_nghost-%COMP%]   mat-toolbar[_ngcontent-%COMP%]   .title-container[_ngcontent-%COMP%]   atoms-kurakatsu-logo[_ngcontent-%COMP%]{width:auto}[_nghost-%COMP%]   mat-toolbar[_ngcontent-%COMP%]   atoms-user-icon[_ngcontent-%COMP%]{width:32px;height:32px}"], changeDetection: 0 });
+    }, dependencies: [i1.MatToolbar, i2.SmartMenuButtonAtom], styles: ["[_nghost-%COMP%]{--primary-500-SCOPED-IN-top-navigator-WTa9: var(--primary-500)}[_nghost-%COMP%]{width:100%;height:56px}[_nghost-%COMP%]   mat-toolbar[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:0 24px}[_nghost-%COMP%]   mat-toolbar[_ngcontent-%COMP%]   .title-container[_ngcontent-%COMP%]{color:var(--primary-500-SCOPED-IN-top-navigator-WTa9);font-size:1.25rem;line-height:21px}[_nghost-%COMP%]   mat-toolbar[_ngcontent-%COMP%]   .title-container[_ngcontent-%COMP%]   atoms-kurakatsu-logo[_ngcontent-%COMP%]{width:auto}[_nghost-%COMP%]   mat-toolbar[_ngcontent-%COMP%]   atoms-user-icon[_ngcontent-%COMP%]{width:32px;height:32px}"], changeDetection: 0 });
 (function () {
     (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TopNavigatorOrganism, [{
             type: Component,
-            args: [{ selector: 'organisms-top-navigator', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-toolbar color=\"primary\">\n  <div class=\"title-container\">\n    {{ title || '' }}\n  </div>\n  <div>\n    <atoms-smart-menu-button\n      [items]=\"items\"\n      (action)=\"action.emit($event)\"\n    ></atoms-smart-menu-button>\n  </div>\n</mat-toolbar>\n", styles: [":host{--primary-500-SCOPED-IN-top-navigator-guf4: var(--primary-500)}:host{width:100%;height:56px}:host mat-toolbar{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:0 24px}:host mat-toolbar .title-container{color:var(--primary-500-SCOPED-IN-top-navigator-guf4);font-size:1.25rem;line-height:21px}:host mat-toolbar .title-container atoms-kurakatsu-logo{width:auto}:host mat-toolbar atoms-user-icon{width:32px;height:32px}\n"] }]
+            args: [{ selector: 'organisms-top-navigator', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-toolbar color=\"primary\">\n  <div class=\"title-container\">\n    {{ title || '' }}\n  </div>\n  <div>\n    <atoms-smart-menu-button\n      [items]=\"items\"\n      (action)=\"action.emit($event)\"\n    ></atoms-smart-menu-button>\n  </div>\n</mat-toolbar>\n", styles: [":host{--primary-500-SCOPED-IN-top-navigator-WTa9: var(--primary-500)}:host{width:100%;height:56px}:host mat-toolbar{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:0 24px}:host mat-toolbar .title-container{color:var(--primary-500-SCOPED-IN-top-navigator-WTa9);font-size:1.25rem;line-height:21px}:host mat-toolbar .title-container atoms-kurakatsu-logo{width:auto}:host mat-toolbar atoms-user-icon{width:32px;height:32px}\n"] }]
         }], null, { title: [{
                 type: Input
             }], items: [{

package/fesm2015/ng-atomic-components-templates-entrance.mjs CHANGED Viewed

@@ -89,11 +89,11 @@ EntranceTemplate.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: EntranceTe
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("actions", ctx.actions);
         }
-    }, dependencies: [i1.NgIf, i2.AutoLayoutFrame, i3.CardFrame, i4.ActionButtonsSectionOrganism, i5.HeadingOrganism, i6.TextInputSectionOrganism], styles: ["[_nghost-%COMP%]{--horizontal-padding: 64px;--horizontal-padding-SCOPED-IN-entrance-xxO8: var(--horizontal-padding);--background-color: #eee;--background-color-SCOPED-IN-entrance-xxO8: var(--background-color)}[_nghost-%COMP%]{display:flex;justify-content:center;align-items:center;background-color:var(--background-color-SCOPED-IN-entrance-xxO8);width:100%;height:100%}[_nghost-%COMP%]   frames-card[_ngcontent-%COMP%]{display:flex;flex-direction:column;width:600px;max-width:calc(100% - 32px);height:-moz-fit-content;height:fit-content}[_nghost-%COMP%]   frames-card[_ngcontent-%COMP%]   *[_ngcontent-%COMP%]{max-width:calc(100% - 32px);--horizontal-padding: var(--horizontal-padding-SCOPED-IN-entrance-xxO8)}"], changeDetection: 0 });
+    }, dependencies: [i1.NgIf, i2.AutoLayoutFrame, i3.CardFrame, i4.ActionButtonsSectionOrganism, i5.HeadingOrganism, i6.TextInputSectionOrganism], styles: ["[_nghost-%COMP%]{--horizontal-padding: 64px;--horizontal-padding-SCOPED-IN-entrance-E6c8: var(--horizontal-padding);--background-color: #eee;--background-color-SCOPED-IN-entrance-E6c8: var(--background-color)}[_nghost-%COMP%]{display:flex;justify-content:center;align-items:center;background-color:var(--background-color-SCOPED-IN-entrance-E6c8);width:100%;height:100%}[_nghost-%COMP%]   frames-card[_ngcontent-%COMP%]{display:flex;flex-direction:column;width:600px;max-width:calc(100% - 32px);height:-moz-fit-content;height:fit-content}[_nghost-%COMP%]   frames-card[_ngcontent-%COMP%]   *[_ngcontent-%COMP%]{max-width:calc(100% - 32px);--horizontal-padding: var(--horizontal-padding-SCOPED-IN-entrance-E6c8)}"], changeDetection: 0 });
 (function () {
     (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EntranceTemplate, [{
             type: Component,
-            args: [{ selector: 'templates-entrance', host: { class: 'template' }, changeDetection: ChangeDetectionStrategy.OnPush, template: "<frames-card>\n  <frames-auto-layout vertical>\n    <organisms-heading>\u30ED\u30B0\u30A4\u30F3</organisms-heading>\n    <organisms-text-input-section\n      *ngIf=\"isEmailSectionShown\"\n      label=\"\u30E1\u30FC\u30EB\u30A2\u30C9\u30EC\u30B9\"\n      [control]=\"form.get('email')\"\n    ></organisms-text-input-section>\n    <organisms-text-input-section\n      *ngIf=\"isPasswordSectionShown\"\n      label=\"\u30D1\u30B9\u30EF\u30FC\u30C9\"\n      [control]=\"form.get('password')\"\n    ></organisms-text-input-section>\n    <organisms-action-buttons-section\n      [actions]=\"actions\"\n      (action)=\"action.emit($event)\"\n    ></organisms-action-buttons-section>\n  </frames-auto-layout>\n</frames-card>\n", styles: [":host{--horizontal-padding: 64px;--horizontal-padding-SCOPED-IN-entrance-xxO8: var(--horizontal-padding);--background-color: #eee;--background-color-SCOPED-IN-entrance-xxO8: var(--background-color)}:host{display:flex;justify-content:center;align-items:center;background-color:var(--background-color-SCOPED-IN-entrance-xxO8);width:100%;height:100%}:host frames-card{display:flex;flex-direction:column;width:600px;max-width:calc(100% - 32px);height:-moz-fit-content;height:fit-content}:host frames-card *{max-width:calc(100% - 32px);--horizontal-padding: var(--horizontal-padding-SCOPED-IN-entrance-xxO8)}\n"] }]
+            args: [{ selector: 'templates-entrance', host: { class: 'template' }, changeDetection: ChangeDetectionStrategy.OnPush, template: "<frames-card>\n  <frames-auto-layout vertical>\n    <organisms-heading>\u30ED\u30B0\u30A4\u30F3</organisms-heading>\n    <organisms-text-input-section\n      *ngIf=\"isEmailSectionShown\"\n      label=\"\u30E1\u30FC\u30EB\u30A2\u30C9\u30EC\u30B9\"\n      [control]=\"form.get('email')\"\n    ></organisms-text-input-section>\n    <organisms-text-input-section\n      *ngIf=\"isPasswordSectionShown\"\n      label=\"\u30D1\u30B9\u30EF\u30FC\u30C9\"\n      [control]=\"form.get('password')\"\n    ></organisms-text-input-section>\n    <organisms-action-buttons-section\n      [actions]=\"actions\"\n      (action)=\"action.emit($event)\"\n    ></organisms-action-buttons-section>\n  </frames-auto-layout>\n</frames-card>\n", styles: [":host{--horizontal-padding: 64px;--horizontal-padding-SCOPED-IN-entrance-E6c8: var(--horizontal-padding);--background-color: #eee;--background-color-SCOPED-IN-entrance-E6c8: var(--background-color)}:host{display:flex;justify-content:center;align-items:center;background-color:var(--background-color-SCOPED-IN-entrance-E6c8);width:100%;height:100%}:host frames-card{display:flex;flex-direction:column;width:600px;max-width:calc(100% - 32px);height:-moz-fit-content;height:fit-content}:host frames-card *{max-width:calc(100% - 32px);--horizontal-padding: var(--horizontal-padding-SCOPED-IN-entrance-E6c8)}\n"] }]
         }], null, { form: [{
                 type: Input
             }], isEmailSectionShown: [{

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

@@ -29,11 +29,11 @@ MenuTemplate.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MenuTemplate,
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("items", ctx.items);
         }
-    }, dependencies: [i1.NavigationListOrganism], styles: ["[_nghost-%COMP%]{--primary-color: #3f51b5;--primary-color-SCOPED-IN-menu-w232: var(--primary-color);--secondary-color: #3f51b5;--secondary-color-SCOPED-IN-menu-w232: var(--secondary-color);--width: 100%;--width-SCOPED-IN-menu-w232: var(--width);--height: 100%;--height-SCOPED-IN-menu-w232: var(--height)}[_nghost-%COMP%]{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-w232);height:var(--height-SCOPED-IN-menu-w232);color:#fff;background-color:var(--primary-color-SCOPED-IN-menu-w232)}[_nghost-%COMP%]   organisms-navigation-list[_ngcontent-%COMP%]{transition:width .5s;--primary-color: var(--primary-color-SCOPED-IN-menu-w232);--secondary-color: var(--secondary-color-SCOPED-IN-menu-w232)}"], changeDetection: 0 });
+    }, dependencies: [i1.NavigationListOrganism], styles: ["[_nghost-%COMP%]{--primary-color: #3f51b5;--primary-color-SCOPED-IN-menu-NZXY: var(--primary-color);--secondary-color: #3f51b5;--secondary-color-SCOPED-IN-menu-NZXY: var(--secondary-color);--width: 100%;--width-SCOPED-IN-menu-NZXY: var(--width);--height: 100%;--height-SCOPED-IN-menu-NZXY: var(--height)}[_nghost-%COMP%]{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-NZXY);height:var(--height-SCOPED-IN-menu-NZXY);color:#fff;background-color:var(--primary-color-SCOPED-IN-menu-NZXY)}[_nghost-%COMP%]   organisms-navigation-list[_ngcontent-%COMP%]{transition:width .5s;--primary-color: var(--primary-color-SCOPED-IN-menu-NZXY);--secondary-color: var(--secondary-color-SCOPED-IN-menu-NZXY)}"], changeDetection: 0 });
 (function () {
     (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MenuTemplate, [{
             type: Component,
-            args: [{ selector: 'templates-menu', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"top\">\n  <ng-content select=[header]></ng-content>\n  <organisms-navigation-list\n    [items]=\"items\"\n    (action)=\"action.emit($event)\"\n  ></organisms-navigation-list>\n</div>\n<div class=\"bottom\">\n  <ng-content select=[footer]></ng-content>\n</div>", styles: [":host{--primary-color: #3f51b5;--primary-color-SCOPED-IN-menu-w232: var(--primary-color);--secondary-color: #3f51b5;--secondary-color-SCOPED-IN-menu-w232: var(--secondary-color);--width: 100%;--width-SCOPED-IN-menu-w232: var(--width);--height: 100%;--height-SCOPED-IN-menu-w232: var(--height)}:host{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-w232);height:var(--height-SCOPED-IN-menu-w232);color:#fff;background-color:var(--primary-color-SCOPED-IN-menu-w232)}:host organisms-navigation-list{transition:width .5s;--primary-color: var(--primary-color-SCOPED-IN-menu-w232);--secondary-color: var(--secondary-color-SCOPED-IN-menu-w232)}\n"] }]
+            args: [{ selector: 'templates-menu', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"top\">\n  <ng-content select=[header]></ng-content>\n  <organisms-navigation-list\n    [items]=\"items\"\n    (action)=\"action.emit($event)\"\n  ></organisms-navigation-list>\n</div>\n<div class=\"bottom\">\n  <ng-content select=[footer]></ng-content>\n</div>", styles: [":host{--primary-color: #3f51b5;--primary-color-SCOPED-IN-menu-NZXY: var(--primary-color);--secondary-color: #3f51b5;--secondary-color-SCOPED-IN-menu-NZXY: var(--secondary-color);--width: 100%;--width-SCOPED-IN-menu-NZXY: var(--width);--height: 100%;--height-SCOPED-IN-menu-NZXY: var(--height)}:host{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-NZXY);height:var(--height-SCOPED-IN-menu-NZXY);color:#fff;background-color:var(--primary-color-SCOPED-IN-menu-NZXY)}:host organisms-navigation-list{transition:width .5s;--primary-color: var(--primary-color-SCOPED-IN-menu-NZXY);--secondary-color: var(--secondary-color-SCOPED-IN-menu-NZXY)}\n"] }]
         }], null, { items: [{
                 type: Input
             }], action: [{

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

@@ -88,7 +88,6 @@ function SmartCrudTemplate_ng_container_4_Template(rf, ctx) {
         i0.ɵɵproperty("ngSwitchCase", "number");
     }
 }
-const _c0 = function () { return []; };
 var ActionId;
 (function (ActionId) {
     ActionId["BACK"] = "[@ng-atomic/components/templates/smart-crud] Back";
@@ -98,52 +97,33 @@ var ActionId;
 })(ActionId || (ActionId = {}));
 class SmartCrudTemplate {
     constructor() {
-        this.canBack = false;
-        this.name = '';
-        this.mode = 'create';
-        this.navigatorMenuItems = [{ id: ActionId.DELETE, name: '削除' }];
-        this.title = 'title';
+        this.title = '';
+        this.navStartActions = [{ id: ActionId.BACK, icon: 'arrow_back' }];
+        this.navEndActions = [{ id: ActionId.DELETE, name: '削除' }];
+        this.actions = [{ id: ActionId.CREATE, name: '作成' }];
         this.action = new EventEmitter();
-        this.backButtonClick = new EventEmitter();
-        this.createButtonClick = new EventEmitter();
-        this.updateButtonClick = new EventEmitter();
-        this.navigatorLeftItems = [{ id: ActionId.BACK, icon: 'arrow_back' }];
         this.trackByIndex = (index) => index;
     }
-    get actions() {
-        switch (this.mode) {
-            case 'create': return [{ id: ActionId.CREATE, name: '作成', disabled: this.form.invalid }];
-            case 'update': return [{ id: ActionId.UPDATE, name: '更新', disabled: this.form.invalid }];
-        }
-    }
     get controls() {
         return Object.entries(this.form.controls);
     }
-    onAction(action) {
-        switch (action.id) {
-            case ActionId.BACK: return this.backButtonClick.emit();
-            case ActionId.CREATE: return this.createButtonClick.emit();
-            case ActionId.UPDATE: return this.updateButtonClick.emit();
-            default: return this.action.emit(action);
-        }
-    }
 }
 SmartCrudTemplate.ɵfac = function SmartCrudTemplate_Factory(t) { return new (t || SmartCrudTemplate)(); };
-SmartCrudTemplate.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SmartCrudTemplate, selectors: [["templates-smart-crud"]], hostAttrs: [1, "template"], inputs: { canBack: "canBack", name: "name", form: "form", mode: "mode", navigatorMenuItems: "navigatorMenuItems", title: "title" }, outputs: { action: "action", backButtonClick: "backButtonClick", createButtonClick: "createButtonClick", updateButtonClick: "updateButtonClick" }, decls: 6, vars: 7, consts: [["navigator", "", 3, "leftItems", "rightItems", "action"], [3, "title"], ["vertical", "", "contents", ""], [3, "ngSwitch", 4, "ngFor", "ngForOf", "ngForTrackBy"], [3, "actions", "action"], [3, "ngSwitch"], [3, "label", "control", "options", 4, "ngSwitchCase"], [3, "label", "control", 4, "ngSwitchCase"], [3, "type", "label", "control", 4, "ngSwitchCase"], [3, "label", "control", 4, "ngSwitchDefault"], [3, "label", "control", "options"], [3, "label", "control"], [3, "type", "label", "control"]], template: function SmartCrudTemplate_Template(rf, ctx) {
+SmartCrudTemplate.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SmartCrudTemplate, selectors: [["templates-smart-crud"]], hostAttrs: [1, "template"], inputs: { title: "title", form: "form", navStartActions: "navStartActions", navEndActions: "navEndActions", actions: "actions" }, outputs: { action: "action" }, decls: 6, vars: 6, consts: [["navigator", "", 3, "startActions", "endActions", "action"], [3, "title"], ["vertical", "", "contents", ""], [3, "ngSwitch", 4, "ngFor", "ngForOf", "ngForTrackBy"], [3, "actions", "action"], [3, "ngSwitch"], [3, "label", "control", "options", 4, "ngSwitchCase"], [3, "label", "control", 4, "ngSwitchCase"], [3, "type", "label", "control", 4, "ngSwitchCase"], [3, "label", "control", 4, "ngSwitchDefault"], [3, "label", "control", "options"], [3, "label", "control"], [3, "type", "label", "control"]], template: function SmartCrudTemplate_Template(rf, ctx) {
         if (rf & 1) {
             i0.ɵɵelementStart(0, "frames-scroll")(1, "organisms-navigator", 0);
-            i0.ɵɵlistener("action", function SmartCrudTemplate_Template_organisms_navigator_action_1_listener($event) { return ctx.onAction($event); });
+            i0.ɵɵlistener("action", function SmartCrudTemplate_Template_organisms_navigator_action_1_listener($event) { return ctx.action.emit($event); });
             i0.ɵɵelement(2, "molecules-header", 1);
             i0.ɵɵelementEnd();
             i0.ɵɵelementStart(3, "frames-auto-layout", 2);
             i0.ɵɵtemplate(4, SmartCrudTemplate_ng_container_4_Template, 6, 6, "ng-container", 3);
             i0.ɵɵelementStart(5, "organisms-action-buttons-section", 4);
-            i0.ɵɵlistener("action", function SmartCrudTemplate_Template_organisms_action_buttons_section_action_5_listener($event) { return ctx.onAction($event); });
+            i0.ɵɵlistener("action", function SmartCrudTemplate_Template_organisms_action_buttons_section_action_5_listener($event) { return ctx.action.emit($event); });
             i0.ɵɵelementEnd()()();
         }
         if (rf & 2) {
             i0.ɵɵadvance(1);
-            i0.ɵɵproperty("leftItems", ctx.canBack ? ctx.navigatorLeftItems : i0.ɵɵpureFunction0(6, _c0))("rightItems", ctx.navigatorMenuItems);
+            i0.ɵɵproperty("startActions", ctx.navStartActions)("endActions", ctx.navEndActions);
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("title", ctx.title);
             i0.ɵɵadvance(2);
@@ -151,31 +131,23 @@ SmartCrudTemplate.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SmartCrud
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("actions", ctx.actions);
         }
-    }, dependencies: [i1.NgForOf, i1.NgSwitch, i1.NgSwitchCase, i1.NgSwitchDefault, i2.AutoLayoutFrame, i3.ScrollFrame, i4.ActionButtonsSectionOrganism, i5.NavigatorOrganism, i6.DateInputSectionOrganism, i7.TextInputSectionOrganism, i8.SelectInputSectionOrganism, i9.HeaderMolecule, i10.DomainPipe, i11.SmartFieldPipe], styles: ["[_nghost-%COMP%]{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-smart-crud-Io5O: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-smart-crud-Io5O: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-smart-crud-Io5O: var(--gap)}[_nghost-%COMP%]{display:block;width:100%;height:100%;background:white}[_nghost-%COMP%]   frames-auto-layout[_ngcontent-%COMP%]{height:-moz-fit-content;height:fit-content;--gap: var(--gap-SCOPED-IN-smart-crud-Io5O);--vertical-padding: var(--vertical-padding-SCOPED-IN-smart-crud-Io5O)}[_nghost-%COMP%]   frames-auto-layout[_ngcontent-%COMP%]   *[_ngcontent-%COMP%]{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-smart-crud-Io5O)}"], changeDetection: 0 });
+    }, dependencies: [i1.NgForOf, i1.NgSwitch, i1.NgSwitchCase, i1.NgSwitchDefault, i2.AutoLayoutFrame, i3.ScrollFrame, i4.ActionButtonsSectionOrganism, i5.NavigatorOrganism, i6.DateInputSectionOrganism, i7.TextInputSectionOrganism, i8.SelectInputSectionOrganism, i9.HeaderMolecule, i10.DomainPipe, i11.SmartFieldPipe], styles: ["[_nghost-%COMP%]{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-smart-crud-qpeh: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-smart-crud-qpeh: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-smart-crud-qpeh: var(--gap)}[_nghost-%COMP%]{display:block;width:100%;height:100%;background:white}[_nghost-%COMP%]   frames-auto-layout[_ngcontent-%COMP%]{height:-moz-fit-content;height:fit-content;--gap: var(--gap-SCOPED-IN-smart-crud-qpeh);--vertical-padding: var(--vertical-padding-SCOPED-IN-smart-crud-qpeh)}[_nghost-%COMP%]   frames-auto-layout[_ngcontent-%COMP%]   *[_ngcontent-%COMP%]{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-smart-crud-qpeh)}"], changeDetection: 0 });
 (function () {
     (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SmartCrudTemplate, [{
             type: Component,
-            args: [{ selector: 'templates-smart-crud', 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\"></molecules-header>\n  </organisms-navigator>\n  <frames-auto-layout vertical contents>\n    <ng-container *ngFor=\"let entry of controls; trackBy:trackByIndex\" [ngSwitch]=\"(entry[0] | smartField)?.type\">\n      <organisms-select-input-section\n        *ngSwitchCase=\"'select'\"\n        [label]=\"entry[0] | D\"\n        [control]=\"entry[1]\"\n        [options]=\"(entry[0] | smartField)?.options\"\n      ></organisms-select-input-section>\n      <organisms-date-input-section\n        *ngSwitchCase=\"'date'\"\n        [label]=\"entry[0] | D\"\n        [control]=\"entry[1]\"\n      ></organisms-date-input-section>\n      <organisms-text-input-section\n        *ngSwitchCase=\"'number'\"\n        [type]=\"'number'\"\n        [label]=\"entry[0] | D\"\n        [control]=\"entry[1]\"\n      ></organisms-text-input-section>\n      <organisms-text-input-section\n        *ngSwitchDefault\n        [label]=\"entry[0] | D\"\n        [control]=\"entry[1]\"\n      ></organisms-text-input-section>\n    </ng-container>\n    <organisms-action-buttons-section\n      [actions]=\"actions\"\n      (action)=\"onAction($event)\"\n    ></organisms-action-buttons-section>\n  </frames-auto-layout>\n</frames-scroll>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-smart-crud-Io5O: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-smart-crud-Io5O: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-smart-crud-Io5O: var(--gap)}:host{display:block;width:100%;height:100%;background:white}:host frames-auto-layout{height:-moz-fit-content;height:fit-content;--gap: var(--gap-SCOPED-IN-smart-crud-Io5O);--vertical-padding: var(--vertical-padding-SCOPED-IN-smart-crud-Io5O)}:host frames-auto-layout *{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-smart-crud-Io5O)}\n"] }]
-        }], null, { canBack: [{
-                type: Input
-            }], name: [{
+            args: [{ selector: 'templates-smart-crud', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'template' }, template: "<frames-scroll>\n  <organisms-navigator \n    [startActions]=\"navStartActions\"\n    [endActions]=\"navEndActions\"\n    (action)=\"action.emit($event)\"\n    navigator\n  >\n    <molecules-header [title]=\"title\"></molecules-header>\n  </organisms-navigator>\n  <frames-auto-layout vertical contents>\n    <ng-container *ngFor=\"let entry of controls; trackBy:trackByIndex\" [ngSwitch]=\"(entry[0] | smartField)?.type\">\n      <organisms-select-input-section\n        *ngSwitchCase=\"'select'\"\n        [label]=\"entry[0] | D\"\n        [control]=\"entry[1]\"\n        [options]=\"(entry[0] | smartField)?.options\"\n      ></organisms-select-input-section>\n      <organisms-date-input-section\n        *ngSwitchCase=\"'date'\"\n        [label]=\"entry[0] | D\"\n        [control]=\"entry[1]\"\n      ></organisms-date-input-section>\n      <organisms-text-input-section\n        *ngSwitchCase=\"'number'\"\n        [type]=\"'number'\"\n        [label]=\"entry[0] | D\"\n        [control]=\"entry[1]\"\n      ></organisms-text-input-section>\n      <organisms-text-input-section\n        *ngSwitchDefault\n        [label]=\"entry[0] | D\"\n        [control]=\"entry[1]\"\n      ></organisms-text-input-section>\n    </ng-container>\n    <organisms-action-buttons-section\n      [actions]=\"actions\"\n      (action)=\"action.emit($event)\"\n    ></organisms-action-buttons-section>\n  </frames-auto-layout>\n</frames-scroll>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-smart-crud-qpeh: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-smart-crud-qpeh: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-smart-crud-qpeh: var(--gap)}:host{display:block;width:100%;height:100%;background:white}:host frames-auto-layout{height:-moz-fit-content;height:fit-content;--gap: var(--gap-SCOPED-IN-smart-crud-qpeh);--vertical-padding: var(--vertical-padding-SCOPED-IN-smart-crud-qpeh)}:host frames-auto-layout *{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-smart-crud-qpeh)}\n"] }]
+        }], null, { title: [{
                 type: Input
             }], form: [{
                 type: Input
-            }], mode: [{
+            }], navStartActions: [{
                 type: Input
-            }], navigatorMenuItems: [{
+            }], navEndActions: [{
                 type: Input
-            }], title: [{
+            }], actions: [{
                 type: Input
             }], action: [{
                 type: Output
-            }], backButtonClick: [{
-                type: Output
-            }], createButtonClick: [{
-                type: Output
-            }], updateButtonClick: [{
-                type: Output
             }] });
 })();