@ng-atomic/components 18.0.0 → 18.1.0

package/fesm2022/ng-atomic-components-organisms-table.mjs

@@ -209,6 +209,7 @@ class TableOrganism extends NgAtomicComponent {
               [headerText]="column.headerText"
               [treeControl]="store.treeControl()"
               [sort]="column.sort"
+              [width]="column.width"
               (headerClick)="onHeaderClick(column.name)"
             />
           }
@@ -217,6 +218,7 @@ class TableOrganism extends NgAtomicComponent {
               [name]="column.name"
               [headerText]="column.headerText"
               [sort]="column.sort"
+              [width]="column.width"
               (headerClick)="onHeaderClick(column.name)"
             />
           }
@@ -233,7 +235,7 @@ class TableOrganism extends NgAtomicComponent {
       <div class="mat-row" *matNoDataRow>No Data</div>
     </tbody>
   </table>
-  `, isInline: true, styles: [":host{--width: 100%;--width-SCOPED-IN-smart-table-uSmw: var(--width);--column-vertical-padding: 4px;--column-vertical-padding-SCOPED-IN-smart-table-uSmw: var(--column-vertical-padding);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-smart-table-uSmw: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-smart-table-uSmw: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-smart-table-uSmw: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-smart-table-uSmw: var(--on-background-color);--vertical-padding: 16px;--vertical-padding-SCOPED-IN-smart-table-uSmw: var(--vertical-padding)}.cdk-drag-preview{display:table;background-color:#fff}.cdk-drag-placeholder{opacity:0}:host{position:relative;display:block;width:100%;height:100%;overflow:scroll}:host::-webkit-scrollbar{display:none}:host table{width:100%;max-height:100%;background-color:var(--background-color-SCOPED-IN-smart-table-uSmw);color:var(--on-background-color-SCOPED-IN-smart-table-uSmw)}:host table .nowrap{width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host table ::ng-deep th,:host table ::ng-deep td{padding:0 var(--column-vertical-padding-SCOPED-IN-smart-table-uSmw);box-sizing:border-box}:host table ::ng-deep th:first-child,:host table ::ng-deep td:first-child{padding-left:var(--vertical-padding-SCOPED-IN-smart-table-uSmw)}:host table ::ng-deep th:last-child,:host table ::ng-deep td:last-child{padding-right:var(--vertical-padding-SCOPED-IN-smart-table-uSmw)}:host table ::ng-deep tr.highlight{background-color:#f0f0f0;transition:background-color .5s}:host .no-data-message{display:flex;justify-content:flex-start;align-items:center;width:calc(100% - 32px);height:3em;padding:0 16px}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: MatTableModule }, { kind: "component", type: i1.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i1.MatRecycleRows, selector: "mat-table[recycleRows], table[mat-table][recycleRows]" }, { kind: "directive", type: i1.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i1.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "component", type: i1.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i1.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: i1.MatNoDataRow, selector: "ng-template[matNoDataRow]" }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "ngmodule", type: MatMenuModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: ActionsColumnMolecule, selector: "molecules-actions-column" }, { kind: "component", type: CheckboxColumnMolecule, selector: "molecules-checkbox-column", inputs: ["name", "selection", "isHidden"] }, { kind: "component", type: SmartColumnMolecule, selector: "molecules-smart-column", inputs: ["headerText", "name"], outputs: ["headerClick"] }, { kind: "component", type: TreeColumnMolecule, selector: "molecules-tree-column", outputs: ["headerClick"] }, { kind: "directive", type: CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{--width: 100%;--width-SCOPED-IN-smart-table-tAZa: var(--width);--column-vertical-padding: 4px;--column-vertical-padding-SCOPED-IN-smart-table-tAZa: var(--column-vertical-padding);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-smart-table-tAZa: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-smart-table-tAZa: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-smart-table-tAZa: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-smart-table-tAZa: var(--on-background-color);--vertical-padding: 16px;--vertical-padding-SCOPED-IN-smart-table-tAZa: var(--vertical-padding)}.cdk-drag-preview{display:table;background-color:#fff}.cdk-drag-placeholder{opacity:0}:host{position:relative;display:block;width:100%;height:100%;overflow:scroll}:host::-webkit-scrollbar{display:none}:host table{width:100%;max-height:100%;background-color:var(--background-color-SCOPED-IN-smart-table-tAZa);color:var(--on-background-color-SCOPED-IN-smart-table-tAZa)}:host table .nowrap{width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host table ::ng-deep th,:host table ::ng-deep td{padding:0 var(--column-vertical-padding-SCOPED-IN-smart-table-tAZa);box-sizing:border-box}:host table ::ng-deep th:first-child,:host table ::ng-deep td:first-child{padding-left:var(--vertical-padding-SCOPED-IN-smart-table-tAZa)}:host table ::ng-deep th:last-child,:host table ::ng-deep td:last-child{padding-right:var(--vertical-padding-SCOPED-IN-smart-table-tAZa)}:host table ::ng-deep tr.highlight{background-color:#f0f0f0;transition:background-color .5s}:host .no-data-message{display:flex;justify-content:flex-start;align-items:center;width:calc(100% - 32px);height:3em;padding:0 16px}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: MatTableModule }, { kind: "component", type: i1.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i1.MatRecycleRows, selector: "mat-table[recycleRows], table[mat-table][recycleRows]" }, { kind: "directive", type: i1.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i1.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "component", type: i1.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i1.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: i1.MatNoDataRow, selector: "ng-template[matNoDataRow]" }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "ngmodule", type: MatMenuModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: ActionsColumnMolecule, selector: "molecules-actions-column" }, { kind: "component", type: CheckboxColumnMolecule, selector: "molecules-checkbox-column", inputs: ["name", "selection", "isHidden"] }, { kind: "component", type: SmartColumnMolecule, selector: "molecules-smart-column", inputs: ["headerText", "name"], outputs: ["headerClick"] }, { kind: "component", type: TreeColumnMolecule, selector: "molecules-tree-column", outputs: ["headerClick"] }, { kind: "directive", type: CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 __decorate([
     Effect(CheckboxColumnMolecule.ActionId.CHECKBOX_CLICK),
@@ -305,6 +307,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
               [headerText]="column.headerText"
               [treeControl]="store.treeControl()"
               [sort]="column.sort"
+              [width]="column.width"
               (headerClick)="onHeaderClick(column.name)"
             />
           }
@@ -313,6 +316,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
               [name]="column.name"
               [headerText]="column.headerText"
               [sort]="column.sort"
+              [width]="column.width"
               (headerClick)="onHeaderClick(column.name)"
             />
           }
@@ -344,7 +348,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
                                 'isHidden',
                             ],
                         },
-                    ], host: { class: 'organism' }, styles: [":host{--width: 100%;--width-SCOPED-IN-smart-table-uSmw: var(--width);--column-vertical-padding: 4px;--column-vertical-padding-SCOPED-IN-smart-table-uSmw: var(--column-vertical-padding);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-smart-table-uSmw: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-smart-table-uSmw: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-smart-table-uSmw: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-smart-table-uSmw: var(--on-background-color);--vertical-padding: 16px;--vertical-padding-SCOPED-IN-smart-table-uSmw: var(--vertical-padding)}.cdk-drag-preview{display:table;background-color:#fff}.cdk-drag-placeholder{opacity:0}:host{position:relative;display:block;width:100%;height:100%;overflow:scroll}:host::-webkit-scrollbar{display:none}:host table{width:100%;max-height:100%;background-color:var(--background-color-SCOPED-IN-smart-table-uSmw);color:var(--on-background-color-SCOPED-IN-smart-table-uSmw)}:host table .nowrap{width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host table ::ng-deep th,:host table ::ng-deep td{padding:0 var(--column-vertical-padding-SCOPED-IN-smart-table-uSmw);box-sizing:border-box}:host table ::ng-deep th:first-child,:host table ::ng-deep td:first-child{padding-left:var(--vertical-padding-SCOPED-IN-smart-table-uSmw)}:host table ::ng-deep th:last-child,:host table ::ng-deep td:last-child{padding-right:var(--vertical-padding-SCOPED-IN-smart-table-uSmw)}:host table ::ng-deep tr.highlight{background-color:#f0f0f0;transition:background-color .5s}:host .no-data-message{display:flex;justify-content:flex-start;align-items:center;width:calc(100% - 32px);height:3em;padding:0 16px}\n"] }]
+                    ], host: { class: 'organism' }, styles: [":host{--width: 100%;--width-SCOPED-IN-smart-table-tAZa: var(--width);--column-vertical-padding: 4px;--column-vertical-padding-SCOPED-IN-smart-table-tAZa: var(--column-vertical-padding);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-smart-table-tAZa: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-smart-table-tAZa: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-smart-table-tAZa: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-smart-table-tAZa: var(--on-background-color);--vertical-padding: 16px;--vertical-padding-SCOPED-IN-smart-table-tAZa: var(--vertical-padding)}.cdk-drag-preview{display:table;background-color:#fff}.cdk-drag-placeholder{opacity:0}:host{position:relative;display:block;width:100%;height:100%;overflow:scroll}:host::-webkit-scrollbar{display:none}:host table{width:100%;max-height:100%;background-color:var(--background-color-SCOPED-IN-smart-table-tAZa);color:var(--on-background-color-SCOPED-IN-smart-table-tAZa)}:host table .nowrap{width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host table ::ng-deep th,:host table ::ng-deep td{padding:0 var(--column-vertical-padding-SCOPED-IN-smart-table-tAZa);box-sizing:border-box}:host table ::ng-deep th:first-child,:host table ::ng-deep td:first-child{padding-left:var(--vertical-padding-SCOPED-IN-smart-table-tAZa)}:host table ::ng-deep th:last-child,:host table ::ng-deep td:last-child{padding-right:var(--vertical-padding-SCOPED-IN-smart-table-tAZa)}:host table ::ng-deep tr.highlight{background-color:#f0f0f0;transition:background-color .5s}:host .no-data-message{display:flex;justify-content:flex-start;align-items:center;width:calc(100% - 32px);height:3em;padding:0 16px}\n"] }]
         }], propDecorators: { onCheckboxClick: [], onHeaderCheckboxClick: [] } });
 function getDisplayedNodes(nodes, control) {
     const result = [];

package/fesm2022/ng-atomic-components-organisms-table.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-organisms-table.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/organisms/table/table.helpers.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/table/table.organism.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/table/index.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/table/ng-atomic-components-organisms-table.ts"],"sourcesContent":["import { MatTreeFlatDataSource, MatTreeFlattener } from '@angular/material/tree';\nimport { FlatTreeControl } from '@angular/cdk/tree';\n\nexport function buildTreeFlatDataSource<T = any>(treeControl: FlatTreeControl<T>, data: T[], key = 'children') {\n  const treeFlattener = new MatTreeFlattener(\n    (node: any, level: number) => {\n      node.level = level;\n      node.isExpandable = (node[key] ?? []).length > 0;\n      return node;\n    },\n    (node) => node.level,\n    (node) => node.isExpandable,\n    (node) => node[key]\n  );\n  \n  return new MatTreeFlatDataSource(treeControl, treeFlattener, data);\n}","import { ChangeDetectionStrategy, Component, Directive, computed, inject, input } from '@angular/core';\nimport { MatTableDataSource, MatTableModule } from '@angular/material/table';\nimport { MatCheckboxModule } from '@angular/material/checkbox';\nimport { MatMenuModule } from '@angular/material/menu';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { DomainPipe } from '@ng-atomic/common/pipes/domain';\nimport { ActionsColumnMolecule } from '@ng-atomic/components/molecules/actions-column';\nimport { CheckboxColumnMolecule } from '@ng-atomic/components/molecules/checkbox-column';\nimport { SmartColumnMolecule } from '@ng-atomic/components/molecules/smart-column';\nimport { _computed, Actions, Effect, InjectableComponent, NgAtomicComponent, TokenizedType } from '@ng-atomic/core';\nimport { SelectionModel } from '@angular/cdk/collections';\nimport { TreeColumnMolecule } from '@ng-atomic/components/molecules/tree-column';\nimport { Column } from '@ng-atomic/common/models';\nimport { computedRawValue } from '@ng-atomic/common/utils';\nimport { NgClass } from '@angular/common';\nimport { ColumnsPipe } from '@ng-atomic/common/pipes/columns';\nimport { ResolveColumnsPipe } from '@ng-atomic/common/pipes/resolve-columns';\nimport { MapPipe } from '@ng-atomic/common/pipes/map';\nimport { AutoColumnsPipe } from '@ng-atomic/common/pipes/auto-columns';\nimport { SortPipe } from '@ng-atomic/common/pipes/sort';\nimport { FlatTreeControl } from '@angular/cdk/tree';\nimport { CdkDragDrop, CdkDropList, CdkDrag } from '@angular/cdk/drag-drop';\nimport { makeConfig } from '@ng-atomic/common/services/ui';\nimport { IndexTemplateFormBuilder } from '@ng-atomic/common/services/form/_index';\nimport { buildTreeFlatDataSource } from './table.helpers';\n\nenum ActionId {\n  CHECKBOX_CLICK = '[@ng-atomic/components/organisms/checkbox-column] Checkbox Click',\n  HEADER_CHECKBOX_CLICK = '[@ng-atomic/components/organisms/checkbox-column] Header Checkbox Click',\n  HEADER_CLICK = '[@ng-atomic/components/organisms/table] Header Click',\n  ROW_DROP = '[@ng-atomic/components/organisms/table] Row Drop',\n}\n\n@TokenizedType()\n@Directive({\n  standalone: true,\n  selector: 'organisms-table',\n  providers: [DomainPipe],\n})\nexport class TableOrganismStore<T> extends InjectableComponent {\n  static readonly ActionId = ActionId;\n  static readonly Config = makeConfig(() => {\n    return () => ({\n      draggable: true,\n      isHidden:(item: any) => false,\n    });\n  }, ['components', 'organisms', 'table']);\n\n  readonly config = TableOrganismStore.Config.inject();\n  readonly draggable = input(_computed(() => this.config().draggable));\n\n  readonly domainPipe = inject(DomainPipe);\n  readonly form = input(inject(IndexTemplateFormBuilder).build());\n  readonly itemActions = input<Actions>([]);\n  readonly selection = input(new SelectionModel<string>(true, []));\n  readonly highlight = input(new SelectionModel<string>(true, [])); \n  readonly childrenKey = input<string>(null);\n  readonly items = input<T[]>([]);\n  readonly treeControl = input(new FlatTreeControl<any>(n => n.level, n => n.isExpandable));\n  readonly dataSource = computed(() => {\n    if (this.childrenKey()) {\n      return buildTreeFlatDataSource(this.treeControl(), this.items(), this.childrenKey());\n    }\n    return new MatTableDataSource<T>(this.items());\n  });\n  readonly isHidden = input(_computed(() => this.config().isHidden));\n\n  // () => {\n  //   if (this.childrenKey()) {\n  //     return (item: T) => this.treeControl().getLevel(item) === 0;\n  //   } else {\n  //     return (item: T) => false;\n  //   }\n  // }\n  readonly formValue = computedRawValue(() => this.form());\n  readonly sort = computed(() => this.formValue()?.sort ?? {key: '', order: 'asc'}, {\n    equal: (a, b) => JSON.stringify(a) === JSON.stringify(b),\n  });\n  readonly columns = computed(() => {\n    const data = this.formValue()?.columns;\n    const _columns = data?.ids.map(id => ({...data?.map[id], name: id})) as Column[];\n    console.debug('columns:', _columns);\n    const columns = new ColumnsPipe().transform((_columns ?? []) ).map(column => {\n      if (column.name.startsWith('__tree_')) {\n        return {\n          ...column,\n          type: 'tree',\n          sort: this.sort().key === column.name ? this.sort().order : 'none',\n        };\n      } else if (column.name.startsWith('checkbox')) {\n        return {\n          ...column,\n          type: 'checkbox',\n          headerText: 'check',\n        };\n      } else if (column.type === 'actions') {\n        return {\n          ...column,\n          actions: column.actions ?? this.itemActions(),\n          type: 'actions',\n          sort: this.sort().key === column.name ? this.sort().order : 'none',\n        }\n      } else {\n        return {\n          ...column,\n          headerText: this.domainPipe.transform(column?.headerText ?? column?.name),\n          sort: this.sort().key === column.name ? this.sort().order : 'none',\n        };\n      }\n    });\n    return columns;\n  }, { equal: (a, b) => JSON.stringify(a) === JSON.stringify(b) });\n  readonly columnNames = computed(() => this.columns().map(column => column.name), {\n    equal: (a, b) => JSON.stringify(a) === JSON.stringify(b),\n  });\n}\n\n@Component({\n  selector: 'organisms-table',\n  standalone: true,\n  imports: [\n    NgClass,\n    DomainPipe,\n    MatTableModule,\n    MatCheckboxModule,\n    MatMenuModule,\n    MatButtonModule,\n    MatIconModule,\n    ActionsColumnMolecule,\n    CheckboxColumnMolecule,\n    SmartColumnMolecule,\n    TreeColumnMolecule,\n    ResolveColumnsPipe,\n    MapPipe,\n    AutoColumnsPipe,\n    SortPipe,\n    ColumnsPipe,\n    CdkDropList,\n    CdkDrag,\n  ],\n  template: `\n  <table\n    mat-table\n    recycleRows\n    matSort\n    matSortDisableClear\n    matSortDirection=\"desc\"\n    [dataSource]=\"store.dataSource()\"\n    cdkDropList\n    (cdkDropListDropped)=\"onDrop($event)\"\n    [cdkDropListDisabled]=\"!store.draggable()\"\n  >\n    <tbody\n    >\n      @for (column of store.columns(); track column.name; let i = $index) {\n        @switch (column.type) {\n          @case ('checkbox') {\n            <molecules-checkbox-column\n              [name]=\"column.name\"\n              [selection]=\"store.selection()\"\n              [isHidden]=\"store.isHidden()\"\n              (action)=\"dispatch($event)\"\n            />\n          }\n          @case ('actions') {\n            <molecules-actions-column\n              [name]=\"column.name\"\n              [itemActions]=\"column.actions\"\n              (action)=\"dispatch($event)\"\n            />\n          }\n          @case('tree') {\n            <molecules-tree-column\n              [name]=\"column.name\"\n              [headerText]=\"column.headerText\"\n              [treeControl]=\"store.treeControl()\"\n              [sort]=\"column.sort\"\n              (headerClick)=\"onHeaderClick(column.name)\"\n            />\n          }\n          @default {\n            <molecules-smart-column\n              [name]=\"column.name\"\n              [headerText]=\"column.headerText\"\n              [sort]=\"column.sort\"\n              (headerClick)=\"onHeaderClick(column.name)\"\n            />\n          }\n        }\n      }\n      <tr mat-header-row *matHeaderRowDef=\"store.columnNames(); sticky: true\"></tr>\n      <tr\n        mat-row\n        *matRowDef=\"let item; columns: store.columnNames();\"\n        [ngClass]=\"{ highlight: store.highlight().isSelected(item.id) }\"\n        [cdkDrag]\n        [cdkDragDisabled]=\"!store.draggable()\"\n      ></tr>\n      <div class=\"mat-row\" *matNoDataRow>No Data</div>\n    </tbody>\n  </table>\n  `,\n  styleUrls: ['./table.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  hostDirectives: [\n    {\n      directive: TableOrganismStore,\n      inputs: [\n        'draggable',\n        'form',\n        'itemActions',\n        'selection',\n        'items',\n        'childrenKey',\n        'highlight',\n        'treeControl',\n        'isHidden',\n      ],\n    },\n  ],\n  host: {class: 'organism'},\n})\nexport class TableOrganism<Item extends object> extends NgAtomicComponent {\n  static readonly ActionId = ActionId;\n  protected store = inject(TableOrganismStore);\n\n  @Effect(CheckboxColumnMolecule.ActionId.CHECKBOX_CLICK)\n  protected onCheckboxClick(item: Item) {\n    this.dispatch({id: ActionId.CHECKBOX_CLICK, payload: item});\n  }\n\n  @Effect(CheckboxColumnMolecule.ActionId.HEADER_CHECKBOX_CLICK)\n  protected onHeaderCheckboxClick(item: Item) {\n    this.dispatch({id: ActionId.HEADER_CHECKBOX_CLICK});\n  }\n\n  protected onHeaderClick(column: string) {\n    this.dispatch({id: ActionId.HEADER_CLICK, payload: column});\n  }\n\n  protected onDrop(event: CdkDragDrop<any, any>) {\n    const control = this.store.treeControl()\n    const nodes = control.dataNodes.filter(node => node.level === 0);\n    const nodes_ = getDisplayedNodes(nodes, control);\n    const draggedNode = nodes_[event.previousIndex];\n    const droppedNode = nodes_[event.currentIndex];\n    const items = flatItems(this.store.items(), this.store.childrenKey());\n\n    this.dispatch({\n      id: ActionId.ROW_DROP,\n      payload: {\n        previousIndex: nodes_.findIndex(node => node === event.item.data),\n        currentIndex: event.currentIndex,\n        dragged: items.find(item => item.id === draggedNode.id),\n        dropped: items.find(item => item.id === droppedNode.id),\n      }\n    });\n  }\n}\n\ninterface TreeNode {\n  id: string;\n  isExpandable: boolean;\n  children?: TreeNode[];\n}\n\nfunction getDisplayedNodes(nodes: TreeNode[], control: FlatTreeControl<any>): TreeNode[] {\n  const result: TreeNode[] = [];\n  for (const node of nodes) {\n    result.push(node);\n    if (control.isExpanded(node)) {\n      result.push(...getDisplayedNodes(node.children, control));\n    }\n  }\n  return result;\n}\n\nexport function flatItems<T>(items: T[], key = 'children'): T[] {\n  const result: T[] = [];\n  for (const item of items) {\n    result.push(item);\n    if (item[key]) {\n      result.push(...flatItems<T>(item[key], key));\n    }\n  }\n  return result;\n}\n","/** @deprecated use instead `'@ng-atomic/common/services/form/_index` */\nexport * from '@ng-atomic/common/services/form/_index';\nexport * from './table.organism';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ng-atomic-components-organisms-table.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/organisms/table/table.helpers.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/table/table.organism.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/table/index.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/table/ng-atomic-components-organisms-table.ts"],"sourcesContent":["import { MatTreeFlatDataSource, MatTreeFlattener } from '@angular/material/tree';\nimport { FlatTreeControl } from '@angular/cdk/tree';\n\nexport function buildTreeFlatDataSource<T = any>(treeControl: FlatTreeControl<T>, data: T[], key = 'children') {\n  const treeFlattener = new MatTreeFlattener(\n    (node: any, level: number) => {\n      node.level = level;\n      node.isExpandable = (node[key] ?? []).length > 0;\n      return node;\n    },\n    (node) => node.level,\n    (node) => node.isExpandable,\n    (node) => node[key]\n  );\n  \n  return new MatTreeFlatDataSource(treeControl, treeFlattener, data);\n}","import { ChangeDetectionStrategy, Component, Directive, computed, inject, input } from '@angular/core';\nimport { MatTableDataSource, MatTableModule } from '@angular/material/table';\nimport { MatCheckboxModule } from '@angular/material/checkbox';\nimport { MatMenuModule } from '@angular/material/menu';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { DomainPipe } from '@ng-atomic/common/pipes/domain';\nimport { ActionsColumnMolecule } from '@ng-atomic/components/molecules/actions-column';\nimport { CheckboxColumnMolecule } from '@ng-atomic/components/molecules/checkbox-column';\nimport { SmartColumnMolecule } from '@ng-atomic/components/molecules/smart-column';\nimport { _computed, Actions, Effect, InjectableComponent, NgAtomicComponent, TokenizedType } from '@ng-atomic/core';\nimport { SelectionModel } from '@angular/cdk/collections';\nimport { TreeColumnMolecule } from '@ng-atomic/components/molecules/tree-column';\nimport { Column } from '@ng-atomic/common/models';\nimport { computedRawValue } from '@ng-atomic/common/utils';\nimport { NgClass } from '@angular/common';\nimport { ColumnsPipe } from '@ng-atomic/common/pipes/columns';\nimport { ResolveColumnsPipe } from '@ng-atomic/common/pipes/resolve-columns';\nimport { MapPipe } from '@ng-atomic/common/pipes/map';\nimport { AutoColumnsPipe } from '@ng-atomic/common/pipes/auto-columns';\nimport { SortPipe } from '@ng-atomic/common/pipes/sort';\nimport { FlatTreeControl } from '@angular/cdk/tree';\nimport { CdkDragDrop, CdkDropList, CdkDrag } from '@angular/cdk/drag-drop';\nimport { makeConfig } from '@ng-atomic/common/services/ui';\nimport { IndexTemplateFormBuilder } from '@ng-atomic/common/services/form/_index';\nimport { buildTreeFlatDataSource } from './table.helpers';\n\nenum ActionId {\n  CHECKBOX_CLICK = '[@ng-atomic/components/organisms/checkbox-column] Checkbox Click',\n  HEADER_CHECKBOX_CLICK = '[@ng-atomic/components/organisms/checkbox-column] Header Checkbox Click',\n  HEADER_CLICK = '[@ng-atomic/components/organisms/table] Header Click',\n  ROW_DROP = '[@ng-atomic/components/organisms/table] Row Drop',\n}\n\n@TokenizedType()\n@Directive({\n  standalone: true,\n  selector: 'organisms-table',\n  providers: [DomainPipe],\n})\nexport class TableOrganismStore<T> extends InjectableComponent {\n  static readonly ActionId = ActionId;\n  static readonly Config = makeConfig(() => {\n    return () => ({\n      draggable: true,\n      isHidden:(item: any) => false,\n    });\n  }, ['components', 'organisms', 'table']);\n\n  readonly config = TableOrganismStore.Config.inject();\n  readonly draggable = input(_computed(() => this.config().draggable));\n\n  readonly domainPipe = inject(DomainPipe);\n  readonly form = input(inject(IndexTemplateFormBuilder).build());\n  readonly itemActions = input<Actions>([]);\n  readonly selection = input(new SelectionModel<string>(true, []));\n  readonly highlight = input(new SelectionModel<string>(true, [])); \n  readonly childrenKey = input<string>(null);\n  readonly items = input<T[]>([]);\n  readonly treeControl = input(new FlatTreeControl<any>(n => n.level, n => n.isExpandable));\n  readonly dataSource = computed(() => {\n    if (this.childrenKey()) {\n      return buildTreeFlatDataSource(this.treeControl(), this.items(), this.childrenKey());\n    }\n    return new MatTableDataSource<T>(this.items());\n  });\n  readonly isHidden = input(_computed(() => this.config().isHidden));\n\n  // () => {\n  //   if (this.childrenKey()) {\n  //     return (item: T) => this.treeControl().getLevel(item) === 0;\n  //   } else {\n  //     return (item: T) => false;\n  //   }\n  // }\n  readonly formValue = computedRawValue(() => this.form());\n  readonly sort = computed(() => this.formValue()?.sort ?? {key: '', order: 'asc'}, {\n    equal: (a, b) => JSON.stringify(a) === JSON.stringify(b),\n  });\n  readonly columns = computed(() => {\n    const data = this.formValue()?.columns;\n    const _columns = data?.ids.map(id => ({...data?.map[id], name: id})) as Column[];\n    console.debug('columns:', _columns);\n    const columns = new ColumnsPipe().transform((_columns ?? []) ).map(column => {\n      if (column.name.startsWith('__tree_')) {\n        return {\n          ...column,\n          type: 'tree',\n          sort: this.sort().key === column.name ? this.sort().order : 'none',\n        };\n      } else if (column.name.startsWith('checkbox')) {\n        return {\n          ...column,\n          type: 'checkbox',\n          headerText: 'check',\n        };\n      } else if (column.type === 'actions') {\n        return {\n          ...column,\n          actions: column.actions ?? this.itemActions(),\n          type: 'actions',\n          sort: this.sort().key === column.name ? this.sort().order : 'none',\n        }\n      } else {\n        return {\n          ...column,\n          headerText: this.domainPipe.transform(column?.headerText ?? column?.name),\n          sort: this.sort().key === column.name ? this.sort().order : 'none',\n        };\n      }\n    });\n    return columns;\n  }, { equal: (a, b) => JSON.stringify(a) === JSON.stringify(b) });\n  readonly columnNames = computed(() => this.columns().map(column => column.name), {\n    equal: (a, b) => JSON.stringify(a) === JSON.stringify(b),\n  });\n}\n\n@Component({\n  selector: 'organisms-table',\n  standalone: true,\n  imports: [\n    NgClass,\n    DomainPipe,\n    MatTableModule,\n    MatCheckboxModule,\n    MatMenuModule,\n    MatButtonModule,\n    MatIconModule,\n    ActionsColumnMolecule,\n    CheckboxColumnMolecule,\n    SmartColumnMolecule,\n    TreeColumnMolecule,\n    ResolveColumnsPipe,\n    MapPipe,\n    AutoColumnsPipe,\n    SortPipe,\n    ColumnsPipe,\n    CdkDropList,\n    CdkDrag,\n  ],\n  template: `\n  <table\n    mat-table\n    recycleRows\n    matSort\n    matSortDisableClear\n    matSortDirection=\"desc\"\n    [dataSource]=\"store.dataSource()\"\n    cdkDropList\n    (cdkDropListDropped)=\"onDrop($event)\"\n    [cdkDropListDisabled]=\"!store.draggable()\"\n  >\n    <tbody\n    >\n      @for (column of store.columns(); track column.name; let i = $index) {\n        @switch (column.type) {\n          @case ('checkbox') {\n            <molecules-checkbox-column\n              [name]=\"column.name\"\n              [selection]=\"store.selection()\"\n              [isHidden]=\"store.isHidden()\"\n              (action)=\"dispatch($event)\"\n            />\n          }\n          @case ('actions') {\n            <molecules-actions-column\n              [name]=\"column.name\"\n              [itemActions]=\"column.actions\"\n              (action)=\"dispatch($event)\"\n            />\n          }\n          @case('tree') {\n            <molecules-tree-column\n              [name]=\"column.name\"\n              [headerText]=\"column.headerText\"\n              [treeControl]=\"store.treeControl()\"\n              [sort]=\"column.sort\"\n              [width]=\"column.width\"\n              (headerClick)=\"onHeaderClick(column.name)\"\n            />\n          }\n          @default {\n            <molecules-smart-column\n              [name]=\"column.name\"\n              [headerText]=\"column.headerText\"\n              [sort]=\"column.sort\"\n              [width]=\"column.width\"\n              (headerClick)=\"onHeaderClick(column.name)\"\n            />\n          }\n        }\n      }\n      <tr mat-header-row *matHeaderRowDef=\"store.columnNames(); sticky: true\"></tr>\n      <tr\n        mat-row\n        *matRowDef=\"let item; columns: store.columnNames();\"\n        [ngClass]=\"{ highlight: store.highlight().isSelected(item.id) }\"\n        [cdkDrag]\n        [cdkDragDisabled]=\"!store.draggable()\"\n      ></tr>\n      <div class=\"mat-row\" *matNoDataRow>No Data</div>\n    </tbody>\n  </table>\n  `,\n  styleUrls: ['./table.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  hostDirectives: [\n    {\n      directive: TableOrganismStore,\n      inputs: [\n        'draggable',\n        'form',\n        'itemActions',\n        'selection',\n        'items',\n        'childrenKey',\n        'highlight',\n        'treeControl',\n        'isHidden',\n      ],\n    },\n  ],\n  host: {class: 'organism'},\n})\nexport class TableOrganism<Item extends object> extends NgAtomicComponent {\n  static readonly ActionId = ActionId;\n  protected store = inject(TableOrganismStore);\n\n  @Effect(CheckboxColumnMolecule.ActionId.CHECKBOX_CLICK)\n  protected onCheckboxClick(item: Item) {\n    this.dispatch({id: ActionId.CHECKBOX_CLICK, payload: item});\n  }\n\n  @Effect(CheckboxColumnMolecule.ActionId.HEADER_CHECKBOX_CLICK)\n  protected onHeaderCheckboxClick(item: Item) {\n    this.dispatch({id: ActionId.HEADER_CHECKBOX_CLICK});\n  }\n\n  protected onHeaderClick(column: string) {\n    this.dispatch({id: ActionId.HEADER_CLICK, payload: column});\n  }\n\n  protected onDrop(event: CdkDragDrop<any, any>) {\n    const control = this.store.treeControl()\n    const nodes = control.dataNodes.filter(node => node.level === 0);\n    const nodes_ = getDisplayedNodes(nodes, control);\n    const draggedNode = nodes_[event.previousIndex];\n    const droppedNode = nodes_[event.currentIndex];\n    const items = flatItems(this.store.items(), this.store.childrenKey());\n\n    this.dispatch({\n      id: ActionId.ROW_DROP,\n      payload: {\n        previousIndex: nodes_.findIndex(node => node === event.item.data),\n        currentIndex: event.currentIndex,\n        dragged: items.find(item => item.id === draggedNode.id),\n        dropped: items.find(item => item.id === droppedNode.id),\n      }\n    });\n  }\n}\n\ninterface TreeNode {\n  id: string;\n  isExpandable: boolean;\n  children?: TreeNode[];\n}\n\nfunction getDisplayedNodes(nodes: TreeNode[], control: FlatTreeControl<any>): TreeNode[] {\n  const result: TreeNode[] = [];\n  for (const node of nodes) {\n    result.push(node);\n    if (control.isExpanded(node)) {\n      result.push(...getDisplayedNodes(node.children, control));\n    }\n  }\n  return result;\n}\n\nexport function flatItems<T>(items: T[], key = 'children'): T[] {\n  const result: T[] = [];\n  for (const item of items) {\n    result.push(item);\n    if (item[key]) {\n      result.push(...flatItems<T>(item[key], key));\n    }\n  }\n  return result;\n}\n","/** @deprecated use instead `'@ng-atomic/common/services/form/_index` */\nexport * from '@ng-atomic/common/services/form/_index';\nexport * from './table.organism';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/ng-atomic-components-organisms-text-input-section.mjs

@@ -48,7 +48,7 @@ class TextInputSectionOrganism extends NgAtomicComponent {
       (action)="dispatch($event)"
     />
   }
-  `, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-15Z6: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-15Z6) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-text-input-section-15Z6)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-smart-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"], dependencies: [{ kind: "directive", type: TextInputFieldMoleculeStore, selector: "molecules-text-input-field", inputs: ["appearance", "type", "name", "label", "control", "placeholder", "hint", "pattern", "autoComplete"] }, { kind: "directive", type: SmartMenuButtonAtomStore, selector: "atoms-smart-menu-button", inputs: ["actions", "type"] }] }); }
+  `, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-z8SJ: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-z8SJ) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-text-input-section-z8SJ)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-smart-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"], dependencies: [{ kind: "directive", type: TextInputFieldMoleculeStore, selector: "molecules-text-input-field", inputs: ["appearance", "type", "name", "label", "control", "placeholder", "hint", "pattern", "autoComplete"] }, { kind: "directive", type: SmartMenuButtonAtomStore, selector: "atoms-smart-menu-button", inputs: ["actions", "type"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: TextInputSectionOrganism, decorators: [{
             type: Component,
@@ -75,7 +75,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
                             directive: TextInputSectionOrganismStore,
                             inputs: ['label', 'placeholder', 'type', 'hint', 'control', 'autoComplete', 'actions'],
                         }
-                    ], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-15Z6: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-15Z6) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-text-input-section-15Z6)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-smart-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"] }]
+                    ], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-z8SJ: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-z8SJ) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-text-input-section-z8SJ)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-smart-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"] }]
         }] });
 
 /**

package/fesm2022/ng-atomic-components-organisms-textarea-section.mjs

@@ -51,7 +51,7 @@ class TextareaSectionOrganism extends NgAtomicComponent {
       (action)="dispatch($event)"
     />
   }
-  `, isInline: true, styles: [":host{--vertical-padding: 16px;--vertical-padding-SCOPED-IN-textarea-section-okM1: var(--vertical-padding)}:host{display:block;width:100%;position:relative;padding:0 var(--vertical-padding-SCOPED-IN-textarea-section-okM1);box-sizing:border-box}:host molecules-textarea-field{width:100%}:host atoms-smart-menu-button{position:absolute;bottom:4px;right:4px;background-color:#fff}\n"], dependencies: [{ kind: "component", type: TextareaFieldMolecule, selector: "molecules-textarea-field" }, { kind: "component", type: SmartMenuButtonAtom, selector: "atoms-smart-menu-button" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{--vertical-padding: 16px;--vertical-padding-SCOPED-IN-textarea-section-sndA: var(--vertical-padding)}:host{display:block;width:100%;position:relative;padding:0 var(--vertical-padding-SCOPED-IN-textarea-section-sndA);box-sizing:border-box}:host molecules-textarea-field{width:100%}:host atoms-smart-menu-button{position:absolute;bottom:4px;right:4px;background-color:#fff}\n"], dependencies: [{ kind: "component", type: TextareaFieldMolecule, selector: "molecules-textarea-field" }, { kind: "component", type: SmartMenuButtonAtom, selector: "atoms-smart-menu-button" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: TextareaSectionOrganism, decorators: [{
             type: Component,
@@ -80,7 +80,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
                             directive: TextareaSectionOrganismStore,
                             inputs: ['appearance', 'label', 'rows', 'placeholder', 'floatLabel', 'hint', 'control', 'actions'],
                         }
-                    ], styles: [":host{--vertical-padding: 16px;--vertical-padding-SCOPED-IN-textarea-section-okM1: var(--vertical-padding)}:host{display:block;width:100%;position:relative;padding:0 var(--vertical-padding-SCOPED-IN-textarea-section-okM1);box-sizing:border-box}:host molecules-textarea-field{width:100%}:host atoms-smart-menu-button{position:absolute;bottom:4px;right:4px;background-color:#fff}\n"] }]
+                    ], styles: [":host{--vertical-padding: 16px;--vertical-padding-SCOPED-IN-textarea-section-sndA: var(--vertical-padding)}:host{display:block;width:100%;position:relative;padding:0 var(--vertical-padding-SCOPED-IN-textarea-section-sndA);box-sizing:border-box}:host molecules-textarea-field{width:100%}:host atoms-smart-menu-button{position:absolute;bottom:4px;right:4px;background-color:#fff}\n"] }]
         }] });
 
 /**

package/fesm2022/ng-atomic-components-organisms-thread-messages-section.mjs

@@ -64,7 +64,7 @@ class ThreadMessagesSectionOrganism extends NgAtomicComponent {
     </div>
     <mat-divider />
   }
-  `, isInline: true, styles: [":host{display:block;--primary-color: inherit;--primary-color-SCOPED-IN-%COMP%-HWrT: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-%COMP%-HWrT: var(--on-primary-color);--surface-color: inherit;--surface-color-SCOPED-IN-%COMP%-HWrT: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-%COMP%-HWrT: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-%COMP%-HWrT: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-%COMP%-HWrT: var(--on-background-color)}:host{display:flex;flex-direction:column;justify-content:flex-start;color:var(--on-surface-color-SCOPED-IN-%COMP%-HWrT)}:host .message{padding:8px 16px}:host .message .header{display:flex;justify-content:flex-start;align-items:center;padding:8px 0;box-sizing:border-box;gap:8px}:host .message .header .name{font-size:14px;font-weight:700}:host .message .header .description{display:flex;justify-content:flex-start;gap:4px;font-size:12px}:host .message .header img{width:40px;height:40px;border-radius:50%;background-color:var(--primary-color-SCOPED-IN-%COMP%-HWrT)}:host .message .content{font-size:14px;padding-bottom:24px;box-sizing:border-box}:host .message .bottom.actions{display:flex;justify-content:flex-end;align-items:center;gap:8px}:host .message .bottom.actions button{height:32px;padding:0 8px;--mdc-outlined-button-label-text-size: 12px}:host mat-divider{width:calc(100% - 16px);box-sizing:border-box;margin:0 8px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: ActionsPipe, name: "resolveActions" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "pipe", type: DataAccessorPipe, name: "dataAccessor" }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i2.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: FallbackSrcDirective, selector: "[fallbackSrc]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{display:block;--primary-color: inherit;--primary-color-SCOPED-IN-%COMP%-bi6p: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-%COMP%-bi6p: var(--on-primary-color);--surface-color: inherit;--surface-color-SCOPED-IN-%COMP%-bi6p: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-%COMP%-bi6p: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-%COMP%-bi6p: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-%COMP%-bi6p: var(--on-background-color)}:host{display:flex;flex-direction:column;justify-content:flex-start;color:var(--on-surface-color-SCOPED-IN-%COMP%-bi6p)}:host .message{padding:8px 16px}:host .message .header{display:flex;justify-content:flex-start;align-items:center;padding:8px 0;box-sizing:border-box;gap:8px}:host .message .header .name{font-size:14px;font-weight:700}:host .message .header .description{display:flex;justify-content:flex-start;gap:4px;font-size:12px}:host .message .header img{width:40px;height:40px;border-radius:50%;background-color:var(--primary-color-SCOPED-IN-%COMP%-bi6p)}:host .message .content{font-size:14px;padding-bottom:24px;box-sizing:border-box}:host .message .bottom.actions{display:flex;justify-content:flex-end;align-items:center;gap:8px}:host .message .bottom.actions button{height:32px;padding:0 8px;--mdc-outlined-button-label-text-size: 12px}:host mat-divider{width:calc(100% - 16px);box-sizing:border-box;margin:0 8px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: ActionsPipe, name: "resolveActions" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "pipe", type: DataAccessorPipe, name: "dataAccessor" }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i2.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: FallbackSrcDirective, selector: "[fallbackSrc]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: ThreadMessagesSectionOrganism, decorators: [{
             type: Component,
@@ -115,7 +115,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
                             directive: ThreadMessagesSectionOrganismStore,
                             inputs: ['comments', 'noCommentMessage', 'commentActions']
                         }
-                    ], styles: [":host{display:block;--primary-color: inherit;--primary-color-SCOPED-IN-%COMP%-HWrT: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-%COMP%-HWrT: var(--on-primary-color);--surface-color: inherit;--surface-color-SCOPED-IN-%COMP%-HWrT: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-%COMP%-HWrT: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-%COMP%-HWrT: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-%COMP%-HWrT: var(--on-background-color)}:host{display:flex;flex-direction:column;justify-content:flex-start;color:var(--on-surface-color-SCOPED-IN-%COMP%-HWrT)}:host .message{padding:8px 16px}:host .message .header{display:flex;justify-content:flex-start;align-items:center;padding:8px 0;box-sizing:border-box;gap:8px}:host .message .header .name{font-size:14px;font-weight:700}:host .message .header .description{display:flex;justify-content:flex-start;gap:4px;font-size:12px}:host .message .header img{width:40px;height:40px;border-radius:50%;background-color:var(--primary-color-SCOPED-IN-%COMP%-HWrT)}:host .message .content{font-size:14px;padding-bottom:24px;box-sizing:border-box}:host .message .bottom.actions{display:flex;justify-content:flex-end;align-items:center;gap:8px}:host .message .bottom.actions button{height:32px;padding:0 8px;--mdc-outlined-button-label-text-size: 12px}:host mat-divider{width:calc(100% - 16px);box-sizing:border-box;margin:0 8px}\n"] }]
+                    ], styles: [":host{display:block;--primary-color: inherit;--primary-color-SCOPED-IN-%COMP%-bi6p: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-%COMP%-bi6p: var(--on-primary-color);--surface-color: inherit;--surface-color-SCOPED-IN-%COMP%-bi6p: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-%COMP%-bi6p: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-%COMP%-bi6p: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-%COMP%-bi6p: var(--on-background-color)}:host{display:flex;flex-direction:column;justify-content:flex-start;color:var(--on-surface-color-SCOPED-IN-%COMP%-bi6p)}:host .message{padding:8px 16px}:host .message .header{display:flex;justify-content:flex-start;align-items:center;padding:8px 0;box-sizing:border-box;gap:8px}:host .message .header .name{font-size:14px;font-weight:700}:host .message .header .description{display:flex;justify-content:flex-start;gap:4px;font-size:12px}:host .message .header img{width:40px;height:40px;border-radius:50%;background-color:var(--primary-color-SCOPED-IN-%COMP%-bi6p)}:host .message .content{font-size:14px;padding-bottom:24px;box-sizing:border-box}:host .message .bottom.actions{display:flex;justify-content:flex-end;align-items:center;gap:8px}:host .message .bottom.actions button{height:32px;padding:0 8px;--mdc-outlined-button-label-text-size: 12px}:host mat-divider{width:calc(100% - 16px);box-sizing:border-box;margin:0 8px}\n"] }]
         }] });
 
 /**

package/fesm2022/ng-atomic-components-pages-_index.mjs

@@ -321,7 +321,7 @@ class IndexPage extends NgAtomicComponent {
       (action)="dispatch($event)"
     />
   </frames-router-outlet>
-  `, isInline: true, styles: [":host{width:100%;height:100%;display:block;--page-width-lv3-SCOPED-IN-index-cEGe: var(--page-width-lv3);--primary-color-SCOPED-IN-index-cEGe: var(--primary-color);--on-primary-color-SCOPED-IN-index-cEGe: var(--on-primary-color);--surface-color-SCOPED-IN-index-cEGe: var(--surface-color);--on-surface-color-SCOPED-IN-index-cEGe: var(--on-surface-color);--on-background-color-SCOPED-IN-index-cEGe: var(--on-background-color);--background-color-SCOPED-IN-index-cEGe: var(--background-color);--navigator-background-color-SCOPED-IN-index-cEGe: var(--navigator-background-color);--navigator-on-background-color-SCOPED-IN-index-cEGe: var(--navigator-on-background-color);--table-background-color-SCOPED-IN-index-cEGe: var(--table-background-color);--table-on-background-color-SCOPED-IN-index-cEGe: var(--table-on-background-color)}:host .template{width:var(--page-width-lv3-SCOPED-IN-index-cEGe)}:host *{--primary-color: var(--primary-color-SCOPED-IN-index-cEGe);--on-primary-color: var(--on-primary-color-SCOPED-IN-index-cEGe);--surface-color: var(--surface-color-SCOPED-IN-index-cEGe);--on-surface-color: var(--on-surface-color-SCOPED-IN-index-cEGe);--background-color: var(--background-color-SCOPED-IN-index-cEGe);--on-background-color: var(--on-background-color-SCOPED-IN-index-cEGe);--navigator-background-color: var(--navigator-background-color-SCOPED-IN-index-cEGe);--navigator-on-background-color: var(--navigator-on-background-color-SCOPED-IN-index-cEGe);--table-background-color: var(--table-background-color-SCOPED-IN-index-cEGe);--table-on-background-color: var(--table-on-background-color-SCOPED-IN-index-cEGe)}\n"], dependencies: [{ kind: "component", type: RouterOutletFrame, selector: "frames-router-outlet" }, { kind: "component", type: IndexTemplate, selector: "templates-index" }] }); }
+  `, isInline: true, styles: [":host{width:100%;height:100%;display:block;--page-width-lv3-SCOPED-IN-index-Y1Hk: var(--page-width-lv3);--primary-color-SCOPED-IN-index-Y1Hk: var(--primary-color);--on-primary-color-SCOPED-IN-index-Y1Hk: var(--on-primary-color);--surface-color-SCOPED-IN-index-Y1Hk: var(--surface-color);--on-surface-color-SCOPED-IN-index-Y1Hk: var(--on-surface-color);--on-background-color-SCOPED-IN-index-Y1Hk: var(--on-background-color);--background-color-SCOPED-IN-index-Y1Hk: var(--background-color);--navigator-background-color-SCOPED-IN-index-Y1Hk: var(--navigator-background-color);--navigator-on-background-color-SCOPED-IN-index-Y1Hk: var(--navigator-on-background-color);--table-background-color-SCOPED-IN-index-Y1Hk: var(--table-background-color);--table-on-background-color-SCOPED-IN-index-Y1Hk: var(--table-on-background-color)}:host .template{width:var(--page-width-lv3-SCOPED-IN-index-Y1Hk)}:host *{--primary-color: var(--primary-color-SCOPED-IN-index-Y1Hk);--on-primary-color: var(--on-primary-color-SCOPED-IN-index-Y1Hk);--surface-color: var(--surface-color-SCOPED-IN-index-Y1Hk);--on-surface-color: var(--on-surface-color-SCOPED-IN-index-Y1Hk);--background-color: var(--background-color-SCOPED-IN-index-Y1Hk);--on-background-color: var(--on-background-color-SCOPED-IN-index-Y1Hk);--navigator-background-color: var(--navigator-background-color-SCOPED-IN-index-Y1Hk);--navigator-on-background-color: var(--navigator-on-background-color-SCOPED-IN-index-Y1Hk);--table-background-color: var(--table-background-color-SCOPED-IN-index-Y1Hk);--table-on-background-color: var(--table-on-background-color-SCOPED-IN-index-Y1Hk)}\n"], dependencies: [{ kind: "component", type: RouterOutletFrame, selector: "frames-router-outlet" }, { kind: "component", type: IndexTemplate, selector: "templates-index" }] }); }
 }
 __decorate([
     Effect(IndexTemplate.ActionId.BACK),
@@ -376,7 +376,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
                             directive: IndexPageStore,
                             inputs: ['items'],
                         },
-                    ], styles: [":host{width:100%;height:100%;display:block;--page-width-lv3-SCOPED-IN-index-cEGe: var(--page-width-lv3);--primary-color-SCOPED-IN-index-cEGe: var(--primary-color);--on-primary-color-SCOPED-IN-index-cEGe: var(--on-primary-color);--surface-color-SCOPED-IN-index-cEGe: var(--surface-color);--on-surface-color-SCOPED-IN-index-cEGe: var(--on-surface-color);--on-background-color-SCOPED-IN-index-cEGe: var(--on-background-color);--background-color-SCOPED-IN-index-cEGe: var(--background-color);--navigator-background-color-SCOPED-IN-index-cEGe: var(--navigator-background-color);--navigator-on-background-color-SCOPED-IN-index-cEGe: var(--navigator-on-background-color);--table-background-color-SCOPED-IN-index-cEGe: var(--table-background-color);--table-on-background-color-SCOPED-IN-index-cEGe: var(--table-on-background-color)}:host .template{width:var(--page-width-lv3-SCOPED-IN-index-cEGe)}:host *{--primary-color: var(--primary-color-SCOPED-IN-index-cEGe);--on-primary-color: var(--on-primary-color-SCOPED-IN-index-cEGe);--surface-color: var(--surface-color-SCOPED-IN-index-cEGe);--on-surface-color: var(--on-surface-color-SCOPED-IN-index-cEGe);--background-color: var(--background-color-SCOPED-IN-index-cEGe);--on-background-color: var(--on-background-color-SCOPED-IN-index-cEGe);--navigator-background-color: var(--navigator-background-color-SCOPED-IN-index-cEGe);--navigator-on-background-color: var(--navigator-on-background-color-SCOPED-IN-index-cEGe);--table-background-color: var(--table-background-color-SCOPED-IN-index-cEGe);--table-on-background-color: var(--table-on-background-color-SCOPED-IN-index-cEGe)}\n"] }]
+                    ], styles: [":host{width:100%;height:100%;display:block;--page-width-lv3-SCOPED-IN-index-Y1Hk: var(--page-width-lv3);--primary-color-SCOPED-IN-index-Y1Hk: var(--primary-color);--on-primary-color-SCOPED-IN-index-Y1Hk: var(--on-primary-color);--surface-color-SCOPED-IN-index-Y1Hk: var(--surface-color);--on-surface-color-SCOPED-IN-index-Y1Hk: var(--on-surface-color);--on-background-color-SCOPED-IN-index-Y1Hk: var(--on-background-color);--background-color-SCOPED-IN-index-Y1Hk: var(--background-color);--navigator-background-color-SCOPED-IN-index-Y1Hk: var(--navigator-background-color);--navigator-on-background-color-SCOPED-IN-index-Y1Hk: var(--navigator-on-background-color);--table-background-color-SCOPED-IN-index-Y1Hk: var(--table-background-color);--table-on-background-color-SCOPED-IN-index-Y1Hk: var(--table-on-background-color)}:host .template{width:var(--page-width-lv3-SCOPED-IN-index-Y1Hk)}:host *{--primary-color: var(--primary-color-SCOPED-IN-index-Y1Hk);--on-primary-color: var(--on-primary-color-SCOPED-IN-index-Y1Hk);--surface-color: var(--surface-color-SCOPED-IN-index-Y1Hk);--on-surface-color: var(--on-surface-color-SCOPED-IN-index-Y1Hk);--background-color: var(--background-color-SCOPED-IN-index-Y1Hk);--on-background-color: var(--on-background-color-SCOPED-IN-index-Y1Hk);--navigator-background-color: var(--navigator-background-color-SCOPED-IN-index-Y1Hk);--navigator-on-background-color: var(--navigator-on-background-color-SCOPED-IN-index-Y1Hk);--table-background-color: var(--table-background-color-SCOPED-IN-index-Y1Hk);--table-on-background-color: var(--table-on-background-color-SCOPED-IN-index-Y1Hk)}\n"] }]
         }], propDecorators: { back: [], close: [], itemClick: [], onCheckboxClick: [] } });
 
 /**

package/fesm2022/ng-atomic-components-pages-form.mjs

@@ -185,7 +185,7 @@ class FormPage extends NgAtomicComponent {
         (action)="dispatch($event)"
       />
     </frames-router-outlet>
-  `, isInline: true, styles: [":host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-form-vaiR: var(--page-width-lv1);--page-width-lv2-SCOPED-IN-form-vaiR: var(--page-width-lv2);--page-width-lv3-SCOPED-IN-form-vaiR: var(--page-width-lv3);--primary-color-SCOPED-IN-form-vaiR: var(--primary-color);--on-primary-color-SCOPED-IN-form-vaiR: var(--on-primary-color);--surface-color-SCOPED-IN-form-vaiR: var(--surface-color);--on-surface-color-SCOPED-IN-form-vaiR: var(--on-surface-color);--on-background-color-SCOPED-IN-form-vaiR: var(--on-background-color);--background-color-SCOPED-IN-form-vaiR: var(--background-color)}:host .template{width:var(--page-width-lv1-SCOPED-IN-form-vaiR)}:host *{--primary-color: var(--primary-color-SCOPED-IN-form-vaiR);--on-primary-color: var(--on-primary-color-SCOPED-IN-form-vaiR);--surface-color: var(--surface-color-SCOPED-IN-form-vaiR);--on-surface-color: var(--on-surface-color-SCOPED-IN-form-vaiR);--background-color: var(--background-color-SCOPED-IN-form-vaiR);--on-background-color: var(--on-background-color-SCOPED-IN-form-vaiR)}\n"], dependencies: [{ kind: "component", type: RouterOutletFrame, selector: "frames-router-outlet" }, { kind: "component", type: FormTemplate, selector: "templates-form" }] }); }
+  `, isInline: true, styles: [":host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-form-XOBD: var(--page-width-lv1);--page-width-lv2-SCOPED-IN-form-XOBD: var(--page-width-lv2);--page-width-lv3-SCOPED-IN-form-XOBD: var(--page-width-lv3);--primary-color-SCOPED-IN-form-XOBD: var(--primary-color);--on-primary-color-SCOPED-IN-form-XOBD: var(--on-primary-color);--surface-color-SCOPED-IN-form-XOBD: var(--surface-color);--on-surface-color-SCOPED-IN-form-XOBD: var(--on-surface-color);--on-background-color-SCOPED-IN-form-XOBD: var(--on-background-color);--background-color-SCOPED-IN-form-XOBD: var(--background-color)}:host .template{width:var(--page-width-lv1-SCOPED-IN-form-XOBD)}:host *{--primary-color: var(--primary-color-SCOPED-IN-form-XOBD);--on-primary-color: var(--on-primary-color-SCOPED-IN-form-XOBD);--surface-color: var(--surface-color-SCOPED-IN-form-XOBD);--on-surface-color: var(--on-surface-color-SCOPED-IN-form-XOBD);--background-color: var(--background-color-SCOPED-IN-form-XOBD);--on-background-color: var(--on-background-color-SCOPED-IN-form-XOBD)}\n"], dependencies: [{ kind: "component", type: RouterOutletFrame, selector: "frames-router-outlet" }, { kind: "component", type: FormTemplate, selector: "templates-form" }] }); }
 }
 __decorate([
     Effect(FormTemplate.ActionId.BACK),
@@ -239,7 +239,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
                                 'formFlatExcludes',
                             ],
                         },
-                    ], styles: [":host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-form-vaiR: var(--page-width-lv1);--page-width-lv2-SCOPED-IN-form-vaiR: var(--page-width-lv2);--page-width-lv3-SCOPED-IN-form-vaiR: var(--page-width-lv3);--primary-color-SCOPED-IN-form-vaiR: var(--primary-color);--on-primary-color-SCOPED-IN-form-vaiR: var(--on-primary-color);--surface-color-SCOPED-IN-form-vaiR: var(--surface-color);--on-surface-color-SCOPED-IN-form-vaiR: var(--on-surface-color);--on-background-color-SCOPED-IN-form-vaiR: var(--on-background-color);--background-color-SCOPED-IN-form-vaiR: var(--background-color)}:host .template{width:var(--page-width-lv1-SCOPED-IN-form-vaiR)}:host *{--primary-color: var(--primary-color-SCOPED-IN-form-vaiR);--on-primary-color: var(--on-primary-color-SCOPED-IN-form-vaiR);--surface-color: var(--surface-color-SCOPED-IN-form-vaiR);--on-surface-color: var(--on-surface-color-SCOPED-IN-form-vaiR);--background-color: var(--background-color-SCOPED-IN-form-vaiR);--on-background-color: var(--on-background-color-SCOPED-IN-form-vaiR)}\n"] }]
+                    ], styles: [":host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-form-XOBD: var(--page-width-lv1);--page-width-lv2-SCOPED-IN-form-XOBD: var(--page-width-lv2);--page-width-lv3-SCOPED-IN-form-XOBD: var(--page-width-lv3);--primary-color-SCOPED-IN-form-XOBD: var(--primary-color);--on-primary-color-SCOPED-IN-form-XOBD: var(--on-primary-color);--surface-color-SCOPED-IN-form-XOBD: var(--surface-color);--on-surface-color-SCOPED-IN-form-XOBD: var(--on-surface-color);--on-background-color-SCOPED-IN-form-XOBD: var(--on-background-color);--background-color-SCOPED-IN-form-XOBD: var(--background-color)}:host .template{width:var(--page-width-lv1-SCOPED-IN-form-XOBD)}:host *{--primary-color: var(--primary-color-SCOPED-IN-form-XOBD);--on-primary-color: var(--on-primary-color-SCOPED-IN-form-XOBD);--surface-color: var(--surface-color-SCOPED-IN-form-XOBD);--on-surface-color: var(--on-surface-color-SCOPED-IN-form-XOBD);--background-color: var(--background-color-SCOPED-IN-form-XOBD);--on-background-color: var(--on-background-color-SCOPED-IN-form-XOBD)}\n"] }]
         }], propDecorators: { back: [], close: [], fileSelected: [] } });
 
 /**

package/fesm2022/ng-atomic-components-templates-_index.mjs

@@ -71,6 +71,7 @@ let IndexTemplateStore = class IndexTemplateStore extends InjectableComponent {
         this.type = input(_computed(() => this.config().type));
         this.selection = input(_computed(() => this.config().selection));
         this.highlight = input(_computed(() => this.config().highlight));
+        this.queryLabel = input(_computed(() => this.config().queryLabel));
         this.form$ = toObservable(computeFake(this.form));
         this.formValue = computedRawValue(() => call(this.form()));
         this.pipes = { index: inject(IndexPipe), indexLength: inject(IndexLengthPipe) };
@@ -115,6 +116,7 @@ let IndexTemplateStore = class IndexTemplateStore extends InjectableComponent {
             pageSizeOptions: [5, 10, 25, 100],
             selection: new SelectionModel(true, []),
             highlight: new SelectionModel(true, []),
+            queryLabel: 'フィルター',
         });
     }, ['components', 'templates', 'index']); }
     static provideTypeConfig() {
@@ -126,7 +128,7 @@ let IndexTemplateStore = class IndexTemplateStore extends InjectableComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: IndexTemplateStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.1.2", type: IndexTemplateStore, isStandalone: true, selector: "templates-index", inputs: { form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: false, transformFunction: null }, gridToolbarActions: { classPropertyName: "gridToolbarActions", publicName: "gridToolbarActions", isSignal: true, isRequired: false, transformFunction: null }, toggleActions: { classPropertyName: "toggleActions", publicName: "toggleActions", isSignal: true, isRequired: false, transformFunction: null }, tableChildrenKey: { classPropertyName: "tableChildrenKey", publicName: "tableChildrenKey", isSignal: true, isRequired: false, transformFunction: null }, tableIsHidden: { classPropertyName: "tableIsHidden", publicName: "tableIsHidden", isSignal: true, isRequired: false, transformFunction: null }, tableTreeControl: { classPropertyName: "tableTreeControl", publicName: "tableTreeControl", isSignal: true, isRequired: false, transformFunction: null }, itemActions: { classPropertyName: "itemActions", publicName: "itemActions", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, itemsLength: { classPropertyName: "itemsLength", publicName: "itemsLength", isSignal: true, isRequired: false, transformFunction: null }, navStartActions: { classPropertyName: "navStartActions", publicName: "navStartActions", isSignal: true, isRequired: false, transformFunction: null }, navEndActions: { classPropertyName: "navEndActions", publicName: "navEndActions", isSignal: true, isRequired: false, transformFunction: null }, groupedBy: { classPropertyName: "groupedBy", publicName: "groupedBy", isSignal: true, isRequired: false, transformFunction: null }, groupKeys: { classPropertyName: "groupKeys", publicName: "groupKeys", isSignal: true, isRequired: false, transformFunction: null }, pageSizeOptions: { classPropertyName: "pageSizeOptions", publicName: "pageSizeOptions", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, selection: { classPropertyName: "selection", publicName: "selection", isSignal: true, isRequired: false, transformFunction: null }, highlight: { classPropertyName: "highlight", publicName: "highlight", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.1.2", type: IndexTemplateStore, isStandalone: true, selector: "templates-index", inputs: { form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: false, transformFunction: null }, gridToolbarActions: { classPropertyName: "gridToolbarActions", publicName: "gridToolbarActions", isSignal: true, isRequired: false, transformFunction: null }, toggleActions: { classPropertyName: "toggleActions", publicName: "toggleActions", isSignal: true, isRequired: false, transformFunction: null }, tableChildrenKey: { classPropertyName: "tableChildrenKey", publicName: "tableChildrenKey", isSignal: true, isRequired: false, transformFunction: null }, tableIsHidden: { classPropertyName: "tableIsHidden", publicName: "tableIsHidden", isSignal: true, isRequired: false, transformFunction: null }, tableTreeControl: { classPropertyName: "tableTreeControl", publicName: "tableTreeControl", isSignal: true, isRequired: false, transformFunction: null }, itemActions: { classPropertyName: "itemActions", publicName: "itemActions", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, itemsLength: { classPropertyName: "itemsLength", publicName: "itemsLength", isSignal: true, isRequired: false, transformFunction: null }, navStartActions: { classPropertyName: "navStartActions", publicName: "navStartActions", isSignal: true, isRequired: false, transformFunction: null }, navEndActions: { classPropertyName: "navEndActions", publicName: "navEndActions", isSignal: true, isRequired: false, transformFunction: null }, groupedBy: { classPropertyName: "groupedBy", publicName: "groupedBy", isSignal: true, isRequired: false, transformFunction: null }, groupKeys: { classPropertyName: "groupKeys", publicName: "groupKeys", isSignal: true, isRequired: false, transformFunction: null }, pageSizeOptions: { classPropertyName: "pageSizeOptions", publicName: "pageSizeOptions", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, selection: { classPropertyName: "selection", publicName: "selection", isSignal: true, isRequired: false, transformFunction: null }, highlight: { classPropertyName: "highlight", publicName: "highlight", isSignal: true, isRequired: false, transformFunction: null }, queryLabel: { classPropertyName: "queryLabel", publicName: "queryLabel", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
             IndexPipe,
             IndexLengthPipe,
         ], usesInheritance: true, ngImport: i0 }); }
@@ -157,7 +159,6 @@ class IndexTemplate extends NgAtomicComponent {
         this.dispatch({ id: ActionId.TABLE_HEADER_CLICK, payload: column });
     }
     onCheckboxClickItem(item) {
-        console.debug('TEST!!!');
         this.dispatch({ id: ActionId.TABLE_CHECKBOX_CLICK, payload: item });
     }
     onItemClicked(item) {
@@ -175,7 +176,7 @@ class IndexTemplate extends NgAtomicComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: IndexTemplate, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.2", type: IndexTemplate, isStandalone: true, selector: "templates-index", host: { classAttribute: "template" }, providers: [
             QueryResolverService,
-        ], viewQueries: [{ propertyName: "dividerFrame", first: true, predicate: DividerFrame, descendants: true, isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: IndexTemplateStore, inputs: ["gridToolbarActions", "gridToolbarActions", "tableChildrenKey", "tableChildrenKey", "tableIsHidden", "tableIsHidden", "tableTreeControl", "tableTreeControl", "form", "form", "title", "title", "description", "description", "items", "items", "itemsLength", "itemsLength", "itemActions", "itemActions", "navStartActions", "navStartActions", "navEndActions", "navEndActions", "groupedBy", "groupedBy", "groupKeys", "groupKeys", "selection", "selection", "pageSizeOptions", "pageSizeOptions", "type", "type", "highlight", "highlight"] }], ngImport: i0, template: `
+        ], viewQueries: [{ propertyName: "dividerFrame", first: true, predicate: DividerFrame, descendants: true, isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: IndexTemplateStore, inputs: ["gridToolbarActions", "gridToolbarActions", "tableChildrenKey", "tableChildrenKey", "tableIsHidden", "tableIsHidden", "tableTreeControl", "tableTreeControl", "form", "form", "title", "title", "description", "description", "items", "items", "itemsLength", "itemsLength", "itemActions", "itemActions", "navStartActions", "navStartActions", "navEndActions", "navEndActions", "groupedBy", "groupedBy", "groupKeys", "groupKeys", "selection", "selection", "pageSizeOptions", "pageSizeOptions", "type", "type", "highlight", "highlight", "queryLabel", "queryLabel"] }], ngImport: i0, template: `
   <frames-scroll>
     <organisms-navigator injectable
       [startActions]="store.navStartActions()"
@@ -221,6 +222,7 @@ class IndexTemplate extends NgAtomicComponent {
               @if (store.form().get(['query'])) {
                 <organisms-chips-input-section
                   [control]="store.form().get(['query'])"
+                  [label]="store.queryLabel()"
                 />
               }
                 <organisms-table injectable
@@ -250,7 +252,7 @@ class IndexTemplate extends NgAtomicComponent {
       }
     </frames-auto-layout>
   </frames-scroll>
-  `, isInline: true, styles: [":host{width:100%;height:100%;background:#fff;display:block;--navigator-height: 56px;--navigator-height-SCOPED-IN-index-kql1: var(--navigator-height);--primary-color: #404040;--primary-color-SCOPED-IN-index-kql1: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-index-kql1: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-index-kql1: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-index-kql1: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-index-kql1: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-index-kql1: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-index-kql1: var(--on-background-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-index-kql1: var(--first-content-height);--navigator-background-color: var(--primary-color-SCOPED-IN-index-kql1);--navigator-background-color-SCOPED-IN-index-kql1: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-index-kql1);--navigator-on-background-color-SCOPED-IN-index-kql1: var(--navigator-on-background-color);--table-background-color: var(--background-color-SCOPED-IN-index-kql1);--table-background-color-SCOPED-IN-index-kql1: var(--table-background-color);--table-on-background-color: var(--on-background-color-SCOPED-IN-index-kql1);--table-on-background-color-SCOPED-IN-index-kql1: var(--table-on-background-color);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-index-kql1: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-index-kql1: var(--max-first-content-height)}:host{background-color:var(--background-color-SCOPED-IN-index-kql1);color:var(--on-background-color-SCOPED-IN-index-kql1);transition:background-color .5s ease-in-out}:host frames-auto-layout{--gap: 0;--vertical-padding: 0}:host frames-divider{--first-content-height: var(--first-content-height-SCOPED-IN-index-kql1);--min-first-content-height: var(--min-first-content-height-SCOPED-IN-index-kql1)}:host organisms-table{--background-color: var(--table-background-color-SCOPED-IN-index-kql1);--on-background-color: var(--table-on-background-color-SCOPED-IN-index-kql1)}:host *{--primary-color: var(--primary-color-SCOPED-IN-index-kql1);--on-primary-color: var(--on-primary-color-SCOPED-IN-index-kql1);--surface-color: var(--surface-color-SCOPED-IN-index-kql1);--on-surface-color: var(--on-surface-color-SCOPED-IN-index-kql1);--background-color: var(--background-color-SCOPED-IN-index-kql1);--on-background-color: var(--on-background-color-SCOPED-IN-index-kql1)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-index-kql1);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-index-kql1)}\n"], dependencies: [{ kind: "component", type: AutoLayoutFrame, selector: "frames-auto-layout" }, { kind: "component", type: ScrollFrame, selector: "frames-scroll" }, { kind: "component", type: SmartListOrganism, selector: "organisms-smart-list" }, { kind: "directive", type: NavigatorOrganismStore, selector: "organisms-navigator", inputs: ["startActions", "endActions", "title"] }, { kind: "directive", type: HeaderMoleculeStore, selector: "molecules-header", inputs: ["title", "description"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, deferBlockDependencies: [() => [GridCardsSectionOrganism], () => [import('@ng-atomic/components/organisms/chips-input-section').then(m => m.ChipsInputSectionOrganism), DividerFrame,
+  `, isInline: true, styles: [":host{width:100%;height:100%;background:#fff;display:block;--navigator-height: 56px;--navigator-height-SCOPED-IN-index-HKY6: var(--navigator-height);--primary-color: #404040;--primary-color-SCOPED-IN-index-HKY6: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-index-HKY6: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-index-HKY6: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-index-HKY6: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-index-HKY6: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-index-HKY6: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-index-HKY6: var(--on-background-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-index-HKY6: var(--first-content-height);--navigator-background-color: var(--primary-color-SCOPED-IN-index-HKY6);--navigator-background-color-SCOPED-IN-index-HKY6: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-index-HKY6);--navigator-on-background-color-SCOPED-IN-index-HKY6: var(--navigator-on-background-color);--table-background-color: var(--background-color-SCOPED-IN-index-HKY6);--table-background-color-SCOPED-IN-index-HKY6: var(--table-background-color);--table-on-background-color: var(--on-background-color-SCOPED-IN-index-HKY6);--table-on-background-color-SCOPED-IN-index-HKY6: var(--table-on-background-color);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-index-HKY6: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-index-HKY6: var(--max-first-content-height)}:host{background-color:var(--background-color-SCOPED-IN-index-HKY6);color:var(--on-background-color-SCOPED-IN-index-HKY6);transition:background-color .5s ease-in-out}:host frames-auto-layout{--gap: 0;--vertical-padding: 0}:host frames-divider{--first-content-height: var(--first-content-height-SCOPED-IN-index-HKY6);--min-first-content-height: var(--min-first-content-height-SCOPED-IN-index-HKY6)}:host organisms-table{--background-color: var(--table-background-color-SCOPED-IN-index-HKY6);--on-background-color: var(--table-on-background-color-SCOPED-IN-index-HKY6)}:host *{--primary-color: var(--primary-color-SCOPED-IN-index-HKY6);--on-primary-color: var(--on-primary-color-SCOPED-IN-index-HKY6);--surface-color: var(--surface-color-SCOPED-IN-index-HKY6);--on-surface-color: var(--on-surface-color-SCOPED-IN-index-HKY6);--background-color: var(--background-color-SCOPED-IN-index-HKY6);--on-background-color: var(--on-background-color-SCOPED-IN-index-HKY6)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-index-HKY6);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-index-HKY6)}\n"], dependencies: [{ kind: "component", type: AutoLayoutFrame, selector: "frames-auto-layout" }, { kind: "component", type: ScrollFrame, selector: "frames-scroll" }, { kind: "component", type: SmartListOrganism, selector: "organisms-smart-list" }, { kind: "directive", type: NavigatorOrganismStore, selector: "organisms-navigator", inputs: ["startActions", "endActions", "title"] }, { kind: "directive", type: HeaderMoleculeStore, selector: "molecules-header", inputs: ["title", "description"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, deferBlockDependencies: [() => [GridCardsSectionOrganism], () => [import('@ng-atomic/components/organisms/chips-input-section').then(m => m.ChipsInputSectionOrganism), DividerFrame,
                 TableOrganismStore], () => [import('@ng-atomic/components/organisms/grid-toolbar').then(m => m.GridToolbarOrganismStore)], () => [import('@ng-atomic/components/organisms/paginator').then(m => m.PaginatorOrganismStore)]] }); }
 }
 __decorate([
@@ -355,6 +357,7 @@ i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "18.1.2", ng
               @if (store.form().get(['query'])) {
                 <organisms-chips-input-section
                   [control]="store.form().get(['query'])"
+                  [label]="store.queryLabel()"
                 />
               }
                 <organisms-table injectable
@@ -405,13 +408,14 @@ i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "18.1.2", ng
                                     'selection',
                                     'pageSizeOptions',
                                     'type',
-                                    'highlight'
+                                    'highlight',
+                                    'queryLabel',
                                 ],
                                 outputs: [],
                             }
                         ], providers: [
                             QueryResolverService,
-                        ], styles: [":host{width:100%;height:100%;background:#fff;display:block;--navigator-height: 56px;--navigator-height-SCOPED-IN-index-kql1: var(--navigator-height);--primary-color: #404040;--primary-color-SCOPED-IN-index-kql1: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-index-kql1: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-index-kql1: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-index-kql1: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-index-kql1: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-index-kql1: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-index-kql1: var(--on-background-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-index-kql1: var(--first-content-height);--navigator-background-color: var(--primary-color-SCOPED-IN-index-kql1);--navigator-background-color-SCOPED-IN-index-kql1: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-index-kql1);--navigator-on-background-color-SCOPED-IN-index-kql1: var(--navigator-on-background-color);--table-background-color: var(--background-color-SCOPED-IN-index-kql1);--table-background-color-SCOPED-IN-index-kql1: var(--table-background-color);--table-on-background-color: var(--on-background-color-SCOPED-IN-index-kql1);--table-on-background-color-SCOPED-IN-index-kql1: var(--table-on-background-color);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-index-kql1: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-index-kql1: var(--max-first-content-height)}:host{background-color:var(--background-color-SCOPED-IN-index-kql1);color:var(--on-background-color-SCOPED-IN-index-kql1);transition:background-color .5s ease-in-out}:host frames-auto-layout{--gap: 0;--vertical-padding: 0}:host frames-divider{--first-content-height: var(--first-content-height-SCOPED-IN-index-kql1);--min-first-content-height: var(--min-first-content-height-SCOPED-IN-index-kql1)}:host organisms-table{--background-color: var(--table-background-color-SCOPED-IN-index-kql1);--on-background-color: var(--table-on-background-color-SCOPED-IN-index-kql1)}:host *{--primary-color: var(--primary-color-SCOPED-IN-index-kql1);--on-primary-color: var(--on-primary-color-SCOPED-IN-index-kql1);--surface-color: var(--surface-color-SCOPED-IN-index-kql1);--on-surface-color: var(--on-surface-color-SCOPED-IN-index-kql1);--background-color: var(--background-color-SCOPED-IN-index-kql1);--on-background-color: var(--on-background-color-SCOPED-IN-index-kql1)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-index-kql1);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-index-kql1)}\n"] }]
+                        ], styles: [":host{width:100%;height:100%;background:#fff;display:block;--navigator-height: 56px;--navigator-height-SCOPED-IN-index-HKY6: var(--navigator-height);--primary-color: #404040;--primary-color-SCOPED-IN-index-HKY6: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-index-HKY6: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-index-HKY6: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-index-HKY6: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-index-HKY6: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-index-HKY6: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-index-HKY6: var(--on-background-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-index-HKY6: var(--first-content-height);--navigator-background-color: var(--primary-color-SCOPED-IN-index-HKY6);--navigator-background-color-SCOPED-IN-index-HKY6: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-index-HKY6);--navigator-on-background-color-SCOPED-IN-index-HKY6: var(--navigator-on-background-color);--table-background-color: var(--background-color-SCOPED-IN-index-HKY6);--table-background-color-SCOPED-IN-index-HKY6: var(--table-background-color);--table-on-background-color: var(--on-background-color-SCOPED-IN-index-HKY6);--table-on-background-color-SCOPED-IN-index-HKY6: var(--table-on-background-color);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-index-HKY6: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-index-HKY6: var(--max-first-content-height)}:host{background-color:var(--background-color-SCOPED-IN-index-HKY6);color:var(--on-background-color-SCOPED-IN-index-HKY6);transition:background-color .5s ease-in-out}:host frames-auto-layout{--gap: 0;--vertical-padding: 0}:host frames-divider{--first-content-height: var(--first-content-height-SCOPED-IN-index-HKY6);--min-first-content-height: var(--min-first-content-height-SCOPED-IN-index-HKY6)}:host organisms-table{--background-color: var(--table-background-color-SCOPED-IN-index-HKY6);--on-background-color: var(--table-on-background-color-SCOPED-IN-index-HKY6)}:host *{--primary-color: var(--primary-color-SCOPED-IN-index-HKY6);--on-primary-color: var(--on-primary-color-SCOPED-IN-index-HKY6);--surface-color: var(--surface-color-SCOPED-IN-index-HKY6);--on-surface-color: var(--on-surface-color-SCOPED-IN-index-HKY6);--background-color: var(--background-color-SCOPED-IN-index-HKY6);--on-background-color: var(--on-background-color-SCOPED-IN-index-HKY6)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-index-HKY6);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-index-HKY6)}\n"] }]
             }], ctorParameters: null, propDecorators: { onTableHeaderClick: [], onCheckboxClickItem: [], onItemClicked: [], onItemButtonClicked: [], onHeaderCheckboxClick: [], back: [] } }) });
 
 /**