@ng-atomic/components 5.3.1 → 5.4.0

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

@@ -14,10 +14,10 @@ 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, 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-Te4m: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-Te4m);box-sizing:border-box}:host .molecule.input-field,:host mat-form-field{width:100%}\n"], dependencies: [{ kind: "component", type: i1.TextInputFieldMolecule, selector: "molecules-text-input-field", inputs: ["type", "name", "label", "control", "placeholder", "hint"] }] });
+TextInputSectionOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: TextInputSectionOrganism, 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-3cOT: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-3cOT);box-sizing:border-box}:host .molecule.input-field,:host mat-form-field{width:100%}\n"], dependencies: [{ kind: "component", type: i1.TextInputFieldMolecule, selector: "molecules-text-input-field", inputs: ["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', 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-Te4m: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-Te4m);box-sizing:border-box}:host .molecule.input-field,:host mat-form-field{width:100%}\n"] }]
+            args: [{ selector: 'organisms-text-input-section', template: "<molecules-text-input-field\n  [type]=\"type\"\n  [control]=\"control\"\n  [label]=\"label\"\n  [placeholder]=\"placeholder\"\n></molecules-text-input-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-3cOT: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-3cOT);box-sizing:border-box}:host .molecule.input-field,:host mat-form-field{width:100%}\n"] }]
         }], propDecorators: { label: [{
                 type: Input
             }], placeholder: [{

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

@@ -1,5 +1,6 @@
 import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy, Input, NgModule } from '@angular/core';
+import { EventEmitter, Component, ChangeDetectionStrategy, Input, Output, NgModule } from '@angular/core';
+import { FormControl } from '@angular/forms';
 import * as i1 from '@ng-atomic/components/molecules/textarea-field';
 import { TextareaFieldModule } from '@ng-atomic/components/molecules/textarea-field';
 import { CommonModule } from '@angular/common';
@@ -7,15 +8,24 @@ import { CommonModule } from '@angular/common';
 class TextareaSectionOrganism {
     constructor() {
         this.label = 'label';
+        this.rows = 10;
+        this.control = new FormControl('');
+        this.action = new EventEmitter();
     }
 }
 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, selector: "organisms-textarea-section", inputs: { label: "label" }, ngImport: i0, template: "<molecules-textarea-field\n  [label]=\"label\"\n></molecules-textarea-field>", styles: [":host{--vertical-padding: 16px;--vertical-padding-SCOPED-IN-textarea-section-Sl40: var(--vertical-padding)}:host{display:block;padding:0 var(--vertical-padding-SCOPED-IN-textarea-section-Sl40);box-sizing:border-box}:host molecules-textarea-field{width:100%}\n"], dependencies: [{ kind: "component", type: i1.TextareaFieldMolecule, selector: "molecules-textarea-field", inputs: ["label", "hint", "placeholder"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+TextareaSectionOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: TextareaSectionOrganism, 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-fAEY: var(--vertical-padding)}:host{display:block;padding:0 var(--vertical-padding-SCOPED-IN-textarea-section-fAEY);box-sizing:border-box}:host molecules-textarea-field{width:100%}\n"], dependencies: [{ kind: "component", type: i1.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', changeDetection: ChangeDetectionStrategy.OnPush, template: "<molecules-textarea-field\n  [label]=\"label\"\n></molecules-textarea-field>", styles: [":host{--vertical-padding: 16px;--vertical-padding-SCOPED-IN-textarea-section-Sl40: var(--vertical-padding)}:host{display:block;padding:0 var(--vertical-padding-SCOPED-IN-textarea-section-Sl40);box-sizing:border-box}:host molecules-textarea-field{width:100%}\n"] }]
+            args: [{ selector: 'organisms-textarea-section', 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-fAEY: var(--vertical-padding)}:host{display:block;padding:0 var(--vertical-padding-SCOPED-IN-textarea-section-fAEY);box-sizing:border-box}:host molecules-textarea-field{width:100%}\n"] }]
         }], propDecorators: { label: [{
                 type: Input
+            }], rows: [{
+                type: Input
+            }], control: [{
+                type: Input
+            }], action: [{
+                type: Output
             }] } });
 
 class TextareaSectionModule {

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

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-organisms-textarea-section.mjs","sources":["../../../../../packages/@ng-atomic/components/src/organisms/textarea-section/textarea-section.organism.ts","../../../../../packages/@ng-atomic/components/src/organisms/textarea-section/textarea-section.organism.html","../../../../../packages/@ng-atomic/components/src/organisms/textarea-section/textarea-section.module.ts","../../../../../packages/@ng-atomic/components/src/organisms/textarea-section/ng-atomic-components-organisms-textarea-section.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\n\n@Component({\n  selector: 'organisms-textarea-section',\n  templateUrl: './textarea-section.organism.html',\n  styleUrls: ['./textarea-section.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TextareaSectionOrganism {\n\n  @Input()\n  label = 'label';\n\n}\n","<molecules-textarea-field\n  [label]=\"label\"\n></molecules-textarea-field>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { TextareaFieldModule } from '@ng-atomic/components/molecules/textarea-field';\n\nimport { TextareaSectionOrganism } from './textarea-section.organism';\n\n\n@NgModule({\n  declarations: [TextareaSectionOrganism],\n  imports: [\n    CommonModule,\n    // Molecules\n    TextareaFieldModule,\n  ],\n  exports: [TextareaSectionOrganism]\n})\nexport class TextareaSectionModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MAQa,uBAAuB,CAAA;AANpC,IAAA,WAAA,GAAA;AASE,QAAA,IAAK,CAAA,KAAA,GAAG,OAAO,CAAC;KAEjB;;oHALY,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAvB,uBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,uBAAuB,8FCRpC,8EAE4B,EAAA,MAAA,EAAA,CAAA,qQAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,qBAAA,EAAA,QAAA,EAAA,0BAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,MAAA,EAAA,aAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;2FDMf,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBANnC,SAAS;+BACE,4BAA4B,EAAA,eAAA,EAGrB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,8EAAA,EAAA,MAAA,EAAA,CAAA,qQAAA,CAAA,EAAA,CAAA;8BAK/C,KAAK,EAAA,CAAA;sBADJ,KAAK;;;MEMK,qBAAqB,CAAA;;kHAArB,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;mHAArB,qBAAqB,EAAA,YAAA,EAAA,CARjB,uBAAuB,CAAA,EAAA,OAAA,EAAA,CAEpC,YAAY;;QAEZ,mBAAmB,aAEX,uBAAuB,CAAA,EAAA,CAAA,CAAA;AAEtB,qBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,qBAAqB,YAN9B,YAAY;;QAEZ,mBAAmB,CAAA,EAAA,CAAA,CAAA;2FAIV,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBATjC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,uBAAuB,CAAC;AACvC,oBAAA,OAAO,EAAE;wBACP,YAAY;;wBAEZ,mBAAmB;AACpB,qBAAA;oBACD,OAAO,EAAE,CAAC,uBAAuB,CAAC;iBACnC,CAAA;;;ACfD;;AAEG;;;;"}
+{"version":3,"file":"ng-atomic-components-organisms-textarea-section.mjs","sources":["../../../../../packages/@ng-atomic/components/src/organisms/textarea-section/textarea-section.organism.ts","../../../../../packages/@ng-atomic/components/src/organisms/textarea-section/textarea-section.organism.html","../../../../../packages/@ng-atomic/components/src/organisms/textarea-section/textarea-section.module.ts","../../../../../packages/@ng-atomic/components/src/organisms/textarea-section/ng-atomic-components-organisms-textarea-section.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input, Output, EventEmitter } from '@angular/core';\nimport { FormControl } from '@angular/forms';\nimport { Action } from '@ng-atomic/common/models';\n\n@Component({\n  selector: 'organisms-textarea-section',\n  templateUrl: './textarea-section.organism.html',\n  styleUrls: ['./textarea-section.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TextareaSectionOrganism {\n\n  @Input()\n  label = 'label';\n\n  @Input()\n  rows = 10;\n\n  @Input()\n  control = new FormControl('');\n\n  @Output()\n  action = new EventEmitter<Action>();\n\n}\n","<molecules-textarea-field\n  [control]=\"control\"\n  [label]=\"label\"\n  [rows]=\"rows\"\n  (action)=\"action.emit($event)\"\n></molecules-textarea-field>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { TextareaFieldModule } from '@ng-atomic/components/molecules/textarea-field';\n\nimport { TextareaSectionOrganism } from './textarea-section.organism';\n\n\n@NgModule({\n  declarations: [TextareaSectionOrganism],\n  imports: [\n    CommonModule,\n    // Molecules\n    TextareaFieldModule,\n  ],\n  exports: [TextareaSectionOrganism]\n})\nexport class TextareaSectionModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;MAUa,uBAAuB,CAAA;AANpC,IAAA,WAAA,GAAA;AASE,QAAA,IAAK,CAAA,KAAA,GAAG,OAAO,CAAC;AAGhB,QAAA,IAAI,CAAA,IAAA,GAAG,EAAE,CAAC;QAGV,IAAA,CAAA,OAAO,GAAG,IAAI,WAAW,CAAC,EAAE,CAAC,CAAC;AAG9B,QAAA,IAAA,CAAA,MAAM,GAAG,IAAI,YAAY,EAAU,CAAC;KAErC;;oHAdY,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAvB,uBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,uBAAuB,+JCVpC,8JAK4B,EAAA,MAAA,EAAA,CAAA,qQAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,qBAAA,EAAA,QAAA,EAAA,0BAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,MAAA,EAAA,aAAA,EAAA,SAAA,EAAA,MAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;2FDKf,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBANnC,SAAS;+BACE,4BAA4B,EAAA,eAAA,EAGrB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,8JAAA,EAAA,MAAA,EAAA,CAAA,qQAAA,CAAA,EAAA,CAAA;8BAK/C,KAAK,EAAA,CAAA;sBADJ,KAAK;gBAIN,IAAI,EAAA,CAAA;sBADH,KAAK;gBAIN,OAAO,EAAA,CAAA;sBADN,KAAK;gBAIN,MAAM,EAAA,CAAA;sBADL,MAAM;;;MELI,qBAAqB,CAAA;;kHAArB,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;mHAArB,qBAAqB,EAAA,YAAA,EAAA,CARjB,uBAAuB,CAAA,EAAA,OAAA,EAAA,CAEpC,YAAY;;QAEZ,mBAAmB,aAEX,uBAAuB,CAAA,EAAA,CAAA,CAAA;AAEtB,qBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,qBAAqB,YAN9B,YAAY;;QAEZ,mBAAmB,CAAA,EAAA,CAAA,CAAA;2FAIV,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBATjC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,uBAAuB,CAAC;AACvC,oBAAA,OAAO,EAAE;wBACP,YAAY;;wBAEZ,mBAAmB;AACpB,qBAAA;oBACD,OAAO,EAAE,CAAC,uBAAuB,CAAC;iBACnC,CAAA;;;ACfD;;AAEG;;;;"}

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

@@ -15,10 +15,10 @@ 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, 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-JIi6: 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-JIi6);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: "component", type: i1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: i2.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, 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-DxRj: 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-DxRj);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: "component", type: i1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: i2.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', 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-JIi6: 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-JIi6);font-size:1.25rem;line-height:21px}:host mat-toolbar .title-container atoms-kurakatsu-logo{width:auto}:host mat-toolbar atoms-user-icon{width:32px;height:32px}\n"] }]
+            args: [{ selector: 'organisms-top-navigator', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-toolbar color=\"primary\">\n  <div class=\"title-container\">\n    {{ title || '' }}\n  </div>\n  <div>\n    <atoms-smart-menu-button\n      [items]=\"items\"\n      (action)=\"action.emit($event)\"\n    ></atoms-smart-menu-button>\n  </div>\n</mat-toolbar>\n", styles: [":host{--primary-500-SCOPED-IN-top-navigator-DxRj: 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-DxRj);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/fesm2015/ng-atomic-components-organisms-top-navigator.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-organisms-top-navigator.mjs","sources":["../../../../../packages/@ng-atomic/components/src/organisms/top-navigator/top-navigator.organism.ts","../../../../../packages/@ng-atomic/components/src/organisms/top-navigator/top-navigator.organism.html","../../../../../packages/@ng-atomic/components/src/organisms/top-navigator/top-navigator.module.ts","../../../../../packages/@ng-atomic/components/src/organisms/top-navigator/ng-atomic-components-organisms-top-navigator.ts"],"sourcesContent":["import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy } from '@angular/core';\nimport { ActionItem } from '@ng-atomic/common/models';\n\n\n@Component({\n  selector: 'organisms-top-navigator',\n  templateUrl: './top-navigator.organism.html',\n  styleUrls: ['./top-navigator.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TopNavigatorOrganism {\n\n  @Input()\n  title?: string;\n\n  @Input()\n  items: ActionItem[] = [];\n\n  @Output()\n  action = new EventEmitter<ActionItem>();\n  \n  id = (item: {id: string}) => item.id;\n\n}\n","<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","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatToolbarModule } from '@angular/material/toolbar';\nimport { MatLegacyMenuModule as MatMenuModule } from '@angular/material/legacy-menu';\nimport { SmartMenuButtonModule } from '@ng-atomic/components/atoms/smart-menu-button';\nimport { TopNavigatorOrganism } from './top-navigator.organism';\n\n\n@NgModule({\n  declarations: [\n    TopNavigatorOrganism\n  ],\n  imports: [\n    CommonModule,\n    // Material\n    MatToolbarModule,\n    MatMenuModule,\n    // Atoms\n    SmartMenuButtonModule,\n  ],\n  exports: [\n    TopNavigatorOrganism\n  ]\n})\nexport class TopNavigatorModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["MatMenuModule"],"mappings":";;;;;;;;;MAUa,oBAAoB,CAAA;AANjC,IAAA,WAAA,GAAA;AAYE,QAAA,IAAK,CAAA,KAAA,GAAiB,EAAE,CAAC;AAGzB,QAAA,IAAA,CAAA,MAAM,GAAG,IAAI,YAAY,EAAc,CAAC;QAExC,IAAE,CAAA,EAAA,GAAG,CAAC,IAAkB,KAAK,IAAI,CAAC,EAAE,CAAC;KAEtC;;iHAbY,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAApB,oBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,oBAAoB,0ICVjC,0QAWA,EAAA,MAAA,EAAA,CAAA,odAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,UAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,OAAA,CAAA,EAAA,QAAA,EAAA,CAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,mBAAA,EAAA,QAAA,EAAA,yBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;2FDDa,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBANhC,SAAS;+BACE,yBAAyB,EAAA,eAAA,EAGlB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,0QAAA,EAAA,MAAA,EAAA,CAAA,odAAA,CAAA,EAAA,CAAA;8BAK/C,KAAK,EAAA,CAAA;sBADJ,KAAK;gBAIN,KAAK,EAAA,CAAA;sBADJ,KAAK;gBAIN,MAAM,EAAA,CAAA;sBADL,MAAM;;;MEMI,kBAAkB,CAAA;;+GAAlB,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;gHAAlB,kBAAkB,EAAA,YAAA,EAAA,CAd3B,oBAAoB,CAAA,EAAA,OAAA,EAAA,CAGpB,YAAY;;QAEZ,gBAAgB;QAChBA,mBAAa;;QAEb,qBAAqB,aAGrB,oBAAoB,CAAA,EAAA,CAAA,CAAA;AAGX,kBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,kBAAkB,YAX3B,YAAY;;QAEZ,gBAAgB;QAChBA,mBAAa;;QAEb,qBAAqB,CAAA,EAAA,CAAA,CAAA;2FAMZ,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAhB9B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,oBAAoB;AACrB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;;wBAEZ,gBAAgB;wBAChBA,mBAAa;;wBAEb,qBAAqB;AACtB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,oBAAoB;AACrB,qBAAA;iBACF,CAAA;;;ACvBD;;AAEG;;;;"}
+{"version":3,"file":"ng-atomic-components-organisms-top-navigator.mjs","sources":["../../../../../packages/@ng-atomic/components/src/organisms/top-navigator/top-navigator.organism.ts","../../../../../packages/@ng-atomic/components/src/organisms/top-navigator/top-navigator.organism.html","../../../../../packages/@ng-atomic/components/src/organisms/top-navigator/top-navigator.module.ts","../../../../../packages/@ng-atomic/components/src/organisms/top-navigator/ng-atomic-components-organisms-top-navigator.ts"],"sourcesContent":["import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy } from '@angular/core';\nimport { Action } from '@ng-atomic/common/models';\n\n\n@Component({\n  selector: 'organisms-top-navigator',\n  templateUrl: './top-navigator.organism.html',\n  styleUrls: ['./top-navigator.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TopNavigatorOrganism {\n\n  @Input()\n  title?: string;\n\n  @Input()\n  items: Action[] = [];\n\n  @Output()\n  action = new EventEmitter<Action>();\n  \n  id = (item: {id: string}) => item.id;\n\n}\n","<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","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatToolbarModule } from '@angular/material/toolbar';\nimport { MatLegacyMenuModule as MatMenuModule } from '@angular/material/legacy-menu';\nimport { SmartMenuButtonModule } from '@ng-atomic/components/atoms/smart-menu-button';\nimport { TopNavigatorOrganism } from './top-navigator.organism';\n\n\n@NgModule({\n  declarations: [\n    TopNavigatorOrganism\n  ],\n  imports: [\n    CommonModule,\n    // Material\n    MatToolbarModule,\n    MatMenuModule,\n    // Atoms\n    SmartMenuButtonModule,\n  ],\n  exports: [\n    TopNavigatorOrganism\n  ]\n})\nexport class TopNavigatorModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["MatMenuModule"],"mappings":";;;;;;;;;MAUa,oBAAoB,CAAA;AANjC,IAAA,WAAA,GAAA;AAYE,QAAA,IAAK,CAAA,KAAA,GAAa,EAAE,CAAC;AAGrB,QAAA,IAAA,CAAA,MAAM,GAAG,IAAI,YAAY,EAAU,CAAC;QAEpC,IAAE,CAAA,EAAA,GAAG,CAAC,IAAkB,KAAK,IAAI,CAAC,EAAE,CAAC;KAEtC;;iHAbY,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAApB,oBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,oBAAoB,0ICVjC,0QAWA,EAAA,MAAA,EAAA,CAAA,odAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,UAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,OAAA,CAAA,EAAA,QAAA,EAAA,CAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,mBAAA,EAAA,QAAA,EAAA,yBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;2FDDa,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBANhC,SAAS;+BACE,yBAAyB,EAAA,eAAA,EAGlB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,0QAAA,EAAA,MAAA,EAAA,CAAA,odAAA,CAAA,EAAA,CAAA;8BAK/C,KAAK,EAAA,CAAA;sBADJ,KAAK;gBAIN,KAAK,EAAA,CAAA;sBADJ,KAAK;gBAIN,MAAM,EAAA,CAAA;sBADL,MAAM;;;MEMI,kBAAkB,CAAA;;+GAAlB,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;gHAAlB,kBAAkB,EAAA,YAAA,EAAA,CAd3B,oBAAoB,CAAA,EAAA,OAAA,EAAA,CAGpB,YAAY;;QAEZ,gBAAgB;QAChBA,mBAAa;;QAEb,qBAAqB,aAGrB,oBAAoB,CAAA,EAAA,CAAA,CAAA;AAGX,kBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,kBAAkB,YAX3B,YAAY;;QAEZ,gBAAgB;QAChBA,mBAAa;;QAEb,qBAAqB,CAAA,EAAA,CAAA,CAAA;2FAMZ,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAhB9B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,oBAAoB;AACrB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;;wBAEZ,gBAAgB;wBAChBA,mBAAa;;wBAEb,qBAAqB;AACtB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,oBAAoB;AACrB,qBAAA;iBACF,CAAA;;;ACvBD;;AAEG;;;;"}

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

@@ -52,10 +52,10 @@ 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, 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-bajN: var(--horizontal-padding);--background-color: #eee;--background-color-SCOPED-IN-entrance-bajN: var(--background-color)}:host{display:flex;justify-content:center;align-items:center;background-color:var(--background-color-SCOPED-IN-entrance-bajN);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-bajN)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.AutoLayoutFrame, selector: "frames-auto-layout" }, { kind: "component", type: i3.CardFrame, selector: "frames-card" }, { kind: "component", type: i4.ActionButtonsSectionOrganism, selector: "organisms-action-buttons-section", inputs: ["actions"], outputs: ["action"] }, { kind: "component", type: i5.HeadingOrganism, selector: "organisms-heading", inputs: ["level"] }, { kind: "component", type: i6.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, 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-Vb1D: var(--horizontal-padding);--background-color: #eee;--background-color-SCOPED-IN-entrance-Vb1D: var(--background-color)}:host{display:flex;justify-content:center;align-items:center;background-color:var(--background-color-SCOPED-IN-entrance-Vb1D);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-Vb1D)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.AutoLayoutFrame, selector: "frames-auto-layout" }, { kind: "component", type: i3.CardFrame, selector: "frames-card" }, { kind: "component", type: i4.ActionButtonsSectionOrganism, selector: "organisms-action-buttons-section", inputs: ["actions"], outputs: ["action"] }, { kind: "component", type: i5.HeadingOrganism, selector: "organisms-heading", inputs: ["level"] }, { kind: "component", type: i6.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', 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-bajN: var(--horizontal-padding);--background-color: #eee;--background-color-SCOPED-IN-entrance-bajN: var(--background-color)}:host{display:flex;justify-content:center;align-items:center;background-color:var(--background-color-SCOPED-IN-entrance-bajN);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-bajN)}\n"] }]
+            args: [{ selector: 'templates-entrance', host: { class: 'template' }, changeDetection: ChangeDetectionStrategy.OnPush, template: "<frames-card>\n  <frames-auto-layout vertical>\n    <organisms-heading>\u30ED\u30B0\u30A4\u30F3</organisms-heading>\n    <organisms-text-input-section\n      *ngIf=\"isEmailSectionShown\"\n      label=\"\u30E1\u30FC\u30EB\u30A2\u30C9\u30EC\u30B9\"\n      [control]=\"form.get('email')\"\n    ></organisms-text-input-section>\n    <organisms-text-input-section\n      *ngIf=\"isPasswordSectionShown\"\n      label=\"\u30D1\u30B9\u30EF\u30FC\u30C9\"\n      [control]=\"form.get('password')\"\n    ></organisms-text-input-section>\n    <organisms-action-buttons-section\n      [actions]=\"actions\"\n      (action)=\"action.emit($event)\"\n    ></organisms-action-buttons-section>\n  </frames-auto-layout>\n</frames-card>\n", styles: [":host{--horizontal-padding: 64px;--horizontal-padding-SCOPED-IN-entrance-Vb1D: var(--horizontal-padding);--background-color: #eee;--background-color-SCOPED-IN-entrance-Vb1D: var(--background-color)}:host{display:flex;justify-content:center;align-items:center;background-color:var(--background-color-SCOPED-IN-entrance-Vb1D);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-Vb1D)}\n"] }]
         }], propDecorators: { form: [{
                 type: Input
             }], isEmailSectionShown: [{

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

@@ -6,16 +6,16 @@ import { CommonModule } from '@angular/common';
 
 class MenuTemplate {
     constructor() {
-        this.items = [];
+        this.actions = [];
         this.action = new EventEmitter();
     }
 }
 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, selector: "templates-menu", inputs: { items: "items" }, outputs: { action: "action" }, ngImport: i0, template: "<div class=\"top\">\n  <ng-content select=[header]></ng-content>\n  <organisms-navigation-list\n    [items]=\"items\"\n    (action)=\"action.emit($event)\"\n  ></organisms-navigation-list>\n</div>\n<div class=\"bottom\">\n  <ng-content select=[footer]></ng-content>\n</div>", styles: [":host{--primary-color: #3f51b5;--primary-color-SCOPED-IN-menu-W0pS: var(--primary-color);--secondary-color: #3f51b5;--secondary-color-SCOPED-IN-menu-W0pS: var(--secondary-color);--width: 100%;--width-SCOPED-IN-menu-W0pS: var(--width);--height: 100%;--height-SCOPED-IN-menu-W0pS: var(--height)}:host{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-W0pS);height:var(--height-SCOPED-IN-menu-W0pS);color:#fff;background-color:var(--primary-color-SCOPED-IN-menu-W0pS)}:host organisms-navigation-list{transition:width .5s;--primary-color: var(--primary-color-SCOPED-IN-menu-W0pS);--secondary-color: var(--secondary-color-SCOPED-IN-menu-W0pS)}\n"], dependencies: [{ kind: "component", type: i1.NavigationListOrganism, selector: "organisms-navigation-list", inputs: ["items"], outputs: ["action"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+MenuTemplate.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: MenuTemplate, 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-p0LD: var(--primary-color);--secondary-color: #3f51b5;--secondary-color-SCOPED-IN-menu-p0LD: var(--secondary-color);--width: 100%;--width-SCOPED-IN-menu-p0LD: var(--width);--height: 100%;--height-SCOPED-IN-menu-p0LD: var(--height)}:host{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-p0LD);height:var(--height-SCOPED-IN-menu-p0LD);color:#fff;background-color:var(--primary-color-SCOPED-IN-menu-p0LD)}:host organisms-navigation-list{transition:width .5s;--primary-color: var(--primary-color-SCOPED-IN-menu-p0LD);--secondary-color: var(--secondary-color-SCOPED-IN-menu-p0LD)}\n"], dependencies: [{ kind: "component", type: i1.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: [{ selector: 'templates-menu', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"top\">\n  <ng-content select=[header]></ng-content>\n  <organisms-navigation-list\n    [items]=\"items\"\n    (action)=\"action.emit($event)\"\n  ></organisms-navigation-list>\n</div>\n<div class=\"bottom\">\n  <ng-content select=[footer]></ng-content>\n</div>", styles: [":host{--primary-color: #3f51b5;--primary-color-SCOPED-IN-menu-W0pS: var(--primary-color);--secondary-color: #3f51b5;--secondary-color-SCOPED-IN-menu-W0pS: var(--secondary-color);--width: 100%;--width-SCOPED-IN-menu-W0pS: var(--width);--height: 100%;--height-SCOPED-IN-menu-W0pS: var(--height)}:host{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-W0pS);height:var(--height-SCOPED-IN-menu-W0pS);color:#fff;background-color:var(--primary-color-SCOPED-IN-menu-W0pS)}:host organisms-navigation-list{transition:width .5s;--primary-color: var(--primary-color-SCOPED-IN-menu-W0pS);--secondary-color: var(--secondary-color-SCOPED-IN-menu-W0pS)}\n"] }]
-        }], propDecorators: { items: [{
+            args: [{ 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-p0LD: var(--primary-color);--secondary-color: #3f51b5;--secondary-color-SCOPED-IN-menu-p0LD: var(--secondary-color);--width: 100%;--width-SCOPED-IN-menu-p0LD: var(--width);--height: 100%;--height-SCOPED-IN-menu-p0LD: var(--height)}:host{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-p0LD);height:var(--height-SCOPED-IN-menu-p0LD);color:#fff;background-color:var(--primary-color-SCOPED-IN-menu-p0LD)}:host organisms-navigation-list{transition:width .5s;--primary-color: var(--primary-color-SCOPED-IN-menu-p0LD);--secondary-color: var(--secondary-color-SCOPED-IN-menu-p0LD)}\n"] }]
+        }], propDecorators: { actions: [{
                 type: Input
             }], action: [{
                 type: Output

package/fesm2015/ng-atomic-components-templates-menu.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-templates-menu.mjs","sources":["../../../../../packages/@ng-atomic/components/src/templates/menu/menu.template.ts","../../../../../packages/@ng-atomic/components/src/templates/menu/menu.template.html","../../../../../packages/@ng-atomic/components/src/templates/menu/menu.module.ts","../../../../../packages/@ng-atomic/components/src/templates/menu/ng-atomic-components-templates-menu.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { Action, ActionItem } from '@ng-atomic/common/models';\n\n@Component({\n  selector: 'templates-menu',\n  templateUrl: './menu.template.html',\n  styleUrls: ['./menu.template.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MenuTemplate {\n\n  @Input()\n  items: ActionItem<string>[] = [];\n\n  @Output()\n  action = new EventEmitter<Action>();\n\n}\n","<div class=\"top\">\n  <ng-content select=[header]></ng-content>\n  <organisms-navigation-list\n    [items]=\"items\"\n    (action)=\"action.emit($event)\"\n  ></organisms-navigation-list>\n</div>\n<div class=\"bottom\">\n  <ng-content select=[footer]></ng-content>\n</div>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { NavigationListModule } from '@ng-atomic/components/organisms/navigation-list';\n\nimport { MenuTemplate } from './menu.template';\n\n\n@NgModule({\n  declarations: [MenuTemplate],\n  imports: [\n    CommonModule,\n    // Organisms\n    NavigationListModule,\n  ],\n  exports: [MenuTemplate],\n  bootstrap: [MenuTemplate],\n})\nexport class MenuModule { }\n\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MASa,YAAY,CAAA;AANzB,IAAA,WAAA,GAAA;AASE,QAAA,IAAK,CAAA,KAAA,GAAyB,EAAE,CAAC;AAGjC,QAAA,IAAA,CAAA,MAAM,GAAG,IAAI,YAAY,EAAU,CAAC;KAErC;;yGARY,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAZ,YAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAY,iHCTzB,mRASM,EAAA,MAAA,EAAA,CAAA,krBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,sBAAA,EAAA,QAAA,EAAA,2BAAA,EAAA,MAAA,EAAA,CAAA,OAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;2FDAO,YAAY,EAAA,UAAA,EAAA,CAAA;kBANxB,SAAS;+BACE,gBAAgB,EAAA,eAAA,EAGT,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,mRAAA,EAAA,MAAA,EAAA,CAAA,krBAAA,CAAA,EAAA,CAAA;8BAK/C,KAAK,EAAA,CAAA;sBADJ,KAAK;gBAIN,MAAM,EAAA,CAAA;sBADL,MAAM;;;MEGI,UAAU,CAAA;;uGAAV,UAAU,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAV,UAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAU,EAFT,SAAA,EAAA,CAAA,YAAY,CAPT,EAAA,YAAA,EAAA,CAAA,YAAY,aAEzB,YAAY;;QAEZ,oBAAoB,aAEZ,YAAY,CAAA,EAAA,CAAA,CAAA;AAGX,UAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAU,YAPnB,YAAY;;QAEZ,oBAAoB,CAAA,EAAA,CAAA,CAAA;2FAKX,UAAU,EAAA,UAAA,EAAA,CAAA;kBAVtB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,YAAY,CAAC;AAC5B,oBAAA,OAAO,EAAE;wBACP,YAAY;;wBAEZ,oBAAoB;AACrB,qBAAA;oBACD,OAAO,EAAE,CAAC,YAAY,CAAC;oBACvB,SAAS,EAAE,CAAC,YAAY,CAAC;iBAC1B,CAAA;;;AChBD;;AAEG;;;;"}
+{"version":3,"file":"ng-atomic-components-templates-menu.mjs","sources":["../../../../../packages/@ng-atomic/components/src/templates/menu/menu.template.ts","../../../../../packages/@ng-atomic/components/src/templates/menu/menu.template.html","../../../../../packages/@ng-atomic/components/src/templates/menu/menu.module.ts","../../../../../packages/@ng-atomic/components/src/templates/menu/ng-atomic-components-templates-menu.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { Action } from '@ng-atomic/common/models';\n\n@Component({\n  selector: 'templates-menu',\n  templateUrl: './menu.template.html',\n  styleUrls: ['./menu.template.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MenuTemplate {\n\n  @Input()\n  actions: Action<string>[] = [];\n\n  @Output()\n  action = new EventEmitter<Action>();\n\n}\n","<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>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { NavigationListModule } from '@ng-atomic/components/organisms/navigation-list';\n\nimport { MenuTemplate } from './menu.template';\n\n\n@NgModule({\n  declarations: [MenuTemplate],\n  imports: [\n    CommonModule,\n    // Organisms\n    NavigationListModule,\n  ],\n  exports: [MenuTemplate],\n  bootstrap: [MenuTemplate],\n})\nexport class MenuModule { }\n\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MASa,YAAY,CAAA;AANzB,IAAA,WAAA,GAAA;AASE,QAAA,IAAO,CAAA,OAAA,GAAqB,EAAE,CAAC;AAG/B,QAAA,IAAA,CAAA,MAAM,GAAG,IAAI,YAAY,EAAU,CAAC;KAErC;;yGARY,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAZ,YAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAY,qHCTzB,uRASM,EAAA,MAAA,EAAA,CAAA,krBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,sBAAA,EAAA,QAAA,EAAA,2BAAA,EAAA,MAAA,EAAA,CAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;2FDAO,YAAY,EAAA,UAAA,EAAA,CAAA;kBANxB,SAAS;+BACE,gBAAgB,EAAA,eAAA,EAGT,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,uRAAA,EAAA,MAAA,EAAA,CAAA,krBAAA,CAAA,EAAA,CAAA;8BAK/C,OAAO,EAAA,CAAA;sBADN,KAAK;gBAIN,MAAM,EAAA,CAAA;sBADL,MAAM;;;MEGI,UAAU,CAAA;;uGAAV,UAAU,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAV,UAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAU,EAFT,SAAA,EAAA,CAAA,YAAY,CAPT,EAAA,YAAA,EAAA,CAAA,YAAY,aAEzB,YAAY;;QAEZ,oBAAoB,aAEZ,YAAY,CAAA,EAAA,CAAA,CAAA;AAGX,UAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAU,YAPnB,YAAY;;QAEZ,oBAAoB,CAAA,EAAA,CAAA,CAAA;2FAKX,UAAU,EAAA,UAAA,EAAA,CAAA;kBAVtB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,YAAY,CAAC;AAC5B,oBAAA,OAAO,EAAE;wBACP,YAAY;;wBAEZ,oBAAoB;AACrB,qBAAA;oBACD,OAAO,EAAE,CAAC,YAAY,CAAC;oBACvB,SAAS,EAAE,CAAC,YAAY,CAAC;iBAC1B,CAAA;;;AChBD;;AAEG;;;;"}

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

@@ -1,27 +1,29 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, Component, ChangeDetectionStrategy, Input, Output, NgModule } from '@angular/core';
+import { EventEmitter, Component, ChangeDetectionStrategy, Input, Output } from '@angular/core';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import { ReactiveFormsModule } from '@angular/forms';
-import * as i3 from '@ng-atomic/components/frames/scroll';
+import * as i5 from '@ng-atomic/components/frames/scroll';
 import { ScrollModule } from '@ng-atomic/components/frames/scroll';
-import * as i2 from '@ng-atomic/components/frames/auto-layout';
+import * as i4 from '@ng-atomic/components/frames/auto-layout';
 import { AutoLayoutModule } from '@ng-atomic/components/frames/auto-layout';
-import * as i9 from '@ng-atomic/components/molecules/header';
+import * as i12 from '@ng-atomic/components/molecules/header';
 import { HeaderModule } from '@ng-atomic/components/molecules/header';
-import * as i4 from '@ng-atomic/components/organisms/action-buttons-section';
+import * as i6 from '@ng-atomic/components/organisms/action-buttons-section';
 import { ActionButtonsSectionModule } from '@ng-atomic/components/organisms/action-buttons-section';
-import * as i5 from '@ng-atomic/components/organisms/navigator';
+import * as i7 from '@ng-atomic/components/organisms/navigator';
 import { NavigatorModule } from '@ng-atomic/components/organisms/navigator';
-import * as i7 from '@ng-atomic/components/organisms/text-input-section';
+import * as i10 from '@ng-atomic/components/organisms/textarea-section';
+import { TextareaSectionModule } from '@ng-atomic/components/organisms/textarea-section';
+import * as i9 from '@ng-atomic/components/organisms/text-input-section';
 import { TextInputSectionModule } from '@ng-atomic/components/organisms/text-input-section';
-import * as i6 from '@ng-atomic/components/organisms/date-input-section';
+import * as i8 from '@ng-atomic/components/organisms/date-input-section';
 import { DateInputSectionModule } from '@ng-atomic/components/organisms/date-input-section';
-import * as i8 from '@ng-atomic/components/organisms/select-input-section';
+import * as i11 from '@ng-atomic/components/organisms/select-input-section';
 import { SelectInputSectionModule } from '@ng-atomic/components/organisms/select-input-section';
-import * as i11 from '@ng-atomic/common/pipes/smart-field';
+import * as i3 from '@ng-atomic/common/pipes/smart-field';
 import { SmartFieldModule } from '@ng-atomic/common/pipes/smart-field';
-import * as i10 from '@ng-atomic/common/pipes/domain';
+import * as i2 from '@ng-atomic/common/pipes/domain';
 import { DomainModule } from '@ng-atomic/common/pipes/domain';
 
 var ActionId;
@@ -41,70 +43,24 @@ class SmartCrudTemplate {
         this.trackByIndex = (index) => index;
     }
     get controls() {
-        return Object.entries(this.form.controls);
+        const controlMap = new Map();
+        walkControls(this.form.controls, (name, control) => controlMap.set(name, control));
+        return [...controlMap.entries()];
     }
 }
 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, 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-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-Tf3m: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-smart-crud-Tf3m: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-smart-crud-Tf3m: 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-Tf3m);--vertical-padding: var(--vertical-padding-SCOPED-IN-smart-crud-Tf3m)}:host frames-auto-layout *{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-smart-crud-Tf3m)}\n"], dependencies: [{ 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: "component", type: i2.AutoLayoutFrame, selector: "frames-auto-layout" }, { kind: "component", type: i3.ScrollFrame, selector: "frames-scroll" }, { kind: "component", type: i4.ActionButtonsSectionOrganism, selector: "organisms-action-buttons-section", inputs: ["actions"], outputs: ["action"] }, { kind: "component", type: i5.NavigatorOrganism, selector: "organisms-navigator", inputs: ["startActions", "endActions"], outputs: ["action"] }, { kind: "component", type: i6.DateInputSectionOrganism, selector: "organisms-date-input-section", inputs: ["control", "label", "placeholder"] }, { kind: "component", type: i7.TextInputSectionOrganism, selector: "organisms-text-input-section", inputs: ["label", "placeholder", "type", "hint", "control"] }, { kind: "component", type: i8.SelectInputSectionOrganism, selector: "organisms-select-input-section", inputs: ["label", "control", "options"] }, { kind: "component", type: i9.HeaderMolecule, selector: "molecules-header", inputs: ["title", "description"] }, { kind: "pipe", type: i10.DomainPipe, name: "D" }, { kind: "pipe", type: i11.SmartFieldPipe, name: "smartField" }], 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-XkxV: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-smart-crud-XkxV: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-smart-crud-XkxV: 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-XkxV);--vertical-padding: var(--vertical-padding-SCOPED-IN-smart-crud-XkxV)}:host frames-auto-layout *{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-smart-crud-XkxV)}\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: 
+            // Pipes
+            DomainModule }, { kind: "pipe", type: i2.DomainPipe, name: "D" }, { kind: "ngmodule", type: SmartFieldModule }, { kind: "pipe", type: i3.SmartFieldPipe, name: "smartField" }, { kind: "ngmodule", type: 
+            // Frames
+            AutoLayoutModule }, { kind: "component", type: i4.AutoLayoutFrame, selector: "frames-auto-layout" }, { kind: "ngmodule", type: ScrollModule }, { kind: "component", type: i5.ScrollFrame, selector: "frames-scroll" }, { kind: "ngmodule", type: 
+            // Organisms
+            ActionButtonsSectionModule }, { kind: "component", type: i6.ActionButtonsSectionOrganism, selector: "organisms-action-buttons-section", inputs: ["actions"], outputs: ["action"] }, { kind: "ngmodule", type: NavigatorModule }, { kind: "component", type: i7.NavigatorOrganism, selector: "organisms-navigator", inputs: ["startActions", "endActions"], outputs: ["action"] }, { kind: "ngmodule", type: DateInputSectionModule }, { kind: "component", type: i8.DateInputSectionOrganism, selector: "organisms-date-input-section", inputs: ["control", "label", "placeholder"] }, { kind: "ngmodule", type: TextInputSectionModule }, { kind: "component", type: i9.TextInputSectionOrganism, selector: "organisms-text-input-section", inputs: ["label", "placeholder", "type", "hint", "control"] }, { kind: "ngmodule", type: TextareaSectionModule }, { kind: "component", type: i10.TextareaSectionOrganism, selector: "organisms-textarea-section", inputs: ["label", "rows", "control"], outputs: ["action"] }, { kind: "ngmodule", type: SelectInputSectionModule }, { kind: "component", type: i11.SelectInputSectionOrganism, selector: "organisms-select-input-section", inputs: ["label", "control", "options"] }, { kind: "ngmodule", type: 
+            // Molecules
+            HeaderModule }, { kind: "component", type: i12.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: [{ selector: 'templates-smart-crud', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'template' }, template: "<frames-scroll>\n  <organisms-navigator \n    [startActions]=\"navStartActions\"\n    [endActions]=\"navEndActions\"\n    (action)=\"action.emit($event)\"\n    navigator\n  >\n    <molecules-header [title]=\"title\"></molecules-header>\n  </organisms-navigator>\n  <frames-auto-layout vertical contents>\n    <ng-container *ngFor=\"let entry of controls; trackBy:trackByIndex\" [ngSwitch]=\"(entry[0] | smartField)?.type\">\n      <organisms-select-input-section\n        *ngSwitchCase=\"'select'\"\n        [label]=\"entry[0] | D\"\n        [control]=\"entry[1]\"\n        [options]=\"(entry[0] | smartField)?.options\"\n      ></organisms-select-input-section>\n      <organisms-date-input-section\n        *ngSwitchCase=\"'date'\"\n        [label]=\"entry[0] | D\"\n        [control]=\"entry[1]\"\n      ></organisms-date-input-section>\n      <organisms-text-input-section\n        *ngSwitchCase=\"'number'\"\n        [type]=\"'number'\"\n        [label]=\"entry[0] | D\"\n        [control]=\"entry[1]\"\n      ></organisms-text-input-section>\n      <organisms-text-input-section\n        *ngSwitchDefault\n        [label]=\"entry[0] | D\"\n        [control]=\"entry[1]\"\n      ></organisms-text-input-section>\n    </ng-container>\n    <organisms-action-buttons-section\n      [actions]=\"actions\"\n      (action)=\"action.emit($event)\"\n    ></organisms-action-buttons-section>\n  </frames-auto-layout>\n</frames-scroll>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-smart-crud-Tf3m: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-smart-crud-Tf3m: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-smart-crud-Tf3m: 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-Tf3m);--vertical-padding: var(--vertical-padding-SCOPED-IN-smart-crud-Tf3m)}:host frames-auto-layout *{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-smart-crud-Tf3m)}\n"] }]
-        }], propDecorators: { title: [{
-                type: Input
-            }], form: [{
-                type: Input
-            }], navStartActions: [{
-                type: Input
-            }], navEndActions: [{
-                type: Input
-            }], actions: [{
-                type: Input
-            }], action: [{
-                type: Output
-            }] } });
-
-class SmartCrudModule {
-}
-SmartCrudModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: SmartCrudModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SmartCrudModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.3", ngImport: i0, type: SmartCrudModule, bootstrap: [SmartCrudTemplate], declarations: [SmartCrudTemplate], imports: [CommonModule,
-        ReactiveFormsModule,
-        // Pipes
-        DomainModule,
-        SmartFieldModule,
-        // Frames
-        AutoLayoutModule,
-        ScrollModule,
-        // Organisms
-        ActionButtonsSectionModule,
-        NavigatorModule,
-        DateInputSectionModule,
-        TextInputSectionModule,
-        SelectInputSectionModule,
-        // Molecules
-        HeaderModule], exports: [SmartCrudTemplate] });
-SmartCrudModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: SmartCrudModule, imports: [CommonModule,
-        ReactiveFormsModule,
-        // Pipes
-        DomainModule,
-        SmartFieldModule,
-        // Frames
-        AutoLayoutModule,
-        ScrollModule,
-        // Organisms
-        ActionButtonsSectionModule,
-        NavigatorModule,
-        DateInputSectionModule,
-        TextInputSectionModule,
-        SelectInputSectionModule,
-        // Molecules
-        HeaderModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: SmartCrudModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        SmartCrudTemplate
-                    ],
-                    imports: [
+            args: [{ standalone: true, imports: [
                         CommonModule,
                         ReactiveFormsModule,
                         // Pipes
@@ -118,21 +74,39 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImpor
                         NavigatorModule,
                         DateInputSectionModule,
                         TextInputSectionModule,
+                        TextareaSectionModule,
                         SelectInputSectionModule,
                         // Molecules
                         HeaderModule,
-                    ],
-                    exports: [
-                        SmartCrudTemplate
-                    ],
-                    providers: [],
-                    bootstrap: [SmartCrudTemplate],
-                }]
-        }] });
+                    ], 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-XkxV: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-smart-crud-XkxV: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-smart-crud-XkxV: 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-XkxV);--vertical-padding: var(--vertical-padding-SCOPED-IN-smart-crud-XkxV)}:host frames-auto-layout *{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-smart-crud-XkxV)}\n"] }]
+        }], propDecorators: { title: [{
+                type: Input
+            }], form: [{
+                type: Input
+            }], navStartActions: [{
+                type: Input
+            }], navEndActions: [{
+                type: Input
+            }], actions: [{
+                type: Input
+            }], action: [{
+                type: Output
+            }] } });
+function walkControls(controls, cb, name = '') {
+    Object.entries(controls).forEach(([key, control]) => {
+        const path = name === '' ? key : `${name}.${key}`;
+        if (control.controls) {
+            walkControls(control.controls, cb, path);
+        }
+        else {
+            cb(path, control);
+        }
+    });
+}
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { ActionId, SmartCrudModule, SmartCrudTemplate };
+export { ActionId, SmartCrudTemplate };
 //# sourceMappingURL=ng-atomic-components-templates-smart-crud.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-templates-smart-crud.mjs","sources":["../../../../../packages/@ng-atomic/components/src/templates/smart-crud/smart-crud.template.ts","../../../../../packages/@ng-atomic/components/src/templates/smart-crud/smart-crud.template.html","../../../../../packages/@ng-atomic/components/src/templates/smart-crud/smart-crud.module.ts","../../../../../packages/@ng-atomic/components/src/templates/smart-crud/ng-atomic-components-templates-smart-crud.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { Action } from '@ng-atomic/common/models';\nimport { FormGroup } from '@ngneat/reactive-forms';\n\nexport enum ActionId {\n  BACK = '[@ng-atomic/components/templates/smart-crud] Back',\n  CREATE = '[@ng-atomic/components/templates/smart-crud] Create',\n  UPDATE = '[@ng-atomic/components/templates/smart-crud] Update',\n  DELETE = '[@ng-atomic/components/templates/smart-crud] Delete',\n}\n\n@Component({\n  selector: 'templates-smart-crud',\n  templateUrl: './smart-crud.template.html',\n  styleUrls: ['./smart-crud.template.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {class: 'template'},\n})\nexport class SmartCrudTemplate {\n\n  @Input()\n  title: string = '';\n\n  @Input()\n  form!: FormGroup<any>;\n\n  @Input()\n  navStartActions: Action[] = [{ id: ActionId.BACK, icon: 'arrow_back' }];\n\n  @Input()\n  navEndActions: Action[] = [{id: ActionId.DELETE, name: '削除'}];\n\n  @Input()\n  actions: Action[] = [{id: ActionId.CREATE, name: '作成'}];\n\n  @Output()\n  action = new EventEmitter<Action>();\n\n  get controls() {\n    return Object.entries(this.form.controls);\n  }\n\n  trackByIndex = (index: number) => index;\n}\n","<frames-scroll>\n  <organisms-navigator \n    [startActions]=\"navStartActions\"\n    [endActions]=\"navEndActions\"\n    (action)=\"action.emit($event)\"\n    navigator\n  >\n    <molecules-header [title]=\"title\"></molecules-header>\n  </organisms-navigator>\n  <frames-auto-layout vertical contents>\n    <ng-container *ngFor=\"let entry of controls; trackBy:trackByIndex\" [ngSwitch]=\"(entry[0] | smartField)?.type\">\n      <organisms-select-input-section\n        *ngSwitchCase=\"'select'\"\n        [label]=\"entry[0] | D\"\n        [control]=\"entry[1]\"\n        [options]=\"(entry[0] | smartField)?.options\"\n      ></organisms-select-input-section>\n      <organisms-date-input-section\n        *ngSwitchCase=\"'date'\"\n        [label]=\"entry[0] | D\"\n        [control]=\"entry[1]\"\n      ></organisms-date-input-section>\n      <organisms-text-input-section\n        *ngSwitchCase=\"'number'\"\n        [type]=\"'number'\"\n        [label]=\"entry[0] | D\"\n        [control]=\"entry[1]\"\n      ></organisms-text-input-section>\n      <organisms-text-input-section\n        *ngSwitchDefault\n        [label]=\"entry[0] | D\"\n        [control]=\"entry[1]\"\n      ></organisms-text-input-section>\n    </ng-container>\n    <organisms-action-buttons-section\n      [actions]=\"actions\"\n      (action)=\"action.emit($event)\"\n    ></organisms-action-buttons-section>\n  </frames-auto-layout>\n</frames-scroll>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { ScrollModule } from '@ng-atomic/components/frames/scroll';\nimport { AutoLayoutModule } from '@ng-atomic/components/frames/auto-layout';\nimport { HeaderModule } from '@ng-atomic/components/molecules/header';\nimport { ActionButtonsSectionModule } from '@ng-atomic/components/organisms/action-buttons-section';\nimport { NavigatorModule } from '@ng-atomic/components/organisms/navigator';\nimport { TextInputSectionModule } from '@ng-atomic/components/organisms/text-input-section';\nimport { DateInputSectionModule } from '@ng-atomic/components/organisms/date-input-section';\nimport { SelectInputSectionModule } from '@ng-atomic/components/organisms/select-input-section';\nimport { SmartFieldModule } from '@ng-atomic/common/pipes/smart-field';\nimport { DomainModule } from '@ng-atomic/common/pipes/domain';\n\nimport { SmartCrudTemplate } from './smart-crud.template';\n\n\n@NgModule({\n  declarations: [\n    SmartCrudTemplate\n  ],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    // Pipes\n    DomainModule,\n    SmartFieldModule,\n    // Frames\n    AutoLayoutModule,\n    ScrollModule,\n    // Organisms\n    ActionButtonsSectionModule,\n    NavigatorModule,\n    DateInputSectionModule,\n    TextInputSectionModule,\n    SelectInputSectionModule,\n    // Molecules\n    HeaderModule,\n  ],\n  exports: [\n    SmartCrudTemplate\n  ],\n  providers: [],\n  bootstrap: [SmartCrudTemplate],\n})\nexport class SmartCrudModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ng-atomic-components-templates-smart-crud.mjs","sources":["../../../../../packages/@ng-atomic/components/src/templates/smart-crud/smart-crud.template.ts","../../../../../packages/@ng-atomic/components/src/templates/smart-crud/smart-crud.template.html","../../../../../packages/@ng-atomic/components/src/templates/smart-crud/ng-atomic-components-templates-smart-crud.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { ScrollModule } from '@ng-atomic/components/frames/scroll';\nimport { AutoLayoutModule } from '@ng-atomic/components/frames/auto-layout';\nimport { HeaderModule } from '@ng-atomic/components/molecules/header';\nimport { ActionButtonsSectionModule } from '@ng-atomic/components/organisms/action-buttons-section';\nimport { NavigatorModule } from '@ng-atomic/components/organisms/navigator';\nimport { TextareaSectionModule } from '@ng-atomic/components/organisms/textarea-section';\nimport { TextInputSectionModule } from '@ng-atomic/components/organisms/text-input-section';\nimport { DateInputSectionModule } from '@ng-atomic/components/organisms/date-input-section';\nimport { SelectInputSectionModule } from '@ng-atomic/components/organisms/select-input-section';\nimport { SmartFieldModule } from '@ng-atomic/common/pipes/smart-field';\nimport { DomainModule } from '@ng-atomic/common/pipes/domain';\nimport { AbstractControl } from '@angular/forms';\nimport { Action } from '@ng-atomic/common/models';\nimport { FormGroup } from '@ngneat/reactive-forms';\n\nexport enum ActionId {\n  BACK = '[@ng-atomic/components/templates/smart-crud] Back',\n  CREATE = '[@ng-atomic/components/templates/smart-crud] Create',\n  UPDATE = '[@ng-atomic/components/templates/smart-crud] Update',\n  DELETE = '[@ng-atomic/components/templates/smart-crud] Delete',\n}\n\n@Component({\n  standalone: true,\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    // Pipes\n    DomainModule,\n    SmartFieldModule,\n    // Frames\n    AutoLayoutModule,\n    ScrollModule,\n    // Organisms\n    ActionButtonsSectionModule,\n    NavigatorModule,\n    DateInputSectionModule,\n    TextInputSectionModule,\n    TextareaSectionModule,\n    SelectInputSectionModule,\n    // Molecules\n    HeaderModule,\n  ],\n  selector: 'templates-smart-crud',\n  templateUrl: './smart-crud.template.html',\n  styleUrls: ['./smart-crud.template.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {class: 'template'},\n})\nexport class SmartCrudTemplate {\n\n  @Input()\n  title: string = '';\n\n  @Input()\n  form!: FormGroup<any>;\n\n  @Input()\n  navStartActions: Action[] = [{ id: ActionId.BACK, icon: 'arrow_back' }];\n\n  @Input()\n  navEndActions: Action[] = [{id: ActionId.DELETE, name: '削除'}];\n\n  @Input()\n  actions: Action[] = [{id: ActionId.CREATE, name: '作成'}];\n\n  @Output()\n  action = new EventEmitter<Action>();\n\n  get controls() {  \n    const controlMap = new Map<string, AbstractControl>();\n    walkControls(this.form.controls, (name, control: any) => controlMap.set(name, control));\n    return [...controlMap.entries()];\n  }\n\n  trackByIndex = (index: number) => index;\n}\n\nfunction walkControls(\n  controls: any,\n  cb: (name: string, control: any) => void,\n  name = ''\n) {\n  Object.entries(controls).forEach(([key, control]: any) => {\n    const path = name === '' ? key : `${name}.${key}`;\n    if (control.controls) {\n      walkControls(control.controls, cb, path);\n    } else {\n      cb(path, control);\n    }\n  });\n}\n","<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>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}