@ng-atomic/components 4.14.1 → 4.16.0

package/fesm2020/ng-atomic-components-molecules-smart-column.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, Component, ViewEncapsulation, ChangeDetectionStrategy, Input, Output, Pipe, NgModule } from '@angular/core';
+import { EventEmitter, Component, ViewEncapsulation, ChangeDetectionStrategy, Input, Output, NgModule } from '@angular/core';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i2 from '@angular/cdk/clipboard';
@@ -13,7 +13,8 @@ import * as i5 from '@angular/material/tooltip';
 import { MatTooltipModule } from '@angular/material/tooltip';
 import * as i6 from '@ng-atomic/common/pipes/smart-exp';
 import { SmartExpModule } from '@ng-atomic/common/pipes/smart-exp';
-import { get } from 'lodash';
+import * as i7 from '@ng-atomic/common/pipes/data-accessor';
+import { DataAccessorPipe } from '@ng-atomic/common/pipes/data-accessor';
 
 function SmartColumnMolecule_th_1_mat_icon_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "mat-icon", 7);
@@ -56,8 +57,7 @@ function SmartColumnMolecule_td_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵpipe(3, "smartExp");
     i0.ɵɵpipe(4, "dataAccessor");
     i0.ɵɵtext(5);
-    i0.ɵɵpipe(6, "smartExp");
-    i0.ɵɵpipe(7, "dataAccessor");
+    i0.ɵɵpipe(6, "dataAccessor");
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const data_r6 = ctx.$implicit;
@@ -66,14 +66,11 @@ function SmartColumnMolecule_td_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("cdkCopyToClipboard", i0.ɵɵpipeBind2(3, 5, i0.ɵɵpipeBind2(4, 8, data_r6, ctx_r1.name), ctx_r1.name))("matTooltip", ctx_r1.text);
     i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(6, 11, i0.ɵɵpipeBind2(7, 14, data_r6, ctx_r1.name), ctx_r1.name), " ");
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(6, 11, data_r6, ctx_r1.name), " ");
 } }
 class SmartColumnMolecule extends MatTextColumn {
     constructor() {
         super(...arguments);
-        this.dataAccessor = () => {
-            throw new Error('dataAccessor is not allowed');
-        };
         this.sort = 'none';
         this.headerClick = new EventEmitter();
         this.text = 'copy';
@@ -87,29 +84,18 @@ SmartColumnMolecule.ɵfac = /*@__PURE__*/ function () { let ɵSmartColumnMolecul
 SmartColumnMolecule.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SmartColumnMolecule, selectors: [["molecules-smart-column"]], inputs: { sort: "sort" }, outputs: { headerClick: "headerClick" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 3, vars: 0, consts: [["matColumnDef", ""], ["mat-header-cell", "", 3, "text-align", "click", 4, "matHeaderCellDef"], ["mat-cell", "", 3, "text-align", 4, "matCellDef"], ["mat-header-cell", "", 3, "click"], [1, "nowrap", 2, "display", "flex", "align-items", "center"], [3, "ngSwitch"], ["class", "order", 4, "ngSwitchCase"], [1, "order"], ["mat-cell", ""], ["matTooltipPosition", "below", 1, "nowrap", 3, "cdkCopyToClipboard", "matTooltip", "click"], ["tooltip", "matTooltip"]], template: function SmartColumnMolecule_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelementContainerStart(0, 0);
         i0.ɵɵtemplate(1, SmartColumnMolecule_th_1_Template, 7, 6, "th", 1);
-        i0.ɵɵtemplate(2, SmartColumnMolecule_td_2_Template, 8, 17, "td", 2);
+        i0.ɵɵtemplate(2, SmartColumnMolecule_td_2_Template, 7, 14, "td", 2);
         i0.ɵɵelementContainerEnd();
-    } }, styles: ["th[mat-header-cell],td[mat-cell]{cursor:pointer}th[mat-header-cell] mat-icon.order,td[mat-cell] mat-icon.order{width:12px;height:12px;font-size:12px}th[mat-header-cell] .nowrap,td[mat-cell] .nowrap{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"], encapsulation: 2 });
+    } }, dependencies: [i1.NgSwitch, i1.NgSwitchCase, i2.CdkCopyToClipboard, i3.MatIcon, i4.MatHeaderCellDef, i4.MatColumnDef, i4.MatCellDef, i4.MatHeaderCell, i4.MatCell, i5.MatTooltip, i6.SmartExpPipe, i7.DataAccessorPipe], styles: ["th[mat-header-cell],td[mat-cell]{cursor:pointer}th[mat-header-cell] mat-icon.order,td[mat-cell] mat-icon.order{width:12px;height:12px;font-size:12px}th[mat-header-cell] .nowrap,td[mat-cell] .nowrap{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"], encapsulation: 2 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SmartColumnMolecule, [{
         type: Component,
-        args: [{ selector: 'molecules-smart-column', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.Default, template: "<ng-container matColumnDef>\n  <th\n    mat-header-cell\n    *matHeaderCellDef\n    [style.text-align]=\"justify\"\n    (click)=\"headerClick.emit()\"\n  >\n    <p class=\"nowrap\" style=\"display: flex; align-items: center;\">\n      <span>{{headerText}}</span>\n      <ng-container [ngSwitch]=\"sort\">\n        <mat-icon class=\"order\" *ngSwitchCase=\"'asc'\">south</mat-icon>\n        <mat-icon class=\"order\" *ngSwitchCase=\"'desc'\">north</mat-icon>\n      </ng-container>\n    </p>\n  </th>\n  <td mat-cell *matCellDef=\"let data\" [style.text-align]=\"justify\">\n    <p class=\"nowrap\"\n      [cdkCopyToClipboard]=\"data | dataAccessor:name | smartExp:name\"\n      (click)=\"copied(); tooltip.show()\"\n      #tooltip=\"matTooltip\" [matTooltip]=\"text\" matTooltipPosition=\"below\"\n    >\n      {{data | dataAccessor:name | smartExp:name}}\n    </p>\n  </td>\n</ng-container>", styles: ["th[mat-header-cell],td[mat-cell]{cursor:pointer}th[mat-header-cell] mat-icon.order,td[mat-cell] mat-icon.order{width:12px;height:12px;font-size:12px}th[mat-header-cell] .nowrap,td[mat-cell] .nowrap{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"] }]
+        args: [{ selector: 'molecules-smart-column', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.Default, template: "<ng-container matColumnDef>\n  <th\n    mat-header-cell\n    *matHeaderCellDef\n    [style.text-align]=\"justify\"\n    (click)=\"headerClick.emit()\"\n  >\n    <p class=\"nowrap\" style=\"display: flex; align-items: center;\">\n      <span>{{headerText}}</span>\n      <ng-container [ngSwitch]=\"sort\">\n        <mat-icon class=\"order\" *ngSwitchCase=\"'asc'\">south</mat-icon>\n        <mat-icon class=\"order\" *ngSwitchCase=\"'desc'\">north</mat-icon>\n      </ng-container>\n    </p>\n  </th>\n  <td mat-cell *matCellDef=\"let data\" [style.text-align]=\"justify\">\n    <p class=\"nowrap\"\n      [cdkCopyToClipboard]=\"data | dataAccessor: name | smartExp: name\"\n      (click)=\"copied(); tooltip.show()\"\n      #tooltip=\"matTooltip\" [matTooltip]=\"text\" matTooltipPosition=\"below\"\n    >\n      {{ data | dataAccessor: name }}\n    </p>\n  </td>\n</ng-container>", styles: ["th[mat-header-cell],td[mat-cell]{cursor:pointer}th[mat-header-cell] mat-icon.order,td[mat-cell] mat-icon.order{width:12px;height:12px;font-size:12px}th[mat-header-cell] .nowrap,td[mat-cell] .nowrap{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"] }]
     }], null, { sort: [{
             type: Input
         }], headerClick: [{
             type: Output
         }] }); })();
 
-class DataAccessorPipe {
-    transform(data, name) {
-        return get(data, name);
-    }
-}
-DataAccessorPipe.ɵfac = function DataAccessorPipe_Factory(t) { return new (t || DataAccessorPipe)(); };
-DataAccessorPipe.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "dataAccessor", type: DataAccessorPipe, pure: true });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DataAccessorPipe, [{
-        type: Pipe,
-        args: [{ name: 'dataAccessor', pure: true }]
-    }], null, null); })();
 class SmartColumnModule {
 }
 SmartColumnModule.ɵfac = function SmartColumnModule_Factory(t) { return new (t || SmartColumnModule)(); };
@@ -128,13 +114,13 @@ SmartColumnModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [Common
         args: [{
                 declarations: [
                     SmartColumnMolecule,
-                    DataAccessorPipe,
                 ],
                 imports: [
                     CommonModule,
                     ClipboardModule,
                     // Pipes
                     SmartExpModule,
+                    DataAccessorPipe,
                     // Materials
                     MatButtonModule,
                     MatIconModule,
@@ -145,16 +131,16 @@ SmartColumnModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [Common
                 bootstrap: [SmartColumnMolecule],
             }]
     }], null, null); })();
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(SmartColumnModule, { declarations: [SmartColumnMolecule, DataAccessorPipe], imports: [CommonModule,
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(SmartColumnModule, { declarations: [SmartColumnMolecule], imports: [CommonModule,
         ClipboardModule,
         // Pipes
         SmartExpModule,
+        DataAccessorPipe,
         // Materials
         MatButtonModule,
         MatIconModule,
         MatTableModule,
         MatTooltipModule], exports: [SmartColumnMolecule] }); })();
-i0.ɵɵsetComponentScope(SmartColumnMolecule, [i1.NgSwitch, i1.NgSwitchCase, i2.CdkCopyToClipboard, i3.MatIcon, i4.MatHeaderCellDef, i4.MatColumnDef, i4.MatCellDef, i4.MatHeaderCell, i4.MatCell, i5.MatTooltip], [i6.SmartExpPipe, DataAccessorPipe]);
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2020/ng-atomic-components-molecules-smart-column.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-molecules-smart-column.mjs","sources":["../../../../libs/components/src/molecules/smart-column/smart-column.molecule.html","../../../../libs/components/src/molecules/smart-column/smart-column.molecule.ts","../../../../libs/components/src/molecules/smart-column/smart-column.module.ts","../../../../libs/components/src/molecules/smart-column/ng-atomic-components-molecules-smart-column.ts"],"sourcesContent":["<ng-container matColumnDef>\n  <th\n    mat-header-cell\n    *matHeaderCellDef\n    [style.text-align]=\"justify\"\n    (click)=\"headerClick.emit()\"\n  >\n    <p class=\"nowrap\" style=\"display: flex; align-items: center;\">\n      <span>{{headerText}}</span>\n      <ng-container [ngSwitch]=\"sort\">\n        <mat-icon class=\"order\" *ngSwitchCase=\"'asc'\">south</mat-icon>\n        <mat-icon class=\"order\" *ngSwitchCase=\"'desc'\">north</mat-icon>\n      </ng-container>\n    </p>\n  </th>\n  <td mat-cell *matCellDef=\"let data\" [style.text-align]=\"justify\">\n    <p class=\"nowrap\"\n      [cdkCopyToClipboard]=\"data | dataAccessor:name | smartExp:name\"\n      (click)=\"copied(); tooltip.show()\"\n      #tooltip=\"matTooltip\" [matTooltip]=\"text\" matTooltipPosition=\"below\"\n    >\n      {{data | dataAccessor:name | smartExp:name}}\n    </p>\n  </td>\n</ng-container>","import { ChangeDetectionStrategy, Input, Output, EventEmitter, Component, ViewEncapsulation, Optional, Inject, inject } from '@angular/core';\nimport { MatTextColumn } from '@angular/material/table';\n\n@Component({\n  selector: 'molecules-smart-column',\n  templateUrl: './smart-column.molecule.html',\n  styleUrls: ['./smart-column.molecule.scss'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.Default,\n})\nexport class SmartColumnMolecule<T> extends MatTextColumn<T> {\n  override dataAccessor = (): string => {\n    throw new Error('dataAccessor is not allowed');\n  };\n  \n  @Input()\n  sort: 'asc' | 'desc' | 'none' = 'none';\n\n  @Output()\n  headerClick = new EventEmitter<void>();\n\n  text = 'copy';\n\n  copied() {\n    this.text = 'copied!';\n    setTimeout(() => this.text = 'copy', 1000);\n  }\n\n}\n","import { NgModule, Pipe } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ClipboardModule } from '@angular/cdk/clipboard';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatTableModule } from '@angular/material/table';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatTooltipModule } from '@angular/material/tooltip';\nimport { SmartExpModule } from '@ng-atomic/common/pipes/smart-exp';\nimport { SmartColumnMolecule } from './smart-column.molecule';\nimport { get } from 'lodash';\n\n@Pipe({name: 'dataAccessor', pure: true})\nexport class DataAccessorPipe {\n  transform(data: any, name: string): string {\n    return get(data, name);\n  }\n}\n\n@NgModule({\n  declarations: [\n    SmartColumnMolecule,\n    DataAccessorPipe,\n  ],\n  imports: [\n    CommonModule,\n    ClipboardModule,\n    // Pipes\n    SmartExpModule,\n    // Materials\n    MatButtonModule,\n    MatIconModule,\n    MatTableModule,\n    MatTooltipModule,\n  ],\n  exports: [SmartColumnMolecule],\n  bootstrap: [SmartColumnMolecule],\n})\nexport class SmartColumnModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ng-atomic-components-molecules-smart-column.mjs","sources":["../../../../libs/components/src/molecules/smart-column/smart-column.molecule.html","../../../../libs/components/src/molecules/smart-column/smart-column.molecule.ts","../../../../libs/components/src/molecules/smart-column/smart-column.module.ts","../../../../libs/components/src/molecules/smart-column/ng-atomic-components-molecules-smart-column.ts"],"sourcesContent":["<ng-container matColumnDef>\n  <th\n    mat-header-cell\n    *matHeaderCellDef\n    [style.text-align]=\"justify\"\n    (click)=\"headerClick.emit()\"\n  >\n    <p class=\"nowrap\" style=\"display: flex; align-items: center;\">\n      <span>{{headerText}}</span>\n      <ng-container [ngSwitch]=\"sort\">\n        <mat-icon class=\"order\" *ngSwitchCase=\"'asc'\">south</mat-icon>\n        <mat-icon class=\"order\" *ngSwitchCase=\"'desc'\">north</mat-icon>\n      </ng-container>\n    </p>\n  </th>\n  <td mat-cell *matCellDef=\"let data\" [style.text-align]=\"justify\">\n    <p class=\"nowrap\"\n      [cdkCopyToClipboard]=\"data | dataAccessor: name | smartExp: name\"\n      (click)=\"copied(); tooltip.show()\"\n      #tooltip=\"matTooltip\" [matTooltip]=\"text\" matTooltipPosition=\"below\"\n    >\n      {{ data | dataAccessor: name }}\n    </p>\n  </td>\n</ng-container>","import { ChangeDetectionStrategy, Input, Output, EventEmitter, Component, ViewEncapsulation, Optional, Inject, inject, ViewChild } from '@angular/core';\nimport { MatColumnDef, MatTextColumn } from '@angular/material/table';\n\n@Component({\n  selector: 'molecules-smart-column',\n  templateUrl: './smart-column.molecule.html',\n  styleUrls: ['./smart-column.molecule.scss'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.Default,\n})\nexport class SmartColumnMolecule<T> extends MatTextColumn<T> {\n\n  @Input()\n  sort: 'asc' | 'desc' | 'none' = 'none';\n\n  @Output()\n  headerClick = new EventEmitter<void>();\n\n  text = 'copy';\n\n  copied() {\n    this.text = 'copied!';\n    setTimeout(() => this.text = 'copy', 1000);\n  }\n}\n","import { NgModule, Pipe } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ClipboardModule } from '@angular/cdk/clipboard';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatTableModule } from '@angular/material/table';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatTooltipModule } from '@angular/material/tooltip';\nimport { SmartExpModule } from '@ng-atomic/common/pipes/smart-exp';\nimport { SmartColumnMolecule } from './smart-column.molecule';\nimport { DataAccessorPipe } from '@ng-atomic/common/pipes/data-accessor';\n\n@NgModule({\n  declarations: [\n    SmartColumnMolecule,\n  ],\n  imports: [\n    CommonModule,\n    ClipboardModule,\n    // Pipes\n    SmartExpModule,\n    DataAccessorPipe,\n    // Materials\n    MatButtonModule,\n    MatIconModule,\n    MatTableModule,\n    MatTooltipModule,\n  ],\n  exports: [SmartColumnMolecule],\n  bootstrap: [SmartColumnMolecule],\n})\nexport class SmartColumnModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2020/ng-atomic-components-molecules-text-input-field.mjs

@@ -9,14 +9,80 @@ import * as i3 from '@angular/material/form-field';
 import * as i4 from '@angular/material/input';
 import { MatInputModule } from '@angular/material/input';
 
-function TextInputFieldMolecule_mat_hint_4_Template(rf, ctx) { if (rf & 1) {
+function TextInputFieldMolecule_mat_form_field_1_mat_hint_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "mat-hint");
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r3 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate(ctx_r3.hint);
+} }
+function TextInputFieldMolecule_mat_form_field_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "mat-form-field", 3)(1, "mat-label");
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelement(3, "input", 4);
+    i0.ɵɵtemplate(4, TextInputFieldMolecule_mat_form_field_1_mat_hint_4_Template, 2, 1, "mat-hint", 5);
+    i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r0.label);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("name", ctx_r0.name)("formControl", ctx_r0.control)("placeholder", ctx_r0.placeholder);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", ctx_r0.hint);
+} }
+function TextInputFieldMolecule_mat_form_field_2_mat_hint_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "mat-hint");
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r4 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate(ctx_r0.hint);
+    i0.ɵɵtextInterpolate(ctx_r4.hint);
+} }
+function TextInputFieldMolecule_mat_form_field_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "mat-form-field", 3)(1, "mat-label");
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelement(3, "input", 6);
+    i0.ɵɵtemplate(4, TextInputFieldMolecule_mat_form_field_2_mat_hint_4_Template, 2, 1, "mat-hint", 5);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r1.label);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("name", ctx_r1.name)("formControl", ctx_r1.control)("placeholder", ctx_r1.placeholder);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", ctx_r1.hint);
+} }
+function TextInputFieldMolecule_mat_form_field_3_mat_hint_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "mat-hint");
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r5 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate(ctx_r5.hint);
+} }
+function TextInputFieldMolecule_mat_form_field_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "mat-form-field", 3)(1, "mat-label");
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelement(3, "input", 7);
+    i0.ɵɵtemplate(4, TextInputFieldMolecule_mat_form_field_3_mat_hint_4_Template, 2, 1, "mat-hint", 5);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r2.label);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("name", ctx_r2.name)("formControl", ctx_r2.control)("placeholder", ctx_r2.placeholder);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", ctx_r2.hint);
 } }
 class TextInputFieldMolecule {
     constructor() {
@@ -27,24 +93,22 @@ class TextInputFieldMolecule {
     }
 }
 TextInputFieldMolecule.ɵfac = function TextInputFieldMolecule_Factory(t) { return new (t || TextInputFieldMolecule)(); };
-TextInputFieldMolecule.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TextInputFieldMolecule, selectors: [["molecules-text-input-field"]], hostAttrs: [1, "molecule", "field"], inputs: { type: "type", name: "name", label: "label", control: "control", placeholder: "placeholder", hint: "hint" }, decls: 5, vars: 6, consts: [["appearance", "outline"], ["matInput", "", 3, "name", "type", "formControl", "placeholder"], [4, "ngIf"]], template: function TextInputFieldMolecule_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵelementStart(0, "mat-form-field", 0)(1, "mat-label");
-        i0.ɵɵtext(2);
-        i0.ɵɵelementEnd();
-        i0.ɵɵelement(3, "input", 1);
-        i0.ɵɵtemplate(4, TextInputFieldMolecule_mat_hint_4_Template, 2, 1, "mat-hint", 2);
-        i0.ɵɵelementEnd();
+TextInputFieldMolecule.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TextInputFieldMolecule, selectors: [["molecules-text-input-field"]], hostAttrs: [1, "molecule", "field"], inputs: { type: "type", name: "name", label: "label", control: "control", placeholder: "placeholder", hint: "hint" }, decls: 4, vars: 3, consts: [[3, "ngSwitch"], ["appearance", "outline", 4, "ngSwitchDefault"], ["appearance", "outline", 4, "ngSwitchCase"], ["appearance", "outline"], ["matInput", "", "type", "string", 3, "name", "formControl", "placeholder"], [4, "ngIf"], ["matInput", "", "type", "number", 3, "name", "formControl", "placeholder"], ["matInput", "", "type", "password", 3, "name", "formControl", "placeholder"]], template: function TextInputFieldMolecule_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementContainerStart(0, 0);
+        i0.ɵɵtemplate(1, TextInputFieldMolecule_mat_form_field_1_Template, 5, 5, "mat-form-field", 1);
+        i0.ɵɵtemplate(2, TextInputFieldMolecule_mat_form_field_2_Template, 5, 5, "mat-form-field", 2);
+        i0.ɵɵtemplate(3, TextInputFieldMolecule_mat_form_field_3_Template, 5, 5, "mat-form-field", 2);
+        i0.ɵɵelementContainerEnd();
     } if (rf & 2) {
+        i0.ɵɵproperty("ngSwitch", ctx.type);
         i0.ɵɵadvance(2);
-        i0.ɵɵtextInterpolate(ctx.label);
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("name", ctx.name)("type", ctx.type)("formControl", ctx.control)("placeholder", ctx.placeholder);
+        i0.ɵɵproperty("ngSwitchCase", "number");
         i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngIf", ctx.hint);
-    } }, dependencies: [i1.NgIf, i2.DefaultValueAccessor, i2.NgControlStatus, i2.FormControlDirective, i3.MatFormField, i3.MatHint, i3.MatLabel, i4.MatInput], styles: ["[_nghost-%COMP%]{display:block;width:100%}[_nghost-%COMP%]   mat-form-field[_ngcontent-%COMP%]{width:100%}"], changeDetection: 0 });
+        i0.ɵɵproperty("ngSwitchCase", "password");
+    } }, dependencies: [i1.NgIf, i1.NgSwitch, i1.NgSwitchCase, i1.NgSwitchDefault, i2.DefaultValueAccessor, i2.NumberValueAccessor, i2.NgControlStatus, i2.FormControlDirective, i3.MatFormField, i3.MatHint, i3.MatLabel, i4.MatInput], styles: ["[_nghost-%COMP%]{display:block;width:100%}[_nghost-%COMP%]   mat-form-field[_ngcontent-%COMP%]{width:100%}"], changeDetection: 0 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TextInputFieldMolecule, [{
         type: Component,
-        args: [{ selector: 'molecules-text-input-field', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'molecule field' }, template: "<mat-form-field appearance=\"outline\">\n  <mat-label>{{ label }}</mat-label>\n  <input matInput [name]=\"name\" [type]=\"type\" [formControl]=\"control\" [placeholder]=\"placeholder\">\n  <!-- <mat-icon matSuffix>sentiment_very_satisfied</mat-icon> -->\n  <mat-hint *ngIf=\"hint\">{{ hint }}</mat-hint>\n</mat-form-field>", styles: [":host{display:block;width:100%}:host mat-form-field{width:100%}\n"] }]
+        args: [{ selector: 'molecules-text-input-field', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'molecule field' }, template: "<!-- ATTENTION(nontangent): <input matInput is not worked [type]=\"type\"> -->\n<ng-container [ngSwitch]=\"type\">\n  <mat-form-field *ngSwitchDefault appearance=\"outline\">\n    <mat-label>{{ label }}</mat-label>\n      <input matInput [name]=\"name\" type=\"string\" [formControl]=\"control\" [placeholder]=\"placeholder\">\n    <!-- <mat-icon matSuffix>sentiment_very_satisfied</mat-icon> -->\n    <mat-hint *ngIf=\"hint\">{{ hint }}</mat-hint>\n  </mat-form-field>\n  <mat-form-field *ngSwitchCase=\"'number'\" appearance=\"outline\">\n    <mat-label>{{ label }}</mat-label>\n      <input matInput [name]=\"name\" type=\"number\" [formControl]=\"control\" [placeholder]=\"placeholder\">\n    <!-- <mat-icon matSuffix>sentiment_very_satisfied</mat-icon> -->\n    <mat-hint *ngIf=\"hint\">{{ hint }}</mat-hint>\n  </mat-form-field>\n  <mat-form-field *ngSwitchCase=\"'password'\" appearance=\"outline\">\n    <mat-label>{{ label }}</mat-label>\n      <input matInput [name]=\"name\" type=\"password\" [formControl]=\"control\" [placeholder]=\"placeholder\">\n    <!-- <mat-icon matSuffix>sentiment_very_satisfied</mat-icon> -->\n    <mat-hint *ngIf=\"hint\">{{ hint }}</mat-hint>\n  </mat-form-field>\n</ng-container>\n", styles: [":host{display:block;width:100%}:host mat-form-field{width:100%}\n"] }]
     }], null, { type: [{
             type: Input
         }], name: [{

package/fesm2020/ng-atomic-components-molecules-text-input-field.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-molecules-text-input-field.mjs","sources":["../../../../libs/components/src/molecules/text-input-field/text-input-field.molecule.html","../../../../libs/components/src/molecules/text-input-field/text-input-field.molecule.ts","../../../../libs/components/src/molecules/text-input-field/text-input-field.module.ts","../../../../libs/components/src/molecules/text-input-field/ng-atomic-components-molecules-text-input-field.ts"],"sourcesContent":["<mat-form-field appearance=\"outline\">\n  <mat-label>{{ label }}</mat-label>\n  <input matInput [name]=\"name\" [type]=\"type\" [formControl]=\"control\" [placeholder]=\"placeholder\">\n  <!-- <mat-icon matSuffix>sentiment_very_satisfied</mat-icon> -->\n  <mat-hint *ngIf=\"hint\">{{ hint }}</mat-hint>\n</mat-form-field>","import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { FormControl } from '@ngneat/reactive-forms';\n\n@Component({\n  selector: 'molecules-text-input-field',\n  templateUrl: './text-input-field.molecule.html',\n  styleUrls: ['./text-input-field.molecule.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {class: 'molecule field'},\n})\nexport class TextInputFieldMolecule {\n\n  @Input()\n  type: 'text' | 'number' | 'password' = 'text';\n\n  @Input()\n  name?: string;\n\n  @Input()\n  label = 'label';\n\n  @Input()\n  control = new FormControl<string | number>();\n\n  @Input()\n  placeholder = 'placeholder';\n\n  @Input()\n  hint?: string;\n\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ReactiveFormsModule } from '@angular/forms';\n// import { MatFormFieldModule } from '@angular/material/form-field';\nimport { MatInputModule } from '@angular/material/input';\n\nimport { TextInputFieldMolecule } from './text-input-field.molecule';\n\n\n\n@NgModule({\n  declarations: [TextInputFieldMolecule],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    // Materials\n    // MatFormFieldModule,\n    MatInputModule,\n  ],\n  exports: [TextInputFieldMolecule],\n  bootstrap: [TextInputFieldMolecule],\n})\nexport class TextInputFieldModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ng-atomic-components-molecules-text-input-field.mjs","sources":["../../../../libs/components/src/molecules/text-input-field/text-input-field.molecule.html","../../../../libs/components/src/molecules/text-input-field/text-input-field.molecule.ts","../../../../libs/components/src/molecules/text-input-field/text-input-field.module.ts","../../../../libs/components/src/molecules/text-input-field/ng-atomic-components-molecules-text-input-field.ts"],"sourcesContent":["<!-- ATTENTION(nontangent): <input matInput is not worked [type]=\"type\"> -->\n<ng-container [ngSwitch]=\"type\">\n  <mat-form-field *ngSwitchDefault appearance=\"outline\">\n    <mat-label>{{ label }}</mat-label>\n      <input matInput [name]=\"name\" type=\"string\" [formControl]=\"control\" [placeholder]=\"placeholder\">\n    <!-- <mat-icon matSuffix>sentiment_very_satisfied</mat-icon> -->\n    <mat-hint *ngIf=\"hint\">{{ hint }}</mat-hint>\n  </mat-form-field>\n  <mat-form-field *ngSwitchCase=\"'number'\" appearance=\"outline\">\n    <mat-label>{{ label }}</mat-label>\n      <input matInput [name]=\"name\" type=\"number\" [formControl]=\"control\" [placeholder]=\"placeholder\">\n    <!-- <mat-icon matSuffix>sentiment_very_satisfied</mat-icon> -->\n    <mat-hint *ngIf=\"hint\">{{ hint }}</mat-hint>\n  </mat-form-field>\n  <mat-form-field *ngSwitchCase=\"'password'\" appearance=\"outline\">\n    <mat-label>{{ label }}</mat-label>\n      <input matInput [name]=\"name\" type=\"password\" [formControl]=\"control\" [placeholder]=\"placeholder\">\n    <!-- <mat-icon matSuffix>sentiment_very_satisfied</mat-icon> -->\n    <mat-hint *ngIf=\"hint\">{{ hint }}</mat-hint>\n  </mat-form-field>\n</ng-container>\n","import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { FormControl } from '@ngneat/reactive-forms';\n\n@Component({\n  selector: 'molecules-text-input-field',\n  templateUrl: './text-input-field.molecule.html',\n  styleUrls: ['./text-input-field.molecule.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {class: 'molecule field'},\n})\nexport class TextInputFieldMolecule {\n\n  @Input()\n  type: 'text' | 'number' | 'password' = 'text';\n\n  @Input()\n  name?: string;\n\n  @Input()\n  label = 'label';\n\n  @Input()\n  control = new FormControl<string | number>();\n\n  @Input()\n  placeholder = 'placeholder';\n\n  @Input()\n  hint?: string;\n\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ReactiveFormsModule } from '@angular/forms';\n// import { MatFormFieldModule } from '@angular/material/form-field';\nimport { MatInputModule } from '@angular/material/input';\n\nimport { TextInputFieldMolecule } from './text-input-field.molecule';\n\n\n\n@NgModule({\n  declarations: [TextInputFieldMolecule],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    // Materials\n    // MatFormFieldModule,\n    MatInputModule,\n  ],\n  exports: [TextInputFieldMolecule],\n  bootstrap: [TextInputFieldMolecule],\n})\nexport class TextInputFieldModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;IAMI,EAAuB,CAAA,cAAA,CAAA,CAAA,EAAA,UAAA,CAAA,CAAA;IAAA,EAAU,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA;IAAA,EAAW,CAAA,YAAA,EAAA,CAAA;;;IAArB,EAAU,CAAA,SAAA,CAAA,CAAA,CAAA,CAAA;IAAV,EAAU,CAAA,iBAAA,CAAA,MAAA,CAAA,IAAA,CAAA,CAAA;;;AAJnC,IAAA,EAAA,CAAA,cAAA,CAAA,CAAA,EAAA,gBAAA,EAAA,CAAA,CAAsD,CAAA,CAAA,EAAA,WAAA,CAAA,CAAA;IACzC,EAAW,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA;IAAA,EAAY,CAAA,YAAA,EAAA,CAAA;IAChC,EAAgG,CAAA,SAAA,CAAA,CAAA,EAAA,OAAA,EAAA,CAAA,CAAA,CAAA;IAElG,EAA4C,CAAA,UAAA,CAAA,CAAA,EAAA,2DAAA,EAAA,CAAA,EAAA,CAAA,EAAA,UAAA,EAAA,CAAA,CAAA,CAAA;IAC9C,EAAiB,CAAA,YAAA,EAAA,CAAA;;;IAJJ,EAAW,CAAA,SAAA,CAAA,CAAA,CAAA,CAAA;IAAX,EAAW,CAAA,iBAAA,CAAA,MAAA,CAAA,KAAA,CAAA,CAAA;IACJ,EAAa,CAAA,SAAA,CAAA,CAAA,CAAA,CAAA;AAAb,IAAA,EAAA,CAAA,UAAA,CAAA,MAAA,EAAA,MAAA,CAAA,IAAA,CAAa,+BAAA,CAAA,aAAA,EAAA,MAAA,CAAA,WAAA,CAAA,CAAA;IAEpB,EAAU,CAAA,SAAA,CAAA,CAAA,CAAA,CAAA;IAAV,EAAU,CAAA,UAAA,CAAA,MAAA,EAAA,MAAA,CAAA,IAAA,CAAA,CAAA;;;IAMrB,EAAuB,CAAA,cAAA,CAAA,CAAA,EAAA,UAAA,CAAA,CAAA;IAAA,EAAU,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA;IAAA,EAAW,CAAA,YAAA,EAAA,CAAA;;;IAArB,EAAU,CAAA,SAAA,CAAA,CAAA,CAAA,CAAA;IAAV,EAAU,CAAA,iBAAA,CAAA,MAAA,CAAA,IAAA,CAAA,CAAA;;;AAJnC,IAAA,EAAA,CAAA,cAAA,CAAA,CAAA,EAAA,gBAAA,EAAA,CAAA,CAA8D,CAAA,CAAA,EAAA,WAAA,CAAA,CAAA;IACjD,EAAW,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA;IAAA,EAAY,CAAA,YAAA,EAAA,CAAA;IAChC,EAAgG,CAAA,SAAA,CAAA,CAAA,EAAA,OAAA,EAAA,CAAA,CAAA,CAAA;IAElG,EAA4C,CAAA,UAAA,CAAA,CAAA,EAAA,2DAAA,EAAA,CAAA,EAAA,CAAA,EAAA,UAAA,EAAA,CAAA,CAAA,CAAA;IAC9C,EAAiB,CAAA,YAAA,EAAA,CAAA;;;IAJJ,EAAW,CAAA,SAAA,CAAA,CAAA,CAAA,CAAA;IAAX,EAAW,CAAA,iBAAA,CAAA,MAAA,CAAA,KAAA,CAAA,CAAA;IACJ,EAAa,CAAA,SAAA,CAAA,CAAA,CAAA,CAAA;AAAb,IAAA,EAAA,CAAA,UAAA,CAAA,MAAA,EAAA,MAAA,CAAA,IAAA,CAAa,+BAAA,CAAA,aAAA,EAAA,MAAA,CAAA,WAAA,CAAA,CAAA;IAEpB,EAAU,CAAA,SAAA,CAAA,CAAA,CAAA,CAAA;IAAV,EAAU,CAAA,UAAA,CAAA,MAAA,EAAA,MAAA,CAAA,IAAA,CAAA,CAAA;;;IAMrB,EAAuB,CAAA,cAAA,CAAA,CAAA,EAAA,UAAA,CAAA,CAAA;IAAA,EAAU,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA;IAAA,EAAW,CAAA,YAAA,EAAA,CAAA;;;IAArB,EAAU,CAAA,SAAA,CAAA,CAAA,CAAA,CAAA;IAAV,EAAU,CAAA,iBAAA,CAAA,MAAA,CAAA,IAAA,CAAA,CAAA;;;AAJnC,IAAA,EAAA,CAAA,cAAA,CAAA,CAAA,EAAA,gBAAA,EAAA,CAAA,CAAgE,CAAA,CAAA,EAAA,WAAA,CAAA,CAAA;IACnD,EAAW,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA;IAAA,EAAY,CAAA,YAAA,EAAA,CAAA;IAChC,EAAkG,CAAA,SAAA,CAAA,CAAA,EAAA,OAAA,EAAA,CAAA,CAAA,CAAA;IAEpG,EAA4C,CAAA,UAAA,CAAA,CAAA,EAAA,2DAAA,EAAA,CAAA,EAAA,CAAA,EAAA,UAAA,EAAA,CAAA,CAAA,CAAA;IAC9C,EAAiB,CAAA,YAAA,EAAA,CAAA;;;IAJJ,EAAW,CAAA,SAAA,CAAA,CAAA,CAAA,CAAA;IAAX,EAAW,CAAA,iBAAA,CAAA,MAAA,CAAA,KAAA,CAAA,CAAA;IACJ,EAAa,CAAA,SAAA,CAAA,CAAA,CAAA,CAAA;AAAb,IAAA,EAAA,CAAA,UAAA,CAAA,MAAA,EAAA,MAAA,CAAA,IAAA,CAAa,+BAAA,CAAA,aAAA,EAAA,MAAA,CAAA,WAAA,CAAA,CAAA;IAEpB,EAAU,CAAA,SAAA,CAAA,CAAA,CAAA,CAAA;IAAV,EAAU,CAAA,UAAA,CAAA,MAAA,EAAA,MAAA,CAAA,IAAA,CAAA,CAAA;;MCRZ,sBAAsB,CAAA;AAPnC,IAAA,WAAA,GAAA;QAUE,IAAI,CAAA,IAAA,GAAmC,MAAM,CAAC;QAM9C,IAAK,CAAA,KAAA,GAAG,OAAO,CAAC;AAGhB,QAAA,IAAA,CAAA,OAAO,GAAG,IAAI,WAAW,EAAmB,CAAC;QAG7C,IAAW,CAAA,WAAA,GAAG,aAAa,CAAC;AAK7B,KAAA;;4FApBY,sBAAsB,GAAA,CAAA,EAAA,CAAA;yEAAtB,sBAAsB,EAAA,SAAA,EAAA,CAAA,CAAA,4BAAA,CAAA,CAAA,EAAA,SAAA,EAAA,CAAA,CAAA,EAAA,UAAA,EAAA,OAAA,CAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,OAAA,EAAA,SAAA,EAAA,WAAA,EAAA,aAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,CAAA,EAAA,IAAA,EAAA,CAAA,EAAA,MAAA,EAAA,CAAA,CAAA,CAAA,EAAA,UAAA,CAAA,EAAA,CAAA,YAAA,EAAA,SAAA,EAAA,CAAA,EAAA,iBAAA,CAAA,EAAA,CAAA,YAAA,EAAA,SAAA,EAAA,CAAA,EAAA,cAAA,CAAA,EAAA,CAAA,YAAA,EAAA,SAAA,CAAA,EAAA,CAAA,UAAA,EAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,CAAA,EAAA,MAAA,EAAA,aAAA,EAAA,aAAA,CAAA,EAAA,CAAA,CAAA,EAAA,MAAA,CAAA,EAAA,CAAA,UAAA,EAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,CAAA,EAAA,MAAA,EAAA,aAAA,EAAA,aAAA,CAAA,EAAA,CAAA,UAAA,EAAA,EAAA,EAAA,MAAA,EAAA,UAAA,EAAA,CAAA,EAAA,MAAA,EAAA,aAAA,EAAA,aAAA,CAAA,CAAA,EAAA,QAAA,EAAA,SAAA,+BAAA,CAAA,EAAA,EAAA,GAAA,EAAA,EAAA,IAAA,EAAA,GAAA,CAAA,EAAA;QDTnC,EAAgC,CAAA,uBAAA,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA;QAC9B,EAKiB,CAAA,UAAA,CAAA,CAAA,EAAA,gDAAA,EAAA,CAAA,EAAA,CAAA,EAAA,gBAAA,EAAA,CAAA,CAAA,CAAA;QACjB,EAKiB,CAAA,UAAA,CAAA,CAAA,EAAA,gDAAA,EAAA,CAAA,EAAA,CAAA,EAAA,gBAAA,EAAA,CAAA,CAAA,CAAA;QACjB,EAKiB,CAAA,UAAA,CAAA,CAAA,EAAA,gDAAA,EAAA,CAAA,EAAA,CAAA,EAAA,gBAAA,EAAA,CAAA,CAAA,CAAA;QACnB,EAAe,CAAA,qBAAA,EAAA,CAAA;;QAnBD,EAAiB,CAAA,UAAA,CAAA,UAAA,EAAA,GAAA,CAAA,IAAA,CAAA,CAAA;QAOZ,EAAsB,CAAA,SAAA,CAAA,CAAA,CAAA,CAAA;QAAtB,EAAsB,CAAA,UAAA,CAAA,cAAA,EAAA,QAAA,CAAA,CAAA;QAMtB,EAAwB,CAAA,SAAA,CAAA,CAAA,CAAA,CAAA;QAAxB,EAAwB,CAAA,UAAA,CAAA,cAAA,EAAA,UAAA,CAAA,CAAA;;uFCJ9B,sBAAsB,EAAA,CAAA;cAPlC,SAAS;2BACE,4BAA4B,EAAA,eAAA,EAGrB,uBAAuB,CAAC,MAAM,QACzC,EAAC,KAAK,EAAE,gBAAgB,EAAC,EAAA,QAAA,EAAA,wsCAAA,EAAA,MAAA,EAAA,CAAA,mEAAA,CAAA,EAAA,CAAA;gBAK/B,IAAI,EAAA,CAAA;kBADH,KAAK;YAIN,IAAI,EAAA,CAAA;kBADH,KAAK;YAIN,KAAK,EAAA,CAAA;kBADJ,KAAK;YAIN,OAAO,EAAA,CAAA;kBADN,KAAK;YAIN,WAAW,EAAA,CAAA;kBADV,KAAK;YAIN,IAAI,EAAA,CAAA;kBADH,KAAK;;;MCLK,oBAAoB,CAAA;;wFAApB,oBAAoB,GAAA,CAAA,EAAA,CAAA;AAApB,oBAAA,CAAA,IAAA,iBAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,IAAA,EAAA,oBAAoB,cAFnB,sBAAsB,CAAA,EAAA,CAAA,CAAA;0EAPhC,YAAY;QACZ,mBAAmB;;;QAGnB,cAAc,CAAA,EAAA,CAAA,CAAA;uFAKL,oBAAoB,EAAA,CAAA;cAZhC,QAAQ;AAAC,QAAA,IAAA,EAAA,CAAA;gBACR,YAAY,EAAE,CAAC,sBAAsB,CAAC;AACtC,gBAAA,OAAO,EAAE;oBACP,YAAY;oBACZ,mBAAmB;;;oBAGnB,cAAc;AACf,iBAAA;gBACD,OAAO,EAAE,CAAC,sBAAsB,CAAC;gBACjC,SAAS,EAAE,CAAC,sBAAsB,CAAC;AACpC,aAAA,CAAA;;wFACY,oBAAoB,EAAA,EAAA,YAAA,EAAA,CAXhB,sBAAsB,CAAA,EAAA,OAAA,EAAA,CAEnC,YAAY;QACZ,mBAAmB;;;AAGnB,QAAA,cAAc,aAEN,sBAAsB,CAAA,EAAA,CAAA,CAAA,EAAA,GAAA;;ACnBlC;;AAEG;;;;"}

package/fesm2020/ng-atomic-components-organisms-action-buttons-section.mjs

@@ -9,32 +9,34 @@ function ActionButtonsSectionOrganism_ng_container_0_Template(rf, ctx) { if (rf
     const _r3 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementContainerStart(0);
     i0.ɵɵelementStart(1, "button", 1);
-    i0.ɵɵlistener("click", function ActionButtonsSectionOrganism_ng_container_0_Template_button_click_1_listener() { const restoredCtx = i0.ɵɵrestoreView(_r3); const item_r1 = restoredCtx.$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.action.emit(item_r1)); });
+    i0.ɵɵlistener("click", function ActionButtonsSectionOrganism_ng_container_0_Template_button_click_1_listener() { const restoredCtx = i0.ɵɵrestoreView(_r3); const _action_r1 = restoredCtx.$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.action.emit(_action_r1)); });
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
-    const item_r1 = ctx.$implicit;
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(item_r1 == null ? null : item_r1.name);
+    const _action_r1 = ctx.$implicit;
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("disabled", _action_r1 == null ? null : _action_r1.disabled);
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate(_action_r1 == null ? null : _action_r1.name);
 } }
 class ActionButtonsSectionOrganism {
     constructor() {
-        this.items = [];
+        this.actions = [];
         this.action = new EventEmitter();
         this.trackById = (item) => item.id;
     }
 }
 ActionButtonsSectionOrganism.ɵfac = function ActionButtonsSectionOrganism_Factory(t) { return new (t || ActionButtonsSectionOrganism)(); };
-ActionButtonsSectionOrganism.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ActionButtonsSectionOrganism, selectors: [["organisms-action-buttons-section"]], hostAttrs: [1, "organism", "section"], inputs: { items: "items" }, outputs: { action: "action" }, decls: 1, vars: 2, consts: [[4, "ngFor", "ngForOf", "ngForTrackBy"], ["mat-raised-button", "", "color", "primary", 3, "click"]], template: function ActionButtonsSectionOrganism_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵtemplate(0, ActionButtonsSectionOrganism_ng_container_0_Template, 3, 1, "ng-container", 0);
+ActionButtonsSectionOrganism.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ActionButtonsSectionOrganism, selectors: [["organisms-action-buttons-section"]], hostAttrs: [1, "organism", "section"], inputs: { actions: "actions" }, outputs: { action: "action" }, decls: 1, vars: 2, consts: [[4, "ngFor", "ngForOf", "ngForTrackBy"], ["mat-raised-button", "", "color", "primary", 3, "disabled", "click"]], template: function ActionButtonsSectionOrganism_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵtemplate(0, ActionButtonsSectionOrganism_ng_container_0_Template, 3, 2, "ng-container", 0);
     } if (rf & 2) {
-        i0.ɵɵproperty("ngForOf", ctx.items)("ngForTrackBy", ctx.trackById);
-    } }, dependencies: [i1.NgForOf, i2.MatButton], styles: ["[_nghost-%COMP%]{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-action-buttons-section-bQ1n: var(--horizontal-padding)}[_nghost-%COMP%]{display:flex;flex-direction:row;gap:8px;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-action-buttons-section-bQ1n);box-sizing:border-box}[_nghost-%COMP%]   button[_ngcontent-%COMP%]{width:100%;height:48px}"], changeDetection: 0 });
+        i0.ɵɵproperty("ngForOf", ctx.actions)("ngForTrackBy", ctx.trackById);
+    } }, dependencies: [i1.NgForOf, i2.MatButton], styles: ["[_nghost-%COMP%]{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-action-buttons-section-dyeo: var(--horizontal-padding)}[_nghost-%COMP%]{display:flex;flex-direction:row;gap:8px;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-action-buttons-section-dyeo);box-sizing:border-box}[_nghost-%COMP%]   button[_ngcontent-%COMP%]{width:100%;height:48px}"], changeDetection: 0 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ActionButtonsSectionOrganism, [{
         type: Component,
-        args: [{ selector: 'organisms-action-buttons-section', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'organism section' }, template: "<ng-container *ngFor=\"let item of items; trackBy: trackById\">\n  <button mat-raised-button color=\"primary\" (click)=\"action.emit(item)\">{{ item?.name }}</button>\n</ng-container>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-action-buttons-section-bQ1n: var(--horizontal-padding)}:host{display:flex;flex-direction:row;gap:8px;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-action-buttons-section-bQ1n);box-sizing:border-box}:host button{width:100%;height:48px}\n"] }]
-    }], null, { items: [{
+        args: [{ selector: 'organisms-action-buttons-section', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'organism section' }, template: "<ng-container *ngFor=\"let _action of actions; trackBy: trackById\">\n  <button mat-raised-button color=\"primary\" [disabled]=\"_action?.disabled\" (click)=\"action.emit(_action)\">{{ _action?.name }}</button>\n</ng-container>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-action-buttons-section-dyeo: var(--horizontal-padding)}:host{display:flex;flex-direction:row;gap:8px;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-action-buttons-section-dyeo);box-sizing:border-box}:host button{width:100%;height:48px}\n"] }]
+    }], null, { actions: [{
             type: Input
         }], action: [{
             type: Output

package/fesm2020/ng-atomic-components-organisms-action-buttons-section.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-organisms-action-buttons-section.mjs","sources":["../../../../libs/components/src/organisms/action-buttons-section/action-buttons-section.organism.html","../../../../libs/components/src/organisms/action-buttons-section/action-buttons-section.organism.ts","../../../../libs/components/src/organisms/action-buttons-section/action-buttons-section.module.ts","../../../../libs/components/src/organisms/action-buttons-section/ng-atomic-components-organisms-action-buttons-section.ts"],"sourcesContent":["<ng-container *ngFor=\"let item of items; trackBy: trackById\">\n  <button mat-raised-button color=\"primary\" (click)=\"action.emit(item)\">{{ item?.name }}</button>\n</ng-container>","import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { Action, ActionItem } from '@ng-atomic/common/models';\n\n@Component({\n  selector: 'organisms-action-buttons-section',\n  templateUrl: './action-buttons-section.organism.html',\n  styleUrls: ['./action-buttons-section.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {class: 'organism section'},\n})\nexport class ActionButtonsSectionOrganism {\n  @Input()\n  items: ActionItem[] = [];\n\n  @Output()\n  action = new EventEmitter<Action>();\n\n  trackById = (item: ActionItem) => item.id;\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatButtonModule } from '@angular/material/button';\n\nimport { ActionButtonsSectionOrganism } from './action-buttons-section.organism';\n\n@NgModule({\n  declarations: [\n    ActionButtonsSectionOrganism\n  ],\n  imports: [\n    CommonModule,\n    // Materials\n    MatButtonModule,\n  ],\n  exports: [\n    ActionButtonsSectionOrganism\n  ],\n  bootstrap: [\n    ActionButtonsSectionOrganism,\n  ],\n})\nexport class ActionButtonsSectionModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ng-atomic-components-organisms-action-buttons-section.mjs","sources":["../../../../libs/components/src/organisms/action-buttons-section/action-buttons-section.organism.html","../../../../libs/components/src/organisms/action-buttons-section/action-buttons-section.organism.ts","../../../../libs/components/src/organisms/action-buttons-section/action-buttons-section.module.ts","../../../../libs/components/src/organisms/action-buttons-section/ng-atomic-components-organisms-action-buttons-section.ts"],"sourcesContent":["<ng-container *ngFor=\"let _action of actions; trackBy: trackById\">\n  <button mat-raised-button color=\"primary\" [disabled]=\"_action?.disabled\" (click)=\"action.emit(_action)\">{{ _action?.name }}</button>\n</ng-container>","import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { Action, ActionItem } from '@ng-atomic/common/models';\n\n@Component({\n  selector: 'organisms-action-buttons-section',\n  templateUrl: './action-buttons-section.organism.html',\n  styleUrls: ['./action-buttons-section.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {class: 'organism section'},\n})\nexport class ActionButtonsSectionOrganism {\n  @Input()\n  actions: Action[] = [];\n\n  @Output()\n  action = new EventEmitter<Action>();\n\n  trackById = (item: ActionItem) => item.id;\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatButtonModule } from '@angular/material/button';\n\nimport { ActionButtonsSectionOrganism } from './action-buttons-section.organism';\n\n@NgModule({\n  declarations: [\n    ActionButtonsSectionOrganism\n  ],\n  imports: [\n    CommonModule,\n    // Materials\n    MatButtonModule,\n  ],\n  exports: [\n    ActionButtonsSectionOrganism\n  ],\n  bootstrap: [\n    ActionButtonsSectionOrganism,\n  ],\n})\nexport class ActionButtonsSectionModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2020/ng-atomic-components-organisms-back-navigator.mjs

@@ -49,10 +49,10 @@ BackNavigatorOrganism.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: BackN
         i0.ɵɵtextInterpolate(ctx.description || "");
         i0.ɵɵadvance(2);
         i0.ɵɵproperty("items", ctx.items);
-    } }, dependencies: [i1.NgIf, i2.MatButton, i3.MatIcon, i4.MatToolbar, i5.SmartMenuButtonAtom], styles: ["[_nghost-%COMP%]{--height: 64px;--height-SCOPED-IN-back-navigator-8GuW: var(--height)}[_nghost-%COMP%]{display:block;width:100%;height:var(--height-SCOPED-IN-back-navigator-8GuW)}[_nghost-%COMP%]   div.text[_ngcontent-%COMP%]{display:flex;flex-direction:row;justify-content:center;align-items:flex-end}[_nghost-%COMP%]   div.text[_ngcontent-%COMP%]   .description[_ngcontent-%COMP%]{line-height:1em;font-size:12px;margin-bottom:8px;margin-left:4px}[_nghost-%COMP%]   mat-toolbar[_ngcontent-%COMP%]{display:flex;width:100%;height:100%;justify-content:space-between;align-items:center}[_nghost-%COMP%]   div[_ngcontent-%COMP%]{display:flex;justify-content:center;align-items:center}"], changeDetection: 0 });
+    } }, dependencies: [i1.NgIf, i2.MatButton, i3.MatIcon, i4.MatToolbar, i5.SmartMenuButtonAtom], styles: ["[_nghost-%COMP%]{--height: 64px;--height-SCOPED-IN-back-navigator-Q9v4: var(--height)}[_nghost-%COMP%]{display:block;width:100%;height:var(--height-SCOPED-IN-back-navigator-Q9v4)}[_nghost-%COMP%]   div.text[_ngcontent-%COMP%]{display:flex;flex-direction:row;justify-content:center;align-items:flex-end}[_nghost-%COMP%]   div.text[_ngcontent-%COMP%]   .description[_ngcontent-%COMP%]{line-height:1em;font-size:12px;margin-bottom:8px;margin-left:4px}[_nghost-%COMP%]   mat-toolbar[_ngcontent-%COMP%]{display:flex;width:100%;height:100%;justify-content:space-between;align-items:center}[_nghost-%COMP%]   div[_ngcontent-%COMP%]{display:flex;justify-content:center;align-items:center}"], changeDetection: 0 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BackNavigatorOrganism, [{
         type: Component,
-        args: [{ selector: 'organisms-back-navigator', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-toolbar color=\"primary\">\n  <div>\n    <button mat-icon-button *ngIf=\"canBack\" (click)=\"backButtonClick.emit()\">\n      <mat-icon>arrow_back</mat-icon>\n    </button>\n    <div class=\"text\">\n      <span class=\"title\">{{ title || '' }}</span>\n      <span class=\"description\">{{ description || '' }}</span>\n    </div>\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{--height: 64px;--height-SCOPED-IN-back-navigator-8GuW: var(--height)}:host{display:block;width:100%;height:var(--height-SCOPED-IN-back-navigator-8GuW)}:host div.text{display:flex;flex-direction:row;justify-content:center;align-items:flex-end}:host div.text .description{line-height:1em;font-size:12px;margin-bottom:8px;margin-left:4px}:host mat-toolbar{display:flex;width:100%;height:100%;justify-content:space-between;align-items:center}:host div{display:flex;justify-content:center;align-items:center}\n"] }]
+        args: [{ selector: 'organisms-back-navigator', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-toolbar color=\"primary\">\n  <div>\n    <button mat-icon-button *ngIf=\"canBack\" (click)=\"backButtonClick.emit()\">\n      <mat-icon>arrow_back</mat-icon>\n    </button>\n    <div class=\"text\">\n      <span class=\"title\">{{ title || '' }}</span>\n      <span class=\"description\">{{ description || '' }}</span>\n    </div>\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{--height: 64px;--height-SCOPED-IN-back-navigator-Q9v4: var(--height)}:host{display:block;width:100%;height:var(--height-SCOPED-IN-back-navigator-Q9v4)}:host div.text{display:flex;flex-direction:row;justify-content:center;align-items:flex-end}:host div.text .description{line-height:1em;font-size:12px;margin-bottom:8px;margin-left:4px}:host mat-toolbar{display:flex;width:100%;height:100%;justify-content:space-between;align-items:center}:host div{display:flex;justify-content:center;align-items:center}\n"] }]
     }], null, { canBack: [{
             type: Input
         }], title: [{

package/fesm2020/ng-atomic-components-organisms-card-input-section.mjs

@@ -17,10 +17,10 @@ CardInputSectionOrganism.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Ca
         i0.ɵɵelement(0, "molecules-text-input-field", 0);
     } if (rf & 2) {
         i0.ɵɵproperty("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-wwuB: var(--horizontal-padding)}[_nghost-%COMP%]{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-wwuB);box-sizing:border-box}[_nghost-%COMP%]   .molecule.input-field[_ngcontent-%COMP%], [_nghost-%COMP%]   mat-form-field[_ngcontent-%COMP%]{width:100%}"], changeDetection: 0 });
+    } }, dependencies: [i1.TextInputFieldMolecule], styles: ["[_nghost-%COMP%]{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-PsWg: var(--horizontal-padding)}[_nghost-%COMP%]{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-PsWg);box-sizing:border-box}[_nghost-%COMP%]   .molecule.input-field[_ngcontent-%COMP%], [_nghost-%COMP%]   mat-form-field[_ngcontent-%COMP%]{width:100%}"], changeDetection: 0 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CardInputSectionOrganism, [{
         type: Component,
-        args: [{ selector: 'organisms-card-input-section', changeDetection: ChangeDetectionStrategy.OnPush, template: "<molecules-text-input-field\n  type=\"text\"\n  name=\"cardNumber\"\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-wwuB: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-wwuB);box-sizing:border-box}:host .molecule.input-field,:host mat-form-field{width:100%}\n"] }]
+        args: [{ selector: 'organisms-card-input-section', changeDetection: ChangeDetectionStrategy.OnPush, template: "<molecules-text-input-field\n  type=\"text\"\n  name=\"cardNumber\"\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-PsWg: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-PsWg);box-sizing:border-box}:host .molecule.input-field,:host mat-form-field{width:100%}\n"] }]
     }], null, { control: [{
             type: Input
         }], label: [{

package/fesm2020/ng-atomic-components-organisms-cvc-and-exp-input-section.mjs

@@ -31,10 +31,10 @@ CvcAndExpInputSectionOrganism.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ typ
         i0.ɵɵproperty("control", ctx.form.get("expMonth"))("options", ctx.monthOptions);
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("control", ctx.form.get("cvc"));
-    } }, dependencies: [i1.SelectInputFieldMolecule, i2.TextInputFieldMolecule], styles: ["[_nghost-%COMP%]{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-EXqp: var(--horizontal-padding)}[_nghost-%COMP%]{display:flex;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-EXqp);box-sizing:border-box}[_nghost-%COMP%]   .field[_ngcontent-%COMP%]:not(:first-child){margin-left:8px}[_nghost-%COMP%]   .year.field[_ngcontent-%COMP%], [_nghost-%COMP%]   .month.field[_ngcontent-%COMP%]{width:auto}[_nghost-%COMP%]   .cvc.field[_ngcontent-%COMP%]{width:100px}"], changeDetection: 0 });
+    } }, dependencies: [i1.SelectInputFieldMolecule, i2.TextInputFieldMolecule], styles: ["[_nghost-%COMP%]{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-LneI: var(--horizontal-padding)}[_nghost-%COMP%]{display:flex;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-LneI);box-sizing:border-box}[_nghost-%COMP%]   .field[_ngcontent-%COMP%]:not(:first-child){margin-left:8px}[_nghost-%COMP%]   .year.field[_ngcontent-%COMP%], [_nghost-%COMP%]   .month.field[_ngcontent-%COMP%]{width:auto}[_nghost-%COMP%]   .cvc.field[_ngcontent-%COMP%]{width:100px}"], changeDetection: 0 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CvcAndExpInputSectionOrganism, [{
         type: Component,
-        args: [{ selector: 'organisms-cvc-and-exp-input-section', changeDetection: ChangeDetectionStrategy.OnPush, template: "<molecules-select-input-field\n  class=\"year field\"\n  label=\"\u6709\u52B9\u671F\u9650(\u5E74)\"\n  [control]=\"form.get('expYear')\"\n  [options]=\"yearOptions\"\n></molecules-select-input-field>\n<molecules-select-input-field\n  class=\"month field\"\n  label=\"\u6709\u52B9\u671F\u9650(\u6708)\"\n  [control]=\"form.get('expMonth')\"\n  [options]=\"monthOptions\"\n></molecules-select-input-field>\n<molecules-text-input-field\n  class=\"cvc field\"\n  type=\"text\"\n  name=\"cardNumber\"\n  label=\"CVC\"\n  placeholder=\"4\u6841\u306E\u756A\u53F7\"\n  [control]=\"form.get('cvc')\"\n></molecules-text-input-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-EXqp: var(--horizontal-padding)}:host{display:flex;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-EXqp);box-sizing:border-box}:host .field:not(:first-child){margin-left:8px}:host .year.field,:host .month.field{width:auto}:host .cvc.field{width:100px}\n"] }]
+        args: [{ selector: 'organisms-cvc-and-exp-input-section', changeDetection: ChangeDetectionStrategy.OnPush, template: "<molecules-select-input-field\n  class=\"year field\"\n  label=\"\u6709\u52B9\u671F\u9650(\u5E74)\"\n  [control]=\"form.get('expYear')\"\n  [options]=\"yearOptions\"\n></molecules-select-input-field>\n<molecules-select-input-field\n  class=\"month field\"\n  label=\"\u6709\u52B9\u671F\u9650(\u6708)\"\n  [control]=\"form.get('expMonth')\"\n  [options]=\"monthOptions\"\n></molecules-select-input-field>\n<molecules-text-input-field\n  class=\"cvc field\"\n  type=\"text\"\n  name=\"cardNumber\"\n  label=\"CVC\"\n  placeholder=\"4\u6841\u306E\u756A\u53F7\"\n  [control]=\"form.get('cvc')\"\n></molecules-text-input-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-LneI: var(--horizontal-padding)}:host{display:flex;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-LneI);box-sizing:border-box}:host .field:not(:first-child){margin-left:8px}:host .year.field,:host .month.field{width:auto}:host .cvc.field{width:100px}\n"] }]
     }], null, { form: [{
             type: Input
         }] }); })();

package/fesm2020/ng-atomic-components-organisms-date-input-section.mjs

@@ -17,10 +17,10 @@ DateInputSectionOrganism.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Da
         i0.ɵɵelement(0, "molecules-date-input-field", 0);
     } if (rf & 2) {
         i0.ɵɵproperty("control", ctx.control)("label", ctx.label)("placeholder", ctx.placeholder);
-    } }, dependencies: [i1.DateInputFieldMolecule], styles: ["[_nghost-%COMP%]{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-input-section-rArS: var(--horizontal-padding)}[_nghost-%COMP%]{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-date-input-section-rArS);box-sizing:border-box}[_nghost-%COMP%]   mat-form-field[_ngcontent-%COMP%]{width:100%}"], changeDetection: 0 });
+    } }, dependencies: [i1.DateInputFieldMolecule], styles: ["[_nghost-%COMP%]{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-input-section-Zzpp: var(--horizontal-padding)}[_nghost-%COMP%]{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-date-input-section-Zzpp);box-sizing:border-box}[_nghost-%COMP%]   mat-form-field[_ngcontent-%COMP%]{width:100%}"], changeDetection: 0 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DateInputSectionOrganism, [{
         type: Component,
-        args: [{ selector: 'organisms-date-input-section', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'organism section' }, template: "<molecules-date-input-field\n  [control]=\"control\"\n  [label]=\"label\"\n  [placeholder]=\"placeholder\"\n></molecules-date-input-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-input-section-rArS: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-date-input-section-rArS);box-sizing:border-box}:host mat-form-field{width:100%}\n"] }]
+        args: [{ selector: 'organisms-date-input-section', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'organism section' }, template: "<molecules-date-input-field\n  [control]=\"control\"\n  [label]=\"label\"\n  [placeholder]=\"placeholder\"\n></molecules-date-input-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-input-section-Zzpp: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-date-input-section-Zzpp);box-sizing:border-box}:host mat-form-field{width:100%}\n"] }]
     }], null, { control: [{
             type: Input
         }], label: [{

package/fesm2020/ng-atomic-components-organisms-heading.mjs

@@ -115,10 +115,10 @@ HeadingOrganism.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: HeadingOrga
         i0.ɵɵproperty("ngSwitchCase", 5);
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("ngSwitchCase", 6);
-    } }, dependencies: [i1.NgTemplateOutlet, i1.NgSwitch, i1.NgSwitchCase, i1.NgSwitchDefault], styles: ["[_nghost-%COMP%]{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-heading-hcQ0: var(--horizontal-padding)}[_nghost-%COMP%]{display:block;width:100%;box-sizing:border-box;padding:0 var(--horizontal-padding-SCOPED-IN-heading-hcQ0)}"], changeDetection: 0 });
+    } }, dependencies: [i1.NgTemplateOutlet, i1.NgSwitch, i1.NgSwitchCase, i1.NgSwitchDefault], styles: ["[_nghost-%COMP%]{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-heading-9onw: var(--horizontal-padding)}[_nghost-%COMP%]{display:block;width:100%;box-sizing:border-box;padding:0 var(--horizontal-padding-SCOPED-IN-heading-9onw)}"], changeDetection: 0 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(HeadingOrganism, [{
         type: Component,
-        args: [{ selector: 'organisms-heading', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template #temp><ng-content></ng-content></ng-template>\n\n<ng-container [ngSwitch]=\"level\">\n  <h1 *ngSwitchDefault><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h1>\n  <h2 *ngSwitchCase=\"2\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h2>\n  <h3 *ngSwitchCase=\"3\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h3>\n  <h4 *ngSwitchCase=\"4\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h4>\n  <h5 *ngSwitchCase=\"5\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h5>\n  <h6 *ngSwitchCase=\"6\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h6>\n</ng-container>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-heading-hcQ0: var(--horizontal-padding)}:host{display:block;width:100%;box-sizing:border-box;padding:0 var(--horizontal-padding-SCOPED-IN-heading-hcQ0)}\n"] }]
+        args: [{ selector: 'organisms-heading', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template #temp><ng-content></ng-content></ng-template>\n\n<ng-container [ngSwitch]=\"level\">\n  <h1 *ngSwitchDefault><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h1>\n  <h2 *ngSwitchCase=\"2\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h2>\n  <h3 *ngSwitchCase=\"3\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h3>\n  <h4 *ngSwitchCase=\"4\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h4>\n  <h5 *ngSwitchCase=\"5\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h5>\n  <h6 *ngSwitchCase=\"6\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h6>\n</ng-container>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-heading-9onw: var(--horizontal-padding)}:host{display:block;width:100%;box-sizing:border-box;padding:0 var(--horizontal-padding-SCOPED-IN-heading-9onw)}\n"] }]
     }], null, { level: [{
             type: Input
         }] }); })();

package/fesm2020/ng-atomic-components-organisms-navigation-list.mjs

@@ -10,7 +10,7 @@ import { NavigationListItemModule } from '@ng-atomic/components/molecules/naviga
 function NavigationListOrganism_molecules_navigation_list_item_1_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "molecules-navigation-list-item", 2);
-    i0.ɵɵlistener("click", function NavigationListOrganism_molecules_navigation_list_item_1_Template_molecules_navigation_list_item_click_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r3); const item_r1 = restoredCtx.$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.action.emit(item_r1.id)); });
+    i0.ɵɵlistener("click", function NavigationListOrganism_molecules_navigation_list_item_1_Template_molecules_navigation_list_item_click_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r3); const item_r1 = restoredCtx.$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.action.emit(item_r1)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const item_r1 = ctx.$implicit;
@@ -31,10 +31,10 @@ NavigationListOrganism.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Navi
         i0.ɵɵproperty("multiple", false);
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("ngForOf", ctx.items);
-    } }, dependencies: [i1.NgForOf, i2.MatSelectionList, i3.NavigationListItemMolecule], styles: ["[_nghost-%COMP%]{--primary-color: #3f51b5;--primary-color-SCOPED-IN-navigation-list-iSO3: var(--primary-color);--secondary-color: #3f51b5;--secondary-color-SCOPED-IN-navigation-list-iSO3: var(--secondary-color);--color: white;--color-SCOPED-IN-navigation-list-iSO3: var(--color)}[_nghost-%COMP%]{display:block;width:100%;height:100%;background:var(--primary-color-SCOPED-IN-navigation-list-iSO3);color:var(--color-SCOPED-IN-navigation-list-iSO3);box-sizing:border-box}[_nghost-%COMP%]   .mat-list-item[_ngcontent-%COMP%]{height:3rem!important}[_nghost-%COMP%]     .mat-list-item .mat-list-item-content{display:flex;align-items:center;grid-gap:8px;padding-top:8px;padding-bottom:8px;cursor:pointer;color:var(--color-SCOPED-IN-navigation-list-iSO3);font-size:12px}[_nghost-%COMP%]     .mat-list-item .mat-list-text{padding-left:8px!important}"], changeDetection: 0 });
+    } }, dependencies: [i1.NgForOf, i2.MatSelectionList, i3.NavigationListItemMolecule], styles: ["[_nghost-%COMP%]{--primary-color: #3f51b5;--primary-color-SCOPED-IN-navigation-list-zZtS: var(--primary-color);--secondary-color: #3f51b5;--secondary-color-SCOPED-IN-navigation-list-zZtS: var(--secondary-color);--color: white;--color-SCOPED-IN-navigation-list-zZtS: var(--color)}[_nghost-%COMP%]{display:block;width:100%;height:100%;background:var(--primary-color-SCOPED-IN-navigation-list-zZtS);color:var(--color-SCOPED-IN-navigation-list-zZtS);box-sizing:border-box}[_nghost-%COMP%]   .mat-list-item[_ngcontent-%COMP%]{height:3rem!important}[_nghost-%COMP%]     .mat-list-item .mat-list-item-content{display:flex;align-items:center;grid-gap:8px;padding-top:8px;padding-bottom:8px;cursor:pointer;color:var(--color-SCOPED-IN-navigation-list-zZtS);font-size:12px}[_nghost-%COMP%]     .mat-list-item .mat-list-text{padding-left:8px!important}"], changeDetection: 0 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(NavigationListOrganism, [{
         type: Component,
-        args: [{ selector: 'organisms-navigation-list', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-selection-list [multiple]=\"false\">\n  <molecules-navigation-list-item\n    *ngFor=\"let item of items\" \n    [item]=\"item\"\n    (click)=\"action.emit(item.id)\"\n  ></molecules-navigation-list-item>\n</mat-selection-list>", styles: [":host{--primary-color: #3f51b5;--primary-color-SCOPED-IN-navigation-list-iSO3: var(--primary-color);--secondary-color: #3f51b5;--secondary-color-SCOPED-IN-navigation-list-iSO3: var(--secondary-color);--color: white;--color-SCOPED-IN-navigation-list-iSO3: var(--color)}:host{display:block;width:100%;height:100%;background:var(--primary-color-SCOPED-IN-navigation-list-iSO3);color:var(--color-SCOPED-IN-navigation-list-iSO3);box-sizing:border-box}:host .mat-list-item{height:3rem!important}:host ::ng-deep .mat-list-item .mat-list-item-content{display:flex;align-items:center;grid-gap:8px;padding-top:8px;padding-bottom:8px;cursor:pointer;color:var(--color-SCOPED-IN-navigation-list-iSO3);font-size:12px}:host ::ng-deep .mat-list-item .mat-list-text{padding-left:8px!important}\n"] }]
+        args: [{ selector: 'organisms-navigation-list', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-selection-list [multiple]=\"false\">\n  <molecules-navigation-list-item\n    *ngFor=\"let item of items\" \n    [item]=\"item\"\n    (click)=\"action.emit(item)\"\n  ></molecules-navigation-list-item>\n</mat-selection-list>", styles: [":host{--primary-color: #3f51b5;--primary-color-SCOPED-IN-navigation-list-zZtS: var(--primary-color);--secondary-color: #3f51b5;--secondary-color-SCOPED-IN-navigation-list-zZtS: var(--secondary-color);--color: white;--color-SCOPED-IN-navigation-list-zZtS: var(--color)}:host{display:block;width:100%;height:100%;background:var(--primary-color-SCOPED-IN-navigation-list-zZtS);color:var(--color-SCOPED-IN-navigation-list-zZtS);box-sizing:border-box}:host .mat-list-item{height:3rem!important}:host ::ng-deep .mat-list-item .mat-list-item-content{display:flex;align-items:center;grid-gap:8px;padding-top:8px;padding-bottom:8px;cursor:pointer;color:var(--color-SCOPED-IN-navigation-list-zZtS);font-size:12px}:host ::ng-deep .mat-list-item .mat-list-text{padding-left:8px!important}\n"] }]
     }], null, { items: [{
             type: Input
         }], action: [{

package/fesm2020/ng-atomic-components-organisms-navigation-list.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-organisms-navigation-list.mjs","sources":["../../../../libs/components/src/organisms/navigation-list/navigation-list.organism.html","../../../../libs/components/src/organisms/navigation-list/navigation-list.organism.ts","../../../../libs/components/src/organisms/navigation-list/navigation-list.module.ts","../../../../libs/components/src/organisms/navigation-list/ng-atomic-components-organisms-navigation-list.ts"],"sourcesContent":["<mat-selection-list [multiple]=\"false\">\n  <molecules-navigation-list-item\n    *ngFor=\"let item of items\" \n    [item]=\"item\"\n    (click)=\"action.emit(item.id)\"\n  ></molecules-navigation-list-item>\n</mat-selection-list>","import { Component, ChangeDetectionStrategy, Input, Output, EventEmitter } from '@angular/core';\nimport { ActionItem } from '@ng-atomic/common/models';\n\n@Component({\n  selector: 'organisms-navigation-list',\n  templateUrl: './navigation-list.organism.html',\n  styleUrls: ['./navigation-list.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NavigationListOrganism {\n  @Input()\n  items: ActionItem<string>[] = [];\n\n  @Output()\n  action = new EventEmitter<string>();\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatListModule } from '@angular/material/list';\nimport { NavigationListItemModule } from '@ng-atomic/components/molecules/navigation-list-item';\n\nimport { NavigationListOrganism } from './navigation-list.organism';\n\n@NgModule({\n  declarations: [NavigationListOrganism],\n  imports: [\n    CommonModule,\n    // Materials\n    MatListModule,\n    // Molecules\n    NavigationListItemModule,\n  ],\n  exports: [NavigationListOrganism]\n})\nexport class NavigationListModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ng-atomic-components-organisms-navigation-list.mjs","sources":["../../../../libs/components/src/organisms/navigation-list/navigation-list.organism.html","../../../../libs/components/src/organisms/navigation-list/navigation-list.organism.ts","../../../../libs/components/src/organisms/navigation-list/navigation-list.module.ts","../../../../libs/components/src/organisms/navigation-list/ng-atomic-components-organisms-navigation-list.ts"],"sourcesContent":["<mat-selection-list [multiple]=\"false\">\n  <molecules-navigation-list-item\n    *ngFor=\"let item of items\" \n    [item]=\"item\"\n    (click)=\"action.emit(item)\"\n  ></molecules-navigation-list-item>\n</mat-selection-list>","import { Component, ChangeDetectionStrategy, Input, Output, EventEmitter } from '@angular/core';\nimport { Action, ActionItem } from '@ng-atomic/common/models';\n\n@Component({\n  selector: 'organisms-navigation-list',\n  templateUrl: './navigation-list.organism.html',\n  styleUrls: ['./navigation-list.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NavigationListOrganism {\n  @Input()\n  items: ActionItem<string>[] = [];\n\n  @Output()\n  action = new EventEmitter<Action>();\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatListModule } from '@angular/material/list';\nimport { NavigationListItemModule } from '@ng-atomic/components/molecules/navigation-list-item';\n\nimport { NavigationListOrganism } from './navigation-list.organism';\n\n@NgModule({\n  declarations: [NavigationListOrganism],\n  imports: [\n    CommonModule,\n    // Materials\n    MatListModule,\n    // Molecules\n    NavigationListItemModule,\n  ],\n  exports: [NavigationListOrganism]\n})\nexport class NavigationListModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}