@ng-atomic/components 1.1.0 → 1.3.0

package/esm2015/organisms/select-input-section/select-input-section.organism.js

@@ -10,7 +10,7 @@ export class SelectInputSectionOrganism {
     }
 }
 SelectInputSectionOrganism.ɵfac = function SelectInputSectionOrganism_Factory(t) { return new (t || SelectInputSectionOrganism)(); };
-SelectInputSectionOrganism.ɵcmp = i0.ɵɵ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-xWzy:var(--horizontal-padding);display:block;padding:0 var(--horizontal-padding-SCOPED-IN-select-input-section-xWzy);box-sizing:border-box}:host,:host .molecule.input-field{width:100%}"], directives: [{ type: i1.SelectInputFieldMolecule, selector: "molecules-select-input-field", inputs: ["label", "control", "options"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SelectInputSectionOrganism.ɵcmp = i0.ɵɵ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-rguN:var(--horizontal-padding);display:block;padding:0 var(--horizontal-padding-SCOPED-IN-select-input-section-rguN);box-sizing:border-box}:host,:host .molecule.input-field{width:100%}"], directives: [{ type: i1.SelectInputFieldMolecule, selector: "molecules-select-input-field", inputs: ["label", "control", "options"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SelectInputSectionOrganism, [{
         type: Component,
         args: [{

package/esm2015/organisms/smart-table/smart-table.organism.js

@@ -15,6 +15,7 @@ export 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();
@@ -24,7 +25,7 @@ export class SmartTableOrganism {
     }
 }
 SmartTableOrganism.ɵfac = function SmartTableOrganism_Factory(t) { return new (t || SmartTableOrganism)(); };
-SmartTableOrganism.ɵcmp = i0.ɵɵ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-oXLd:var(--width);--cell:8px;--cell-SCOPED-IN-smart-table-oXLd: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: i1.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i3.CheckboxColumnMolecule, selector: "molecules-checkbox-column", inputs: ["name", "selectedIdSet"], outputs: ["checkboxClick"] }, { type: i4.ActionsColumnMolecule, selector: "molecules-actions-column", inputs: ["name", "actionItems"], outputs: ["actionItemClick"] }, { type: i2.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: i5.SmartColumnMolecule, selector: "molecules-smart-column" }, { type: i1.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { type: i1.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { type: i1.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { type: i1.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "D": i6.DomainPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SmartTableOrganism.ɵcmp = i0.ɵɵ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-1VtO:var(--width);--cell:8px;--cell-SCOPED-IN-smart-table-1VtO: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: i1.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i3.CheckboxColumnMolecule, selector: "molecules-checkbox-column", inputs: ["name", "selectedIdSet"], outputs: ["checkboxClick"] }, { type: i4.ActionsColumnMolecule, selector: "molecules-actions-column", inputs: ["name", "actionItems"], outputs: ["actionItemClick"] }, { type: i2.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: i5.SmartColumnMolecule, selector: "molecules-smart-column", inputs: ["sort"], outputs: ["headerClick"] }, { type: i1.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { type: i1.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { type: i1.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { type: i1.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "D": i6.DomainPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SmartTableOrganism, [{
         type: Component,
         args: [{
@@ -46,8 +47,14 @@ SmartTableOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ version: "11.2.14", type:
             type: Input
         }], selectedIdSet: [{
             type: Input
+        }], sortKey: [{
+            type: Input
+        }], sortOrder: [{
+            type: Input
         }], actionItemClick: [{
             type: Output
+        }], headerClick: [{
+            type: Output
         }], checkboxClick: [{
             type: Output
         }], pageChange: [{

package/esm2015/organisms/smart-table/smart-table.organism.js.map

@@ -1 +1 @@
-{"version":3,"file":"smart-table.organism.js","sourceRoot":"","sources":["../../../../../../libs/components/organisms/smart-table/smart-table.organism.ts","../../../../../../libs/components/organisms/smart-table/smart-table.organism.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;;;;;;;;AAWhG,MAAM,OAAO,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;IAC3B,CAAC;;oFAPU,kBAAkB;8EAAlB,kBAAkB,sYCX/B,yhCAoBoE;uFDTvD,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","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>"]}
+{"version":3,"file":"smart-table.organism.js","sourceRoot":"","sources":["../../../../../../libs/components/organisms/smart-table/smart-table.organism.ts","../../../../../../libs/components/organisms/smart-table/smart-table.organism.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;;;;;;;;AAWhG,MAAM,OAAO,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;IAC3B,CAAC;;oFAPU,kBAAkB;8EAAlB,kBAAkB,8cCX/B,4pCA0BoE;uFDfvD,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","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>"]}

package/esm2015/organisms/social-login-section/social-login-section.organism.js

@@ -7,7 +7,7 @@ export class SocialLoginSectionOrganism {
     }
 }
 SocialLoginSectionOrganism.ɵfac = function SocialLoginSectionOrganism_Factory(t) { return new (t || SocialLoginSectionOrganism)(); };
-SocialLoginSectionOrganism.ɵcmp = i0.ɵɵ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-FUx7:var(--horizontal-padding);display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-heading-FUx7);box-sizing:border-box}:host button{width:100%;height:56px}"], directives: [{ type: i1.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: i0.ChangeDetectionStrategy.OnPush });
+SocialLoginSectionOrganism.ɵcmp = i0.ɵɵ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-fjQE:var(--horizontal-padding);display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-heading-fjQE);box-sizing:border-box}:host button{width:100%;height:56px}"], directives: [{ type: i1.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: i0.ChangeDetectionStrategy.OnPush });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SocialLoginSectionOrganism, [{
         type: Component,
         args: [{

package/esm2015/organisms/top-navigator/top-navigator.module.js

@@ -1,10 +1,9 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
-import { TopNavigatorOrganism } from './top-navigator.organism';
-import { MatButtonModule } from '@angular/material/button';
-import { MatIconModule } from '@angular/material/icon';
 import { MatToolbarModule } from '@angular/material/toolbar';
 import { MatMenuModule } from '@angular/material/menu';
+import { SmartMenuButtonModule } from '@ng-atomic/components/atoms/smart-menu-button';
+import { TopNavigatorOrganism } from './top-navigator.organism';
 import * as i0 from "@angular/core";
 export class TopNavigatorModule {
 }
@@ -13,17 +12,17 @@ TopNavigatorModule.ɵmod = i0.ɵɵdefineNgModule({ type: TopNavigatorModule });
 TopNavigatorModule.ɵinj = i0.ɵɵdefineInjector({ imports: [[
             CommonModule,
             // Material
-            MatButtonModule,
-            MatIconModule,
             MatToolbarModule,
             MatMenuModule,
+            // Atoms
+            SmartMenuButtonModule,
         ]] });
 (function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(TopNavigatorModule, { declarations: [TopNavigatorOrganism], imports: [CommonModule,
         // Material
-        MatButtonModule,
-        MatIconModule,
         MatToolbarModule,
-        MatMenuModule], exports: [TopNavigatorOrganism] }); })();
+        MatMenuModule,
+        // Atoms
+        SmartMenuButtonModule], exports: [TopNavigatorOrganism] }); })();
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TopNavigatorModule, [{
         type: NgModule,
         args: [{
@@ -33,10 +32,10 @@ TopNavigatorModule.ɵinj = i0.ɵɵdefineInjector({ imports: [[
                 imports: [
                     CommonModule,
                     // Material
-                    MatButtonModule,
-                    MatIconModule,
                     MatToolbarModule,
                     MatMenuModule,
+                    // Atoms
+                    SmartMenuButtonModule,
                 ],
                 exports: [
                     TopNavigatorOrganism

package/esm2015/organisms/top-navigator/top-navigator.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"top-navigator.module.js","sourceRoot":"","sources":["../../../../../../libs/components/organisms/top-navigator/top-navigator.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAEhE,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;;AAkBvD,MAAM,OAAO,kBAAkB;;oFAAlB,kBAAkB;sDAAlB,kBAAkB;0DAZpB;YACP,YAAY;YACZ,WAAW;YACX,eAAe;YACf,aAAa;YACb,gBAAgB;YAChB,aAAa;SACd;wFAKU,kBAAkB,mBAd3B,oBAAoB,aAGpB,YAAY;QACZ,WAAW;QACX,eAAe;QACf,aAAa;QACb,gBAAgB;QAChB,aAAa,aAGb,oBAAoB;uFAGX,kBAAkB;cAhB9B,QAAQ;eAAC;gBACR,YAAY,EAAE;oBACZ,oBAAoB;iBACrB;gBACD,OAAO,EAAE;oBACP,YAAY;oBACZ,WAAW;oBACX,eAAe;oBACf,aAAa;oBACb,gBAAgB;oBAChB,aAAa;iBACd;gBACD,OAAO,EAAE;oBACP,oBAAoB;iBACrB;aACF","sourcesContent":["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"]}
+{"version":3,"file":"top-navigator.module.js","sourceRoot":"","sources":["../../../../../../libs/components/organisms/top-navigator/top-navigator.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,qBAAqB,EAAE,MAAM,+CAA+C,CAAC;AACtF,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;;AAkBhE,MAAM,OAAO,kBAAkB;;oFAAlB,kBAAkB;sDAAlB,kBAAkB;0DAZpB;YACP,YAAY;YACZ,WAAW;YACX,gBAAgB;YAChB,aAAa;YACb,QAAQ;YACR,qBAAqB;SACtB;wFAKU,kBAAkB,mBAd3B,oBAAoB,aAGpB,YAAY;QACZ,WAAW;QACX,gBAAgB;QAChB,aAAa;QACb,QAAQ;QACR,qBAAqB,aAGrB,oBAAoB;uFAGX,kBAAkB;cAhB9B,QAAQ;eAAC;gBACR,YAAY,EAAE;oBACZ,oBAAoB;iBACrB;gBACD,OAAO,EAAE;oBACP,YAAY;oBACZ,WAAW;oBACX,gBAAgB;oBAChB,aAAa;oBACb,QAAQ;oBACR,qBAAqB;iBACtB;gBACD,OAAO,EAAE;oBACP,oBAAoB;iBACrB;aACF","sourcesContent":["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"]}

package/esm2015/organisms/top-navigator/top-navigator.organism.js

@@ -1,19 +1,16 @@
 import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy } from '@angular/core';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/material/toolbar";
-import * as i2 from "@angular/common";
-import * as i3 from "@angular/material/button";
-import * as i4 from "@angular/material/menu";
-import * as i5 from "@angular/material/icon";
+import * as i2 from "@ng-atomic/components/atoms/smart-menu-button";
 export 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 = i0.ɵɵ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-pJz3: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-pJz3);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: i1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.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: i4.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i4.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+TopNavigatorOrganism.ɵcmp = i0.ɵɵ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-GcqS: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-GcqS);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: i1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { type: i2.SmartMenuButtonAtom, selector: "atoms-smart-menu-button", inputs: ["actionItems"], outputs: ["actionItemClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TopNavigatorOrganism, [{
         type: Component,
         args: [{
@@ -24,9 +21,9 @@ TopNavigatorOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ version: "11.2.14", typ
             }]
     }], null, { title: [{
             type: Input
-        }], menuItems: [{
+        }], actionItems: [{
             type: Input
-        }], menuItemClick: [{
+        }], actionItemClick: [{
             type: Output
         }] }); })();
 //# sourceMappingURL=top-navigator.organism.js.map

package/esm2015/organisms/top-navigator/top-navigator.organism.js.map

@@ -1 +1 @@
-{"version":3,"file":"top-navigator.organism.js","sourceRoot":"","sources":["../../../../../../libs/components/organisms/top-navigator/top-navigator.organism.ts","../../../../../../libs/components/organisms/top-navigator/top-navigator.organism.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;;;;;;;AAUhG,MAAM,OAAO,oBAAoB;IANjC;QAYE,cAAS,GAAe,EAAE,CAAC;QAG3B,kBAAa,GAAG,IAAI,YAAY,EAAY,CAAC;QAE7C,OAAE,GAAG,CAAC,IAAkB,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC;KAEtC;;wFAbY,oBAAoB;gFAApB,oBAAoB,gKCVjC,odAiBW;uFDPE,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","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>"]}
+{"version":3,"file":"top-navigator.organism.js","sourceRoot":"","sources":["../../../../../../libs/components/organisms/top-navigator/top-navigator.organism.ts","../../../../../../libs/components/organisms/top-navigator/top-navigator.organism.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;;;;AAUhG,MAAM,OAAO,oBAAoB;IANjC;QAYE,gBAAW,GAAiB,EAAE,CAAC;QAG/B,oBAAe,GAAG,IAAI,YAAY,EAAc,CAAC;QAEjD,OAAE,GAAG,CAAC,IAAkB,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC;KAEtC;;wFAbY,oBAAoB;gFAApB,oBAAoB,wKCVjC,wSAWA;uFDDa,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","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"]}

package/esm2015/pages/blank/blank.route.js

@@ -0,0 +1,6 @@
+export const BLANK_ROUTE = {
+    path: '',
+    loadChildren: () => import('./blank.module').then(m => m.BlankModule),
+    data: { isBlank: true },
+};
+//# sourceMappingURL=blank.route.js.map

package/esm2015/pages/blank/blank.route.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"blank.route.js","sourceRoot":"","sources":["../../../../../../libs/components/pages/blank/blank.route.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,WAAW,GAAU;IAChC,IAAI,EAAE,EAAE;IACR,YAAY,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC;IACrE,IAAI,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC;CACtB,CAAC","sourcesContent":["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"]}

package/esm2015/pages/blank/index.js

@@ -1,3 +1,4 @@
 export * from './blank.module';
 export * from './blank.page';
+export * from './blank.route';
 //# sourceMappingURL=index.js.map

package/esm2015/pages/blank/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../libs/components/pages/blank/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC","sourcesContent":["export * from './blank.module';\nexport * from './blank.page';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../libs/components/pages/blank/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC","sourcesContent":["export * from './blank.module';\nexport * from './blank.page';\nexport * from './blank.route';\n"]}

package/esm2015/templates/entrance/entrance.template.js

@@ -1,4 +1,5 @@
 import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';
+import { FormGroup, FormControl } from '@ngneat/reactive-forms';
 import * as i0 from "@angular/core";
 import * as i1 from "@ng-atomic/components/frames/card";
 import * as i2 from "@ng-atomic/components/frames/auto-layout";
@@ -9,25 +10,38 @@ import * as i6 from "@ng-atomic/components/organisms/action-buttons-section";
 import * as i7 from "@ng-atomic/components/organisms/social-login-section";
 export 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 = i0.ɵɵngDeclareComponent({ version: "11.2.14", type: EntranceTemplate, selector: "templates-entrance", inputs: { isEmailSectionShown: "isEmailSectionShown", isPasswordSectionShown: "isPasswordSectionShown" }, outputs: { 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-wj6q:var(--horizontal-padding);--background-color:#eee;--background-color-SCOPED-IN-entrance-wj6q:var(--background-color);display:flex;justify-content:center;align-items:center;background-color:var(--background-color-SCOPED-IN-entrance-wj6q);width:100%;height:100%}:host frames-card{display:flex;flex-direction:column;width:600px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}:host frames-card *{--horizontal-padding:var(--horizontal-padding-SCOPED-IN-entrance-wj6q)}"], directives: [{ type: i1.CardFrame, selector: "frames-card" }, { type: i2.AutoLayoutFrame, selector: "frames-auto-layout" }, { type: i3.HeadingOrganism, selector: "organisms-heading" }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.InputFieldSectionOrganism, selector: "organisms-input-field-section", inputs: ["label", "placeholder", "control"] }, { type: i6.ActionButtonsSectionOrganism, selector: "organisms-action-buttons-section", inputs: ["actionItems"], outputs: ["actionItemClick"] }, { type: i7.SocialLoginSectionOrganism, selector: "organisms-social-login-section", outputs: ["signInWithGoogleButtonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+EntranceTemplate.ɵcmp = i0.ɵɵ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-pV2h:var(--horizontal-padding);--background-color:#eee;--background-color-SCOPED-IN-entrance-pV2h:var(--background-color);display:flex;justify-content:center;align-items:center;background-color:var(--background-color-SCOPED-IN-entrance-pV2h);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-pV2h)}"], directives: [{ type: i1.CardFrame, selector: "frames-card" }, { type: i2.AutoLayoutFrame, selector: "frames-auto-layout" }, { type: i3.HeadingOrganism, selector: "organisms-heading", inputs: ["level"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.InputFieldSectionOrganism, selector: "organisms-input-field-section", inputs: ["label", "placeholder", "type", "hint", "control"] }, { type: i6.ActionButtonsSectionOrganism, selector: "organisms-action-buttons-section", inputs: ["actionItems"], outputs: ["actionItemClick"] }, { type: i7.SocialLoginSectionOrganism, selector: "organisms-social-login-section", outputs: ["signInWithGoogleButtonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵ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: [{
             type: Output
         }] }); })();

package/esm2015/templates/entrance/entrance.template.js.map

@@ -1 +1 @@
-{"version":3,"file":"entrance.template.js","sourceRoot":"","sources":["../../../../../../libs/components/templates/entrance/entrance.template.ts","../../../../../../libs/components/templates/entrance/entrance.template.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;;;;;;;;;AAQhG,MAAM,OAAO,gBAAgB;IAN7B;QAQE,wBAAmB,GAAG,IAAI,CAAC;QAG3B,2BAAsB,GAAG,IAAI,CAAC;QAG9B,gCAA2B,GAAG,IAAI,YAAY,EAAQ,CAAC;KACxD;;gFATY,gBAAgB;4EAAhB,gBAAgB,6OCR7B,mtBAiBA;uFDTa,gBAAgB;cAN5B,SAAS;eAAC;gBACT,QAAQ,EAAE,oBAAoB;gBAC9B,WAAW,EAAE,0BAA0B;gBACvC,SAAS,EAAE,CAAC,0BAA0B,CAAC;gBACvC,eAAe,EAAE,uBAAuB,CAAC,MAAM;aAChD;gBAGC,mBAAmB;kBADlB,KAAK;YAIN,sBAAsB;kBADrB,KAAK;YAIN,2BAA2B;kBAD1B,MAAM","sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\n\n@Component({\n  selector: 'templates-entrance',\n  templateUrl: './entrance.template.html',\n  styleUrls: ['./entrance.template.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class EntranceTemplate {\n  @Input()\n  isEmailSectionShown = true;\n\n  @Input()\n  isPasswordSectionShown = true;\n\n  @Output()\n  signInWithGoogleButtonClick = new EventEmitter<void>();\n}\n","<frames-card>\n  <frames-auto-layout vertical>\n    <organisms-heading>ログイン</organisms-heading>\n    <organisms-input-field-section\n      *ngIf=\"isEmailSectionShown\"\n      label=\"メールアドレス\"\n    ></organisms-input-field-section>\n    <organisms-input-field-section\n      *ngIf=\"isPasswordSectionShown\"\n      label=\"パスワード\"\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"]}
+{"version":3,"file":"entrance.template.js","sourceRoot":"","sources":["../../../../../../libs/components/templates/entrance/entrance.template.ts","../../../../../../libs/components/templates/entrance/entrance.template.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAChG,OAAO,EAAE,SAAS,EAAE,WAAW,EAAC,MAAM,wBAAwB,CAAC;;;;;;;;;AAS/D,MAAM,OAAO,gBAAgB;IAP7B;QASE,SAAI,GAAG,IAAI,SAAS,CAAC;YACnB,KAAK,EAAE,IAAI,WAAW,CAAC,EAAE,CAAC;YAC1B,QAAQ,EAAE,IAAI,WAAW,CAAC,EAAE,CAAC;SAC9B,CAAC,CAAC;QAGH,wBAAmB,GAAG,IAAI,CAAC;QAG3B,2BAAsB,GAAG,IAAI,CAAC;QAG9B,gBAAW,GAAG,EAAE,CAAC;QAGjB,sBAAiB,GAAG,IAAI,YAAY,EAAQ,CAAC;QAG7C,gCAA2B,GAAG,IAAI,YAAY,EAAQ,CAAC;KACxD;;gFArBY,gBAAgB;4EAAhB,gBAAgB,qWCV7B,+0BAqBA;uFDXa,gBAAgB;cAP5B,SAAS;eAAC;gBACT,QAAQ,EAAE,oBAAoB;gBAC9B,WAAW,EAAE,0BAA0B;gBACvC,SAAS,EAAE,CAAC,0BAA0B,CAAC;gBACvC,IAAI,EAAE,EAAC,KAAK,EAAE,UAAU,EAAC;gBACzB,eAAe,EAAE,uBAAuB,CAAC,MAAM;aAChD;gBAGC,IAAI;kBADH,KAAK;YAON,mBAAmB;kBADlB,KAAK;YAIN,sBAAsB;kBADrB,KAAK;YAIN,WAAW;kBADV,KAAK;YAIN,iBAAiB;kBADhB,MAAM;YAIP,2BAA2B;kBAD1B,MAAM","sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { FormGroup, FormControl} from '@ngneat/reactive-forms';\n\n@Component({\n  selector: 'templates-entrance',\n  templateUrl: './entrance.template.html',\n  styleUrls: ['./entrance.template.scss'],\n  host: {class: 'template'},\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class EntranceTemplate {\n  @Input()\n  form = new FormGroup({\n    email: new FormControl(''),\n    password: new FormControl(''),\n  });\n\n  @Input()\n  isEmailSectionShown = true;\n\n  @Input()\n  isPasswordSectionShown = true;\n\n  @Input()\n  actionItems = [];\n\n  @Output()\n  submitButtonClick = new EventEmitter<void>();\n\n  @Output()\n  signInWithGoogleButtonClick = new EventEmitter<void>();\n}\n","<frames-card>\n  <frames-auto-layout vertical>\n    <organisms-heading>ログイン</organisms-heading>\n    <organisms-input-field-section\n      *ngIf=\"isEmailSectionShown\"\n      label=\"メールアドレス\"\n      [control]=\"form.get('email')\"\n    ></organisms-input-field-section>\n    <organisms-input-field-section\n      *ngIf=\"isPasswordSectionShown\"\n      label=\"パスワード\"\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"]}

package/esm2015/templates/menu/index.js

@@ -0,0 +1,3 @@
+export { MenuTemplate } from './menu.template';
+export { MenuModule } from './menu.module';
+//# sourceMappingURL=index.js.map

package/esm2015/templates/menu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../libs/components/templates/menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC","sourcesContent":["export { MenuTemplate } from './menu.template';\nexport { MenuModule } from './menu.module';\n"]}

package/esm2015/templates/menu/menu.module.js

@@ -0,0 +1,30 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { MenuModule as MenuOrganismModule } from '@ng-atomic/components/organisms/menu';
+import { MenuTemplate } from './menu.template';
+import * as i0 from "@angular/core";
+export class MenuModule {
+}
+MenuModule.ɵfac = function MenuModule_Factory(t) { return new (t || MenuModule)(); };
+MenuModule.ɵmod = i0.ɵɵdefineNgModule({ type: MenuModule });
+MenuModule.ɵinj = i0.ɵɵdefineInjector({ imports: [[
+            CommonModule,
+            // Organisms
+            MenuOrganismModule,
+        ]] });
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(MenuModule, { declarations: [MenuTemplate], imports: [CommonModule,
+        // Organisms
+        MenuOrganismModule], exports: [MenuTemplate] }); })();
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MenuModule, [{
+        type: NgModule,
+        args: [{
+                declarations: [MenuTemplate],
+                imports: [
+                    CommonModule,
+                    // Organisms
+                    MenuOrganismModule,
+                ],
+                exports: [MenuTemplate]
+            }]
+    }], null, null); })();
+//# sourceMappingURL=menu.module.js.map

package/esm2015/templates/menu/menu.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.module.js","sourceRoot":"","sources":["../../../../../../libs/components/templates/menu/menu.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,UAAU,IAAI,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AACxF,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;;AAW/C,MAAM,OAAO,UAAU;;oEAAV,UAAU;8CAAV,UAAU;kDAPZ;YACP,YAAY;YACZ,YAAY;YACZ,kBAAkB;SACnB;wFAGU,UAAU,mBARN,YAAY,aAEzB,YAAY;QACZ,YAAY;QACZ,kBAAkB,aAEV,YAAY;uFAEX,UAAU;cATtB,QAAQ;eAAC;gBACR,YAAY,EAAE,CAAC,YAAY,CAAC;gBAC5B,OAAO,EAAE;oBACP,YAAY;oBACZ,YAAY;oBACZ,kBAAkB;iBACnB;gBACD,OAAO,EAAE,CAAC,YAAY,CAAC;aACxB","sourcesContent":["import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MenuModule as MenuOrganismModule } from '@ng-atomic/components/organisms/menu';\nimport { MenuTemplate } from './menu.template';\n\n@NgModule({\n  declarations: [MenuTemplate],\n  imports: [\n    CommonModule,\n    // Organisms\n    MenuOrganismModule,\n  ],\n  exports: [MenuTemplate]\n})\nexport class MenuModule { }\n\n"]}

package/esm2015/templates/menu/menu.template.js

@@ -0,0 +1,25 @@
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@ng-atomic/components/organisms/menu";
+export class MenuTemplate {
+    constructor() {
+        this.actionItems = [];
+        this.actionItemClick = new EventEmitter();
+    }
+}
+MenuTemplate.ɵfac = function MenuTemplate_Factory(t) { return new (t || MenuTemplate)(); };
+MenuTemplate.ɵcmp = i0.ɵɵngDeclareComponent({ version: "11.2.14", type: MenuTemplate, selector: "templates-menu", inputs: { actionItems: "actionItems" }, outputs: { actionItemClick: "actionItemClick" }, ngImport: i0, template: "<div class=\"top\">\n  <ng-content select=[header]></ng-content>\n  <organisms-menu\n    [actionItems]=\"actionItems\"\n    (actionItemClick)=\"actionItemClick.emit($event)\"\n  ></organisms-menu>\n</div>\n<div class=\"bottom\">\n  <ng-content select=[footer]></ng-content>\n</div>", styles: [":host{--primary-color:#00f;--primary-color-SCOPED-IN-menu-kTKP:var(--primary-color);--width:100%;--width-SCOPED-IN-menu-kTKP:var(--width);--height:100%;--height-SCOPED-IN-menu-kTKP:var(--height);display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-kTKP);height:var(--height-SCOPED-IN-menu-kTKP);color:#fff;background-color:var(--primary-color-SCOPED-IN-menu-kTKP)}:host organisms-menu{transition:width .5s;--primary-color:var(--primary-color-SCOPED-IN-menu-kTKP)}"], directives: [{ type: i1.MenuOrganism, selector: "organisms-menu", inputs: ["actionItems"], outputs: ["actionItemClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MenuTemplate, [{
+        type: Component,
+        args: [{
+                selector: 'templates-menu',
+                templateUrl: './menu.template.html',
+                styleUrls: ['./menu.template.scss'],
+                changeDetection: ChangeDetectionStrategy.OnPush,
+            }]
+    }], null, { actionItems: [{
+            type: Input
+        }], actionItemClick: [{
+            type: Output
+        }] }); })();
+//# sourceMappingURL=menu.template.js.map

package/esm2015/templates/menu/menu.template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.template.js","sourceRoot":"","sources":["../../../../../../libs/components/templates/menu/menu.template.ts","../../../../../../libs/components/templates/menu/menu.template.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;;;AAShG,MAAM,OAAO,YAAY;IANzB;QASE,gBAAW,GAAiB,EAAE,CAAC;QAG/B,oBAAe,GAAG,IAAI,YAAY,EAAgB,CAAC;KAEpD;;wEARY,YAAY;wEAAZ,YAAY,+ICTzB,2RASM;uFDAO,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","sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { ActionItem } from '@ng-atomic/common/models';\n\n@Component({\n  selector: 'templates-menu',\n  templateUrl: './menu.template.html',\n  styleUrls: ['./menu.template.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MenuTemplate {\n\n  @Input()\n  actionItems: ActionItem[] = [];\n\n  @Output()\n  actionItemClick = new EventEmitter<[ActionItem]>();\n\n}\n","<div class=\"top\">\n  <ng-content select=[header]></ng-content>\n  <organisms-menu\n    [actionItems]=\"actionItems\"\n    (actionItemClick)=\"actionItemClick.emit($event)\"\n  ></organisms-menu>\n</div>\n<div class=\"bottom\">\n  <ng-content select=[footer]></ng-content>\n</div>"]}

package/esm2015/templates/menu/ng-atomic-components-templates-menu.js

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=ng-atomic-components-templates-menu.js.map

package/esm2015/templates/menu/ng-atomic-components-templates-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-templates-menu.js","sourceRoot":"","sources":["../../../../../../libs/components/templates/menu/ng-atomic-components-templates-menu.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,SAAS,CAAC","sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"]}

package/esm2015/templates/smart-crud/smart-crud.template.js

@@ -45,7 +45,7 @@ export class SmartCrudTemplate {
     }
 }
 SmartCrudTemplate.ɵfac = function SmartCrudTemplate_Factory(t) { return new (t || SmartCrudTemplate)(); };
-SmartCrudTemplate.ɵcmp = i0.ɵɵngDeclareComponent({ version: "11.2.14", type: SmartCrudTemplate, selector: "templates-smart-crud", inputs: { canBack: "canBack", name: "name", form: "form", mode: "mode", menuActionItems: "menuActionItems" }, outputs: { actionItemClick: "actionItemClick", backButtonClick: "backButtonClick", createButtonClick: "createButtonClick", updateButtonClick: "updateButtonClick" }, host: { classAttribute: "template" }, ngImport: i0, template: "<frames-scroll>\n  <organisms-back-navigator \n    [actionItems]=\"menuActionItems\"\n    [canBack]=\"canBack\"\n    [title]=\"title\"\n    (actionItemClick)=\"actionItemClick.emit($event)\"\n    (backButtonClick)=\"backButtonClick.emit()\"\n    navigator\n  ></organisms-back-navigator>\n  <frames-auto-layout vertical contents>\n    <ng-container *ngFor=\"let entry of controls; trackBy:trackByIndex\" [ngSwitch]=\"(entry[0] | smartField)?.type\">\n      <organisms-select-input-section\n        *ngSwitchCase=\"'select'\"\n        [label]=\"entry[0] | D\"\n        [control]=\"entry[1]\"\n        [options]=\"(entry[0] | smartField)?.options\"\n      ></organisms-select-input-section>\n      <organisms-date-input-section\n        *ngSwitchCase=\"'date'\"\n        [label]=\"entry[0] | D\"\n        [control]=\"entry[1]\"\n      ></organisms-date-input-section>\n      <organisms-input-field-section\n        *ngSwitchDefault\n        [label]=\"entry[0] | D\"\n        [control]=\"entry[1]\"\n      ></organisms-input-field-section>\n    </ng-container>\n    <organisms-action-buttons-section\n      [actionItems]=\"actionItems\"\n      (actionItemClick)=\"onActionButtonClick($event)\"\n    ></organisms-action-buttons-section>\n  </frames-auto-layout>\n</frames-scroll>", styles: [":host{--horizontal-padding:16px;--horizontal-padding-SCOPED-IN-smart-crud-G1wv:var(--horizontal-padding);--vertical-padding:24px;--vertical-padding-SCOPED-IN-smart-crud-G1wv:var(--vertical-padding);--gap:16px;--gap-SCOPED-IN-smart-crud-G1wv:var(--gap);display:block;width:100%;height:100%;background:#fff}:host frames-auto-layout{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;--gap:var(--gap-SCOPED-IN-smart-crud-G1wv);--vertical-padding:var(--vertical-padding-SCOPED-IN-smart-crud-G1wv)}:host frames-auto-layout *{--horizontal-padding:var(--horizontal-padding-SCOPED-IN-smart-crud-G1wv)}"], directives: [{ type: i1.ScrollFrame, selector: "frames-scroll" }, { type: i2.BackNavigatorOrganism, selector: "organisms-back-navigator", inputs: ["canBack", "title", "actionItems"], outputs: ["backButtonClick", "actionItemClick"] }, { type: i3.AutoLayoutFrame, selector: "frames-auto-layout" }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i4.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i5.SelectInputSectionOrganism, selector: "organisms-select-input-section", inputs: ["label", "control", "options"] }, { type: i6.DateInputSectionOrganism, selector: "organisms-date-input-section", inputs: ["control", "label", "placeholder"] }, { type: i4.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: i7.InputFieldSectionOrganism, selector: "organisms-input-field-section", inputs: ["label", "placeholder", "control"] }, { type: i8.ActionButtonsSectionOrganism, selector: "organisms-action-buttons-section", inputs: ["actionItems"], outputs: ["actionItemClick"] }], pipes: { "smartField": i9.SmartFieldPipe, "D": i9.DomainPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SmartCrudTemplate.ɵcmp = i0.ɵɵngDeclareComponent({ version: "11.2.14", type: SmartCrudTemplate, selector: "templates-smart-crud", inputs: { canBack: "canBack", name: "name", form: "form", mode: "mode", menuActionItems: "menuActionItems" }, outputs: { actionItemClick: "actionItemClick", backButtonClick: "backButtonClick", createButtonClick: "createButtonClick", updateButtonClick: "updateButtonClick" }, host: { classAttribute: "template" }, ngImport: i0, template: "<frames-scroll>\n  <organisms-back-navigator \n    [actionItems]=\"menuActionItems\"\n    [canBack]=\"canBack\"\n    [title]=\"title\"\n    (actionItemClick)=\"actionItemClick.emit($event)\"\n    (backButtonClick)=\"backButtonClick.emit()\"\n    navigator\n  ></organisms-back-navigator>\n  <frames-auto-layout vertical contents>\n    <ng-container *ngFor=\"let entry of controls; trackBy:trackByIndex\" [ngSwitch]=\"(entry[0] | smartField)?.type\">\n      <organisms-select-input-section\n        *ngSwitchCase=\"'select'\"\n        [label]=\"entry[0] | D\"\n        [control]=\"entry[1]\"\n        [options]=\"(entry[0] | smartField)?.options\"\n      ></organisms-select-input-section>\n      <organisms-date-input-section\n        *ngSwitchCase=\"'date'\"\n        [label]=\"entry[0] | D\"\n        [control]=\"entry[1]\"\n      ></organisms-date-input-section>\n      <organisms-input-field-section\n        *ngSwitchCase=\"'number'\"\n        [type]=\"'number'\"\n        [label]=\"entry[0] | D\"\n        [control]=\"entry[1]\"\n      ></organisms-input-field-section>\n      <organisms-input-field-section\n        *ngSwitchDefault\n        [label]=\"entry[0] | D\"\n        [control]=\"entry[1]\"\n      ></organisms-input-field-section>\n    </ng-container>\n    <organisms-action-buttons-section\n      [actionItems]=\"actionItems\"\n      (actionItemClick)=\"onActionButtonClick($event)\"\n    ></organisms-action-buttons-section>\n  </frames-auto-layout>\n</frames-scroll>", styles: [":host{--horizontal-padding:16px;--horizontal-padding-SCOPED-IN-smart-crud-RZVS:var(--horizontal-padding);--vertical-padding:24px;--vertical-padding-SCOPED-IN-smart-crud-RZVS:var(--vertical-padding);--gap:16px;--gap-SCOPED-IN-smart-crud-RZVS:var(--gap);display:block;width:100%;height:100%;background:#fff}:host frames-auto-layout{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;--gap:var(--gap-SCOPED-IN-smart-crud-RZVS);--vertical-padding:var(--vertical-padding-SCOPED-IN-smart-crud-RZVS)}:host frames-auto-layout *{--horizontal-padding:var(--horizontal-padding-SCOPED-IN-smart-crud-RZVS)}"], directives: [{ type: i1.ScrollFrame, selector: "frames-scroll" }, { type: i2.BackNavigatorOrganism, selector: "organisms-back-navigator", inputs: ["canBack", "title", "description", "actionItems"], outputs: ["backButtonClick", "actionItemClick"] }, { type: i3.AutoLayoutFrame, selector: "frames-auto-layout" }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i4.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i5.SelectInputSectionOrganism, selector: "organisms-select-input-section", inputs: ["label", "control", "options"] }, { type: i6.DateInputSectionOrganism, selector: "organisms-date-input-section", inputs: ["control", "label", "placeholder"] }, { type: i7.InputFieldSectionOrganism, selector: "organisms-input-field-section", inputs: ["label", "placeholder", "type", "hint", "control"] }, { type: i4.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: i8.ActionButtonsSectionOrganism, selector: "organisms-action-buttons-section", inputs: ["actionItems"], outputs: ["actionItemClick"] }], pipes: { "smartField": i9.SmartFieldPipe, "D": i9.DomainPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SmartCrudTemplate, [{
         type: Component,
         args: [{

package/esm2015/templates/smart-crud/smart-crud.template.js.map

@@ -1 +1 @@
-{"version":3,"file":"smart-crud.template.js","sourceRoot":"","sources":["../../../../../../libs/components/templates/smart-crud/smart-crud.template.ts","../../../../../../libs/components/templates/smart-crud/smart-crud.template.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAEhG,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;;;;;;;;;;;AASnD,MAAM,OAAO,iBAAiB;IAP9B;QAUE,YAAO,GAAG,KAAK,CAAC;QAGhB,SAAI,GAAW,EAAE,CAAC;QAMlB,SAAI,GAAwB,QAAQ,CAAC;QAGrC,oBAAe,GAAiB,EAAE,CAAC;QAGnC,oBAAe,GAAG,IAAI,YAAY,EAAmB,CAAC;QAGtD,oBAAe,GAAG,IAAI,YAAY,EAAE,CAAC;QAGrC,sBAAiB,GAAG,IAAI,YAAY,EAAQ,CAAC;QAG7C,sBAAiB,GAAG,IAAI,YAAY,EAAQ,CAAC;QAoB7C,iBAAY,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,KAAK,CAAC;KAQzC;IA1BC,IAAI,KAAK;QACP,QAAQ,IAAI,CAAC,IAAI,EAAE;YACjB,KAAK,QAAQ,CAAC,CAAC,OAAO,GAAG,IAAI,CAAC,IAAI,KAAK,CAAC;YACxC,KAAK,QAAQ,CAAC,CAAC,OAAO,GAAG,IAAI,CAAC,IAAI,KAAK,CAAC;SACzC;IACH,CAAC;IAED,IAAI,WAAW;QACb,QAAQ,IAAI,CAAC,IAAI,EAAE;YACjB,KAAK,QAAQ,CAAC,CAAC,OAAO,CAAC,EAAC,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAC,CAAC,CAAC;YACnD,KAAK,QAAQ,CAAC,CAAC,OAAO,CAAC,EAAC,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAC,CAAC,CAAC;SACpD;IACH,CAAC;IAED,IAAI,QAAQ;QACV,OAAO,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAC5C,CAAC;IAID,mBAAmB,CAAC,CAAC,EAAC,EAAE,EAAC,CAAe;QACtC,QAAO,EAAE,EAAE;YACT,KAAK,QAAQ,CAAC,CAAC,OAAO,IAAI,CAAC,iBAAiB,CAAC,IAAI,EAAE,CAAC;YACpD,KAAK,QAAQ,CAAC,CAAC,OAAO,IAAI,CAAC,iBAAiB,CAAC,IAAI,EAAE,CAAC;SACrD;IACH,CAAC;;kFAtDU,iBAAiB;6EAAjB,iBAAiB,qXCX9B,6vCAiCgB;uFDtBH,iBAAiB;cAP7B,SAAS;eAAC;gBACT,QAAQ,EAAE,sBAAsB;gBAChC,WAAW,EAAE,4BAA4B;gBACzC,SAAS,EAAE,CAAC,4BAA4B,CAAC;gBACzC,eAAe,EAAE,uBAAuB,CAAC,MAAM;gBAC/C,IAAI,EAAE,EAAC,KAAK,EAAE,UAAU,EAAC;aAC1B;gBAIC,OAAO;kBADN,KAAK;YAIN,IAAI;kBADH,KAAK;YAIN,IAAI;kBADH,KAAK;YAIN,IAAI;kBADH,KAAK;YAIN,eAAe;kBADd,KAAK;YAIN,eAAe;kBADd,MAAM;YAIP,eAAe;kBADd,MAAM;YAIP,iBAAiB;kBADhB,MAAM;YAIP,iBAAiB;kBADhB,MAAM","sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { ActionItem, ActionItemEvent } from '@ng-atomic/common/models';\nimport { FormGroup } from '@ngneat/reactive-forms';\n\n@Component({\n  selector: 'templates-smart-crud',\n  templateUrl: './smart-crud.template.html',\n  styleUrls: ['./smart-crud.template.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {class: 'template'},\n})\nexport class SmartCrudTemplate {\n\n  @Input()\n  canBack = false;\n\n  @Input()\n  name: string = '';\n\n  @Input()\n  form!: FormGroup<any>;\n\n  @Input()\n  mode: 'create' | 'update' = 'create';\n\n  @Input()\n  menuActionItems: ActionItem[] = [];\n\n  @Output()\n  actionItemClick = new EventEmitter<ActionItemEvent>();\n\n  @Output()\n  backButtonClick = new EventEmitter();\n\n  @Output()\n  createButtonClick = new EventEmitter<void>();\n\n  @Output()\n  updateButtonClick = new EventEmitter<void>();\n\n  get title(): string {\n    switch (this.mode) {\n      case 'create': return `${this.name}の作成`;\n      case 'update': return `${this.name}の更新`;\n    }\n  }\n\n  get actionItems(): ActionItem[] {\n    switch (this.mode) {\n      case 'create': return [{id: 'create', name: '作成'}];\n      case 'update': return [{id: 'update', name: '更新'}];\n    }\n  }\n\n  get controls() {\n    return Object.entries(this.form.controls);\n  }\n\n  trackByIndex = (index: number) => index;\n\n  onActionButtonClick([{id}]: [ActionItem]): void {\n    switch(id) {\n      case 'create': return this.createButtonClick.emit();\n      case 'update': return this.updateButtonClick.emit();\n    }\n  }\n}\n","<frames-scroll>\n  <organisms-back-navigator \n    [actionItems]=\"menuActionItems\"\n    [canBack]=\"canBack\"\n    [title]=\"title\"\n    (actionItemClick)=\"actionItemClick.emit($event)\"\n    (backButtonClick)=\"backButtonClick.emit()\"\n    navigator\n  ></organisms-back-navigator>\n  <frames-auto-layout vertical contents>\n    <ng-container *ngFor=\"let entry of controls; trackBy:trackByIndex\" [ngSwitch]=\"(entry[0] | smartField)?.type\">\n      <organisms-select-input-section\n        *ngSwitchCase=\"'select'\"\n        [label]=\"entry[0] | D\"\n        [control]=\"entry[1]\"\n        [options]=\"(entry[0] | smartField)?.options\"\n      ></organisms-select-input-section>\n      <organisms-date-input-section\n        *ngSwitchCase=\"'date'\"\n        [label]=\"entry[0] | D\"\n        [control]=\"entry[1]\"\n      ></organisms-date-input-section>\n      <organisms-input-field-section\n        *ngSwitchDefault\n        [label]=\"entry[0] | D\"\n        [control]=\"entry[1]\"\n      ></organisms-input-field-section>\n    </ng-container>\n    <organisms-action-buttons-section\n      [actionItems]=\"actionItems\"\n      (actionItemClick)=\"onActionButtonClick($event)\"\n    ></organisms-action-buttons-section>\n  </frames-auto-layout>\n</frames-scroll>"]}
+{"version":3,"file":"smart-crud.template.js","sourceRoot":"","sources":["../../../../../../libs/components/templates/smart-crud/smart-crud.template.ts","../../../../../../libs/components/templates/smart-crud/smart-crud.template.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAEhG,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;;;;;;;;;;;AASnD,MAAM,OAAO,iBAAiB;IAP9B;QAUE,YAAO,GAAG,KAAK,CAAC;QAGhB,SAAI,GAAW,EAAE,CAAC;QAMlB,SAAI,GAAwB,QAAQ,CAAC;QAGrC,oBAAe,GAAiB,EAAE,CAAC;QAGnC,oBAAe,GAAG,IAAI,YAAY,EAAmB,CAAC;QAGtD,oBAAe,GAAG,IAAI,YAAY,EAAE,CAAC;QAGrC,sBAAiB,GAAG,IAAI,YAAY,EAAQ,CAAC;QAG7C,sBAAiB,GAAG,IAAI,YAAY,EAAQ,CAAC;QAoB7C,iBAAY,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,KAAK,CAAC;KAQzC;IA1BC,IAAI,KAAK;QACP,QAAQ,IAAI,CAAC,IAAI,EAAE;YACjB,KAAK,QAAQ,CAAC,CAAC,OAAO,GAAG,IAAI,CAAC,IAAI,KAAK,CAAC;YACxC,KAAK,QAAQ,CAAC,CAAC,OAAO,GAAG,IAAI,CAAC,IAAI,KAAK,CAAC;SACzC;IACH,CAAC;IAED,IAAI,WAAW;QACb,QAAQ,IAAI,CAAC,IAAI,EAAE;YACjB,KAAK,QAAQ,CAAC,CAAC,OAAO,CAAC,EAAC,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAC,CAAC,CAAC;YACnD,KAAK,QAAQ,CAAC,CAAC,OAAO,CAAC,EAAC,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAC,CAAC,CAAC;SACpD;IACH,CAAC;IAED,IAAI,QAAQ;QACV,OAAO,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAC5C,CAAC;IAID,mBAAmB,CAAC,CAAC,EAAC,EAAE,EAAC,CAAe;QACtC,QAAO,EAAE,EAAE;YACT,KAAK,QAAQ,CAAC,CAAC,OAAO,IAAI,CAAC,iBAAiB,CAAC,IAAI,EAAE,CAAC;YACpD,KAAK,QAAQ,CAAC,CAAC,OAAO,IAAI,CAAC,iBAAiB,CAAC,IAAI,EAAE,CAAC;SACrD;IACH,CAAC;;kFAtDU,iBAAiB;6EAAjB,iBAAiB,qXCX9B,+8CAuCgB;uFD5BH,iBAAiB;cAP7B,SAAS;eAAC;gBACT,QAAQ,EAAE,sBAAsB;gBAChC,WAAW,EAAE,4BAA4B;gBACzC,SAAS,EAAE,CAAC,4BAA4B,CAAC;gBACzC,eAAe,EAAE,uBAAuB,CAAC,MAAM;gBAC/C,IAAI,EAAE,EAAC,KAAK,EAAE,UAAU,EAAC;aAC1B;gBAIC,OAAO;kBADN,KAAK;YAIN,IAAI;kBADH,KAAK;YAIN,IAAI;kBADH,KAAK;YAIN,IAAI;kBADH,KAAK;YAIN,eAAe;kBADd,KAAK;YAIN,eAAe;kBADd,MAAM;YAIP,eAAe;kBADd,MAAM;YAIP,iBAAiB;kBADhB,MAAM;YAIP,iBAAiB;kBADhB,MAAM","sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { ActionItem, ActionItemEvent } from '@ng-atomic/common/models';\nimport { FormGroup } from '@ngneat/reactive-forms';\n\n@Component({\n  selector: 'templates-smart-crud',\n  templateUrl: './smart-crud.template.html',\n  styleUrls: ['./smart-crud.template.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {class: 'template'},\n})\nexport class SmartCrudTemplate {\n\n  @Input()\n  canBack = false;\n\n  @Input()\n  name: string = '';\n\n  @Input()\n  form!: FormGroup<any>;\n\n  @Input()\n  mode: 'create' | 'update' = 'create';\n\n  @Input()\n  menuActionItems: ActionItem[] = [];\n\n  @Output()\n  actionItemClick = new EventEmitter<ActionItemEvent>();\n\n  @Output()\n  backButtonClick = new EventEmitter();\n\n  @Output()\n  createButtonClick = new EventEmitter<void>();\n\n  @Output()\n  updateButtonClick = new EventEmitter<void>();\n\n  get title(): string {\n    switch (this.mode) {\n      case 'create': return `${this.name}の作成`;\n      case 'update': return `${this.name}の更新`;\n    }\n  }\n\n  get actionItems(): ActionItem[] {\n    switch (this.mode) {\n      case 'create': return [{id: 'create', name: '作成'}];\n      case 'update': return [{id: 'update', name: '更新'}];\n    }\n  }\n\n  get controls() {\n    return Object.entries(this.form.controls);\n  }\n\n  trackByIndex = (index: number) => index;\n\n  onActionButtonClick([{id}]: [ActionItem]): void {\n    switch(id) {\n      case 'create': return this.createButtonClick.emit();\n      case 'update': return this.updateButtonClick.emit();\n    }\n  }\n}\n","<frames-scroll>\n  <organisms-back-navigator \n    [actionItems]=\"menuActionItems\"\n    [canBack]=\"canBack\"\n    [title]=\"title\"\n    (actionItemClick)=\"actionItemClick.emit($event)\"\n    (backButtonClick)=\"backButtonClick.emit()\"\n    navigator\n  ></organisms-back-navigator>\n  <frames-auto-layout vertical contents>\n    <ng-container *ngFor=\"let entry of controls; trackBy:trackByIndex\" [ngSwitch]=\"(entry[0] | smartField)?.type\">\n      <organisms-select-input-section\n        *ngSwitchCase=\"'select'\"\n        [label]=\"entry[0] | D\"\n        [control]=\"entry[1]\"\n        [options]=\"(entry[0] | smartField)?.options\"\n      ></organisms-select-input-section>\n      <organisms-date-input-section\n        *ngSwitchCase=\"'date'\"\n        [label]=\"entry[0] | D\"\n        [control]=\"entry[1]\"\n      ></organisms-date-input-section>\n      <organisms-input-field-section\n        *ngSwitchCase=\"'number'\"\n        [type]=\"'number'\"\n        [label]=\"entry[0] | D\"\n        [control]=\"entry[1]\"\n      ></organisms-input-field-section>\n      <organisms-input-field-section\n        *ngSwitchDefault\n        [label]=\"entry[0] | D\"\n        [control]=\"entry[1]\"\n      ></organisms-input-field-section>\n    </ng-container>\n    <organisms-action-buttons-section\n      [actionItems]=\"actionItems\"\n      (actionItemClick)=\"onActionButtonClick($event)\"\n    ></organisms-action-buttons-section>\n  </frames-auto-layout>\n</frames-scroll>"]}

package/esm2015/templates/smart-index/smart-index.template.js

@@ -6,7 +6,8 @@ import * as i1 from "@ng-atomic/components/frames/scroll";
 import * as i2 from "@ng-atomic/components/organisms/back-navigator";
 import * as i3 from "@ng-atomic/components/frames/auto-layout";
 import * as i4 from "@ng-atomic/components/organisms/smart-table";
-import * as i5 from "@ng-atomic/components/organisms/paginator";
+import * as i5 from "@angular/common";
+import * as i6 from "@ng-atomic/components/organisms/paginator";
 export class Page {
     static fromObj(event = { pageSize: 50, pageIndex: 0, length: 100 }) {
         return Object.assign(new Page(), event);
@@ -31,15 +32,22 @@ export class SmartIndexTemplate {
         this.menuActionItems = [];
         this.properties = [];
         this.selectedIdSet = new Set();
+        this.page = {
+            pageIndex: 0,
+            pageSize: 20,
+            length: 100,
+        };
+        this.pageSizeOptions = [5, 10, 25, 100];
         this.queryPlaceholder = '';
         this.actionItemClick = new EventEmitter();
         this.backButtonClick = new EventEmitter();
         this.checkboxClick = new EventEmitter();
         this.pageChange = new EventEmitter();
+        this.tableHeaderClick = new EventEmitter();
     }
 }
 SmartIndexTemplate.ɵfac = function SmartIndexTemplate_Factory(t) { return new (t || SmartIndexTemplate)(); };
-SmartIndexTemplate.ɵcmp = i0.ɵɵngDeclareComponent({ version: "11.2.14", type: SmartIndexTemplate, selector: "templates-smart-index", inputs: { canBack: "canBack", queryControl: "queryControl", title: "title", items: "items", actionItems: "actionItems", menuActionItems: "menuActionItems", properties: "properties", selectedIdSet: "selectedIdSet", page: "page", queryPlaceholder: "queryPlaceholder" }, outputs: { actionItemClick: "actionItemClick", backButtonClick: "backButtonClick", checkboxClick: "checkboxClick", pageChange: "pageChange" }, host: { classAttribute: "template" }, ngImport: i0, template: "<frames-scroll>\n  <organisms-back-navigator\n    [canBack]=\"canBack\"\n    [title]=\"title\"    \n    [actionItems]=\"menuActionItems\"\n    (actionItemClick)=\"actionItemClick.emit($event)\"\n    (backButtonClick)=\"backButtonClick.emit()\"\n    navigator\n  ></organisms-back-navigator>\n  <frames-auto-layout vertical contents>\n    <organisms-smart-table\n      [items]=\"items\"\n      [actionItems]=\"actionItems\"\n      [columns]=\"properties\"\n      [selectedIdSet]=\"selectedIdSet\"\n      (actionItemClick)=\"actionItemClick.emit($event)\"\n      (checkboxClick)=\"checkboxClick.emit($event)\"\n    ></organisms-smart-table>\n    <organisms-paginator\n      [control]=\"queryControl\"\n      [page]=\"page\"\n      [placeholder]=\"queryPlaceholder\"\n      (pageChange)=\"pageChange.emit($event)\"\n    ></organisms-paginator>\n  </frames-auto-layout>\n</frames-scroll>", styles: [":host{--navigator-height:56px;--navigator-height-SCOPED-IN-smart-index-J07o:var(--navigator-height);width:100%;height:100%;background:#fff;display:block}:host frames-auto-layout{--gap:0;--vertical-padding:0}"], directives: [{ type: i1.ScrollFrame, selector: "frames-scroll" }, { type: i2.BackNavigatorOrganism, selector: "organisms-back-navigator", inputs: ["canBack", "title", "actionItems"], outputs: ["backButtonClick", "actionItemClick"] }, { type: i3.AutoLayoutFrame, selector: "frames-auto-layout" }, { type: i4.SmartTableOrganism, selector: "organisms-smart-table", inputs: ["columns", "items", "patientsSize", "pageSize", "actionItems", "selectedIdSet"], outputs: ["actionItemClick", "checkboxClick", "pageChange", "itemCheck"] }, { type: i5.PaginatorOrganism, selector: "organisms-paginator", inputs: ["control", "placeholder", "page", "pageSizeOptions"], outputs: ["pageChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SmartIndexTemplate.ɵcmp = i0.ɵɵngDeclareComponent({ version: "11.2.14", type: SmartIndexTemplate, selector: "templates-smart-index", inputs: { canBack: "canBack", queryControl: "queryControl", title: "title", description: "description", items: "items", actionItems: "actionItems", menuActionItems: "menuActionItems", properties: "properties", selectedIdSet: "selectedIdSet", sortKey: "sortKey", sortOrder: "sortOrder", page: "page", pageSizeOptions: "pageSizeOptions", queryPlaceholder: "queryPlaceholder" }, outputs: { actionItemClick: "actionItemClick", backButtonClick: "backButtonClick", checkboxClick: "checkboxClick", pageChange: "pageChange", tableHeaderClick: "tableHeaderClick" }, host: { classAttribute: "template" }, ngImport: i0, template: "<frames-scroll>\n  <organisms-back-navigator\n    [canBack]=\"canBack\"\n    [title]=\"title\"\n    [description]=\"description\"\n    [actionItems]=\"menuActionItems\"\n    (actionItemClick)=\"actionItemClick.emit($event)\"\n    (backButtonClick)=\"backButtonClick.emit()\"\n    navigator\n  ></organisms-back-navigator>\n  <frames-auto-layout vertical contents>\n    <organisms-smart-table\n      [items]=\"items\"\n      [actionItems]=\"actionItems\"\n      [columns]=\"properties\"\n      [selectedIdSet]=\"selectedIdSet\"\n      [sortKey]=\"sortKey\"\n      [sortOrder]=\"sortOrder\"\n      (actionItemClick)=\"actionItemClick.emit($event)\"\n      (checkboxClick)=\"checkboxClick.emit($event)\"\n      (headerClick)=\"tableHeaderClick.emit($event)\"\n    ></organisms-smart-table>\n    <organisms-paginator\n      *ngIf=\"page\"\n      [control]=\"queryControl\"\n      [page]=\"page\"\n      [pageSizeOptions]=\"pageSizeOptions\"\n      [placeholder]=\"queryPlaceholder\"\n      (pageChange)=\"pageChange.emit($event)\"\n    ></organisms-paginator>\n  </frames-auto-layout>\n</frames-scroll>", styles: [":host{--navigator-height:56px;--navigator-height-SCOPED-IN-smart-index-Z3oK:var(--navigator-height);width:100%;height:100%;background:#fff;display:block}:host frames-auto-layout{--gap:0;--vertical-padding:0}"], directives: [{ type: i1.ScrollFrame, selector: "frames-scroll" }, { type: i2.BackNavigatorOrganism, selector: "organisms-back-navigator", inputs: ["canBack", "title", "description", "actionItems"], outputs: ["backButtonClick", "actionItemClick"] }, { type: i3.AutoLayoutFrame, selector: "frames-auto-layout" }, { type: i4.SmartTableOrganism, selector: "organisms-smart-table", inputs: ["columns", "items", "patientsSize", "pageSize", "actionItems", "selectedIdSet", "sortKey", "sortOrder"], outputs: ["actionItemClick", "headerClick", "checkboxClick", "pageChange", "itemCheck"] }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.PaginatorOrganism, selector: "organisms-paginator", inputs: ["control", "placeholder", "page", "pageSizeOptions"], outputs: ["pageChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SmartIndexTemplate, [{
         type: Component,
         args: [{
@@ -55,6 +63,8 @@ SmartIndexTemplate.ɵcmp = i0.ɵɵngDeclareComponent({ version: "11.2.14", type:
             type: Input
         }], title: [{
             type: Input
+        }], description: [{
+            type: Input
         }], items: [{
             type: Input
         }], actionItems: [{
@@ -65,8 +75,14 @@ SmartIndexTemplate.ɵcmp = i0.ɵɵngDeclareComponent({ version: "11.2.14", type:
             type: Input
         }], selectedIdSet: [{
             type: Input
+        }], sortKey: [{
+            type: Input
+        }], sortOrder: [{
+            type: Input
         }], page: [{
             type: Input
+        }], pageSizeOptions: [{
+            type: Input
         }], queryPlaceholder: [{
             type: Input
         }], actionItemClick: [{
@@ -77,5 +93,7 @@ SmartIndexTemplate.ɵcmp = i0.ɵɵngDeclareComponent({ version: "11.2.14", type:
             type: Output
         }], pageChange: [{
             type: Output
+        }], tableHeaderClick: [{
+            type: Output
         }] }); })();
 //# sourceMappingURL=smart-index.template.js.map

package/esm2015/templates/smart-index/smart-index.template.js.map

@@ -1 +1 @@
-{"version":3,"file":"smart-index.template.js","sourceRoot":"","sources":["../../../../../../libs/components/templates/smart-index/smart-index.template.ts","../../../../../../libs/components/templates/smart-index/smart-index.template.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAChG,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAExD,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;;;;;;;AAIrD,MAAM,OAAO,IAAI;IACf,MAAM,CAAC,OAAO,CAAC,QAAmB,EAAC,QAAQ,EAAE,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,EAAE,GAAG,EAAC;QACzE,OAAO,MAAM,CAAC,MAAM,CAAC,IAAI,IAAI,EAAE,EAAE,KAAK,CAAC,CAAC;IAC1C,CAAC;IAED,IAAI,KAAK;QACP,OAAO,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,QAAQ,CAAC;IACxC,CAAC;IAED,IAAI,GAAG;QACL,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;IACrE,CAAC;IAED,KAAK,CAAC,GAAuB;QAC3B,OAAO,IAAI,CAAC,OAAO,iCAAK,IAAI,GAAK,GAAG,EAAE,CAAC;IACzC,CAAC;CACF;AASD,MAAM,OAAO,kBAAkB;IAP/B;QAUE,YAAO,GAAG,KAAK,CAAC;QAGhB,iBAAY,GAAG,IAAI,WAAW,EAAU,CAAC;QAGzC,UAAK,GAAW,EAAE,CAAC;QAGnB,UAAK,GAAQ,EAAE,CAAC;QAGhB,gBAAW,GAAiB,EAAE,CAAC;QAG/B,oBAAe,GAAiB,EAAE,CAAC;QAGnC,eAAU,GAAiB,EAAE,CAAC;QAG9B,kBAAa,GAAG,IAAI,GAAG,EAAU,CAAC;QAMlC,qBAAgB,GAAG,EAAE,CAAC;QAGtB,oBAAe,GAAG,IAAI,YAAY,EAAE,CAAC;QAGrC,oBAAe,GAAG,IAAI,YAAY,EAAE,CAAC;QAGrC,kBAAa,GAAG,IAAI,YAAY,EAAK,CAAC;QAGtC,eAAU,GAAG,IAAI,YAAY,EAAa,CAAC;KAE5C;;oFA5CY,kBAAkB;8EAAlB,kBAAkB,8fChC/B,q3BAyBgB;uFDOH,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,EAAE,KAAK,EAAE,UAAU,EAAE;aAC5B;gBAIC,OAAO;kBADN,KAAK;YAIN,YAAY;kBADX,KAAK;YAIN,KAAK;kBADJ,KAAK;YAIN,KAAK;kBADJ,KAAK;YAIN,WAAW;kBADV,KAAK;YAIN,eAAe;kBADd,KAAK;YAIN,UAAU;kBADT,KAAK;YAIN,aAAa;kBADZ,KAAK;YAIN,IAAI;kBADH,KAAK;YAIN,gBAAgB;kBADf,KAAK;YAIN,eAAe;kBADd,MAAM;YAIP,eAAe;kBADd,MAAM;YAIP,aAAa;kBADZ,MAAM;YAIP,UAAU;kBADT,MAAM","sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { PageEvent } from '@angular/material/paginator';\nimport { ActionItem } from '@ng-atomic/common/models';\nimport { FormControl } from '@ngneat/reactive-forms';\n\nexport interface Page extends PageEvent { }\n\nexport class Page {\n  static fromObj(event: PageEvent = {pageSize: 50, pageIndex: 0, length: 100}): Page {\n    return Object.assign(new Page(), event);\n  }\n\n  get start(): number {\n    return this.pageIndex * this.pageSize;\n  }\n\n  get end(): number {\n    return Math.min((this.pageIndex + 1) * this.pageSize, this.length);\n  }\n\n  patch(obj: Partial<PageEvent>): Page {\n    return Page.fromObj({...this, ...obj});\n  }\n}\n\n@Component({\n  selector: 'templates-smart-index',\n  templateUrl: './smart-index.template.html',\n  styleUrls: ['./smart-index.template.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: { class: 'template' },\n})\nexport class SmartIndexTemplate<T> {\n\n  @Input()\n  canBack = false;\n\n  @Input()\n  queryControl = new FormControl<string>();\n\n  @Input()\n  title: string = '';\n\n  @Input()\n  items: T[] = [];\n\n  @Input()\n  actionItems: ActionItem[] = [];\n\n  @Input()\n  menuActionItems: ActionItem[] = [];\n\n  @Input()\n  properties: (keyof T)[] =  [];\n\n  @Input()\n  selectedIdSet = new Set<string>();\n\n  @Input()\n  page!: PageEvent;\n\n  @Input()\n  queryPlaceholder = '';\n\n  @Output()\n  actionItemClick = new EventEmitter();\n\n  @Output()\n  backButtonClick = new EventEmitter();\n\n  @Output()\n  checkboxClick = new EventEmitter<T>();\n\n  @Output()\n  pageChange = new EventEmitter<PageEvent>();\n\n}\n","<frames-scroll>\n  <organisms-back-navigator\n    [canBack]=\"canBack\"\n    [title]=\"title\"    \n    [actionItems]=\"menuActionItems\"\n    (actionItemClick)=\"actionItemClick.emit($event)\"\n    (backButtonClick)=\"backButtonClick.emit()\"\n    navigator\n  ></organisms-back-navigator>\n  <frames-auto-layout vertical contents>\n    <organisms-smart-table\n      [items]=\"items\"\n      [actionItems]=\"actionItems\"\n      [columns]=\"properties\"\n      [selectedIdSet]=\"selectedIdSet\"\n      (actionItemClick)=\"actionItemClick.emit($event)\"\n      (checkboxClick)=\"checkboxClick.emit($event)\"\n    ></organisms-smart-table>\n    <organisms-paginator\n      [control]=\"queryControl\"\n      [page]=\"page\"\n      [placeholder]=\"queryPlaceholder\"\n      (pageChange)=\"pageChange.emit($event)\"\n    ></organisms-paginator>\n  </frames-auto-layout>\n</frames-scroll>"]}
+{"version":3,"file":"smart-index.template.js","sourceRoot":"","sources":["../../../../../../libs/components/templates/smart-index/smart-index.template.ts","../../../../../../libs/components/templates/smart-index/smart-index.template.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAChG,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAExD,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;;;;;;;;AAIrD,MAAM,OAAO,IAAI;IACf,MAAM,CAAC,OAAO,CAAC,QAAmB,EAAC,QAAQ,EAAE,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,EAAE,GAAG,EAAC;QACzE,OAAO,MAAM,CAAC,MAAM,CAAC,IAAI,IAAI,EAAE,EAAE,KAAK,CAAC,CAAC;IAC1C,CAAC;IAED,IAAI,KAAK;QACP,OAAO,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,QAAQ,CAAC;IACxC,CAAC;IAED,IAAI,GAAG;QACL,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;IACrE,CAAC;IAED,KAAK,CAAC,GAAuB;QAC3B,OAAO,IAAI,CAAC,OAAO,iCAAK,IAAI,GAAK,GAAG,EAAE,CAAC;IACzC,CAAC;CACF;AASD,MAAM,OAAO,kBAAkB;IAP/B;QAUE,YAAO,GAAG,KAAK,CAAC;QAGhB,iBAAY,GAAG,IAAI,WAAW,EAAU,CAAC;QAGzC,UAAK,GAAW,EAAE,CAAC;QAMnB,UAAK,GAAQ,EAAE,CAAC;QAGhB,gBAAW,GAAiB,EAAE,CAAC;QAG/B,oBAAe,GAAiB,EAAE,CAAC;QAGnC,eAAU,GAAiB,EAAE,CAAC;QAG9B,kBAAa,GAAG,IAAI,GAAG,EAAU,CAAC;QASlC,SAAI,GAAe;YACjB,SAAS,EAAE,CAAC;YACZ,QAAQ,EAAE,EAAE;YACZ,MAAM,EAAE,GAAG;SACZ,CAAC;QAGF,oBAAe,GAAa,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,CAAC,CAAC;QAG7C,qBAAgB,GAAG,EAAE,CAAC;QAGtB,oBAAe,GAAG,IAAI,YAAY,EAAE,CAAC;QAGrC,oBAAe,GAAG,IAAI,YAAY,EAAE,CAAC;QAGrC,kBAAa,GAAG,IAAI,YAAY,EAAK,CAAC;QAGtC,eAAU,GAAG,IAAI,YAAY,EAAa,CAAC;QAG3C,qBAAgB,GAAG,IAAI,YAAY,EAAU,CAAC;KAE/C;;oFA/DY,kBAAkB;8EAAlB,kBAAkB,gpBChC/B,4kCA+BgB;uFDCH,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,EAAE,KAAK,EAAE,UAAU,EAAE;aAC5B;gBAIC,OAAO;kBADN,KAAK;YAIN,YAAY;kBADX,KAAK;YAIN,KAAK;kBADJ,KAAK;YAIN,WAAW;kBADV,KAAK;YAIN,KAAK;kBADJ,KAAK;YAIN,WAAW;kBADV,KAAK;YAIN,eAAe;kBADd,KAAK;YAIN,UAAU;kBADT,KAAK;YAIN,aAAa;kBADZ,KAAK;YAIN,OAAO;kBADN,KAAK;YAIN,SAAS;kBADR,KAAK;YAIN,IAAI;kBADH,KAAK;YAQN,eAAe;kBADd,KAAK;YAIN,gBAAgB;kBADf,KAAK;YAIN,eAAe;kBADd,MAAM;YAIP,eAAe;kBADd,MAAM;YAIP,aAAa;kBADZ,MAAM;YAIP,UAAU;kBADT,MAAM;YAIP,gBAAgB;kBADf,MAAM","sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { PageEvent } from '@angular/material/paginator';\nimport { ActionItem } from '@ng-atomic/common/models';\nimport { FormControl } from '@ngneat/reactive-forms';\n\nexport interface Page extends PageEvent { }\n\nexport class Page {\n  static fromObj(event: PageEvent = {pageSize: 50, pageIndex: 0, length: 100}): Page {\n    return Object.assign(new Page(), event);\n  }\n\n  get start(): number {\n    return this.pageIndex * this.pageSize;\n  }\n\n  get end(): number {\n    return Math.min((this.pageIndex + 1) * this.pageSize, this.length);\n  }\n\n  patch(obj: Partial<PageEvent>): Page {\n    return Page.fromObj({...this, ...obj});\n  }\n}\n\n@Component({\n  selector: 'templates-smart-index',\n  templateUrl: './smart-index.template.html',\n  styleUrls: ['./smart-index.template.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: { class: 'template' },\n})\nexport class SmartIndexTemplate<T> {\n\n  @Input()\n  canBack = false;\n\n  @Input()\n  queryControl = new FormControl<string>();\n\n  @Input()\n  title: string = '';\n\n  @Input()\n  description?: string;\n\n  @Input()\n  items: T[] = [];\n\n  @Input()\n  actionItems: ActionItem[] = [];\n\n  @Input()\n  menuActionItems: ActionItem[] = [];\n\n  @Input()\n  properties: (keyof T)[] =  [];\n\n  @Input()\n  selectedIdSet = new Set<string>();\n\n  @Input()\n  sortKey?: string;\n\n  @Input()\n  sortOrder?: string;\n\n  @Input()\n  page?: PageEvent = {\n    pageIndex: 0,\n    pageSize: 20,\n    length: 100,\n  };\n\n  @Input()\n  pageSizeOptions: number[] = [5, 10, 25, 100];\n\n  @Input()\n  queryPlaceholder = '';\n\n  @Output()\n  actionItemClick = new EventEmitter();\n\n  @Output()\n  backButtonClick = new EventEmitter();\n\n  @Output()\n  checkboxClick = new EventEmitter<T>();\n\n  @Output()\n  pageChange = new EventEmitter<PageEvent>();\n\n  @Output()\n  tableHeaderClick = new EventEmitter<string>();\n\n}\n","<frames-scroll>\n  <organisms-back-navigator\n    [canBack]=\"canBack\"\n    [title]=\"title\"\n    [description]=\"description\"\n    [actionItems]=\"menuActionItems\"\n    (actionItemClick)=\"actionItemClick.emit($event)\"\n    (backButtonClick)=\"backButtonClick.emit()\"\n    navigator\n  ></organisms-back-navigator>\n  <frames-auto-layout vertical contents>\n    <organisms-smart-table\n      [items]=\"items\"\n      [actionItems]=\"actionItems\"\n      [columns]=\"properties\"\n      [selectedIdSet]=\"selectedIdSet\"\n      [sortKey]=\"sortKey\"\n      [sortOrder]=\"sortOrder\"\n      (actionItemClick)=\"actionItemClick.emit($event)\"\n      (checkboxClick)=\"checkboxClick.emit($event)\"\n      (headerClick)=\"tableHeaderClick.emit($event)\"\n    ></organisms-smart-table>\n    <organisms-paginator\n      *ngIf=\"page\"\n      [control]=\"queryControl\"\n      [page]=\"page\"\n      [pageSizeOptions]=\"pageSizeOptions\"\n      [placeholder]=\"queryPlaceholder\"\n      (pageChange)=\"pageChange.emit($event)\"\n    ></organisms-paginator>\n  </frames-auto-layout>\n</frames-scroll>"]}