@ng-atomic/components 5.13.0 → 5.14.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-organisms-tree-section.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/organisms/tree-section/tree-section.organism.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/tree-section/ng-atomic-components-organisms-tree-section.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatTreeFlatDataSource, MatTreeFlattener, MatTreeModule } from '@angular/material/tree';\nimport { FlatTreeControl } from '@angular/cdk/tree';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatCheckboxModule } from '@angular/material/checkbox';\nimport { SelectionModel } from '@angular/cdk/collections';\nimport * as gql from 'gql-query-builder';\nimport { Action } from '@ng-atomic/common/models';\nimport { parse, print } from 'graphql';\n\nfunction format(query: string): string {\n  return print(parse(query));\n}\n\nexport class Node {\n  children: Node[];\n  item: string;\n  value?: boolean | string;\n}\n\nexport class FlatNode {\n  item: string;\n  level: number;\n  expandable: boolean;\n}\n\nexport enum ActionId {\n  CHANGE_QUERY = '[@ng-atomic/components/organisms/tree-section] Change Query',\n}\n\n@Component({\n  selector: 'organisms-tree-section',\n  standalone: true,\n  imports: [\n    CommonModule,\n    MatTreeModule,\n    MatButtonModule,\n    MatIconModule,\n    MatCheckboxModule,\n  ],\n  template: `\n  <mat-tree [dataSource]=\"dataSource\" [treeControl]=\"treeControl\">\n    <mat-tree-node *matTreeNodeDef=\"let node\" matTreeNodeToggle matTreeNodePadding>\n      <mat-checkbox\n        class=\"checklist-leaf-node\"\n        [checked]=\"selection.isSelected(node)\"\n        (change)=\"todoLeafItemSelectionToggle(node)\"\n      >{{ node.item }} (a)</mat-checkbox>\n    </mat-tree-node>\n    <mat-tree-node *matTreeNodeDef=\"let node; when: hasChild\" matTreeNodePadding>\n      <mat-checkbox\n        [checked]=\"descendantsAllSelected(node)\"\n        [indeterminate]=\"descendantsPartiallySelected(node)\"\n        (change)=\"nodeSelectionToggle(node)\"\n      >{{ node.item }} (b)</mat-checkbox>\n    </mat-tree-node>\n  </mat-tree>\n  `,\n  styleUrls: ['./tree-section.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class TreeSectionOrganism {\n  flatNodeMap = new Map<FlatNode, Node>();\n  nestedNodeMap = new Map<Node, FlatNode>();\n  getLevel = (node: FlatNode) => node.level;\n  isExpandable = (node: FlatNode) => node.expandable;\n  treeControl = new FlatTreeControl<FlatNode>(this.getLevel, this.isExpandable);\n  hasChild = (_: number, _nodeData: FlatNode) => _nodeData.expandable;\n  getChildren = (node: Node): Node[] => node.children;\n  transformer = (node: Node, level: number) => {\n    const existingNode = this.nestedNodeMap.get(node);\n    const flatNode =\n      existingNode && existingNode.item === node.item ? existingNode : new FlatNode();\n    flatNode.item = node.item;\n    flatNode.level = level;\n    flatNode.expandable = !!node.children?.length;\n\n    this.flatNodeMap.set(flatNode, node);\n    this.nestedNodeMap.set(node, flatNode);\n    return flatNode;\n  };\n  treeFlattener = new MatTreeFlattener(\n    this.transformer,\n    this.getLevel,\n    this.isExpandable,\n    this.getChildren,\n  );\n  dataSource = new MatTreeFlatDataSource(this.treeControl, this.treeFlattener);\n\n  selection = new SelectionModel<FlatNode>(true);\n\n  buildNode(obj: {[key: string]: any}, level: number): Node[] {\n    return Object.keys(obj).reduce<Node[]>((accumulator, key) => {\n      const value = obj[key];\n      const node = new Node();\n      node.item = key;\n\n      if (value != null) {\n        if (typeof value === 'object') {\n          node.children = this.buildNode(value, level + 1);\n        } else {\n          node.item = value;\n        }\n      }\n\n      return accumulator.concat(node);\n    }, []);\n  }\n\n  buildValueNode(nodes: Node[]): Node[] {\n    return (nodes ?? []).map(node => {\n      const flatNode = this.nestedNodeMap.get(node);\n      node.value = this.selection.isSelected(flatNode);\n      node.children = this.buildValueNode(node.children);\n      return node;\n    });\n  }\n\n  buildFields(nodes: Node[]): (string | object)[] {\n    return nodes.reduce((acc, node) => {\n      if(node.value) {\n        if (node?.children?.length) {\n          return [...acc, {[node.item]: this.buildFields(node.children)}];\n        } else {\n          return [...acc, node.item];\n        }\n      } else {\n        return [...acc];\n      }\n    }, []);\n  }\n\n  onChange() {\n    console.debug('this.dataSource.data:', this.dataSource.data);\n    const nodes = this.buildValueNode(this.dataSource.data ?? []);\n    console.debug('nodes:', nodes);\n\n    const fields = this.buildFields(nodes);\n    console.debug('fields:', fields);\n    const options = fields.map(field => ({\n      operation: Object.keys(field)[0],\n      fields: Object.values(field)[0],\n      variables: {\n        take: {\n          value: 10,\n          required: false,\n        },\n      },\n    }))\n\n    const query = gql.query(options);\n\n    console.debug('parsed:', parse(query.query));\n\n    this.action.emit({\n      id: ActionId.CHANGE_QUERY,\n      payload: {query: format(query.query), variables: query.variables},\n    });\n    console.debug('query:', format(query.query));\n  }\n\n  @Input()\n  data: any = {};\n\n  @Output()\n  action = new EventEmitter<Action>();\n\n  ngOnInit() {\n  //   const TREE_DATA = {\n  //   Groceries: {\n  //     'Almond Meal flour': null,\n  //     'Organic eggs': null,\n  //     'Protein Powder': null,\n  //     Fruits: {\n  //       Apple: null,\n  //       Berries: ['Blueberry', 'Raspberry'],\n  //       Orange: null,\n  //     },\n  //   },\n  //   Reminders: [\n  //     'Cook dinner',\n  //     'Read the Material Design spec',\n  //     'Upgrade Application to Angular',\n  //     {\n  //       etst: ['test'],\n  //     }\n  //   ],\n  // };\n    this.dataSource.data = this.buildNode(this.data, 0);\n  }\n\n  todoLeafItemSelectionToggle(node) {\n    console.debug('todoItemSelectionToggle', node);\n    if (this.selection.isSelected(node)) {\n      this.selection.deselect(node);\n      this.treeControl.collapse(node);\n    } else {\n      this.selection.select(node);\n      this.treeControl.expand(node);\n    }\n    this.onChange();\n\n  }\n\n  /** Whether all the descendants of the node are selected. */\n  descendantsAllSelected(node: FlatNode): boolean {\n    const descendants = this.treeControl.getDescendants(node);\n    const descAllSelected =\n      descendants.length > 0 &&\n      descendants.every(child => {\n        return this.selection.isSelected(child);\n      });\n    return descAllSelected;\n  }\n\n  /** Whether part of the descendants are selected */\n  descendantsPartiallySelected(node: FlatNode): boolean {\n    const descendants = this.treeControl.getDescendants(node);\n    const result = descendants.some(child => this.selection.isSelected(child));\n    return result && !this.descendantsAllSelected(node);\n  }\n\n  nodeSelectionToggle(node: FlatNode) {\n    console.debug('todoItemSelectionToggle', this.selection.isSelected(node));\n    if (this.selection.isSelected(node)) {\n      this.selection.deselect(node);\n      this.treeControl.collapse(node);\n    } else {\n      this.selection.select(node);\n      this.treeControl.expand(node);\n    }\n    console.debug('todoItemSelectionToggle', node);\n    this.onChange();\n  }\n}\n\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2020/ng-atomic-components-pages-blank-blank.routes-09f8841a.mjs

@@ -0,0 +1,7 @@
+import { BlankPage } from './ng-atomic-components-pages-blank.mjs';
+import '@angular/core';
+
+const routes = [{ path: '', component: BlankPage }];
+
+export { routes };
+//# sourceMappingURL=ng-atomic-components-pages-blank-blank.routes-09f8841a.mjs.map

package/fesm2020/ng-atomic-components-pages-blank-blank.routes-09f8841a.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-pages-blank-blank.routes-09f8841a.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/pages/blank/blank.routes.ts"],"sourcesContent":["import { Routes } from '@angular/router';\nimport { BlankPage } from './blank.page';\n\nexport const routes: Routes = [{path: '', component: BlankPage}];\n"],"names":[],"mappings":";;;AAGO,MAAM,MAAM,GAAW,CAAC,EAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS,EAAC;;;;"}

package/fesm2020/ng-atomic-components-pages-blank.mjs

@@ -1,45 +1,18 @@
 import * as i0 from '@angular/core';
-import { Component, NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import * as i1 from '@angular/router';
-import { RouterModule } from '@angular/router';
+import { Component } from '@angular/core';
 
 class BlankPage {
 }
 BlankPage.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: BlankPage, deps: [], target: i0.ɵɵFactoryTarget.Component });
-BlankPage.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: BlankPage, selector: "pages-blank", ngImport: i0, template: '', isInline: true, styles: [":host{display:none}\n"] });
+BlankPage.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: BlankPage, isStandalone: true, selector: "pages-blank", ngImport: i0, template: '', isInline: true, styles: [":host{display:none}\n"] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: BlankPage, decorators: [{
             type: Component,
-            args: [{ selector: 'pages-blank', template: '', styles: [":host{display:none}\n"] }]
+            args: [{ selector: 'pages-blank', standalone: true, template: '', styles: [":host{display:none}\n"] }]
         }] });
 
-const routes = [{ path: '', component: BlankPage }];
-class BlankModule {
-}
-BlankModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: BlankModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-BlankModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.3", ngImport: i0, type: BlankModule, declarations: [BlankPage], imports: [CommonModule, i1.RouterModule], exports: [BlankPage] });
-BlankModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: BlankModule, imports: [CommonModule,
-        RouterModule.forChild(routes)] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: BlankModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [BlankPage],
-                    imports: [
-                        CommonModule,
-                        RouterModule.forChild(routes)
-                    ],
-                    exports: [BlankPage]
-                }]
-        }] });
-
-var blank_module = /*#__PURE__*/Object.freeze({
-        __proto__: null,
-        BlankModule: BlankModule
-});
-
 const BLANK_ROUTE = {
     path: '',
-    loadChildren: () => Promise.resolve().then(function () { return blank_module; }).then(m => m.BlankModule),
+    loadChildren: () => import('./ng-atomic-components-pages-blank-blank.routes-09f8841a.mjs').then(m => m.routes),
     data: { isBlank: true },
 };
 
@@ -47,5 +20,5 @@ const BLANK_ROUTE = {
  * Generated bundle index. Do not edit.
  */
 
-export { BLANK_ROUTE, BlankModule, BlankPage };
+export { BLANK_ROUTE, BlankPage };
 //# sourceMappingURL=ng-atomic-components-pages-blank.mjs.map

package/fesm2020/ng-atomic-components-pages-blank.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-pages-blank.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/pages/blank/blank.page.ts","../../../../../packages/@ng-atomic/components/src/lib/pages/blank/blank.module.ts","../../../../../packages/@ng-atomic/components/src/lib/pages/blank/blank.route.ts","../../../../../packages/@ng-atomic/components/src/lib/pages/blank/ng-atomic-components-pages-blank.ts"],"sourcesContent":["import { Component } from '@angular/core';\n\n@Component({\n  selector: 'pages-blank',\n  template:'',\n  styles: [':host { display: none }'],\n})\nexport class BlankPage { }\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { Routes, RouterModule } from '@angular/router';\nimport { BlankPage } from './blank.page';\n\nconst routes: Routes = [{path: '', component: BlankPage}];\n\n@NgModule({\n  declarations: [BlankPage],\n  imports: [\n    CommonModule,\n    RouterModule.forChild(routes)\n  ],\n  exports: [BlankPage]\n})\nexport class BlankModule { }","import { Route } from \"@angular/router\";\n\nexport const BLANK_ROUTE: Route = {\n  path: '',\n  loadChildren: () => import('./blank.module').then(m => m.BlankModule),\n  data: {isBlank: true},\n};\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MAOa,SAAS,CAAA;;sGAAT,SAAS,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAT,SAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,SAAS,mDAHX,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,uBAAA,CAAA,EAAA,CAAA,CAAA;2FAGA,SAAS,EAAA,UAAA,EAAA,CAAA;kBALrB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,aAAa,YACd,EAAE,EAAA,MAAA,EAAA,CAAA,uBAAA,CAAA,EAAA,CAAA;;;ACCb,MAAM,MAAM,GAAW,CAAC,EAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS,EAAC,CAAC,CAAC;MAU7C,WAAW,CAAA;;wGAAX,WAAW,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAX,WAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAW,EAPP,YAAA,EAAA,CAAA,SAAS,CAEtB,EAAA,OAAA,EAAA,CAAA,YAAY,8BAGJ,SAAS,CAAA,EAAA,CAAA,CAAA;AAER,WAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAW,YALpB,YAAY;AACZ,QAAA,YAAY,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAA,EAAA,CAAA,CAAA;2FAIpB,WAAW,EAAA,UAAA,EAAA,CAAA;kBARvB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,SAAS,CAAC;AACzB,oBAAA,OAAO,EAAE;wBACP,YAAY;AACZ,wBAAA,YAAY,CAAC,QAAQ,CAAC,MAAM,CAAC;AAC9B,qBAAA;oBACD,OAAO,EAAE,CAAC,SAAS,CAAC;AACrB,iBAAA,CAAA;;;;;;;;ACZY,MAAA,WAAW,GAAU;AAChC,IAAA,IAAI,EAAE,EAAE;AACR,IAAA,YAAY,EAAE,MAAM,4DAAwB,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;AACrE,IAAA,IAAI,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC;;;ACLvB;;AAEG;;;;"}
+{"version":3,"file":"ng-atomic-components-pages-blank.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/pages/blank/blank.page.ts","../../../../../packages/@ng-atomic/components/src/lib/pages/blank/blank.route.ts","../../../../../packages/@ng-atomic/components/src/lib/pages/blank/ng-atomic-components-pages-blank.ts"],"sourcesContent":["import { Component } from '@angular/core';\n\n@Component({\n  selector: 'pages-blank',\n  standalone: true,\n  template:'',\n  styles: [':host { display: none }'],\n})\nexport class BlankPage { }\n","import { Route } from \"@angular/router\";\n\nexport const BLANK_ROUTE: Route = {\n  path: '',\n  loadChildren: () => import('./blank.routes').then(m => m.routes),\n  data: {isBlank: true},\n};\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAQa,SAAS,CAAA;;sGAAT,SAAS,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAT,SAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,SAAS,uEAHX,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,uBAAA,CAAA,EAAA,CAAA,CAAA;2FAGA,SAAS,EAAA,UAAA,EAAA,CAAA;kBANrB,SAAS;+BACE,aAAa,EAAA,UAAA,EACX,IAAI,EAAA,QAAA,EACP,EAAE,EAAA,MAAA,EAAA,CAAA,uBAAA,CAAA,EAAA,CAAA;;;ACHA,MAAA,WAAW,GAAU;AAChC,IAAA,IAAI,EAAE,EAAE;AACR,IAAA,YAAY,EAAE,MAAM,OAAO,8DAAgB,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC;AAChE,IAAA,IAAI,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC;;;ACLvB;;AAEG;;;;"}

package/fesm2020/ng-atomic-components-templates-entrance.mjs

@@ -47,7 +47,7 @@ class EntranceTemplate {
     }
 }
 EntranceTemplate.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: EntranceTemplate, deps: [], target: i0.ɵɵFactoryTarget.Component });
-EntranceTemplate.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: EntranceTemplate, isStandalone: true, selector: "templates-entrance", inputs: { form: "form", isEmailSectionShown: "isEmailSectionShown", isPasswordSectionShown: "isPasswordSectionShown", actions: "actions" }, outputs: { action: "action" }, host: { classAttribute: "template" }, ngImport: i0, template: "<frames-card>\n  <frames-auto-layout vertical>\n    <organisms-heading>\u30ED\u30B0\u30A4\u30F3</organisms-heading>\n    <organisms-text-input-section\n      *ngIf=\"isEmailSectionShown\"\n      label=\"\u30E1\u30FC\u30EB\u30A2\u30C9\u30EC\u30B9\"\n      [control]=\"form.get('email')\"\n    ></organisms-text-input-section>\n    <organisms-text-input-section\n      *ngIf=\"isPasswordSectionShown\"\n      label=\"\u30D1\u30B9\u30EF\u30FC\u30C9\"\n      [control]=\"form.get('password')\"\n    ></organisms-text-input-section>\n    <organisms-action-buttons-section\n      [actions]=\"actions\"\n      (action)=\"action.emit($event)\"\n    ></organisms-action-buttons-section>\n  </frames-auto-layout>\n</frames-card>\n", styles: [":host{--horizontal-padding: 64px;--horizontal-padding-SCOPED-IN-entrance-wnmq: var(--horizontal-padding);--background-color: #eee;--background-color-SCOPED-IN-entrance-wnmq: var(--background-color)}:host{display:flex;justify-content:center;align-items:center;background-color:var(--background-color-SCOPED-IN-entrance-wnmq);width:100%;height:100%}:host frames-card{display:flex;flex-direction:column;width:600px;max-width:calc(100% - 32px);height:-moz-fit-content;height:fit-content}:host frames-card *{max-width:calc(100% - 32px);--horizontal-padding: var(--horizontal-padding-SCOPED-IN-entrance-wnmq)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: AutoLayoutFrame, selector: "frames-auto-layout" }, { kind: "component", type: CardFrame, selector: "frames-card" }, { kind: "component", type: ActionButtonsSectionOrganism, selector: "organisms-action-buttons-section", inputs: ["actions"], outputs: ["action"] }, { kind: "component", type: HeadingOrganism, selector: "organisms-heading", inputs: ["level"] }, { kind: "component", type: TextInputSectionOrganism, selector: "organisms-text-input-section", inputs: ["label", "placeholder", "type", "hint", "control"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+EntranceTemplate.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: EntranceTemplate, isStandalone: true, selector: "templates-entrance", inputs: { form: "form", isEmailSectionShown: "isEmailSectionShown", isPasswordSectionShown: "isPasswordSectionShown", actions: "actions" }, outputs: { action: "action" }, host: { classAttribute: "template" }, ngImport: i0, template: "<frames-card>\n  <frames-auto-layout vertical>\n    <organisms-heading>\u30ED\u30B0\u30A4\u30F3</organisms-heading>\n    <organisms-text-input-section\n      *ngIf=\"isEmailSectionShown\"\n      label=\"\u30E1\u30FC\u30EB\u30A2\u30C9\u30EC\u30B9\"\n      [control]=\"form.get('email')\"\n    ></organisms-text-input-section>\n    <organisms-text-input-section\n      *ngIf=\"isPasswordSectionShown\"\n      label=\"\u30D1\u30B9\u30EF\u30FC\u30C9\"\n      [control]=\"form.get('password')\"\n    ></organisms-text-input-section>\n    <organisms-action-buttons-section\n      [actions]=\"actions\"\n      (action)=\"action.emit($event)\"\n    ></organisms-action-buttons-section>\n  </frames-auto-layout>\n</frames-card>\n", styles: [":host{--horizontal-padding: 64px;--horizontal-padding-SCOPED-IN-entrance-rAeG: var(--horizontal-padding);--background-color: #eee;--background-color-SCOPED-IN-entrance-rAeG: var(--background-color)}:host{display:flex;justify-content:center;align-items:center;background-color:var(--background-color-SCOPED-IN-entrance-rAeG);width:100%;height:100%}:host frames-card{display:flex;flex-direction:column;width:600px;max-width:calc(100% - 32px);height:-moz-fit-content;height:fit-content}:host frames-card *{max-width:calc(100% - 32px);--horizontal-padding: var(--horizontal-padding-SCOPED-IN-entrance-rAeG)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: AutoLayoutFrame, selector: "frames-auto-layout" }, { kind: "component", type: CardFrame, selector: "frames-card" }, { kind: "component", type: ActionButtonsSectionOrganism, selector: "organisms-action-buttons-section", inputs: ["actions"], outputs: ["action"] }, { kind: "component", type: HeadingOrganism, selector: "organisms-heading", inputs: ["level"] }, { kind: "component", type: TextInputSectionOrganism, selector: "organisms-text-input-section", inputs: ["label", "placeholder", "type", "hint", "control"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: EntranceTemplate, decorators: [{
             type: Component,
             args: [{ selector: 'templates-entrance', standalone: true, imports: [
@@ -58,7 +58,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImpor
                         HeadingOrganism,
                         SocialLoginSectionOrganism,
                         TextInputSectionOrganism,
-                    ], host: { class: 'template' }, changeDetection: ChangeDetectionStrategy.OnPush, template: "<frames-card>\n  <frames-auto-layout vertical>\n    <organisms-heading>\u30ED\u30B0\u30A4\u30F3</organisms-heading>\n    <organisms-text-input-section\n      *ngIf=\"isEmailSectionShown\"\n      label=\"\u30E1\u30FC\u30EB\u30A2\u30C9\u30EC\u30B9\"\n      [control]=\"form.get('email')\"\n    ></organisms-text-input-section>\n    <organisms-text-input-section\n      *ngIf=\"isPasswordSectionShown\"\n      label=\"\u30D1\u30B9\u30EF\u30FC\u30C9\"\n      [control]=\"form.get('password')\"\n    ></organisms-text-input-section>\n    <organisms-action-buttons-section\n      [actions]=\"actions\"\n      (action)=\"action.emit($event)\"\n    ></organisms-action-buttons-section>\n  </frames-auto-layout>\n</frames-card>\n", styles: [":host{--horizontal-padding: 64px;--horizontal-padding-SCOPED-IN-entrance-wnmq: var(--horizontal-padding);--background-color: #eee;--background-color-SCOPED-IN-entrance-wnmq: var(--background-color)}:host{display:flex;justify-content:center;align-items:center;background-color:var(--background-color-SCOPED-IN-entrance-wnmq);width:100%;height:100%}:host frames-card{display:flex;flex-direction:column;width:600px;max-width:calc(100% - 32px);height:-moz-fit-content;height:fit-content}:host frames-card *{max-width:calc(100% - 32px);--horizontal-padding: var(--horizontal-padding-SCOPED-IN-entrance-wnmq)}\n"] }]
+                    ], host: { class: 'template' }, changeDetection: ChangeDetectionStrategy.OnPush, template: "<frames-card>\n  <frames-auto-layout vertical>\n    <organisms-heading>\u30ED\u30B0\u30A4\u30F3</organisms-heading>\n    <organisms-text-input-section\n      *ngIf=\"isEmailSectionShown\"\n      label=\"\u30E1\u30FC\u30EB\u30A2\u30C9\u30EC\u30B9\"\n      [control]=\"form.get('email')\"\n    ></organisms-text-input-section>\n    <organisms-text-input-section\n      *ngIf=\"isPasswordSectionShown\"\n      label=\"\u30D1\u30B9\u30EF\u30FC\u30C9\"\n      [control]=\"form.get('password')\"\n    ></organisms-text-input-section>\n    <organisms-action-buttons-section\n      [actions]=\"actions\"\n      (action)=\"action.emit($event)\"\n    ></organisms-action-buttons-section>\n  </frames-auto-layout>\n</frames-card>\n", styles: [":host{--horizontal-padding: 64px;--horizontal-padding-SCOPED-IN-entrance-rAeG: var(--horizontal-padding);--background-color: #eee;--background-color-SCOPED-IN-entrance-rAeG: var(--background-color)}:host{display:flex;justify-content:center;align-items:center;background-color:var(--background-color-SCOPED-IN-entrance-rAeG);width:100%;height:100%}:host frames-card{display:flex;flex-direction:column;width:600px;max-width:calc(100% - 32px);height:-moz-fit-content;height:fit-content}:host frames-card *{max-width:calc(100% - 32px);--horizontal-padding: var(--horizontal-padding-SCOPED-IN-entrance-rAeG)}\n"] }]
         }], propDecorators: { form: [{
                 type: Input
             }], isEmailSectionShown: [{

package/fesm2020/ng-atomic-components-templates-menu.mjs

@@ -10,13 +10,35 @@ class MenuTemplate {
     }
 }
 MenuTemplate.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: MenuTemplate, deps: [], target: i0.ɵɵFactoryTarget.Component });
-MenuTemplate.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: MenuTemplate, isStandalone: true, selector: "templates-menu", inputs: { actions: "actions" }, outputs: { action: "action" }, ngImport: i0, template: "<div class=\"top\">\n  <ng-content select=[header]></ng-content>\n  <organisms-navigation-list\n    [actions]=\"actions\"\n    (action)=\"action.emit($event)\"\n  ></organisms-navigation-list>\n</div>\n<div class=\"bottom\">\n  <ng-content select=[footer]></ng-content>\n</div>", styles: [":host{--primary-color: #3f51b5;--primary-color-SCOPED-IN-menu-BTbV: var(--primary-color);--secondary-color: #3f51b5;--secondary-color-SCOPED-IN-menu-BTbV: var(--secondary-color);--width: 100%;--width-SCOPED-IN-menu-BTbV: var(--width);--height: 100%;--height-SCOPED-IN-menu-BTbV: var(--height)}:host{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-BTbV);height:var(--height-SCOPED-IN-menu-BTbV);color:#fff;background-color:var(--primary-color-SCOPED-IN-menu-BTbV)}:host organisms-navigation-list{transition:width .5s;--primary-color: var(--primary-color-SCOPED-IN-menu-BTbV);--secondary-color: var(--secondary-color-SCOPED-IN-menu-BTbV)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: NavigationListOrganism, selector: "organisms-navigation-list", inputs: ["actions"], outputs: ["action"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+MenuTemplate.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: MenuTemplate, isStandalone: true, selector: "templates-menu", inputs: { actions: "actions" }, outputs: { action: "action" }, ngImport: i0, template: `
+  <div class="top">
+    <ng-content select=[header]></ng-content>
+    <organisms-navigation-list
+      [actions]="actions"
+      (action)="action.emit($event)"
+    ></organisms-navigation-list>
+  </div>
+  <div class="bottom">
+    <ng-content select=[footer]></ng-content>
+  </div>
+  `, isInline: true, styles: [":host{--primary-color: #3f51b5;--primary-color-SCOPED-IN-menu-JTQ8: var(--primary-color);--secondary-color: #3f51b5;--secondary-color-SCOPED-IN-menu-JTQ8: var(--secondary-color);--width: 100%;--width-SCOPED-IN-menu-JTQ8: var(--width);--height: 100%;--height-SCOPED-IN-menu-JTQ8: var(--height)}:host{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-JTQ8);height:var(--height-SCOPED-IN-menu-JTQ8);color:#fff;background-color:var(--primary-color-SCOPED-IN-menu-JTQ8)}:host organisms-navigation-list{transition:width .5s;--primary-color: var(--primary-color-SCOPED-IN-menu-JTQ8);--secondary-color: var(--secondary-color-SCOPED-IN-menu-JTQ8)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: NavigationListOrganism, selector: "organisms-navigation-list", inputs: ["actions"], outputs: ["action"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: MenuTemplate, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [
                         CommonModule,
                         NavigationListOrganism,
-                    ], selector: 'templates-menu', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"top\">\n  <ng-content select=[header]></ng-content>\n  <organisms-navigation-list\n    [actions]=\"actions\"\n    (action)=\"action.emit($event)\"\n  ></organisms-navigation-list>\n</div>\n<div class=\"bottom\">\n  <ng-content select=[footer]></ng-content>\n</div>", styles: [":host{--primary-color: #3f51b5;--primary-color-SCOPED-IN-menu-BTbV: var(--primary-color);--secondary-color: #3f51b5;--secondary-color-SCOPED-IN-menu-BTbV: var(--secondary-color);--width: 100%;--width-SCOPED-IN-menu-BTbV: var(--width);--height: 100%;--height-SCOPED-IN-menu-BTbV: var(--height)}:host{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-BTbV);height:var(--height-SCOPED-IN-menu-BTbV);color:#fff;background-color:var(--primary-color-SCOPED-IN-menu-BTbV)}:host organisms-navigation-list{transition:width .5s;--primary-color: var(--primary-color-SCOPED-IN-menu-BTbV);--secondary-color: var(--secondary-color-SCOPED-IN-menu-BTbV)}\n"] }]
+                    ], selector: 'templates-menu', template: `
+  <div class="top">
+    <ng-content select=[header]></ng-content>
+    <organisms-navigation-list
+      [actions]="actions"
+      (action)="action.emit($event)"
+    ></organisms-navigation-list>
+  </div>
+  <div class="bottom">
+    <ng-content select=[footer]></ng-content>
+  </div>
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--primary-color: #3f51b5;--primary-color-SCOPED-IN-menu-JTQ8: var(--primary-color);--secondary-color: #3f51b5;--secondary-color-SCOPED-IN-menu-JTQ8: var(--secondary-color);--width: 100%;--width-SCOPED-IN-menu-JTQ8: var(--width);--height: 100%;--height-SCOPED-IN-menu-JTQ8: var(--height)}:host{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-JTQ8);height:var(--height-SCOPED-IN-menu-JTQ8);color:#fff;background-color:var(--primary-color-SCOPED-IN-menu-JTQ8)}:host organisms-navigation-list{transition:width .5s;--primary-color: var(--primary-color-SCOPED-IN-menu-JTQ8);--secondary-color: var(--secondary-color-SCOPED-IN-menu-JTQ8)}\n"] }]
         }], propDecorators: { actions: [{
                 type: Input
             }], action: [{

package/fesm2020/ng-atomic-components-templates-menu.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-templates-menu.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/templates/menu/menu.template.ts","../../../../../packages/@ng-atomic/components/src/lib/templates/menu/menu.template.html","../../../../../packages/@ng-atomic/components/src/lib/templates/menu/ng-atomic-components-templates-menu.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { Action } from '@ng-atomic/common/models';\nimport { NavigationListOrganism } from '@ng-atomic/components/organisms/navigation-list';\n\n@Component({\n  standalone: true,\n  imports: [\n    CommonModule,\n    NavigationListOrganism,\n  ],\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  actions: Action<string>[] = [];\n\n  @Output()\n  action = new EventEmitter<Action>();\n\n}\n","<div class=\"top\">\n  <ng-content select=[header]></ng-content>\n  <organisms-navigation-list\n    [actions]=\"actions\"\n    (action)=\"action.emit($event)\"\n  ></organisms-navigation-list>\n</div>\n<div class=\"bottom\">\n  <ng-content select=[footer]></ng-content>\n</div>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;MAgBa,YAAY,CAAA;AAXzB,IAAA,WAAA,GAAA;QAcE,IAAO,CAAA,OAAA,GAAqB,EAAE,CAAC;AAG/B,QAAA,IAAA,CAAA,MAAM,GAAG,IAAI,YAAY,EAAU,CAAC;AAErC,KAAA;;yGARY,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAZ,YAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAY,EChBzB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,OAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,uRASM,EDDF,MAAA,EAAA,CAAA,krBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,YAAY,+BACZ,sBAAsB,EAAA,QAAA,EAAA,2BAAA,EAAA,MAAA,EAAA,CAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;2FAOb,YAAY,EAAA,UAAA,EAAA,CAAA;kBAXxB,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,UAAA,EAAA,IAAI,EACP,OAAA,EAAA;wBACP,YAAY;wBACZ,sBAAsB;AACvB,qBAAA,EAAA,QAAA,EACS,gBAAgB,EAAA,eAAA,EAGT,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,uRAAA,EAAA,MAAA,EAAA,CAAA,krBAAA,CAAA,EAAA,CAAA;8BAK/C,OAAO,EAAA,CAAA;sBADN,KAAK;gBAIN,MAAM,EAAA,CAAA;sBADL,MAAM;;;AErBT;;AAEG;;;;"}
+{"version":3,"file":"ng-atomic-components-templates-menu.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/templates/menu/menu.template.ts","../../../../../packages/@ng-atomic/components/src/lib/templates/menu/ng-atomic-components-templates-menu.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { Action } from '@ng-atomic/common/models';\nimport { NavigationListOrganism } from '@ng-atomic/components/organisms/navigation-list';\n\n@Component({\n  standalone: true,\n  imports: [\n    CommonModule,\n    NavigationListOrganism,\n  ],\n  selector: 'templates-menu',\n  template: `\n  <div class=\"top\">\n    <ng-content select=[header]></ng-content>\n    <organisms-navigation-list\n      [actions]=\"actions\"\n      (action)=\"action.emit($event)\"\n    ></organisms-navigation-list>\n  </div>\n  <div class=\"bottom\">\n    <ng-content select=[footer]></ng-content>\n  </div>\n  `,\n  styleUrls: ['./menu.template.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MenuTemplate {\n\n  @Input()\n  actions: Action<string>[] = [];\n\n  @Output()\n  action = new EventEmitter<Action>();\n\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;MA2Ba,YAAY,CAAA;AAtBzB,IAAA,WAAA,GAAA;QAyBE,IAAO,CAAA,OAAA,GAAqB,EAAE,CAAC;AAG/B,QAAA,IAAA,CAAA,MAAM,GAAG,IAAI,YAAY,EAAU,CAAC;AAErC,KAAA;;yGARY,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAZ,YAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAY,EAfb,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,OAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;;;;;GAWT,EAfC,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,krBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,YAAY,+BACZ,sBAAsB,EAAA,QAAA,EAAA,2BAAA,EAAA,MAAA,EAAA,CAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;2FAkBb,YAAY,EAAA,UAAA,EAAA,CAAA;kBAtBxB,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,UAAA,EAAA,IAAI,EACP,OAAA,EAAA;wBACP,YAAY;wBACZ,sBAAsB;AACvB,qBAAA,EAAA,QAAA,EACS,gBAAgB,EAChB,QAAA,EAAA,CAAA;;;;;;;;;;;GAWT,EAEgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,MAAA,EAAA,CAAA,krBAAA,CAAA,EAAA,CAAA;8BAK/C,OAAO,EAAA,CAAA;sBADN,KAAK;gBAIN,MAAM,EAAA,CAAA;sBADL,MAAM;;;AChCT;;AAEG;;;;"}

package/fesm2020/ng-atomic-components-templates-smart-crud.mjs

@@ -40,7 +40,7 @@ class SmartCrudTemplate {
     }
 }
 SmartCrudTemplate.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: SmartCrudTemplate, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SmartCrudTemplate.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: SmartCrudTemplate, isStandalone: true, selector: "templates-smart-crud", inputs: { title: "title", form: "form", navStartActions: "navStartActions", navEndActions: "navEndActions", actions: "actions" }, outputs: { action: "action" }, host: { classAttribute: "template" }, ngImport: i0, template: "<frames-scroll>\n  <organisms-navigator \n    [startActions]=\"navStartActions\"\n    [endActions]=\"navEndActions\"\n    (action)=\"action.emit($event)\"\n    navigator\n  >\n    <molecules-header [title]=\"title\"></molecules-header>\n  </organisms-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-text-input-section\n        *ngSwitchCase=\"'number'\"\n        [type]=\"'number'\"\n        [label]=\"entry[0] | D\"\n        [control]=\"entry[1]\"\n      ></organisms-text-input-section>\n      <organisms-textarea-section\n        *ngSwitchCase=\"'textarea'\"\n        [label]=\"entry[0] | D\"\n        [control]=\"entry[1]\"\n        [rows]=\"(entry[0] | smartField).rows\"\n      ></organisms-textarea-section>\n      <organisms-text-input-section\n        *ngSwitchDefault\n        [label]=\"entry[0] | D\"\n        [control]=\"entry[1]\"\n      ></organisms-text-input-section>\n    </ng-container>\n    <organisms-action-buttons-section\n      [actions]=\"actions\"\n      (action)=\"action.emit($event)\"\n    ></organisms-action-buttons-section>\n  </frames-auto-layout>\n</frames-scroll>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-smart-crud-593s: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-smart-crud-593s: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-smart-crud-593s: var(--gap)}:host{display:block;width:100%;height:100%;background:white}:host frames-auto-layout{height:-moz-fit-content;height:fit-content;--gap: var(--gap-SCOPED-IN-smart-crud-593s);--vertical-padding: var(--vertical-padding-SCOPED-IN-smart-crud-593s)}:host frames-auto-layout *{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-smart-crud-593s)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: DomainModule }, { kind: "pipe", type: i2.DomainPipe, name: "D" }, { kind: "ngmodule", type: SmartFieldModule }, { kind: "pipe", type: i3.SmartFieldPipe, name: "smartField" }, { kind: "component", type: AutoLayoutFrame, selector: "frames-auto-layout" }, { kind: "component", type: ScrollFrame, selector: "frames-scroll" }, { kind: "component", type: ActionButtonsSectionOrganism, selector: "organisms-action-buttons-section", inputs: ["actions"], outputs: ["action"] }, { kind: "component", type: NavigatorOrganism, selector: "organisms-navigator", inputs: ["startActions", "endActions"], outputs: ["action"] }, { kind: "component", type: DateInputSectionOrganism, selector: "organisms-date-input-section", inputs: ["control", "label", "placeholder"] }, { kind: "component", type: TextInputSectionOrganism, selector: "organisms-text-input-section", inputs: ["label", "placeholder", "type", "hint", "control"] }, { kind: "component", type: TextareaSectionOrganism, selector: "organisms-textarea-section", inputs: ["label", "rows", "control"], outputs: ["action"] }, { kind: "component", type: SelectInputSectionOrganism, selector: "organisms-select-input-section", inputs: ["label", "control", "options"] }, { kind: "component", type: HeaderMolecule, selector: "molecules-header", inputs: ["title", "description"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SmartCrudTemplate.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: SmartCrudTemplate, isStandalone: true, selector: "templates-smart-crud", inputs: { title: "title", form: "form", navStartActions: "navStartActions", navEndActions: "navEndActions", actions: "actions" }, outputs: { action: "action" }, host: { classAttribute: "template" }, ngImport: i0, template: "<frames-scroll>\n  <organisms-navigator \n    [startActions]=\"navStartActions\"\n    [endActions]=\"navEndActions\"\n    (action)=\"action.emit($event)\"\n    navigator\n  >\n    <molecules-header [title]=\"title\"></molecules-header>\n  </organisms-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-text-input-section\n        *ngSwitchCase=\"'number'\"\n        [type]=\"'number'\"\n        [label]=\"entry[0] | D\"\n        [control]=\"entry[1]\"\n      ></organisms-text-input-section>\n      <organisms-textarea-section\n        *ngSwitchCase=\"'textarea'\"\n        [label]=\"entry[0] | D\"\n        [control]=\"entry[1]\"\n        [rows]=\"(entry[0] | smartField).rows\"\n      ></organisms-textarea-section>\n      <organisms-text-input-section\n        *ngSwitchDefault\n        [label]=\"entry[0] | D\"\n        [control]=\"entry[1]\"\n      ></organisms-text-input-section>\n    </ng-container>\n    <organisms-action-buttons-section\n      [actions]=\"actions\"\n      (action)=\"action.emit($event)\"\n    ></organisms-action-buttons-section>\n  </frames-auto-layout>\n</frames-scroll>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-smart-crud-xRX6: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-smart-crud-xRX6: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-smart-crud-xRX6: var(--gap)}:host{display:block;width:100%;height:100%;background:white}:host frames-auto-layout{height:-moz-fit-content;height:fit-content;--gap: var(--gap-SCOPED-IN-smart-crud-xRX6);--vertical-padding: var(--vertical-padding-SCOPED-IN-smart-crud-xRX6)}:host frames-auto-layout *{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-smart-crud-xRX6)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: DomainModule }, { kind: "pipe", type: i2.DomainPipe, name: "D" }, { kind: "ngmodule", type: SmartFieldModule }, { kind: "pipe", type: i3.SmartFieldPipe, name: "smartField" }, { kind: "component", type: AutoLayoutFrame, selector: "frames-auto-layout" }, { kind: "component", type: ScrollFrame, selector: "frames-scroll" }, { kind: "component", type: ActionButtonsSectionOrganism, selector: "organisms-action-buttons-section", inputs: ["actions"], outputs: ["action"] }, { kind: "component", type: NavigatorOrganism, selector: "organisms-navigator", inputs: ["startActions", "endActions"], outputs: ["action"] }, { kind: "component", type: DateInputSectionOrganism, selector: "organisms-date-input-section", inputs: ["control", "label", "placeholder"] }, { kind: "component", type: TextInputSectionOrganism, selector: "organisms-text-input-section", inputs: ["label", "placeholder", "type", "hint", "control"] }, { kind: "component", type: TextareaSectionOrganism, selector: "organisms-textarea-section", inputs: ["label", "rows", "control"], outputs: ["action"] }, { kind: "component", type: SelectInputSectionOrganism, selector: "organisms-select-input-section", inputs: ["label", "control", "options"] }, { kind: "component", type: HeaderMolecule, selector: "molecules-header", inputs: ["title", "description"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: SmartCrudTemplate, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [
@@ -57,7 +57,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImpor
                         TextareaSectionOrganism,
                         SelectInputSectionOrganism,
                         HeaderMolecule,
-                    ], selector: 'templates-smart-crud', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'template' }, template: "<frames-scroll>\n  <organisms-navigator \n    [startActions]=\"navStartActions\"\n    [endActions]=\"navEndActions\"\n    (action)=\"action.emit($event)\"\n    navigator\n  >\n    <molecules-header [title]=\"title\"></molecules-header>\n  </organisms-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-text-input-section\n        *ngSwitchCase=\"'number'\"\n        [type]=\"'number'\"\n        [label]=\"entry[0] | D\"\n        [control]=\"entry[1]\"\n      ></organisms-text-input-section>\n      <organisms-textarea-section\n        *ngSwitchCase=\"'textarea'\"\n        [label]=\"entry[0] | D\"\n        [control]=\"entry[1]\"\n        [rows]=\"(entry[0] | smartField).rows\"\n      ></organisms-textarea-section>\n      <organisms-text-input-section\n        *ngSwitchDefault\n        [label]=\"entry[0] | D\"\n        [control]=\"entry[1]\"\n      ></organisms-text-input-section>\n    </ng-container>\n    <organisms-action-buttons-section\n      [actions]=\"actions\"\n      (action)=\"action.emit($event)\"\n    ></organisms-action-buttons-section>\n  </frames-auto-layout>\n</frames-scroll>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-smart-crud-593s: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-smart-crud-593s: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-smart-crud-593s: var(--gap)}:host{display:block;width:100%;height:100%;background:white}:host frames-auto-layout{height:-moz-fit-content;height:fit-content;--gap: var(--gap-SCOPED-IN-smart-crud-593s);--vertical-padding: var(--vertical-padding-SCOPED-IN-smart-crud-593s)}:host frames-auto-layout *{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-smart-crud-593s)}\n"] }]
+                    ], selector: 'templates-smart-crud', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'template' }, template: "<frames-scroll>\n  <organisms-navigator \n    [startActions]=\"navStartActions\"\n    [endActions]=\"navEndActions\"\n    (action)=\"action.emit($event)\"\n    navigator\n  >\n    <molecules-header [title]=\"title\"></molecules-header>\n  </organisms-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-text-input-section\n        *ngSwitchCase=\"'number'\"\n        [type]=\"'number'\"\n        [label]=\"entry[0] | D\"\n        [control]=\"entry[1]\"\n      ></organisms-text-input-section>\n      <organisms-textarea-section\n        *ngSwitchCase=\"'textarea'\"\n        [label]=\"entry[0] | D\"\n        [control]=\"entry[1]\"\n        [rows]=\"(entry[0] | smartField).rows\"\n      ></organisms-textarea-section>\n      <organisms-text-input-section\n        *ngSwitchDefault\n        [label]=\"entry[0] | D\"\n        [control]=\"entry[1]\"\n      ></organisms-text-input-section>\n    </ng-container>\n    <organisms-action-buttons-section\n      [actions]=\"actions\"\n      (action)=\"action.emit($event)\"\n    ></organisms-action-buttons-section>\n  </frames-auto-layout>\n</frames-scroll>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-smart-crud-xRX6: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-smart-crud-xRX6: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-smart-crud-xRX6: var(--gap)}:host{display:block;width:100%;height:100%;background:white}:host frames-auto-layout{height:-moz-fit-content;height:fit-content;--gap: var(--gap-SCOPED-IN-smart-crud-xRX6);--vertical-padding: var(--vertical-padding-SCOPED-IN-smart-crud-xRX6)}:host frames-auto-layout *{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-smart-crud-xRX6)}\n"] }]
         }], propDecorators: { title: [{
                 type: Input
             }], form: [{

package/fesm2020/ng-atomic-components-templates-smart-index.mjs

@@ -52,25 +52,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImpor
             }] } });
 class SmartIndexTemplate {
     constructor() {
+        this.ActionId = ActionId;
         this.ngAtomic = inject(NgAtomicDirective);
         this.gridToolbarActions = [];
         this.tableChildrenKey = '';
         this.form = new FormGroup({
-            pageIndex: new FormControl(0),
-            pageSize: new FormControl(0),
-            length: new FormControl(0),
+            query: new FormControl(''),
+            pagination: new FormGroup({
+                pageIndex: new FormControl(0),
+                pageSize: new FormControl(0),
+                length: new FormControl(0),
+            }),
+            sort: new FormGroup({
+                key: new FormControl(''),
+                order: new FormControl(''),
+            }),
         });
-        this.queryControl = new FormControl('');
         this.title = '';
         this.items = [];
-        this.itemActions = () => [];
+        this.itemActions = [];
         this.navStartActions = [{ id: ActionId.BACK, icon: 'arrow_back' }];
         this.navEndActions = [];
         this.properties = [];
         this.pageSizeOptions = [5, 10, 25, 100];
         this.queryPlaceholder = '';
         this.device = 'sp';
-        this.backButtonClick = new EventEmitter();
         this.pageChange = new EventEmitter();
     }
     onCheckboxClickItem(item) {
@@ -82,7 +88,57 @@ class SmartIndexTemplate {
 }
 SmartIndexTemplate.ActionId = ActionId;
 SmartIndexTemplate.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: SmartIndexTemplate, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SmartIndexTemplate.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: SmartIndexTemplate, isStandalone: true, selector: "templates-smart-index", inputs: { gridToolbarActions: "gridToolbarActions", tableChildrenKey: "tableChildrenKey", form: "form", queryControl: "queryControl", title: "title", description: "description", items: "items", itemActions: "itemActions", navStartActions: "navStartActions", navEndActions: "navEndActions", properties: "properties", selection: "selection", sortKey: "sortKey", sortOrder: "sortOrder", pageSizeOptions: "pageSizeOptions", queryPlaceholder: "queryPlaceholder", device: "device" }, outputs: { backButtonClick: "backButtonClick", pageChange: "pageChange" }, host: { classAttribute: "template" }, hostDirectives: [{ directive: NgAtomicDirective, outputs: ["action", "action"] }], ngImport: i0, template: "<frames-scroll>\n  <organisms-navigator\n    [startActions]=\"navStartActions\"\n    [endActions]=\"navEndActions\"\n    (action)=\"ngAtomic.onAction($event)\"\n    navigator\n  >\n    <molecules-header [title]=\"title\" [description]=\"description\"></molecules-header>\n  </organisms-navigator>\n  <frames-auto-layout vertical contents [ngSwitch]=\"device\">\n    <ng-container *ngSwitchCase=\"'sp'\">\n      <organisms-smart-list\n        [items]=\"items\"\n        (action)=\"ngAtomic.onAction($event)\"\n      ></organisms-smart-list>\n    </ng-container>\n    <ng-container *ngSwitchDefault>\n      <frames-divider>\n        <ng-content first select=\"[dashboard]\"></ng-content>\n        <div style=\"display: flex; flex-direction: column; width: 100%; height: 100%;\" second>\n          <organisms-grid-toolbar\n            *ngIf=\"gridToolbarActions\"\n            [actions]=\"gridToolbarActions\"\n            (action)=\"ngAtomic.onAction($event)\"\n          ></organisms-grid-toolbar>\n          <organisms-smart-table\n            [items]=\"items\"\n            [itemActions]=\"itemActions\"\n            [columns]=\"properties\"\n            [selection]=\"selection\"\n            [sortKey]=\"sortKey\"\n            [sortOrder]=\"sortOrder\"\n            [childrenKey]=\"tableChildrenKey\"\n            (action)=\"ngAtomic.onAction($event)\"\n            (checkboxClick)=\"onCheckboxClickItem($event)\"\n            (headerClick)=\"ngAtomic.onAction({id: ActionId.TABLE_HEADER_CLICK, payload: $event})\"\n          ></organisms-smart-table>\n          <organisms-paginator\n            *ngIf=\"form\"\n            [form]=\"form\"\n            [pageSizeOptions]=\"pageSizeOptions\"\n            [placeholder]=\"queryPlaceholder\"\n            (pageChange)=\"pageChange.emit($event)\"\n          ></organisms-paginator>\n        </div>\n      </frames-divider>\n      \n    </ng-container>\n  </frames-auto-layout>\n</frames-scroll>", styles: [":host{--navigator-height: 56px;--navigator-height-SCOPED-IN-smart-index-4AXy: var(--navigator-height)}:host{width:100%;height:100%;background:white;display:block}:host frames-auto-layout{--gap: 0;--vertical-padding: 0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "component", type: AutoLayoutFrame, selector: "frames-auto-layout" }, { kind: "component", type: ScrollFrame, selector: "frames-scroll" }, { kind: "component", type: DividerFrame, selector: "frames-divider" }, { kind: "component", type: GridToolbarOrganism, selector: "organisms-grid-toolbar", inputs: ["actions"], outputs: ["action"] }, { kind: "component", type: PaginatorOrganism, selector: "organisms-paginator", inputs: ["form", "pageSizeOptions"] }, { kind: "component", type: SmartTableOrganism, selector: "organisms-smart-table", inputs: ["columns", "childrenKey", "items", "itemActions", "pageSize", "selection", "sort"], outputs: ["action", "headerClick", "checkboxClick", "pageChange", "itemCheck"] }, { kind: "component", type: SmartListOrganism, selector: "organisms-smart-list", inputs: ["items"], outputs: ["action"] }, { kind: "component", type: NavigatorOrganism, selector: "organisms-navigator", inputs: ["startActions", "endActions"], outputs: ["action"] }, { kind: "component", type: HeaderMolecule, selector: "molecules-header", inputs: ["title", "description"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SmartIndexTemplate.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: SmartIndexTemplate, isStandalone: true, selector: "templates-smart-index", inputs: { gridToolbarActions: "gridToolbarActions", tableChildrenKey: "tableChildrenKey", form: "form", title: "title", description: "description", items: "items", itemActions: "itemActions", navStartActions: "navStartActions", navEndActions: "navEndActions", properties: "properties", selection: "selection", pageSizeOptions: "pageSizeOptions", queryPlaceholder: "queryPlaceholder", device: "device" }, outputs: { pageChange: "pageChange" }, host: { classAttribute: "template" }, hostDirectives: [{ directive: NgAtomicDirective, outputs: ["action", "action"] }], ngImport: i0, template: `
+  <frames-scroll>
+    <organisms-navigator
+      [startActions]="navStartActions"
+      [endActions]="navEndActions"
+      (action)="ngAtomic.onAction($event)"
+      navigator
+    >
+      <molecules-header [title]="title" [description]="description"></molecules-header>
+    </organisms-navigator>
+    <frames-auto-layout vertical contents [ngSwitch]="device">
+      <ng-container *ngSwitchCase="'sp'">
+        <organisms-smart-list
+          [items]="items"
+          (action)="ngAtomic.onAction($event)"
+        ></organisms-smart-list>
+      </ng-container>
+      <ng-container *ngSwitchDefault>
+        <frames-divider>
+          <ng-content first select="[dashboard]"></ng-content>
+          <div style="display: flex; flex-direction: column; width: 100%; height: 100%;" second>
+            <organisms-grid-toolbar
+              *ngIf="gridToolbarActions || true"
+              [actions]="gridToolbarActions"
+              [control]="form.get(['query'])"
+              (action)="ngAtomic.onAction($event)"
+            ></organisms-grid-toolbar>
+            <organisms-smart-table
+              [items]="items"
+              [itemActions]="itemActions"
+              [columns]="properties"
+              [selection]="selection"
+              [form]="form.get(['sort'])"
+              [childrenKey]="tableChildrenKey"
+              (action)="ngAtomic.onAction($event)"
+              (checkboxClick)="onCheckboxClickItem($event)"
+              (headerClick)="ngAtomic.onAction({id: ActionId.TABLE_HEADER_CLICK, payload: $event})"
+            ></organisms-smart-table>
+            <organisms-paginator
+              *ngIf="form.get(['pagination'])"
+              [form]="form.get(['pagination'])"
+              [pageSizeOptions]="pageSizeOptions"
+              [placeholder]="queryPlaceholder"
+            ></organisms-paginator>
+          </div>
+        </frames-divider>
+        
+      </ng-container>
+    </frames-auto-layout>
+  </frames-scroll>
+  `, isInline: true, styles: [":host{--navigator-height: 56px;--navigator-height-SCOPED-IN-smart-index-JA9O: var(--navigator-height)}:host{width:100%;height:100%;background:white;display:block}:host frames-auto-layout{--gap: 0;--vertical-padding: 0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "component", type: AutoLayoutFrame, selector: "frames-auto-layout" }, { kind: "component", type: ScrollFrame, selector: "frames-scroll" }, { kind: "component", type: DividerFrame, selector: "frames-divider" }, { kind: "component", type: GridToolbarOrganism, selector: "organisms-grid-toolbar", inputs: ["actions", "control"], outputs: ["action"] }, { kind: "component", type: PaginatorOrganism, selector: "organisms-paginator", inputs: ["form", "pageSizeOptions"] }, { kind: "component", type: SmartTableOrganism, selector: "organisms-smart-table", inputs: ["columns", "childrenKey", "items", "itemActions", "selection", "form"], outputs: ["action", "headerClick", "checkboxClick", "pageChange", "itemCheck"] }, { kind: "component", type: SmartListOrganism, selector: "organisms-smart-list", inputs: ["items"], outputs: ["action"] }, { kind: "component", type: NavigatorOrganism, selector: "organisms-navigator", inputs: ["startActions", "endActions"], outputs: ["action"] }, { kind: "component", type: HeaderMolecule, selector: "molecules-header", inputs: ["title", "description"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: SmartIndexTemplate, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [
@@ -97,20 +153,68 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImpor
                         NavigatorOrganism,
                         FiltersSectionOrganism,
                         HeaderMolecule,
-                    ], selector: 'templates-smart-index', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'template' }, hostDirectives: [
+                    ], selector: 'templates-smart-index', template: `
+  <frames-scroll>
+    <organisms-navigator
+      [startActions]="navStartActions"
+      [endActions]="navEndActions"
+      (action)="ngAtomic.onAction($event)"
+      navigator
+    >
+      <molecules-header [title]="title" [description]="description"></molecules-header>
+    </organisms-navigator>
+    <frames-auto-layout vertical contents [ngSwitch]="device">
+      <ng-container *ngSwitchCase="'sp'">
+        <organisms-smart-list
+          [items]="items"
+          (action)="ngAtomic.onAction($event)"
+        ></organisms-smart-list>
+      </ng-container>
+      <ng-container *ngSwitchDefault>
+        <frames-divider>
+          <ng-content first select="[dashboard]"></ng-content>
+          <div style="display: flex; flex-direction: column; width: 100%; height: 100%;" second>
+            <organisms-grid-toolbar
+              *ngIf="gridToolbarActions || true"
+              [actions]="gridToolbarActions"
+              [control]="form.get(['query'])"
+              (action)="ngAtomic.onAction($event)"
+            ></organisms-grid-toolbar>
+            <organisms-smart-table
+              [items]="items"
+              [itemActions]="itemActions"
+              [columns]="properties"
+              [selection]="selection"
+              [form]="form.get(['sort'])"
+              [childrenKey]="tableChildrenKey"
+              (action)="ngAtomic.onAction($event)"
+              (checkboxClick)="onCheckboxClickItem($event)"
+              (headerClick)="ngAtomic.onAction({id: ActionId.TABLE_HEADER_CLICK, payload: $event})"
+            ></organisms-smart-table>
+            <organisms-paginator
+              *ngIf="form.get(['pagination'])"
+              [form]="form.get(['pagination'])"
+              [pageSizeOptions]="pageSizeOptions"
+              [placeholder]="queryPlaceholder"
+            ></organisms-paginator>
+          </div>
+        </frames-divider>
+        
+      </ng-container>
+    </frames-auto-layout>
+  </frames-scroll>
+  `, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'template' }, hostDirectives: [
                         {
                             directive: NgAtomicDirective,
                             outputs: ['action'],
                         }
-                    ], template: "<frames-scroll>\n  <organisms-navigator\n    [startActions]=\"navStartActions\"\n    [endActions]=\"navEndActions\"\n    (action)=\"ngAtomic.onAction($event)\"\n    navigator\n  >\n    <molecules-header [title]=\"title\" [description]=\"description\"></molecules-header>\n  </organisms-navigator>\n  <frames-auto-layout vertical contents [ngSwitch]=\"device\">\n    <ng-container *ngSwitchCase=\"'sp'\">\n      <organisms-smart-list\n        [items]=\"items\"\n        (action)=\"ngAtomic.onAction($event)\"\n      ></organisms-smart-list>\n    </ng-container>\n    <ng-container *ngSwitchDefault>\n      <frames-divider>\n        <ng-content first select=\"[dashboard]\"></ng-content>\n        <div style=\"display: flex; flex-direction: column; width: 100%; height: 100%;\" second>\n          <organisms-grid-toolbar\n            *ngIf=\"gridToolbarActions\"\n            [actions]=\"gridToolbarActions\"\n            (action)=\"ngAtomic.onAction($event)\"\n          ></organisms-grid-toolbar>\n          <organisms-smart-table\n            [items]=\"items\"\n            [itemActions]=\"itemActions\"\n            [columns]=\"properties\"\n            [selection]=\"selection\"\n            [sortKey]=\"sortKey\"\n            [sortOrder]=\"sortOrder\"\n            [childrenKey]=\"tableChildrenKey\"\n            (action)=\"ngAtomic.onAction($event)\"\n            (checkboxClick)=\"onCheckboxClickItem($event)\"\n            (headerClick)=\"ngAtomic.onAction({id: ActionId.TABLE_HEADER_CLICK, payload: $event})\"\n          ></organisms-smart-table>\n          <organisms-paginator\n            *ngIf=\"form\"\n            [form]=\"form\"\n            [pageSizeOptions]=\"pageSizeOptions\"\n            [placeholder]=\"queryPlaceholder\"\n            (pageChange)=\"pageChange.emit($event)\"\n          ></organisms-paginator>\n        </div>\n      </frames-divider>\n      \n    </ng-container>\n  </frames-auto-layout>\n</frames-scroll>", styles: [":host{--navigator-height: 56px;--navigator-height-SCOPED-IN-smart-index-4AXy: var(--navigator-height)}:host{width:100%;height:100%;background:white;display:block}:host frames-auto-layout{--gap: 0;--vertical-padding: 0}\n"] }]
+                    ], styles: [":host{--navigator-height: 56px;--navigator-height-SCOPED-IN-smart-index-JA9O: var(--navigator-height)}:host{width:100%;height:100%;background:white;display:block}:host frames-auto-layout{--gap: 0;--vertical-padding: 0}\n"] }]
         }], propDecorators: { gridToolbarActions: [{
                 type: Input
             }], tableChildrenKey: [{
                 type: Input
             }], form: [{
                 type: Input
-            }], queryControl: [{
-                type: Input
             }], title: [{
                 type: Input
             }], description: [{
@@ -127,18 +231,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImpor
                 type: Input
             }], selection: [{
                 type: Input
-            }], sortKey: [{
-                type: Input
-            }], sortOrder: [{
-                type: Input
             }], pageSizeOptions: [{
                 type: Input
             }], queryPlaceholder: [{
                 type: Input
             }], device: [{
                 type: Input
-            }], backButtonClick: [{
-                type: Output
             }], pageChange: [{
                 type: Output
             }] } });

package/fesm2020/ng-atomic-components-templates-smart-index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-templates-smart-index.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/templates/smart-index/smart-index.template.ts","../../../../../packages/@ng-atomic/components/src/lib/templates/smart-index/smart-index.template.html","../../../../../packages/@ng-atomic/components/src/lib/templates/smart-index/ng-atomic-components-templates-smart-index.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Directive, EventEmitter, Input, Output, inject } from '@angular/core';\nimport { LegacyPageEvent as PageEvent } from '@angular/material/legacy-paginator';\nimport { CommonModule } from '@angular/common';\nimport { AutoLayoutFrame } from '@ng-atomic/components/frames/auto-layout';\nimport { ScrollFrame } from '@ng-atomic/components/frames/scroll';\nimport { HeaderMolecule } from '@ng-atomic/components/molecules/header';\nimport { SmartTableOrganism } from '@ng-atomic/components/organisms/smart-table';\nimport { SmartListOrganism, ActionId as ListActionId } from '@ng-atomic/components/organisms/smart-list';\nimport { NavigatorOrganism } from '@ng-atomic/components/organisms/navigator';\nimport { PaginatorOrganism } from '@ng-atomic/components/organisms/paginator';\nimport { Action } from '@ng-atomic/common/models';\nimport { FormControl, FormGroup } from '@angular/forms';\nimport { GridToolbarOrganism } from '@ng-atomic/components/organisms/grid-toolbar';\nimport { FiltersSectionOrganism } from '@ng-atomic/components/organisms/filters-section';\nimport { DividerFrame } from '@ng-atomic/components/frames/divider';\nimport { SelectionModel } from '@angular/cdk/collections';\n\nexport enum ActionId {\n  BACK = '[@ng-atomic/components/templates/smart-index] Back',\n  TABLE_HEADER_CLICK = '[@ng-atomic/components/templates/smart-index] Table Header Click',\n  ITEM_CLICK = '[@ng-atomic/components/templates/smart-index] Item Click',\n  CHECKBOX_CLICK = '[@ng-atomic/components/templates/smart-index] Check Item',\n}\n\n\n@Directive({ standalone: true })\nexport class NgAtomicDirective {\n  @Output()\n  action = new EventEmitter<Action>();\n\n  ngOnInit() {\n    this.action.subscribe(action => {\n      console.debug('NgAtomicDirective.action', action);\n    });\n  }\n\n  onAction(action: Action): void {\n    switch(action.id) {\n      case ListActionId.CLICK_ITEM:\n        return this.action.emit({...action, id: ActionId.ITEM_CLICK});\n      default: return this.action.emit(action);\n    }\n  }\n\n  dispatch(action: Action): void {\n    this.action.emit(action);\n  }\n}\n\n@Component({\n  standalone: true,\n  imports: [\n    CommonModule,\n    AutoLayoutFrame,\n    ScrollFrame,\n    DividerFrame,\n    GridToolbarOrganism,\n    PaginatorOrganism,\n    SmartTableOrganism,\n    SmartListOrganism,\n    NavigatorOrganism,\n    FiltersSectionOrganism,\n    HeaderMolecule,\n  ],\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  hostDirectives: [\n    {\n      directive: NgAtomicDirective,\n      outputs: ['action'],\n    }\n  ],\n})\nexport class SmartIndexTemplate<T> {\n  static ActionId = ActionId;\n\n  protected ngAtomic = inject(NgAtomicDirective);\n\n  @Input()\n  gridToolbarActions: Action[] = [];\n\n  @Input()\n  tableChildrenKey: string = '';\n\n  @Input()\n  form = new FormGroup({\n    pageIndex: new FormControl(0),\n    pageSize: new FormControl(0),\n    length: new FormControl(0),\n  });\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  itemActions: (item: T) => Action[] = () => [];\n\n  @Input()\n  navStartActions: Action[] = [{ id: ActionId.BACK, icon: 'arrow_back' }];\n\n  @Input()\n  navEndActions: Action[] = [];\n\n  @Input()\n  properties: (keyof T)[] =  [];\n\n  @Input()\n  selection!: SelectionModel<string>;\n\n  @Input()\n  sortKey?: string;\n\n  @Input()\n  sortOrder?: string;\n\n  @Input()\n  pageSizeOptions: number[] = [5, 10, 25, 100];\n\n  @Input()\n  queryPlaceholder = '';\n\n  @Input()\n  device: 'sp' | 'tablet' | 'pc' = 'sp';\n\n  @Output()\n  backButtonClick = new EventEmitter();\n\n  @Output()\n  pageChange = new EventEmitter<PageEvent>();\n\n  onCheckboxClickItem(item: T) {\n    this.ngAtomic.action.emit({\n      id: ActionId.CHECKBOX_CLICK,\n      payload: item,\n    });\n  }\n}\n","<frames-scroll>\n  <organisms-navigator\n    [startActions]=\"navStartActions\"\n    [endActions]=\"navEndActions\"\n    (action)=\"ngAtomic.onAction($event)\"\n    navigator\n  >\n    <molecules-header [title]=\"title\" [description]=\"description\"></molecules-header>\n  </organisms-navigator>\n  <frames-auto-layout vertical contents [ngSwitch]=\"device\">\n    <ng-container *ngSwitchCase=\"'sp'\">\n      <organisms-smart-list\n        [items]=\"items\"\n        (action)=\"ngAtomic.onAction($event)\"\n      ></organisms-smart-list>\n    </ng-container>\n    <ng-container *ngSwitchDefault>\n      <frames-divider>\n        <ng-content first select=\"[dashboard]\"></ng-content>\n        <div style=\"display: flex; flex-direction: column; width: 100%; height: 100%;\" second>\n          <organisms-grid-toolbar\n            *ngIf=\"gridToolbarActions\"\n            [actions]=\"gridToolbarActions\"\n            (action)=\"ngAtomic.onAction($event)\"\n          ></organisms-grid-toolbar>\n          <organisms-smart-table\n            [items]=\"items\"\n            [itemActions]=\"itemActions\"\n            [columns]=\"properties\"\n            [selection]=\"selection\"\n            [sortKey]=\"sortKey\"\n            [sortOrder]=\"sortOrder\"\n            [childrenKey]=\"tableChildrenKey\"\n            (action)=\"ngAtomic.onAction($event)\"\n            (checkboxClick)=\"onCheckboxClickItem($event)\"\n            (headerClick)=\"ngAtomic.onAction({id: ActionId.TABLE_HEADER_CLICK, payload: $event})\"\n          ></organisms-smart-table>\n          <organisms-paginator\n            *ngIf=\"form\"\n            [form]=\"form\"\n            [pageSizeOptions]=\"pageSizeOptions\"\n            [placeholder]=\"queryPlaceholder\"\n            (pageChange)=\"pageChange.emit($event)\"\n          ></organisms-paginator>\n        </div>\n      </frames-divider>\n      \n    </ng-container>\n  </frames-auto-layout>\n</frames-scroll>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["ListActionId"],"mappings":"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"}
+{"version":3,"file":"ng-atomic-components-templates-smart-index.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/templates/smart-index/smart-index.template.ts","../../../../../packages/@ng-atomic/components/src/lib/templates/smart-index/ng-atomic-components-templates-smart-index.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Directive, EventEmitter, Input, Output, inject } from '@angular/core';\nimport { LegacyPageEvent as PageEvent } from '@angular/material/legacy-paginator';\nimport { CommonModule } from '@angular/common';\nimport { AutoLayoutFrame } from '@ng-atomic/components/frames/auto-layout';\nimport { ScrollFrame } from '@ng-atomic/components/frames/scroll';\nimport { HeaderMolecule } from '@ng-atomic/components/molecules/header';\nimport { SmartTableOrganism } from '@ng-atomic/components/organisms/smart-table';\nimport { SmartListOrganism, ActionId as ListActionId } from '@ng-atomic/components/organisms/smart-list';\nimport { NavigatorOrganism } from '@ng-atomic/components/organisms/navigator';\nimport { PaginatorOrganism } from '@ng-atomic/components/organisms/paginator';\nimport { Action, Actions } from '@ng-atomic/common/models';\nimport { FormControl, FormGroup } from '@angular/forms';\nimport { GridToolbarOrganism } from '@ng-atomic/components/organisms/grid-toolbar';\nimport { FiltersSectionOrganism } from '@ng-atomic/components/organisms/filters-section';\nimport { DividerFrame } from '@ng-atomic/components/frames/divider';\nimport { SelectionModel } from '@angular/cdk/collections';\n\nexport enum ActionId {\n  BACK = '[@ng-atomic/components/templates/smart-index] Back',\n  TABLE_HEADER_CLICK = '[@ng-atomic/components/templates/smart-index] Table Header Click',\n  ITEM_CLICK = '[@ng-atomic/components/templates/smart-index] Item Click',\n  CHECKBOX_CLICK = '[@ng-atomic/components/templates/smart-index] Check Item',\n}\n\n\n@Directive({ standalone: true })\nexport class NgAtomicDirective {\n  @Output()\n  action = new EventEmitter<Action>();\n\n  ngOnInit() {\n    this.action.subscribe(action => {\n      console.debug('NgAtomicDirective.action', action);\n    });\n  }\n\n  onAction(action: Action): void {\n    switch(action.id) {\n      case ListActionId.CLICK_ITEM:\n        return this.action.emit({...action, id: ActionId.ITEM_CLICK});\n      default: return this.action.emit(action);\n    }\n  }\n\n  dispatch(action: Action): void {\n    this.action.emit(action);\n  }\n}\n\n@Component({\n  standalone: true,\n  imports: [\n    CommonModule,\n    AutoLayoutFrame,\n    ScrollFrame,\n    DividerFrame,\n    GridToolbarOrganism,\n    PaginatorOrganism,\n    SmartTableOrganism,\n    SmartListOrganism,\n    NavigatorOrganism,\n    FiltersSectionOrganism,\n    HeaderMolecule,\n  ],\n  selector: 'templates-smart-index',\n  template: `\n  <frames-scroll>\n    <organisms-navigator\n      [startActions]=\"navStartActions\"\n      [endActions]=\"navEndActions\"\n      (action)=\"ngAtomic.onAction($event)\"\n      navigator\n    >\n      <molecules-header [title]=\"title\" [description]=\"description\"></molecules-header>\n    </organisms-navigator>\n    <frames-auto-layout vertical contents [ngSwitch]=\"device\">\n      <ng-container *ngSwitchCase=\"'sp'\">\n        <organisms-smart-list\n          [items]=\"items\"\n          (action)=\"ngAtomic.onAction($event)\"\n        ></organisms-smart-list>\n      </ng-container>\n      <ng-container *ngSwitchDefault>\n        <frames-divider>\n          <ng-content first select=\"[dashboard]\"></ng-content>\n          <div style=\"display: flex; flex-direction: column; width: 100%; height: 100%;\" second>\n            <organisms-grid-toolbar\n              *ngIf=\"gridToolbarActions || true\"\n              [actions]=\"gridToolbarActions\"\n              [control]=\"form.get(['query'])\"\n              (action)=\"ngAtomic.onAction($event)\"\n            ></organisms-grid-toolbar>\n            <organisms-smart-table\n              [items]=\"items\"\n              [itemActions]=\"itemActions\"\n              [columns]=\"properties\"\n              [selection]=\"selection\"\n              [form]=\"form.get(['sort'])\"\n              [childrenKey]=\"tableChildrenKey\"\n              (action)=\"ngAtomic.onAction($event)\"\n              (checkboxClick)=\"onCheckboxClickItem($event)\"\n              (headerClick)=\"ngAtomic.onAction({id: ActionId.TABLE_HEADER_CLICK, payload: $event})\"\n            ></organisms-smart-table>\n            <organisms-paginator\n              *ngIf=\"form.get(['pagination'])\"\n              [form]=\"form.get(['pagination'])\"\n              [pageSizeOptions]=\"pageSizeOptions\"\n              [placeholder]=\"queryPlaceholder\"\n            ></organisms-paginator>\n          </div>\n        </frames-divider>\n        \n      </ng-container>\n    </frames-auto-layout>\n  </frames-scroll>\n  `,\n  styleUrls: ['./smart-index.template.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: { class: 'template' },\n  hostDirectives: [\n    {\n      directive: NgAtomicDirective,\n      outputs: ['action'],\n    }\n  ],\n})\nexport class SmartIndexTemplate<T> {\n  static ActionId = ActionId;\n  protected ActionId = ActionId;\n  protected ngAtomic = inject(NgAtomicDirective);\n\n  @Input()\n  gridToolbarActions: Action[] = [];\n\n  @Input()\n  tableChildrenKey: string = '';\n\n  @Input()\n  form = new FormGroup({\n    query: new FormControl(''),\n    pagination: new FormGroup({\n      pageIndex: new FormControl(0),\n      pageSize: new FormControl(0),\n      length: new FormControl(0),\n    }),\n    sort: new FormGroup({\n      key: new FormControl(''),\n      order: new FormControl(''),\n    }),\n  });\n\n  @Input()\n  title: string = '';\n\n  @Input()\n  description?: string;\n\n  @Input()\n  items: T[] = [];\n\n  @Input()\n  itemActions: Actions = [];\n\n  @Input()\n  navStartActions: Actions = [{ id: ActionId.BACK, icon: 'arrow_back' }];\n\n  @Input()\n  navEndActions: Actions = [];\n\n  @Input()\n  properties: (keyof T)[] =  [];\n\n  @Input()\n  selection!: SelectionModel<string>;\n\n  @Input()\n  pageSizeOptions: number[] = [5, 10, 25, 100];\n\n  @Input()\n  queryPlaceholder = '';\n\n  @Input()\n  device: 'sp' | 'tablet' | 'pc' = 'sp';\n\n  @Output()\n  pageChange = new EventEmitter<PageEvent>();\n\n  onCheckboxClickItem(item: T) {\n    this.ngAtomic.action.emit({\n      id: ActionId.CHECKBOX_CLICK,\n      payload: item,\n    });\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["ListActionId"],"mappings":"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"}

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

@@ -1,6 +1,6 @@
 import { CdkCellDef, CdkColumnDef, CdkHeaderCellDef, CdkTable, TextColumnOptions } from '@angular/cdk/table';
 import { EventEmitter } from '@angular/core';
-import { Action } from '@ng-atomic/common/models';
+import { Action, Actions } from '@ng-atomic/common/models';
 import * as i0 from "@angular/core";
 export declare class ActionsColumnMolecule<T> {
     private _table;
@@ -8,7 +8,7 @@ export declare class ActionsColumnMolecule<T> {
     get name(): string;
     set name(name: string);
     _name: string;
-    itemActions: (item: T) => Action[];
+    itemActions: Actions;
     action: EventEmitter<Action<any>>;
     columnDef: CdkColumnDef;
     cell: CdkCellDef;

package/organisms/grid-toolbar/grid-toolbar.organism.d.ts

@@ -1,5 +1,6 @@
 import { EventEmitter } from '@angular/core';
 import { Action } from '@ng-atomic/common/models';
+import { FormControl } from '@angular/forms';
 import * as i0 from "@angular/core";
 export declare enum ActionId {
     COLUMNS = "[@ng-atomic/components/organisms/grid-toolbar] Columns",
@@ -8,7 +9,8 @@ export declare enum ActionId {
 }
 export declare class GridToolbarOrganism {
     actions: Action[];
+    control: FormControl<string>;
     action: EventEmitter<Action<any>>;
     static ɵfac: i0.ɵɵFactoryDeclaration<GridToolbarOrganism, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GridToolbarOrganism, "organisms-grid-toolbar", never, { "actions": "actions"; }, { "action": "action"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GridToolbarOrganism, "organisms-grid-toolbar", never, { "actions": "actions"; "control": "control"; }, { "action": "action"; }, never, never, true, never>;
 }

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

@@ -1,9 +1,9 @@
 import { EventEmitter } from '@angular/core';
-import { Action } from '@ng-atomic/common/models';
+import { Action, Actions } from '@ng-atomic/common/models';
 import * as i0 from "@angular/core";
 export declare class NavigatorOrganism {
-    startActions: Action[];
-    endActions: Action[];
+    startActions: Actions;
+    endActions: Actions;
     action: EventEmitter<Action<any>>;
     static ɵfac: i0.ɵɵFactoryDeclaration<NavigatorOrganism, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<NavigatorOrganism, "organisms-navigator", never, { "startActions": "startActions"; "endActions": "endActions"; }, { "action": "action"; }, never, ["*"], true, never>;