@ng-atomic/components 1.2.1 → 1.3.0

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-Z3oK: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/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>;
 }

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

@@ -1,7 +1,10 @@
+import { EventEmitter } from '@angular/core';
 import { MatTextColumn } from '@angular/material/table';
 import * as i0 from "@angular/core";
 export declare class SmartColumnMolecule<T> extends MatTextColumn<T> {
     dataAccessor: (data: any, name: string) => string;
+    sort: 'asc' | 'desc' | 'none';
+    headerClick: EventEmitter<void>;
     static ɵfac: i0.ɵɵFactoryDef<SmartColumnMolecule<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDefWithMeta<SmartColumnMolecule<any>, "molecules-smart-column", never, {}, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDefWithMeta<SmartColumnMolecule<any>, "molecules-smart-column", never, { "sort": "sort"; }, { "headerClick": "headerClick"; }, never, never>;
 }

package/organisms/action-buttons-section/action-buttons-section.organism.d.ts

@@ -4,6 +4,7 @@ import * as i0 from "@angular/core";
 export declare class ActionButtonsSectionOrganism {
     actionItems: ActionItem[];
     actionItemClick: EventEmitter<[ActionItem]>;
+    trackById: (item: ActionItem) => string | number;
     static ɵfac: i0.ɵɵFactoryDef<ActionButtonsSectionOrganism, never>;
     static ɵcmp: i0.ɵɵComponentDefWithMeta<ActionButtonsSectionOrganism, "organisms-action-buttons-section", never, { "actionItems": "actionItems"; }, { "actionItemClick": "actionItemClick"; }, never, never>;
 }

package/organisms/back-navigator/back-navigator.module.d.ts

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

package/organisms/back-navigator/back-navigator.organism.d.ts

@@ -4,9 +4,10 @@ import * as i0 from "@angular/core";
 export declare class BackNavigatorOrganism {
     canBack: boolean;
     title?: string;
+    description?: string;
     actionItems: ActionItem[];
     backButtonClick: EventEmitter<void>;
     actionItemClick: EventEmitter<ActionItemEvent<any>>;
     static ɵfac: i0.ɵɵFactoryDef<BackNavigatorOrganism, never>;
-    static ɵcmp: i0.ɵɵComponentDefWithMeta<BackNavigatorOrganism, "organisms-back-navigator", never, { "canBack": "canBack"; "title": "title"; "actionItems": "actionItems"; }, { "backButtonClick": "backButtonClick"; "actionItemClick": "actionItemClick"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDefWithMeta<BackNavigatorOrganism, "organisms-back-navigator", never, { "canBack": "canBack"; "title": "title"; "description": "description"; "actionItems": "actionItems"; }, { "backButtonClick": "backButtonClick"; "actionItemClick": "actionItemClick"; }, never, never>;
 }

package/organisms/date-input-section/date-input-section.module.d.ts

@@ -1,12 +1,9 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./date-input-section.organism";
 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";
+import * as i3 from "@ng-atomic/components/molecules/date-input-field";
 export declare class DateInputSectionModule {
     static ɵfac: i0.ɵɵFactoryDef<DateInputSectionModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDefWithMeta<DateInputSectionModule, [typeof i1.DateInputSectionOrganism], [typeof i2.CommonModule, typeof i3.ReactiveFormsModule, typeof i4.MatInputModule, typeof i5.MatDatepickerModule, typeof i6.MatDayjsDateModule], [typeof i1.DateInputSectionOrganism]>;
+    static ɵmod: i0.ɵɵNgModuleDefWithMeta<DateInputSectionModule, [typeof i1.DateInputSectionOrganism], [typeof i2.CommonModule, typeof i3.DateInputFieldModule], [typeof i1.DateInputSectionOrganism]>;
     static ɵinj: i0.ɵɵInjectorDef<DateInputSectionModule>;
 }

package/organisms/date-input-section/date-input-section.organism.d.ts

@@ -5,7 +5,6 @@ export declare class DateInputSectionOrganism {
     control: FormControl<dayjs.Dayjs, any>;
     label: string;
     placeholder: string;
-    ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDef<DateInputSectionOrganism, never>;
     static ɵcmp: i0.ɵɵComponentDefWithMeta<DateInputSectionOrganism, "organisms-date-input-section", never, { "control": "control"; "label": "label"; "placeholder": "placeholder"; }, {}, never, never>;
 }

package/organisms/input-field-section/input-field-section.organism.d.ts

@@ -3,7 +3,9 @@ import * as i0 from "@angular/core";
 export declare class InputFieldSectionOrganism {
     label: string;
     placeholder: string;
+    type: 'text' | 'number' | 'password';
+    hint: string;
     control: FormControl<string, any>;
     static ɵfac: i0.ɵɵFactoryDef<InputFieldSectionOrganism, never>;
-    static ɵcmp: i0.ɵɵComponentDefWithMeta<InputFieldSectionOrganism, "organisms-input-field-section", never, { "label": "label"; "placeholder": "placeholder"; "control": "control"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDefWithMeta<InputFieldSectionOrganism, "organisms-input-field-section", never, { "label": "label"; "placeholder": "placeholder"; "type": "type"; "hint": "hint"; "control": "control"; }, {}, never, never>;
 }

package/organisms/smart-table/smart-table.organism.d.ts

@@ -9,10 +9,13 @@ export declare class SmartTableOrganism<Item extends object> {
     pageSize: number;
     actionItems: ActionItem[];
     selectedIdSet: Set<string>;
+    sortKey?: string;
+    sortOrder?: 'asc' | 'desc';
     actionItemClick: EventEmitter<[ActionItem, Item]>;
+    headerClick: EventEmitter<string>;
     checkboxClick: EventEmitter<[Item, boolean]>;
     pageChange: EventEmitter<any>;
     itemCheck: EventEmitter<[Item, boolean]>;
     static ɵfac: i0.ɵɵFactoryDef<SmartTableOrganism<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDefWithMeta<SmartTableOrganism<any>, "organisms-smart-table", never, { "columns": "columns"; "items": "items"; "patientsSize": "patientsSize"; "pageSize": "pageSize"; "actionItems": "actionItems"; "selectedIdSet": "selectedIdSet"; }, { "actionItemClick": "actionItemClick"; "checkboxClick": "checkboxClick"; "pageChange": "pageChange"; "itemCheck": "itemCheck"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDefWithMeta<SmartTableOrganism<any>, "organisms-smart-table", never, { "columns": "columns"; "items": "items"; "patientsSize": "patientsSize"; "pageSize": "pageSize"; "actionItems": "actionItems"; "selectedIdSet": "selectedIdSet"; "sortKey": "sortKey"; "sortOrder": "sortOrder"; }, { "actionItemClick": "actionItemClick"; "headerClick": "headerClick"; "checkboxClick": "checkboxClick"; "pageChange": "pageChange"; "itemCheck": "itemCheck"; }, never, never>;
 }

package/organisms/top-navigator/top-navigator.module.d.ts

@@ -1,12 +1,11 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./top-navigator.organism";
 import * as i2 from "@angular/common";
-import * as i3 from "@angular/material/button";
-import * as i4 from "@angular/material/icon";
-import * as i5 from "@angular/material/toolbar";
-import * as i6 from "@angular/material/menu";
+import * as i3 from "@angular/material/toolbar";
+import * as i4 from "@angular/material/menu";
+import * as i5 from "@ng-atomic/components/atoms/smart-menu-button";
 export declare class TopNavigatorModule {
     static ɵfac: i0.ɵɵFactoryDef<TopNavigatorModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDefWithMeta<TopNavigatorModule, [typeof i1.TopNavigatorOrganism], [typeof i2.CommonModule, typeof i3.MatButtonModule, typeof i4.MatIconModule, typeof i5.MatToolbarModule, typeof i6.MatMenuModule], [typeof i1.TopNavigatorOrganism]>;
+    static ɵmod: i0.ɵɵNgModuleDefWithMeta<TopNavigatorModule, [typeof i1.TopNavigatorOrganism], [typeof i2.CommonModule, typeof i3.MatToolbarModule, typeof i4.MatMenuModule, typeof i5.SmartMenuButtonModule], [typeof i1.TopNavigatorOrganism]>;
     static ɵinj: i0.ɵɵInjectorDef<TopNavigatorModule>;
 }

package/organisms/top-navigator/top-navigator.organism.d.ts

@@ -1,13 +1,13 @@
 import { EventEmitter } from '@angular/core';
-import { MenuItem } from '@ng-atomic/common/models';
+import { ActionItem } from '@ng-atomic/common/models';
 import * as i0 from "@angular/core";
 export declare class TopNavigatorOrganism {
     title?: string;
-    menuItems: MenuItem[];
-    menuItemClick: EventEmitter<MenuItem>;
+    actionItems: ActionItem[];
+    actionItemClick: EventEmitter<ActionItem>;
     id: (item: {
         id: string;
     }) => string;
     static ɵfac: i0.ɵɵFactoryDef<TopNavigatorOrganism, never>;
-    static ɵcmp: i0.ɵɵComponentDefWithMeta<TopNavigatorOrganism, "organisms-top-navigator", never, { "title": "title"; "menuItems": "menuItems"; }, { "menuItemClick": "menuItemClick"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDefWithMeta<TopNavigatorOrganism, "organisms-top-navigator", never, { "title": "title"; "actionItems": "actionItems"; }, { "actionItemClick": "actionItemClick"; }, never, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ng-atomic/components",
-  "version": "1.2.1",
+  "version": "1.3.0",
   "peerDependencies": {
     "@angular/common": "^11.2.14",
     "@angular/core": "^11.2.14",

package/pages/blank/blank.route.d.ts

@@ -0,0 +1,2 @@
+import { Route } from "@angular/router";
+export declare const BLANK_ROUTE: Route;

package/pages/blank/index.d.ts

@@ -1,2 +1,3 @@
 export * from './blank.module';
 export * from './blank.page';
+export * from './blank.route';

package/templates/entrance/entrance.template.d.ts

@@ -1,10 +1,16 @@
 import { EventEmitter } from '@angular/core';
+import { FormGroup, FormControl } from '@ngneat/reactive-forms';
 import * as i0 from "@angular/core";
 export declare class EntranceTemplate {
+    form: FormGroup<{
+        email: string | FormControl<string, any>;
+        password: string | FormControl<string, any>;
+    }, any>;
     isEmailSectionShown: boolean;
     isPasswordSectionShown: boolean;
+    actionItems: any[];
     submitButtonClick: EventEmitter<void>;
     signInWithGoogleButtonClick: EventEmitter<void>;
     static ɵfac: i0.ɵɵFactoryDef<EntranceTemplate, never>;
-    static ɵcmp: i0.ɵɵComponentDefWithMeta<EntranceTemplate, "templates-entrance", never, { "isEmailSectionShown": "isEmailSectionShown"; "isPasswordSectionShown": "isPasswordSectionShown"; }, { "submitButtonClick": "submitButtonClick"; "signInWithGoogleButtonClick": "signInWithGoogleButtonClick"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDefWithMeta<EntranceTemplate, "templates-entrance", never, { "form": "form"; "isEmailSectionShown": "isEmailSectionShown"; "isPasswordSectionShown": "isPasswordSectionShown"; "actionItems": "actionItems"; }, { "submitButtonClick": "submitButtonClick"; "signInWithGoogleButtonClick": "signInWithGoogleButtonClick"; }, never, never>;
 }

package/templates/menu/index.d.ts

@@ -0,0 +1,2 @@
+export { MenuTemplate } from './menu.template';
+export { MenuModule } from './menu.module';