@ng-atomic/components 1.2.1 → 1.5.0

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

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-templates-entrance.js","sources":["../../../../libs/components/templates/entrance/entrance.template.ts","../../../../libs/components/templates/entrance/entrance.template.html","../../../../libs/components/templates/entrance/entrance.module.ts","../../../../libs/components/templates/entrance/ng-atomic-components-templates-entrance.ts"],"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  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    ></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","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ActionButtonsSectionModule } from '@ng-atomic/components/organisms/action-buttons-section';\nimport { HeadingModule } from '@ng-atomic/components/organisms/heading';\nimport { InputFieldSectionModule } from '@ng-atomic/components/organisms/input-field-section';\nimport { SocialLoginSectionModule } from '@ng-atomic/components/organisms/social-login-section';\nimport { AutoLayoutModule } from '@ng-atomic/components/frames/auto-layout';\nimport { CardModule } from '@ng-atomic/components/frames/card';\nimport { EntranceTemplate } from './entrance.template';\n\n\n@NgModule({\n  declarations: [\n    EntranceTemplate\n  ],\n  imports: [\n    CommonModule,\n    // Frames\n    AutoLayoutModule,\n    CardModule,\n    // Organisms\n    ActionButtonsSectionModule,\n    HeadingModule,\n    InputFieldSectionModule,\n    SocialLoginSectionModule,\n  ],\n  exports: [\n    EntranceTemplate\n  ]\n})\nexport class EntranceModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;MAQa,gBAAgB;IAN7B;QAQE,wBAAmB,GAAG,IAAI,CAAC;QAG3B,2BAAsB,GAAG,IAAI,CAAC;QAG9B,sBAAiB,GAAG,IAAI,YAAY,EAAQ,CAAC;QAG7C,gCAA2B,GAAG,IAAI,YAAY,EAAQ,CAAC;KACxD;;gFAZY,gBAAgB;yEAAhB,gBAAgB,qRCR7B,mtBAiBA;oFDTa,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,iBAAiB;kBADhB,MAAM;YAIP,2BAA2B;kBAD1B,MAAM;;;MEYI,cAAc;;4EAAd,cAAc;+CAAd,cAAc;mDAfhB;YACP,YAAY;;YAEZ,gBAAgB;YAChB,UAAU;;YAEV,0BAA0B;YAC1B,aAAa;YACb,uBAAuB;YACvB,wBAAwB;SACzB;qFAKU,cAAc,mBAjBvB,gBAAgB,aAGhB,YAAY;;QAEZ,gBAAgB;QAChB,UAAU;;QAEV,0BAA0B;QAC1B,aAAa;QACb,uBAAuB;QACvB,wBAAwB,aAGxB,gBAAgB;oFAGP,cAAc;cAnB1B,QAAQ;eAAC;gBACR,YAAY,EAAE;oBACZ,gBAAgB;iBACjB;gBACD,OAAO,EAAE;oBACP,YAAY;;oBAEZ,gBAAgB;oBAChB,UAAU;;oBAEV,0BAA0B;oBAC1B,aAAa;oBACb,uBAAuB;oBACvB,wBAAwB;iBACzB;gBACD,OAAO,EAAE;oBACP,gBAAgB;iBACjB;aACF;;;AC7BD;;;;;;"}
+{"version":3,"file":"ng-atomic-components-templates-entrance.js","sources":["../../../../libs/components/templates/entrance/entrance.template.ts","../../../../libs/components/templates/entrance/entrance.template.html","../../../../libs/components/templates/entrance/entrance.module.ts","../../../../libs/components/templates/entrance/ng-atomic-components-templates-entrance.ts"],"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","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ActionButtonsSectionModule } from '@ng-atomic/components/organisms/action-buttons-section';\nimport { HeadingModule } from '@ng-atomic/components/organisms/heading';\nimport { InputFieldSectionModule } from '@ng-atomic/components/organisms/input-field-section';\nimport { SocialLoginSectionModule } from '@ng-atomic/components/organisms/social-login-section';\nimport { AutoLayoutModule } from '@ng-atomic/components/frames/auto-layout';\nimport { CardModule } from '@ng-atomic/components/frames/card';\nimport { EntranceTemplate } from './entrance.template';\n\n\n@NgModule({\n  declarations: [\n    EntranceTemplate\n  ],\n  imports: [\n    CommonModule,\n    // Frames\n    AutoLayoutModule,\n    CardModule,\n    // Organisms\n    ActionButtonsSectionModule,\n    HeadingModule,\n    InputFieldSectionModule,\n    SocialLoginSectionModule,\n  ],\n  exports: [\n    EntranceTemplate\n  ]\n})\nexport class EntranceModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;MAUa,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;yEAAhB,gBAAgB,qWCV7B,+0BAqBA;oFDXa,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;;;MECI,cAAc;;4EAAd,cAAc;+CAAd,cAAc;mDAfhB;YACP,YAAY;;YAEZ,gBAAgB;YAChB,UAAU;;YAEV,0BAA0B;YAC1B,aAAa;YACb,uBAAuB;YACvB,wBAAwB;SACzB;qFAKU,cAAc,mBAjBvB,gBAAgB,aAGhB,YAAY;;QAEZ,gBAAgB;QAChB,UAAU;;QAEV,0BAA0B;QAC1B,aAAa;QACb,uBAAuB;QACvB,wBAAwB,aAGxB,gBAAgB;oFAGP,cAAc;cAnB1B,QAAQ;eAAC;gBACR,YAAY,EAAE;oBACZ,gBAAgB;iBACjB;gBACD,OAAO,EAAE;oBACP,YAAY;;oBAEZ,gBAAgB;oBAChB,UAAU;;oBAEV,0BAA0B;oBAC1B,aAAa;oBACb,uBAAuB;oBACvB,wBAAwB;iBACzB;gBACD,OAAO,EAAE;oBACP,gBAAgB;iBACjB;aACF;;;AC7BD;;;;;;"}

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

@@ -0,0 +1,58 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, ɵɵngDeclareComponent, ChangeDetectionStrategy, ɵsetClassMetadata, Component, Input, Output, ɵɵdefineNgModule, ɵɵdefineInjector, ɵɵsetNgModuleScope, NgModule } from '@angular/core';
+import { MenuOrganism, MenuModule as MenuModule$1 } from '@ng-atomic/components/organisms/menu';
+import { CommonModule } from '@angular/common';
+
+class MenuTemplate {
+    constructor() {
+        this.actionItems = [];
+        this.actionItemClick = new EventEmitter();
+    }
+}
+MenuTemplate.ɵfac = function MenuTemplate_Factory(t) { return new (t || MenuTemplate)(); };
+MenuTemplate.ɵcmp = ɵɵ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-F1Qe:var(--primary-color);--width:100%;--width-SCOPED-IN-menu-F1Qe:var(--width);--height:100%;--height-SCOPED-IN-menu-F1Qe:var(--height);display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-F1Qe);height:var(--height-SCOPED-IN-menu-F1Qe);color:#fff;background-color:var(--primary-color-SCOPED-IN-menu-F1Qe)}:host organisms-menu{transition:width .5s;--primary-color:var(--primary-color-SCOPED-IN-menu-F1Qe)}"], directives: [{ type: MenuOrganism, selector: "organisms-menu", inputs: ["actionItems"], outputs: ["actionItemClick"] }], changeDetection: ChangeDetectionStrategy.OnPush });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && ɵ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
+        }] }); })();
+
+class MenuModule {
+}
+MenuModule.ɵfac = function MenuModule_Factory(t) { return new (t || MenuModule)(); };
+MenuModule.ɵmod = ɵɵdefineNgModule({ type: MenuModule });
+MenuModule.ɵinj = ɵɵdefineInjector({ imports: [[
+            CommonModule,
+            // Organisms
+            MenuModule$1,
+        ]] });
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && ɵɵsetNgModuleScope(MenuModule, { declarations: [MenuTemplate], imports: [CommonModule,
+        // Organisms
+        MenuModule$1], exports: [MenuTemplate] }); })();
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && ɵsetClassMetadata(MenuModule, [{
+        type: NgModule,
+        args: [{
+                declarations: [MenuTemplate],
+                imports: [
+                    CommonModule,
+                    // Organisms
+                    MenuModule$1,
+                ],
+                exports: [MenuTemplate]
+            }]
+    }], null, null); })();
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { MenuModule, MenuTemplate };
+//# sourceMappingURL=ng-atomic-components-templates-menu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-templates-menu.js","sources":["../../../../libs/components/templates/menu/menu.template.ts","../../../../libs/components/templates/menu/menu.template.html","../../../../libs/components/templates/menu/menu.module.ts","../../../../libs/components/templates/menu/ng-atomic-components-templates-menu.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { ActionItem } from '@ng-atomic/common/models';\n\n@Component({\n  selector: 'templates-menu',\n  templateUrl: './menu.template.html',\n  styleUrls: ['./menu.template.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MenuTemplate {\n\n  @Input()\n  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>","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","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["MenuOrganismModule"],"mappings":";;;;;MASa,YAAY;IANzB;QASE,gBAAW,GAAiB,EAAE,CAAC;QAG/B,oBAAe,GAAG,IAAI,YAAY,EAAgB,CAAC;KAEpD;;wEARY,YAAY;qEAAZ,YAAY,+ICTzB,2RASM;oFDAO,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;;;MEAI,UAAU;;oEAAV,UAAU;2CAAV,UAAU;+CAPZ;YACP,YAAY;;YAEZA,YAAkB;SACnB;qFAGU,UAAU,mBARN,YAAY,aAEzB,YAAY;;QAEZA,YAAkB,aAEV,YAAY;oFAEX,UAAU;cATtB,QAAQ;eAAC;gBACR,YAAY,EAAE,CAAC,YAAY,CAAC;gBAC5B,OAAO,EAAE;oBACP,YAAY;;oBAEZA,YAAkB;iBACnB;gBACD,OAAO,EAAE,CAAC,YAAY,CAAC;aACxB;;;ACbD;;;;;;"}

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

@@ -47,7 +47,7 @@ class SmartCrudTemplate {
     }
 }
 SmartCrudTemplate.ɵfac = function SmartCrudTemplate_Factory(t) { return new (t || SmartCrudTemplate)(); };
-SmartCrudTemplate.ɵcmp = ɵɵ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-oIjW:var(--horizontal-padding);--vertical-padding:24px;--vertical-padding-SCOPED-IN-smart-crud-oIjW:var(--vertical-padding);--gap:16px;--gap-SCOPED-IN-smart-crud-oIjW: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-oIjW);--vertical-padding:var(--vertical-padding-SCOPED-IN-smart-crud-oIjW)}:host frames-auto-layout *{--horizontal-padding:var(--horizontal-padding-SCOPED-IN-smart-crud-oIjW)}"], directives: [{ type: ScrollFrame, selector: "frames-scroll" }, { type: BackNavigatorOrganism, selector: "organisms-back-navigator", inputs: ["canBack", "title", "actionItems"], outputs: ["backButtonClick", "actionItemClick"] }, { type: AutoLayoutFrame, selector: "frames-auto-layout" }, { type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: SelectInputSectionOrganism, selector: "organisms-select-input-section", inputs: ["label", "control", "options"] }, { type: DateInputSectionOrganism, selector: "organisms-date-input-section", inputs: ["control", "label", "placeholder"] }, { type: NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: InputFieldSectionOrganism, selector: "organisms-input-field-section", inputs: ["label", "placeholder", "control"] }, { type: ActionButtonsSectionOrganism, selector: "organisms-action-buttons-section", inputs: ["actionItems"], outputs: ["actionItemClick"] }], pipes: { "smartField": SmartFieldPipe, "D": DomainPipe }, changeDetection: ChangeDetectionStrategy.OnPush });
+SmartCrudTemplate.ɵcmp = ɵɵ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-nema:var(--horizontal-padding);--vertical-padding:24px;--vertical-padding-SCOPED-IN-smart-crud-nema:var(--vertical-padding);--gap:16px;--gap-SCOPED-IN-smart-crud-nema: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-nema);--vertical-padding:var(--vertical-padding-SCOPED-IN-smart-crud-nema)}:host frames-auto-layout *{--horizontal-padding:var(--horizontal-padding-SCOPED-IN-smart-crud-nema)}"], directives: [{ type: ScrollFrame, selector: "frames-scroll" }, { type: BackNavigatorOrganism, selector: "organisms-back-navigator", inputs: ["canBack", "title", "description", "actionItems"], outputs: ["backButtonClick", "actionItemClick"] }, { type: AutoLayoutFrame, selector: "frames-auto-layout" }, { type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: SelectInputSectionOrganism, selector: "organisms-select-input-section", inputs: ["label", "control", "options"] }, { type: DateInputSectionOrganism, selector: "organisms-date-input-section", inputs: ["control", "label", "placeholder"] }, { type: InputFieldSectionOrganism, selector: "organisms-input-field-section", inputs: ["label", "placeholder", "type", "hint", "control"] }, { type: NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: ActionButtonsSectionOrganism, selector: "organisms-action-buttons-section", inputs: ["actionItems"], outputs: ["actionItemClick"] }], pipes: { "smartField": SmartFieldPipe, "D": DomainPipe }, changeDetection: ChangeDetectionStrategy.OnPush });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && ɵsetClassMetadata(SmartCrudTemplate, [{
         type: Component,
         args: [{

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

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-templates-smart-crud.js","sources":["../../../../libs/components/templates/smart-crud/smart-crud.template.ts","../../../../libs/components/templates/smart-crud/smart-crud.template.html","../../../../libs/components/templates/smart-crud/smart-crud.module.ts","../../../../libs/components/templates/smart-crud/ng-atomic-components-templates-smart-crud.ts"],"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>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { ScrollModule } from '@ng-atomic/components/frames/scroll';\nimport { AutoLayoutModule } from '@ng-atomic/components/frames/auto-layout';\nimport { ActionButtonsSectionModule } from '@ng-atomic/components/organisms/action-buttons-section';\nimport { BackNavigatorModule } from '@ng-atomic/components/organisms/back-navigator';\nimport { InputFieldSectionModule } from '@ng-atomic/components/organisms/input-field-section';\nimport { DateInputSectionModule } from '@ng-atomic/components/organisms/date-input-section';\nimport { SelectInputSectionModule } from '@ng-atomic/components/organisms/select-input-section';\nimport { SmartFieldModule } from '@ng-atomic/common/pipes';\nimport { DomainModule } from '@ng-atomic/common/pipes';\n\nimport { SmartCrudTemplate } from './smart-crud.template';\n\n\n@NgModule({\n  declarations: [\n    SmartCrudTemplate\n  ],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    // Pipes\n    DomainModule,\n    SmartFieldModule,\n    // Frames\n    AutoLayoutModule,\n    ScrollModule,\n    // Organisms\n    ActionButtonsSectionModule,\n    BackNavigatorModule,\n    DateInputSectionModule,\n    InputFieldSectionModule,\n    SelectInputSectionModule,\n  ],\n  exports: [\n    SmartCrudTemplate\n  ]\n})\nexport class SmartCrudModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ng-atomic-components-templates-smart-crud.js","sources":["../../../../libs/components/templates/smart-crud/smart-crud.template.ts","../../../../libs/components/templates/smart-crud/smart-crud.template.html","../../../../libs/components/templates/smart-crud/smart-crud.module.ts","../../../../libs/components/templates/smart-crud/ng-atomic-components-templates-smart-crud.ts"],"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>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { ScrollModule } from '@ng-atomic/components/frames/scroll';\nimport { AutoLayoutModule } from '@ng-atomic/components/frames/auto-layout';\nimport { ActionButtonsSectionModule } from '@ng-atomic/components/organisms/action-buttons-section';\nimport { BackNavigatorModule } from '@ng-atomic/components/organisms/back-navigator';\nimport { InputFieldSectionModule } from '@ng-atomic/components/organisms/input-field-section';\nimport { DateInputSectionModule } from '@ng-atomic/components/organisms/date-input-section';\nimport { SelectInputSectionModule } from '@ng-atomic/components/organisms/select-input-section';\nimport { SmartFieldModule } from '@ng-atomic/common/pipes';\nimport { DomainModule } from '@ng-atomic/common/pipes';\n\nimport { SmartCrudTemplate } from './smart-crud.template';\n\n\n@NgModule({\n  declarations: [\n    SmartCrudTemplate\n  ],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    // Pipes\n    DomainModule,\n    SmartFieldModule,\n    // Frames\n    AutoLayoutModule,\n    ScrollModule,\n    // Organisms\n    ActionButtonsSectionModule,\n    BackNavigatorModule,\n    DateInputSectionModule,\n    InputFieldSectionModule,\n    SelectInputSectionModule,\n  ],\n  exports: [\n    SmartCrudTemplate\n  ]\n})\nexport class SmartCrudModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;MAWa,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,KAAK,KAAK,CAAC;KAQzC;IA1BC,IAAI,KAAK;QACP,QAAQ,IAAI,CAAC,IAAI;YACf,KAAK,QAAQ,EAAE,OAAO,GAAG,IAAI,CAAC,IAAI,KAAK,CAAC;YACxC,KAAK,QAAQ,EAAE,OAAO,GAAG,IAAI,CAAC,IAAI,KAAK,CAAC;SACzC;KACF;IAED,IAAI,WAAW;QACb,QAAQ,IAAI,CAAC,IAAI;YACf,KAAK,QAAQ,EAAE,OAAO,CAAC,EAAC,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAC,CAAC,CAAC;YACnD,KAAK,QAAQ,EAAE,OAAO,CAAC,EAAC,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAC,CAAC,CAAC;SACpD;KACF;IAED,IAAI,QAAQ;QACV,OAAO,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;KAC3C;IAID,mBAAmB,CAAC,CAAC,EAAC,EAAE,EAAC,CAAe;QACtC,QAAO,EAAE;YACP,KAAK,QAAQ,EAAE,OAAO,IAAI,CAAC,iBAAiB,CAAC,IAAI,EAAE,CAAC;YACpD,KAAK,QAAQ,EAAE,OAAO,IAAI,CAAC,iBAAiB,CAAC,IAAI,EAAE,CAAC;SACrD;KACF;;kFAtDU,iBAAiB;0EAAjB,iBAAiB,qXCX9B,+8CAuCgB;oFD5BH,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;;;MEGI,eAAe;;8EAAf,eAAe;gDAAf,eAAe;oDApBjB;YACP,YAAY;YACZ,mBAAmB;;YAEnB,YAAY;YACZ,gBAAgB;;YAEhB,gBAAgB;YAChB,YAAY;;YAEZ,0BAA0B;YAC1B,mBAAmB;YACnB,sBAAsB;YACtB,uBAAuB;YACvB,wBAAwB;SACzB;qFAKU,eAAe,mBAtBxB,iBAAiB,aAGjB,YAAY;QACZ,mBAAmB;;QAEnB,YAAY;QACZ,gBAAgB;;QAEhB,gBAAgB;QAChB,YAAY;;QAEZ,0BAA0B;QAC1B,mBAAmB;QACnB,sBAAsB;QACtB,uBAAuB;QACvB,wBAAwB,aAGxB,iBAAiB;oFAGR,eAAe;cAxB3B,QAAQ;eAAC;gBACR,YAAY,EAAE;oBACZ,iBAAiB;iBAClB;gBACD,OAAO,EAAE;oBACP,YAAY;oBACZ,mBAAmB;;oBAEnB,YAAY;oBACZ,gBAAgB;;oBAEhB,gBAAgB;oBAChB,YAAY;;oBAEZ,0BAA0B;oBAC1B,mBAAmB;oBACnB,sBAAsB;oBACtB,uBAAuB;oBACvB,wBAAwB;iBACzB;gBACD,OAAO,EAAE;oBACP,iBAAiB;iBAClB;aACF;;;ACvCD;;;;;;"}

package/fesm2015/ng-atomic-components-templates-smart-index.js

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
 import { EventEmitter, ɵɵngDeclareComponent, ChangeDetectionStrategy, ɵsetClassMetadata, Component, Input, Output, ɵɵdefineNgModule, ɵɵdefineInjector, ɵɵsetNgModuleScope, NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
+import { NgIf, CommonModule } from '@angular/common';
 import { AutoLayoutFrame, AutoLayoutModule } from '@ng-atomic/components/frames/auto-layout';
 import { ScrollFrame, ScrollModule } from '@ng-atomic/components/frames/scroll';
 import { SmartTableOrganism, SmartTableModule } from '@ng-atomic/components/organisms/smart-table';
@@ -38,15 +38,17 @@ class SmartIndexTemplate {
             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 = ɵɵ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-Uoxv:var(--navigator-height);width:100%;height:100%;background:#fff;display:block}:host frames-auto-layout{--gap:0;--vertical-padding:0}"], directives: [{ type: ScrollFrame, selector: "frames-scroll" }, { type: BackNavigatorOrganism, selector: "organisms-back-navigator", inputs: ["canBack", "title", "actionItems"], outputs: ["backButtonClick", "actionItemClick"] }, { type: AutoLayoutFrame, selector: "frames-auto-layout" }, { type: SmartTableOrganism, selector: "organisms-smart-table", inputs: ["columns", "items", "patientsSize", "pageSize", "actionItems", "selectedIdSet"], outputs: ["actionItemClick", "checkboxClick", "pageChange", "itemCheck"] }, { type: PaginatorOrganism, selector: "organisms-paginator", inputs: ["control", "placeholder", "page", "pageSizeOptions"], outputs: ["pageChange"] }], changeDetection: ChangeDetectionStrategy.OnPush });
+SmartIndexTemplate.ɵcmp = ɵɵ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-Ew1a:var(--navigator-height);width:100%;height:100%;background:#fff;display:block}:host frames-auto-layout{--gap:0;--vertical-padding:0}"], directives: [{ type: ScrollFrame, selector: "frames-scroll" }, { type: BackNavigatorOrganism, selector: "organisms-back-navigator", inputs: ["canBack", "title", "description", "actionItems"], outputs: ["backButtonClick", "actionItemClick"] }, { type: AutoLayoutFrame, selector: "frames-auto-layout" }, { type: SmartTableOrganism, selector: "organisms-smart-table", inputs: ["columns", "items", "patientsSize", "pageSize", "actionItems", "selectedIdSet", "sortKey", "sortOrder"], outputs: ["actionItemClick", "headerClick", "checkboxClick", "pageChange", "itemCheck"] }, { type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: PaginatorOrganism, selector: "organisms-paginator", inputs: ["control", "placeholder", "page", "pageSizeOptions"], outputs: ["pageChange"] }], changeDetection: ChangeDetectionStrategy.OnPush });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && ɵsetClassMetadata(SmartIndexTemplate, [{
         type: Component,
         args: [{
@@ -62,6 +64,8 @@ SmartIndexTemplate.ɵcmp = ɵɵngDeclareComponent({ version: "11.2.14", type: Sm
             type: Input
         }], title: [{
             type: Input
+        }], description: [{
+            type: Input
         }], items: [{
             type: Input
         }], actionItems: [{
@@ -72,8 +76,14 @@ SmartIndexTemplate.ɵcmp = ɵɵngDeclareComponent({ version: "11.2.14", type: Sm
             type: Input
         }], selectedIdSet: [{
             type: Input
+        }], sortKey: [{
+            type: Input
+        }], sortOrder: [{
+            type: Input
         }], page: [{
             type: Input
+        }], pageSizeOptions: [{
+            type: Input
         }], queryPlaceholder: [{
             type: Input
         }], actionItemClick: [{
@@ -84,6 +94,8 @@ SmartIndexTemplate.ɵcmp = ɵɵngDeclareComponent({ version: "11.2.14", type: Sm
             type: Output
         }], pageChange: [{
             type: Output
+        }], tableHeaderClick: [{
+            type: Output
         }] }); })();
 
 class SmartIndexModule {

package/fesm2015/ng-atomic-components-templates-smart-index.js.map

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-templates-smart-index.js","sources":["../../../../libs/components/templates/smart-index/smart-index.template.ts","../../../../libs/components/templates/smart-index/smart-index.template.html","../../../../libs/components/templates/smart-index/smart-index.module.ts","../../../../libs/components/templates/smart-index/ng-atomic-components-templates-smart-index.ts"],"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    pageIndex: 0,\n    pageSize: 20,\n    length: 100,\n  };\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>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { AutoLayoutModule } from '@ng-atomic/components/frames/auto-layout';\nimport { ScrollModule } from '@ng-atomic/components/frames/scroll';\nimport { SmartTableModule } from '@ng-atomic/components/organisms/smart-table';\nimport { BackNavigatorModule } from '@ng-atomic/components/organisms/back-navigator';\nimport { PaginatorModule } from '@ng-atomic/components/organisms/paginator';\n\nimport { SmartIndexTemplate } from './smart-index.template';\n\n\n\n@NgModule({\n  declarations: [\n    SmartIndexTemplate\n  ],\n  imports: [\n    CommonModule,\n    // Frames\n    AutoLayoutModule,\n    ScrollModule,\n    // Organisms\n    PaginatorModule,\n    SmartTableModule,\n    BackNavigatorModule,\n  ],\n  exports: [\n    SmartIndexTemplate\n  ]\n})\nexport class SmartIndexModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;MAOa,IAAI;IACf,OAAO,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;KACzC;IAED,IAAI,KAAK;QACP,OAAO,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,QAAQ,CAAC;KACvC;IAED,IAAI,GAAG;QACL,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,SAAS,GAAG,CAAC,IAAI,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;KACpE;IAED,KAAK,CAAC,GAAuB;QAC3B,OAAO,IAAI,CAAC,OAAO,iCAAK,IAAI,GAAK,GAAG,EAAE,CAAC;KACxC;CACF;MASY,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;QAGlC,SAAI,GAAc;YAChB,SAAS,EAAE,CAAC;YACZ,QAAQ,EAAE,EAAE;YACZ,MAAM,EAAE,GAAG;SACZ,CAAC;QAGF,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;;oFAhDY,kBAAkB;2EAAlB,kBAAkB,8fChC/B,q3BAyBgB;oFDOH,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;YAQN,gBAAgB;kBADf,KAAK;YAIN,eAAe;kBADd,MAAM;YAIP,eAAe;kBADd,MAAM;YAIP,aAAa;kBADZ,MAAM;YAIP,UAAU;kBADT,MAAM;;;ME/CI,gBAAgB;;gFAAhB,gBAAgB;iDAAhB,gBAAgB;qDAdlB;YACP,YAAY;;YAEZ,gBAAgB;YAChB,YAAY;;YAEZ,eAAe;YACf,gBAAgB;YAChB,mBAAmB;SACpB;qFAKU,gBAAgB,mBAhBzB,kBAAkB,aAGlB,YAAY;;QAEZ,gBAAgB;QAChB,YAAY;;QAEZ,eAAe;QACf,gBAAgB;QAChB,mBAAmB,aAGnB,kBAAkB;oFAGT,gBAAgB;cAlB5B,QAAQ;eAAC;gBACR,YAAY,EAAE;oBACZ,kBAAkB;iBACnB;gBACD,OAAO,EAAE;oBACP,YAAY;;oBAEZ,gBAAgB;oBAChB,YAAY;;oBAEZ,eAAe;oBACf,gBAAgB;oBAChB,mBAAmB;iBACpB;gBACD,OAAO,EAAE;oBACP,kBAAkB;iBACnB;aACF;;;AC7BD;;;;;;"}
+{"version":3,"file":"ng-atomic-components-templates-smart-index.js","sources":["../../../../libs/components/templates/smart-index/smart-index.template.ts","../../../../libs/components/templates/smart-index/smart-index.template.html","../../../../libs/components/templates/smart-index/smart-index.module.ts","../../../../libs/components/templates/smart-index/ng-atomic-components-templates-smart-index.ts"],"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>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { AutoLayoutModule } from '@ng-atomic/components/frames/auto-layout';\nimport { ScrollModule } from '@ng-atomic/components/frames/scroll';\nimport { SmartTableModule } from '@ng-atomic/components/organisms/smart-table';\nimport { BackNavigatorModule } from '@ng-atomic/components/organisms/back-navigator';\nimport { PaginatorModule } from '@ng-atomic/components/organisms/paginator';\n\nimport { SmartIndexTemplate } from './smart-index.template';\n\n\n\n@NgModule({\n  declarations: [\n    SmartIndexTemplate\n  ],\n  imports: [\n    CommonModule,\n    // Frames\n    AutoLayoutModule,\n    ScrollModule,\n    // Organisms\n    PaginatorModule,\n    SmartTableModule,\n    BackNavigatorModule,\n  ],\n  exports: [\n    SmartIndexTemplate\n  ]\n})\nexport class SmartIndexModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/frames/drawer/drawer.frame.d.ts

@@ -0,0 +1,10 @@
+import { MatDrawer } from '@angular/material/sidenav';
+import * as i0 from "@angular/core";
+export declare class DrawerFrame {
+    drawer: MatDrawer;
+    private _isOpen;
+    set isOpen(_isOpen: boolean);
+    get isOpen(): boolean;
+    static ɵfac: i0.ɵɵFactoryDef<DrawerFrame, never>;
+    static ɵcmp: i0.ɵɵComponentDefWithMeta<DrawerFrame, "frames-drawer", never, { "isOpen": "isOpen"; }, {}, never, ["[drawer]", "[contents]"]>;
+}

package/frames/drawer/drawer.module.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./drawer.frame";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/material/sidenav";
+export declare class DrawerModule {
+    static ɵfac: i0.ɵɵFactoryDef<DrawerModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDefWithMeta<DrawerModule, [typeof i1.DrawerFrame], [typeof i2.CommonModule, typeof i3.MatSidenavModule], [typeof i1.DrawerFrame]>;
+    static ɵinj: i0.ɵɵInjectorDef<DrawerModule>;
+}

package/frames/drawer/index.d.ts

@@ -0,0 +1,2 @@
+export { DrawerFrame } from './drawer.frame';
+export { DrawerModule } from './drawer.module';

package/frames/drawer/ng-atomic-components-frames-drawer.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@ng-atomic/components/frames/drawer" />
+export * from './index';

package/frames/drawer/package.json

@@ -0,0 +1,10 @@
+{
+  "main": "../../bundles/ng-atomic-components-frames-drawer.umd.js",
+  "module": "../../fesm2015/ng-atomic-components-frames-drawer.js",
+  "es2015": "../../fesm2015/ng-atomic-components-frames-drawer.js",
+  "esm2015": "../../esm2015/frames/drawer/ng-atomic-components-frames-drawer.js",
+  "fesm2015": "../../fesm2015/ng-atomic-components-frames-drawer.js",
+  "typings": "ng-atomic-components-frames-drawer.d.ts",
+  "sideEffects": false,
+  "name": "@ng-atomic/components/frames/drawer"
+}

package/frames/line-up-v2/index.d.ts

@@ -0,0 +1,2 @@
+export * from './line-up.frame';
+export { LineUpModule } from './line-up.module';

package/frames/line-up-v2/line-up.animations.d.ts

@@ -0,0 +1 @@
+export declare const LINE_UP_ANIMATIONS: import("@angular/animations").AnimationTriggerMetadata[];

package/frames/line-up-v2/line-up.frame.d.ts

@@ -0,0 +1,35 @@
+import { ElementRef, OnDestroy, OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+declare enum Mode {
+    MAIN = "Main",
+    BOTH = "Both",
+    NEXT = "Next"
+}
+export declare class LineUpFrameService {
+    frames: LineUpFrame[];
+    register(frame: LineUpFrame): void;
+    unregister(frame: LineUpFrame): void;
+    findIndex(frame: LineUpFrame): number;
+    propagate(frame: LineUpFrame): void;
+    static ɵfac: i0.ɵɵFactoryDef<LineUpFrameService, never>;
+    static ɵprov: i0.ɵɵInjectableDef<LineUpFrameService>;
+}
+export declare class LineUpFrame implements OnInit, OnDestroy {
+    private service;
+    Mode: typeof Mode;
+    mode: Mode;
+    private readonly refresh$;
+    private readonly destroy$;
+    private readonly hasNext$;
+    set hasNext(value: boolean);
+    minNextWidth: number;
+    nextElementRef: ElementRef;
+    constructor(service: LineUpFrameService);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    refresh(): void;
+    private resolveMode;
+    static ɵfac: i0.ɵɵFactoryDef<LineUpFrame, never>;
+    static ɵcmp: i0.ɵɵComponentDefWithMeta<LineUpFrame, "frames-line-up", never, { "hasNext": "hasNext"; "minNextWidth": "minNextWidth"; }, {}, never, ["[main]", "[next]"]>;
+}
+export {};

package/frames/line-up-v2/line-up.module.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./line-up.frame";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/material/progress-spinner";
+export declare class LineUpModule {
+    static ɵfac: i0.ɵɵFactoryDef<LineUpModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDefWithMeta<LineUpModule, [typeof i1.LineUpFrame], [typeof i2.CommonModule, typeof i3.MatProgressSpinnerModule], [typeof i1.LineUpFrame]>;
+    static ɵinj: i0.ɵɵInjectorDef<LineUpModule>;
+}

package/frames/line-up-v2/ng-atomic-components-frames-line-up-v2.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@ng-atomic/components/frames/line-up-v2" />
+export * from './index';

package/frames/line-up-v2/package.json

@@ -0,0 +1,10 @@
+{
+  "main": "../../bundles/ng-atomic-components-frames-line-up-v2.umd.js",
+  "module": "../../fesm2015/ng-atomic-components-frames-line-up-v2.js",
+  "es2015": "../../fesm2015/ng-atomic-components-frames-line-up-v2.js",
+  "esm2015": "../../esm2015/frames/line-up-v2/ng-atomic-components-frames-line-up-v2.js",
+  "fesm2015": "../../fesm2015/ng-atomic-components-frames-line-up-v2.js",
+  "typings": "ng-atomic-components-frames-line-up-v2.d.ts",
+  "sideEffects": false,
+  "name": "@ng-atomic/components/frames/line-up-v2"
+}

package/frames/line-up-v2/resize-observer.d.ts

@@ -0,0 +1,3 @@
+import { Observable } from 'rxjs';
+import { ElementRef } from '@angular/core';
+export declare function fromResize({ nativeElement }: ElementRef<Element>): Observable<number>;

package/frames/overlay-v2/index.d.ts

@@ -0,0 +1,2 @@
+export * from './overlay.frame';
+export * from './overlay.module';

package/frames/overlay-v2/ng-atomic-components-frames-overlay-v2.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@ng-atomic/components/frames/overlay-v2" />
+export * from './index';

package/frames/overlay-v2/overlay.animations.d.ts

@@ -0,0 +1 @@
+export declare const OVERLAY_ANIMATION: import("@angular/animations").AnimationTriggerMetadata;

package/frames/overlay-v2/overlay.frame.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class OverlayFrame {
+    hasNext: boolean;
+    static ɵfac: i0.ɵɵFactoryDef<OverlayFrame, never>;
+    static ɵcmp: i0.ɵɵComponentDefWithMeta<OverlayFrame, "frames-overlay", never, { "hasNext": "hasNext"; }, {}, never, ["[main]", "[next]"]>;
+}

package/frames/overlay-v2/overlay.module.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./overlay.frame";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/material/progress-spinner";
+export declare class OverlayModule {
+    static ɵfac: i0.ɵɵFactoryDef<OverlayModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDefWithMeta<OverlayModule, [typeof i1.OverlayFrame], [typeof i2.CommonModule, typeof i3.MatProgressSpinnerModule], [typeof i1.OverlayFrame]>;
+    static ɵinj: i0.ɵɵInjectorDef<OverlayModule>;
+}

package/frames/overlay-v2/package.json

@@ -0,0 +1,10 @@
+{
+  "main": "../../bundles/ng-atomic-components-frames-overlay-v2.umd.js",
+  "module": "../../fesm2015/ng-atomic-components-frames-overlay-v2.js",
+  "es2015": "../../fesm2015/ng-atomic-components-frames-overlay-v2.js",
+  "esm2015": "../../esm2015/frames/overlay-v2/ng-atomic-components-frames-overlay-v2.js",
+  "fesm2015": "../../fesm2015/ng-atomic-components-frames-overlay-v2.js",
+  "typings": "ng-atomic-components-frames-overlay-v2.d.ts",
+  "sideEffects": false,
+  "name": "@ng-atomic/components/frames/overlay-v2"
+}

package/frames/smart-menu/index.d.ts

@@ -0,0 +1,2 @@
+export { SmartMenuFrame } from './smart-menu.frame';
+export { SmartMenuModule } from './smart-menu.module';

package/frames/smart-menu/ng-atomic-components-frames-smart-menu.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@ng-atomic/components/frames/smart-menu" />
+export * from './index';

package/frames/smart-menu/package.json

@@ -0,0 +1,10 @@
+{
+  "main": "../../bundles/ng-atomic-components-frames-smart-menu.umd.js",
+  "module": "../../fesm2015/ng-atomic-components-frames-smart-menu.js",
+  "es2015": "../../fesm2015/ng-atomic-components-frames-smart-menu.js",
+  "esm2015": "../../esm2015/frames/smart-menu/ng-atomic-components-frames-smart-menu.js",
+  "fesm2015": "../../fesm2015/ng-atomic-components-frames-smart-menu.js",
+  "typings": "ng-atomic-components-frames-smart-menu.d.ts",
+  "sideEffects": false,
+  "name": "@ng-atomic/components/frames/smart-menu"
+}

package/frames/smart-menu/smart-menu.frame.d.ts

@@ -0,0 +1,13 @@
+import { ElementRef } from '@angular/core';
+import { RouterOutlet } from '@angular/router';
+import * as i0 from "@angular/core";
+export declare class SmartMenuFrame {
+    isMainHidden: boolean;
+    label: string;
+    outlet?: RouterOutlet;
+    minNextWidth: number;
+    next: ElementRef;
+    get page(): string;
+    static ɵfac: i0.ɵɵFactoryDef<SmartMenuFrame, never>;
+    static ɵcmp: i0.ɵɵComponentDefWithMeta<SmartMenuFrame, "frames-smart-menu", never, { "label": "label"; "outlet": "outlet"; "minNextWidth": "minNextWidth"; }, {}, never, ["[menu]", "[contents]"]>;
+}

package/frames/smart-menu/smart-menu.module.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./smart-menu.frame";
+import * as i2 from "@angular/common";
+export declare class SmartMenuModule {
+    static ɵfac: i0.ɵɵFactoryDef<SmartMenuModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDefWithMeta<SmartMenuModule, [typeof i1.SmartMenuFrame], [typeof i2.CommonModule], [typeof i1.SmartMenuFrame]>;
+    static ɵinj: i0.ɵɵInjectorDef<SmartMenuModule>;
+}

package/molecules/actions-column/actions-column.module.d.ts

@@ -5,8 +5,9 @@ import * as i3 from "@angular/material/table";
 import * as i4 from "@angular/material/menu";
 import * as i5 from "@angular/material/button";
 import * as i6 from "@angular/material/icon";
+import * as i7 from "@ng-atomic/components/atoms/smart-menu-button";
 export declare class ActionsColumnModule {
     static ɵfac: i0.ɵɵFactoryDef<ActionsColumnModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDefWithMeta<ActionsColumnModule, [typeof i1.ActionsColumnMolecule], [typeof i2.CommonModule, typeof i3.MatTableModule, typeof i4.MatMenuModule, typeof i5.MatButtonModule, typeof i6.MatIconModule], [typeof i1.ActionsColumnMolecule]>;
+    static ɵmod: i0.ɵɵNgModuleDefWithMeta<ActionsColumnModule, [typeof i1.ActionsColumnMolecule], [typeof i2.CommonModule, typeof i3.MatTableModule, typeof i4.MatMenuModule, typeof i5.MatButtonModule, typeof i6.MatIconModule, typeof i7.SmartMenuButtonModule], [typeof i1.ActionsColumnMolecule]>;
     static ɵinj: i0.ɵɵInjectorDef<ActionsColumnModule>;
 }

package/molecules/actions-column/actions-column.molecule.d.ts

@@ -17,6 +17,7 @@ export declare class ActionsColumnMolecule<T> {
     ngOnInit(): void;
     ngOnDestroy(): void;
     private _syncColumnDefName;
+    onActionItemClick(test: any): void;
     static ɵfac: i0.ɵɵFactoryDef<ActionsColumnMolecule<any>, [{ optional: true; }, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDefWithMeta<ActionsColumnMolecule<any>, "molecules-actions-column", never, { "name": "name"; "actionItems": "actionItems"; }, { "actionItemClick": "actionItemClick"; }, never, never>;
 }

package/molecules/date-input-field/date-input-field.module.d.ts

@@ -0,0 +1,12 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./date-input-field.molecule";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/forms";
+import * as i4 from "@angular/material/input";
+import * as i5 from "@angular/material/datepicker";
+import * as i6 from "@ng-atomic/common/utils";
+export declare class DateInputFieldModule {
+    static ɵfac: i0.ɵɵFactoryDef<DateInputFieldModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDefWithMeta<DateInputFieldModule, [typeof i1.DateInputFieldMolecule], [typeof i2.CommonModule, typeof i3.ReactiveFormsModule, typeof i4.MatInputModule, typeof i5.MatDatepickerModule, typeof i6.MatDayjsDateModule], [typeof i1.DateInputFieldMolecule]>;
+    static ɵinj: i0.ɵɵInjectorDef<DateInputFieldModule>;
+}

package/molecules/date-input-field/date-input-field.molecule.d.ts

@@ -0,0 +1,13 @@
+import { FormControl } from '@ngneat/reactive-forms';
+import { Dayjs } from 'dayjs';
+import * as i0 from "@angular/core";
+export declare class DateInputFieldMolecule {
+    control: FormControl<Dayjs, any>;
+    private _control;
+    label: string;
+    placeholder: string;
+    hint?: string;
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDef<DateInputFieldMolecule, never>;
+    static ɵcmp: i0.ɵɵComponentDefWithMeta<DateInputFieldMolecule, "molecules-date-input-field", never, { "_control": "control"; "label": "label"; "placeholder": "placeholder"; "hint": "hint"; }, {}, never, never>;
+}

package/molecules/date-input-field/index.d.ts

@@ -0,0 +1,2 @@
+export { DateInputFieldMolecule } from './date-input-field.molecule';
+export { DateInputFieldModule } from './date-input-field.module';

package/molecules/date-input-field/ng-atomic-components-molecules-date-input-field.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@ng-atomic/components/molecules/date-input-field" />
+export * from './index';

package/molecules/date-input-field/package.json

@@ -0,0 +1,10 @@
+{
+  "main": "../../bundles/ng-atomic-components-molecules-date-input-field.umd.js",
+  "module": "../../fesm2015/ng-atomic-components-molecules-date-input-field.js",
+  "es2015": "../../fesm2015/ng-atomic-components-molecules-date-input-field.js",
+  "esm2015": "../../esm2015/molecules/date-input-field/ng-atomic-components-molecules-date-input-field.js",
+  "fesm2015": "../../fesm2015/ng-atomic-components-molecules-date-input-field.js",
+  "typings": "ng-atomic-components-molecules-date-input-field.d.ts",
+  "sideEffects": false,
+  "name": "@ng-atomic/components/molecules/date-input-field"
+}

package/molecules/select-input-field/select-input-field.molecule.d.ts

@@ -1,6 +1,6 @@
 import { FormControl } from '@ngneat/reactive-forms';
 import * as i0 from "@angular/core";
-interface Option<T> {
+export interface Option<T> {
     name: string;
     value: T;
 }
@@ -12,4 +12,3 @@ export declare class SelectInputFieldMolecule<T> {
     static ɵfac: i0.ɵɵFactoryDef<SelectInputFieldMolecule<any>, never>;
     static ɵcmp: i0.ɵɵComponentDefWithMeta<SelectInputFieldMolecule<any>, "molecules-select-input-field", never, { "label": "label"; "control": "control"; "options": "options"; }, {}, never, never>;
 }
-export {};

package/molecules/smart-column/smart-column.module.d.ts

@@ -2,9 +2,10 @@ import * as i0 from "@angular/core";
 import * as i1 from "./smart-column.molecule";
 import * as i2 from "@angular/common";
 import * as i3 from "@ng-atomic/common/pipes";
-import * as i4 from "@angular/material/table";
+import * as i4 from "@angular/material/icon";
+import * as i5 from "@angular/material/table";
 export declare class SmartColumnModule {
     static ɵfac: i0.ɵɵFactoryDef<SmartColumnModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDefWithMeta<SmartColumnModule, [typeof i1.SmartColumnMolecule], [typeof i2.CommonModule, typeof i3.SmartExpModule, typeof i4.MatTableModule], [typeof i1.SmartColumnMolecule]>;
+    static ɵmod: i0.ɵɵNgModuleDefWithMeta<SmartColumnModule, [typeof i1.SmartColumnMolecule], [typeof i2.CommonModule, typeof i3.SmartExpModule, typeof i4.MatIconModule, typeof i5.MatTableModule], [typeof i1.SmartColumnMolecule]>;
     static ɵinj: i0.ɵɵInjectorDef<SmartColumnModule>;
 }