@ng-atomic/components 17.4.0 → 17.6.0

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/index.helpers.ts","../../../../../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/ng-atomic-components-organisms-table.ts"],"sourcesContent":["import { Injectable, inject } from \"@angular/core\";\nimport { FormArray, FormBuilder, FormControl, FormGroup, FormRecord } from \"@angular/forms\";\nimport { PaginationFormValue, PaginationService } from \"@ng-atomic/common/services/form/pagination\";\nimport { SortFormValue, SortService } from \"@ng-atomic/common/services/form/sort\";\nimport { Actions, wrapActions } from \"@ng-atomic/core\";\nimport { Column } from \"@ng-atomic/common/models\";\nimport { injectProps } from \"@ng-atomic/common/pipes/domain\";\nimport { omitBy } from \"lodash-es\";\n\nexport type ActionsColumnForm = FormGroup<{\n  type: FormControl<'actions'>,\n  name: FormControl<string>,\n  visible: FormControl<boolean>,\n  width: FormControl<number>,\n  actions: FormControl<any>,\n}>;\n\nexport type CheckboxColumnForm = FormGroup<{\n  type: FormControl<'checkbox'>,\n  name: FormControl<string>,\n  visible: FormControl<boolean>,\n  width: FormControl<number>,\n}>;\n\nexport type TextColumnForm = FormGroup<{\n  type: FormControl<'text'>,\n  name: FormControl<string>,\n  visible: FormControl<boolean>,\n  width: FormControl<number>,\n}>;\n\nexport type TreeColumnForm = FormGroup<{\n  type: FormControl<'tree'>,\n  name: FormControl<string>,\n  visible: FormControl<boolean>,\n  width: FormControl<number>,\n}>;\n\nexport type ColumnsForm = FormArray<FormRecord<ActionsColumnForm | CheckboxColumnForm | TextColumnForm | TreeColumnForm>>;\n\nexport function buildColumns(columns: (string | Actions)[]): Column[] {\n  return columns.map(column => {\n    if (typeof column === 'string') {\n      if (column === '__actions') {\n        return {\n          type: 'actions',\n          name: 'actions',\n          visible: true,\n          width: 80,\n        }\n      } if (column === '__checkbox') {\n        return {\n          type: 'checkbox',\n          name: 'checkbox',\n          visible: true,\n          width: 80,\n        }\n      } else if (column === '__tree') {\n        return {\n          type: 'tree',\n          name: 'tree',\n          visible: true,\n          width: 80,\n        }\n      } else {\n        return {\n          type: 'text',\n          name: column,\n          visible: true,\n          width: 80,\n        };\n      }      \n    } else {\n      return {\n        type: 'actions',\n        name: 'actions',\n        visible: true,\n        width: 80,\n        actions: wrapActions(column),\n      };\n    }\n  }); \n}\n\n\n\n@Injectable({ providedIn: 'root' })\nexport class IndexTemplateFormBuilder {\n  sort = inject(SortService);\n  pagination = inject(PaginationService)\n  fb = inject(FormBuilder);\n\n  static buildColumns = buildColumns;\n\n  build({\n    query = undefined,\n    sort = {},\n    page = {},\n    columns = [],\n  }: {\n    query?: string,\n    page?: Partial<PaginationFormValue>,\n    sort?: Partial<SortFormValue>,\n    columns?: Column[],\n  } = {}) {\n    const omit = <T extends object>(obj: T) => omitBy(obj, value => value === undefined) as T;\n    return this.fb.group(omit({\n      query: typeof query !== 'undefined' ? this.fb.control(query) : undefined,\n      page: this.pagination.build(page),\n      sort: this.sort.build(sort),\n      columns: this.buildColumnsForm(columns),\n    }));\n  }\n\n  buildColumnsForm(columns: Column[]) {\n    return this.fb.array(columns.map(column => {\n      switch (column.type) {\n        case 'tree': {\n          return this.fb.group({\n            type: this.fb.control({value: 'tree' as const, disabled: true}),\n            name: this.fb.control({value: column.name, disabled: true}),\n            visible: this.fb.control(column.visible),\n            width: this.fb.control(80),\n          }) as TreeColumnForm;\n        }\n        case 'text': \n          return this.fb.group({\n            type: this.fb.control({value: 'text' as const, disabled: true}),\n            name: this.fb.control({value: column.name, disabled: true}),\n            visible: this.fb.control(column.visible),\n            width: this.fb.control(80),\n          }) as TextColumnForm;\n        case 'checkbox':\n          return this.fb.group({\n            type: this.fb.control({value: 'checkbox' as const, disabled: true}),\n            name: this.fb.control({value: 'checkbox', disabled: true}),\n            visible: this.fb.control(column.visible),\n            width: this.fb.control(80),\n          }) as CheckboxColumnForm;\n        case 'actions':\n          return this.fb.group({\n            type: this.fb.control({value: 'actions' as const, disabled: true}),\n            name: this.fb.control({value: 'actions', disabled: true}),\n            visible: this.fb.control(column.visible),\n            width: this.fb.control(80),\n            actions: this.fb.control(column.actions),\n          }) as ActionsColumnForm;\n        default:\n          throw new Error(`Unknown column type: ${(column as any).type}`);\n      }\n    }));\n  }\n}\n\nexport function injectIndexFormBuilder() {\n  return inject(IndexTemplateFormBuilder);\n}\n\nexport function injectIndexForm({\n  columns = buildColumns(['__checkbox', ...injectProps()(), '__actions']),\n  sort = undefined,\n  query = undefined,\n}: {\n  columns?: Column[],\n  sort?: Partial<SortFormValue>,\n  query?: string,\n} = {}) {\n  return inject(IndexTemplateFormBuilder).build({\n    columns,\n    sort,\n    query,\n  });\n}\n","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, effect, 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 { 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 { IndexTemplateFormBuilder } from './index.helpers';\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 { buildTreeFlatDataSource } from './table.helpers';\nimport { FlatTreeControl } from '@angular/cdk/tree';\n\n@TokenizedType()\n@Directive({\n  standalone: true,\n  selector: 'organisms-table',\n  providers: [DomainPipe],\n})\nexport class TableOrganismStore<T> extends InjectableComponent {\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 = computed(() => (item: T) => this.treeControl().getLevel(item) === 0);\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    return new ColumnsPipe().transform((this.formValue()?.columns ?? []) as Column[]).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.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?.name),\n          sort: this.sort().key === column.name ? this.sort().order : 'none',\n        };\n      }\n    });\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  constructor() {\n    super();\n    effect(() => {\n      console.debug('highlight', this.highlight());\n    });\n  }\n}\n\nenum ActionId {\n  CHECKBOX_CLICK = '[@ng-atomic/components/organisms/checkbox-column] Checkbox Click',\n  HEADER_CLICK = '[@ng-atomic/components/organisms/table] Header Click',\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  ],\n  template: `\n  <table\n    mat-table\n    recycleRows\n    matSort\n    matSortDisableClear\n    matSortDirection=\"desc\"\n    [dataSource]=\"store.dataSource()\"\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    ></tr>\n    <div class=\"mat-row\" *matNoDataRow>No Data</div>\n  </table>\n  `,\n  styleUrls: ['./table.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  hostDirectives: [\n    {\n      directive: TableOrganismStore,\n      inputs: ['form', 'itemActions', 'selection', 'items', 'childrenKey', 'highlight'],\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  protected onHeaderClick(column: string) {\n    this.dispatch({id: ActionId.HEADER_CLICK, payload: column});\n  }\n}\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/index.helpers.ts","../../../../../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/ng-atomic-components-organisms-table.ts"],"sourcesContent":["import { Injectable, inject } from \"@angular/core\";\nimport { FormArray, FormBuilder, FormControl, FormGroup, FormRecord } from \"@angular/forms\";\nimport { PaginationFormValue, PaginationService } from \"@ng-atomic/common/services/form/pagination\";\nimport { SortFormValue, SortService } from \"@ng-atomic/common/services/form/sort\";\nimport { Actions, wrapActions } from \"@ng-atomic/core\";\nimport { Column } from \"@ng-atomic/common/models\";\nimport { injectProps } from \"@ng-atomic/common/pipes/domain\";\nimport { omitBy } from \"lodash-es\";\n\nexport type ActionsColumnForm = FormGroup<{\n  type: FormControl<'actions'>,\n  name: FormControl<string>,\n  visible: FormControl<boolean>,\n  width: FormControl<number>,\n  actions: FormControl<any>,\n}>;\n\nexport type CheckboxColumnForm = FormGroup<{\n  type: FormControl<'checkbox'>,\n  name: FormControl<string>,\n  visible: FormControl<boolean>,\n  width: FormControl<number>,\n}>;\n\nexport type TextColumnForm = FormGroup<{\n  type: FormControl<'text'>,\n  name: FormControl<string>,\n  visible: FormControl<boolean>,\n  width: FormControl<number>,\n}>;\n\nexport type TreeColumnForm = FormGroup<{\n  type: FormControl<'tree'>,\n  name: FormControl<string>,\n  visible: FormControl<boolean>,\n  width: FormControl<number>,\n}>;\n\nexport type ColumnsForm = FormArray<FormRecord<ActionsColumnForm | CheckboxColumnForm | TextColumnForm | TreeColumnForm>>;\n\nexport function buildColumns(columns: (string | Actions)[]): Column[] {\n  return columns.map(column => {\n    if (typeof column === 'string') {\n      if (column === '__actions') {\n        return {\n          type: 'actions',\n          name: 'actions',\n          visible: true,\n          width: 80,\n        }\n      } if (column === '__checkbox') {\n        return {\n          type: 'checkbox',\n          name: 'checkbox',\n          visible: true,\n          width: 80,\n        }\n      } else if (column === '__tree') {\n        return {\n          type: 'tree',\n          name: 'tree',\n          visible: true,\n          width: 80,\n        }\n      } else {\n        return {\n          type: 'text',\n          name: column,\n          visible: true,\n          width: 80,\n        };\n      }      \n    } else {\n      return {\n        type: 'actions',\n        name: 'actions',\n        visible: true,\n        width: 80,\n        actions: wrapActions(column),\n      };\n    }\n  }); \n}\n\n\n\n@Injectable({ providedIn: 'root' })\nexport class IndexTemplateFormBuilder {\n  sort = inject(SortService);\n  pagination = inject(PaginationService)\n  fb = inject(FormBuilder);\n\n  static buildColumns = buildColumns;\n\n  build({\n    query = undefined,\n    sort = {},\n    page = {},\n    columns = [],\n  }: {\n    query?: string,\n    page?: Partial<PaginationFormValue>,\n    sort?: Partial<SortFormValue>,\n    columns?: Column[],\n  } = {}) {\n    const omit = <T extends object>(obj: T) => omitBy(obj, value => value === undefined) as T;\n    return this.fb.group(omit({\n      query: typeof query !== 'undefined' ? this.fb.control(query) : undefined,\n      page: this.pagination.build(page),\n      sort: this.sort.build(sort),\n      columns: this.buildColumnsForm(columns),\n    }));\n  }\n\n  buildColumnsForm(columns: Column[]) {\n    return this.fb.array(columns.map(column => {\n      switch (column.type) {\n        case 'tree': {\n          return this.fb.group({\n            type: this.fb.control({value: 'tree' as const, disabled: true}),\n            name: this.fb.control({value: column.name, disabled: true}),\n            visible: this.fb.control(column.visible),\n            width: this.fb.control(80),\n          }) as TreeColumnForm;\n        }\n        case 'text': \n          return this.fb.group({\n            type: this.fb.control({value: 'text' as const, disabled: true}),\n            name: this.fb.control({value: column.name, disabled: true}),\n            visible: this.fb.control(column.visible),\n            width: this.fb.control(80),\n          }) as TextColumnForm;\n        case 'checkbox':\n          return this.fb.group({\n            type: this.fb.control({value: 'checkbox' as const, disabled: true}),\n            name: this.fb.control({value: 'checkbox', disabled: true}),\n            visible: this.fb.control(column.visible),\n            width: this.fb.control(80),\n          }) as CheckboxColumnForm;\n        case 'actions':\n          return this.fb.group({\n            type: this.fb.control({value: 'actions' as const, disabled: true}),\n            name: this.fb.control({value: 'actions', disabled: true}),\n            visible: this.fb.control(column.visible),\n            width: this.fb.control(80),\n            actions: this.fb.control(column.actions),\n          }) as ActionsColumnForm;\n        default:\n          throw new Error(`Unknown column type: ${(column as any).type}`);\n      }\n    }));\n  }\n}\n\nexport function injectIndexFormBuilder() {\n  return inject(IndexTemplateFormBuilder);\n}\n\nexport function injectIndexForm({\n  columns = buildColumns(['__checkbox', ...injectProps()(), '__actions']),\n  sort = undefined,\n  query = undefined,\n}: {\n  columns?: Column[],\n  sort?: Partial<SortFormValue>,\n  query?: string,\n} = {}) {\n  return inject(IndexTemplateFormBuilder).build({\n    columns,\n    sort,\n    query,\n  });\n}\n","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, effect, 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 { 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 { IndexTemplateFormBuilder } from './index.helpers';\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 { buildTreeFlatDataSource } from './table.helpers';\nimport { FlatTreeControl } from '@angular/cdk/tree';\n\n@TokenizedType()\n@Directive({\n  standalone: true,\n  selector: 'organisms-table',\n  providers: [DomainPipe],\n})\nexport class TableOrganismStore<T> extends InjectableComponent {\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 = computed(() => (item: T) => this.treeControl().getLevel(item) === 0);\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    return new ColumnsPipe().transform((this.formValue()?.columns ?? []) as Column[]).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.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?.name),\n          sort: this.sort().key === column.name ? this.sort().order : 'none',\n        };\n      }\n    });\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\nenum ActionId {\n  CHECKBOX_CLICK = '[@ng-atomic/components/organisms/checkbox-column] Checkbox Click',\n  HEADER_CLICK = '[@ng-atomic/components/organisms/table] Header Click',\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  ],\n  template: `\n  <table\n    mat-table\n    recycleRows\n    matSort\n    matSortDisableClear\n    matSortDirection=\"desc\"\n    [dataSource]=\"store.dataSource()\"\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    ></tr>\n    <div class=\"mat-row\" *matNoDataRow>No Data</div>\n  </table>\n  `,\n  styleUrls: ['./table.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  hostDirectives: [\n    {\n      directive: TableOrganismStore,\n      inputs: ['form', 'itemActions', 'selection', 'items', 'childrenKey', 'highlight'],\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  protected onHeaderClick(column: string) {\n    this.dispatch({id: ActionId.HEADER_CLICK, payload: column});\n  }\n}\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-OHRH: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-OHRH) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-text-input-section-OHRH)}: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-5N9Q: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-5N9Q) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-text-input-section-5N9Q)}: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: "17.2.2", ngImport: i0, type: TextInputSectionOrganism, decorators: [{
             type: Component,
@@ -75,7 +75,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
                             directive: TextInputSectionOrganismStore,
                             inputs: ['label', 'placeholder', 'type', 'hint', 'control', 'autoComplete', 'actions'],
                         }
-                    ], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-OHRH: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-OHRH) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-text-input-section-OHRH)}: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-5N9Q: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-5N9Q) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-text-input-section-5N9Q)}: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-8RIO: var(--vertical-padding)}:host{display:block;width:100%;position:relative;padding:0 var(--vertical-padding-SCOPED-IN-textarea-section-8RIO);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-iQZi: var(--vertical-padding)}:host{display:block;width:100%;position:relative;padding:0 var(--vertical-padding-SCOPED-IN-textarea-section-iQZi);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: "17.2.2", ngImport: i0, type: TextareaSectionOrganism, decorators: [{
             type: Component,
@@ -80,7 +80,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
                             directive: TextareaSectionOrganismStore,
                             inputs: ['appearance', 'label', 'rows', 'placeholder', 'floatLabel', 'hint', 'control', 'actions'],
                         }
-                    ], styles: [":host{--vertical-padding: 16px;--vertical-padding-SCOPED-IN-textarea-section-8RIO: var(--vertical-padding)}:host{display:block;width:100%;position:relative;padding:0 var(--vertical-padding-SCOPED-IN-textarea-section-8RIO);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-iQZi: var(--vertical-padding)}:host{display:block;width:100%;position:relative;padding:0 var(--vertical-padding-SCOPED-IN-textarea-section-iQZi);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%-vews: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-%COMP%-vews: var(--on-primary-color);--surface-color: inherit;--surface-color-SCOPED-IN-%COMP%-vews: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-%COMP%-vews: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-%COMP%-vews: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-%COMP%-vews: var(--on-background-color)}:host{display:flex;flex-direction:column;justify-content:flex-start;color:var(--on-surface-color-SCOPED-IN-%COMP%-vews)}: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%-vews)}: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%-tpYV: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-%COMP%-tpYV: var(--on-primary-color);--surface-color: inherit;--surface-color-SCOPED-IN-%COMP%-tpYV: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-%COMP%-tpYV: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-%COMP%-tpYV: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-%COMP%-tpYV: var(--on-background-color)}:host{display:flex;flex-direction:column;justify-content:flex-start;color:var(--on-surface-color-SCOPED-IN-%COMP%-tpYV)}: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%-tpYV)}: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: "17.2.2", ngImport: i0, type: ThreadMessagesSectionOrganism, decorators: [{
             type: Component,
@@ -115,7 +115,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
                             directive: ThreadMessagesSectionOrganismStore,
                             inputs: ['comments', 'noCommentMessage', 'commentActions']
                         }
-                    ], styles: [":host{display:block;--primary-color: inherit;--primary-color-SCOPED-IN-%COMP%-vews: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-%COMP%-vews: var(--on-primary-color);--surface-color: inherit;--surface-color-SCOPED-IN-%COMP%-vews: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-%COMP%-vews: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-%COMP%-vews: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-%COMP%-vews: var(--on-background-color)}:host{display:flex;flex-direction:column;justify-content:flex-start;color:var(--on-surface-color-SCOPED-IN-%COMP%-vews)}: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%-vews)}: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%-tpYV: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-%COMP%-tpYV: var(--on-primary-color);--surface-color: inherit;--surface-color-SCOPED-IN-%COMP%-tpYV: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-%COMP%-tpYV: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-%COMP%-tpYV: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-%COMP%-tpYV: var(--on-background-color)}:host{display:flex;flex-direction:column;justify-content:flex-start;color:var(--on-surface-color-SCOPED-IN-%COMP%-tpYV)}: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%-tpYV)}: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-organisms-tree-section.mjs

@@ -88,11 +88,8 @@ class TreeSectionOrganism {
         }, []);
     }
     onChange() {
-        console.debug('this.dataSource.data:', this.dataSource.data);
         const nodes = this.buildValueNode(this.dataSource.data ?? []);
-        console.debug('nodes:', nodes);
         const fields = this.buildFields(nodes);
-        console.debug('fields:', fields);
         const options = fields.map(field => ({
             operation: Object.keys(field)[0],
             fields: Object.values(field)[0],

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

@@ -1 +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/core';\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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"}
+{"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/core';\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    const nodes = this.buildValueNode(this.dataSource.data ?? []);\n\n    const fields = this.buildFields(nodes);\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/fesm2022/ng-atomic-components-organisms.mjs

@@ -18,6 +18,7 @@ import { PasswordInputSectionOrganismStore } from '@ng-atomic/components/organis
 import { SelectInputSectionOrganismStore } from '@ng-atomic/components/organisms/select-input-section';
 import { SmartListOrganismStore } from '@ng-atomic/components/organisms/smart-list';
 import { ActionInputSectionOrganismStore } from '@ng-atomic/components/organisms/action-input-section';
+import { SliderInputSectionOrganismStore } from '@ng-atomic/components/organisms/slider-input-section';
 import * as i1 from 'ngx-markdown';
 import { MarkdownModule } from 'ngx-markdown';
 
@@ -76,6 +77,10 @@ class NgAtomicOrganismsModule {
                 provideComponent(SmartListOrganismStore, () => {
                     return import('@ng-atomic/components/organisms/smart-list').then(m => m.SmartListOrganism);
                 }),
+                SliderInputSectionOrganismStore.Config.provide(),
+                provideComponent(SliderInputSectionOrganismStore, () => {
+                    return import('@ng-atomic/components/organisms/slider-input-section').then(m => m.SliderInputSectionOrganism);
+                }),
                 provideComponent(TextInputSectionOrganismStore, () => {
                     return import('@ng-atomic/components/organisms/text-input-section').then(m => m.TextInputSectionOrganism);
                 }),

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

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-organisms.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/organisms/organisms.module.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/ng-atomic-components-organisms.ts"],"sourcesContent":["import { NgModule } from \"@angular/core\";\nimport { provideComponent } from \"@ng-atomic/core\";\nimport { MenuFooterOrganismStore } from \"@ng-atomic/components/organisms/menu-footer\";\nimport { MenuHeaderOrganismStore } from \"@ng-atomic/components/organisms/menu-header\";\nimport { NavigationListOrganismStore } from \"@ng-atomic/components/organisms/navigation-list\";\nimport { NavigatorOrganismStore } from \"@ng-atomic/components/organisms/navigator\";\nimport { GridToolbarOrganismStore } from \"@ng-atomic/components/organisms/grid-toolbar\";\nimport { TableOrganismStore } from \"@ng-atomic/components/organisms/table\";\nimport { PaginatorOrganismStore } from \"@ng-atomic/components/organisms/paginator\";\nimport { TextInputSectionOrganismStore } from \"@ng-atomic/components/organisms/text-input-section\";\nimport { ActionButtonsSectionOrganismStore } from \"@ng-atomic/components/organisms/action-buttons-section\";\nimport { NumberInputSectionOrganismStore } from \"@ng-atomic/components/organisms/number-input-section\";\nimport { TextareaSectionOrganismStore } from \"@ng-atomic/components/organisms/textarea-section\";\nimport { StripeInputSectionOrganismStore } from \"@ng-atomic/components/organisms/stripe-input-section\";\nimport { FileInputSectionOrganismStore } from \"@ng-atomic/components/organisms/file-input-section\";\nimport { PasswordInputSectionOrganismStore } from \"@ng-atomic/components/organisms/password-input-section\";\nimport { SelectInputSectionOrganismStore } from \"@ng-atomic/components/organisms/select-input-section\";\nimport { SmartListOrganismStore } from \"@ng-atomic/components/organisms/smart-list\";\nimport { ActionInputSectionOrganismStore } from \"@ng-atomic/components/organisms/action-input-section\";\nimport { MarkdownModule } from \"ngx-markdown\";\n\n@NgModule({\n  imports: [\n    MarkdownModule.forRoot(),\n  ]\n})\nexport class NgAtomicOrganismsModule {\n  static forRoot() {\n    return {\n      ngModule: NgAtomicOrganismsModule,\n      providers: [\n        provideComponent(ActionInputSectionOrganismStore, () => {\n          return import('@ng-atomic/components/organisms/action-input-section').then(m => m.ActionInputSectionOrganism);\n        }),\n        provideComponent(ActionButtonsSectionOrganismStore, () => {\n          return import('@ng-atomic/components/organisms/action-buttons-section').then(m => m.ActionButtonsSectionOrganism);\n        }),\n        // FileInputSectionOrganismStore.Config.provide(),\n        provideComponent(FileInputSectionOrganismStore, () => {\n          return import('@ng-atomic/components/organisms/file-input-section').then(m => m.FileInputSectionOrganism);\n        }),\n        provideComponent(GridToolbarOrganismStore, () => {\n          return import('@ng-atomic/components/organisms/grid-toolbar').then(m => m.GridToolbarOrganism);\n        }),\n        provideComponent(PaginatorOrganismStore, () => {\n          return import('@ng-atomic/components/organisms/paginator').then(m => m.PaginatorOrganism);\n        }),\n        provideComponent(PasswordInputSectionOrganismStore, () => {\n          return import('@ng-atomic/components/organisms/password-input-section').then(m => m.PasswordInputSectionOrganism);\n        }),\n        provideComponent(SelectInputSectionOrganismStore, () => {\n          return import('@ng-atomic/components/organisms/select-input-section').then(m => m.SelectInputSectionOrganism);\n        }),\n        StripeInputSectionOrganismStore.Config.provide(),\n        provideComponent(StripeInputSectionOrganismStore, () => {\n          return import('@ng-atomic/components/organisms/stripe-input-section').then(m => m.StripeInputSectionOrganism);\n        }),\n        provideComponent(TableOrganismStore, () => {\n          return import('@ng-atomic/components/organisms/table').then(m => m.TableOrganism);\n        }),\n        provideComponent(NavigatorOrganismStore, () => {\n          return import('@ng-atomic/components/organisms/navigator').then(m => m.NavigatorOrganism);\n        }),\n        NavigatorOrganismStore.Config.provide(),\n        provideComponent(NumberInputSectionOrganismStore, () => {\n          return import('@ng-atomic/components/organisms/number-input-section').then(m => m.NumberInputSectionOrganism);\n        }),\n        MenuHeaderOrganismStore.Config.provide(),\n        provideComponent(MenuHeaderOrganismStore, () => {\n          return import('@ng-atomic/components/organisms/menu-header').then(m => m.MenuHeaderOrganism);\n        }),\n        provideComponent(MenuFooterOrganismStore, () => {\n          return import('@ng-atomic/components/organisms/menu-footer').then(m => m.MenuFooterOrganism);\n        }),\n        provideComponent(NavigationListOrganismStore, () => {\n          return import('@ng-atomic/components/organisms/navigation-list').then(m => m.NavigationListOrganism);\n        }),\n        SmartListOrganismStore.Config.provide(),\n        provideComponent(SmartListOrganismStore, () => {\n          return import('@ng-atomic/components/organisms/smart-list').then(m => m.SmartListOrganism);\n        }),\n        provideComponent(TextInputSectionOrganismStore, () => {\n          return import('@ng-atomic/components/organisms/text-input-section').then(m => m.TextInputSectionOrganism);\n        }),\n        provideComponent(TextareaSectionOrganismStore, () => {\n          return import('@ng-atomic/components/organisms/textarea-section').then(m => m.TextareaSectionOrganism);\n        }),\n      ]\n    }\n  }\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.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/organisms/organisms.module.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/ng-atomic-components-organisms.ts"],"sourcesContent":["import { NgModule } from \"@angular/core\";\nimport { provideComponent } from \"@ng-atomic/core\";\nimport { MenuFooterOrganismStore } from \"@ng-atomic/components/organisms/menu-footer\";\nimport { MenuHeaderOrganismStore } from \"@ng-atomic/components/organisms/menu-header\";\nimport { NavigationListOrganismStore } from \"@ng-atomic/components/organisms/navigation-list\";\nimport { NavigatorOrganismStore } from \"@ng-atomic/components/organisms/navigator\";\nimport { GridToolbarOrganismStore } from \"@ng-atomic/components/organisms/grid-toolbar\";\nimport { TableOrganismStore } from \"@ng-atomic/components/organisms/table\";\nimport { PaginatorOrganismStore } from \"@ng-atomic/components/organisms/paginator\";\nimport { TextInputSectionOrganismStore } from \"@ng-atomic/components/organisms/text-input-section\";\nimport { ActionButtonsSectionOrganismStore } from \"@ng-atomic/components/organisms/action-buttons-section\";\nimport { NumberInputSectionOrganismStore } from \"@ng-atomic/components/organisms/number-input-section\";\nimport { TextareaSectionOrganismStore } from \"@ng-atomic/components/organisms/textarea-section\";\nimport { StripeInputSectionOrganismStore } from \"@ng-atomic/components/organisms/stripe-input-section\";\nimport { FileInputSectionOrganismStore } from \"@ng-atomic/components/organisms/file-input-section\";\nimport { PasswordInputSectionOrganismStore } from \"@ng-atomic/components/organisms/password-input-section\";\nimport { SelectInputSectionOrganismStore } from \"@ng-atomic/components/organisms/select-input-section\";\nimport { SmartListOrganismStore } from \"@ng-atomic/components/organisms/smart-list\";\nimport { ActionInputSectionOrganismStore } from \"@ng-atomic/components/organisms/action-input-section\";\nimport { SliderInputSectionOrganismStore } from \"@ng-atomic/components/organisms/slider-input-section\";\nimport { MarkdownModule } from \"ngx-markdown\";\n\n@NgModule({\n  imports: [\n    MarkdownModule.forRoot(),\n  ]\n})\nexport class NgAtomicOrganismsModule {\n  static forRoot() {\n    return {\n      ngModule: NgAtomicOrganismsModule,\n      providers: [\n        provideComponent(ActionInputSectionOrganismStore, () => {\n          return import('@ng-atomic/components/organisms/action-input-section').then(m => m.ActionInputSectionOrganism);\n        }),\n        provideComponent(ActionButtonsSectionOrganismStore, () => {\n          return import('@ng-atomic/components/organisms/action-buttons-section').then(m => m.ActionButtonsSectionOrganism);\n        }),\n        // FileInputSectionOrganismStore.Config.provide(),\n        provideComponent(FileInputSectionOrganismStore, () => {\n          return import('@ng-atomic/components/organisms/file-input-section').then(m => m.FileInputSectionOrganism);\n        }),\n        provideComponent(GridToolbarOrganismStore, () => {\n          return import('@ng-atomic/components/organisms/grid-toolbar').then(m => m.GridToolbarOrganism);\n        }),\n        provideComponent(PaginatorOrganismStore, () => {\n          return import('@ng-atomic/components/organisms/paginator').then(m => m.PaginatorOrganism);\n        }),\n        provideComponent(PasswordInputSectionOrganismStore, () => {\n          return import('@ng-atomic/components/organisms/password-input-section').then(m => m.PasswordInputSectionOrganism);\n        }),\n        provideComponent(SelectInputSectionOrganismStore, () => {\n          return import('@ng-atomic/components/organisms/select-input-section').then(m => m.SelectInputSectionOrganism);\n        }),\n        StripeInputSectionOrganismStore.Config.provide(),\n        provideComponent(StripeInputSectionOrganismStore, () => {\n          return import('@ng-atomic/components/organisms/stripe-input-section').then(m => m.StripeInputSectionOrganism);\n        }),\n        provideComponent(TableOrganismStore, () => {\n          return import('@ng-atomic/components/organisms/table').then(m => m.TableOrganism);\n        }),\n        provideComponent(NavigatorOrganismStore, () => {\n          return import('@ng-atomic/components/organisms/navigator').then(m => m.NavigatorOrganism);\n        }),\n        NavigatorOrganismStore.Config.provide(),\n        provideComponent(NumberInputSectionOrganismStore, () => {\n          return import('@ng-atomic/components/organisms/number-input-section').then(m => m.NumberInputSectionOrganism);\n        }),\n        MenuHeaderOrganismStore.Config.provide(),\n        provideComponent(MenuHeaderOrganismStore, () => {\n          return import('@ng-atomic/components/organisms/menu-header').then(m => m.MenuHeaderOrganism);\n        }),\n        provideComponent(MenuFooterOrganismStore, () => {\n          return import('@ng-atomic/components/organisms/menu-footer').then(m => m.MenuFooterOrganism);\n        }),\n        provideComponent(NavigationListOrganismStore, () => {\n          return import('@ng-atomic/components/organisms/navigation-list').then(m => m.NavigationListOrganism);\n        }),\n        SmartListOrganismStore.Config.provide(),\n        provideComponent(SmartListOrganismStore, () => {\n          return import('@ng-atomic/components/organisms/smart-list').then(m => m.SmartListOrganism);\n        }),\n        SliderInputSectionOrganismStore.Config.provide(),\n        provideComponent(SliderInputSectionOrganismStore, () => {\n          return import('@ng-atomic/components/organisms/slider-input-section').then(m => m.SliderInputSectionOrganism);\n        }),\n        provideComponent(TextInputSectionOrganismStore, () => {\n          return import('@ng-atomic/components/organisms/text-input-section').then(m => m.TextInputSectionOrganism);\n        }),\n        provideComponent(TextareaSectionOrganismStore, () => {\n          return import('@ng-atomic/components/organisms/textarea-section').then(m => m.TextareaSectionOrganism);\n        }),\n      ]\n    }\n  }\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-pages-_index.mjs

@@ -2,7 +2,7 @@ import { __decorate, __metadata } from 'tslib';
 import * as i0 from '@angular/core';
 import { computed, inject, input, signal, Directive, Component } from '@angular/core';
 import { RouterOutletFrame } from '@ng-atomic/components/frames/router-outlet';
-import { IndexTemplate } from '@ng-atomic/components/templates/_index';
+import { getType, IndexTemplate } from '@ng-atomic/components/templates/_index';
 import { injectAll } from '@ng-atomic/common/stores/entities';
 import { injectModelName, injectModel } from '@ng-atomic/common/pipes/domain';
 import { InjectableComponent, _computed, NgAtomicComponent, Effect } from '@ng-atomic/core';
@@ -39,21 +39,21 @@ class IndexPageStore extends InjectableComponent {
         this.navStartActions = input(_computed(() => this.config().navStartActions));
         this.navEndActions = input(_computed(() => this.config().navEndActions));
         this.filterFunc = input(_computed(() => this.config().filterFunc));
-        this.filteredItems = computed(() => this.items().filter(this.filterFunc()));
+        this.filteredItems = computed(() => (this.items() ?? []).filter(this.filterFunc()));
     }
     static { this.ActionId = ActionId; }
     static { this.Config = makeConfig(() => {
         const highlight = injectHighlight(injectEntityIdName());
         const isRootPage = injectIsRootPage();
         const navStartActions = injectNavStartActions(isRootPage);
-        return () => ({
+        return (_, context) => ({
             style: {
                 width: 'var(--page-width-lv3)',
             },
             items: [],
             itemActions: () => [],
             title: `${injectModelName()()}一覧`,
-            type: 'table',
+            type: getType(context),
             selection: new SelectionModel(true, []),
             highlight: highlight(),
             form: injectIndexForm({
@@ -113,7 +113,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-DWVd: var(--page-width-lv3);--primary-color-SCOPED-IN-index-DWVd: var(--primary-color);--on-primary-color-SCOPED-IN-index-DWVd: var(--on-primary-color);--surface-color-SCOPED-IN-index-DWVd: var(--surface-color);--on-surface-color-SCOPED-IN-index-DWVd: var(--on-surface-color);--on-background-color-SCOPED-IN-index-DWVd: var(--on-background-color);--background-color-SCOPED-IN-index-DWVd: var(--background-color)}:host .template{width:var(--page-width-lv3-SCOPED-IN-index-DWVd)}:host *{--primary-color: var(--primary-color-SCOPED-IN-index-DWVd);--on-primary-color: var(--on-primary-color-SCOPED-IN-index-DWVd);--surface-color: var(--surface-color-SCOPED-IN-index-DWVd);--on-surface-color: var(--on-surface-color-SCOPED-IN-index-DWVd);--background-color: var(--background-color-SCOPED-IN-index-DWVd);--on-background-color: var(--on-background-color-SCOPED-IN-index-DWVd)}\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-hrgp: var(--page-width-lv3);--primary-color-SCOPED-IN-index-hrgp: var(--primary-color);--on-primary-color-SCOPED-IN-index-hrgp: var(--on-primary-color);--surface-color-SCOPED-IN-index-hrgp: var(--surface-color);--on-surface-color-SCOPED-IN-index-hrgp: var(--on-surface-color);--on-background-color-SCOPED-IN-index-hrgp: var(--on-background-color);--background-color-SCOPED-IN-index-hrgp: var(--background-color);--navigator-background-color-SCOPED-IN-index-hrgp: var(--navigator-background-color);--navigator-on-background-color-SCOPED-IN-index-hrgp: var(--navigator-on-background-color);--table-background-color-SCOPED-IN-index-hrgp: var(--table-background-color);--table-on-background-color-SCOPED-IN-index-hrgp: var(--table-on-background-color)}:host .template{width:var(--page-width-lv3-SCOPED-IN-index-hrgp)}:host *{--primary-color: var(--primary-color-SCOPED-IN-index-hrgp);--on-primary-color: var(--on-primary-color-SCOPED-IN-index-hrgp);--surface-color: var(--surface-color-SCOPED-IN-index-hrgp);--on-surface-color: var(--on-surface-color-SCOPED-IN-index-hrgp);--background-color: var(--background-color-SCOPED-IN-index-hrgp);--on-background-color: var(--on-background-color-SCOPED-IN-index-hrgp);--navigator-background-color: var(--navigator-background-color-SCOPED-IN-index-hrgp);--navigator-on-background-color: var(--navigator-on-background-color-SCOPED-IN-index-hrgp);--table-background-color: var(--table-background-color-SCOPED-IN-index-hrgp);--table-on-background-color: var(--table-on-background-color-SCOPED-IN-index-hrgp)}\n"], dependencies: [{ kind: "component", type: RouterOutletFrame, selector: "frames-router-outlet" }, { kind: "component", type: IndexTemplate, selector: "templates-index" }] }); }
 }
 __decorate([
     Effect(IndexTemplate.ActionId.BACK),
@@ -154,7 +154,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
       (action)="dispatch($event)"
     />
   </frames-router-outlet>
-  `, hostDirectives: [IndexPageStore], styles: [":host{width:100%;height:100%;display:block;--page-width-lv3-SCOPED-IN-index-DWVd: var(--page-width-lv3);--primary-color-SCOPED-IN-index-DWVd: var(--primary-color);--on-primary-color-SCOPED-IN-index-DWVd: var(--on-primary-color);--surface-color-SCOPED-IN-index-DWVd: var(--surface-color);--on-surface-color-SCOPED-IN-index-DWVd: var(--on-surface-color);--on-background-color-SCOPED-IN-index-DWVd: var(--on-background-color);--background-color-SCOPED-IN-index-DWVd: var(--background-color)}:host .template{width:var(--page-width-lv3-SCOPED-IN-index-DWVd)}:host *{--primary-color: var(--primary-color-SCOPED-IN-index-DWVd);--on-primary-color: var(--on-primary-color-SCOPED-IN-index-DWVd);--surface-color: var(--surface-color-SCOPED-IN-index-DWVd);--on-surface-color: var(--on-surface-color-SCOPED-IN-index-DWVd);--background-color: var(--background-color-SCOPED-IN-index-DWVd);--on-background-color: var(--on-background-color-SCOPED-IN-index-DWVd)}\n"] }]
+  `, hostDirectives: [IndexPageStore], styles: [":host{width:100%;height:100%;display:block;--page-width-lv3-SCOPED-IN-index-hrgp: var(--page-width-lv3);--primary-color-SCOPED-IN-index-hrgp: var(--primary-color);--on-primary-color-SCOPED-IN-index-hrgp: var(--on-primary-color);--surface-color-SCOPED-IN-index-hrgp: var(--surface-color);--on-surface-color-SCOPED-IN-index-hrgp: var(--on-surface-color);--on-background-color-SCOPED-IN-index-hrgp: var(--on-background-color);--background-color-SCOPED-IN-index-hrgp: var(--background-color);--navigator-background-color-SCOPED-IN-index-hrgp: var(--navigator-background-color);--navigator-on-background-color-SCOPED-IN-index-hrgp: var(--navigator-on-background-color);--table-background-color-SCOPED-IN-index-hrgp: var(--table-background-color);--table-on-background-color-SCOPED-IN-index-hrgp: var(--table-on-background-color)}:host .template{width:var(--page-width-lv3-SCOPED-IN-index-hrgp)}:host *{--primary-color: var(--primary-color-SCOPED-IN-index-hrgp);--on-primary-color: var(--on-primary-color-SCOPED-IN-index-hrgp);--surface-color: var(--surface-color-SCOPED-IN-index-hrgp);--on-surface-color: var(--on-surface-color-SCOPED-IN-index-hrgp);--background-color: var(--background-color-SCOPED-IN-index-hrgp);--on-background-color: var(--on-background-color-SCOPED-IN-index-hrgp);--navigator-background-color: var(--navigator-background-color-SCOPED-IN-index-hrgp);--navigator-on-background-color: var(--navigator-on-background-color-SCOPED-IN-index-hrgp);--table-background-color: var(--table-background-color-SCOPED-IN-index-hrgp);--table-on-background-color: var(--table-on-background-color-SCOPED-IN-index-hrgp)}\n"] }]
         }], propDecorators: { back: [], checkboxClick: [], itemClick: [] } });
 
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-pages-_index.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/pages/_index/index.page.ts","../../../../../packages/@ng-atomic/components/src/lib/pages/_index/ng-atomic-components-pages-_index.ts"],"sourcesContent":["import { Component, Directive, Signal, computed, inject, input, signal } from '@angular/core';\nimport { RouterOutletFrame } from '@ng-atomic/components/frames/router-outlet';\nimport { IndexTemplate } from '@ng-atomic/components/templates/_index';\nimport { injectAll } from '@ng-atomic/common/stores/entities';\nimport { injectModel, injectModelName } from '@ng-atomic/common/pipes/domain';\nimport { Actions, Effect, InjectableComponent, NgAtomicComponent, _computed } from '@ng-atomic/core';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { buildColumns, injectIndexForm } from '@ng-atomic/components/organisms/table';\nimport { injectIsRootPage, injectNavStartActions, makeConfig } from '@ng-atomic/common/services/ui';\nimport { SelectionModel } from '@angular/cdk/collections';\nimport { injectEntityIdName } from '@ng-atomic/components/pages/form';\nimport { injectChildRouteParam } from \"@ng-atomic/common/utils\";\n\nexport function injectHighlight(key: string): Signal<SelectionModel<string>> {\n  const transferId = injectChildRouteParam(key);\n  return computed(() => new SelectionModel<string>(true, [transferId()]));\n}\n\nenum ActionId {\n  BACK = '[@ng-atomic/components/pages] Back',\n  CHECKBOX_CLICK = '[@ng-atomic/components/pages] CheckboxClick',\n  ADD = '[@ng-atomic/components/pages] Add',\n  DETAIL = '[@ng-atomic/components/pages] Detail',\n}\n\n@Directive({ standalone: true })\nexport class IndexPageStore extends InjectableComponent {\n  static readonly ActionId = ActionId;\n  static readonly Config = makeConfig(() => {\n    const highlight = injectHighlight(injectEntityIdName());\n    const isRootPage = injectIsRootPage();\n    const navStartActions = injectNavStartActions(isRootPage);\n    return () => ({\n      style: {\n        width: 'var(--page-width-lv3)',\n      },\n      items: [],\n      itemActions: () => [] as Actions,\n      title: `${injectModelName()()}一覧`,\n      type: 'table',\n      selection: new SelectionModel<string>(true, []),\n      highlight: highlight(),\n      form: injectIndexForm({\n        columns: buildColumns([\n          'id', \n          'createdAt',\n          'updatedAt',\n          (item: {id: string}) => [{ id: ActionId.DETAIL, icon: 'open_in_new', name: '詳細', payload: item }],\n        ]),\n      }),\n      navStartActions: navStartActions(),\n      navEndActions: [],\n      filterFunc: (item: any) => true,\n    }) as any;\n  }, ['components', 'pages', 'index']);\n  static provideItemsFromRepository = IndexPageStore.Config.provide(() => {\n    const Model = injectModel();\n    const items = Model ? injectAll(Model) : signal([]);\n    return (config) => ({...config, items: items()});\n  });\n\n  readonly config = IndexPageStore.Config.inject();\n  readonly route = inject(ActivatedRoute);\n  readonly type = input(_computed(() => this.config().type));\n  readonly items = input(_computed(() => this.config().items));\n  readonly itemActions = input(_computed(() => this.config().itemActions));\n  readonly title = input(_computed(() => this.config().title));\n  readonly form = input(_computed(() => this.config().form));\n  readonly selection = input(_computed(() => this.config().selection));\n  readonly highlight = input(_computed(() => this.config().highlight));\n  readonly navStartActions = input(_computed(() => this.config().navStartActions));\n  readonly navEndActions = input(_computed(() => this.config().navEndActions));\n  readonly filterFunc = input(_computed(() => this.config().filterFunc));\n  readonly filteredItems = computed(() => this.items().filter(this.filterFunc()));\n}\n\n@Component({\n  selector: 'pages-index',\n  standalone: true,\n  imports: [\n    RouterOutletFrame,\n    IndexTemplate,\n  ],\n  template: `\n  <frames-router-outlet>\n    <templates-index\n      [style.width]=\"store.config().style.width\"\n      [title]=\"store.title()\"\n      [type]=\"store.type()\"\n      [items]=\"store.filteredItems()\"\n      [itemActions]=\"store.itemActions()\"\n      [form]=\"store.form()\"\n      [selection]=\"store.selection()\"\n      [highlight]=\"store.highlight()\"\n      [navStartActions]=\"store.navStartActions()\"\n      [navEndActions]=\"store.navEndActions()\"\n      (action)=\"dispatch($event)\"\n    />\n  </frames-router-outlet>\n  `,\n  styleUrl: './index.page.scss',\n  hostDirectives: [IndexPageStore],\n  // providers: [EffectReducer],\n})\nexport class IndexPage extends NgAtomicComponent {\n  protected store = inject(IndexPageStore);\n  protected router = inject(Router);\n\n  @Effect(IndexTemplate.ActionId.BACK)\n  protected back() {\n    this.dispatch({id: ActionId.BACK});\n  }\n\n  @Effect(IndexTemplate.ActionId.CHECKBOX_CLICK)\n  protected checkboxClick(item: {id: string}) {\n    this.store.selection().toggle(item.id);\n  }\n\n  @Effect(IndexTemplate.ActionId.ITEM_CLICK)\n  protected itemClick(item: {id: string}) {\n    this.dispatch({id: ActionId.DETAIL, payload: item});\n  }\n\n  // @Effect(ActionId.DETAIL)\n  // protected detail(item: {id: string}) {\n  //   this.router.navigate([item?.id ?? 'new'], {relativeTo: this.store.route});\n  // }\n}\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-pages-_index.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/pages/_index/index.page.ts","../../../../../packages/@ng-atomic/components/src/lib/pages/_index/ng-atomic-components-pages-_index.ts"],"sourcesContent":["import { Component, Directive, Signal, computed, inject, input, signal } from '@angular/core';\nimport { RouterOutletFrame } from '@ng-atomic/components/frames/router-outlet';\nimport { getType, IndexTemplate } from '@ng-atomic/components/templates/_index';\nimport { injectAll } from '@ng-atomic/common/stores/entities';\nimport { injectModel, injectModelName } from '@ng-atomic/common/pipes/domain';\nimport { Actions, Effect, InjectableComponent, NgAtomicComponent, _computed } from '@ng-atomic/core';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { buildColumns, injectIndexForm } from '@ng-atomic/components/organisms/table';\nimport { injectIsRootPage, injectNavStartActions, makeConfig } from '@ng-atomic/common/services/ui';\nimport { SelectionModel } from '@angular/cdk/collections';\nimport { injectEntityIdName } from '@ng-atomic/components/pages/form';\nimport { injectChildRouteParam } from \"@ng-atomic/common/utils\";\n\nexport function injectHighlight(key: string): Signal<SelectionModel<string>> {\n  const transferId = injectChildRouteParam(key);\n  return computed(() => new SelectionModel<string>(true, [transferId()]));\n}\n\nenum ActionId {\n  BACK = '[@ng-atomic/components/pages] Back',\n  CHECKBOX_CLICK = '[@ng-atomic/components/pages] CheckboxClick',\n  ADD = '[@ng-atomic/components/pages] Add',\n  DETAIL = '[@ng-atomic/components/pages] Detail',\n}\n\n@Directive({ standalone: true })\nexport class IndexPageStore extends InjectableComponent {\n  static readonly ActionId = ActionId;\n  static readonly Config = makeConfig(() => {\n    const highlight = injectHighlight(injectEntityIdName());\n    const isRootPage = injectIsRootPage();\n    const navStartActions = injectNavStartActions(isRootPage);\n  \n    return (_, context) => ({\n      style: {\n        width: 'var(--page-width-lv3)',\n      },\n      items: [],\n      itemActions: () => [] as Actions,\n      title: `${injectModelName()()}一覧`,\n      type: getType(context),\n      selection: new SelectionModel<string>(true, []),\n      highlight: highlight(),\n      form: injectIndexForm({\n        columns: buildColumns([\n          'id', \n          'createdAt',\n          'updatedAt',\n          (item: {id: string}) => [{ id: ActionId.DETAIL, icon: 'open_in_new', name: '詳細', payload: item }],\n        ]),\n      }),\n      navStartActions: navStartActions(),\n      navEndActions: [],\n      filterFunc: (item: any) => true,\n    }) as any;\n  }, ['components', 'pages', 'index']);\n  static provideItemsFromRepository = IndexPageStore.Config.provide(() => {\n    const Model = injectModel();\n    const items = Model ? injectAll(Model) : signal([]);\n    return (config) => ({...config, items: items()});\n  });\n\n  readonly config = IndexPageStore.Config.inject();\n  readonly route = inject(ActivatedRoute);\n  readonly type = input(_computed(() => this.config().type));\n  readonly items = input(_computed(() => this.config().items));\n  readonly itemActions = input(_computed(() => this.config().itemActions));\n  readonly title = input(_computed(() => this.config().title));\n  readonly form = input(_computed(() => this.config().form));\n  readonly selection = input(_computed(() => this.config().selection));\n  readonly highlight = input(_computed(() => this.config().highlight));\n  readonly navStartActions = input(_computed(() => this.config().navStartActions));\n  readonly navEndActions = input(_computed(() => this.config().navEndActions));\n  readonly filterFunc = input(_computed(() => this.config().filterFunc));\n  readonly filteredItems = computed(() => (this.items() ?? []).filter(this.filterFunc()));\n}\n\n@Component({\n  selector: 'pages-index',\n  standalone: true,\n  imports: [\n    RouterOutletFrame,\n    IndexTemplate,\n  ],\n  template: `\n  <frames-router-outlet>\n    <templates-index\n      [style.width]=\"store.config().style.width\"\n      [title]=\"store.title()\"\n      [type]=\"store.type()\"\n      [items]=\"store.filteredItems()\"\n      [itemActions]=\"store.itemActions()\"\n      [form]=\"store.form()\"\n      [selection]=\"store.selection()\"\n      [highlight]=\"store.highlight()\"\n      [navStartActions]=\"store.navStartActions()\"\n      [navEndActions]=\"store.navEndActions()\"\n      (action)=\"dispatch($event)\"\n    />\n  </frames-router-outlet>\n  `,\n  styleUrl: './index.page.scss',\n  hostDirectives: [IndexPageStore],\n  // providers: [EffectReducer],\n})\nexport class IndexPage extends NgAtomicComponent {\n  protected store = inject(IndexPageStore);\n  protected router = inject(Router);\n\n  @Effect(IndexTemplate.ActionId.BACK)\n  protected back() {\n    this.dispatch({id: ActionId.BACK});\n  }\n\n  @Effect(IndexTemplate.ActionId.CHECKBOX_CLICK)\n  protected checkboxClick(item: {id: string}) {\n    this.store.selection().toggle(item.id);\n  }\n\n  @Effect(IndexTemplate.ActionId.ITEM_CLICK)\n  protected itemClick(item: {id: string}) {\n    this.dispatch({id: ActionId.DETAIL, payload: item});\n  }\n\n  // @Effect(ActionId.DETAIL)\n  // protected detail(item: {id: string}) {\n  //   this.router.navigate([item?.id ?? 'new'], {relativeTo: this.store.route});\n  // }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAaM,SAAU,eAAe,CAAC,GAAW,EAAA;AACzC,IAAA,MAAM,UAAU,GAAG,qBAAqB,CAAC,GAAG,CAAC,CAAC;AAC9C,IAAA,OAAO,QAAQ,CAAC,MAAM,IAAI,cAAc,CAAS,IAAI,EAAE,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,CAAC;AAC1E,CAAC;AAED,IAAK,QAKJ,CAAA;AALD,CAAA,UAAK,QAAQ,EAAA;AACX,IAAA,QAAA,CAAA,MAAA,CAAA,GAAA,oCAA2C,CAAA;AAC3C,IAAA,QAAA,CAAA,gBAAA,CAAA,GAAA,6CAA8D,CAAA;AAC9D,IAAA,QAAA,CAAA,KAAA,CAAA,GAAA,mCAAyC,CAAA;AACzC,IAAA,QAAA,CAAA,QAAA,CAAA,GAAA,sCAA+C,CAAA;AACjD,CAAC,EALI,QAAQ,KAAR,QAAQ,GAKZ,EAAA,CAAA,CAAA,CAAA;AAGK,MAAO,cAAe,SAAQ,mBAAmB,CAAA;AADvD,IAAA,WAAA,GAAA;;AAqCW,QAAA,IAAA,CAAA,MAAM,GAAG,cAAc,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;AACxC,QAAA,IAAA,CAAA,KAAK,GAAG,MAAM,CAAC,cAAc,CAAC,CAAC;AAC/B,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;AAClD,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;AACpD,QAAA,IAAA,CAAA,WAAW,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;AAChE,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;AACpD,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;AAClD,QAAA,IAAA,CAAA,SAAS,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;AAC5D,QAAA,IAAA,CAAA,SAAS,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;AAC5D,QAAA,IAAA,CAAA,eAAe,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;AACxE,QAAA,IAAA,CAAA,aAAa,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;AACpE,QAAA,IAAA,CAAA,UAAU,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;QAC9D,IAAa,CAAA,aAAA,GAAG,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE,MAAM,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC;AACzF,KAAA;aAhDiB,IAAQ,CAAA,QAAA,GAAG,QAAH,CAAY,EAAA;AACpB,IAAA,SAAA,IAAA,CAAA,MAAM,GAAG,UAAU,CAAC,MAAK;AACvC,QAAA,MAAM,SAAS,GAAG,eAAe,CAAC,kBAAkB,EAAE,CAAC,CAAC;AACxD,QAAA,MAAM,UAAU,GAAG,gBAAgB,EAAE,CAAC;AACtC,QAAA,MAAM,eAAe,GAAG,qBAAqB,CAAC,UAAU,CAAC,CAAC;AAE1D,QAAA,OAAO,CAAC,CAAC,EAAE,OAAO,MAAM;AACtB,YAAA,KAAK,EAAE;AACL,gBAAA,KAAK,EAAE,uBAAuB;AAC/B,aAAA;AACD,YAAA,KAAK,EAAE,EAAE;AACT,YAAA,WAAW,EAAE,MAAM,EAAa;AAChC,YAAA,KAAK,EAAE,CAAA,EAAG,eAAe,EAAE,EAAE,CAAI,EAAA,CAAA;AACjC,YAAA,IAAI,EAAE,OAAO,CAAC,OAAO,CAAC;AACtB,YAAA,SAAS,EAAE,IAAI,cAAc,CAAS,IAAI,EAAE,EAAE,CAAC;YAC/C,SAAS,EAAE,SAAS,EAAE;YACtB,IAAI,EAAE,eAAe,CAAC;gBACpB,OAAO,EAAE,YAAY,CAAC;oBACpB,IAAI;oBACJ,WAAW;oBACX,WAAW;oBACX,CAAC,IAAkB,KAAK,CAAC,EAAE,EAAE,EAAE,QAAQ,CAAC,MAAM,EAAE,IAAI,EAAE,aAAa,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;iBAClG,CAAC;aACH,CAAC;YACF,eAAe,EAAE,eAAe,EAAE;AAClC,YAAA,aAAa,EAAE,EAAE;AACjB,YAAA,UAAU,EAAE,CAAC,IAAS,KAAK,IAAI;AAChC,SAAA,CAAQ,CAAC;KACX,EAAE,CAAC,YAAY,EAAE,OAAO,EAAE,OAAO,CAAC,CA3Bb,CA2Be,EAAA;aAC9B,IAA0B,CAAA,0BAAA,GAAG,cAAc,CAAC,MAAM,CAAC,OAAO,CAAC,MAAK;AACrE,QAAA,MAAM,KAAK,GAAG,WAAW,EAAE,CAAC;AAC5B,QAAA,MAAM,KAAK,GAAG,KAAK,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,MAAM,CAAC,EAAE,CAAC,CAAC;AACpD,QAAA,OAAO,CAAC,MAAM,MAAM,EAAC,GAAG,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,EAAC,CAAC,CAAC;KAClD,CAAC,CAAC,EAAA;8GAlCQ,cAAc,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAd,cAAc,EAAA,YAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,eAAA,EAAA,EAAA,iBAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,aAAA,EAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,UAAA,EAAA,eAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;2FAAd,cAAc,EAAA,UAAA,EAAA,CAAA;kBAD1B,SAAS;mBAAC,EAAE,UAAU,EAAE,IAAI,EAAE,CAAA;;AAgFzB,MAAO,SAAU,SAAQ,iBAAiB,CAAA;AA5BhD,IAAA,WAAA,GAAA;;AA6BY,QAAA,IAAA,CAAA,KAAK,GAAG,MAAM,CAAC,cAAc,CAAC,CAAC;AAC/B,QAAA,IAAA,CAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;AAqBnC,KAAA;IAlBW,IAAI,GAAA;QACZ,IAAI,CAAC,QAAQ,CAAC,EAAC,EAAE,EAAE,QAAQ,CAAC,IAAI,EAAC,CAAC,CAAC;KACpC;AAGS,IAAA,aAAa,CAAC,IAAkB,EAAA;AACxC,QAAA,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;KACxC;AAGS,IAAA,SAAS,CAAC,IAAkB,EAAA;AACpC,QAAA,IAAI,CAAC,QAAQ,CAAC,EAAC,EAAE,EAAE,QAAQ,CAAC,MAAM,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC,CAAC;KACrD;8GAjBU,SAAS,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAT,SAAS,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,aAAA,EAAA,eAAA,EAAA,IAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EA/ET,cAAc,EA0Df,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;;;;;;;;;;GAgBT,EAnBC,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,qlDAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,iBAAiB,iEACjB,aAAa,EAAA,QAAA,EAAA,iBAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;AA4BL,UAAA,CAAA;AADT,IAAA,MAAM,CAAC,aAAa,CAAC,QAAQ,CAAC,IAAI,CAAC;;;;AAGnC,CAAA,EAAA,SAAA,CAAA,SAAA,EAAA,MAAA,EAAA,IAAA,CAAA,CAAA;AAGS,UAAA,CAAA;AADT,IAAA,MAAM,CAAC,aAAa,CAAC,QAAQ,CAAC,cAAc,CAAC;;;;AAG7C,CAAA,EAAA,SAAA,CAAA,SAAA,EAAA,eAAA,EAAA,IAAA,CAAA,CAAA;AAGS,UAAA,CAAA;AADT,IAAA,MAAM,CAAC,aAAa,CAAC,QAAQ,CAAC,UAAU,CAAC;;;;AAGzC,CAAA,EAAA,SAAA,CAAA,SAAA,EAAA,WAAA,EAAA,IAAA,CAAA,CAAA;2FAjBU,SAAS,EAAA,UAAA,EAAA,CAAA;kBA5BrB,SAAS;+BACE,aAAa,EAAA,UAAA,EACX,IAAI,EACP,OAAA,EAAA;wBACP,iBAAiB;wBACjB,aAAa;qBACd,EACS,QAAA,EAAA,CAAA;;;;;;;;;;;;;;;;GAgBT,EAEe,cAAA,EAAA,CAAC,cAAc,CAAC,EAAA,MAAA,EAAA,CAAA,qlDAAA,CAAA,EAAA,CAAA;8BAQtB,IAAI,EAAA,EAAA,EAKJ,aAAa,EAAA,EAAA,EAKb,SAAS,EAAA,EAAA,EAAA,EAAA,CAAA;;ACxHrB;;AAEG;;;;"}

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

@@ -128,7 +128,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-Q9J2: var(--page-width-lv1);--page-width-lv2-SCOPED-IN-form-Q9J2: var(--page-width-lv2);--page-width-lv3-SCOPED-IN-form-Q9J2: var(--page-width-lv3);--primary-color-SCOPED-IN-form-Q9J2: var(--primary-color);--on-primary-color-SCOPED-IN-form-Q9J2: var(--on-primary-color);--surface-color-SCOPED-IN-form-Q9J2: var(--surface-color);--on-surface-color-SCOPED-IN-form-Q9J2: var(--on-surface-color);--on-background-color-SCOPED-IN-form-Q9J2: var(--on-background-color);--background-color-SCOPED-IN-form-Q9J2: var(--background-color)}:host .template{width:var(--page-width-lv1-SCOPED-IN-form-Q9J2)}:host *{--primary-color: var(--primary-color-SCOPED-IN-form-Q9J2);--on-primary-color: var(--on-primary-color-SCOPED-IN-form-Q9J2);--surface-color: var(--surface-color-SCOPED-IN-form-Q9J2);--on-surface-color: var(--on-surface-color-SCOPED-IN-form-Q9J2);--background-color: var(--background-color-SCOPED-IN-form-Q9J2);--on-background-color: var(--on-background-color-SCOPED-IN-form-Q9J2)}\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-0sjF: var(--page-width-lv1);--page-width-lv2-SCOPED-IN-form-0sjF: var(--page-width-lv2);--page-width-lv3-SCOPED-IN-form-0sjF: var(--page-width-lv3);--primary-color-SCOPED-IN-form-0sjF: var(--primary-color);--on-primary-color-SCOPED-IN-form-0sjF: var(--on-primary-color);--surface-color-SCOPED-IN-form-0sjF: var(--surface-color);--on-surface-color-SCOPED-IN-form-0sjF: var(--on-surface-color);--on-background-color-SCOPED-IN-form-0sjF: var(--on-background-color);--background-color-SCOPED-IN-form-0sjF: var(--background-color)}:host .template{width:var(--page-width-lv1-SCOPED-IN-form-0sjF)}:host *{--primary-color: var(--primary-color-SCOPED-IN-form-0sjF);--on-primary-color: var(--on-primary-color-SCOPED-IN-form-0sjF);--surface-color: var(--surface-color-SCOPED-IN-form-0sjF);--on-surface-color: var(--on-surface-color-SCOPED-IN-form-0sjF);--background-color: var(--background-color-SCOPED-IN-form-0sjF);--on-background-color: var(--on-background-color-SCOPED-IN-form-0sjF)}\n"], dependencies: [{ kind: "component", type: RouterOutletFrame, selector: "frames-router-outlet" }, { kind: "component", type: FormTemplate, selector: "templates-form" }] }); }
 }
 __decorate([
     Effect(FormTemplate.ActionId.BACK),
@@ -175,7 +175,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
                                 'formFlatExcludes',
                             ],
                         },
-                    ], styles: [":host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-form-Q9J2: var(--page-width-lv1);--page-width-lv2-SCOPED-IN-form-Q9J2: var(--page-width-lv2);--page-width-lv3-SCOPED-IN-form-Q9J2: var(--page-width-lv3);--primary-color-SCOPED-IN-form-Q9J2: var(--primary-color);--on-primary-color-SCOPED-IN-form-Q9J2: var(--on-primary-color);--surface-color-SCOPED-IN-form-Q9J2: var(--surface-color);--on-surface-color-SCOPED-IN-form-Q9J2: var(--on-surface-color);--on-background-color-SCOPED-IN-form-Q9J2: var(--on-background-color);--background-color-SCOPED-IN-form-Q9J2: var(--background-color)}:host .template{width:var(--page-width-lv1-SCOPED-IN-form-Q9J2)}:host *{--primary-color: var(--primary-color-SCOPED-IN-form-Q9J2);--on-primary-color: var(--on-primary-color-SCOPED-IN-form-Q9J2);--surface-color: var(--surface-color-SCOPED-IN-form-Q9J2);--on-surface-color: var(--on-surface-color-SCOPED-IN-form-Q9J2);--background-color: var(--background-color-SCOPED-IN-form-Q9J2);--on-background-color: var(--on-background-color-SCOPED-IN-form-Q9J2)}\n"] }]
+                    ], styles: [":host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-form-0sjF: var(--page-width-lv1);--page-width-lv2-SCOPED-IN-form-0sjF: var(--page-width-lv2);--page-width-lv3-SCOPED-IN-form-0sjF: var(--page-width-lv3);--primary-color-SCOPED-IN-form-0sjF: var(--primary-color);--on-primary-color-SCOPED-IN-form-0sjF: var(--on-primary-color);--surface-color-SCOPED-IN-form-0sjF: var(--surface-color);--on-surface-color-SCOPED-IN-form-0sjF: var(--on-surface-color);--on-background-color-SCOPED-IN-form-0sjF: var(--on-background-color);--background-color-SCOPED-IN-form-0sjF: var(--background-color)}:host .template{width:var(--page-width-lv1-SCOPED-IN-form-0sjF)}:host *{--primary-color: var(--primary-color-SCOPED-IN-form-0sjF);--on-primary-color: var(--on-primary-color-SCOPED-IN-form-0sjF);--surface-color: var(--surface-color-SCOPED-IN-form-0sjF);--on-surface-color: var(--on-surface-color-SCOPED-IN-form-0sjF);--background-color: var(--background-color-SCOPED-IN-form-0sjF);--on-background-color: var(--on-background-color-SCOPED-IN-form-0sjF)}\n"] }]
         }], propDecorators: { back: [], fileSelected: [] } });
 
 /**