@ng-atomic/components 5.10.0 → 5.11.0

package/esm2020/organisms/navigator/navigator.organism.mjs

@@ -15,7 +15,7 @@ export class NavigatorOrganism {
     }
 }
 NavigatorOrganism.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: NavigatorOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component });
-NavigatorOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: NavigatorOrganism, isStandalone: true, selector: "organisms-navigator", inputs: { startActions: "startActions", endActions: "endActions" }, outputs: { action: "action" }, ngImport: i0, template: "<mat-toolbar color=\"primary\">\n  <div>\n    <atoms-smart-menu-button\n      *ngIf=\"startActions.length\"\n      [items]=\"startActions\"\n      (action)=\"action.emit($event)\"\n    ></atoms-smart-menu-button>\n    <ng-content></ng-content>\n  </div>\n  <div>\n    <atoms-smart-menu-button\n      *ngIf=\"endActions.length\"\n      [items]=\"endActions\"\n      (action)=\"action.emit($event)\"\n    ></atoms-smart-menu-button>\n  </div>\n</mat-toolbar>\n", styles: [":host{--height: 64px;--height-SCOPED-IN-navigator-IXpS: var(--height)}:host{display:block;width:100%;height:var(--height-SCOPED-IN-navigator-IXpS)}:host mat-toolbar{display:flex;width:100%;height:100%;justify-content:space-between;align-items:center}:host div{display:flex;justify-content:center;align-items:center}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatToolbarModule }, { kind: "component", type: i2.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: SmartMenuButtonAtom, selector: "atoms-smart-menu-button", inputs: ["items"], outputs: ["action"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+NavigatorOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: NavigatorOrganism, isStandalone: true, selector: "organisms-navigator", inputs: { startActions: "startActions", endActions: "endActions" }, outputs: { action: "action" }, ngImport: i0, template: "<mat-toolbar color=\"primary\">\n  <div>\n    <atoms-smart-menu-button\n      *ngIf=\"startActions.length\"\n      [items]=\"startActions\"\n      (action)=\"action.emit($event)\"\n    ></atoms-smart-menu-button>\n    <ng-content></ng-content>\n  </div>\n  <div>\n    <atoms-smart-menu-button\n      *ngIf=\"endActions.length\"\n      [items]=\"endActions\"\n      (action)=\"action.emit($event)\"\n    ></atoms-smart-menu-button>\n  </div>\n</mat-toolbar>\n", styles: [":host{--height: 64px;--height-SCOPED-IN-navigator-yPMD: var(--height)}:host{display:block;width:100%;height:var(--height-SCOPED-IN-navigator-yPMD)}:host mat-toolbar{display:flex;width:100%;height:100%;justify-content:space-between;align-items:center}:host div{display:flex;justify-content:center;align-items:center}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatToolbarModule }, { kind: "component", type: i2.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: SmartMenuButtonAtom, selector: "atoms-smart-menu-button", inputs: ["items"], outputs: ["action"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: NavigatorOrganism, decorators: [{
             type: Component,
             args: [{ selector: 'organisms-navigator', standalone: true, imports: [
@@ -24,7 +24,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImpor
                         MatIconModule,
                         MatToolbarModule,
                         SmartMenuButtonAtom,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-toolbar color=\"primary\">\n  <div>\n    <atoms-smart-menu-button\n      *ngIf=\"startActions.length\"\n      [items]=\"startActions\"\n      (action)=\"action.emit($event)\"\n    ></atoms-smart-menu-button>\n    <ng-content></ng-content>\n  </div>\n  <div>\n    <atoms-smart-menu-button\n      *ngIf=\"endActions.length\"\n      [items]=\"endActions\"\n      (action)=\"action.emit($event)\"\n    ></atoms-smart-menu-button>\n  </div>\n</mat-toolbar>\n", styles: [":host{--height: 64px;--height-SCOPED-IN-navigator-IXpS: var(--height)}:host{display:block;width:100%;height:var(--height-SCOPED-IN-navigator-IXpS)}:host mat-toolbar{display:flex;width:100%;height:100%;justify-content:space-between;align-items:center}:host div{display:flex;justify-content:center;align-items:center}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-toolbar color=\"primary\">\n  <div>\n    <atoms-smart-menu-button\n      *ngIf=\"startActions.length\"\n      [items]=\"startActions\"\n      (action)=\"action.emit($event)\"\n    ></atoms-smart-menu-button>\n    <ng-content></ng-content>\n  </div>\n  <div>\n    <atoms-smart-menu-button\n      *ngIf=\"endActions.length\"\n      [items]=\"endActions\"\n      (action)=\"action.emit($event)\"\n    ></atoms-smart-menu-button>\n  </div>\n</mat-toolbar>\n", styles: [":host{--height: 64px;--height-SCOPED-IN-navigator-yPMD: var(--height)}:host{display:block;width:100%;height:var(--height-SCOPED-IN-navigator-yPMD)}:host mat-toolbar{display:flex;width:100%;height:100%;justify-content:space-between;align-items:center}:host div{display:flex;justify-content:center;align-items:center}\n"] }]
         }], propDecorators: { startActions: [{
                 type: Input
             }], endActions: [{

package/esm2020/organisms/select-input-section/select-input-section.organism.mjs

@@ -11,13 +11,13 @@ export class SelectInputSectionOrganism {
     }
 }
 SelectInputSectionOrganism.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: SelectInputSectionOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SelectInputSectionOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: SelectInputSectionOrganism, isStandalone: true, selector: "organisms-select-input-section", inputs: { label: "label", control: "control", options: "options" }, ngImport: i0, template: "<molecules-select-input-field\n  [label]=\"label\"\n  [control]=\"control\"\n  [options]=\"options\"\n></molecules-select-input-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-section-dhv1: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-select-input-section-dhv1);box-sizing:border-box}:host .molecule.input-field{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: SelectInputFieldMolecule, selector: "molecules-select-input-field", inputs: ["label", "appearance", "control", "options"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SelectInputSectionOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: SelectInputSectionOrganism, isStandalone: true, selector: "organisms-select-input-section", inputs: { label: "label", control: "control", options: "options" }, ngImport: i0, template: "<molecules-select-input-field\n  [label]=\"label\"\n  [control]=\"control\"\n  [options]=\"options\"\n></molecules-select-input-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-section-N9Ln: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-select-input-section-N9Ln);box-sizing:border-box}:host .molecule.input-field{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: SelectInputFieldMolecule, selector: "molecules-select-input-field", inputs: ["label", "appearance", "control", "options"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: SelectInputSectionOrganism, decorators: [{
             type: Component,
             args: [{ selector: 'organisms-select-input-section', standalone: true, imports: [
                         CommonModule,
                         SelectInputFieldMolecule,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<molecules-select-input-field\n  [label]=\"label\"\n  [control]=\"control\"\n  [options]=\"options\"\n></molecules-select-input-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-section-dhv1: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-select-input-section-dhv1);box-sizing:border-box}:host .molecule.input-field{width:100%}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<molecules-select-input-field\n  [label]=\"label\"\n  [control]=\"control\"\n  [options]=\"options\"\n></molecules-select-input-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-section-N9Ln: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-select-input-section-N9Ln);box-sizing:border-box}:host .molecule.input-field{width:100%}\n"] }]
         }], propDecorators: { label: [{
                 type: Input
             }], control: [{

package/esm2020/organisms/smart-table/smart-table.organism.mjs

@@ -48,7 +48,7 @@ export class SmartTableOrganism {
     }
 }
 SmartTableOrganism.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: SmartTableOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SmartTableOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: SmartTableOrganism, isStandalone: true, selector: "organisms-smart-table", inputs: { _columns: ["columns", "_columns"], childrenKey: "childrenKey", items: "items", itemActions: "itemActions", pageSize: "pageSize", selectedIdSet: "selectedIdSet", sort: "sort" }, outputs: { action: "action", headerClick: "headerClick", checkboxClick: "checkboxClick", pageChange: "pageChange", itemCheck: "itemCheck" }, host: { classAttribute: "organism" }, ngImport: i0, template: "<table mat-table [dataSource]=\"dataSource\" 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    <ng-container *ngSwitchDefault>\n      <molecules-tree-column\n        *ngIf=\"name.startsWith('__tree_')\"\n        [name]=\"name\"\n        [headerText]=\"name | D\"\n        [sort]=\"sort?.key === name ? sort?.order : 'none'\"\n        [treeControl]=\"treeControl\"\n        (headerClick)=\"headerClick.emit(name)\"\n      ></molecules-tree-column>\n      <molecules-smart-column\n        *ngIf=\"!name.startsWith('__tree_')\"\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  </ng-container>\n  <tr mat-header-row *matHeaderRowDef=\"columns; sticky: true\"></tr>\n  <tr mat-row *matRowDef=\"let item; columns: columns;\"></tr>\n  <div class=\"mat-row\" *matNoDataRow>No Data</div>\n</table>\n", styles: [":host{--width: 100%;--width-SCOPED-IN-smart-table-GHec: var(--width);--cell: 8px;--cell-SCOPED-IN-smart-table-GHec: var(--cell);--column-vertical-padding: 4px;--column-vertical-padding-SCOPED-IN-smart-table-GHec: var(--column-vertical-padding)}:host{position:relative;display:block;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-GHec)}:host .no-data-message{display:flex;justify-content:flex-start;align-items:center;width:calc(var(--width-SCOPED-IN-smart-table-GHec) - var(--cell-SCOPED-IN-smart-table-GHec) * 4);height:3em;padding-left:calc(var(--cell-SCOPED-IN-smart-table-GHec) * 2);padding-right:calc(var(--cell-SCOPED-IN-smart-table-GHec) * 2)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "ngmodule", type: DomainModule }, { kind: "pipe", type: i2.DomainPipe, name: "D" }, { kind: "ngmodule", type: MatTableModule }, { kind: "component", type: i3.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i3.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i3.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "component", type: i3.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i3.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: i3.MatNoDataRow, selector: "ng-template[matNoDataRow]" }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "ngmodule", type: MatMenuModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: ActionsColumnMolecule, selector: "molecules-actions-column", inputs: ["name", "itemActions"], outputs: ["action"] }, { kind: "component", type: CheckboxColumnMolecule, selector: "molecules-checkbox-column", inputs: ["name", "selectedIdSet"], outputs: ["checkboxClick"] }, { kind: "component", type: SmartColumnMolecule, selector: "molecules-smart-column", inputs: ["sort"], outputs: ["headerClick"] }, { kind: "component", type: TreeColumnMolecule, selector: "molecules-tree-column", inputs: ["sort", "treeControl"], outputs: ["headerClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SmartTableOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: SmartTableOrganism, isStandalone: true, selector: "organisms-smart-table", inputs: { _columns: ["columns", "_columns"], childrenKey: "childrenKey", items: "items", itemActions: "itemActions", pageSize: "pageSize", selectedIdSet: "selectedIdSet", sort: "sort" }, outputs: { action: "action", headerClick: "headerClick", checkboxClick: "checkboxClick", pageChange: "pageChange", itemCheck: "itemCheck" }, host: { classAttribute: "organism" }, ngImport: i0, template: "<table mat-table [dataSource]=\"dataSource\" 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    <ng-container *ngSwitchDefault>\n      <molecules-tree-column\n        *ngIf=\"name.startsWith('__tree_')\"\n        [name]=\"name\"\n        [headerText]=\"name | D\"\n        [sort]=\"sort?.key === name ? sort?.order : 'none'\"\n        [treeControl]=\"treeControl\"\n        (headerClick)=\"headerClick.emit(name)\"\n      ></molecules-tree-column>\n      <molecules-smart-column\n        *ngIf=\"!name.startsWith('__tree_')\"\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  </ng-container>\n  <tr mat-header-row *matHeaderRowDef=\"columns; sticky: true\"></tr>\n  <tr mat-row *matRowDef=\"let item; columns: columns;\"></tr>\n  <div class=\"mat-row\" *matNoDataRow>No Data</div>\n</table>\n", styles: [":host{--width: 100%;--width-SCOPED-IN-smart-table-uqk4: var(--width);--cell: 8px;--cell-SCOPED-IN-smart-table-uqk4: var(--cell);--column-vertical-padding: 4px;--column-vertical-padding-SCOPED-IN-smart-table-uqk4: var(--column-vertical-padding)}:host{position:relative;display:block;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-uqk4)}:host .no-data-message{display:flex;justify-content:flex-start;align-items:center;width:calc(var(--width-SCOPED-IN-smart-table-uqk4) - var(--cell-SCOPED-IN-smart-table-uqk4) * 4);height:3em;padding-left:calc(var(--cell-SCOPED-IN-smart-table-uqk4) * 2);padding-right:calc(var(--cell-SCOPED-IN-smart-table-uqk4) * 2)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "ngmodule", type: DomainModule }, { kind: "pipe", type: i2.DomainPipe, name: "D" }, { kind: "ngmodule", type: MatTableModule }, { kind: "component", type: i3.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i3.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i3.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "component", type: i3.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i3.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: i3.MatNoDataRow, selector: "ng-template[matNoDataRow]" }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "ngmodule", type: MatMenuModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: ActionsColumnMolecule, selector: "molecules-actions-column", inputs: ["name", "itemActions"], outputs: ["action"] }, { kind: "component", type: CheckboxColumnMolecule, selector: "molecules-checkbox-column", inputs: ["name", "selectedIdSet"], outputs: ["checkboxClick"] }, { kind: "component", type: SmartColumnMolecule, selector: "molecules-smart-column", inputs: ["sort"], outputs: ["headerClick"] }, { kind: "component", type: TreeColumnMolecule, selector: "molecules-tree-column", inputs: ["sort", "treeControl"], outputs: ["headerClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: SmartTableOrganism, decorators: [{
             type: Component,
             args: [{ selector: 'organisms-smart-table', standalone: true, imports: [
@@ -63,7 +63,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImpor
                         CheckboxColumnMolecule,
                         SmartColumnMolecule,
                         TreeColumnMolecule,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'organism' }, template: "<table mat-table [dataSource]=\"dataSource\" 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    <ng-container *ngSwitchDefault>\n      <molecules-tree-column\n        *ngIf=\"name.startsWith('__tree_')\"\n        [name]=\"name\"\n        [headerText]=\"name | D\"\n        [sort]=\"sort?.key === name ? sort?.order : 'none'\"\n        [treeControl]=\"treeControl\"\n        (headerClick)=\"headerClick.emit(name)\"\n      ></molecules-tree-column>\n      <molecules-smart-column\n        *ngIf=\"!name.startsWith('__tree_')\"\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  </ng-container>\n  <tr mat-header-row *matHeaderRowDef=\"columns; sticky: true\"></tr>\n  <tr mat-row *matRowDef=\"let item; columns: columns;\"></tr>\n  <div class=\"mat-row\" *matNoDataRow>No Data</div>\n</table>\n", styles: [":host{--width: 100%;--width-SCOPED-IN-smart-table-GHec: var(--width);--cell: 8px;--cell-SCOPED-IN-smart-table-GHec: var(--cell);--column-vertical-padding: 4px;--column-vertical-padding-SCOPED-IN-smart-table-GHec: var(--column-vertical-padding)}:host{position:relative;display:block;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-GHec)}:host .no-data-message{display:flex;justify-content:flex-start;align-items:center;width:calc(var(--width-SCOPED-IN-smart-table-GHec) - var(--cell-SCOPED-IN-smart-table-GHec) * 4);height:3em;padding-left:calc(var(--cell-SCOPED-IN-smart-table-GHec) * 2);padding-right:calc(var(--cell-SCOPED-IN-smart-table-GHec) * 2)}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'organism' }, template: "<table mat-table [dataSource]=\"dataSource\" 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    <ng-container *ngSwitchDefault>\n      <molecules-tree-column\n        *ngIf=\"name.startsWith('__tree_')\"\n        [name]=\"name\"\n        [headerText]=\"name | D\"\n        [sort]=\"sort?.key === name ? sort?.order : 'none'\"\n        [treeControl]=\"treeControl\"\n        (headerClick)=\"headerClick.emit(name)\"\n      ></molecules-tree-column>\n      <molecules-smart-column\n        *ngIf=\"!name.startsWith('__tree_')\"\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  </ng-container>\n  <tr mat-header-row *matHeaderRowDef=\"columns; sticky: true\"></tr>\n  <tr mat-row *matRowDef=\"let item; columns: columns;\"></tr>\n  <div class=\"mat-row\" *matNoDataRow>No Data</div>\n</table>\n", styles: [":host{--width: 100%;--width-SCOPED-IN-smart-table-uqk4: var(--width);--cell: 8px;--cell-SCOPED-IN-smart-table-uqk4: var(--cell);--column-vertical-padding: 4px;--column-vertical-padding-SCOPED-IN-smart-table-uqk4: var(--column-vertical-padding)}:host{position:relative;display:block;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-uqk4)}:host .no-data-message{display:flex;justify-content:flex-start;align-items:center;width:calc(var(--width-SCOPED-IN-smart-table-uqk4) - var(--cell-SCOPED-IN-smart-table-uqk4) * 4);height:3em;padding-left:calc(var(--cell-SCOPED-IN-smart-table-uqk4) * 2);padding-right:calc(var(--cell-SCOPED-IN-smart-table-uqk4) * 2)}\n"] }]
         }], propDecorators: { _columns: [{
                 type: Input,
                 args: ['columns']

package/esm2020/organisms/social-login-section/social-login-section.organism.mjs

@@ -9,13 +9,13 @@ export class SocialLoginSectionOrganism {
     }
 }
 SocialLoginSectionOrganism.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: SocialLoginSectionOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SocialLoginSectionOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: SocialLoginSectionOrganism, isStandalone: true, selector: "organisms-social-login-section", outputs: { signInWithGoogleButtonClick: "signInWithGoogleButtonClick" }, ngImport: i0, 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-PHic: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-heading-PHic);box-sizing:border-box}:host button{width:100%;height:56px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SocialLoginSectionOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: SocialLoginSectionOrganism, isStandalone: true, selector: "organisms-social-login-section", outputs: { signInWithGoogleButtonClick: "signInWithGoogleButtonClick" }, ngImport: i0, 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-eeRo: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-heading-eeRo);box-sizing:border-box}:host button{width:100%;height:56px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: SocialLoginSectionOrganism, decorators: [{
             type: Component,
             args: [{ selector: 'organisms-social-login-section', standalone: true, imports: [
                         CommonModule,
                         MatButtonModule,
-                    ], 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-PHic: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-heading-PHic);box-sizing:border-box}:host button{width:100%;height:56px}\n"] }]
+                    ], 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-eeRo: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-heading-eeRo);box-sizing:border-box}:host button{width:100%;height:56px}\n"] }]
         }], propDecorators: { signInWithGoogleButtonClick: [{
                 type: Output
             }] } });

package/esm2020/organisms/text-input-section/text-input-section.organism.mjs

@@ -12,13 +12,13 @@ export class TextInputSectionOrganism {
     }
 }
 TextInputSectionOrganism.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: TextInputSectionOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component });
-TextInputSectionOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: TextInputSectionOrganism, isStandalone: true, selector: "organisms-text-input-section", inputs: { label: "label", placeholder: "placeholder", type: "type", hint: "hint", control: "control" }, ngImport: i0, 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-gmL8: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-gmL8);box-sizing:border-box}:host .molecule.input-field,:host mat-form-field{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: TextInputFieldMolecule, selector: "molecules-text-input-field", inputs: ["appearance", "type", "name", "label", "control", "placeholder", "hint"] }] });
+TextInputSectionOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: TextInputSectionOrganism, isStandalone: true, selector: "organisms-text-input-section", inputs: { label: "label", placeholder: "placeholder", type: "type", hint: "hint", control: "control" }, ngImport: i0, 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-ByaX: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-ByaX);box-sizing:border-box}:host .molecule.input-field,:host mat-form-field{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: TextInputFieldMolecule, selector: "molecules-text-input-field", inputs: ["appearance", "type", "name", "label", "control", "placeholder", "hint"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: TextInputSectionOrganism, decorators: [{
             type: Component,
             args: [{ selector: 'organisms-text-input-section', standalone: true, imports: [
                         CommonModule,
                         TextInputFieldMolecule,
-                    ], 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-gmL8: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-gmL8);box-sizing:border-box}:host .molecule.input-field,:host mat-form-field{width:100%}\n"] }]
+                    ], 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-ByaX: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-ByaX);box-sizing:border-box}:host .molecule.input-field,:host mat-form-field{width:100%}\n"] }]
         }], propDecorators: { label: [{
                 type: Input
             }], placeholder: [{

package/esm2020/organisms/textarea-section/textarea-section.organism.mjs

@@ -12,13 +12,13 @@ export class TextareaSectionOrganism {
     }
 }
 TextareaSectionOrganism.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: TextareaSectionOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component });
-TextareaSectionOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: TextareaSectionOrganism, isStandalone: true, selector: "organisms-textarea-section", inputs: { label: "label", rows: "rows", control: "control" }, outputs: { action: "action" }, ngImport: i0, template: "<molecules-textarea-field\n  [control]=\"control\"\n  [label]=\"label\"\n  [rows]=\"rows\"\n  (action)=\"action.emit($event)\"\n></molecules-textarea-field>", styles: [":host{--vertical-padding: 16px;--vertical-padding-SCOPED-IN-textarea-section-8xJZ: var(--vertical-padding)}:host{display:block;padding:0 var(--vertical-padding-SCOPED-IN-textarea-section-8xJZ);box-sizing:border-box}:host molecules-textarea-field{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: TextareaFieldMolecule, selector: "molecules-textarea-field", inputs: ["label", "hint", "placeholder", "control", "rows"], outputs: ["action"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+TextareaSectionOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: TextareaSectionOrganism, isStandalone: true, selector: "organisms-textarea-section", inputs: { label: "label", rows: "rows", control: "control" }, outputs: { action: "action" }, ngImport: i0, template: "<molecules-textarea-field\n  [control]=\"control\"\n  [label]=\"label\"\n  [rows]=\"rows\"\n  (action)=\"action.emit($event)\"\n></molecules-textarea-field>", styles: [":host{--vertical-padding: 16px;--vertical-padding-SCOPED-IN-textarea-section-2g9g: var(--vertical-padding)}:host{display:block;padding:0 var(--vertical-padding-SCOPED-IN-textarea-section-2g9g);box-sizing:border-box}:host molecules-textarea-field{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: TextareaFieldMolecule, selector: "molecules-textarea-field", inputs: ["label", "hint", "placeholder", "control", "rows"], outputs: ["action"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: TextareaSectionOrganism, decorators: [{
             type: Component,
             args: [{ selector: 'organisms-textarea-section', standalone: true, imports: [
                         CommonModule,
                         TextareaFieldMolecule,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<molecules-textarea-field\n  [control]=\"control\"\n  [label]=\"label\"\n  [rows]=\"rows\"\n  (action)=\"action.emit($event)\"\n></molecules-textarea-field>", styles: [":host{--vertical-padding: 16px;--vertical-padding-SCOPED-IN-textarea-section-8xJZ: var(--vertical-padding)}:host{display:block;padding:0 var(--vertical-padding-SCOPED-IN-textarea-section-8xJZ);box-sizing:border-box}:host molecules-textarea-field{width:100%}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<molecules-textarea-field\n  [control]=\"control\"\n  [label]=\"label\"\n  [rows]=\"rows\"\n  (action)=\"action.emit($event)\"\n></molecules-textarea-field>", styles: [":host{--vertical-padding: 16px;--vertical-padding-SCOPED-IN-textarea-section-2g9g: var(--vertical-padding)}:host{display:block;padding:0 var(--vertical-padding-SCOPED-IN-textarea-section-2g9g);box-sizing:border-box}:host molecules-textarea-field{width:100%}\n"] }]
         }], propDecorators: { label: [{
                 type: Input
             }], rows: [{

package/esm2020/organisms/top-navigator/top-navigator.organism.mjs

@@ -13,7 +13,7 @@ export class TopNavigatorOrganism {
     }
 }
 TopNavigatorOrganism.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: TopNavigatorOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component });
-TopNavigatorOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: TopNavigatorOrganism, isStandalone: true, selector: "organisms-top-navigator", inputs: { title: "title", items: "items" }, outputs: { action: "action" }, ngImport: i0, 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-U3Jj: 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-U3Jj);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"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatToolbarModule }, { kind: "component", type: i1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: SmartMenuButtonAtom, selector: "atoms-smart-menu-button", inputs: ["items"], outputs: ["action"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+TopNavigatorOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: TopNavigatorOrganism, isStandalone: true, selector: "organisms-top-navigator", inputs: { title: "title", items: "items" }, outputs: { action: "action" }, ngImport: i0, 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-Giqw: 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-Giqw);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"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatToolbarModule }, { kind: "component", type: i1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: SmartMenuButtonAtom, selector: "atoms-smart-menu-button", inputs: ["items"], outputs: ["action"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: TopNavigatorOrganism, decorators: [{
             type: Component,
             args: [{ selector: 'organisms-top-navigator', standalone: true, imports: [
@@ -21,7 +21,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImpor
                         MatToolbarModule,
                         MatMenuModule,
                         SmartMenuButtonAtom,
-                    ], 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-U3Jj: 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-U3Jj);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"] }]
+                    ], 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-Giqw: 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-Giqw);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"] }]
         }], propDecorators: { title: [{
                 type: Input
             }], items: [{

package/esm2020/templates/entrance/entrance.template.mjs

@@ -46,7 +46,7 @@ export class EntranceTemplate {
     }
 }
 EntranceTemplate.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: EntranceTemplate, deps: [], target: i0.ɵɵFactoryTarget.Component });
-EntranceTemplate.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: EntranceTemplate, isStandalone: true, selector: "templates-entrance", inputs: { form: "form", isEmailSectionShown: "isEmailSectionShown", isPasswordSectionShown: "isPasswordSectionShown", actions: "actions" }, outputs: { action: "action" }, host: { classAttribute: "template" }, ngImport: i0, 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-mmdp: var(--horizontal-padding);--background-color: #eee;--background-color-SCOPED-IN-entrance-mmdp: var(--background-color)}:host{display:flex;justify-content:center;align-items:center;background-color:var(--background-color-SCOPED-IN-entrance-mmdp);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-mmdp)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: AutoLayoutFrame, selector: "frames-auto-layout" }, { kind: "component", type: CardFrame, selector: "frames-card" }, { kind: "component", type: ActionButtonsSectionOrganism, selector: "organisms-action-buttons-section", inputs: ["actions"], outputs: ["action"] }, { kind: "component", type: HeadingOrganism, selector: "organisms-heading", inputs: ["level"] }, { kind: "component", type: TextInputSectionOrganism, selector: "organisms-text-input-section", inputs: ["label", "placeholder", "type", "hint", "control"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+EntranceTemplate.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: EntranceTemplate, isStandalone: true, selector: "templates-entrance", inputs: { form: "form", isEmailSectionShown: "isEmailSectionShown", isPasswordSectionShown: "isPasswordSectionShown", actions: "actions" }, outputs: { action: "action" }, host: { classAttribute: "template" }, ngImport: i0, 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-sbZv: var(--horizontal-padding);--background-color: #eee;--background-color-SCOPED-IN-entrance-sbZv: var(--background-color)}:host{display:flex;justify-content:center;align-items:center;background-color:var(--background-color-SCOPED-IN-entrance-sbZv);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-sbZv)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: AutoLayoutFrame, selector: "frames-auto-layout" }, { kind: "component", type: CardFrame, selector: "frames-card" }, { kind: "component", type: ActionButtonsSectionOrganism, selector: "organisms-action-buttons-section", inputs: ["actions"], outputs: ["action"] }, { kind: "component", type: HeadingOrganism, selector: "organisms-heading", inputs: ["level"] }, { kind: "component", type: TextInputSectionOrganism, selector: "organisms-text-input-section", inputs: ["label", "placeholder", "type", "hint", "control"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: EntranceTemplate, decorators: [{
             type: Component,
             args: [{ selector: 'templates-entrance', standalone: true, imports: [
@@ -57,7 +57,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImpor
                         HeadingOrganism,
                         SocialLoginSectionOrganism,
                         TextInputSectionOrganism,
-                    ], 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-mmdp: var(--horizontal-padding);--background-color: #eee;--background-color-SCOPED-IN-entrance-mmdp: var(--background-color)}:host{display:flex;justify-content:center;align-items:center;background-color:var(--background-color-SCOPED-IN-entrance-mmdp);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-mmdp)}\n"] }]
+                    ], 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-sbZv: var(--horizontal-padding);--background-color: #eee;--background-color-SCOPED-IN-entrance-sbZv: var(--background-color)}:host{display:flex;justify-content:center;align-items:center;background-color:var(--background-color-SCOPED-IN-entrance-sbZv);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-sbZv)}\n"] }]
         }], propDecorators: { form: [{
                 type: Input
             }], isEmailSectionShown: [{

package/esm2020/templates/menu/menu.template.mjs

@@ -9,13 +9,13 @@ export class MenuTemplate {
     }
 }
 MenuTemplate.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: MenuTemplate, deps: [], target: i0.ɵɵFactoryTarget.Component });
-MenuTemplate.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: MenuTemplate, isStandalone: true, selector: "templates-menu", inputs: { actions: "actions" }, outputs: { action: "action" }, ngImport: i0, template: "<div class=\"top\">\n  <ng-content select=[header]></ng-content>\n  <organisms-navigation-list\n    [actions]=\"actions\"\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-I40o: var(--primary-color);--secondary-color: #3f51b5;--secondary-color-SCOPED-IN-menu-I40o: var(--secondary-color);--width: 100%;--width-SCOPED-IN-menu-I40o: var(--width);--height: 100%;--height-SCOPED-IN-menu-I40o: var(--height)}:host{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-I40o);height:var(--height-SCOPED-IN-menu-I40o);color:#fff;background-color:var(--primary-color-SCOPED-IN-menu-I40o)}:host organisms-navigation-list{transition:width .5s;--primary-color: var(--primary-color-SCOPED-IN-menu-I40o);--secondary-color: var(--secondary-color-SCOPED-IN-menu-I40o)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: NavigationListOrganism, selector: "organisms-navigation-list", inputs: ["actions"], outputs: ["action"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+MenuTemplate.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: MenuTemplate, isStandalone: true, selector: "templates-menu", inputs: { actions: "actions" }, outputs: { action: "action" }, ngImport: i0, template: "<div class=\"top\">\n  <ng-content select=[header]></ng-content>\n  <organisms-navigation-list\n    [actions]=\"actions\"\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-RL7t: var(--primary-color);--secondary-color: #3f51b5;--secondary-color-SCOPED-IN-menu-RL7t: var(--secondary-color);--width: 100%;--width-SCOPED-IN-menu-RL7t: var(--width);--height: 100%;--height-SCOPED-IN-menu-RL7t: var(--height)}:host{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-RL7t);height:var(--height-SCOPED-IN-menu-RL7t);color:#fff;background-color:var(--primary-color-SCOPED-IN-menu-RL7t)}:host organisms-navigation-list{transition:width .5s;--primary-color: var(--primary-color-SCOPED-IN-menu-RL7t);--secondary-color: var(--secondary-color-SCOPED-IN-menu-RL7t)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: NavigationListOrganism, selector: "organisms-navigation-list", inputs: ["actions"], outputs: ["action"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: MenuTemplate, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [
                         CommonModule,
                         NavigationListOrganism,
-                    ], selector: 'templates-menu', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"top\">\n  <ng-content select=[header]></ng-content>\n  <organisms-navigation-list\n    [actions]=\"actions\"\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-I40o: var(--primary-color);--secondary-color: #3f51b5;--secondary-color-SCOPED-IN-menu-I40o: var(--secondary-color);--width: 100%;--width-SCOPED-IN-menu-I40o: var(--width);--height: 100%;--height-SCOPED-IN-menu-I40o: var(--height)}:host{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-I40o);height:var(--height-SCOPED-IN-menu-I40o);color:#fff;background-color:var(--primary-color-SCOPED-IN-menu-I40o)}:host organisms-navigation-list{transition:width .5s;--primary-color: var(--primary-color-SCOPED-IN-menu-I40o);--secondary-color: var(--secondary-color-SCOPED-IN-menu-I40o)}\n"] }]
+                    ], selector: 'templates-menu', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"top\">\n  <ng-content select=[header]></ng-content>\n  <organisms-navigation-list\n    [actions]=\"actions\"\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-RL7t: var(--primary-color);--secondary-color: #3f51b5;--secondary-color-SCOPED-IN-menu-RL7t: var(--secondary-color);--width: 100%;--width-SCOPED-IN-menu-RL7t: var(--width);--height: 100%;--height-SCOPED-IN-menu-RL7t: var(--height)}:host{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-RL7t);height:var(--height-SCOPED-IN-menu-RL7t);color:#fff;background-color:var(--primary-color-SCOPED-IN-menu-RL7t)}:host organisms-navigation-list{transition:width .5s;--primary-color: var(--primary-color-SCOPED-IN-menu-RL7t);--secondary-color: var(--secondary-color-SCOPED-IN-menu-RL7t)}\n"] }]
         }], propDecorators: { actions: [{
                 type: Input
             }], action: [{

package/esm2020/templates/smart-crud/smart-crud.template.mjs

@@ -40,7 +40,7 @@ export class SmartCrudTemplate {
     }
 }
 SmartCrudTemplate.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: SmartCrudTemplate, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SmartCrudTemplate.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: SmartCrudTemplate, isStandalone: true, selector: "templates-smart-crud", inputs: { title: "title", form: "form", navStartActions: "navStartActions", navEndActions: "navEndActions", actions: "actions" }, outputs: { action: "action" }, host: { classAttribute: "template" }, ngImport: i0, 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-textarea-section\n        *ngSwitchCase=\"'textarea'\"\n        [label]=\"entry[0] | D\"\n        [control]=\"entry[1]\"\n        [rows]=\"(entry[0] | smartField).rows\"\n      ></organisms-textarea-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-jf3V: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-smart-crud-jf3V: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-smart-crud-jf3V: 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-jf3V);--vertical-padding: var(--vertical-padding-SCOPED-IN-smart-crud-jf3V)}:host frames-auto-layout *{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-smart-crud-jf3V)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: DomainModule }, { kind: "pipe", type: i2.DomainPipe, name: "D" }, { kind: "ngmodule", type: SmartFieldModule }, { kind: "pipe", type: i3.SmartFieldPipe, name: "smartField" }, { kind: "component", type: AutoLayoutFrame, selector: "frames-auto-layout" }, { kind: "component", type: ScrollFrame, selector: "frames-scroll" }, { kind: "component", type: ActionButtonsSectionOrganism, selector: "organisms-action-buttons-section", inputs: ["actions"], outputs: ["action"] }, { kind: "component", type: NavigatorOrganism, selector: "organisms-navigator", inputs: ["startActions", "endActions"], outputs: ["action"] }, { kind: "component", type: DateInputSectionOrganism, selector: "organisms-date-input-section", inputs: ["control", "label", "placeholder"] }, { kind: "component", type: TextInputSectionOrganism, selector: "organisms-text-input-section", inputs: ["label", "placeholder", "type", "hint", "control"] }, { kind: "component", type: TextareaSectionOrganism, selector: "organisms-textarea-section", inputs: ["label", "rows", "control"], outputs: ["action"] }, { kind: "component", type: SelectInputSectionOrganism, selector: "organisms-select-input-section", inputs: ["label", "control", "options"] }, { kind: "component", type: HeaderMolecule, selector: "molecules-header", inputs: ["title", "description"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SmartCrudTemplate.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: SmartCrudTemplate, isStandalone: true, selector: "templates-smart-crud", inputs: { title: "title", form: "form", navStartActions: "navStartActions", navEndActions: "navEndActions", actions: "actions" }, outputs: { action: "action" }, host: { classAttribute: "template" }, ngImport: i0, 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-textarea-section\n        *ngSwitchCase=\"'textarea'\"\n        [label]=\"entry[0] | D\"\n        [control]=\"entry[1]\"\n        [rows]=\"(entry[0] | smartField).rows\"\n      ></organisms-textarea-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-h9Aj: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-smart-crud-h9Aj: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-smart-crud-h9Aj: 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-h9Aj);--vertical-padding: var(--vertical-padding-SCOPED-IN-smart-crud-h9Aj)}:host frames-auto-layout *{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-smart-crud-h9Aj)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: DomainModule }, { kind: "pipe", type: i2.DomainPipe, name: "D" }, { kind: "ngmodule", type: SmartFieldModule }, { kind: "pipe", type: i3.SmartFieldPipe, name: "smartField" }, { kind: "component", type: AutoLayoutFrame, selector: "frames-auto-layout" }, { kind: "component", type: ScrollFrame, selector: "frames-scroll" }, { kind: "component", type: ActionButtonsSectionOrganism, selector: "organisms-action-buttons-section", inputs: ["actions"], outputs: ["action"] }, { kind: "component", type: NavigatorOrganism, selector: "organisms-navigator", inputs: ["startActions", "endActions"], outputs: ["action"] }, { kind: "component", type: DateInputSectionOrganism, selector: "organisms-date-input-section", inputs: ["control", "label", "placeholder"] }, { kind: "component", type: TextInputSectionOrganism, selector: "organisms-text-input-section", inputs: ["label", "placeholder", "type", "hint", "control"] }, { kind: "component", type: TextareaSectionOrganism, selector: "organisms-textarea-section", inputs: ["label", "rows", "control"], outputs: ["action"] }, { kind: "component", type: SelectInputSectionOrganism, selector: "organisms-select-input-section", inputs: ["label", "control", "options"] }, { kind: "component", type: HeaderMolecule, selector: "molecules-header", inputs: ["title", "description"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: SmartCrudTemplate, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [
@@ -57,7 +57,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImpor
                         TextareaSectionOrganism,
                         SelectInputSectionOrganism,
                         HeaderMolecule,
-                    ], 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-textarea-section\n        *ngSwitchCase=\"'textarea'\"\n        [label]=\"entry[0] | D\"\n        [control]=\"entry[1]\"\n        [rows]=\"(entry[0] | smartField).rows\"\n      ></organisms-textarea-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-jf3V: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-smart-crud-jf3V: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-smart-crud-jf3V: 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-jf3V);--vertical-padding: var(--vertical-padding-SCOPED-IN-smart-crud-jf3V)}:host frames-auto-layout *{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-smart-crud-jf3V)}\n"] }]
+                    ], 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-textarea-section\n        *ngSwitchCase=\"'textarea'\"\n        [label]=\"entry[0] | D\"\n        [control]=\"entry[1]\"\n        [rows]=\"(entry[0] | smartField).rows\"\n      ></organisms-textarea-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-h9Aj: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-smart-crud-h9Aj: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-smart-crud-h9Aj: 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-h9Aj);--vertical-padding: var(--vertical-padding-SCOPED-IN-smart-crud-h9Aj)}:host frames-auto-layout *{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-smart-crud-h9Aj)}\n"] }]
         }], propDecorators: { title: [{
                 type: Input
             }], form: [{

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

@@ -73,19 +73,15 @@ export class SmartIndexTemplate {
         this.pageChange = new EventEmitter();
     }
     onCheckboxClickItem(item) {
-        console.debug('onCheckboxClickItem', item);
         this.ngAtomic.action.emit({
             id: ActionId.CHECKBOX_CLICK,
             payload: item,
         });
     }
-    ngOnChanges(changes) {
-        console.debug('changed!', changes);
-    }
 }
 SmartIndexTemplate.ActionId = ActionId;
 SmartIndexTemplate.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: SmartIndexTemplate, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SmartIndexTemplate.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: SmartIndexTemplate, isStandalone: true, selector: "templates-smart-index", inputs: { gridToolbarActions: "gridToolbarActions", tableChildrenKey: "tableChildrenKey", form: "form", queryControl: "queryControl", title: "title", description: "description", items: "items", itemActions: "itemActions", navStartActions: "navStartActions", navEndActions: "navEndActions", properties: "properties", selectedIdSet: "selectedIdSet", sortKey: "sortKey", sortOrder: "sortOrder", pageSizeOptions: "pageSizeOptions", queryPlaceholder: "queryPlaceholder", device: "device" }, outputs: { backButtonClick: "backButtonClick", pageChange: "pageChange" }, host: { classAttribute: "template" }, usesOnChanges: true, hostDirectives: [{ directive: NgAtomicDirective, outputs: ["action", "action"] }], ngImport: i0, template: "<frames-scroll>\n  <organisms-navigator\n    [startActions]=\"navStartActions\"\n    [endActions]=\"navEndActions\"\n    (action)=\"ngAtomic.onAction($event)\"\n    navigator\n  >\n    <molecules-header [title]=\"title\" [description]=\"description\"></molecules-header>\n  </organisms-navigator>\n  <frames-auto-layout vertical contents [ngSwitch]=\"device\">\n    <ng-container *ngSwitchCase=\"'sp'\">\n      <organisms-smart-list\n        [items]=\"items\"\n        (action)=\"ngAtomic.onAction($event)\"\n      ></organisms-smart-list>\n    </ng-container>\n    <ng-container *ngSwitchDefault>\n      <frames-divider>\n        <ng-content first select=\"[dashboard]\"></ng-content>\n        <div style=\"display: flex; flex-direction: column; width: 100%; height: 100%;\" second>\n          <organisms-grid-toolbar\n            [actions]=\"gridToolbarActions\"\n            (action)=\"ngAtomic.onAction($event)\"\n          ></organisms-grid-toolbar>\n          <organisms-smart-table\n            [items]=\"items\"\n            [itemActions]=\"itemActions\"\n            [columns]=\"properties\"\n            [selectedIdSet]=\"selectedIdSet\"\n            [sortKey]=\"sortKey\"\n            [sortOrder]=\"sortOrder\"\n            [childrenKey]=\"tableChildrenKey\"\n            (action)=\"ngAtomic.onAction($event)\"\n            (checkboxClick)=\"onCheckboxClickItem($event)\"\n            (headerClick)=\"ngAtomic.onAction({id: ActionId.TABLE_HEADER_CLICK, payload: $event})\"\n          ></organisms-smart-table>\n          <organisms-paginator\n            [form]=\"form\"\n            [pageSizeOptions]=\"pageSizeOptions\"\n            [placeholder]=\"queryPlaceholder\"\n            (pageChange)=\"pageChange.emit($event)\"\n          ></organisms-paginator>\n        </div>\n      </frames-divider>\n      \n    </ng-container>\n  </frames-auto-layout>\n</frames-scroll>", styles: [":host{--navigator-height: 56px;--navigator-height-SCOPED-IN-smart-index-2S4F: var(--navigator-height)}:host{width:100%;height:100%;background:white;display:block}:host frames-auto-layout{--gap: 0;--vertical-padding: 0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "component", type: AutoLayoutFrame, selector: "frames-auto-layout" }, { kind: "component", type: ScrollFrame, selector: "frames-scroll" }, { kind: "component", type: DividerFrame, selector: "frames-divider" }, { kind: "component", type: GridToolbarOrganism, selector: "organisms-grid-toolbar", inputs: ["actions"], outputs: ["action"] }, { kind: "component", type: PaginatorOrganism, selector: "organisms-paginator", inputs: ["form", "pageSizeOptions"] }, { kind: "component", type: SmartTableOrganism, selector: "organisms-smart-table", inputs: ["columns", "childrenKey", "items", "itemActions", "pageSize", "selectedIdSet", "sort"], outputs: ["action", "headerClick", "checkboxClick", "pageChange", "itemCheck"] }, { kind: "component", type: SmartListOrganism, selector: "organisms-smart-list", inputs: ["items"], outputs: ["action"] }, { kind: "component", type: NavigatorOrganism, selector: "organisms-navigator", inputs: ["startActions", "endActions"], outputs: ["action"] }, { kind: "component", type: HeaderMolecule, selector: "molecules-header", inputs: ["title", "description"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SmartIndexTemplate.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: SmartIndexTemplate, isStandalone: true, selector: "templates-smart-index", inputs: { gridToolbarActions: "gridToolbarActions", tableChildrenKey: "tableChildrenKey", form: "form", queryControl: "queryControl", title: "title", description: "description", items: "items", itemActions: "itemActions", navStartActions: "navStartActions", navEndActions: "navEndActions", properties: "properties", selectedIdSet: "selectedIdSet", sortKey: "sortKey", sortOrder: "sortOrder", pageSizeOptions: "pageSizeOptions", queryPlaceholder: "queryPlaceholder", device: "device" }, outputs: { backButtonClick: "backButtonClick", pageChange: "pageChange" }, host: { classAttribute: "template" }, hostDirectives: [{ directive: NgAtomicDirective, outputs: ["action", "action"] }], ngImport: i0, template: "<frames-scroll>\n  <organisms-navigator\n    [startActions]=\"navStartActions\"\n    [endActions]=\"navEndActions\"\n    (action)=\"ngAtomic.onAction($event)\"\n    navigator\n  >\n    <molecules-header [title]=\"title\" [description]=\"description\"></molecules-header>\n  </organisms-navigator>\n  <frames-auto-layout vertical contents [ngSwitch]=\"device\">\n    <ng-container *ngSwitchCase=\"'sp'\">\n      <organisms-smart-list\n        [items]=\"items\"\n        (action)=\"ngAtomic.onAction($event)\"\n      ></organisms-smart-list>\n    </ng-container>\n    <ng-container *ngSwitchDefault>\n      <frames-divider>\n        <ng-content first select=\"[dashboard]\"></ng-content>\n        <div style=\"display: flex; flex-direction: column; width: 100%; height: 100%;\" second>\n          <organisms-grid-toolbar\n            *ngIf=\"gridToolbarActions\"\n            [actions]=\"gridToolbarActions\"\n            (action)=\"ngAtomic.onAction($event)\"\n          ></organisms-grid-toolbar>\n          <organisms-smart-table\n            [items]=\"items\"\n            [itemActions]=\"itemActions\"\n            [columns]=\"properties\"\n            [selectedIdSet]=\"selectedIdSet\"\n            [sortKey]=\"sortKey\"\n            [sortOrder]=\"sortOrder\"\n            [childrenKey]=\"tableChildrenKey\"\n            (action)=\"ngAtomic.onAction($event)\"\n            (checkboxClick)=\"onCheckboxClickItem($event)\"\n            (headerClick)=\"ngAtomic.onAction({id: ActionId.TABLE_HEADER_CLICK, payload: $event})\"\n          ></organisms-smart-table>\n          <organisms-paginator\n            *ngIf=\"form\"\n            [form]=\"form\"\n            [pageSizeOptions]=\"pageSizeOptions\"\n            [placeholder]=\"queryPlaceholder\"\n            (pageChange)=\"pageChange.emit($event)\"\n          ></organisms-paginator>\n        </div>\n      </frames-divider>\n      \n    </ng-container>\n  </frames-auto-layout>\n</frames-scroll>", styles: [":host{--navigator-height: 56px;--navigator-height-SCOPED-IN-smart-index-7ojw: var(--navigator-height)}:host{width:100%;height:100%;background:white;display:block}:host frames-auto-layout{--gap: 0;--vertical-padding: 0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "component", type: AutoLayoutFrame, selector: "frames-auto-layout" }, { kind: "component", type: ScrollFrame, selector: "frames-scroll" }, { kind: "component", type: DividerFrame, selector: "frames-divider" }, { kind: "component", type: GridToolbarOrganism, selector: "organisms-grid-toolbar", inputs: ["actions"], outputs: ["action"] }, { kind: "component", type: PaginatorOrganism, selector: "organisms-paginator", inputs: ["form", "pageSizeOptions"] }, { kind: "component", type: SmartTableOrganism, selector: "organisms-smart-table", inputs: ["columns", "childrenKey", "items", "itemActions", "pageSize", "selectedIdSet", "sort"], outputs: ["action", "headerClick", "checkboxClick", "pageChange", "itemCheck"] }, { kind: "component", type: SmartListOrganism, selector: "organisms-smart-list", inputs: ["items"], outputs: ["action"] }, { kind: "component", type: NavigatorOrganism, selector: "organisms-navigator", inputs: ["startActions", "endActions"], outputs: ["action"] }, { kind: "component", type: HeaderMolecule, selector: "molecules-header", inputs: ["title", "description"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: SmartIndexTemplate, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [
@@ -105,7 +101,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImpor
                             directive: NgAtomicDirective,
                             outputs: ['action'],
                         }
-                    ], template: "<frames-scroll>\n  <organisms-navigator\n    [startActions]=\"navStartActions\"\n    [endActions]=\"navEndActions\"\n    (action)=\"ngAtomic.onAction($event)\"\n    navigator\n  >\n    <molecules-header [title]=\"title\" [description]=\"description\"></molecules-header>\n  </organisms-navigator>\n  <frames-auto-layout vertical contents [ngSwitch]=\"device\">\n    <ng-container *ngSwitchCase=\"'sp'\">\n      <organisms-smart-list\n        [items]=\"items\"\n        (action)=\"ngAtomic.onAction($event)\"\n      ></organisms-smart-list>\n    </ng-container>\n    <ng-container *ngSwitchDefault>\n      <frames-divider>\n        <ng-content first select=\"[dashboard]\"></ng-content>\n        <div style=\"display: flex; flex-direction: column; width: 100%; height: 100%;\" second>\n          <organisms-grid-toolbar\n            [actions]=\"gridToolbarActions\"\n            (action)=\"ngAtomic.onAction($event)\"\n          ></organisms-grid-toolbar>\n          <organisms-smart-table\n            [items]=\"items\"\n            [itemActions]=\"itemActions\"\n            [columns]=\"properties\"\n            [selectedIdSet]=\"selectedIdSet\"\n            [sortKey]=\"sortKey\"\n            [sortOrder]=\"sortOrder\"\n            [childrenKey]=\"tableChildrenKey\"\n            (action)=\"ngAtomic.onAction($event)\"\n            (checkboxClick)=\"onCheckboxClickItem($event)\"\n            (headerClick)=\"ngAtomic.onAction({id: ActionId.TABLE_HEADER_CLICK, payload: $event})\"\n          ></organisms-smart-table>\n          <organisms-paginator\n            [form]=\"form\"\n            [pageSizeOptions]=\"pageSizeOptions\"\n            [placeholder]=\"queryPlaceholder\"\n            (pageChange)=\"pageChange.emit($event)\"\n          ></organisms-paginator>\n        </div>\n      </frames-divider>\n      \n    </ng-container>\n  </frames-auto-layout>\n</frames-scroll>", styles: [":host{--navigator-height: 56px;--navigator-height-SCOPED-IN-smart-index-2S4F: var(--navigator-height)}:host{width:100%;height:100%;background:white;display:block}:host frames-auto-layout{--gap: 0;--vertical-padding: 0}\n"] }]
+                    ], template: "<frames-scroll>\n  <organisms-navigator\n    [startActions]=\"navStartActions\"\n    [endActions]=\"navEndActions\"\n    (action)=\"ngAtomic.onAction($event)\"\n    navigator\n  >\n    <molecules-header [title]=\"title\" [description]=\"description\"></molecules-header>\n  </organisms-navigator>\n  <frames-auto-layout vertical contents [ngSwitch]=\"device\">\n    <ng-container *ngSwitchCase=\"'sp'\">\n      <organisms-smart-list\n        [items]=\"items\"\n        (action)=\"ngAtomic.onAction($event)\"\n      ></organisms-smart-list>\n    </ng-container>\n    <ng-container *ngSwitchDefault>\n      <frames-divider>\n        <ng-content first select=\"[dashboard]\"></ng-content>\n        <div style=\"display: flex; flex-direction: column; width: 100%; height: 100%;\" second>\n          <organisms-grid-toolbar\n            *ngIf=\"gridToolbarActions\"\n            [actions]=\"gridToolbarActions\"\n            (action)=\"ngAtomic.onAction($event)\"\n          ></organisms-grid-toolbar>\n          <organisms-smart-table\n            [items]=\"items\"\n            [itemActions]=\"itemActions\"\n            [columns]=\"properties\"\n            [selectedIdSet]=\"selectedIdSet\"\n            [sortKey]=\"sortKey\"\n            [sortOrder]=\"sortOrder\"\n            [childrenKey]=\"tableChildrenKey\"\n            (action)=\"ngAtomic.onAction($event)\"\n            (checkboxClick)=\"onCheckboxClickItem($event)\"\n            (headerClick)=\"ngAtomic.onAction({id: ActionId.TABLE_HEADER_CLICK, payload: $event})\"\n          ></organisms-smart-table>\n          <organisms-paginator\n            *ngIf=\"form\"\n            [form]=\"form\"\n            [pageSizeOptions]=\"pageSizeOptions\"\n            [placeholder]=\"queryPlaceholder\"\n            (pageChange)=\"pageChange.emit($event)\"\n          ></organisms-paginator>\n        </div>\n      </frames-divider>\n      \n    </ng-container>\n  </frames-auto-layout>\n</frames-scroll>", styles: [":host{--navigator-height: 56px;--navigator-height-SCOPED-IN-smart-index-7ojw: var(--navigator-height)}:host{width:100%;height:100%;background:white;display:block}:host frames-auto-layout{--gap: 0;--vertical-padding: 0}\n"] }]
         }], propDecorators: { gridToolbarActions: [{
                 type: Input
             }], tableChildrenKey: [{
@@ -145,4 +141,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImpor
             }], pageChange: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic21hcnQtaW5kZXgudGVtcGxhdGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9AbmctYXRvbWljL2NvbXBvbmVudHMvc3JjL2xpYi90ZW1wbGF0ZXMvc21hcnQtaW5kZXgvc21hcnQtaW5kZXgudGVtcGxhdGUudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9AbmctYXRvbWljL2NvbXBvbmVudHMvc3JjL2xpYi90ZW1wbGF0ZXMvc21hcnQtaW5kZXgvc21hcnQtaW5kZXgudGVtcGxhdGUuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFhLE1BQU0sRUFBaUIsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRTdJLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMENBQTBDLENBQUM7QUFDM0UsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQ2xFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQztBQUN4RSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSw2Q0FBNkMsQ0FBQztBQUNqRixPQUFPLEVBQUUsaUJBQWlCLEVBQUUsUUFBUSxJQUFJLFlBQVksRUFBRSxNQUFNLDRDQUE0QyxDQUFDO0FBQ3pHLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDJDQUEyQyxDQUFDO0FBQzlFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDJDQUEyQyxDQUFDO0FBRTlFLE9BQU8sRUFBRSxXQUFXLEVBQUUsU0FBUyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDeEQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sOENBQThDLENBQUM7QUFDbkYsT0FBTyxF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REosS0FBSztnQkFJTixXQUFXO3NCQURWLEtBQUs7Z0JBSU4sZUFBZTtzQkFEZCxLQUFLO2dCQUlOLGFBQWE7c0JBRFosS0FBSztnQkFJTixVQUFVO3NCQURULEtBQUs7Z0JBSU4sYUFBYTtzQkFEWixLQUFLO2dCQUlOLE9BQU87c0JBRE4sS0FBSztnQkFJTixTQUFTO3NCQURSLEtBQUs7Z0JBSU4sZUFBZTtzQkFEZCxLQUFLO2dCQUlOLGdCQUFnQjtzQkFEZixLQUFLO2dCQUlOLE1BQU07c0JBREwsS0FBSztnQkFJTixlQUFlO3NCQURkLE1BQU07Z0JBSVAsVUFBVTtzQkFEVCxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRGlyZWN0aXZlLCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkNoYW5nZXMsIE91dHB1dCwgU2ltcGxlQ2hhbmdlcywgaW5qZWN0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBMZWdhY3lQYWdlRXZlbnQgYXMgUGFnZUV2ZW50IH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvbGVnYWN5LXBhZ2luYXRvcic7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQXV0b0xheW91dEZyYW1lIH0gZnJvbSAnQG5nLWF0b21pYy9jb21wb25lbnRzL2ZyYW1lcy9hdXRvLWxheW91dCc7XG5pbXBvcnQgeyBTY3JvbGxGcmFtZSB9IGZyb20gJ0BuZy1hdG9taWMvY29tcG9uZW50cy9mcmFtZXMvc2Nyb2xsJztcbmltcG9ydCB7IEhlYWRlck1vbGVjdWxlIH0gZnJvbSAnQG5nLWF0b21pYy9jb21wb25lbnRzL21vbGVjdWxlcy9oZWFkZXInO1xuaW1wb3J0IHsgU21hcnRUYWJsZU9yZ2FuaXNtIH0gZnJvbSAnQG5nLWF0b21pYy9jb21wb25lbnRzL29yZ2FuaXNtcy9zbWFydC10YWJsZSc7XG5pbXBvcnQgeyBTbWFydExpc3RPcmdhbmlzbSwgQWN0aW9uSWQgYXMgTGlzdEFjdGlvbklkIH0gZnJvbSAnQG5nLWF0b21pYy9jb21wb25lbnRzL29yZ2FuaXNtcy9zbWFydC1saXN0JztcbmltcG9ydCB7IE5hdmlnYXRvck9yZ2FuaXNtIH0gZnJvbSAnQG5nLWF0b21pYy9jb21wb25lbnRzL29yZ2FuaXNtcy9uYXZpZ2F0b3InO1xuaW1wb3J0IHsgUGFnaW5hdG9yT3JnYW5pc20gfSBmcm9tICdAbmctYXRvbWljL2NvbXBvbmVudHMvb3JnYW5pc21zL3BhZ2luYXRvcic7XG5pbXBvcnQgeyBBY3Rpb24gfSBmcm9tICdAbmctYXRvbWljL2NvbW1vbi9tb2RlbHMnO1xuaW1wb3J0IHsgRm9ybUNvbnRyb2wsIEZvcm1Hcm91cCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IEdyaWRUb29sYmFyT3JnYW5pc20gfSBmcm9tICdAbmctYXRvbWljL2NvbXBvbmVudHMvb3JnYW5pc21zL2dyaWQtdG9vbGJhcic7XG5pbXBvcnQgeyBGaWx0ZXJzU2VjdGlvbk9yZ2FuaXNtIH0gZnJvbSAnQG5nLWF0b21pYy9jb21wb25lbnRzL29yZ2FuaXNtcy9maWx0ZXJzLXNlY3Rpb24nO1xuaW1wb3J0IHsgRGl2aWRlckZyYW1lIH0gZnJvbSAnQG5nLWF0b21pYy9jb21wb25lbnRzL2ZyYW1lcy9kaXZpZGVyJztcblxuZXhwb3J0IGVudW0gQWN0aW9uSWQge1xuICBCQUNLID0gJ1tAbmctYXRvbWljL2NvbXBvbmVudHMvdGVtcGxhdGVzL3NtYXJ0LWluZGV4XSBCYWNrJyxcbiAgVEFCTEVfSEVBREVSX0NMSUNLID0gJ1tAbmctYXRvbWljL2NvbXBvbmVudHMvdGVtcGxhdGVzL3NtYXJ0LWluZGV4XSBUYWJsZSBIZWFkZXIgQ2xpY2snLFxuICBJVEVNX0NMSUNLID0gJ1tAbmctYXRvbWljL2NvbXBvbmVudHMvdGVtcGxhdGVzL3NtYXJ0LWluZGV4XSBJdGVtIENsaWNrJyxcbiAgQ0hFQ0tCT1hfQ0xJQ0sgPSAnW0BuZy1hdG9taWMvY29tcG9uZW50cy90ZW1wbGF0ZXMvc21hcnQtaW5kZXhdIENoZWNrIEl0ZW0nLFxufVxuXG5cbkBEaXJlY3RpdmUoeyBzdGFuZGFsb25lOiB0cnVlIH0pXG5leHBvcnQgY2xhc3MgTmdBdG9taWNEaXJlY3RpdmUge1xuICBAT3V0cHV0KClcbiAgYWN0aW9uID0gbmV3IEV2ZW50RW1pdHRlcjxBY3Rpb24+KCk7XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgdGhpcy5hY3Rpb24uc3Vic2NyaWJlKGFjdGlvbiA9PiB7XG4gICAgICBjb25zb2xlLmRlYnVnKCdOZ0F0b21pY0RpcmVjdGl2ZS5hY3Rpb24nLCBhY3Rpb24pO1xuICAgIH0pO1xuICB9XG5cbiAgb25BY3Rpb24oYWN0aW9uOiBBY3Rpb24pOiB2b2lkIHtcbiAgICBzd2l0Y2goYWN0aW9uLmlkKSB7XG4gICAgICBjYXNlIExpc3RBY3Rpb25JZC5DTElDS19JVEVNOlxuICAgICAgICByZXR1cm4gdGhpcy5hY3Rpb24uZW1pdCh7Li4uYWN0aW9uLCBpZDogQWN0aW9uSWQuSVRFTV9DTElDS30pO1xuICAgICAgZGVmYXVsdDogcmV0dXJuIHRoaXMuYWN0aW9uLmVtaXQoYWN0aW9uKTtcbiAgICB9XG4gIH1cblxuICBkaXNwYXRjaChhY3Rpb246IEFjdGlvbik6IHZvaWQge1xuICAgIHRoaXMuYWN0aW9uLmVtaXQoYWN0aW9uKTtcbiAgfVxufVxuXG5AQ29tcG9uZW50KHtcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBBdXRvTGF5b3V0RnJhbWUsXG4gICAgU2Nyb2xsRnJhbWUsXG4gICAgRGl2aWRlckZyYW1lLFxuICAgIEdyaWRUb29sYmFyT3JnYW5pc20sXG4gICAgUGFnaW5hdG9yT3JnYW5pc20sXG4gICAgU21hcnRUYWJsZU9yZ2FuaXNtLFxuICAgIFNtYXJ0TGlzdE9yZ2FuaXNtLFxuICAgIE5hdmlnYXRvck9yZ2FuaXNtLFxuICAgIEZpbHRlcnNTZWN0aW9uT3JnYW5pc20sXG4gICAgSGVhZGVyTW9sZWN1bGUsXG4gIF0sXG4gIHNlbGVjdG9yOiAndGVtcGxhdGVzLXNtYXJ0LWluZGV4JyxcbiAgdGVtcGxhdGVVcmw6ICcuL3NtYXJ0LWluZGV4LnRlbXBsYXRlLmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zbWFydC1pbmRleC50ZW1wbGF0ZS5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBob3N0OiB7IGNsYXNzOiAndGVtcGxhdGUnIH0sXG4gIGhvc3REaXJlY3RpdmVzOiBbXG4gICAge1xuICAgICAgZGlyZWN0aXZlOiBOZ0F0b21pY0RpcmVjdGl2ZSxcbiAgICAgIG91dHB1dHM6IFsnYWN0aW9uJ10sXG4gICAgfVxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBTbWFydEluZGV4VGVtcGxhdGU8VD4gaW1wbGVtZW50cyBPbkNoYW5nZXMge1xuICBzdGF0aWMgQWN0aW9uSWQgPSBBY3Rpb25JZDtcblxuICBwcm90ZWN0ZWQgbmdBdG9taWMgPSBpbmplY3QoTmdBdG9taWNEaXJlY3RpdmUpO1xuXG4gIEBJbnB1dCgpXG4gIGdyaWRUb29sYmFyQWN0aW9uczogQWN0aW9uW10gPSBbXTtcblxuICBASW5wdXQoKVxuICB0YWJsZUNoaWxkcmVuS2V5OiBzdHJpbmcgPSAnJztcblxuICBASW5wdXQoKVxuICBmb3JtID0gbmV3IEZvcm1Hcm91cCh7XG4gICAgcGFnZUluZGV4OiBuZXcgRm9ybUNvbnRyb2woMCksXG4gICAgcGFnZVNpemU6IG5ldyBGb3JtQ29udHJvbCgwKSxcbiAgICBsZW5ndGg6IG5ldyBGb3JtQ29udHJvbCgwKSxcbiAgfSk7XG5cbiAgQElucHV0KClcbiAgcXVlcnlDb250cm9sID0gbmV3IEZvcm1Db250cm9sPHN0cmluZz4oJycpO1xuXG4gIEBJbnB1dCgpXG4gIHRpdGxlOiBzdHJpbmcgPSAnJztcblxuICBASW5wdXQoKVxuICBkZXNjcmlwdGlvbj86IHN0cmluZztcblxuICBASW5wdXQoKVxuICBpdGVtczogVFtdID0gW107XG5cbiAgQElucHV0KClcbiAgaXRlbUFjdGlvbnM6IChpdGVtOiBUKSA9PiBBY3Rpb25bXSA9ICgpID0+IFtdO1xuXG4gIEBJbnB1dCgpXG4gIG5hdlN0YXJ0QWN0aW9uczogQWN0aW9uW10gPSBbeyBpZDogQWN0aW9uSWQuQkFDSywgaWNvbjogJ2Fycm93X2JhY2snIH1dO1xuXG4gIEBJbnB1dCgpXG4gIG5hdkVuZEFjdGlvbnM6IEFjdGlvbltdID0gW107XG5cbiAgQElucHV0KClcbiAgcHJvcGVydGllczogKGtleW9mIFQpW10gPSAgW107XG5cbiAgQElucHV0KClcbiAgc2VsZWN0ZWRJZFNldCA9IG5ldyBTZXQ8c3RyaW5nPigpO1xuXG4gIEBJbnB1dCgpXG4gIHNvcnRLZXk/OiBzdHJpbmc7XG5cbiAgQElucHV0KClcbiAgc29ydE9yZGVyPzogc3RyaW5nO1xuXG4gIEBJbnB1dCgpXG4gIHBhZ2VTaXplT3B0aW9uczogbnVtYmVyW10gPSBbNSwgMTAsIDI1LCAxMDBdO1xuXG4gIEBJbnB1dCgpXG4gIHF1ZXJ5UGxhY2Vob2xkZXIgPSAnJztcblxuICBASW5wdXQoKVxuICBkZXZpY2U6ICdzcCcgfCAndGFibGV0JyB8ICdwYycgPSAnc3AnO1xuXG4gIEBPdXRwdXQoKVxuICBiYWNrQnV0dG9uQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgQE91dHB1dCgpXG4gIHBhZ2VDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPFBhZ2VFdmVudD4oKTtcblxuICBvbkNoZWNrYm94Q2xpY2tJdGVtKGl0ZW06IFQpIHtcbiAgICBjb25zb2xlLmRlYnVnKCdvbkNoZWNrYm94Q2xpY2tJdGVtJywgaXRlbSk7XG4gICAgdGhpcy5uZ0F0b21pYy5hY3Rpb24uZW1pdCh7XG4gICAgICBpZDogQWN0aW9uSWQuQ0hFQ0tCT1hfQ0xJQ0ssXG4gICAgICBwYXlsb2FkOiBpdGVtLFxuICAgIH0pO1xuICB9XG5cbiAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcykge1xuICAgIGNvbnNvbGUuZGVidWcoJ2NoYW5nZWQhJywgY2hhbmdlcyk7XG4gIH1cbn1cbiIsIjxmcmFtZXMtc2Nyb2xsPlxuICA8b3JnYW5pc21zLW5hdmlnYXRvclxuICAgIFtzdGFydEFjdGlvbnNdPVwibmF2U3RhcnRBY3Rpb25zXCJcbiAgICBbZW5kQWN0aW9uc109XCJuYXZFbmRBY3Rpb25zXCJcbiAgICAoYWN0aW9uKT1cIm5nQXRvbWljLm9uQWN0aW9uKCRldmVudClcIlxuICAgIG5hdmlnYXRvclxuICA+XG4gICAgPG1vbGVjdWxlcy1oZWFkZXIgW3RpdGxlXT1cInRpdGxlXCIgW2Rlc2NyaXB0aW9uXT1cImRlc2NyaXB0aW9uXCI+PC9tb2xlY3VsZXMtaGVhZGVyPlxuICA8L29yZ2FuaXNtcy1uYXZpZ2F0b3I+XG4gIDxmcmFtZXMtYXV0by1sYXlvdXQgdmVydGljYWwgY29udGVudHMgW25nU3dpdGNoXT1cImRldmljZVwiPlxuICAgIDxuZy1jb250YWluZXIgKm5nU3dpdGNoQ2FzZT1cIidzcCdcIj5cbiAgICAgIDxvcmdhbmlzbXMtc21hcnQtbGlzdFxuICAgICAgICBbaXRlbXNdPVwiaXRlbXNcIlxuICAgICAgICAoYWN0aW9uKT1cIm5nQXRvbWljLm9uQWN0aW9uKCRldmVudClcIlxuICAgICAgPjwvb3JnYW5pc21zLXNtYXJ0LWxpc3Q+XG4gICAgPC9uZy1jb250YWluZXI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hEZWZhdWx0PlxuICAgICAgPGZyYW1lcy1kaXZpZGVyPlxuICAgICAgICA8bmctY29udGVudCBmaXJzdCBzZWxlY3Q9XCJbZGFzaGJvYXJkXVwiPjwvbmctY29udGVudD5cbiAgICAgICAgPGRpdiBzdHlsZT1cImRpc3BsYXk6IGZsZXg7IGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47IHdpZHRoOiAxMDAlOyBoZWlnaHQ6IDEwMCU7XCIgc2Vjb25kPlxuICAgICAgICAgIDxvcmdhbmlzbXMtZ3JpZC10b29sYmFyXG4gICAgICAgICAgICBbYWN0aW9uc109XCJncmlkVG9vbGJhckFjdGlvbnNcIlxuICAgICAgICAgICAgKGFjdGlvbik9XCJuZ0F0b21pYy5vbkFjdGlvbigkZXZlbnQpXCJcbiAgICAgICAgICA+PC9vcmdhbmlzbXMtZ3JpZC10b29sYmFyPlxuICAgICAgICAgIDxvcmdhbmlzbXMtc21hcnQtdGFibGVcbiAgICAgICAgICAgIFtpdGVtc109XCJpdGVtc1wiXG4gICAgICAgICAgICBbaXRlbUFjdGlvbnNdPVwiaXRlbUFjdGlvbnNcIlxuICAgICAgICAgICAgW2NvbHVtbnNdPVwicHJvcGVydGllc1wiXG4gICAgICAgICAgICBbc2VsZWN0ZWRJZFNldF09XCJzZWxlY3RlZElkU2V0XCJcbiAgICAgICAgICAgIFtzb3J0S2V5XT1cInNvcnRLZXlcIlxuICAgICAgICAgICAgW3NvcnRPcmRlcl09XCJzb3J0T3JkZXJcIlxuICAgICAgICAgICAgW2NoaWxkcmVuS2V5XT1cInRhYmxlQ2hpbGRyZW5LZXlcIlxuICAgICAgICAgICAgKGFjdGlvbik9XCJuZ0F0b21pYy5vbkFjdGlvbigkZXZlbnQpXCJcbiAgICAgICAgICAgIChjaGVja2JveENsaWNrKT1cIm9uQ2hlY2tib3hDbGlja0l0ZW0oJGV2ZW50KVwiXG4gICAgICAgICAgICAoaGVhZGVyQ2xpY2spPVwibmdBdG9taWMub25BY3Rpb24oe2lkOiBBY3Rpb25JZC5UQUJMRV9IRUFERVJfQ0xJQ0ssIHBheWxvYWQ6ICRldmVudH0pXCJcbiAgICAgICAgICA+PC9vcmdhbmlzbXMtc21hcnQtdGFibGU+XG4gICAgICAgICAgPG9yZ2FuaXNtcy1wYWdpbmF0b3JcbiAgICAgICAgICAgIFtmb3JtXT1cImZvcm1cIlxuICAgICAgICAgICAgW3BhZ2VTaXplT3B0aW9uc109XCJwYWdlU2l6ZU9wdGlvbnNcIlxuICAgICAgICAgICAgW3BsYWNlaG9sZGVyXT1cInF1ZXJ5UGxhY2Vob2xkZXJcIlxuICAgICAgICAgICAgKHBhZ2VDaGFuZ2UpPVwicGFnZUNoYW5nZS5lbWl0KCRldmVudClcIlxuICAgICAgICAgID48L29yZ2FuaXNtcy1wYWdpbmF0b3I+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9mcmFtZXMtZGl2aWRlcj5cbiAgICAgIFxuICAgIDwvbmctY29udGFpbmVyPlxuICA8L2ZyYW1lcy1hdXRvLWxheW91dD5cbjwvZnJhbWVzLXNjcm9sbD4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic21hcnQtaW5kZXgudGVtcGxhdGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9AbmctYXRvbWljL2NvbXBvbmVudHMvc3JjL2xpYi90ZW1wbGF0ZXMvc21hcnQtaW5kZXgvc21hcnQtaW5kZXgudGVtcGxhdGUudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9AbmctYXRvbWljL2NvbXBvbmVudHMvc3JjL2xpYi90ZW1wbGF0ZXMvc21hcnQtaW5kZXgvc21hcnQtaW5kZXgudGVtcGxhdGUuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFbkgsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwwQ0FBMEMsQ0FBQztBQUMzRSxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFDbEUsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHdDQUF3QyxDQUFDO0FBQ3hFLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDZDQUE2QyxDQUFDO0FBQ2pGLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxRQUFRLElBQUksWUFBWSxFQUFFLE1BQU0sNENBQTRDLENBQUM7QUFDekcsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sMkNBQTJDLENBQUM7QUFDOUUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sMkNBQTJDLENBQUM7QUFFOUUsT0FBTyxFQUFFLFdBQVcsRUFBRSxTQUFTLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUN4RCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSw4Q0FBOEMsQ0FBQztBQUNuRixPQUFPLEVB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QUs7Z0JBSU4sU0FBUztzQkFEUixLQUFLO2dCQUlOLGVBQWU7c0JBRGQsS0FBSztnQkFJTixnQkFBZ0I7c0JBRGYsS0FBSztnQkFJTixNQUFNO3NCQURMLEtBQUs7Z0JBSU4sZUFBZTtzQkFEZCxNQUFNO2dCQUlQLFVBQVU7c0JBRFQsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIERpcmVjdGl2ZSwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0LCBpbmplY3QgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IExlZ2FjeVBhZ2VFdmVudCBhcyBQYWdlRXZlbnQgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9sZWdhY3ktcGFnaW5hdG9yJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBBdXRvTGF5b3V0RnJhbWUgfSBmcm9tICdAbmctYXRvbWljL2NvbXBvbmVudHMvZnJhbWVzL2F1dG8tbGF5b3V0JztcbmltcG9ydCB7IFNjcm9sbEZyYW1lIH0gZnJvbSAnQG5nLWF0b21pYy9jb21wb25lbnRzL2ZyYW1lcy9zY3JvbGwnO1xuaW1wb3J0IHsgSGVhZGVyTW9sZWN1bGUgfSBmcm9tICdAbmctYXRvbWljL2NvbXBvbmVudHMvbW9sZWN1bGVzL2hlYWRlcic7XG5pbXBvcnQgeyBTbWFydFRhYmxlT3JnYW5pc20gfSBmcm9tICdAbmctYXRvbWljL2NvbXBvbmVudHMvb3JnYW5pc21zL3NtYXJ0LXRhYmxlJztcbmltcG9ydCB7IFNtYXJ0TGlzdE9yZ2FuaXNtLCBBY3Rpb25JZCBhcyBMaXN0QWN0aW9uSWQgfSBmcm9tICdAbmctYXRvbWljL2NvbXBvbmVudHMvb3JnYW5pc21zL3NtYXJ0LWxpc3QnO1xuaW1wb3J0IHsgTmF2aWdhdG9yT3JnYW5pc20gfSBmcm9tICdAbmctYXRvbWljL2NvbXBvbmVudHMvb3JnYW5pc21zL25hdmlnYXRvcic7XG5pbXBvcnQgeyBQYWdpbmF0b3JPcmdhbmlzbSB9IGZyb20gJ0BuZy1hdG9taWMvY29tcG9uZW50cy9vcmdhbmlzbXMvcGFnaW5hdG9yJztcbmltcG9ydCB7IEFjdGlvbiB9IGZyb20gJ0BuZy1hdG9taWMvY29tbW9uL21vZGVscyc7XG5pbXBvcnQgeyBGb3JtQ29udHJvbCwgRm9ybUdyb3VwIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgR3JpZFRvb2xiYXJPcmdhbmlzbSB9IGZyb20gJ0BuZy1hdG9taWMvY29tcG9uZW50cy9vcmdhbmlzbXMvZ3JpZC10b29sYmFyJztcbmltcG9ydCB7IEZpbHRlcnNTZWN0aW9uT3JnYW5pc20gfSBmcm9tICdAbmctYXRvbWljL2NvbXBvbmVudHMvb3JnYW5pc21zL2ZpbHRlcnMtc2VjdGlvbic7XG5pbXBvcnQgeyBEaXZpZGVyRnJhbWUgfSBmcm9tICdAbmctYXRvbWljL2NvbXBvbmVudHMvZnJhbWVzL2RpdmlkZXInO1xuXG5leHBvcnQgZW51bSBBY3Rpb25JZCB7XG4gIEJBQ0sgPSAnW0BuZy1hdG9taWMvY29tcG9uZW50cy90ZW1wbGF0ZXMvc21hcnQtaW5kZXhdIEJhY2snLFxuICBUQUJMRV9IRUFERVJfQ0xJQ0sgPSAnW0BuZy1hdG9taWMvY29tcG9uZW50cy90ZW1wbGF0ZXMvc21hcnQtaW5kZXhdIFRhYmxlIEhlYWRlciBDbGljaycsXG4gIElURU1fQ0xJQ0sgPSAnW0BuZy1hdG9taWMvY29tcG9uZW50cy90ZW1wbGF0ZXMvc21hcnQtaW5kZXhdIEl0ZW0gQ2xpY2snLFxuICBDSEVDS0JPWF9DTElDSyA9ICdbQG5nLWF0b21pYy9jb21wb25lbnRzL3RlbXBsYXRlcy9zbWFydC1pbmRleF0gQ2hlY2sgSXRlbScsXG59XG5cblxuQERpcmVjdGl2ZSh7IHN0YW5kYWxvbmU6IHRydWUgfSlcbmV4cG9ydCBjbGFzcyBOZ0F0b21pY0RpcmVjdGl2ZSB7XG4gIEBPdXRwdXQoKVxuICBhY3Rpb24gPSBuZXcgRXZlbnRFbWl0dGVyPEFjdGlvbj4oKTtcblxuICBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLmFjdGlvbi5zdWJzY3JpYmUoYWN0aW9uID0+IHtcbiAgICAgIGNvbnNvbGUuZGVidWcoJ05nQXRvbWljRGlyZWN0aXZlLmFjdGlvbicsIGFjdGlvbik7XG4gICAgfSk7XG4gIH1cblxuICBvbkFjdGlvbihhY3Rpb246IEFjdGlvbik6IHZvaWQge1xuICAgIHN3aXRjaChhY3Rpb24uaWQpIHtcbiAgICAgIGNhc2UgTGlzdEFjdGlvbklkLkNMSUNLX0lURU06XG4gICAgICAgIHJldHVybiB0aGlzLmFjdGlvbi5lbWl0KHsuLi5hY3Rpb24sIGlkOiBBY3Rpb25JZC5JVEVNX0NMSUNLfSk7XG4gICAgICBkZWZhdWx0OiByZXR1cm4gdGhpcy5hY3Rpb24uZW1pdChhY3Rpb24pO1xuICAgIH1cbiAgfVxuXG4gIGRpc3BhdGNoKGFjdGlvbjogQWN0aW9uKTogdm9pZCB7XG4gICAgdGhpcy5hY3Rpb24uZW1pdChhY3Rpb24pO1xuICB9XG59XG5cbkBDb21wb25lbnQoe1xuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIEF1dG9MYXlvdXRGcmFtZSxcbiAgICBTY3JvbGxGcmFtZSxcbiAgICBEaXZpZGVyRnJhbWUsXG4gICAgR3JpZFRvb2xiYXJPcmdhbmlzbSxcbiAgICBQYWdpbmF0b3JPcmdhbmlzbSxcbiAgICBTbWFydFRhYmxlT3JnYW5pc20sXG4gICAgU21hcnRMaXN0T3JnYW5pc20sXG4gICAgTmF2aWdhdG9yT3JnYW5pc20sXG4gICAgRmlsdGVyc1NlY3Rpb25PcmdhbmlzbSxcbiAgICBIZWFkZXJNb2xlY3VsZSxcbiAgXSxcbiAgc2VsZWN0b3I6ICd0ZW1wbGF0ZXMtc21hcnQtaW5kZXgnLFxuICB0ZW1wbGF0ZVVybDogJy4vc21hcnQtaW5kZXgudGVtcGxhdGUuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3NtYXJ0LWluZGV4LnRlbXBsYXRlLnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGhvc3Q6IHsgY2xhc3M6ICd0ZW1wbGF0ZScgfSxcbiAgaG9zdERpcmVjdGl2ZXM6IFtcbiAgICB7XG4gICAgICBkaXJlY3RpdmU6IE5nQXRvbWljRGlyZWN0aXZlLFxuICAgICAgb3V0cHV0czogWydhY3Rpb24nXSxcbiAgICB9XG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIFNtYXJ0SW5kZXhUZW1wbGF0ZTxUPiB7XG4gIHN0YXRpYyBBY3Rpb25JZCA9IEFjdGlvbklkO1xuXG4gIHByb3RlY3RlZCBuZ0F0b21pYyA9IGluamVjdChOZ0F0b21pY0RpcmVjdGl2ZSk7XG5cbiAgQElucHV0KClcbiAgZ3JpZFRvb2xiYXJBY3Rpb25zOiBBY3Rpb25bXSA9IFtdO1xuXG4gIEBJbnB1dCgpXG4gIHRhYmxlQ2hpbGRyZW5LZXk6IHN0cmluZyA9ICcnO1xuXG4gIEBJbnB1dCgpXG4gIGZvcm0gPSBuZXcgRm9ybUdyb3VwKHtcbiAgICBwYWdlSW5kZXg6IG5ldyBGb3JtQ29udHJvbCgwKSxcbiAgICBwYWdlU2l6ZTogbmV3IEZvcm1Db250cm9sKDApLFxuICAgIGxlbmd0aDogbmV3IEZvcm1Db250cm9sKDApLFxuICB9KTtcblxuICBASW5wdXQoKVxuICBxdWVyeUNvbnRyb2wgPSBuZXcgRm9ybUNvbnRyb2w8c3RyaW5nPignJyk7XG5cbiAgQElucHV0KClcbiAgdGl0bGU6IHN0cmluZyA9ICcnO1xuXG4gIEBJbnB1dCgpXG4gIGRlc2NyaXB0aW9uPzogc3RyaW5nO1xuXG4gIEBJbnB1dCgpXG4gIGl0ZW1zOiBUW10gPSBbXTtcblxuICBASW5wdXQoKVxuICBpdGVtQWN0aW9uczogKGl0ZW06IFQpID0+IEFjdGlvbltdID0gKCkgPT4gW107XG5cbiAgQElucHV0KClcbiAgbmF2U3RhcnRBY3Rpb25zOiBBY3Rpb25bXSA9IFt7IGlkOiBBY3Rpb25JZC5CQUNLLCBpY29uOiAnYXJyb3dfYmFjaycgfV07XG5cbiAgQElucHV0KClcbiAgbmF2RW5kQWN0aW9uczogQWN0aW9uW10gPSBbXTtcblxuICBASW5wdXQoKVxuICBwcm9wZXJ0aWVzOiAoa2V5b2YgVClbXSA9ICBbXTtcblxuICBASW5wdXQoKVxuICBzZWxlY3RlZElkU2V0ID0gbmV3IFNldDxzdHJpbmc+KCk7XG5cbiAgQElucHV0KClcbiAgc29ydEtleT86IHN0cmluZztcblxuICBASW5wdXQoKVxuICBzb3J0T3JkZXI/OiBzdHJpbmc7XG5cbiAgQElucHV0KClcbiAgcGFnZVNpemVPcHRpb25zOiBudW1iZXJbXSA9IFs1LCAxMCwgMjUsIDEwMF07XG5cbiAgQElucHV0KClcbiAgcXVlcnlQbGFjZWhvbGRlciA9ICcnO1xuXG4gIEBJbnB1dCgpXG4gIGRldmljZTogJ3NwJyB8ICd0YWJsZXQnIHwgJ3BjJyA9ICdzcCc7XG5cbiAgQE91dHB1dCgpXG4gIGJhY2tCdXR0b25DbGljayA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBAT3V0cHV0KClcbiAgcGFnZUNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8UGFnZUV2ZW50PigpO1xuXG4gIG9uQ2hlY2tib3hDbGlja0l0ZW0oaXRlbTogVCkge1xuICAgIHRoaXMubmdBdG9taWMuYWN0aW9uLmVtaXQoe1xuICAgICAgaWQ6IEFjdGlvbklkLkNIRUNLQk9YX0NMSUNLLFxuICAgICAgcGF5bG9hZDogaXRlbSxcbiAgICB9KTtcbiAgfVxufVxuIiwiPGZyYW1lcy1zY3JvbGw+XG4gIDxvcmdhbmlzbXMtbmF2aWdhdG9yXG4gICAgW3N0YXJ0QWN0aW9uc109XCJuYXZTdGFydEFjdGlvbnNcIlxuICAgIFtlbmRBY3Rpb25zXT1cIm5hdkVuZEFjdGlvbnNcIlxuICAgIChhY3Rpb24pPVwibmdBdG9taWMub25BY3Rpb24oJGV2ZW50KVwiXG4gICAgbmF2aWdhdG9yXG4gID5cbiAgICA8bW9sZWN1bGVzLWhlYWRlciBbdGl0bGVdPVwidGl0bGVcIiBbZGVzY3JpcHRpb25dPVwiZGVzY3JpcHRpb25cIj48L21vbGVjdWxlcy1oZWFkZXI+XG4gIDwvb3JnYW5pc21zLW5hdmlnYXRvcj5cbiAgPGZyYW1lcy1hdXRvLWxheW91dCB2ZXJ0aWNhbCBjb250ZW50cyBbbmdTd2l0Y2hdPVwiZGV2aWNlXCI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hDYXNlPVwiJ3NwJ1wiPlxuICAgICAgPG9yZ2FuaXNtcy1zbWFydC1saXN0XG4gICAgICAgIFtpdGVtc109XCJpdGVtc1wiXG4gICAgICAgIChhY3Rpb24pPVwibmdBdG9taWMub25BY3Rpb24oJGV2ZW50KVwiXG4gICAgICA+PC9vcmdhbmlzbXMtc21hcnQtbGlzdD5cbiAgICA8L25nLWNvbnRhaW5lcj5cbiAgICA8bmctY29udGFpbmVyICpuZ1N3aXRjaERlZmF1bHQ+XG4gICAgICA8ZnJhbWVzLWRpdmlkZXI+XG4gICAgICAgIDxuZy1jb250ZW50IGZpcnN0IHNlbGVjdD1cIltkYXNoYm9hcmRdXCI+PC9uZy1jb250ZW50PlxuICAgICAgICA8ZGl2IHN0eWxlPVwiZGlzcGxheTogZmxleDsgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsgd2lkdGg6IDEwMCU7IGhlaWdodDogMTAwJTtcIiBzZWNvbmQ+XG4gICAgICAgICAgPG9yZ2FuaXNtcy1ncmlkLXRvb2xiYXJcbiAgICAgICAgICAgICpuZ0lmPVwiZ3JpZFRvb2xiYXJBY3Rpb25zXCJcbiAgICAgICAgICAgIFthY3Rpb25zXT1cImdyaWRUb29sYmFyQWN0aW9uc1wiXG4gICAgICAgICAgICAoYWN0aW9uKT1cIm5nQXRvbWljLm9uQWN0aW9uKCRldmVudClcIlxuICAgICAgICAgID48L29yZ2FuaXNtcy1ncmlkLXRvb2xiYXI+XG4gICAgICAgICAgPG9yZ2FuaXNtcy1zbWFydC10YWJsZVxuICAgICAgICAgICAgW2l0ZW1zXT1cIml0ZW1zXCJcbiAgICAgICAgICAgIFtpdGVtQWN0aW9uc109XCJpdGVtQWN0aW9uc1wiXG4gICAgICAgICAgICBbY29sdW1uc109XCJwcm9wZXJ0aWVzXCJcbiAgICAgICAgICAgIFtzZWxlY3RlZElkU2V0XT1cInNlbGVjdGVkSWRTZXRcIlxuICAgICAgICAgICAgW3NvcnRLZXldPVwic29ydEtleVwiXG4gICAgICAgICAgICBbc29ydE9yZGVyXT1cInNvcnRPcmRlclwiXG4gICAgICAgICAgICBbY2hpbGRyZW5LZXldPVwidGFibGVDaGlsZHJlbktleVwiXG4gICAgICAgICAgICAoYWN0aW9uKT1cIm5nQXRvbWljLm9uQWN0aW9uKCRldmVudClcIlxuICAgICAgICAgICAgKGNoZWNrYm94Q2xpY2spPVwib25DaGVja2JveENsaWNrSXRlbSgkZXZlbnQpXCJcbiAgICAgICAgICAgIChoZWFkZXJDbGljayk9XCJuZ0F0b21pYy5vbkFjdGlvbih7aWQ6IEFjdGlvbklkLlRBQkxFX0hFQURFUl9DTElDSywgcGF5bG9hZDogJGV2ZW50fSlcIlxuICAgICAgICAgID48L29yZ2FuaXNtcy1zbWFydC10YWJsZT5cbiAgICAgICAgICA8b3JnYW5pc21zLXBhZ2luYXRvclxuICAgICAgICAgICAgKm5nSWY9XCJmb3JtXCJcbiAgICAgICAgICAgIFtmb3JtXT1cImZvcm1cIlxuICAgICAgICAgICAgW3BhZ2VTaXplT3B0aW9uc109XCJwYWdlU2l6ZU9wdGlvbnNcIlxuICAgICAgICAgICAgW3BsYWNlaG9sZGVyXT1cInF1ZXJ5UGxhY2Vob2xkZXJcIlxuICAgICAgICAgICAgKHBhZ2VDaGFuZ2UpPVwicGFnZUNoYW5nZS5lbWl0KCRldmVudClcIlxuICAgICAgICAgID48L29yZ2FuaXNtcy1wYWdpbmF0b3I+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9mcmFtZXMtZGl2aWRlcj5cbiAgICAgIFxuICAgIDwvbmctY29udGFpbmVyPlxuICA8L2ZyYW1lcy1hdXRvLWxheW91dD5cbjwvZnJhbWVzLXNjcm9sbD4iXX0=

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

@@ -18,13 +18,13 @@ class IconAtom {
     }
 }
 IconAtom.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: IconAtom, deps: [{ token: i1.MatIconRegistry }], target: i0.ɵɵFactoryTarget.Component });
-IconAtom.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: IconAtom, isStandalone: true, selector: "atoms-icon", inputs: { name: "name", color: "color" }, host: { properties: { "style.--color": "this.color" } }, ngImport: i0, 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-BSMk: var(--color)}:host mat-icon{color:var(--color-SCOPED-IN-icon-BSMk)}:host mat-icon ::ng-deep svg .filled{transition:fill .5s;fill:var(--color-SCOPED-IN-icon-BSMk)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+IconAtom.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: IconAtom, isStandalone: true, selector: "atoms-icon", inputs: { name: "name", color: "color" }, host: { properties: { "style.--color": "this.color" } }, ngImport: i0, 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-zPIM: var(--color)}:host mat-icon{color:var(--color-SCOPED-IN-icon-zPIM)}:host mat-icon ::ng-deep svg .filled{transition:fill .5s;fill:var(--color-SCOPED-IN-icon-zPIM)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: IconAtom, decorators: [{
             type: Component,
             args: [{ selector: 'atoms-icon', standalone: true, imports: [
                         CommonModule,
                         MatIconModule,
-                    ], 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-BSMk: var(--color)}:host mat-icon{color:var(--color-SCOPED-IN-icon-BSMk)}:host mat-icon ::ng-deep svg .filled{transition:fill .5s;fill:var(--color-SCOPED-IN-icon-BSMk)}\n"] }]
+                    ], 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-zPIM: var(--color)}:host mat-icon{color:var(--color-SCOPED-IN-icon-zPIM)}:host mat-icon ::ng-deep svg .filled{transition:fill .5s;fill:var(--color-SCOPED-IN-icon-zPIM)}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.MatIconRegistry }]; }, propDecorators: { name: [{
                 type: Input
             }], color: [{

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

@@ -5,12 +5,12 @@ import { Component, ChangeDetectionStrategy } from '@angular/core';
 class AutoLayoutFrame {
 }
 AutoLayoutFrame.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: AutoLayoutFrame, deps: [], target: i0.ɵɵFactoryTarget.Component });
-AutoLayoutFrame.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: AutoLayoutFrame, isStandalone: true, selector: "frames-auto-layout", ngImport: i0, template: "<ng-content></ng-content>", styles: [":host{--gap: 24px;--gap-SCOPED-IN-auto-layout-HZVx: var(--gap);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-auto-layout-HZVx: var(--vertical-padding)}:host{display:flex;width:100%;height:100%;justify-content:center;gap:var(--gap-SCOPED-IN-auto-layout-HZVx);box-sizing:border-box;padding:var(--vertical-padding-SCOPED-IN-auto-layout-HZVx) 0}:host[horizontal]{flex-direction:row}:host[vertical]{flex-direction:column}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+AutoLayoutFrame.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: AutoLayoutFrame, isStandalone: true, selector: "frames-auto-layout", ngImport: i0, template: "<ng-content></ng-content>", styles: [":host{--gap: 24px;--gap-SCOPED-IN-auto-layout-HBBM: var(--gap);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-auto-layout-HBBM: var(--vertical-padding)}:host{display:flex;width:100%;height:100%;justify-content:center;gap:var(--gap-SCOPED-IN-auto-layout-HBBM);box-sizing:border-box;padding:var(--vertical-padding-SCOPED-IN-auto-layout-HBBM) 0}:host[horizontal]{flex-direction:row}:host[vertical]{flex-direction:column}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: AutoLayoutFrame, decorators: [{
             type: Component,
             args: [{ selector: 'frames-auto-layout', standalone: true, imports: [
                         CommonModule,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>", styles: [":host{--gap: 24px;--gap-SCOPED-IN-auto-layout-HZVx: var(--gap);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-auto-layout-HZVx: var(--vertical-padding)}:host{display:flex;width:100%;height:100%;justify-content:center;gap:var(--gap-SCOPED-IN-auto-layout-HZVx);box-sizing:border-box;padding:var(--vertical-padding-SCOPED-IN-auto-layout-HZVx) 0}:host[horizontal]{flex-direction:row}:host[vertical]{flex-direction:column}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>", styles: [":host{--gap: 24px;--gap-SCOPED-IN-auto-layout-HBBM: var(--gap);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-auto-layout-HBBM: var(--vertical-padding)}:host{display:flex;width:100%;height:100%;justify-content:center;gap:var(--gap-SCOPED-IN-auto-layout-HBBM);box-sizing:border-box;padding:var(--vertical-padding-SCOPED-IN-auto-layout-HBBM) 0}:host[horizontal]{flex-direction:row}:host[vertical]{flex-direction:column}\n"] }]
         }] });
 
 /**

package/fesm2015/ng-atomic-components-frames-divider.mjs

@@ -38,7 +38,7 @@ DividerFrame.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version:
     <div class="second">
       <ng-content select="[second]"></ng-content>
     </div>
-  `, isInline: true, styles: [":host{--first-content-height: inherit;--first-content-height-SCOPED-IN-divider-KYfJ: var(--first-content-height)}:host{position:relative;display:flex;flex-direction:column;height:100%;width:100%}:host div.first{height:var(--first-content-height-SCOPED-IN-divider-KYfJ);overflow:hidden;display:flex;flex-direction:column}:host mat-divider{z-index:1000;width:100%;cursor:row-resize}:host div.second{display:flex;flex-direction:column;height:calc(100% - var(--first-content-height-SCOPED-IN-divider-KYfJ));overflow:hidden}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, styles: [":host{--first-content-height: inherit;--first-content-height-SCOPED-IN-divider-3MoB: var(--first-content-height)}:host{position:relative;display:flex;flex-direction:column;height:100%;width:100%}:host div.first{height:var(--first-content-height-SCOPED-IN-divider-3MoB);overflow:hidden;display:flex;flex-direction:column}:host mat-divider{z-index:1000;width:100%;cursor:row-resize}:host div.second{display:flex;flex-direction:column;height:calc(100% - var(--first-content-height-SCOPED-IN-divider-3MoB));overflow:hidden}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: DividerFrame, decorators: [{
             type: Component,
             args: [{ selector: 'frames-divider', standalone: true, imports: [
@@ -61,7 +61,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImpor
     <div class="second">
       <ng-content select="[second]"></ng-content>
     </div>
-  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--first-content-height: inherit;--first-content-height-SCOPED-IN-divider-KYfJ: var(--first-content-height)}:host{position:relative;display:flex;flex-direction:column;height:100%;width:100%}:host div.first{height:var(--first-content-height-SCOPED-IN-divider-KYfJ);overflow:hidden;display:flex;flex-direction:column}:host mat-divider{z-index:1000;width:100%;cursor:row-resize}:host div.second{display:flex;flex-direction:column;height:calc(100% - var(--first-content-height-SCOPED-IN-divider-KYfJ));overflow:hidden}\n"] }]
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--first-content-height: inherit;--first-content-height-SCOPED-IN-divider-3MoB: var(--first-content-height)}:host{position:relative;display:flex;flex-direction:column;height:100%;width:100%}:host div.first{height:var(--first-content-height-SCOPED-IN-divider-3MoB);overflow:hidden;display:flex;flex-direction:column}:host mat-divider{z-index:1000;width:100%;cursor:row-resize}:host div.second{display:flex;flex-direction:column;height:calc(100% - var(--first-content-height-SCOPED-IN-divider-3MoB));overflow:hidden}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { divider: [{
                 type: ViewChild,
                 args: ['el', { read: ElementRef }]

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

@@ -27,13 +27,13 @@ class DrawerFrame {
     }
 }
 DrawerFrame.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: DrawerFrame, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DrawerFrame.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: DrawerFrame, isStandalone: true, selector: "frames-drawer", inputs: { isOpen: "isOpen" }, viewQueries: [{ propertyName: "drawer", first: true, predicate: MatDrawer, descendants: true }], ngImport: i0, template: "<mat-drawer-container [autosize]=\"false\">\n  <mat-drawer #drawer mode=\"side\">\n    <ng-content select=[drawer]></ng-content>\n  </mat-drawer>\n\n  <mat-drawer-content>\n    <ng-content select=[contents]></ng-content>\n  </mat-drawer-content>\n  \n</mat-drawer-container>", styles: [":host{--content-width: 360px;--content-width-SCOPED-IN-drawer-bBwj: var(--content-width);--height: 100vh;--height-SCOPED-IN-drawer-bBwj: var(--height)}:host{height:var(--height-SCOPED-IN-drawer-bBwj)}:host mat-drawer-content{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatSidenavModule }, { kind: "component", type: i1.MatDrawer, selector: "mat-drawer", inputs: ["position", "mode", "disableClose", "autoFocus", "opened"], outputs: ["openedChange", "opened", "openedStart", "closed", "closedStart", "positionChanged"], exportAs: ["matDrawer"] }, { kind: "component", type: i1.MatDrawerContainer, selector: "mat-drawer-container", inputs: ["autosize", "hasBackdrop"], outputs: ["backdropClick"], exportAs: ["matDrawerContainer"] }, { kind: "component", type: i1.MatDrawerContent, selector: "mat-drawer-content" }] });
+DrawerFrame.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: DrawerFrame, isStandalone: true, selector: "frames-drawer", inputs: { isOpen: "isOpen" }, viewQueries: [{ propertyName: "drawer", first: true, predicate: MatDrawer, descendants: true }], ngImport: i0, template: "<mat-drawer-container [autosize]=\"false\">\n  <mat-drawer #drawer mode=\"side\">\n    <ng-content select=[drawer]></ng-content>\n  </mat-drawer>\n\n  <mat-drawer-content>\n    <ng-content select=[contents]></ng-content>\n  </mat-drawer-content>\n  \n</mat-drawer-container>", styles: [":host{--content-width: 360px;--content-width-SCOPED-IN-drawer-0TRM: var(--content-width);--height: 100vh;--height-SCOPED-IN-drawer-0TRM: var(--height)}:host{height:var(--height-SCOPED-IN-drawer-0TRM)}:host mat-drawer-content{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatSidenavModule }, { kind: "component", type: i1.MatDrawer, selector: "mat-drawer", inputs: ["position", "mode", "disableClose", "autoFocus", "opened"], outputs: ["openedChange", "opened", "openedStart", "closed", "closedStart", "positionChanged"], exportAs: ["matDrawer"] }, { kind: "component", type: i1.MatDrawerContainer, selector: "mat-drawer-container", inputs: ["autosize", "hasBackdrop"], outputs: ["backdropClick"], exportAs: ["matDrawerContainer"] }, { kind: "component", type: i1.MatDrawerContent, selector: "mat-drawer-content" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: DrawerFrame, decorators: [{
             type: Component,
             args: [{ selector: 'frames-drawer', standalone: true, imports: [
                         CommonModule,
                         MatSidenavModule,
-                    ], 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-bBwj: var(--content-width);--height: 100vh;--height-SCOPED-IN-drawer-bBwj: var(--height)}:host{height:var(--height-SCOPED-IN-drawer-bBwj)}:host mat-drawer-content{width:100%}\n"] }]
+                    ], 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-0TRM: var(--content-width);--height: 100vh;--height-SCOPED-IN-drawer-0TRM: var(--height)}:host{height:var(--height-SCOPED-IN-drawer-0TRM)}:host mat-drawer-content{width:100%}\n"] }]
         }], propDecorators: { drawer: [{
                 type: ViewChild,
                 args: [MatDrawer]