@ng-atomic/components 17.9.0 → 17.11.0

package/frames/side-nav/side-nav.frame.d.ts

@@ -1,38 +1,42 @@
 import { WritableSignal } from '@angular/core';
+import { UIContext } from '@ng-atomic/common/services/ui';
 import { NgAtomicComponent } from '@ng-atomic/core';
 import { InjectableComponent } from '@ng-atomic/core';
 import * as i0 from "@angular/core";
 export declare function injectSideNavMode(): WritableSignal<'collapsed' | 'expanded'>;
 export declare class SideNavFrameStore extends InjectableComponent {
+    static getMode: (context: UIContext) => "collapsed" | "expanded";
+    static getFrameType: (context: UIContext) => 'lineup' | 'drawer';
+    static getMenuType: (context: UIContext) => 'menu' | 'icon-button-menu';
     static readonly Config: {
-        provide: (useFactory?: import("@ng-atomic/common/services/ui").ReducerFactory<{
+        provide(useFactory?: import("@ng-atomic/common/services/ui").ReducerFactory<{
             actions: any[];
-            menuType: string;
+            menuType: "menu" | "icon-button-menu";
             menuTitle: string;
             mode: string;
-            frameType: "drawer" | "lineup";
-        }, any>, label?: string) => import("@angular/core").Provider;
-        inject: () => import("@angular/core").Signal<{
+            frameType: "lineup" | "drawer";
+        }>, label?: string): import("@angular/core").Provider;
+        inject(): import("@angular/core").Signal<{
             actions: any[];
-            menuType: string;
+            menuType: "menu" | "icon-button-menu";
             menuTitle: string;
             mode: string;
-            frameType: "drawer" | "lineup";
+            frameType: "lineup" | "drawer";
         }>;
     };
     readonly config: import("@angular/core").Signal<{
         actions: any[];
-        menuType: string;
+        menuType: "menu" | "icon-button-menu";
         menuTitle: string;
         mode: string;
-        frameType: "drawer" | "lineup";
+        frameType: "lineup" | "drawer";
     }>;
     readonly actions: import("@angular/core").InputSignal<any[]>;
-    readonly menuType: import("@angular/core").InputSignal<string>;
+    readonly menuType: import("@angular/core").InputSignal<"menu" | "icon-button-menu">;
     readonly menuTitle: import("@angular/core").InputSignal<string>;
     readonly mode: import("@angular/core").InputSignal<string>;
-    readonly frameType: import("@angular/core").InputSignal<"drawer" | "lineup">;
-    get attrFrame(): "drawer" | "lineup";
+    readonly frameType: import("@angular/core").InputSignal<"lineup" | "drawer">;
+    get attrFrame(): "lineup" | "drawer";
     static ɵfac: i0.ɵɵFactoryDeclaration<SideNavFrameStore, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<SideNavFrameStore, "frames-side-nav", never, { "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "menuType": { "alias": "menuType"; "required": false; "isSignal": true; }; "menuTitle": { "alias": "menuTitle"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "frameType": { "alias": "frameType"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

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

@@ -3,14 +3,14 @@ import { Actions, InjectableComponent, NgAtomicComponent } from '@ng-atomic/core
 import * as i0 from "@angular/core";
 export declare class ActionsColumnMoleculeStore extends InjectableComponent {
     static readonly Config: {
-        provide: (useFactory?: import("@ng-atomic/common/services/ui").ReducerFactory<{
+        provide(useFactory?: import("@ng-atomic/common/services/ui").ReducerFactory<{
             headerText: string;
             itemActions: Actions;
             style: {
                 width: string;
             };
-        }, any>, label?: string) => import("@angular/core").Provider;
-        inject: () => import("@angular/core").Signal<{
+        }>, label?: string): import("@angular/core").Provider;
+        inject(): import("@angular/core").Signal<{
             headerText: string;
             itemActions: Actions;
             style: {

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

@@ -1,22 +1,28 @@
 import { SelectionModel } from '@angular/cdk/collections';
 import { CdkCellDef, CdkColumnDef, CdkHeaderCellDef } from '@angular/cdk/table';
+import { MatCheckbox } from '@angular/material/checkbox';
 import { NgAtomicComponent } from '@ng-atomic/core';
 import * as i0 from "@angular/core";
 declare enum ActionId {
-    CHECKBOX_CLICK = "[@ng-atomic/components/molecules/checkbox-column] Checkbox Click"
+    CHECKBOX_CLICK = "[@ng-atomic/components/molecules/checkbox-column] Checkbox Click",
+    HEADER_CHECKBOX_CLICK = "[@ng-atomic/components/molecules/checkbox-column] Header Checkbox Click"
 }
 export declare class CheckboxColumnMolecule<T> extends NgAtomicComponent {
     static readonly ActionId: typeof ActionId;
     private _table;
     readonly name: import("@angular/core").InputSignal<string>;
     readonly selection: import("@angular/core").InputSignal<SelectionModel<string>>;
-    readonly isHidden: import("@angular/core").InputSignal<(item: T) => true>;
+    readonly isHidden: import("@angular/core").InputSignal<(item: T) => false>;
     readonly columnDef: import("@angular/core").Signal<CdkColumnDef>;
     readonly cell: import("@angular/core").Signal<CdkCellDef>;
     readonly headerCell: import("@angular/core").Signal<CdkHeaderCellDef>;
+    readonly checkboxes: import("@angular/core").Signal<readonly MatCheckbox[]>;
+    readonly headerCheckboxChecked: import("@angular/core").Signal<boolean>;
+    readonly headerCheckboxIndeterminate: import("@angular/core").Signal<boolean>;
     constructor();
     ngOnInit(): void;
     ngOnDestroy(): void;
+    protected onHeaderCheckboxClick(item: T, event: Event): void;
     protected onCheckboxClick(item: T, event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxColumnMolecule<any>, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxColumnMolecule<any>, "molecules-checkbox-column", never, { "name": { "alias": "name"; "required": true; "isSignal": true; }; "selection": { "alias": "selection"; "required": false; "isSignal": true; }; "isHidden": { "alias": "isHidden"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;

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

@@ -16,7 +16,7 @@ export interface ChipsInputMoleculeState {
 }
 export declare class ChipsInputFieldMoleculeStore extends InjectableComponent {
     static readonly Config: {
-        provide: (useFactory?: import("@ng-atomic/common/services/ui").ReducerFactory<{
+        provide(useFactory?: import("@ng-atomic/common/services/ui").ReducerFactory<{
             appearance: string;
             control: FormControl<string>;
             floatLabel: string;
@@ -24,8 +24,8 @@ export declare class ChipsInputFieldMoleculeStore extends InjectableComponent {
             hint: string;
             placeholder: string;
             separators: readonly [13, 188, 32];
-        }, any>, label?: string) => import("@angular/core").Provider;
-        inject: () => import("@angular/core").Signal<{
+        }>, label?: string): import("@angular/core").Provider;
+        inject(): import("@angular/core").Signal<{
             appearance: string;
             control: FormControl<string>;
             floatLabel: string;

package/molecules/loading-box/loading-box.molecule.d.ts

@@ -2,10 +2,10 @@ import { InjectableComponent } from '@ng-atomic/core';
 import * as i0 from "@angular/core";
 export declare class LoadingBoxMoleculeStore extends InjectableComponent {
     static readonly Config: {
-        provide: (useFactory?: import("@ng-atomic/common/services/ui").ReducerFactory<{
+        provide(useFactory?: import("@ng-atomic/common/services/ui").ReducerFactory<{
             loadingMessage: string;
-        }, any>, label?: string) => import("@angular/core").Provider;
-        inject: () => import("@angular/core").Signal<{
+        }>, label?: string): import("@angular/core").Provider;
+        inject(): import("@angular/core").Signal<{
             loadingMessage: string;
         }>;
     };

package/molecules/navigation-list-item/navigation-list-item.molecule.d.ts

@@ -4,11 +4,12 @@ import * as i0 from "@angular/core";
 export declare class NavigationListItemMoleculeStore extends InjectableComponent {
     readonly action: import("@angular/core").InputSignal<Action<any>>;
     readonly selected: import("@angular/core").InputSignal<boolean>;
+    readonly activated: import("@angular/core").InputSignal<boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<NavigationListItemMoleculeStore, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NavigationListItemMoleculeStore, "molecules-navigation-list-item", never, { "action": { "alias": "action"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NavigationListItemMoleculeStore, "molecules-navigation-list-item", never, { "action": { "alias": "action"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "activated": { "alias": "activated"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 export declare class NavigationListItemMolecule extends NgAtomicComponent {
     protected store: NavigationListItemMoleculeStore;
     static ɵfac: i0.ɵɵFactoryDeclaration<NavigationListItemMolecule, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NavigationListItemMolecule, "molecules-navigation-list-item", never, {}, {}, never, never, true, [{ directive: typeof NavigationListItemMoleculeStore; inputs: { "action": "action"; "selected": "selected"; }; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NavigationListItemMolecule, "molecules-navigation-list-item", never, {}, {}, never, never, true, [{ directive: typeof NavigationListItemMoleculeStore; inputs: { "action": "action"; "selected": "selected"; "activated": "activated"; }; outputs: {}; }]>;
 }

package/organisms/menu-header/menu-header.organism.d.ts

@@ -2,11 +2,17 @@ import { InjectableComponent, NgAtomicComponent } from '@ng-atomic/core';
 import * as i0 from "@angular/core";
 export declare class MenuHeaderOrganismStore extends InjectableComponent {
     static readonly Config: {
-        provide: (useFactory?: import("@ng-atomic/common/services/ui").ReducerFactory<any, any>, label?: string) => import("@angular/core").Provider;
-        inject: () => import("@angular/core").Signal<any>;
+        provide(useFactory?: import("@ng-atomic/common/services/ui").ReducerFactory<{
+            title: string;
+        }>, label?: string): import("@angular/core").Provider;
+        inject(): import("@angular/core").Signal<{
+            title: string;
+        }>;
     };
-    readonly config: import("@angular/core").Signal<any>;
-    readonly title: import("@angular/core").InputSignal<any>;
+    readonly config: import("@angular/core").Signal<{
+        title: string;
+    }>;
+    readonly title: import("@angular/core").InputSignal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<MenuHeaderOrganismStore, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<MenuHeaderOrganismStore, "organisms-menu-header", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/organisms/navigation-list/navigation-list.organism.d.ts

@@ -3,8 +3,9 @@ import { Action } from '@ng-atomic/core';
 import * as i0 from "@angular/core";
 export declare class NavigationListOrganismStore extends InjectableComponent {
     readonly actions: import("@angular/core").InputSignal<Action<string>[]>;
+    readonly type: import("@angular/core").InputSignal<"selection" | "nav">;
     static ɵfac: i0.ɵɵFactoryDeclaration<NavigationListOrganismStore, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NavigationListOrganismStore, "organisms-navigation-list", never, { "actions": { "alias": "actions"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NavigationListOrganismStore, "organisms-navigation-list", never, { "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 export declare class NavigationListOrganism extends NgAtomicComponent {
     protected store: NavigationListOrganismStore;

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

@@ -3,12 +3,12 @@ import { NgAtomicComponent } from '@ng-atomic/core';
 import * as i0 from "@angular/core";
 export declare class NavigatorOrganismStore extends InjectableComponent {
     static readonly Config: {
-        provide: (useFactory?: import("@ng-atomic/common/services/ui").ReducerFactory<{
+        provide(useFactory?: import("@ng-atomic/common/services/ui").ReducerFactory<{
             title: string;
             startActions: Actions;
             endActions: Actions;
-        }, any>, label?: string) => import("@angular/core").Provider;
-        inject: () => import("@angular/core").Signal<{
+        }>, label?: string): import("@angular/core").Provider;
+        inject(): import("@angular/core").Signal<{
             title: string;
             startActions: Actions;
             endActions: Actions;

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

@@ -3,11 +3,11 @@ import { InjectableComponent, NgAtomicComponent } from '@ng-atomic/core';
 import * as i0 from "@angular/core";
 export declare class SliderInputSectionOrganismStore extends InjectableComponent {
     static readonly Config: {
-        provide: (useFactory?: import("@ng-atomic/common/services/ui").ReducerFactory<{
+        provide(useFactory?: import("@ng-atomic/common/services/ui").ReducerFactory<{
             items: any[];
             itemActions: any[];
-        }, any>, label?: string) => import("@angular/core").Provider;
-        inject: () => import("@angular/core").Signal<{
+        }>, label?: string): import("@angular/core").Provider;
+        inject(): import("@angular/core").Signal<{
             items: any[];
             itemActions: any[];
         }>;

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

@@ -7,33 +7,34 @@ export declare enum ActionId {
 export declare class SmartListOrganismStore<T> extends InjectableComponent {
     static readonly ActionId: typeof ActionId;
     static readonly Config: {
-        provide: (useFactory?: import("@ng-atomic/common/services/ui").ReducerFactory<{
+        provide(useFactory?: import("@ng-atomic/common/services/ui").ReducerFactory<{
             items: any[];
-            itemActions: any[];
+            itemActions: Actions;
             groupedBy: string;
-            groupKeys: any[];
-            itemActionsType: "dispatch" | "menu";
-        }, any>, label?: string) => import("@angular/core").Provider;
-        inject: () => import("@angular/core").Signal<{
+            groupKeys: string[];
+            itemActionsType: "menu" | "dispatch";
+        }>, label?: string): import("@angular/core").Provider;
+        inject(): import("@angular/core").Signal<{
             items: any[];
-            itemActions: any[];
+            itemActions: Actions;
             groupedBy: string;
-            groupKeys: any[];
-            itemActionsType: "dispatch" | "menu";
+            groupKeys: string[];
+            itemActionsType: "menu" | "dispatch";
         }>;
     };
+    static provideItemActionsTypeConfig(): import("@angular/core").Provider;
     readonly config: import("@angular/core").Signal<{
         items: any[];
-        itemActions: any[];
+        itemActions: Actions;
         groupedBy: string;
-        groupKeys: any[];
-        itemActionsType: "dispatch" | "menu";
+        groupKeys: string[];
+        itemActionsType: "menu" | "dispatch";
     }>;
     readonly items: import("@angular/core").InputSignal<T[]>;
     readonly itemActions: import("@angular/core").InputSignal<Actions>;
     readonly groupedBy: import("@angular/core").InputSignal<string>;
     readonly groupKeys: import("@angular/core").InputSignal<string[]>;
-    readonly itemActionsType: import("@angular/core").InputSignal<"dispatch" | "menu">;
+    readonly itemActionsType: import("@angular/core").InputSignal<"menu" | "dispatch">;
     static ɵfac: i0.ɵɵFactoryDeclaration<SmartListOrganismStore<any>, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<SmartListOrganismStore<any>, never, never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "itemActions": { "alias": "itemActions"; "required": false; "isSignal": true; }; "groupedBy": { "alias": "groupedBy"; "required": false; "isSignal": true; }; "groupKeys": { "alias": "groupKeys"; "required": false; "isSignal": true; }; "itemActionsType": { "alias": "itemActionsType"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

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

@@ -23,7 +23,7 @@ export declare class StripeFormService {
 }
 export declare class StripeInputSectionOrganismStore extends InjectableComponent {
     static readonly Config: {
-        provide: (useFactory?: import("@ng-atomic/common/services/ui").ReducerFactory<{
+        provide(useFactory?: import("@ng-atomic/common/services/ui").ReducerFactory<{
             form: import("@angular/forms").FormGroup<{
                 email: import("@angular/forms").FormControl<string>;
                 address: import("@angular/forms").FormGroup<{
@@ -43,8 +43,8 @@ export declare class StripeInputSectionOrganismStore extends InjectableComponent
             addressOptions: StripeAddressElementOptions;
             paymentOptions: StripePaymentElementOptions;
             elementsOptions: StripeElementsOptions;
-        }, any>, label?: string) => import("@angular/core").Provider;
-        inject: () => import("@angular/core").Signal<{
+        }>, label?: string): import("@angular/core").Provider;
+        inject(): import("@angular/core").Signal<{
             form: import("@angular/forms").FormGroup<{
                 email: import("@angular/forms").FormControl<string>;
                 address: import("@angular/forms").FormGroup<{

package/organisms/table/index.helpers.d.ts

@@ -26,6 +26,7 @@ export type TextColumnForm = FormGroup<{
 export type TreeColumnForm = FormGroup<{
     type: FormControl<'tree'>;
     name: FormControl<string>;
+    headerText: FormControl<string>;
     visible: FormControl<boolean>;
     width: FormControl<number>;
 }>;

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

@@ -3,8 +3,31 @@ import { DomainPipe } from '@ng-atomic/common/pipes/domain';
 import { Actions, InjectableComponent, NgAtomicComponent } from '@ng-atomic/core';
 import { SelectionModel } from '@angular/cdk/collections';
 import { FlatTreeControl } from '@angular/cdk/tree';
+import { CdkDragDrop } from '@angular/cdk/drag-drop';
 import * as i0 from "@angular/core";
+declare enum ActionId {
+    CHECKBOX_CLICK = "[@ng-atomic/components/organisms/checkbox-column] Checkbox Click",
+    HEADER_CHECKBOX_CLICK = "[@ng-atomic/components/organisms/checkbox-column] Header Checkbox Click",
+    HEADER_CLICK = "[@ng-atomic/components/organisms/table] Header Click",
+    ROW_DROP = "[@ng-atomic/components/organisms/table] Row Drop"
+}
 export declare class TableOrganismStore<T> extends InjectableComponent {
+    static readonly ActionId: typeof ActionId;
+    static readonly Config: {
+        provide(useFactory?: import("@ng-atomic/common/services/ui").ReducerFactory<{
+            draggable: boolean;
+            isHidden: (item: any) => false;
+        }>, label?: string): import("@angular/core").Provider;
+        inject(): import("@angular/core").Signal<{
+            draggable: boolean;
+            isHidden: (item: any) => false;
+        }>;
+    };
+    readonly config: import("@angular/core").Signal<{
+        draggable: boolean;
+        isHidden: (item: any) => false;
+    }>;
+    readonly draggable: import("@angular/core").InputSignal<boolean>;
     readonly domainPipe: DomainPipe;
     readonly form: import("@angular/core").InputSignal<import("@angular/forms").FormGroup<{
         query: import("@angular/forms").FormControl<string>;
@@ -26,7 +49,7 @@ export declare class TableOrganismStore<T> extends InjectableComponent {
     readonly items: import("@angular/core").InputSignal<T[]>;
     readonly treeControl: import("@angular/core").InputSignal<FlatTreeControl<any, any>>;
     readonly dataSource: import("@angular/core").Signal<import("@angular/material/tree").MatTreeFlatDataSource<any, any, any> | MatTableDataSource<T, import("@angular/material/paginator").MatPaginator>>;
-    readonly isHidden: import("@angular/core").Signal<(item: T) => boolean>;
+    readonly isHidden: import("@angular/core").InputSignal<(item: any) => false>;
     readonly formValue: import("@angular/core").Signal<Partial<{
         query: string;
         page: Partial<{
@@ -49,7 +72,7 @@ export declare class TableOrganismStore<T> extends InjectableComponent {
         key: string;
         order: string;
     }>;
-    readonly columns: import("@angular/core").Signal<{
+    readonly columns: import("@angular/core").Signal<({
         type: string;
         sort: string;
         actions?: Actions;
@@ -57,21 +80,28 @@ export declare class TableOrganismStore<T> extends InjectableComponent {
         visible: boolean;
         width: number;
         headerText?: string;
-    }[]>;
+    } | {
+        type: string;
+        headerText: string;
+        actions?: Actions;
+        name: string;
+        visible: boolean;
+        width: number;
+        sort?: boolean;
+    })[]>;
     readonly columnNames: import("@angular/core").Signal<string[]>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TableOrganismStore<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TableOrganismStore<any>, "organisms-table", never, { "form": { "alias": "form"; "required": false; "isSignal": true; }; "itemActions": { "alias": "itemActions"; "required": false; "isSignal": true; }; "selection": { "alias": "selection"; "required": false; "isSignal": true; }; "highlight": { "alias": "highlight"; "required": false; "isSignal": true; }; "childrenKey": { "alias": "childrenKey"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "treeControl": { "alias": "treeControl"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-declare enum ActionId {
-    CHECKBOX_CLICK = "[@ng-atomic/components/organisms/checkbox-column] Checkbox Click",
-    HEADER_CLICK = "[@ng-atomic/components/organisms/table] Header Click"
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TableOrganismStore<any>, "organisms-table", never, { "draggable": { "alias": "draggable"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; "itemActions": { "alias": "itemActions"; "required": false; "isSignal": true; }; "selection": { "alias": "selection"; "required": false; "isSignal": true; }; "highlight": { "alias": "highlight"; "required": false; "isSignal": true; }; "childrenKey": { "alias": "childrenKey"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "treeControl": { "alias": "treeControl"; "required": false; "isSignal": true; }; "isHidden": { "alias": "isHidden"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 export declare class TableOrganism<Item extends object> extends NgAtomicComponent {
     static readonly ActionId: typeof ActionId;
     protected store: TableOrganismStore<any>;
     protected onCheckboxClick(item: Item): void;
+    protected onHeaderCheckboxClick(item: Item): void;
     protected onHeaderClick(column: string): void;
+    protected onDrop(event: CdkDragDrop<any, any>): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TableOrganism<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TableOrganism<any>, "organisms-table", never, {}, {}, never, never, true, [{ directive: typeof TableOrganismStore; inputs: { "form": "form"; "itemActions": "itemActions"; "selection": "selection"; "items": "items"; "childrenKey": "childrenKey"; "highlight": "highlight"; }; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableOrganism<any>, "organisms-table", never, {}, {}, never, never, true, [{ directive: typeof TableOrganismStore; inputs: { "draggable": "draggable"; "form": "form"; "itemActions": "itemActions"; "selection": "selection"; "items": "items"; "childrenKey": "childrenKey"; "highlight": "highlight"; "treeControl": "treeControl"; "isHidden": "isHidden"; }; outputs: {}; }]>;
 }
+export declare function flatItems<T>(items: T[], key?: string): T[];
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ng-atomic/components",
-  "version": "17.9.0",
+  "version": "17.11.0",
   "license": "MIT",
   "peerDependencies": {
     "@angular/animations": "^17.0.0",
@@ -17,8 +17,8 @@
     "@codemirror/state": "^6.0.0",
     "@codemirror/theme-one-dark": "^6.0.0",
     "@codemirror/view": "^6.0.0",
-    "@ng-atomic/common": "17.9.0",
-    "@nx-ddd/core": "17.9.0",
+    "@ng-atomic/common": "17.11.0",
+    "@nx-ddd/core": "17.11.0",
     "@webcontainer/api": "^1.1.7",
     "cm6-graphql": "^0.0.4",
     "codemirror": "^6.0.0",