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

@ng-atomic/components 4.13.0 → 4.15.0

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

Files changed (113) hide show

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

@@ -130,11 +130,11 @@ SmartTableOrganism.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SmartTab
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("ngIf", !(ctx.items == null ? null : ctx.items.length));
         }
-    }, dependencies: [i1.NgForOf, i1.NgIf, i1.NgSwitch, i1.NgSwitchCase, i1.NgSwitchDefault, i2.MatTable, i2.MatHeaderRowDef, i2.MatRowDef, i2.MatHeaderRow, i2.MatRow, i3.ActionsColumnMolecule, i4.CheckboxColumnMolecule, i5.SmartColumnMolecule, i6.DomainPipe], styles: ["[_nghost-%COMP%]{--width: 100%;--width-SCOPED-IN-smart-table-omcr: var(--width);--cell: 8px;--cell-SCOPED-IN-smart-table-omcr: var(--cell);--column-vertical-padding: 4px;--column-vertical-padding-SCOPED-IN-smart-table-omcr: var(--column-vertical-padding)}[_nghost-%COMP%]{position:relative;width:100%;height:100%;overflow:scroll}[_nghost-%COMP%]::-webkit-scrollbar{display:none}[_nghost-%COMP%]   table[_ngcontent-%COMP%]{width:100%;max-height:100%}[_nghost-%COMP%]   table[_ngcontent-%COMP%]   .nowrap[_ngcontent-%COMP%]{width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[_nghost-%COMP%]   table[_ngcontent-%COMP%]     th, [_nghost-%COMP%]   table[_ngcontent-%COMP%]     td{padding:0 var(--column-vertical-padding-SCOPED-IN-smart-table-omcr)}[_nghost-%COMP%]   .no-data-message[_ngcontent-%COMP%]{display:flex;justify-content:flex-start;align-items:center;width:calc(var(--width-SCOPED-IN-smart-table-omcr) - var(--cell-SCOPED-IN-smart-table-omcr) * 4);height:3em;padding-left:calc(var(--cell-SCOPED-IN-smart-table-omcr) * 2);padding-right:calc(var(--cell-SCOPED-IN-smart-table-omcr) * 2)}"], changeDetection: 0 });
+    }, dependencies: [i1.NgForOf, i1.NgIf, i1.NgSwitch, i1.NgSwitchCase, i1.NgSwitchDefault, i2.MatTable, i2.MatHeaderRowDef, i2.MatRowDef, i2.MatHeaderRow, i2.MatRow, i3.ActionsColumnMolecule, i4.CheckboxColumnMolecule, i5.SmartColumnMolecule, i6.DomainPipe], styles: ["[_nghost-%COMP%]{--width: 100%;--width-SCOPED-IN-smart-table-7DvK: var(--width);--cell: 8px;--cell-SCOPED-IN-smart-table-7DvK: var(--cell);--column-vertical-padding: 4px;--column-vertical-padding-SCOPED-IN-smart-table-7DvK: var(--column-vertical-padding)}[_nghost-%COMP%]{position:relative;width:100%;height:100%;overflow:scroll}[_nghost-%COMP%]::-webkit-scrollbar{display:none}[_nghost-%COMP%]   table[_ngcontent-%COMP%]{width:100%;max-height:100%}[_nghost-%COMP%]   table[_ngcontent-%COMP%]   .nowrap[_ngcontent-%COMP%]{width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[_nghost-%COMP%]   table[_ngcontent-%COMP%]     th, [_nghost-%COMP%]   table[_ngcontent-%COMP%]     td{padding:0 var(--column-vertical-padding-SCOPED-IN-smart-table-7DvK)}[_nghost-%COMP%]   .no-data-message[_ngcontent-%COMP%]{display:flex;justify-content:flex-start;align-items:center;width:calc(var(--width-SCOPED-IN-smart-table-7DvK) - var(--cell-SCOPED-IN-smart-table-7DvK) * 4);height:3em;padding-left:calc(var(--cell-SCOPED-IN-smart-table-7DvK) * 2);padding-right:calc(var(--cell-SCOPED-IN-smart-table-7DvK) * 2)}"], changeDetection: 0 });
 (function () {
     (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SmartTableOrganism, [{
             type: Component,
-            args: [{ selector: 'organisms-smart-table', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'organism' }, template: "<table mat-table [dataSource]=\"items\" matSort matSortDisableClear matSortDirection=\"desc\">\n  <ng-container *ngFor=\"let name of displayedColumns; trackBy: trackByColumnName\" [ngSwitch]=\"name\">\n    <molecules-checkbox-column\n      *ngSwitchCase=\"'__checkbox'\"\n      name=\"__checkbox\"\n      [selectedIdSet]=\"selectedIdSet\"\n      (checkboxClick)=\"checkboxClick.emit($event)\"\n    ></molecules-checkbox-column>\n    <molecules-actions-column \n      *ngSwitchCase=\"'__actions'\" \n      name=\"__actions\" \n      [items]=\"menuItems\"\n      [itemActions]=\"itemActions\"\n      (action)=\"action.emit($event)\"\n    ></molecules-actions-column>\n    <molecules-smart-column\n      *ngSwitchDefault\n      [name]=\"name\"\n      [headerText]=\"name | D\"\n      [sort]=\"sortKey === name ? sortOrder : 'none'\"\n      (headerClick)=\"headerClick.emit(name)\"\n    ></molecules-smart-column>\n  </ng-container>\n\n  <tr mat-header-row *matHeaderRowDef=\"displayedColumns; sticky: true\"></tr>\n  <tr mat-row *matRowDef=\"let item; columns: displayedColumns;\"></tr>\n</table>\n<div *ngIf=\"!items?.length\" class=\"no-data-message\">\u30C7\u30FC\u30BF\u304C\u3042\u308A\u307E\u305B\u3093\u3002</div>", styles: [":host{--width: 100%;--width-SCOPED-IN-smart-table-omcr: var(--width);--cell: 8px;--cell-SCOPED-IN-smart-table-omcr: var(--cell);--column-vertical-padding: 4px;--column-vertical-padding-SCOPED-IN-smart-table-omcr: var(--column-vertical-padding)}:host{position:relative;width:100%;height:100%;overflow:scroll}:host::-webkit-scrollbar{display:none}:host table{width:100%;max-height:100%}:host table .nowrap{width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host table ::ng-deep th,:host table ::ng-deep td{padding:0 var(--column-vertical-padding-SCOPED-IN-smart-table-omcr)}:host .no-data-message{display:flex;justify-content:flex-start;align-items:center;width:calc(var(--width-SCOPED-IN-smart-table-omcr) - var(--cell-SCOPED-IN-smart-table-omcr) * 4);height:3em;padding-left:calc(var(--cell-SCOPED-IN-smart-table-omcr) * 2);padding-right:calc(var(--cell-SCOPED-IN-smart-table-omcr) * 2)}\n"] }]
+            args: [{ selector: 'organisms-smart-table', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'organism' }, template: "<table mat-table [dataSource]=\"items\" matSort matSortDisableClear matSortDirection=\"desc\">\n  <ng-container *ngFor=\"let name of displayedColumns; trackBy: trackByColumnName\" [ngSwitch]=\"name\">\n    <molecules-checkbox-column\n      *ngSwitchCase=\"'__checkbox'\"\n      name=\"__checkbox\"\n      [selectedIdSet]=\"selectedIdSet\"\n      (checkboxClick)=\"checkboxClick.emit($event)\"\n    ></molecules-checkbox-column>\n    <molecules-actions-column \n      *ngSwitchCase=\"'__actions'\" \n      name=\"__actions\" \n      [items]=\"menuItems\"\n      [itemActions]=\"itemActions\"\n      (action)=\"action.emit($event)\"\n    ></molecules-actions-column>\n    <molecules-smart-column\n      *ngSwitchDefault\n      [name]=\"name\"\n      [headerText]=\"name | D\"\n      [sort]=\"sortKey === name ? sortOrder : 'none'\"\n      (headerClick)=\"headerClick.emit(name)\"\n    ></molecules-smart-column>\n  </ng-container>\n\n  <tr mat-header-row *matHeaderRowDef=\"displayedColumns; sticky: true\"></tr>\n  <tr mat-row *matRowDef=\"let item; columns: displayedColumns;\"></tr>\n</table>\n<div *ngIf=\"!items?.length\" class=\"no-data-message\">\u30C7\u30FC\u30BF\u304C\u3042\u308A\u307E\u305B\u3093\u3002</div>", styles: [":host{--width: 100%;--width-SCOPED-IN-smart-table-7DvK: var(--width);--cell: 8px;--cell-SCOPED-IN-smart-table-7DvK: var(--cell);--column-vertical-padding: 4px;--column-vertical-padding-SCOPED-IN-smart-table-7DvK: var(--column-vertical-padding)}:host{position:relative;width:100%;height:100%;overflow:scroll}:host::-webkit-scrollbar{display:none}:host table{width:100%;max-height:100%}:host table .nowrap{width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host table ::ng-deep th,:host table ::ng-deep td{padding:0 var(--column-vertical-padding-SCOPED-IN-smart-table-7DvK)}:host .no-data-message{display:flex;justify-content:flex-start;align-items:center;width:calc(var(--width-SCOPED-IN-smart-table-7DvK) - var(--cell-SCOPED-IN-smart-table-7DvK) * 4);height:3em;padding-left:calc(var(--cell-SCOPED-IN-smart-table-7DvK) * 2);padding-right:calc(var(--cell-SCOPED-IN-smart-table-7DvK) * 2)}\n"] }]
         }], null, { columns: [{
                 type: Input
             }], items: [{

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

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

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

@@ -14,18 +14,18 @@ class TextInputSectionOrganism {
     }
 }
 TextInputSectionOrganism.ɵfac = function TextInputSectionOrganism_Factory(t) { return new (t || TextInputSectionOrganism)(); };
-TextInputSectionOrganism.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TextInputSectionOrganism, selectors: [["organisms-text-input-section"]], inputs: { label: "label", placeholder: "placeholder", type: "type", hint: "hint", control: "control" }, decls: 1, vars: 3, consts: [["type", "text", 3, "control", "label", "placeholder"]], template: function TextInputSectionOrganism_Template(rf, ctx) {
+TextInputSectionOrganism.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TextInputSectionOrganism, selectors: [["organisms-text-input-section"]], inputs: { label: "label", placeholder: "placeholder", type: "type", hint: "hint", control: "control" }, decls: 1, vars: 4, consts: [[3, "type", "control", "label", "placeholder"]], template: function TextInputSectionOrganism_Template(rf, ctx) {
         if (rf & 1) {
             i0.ɵɵelement(0, "molecules-text-input-field", 0);
         }
         if (rf & 2) {
-            i0.ɵɵproperty("control", ctx.control)("label", ctx.label)("placeholder", ctx.placeholder);
+            i0.ɵɵproperty("type", ctx.type)("control", ctx.control)("label", ctx.label)("placeholder", ctx.placeholder);
         }
-    }, dependencies: [i1.TextInputFieldMolecule], styles: ["[_nghost-%COMP%]{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-71SW: var(--horizontal-padding)}[_nghost-%COMP%]{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-71SW);box-sizing:border-box}[_nghost-%COMP%]   .molecule.input-field[_ngcontent-%COMP%], [_nghost-%COMP%]   mat-form-field[_ngcontent-%COMP%]{width:100%}"] });
+    }, dependencies: [i1.TextInputFieldMolecule], styles: ["[_nghost-%COMP%]{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-PdfY: var(--horizontal-padding)}[_nghost-%COMP%]{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-PdfY);box-sizing:border-box}[_nghost-%COMP%]   .molecule.input-field[_ngcontent-%COMP%], [_nghost-%COMP%]   mat-form-field[_ngcontent-%COMP%]{width:100%}"] });
 (function () {
     (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TextInputSectionOrganism, [{
             type: Component,
-            args: [{ selector: 'organisms-text-input-section', template: "<molecules-text-input-field\n  type=\"text\"\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-71SW: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-71SW);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-PdfY: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-PdfY);box-sizing:border-box}:host .molecule.input-field,:host mat-form-field{width:100%}\n"] }]
         }], null, { label: [{
                 type: Input
             }], placeholder: [{

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ng-atomic-components-organisms-text-input-section.mjs","sources":["../../../../libs/components/src/organisms/text-input-section/text-input-section.organism.ts","../../../../libs/components/src/organisms/text-input-section/text-input-section.organism.html","../../../../libs/components/src/organisms/text-input-section/text-input-section.module.ts","../../../../libs/components/src/organisms/text-input-section/ng-atomic-components-organisms-text-input-section.ts"],"sourcesContent":["import { Component, Input } from '@angular/core';\nimport { FormControl } from '@ngneat/reactive-forms';\n\n@Component({\n selector: 'organisms-text-input-section',\n templateUrl: './text-input-section.organism.html',\n styleUrls: ['./text-input-section.organism.scss']\n})\nexport class TextInputSectionOrganism {\n \n @Input()\n label = 'label';\n\n @Input()\n placeholder = 'placeholder';\n\n @Input()\n type: 'text' \| 'number' \| 'password' = 'text';\n\n @Input()\n hint?: string;\n\n @Input()\n control = new FormControl('');\n\n}\n","<molecules-text-input-field\n type=\"~~text~~\"\n [control]=\"control\"\n [label]=\"label\"\n [placeholder]=\"placeholder\"\n></molecules-text-input-field>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { TextInputFieldModule } from '@ng-atomic/components/molecules/text-input-field';\nimport { TextInputSectionOrganism } from './text-input-section.organism';\n\n\n@NgModule({\n declarations: [\n TextInputSectionOrganism\n ],\n imports: [\n CommonModule,\n // Molecules\n TextInputFieldModule,\n ],\n exports: [\n TextInputSectionOrganism\n ]\n})\nexport class TextInputSectionModule { }\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;MAQa,wBAAwB,CAAA;AALrC,IAAA,WAAA,GAAA;AAQE,QAAA,IAAK,CAAA,KAAA,GAAG,OAAO,CAAC;AAGhB,QAAA,IAAW,CAAA,WAAA,GAAG,aAAa,CAAC;AAG5B,QAAA,IAAI,CAAA,IAAA,GAAmC,MAAM,CAAC;QAM9C,IAAA,CAAA,OAAO,GAAG,IAAI,WAAW,CAAC,EAAE,CAAC,CAAC;KAE/B;;gGAjBY,wBAAwB,GAAA,CAAA,EAAA,CAAA;2EAAxB,wBAAwB,EAAA,SAAA,EAAA,CAAA,CAAA,8BAAA,CAAA,CAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,WAAA,EAAA,aAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,MAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,KAAA,EAAA,CAAA,EAAA,IAAA,EAAA,CAAA,EAAA,MAAA,EAAA,CAAA,CAAA,~~MAAA~~,EAAA,MAAA,EAAA,~~CAAA,EAAA,~~SAAA,EAAA,OAAA,EAAA,aAAA,CAAA,CAAA,EAAA,QAAA,EAAA,SAAA,iCAAA,CAAA,EAAA,EAAA,GAAA,EAAA;QAAA,IAAA,EAAA,GAAA,CAAA,EAAA;YCRrC,EAK8B,CAAA,SAAA,CAAA,CAAA,EAAA,4BAAA,EAAA,CAAA,CAAA,CAAA;;;~~YAH5B~~,~~EAAA~~,CAAA,UAAA,CAAA,SAAA,EAAA,GAAA,CAAA,OAAA,~~CAAmB~~,oBAAA,CAAA,aAAA,EAAA,GAAA,CAAA,WAAA,CAAA,CAAA;;;;~~4EDMR~~,wBAAwB,EAAA,CAAA;kBALpC,SAAS;+BACE,8BAA8B,EAAA,QAAA,EAAA,~~6JAAA,~~EAAA,MAAA,EAAA,CAAA,8SAAA,CAAA,EAAA,CAAA;oBAOxC,KAAK,EAAA,CAAA;sBADJ,KAAK;gBAIN,WAAW,EAAA,CAAA;sBADV,KAAK;gBAIN,IAAI,EAAA,CAAA;sBADH,KAAK;gBAIN,IAAI,EAAA,CAAA;sBADH,KAAK;gBAIN,OAAO,EAAA,CAAA;sBADN,KAAK;;;;MEHK,sBAAsB,CAAA;;4FAAtB,sBAAsB,GAAA,CAAA,EAAA,CAAA;wEAAtB,sBAAsB,EAAA,CAAA,CAAA;4EAR/B,YAAY;;QAEZ,oBAAoB,CAAA,EAAA,CAAA,CAAA;;4EAMX,sBAAsB,EAAA,CAAA;kBAblC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,wBAAwB;AACzB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;;wBAEZ,oBAAoB;AACrB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,wBAAwB;AACzB,qBAAA;iBACF,CAAA;;;;6EACY,sBAAsB,EAAA,EAAA,YAAA,EAAA,CAX/B,wBAAwB,CAAA,EAAA,OAAA,EAAA,CAGxB,YAAY;;YAEZ,oBAAoB,aAGpB,wBAAwB,CAAA,EAAA,CAAA,CAAA;AAAA,CAAA,GAAA;;AChB5B;;AAEG;;;;"}
1	+ {"version":3,"file":"ng-atomic-components-organisms-text-input-section.mjs","sources":["../../../../libs/components/src/organisms/text-input-section/text-input-section.organism.ts","../../../../libs/components/src/organisms/text-input-section/text-input-section.organism.html","../../../../libs/components/src/organisms/text-input-section/text-input-section.module.ts","../../../../libs/components/src/organisms/text-input-section/ng-atomic-components-organisms-text-input-section.ts"],"sourcesContent":["import { Component, Input } from '@angular/core';\nimport { FormControl } from '@ngneat/reactive-forms';\n\n@Component({\n selector: 'organisms-text-input-section',\n templateUrl: './text-input-section.organism.html',\n styleUrls: ['./text-input-section.organism.scss']\n})\nexport class TextInputSectionOrganism {\n \n @Input()\n label = 'label';\n\n @Input()\n placeholder = 'placeholder';\n\n @Input()\n type: 'text' \| 'number' \| 'password' = 'text';\n\n @Input()\n hint?: string;\n\n @Input()\n control = new FormControl('');\n\n}\n","<molecules-text-input-field\n [type]=\"type\"\n [control]=\"control\"\n [label]=\"label\"\n [placeholder]=\"placeholder\"\n></molecules-text-input-field>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { TextInputFieldModule } from '@ng-atomic/components/molecules/text-input-field';\nimport { TextInputSectionOrganism } from './text-input-section.organism';\n\n\n@NgModule({\n declarations: [\n TextInputSectionOrganism\n ],\n imports: [\n CommonModule,\n // Molecules\n TextInputFieldModule,\n ],\n exports: [\n TextInputSectionOrganism\n ]\n})\nexport class TextInputSectionModule { }\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;MAQa,wBAAwB,CAAA;AALrC,IAAA,WAAA,GAAA;AAQE,QAAA,IAAK,CAAA,KAAA,GAAG,OAAO,CAAC;AAGhB,QAAA,IAAW,CAAA,WAAA,GAAG,aAAa,CAAC;AAG5B,QAAA,IAAI,CAAA,IAAA,GAAmC,MAAM,CAAC;QAM9C,IAAA,CAAA,OAAO,GAAG,IAAI,WAAW,CAAC,EAAE,CAAC,CAAC;KAE/B;;gGAjBY,wBAAwB,GAAA,CAAA,EAAA,CAAA;2EAAxB,wBAAwB,EAAA,SAAA,EAAA,CAAA,CAAA,8BAAA,CAAA,CAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,WAAA,EAAA,aAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,MAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,KAAA,EAAA,CAAA,EAAA,IAAA,EAAA,CAAA,EAAA,MAAA,EAAA,CAAA,CAAA,CAAA,EAAA,MAAA,EAAA,SAAA,EAAA,OAAA,EAAA,aAAA,CAAA,CAAA,EAAA,QAAA,EAAA,SAAA,iCAAA,CAAA,EAAA,EAAA,GAAA,EAAA;QAAA,IAAA,EAAA,GAAA,CAAA,EAAA;YCRrC,EAK8B,CAAA,SAAA,CAAA,CAAA,EAAA,4BAAA,EAAA,CAAA,CAAA,CAAA;;;AAJ5B,YAAA,EAAa,CAAA,UAAA,CAAA,MAAA,EAAA,GAAA,CAAA,IAAA,CAAA,CAAA,SAAA,EAAA,GAAA,CAAA,OAAA,CAAA,oBAAA,CAAA,aAAA,EAAA,GAAA,CAAA,WAAA,CAAA,CAAA;;;;4EDOF,wBAAwB,EAAA,CAAA;kBALpC,SAAS;+BACE,8BAA8B,EAAA,QAAA,EAAA,+JAAA,EAAA,MAAA,EAAA,CAAA,8SAAA,CAAA,EAAA,CAAA;oBAOxC,KAAK,EAAA,CAAA;sBADJ,KAAK;gBAIN,WAAW,EAAA,CAAA;sBADV,KAAK;gBAIN,IAAI,EAAA,CAAA;sBADH,KAAK;gBAIN,IAAI,EAAA,CAAA;sBADH,KAAK;gBAIN,OAAO,EAAA,CAAA;sBADN,KAAK;;;;MEHK,sBAAsB,CAAA;;4FAAtB,sBAAsB,GAAA,CAAA,EAAA,CAAA;wEAAtB,sBAAsB,EAAA,CAAA,CAAA;4EAR/B,YAAY;;QAEZ,oBAAoB,CAAA,EAAA,CAAA,CAAA;;4EAMX,sBAAsB,EAAA,CAAA;kBAblC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,wBAAwB;AACzB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;;wBAEZ,oBAAoB;AACrB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,wBAAwB;AACzB,qBAAA;iBACF,CAAA;;;;6EACY,sBAAsB,EAAA,EAAA,YAAA,EAAA,CAX/B,wBAAwB,CAAA,EAAA,OAAA,EAAA,CAGxB,YAAY;;YAEZ,oBAAoB,aAGpB,wBAAwB,CAAA,EAAA,CAAA,CAAA;AAAA,CAAA,GAAA;;AChB5B;;AAEG;;;;"}

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

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

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

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

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

@@ -6,9 +6,8 @@ import * as i4 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/heading';
 import { HeadingModule } from '@ng-atomic/components/organisms/heading';
-import * as i7 from '@ng-atomic/components/organisms/text-input-section';
+import * as i6 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/social-login-section';
 import { SocialLoginSectionModule } from '@ng-atomic/components/organisms/social-login-section';
 import * as i2 from '@ng-atomic/components/frames/auto-layout';
 import { AutoLayoutModule } from '@ng-atomic/components/frames/auto-layout';
@@ -18,7 +17,7 @@ import { FormGroup, FormControl } from '@ngneat/reactive-forms';
 function EntranceTemplate_organisms_text_input_section_4_Template(rf, ctx) {
     if (rf & 1) {
-        i0.ɵɵelement(0, "organisms-text-input-section", 5);
+        i0.ɵɵelement(0, "organisms-text-input-section", 4);
     }
     if (rf & 2) {
         const ctx_r0 = i0.ɵɵnextContext();
@@ -27,37 +26,59 @@ function EntranceTemplate_organisms_text_input_section_4_Template(rf, ctx) {
 }
 function EntranceTemplate_organisms_text_input_section_5_Template(rf, ctx) {
     if (rf & 1) {
-        i0.ɵɵelement(0, "organisms-text-input-section", 6);
+        i0.ɵɵelement(0, "organisms-text-input-section", 5);
     }
     if (rf & 2) {
         const ctx_r1 = i0.ɵɵnextContext();
         i0.ɵɵproperty("control", ctx_r1.form.get("password"));
     }
 }
+var ActionId;
+(function (ActionId) {
+    ActionId["SIGN_IN"] = "[@ng-atomic/components] Sign In";
+    ActionId["SIGN_IN_WITH_GOOGLE"] = "[@ng-atomic/components] Sign In With Google";
+    ActionId["SIGN_IN_WITH_TWITTER"] = "[@ng-atomic/components] Sign In With Twitter";
+})(ActionId || (ActionId = {}));
+const Actions = [
+    {
+        id: ActionId.SIGN_IN,
+        name: 'Sign In',
+        icon: 'login',
+    },
+    {
+        id: ActionId.SIGN_IN_WITH_GOOGLE,
+        name: 'Sign In With Google',
+        icon: 'google',
+    },
+    {
+        id: ActionId.SIGN_IN_WITH_TWITTER,
+        name: 'Sign In With Twitter',
+        icon: 'twitter',
+    },
+];
 class EntranceTemplate {
     constructor() {
+        this.ActionId = ActionId;
         this.form = new FormGroup({
             email: new FormControl(''),
             password: new FormControl(''),
         });
         this.isEmailSectionShown = true;
         this.isPasswordSectionShown = true;
-        this.actionItems = [];
-        this.submitButtonClick = new EventEmitter();
-        this.signInWithGoogleButtonClick = new EventEmitter();
+        this.actions = Actions;
+        this.action = new EventEmitter();
     }
 }
 EntranceTemplate.ɵfac = function EntranceTemplate_Factory(t) { return new (t || EntranceTemplate)(); };
-EntranceTemplate.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: EntranceTemplate, selectors: [["templates-entrance"]], hostAttrs: [1, "template"], inputs: { form: "form", isEmailSectionShown: "isEmailSectionShown", isPasswordSectionShown: "isPasswordSectionShown", actionItems: "actionItems" }, outputs: { submitButtonClick: "submitButtonClick", signInWithGoogleButtonClick: "signInWithGoogleButtonClick" }, decls: 8, vars: 3, consts: [["vertical", ""], ["label", "\u30E1\u30FC\u30EB\u30A2\u30C9\u30EC\u30B9", 3, "control", 4, "ngIf"], ["label", "\u30D1\u30B9\u30EF\u30FC\u30C9", 3, "control", 4, "ngIf"], [3, "items"], [3, "signInWithGoogleButtonClick"], ["label", "\u30E1\u30FC\u30EB\u30A2\u30C9\u30EC\u30B9", 3, "control"], ["label", "\u30D1\u30B9\u30EF\u30FC\u30C9", 3, "control"]], template: function EntranceTemplate_Template(rf, ctx) {
+EntranceTemplate.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: EntranceTemplate, selectors: [["templates-entrance"]], hostAttrs: [1, "template"], inputs: { form: "form", isEmailSectionShown: "isEmailSectionShown", isPasswordSectionShown: "isPasswordSectionShown", actions: "actions" }, outputs: { action: "action" }, decls: 7, vars: 3, consts: [["vertical", ""], ["label", "\u30E1\u30FC\u30EB\u30A2\u30C9\u30EC\u30B9", 3, "control", 4, "ngIf"], ["label", "\u30D1\u30B9\u30EF\u30FC\u30C9", 3, "control", 4, "ngIf"], [3, "actions", "action"], ["label", "\u30E1\u30FC\u30EB\u30A2\u30C9\u30EC\u30B9", 3, "control"], ["label", "\u30D1\u30B9\u30EF\u30FC\u30C9", 3, "control"]], template: function EntranceTemplate_Template(rf, ctx) {
         if (rf & 1) {
             i0.ɵɵelementStart(0, "frames-card")(1, "frames-auto-layout", 0)(2, "organisms-heading");
             i0.ɵɵtext(3, "\u30ED\u30B0\u30A4\u30F3");
             i0.ɵɵelementEnd();
             i0.ɵɵtemplate(4, EntranceTemplate_organisms_text_input_section_4_Template, 1, 1, "organisms-text-input-section", 1);
             i0.ɵɵtemplate(5, EntranceTemplate_organisms_text_input_section_5_Template, 1, 1, "organisms-text-input-section", 2);
-            i0.ɵɵelement(6, "organisms-action-buttons-section", 3);
-            i0.ɵɵelementStart(7, "organisms-social-login-section", 4);
-            i0.ɵɵlistener("signInWithGoogleButtonClick", function EntranceTemplate_Template_organisms_social_login_section_signInWithGoogleButtonClick_7_listener() { return ctx.signInWithGoogleButtonClick.emit(); });
+            i0.ɵɵelementStart(6, "organisms-action-buttons-section", 3);
+            i0.ɵɵlistener("action", function EntranceTemplate_Template_organisms_action_buttons_section_action_6_listener($event) { return ctx.action.emit($event); });
             i0.ɵɵelementEnd()()();
         }
         if (rf & 2) {
@@ -66,24 +87,22 @@ EntranceTemplate.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: EntranceTe
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("ngIf", ctx.isPasswordSectionShown);
             i0.ɵɵadvance(1);
-            i0.ɵɵproperty("items", ctx.actionItems);
+            i0.ɵɵproperty("actions", ctx.actions);
         }
-    }, dependencies: [i1.NgIf, i2.AutoLayoutFrame, i3.CardFrame, i4.ActionButtonsSectionOrganism, i5.HeadingOrganism, i6.SocialLoginSectionOrganism, i7.TextInputSectionOrganism], styles: ["[_nghost-%COMP%]{--horizontal-padding: 64px;--horizontal-padding-SCOPED-IN-entrance-w5ft: var(--horizontal-padding);--background-color: #eee;--background-color-SCOPED-IN-entrance-w5ft: var(--background-color)}[_nghost-%COMP%]{display:flex;justify-content:center;align-items:center;background-color:var(--background-color-SCOPED-IN-entrance-w5ft);width:100%;height:100%}[_nghost-%COMP%]   frames-card[_ngcontent-%COMP%]{display:flex;flex-direction:column;width:600px;max-width:calc(100% - 32px);height:-moz-fit-content;height:fit-content}[_nghost-%COMP%]   frames-card[_ngcontent-%COMP%]   *[_ngcontent-%COMP%]{max-width:calc(100% - 32px);--horizontal-padding: var(--horizontal-padding-SCOPED-IN-entrance-w5ft)}"], changeDetection: 0 });
+    }, dependencies: [i1.NgIf, i2.AutoLayoutFrame, i3.CardFrame, i4.ActionButtonsSectionOrganism, i5.HeadingOrganism, i6.TextInputSectionOrganism], styles: ["[_nghost-%COMP%]{--horizontal-padding: 64px;--horizontal-padding-SCOPED-IN-entrance-xxO8: var(--horizontal-padding);--background-color: #eee;--background-color-SCOPED-IN-entrance-xxO8: var(--background-color)}[_nghost-%COMP%]{display:flex;justify-content:center;align-items:center;background-color:var(--background-color-SCOPED-IN-entrance-xxO8);width:100%;height:100%}[_nghost-%COMP%]   frames-card[_ngcontent-%COMP%]{display:flex;flex-direction:column;width:600px;max-width:calc(100% - 32px);height:-moz-fit-content;height:fit-content}[_nghost-%COMP%]   frames-card[_ngcontent-%COMP%]   *[_ngcontent-%COMP%]{max-width:calc(100% - 32px);--horizontal-padding: var(--horizontal-padding-SCOPED-IN-entrance-xxO8)}"], changeDetection: 0 });
 (function () {
     (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EntranceTemplate, [{
             type: Component,
-            args: [{ selector: 'templates-entrance', host: { class: 'template' }, changeDetection: ChangeDetectionStrategy.OnPush, template: "<frames-card>\n  <frames-auto-layout vertical>\n    <organisms-heading>\u30ED\u30B0\u30A4\u30F3</organisms-heading>\n    <organisms-text-input-section\n      *ngIf=\"isEmailSectionShown\"\n      label=\"\u30E1\u30FC\u30EB\u30A2\u30C9\u30EC\u30B9\"\n      [control]=\"form.get('email')\"\n    ></organisms-text-input-section>\n    <organisms-text-input-section\n      *ngIf=\"isPasswordSectionShown\"\n      label=\"\u30D1\u30B9\u30EF\u30FC\u30C9\"\n      [control]=\"form.get('password')\"\n    ></organisms-text-input-section>\n    <organisms-action-buttons-section [items]=\"actionItems\"></organisms-action-buttons-section>\n    <organisms-social-login-section\n      (signInWithGoogleButtonClick)=\"signInWithGoogleButtonClick.emit()\"\n    ></organisms-social-login-section>\n  </frames-auto-layout>\n</frames-card>\n", styles: [":host{--horizontal-padding: 64px;--horizontal-padding-SCOPED-IN-entrance-w5ft: var(--horizontal-padding);--background-color: #eee;--background-color-SCOPED-IN-entrance-w5ft: var(--background-color)}:host{display:flex;justify-content:center;align-items:center;background-color:var(--background-color-SCOPED-IN-entrance-w5ft);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-w5ft)}\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-xxO8: var(--horizontal-padding);--background-color: #eee;--background-color-SCOPED-IN-entrance-xxO8: var(--background-color)}:host{display:flex;justify-content:center;align-items:center;background-color:var(--background-color-SCOPED-IN-entrance-xxO8);width:100%;height:100%}:host frames-card{display:flex;flex-direction:column;width:600px;max-width:calc(100% - 32px);height:-moz-fit-content;height:fit-content}:host frames-card *{max-width:calc(100% - 32px);--horizontal-padding: var(--horizontal-padding-SCOPED-IN-entrance-xxO8)}\n"] }]
         }], null, { form: [{
                 type: Input
             }], isEmailSectionShown: [{
                 type: Input
             }], isPasswordSectionShown: [{
                 type: Input
-            }], actionItems: [{
+            }], actions: [{
                 type: Input
-            }], submitButtonClick: [{
-                type: Output
-            }], signInWithGoogleButtonClick: [{
+            }], action: [{
                 type: Output
             }] });
 })();
@@ -144,5 +163,5 @@ EntranceModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonMod
  * Generated bundle index. Do not edit.
  */
-export { EntranceModule, EntranceTemplate };
+export { ActionId, Actions, EntranceModule, EntranceTemplate };
 //# sourceMappingURL=ng-atomic-components-templates-entrance.mjs.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ng-atomic-components-templates-entrance.mjs","sources":["../../../../libs/components/src/templates/entrance/entrance.template.html","../../../../libs/components/src/templates/entrance/entrance.template.ts","../../../../libs/components/src/templates/entrance/entrance.module.ts","../../../../libs/components/src/templates/entrance/ng-atomic-components-templates-entrance.ts"],"sourcesContent":["<frames-card>\n <frames-auto-layout vertical>\n <organisms-heading>ログイン</organisms-heading>\n <organisms-text-input-section\n ngIf=\"isEmailSectionShown\"\n label=\"メールアドレス\"\n [control]=\"form.get('email')\"\n ></organisms-text-input-section>\n <organisms-text-input-section\n ngIf=\"isPasswordSectionShown\"\n label=\"パスワード\"\n [control]=\"form.get('password')\"\n ></organisms-text-input-section>\n <organisms-action-buttons-section [~~items~~]=\"~~actionItems~~\"~~></organisms-action-buttons-section>\n <organisms-social-login-section~~\n (~~signInWithGoogleButtonClick~~)=\"~~signInWithGoogleButtonClick~~.emit()\"\n ></organisms-~~social~~-~~login~~-section>\n </frames-auto-layout>\n</frames-card>\n","import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { FormGroup, FormControl} from '@ngneat/reactive-forms';\n\n@Component({\n selector: 'templates-entrance',\n templateUrl: './entrance.template.html',\n styleUrls: ['./entrance.template.scss'],\n host: {class: 'template'},\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class EntranceTemplate {\n @Input()\n form = new FormGroup({\n email: new FormControl(''),\n password: new FormControl(''),\n });\n\n @Input()\n isEmailSectionShown = true;\n\n @Input()\n isPasswordSectionShown = true;\n\n @Input()\n ~~actionItems~~ = [];\n\n @Output()\n ~~submitButtonClick~~ = new EventEmitter<~~void~~>()~~;\n~~\n ~~@Output()\n signInWithGoogleButtonClick = new EventEmitter<void>();\n~~}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ActionButtonsSectionModule } from '@ng-atomic/components/organisms/action-buttons-section';\nimport { HeadingModule } from '@ng-atomic/components/organisms/heading';\nimport { TextInputSectionModule } from '@ng-atomic/components/organisms/text-input-section';\nimport { SocialLoginSectionModule } from '@ng-atomic/components/organisms/social-login-section';\nimport { AutoLayoutModule } from '@ng-atomic/components/frames/auto-layout';\nimport { CardModule } from '@ng-atomic/components/frames/card';\nimport { EntranceTemplate } from './entrance.template';\n\n\n@NgModule({\n declarations: [\n EntranceTemplate\n ],\n imports: [\n CommonModule,\n // Frames\n AutoLayoutModule,\n CardModule,\n // Organisms\n ActionButtonsSectionModule,\n HeadingModule,\n SocialLoginSectionModule,\n TextInputSectionModule,\n ],\n exports: [\n EntranceTemplate\n ],\n bootstrap: [\n EntranceTemplate,\n ]\n})\nexport class EntranceModule { }\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"~~;;;;;;;;;;;;;;;;;;;;~~QAGI,EAIgC,CAAA,SAAA,CAAA,CAAA,EAAA,8BAAA,EAAA,CAAA,CAAA,CAAA;;;;AAD9B,QAAA,EAA6B,CAAA,UAAA,CAAA,SAAA,EAAA,MAAA,CAAA,IAAA,CAAA,GAAA,CAAA,OAAA,CAAA,CAAA,CAAA;;;;;QAE/B,EAIgC,CAAA,SAAA,CAAA,CAAA,EAAA,8BAAA,EAAA,CAAA,CAAA,CAAA;;;;AAD9B,QAAA,EAAgC,CAAA,UAAA,CAAA,SAAA,EAAA,MAAA,CAAA,IAAA,CAAA,GAAA,CAAA,UAAA,CAAA,CAAA,CAAA;;;~~MCDzB~~,gBAAgB,CAAA;AAP7B,IAAA,WAAA,GAAA;~~AASE~~,QAAA,IAAI,CAAA,IAAA,GAAG,IAAI,SAAS,CAAC;AACnB,YAAA,KAAK,EAAE,IAAI,WAAW,CAAC,EAAE,CAAC;AAC1B,YAAA,QAAQ,EAAE,IAAI,WAAW,CAAC,EAAE,CAAC;AAC9B,SAAA,CAAC,CAAC;AAGH,QAAA,IAAmB,CAAA,mBAAA,GAAG,IAAI,CAAC;AAG3B,QAAA,IAAsB,CAAA,sBAAA,GAAG,IAAI,CAAC;AAG9B,QAAA,~~IAAW~~,CAAA,~~WAAA~~,GAAG,~~EAAE~~,CAAC;~~AAGjB~~,QAAA,IAAA,CAAA,~~iBAAiB~~,GAAG,IAAI,YAAY,~~EAAQ~~,~~CAAC;AAG7C,QAAA,IAAA,~~CAAA~~,2BAA2B,GAAG,IAAI,YAAY,EAAQ,CAAC~~;~~KACxD~~;;~~gFArBY~~,gBAAgB,GAAA,CAAA,EAAA,CAAA;mEAAhB,gBAAgB,EAAA,SAAA,EAAA,CAAA,CAAA,oBAAA,CAAA,CAAA,EAAA,SAAA,EAAA,CAAA,CAAA,EAAA,UAAA,CAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,mBAAA,EAAA,qBAAA,EAAA,sBAAA,EAAA,wBAAA,EAAA,~~WAAA~~,EAAA,~~aAAA~~,EAAA,EAAA,OAAA,EAAA,EAAA,~~iBAAA~~,EAAA,~~mBAAA~~,EAAA,~~2BAAA,~~EAAA,~~6BAAA,EAAA,EAAA,~~KAAA,EAAA,CAAA,EAAA,IAAA,EAAA,CAAA,EAAA,MAAA,EAAA,CAAA,CAAA,UAAA,EAAA,EAAA,CAAA,EAAA,CAAA,OAAA,EAAA,4CAAA,EAAA,CAAA,EAAA,SAAA,EAAA,CAAA,EAAA,MAAA,CAAA,EAAA,CAAA,OAAA,EAAA,gCAAA,EAAA,CAAA,EAAA,SAAA,EAAA,CAAA,EAAA,MAAA,CAAA,EAAA,CAAA,CAAA,EAAA,~~OAAA~~,~~CAAA,~~EAAA,~~CAAA~~,CAAA,EAAA,~~6BAAA,~~CAAA,~~EAAA,CAAA,~~OAAA,EAAA,4CAAA,EAAA,CAAA,EAAA,SAAA,CAAA,EAAA,CAAA,OAAA,EAAA,gCAAA,EAAA,CAAA,EAAA,SAAA,CAAA,CAAA,EAAA,QAAA,EAAA,SAAA,yBAAA,CAAA,EAAA,EAAA,GAAA,EAAA;QAAA,IAAA,EAAA,GAAA,CAAA,EAAA;~~ADV7B~~,YAAA,EAAA,CAAA,cAAA,CAAA,CAAA,EAAA,aAAA,CAAa,4BAAA,CAAA,CAAA,EAAA,mBAAA,CAAA,CAAA;AAEU,YAAA,EAAI,CAAA,MAAA,CAAA,CAAA,EAAA,0BAAA,CAAA,CAAA;YAAA,EAAoB,CAAA,YAAA,EAAA,CAAA;AAC3C,YAAA,EAIgC,CAAA,UAAA,CAAA,CAAA,EAAA,wDAAA,EAAA,CAAA,EAAA,CAAA,EAAA,8BAAA,EAAA,CAAA,CAAA,CAAA;AAChC,YAAA,EAIgC,CAAA,UAAA,CAAA,CAAA,EAAA,wDAAA,EAAA,CAAA,EAAA,CAAA,EAAA,8BAAA,EAAA,CAAA,CAAA,CAAA;YAChC,~~EAA2F~~,CAAA,~~SAAA~~,CAAA,CAAA,EAAA,kCAAA,EAAA,CAAA,CAAA,CAAA;~~YAC3F~~,~~EAEC,CAAA,cAAA,CAAA,CAAA,~~EAAA,~~gCAAA,EAAA,~~CAAA,~~CAAA~~,CAAA~~;AADC~~,~~YAAA~~,EAAA,~~CAAA~~,~~UAAA~~,CAAA,~~6BAAA~~,EAAA,~~SAAA,+FAAA,GAAA,~~EAAA,~~OAA+B~~,~~sCAAkC~~,CAAC,EAAA,CAAA,CAAA;~~AACnE~~,YAAA,EAAA,CAAA,YAAA,~~EAAiC~~,EAAA,EAAA,CAAA;;;~~AAZ/B~~,YAAA,EAAyB,CAAA,SAAA,CAAA,CAAA,CAAA,CAAA;YAAzB,EAAyB,CAAA,UAAA,CAAA,MAAA,EAAA,GAAA,CAAA,mBAAA,CAAA,CAAA;AAKzB,YAAA,EAA4B,CAAA,SAAA,CAAA,CAAA,CAAA,CAAA;YAA5B,EAA4B,CAAA,UAAA,CAAA,MAAA,EAAA,GAAA,CAAA,sBAAA,CAAA,CAAA;~~AAIG~~,YAAA,~~EAAqB~~,CAAA,SAAA,CAAA,CAAA,CAAA,CAAA;~~YAArB~~,~~EAAqB~~,CAAA,UAAA,CAAA,~~OAAA~~,EAAA,GAAA,CAAA,~~WAAA~~,CAAA,CAAA;;;;~~4ECH9C~~,gBAAgB,EAAA,CAAA;kBAP5B,SAAS;+BACE,oBAAoB,EAAA,IAAA,EAGxB,EAAC,KAAK,EAAE,UAAU,EAAC,EAAA,eAAA,EACR,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,~~wzBAAA~~,EAAA,MAAA,EAAA,CAAA,+lBAAA,CAAA,EAAA,CAAA;~~oBAI~~/C,IAAI,EAAA,CAAA;sBADH,KAAK;gBAON,mBAAmB,EAAA,CAAA;sBADlB,KAAK;gBAIN,sBAAsB,EAAA,CAAA;sBADrB,KAAK;gBAIN,~~WAAW~~,EAAA,CAAA;~~sBADV~~,KAAK;gBAIN,~~iBAAiB,EAAA,CAAA;sBADhB,~~MAAM~~;gBAIP~~,~~2BAA2B,~~EAAA,CAAA;~~sBAD1B~~,MAAM;;;;~~MCII~~,cAAc,CAAA;;4EAAd,cAAc,GAAA,CAAA,EAAA,CAAA;AAAd,cAAA,CAAA,IAAA,iBAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,IAAA,EAAA,cAAc,cAHvB,gBAAgB,CAAA,EAAA,CAAA,CAAA;oEAdhB,YAAY;;QAEZ,gBAAgB;QAChB,UAAU;;QAEV,0BAA0B;QAC1B,aAAa;QACb,wBAAwB;QACxB,sBAAsB,CAAA,EAAA,CAAA,CAAA;;4EASb,cAAc,EAAA,CAAA;kBAtB1B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,gBAAgB;AACjB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;;wBAEZ,gBAAgB;wBAChB,UAAU;;wBAEV,0BAA0B;wBAC1B,aAAa;wBACb,wBAAwB;wBACxB,sBAAsB;AACvB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,gBAAgB;AACjB,qBAAA;AACD,oBAAA,SAAS,EAAE;wBACT,gBAAgB;AACjB,qBAAA;iBACF,CAAA;;;;6EACY,cAAc,EAAA,EAAA,YAAA,EAAA,CApBvB,gBAAgB,CAAA,EAAA,OAAA,EAAA,CAGhB,YAAY;;YAEZ,gBAAgB;YAChB,UAAU;;YAEV,0BAA0B;YAC1B,aAAa;YACb,wBAAwB;YACxB,sBAAsB,aAGtB,gBAAgB,CAAA,EAAA,CAAA,CAAA;AAAA,CAAA,GAAA;;AC3BpB;;AAEG;;;;"}
1	+ {"version":3,"file":"ng-atomic-components-templates-entrance.mjs","sources":["../../../../libs/components/src/templates/entrance/entrance.template.html","../../../../libs/components/src/templates/entrance/entrance.template.ts","../../../../libs/components/src/templates/entrance/entrance.module.ts","../../../../libs/components/src/templates/entrance/ng-atomic-components-templates-entrance.ts"],"sourcesContent":["<frames-card>\n <frames-auto-layout vertical>\n <organisms-heading>ログイン</organisms-heading>\n <organisms-text-input-section\n ngIf=\"isEmailSectionShown\"\n label=\"メールアドレス\"\n [control]=\"form.get('email')\"\n ></organisms-text-input-section>\n <organisms-text-input-section\n ngIf=\"isPasswordSectionShown\"\n label=\"パスワード\"\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","import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { Action } from '@ng-atomic/common/models';\nimport { FormGroup, FormControl} from '@ngneat/reactive-forms';\n\nexport enum ActionId {\n SIGN_IN = '[@ng-atomic/components] Sign In',\n SIGN_IN_WITH_GOOGLE = '[@ng-atomic/components] Sign In With Google',\n SIGN_IN_WITH_TWITTER = '[@ng-atomic/components] Sign In With Twitter',\n}\n\nexport const Actions: Action[] = [\n {\n id: ActionId.SIGN_IN,\n name: 'Sign In',\n icon: 'login',\n },\n {\n id: ActionId.SIGN_IN_WITH_GOOGLE,\n name: 'Sign In With Google',\n icon: 'google',\n },\n {\n id: ActionId.SIGN_IN_WITH_TWITTER,\n name: 'Sign In With Twitter',\n icon: 'twitter',\n },\n];\n\n@Component({\n selector: 'templates-entrance',\n templateUrl: './entrance.template.html',\n styleUrls: ['./entrance.template.scss'],\n host: {class: 'template'},\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class EntranceTemplate {\n protected ActionId = ActionId\n\n @Input()\n form = new FormGroup({\n email: new FormControl(''),\n password: new FormControl(''),\n });\n\n @Input()\n isEmailSectionShown = true;\n\n @Input()\n isPasswordSectionShown = true;\n\n @Input()\n actions = Actions;\n\n @Output()\n action = new EventEmitter<Action>()\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ActionButtonsSectionModule } from '@ng-atomic/components/organisms/action-buttons-section';\nimport { HeadingModule } from '@ng-atomic/components/organisms/heading';\nimport { TextInputSectionModule } from '@ng-atomic/components/organisms/text-input-section';\nimport { SocialLoginSectionModule } from '@ng-atomic/components/organisms/social-login-section';\nimport { AutoLayoutModule } from '@ng-atomic/components/frames/auto-layout';\nimport { CardModule } from '@ng-atomic/components/frames/card';\nimport { EntranceTemplate } from './entrance.template';\n\n\n@NgModule({\n declarations: [\n EntranceTemplate\n ],\n imports: [\n CommonModule,\n // Frames\n AutoLayoutModule,\n CardModule,\n // Organisms\n ActionButtonsSectionModule,\n HeadingModule,\n SocialLoginSectionModule,\n TextInputSectionModule,\n ],\n exports: [\n EntranceTemplate\n ],\n bootstrap: [\n EntranceTemplate,\n ]\n})\nexport class EntranceModule { }\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ng-atomic-components-templates-menu.mjs","sources":["../../../../libs/components/src/templates/menu/menu.template.ts","../../../../libs/components/src/templates/menu/menu.template.html","../../../../libs/components/src/templates/menu/menu.module.ts","../../../../libs/components/src/templates/menu/ng-atomic-components-templates-menu.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { 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<~~string~~>();\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;;wEARY,YAAY,GAAA,CAAA,EAAA,CAAA;+DAAZ,YAAY,EAAA,SAAA,EAAA,CAAA,CAAA,gBAAA,CAAA,CAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,EAAA,OAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,kBAAA,EAAA,GAAA,EAAA,KAAA,EAAA,CAAA,EAAA,IAAA,EAAA,CAAA,EAAA,MAAA,EAAA,CAAA,CAAA,CAAA,EAAA,KAAA,CAAA,EAAA,CAAA,CAAA,EAAA,OAAA,EAAA,QAAA,CAAA,EAAA,CAAA,CAAA,EAAA,QAAA,CAAA,CAAA,EAAA,QAAA,EAAA,SAAA,qBAAA,CAAA,EAAA,EAAA,GAAA,EAAA;QAAA,IAAA,EAAA,GAAA,CAAA,EAAA;;YCTzB,EAAiB,CAAA,cAAA,CAAA,CAAA,EAAA,KAAA,EAAA,CAAA,CAAA,CAAA;AACf,YAAA,EAAyC,CAAA,YAAA,CAAA,CAAA,CAAA,CAAA;YACzC,EAGC,CAAA,cAAA,CAAA,CAAA,EAAA,2BAAA,EAAA,CAAA,CAAA,CAAA;YADC,EAAA,CAAA,UAAA,CAAA,QAAA,EAAA,SAAA,iEAAA,CAAA,MAAA,EAAA,EAAA,OAAU,uBAAmB,CAAC,EAAA,CAAA,CAAA;AAC/B,YAAA,EAAA,CAAA,YAAA,EAA4B,EAAA,CAAA;YAE/B,EAAoB,CAAA,cAAA,CAAA,CAAA,EAAA,KAAA,EAAA,CAAA,CAAA,CAAA;AAClB,YAAA,EAAyC,CAAA,YAAA,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA;YAC3C,EAAM,CAAA,YAAA,EAAA,CAAA;;;AANF,YAAA,EAAe,CAAA,SAAA,CAAA,CAAA,CAAA,CAAA;YAAf,EAAe,CAAA,UAAA,CAAA,OAAA,EAAA,GAAA,CAAA,KAAA,CAAA,CAAA;;;;4EDMN,YAAY,EAAA,CAAA;kBANxB,SAAS;+BACE,gBAAgB,EAAA,eAAA,EAGT,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,mRAAA,EAAA,MAAA,EAAA,CAAA,krBAAA,CAAA,EAAA,CAAA;oBAK/C,KAAK,EAAA,CAAA;sBADJ,KAAK;gBAIN,MAAM,EAAA,CAAA;sBADL,MAAM;;;;MEGI,UAAU,CAAA;;oEAAV,UAAU,GAAA,CAAA,EAAA,CAAA;AAAV,UAAA,CAAA,IAAA,iBAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,IAAA,EAAA,UAAU,cAFT,YAAY,CAAA,EAAA,CAAA,CAAA;gEALtB,YAAY;;QAEZ,oBAAoB,CAAA,EAAA,CAAA,CAAA;;4EAKX,UAAU,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;;;;6EACY,UAAU,EAAA,EAAA,YAAA,EAAA,CATN,YAAY,CAAA,EAAA,OAAA,EAAA,CAEzB,YAAY;;YAEZ,oBAAoB,aAEZ,YAAY,CAAA,EAAA,CAAA,CAAA;AAAA,CAAA,GAAA;;ACdxB;;AAEG;;;;"}
1	+ {"version":3,"file":"ng-atomic-components-templates-menu.mjs","sources":["../../../../libs/components/src/templates/menu/menu.template.ts","../../../../libs/components/src/templates/menu/menu.template.html","../../../../libs/components/src/templates/menu/menu.module.ts","../../../../libs/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;;wEARY,YAAY,GAAA,CAAA,EAAA,CAAA;+DAAZ,YAAY,EAAA,SAAA,EAAA,CAAA,CAAA,gBAAA,CAAA,CAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,EAAA,OAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,kBAAA,EAAA,GAAA,EAAA,KAAA,EAAA,CAAA,EAAA,IAAA,EAAA,CAAA,EAAA,MAAA,EAAA,CAAA,CAAA,CAAA,EAAA,KAAA,CAAA,EAAA,CAAA,CAAA,EAAA,OAAA,EAAA,QAAA,CAAA,EAAA,CAAA,CAAA,EAAA,QAAA,CAAA,CAAA,EAAA,QAAA,EAAA,SAAA,qBAAA,CAAA,EAAA,EAAA,GAAA,EAAA;QAAA,IAAA,EAAA,GAAA,CAAA,EAAA;;YCTzB,EAAiB,CAAA,cAAA,CAAA,CAAA,EAAA,KAAA,EAAA,CAAA,CAAA,CAAA;AACf,YAAA,EAAyC,CAAA,YAAA,CAAA,CAAA,CAAA,CAAA;YACzC,EAGC,CAAA,cAAA,CAAA,CAAA,EAAA,2BAAA,EAAA,CAAA,CAAA,CAAA;YADC,EAAA,CAAA,UAAA,CAAA,QAAA,EAAA,SAAA,iEAAA,CAAA,MAAA,EAAA,EAAA,OAAU,uBAAmB,CAAC,EAAA,CAAA,CAAA;AAC/B,YAAA,EAAA,CAAA,YAAA,EAA4B,EAAA,CAAA;YAE/B,EAAoB,CAAA,cAAA,CAAA,CAAA,EAAA,KAAA,EAAA,CAAA,CAAA,CAAA;AAClB,YAAA,EAAyC,CAAA,YAAA,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA;YAC3C,EAAM,CAAA,YAAA,EAAA,CAAA;;;AANF,YAAA,EAAe,CAAA,SAAA,CAAA,CAAA,CAAA,CAAA;YAAf,EAAe,CAAA,UAAA,CAAA,OAAA,EAAA,GAAA,CAAA,KAAA,CAAA,CAAA;;;;4EDMN,YAAY,EAAA,CAAA;kBANxB,SAAS;+BACE,gBAAgB,EAAA,eAAA,EAGT,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,mRAAA,EAAA,MAAA,EAAA,CAAA,krBAAA,CAAA,EAAA,CAAA;oBAK/C,KAAK,EAAA,CAAA;sBADJ,KAAK;gBAIN,MAAM,EAAA,CAAA;sBADL,MAAM;;;;MEGI,UAAU,CAAA;;oEAAV,UAAU,GAAA,CAAA,EAAA,CAAA;AAAV,UAAA,CAAA,IAAA,iBAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,IAAA,EAAA,UAAU,cAFT,YAAY,CAAA,EAAA,CAAA,CAAA;gEALtB,YAAY;;QAEZ,oBAAoB,CAAA,EAAA,CAAA,CAAA;;4EAKX,UAAU,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;;;;6EACY,UAAU,EAAA,EAAA,YAAA,EAAA,CATN,YAAY,CAAA,EAAA,OAAA,EAAA,CAEzB,YAAY;;YAEZ,oBAAoB,aAEZ,YAAY,CAAA,EAAA,CAAA,CAAA;AAAA,CAAA,GAAA;;ACdxB;;AAEG;;;;"}

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ng-atomic-components-templates-smart-crud.mjs","sources":["../../../../libs/components/src/templates/smart-crud/smart-crud.template.html","../../../../libs/components/src/templates/smart-crud/smart-crud.template.ts","../../../../libs/components/src/templates/smart-crud/smart-crud.module.ts","../../../../libs/components/src/templates/smart-crud/ng-atomic-components-templates-smart-crud.ts"],"sourcesContent":["<frames-scroll>\n <organisms-navigator \n [leftItems]=\"canBack ? navigatorLeftItems : []\"\n [rightItems]=\"navigatorMenuItems\"\n (action)=\"onAction($event)\"\n navigator\n >\n <molecules-header [title]=\"title\"></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 [items]=\"actionItems\"\n (action)=\"onAction($event)\"\n ></organisms-action-buttons-section>\n </frames-auto-layout>\n</frames-scroll>","import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { Action, ActionItem } 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 canBack = false;\n\n @Input()\n name: string = '';\n\n @Input()\n form!: FormGroup<any>;\n\n @Input()\n mode: 'create' \| 'update' = 'create';\n\n @Input()\n navigatorMenuItems: ActionItem[] = [{id: ActionId.DELETE, name: '削除'}];\n\n @Input()\n title: string = 'title';\n\n @Output()\n action = new EventEmitter<Action>();\n\n @Output()\n backButtonClick = new EventEmitter();\n\n @Output()\n createButtonClick = new EventEmitter<void>();\n\n @Output()\n updateButtonClick = new EventEmitter<void>();\n\n navigatorLeftItems = [{ id: ActionId.BACK, icon: 'arrow_back' }];\n\n get actionItems(): ActionItem[] {\n switch (this.mode) {\n case 'create': return [{id: ActionId.CREATE, name: '作成'}];\n case 'update': return [{id: ActionId.UPDATE, name: '更新'}];\n }\n }\n\n get controls() {\n return Object.entries(this.form.controls);\n }\n\n trackByIndex = (index: number) => index;\n\n onAction(action: Action): void {\n switch(action.id) {\n case ActionId.BACK: return this.backButtonClick.emit();\n case ActionId.CREATE: return this.createButtonClick.emit();\n case ActionId.UPDATE: return this.updateButtonClick.emit();\n default: return this.action.emit(action);\n }\n }\n}\n","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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"}
1	+ {"version":3,"file":"ng-atomic-components-templates-smart-crud.mjs","sources":["../../../../libs/components/src/templates/smart-crud/smart-crud.template.html","../../../../libs/components/src/templates/smart-crud/smart-crud.template.ts","../../../../libs/components/src/templates/smart-crud/smart-crud.module.ts","../../../../libs/components/src/templates/smart-crud/ng-atomic-components-templates-smart-crud.ts"],"sourcesContent":["<frames-scroll>\n <organisms-navigator \n [leftItems]=\"canBack ? navigatorLeftItems : []\"\n [rightItems]=\"navigatorMenuItems\"\n (action)=\"onAction($event)\"\n navigator\n >\n <molecules-header [title]=\"title\"></molecules-header>\n </organisms-navigator>\n <frames-auto-layout vertical contents>\n <ng-container ngFor=\"let entry of controls; trackBy:trackByIndex\" [ngSwitch]=\"(entry[0] \| smartField)?.type\">\n <organisms-select-input-section\n ngSwitchCase=\"'select'\"\n [label]=\"entry[0] \| D\"\n [control]=\"entry[1]\"\n [options]=\"(entry[0] \| smartField)?.options\"\n ></organisms-select-input-section>\n <organisms-date-input-section\n ngSwitchCase=\"'date'\"\n [label]=\"entry[0] \| D\"\n [control]=\"entry[1]\"\n ></organisms-date-input-section>\n <organisms-text-input-section\n ngSwitchCase=\"'number'\"\n [type]=\"'number'\"\n [label]=\"entry[0] \| D\"\n [control]=\"entry[1]\"\n ></organisms-text-input-section>\n <organisms-text-input-section\n ngSwitchDefault\n [label]=\"entry[0] \| D\"\n [control]=\"entry[1]\"\n ></organisms-text-input-section>\n </ng-container>\n <organisms-action-buttons-section\n [actions]=\"actions\"\n (action)=\"onAction($event)\"\n ></organisms-action-buttons-section>\n </frames-auto-layout>\n</frames-scroll>","import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { Action, ActionItem } 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 canBack = false;\n\n @Input()\n name: string = '';\n\n @Input()\n form!: FormGroup<any>;\n\n @Input()\n mode: 'create' \| 'update' = 'create';\n\n @Input()\n navigatorMenuItems: ActionItem[] = [{id: ActionId.DELETE, name: '削除'}];\n\n @Input()\n title: string = 'title';\n\n @Output()\n action = new EventEmitter<Action>();\n\n @Output()\n backButtonClick = new EventEmitter();\n\n @Output()\n createButtonClick = new EventEmitter<void>();\n\n @Output()\n updateButtonClick = new EventEmitter<void>();\n\n navigatorLeftItems = [{ id: ActionId.BACK, icon: 'arrow_back' }];\n\n get actions(): Action[] {\n switch (this.mode) {\n case 'create': return [{id: ActionId.CREATE, name: '作成', disabled: this.form.invalid}];\n case 'update': return [{id: ActionId.UPDATE, name: '更新', disabled: this.form.invalid}];\n }\n }\n\n get controls() {\n return Object.entries(this.form.controls);\n }\n\n trackByIndex = (index: number) => index;\n\n onAction(action: Action): void {\n switch(action.id) {\n case ActionId.BACK: return this.backButtonClick.emit();\n case ActionId.CREATE: return this.createButtonClick.emit();\n case ActionId.UPDATE: return this.updateButtonClick.emit();\n default: return this.action.emit(action);\n }\n }\n}\n","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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"}

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

@@ -31,10 +31,12 @@ function SmartIndexTemplate_organisms_paginator_5_Template(rf, ctx) {
 const _c0 = function () { return []; };
 var ActionId;
 (function (ActionId) {
-    ActionId["BACK"] = "[@ng-atomic/components/templates/smart-crud] Back";
+    ActionId["BACK"] = "[@ng-atomic/components/templates/smart-index] Back";
+    ActionId["TABLE_HEADER_CLICK"] = "[@ng-atomic/components/templates/smart-index] Table Header Click";
 })(ActionId || (ActionId = {}));
 class SmartIndexTemplate {
     constructor() {
+        this.ActionId = ActionId;
         this.canBack = false;
         this.queryControl = new FormControl('');
         this.title = '';
@@ -55,25 +57,23 @@ class SmartIndexTemplate {
         this.backButtonClick = new EventEmitter();
         this.checkboxClick = new EventEmitter();
         this.pageChange = new EventEmitter();
-        this.tableHeaderClick = new EventEmitter();
         this.navigatorLeftItems = [{ id: ActionId.BACK, icon: 'arrow_back' }];
     }
     onAction(action) {
         switch (action.id) {
-            case ActionId.BACK: return this.backButtonClick.emit();
             default: return this.action.emit(action);
         }
     }
 }
 SmartIndexTemplate.ɵfac = function SmartIndexTemplate_Factory(t) { return new (t || SmartIndexTemplate)(); };
-SmartIndexTemplate.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SmartIndexTemplate, selectors: [["templates-smart-index"]], hostAttrs: [1, "template"], inputs: { canBack: "canBack", queryControl: "queryControl", title: "title", description: "description", items: "items", rowMenuItems: "rowMenuItems", itemActions: "itemActions", navigatorMenuItems: "navigatorMenuItems", properties: "properties", selectedIdSet: "selectedIdSet", sortKey: "sortKey", sortOrder: "sortOrder", page: "page", pageSizeOptions: "pageSizeOptions", queryPlaceholder: "queryPlaceholder" }, outputs: { action: "action", backButtonClick: "backButtonClick", checkboxClick: "checkboxClick", pageChange: "pageChange", tableHeaderClick: "tableHeaderClick" }, decls: 6, vars: 13, consts: [["navigator", "", 3, "leftItems", "rightItems", "action"], [3, "title", "description"], ["vertical", "", "contents", ""], [3, "items", "menuItems", "itemActions", "columns", "selectedIdSet", "sortKey", "sortOrder", "action", "checkboxClick", "headerClick"], [3, "control", "page", "pageSizeOptions", "placeholder", "pageChange", 4, "ngIf"], [3, "control", "page", "pageSizeOptions", "placeholder", "pageChange"]], template: function SmartIndexTemplate_Template(rf, ctx) {
+SmartIndexTemplate.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SmartIndexTemplate, selectors: [["templates-smart-index"]], hostAttrs: [1, "template"], inputs: { canBack: "canBack", queryControl: "queryControl", title: "title", description: "description", items: "items", rowMenuItems: "rowMenuItems", itemActions: "itemActions", navigatorMenuItems: "navigatorMenuItems", properties: "properties", selectedIdSet: "selectedIdSet", sortKey: "sortKey", sortOrder: "sortOrder", page: "page", pageSizeOptions: "pageSizeOptions", queryPlaceholder: "queryPlaceholder" }, outputs: { action: "action", backButtonClick: "backButtonClick", checkboxClick: "checkboxClick", pageChange: "pageChange" }, decls: 6, vars: 13, consts: [["navigator", "", 3, "leftItems", "rightItems", "action"], [3, "title", "description"], ["vertical", "", "contents", ""], [3, "items", "menuItems", "itemActions", "columns", "selectedIdSet", "sortKey", "sortOrder", "action", "checkboxClick", "headerClick"], [3, "control", "page", "pageSizeOptions", "placeholder", "pageChange", 4, "ngIf"], [3, "control", "page", "pageSizeOptions", "placeholder", "pageChange"]], template: function SmartIndexTemplate_Template(rf, ctx) {
         if (rf & 1) {
             i0.ɵɵelementStart(0, "frames-scroll")(1, "organisms-navigator", 0);
             i0.ɵɵlistener("action", function SmartIndexTemplate_Template_organisms_navigator_action_1_listener($event) { return ctx.onAction($event); });
             i0.ɵɵelement(2, "molecules-header", 1);
             i0.ɵɵelementEnd();
             i0.ɵɵelementStart(3, "frames-auto-layout", 2)(4, "organisms-smart-table", 3);
-            i0.ɵɵlistener("action", function SmartIndexTemplate_Template_organisms_smart_table_action_4_listener($event) { return ctx.action.emit($event); })("checkboxClick", function SmartIndexTemplate_Template_organisms_smart_table_checkboxClick_4_listener($event) { return ctx.checkboxClick.emit($event); })("headerClick", function SmartIndexTemplate_Template_organisms_smart_table_headerClick_4_listener($event) { return ctx.tableHeaderClick.emit($event); });
+            i0.ɵɵlistener("action", function SmartIndexTemplate_Template_organisms_smart_table_action_4_listener($event) { return ctx.action.emit($event); })("checkboxClick", function SmartIndexTemplate_Template_organisms_smart_table_checkboxClick_4_listener($event) { return ctx.checkboxClick.emit($event); })("headerClick", function SmartIndexTemplate_Template_organisms_smart_table_headerClick_4_listener($event) { return ctx.action.emit({ id: ctx.ActionId.TABLE_HEADER_CLICK, payload: $event }); });
             i0.ɵɵelementEnd();
             i0.ɵɵtemplate(5, SmartIndexTemplate_organisms_paginator_5_Template, 1, 4, "organisms-paginator", 4);
             i0.ɵɵelementEnd()();
@@ -88,11 +88,11 @@ SmartIndexTemplate.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SmartInd
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("ngIf", ctx.page);
         }
-    }, dependencies: [i1.NgIf, i2.AutoLayoutFrame, i3.ScrollFrame, i4.PaginatorOrganism, i5.SmartTableOrganism, i6.NavigatorOrganism, i7.HeaderMolecule], styles: ["[_nghost-%COMP%]{--navigator-height: 56px;--navigator-height-SCOPED-IN-smart-index-TXqv: var(--navigator-height)}[_nghost-%COMP%]{width:100%;height:100%;background:white;display:block}[_nghost-%COMP%]   frames-auto-layout[_ngcontent-%COMP%]{--gap: 0;--vertical-padding: 0}"], changeDetection: 0 });
+    }, dependencies: [i1.NgIf, i2.AutoLayoutFrame, i3.ScrollFrame, i4.PaginatorOrganism, i5.SmartTableOrganism, i6.NavigatorOrganism, i7.HeaderMolecule], styles: ["[_nghost-%COMP%]{--navigator-height: 56px;--navigator-height-SCOPED-IN-smart-index-Qc9c: var(--navigator-height)}[_nghost-%COMP%]{width:100%;height:100%;background:white;display:block}[_nghost-%COMP%]   frames-auto-layout[_ngcontent-%COMP%]{--gap: 0;--vertical-padding: 0}"], changeDetection: 0 });
 (function () {
     (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SmartIndexTemplate, [{
             type: Component,
-            args: [{ selector: 'templates-smart-index', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'template' }, template: "<frames-scroll>\n  <organisms-navigator\n    [leftItems]=\"canBack ? navigatorLeftItems : []\"\n    [rightItems]=\"navigatorMenuItems\"\n    (action)=\"onAction($event)\"\n    navigator\n  >\n    <molecules-header [title]=\"title\" [description]=\"description\"></molecules-header>\n  </organisms-navigator>\n  <frames-auto-layout vertical contents>\n    <organisms-smart-table\n      [items]=\"items\"\n      [menuItems]=\"rowMenuItems\"\n      [itemActions]=\"itemActions\"\n      [columns]=\"properties\"\n      [selectedIdSet]=\"selectedIdSet\"\n      [sortKey]=\"sortKey\"\n      [sortOrder]=\"sortOrder\"\n      (action)=\"action.emit($event)\"\n      (checkboxClick)=\"checkboxClick.emit($event)\"\n      (headerClick)=\"tableHeaderClick.emit($event)\"\n    ></organisms-smart-table>\n    <organisms-paginator\n      *ngIf=\"page\"\n      [control]=\"queryControl\"\n      [page]=\"page\"\n      [pageSizeOptions]=\"pageSizeOptions\"\n      [placeholder]=\"queryPlaceholder\"\n      (pageChange)=\"pageChange.emit($event)\"\n    ></organisms-paginator>\n  </frames-auto-layout>\n</frames-scroll>", styles: [":host{--navigator-height: 56px;--navigator-height-SCOPED-IN-smart-index-TXqv: var(--navigator-height)}:host{width:100%;height:100%;background:white;display:block}:host frames-auto-layout{--gap: 0;--vertical-padding: 0}\n"] }]
+            args: [{ selector: 'templates-smart-index', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'template' }, template: "<frames-scroll>\n  <organisms-navigator\n    [leftItems]=\"canBack ? navigatorLeftItems : []\"\n    [rightItems]=\"navigatorMenuItems\"\n    (action)=\"onAction($event)\"\n    navigator\n  >\n    <molecules-header [title]=\"title\" [description]=\"description\"></molecules-header>\n  </organisms-navigator>\n  <frames-auto-layout vertical contents>\n    <organisms-smart-table\n      [items]=\"items\"\n      [menuItems]=\"rowMenuItems\"\n      [itemActions]=\"itemActions\"\n      [columns]=\"properties\"\n      [selectedIdSet]=\"selectedIdSet\"\n      [sortKey]=\"sortKey\"\n      [sortOrder]=\"sortOrder\"\n      (action)=\"action.emit($event)\"\n      (checkboxClick)=\"checkboxClick.emit($event)\"\n      (headerClick)=\"action.emit({id: ActionId.TABLE_HEADER_CLICK, payload: $event})\"\n    ></organisms-smart-table>\n    <organisms-paginator\n      *ngIf=\"page\"\n      [control]=\"queryControl\"\n      [page]=\"page\"\n      [pageSizeOptions]=\"pageSizeOptions\"\n      [placeholder]=\"queryPlaceholder\"\n      (pageChange)=\"pageChange.emit($event)\"\n    ></organisms-paginator>\n  </frames-auto-layout>\n</frames-scroll>", styles: [":host{--navigator-height: 56px;--navigator-height-SCOPED-IN-smart-index-Qc9c: var(--navigator-height)}:host{width:100%;height:100%;background:white;display:block}:host frames-auto-layout{--gap: 0;--vertical-padding: 0}\n"] }]
         }], null, { canBack: [{
                 type: Input
             }], queryControl: [{
@@ -131,8 +131,6 @@ SmartIndexTemplate.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SmartInd
                 type: Output
             }], pageChange: [{
                 type: Output
-            }], tableHeaderClick: [{
-                type: Output
             }] });
 })();