@sd-angular/core 19.0.0-beta.98 → 19.0.3

package/components/table/src/components/column-title/column-title.component.d.ts

@@ -3,7 +3,7 @@ import { SdTableColumn } from '../../models/table-column.model';
 import * as i0 from "@angular/core";
 export declare class ColumnTitleComponent {
     column: import("@angular/core").InputSignal<SdTableColumn>;
-    titleDef: import("@angular/core").InputSignal<SdTableTitleDefDirective | undefined>;
+    titleDef: import("@angular/core").InputSignal<SdTableTitleDefDirective<any> | undefined>;
     templateRef: import("@angular/core").Signal<import("@angular/core").TemplateRef<any> | undefined>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ColumnTitleComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ColumnTitleComponent, "column-title", never, { "column": { "alias": "column"; "required": true; "isSignal": true; }; "titleDef": { "alias": "titleDef"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;

package/components/table/src/components/command/desktop-command.component.d.ts

@@ -0,0 +1,14 @@
+import { SdTableCommand } from '../../models/table-command.model';
+import { SdTableItem } from '../../models/table-item.model';
+import * as i0 from "@angular/core";
+export declare class DesktopCommand {
+    autoIdInput: import("@angular/core").InputSignal<string | null | undefined>;
+    item: import("@angular/core").InputSignal<SdTableItem<any>>;
+    itemIndex: import("@angular/core").InputSignal<number>;
+    commands: import("@angular/core").InputSignal<SdTableCommand[] | null | undefined>;
+    itemKey: import("@angular/core").Signal<string>;
+    autoId: import("@angular/core").Signal<string>;
+    _commands: import("@angular/core").Signal<SdTableCommand[]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DesktopCommand, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DesktopCommand, "desktop-command", never, { "autoIdInput": { "alias": "autoId"; "required": false; "isSignal": true; }; "item": { "alias": "item"; "required": true; "isSignal": true; }; "itemIndex": { "alias": "itemIndex"; "required": true; "isSignal": true; }; "commands": { "alias": "commands"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/components/table/src/components/command/pipes/command.pipe.d.ts

@@ -0,0 +1,30 @@
+import { PipeTransform } from '@angular/core';
+import { SdTableCommand } from '../../../models/table-command.model';
+import { SdTableItem } from '../../../models/table-item.model';
+import * as i0 from "@angular/core";
+/**
+ * Pipe gộp resolve metadata của 1 command theo row hiện tại — return 1 object
+ * chứa `disabled`, `title`, `icon`, và `htmlTemplate` (khi command là child có
+ * htmlTemplate). Một lần gọi cho cả 4 truy vấn, template dùng `@let` để alias.
+ *
+ * Trước đây tách thành 3 pipe `commandDisable` / `commandTitle` / `commandIcon`.
+ *
+ * @example
+ *   @let meta = item | command:cmd;
+ *   <button [disabled]="meta.disabled" [matTooltip]="meta.title">
+ *     <mat-icon>{{ meta.icon }}</mat-icon>
+ *     <div [innerHTML]="meta.htmlTemplate"></div>
+ *   </button>
+ */
+export declare class CommandPipe implements PipeTransform {
+    #private;
+    transform(item: SdTableItem, command: SdTableCommand): CommandMeta;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CommandPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<CommandPipe, "command", true>;
+}
+export interface CommandMeta {
+    disabled: boolean;
+    title: string;
+    icon: string;
+    htmlTemplate: string | undefined;
+}

package/components/table/src/components/command/pipes/filter.pipe.d.ts

@@ -0,0 +1,35 @@
+import { PipeTransform } from '@angular/core';
+import { SdTableCommand, SdTableCommandChildren, SdTableCommandNormal } from '../../../models/table-command.model';
+import { SdTableItem } from '../../../models/table-item.model';
+import * as i0 from "@angular/core";
+/**
+ * Lọc danh sách commands theo `hidden` (sync / async) + pre-resolve `icon`, `title`, `key`
+ * cho từng row. Output dùng trực tiếp trong template không cần thêm pipe phụ.
+ *
+ * Đã rename từ `commandFilter` → `filter` sau khi gom toàn bộ pipe command vào
+ * `components/command/pipes/`.
+ *
+ * @example
+ *   @let filteredCommands = item | filter:commands | async;
+ */
+export declare class CommandFilterPipe implements PipeTransform {
+    #private;
+    transform(item: SdTableItem, commands: SdTableCommand[]): Promise<Command[]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CommandFilterPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<CommandFilterPipe, "filter", true>;
+}
+type Command<T = any> = CommandNormal<T> | CommandChildren<T>;
+interface CommandNormal<T = any> extends SdTableCommandNormal<T> {
+    type: 'normal';
+    key: string;
+    title: string;
+    icon: string;
+}
+interface CommandChildren<T = any> extends SdTableCommandChildren<T> {
+    type: 'children';
+    key: string;
+    title: string;
+    icon: string;
+    children: CommandNormal<T>[];
+}
+export {};

package/components/table/src/components/config/config.component.d.ts

@@ -1,25 +1,20 @@
-import { ChangeDetectorRef, EventEmitter } from '@angular/core';
 import { MatTable } from '@angular/material/table';
 import { SdModal } from '@sd-angular/core/components/modal';
-import { SdConfirmService } from '@sd-angular/core/services/confirm';
 import { SdTableColumn } from '../../models/table-column.model';
 import { ConfiguredTable, ConfiguredTableResult } from '../../models/table-option-config.model';
 import { SdTableOption } from '../../models/table-option.model';
-import { ConfigService } from '../../services/config.service';
 import * as i0 from "@angular/core";
 export declare class ConfigComponent {
     #private;
-    private ref;
-    private confirmService;
-    private configService;
-    tableOption?: SdTableOption;
-    modal?: SdModal;
-    table: MatTable<SdTableColumn>;
-    readonly changes: EventEmitter<ConfiguredTableResult>;
-    configuration?: ConfiguredTable;
+    autoIdInput: import("@angular/core").InputSignal<string | null | undefined>;
+    tableOption: import("@angular/core").InputSignal<SdTableOption | undefined>;
+    changes: import("@angular/core").OutputEmitterRef<ConfiguredTableResult>;
+    autoId: import("@angular/core").Signal<string>;
+    modal: import("@angular/core").Signal<SdModal | undefined>;
+    table: import("@angular/core").Signal<MatTable<SdTableColumn>>;
+    configuration: import("@angular/core").WritableSignal<ConfiguredTable | undefined>;
     dragDisabled: boolean;
-    constructor(ref: ChangeDetectorRef, confirmService: SdConfirmService, configService: ConfigService);
-    mouseUp(): void;
+    constructor();
     open: () => Promise<void>;
     close: () => void;
     onSave: () => void;
@@ -28,5 +23,5 @@ export declare class ConfigComponent {
     handleMouseDown(): void;
     handleMouseUp(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ConfigComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ConfigComponent, "config", never, { "tableOption": { "alias": "tableOption"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ConfigComponent, "config", never, { "autoIdInput": { "alias": "autoId"; "required": false; "isSignal": true; }; "tableOption": { "alias": "tableOption"; "required": false; "isSignal": true; }; }, { "changes": "changes"; }, never, never, true, never>;
 }

package/components/table/src/components/desktop-cell/desktop-cell.component.d.ts

@@ -1,5 +1,5 @@
-import { ElementRef } from '@angular/core';
-import { SdTabelCellDefDirective } from '../../directives/sd-table-cell-def.directive';
+import { ElementRef, TemplateRef } from '@angular/core';
+import { SdTableCellDefDirective } from '../../directives/sd-table-cell-def.directive';
 import { SdTableColumn } from '../../models/table-column.model';
 import { SdTableItem } from '../../models/table-item.model';
 import * as i0 from "@angular/core";
@@ -8,13 +8,13 @@ export declare class DesktopCellComponent {
     contentContainer: import("@angular/core").Signal<ElementRef<HTMLElement> | undefined>;
     column: import("@angular/core").InputSignal<SdTableColumn>;
     item: import("@angular/core").InputSignal<SdTableItem<any>>;
-    cellDef: import("@angular/core").InputSignal<Record<string, SdTabelCellDefDirective>>;
+    cellDef: import("@angular/core").InputSignal<Record<string, SdTableCellDefDirective<any>>>;
     value: import("@angular/core").Signal<any>;
     key: import("@angular/core").Signal<any>;
     autoId: import("@angular/core").Signal<string>;
     truncateEnable: import("@angular/core").Signal<boolean | undefined>;
     truncateWidth: import("@angular/core").Signal<string | undefined>;
-    templateRef: import("@angular/core").Signal<import("@angular/core").TemplateRef<any>>;
+    templateRef: import("@angular/core").Signal<TemplateRef<any> | undefined>;
     isCollapsed: import("@angular/core").WritableSignal<boolean>;
     isOverflowing: import("@angular/core").WritableSignal<boolean>;
     constructor();

package/components/table/src/components/filter/column-filter/column-filter.component.d.ts

@@ -0,0 +1,32 @@
+import { Signal } from '@angular/core';
+import { SdSearch } from '@sd-angular/core/forms';
+import { Operator } from '@sdcorejs/utils/models';
+import { SdTableColumn } from '../../../models/table-column.model';
+import * as i0 from "@angular/core";
+export declare class ColumnFilterComponent {
+    autoIdInput: import("@angular/core").InputSignal<string | null | undefined>;
+    column: import("@angular/core").InputSignal<SdTableColumn>;
+    columnFilter: import("@angular/core").InputSignal<Record<string, any>>;
+    cacheValues: import("@angular/core").InputSignal<Record<string, any[]> | undefined>;
+    value: import("@angular/core").InputSignal<any>;
+    operator: import("@angular/core").ModelSignal<Operator | undefined>;
+    isMobile: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    filterChange: import("@angular/core").OutputEmitterRef<void>;
+    filterCommit: import("@angular/core").OutputEmitterRef<void>;
+    autoId: Signal<string>;
+    templateRef: Signal<import("@angular/core").TemplateRef<any> | undefined>;
+    label: Signal<string | undefined>;
+    operators: Signal<{
+        value: Operator;
+        icon: string;
+        display: string;
+    }[]>;
+    operatorValues: Signal<Operator[]>;
+    operatorWrapperClass: Signal<"mb-4 mr-2" | "mr-2">;
+    items: Signal<any[] | SdSearch | Signal<any[]>>;
+    constructor();
+    onFilterChange: () => void;
+    onFilterCommit: () => void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ColumnFilterComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ColumnFilterComponent, "column-filter", never, { "autoIdInput": { "alias": "autoId"; "required": false; "isSignal": true; }; "column": { "alias": "column"; "required": true; "isSignal": true; }; "columnFilter": { "alias": "columnFilter"; "required": false; "isSignal": true; }; "cacheValues": { "alias": "cacheValues"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "operator": { "alias": "operator"; "required": false; "isSignal": true; }; "isMobile": { "alias": "isMobile"; "required": false; "isSignal": true; }; }, { "operator": "operatorChange"; "filterChange": "filterChange"; "filterCommit": "filterCommit"; }, never, never, true, never>;
+}

package/components/table/src/components/filter/external-filter/external-filter.component.d.ts

@@ -0,0 +1,27 @@
+import { FormGroup } from '@angular/forms';
+import { SdTableExternalFilter, SdTableOptionFilter, TableFilterRegister } from '../../../services/table-filter/table-filter.model';
+import * as i0 from "@angular/core";
+export declare class ExternalFilterComponent {
+    #private;
+    autoIdInput: import("@angular/core").InputSignal<string | null | undefined>;
+    filter: import("@angular/core").InputSignal<SdTableOptionFilter<any> | undefined>;
+    externalFilters: import("@angular/core").InputSignal<SdTableExternalFilter[] | null | undefined>;
+    filterRegister: import("@angular/core").InputSignal<TableFilterRegister | undefined>;
+    externalFilter: import("@angular/core").WritableSignal<Record<string, any>>;
+    inlineExternal: import("@angular/core").WritableSignal<Record<string, boolean>>;
+    filtered: import("@angular/core").WritableSignal<boolean>;
+    isMobileOrTablet: boolean;
+    readonly form: FormGroup<{}>;
+    autoId: import("@angular/core").Signal<string>;
+    col: import("@angular/core").Signal<2 | 3>;
+    filterItems: import("@angular/core").Signal<SdTableExternalFilter[]>;
+    constructor();
+    onKeyupEnter: () => void;
+    onFilter: (externalFilter: SdTableExternalFilter) => void;
+    onSubmit: () => void;
+    updateFilter: () => void;
+    clearFilter: (event?: Event) => void;
+    onCheckboxChange: (event: Event, externalFilter: SdTableExternalFilter) => void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ExternalFilterComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ExternalFilterComponent, "external-filter", never, { "autoIdInput": { "alias": "autoId"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "externalFilters": { "alias": "externalFilters"; "required": false; "isSignal": true; }; "filterRegister": { "alias": "filterRegister"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/components/table/src/components/filter/index.d.ts

@@ -0,0 +1,3 @@
+export * from './column-filter/column-filter.component';
+export * from './external-filter/external-filter.component';
+export * from './mobile-filter/mobile-filter.component';

package/components/table/src/components/filter/mobile-filter/mobile-filter.component.d.ts

@@ -0,0 +1,42 @@
+import { SdSideDrawer } from '@sd-angular/core/components/side-drawer';
+import { Operator } from '@sdcorejs/utils/models';
+import { SdTableFilterDefDirective } from '../../../directives/sd-table-filter-def.directive';
+import { SdTableColumn } from '../../../models/table-column.model';
+import { SdTableExternalFilter, SdTableOptionFilter, TableFilterRegister } from '../../../services/table-filter/table-filter.model';
+import * as i0 from "@angular/core";
+/**
+ * Mobile-filter — side-drawer chiếm ~90% width thiết bị. Dùng cho table khi
+ * render trên màn hình điện thoại (inline filter bị ẩn).
+ *
+ * Layout (mỗi filter 1 hàng, size='sm'):
+ *  1. External filter (render inline — KHÔNG reuse external-filter component
+ *     vì component đó dùng grid 2/3 cột + có chọn ẩn/hiện không phù hợp mobile).
+ *  2. filterDefs — custom templates do app khai báo qua `[sdTableFilterDef]`.
+ *  3. Column filter — 1 column-filter / column.
+ *
+ * State: local working copy. Cancel = đóng (không ghi). Apply = flush vào
+ * filterRegister + đóng.
+ */
+export declare class MobileFilterComponent {
+    autoIdInput: import("@angular/core").InputSignal<string | null | undefined>;
+    filter: import("@angular/core").InputSignal<SdTableOptionFilter<any> | undefined>;
+    externalFilters: import("@angular/core").InputSignal<SdTableExternalFilter[] | null | undefined>;
+    columns: import("@angular/core").InputSignal<SdTableColumn[] | null | undefined>;
+    filterDefs: import("@angular/core").InputSignal<readonly SdTableFilterDefDirective[] | null | undefined>;
+    filterRegister: import("@angular/core").InputSignal<TableFilterRegister | undefined>;
+    cacheValues: import("@angular/core").InputSignal<Record<string, any[]> | undefined>;
+    drawer: import("@angular/core").Signal<SdSideDrawer>;
+    workingColumnFilter: import("@angular/core").WritableSignal<Record<string, any>>;
+    workingColumnOperator: import("@angular/core").WritableSignal<Record<string, Operator>>;
+    workingExternalFilter: import("@angular/core").WritableSignal<Record<string, any>>;
+    autoId: import("@angular/core").Signal<string>;
+    externalFilterItems: import("@angular/core").Signal<SdTableExternalFilter[]>;
+    columnItems: import("@angular/core").Signal<SdTableColumn[]>;
+    filterDefItems: import("@angular/core").Signal<readonly SdTableFilterDefDirective[]>;
+    open: () => void;
+    close: () => void;
+    onApply: () => void;
+    onCancel: () => void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MobileFilterComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MobileFilterComponent, "mobile-filter", never, { "autoIdInput": { "alias": "autoId"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "externalFilters": { "alias": "externalFilters"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "filterDefs": { "alias": "filterDefs"; "required": false; "isSignal": true; }; "filterRegister": { "alias": "filterRegister"; "required": false; "isSignal": true; }; "cacheValues": { "alias": "cacheValues"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/components/table/src/components/index.d.ts

@@ -1,4 +1,3 @@
-export * from './column-filter/column-filter.component';
 export * from './column-title/column-title.component';
-export * from './external-filter/external-filter.component';
+export * from './filter';
 export * from './selector-action/selector-action.component';

package/components/table/src/components/selector-action/selector-action.component.d.ts

@@ -1,18 +1,18 @@
-import { EventEmitter } from '@angular/core';
 import { SdTableItem } from '../../models/table-item.model';
 import { SdTableOption } from '../../models/table-option.model';
 import { Action } from './action-filter.pipe';
 import * as i0 from "@angular/core";
 export declare class SelectorActionComponent {
     #private;
+    autoIdInput: import("@angular/core").InputSignal<string | null | undefined>;
     tableOption: import("@angular/core").InputSignal<SdTableOption | undefined>;
     selectedTableItems: import("@angular/core").InputSignal<SdTableItem<any>[] | undefined>;
-    clear: EventEmitter<any>;
+    clear: import("@angular/core").OutputEmitterRef<void>;
+    autoId: import("@angular/core").Signal<string>;
     message: import("@angular/core").Signal<string>;
-    isOpened: import("@angular/core").Signal<boolean>;
-    constructor();
+    opened: import("@angular/core").Signal<boolean>;
     onClear: () => void;
     onClickAction: (action: Action) => void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SelectorActionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SelectorActionComponent, "selector-action", never, { "tableOption": { "alias": "tableOption"; "required": false; "isSignal": true; }; "selectedTableItems": { "alias": "selectedTableItems"; "required": false; "isSignal": true; }; }, { "clear": "clear"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SelectorActionComponent, "selector-action", never, { "autoIdInput": { "alias": "autoId"; "required": false; "isSignal": true; }; "tableOption": { "alias": "tableOption"; "required": false; "isSignal": true; }; "selectedTableItems": { "alias": "selectedTableItems"; "required": false; "isSignal": true; }; }, { "clear": "clear"; }, never, never, true, never>;
 }

package/components/table/src/configurations/table.configuration.d.ts

@@ -1,7 +1,7 @@
 import { InjectionToken } from '@angular/core';
 import { SdTableOptionPaginate } from '../models/table-option-paginate.model';
 import { SdTableOptionFilter } from '../services/table-filter/table-filter.model';
-import { SdOperator } from '@sd-angular/core/utilities';
+import { Operator } from '@sdcorejs/utils/models';
 import { SdTableColumn } from '../models';
 export interface ISdTableConfiguration {
     paginate?: {
@@ -21,8 +21,8 @@ export interface ISdTableConfiguration {
         /** Ẩn toolbar (xóa bộ lọc, thiết lập) của external filter, khi có ít external filter user không cần chức năng này, mặc định là false */
         hideExternalFilterToolbar?: SdTableOptionFilter['hideExternalFilterToolbar'];
         operator?: {
-            list?: Partial<Record<SdTableColumn['type'], SdOperator[]>>;
-            default?: Partial<Record<SdTableColumn['type'], SdOperator>>;
+            list?: Partial<Record<SdTableColumn['type'], Operator[]>>;
+            default?: Partial<Record<SdTableColumn['type'], Operator>>;
         };
     };
     images?: {

package/components/table/src/directives/index.d.ts

@@ -2,4 +2,5 @@ export * from './sd-table-column-filter-def.directive';
 export * from './sticky-shadow.directive';
 export * from './sd-table-title-def.directive';
 export * from './sd-table-cell-def.directive';
+export * from './sd-table-group-def.directive';
 export * from './sd-column-resize.directive';

package/components/table/src/directives/sd-table-cell-def.directive.d.ts

@@ -1,8 +1,16 @@
 import { TemplateRef } from '@angular/core';
+import { SdTableColumn } from '../models/table-column.model';
 import * as i0 from "@angular/core";
-export declare class SdTabelCellDefDirective {
-    sdTableCellDef: import("@angular/core").InputSignal<string | undefined>;
-    templateRef: TemplateRef<any>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SdTabelCellDefDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SdTabelCellDefDirective, "[sdTableCellDef]", never, { "sdTableCellDef": { "alias": "sdTableCellDef"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+interface Context<T = any> {
+    item: T;
+    column: SdTableColumn<T>;
+    autoId: string;
 }
+export declare class SdTableCellDefDirective<T = any> {
+    static ngTemplateContextGuard<T>(_dir: SdTableCellDefDirective<T>, _ctx: unknown): _ctx is Context<T>;
+    sdTableCellDef: import("@angular/core").InputSignal<string>;
+    templateRef: TemplateRef<Context<T>>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdTableCellDefDirective<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SdTableCellDefDirective<any>, "[sdTableCellDef]", never, { "sdTableCellDef": { "alias": "sdTableCellDef"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+export {};

package/components/table/src/directives/sd-table-column-filter-def.directive.d.ts

@@ -1,8 +1,16 @@
 import { TemplateRef } from '@angular/core';
+import { SdTableColumn } from '../models/table-column.model';
 import * as i0 from "@angular/core";
-export declare class SdTableColumnFilterDefDirective {
-    sdTableColumnFilterDef: import("@angular/core").InputSignal<string | undefined>;
-    templateRef: TemplateRef<any>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SdTableColumnFilterDefDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SdTableColumnFilterDefDirective, "[sdTableColumnFilterDef]", never, { "sdTableColumnFilterDef": { "alias": "sdTableColumnFilterDef"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+interface Context<T = any> {
+    column: SdTableColumn<T>;
+    field: string;
+    disabled?: boolean;
 }
+export declare class SdTableColumnFilterDefDirective<T = any> {
+    static ngTemplateContextGuard<T>(_dir: SdTableColumnFilterDefDirective<T>, _ctx: unknown): _ctx is Context<T>;
+    sdTableColumnFilterDef: import("@angular/core").InputSignal<string>;
+    templateRef: TemplateRef<Context<T>>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdTableColumnFilterDefDirective<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SdTableColumnFilterDefDirective<any>, "[sdTableColumnFilterDef]", never, { "sdTableColumnFilterDef": { "alias": "sdTableColumnFilterDef"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+export {};

package/components/table/src/directives/sd-table-expand-def.directive.d.ts

@@ -1,7 +1,13 @@
 import { TemplateRef } from '@angular/core';
+import { SdTableItem } from '../models/table-item.model';
 import * as i0 from "@angular/core";
-export declare class SdMaterialSubInformationDefDirective {
-    templateRef: TemplateRef<any>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SdMaterialSubInformationDefDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SdMaterialSubInformationDefDirective, "[sdTableExpandDef]", never, {}, {}, never, never, true, never>;
+interface Context<T = any> {
+    item: SdTableItem<T>;
 }
+export declare class SdTableExpandDefDirective<T = any> {
+    static ngTemplateContextGuard<T>(_dir: SdTableExpandDefDirective<T>, _ctx: unknown): _ctx is Context<T>;
+    templateRef: TemplateRef<Context<T>>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdTableExpandDefDirective<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SdTableExpandDefDirective<any>, "[sdTableExpandDef]", never, {}, {}, never, never, true, never>;
+}
+export {};

package/components/table/src/directives/sd-table-filter-def.directive.d.ts

@@ -1,14 +1,14 @@
 import { TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 interface Context {
-    externalFilter?: Record<string, any>;
+    externalFilter?: Record<string, unknown>;
 }
 export declare class SdTableFilterDefDirective {
-    static ngTemplateContextGuard(dir: Context, ctx: unknown): ctx is Context;
-    sdTableFilterDef: import("@angular/core").InputSignal<string | undefined>;
+    static ngTemplateContextGuard(_dir: SdTableFilterDefDirective, _ctx: unknown): _ctx is Context;
+    sdTableFilterDef: import("@angular/core").InputSignal<string>;
     defaultShowing: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
-    templateRef: TemplateRef<any> | null;
+    templateRef: TemplateRef<Context> | null;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdTableFilterDefDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SdTableFilterDefDirective, "[sdTableFilterDef]", never, { "sdTableFilterDef": { "alias": "sdTableFilterDef"; "required": false; "isSignal": true; }; "defaultShowing": { "alias": "defaultShowing"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SdTableFilterDefDirective, "[sdTableFilterDef]", never, { "sdTableFilterDef": { "alias": "sdTableFilterDef"; "required": true; "isSignal": true; }; "defaultShowing": { "alias": "defaultShowing"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 export {};

package/components/table/src/directives/sd-table-footer-def.directive.d.ts

@@ -1,8 +1,16 @@
 import { TemplateRef } from '@angular/core';
+import { SdTableColumn } from '../models/table-column.model';
+import { SdTableItem } from '../models/table-item.model';
 import * as i0 from "@angular/core";
-export declare class SdMaterialFooterDefDirective {
-    sdTableFooterDef: import("@angular/core").InputSignal<string | undefined>;
-    templateRef: TemplateRef<any>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SdMaterialFooterDefDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SdMaterialFooterDefDirective, "[sdTableFooterDef]", never, { "sdTableFooterDef": { "alias": "sdTableFooterDef"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+interface Context<T = any> {
+    items: SdTableItem<T>[];
+    column: SdTableColumn<T>;
 }
+export declare class SdMaterialFooterDefDirective<T = any> {
+    static ngTemplateContextGuard<T>(_dir: SdMaterialFooterDefDirective<T>, _ctx: unknown): _ctx is Context<T>;
+    sdTableFooterDef: import("@angular/core").InputSignal<string>;
+    templateRef: TemplateRef<Context<T>>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdMaterialFooterDefDirective<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SdMaterialFooterDefDirective<any>, "[sdTableFooterDef]", never, { "sdTableFooterDef": { "alias": "sdTableFooterDef"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+export {};

package/components/table/src/directives/sd-table-group-def.directive.d.ts

@@ -0,0 +1,44 @@
+import { TemplateRef } from '@angular/core';
+import { SdTableItem } from '../models/table-item.model';
+import * as i0 from "@angular/core";
+export interface SdTableGroupDefContext<T = any> {
+    /** Children items thuộc group hiện tại (kèm wrapper SdTableItem). */
+    items: SdTableItem<T>[];
+    /** Children raw data (đã unwrap khỏi SdTableItem) — tiện dùng trong template. */
+    data: T[];
+    /** Hash key của group (Utilities.hash(values)). */
+    key: string;
+    /** Resolved giá trị các field group — vd `{ customerId: 1, customerName: 'A' }`. */
+    values: Record<string, any>;
+    /** true nếu group đang expand, false nếu collapse (chỉ ý nghĩa khi option.group.collapsible). */
+    isExpanded: boolean;
+    /** true nếu mọi children selectable đều selected. */
+    isSelected: boolean;
+    /** true nếu một phần children selected (partial). */
+    indeterminate: boolean;
+    /** Toggle expand/collapse (chỉ chạy nếu collapsible). */
+    toggleExpand: () => void;
+    /** Toggle select-all cho cả group (chỉ chạy nếu selector visible). */
+    toggleSelect: () => void;
+}
+/**
+ * Directive cung cấp custom template render group header row trong sd-table.
+ * Thay thế cho htmlTemplate callback cũ — cho phép Angular template binding,
+ * pipes, components con (sd-badge, sd-button, …) bên trong.
+ *
+ * Ví dụ:
+ * ```html
+ * <sd-table [option]="opt">
+ *   <ng-template sdTableGroupDef let-values="values" let-items="items" let-indeterminate="indeterminate">
+ *     <b>Khách hàng: {{ values.customerName }}</b>
+ *     <span>{{ items.length }} đơn hàng</span>
+ *   </ng-template>
+ * </sd-table>
+ * ```
+ */
+export declare class SdTableGroupDefDirective<T = any> {
+    static ngTemplateContextGuard<T>(_dir: SdTableGroupDefDirective<T>, _ctx: unknown): _ctx is SdTableGroupDefContext<T>;
+    templateRef: TemplateRef<SdTableGroupDefContext<T>>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdTableGroupDefDirective<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SdTableGroupDefDirective<any>, "[sdTableGroupDef]", never, {}, {}, never, never, true, never>;
+}

package/components/table/src/directives/sd-table-title-def.directive.d.ts

@@ -1,8 +1,14 @@
 import { TemplateRef } from '@angular/core';
+import { SdTableColumn } from '../models/table-column.model';
 import * as i0 from "@angular/core";
-export declare class SdTableTitleDefDirective {
-    sdTableTitleDef: import("@angular/core").InputSignal<string | undefined>;
-    templateRef: TemplateRef<any>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SdTableTitleDefDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SdTableTitleDefDirective, "[sdTableTitleDef]", never, { "sdTableTitleDef": { "alias": "sdTableTitleDef"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+interface Context<T = any> {
+    column: SdTableColumn<T>;
 }
+export declare class SdTableTitleDefDirective<T = any> {
+    static ngTemplateContextGuard<T>(_dir: SdTableTitleDefDirective<T>, _ctx: unknown): _ctx is Context<T>;
+    sdTableTitleDef: import("@angular/core").InputSignal<string>;
+    templateRef: TemplateRef<Context<T>>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdTableTitleDefDirective<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SdTableTitleDefDirective<any>, "[sdTableTitleDef]", never, { "sdTableTitleDef": { "alias": "sdTableTitleDef"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+export {};

package/components/table/src/models/index.d.ts

@@ -2,3 +2,4 @@ export * from './table-option.model';
 export * from './table-column.model';
 export * from './table-command.model';
 export * from './table-option-tree.model';
+export type { SdTableItem, SdTableMeta, SdTableDisplay } from './table-item.model';

package/components/table/src/models/table-column.model.d.ts

@@ -1,7 +1,7 @@
 import { Signal, TemplateRef } from '@angular/core';
 import { SdBadge } from '@sd-angular/core/components/badge';
 import { SdSearch } from '@sd-angular/core/forms';
-import { SdNestedKeyOf, SdOperator } from '@sd-angular/core/utilities';
+import { NestedKeyOf, Operator } from '@sdcorejs/utils/models';
 import { SdUnwrapSignal } from '@sd-angular/core/utilities/models';
 export type SdTableColumn<T = any> = SdTableColumnText<T> | SdTableColumnNumber<T> | SdTableColumnBool<T> | SdTableColumnDate<T> | SdTableColumnValues<T> | SdTableColumnLazyValues<T> | SdTableColumnChildren<T>;
 export type SdTableColumnTransformFunc<T = any> = (value: any, rowData: T, args?: {
@@ -46,9 +46,9 @@ interface SdTableColumnBase<T = any> {
         disabled?: boolean;
         default?: any;
         operator?: {
-            default?: SdOperator;
+            default?: Operator;
             enable?: boolean;
-            list?: SdOperator[];
+            list?: Operator[];
         };
         filterDef?: TemplateRef<any>;
     };
@@ -58,12 +58,12 @@ interface SdTableColumnBase<T = any> {
     };
 }
 interface SdTableColumnText<T = any> extends SdTableColumnBase<T> {
-    field: SdNestedKeyOf<T>;
+    field: NestedKeyOf<T>;
     type: 'string';
     useBadge?: UseBadgeFunc<T>;
 }
 interface SdTableColumnNumber<T = any> extends SdTableColumnBase<T> {
-    field: SdNestedKeyOf<T>;
+    field: NestedKeyOf<T>;
     type: 'number';
     useBadge?: UseBadgeFunc<T>;
     filter?: SdTableColumnBase['filter'] & {
@@ -71,7 +71,7 @@ interface SdTableColumnNumber<T = any> extends SdTableColumnBase<T> {
     };
 }
 interface SdTableColumnBool<T = any> extends SdTableColumnBase<T> {
-    field: SdNestedKeyOf<T>;
+    field: NestedKeyOf<T>;
     type: 'boolean';
     useBadge?: UseBadgeFunc<T>;
     option?: {
@@ -80,7 +80,7 @@ interface SdTableColumnBool<T = any> extends SdTableColumnBase<T> {
     };
 }
 interface SdTableColumnDate<T = any> extends SdTableColumnBase<T> {
-    field: SdNestedKeyOf<T>;
+    field: NestedKeyOf<T>;
     type: 'date' | 'datetime' | 'time';
     useBadge?: UseBadgeFunc<T>;
     filter?: SdTableColumnBase['filter'] & {
@@ -88,24 +88,24 @@ interface SdTableColumnDate<T = any> extends SdTableColumnBase<T> {
     };
 }
 export interface SdTableColumnValues<T = any, K = Record<string, any>> extends SdTableColumnBase<T> {
-    field: SdNestedKeyOf<T>;
+    field: NestedKeyOf<T>;
     type: 'values';
     useBadge?: UseBadgeValuesFunc<T, K>;
     option: {
         items: K[] | Signal<K[]> | (() => Promise<K[]>);
-        valueField: SdNestedKeyOf<K>;
-        displayField: SdNestedKeyOf<K>;
+        valueField: NestedKeyOf<K>;
+        displayField: NestedKeyOf<K>;
         selection?: 'MULTIPLE';
     };
 }
 export interface SdTableColumnLazyValues<T = any, K = Record<string, any>> extends SdTableColumnBase<T> {
-    field: SdNestedKeyOf<T>;
+    field: NestedKeyOf<T>;
     type: 'lazy-values';
     useBadge?: UseBadgeFunc<T>;
     option: {
         items: SdSearch<K>;
-        valueField: SdNestedKeyOf<K>;
-        displayField: SdNestedKeyOf<K>;
+        valueField: NestedKeyOf<K>;
+        displayField: NestedKeyOf<K>;
         views?: (values: string[]) => Promise<K[]>;
         selection?: 'MULTIPLE';
     };

package/components/table/src/models/table-command.model.d.ts

@@ -1,11 +1,12 @@
-import { MaterialIconFontSet, SdColor } from '@sd-angular/core/utilities/models';
+import { MaterialIconFontSet } from '@sd-angular/core/utilities/models';
+import { Color } from '@sdcorejs/utils/models';
 export interface SdTableCommandOption<T = any> {
     align?: 'left' | 'right';
     commands?: SdTableCommand<T>[];
 }
 export type SdTableCommand<T = any> = SdTableCommandNormal<T> | SdTableCommandChildren<T>;
 export interface SdTableCommandNormal<T = any> {
-    color?: SdColor;
+    color?: Color;
     icon?: string | ((rowData: T) => string);
     fontSet?: MaterialIconFontSet;
     title?: string | ((rowData: T) => string);