@ng-atomic/components 1.2.1 → 1.5.0

package/fesm2015/ng-atomic-components-organisms-input-field-section.js

@@ -1,20 +1,19 @@
 import * as i0 from '@angular/core';
 import { ɵɵngDeclareComponent, ChangeDetectionStrategy, ɵsetClassMetadata, Component, Input, ɵɵdefineNgModule, ɵɵdefineInjector, ɵɵsetNgModuleScope, NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
-import { DefaultValueAccessor, NgControlStatus, FormControlDirective, ReactiveFormsModule } from '@angular/forms';
-import { MatFormField, MatLabel, MatHint, MatFormFieldModule } from '@angular/material/form-field';
-import { MatInput, MatInputModule } from '@angular/material/input';
+import { TextInputFieldMolecule, TextInputFieldModule } from '@ng-atomic/components/molecules/text-input-field';
 import { FormControl } from '@ngneat/reactive-forms';
 
 class InputFieldSectionOrganism {
     constructor() {
-        this.label = '';
-        this.placeholder = '';
+        this.label = 'label';
+        this.placeholder = 'placeholder';
+        this.type = 'text';
         this.control = new FormControl('');
     }
 }
 InputFieldSectionOrganism.ɵfac = function InputFieldSectionOrganism_Factory(t) { return new (t || InputFieldSectionOrganism)(); };
-InputFieldSectionOrganism.ɵcmp = ɵɵngDeclareComponent({ version: "11.2.14", type: InputFieldSectionOrganism, selector: "organisms-input-field-section", inputs: { label: "label", placeholder: "placeholder", control: "control" }, host: { classAttribute: "organism section" }, ngImport: i0, template: "<mat-form-field appearance=\"outline\">\n  <mat-label>{{ label }}</mat-label>\n  <input matInput [formControl]=\"control\" [placeholder]=\"placeholder\">\n  <!-- <mat-icon matSuffix>sentiment_very_satisfied</mat-icon> -->\n  <mat-hint>Hint</mat-hint>\n</mat-form-field>", styles: [":host{--horizontal-padding:16px;--horizontal-padding-SCOPED-IN-input-field-section-rNyK:var(--horizontal-padding);display:block;padding:0 var(--horizontal-padding-SCOPED-IN-input-field-section-rNyK);box-sizing:border-box}:host,:host .molecule.input-field,:host mat-form-field{width:100%}"], directives: [{ type: MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { type: MatLabel, selector: "mat-label" }, { type: MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["id", "disabled", "required", "type", "value", "readonly", "placeholder", "errorStateMatcher", "aria-describedby"], exportAs: ["matInput"] }, { type: DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: MatHint, selector: "mat-hint", inputs: ["align", "id"] }], changeDetection: ChangeDetectionStrategy.OnPush });
+InputFieldSectionOrganism.ɵcmp = ɵɵngDeclareComponent({ version: "11.2.14", type: InputFieldSectionOrganism, selector: "organisms-input-field-section", inputs: { label: "label", placeholder: "placeholder", type: "type", hint: "hint", control: "control" }, host: { classAttribute: "organism section" }, ngImport: i0, template: "<molecules-text-input-field\n  type=\"text\"\n  [label]=\"label\"\n  [placeholder]=\"placeholder\"\n></molecules-text-input-field>", styles: [":host{--horizontal-padding:16px;--horizontal-padding-SCOPED-IN-input-field-section-qcA6:var(--horizontal-padding);display:block;padding:0 var(--horizontal-padding-SCOPED-IN-input-field-section-qcA6);box-sizing:border-box}:host,:host .molecule.input-field,:host mat-form-field{width:100%}"], directives: [{ type: TextInputFieldMolecule, selector: "molecules-text-input-field", inputs: ["type", "name", "label", "control", "placeholder", "hint"] }], changeDetection: ChangeDetectionStrategy.OnPush });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && ɵsetClassMetadata(InputFieldSectionOrganism, [{
         type: Component,
         args: [{
@@ -28,6 +27,10 @@ InputFieldSectionOrganism.ɵcmp = ɵɵngDeclareComponent({ version: "11.2.14", t
             type: Input
         }], placeholder: [{
             type: Input
+        }], type: [{
+            type: Input
+        }], hint: [{
+            type: Input
         }], control: [{
             type: Input
         }] }); })();
@@ -38,16 +41,12 @@ InputFieldSectionModule.ɵfac = function InputFieldSectionModule_Factory(t) { re
 InputFieldSectionModule.ɵmod = ɵɵdefineNgModule({ type: InputFieldSectionModule });
 InputFieldSectionModule.ɵinj = ɵɵdefineInjector({ imports: [[
             CommonModule,
-            ReactiveFormsModule,
-            // Material
-            MatFormFieldModule,
-            MatInputModule,
+            // Molecules
+            TextInputFieldModule,
         ]] });
 (function () { (typeof ngJitMode === "undefined" || ngJitMode) && ɵɵsetNgModuleScope(InputFieldSectionModule, { declarations: [InputFieldSectionOrganism], imports: [CommonModule,
-        ReactiveFormsModule,
-        // Material
-        MatFormFieldModule,
-        MatInputModule], exports: [InputFieldSectionOrganism] }); })();
+        // Molecules
+        TextInputFieldModule], exports: [InputFieldSectionOrganism] }); })();
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && ɵsetClassMetadata(InputFieldSectionModule, [{
         type: NgModule,
         args: [{
@@ -56,10 +55,8 @@ InputFieldSectionModule.ɵinj = ɵɵdefineInjector({ imports: [[
                 ],
                 imports: [
                     CommonModule,
-                    ReactiveFormsModule,
-                    // Material
-                    MatFormFieldModule,
-                    MatInputModule,
+                    // Molecules
+                    TextInputFieldModule,
                 ],
                 exports: [
                     InputFieldSectionOrganism

package/fesm2015/ng-atomic-components-organisms-input-field-section.js.map

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-organisms-input-field-section.js","sources":["../../../../libs/components/organisms/input-field-section/input-field-section.organism.ts","../../../../libs/components/organisms/input-field-section/input-field-section.organism.html","../../../../libs/components/organisms/input-field-section/input-field-section.module.ts","../../../../libs/components/organisms/input-field-section/ng-atomic-components-organisms-input-field-section.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { FormControl } from '@ngneat/reactive-forms';\n\n@Component({\n  selector: 'organisms-input-field-section',\n  templateUrl: './input-field-section.organism.html',\n  styleUrls: ['./input-field-section.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {class: 'organism section'}\n})\nexport class InputFieldSectionOrganism {\n  @Input()\n  label = '';\n\n  @Input()\n  placeholder = '';\n\n  @Input()\n  control = new FormControl('');\n}\n","<mat-form-field appearance=\"outline\">\n  <mat-label>{{ label }}</mat-label>\n  <input matInput [formControl]=\"control\" [placeholder]=\"placeholder\">\n  <!-- <mat-icon matSuffix>sentiment_very_satisfied</mat-icon> -->\n  <mat-hint>Hint</mat-hint>\n</mat-form-field>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { MatFormFieldModule } from '@angular/material/form-field';\nimport { MatInputModule } from '@angular/material/input';\n\nimport { InputFieldSectionOrganism } from './input-field-section.organism';\n\n@NgModule({\n  declarations: [\n    InputFieldSectionOrganism\n  ],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    // Material\n    MatFormFieldModule,\n    MatInputModule,\n  ],\n  exports: [\n    InputFieldSectionOrganism\n  ]\n})\nexport class InputFieldSectionModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;MAUa,yBAAyB;IAPtC;QASE,UAAK,GAAG,EAAE,CAAC;QAGX,gBAAW,GAAG,EAAE,CAAC;QAGjB,YAAO,GAAG,IAAI,WAAW,CAAC,EAAE,CAAC,CAAC;KAC/B;;kGATY,yBAAyB;kFAAzB,yBAAyB,+LCVtC,+QAKiB;oFDKJ,yBAAyB;cAPrC,SAAS;eAAC;gBACT,QAAQ,EAAE,+BAA+B;gBACzC,WAAW,EAAE,qCAAqC;gBAClD,SAAS,EAAE,CAAC,qCAAqC,CAAC;gBAClD,eAAe,EAAE,uBAAuB,CAAC,MAAM;gBAC/C,IAAI,EAAE,EAAC,KAAK,EAAE,kBAAkB,EAAC;aAClC;gBAGC,KAAK;kBADJ,KAAK;YAIN,WAAW;kBADV,KAAK;YAIN,OAAO;kBADN,KAAK;;;MEMK,uBAAuB;;8FAAvB,uBAAuB;wDAAvB,uBAAuB;4DAXzB;YACP,YAAY;YACZ,mBAAmB;;YAEnB,kBAAkB;YAClB,cAAc;SACf;qFAKU,uBAAuB,mBAbhC,yBAAyB,aAGzB,YAAY;QACZ,mBAAmB;;QAEnB,kBAAkB;QAClB,cAAc,aAGd,yBAAyB;oFAGhB,uBAAuB;cAfnC,QAAQ;eAAC;gBACR,YAAY,EAAE;oBACZ,yBAAyB;iBAC1B;gBACD,OAAO,EAAE;oBACP,YAAY;oBACZ,mBAAmB;;oBAEnB,kBAAkB;oBAClB,cAAc;iBACf;gBACD,OAAO,EAAE;oBACP,yBAAyB;iBAC1B;aACF;;;ACtBD;;;;;;"}
+{"version":3,"file":"ng-atomic-components-organisms-input-field-section.js","sources":["../../../../libs/components/organisms/input-field-section/input-field-section.organism.ts","../../../../libs/components/organisms/input-field-section/input-field-section.organism.html","../../../../libs/components/organisms/input-field-section/input-field-section.module.ts","../../../../libs/components/organisms/input-field-section/ng-atomic-components-organisms-input-field-section.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { FormControl } from '@ngneat/reactive-forms';\n\n@Component({\n  selector: 'organisms-input-field-section',\n  templateUrl: './input-field-section.organism.html',\n  styleUrls: ['./input-field-section.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {class: 'organism section'}\n})\nexport class InputFieldSectionOrganism {\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","<molecules-text-input-field\n  type=\"text\"\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 { InputFieldSectionOrganism } from './input-field-section.organism';\n\n\n@NgModule({\n  declarations: [\n    InputFieldSectionOrganism\n  ],\n  imports: [\n    CommonModule,\n    // Molecules\n    TextInputFieldModule,\n  ],\n  exports: [\n    InputFieldSectionOrganism\n  ]\n})\nexport class InputFieldSectionModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MAUa,yBAAyB;IAPtC;QASE,UAAK,GAAG,OAAO,CAAC;QAGhB,gBAAW,GAAG,aAAa,CAAC;QAG5B,SAAI,GAAmC,MAAM,CAAC;QAM9C,YAAO,GAAG,IAAI,WAAW,CAAC,EAAE,CAAC,CAAC;KAC/B;;kGAfY,yBAAyB;kFAAzB,yBAAyB,2NCVtC,oIAI8B;oFDMjB,yBAAyB;cAPrC,SAAS;eAAC;gBACT,QAAQ,EAAE,+BAA+B;gBACzC,WAAW,EAAE,qCAAqC;gBAClD,SAAS,EAAE,CAAC,qCAAqC,CAAC;gBAClD,eAAe,EAAE,uBAAuB,CAAC,MAAM;gBAC/C,IAAI,EAAE,EAAC,KAAK,EAAE,kBAAkB,EAAC;aAClC;gBAGC,KAAK;kBADJ,KAAK;YAIN,WAAW;kBADV,KAAK;YAIN,IAAI;kBADH,KAAK;YAIN,IAAI;kBADH,KAAK;YAIN,OAAO;kBADN,KAAK;;;MEJK,uBAAuB;;8FAAvB,uBAAuB;wDAAvB,uBAAuB;4DATzB;YACP,YAAY;;YAEZ,oBAAoB;SACrB;qFAKU,uBAAuB,mBAXhC,yBAAyB,aAGzB,YAAY;;QAEZ,oBAAoB,aAGpB,yBAAyB;oFAGhB,uBAAuB;cAbnC,QAAQ;eAAC;gBACR,YAAY,EAAE;oBACZ,yBAAyB;iBAC1B;gBACD,OAAO,EAAE;oBACP,YAAY;;oBAEZ,oBAAoB;iBACrB;gBACD,OAAO,EAAE;oBACP,yBAAyB;iBAC1B;aACF;;;AClBD;;;;;;"}

package/fesm2015/ng-atomic-components-organisms-menu.js

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
 import { EventEmitter, ɵɵngDeclareComponent, ChangeDetectionStrategy, ɵsetClassMetadata, Component, Input, Output, ɵɵdefineNgModule, ɵɵdefineInjector, ɵɵsetNgModuleScope, NgModule } from '@angular/core';
 import { NgForOf, CommonModule } from '@angular/common';
-import { MatList, MatListItem, MatListIconCssMatStyler, MatListModule } from '@angular/material/list';
+import { MatSelectionList, MatListOption, MatListIconCssMatStyler, MatListModule } from '@angular/material/list';
 import { MatIcon, MatIconModule } from '@angular/material/icon';
 import { MatLine } from '@angular/material/core';
 
@@ -12,7 +12,7 @@ class MenuOrganism {
     }
 }
 MenuOrganism.ɵfac = function MenuOrganism_Factory(t) { return new (t || MenuOrganism)(); };
-MenuOrganism.ɵcmp = ɵɵngDeclareComponent({ version: "11.2.14", type: MenuOrganism, selector: "organisms-menu", inputs: { actionItems: "actionItems" }, outputs: { actionItemClick: "actionItemClick" }, ngImport: i0, template: "<mat-list>\n  <mat-list-item (click)=\"actionItemClick.emit([item])\" *ngFor=\"let item of actionItems\">\n    <mat-icon mat-list-icon> {{ item?.icon }}</mat-icon>\n    <div mat-line>{{item.name}}</div>\n  </mat-list-item>\n</mat-list>\n", styles: [":host{--primary-color:#00f;--primary-color-SCOPED-IN-menu-MZRE:var(--primary-color);--secondary-color:#00f;--secondary-color-SCOPED-IN-menu-MZRE:var(--secondary-color);--color:#fff;--color-SCOPED-IN-menu-MZRE:var(--color);display:block;width:100%;height:100%;background:var(--primary-color-SCOPED-IN-menu-MZRE);color:var(--color-SCOPED-IN-menu-MZRE)}: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-menu-MZRE);font-size:12px}:host ::ng-deep .mat-list-item .mat-list-text{padding-left:8px!important}"], directives: [{ type: MatList, selector: "mat-list, mat-action-list", inputs: ["disableRipple", "disabled"], exportAs: ["matList"] }, { type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["disableRipple", "disabled"], exportAs: ["matListItem"] }, { type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: MatListIconCssMatStyler, selector: "[mat-list-icon], [matListIcon]" }, { type: MatLine, selector: "[mat-line], [matLine]" }], changeDetection: ChangeDetectionStrategy.OnPush });
+MenuOrganism.ɵcmp = ɵɵngDeclareComponent({ version: "11.2.14", type: MenuOrganism, selector: "organisms-menu", inputs: { actionItems: "actionItems" }, outputs: { actionItemClick: "actionItemClick" }, ngImport: i0, template: "<mat-selection-list [multiple]=\"false\">\n  <mat-list-option \n    *ngFor=\"let item of actionItems\" \n    [value]=\"item.id\"\n    (click)=\"actionItemClick.emit([item])\"\n  >\n    <mat-icon mat-list-icon> {{ item?.icon }}</mat-icon>\n    <div mat-line>{{item.name}}</div>\n  </mat-list-option>\n</mat-selection-list>", styles: [":host{--primary-color:#00f;--primary-color-SCOPED-IN-menu-uoot:var(--primary-color);--secondary-color:#00f;--secondary-color-SCOPED-IN-menu-uoot:var(--secondary-color);--color:#fff;--color-SCOPED-IN-menu-uoot:var(--color);display:block;width:100%;height:100%;background:var(--primary-color-SCOPED-IN-menu-uoot);color:var(--color-SCOPED-IN-menu-uoot);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-menu-uoot);font-size:12px}:host ::ng-deep .mat-list-item .mat-list-text{padding-left:8px!important}"], directives: [{ type: MatSelectionList, selector: "mat-selection-list", inputs: ["disableRipple", "tabIndex", "color", "compareWith", "disabled", "multiple"], outputs: ["selectionChange"], exportAs: ["matSelectionList"] }, { type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: MatListOption, selector: "mat-list-option", inputs: ["disableRipple", "checkboxPosition", "color", "value", "selected", "disabled"], exportAs: ["matListOption"] }, { type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: MatListIconCssMatStyler, selector: "[mat-list-icon], [matListIcon]" }, { type: MatLine, selector: "[mat-line], [matLine]" }], changeDetection: ChangeDetectionStrategy.OnPush });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && ɵsetClassMetadata(MenuOrganism, [{
         type: Component,
         args: [{

package/fesm2015/ng-atomic-components-organisms-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-organisms-menu.js","sources":["../../../../libs/components/organisms/menu/menu.organism.ts","../../../../libs/components/organisms/menu/menu.organism.html","../../../../libs/components/organisms/menu/menu.module.ts","../../../../libs/components/organisms/menu/ng-atomic-components-organisms-menu.ts"],"sourcesContent":["import { Component, Input, ChangeDetectionStrategy, Output, EventEmitter } from '@angular/core';\nimport { ActionItem } from '@ng-atomic/common/models';\n\n@Component({\n  selector: 'organisms-menu',\n  templateUrl: './menu.organism.html',\n  styleUrls: ['./menu.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MenuOrganism {\n  \n  @Input()\n  actionItems: ActionItem[] = [];\n\n  @Output()\n  actionItemClick = new EventEmitter<[ActionItem]>();\n\n}\n","<mat-list>\n  <mat-list-item (click)=\"actionItemClick.emit([item])\" *ngFor=\"let item of actionItems\">\n    <mat-icon mat-list-icon> {{ item?.icon }}</mat-icon>\n    <div mat-line>{{item.name}}</div>\n  </mat-list-item>\n</mat-list>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MenuOrganism } from './menu.organism';\nimport { MatListModule } from '@angular/material/list';\nimport { MatIconModule } from '@angular/material/icon';\n\n@NgModule({\n  declarations: [MenuOrganism],\n  imports: [\n    CommonModule,\n    MatListModule,\n    MatIconModule\n  ],\n  exports: [MenuOrganism]\n})\nexport class MenuModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;MASa,YAAY;IANzB;QASE,gBAAW,GAAiB,EAAE,CAAC;QAG/B,oBAAe,GAAG,IAAI,YAAY,EAAgB,CAAC;KAEpD;;wEARY,YAAY;qEAAZ,YAAY,+ICTzB,+OAMA;oFDGa,YAAY;cANxB,SAAS;eAAC;gBACT,QAAQ,EAAE,gBAAgB;gBAC1B,WAAW,EAAE,sBAAsB;gBACnC,SAAS,EAAE,CAAC,sBAAsB,CAAC;gBACnC,eAAe,EAAE,uBAAuB,CAAC,MAAM;aAChD;gBAIC,WAAW;kBADV,KAAK;YAIN,eAAe;kBADd,MAAM;;;MECI,UAAU;;oEAAV,UAAU;2CAAV,UAAU;+CAPZ;YACP,YAAY;YACZ,aAAa;YACb,aAAa;SACd;qFAGU,UAAU,mBARN,YAAY,aAEzB,YAAY;QACZ,aAAa;QACb,aAAa,aAEL,YAAY;oFAEX,UAAU;cATtB,QAAQ;eAAC;gBACR,YAAY,EAAE,CAAC,YAAY,CAAC;gBAC5B,OAAO,EAAE;oBACP,YAAY;oBACZ,aAAa;oBACb,aAAa;iBACd;gBACD,OAAO,EAAE,CAAC,YAAY,CAAC;aACxB;;;ACdD;;;;;;"}
+{"version":3,"file":"ng-atomic-components-organisms-menu.js","sources":["../../../../libs/components/organisms/menu/menu.organism.ts","../../../../libs/components/organisms/menu/menu.organism.html","../../../../libs/components/organisms/menu/menu.module.ts","../../../../libs/components/organisms/menu/ng-atomic-components-organisms-menu.ts"],"sourcesContent":["import { Component, Input, ChangeDetectionStrategy, Output, EventEmitter } from '@angular/core';\nimport { ActionItem } from '@ng-atomic/common/models';\n\n@Component({\n  selector: 'organisms-menu',\n  templateUrl: './menu.organism.html',\n  styleUrls: ['./menu.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MenuOrganism {\n  \n  @Input()\n  actionItems: ActionItem[] = [];\n\n  @Output()\n  actionItemClick = new EventEmitter<[ActionItem]>();\n\n}\n","<mat-selection-list [multiple]=\"false\">\n  <mat-list-option \n    *ngFor=\"let item of actionItems\" \n    [value]=\"item.id\"\n    (click)=\"actionItemClick.emit([item])\"\n  >\n    <mat-icon mat-list-icon> {{ item?.icon }}</mat-icon>\n    <div mat-line>{{item.name}}</div>\n  </mat-list-option>\n</mat-selection-list>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MenuOrganism } from './menu.organism';\nimport { MatListModule } from '@angular/material/list';\nimport { MatIconModule } from '@angular/material/icon';\n\n@NgModule({\n  declarations: [MenuOrganism],\n  imports: [\n    CommonModule,\n    MatListModule,\n    MatIconModule\n  ],\n  exports: [MenuOrganism]\n})\nexport class MenuModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;MASa,YAAY;IANzB;QASE,gBAAW,GAAiB,EAAE,CAAC;QAG/B,oBAAe,GAAG,IAAI,YAAY,EAAgB,CAAC;KAEpD;;wEARY,YAAY;qEAAZ,YAAY,+ICTzB,mUASqB;oFDAR,YAAY;cANxB,SAAS;eAAC;gBACT,QAAQ,EAAE,gBAAgB;gBAC1B,WAAW,EAAE,sBAAsB;gBACnC,SAAS,EAAE,CAAC,sBAAsB,CAAC;gBACnC,eAAe,EAAE,uBAAuB,CAAC,MAAM;aAChD;gBAIC,WAAW;kBADV,KAAK;YAIN,eAAe;kBADd,MAAM;;;MECI,UAAU;;oEAAV,UAAU;2CAAV,UAAU;+CAPZ;YACP,YAAY;YACZ,aAAa;YACb,aAAa;SACd;qFAGU,UAAU,mBARN,YAAY,aAEzB,YAAY;QACZ,aAAa;QACb,aAAa,aAEL,YAAY;oFAEX,UAAU;cATtB,QAAQ;eAAC;gBACR,YAAY,EAAE,CAAC,YAAY,CAAC;gBAC5B,OAAO,EAAE;oBACP,YAAY;oBACZ,aAAa;oBACb,aAAa;iBACd;gBACD,OAAO,EAAE,CAAC,YAAY,CAAC;aACxB;;;ACdD;;;;;;"}

package/fesm2015/ng-atomic-components-organisms-select-input-section.js

@@ -12,7 +12,7 @@ class SelectInputSectionOrganism {
     }
 }
 SelectInputSectionOrganism.ɵfac = function SelectInputSectionOrganism_Factory(t) { return new (t || SelectInputSectionOrganism)(); };
-SelectInputSectionOrganism.ɵcmp = ɵɵngDeclareComponent({ version: "11.2.14", type: SelectInputSectionOrganism, selector: "organisms-select-input-section", inputs: { label: "label", control: "control", options: "options" }, ngImport: i0, template: "<molecules-select-input-field\n  [label]=\"label\"\n  [control]=\"control\"\n  [options]=\"options\"\n></molecules-select-input-field>", styles: [":host{--horizontal-padding:16px;--horizontal-padding-SCOPED-IN-select-input-section-983X:var(--horizontal-padding);display:block;padding:0 var(--horizontal-padding-SCOPED-IN-select-input-section-983X);box-sizing:border-box}:host,:host .molecule.input-field{width:100%}"], directives: [{ type: SelectInputFieldMolecule, selector: "molecules-select-input-field", inputs: ["label", "control", "options"] }], changeDetection: ChangeDetectionStrategy.OnPush });
+SelectInputSectionOrganism.ɵcmp = ɵɵngDeclareComponent({ version: "11.2.14", type: SelectInputSectionOrganism, selector: "organisms-select-input-section", inputs: { label: "label", control: "control", options: "options" }, ngImport: i0, template: "<molecules-select-input-field\n  [label]=\"label\"\n  [control]=\"control\"\n  [options]=\"options\"\n></molecules-select-input-field>", styles: [":host{--horizontal-padding:16px;--horizontal-padding-SCOPED-IN-select-input-section-h4AA:var(--horizontal-padding);display:block;padding:0 var(--horizontal-padding-SCOPED-IN-select-input-section-h4AA);box-sizing:border-box}:host,:host .molecule.input-field{width:100%}"], directives: [{ type: SelectInputFieldMolecule, selector: "molecules-select-input-field", inputs: ["label", "control", "options"] }], changeDetection: ChangeDetectionStrategy.OnPush });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && ɵsetClassMetadata(SelectInputSectionOrganism, [{
         type: Component,
         args: [{

package/fesm2015/ng-atomic-components-organisms-smart-table.js

@@ -20,6 +20,7 @@ class SmartTableOrganism {
         this.actionItems = [];
         this.selectedIdSet = new Set();
         this.actionItemClick = new EventEmitter();
+        this.headerClick = new EventEmitter();
         this.checkboxClick = new EventEmitter();
         this.pageChange = new EventEmitter();
         this.itemCheck = new EventEmitter();
@@ -29,7 +30,7 @@ class SmartTableOrganism {
     }
 }
 SmartTableOrganism.ɵfac = function SmartTableOrganism_Factory(t) { return new (t || SmartTableOrganism)(); };
-SmartTableOrganism.ɵcmp = ɵɵngDeclareComponent({ version: "11.2.14", type: SmartTableOrganism, selector: "organisms-smart-table", inputs: { columns: "columns", items: "items", patientsSize: "patientsSize", pageSize: "pageSize", actionItems: "actionItems", selectedIdSet: "selectedIdSet" }, outputs: { actionItemClick: "actionItemClick", checkboxClick: "checkboxClick", pageChange: "pageChange", itemCheck: "itemCheck" }, host: { classAttribute: "organism" }, ngImport: i0, template: "<table mat-table [dataSource]=\"items\" matSort matSortDisableClear matSortDirection=\"desc\">\n  <ng-container *ngFor=\"let name of displayedColumns\" [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      [actionItems]=\"actionItems\"\n      (actionItemClick)=\"actionItemClick.emit($event)\"\n    ></molecules-actions-column>\n    <molecules-smart-column *ngSwitchDefault [name]=\"name\" [headerText]=\"name | D\"></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-folB:var(--width);--cell:8px;--cell-SCOPED-IN-smart-table-folB:var(--cell);display:block;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 .no-data-message{display:flex;justify-content:flex-start;align-items:center;width:calc(var(--width) - var(--cell) * 4);height:3em;padding-left:calc(var(--cell) * 2);padding-right:calc(var(--cell) * 2)}"], directives: [{ type: MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: CheckboxColumnMolecule, selector: "molecules-checkbox-column", inputs: ["name", "selectedIdSet"], outputs: ["checkboxClick"] }, { type: ActionsColumnMolecule, selector: "molecules-actions-column", inputs: ["name", "actionItems"], outputs: ["actionItemClick"] }, { type: NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: SmartColumnMolecule, selector: "molecules-smart-column" }, { type: MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { type: MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { type: MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { type: MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "D": DomainPipe }, changeDetection: ChangeDetectionStrategy.OnPush });
+SmartTableOrganism.ɵcmp = ɵɵngDeclareComponent({ version: "11.2.14", type: SmartTableOrganism, selector: "organisms-smart-table", inputs: { columns: "columns", items: "items", patientsSize: "patientsSize", pageSize: "pageSize", actionItems: "actionItems", selectedIdSet: "selectedIdSet", sortKey: "sortKey", sortOrder: "sortOrder" }, outputs: { actionItemClick: "actionItemClick", headerClick: "headerClick", checkboxClick: "checkboxClick", pageChange: "pageChange", itemCheck: "itemCheck" }, host: { classAttribute: "organism" }, ngImport: i0, template: "<table mat-table [dataSource]=\"items\" matSort matSortDisableClear matSortDirection=\"desc\">\n  <ng-container *ngFor=\"let name of displayedColumns\" [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      [actionItems]=\"actionItems\"\n      (actionItemClick)=\"actionItemClick.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-8HUm:var(--width);--cell:8px;--cell-SCOPED-IN-smart-table-8HUm:var(--cell);display:block;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 .no-data-message{display:flex;justify-content:flex-start;align-items:center;width:calc(var(--width) - var(--cell) * 4);height:3em;padding-left:calc(var(--cell) * 2);padding-right:calc(var(--cell) * 2)}"], directives: [{ type: MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: CheckboxColumnMolecule, selector: "molecules-checkbox-column", inputs: ["name", "selectedIdSet"], outputs: ["checkboxClick"] }, { type: ActionsColumnMolecule, selector: "molecules-actions-column", inputs: ["name", "actionItems"], outputs: ["actionItemClick"] }, { type: NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: SmartColumnMolecule, selector: "molecules-smart-column", inputs: ["sort"], outputs: ["headerClick"] }, { type: MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { type: MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { type: MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { type: MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "D": DomainPipe }, changeDetection: ChangeDetectionStrategy.OnPush });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && ɵsetClassMetadata(SmartTableOrganism, [{
         type: Component,
         args: [{
@@ -51,8 +52,14 @@ SmartTableOrganism.ɵcmp = ɵɵngDeclareComponent({ version: "11.2.14", type: Sm
             type: Input
         }], selectedIdSet: [{
             type: Input
+        }], sortKey: [{
+            type: Input
+        }], sortOrder: [{
+            type: Input
         }], actionItemClick: [{
             type: Output
+        }], headerClick: [{
+            type: Output
         }], checkboxClick: [{
             type: Output
         }], pageChange: [{

package/fesm2015/ng-atomic-components-organisms-smart-table.js.map

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-organisms-smart-table.js","sources":["../../../../libs/components/organisms/smart-table/smart-table.organism.ts","../../../../libs/components/organisms/smart-table/smart-table.organism.html","../../../../libs/components/organisms/smart-table/smart-table.module.ts","../../../../libs/components/organisms/smart-table/ng-atomic-components-organisms-smart-table.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { ActionItem } from '@ng-atomic/common/models';\n\n\n@Component({\n  selector: 'organisms-smart-table',\n  templateUrl: './smart-table.organism.html',\n  styleUrls: ['./smart-table.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {class: 'organism'}\n})\nexport class SmartTableOrganism<Item extends object> {\n\n  @Input()\n  columns: (keyof Item)[] = [];\n\n  get displayedColumns(): (keyof Item | string)[] {\n    return [...this.columns];\n  }\n\n  @Input()\n  items: Item[] = [];\n\n  @Input()\n  patientsSize: number = 0;\n\n  @Input()\n  pageSize: number = 0;\n\n  @Input()\n  actionItems: ActionItem[] = [];\n\n  @Input()\n  selectedIdSet = new Set<string>();\n\n  @Output()\n  actionItemClick = new EventEmitter<[ActionItem, Item]>();\n  \n  @Output()\n  checkboxClick = new EventEmitter<[Item, boolean]>();\n\n  @Output()\n  pageChange = new EventEmitter();\n\n  @Output()\n  itemCheck = new EventEmitter<[Item, boolean]>();\n  \n}\n","<table mat-table [dataSource]=\"items\" matSort matSortDisableClear matSortDirection=\"desc\">\n  <ng-container *ngFor=\"let name of displayedColumns\" [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      [actionItems]=\"actionItems\"\n      (actionItemClick)=\"actionItemClick.emit($event)\"\n    ></molecules-actions-column>\n    <molecules-smart-column *ngSwitchDefault [name]=\"name\" [headerText]=\"name | D\"></molecules-smart-column>\n  </ng-container>\n\n  <tr mat-header-row *matHeaderRowDef=\"displayedColumns; sticky: true\"></tr>\n  <tr mat-row *matRowDef=\"let item; columns: displayedColumns;\"></tr>\n</table>\n<div *ngIf=\"!items?.length\" class=\"no-data-message\">データがありません。</div>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatTableModule } from '@angular/material/table';\nimport { MatCheckboxModule } from '@angular/material/checkbox';\nimport { MatMenuModule } from '@angular/material/menu';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { ActionsColumnModule } from '@ng-atomic/components/molecules/actions-column';\nimport { CheckboxColumnModule } from '@ng-atomic/components/molecules/checkbox-column';\nimport { SmartColumnModule } from '@ng-atomic/components/molecules/smart-column';\nimport { DomainModule } from '@ng-atomic/common/pipes';\n\nimport { SmartTableOrganism } from './smart-table.organism';\n\n@NgModule({\n  declarations: [\n    SmartTableOrganism,\n  ],\n  imports: [\n    CommonModule,\n    // Pipes\n    DomainModule,\n    // Material\n    MatTableModule,\n    MatCheckboxModule,\n    MatMenuModule,\n    MatButtonModule,\n    MatIconModule,\n    // Molecules\n    ActionsColumnModule,\n    CheckboxColumnModule,\n    SmartColumnModule,\n  ],\n  exports: [\n    SmartTableOrganism\n  ]\n})\nexport class SmartTableModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;MAWa,kBAAkB;IAP/B;QAUE,YAAO,GAAmB,EAAE,CAAC;QAO7B,UAAK,GAAW,EAAE,CAAC;QAGnB,iBAAY,GAAW,CAAC,CAAC;QAGzB,aAAQ,GAAW,CAAC,CAAC;QAGrB,gBAAW,GAAiB,EAAE,CAAC;QAG/B,kBAAa,GAAG,IAAI,GAAG,EAAU,CAAC;QAGlC,oBAAe,GAAG,IAAI,YAAY,EAAsB,CAAC;QAGzD,kBAAa,GAAG,IAAI,YAAY,EAAmB,CAAC;QAGpD,eAAU,GAAG,IAAI,YAAY,EAAE,CAAC;QAGhC,cAAS,GAAG,IAAI,YAAY,EAAmB,CAAC;KAEjD;IA/BC,IAAI,gBAAgB;QAClB,OAAO,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC;KAC1B;;oFAPU,kBAAkB;2EAAlB,kBAAkB,sYCX/B,yhCAoBoE;oFDTvD,kBAAkB;cAP9B,SAAS;eAAC;gBACT,QAAQ,EAAE,uBAAuB;gBACjC,WAAW,EAAE,6BAA6B;gBAC1C,SAAS,EAAE,CAAC,6BAA6B,CAAC;gBAC1C,eAAe,EAAE,uBAAuB,CAAC,MAAM;gBAC/C,IAAI,EAAE,EAAC,KAAK,EAAE,UAAU,EAAC;aAC1B;gBAIC,OAAO;kBADN,KAAK;YAQN,KAAK;kBADJ,KAAK;YAIN,YAAY;kBADX,KAAK;YAIN,QAAQ;kBADP,KAAK;YAIN,WAAW;kBADV,KAAK;YAIN,aAAa;kBADZ,KAAK;YAIN,eAAe;kBADd,MAAM;YAIP,aAAa;kBADZ,MAAM;YAIP,UAAU;kBADT,MAAM;YAIP,SAAS;kBADR,MAAM;;;MEPI,gBAAgB;;gFAAhB,gBAAgB;iDAAhB,gBAAgB;qDAnBlB;YACP,YAAY;;YAEZ,YAAY;;YAEZ,cAAc;YACd,iBAAiB;YACjB,aAAa;YACb,eAAe;YACf,aAAa;;YAEb,mBAAmB;YACnB,oBAAoB;YACpB,iBAAiB;SAClB;qFAKU,gBAAgB,mBArBzB,kBAAkB,aAGlB,YAAY;;QAEZ,YAAY;;QAEZ,cAAc;QACd,iBAAiB;QACjB,aAAa;QACb,eAAe;QACf,aAAa;;QAEb,mBAAmB;QACnB,oBAAoB;QACpB,iBAAiB,aAGjB,kBAAkB;oFAGT,gBAAgB;cAvB5B,QAAQ;eAAC;gBACR,YAAY,EAAE;oBACZ,kBAAkB;iBACnB;gBACD,OAAO,EAAE;oBACP,YAAY;;oBAEZ,YAAY;;oBAEZ,cAAc;oBACd,iBAAiB;oBACjB,aAAa;oBACb,eAAe;oBACf,aAAa;;oBAEb,mBAAmB;oBACnB,oBAAoB;oBACpB,iBAAiB;iBAClB;gBACD,OAAO,EAAE;oBACP,kBAAkB;iBACnB;aACF;;;ACpCD;;;;;;"}
+{"version":3,"file":"ng-atomic-components-organisms-smart-table.js","sources":["../../../../libs/components/organisms/smart-table/smart-table.organism.ts","../../../../libs/components/organisms/smart-table/smart-table.organism.html","../../../../libs/components/organisms/smart-table/smart-table.module.ts","../../../../libs/components/organisms/smart-table/ng-atomic-components-organisms-smart-table.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { ActionItem } from '@ng-atomic/common/models';\n\n\n@Component({\n  selector: 'organisms-smart-table',\n  templateUrl: './smart-table.organism.html',\n  styleUrls: ['./smart-table.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {class: 'organism'}\n})\nexport class SmartTableOrganism<Item extends object> {\n\n  @Input()\n  columns: (keyof Item)[] = [];\n\n  get displayedColumns(): (keyof Item | string)[] {\n    return [...this.columns];\n  }\n\n  @Input()\n  items: Item[] = [];\n\n  @Input()\n  patientsSize: number = 0;\n\n  @Input()\n  pageSize: number = 0;\n\n  @Input()\n  actionItems: ActionItem[] = [];\n\n  @Input()\n  selectedIdSet = new Set<string>();\n\n  @Input()\n  sortKey?: string;\n\n  @Input()\n  sortOrder?: 'asc' | 'desc';\n\n  @Output()\n  actionItemClick = new EventEmitter<[ActionItem, Item]>();\n\n  @Output()\n  headerClick = new EventEmitter<string>();\n  \n  @Output()\n  checkboxClick = new EventEmitter<[Item, boolean]>();\n\n  @Output()\n  pageChange = new EventEmitter();\n\n  @Output()\n  itemCheck = new EventEmitter<[Item, boolean]>();\n  \n}\n","<table mat-table [dataSource]=\"items\" matSort matSortDisableClear matSortDirection=\"desc\">\n  <ng-container *ngFor=\"let name of displayedColumns\" [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      [actionItems]=\"actionItems\"\n      (actionItemClick)=\"actionItemClick.emit($event)\"\n    ></molecules-actions-column>\n    <molecules-smart-column\n      *ngSwitchDefault\n      [name]=\"name\"\n      [headerText]=\"name | D\"\n      [sort]=\"sortKey === name ? sortOrder : 'none'\"\n      (headerClick)=\"headerClick.emit(name)\"\n    ></molecules-smart-column>\n  </ng-container>\n\n  <tr mat-header-row *matHeaderRowDef=\"displayedColumns; sticky: true\"></tr>\n  <tr mat-row *matRowDef=\"let item; columns: displayedColumns;\"></tr>\n</table>\n<div *ngIf=\"!items?.length\" class=\"no-data-message\">データがありません。</div>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatTableModule } from '@angular/material/table';\nimport { MatCheckboxModule } from '@angular/material/checkbox';\nimport { MatMenuModule } from '@angular/material/menu';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { ActionsColumnModule } from '@ng-atomic/components/molecules/actions-column';\nimport { CheckboxColumnModule } from '@ng-atomic/components/molecules/checkbox-column';\nimport { SmartColumnModule } from '@ng-atomic/components/molecules/smart-column';\nimport { DomainModule } from '@ng-atomic/common/pipes';\n\nimport { SmartTableOrganism } from './smart-table.organism';\n\n@NgModule({\n  declarations: [\n    SmartTableOrganism,\n  ],\n  imports: [\n    CommonModule,\n    // Pipes\n    DomainModule,\n    // Material\n    MatTableModule,\n    MatCheckboxModule,\n    MatMenuModule,\n    MatButtonModule,\n    MatIconModule,\n    // Molecules\n    ActionsColumnModule,\n    CheckboxColumnModule,\n    SmartColumnModule,\n  ],\n  exports: [\n    SmartTableOrganism\n  ]\n})\nexport class SmartTableModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;MAWa,kBAAkB;IAP/B;QAUE,YAAO,GAAmB,EAAE,CAAC;QAO7B,UAAK,GAAW,EAAE,CAAC;QAGnB,iBAAY,GAAW,CAAC,CAAC;QAGzB,aAAQ,GAAW,CAAC,CAAC;QAGrB,gBAAW,GAAiB,EAAE,CAAC;QAG/B,kBAAa,GAAG,IAAI,GAAG,EAAU,CAAC;QASlC,oBAAe,GAAG,IAAI,YAAY,EAAsB,CAAC;QAGzD,gBAAW,GAAG,IAAI,YAAY,EAAU,CAAC;QAGzC,kBAAa,GAAG,IAAI,YAAY,EAAmB,CAAC;QAGpD,eAAU,GAAG,IAAI,YAAY,EAAE,CAAC;QAGhC,cAAS,GAAG,IAAI,YAAY,EAAmB,CAAC;KAEjD;IAxCC,IAAI,gBAAgB;QAClB,OAAO,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC;KAC1B;;oFAPU,kBAAkB;2EAAlB,kBAAkB,8cCX/B,4pCA0BoE;oFDfvD,kBAAkB;cAP9B,SAAS;eAAC;gBACT,QAAQ,EAAE,uBAAuB;gBACjC,WAAW,EAAE,6BAA6B;gBAC1C,SAAS,EAAE,CAAC,6BAA6B,CAAC;gBAC1C,eAAe,EAAE,uBAAuB,CAAC,MAAM;gBAC/C,IAAI,EAAE,EAAC,KAAK,EAAE,UAAU,EAAC;aAC1B;gBAIC,OAAO;kBADN,KAAK;YAQN,KAAK;kBADJ,KAAK;YAIN,YAAY;kBADX,KAAK;YAIN,QAAQ;kBADP,KAAK;YAIN,WAAW;kBADV,KAAK;YAIN,aAAa;kBADZ,KAAK;YAIN,OAAO;kBADN,KAAK;YAIN,SAAS;kBADR,KAAK;YAIN,eAAe;kBADd,MAAM;YAIP,WAAW;kBADV,MAAM;YAIP,aAAa;kBADZ,MAAM;YAIP,UAAU;kBADT,MAAM;YAIP,SAAS;kBADR,MAAM;;;MEhBI,gBAAgB;;gFAAhB,gBAAgB;iDAAhB,gBAAgB;qDAnBlB;YACP,YAAY;;YAEZ,YAAY;;YAEZ,cAAc;YACd,iBAAiB;YACjB,aAAa;YACb,eAAe;YACf,aAAa;;YAEb,mBAAmB;YACnB,oBAAoB;YACpB,iBAAiB;SAClB;qFAKU,gBAAgB,mBArBzB,kBAAkB,aAGlB,YAAY;;QAEZ,YAAY;;QAEZ,cAAc;QACd,iBAAiB;QACjB,aAAa;QACb,eAAe;QACf,aAAa;;QAEb,mBAAmB;QACnB,oBAAoB;QACpB,iBAAiB,aAGjB,kBAAkB;oFAGT,gBAAgB;cAvB5B,QAAQ;eAAC;gBACR,YAAY,EAAE;oBACZ,kBAAkB;iBACnB;gBACD,OAAO,EAAE;oBACP,YAAY;;oBAEZ,YAAY;;oBAEZ,cAAc;oBACd,iBAAiB;oBACjB,aAAa;oBACb,eAAe;oBACf,aAAa;;oBAEb,mBAAmB;oBACnB,oBAAoB;oBACpB,iBAAiB;iBAClB;gBACD,OAAO,EAAE;oBACP,kBAAkB;iBACnB;aACF;;;ACpCD;;;;;;"}

package/fesm2015/ng-atomic-components-organisms-social-login-section.js

@@ -9,7 +9,7 @@ class SocialLoginSectionOrganism {
     }
 }
 SocialLoginSectionOrganism.ɵfac = function SocialLoginSectionOrganism_Factory(t) { return new (t || SocialLoginSectionOrganism)(); };
-SocialLoginSectionOrganism.ɵcmp = ɵɵngDeclareComponent({ version: "11.2.14", type: SocialLoginSectionOrganism, selector: "organisms-social-login-section", outputs: { signInWithGoogleButtonClick: "signInWithGoogleButtonClick" }, ngImport: i0, template: "<button \n  mat-raised-button \n  color=\"primary\" \n  (click)=\"signInWithGoogleButtonClick.emit()\"\n>Google\u30A2\u30AB\u30A6\u30F3\u30C8\u3067\u30ED\u30B0\u30A4\u30F3</button>", styles: [":host{--horizontal-padding:16px;--horizontal-padding-SCOPED-IN-heading-Ujq5:var(--horizontal-padding);display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-heading-Ujq5);box-sizing:border-box}:host button{width:100%;height:56px}"], directives: [{ type: MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], changeDetection: ChangeDetectionStrategy.OnPush });
+SocialLoginSectionOrganism.ɵcmp = ɵɵngDeclareComponent({ version: "11.2.14", type: SocialLoginSectionOrganism, selector: "organisms-social-login-section", outputs: { signInWithGoogleButtonClick: "signInWithGoogleButtonClick" }, ngImport: i0, template: "<button \n  mat-raised-button \n  color=\"primary\" \n  (click)=\"signInWithGoogleButtonClick.emit()\"\n>Google\u30A2\u30AB\u30A6\u30F3\u30C8\u3067\u30ED\u30B0\u30A4\u30F3</button>", styles: [":host{--horizontal-padding:16px;--horizontal-padding-SCOPED-IN-heading-4fag:var(--horizontal-padding);display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-heading-4fag);box-sizing:border-box}:host button{width:100%;height:56px}"], directives: [{ type: MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], changeDetection: ChangeDetectionStrategy.OnPush });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && ɵsetClassMetadata(SocialLoginSectionOrganism, [{
         type: Component,
         args: [{

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

@@ -0,0 +1,70 @@
+import * as i0 from '@angular/core';
+import { ɵɵngDeclareComponent, ɵsetClassMetadata, Component, Input, ɵɵdefineNgModule, ɵɵdefineInjector, ɵɵsetNgModuleScope, NgModule } from '@angular/core';
+import { FormControl } from '@ngneat/reactive-forms';
+import { TextInputFieldMolecule, TextInputFieldModule } from '@ng-atomic/components/molecules/text-input-field';
+import { CommonModule } from '@angular/common';
+
+class TextInputSectionOrganism {
+    constructor() {
+        this.label = 'label';
+        this.placeholder = 'placeholder';
+        this.type = 'text';
+        this.control = new FormControl('');
+    }
+}
+TextInputSectionOrganism.ɵfac = function TextInputSectionOrganism_Factory(t) { return new (t || TextInputSectionOrganism)(); };
+TextInputSectionOrganism.ɵcmp = ɵɵngDeclareComponent({ version: "11.2.14", type: TextInputSectionOrganism, selector: "organisms-text-input-section", inputs: { label: "label", placeholder: "placeholder", type: "type", hint: "hint", control: "control" }, ngImport: i0, template: "<molecules-text-input-field\n  type=\"text\"\n  [label]=\"label\"\n  [placeholder]=\"placeholder\"\n></molecules-text-input-field>", styles: [":host{--horizontal-padding:16px;--horizontal-padding-SCOPED-IN-text-input-section-S0Kh:var(--horizontal-padding);display:block;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-S0Kh);box-sizing:border-box}:host,:host .molecule.input-field,:host mat-form-field{width:100%}"], directives: [{ type: TextInputFieldMolecule, selector: "molecules-text-input-field", inputs: ["type", "name", "label", "control", "placeholder", "hint"] }] });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && ɵsetClassMetadata(TextInputSectionOrganism, [{
+        type: Component,
+        args: [{
+                selector: 'organisms-text-input-section',
+                templateUrl: './text-input-section.organism.html',
+                styleUrls: ['./text-input-section.organism.scss']
+            }]
+    }], null, { label: [{
+            type: Input
+        }], placeholder: [{
+            type: Input
+        }], type: [{
+            type: Input
+        }], hint: [{
+            type: Input
+        }], control: [{
+            type: Input
+        }] }); })();
+
+class TextInputSectionModule {
+}
+TextInputSectionModule.ɵfac = function TextInputSectionModule_Factory(t) { return new (t || TextInputSectionModule)(); };
+TextInputSectionModule.ɵmod = ɵɵdefineNgModule({ type: TextInputSectionModule });
+TextInputSectionModule.ɵinj = ɵɵdefineInjector({ imports: [[
+            CommonModule,
+            // Molecules
+            TextInputFieldModule,
+        ]] });
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && ɵɵsetNgModuleScope(TextInputSectionModule, { declarations: [TextInputSectionOrganism], imports: [CommonModule,
+        // Molecules
+        TextInputFieldModule], exports: [TextInputSectionOrganism] }); })();
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && ɵsetClassMetadata(TextInputSectionModule, [{
+        type: NgModule,
+        args: [{
+                declarations: [
+                    TextInputSectionOrganism
+                ],
+                imports: [
+                    CommonModule,
+                    // Molecules
+                    TextInputFieldModule,
+                ],
+                exports: [
+                    TextInputSectionOrganism
+                ]
+            }]
+    }], null, null); })();
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TextInputSectionModule, TextInputSectionOrganism };
+//# sourceMappingURL=ng-atomic-components-organisms-text-input-section.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-organisms-text-input-section.js","sources":["../../../../libs/components/organisms/text-input-section/text-input-section.organism.ts","../../../../libs/components/organisms/text-input-section/text-input-section.organism.html","../../../../libs/components/organisms/text-input-section/text-input-section.module.ts","../../../../libs/components/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  [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;IALrC;QAQE,UAAK,GAAG,OAAO,CAAC;QAGhB,gBAAW,GAAG,aAAa,CAAC;QAG5B,SAAI,GAAmC,MAAM,CAAC;QAM9C,YAAO,GAAG,IAAI,WAAW,CAAC,EAAE,CAAC,CAAC;KAE/B;;gGAjBY,wBAAwB;iFAAxB,wBAAwB,4KCRrC,oIAI8B;oFDIjB,wBAAwB;cALpC,SAAS;eAAC;gBACT,QAAQ,EAAE,8BAA8B;gBACxC,WAAW,EAAE,oCAAoC;gBACjD,SAAS,EAAE,CAAC,oCAAoC,CAAC;aAClD;gBAIC,KAAK;kBADJ,KAAK;YAIN,WAAW;kBADV,KAAK;YAIN,IAAI;kBADH,KAAK;YAIN,IAAI;kBADH,KAAK;YAIN,OAAO;kBADN,KAAK;;;MEHK,sBAAsB;;4FAAtB,sBAAsB;uDAAtB,sBAAsB;2DATxB;YACP,YAAY;;YAEZ,oBAAoB;SACrB;qFAKU,sBAAsB,mBAX/B,wBAAwB,aAGxB,YAAY;;QAEZ,oBAAoB,aAGpB,wBAAwB;oFAGf,sBAAsB;cAblC,QAAQ;eAAC;gBACR,YAAY,EAAE;oBACZ,wBAAwB;iBACzB;gBACD,OAAO,EAAE;oBACP,YAAY;;oBAEZ,oBAAoB;iBACrB;gBACD,OAAO,EAAE;oBACP,wBAAwB;iBACzB;aACF;;;AClBD;;;;;;"}

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

@@ -0,0 +1,55 @@
+import * as i0 from '@angular/core';
+import { ɵɵngDeclareComponent, ChangeDetectionStrategy, ɵsetClassMetadata, Component, Input, ɵɵdefineNgModule, ɵɵdefineInjector, ɵɵsetNgModuleScope, NgModule } from '@angular/core';
+import { TextareaFieldMolecule, TextareaFieldModule } from '@ng-atomic/components/molecules/textarea-field';
+import { CommonModule } from '@angular/common';
+
+class TextareaSectionOrganism {
+    constructor() {
+        this.label = 'label';
+    }
+}
+TextareaSectionOrganism.ɵfac = function TextareaSectionOrganism_Factory(t) { return new (t || TextareaSectionOrganism)(); };
+TextareaSectionOrganism.ɵcmp = ɵɵngDeclareComponent({ version: "11.2.14", type: TextareaSectionOrganism, selector: "organisms-textarea-section", inputs: { label: "label" }, ngImport: i0, template: "<molecules-textarea-field\n  [label]=\"label\"\n></molecules-textarea-field>", styles: [":host{--vertical-padding:16px;--vertical-padding-SCOPED-IN-textarea-section-VsA1:var(--vertical-padding);display:block;padding:0 var(--vertical-padding-SCOPED-IN-textarea-section-VsA1);box-sizing:border-box}:host molecules-textarea-field{width:100%}"], directives: [{ type: TextareaFieldMolecule, selector: "molecules-textarea-field", inputs: ["label", "hint", "placeholder"] }], changeDetection: ChangeDetectionStrategy.OnPush });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && ɵsetClassMetadata(TextareaSectionOrganism, [{
+        type: Component,
+        args: [{
+                selector: 'organisms-textarea-section',
+                templateUrl: './textarea-section.organism.html',
+                styleUrls: ['./textarea-section.organism.scss'],
+                changeDetection: ChangeDetectionStrategy.OnPush,
+            }]
+    }], null, { label: [{
+            type: Input
+        }] }); })();
+
+class TextareaSectionModule {
+}
+TextareaSectionModule.ɵfac = function TextareaSectionModule_Factory(t) { return new (t || TextareaSectionModule)(); };
+TextareaSectionModule.ɵmod = ɵɵdefineNgModule({ type: TextareaSectionModule });
+TextareaSectionModule.ɵinj = ɵɵdefineInjector({ imports: [[
+            CommonModule,
+            // Molecules
+            TextareaFieldModule,
+        ]] });
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && ɵɵsetNgModuleScope(TextareaSectionModule, { declarations: [TextareaSectionOrganism], imports: [CommonModule,
+        // Molecules
+        TextareaFieldModule], exports: [TextareaSectionOrganism] }); })();
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && ɵsetClassMetadata(TextareaSectionModule, [{
+        type: NgModule,
+        args: [{
+                declarations: [TextareaSectionOrganism],
+                imports: [
+                    CommonModule,
+                    // Molecules
+                    TextareaFieldModule,
+                ],
+                exports: [TextareaSectionOrganism]
+            }]
+    }], null, null); })();
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TextareaSectionModule, TextareaSectionOrganism };
+//# sourceMappingURL=ng-atomic-components-organisms-textarea-section.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-organisms-textarea-section.js","sources":["../../../../libs/components/organisms/textarea-section/textarea-section.organism.ts","../../../../libs/components/organisms/textarea-section/textarea-section.organism.html","../../../../libs/components/organisms/textarea-section/textarea-section.module.ts","../../../../libs/components/organisms/textarea-section/ng-atomic-components-organisms-textarea-section.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\n\n@Component({\n  selector: 'organisms-textarea-section',\n  templateUrl: './textarea-section.organism.html',\n  styleUrls: ['./textarea-section.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TextareaSectionOrganism {\n\n  @Input()\n  label = 'label';\n\n}\n","<molecules-textarea-field\n  [label]=\"label\"\n></molecules-textarea-field>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { TextareaFieldModule } from '@ng-atomic/components/molecules/textarea-field';\nimport { TextareaSectionOrganism } from './textarea-section.organism';\n\n\n\n@NgModule({\n  declarations: [TextareaSectionOrganism],\n  imports: [\n    CommonModule,\n    // Molecules\n    TextareaFieldModule,\n  ],\n  exports: [TextareaSectionOrganism]\n})\nexport class TextareaSectionModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;MAQa,uBAAuB;IANpC;QASE,UAAK,GAAG,OAAO,CAAC;KAEjB;;8FALY,uBAAuB;gFAAvB,uBAAuB,8FCRpC,8EAE4B;oFDMf,uBAAuB;cANnC,SAAS;eAAC;gBACT,QAAQ,EAAE,4BAA4B;gBACtC,WAAW,EAAE,kCAAkC;gBAC/C,SAAS,EAAE,CAAC,kCAAkC,CAAC;gBAC/C,eAAe,EAAE,uBAAuB,CAAC,MAAM;aAChD;gBAIC,KAAK;kBADJ,KAAK;;;MEMK,qBAAqB;;0FAArB,qBAAqB;sDAArB,qBAAqB;0DAPvB;YACP,YAAY;;YAEZ,mBAAmB;SACpB;qFAGU,qBAAqB,mBARjB,uBAAuB,aAEpC,YAAY;;QAEZ,mBAAmB,aAEX,uBAAuB;oFAEtB,qBAAqB;cATjC,QAAQ;eAAC;gBACR,YAAY,EAAE,CAAC,uBAAuB,CAAC;gBACvC,OAAO,EAAE;oBACP,YAAY;;oBAEZ,mBAAmB;iBACpB;gBACD,OAAO,EAAE,CAAC,uBAAuB,CAAC;aACnC;;;ACfD;;;;;;"}

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

@@ -1,20 +1,19 @@
 import * as i0 from '@angular/core';
 import { EventEmitter, ɵɵngDeclareComponent, ChangeDetectionStrategy, ɵsetClassMetadata, Component, Input, Output, ɵɵdefineNgModule, ɵɵdefineInjector, ɵɵsetNgModuleScope, NgModule } from '@angular/core';
-import { NgIf, NgForOf, CommonModule } from '@angular/common';
+import { CommonModule } from '@angular/common';
 import { MatToolbar, MatToolbarModule } from '@angular/material/toolbar';
-import { MatButton, MatButtonModule } from '@angular/material/button';
-import { MatMenuTrigger, MatMenu, MatMenuItem, MatMenuModule } from '@angular/material/menu';
-import { MatIcon, MatIconModule } from '@angular/material/icon';
+import { MatMenuModule } from '@angular/material/menu';
+import { SmartMenuButtonAtom, SmartMenuButtonModule } from '@ng-atomic/components/atoms/smart-menu-button';
 
 class TopNavigatorOrganism {
     constructor() {
-        this.menuItems = [];
-        this.menuItemClick = new EventEmitter();
+        this.actionItems = [];
+        this.actionItemClick = new EventEmitter();
         this.id = (item) => item.id;
     }
 }
 TopNavigatorOrganism.ɵfac = function TopNavigatorOrganism_Factory(t) { return new (t || TopNavigatorOrganism)(); };
-TopNavigatorOrganism.ɵcmp = ɵɵngDeclareComponent({ version: "11.2.14", type: TopNavigatorOrganism, selector: "organisms-top-navigator", inputs: { title: "title", menuItems: "menuItems" }, outputs: { menuItemClick: "menuItemClick" }, ngImport: i0, template: "<mat-toolbar color=\"primary\">\n  <div class=\"title-container\">\n    {{ title || '' }}\n  </div>\n  <div>\n    <button mat-icon-button [matMenuTriggerFor]=\"menu\" *ngIf=\"menuItems.length\">\n      <mat-icon>menu</mat-icon>\n    </button>\n  </div>\n</mat-toolbar>\n\n<mat-menu #menu=\"matMenu\">\n  <button \n    *ngFor=\"let item of menuItems; trackBy:id\"\n    mat-menu-item \n    (click)=\"menuItemClick.emit(item)\"\n  >{{ item.name }}</button>\n</mat-menu>", styles: [":host{display:block;--primary-500-SCOPED-IN-top-navigator-cJdA:var(--primary-500);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-cJdA);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}"], directives: [{ type: MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }], changeDetection: ChangeDetectionStrategy.OnPush });
+TopNavigatorOrganism.ɵcmp = ɵɵngDeclareComponent({ version: "11.2.14", type: TopNavigatorOrganism, selector: "organisms-top-navigator", inputs: { title: "title", actionItems: "actionItems" }, outputs: { actionItemClick: "actionItemClick" }, ngImport: i0, template: "<mat-toolbar color=\"primary\">\n  <div class=\"title-container\">\n    {{ title || '' }}\n  </div>\n  <div>\n    <atoms-smart-menu-button\n      [actionItems]=\"actionItems\"\n      (actionItemClick)=\"actionItemClick.emit($event)\"\n    ></atoms-smart-menu-button>\n  </div>\n</mat-toolbar>\n", styles: [":host{display:block;--primary-500-SCOPED-IN-top-navigator-u9d5:var(--primary-500);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-u9d5);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}"], directives: [{ type: MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { type: SmartMenuButtonAtom, selector: "atoms-smart-menu-button", inputs: ["actionItems"], outputs: ["actionItemClick"] }], changeDetection: ChangeDetectionStrategy.OnPush });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && ɵsetClassMetadata(TopNavigatorOrganism, [{
         type: Component,
         args: [{
@@ -25,9 +24,9 @@ TopNavigatorOrganism.ɵcmp = ɵɵngDeclareComponent({ version: "11.2.14", type:
             }]
     }], null, { title: [{
             type: Input
-        }], menuItems: [{
+        }], actionItems: [{
             type: Input
-        }], menuItemClick: [{
+        }], actionItemClick: [{
             type: Output
         }] }); })();
 
@@ -38,17 +37,17 @@ TopNavigatorModule.ɵmod = ɵɵdefineNgModule({ type: TopNavigatorModule });
 TopNavigatorModule.ɵinj = ɵɵdefineInjector({ imports: [[
             CommonModule,
             // Material
-            MatButtonModule,
-            MatIconModule,
             MatToolbarModule,
             MatMenuModule,
+            // Atoms
+            SmartMenuButtonModule,
         ]] });
 (function () { (typeof ngJitMode === "undefined" || ngJitMode) && ɵɵsetNgModuleScope(TopNavigatorModule, { declarations: [TopNavigatorOrganism], imports: [CommonModule,
         // Material
-        MatButtonModule,
-        MatIconModule,
         MatToolbarModule,
-        MatMenuModule], exports: [TopNavigatorOrganism] }); })();
+        MatMenuModule,
+        // Atoms
+        SmartMenuButtonModule], exports: [TopNavigatorOrganism] }); })();
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && ɵsetClassMetadata(TopNavigatorModule, [{
         type: NgModule,
         args: [{
@@ -58,10 +57,10 @@ TopNavigatorModule.ɵinj = ɵɵdefineInjector({ imports: [[
                 imports: [
                     CommonModule,
                     // Material
-                    MatButtonModule,
-                    MatIconModule,
                     MatToolbarModule,
                     MatMenuModule,
+                    // Atoms
+                    SmartMenuButtonModule,
                 ],
                 exports: [
                     TopNavigatorOrganism

package/fesm2015/ng-atomic-components-organisms-top-navigator.js.map

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-organisms-top-navigator.js","sources":["../../../../libs/components/organisms/top-navigator/top-navigator.organism.ts","../../../../libs/components/organisms/top-navigator/top-navigator.organism.html","../../../../libs/components/organisms/top-navigator/top-navigator.module.ts","../../../../libs/components/organisms/top-navigator/ng-atomic-components-organisms-top-navigator.ts"],"sourcesContent":["import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy } from '@angular/core';\nimport { MenuItem } from '@ng-atomic/common/models';\n\n\n@Component({\n  selector: 'organisms-top-navigator',\n  templateUrl: './top-navigator.organism.html',\n  styleUrls: ['./top-navigator.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TopNavigatorOrganism {\n\n  @Input()\n  title?: string;\n\n  @Input()\n  menuItems: MenuItem[] = [];\n\n  @Output()\n  menuItemClick = new EventEmitter<MenuItem>();\n  \n  id = (item: {id: string}) => item.id;\n\n}\n","<mat-toolbar color=\"primary\">\n  <div class=\"title-container\">\n    {{ title || '' }}\n  </div>\n  <div>\n    <button mat-icon-button [matMenuTriggerFor]=\"menu\" *ngIf=\"menuItems.length\">\n      <mat-icon>menu</mat-icon>\n    </button>\n  </div>\n</mat-toolbar>\n\n<mat-menu #menu=\"matMenu\">\n  <button \n    *ngFor=\"let item of menuItems; trackBy:id\"\n    mat-menu-item \n    (click)=\"menuItemClick.emit(item)\"\n  >{{ item.name }}</button>\n</mat-menu>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { TopNavigatorOrganism } from './top-navigator.organism';\n\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatToolbarModule } from '@angular/material/toolbar';\nimport { MatMenuModule } from '@angular/material/menu';\n\n@NgModule({\n  declarations: [\n    TopNavigatorOrganism\n  ],\n  imports: [\n    CommonModule,\n    // Material\n    MatButtonModule,\n    MatIconModule,\n    MatToolbarModule,\n    MatMenuModule,\n  ],\n  exports: [\n    TopNavigatorOrganism\n  ]\n})\nexport class TopNavigatorModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;MAUa,oBAAoB;IANjC;QAYE,cAAS,GAAe,EAAE,CAAC;QAG3B,kBAAa,GAAG,IAAI,YAAY,EAAY,CAAC;QAE7C,OAAE,GAAG,CAAC,IAAkB,KAAK,IAAI,CAAC,EAAE,CAAC;KAEtC;;wFAbY,oBAAoB;6EAApB,oBAAoB,gKCVjC,odAiBW;oFDPE,oBAAoB;cANhC,SAAS;eAAC;gBACT,QAAQ,EAAE,yBAAyB;gBACnC,WAAW,EAAE,+BAA+B;gBAC5C,SAAS,EAAE,CAAC,+BAA+B,CAAC;gBAC5C,eAAe,EAAE,uBAAuB,CAAC,MAAM;aAChD;gBAIC,KAAK;kBADJ,KAAK;YAIN,SAAS;kBADR,KAAK;YAIN,aAAa;kBADZ,MAAM;;;MEOI,kBAAkB;;oFAAlB,kBAAkB;mDAAlB,kBAAkB;uDAZpB;YACP,YAAY;;YAEZ,eAAe;YACf,aAAa;YACb,gBAAgB;YAChB,aAAa;SACd;qFAKU,kBAAkB,mBAd3B,oBAAoB,aAGpB,YAAY;;QAEZ,eAAe;QACf,aAAa;QACb,gBAAgB;QAChB,aAAa,aAGb,oBAAoB;oFAGX,kBAAkB;cAhB9B,QAAQ;eAAC;gBACR,YAAY,EAAE;oBACZ,oBAAoB;iBACrB;gBACD,OAAO,EAAE;oBACP,YAAY;;oBAEZ,eAAe;oBACf,aAAa;oBACb,gBAAgB;oBAChB,aAAa;iBACd;gBACD,OAAO,EAAE;oBACP,oBAAoB;iBACrB;aACF;;;ACxBD;;;;;;"}
+{"version":3,"file":"ng-atomic-components-organisms-top-navigator.js","sources":["../../../../libs/components/organisms/top-navigator/top-navigator.organism.ts","../../../../libs/components/organisms/top-navigator/top-navigator.organism.html","../../../../libs/components/organisms/top-navigator/top-navigator.module.ts","../../../../libs/components/organisms/top-navigator/ng-atomic-components-organisms-top-navigator.ts"],"sourcesContent":["import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy } from '@angular/core';\nimport { ActionItem } from '@ng-atomic/common/models';\n\n\n@Component({\n  selector: 'organisms-top-navigator',\n  templateUrl: './top-navigator.organism.html',\n  styleUrls: ['./top-navigator.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TopNavigatorOrganism {\n\n  @Input()\n  title?: string;\n\n  @Input()\n  actionItems: ActionItem[] = [];\n\n  @Output()\n  actionItemClick = new EventEmitter<ActionItem>();\n  \n  id = (item: {id: string}) => item.id;\n\n}\n","<mat-toolbar color=\"primary\">\n  <div class=\"title-container\">\n    {{ title || '' }}\n  </div>\n  <div>\n    <atoms-smart-menu-button\n      [actionItems]=\"actionItems\"\n      (actionItemClick)=\"actionItemClick.emit($event)\"\n    ></atoms-smart-menu-button>\n  </div>\n</mat-toolbar>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatToolbarModule } from '@angular/material/toolbar';\nimport { MatMenuModule } from '@angular/material/menu';\nimport { SmartMenuButtonModule } from '@ng-atomic/components/atoms/smart-menu-button';\nimport { TopNavigatorOrganism } from './top-navigator.organism';\n\n@NgModule({\n  declarations: [\n    TopNavigatorOrganism\n  ],\n  imports: [\n    CommonModule,\n    // Material\n    MatToolbarModule,\n    MatMenuModule,\n    // Atoms\n    SmartMenuButtonModule,\n  ],\n  exports: [\n    TopNavigatorOrganism\n  ]\n})\nexport class TopNavigatorModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;MAUa,oBAAoB;IANjC;QAYE,gBAAW,GAAiB,EAAE,CAAC;QAG/B,oBAAe,GAAG,IAAI,YAAY,EAAc,CAAC;QAEjD,OAAE,GAAG,CAAC,IAAkB,KAAK,IAAI,CAAC,EAAE,CAAC;KAEtC;;wFAbY,oBAAoB;6EAApB,oBAAoB,wKCVjC,wSAWA;oFDDa,oBAAoB;cANhC,SAAS;eAAC;gBACT,QAAQ,EAAE,yBAAyB;gBACnC,WAAW,EAAE,+BAA+B;gBAC5C,SAAS,EAAE,CAAC,+BAA+B,CAAC;gBAC5C,eAAe,EAAE,uBAAuB,CAAC,MAAM;aAChD;gBAIC,KAAK;kBADJ,KAAK;YAIN,WAAW;kBADV,KAAK;YAIN,eAAe;kBADd,MAAM;;;MEKI,kBAAkB;;oFAAlB,kBAAkB;mDAAlB,kBAAkB;uDAZpB;YACP,YAAY;;YAEZ,gBAAgB;YAChB,aAAa;;YAEb,qBAAqB;SACtB;qFAKU,kBAAkB,mBAd3B,oBAAoB,aAGpB,YAAY;;QAEZ,gBAAgB;QAChB,aAAa;;QAEb,qBAAqB,aAGrB,oBAAoB;oFAGX,kBAAkB;cAhB9B,QAAQ;eAAC;gBACR,YAAY,EAAE;oBACZ,oBAAoB;iBACrB;gBACD,OAAO,EAAE;oBACP,YAAY;;oBAEZ,gBAAgB;oBAChB,aAAa;;oBAEb,qBAAqB;iBACtB;gBACD,OAAO,EAAE;oBACP,oBAAoB;iBACrB;aACF;;;ACtBD;;;;;;"}

package/fesm2015/ng-atomic-components-pages-blank.js

@@ -38,9 +38,20 @@ BlankModule.ɵinj = ɵɵdefineInjector({ imports: [[
             }]
     }], null, null); })();
 
+var blank_module = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    BlankModule: BlankModule
+});
+
+const BLANK_ROUTE = {
+    path: '',
+    loadChildren: () => Promise.resolve().then(function () { return blank_module; }).then(m => m.BlankModule),
+    data: { isBlank: true },
+};
+
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { BlankModule, BlankPage };
+export { BLANK_ROUTE, BlankModule, BlankPage };
 //# sourceMappingURL=ng-atomic-components-pages-blank.js.map

package/fesm2015/ng-atomic-components-pages-blank.js.map

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-pages-blank.js","sources":["../../../../libs/components/pages/blank/blank.page.ts","../../../../libs/components/pages/blank/blank.module.ts","../../../../libs/components/pages/blank/ng-atomic-components-pages-blank.ts"],"sourcesContent":["import { Component } from '@angular/core';\n\n@Component({\n  selector: 'pages-blank',\n  template:'',\n  styles: [':host { display: none }'],\n})\nexport class BlankPage { }\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { Routes, RouterModule } from '@angular/router';\nimport { BlankPage } from './blank.page';\n\nconst routes: Routes = [{path: '', component: BlankPage}];\n\n@NgModule({\n  declarations: [BlankPage],\n  imports: [\n    CommonModule,\n    RouterModule.forChild(routes)\n  ],\n  exports: [BlankPage]\n})\nexport class BlankModule { }","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;MAOa,SAAS;;kEAAT,SAAS;kEAAT,SAAS,mDAHX,EAAE;oFAGA,SAAS;cALrB,SAAS;eAAC;gBACT,QAAQ,EAAE,aAAa;gBACvB,QAAQ,EAAC,EAAE;gBACX,MAAM,EAAE,CAAC,yBAAyB,CAAC;aACpC;;;ACDD,MAAM,MAAM,GAAW,CAAC,EAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS,EAAC,CAAC,CAAC;MAU7C,WAAW;;sEAAX,WAAW;4CAAX,WAAW;gDANb;YACP,YAAY;YACZ,YAAY,CAAC,QAAQ,CAAC,MAAM,CAAC;SAC9B;qFAGU,WAAW,mBAPP,SAAS,aAEtB,YAAY,2BAGJ,SAAS;oFAER,WAAW;cARvB,QAAQ;eAAC;gBACR,YAAY,EAAE,CAAC,SAAS,CAAC;gBACzB,OAAO,EAAE;oBACP,YAAY;oBACZ,YAAY,CAAC,QAAQ,CAAC,MAAM,CAAC;iBAC9B;gBACD,OAAO,EAAE,CAAC,SAAS,CAAC;aACrB;;;ACdD;;;;;;"}
+{"version":3,"file":"ng-atomic-components-pages-blank.js","sources":["../../../../libs/components/pages/blank/blank.page.ts","../../../../libs/components/pages/blank/blank.module.ts","../../../../libs/components/pages/blank/blank.route.ts","../../../../libs/components/pages/blank/ng-atomic-components-pages-blank.ts"],"sourcesContent":["import { Component } from '@angular/core';\n\n@Component({\n  selector: 'pages-blank',\n  template:'',\n  styles: [':host { display: none }'],\n})\nexport class BlankPage { }\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { Routes, RouterModule } from '@angular/router';\nimport { BlankPage } from './blank.page';\n\nconst routes: Routes = [{path: '', component: BlankPage}];\n\n@NgModule({\n  declarations: [BlankPage],\n  imports: [\n    CommonModule,\n    RouterModule.forChild(routes)\n  ],\n  exports: [BlankPage]\n})\nexport class BlankModule { }","import { Route } from \"@angular/router\";\n\nexport const BLANK_ROUTE: Route = {\n  path: '',\n  loadChildren: () => import('./blank.module').then(m => m.BlankModule),\n  data: {isBlank: true},\n};\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;MAOa,SAAS;;kEAAT,SAAS;kEAAT,SAAS,mDAHX,EAAE;oFAGA,SAAS;cALrB,SAAS;eAAC;gBACT,QAAQ,EAAE,aAAa;gBACvB,QAAQ,EAAC,EAAE;gBACX,MAAM,EAAE,CAAC,yBAAyB,CAAC;aACpC;;;ACDD,MAAM,MAAM,GAAW,CAAC,EAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS,EAAC,CAAC,CAAC;MAU7C,WAAW;;sEAAX,WAAW;4CAAX,WAAW;gDANb;YACP,YAAY;YACZ,YAAY,CAAC,QAAQ,CAAC,MAAM,CAAC;SAC9B;qFAGU,WAAW,mBAPP,SAAS,aAEtB,YAAY,2BAGJ,SAAS;oFAER,WAAW;cARvB,QAAQ;eAAC;gBACR,YAAY,EAAE,CAAC,SAAS,CAAC;gBACzB,OAAO,EAAE;oBACP,YAAY;oBACZ,YAAY,CAAC,QAAQ,CAAC,MAAM,CAAC;iBAC9B;gBACD,OAAO,EAAE,CAAC,SAAS,CAAC;aACrB;;;;;;;;MCZY,WAAW,GAAU;IAChC,IAAI,EAAE,EAAE;IACR,YAAY,EAAE,MAAM,4DAAwB,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;IACrE,IAAI,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC;;;ACLvB;;;;;;"}

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

@@ -7,29 +7,40 @@ import { InputFieldSectionOrganism, InputFieldSectionModule } from '@ng-atomic/c
 import { SocialLoginSectionOrganism, SocialLoginSectionModule } from '@ng-atomic/components/organisms/social-login-section';
 import { AutoLayoutFrame, AutoLayoutModule } from '@ng-atomic/components/frames/auto-layout';
 import { CardFrame, CardModule } from '@ng-atomic/components/frames/card';
+import { FormGroup, FormControl } from '@ngneat/reactive-forms';
 
 class EntranceTemplate {
     constructor() {
+        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();
     }
 }
 EntranceTemplate.ɵfac = function EntranceTemplate_Factory(t) { return new (t || EntranceTemplate)(); };
-EntranceTemplate.ɵcmp = ɵɵngDeclareComponent({ version: "11.2.14", type: EntranceTemplate, selector: "templates-entrance", inputs: { isEmailSectionShown: "isEmailSectionShown", isPasswordSectionShown: "isPasswordSectionShown" }, outputs: { submitButtonClick: "submitButtonClick", signInWithGoogleButtonClick: "signInWithGoogleButtonClick" }, ngImport: i0, template: "<frames-card>\n  <frames-auto-layout vertical>\n    <organisms-heading>\u30ED\u30B0\u30A4\u30F3</organisms-heading>\n    <organisms-input-field-section\n      *ngIf=\"isEmailSectionShown\"\n      label=\"\u30E1\u30FC\u30EB\u30A2\u30C9\u30EC\u30B9\"\n    ></organisms-input-field-section>\n    <organisms-input-field-section\n      *ngIf=\"isPasswordSectionShown\"\n      label=\"\u30D1\u30B9\u30EF\u30FC\u30C9\"\n    ></organisms-input-field-section>\n    <organisms-action-buttons-section></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-4DTH:var(--horizontal-padding);--background-color:#eee;--background-color-SCOPED-IN-entrance-4DTH:var(--background-color);display:flex;justify-content:center;align-items:center;background-color:var(--background-color-SCOPED-IN-entrance-4DTH);width:100%;height:100%}:host frames-card{display:flex;flex-direction:column;width:600px;max-width:calc(100% - 32px);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}:host frames-card *{max-width:calc(100% - 32px);--horizontal-padding:var(--horizontal-padding-SCOPED-IN-entrance-4DTH)}"], directives: [{ type: CardFrame, selector: "frames-card" }, { type: AutoLayoutFrame, selector: "frames-auto-layout" }, { type: HeadingOrganism, selector: "organisms-heading", inputs: ["level"] }, { type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: InputFieldSectionOrganism, selector: "organisms-input-field-section", inputs: ["label", "placeholder", "control"] }, { type: ActionButtonsSectionOrganism, selector: "organisms-action-buttons-section", inputs: ["actionItems"], outputs: ["actionItemClick"] }, { type: SocialLoginSectionOrganism, selector: "organisms-social-login-section", outputs: ["signInWithGoogleButtonClick"] }], changeDetection: ChangeDetectionStrategy.OnPush });
+EntranceTemplate.ɵcmp = ɵɵngDeclareComponent({ version: "11.2.14", type: EntranceTemplate, selector: "templates-entrance", inputs: { form: "form", isEmailSectionShown: "isEmailSectionShown", isPasswordSectionShown: "isPasswordSectionShown", actionItems: "actionItems" }, outputs: { submitButtonClick: "submitButtonClick", signInWithGoogleButtonClick: "signInWithGoogleButtonClick" }, host: { classAttribute: "template" }, ngImport: i0, template: "<frames-card>\n  <frames-auto-layout vertical>\n    <organisms-heading>\u30ED\u30B0\u30A4\u30F3</organisms-heading>\n    <organisms-input-field-section\n      *ngIf=\"isEmailSectionShown\"\n      label=\"\u30E1\u30FC\u30EB\u30A2\u30C9\u30EC\u30B9\"\n      [control]=\"form.get('email')\"\n    ></organisms-input-field-section>\n    <organisms-input-field-section\n      *ngIf=\"isPasswordSectionShown\"\n      label=\"\u30D1\u30B9\u30EF\u30FC\u30C9\"\n      [control]=\"form.get('password')\"\n    ></organisms-input-field-section>\n    <organisms-action-buttons-section\n      [actionItems]=\"actionItems\"\n    ></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-5NH6:var(--horizontal-padding);--background-color:#eee;--background-color-SCOPED-IN-entrance-5NH6:var(--background-color);display:flex;justify-content:center;align-items:center;background-color:var(--background-color-SCOPED-IN-entrance-5NH6);width:100%;height:100%}:host frames-card{display:flex;flex-direction:column;width:600px;max-width:calc(100% - 32px);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}:host frames-card *{max-width:calc(100% - 32px);--horizontal-padding:var(--horizontal-padding-SCOPED-IN-entrance-5NH6)}"], directives: [{ type: CardFrame, selector: "frames-card" }, { type: AutoLayoutFrame, selector: "frames-auto-layout" }, { type: HeadingOrganism, selector: "organisms-heading", inputs: ["level"] }, { type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: InputFieldSectionOrganism, selector: "organisms-input-field-section", inputs: ["label", "placeholder", "type", "hint", "control"] }, { type: ActionButtonsSectionOrganism, selector: "organisms-action-buttons-section", inputs: ["actionItems"], outputs: ["actionItemClick"] }, { type: SocialLoginSectionOrganism, selector: "organisms-social-login-section", outputs: ["signInWithGoogleButtonClick"] }], changeDetection: ChangeDetectionStrategy.OnPush });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && ɵsetClassMetadata(EntranceTemplate, [{
         type: Component,
         args: [{
                 selector: 'templates-entrance',
                 templateUrl: './entrance.template.html',
                 styleUrls: ['./entrance.template.scss'],
+                host: { class: 'template' },
                 changeDetection: ChangeDetectionStrategy.OnPush,
             }]
-    }], null, { isEmailSectionShown: [{
+    }], null, { form: [{
+            type: Input
+        }], isEmailSectionShown: [{
             type: Input
         }], isPasswordSectionShown: [{
             type: Input
+        }], actionItems: [{
+            type: Input
         }], submitButtonClick: [{
             type: Output
         }], signInWithGoogleButtonClick: [{