@sd-angular/core 19.0.0-beta.7 → 19.0.0-beta.71

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

@@ -1,17 +1,29 @@
+import { ElementRef } from '@angular/core';
 import { SdTabelCellDefDirective } 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";
+interface CharLimited {
+    title?: string;
+    width?: string;
+}
 export declare class SdDesktopCell {
-    autoId?: string;
-    set _autoId(val: string | undefined | null);
-    value: any;
-    column: SdTableColumn;
-    item: SdTableItem;
-    itemKey: string;
-    set _item(item: SdTableItem);
-    cellDef: Record<string, SdTabelCellDefDirective>;
+    #private;
+    private cdr;
+    contentContainer: import("@angular/core").Signal<ElementRef<HTMLElement> | undefined>;
+    charLimited: import("@angular/core").InputSignal<CharLimited | undefined>;
+    value: import("@angular/core").InputSignal<any>;
+    column: import("@angular/core").InputSignal<SdTableColumn>;
+    cellDef: import("@angular/core").InputSignal<Record<string, SdTabelCellDefDirective>>;
+    autoIdInput: import("@angular/core").InputSignal<string | null | undefined>;
+    autoId: import("@angular/core").Signal<string | undefined>;
+    item: import("@angular/core").InputSignal<SdTableItem<any>>;
+    itemKey: import("@angular/core").Signal<any>;
+    isCollapsed: import("@angular/core").WritableSignal<boolean>;
+    isOverflowing: import("@angular/core").WritableSignal<boolean>;
     constructor();
+    toggle: () => void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdDesktopCell, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SdDesktopCell, "sd-desktop-cell", never, { "_autoId": { "alias": "autoId"; "required": false; }; "value": { "alias": "value"; "required": false; }; "column": { "alias": "column"; "required": true; }; "_item": { "alias": "item"; "required": true; }; "cellDef": { "alias": "cellDef"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdDesktopCell, "sd-desktop-cell", never, { "charLimited": { "alias": "charLimited"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "column": { "alias": "column"; "required": true; "isSignal": true; }; "cellDef": { "alias": "cellDef"; "required": false; "isSignal": true; }; "autoIdInput": { "alias": "autoId"; "required": false; "isSignal": true; }; "item": { "alias": "item"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }
+export {};

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

@@ -1,14 +1,28 @@
+import { ElementRef, PipeTransform } 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 ToStringPipe implements PipeTransform {
+    transform(value: any): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ToStringPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<ToStringPipe, "asString", true>;
+}
 export declare class SdDesktopCellView {
-    autoId?: string;
-    set _autoId(val: string | undefined | null);
-    column: SdTableColumn;
-    item: SdTableItem;
-    itemKey: string;
-    set _item(item: SdTableItem);
+    #private;
+    private cdr;
+    contentContainer: import("@angular/core").Signal<ElementRef<HTMLElement> | undefined>;
+    isCollapsed: import("@angular/core").WritableSignal<boolean>;
+    isOverflowing: import("@angular/core").WritableSignal<boolean>;
+    autoId: import("@angular/core").InputSignal<string | null | undefined>;
+    column: import("@angular/core").InputSignal<SdTableColumn>;
+    charLimited: import("@angular/core").InputSignal<{
+        title?: string;
+        width?: string;
+    } | undefined>;
+    item: import("@angular/core").InputSignal<SdTableItem<any>>;
+    itemKey: import("@angular/core").Signal<any>;
     constructor();
+    toggle: () => void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdDesktopCellView, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SdDesktopCellView, "sd-desktop-cell-view", never, { "_autoId": { "alias": "autoId"; "required": false; }; "column": { "alias": "column"; "required": true; }; "_item": { "alias": "item"; "required": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdDesktopCellView, "sd-desktop-cell-view", never, { "autoId": { "alias": "autoId"; "required": false; "isSignal": true; }; "column": { "alias": "column"; "required": true; "isSignal": true; }; "charLimited": { "alias": "charLimited"; "required": false; "isSignal": true; }; "item": { "alias": "item"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }

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

@@ -26,7 +26,7 @@ export declare class ExternalFilterComponent implements AfterViewInit, OnDestroy
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     onKeyupEnter: () => void;
-    onFilter: () => void;
+    onFilter: (externalFilter: SdTableExternalFilter) => void;
     onSubmit: () => void;
     updateFilter: () => void;
     clearFilter: (event?: Event) => void;

package/components/table/src/components/selector-action/action-filter.pipe.d.ts

@@ -2,6 +2,7 @@ import { PipeTransform } from '@angular/core';
 import { SdTableAction } from '../../models/table-option-selector.model';
 import { SdTableItem } from '../../models/table-item.model';
 import { SdButton } from '@sd-angular/core/components/button';
+import { SdUnwrapSignal } from '@sd-angular/core/utilities/models';
 import * as i0 from "@angular/core";
 export declare class ActionFilterPipe implements PipeTransform {
     #private;
@@ -13,21 +14,21 @@ export type Action<T = any> = ActionNormal<T> | ActionChildren<T>;
 interface ActionNormal<T = any> {
     variant: 'normal';
     icon?: string;
-    fontSet?: SdButton['fontSet'];
-    tooltip?: SdButton['tooltip'];
-    title?: SdButton['title'];
-    color?: SdButton['color'];
-    type?: SdButton['type'];
+    fontSet?: SdUnwrapSignal<SdButton['fontSet']>;
+    tooltip?: SdUnwrapSignal<SdButton['tooltip']>;
+    title?: SdUnwrapSignal<SdButton['title']>;
+    color?: SdUnwrapSignal<SdButton['color']>;
+    type?: SdUnwrapSignal<SdButton['type']>;
     click: (selectedItems?: T[]) => void;
 }
 interface ActionChildren<T = any> {
     variant: 'children';
     icon?: string;
-    fontSet?: SdButton['fontSet'];
-    tooltip?: SdButton['tooltip'];
-    title?: SdButton['title'];
-    color?: SdButton['color'];
-    type?: SdButton['type'];
+    fontSet?: SdUnwrapSignal<SdButton['fontSet']>;
+    tooltip?: SdUnwrapSignal<SdButton['tooltip']>;
+    title?: SdUnwrapSignal<SdButton['title']>;
+    color?: SdUnwrapSignal<SdButton['color']>;
+    type?: SdUnwrapSignal<SdButton['type']>;
     children: ActionNormal<T>[];
 }
 export {};

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

@@ -4,12 +4,14 @@ import { SdTableOption } from '../../models/table-option.model';
 import { Action } from './action-filter.pipe';
 import * as i0 from "@angular/core";
 export declare class SelectorActionComponent {
-    tableOption?: SdTableOption;
-    selectedTableItems?: SdTableItem[];
+    tableOption: import("@angular/core").InputSignal<SdTableOption | undefined>;
+    selectedTableItems: import("@angular/core").InputSignal<SdTableItem<any>[] | undefined>;
     clear: EventEmitter<any>;
+    message: import("@angular/core").Signal<string>;
+    isOpened: import("@angular/core").Signal<boolean>;
     constructor();
     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; }; "selectedTableItems": { "alias": "selectedTableItems"; "required": false; }; }, { "clear": "clear"; }, never, never, true, 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>;
 }

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

@@ -0,0 +1,2 @@
+export * from './sd-table-column-filter-def.directive';
+export * from './sticky-shadow.directive';

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

@@ -0,0 +1,9 @@
+import { TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class SdTableColumnFilterDefDirective {
+    templateRef: TemplateRef<any>;
+    sdTableColumnFilterDef?: string;
+    constructor(templateRef: TemplateRef<any>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdTableColumnFilterDefDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SdTableColumnFilterDefDirective, "[sdTableColumnFilterDef]", never, { "sdTableColumnFilterDef": { "alias": "sdTableColumnFilterDef"; "required": false; }; }, {}, never, never, true, never>;
+}

package/components/table/src/directives/sticky-shadow.directive.d.ts

@@ -0,0 +1,17 @@
+import * as i0 from "@angular/core";
+/**
+ * Directive thêm hiệu ứng đổ bóng (elevation-2) vào cột sticky cuối cùng bên trái
+ * và cột sticky đầu tiên bên phải, tạo ngăn cách trực quan với phần được scroll.
+ *
+ * Chỉ dùng nội bộ trong sd-table, không chìa ra ngoài.
+ *
+ * Gắn vào scroll container của table:
+ * @example
+ * <div class="c-table" stickyShadow>...</div>
+ */
+export declare class StickyShadowDirective {
+    #private;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<StickyShadowDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<StickyShadowDirective, "[stickyShadow]", never, {}, {}, never, never, true, never>;
+}

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

@@ -1,11 +1,20 @@
-import { TemplateRef } from '@angular/core';
+import { Signal, TemplateRef } from '@angular/core';
 import { SdBadge } from '@sd-angular/core/components/badge';
 import { SdSearch } from '@sd-angular/core/forms';
-import { SdColor, SdOperator } from '@sd-angular/core/utilities';
+import { SdNestedKeyOf, SdOperator } from '@sd-angular/core/utilities';
+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?: {
     isExport?: boolean;
 }) => string | Promise<string>;
+interface Badge {
+    type?: SdUnwrapSignal<SdBadge['type']>;
+    color?: SdUnwrapSignal<SdBadge['color']>;
+    icon?: SdUnwrapSignal<SdBadge['icon']>;
+    title?: SdUnwrapSignal<SdBadge['title']>;
+}
+type UseBadgeFunc<T = any> = (value: any, rowData: T) => Badge;
+type UseBadgeValuesFunc<T = any, K = any> = (value: any, rowData: T, items: K[]) => Badge;
 interface SdTableColumnBase<T = any> {
     title: string;
     titleHtml?: string;
@@ -16,13 +25,11 @@ interface SdTableColumnBase<T = any> {
     hidden?: boolean;
     invisible?: boolean;
     fixed?: boolean;
-    align?: 'right';
-    useBadge?: (value: any, rowData: T) => {
-        type?: SdBadge['type'];
-        color?: SdBadge['color'];
-        icon?: SdBadge['icon'];
-        title?: SdBadge['title'];
+    charLimited?: {
+        enable?: boolean;
+        expandType?: 'more' | 'tooltip';
     };
+    align?: 'right';
     cellStyle?: (value: any, rowData: T) => Record<string, string>;
     htmlTemplate?: (value: any, rowData: T) => string;
     transform?: SdTableColumnTransformFunc<T>;
@@ -37,6 +44,7 @@ interface SdTableColumnBase<T = any> {
             enable?: boolean;
             list?: SdOperator[];
         };
+        filterDef?: TemplateRef<any>;
     };
     export?: {
         disabled?: boolean;
@@ -45,59 +53,55 @@ interface SdTableColumnBase<T = any> {
     copiable?: boolean;
 }
 interface SdTableColumnText<T = any> extends SdTableColumnBase<T> {
-    field: Extract<keyof T, string>;
+    field: SdNestedKeyOf<T>;
     type: 'string';
-    badge?: (value: any, rowData: T) => SdColor;
-    badgeIcon?: (value: any, rowData: T) => string;
-    badgeType?: SdBadge['type'];
+    useBadge?: UseBadgeFunc<T>;
 }
 interface SdTableColumnNumber<T = any> extends SdTableColumnBase<T> {
-    field: Extract<keyof T, string>;
+    field: SdNestedKeyOf<T>;
     type: 'number';
-    badge?: (value: any, rowData: T) => SdColor;
-    badgeIcon?: (value: any, rowData: T) => string;
-    badgeType?: SdBadge['type'];
+    useBadge?: UseBadgeFunc<T>;
     filter?: SdTableColumnBase['filter'] & {
         type?: 'split-number';
     };
 }
 interface SdTableColumnBool<T = any> extends SdTableColumnBase<T> {
-    field: Extract<keyof T, string>;
+    field: SdNestedKeyOf<T>;
     type: 'boolean';
+    useBadge?: UseBadgeFunc<T>;
     option?: {
         displayOnTrue?: string;
         displayOnFalse?: string;
     };
 }
 interface SdTableColumnDate<T = any> extends SdTableColumnBase<T> {
-    field: Extract<keyof T, string>;
+    field: SdNestedKeyOf<T>;
     type: 'date' | 'datetime' | 'time';
+    useBadge?: UseBadgeFunc<T>;
     filter?: SdTableColumnBase['filter'] & {
         type?: 'daterange' | 'date' | 'split-date';
     };
 }
-export interface SdTableColumnValues<T = any> extends SdTableColumnBase<T> {
-    field: Extract<keyof T, string>;
+export interface SdTableColumnValues<T = any, K = Record<string, any>> extends SdTableColumnBase<T> {
+    field: SdNestedKeyOf<T>;
     type: 'values';
-    badge?: (value: any, rowData: T) => SdColor;
-    badgeIcon?: (value: any, rowData: T) => string;
-    badgeType?: SdBadge['type'];
+    useBadge?: UseBadgeValuesFunc<T, K>;
     option: {
-        valueField: string;
-        displayField: string;
-        items: any[] | (() => Promise<any[]>);
-        selection?: 'AUTOCOMPLETE' | 'MULTIPLE' | 'MULTIPLEAUTOCOMPLETE';
+        items: K[] | Signal<K[]> | (() => Promise<K[]>);
+        valueField: SdNestedKeyOf<K>;
+        displayField: SdNestedKeyOf<K>;
+        selection?: 'MULTIPLE';
     };
 }
-export interface SdTableColumnLazyValues<T = any> extends SdTableColumnBase<T> {
-    field: Extract<keyof T, string>;
+export interface SdTableColumnLazyValues<T = any, K = Record<string, any>> extends SdTableColumnBase<T> {
+    field: SdNestedKeyOf<T>;
     type: 'lazy-values';
+    useBadge?: UseBadgeFunc<T>;
     option: {
-        valueField: string;
-        displayField: string;
-        items: SdSearch;
-        views?: (values: string[]) => Promise<any[]>;
-        mapValue?: (value: any, rowData?: T) => string | string[];
+        items: SdSearch<K>;
+        valueField: SdNestedKeyOf<K>;
+        displayField: SdNestedKeyOf<K>;
+        views?: (values: string[]) => Promise<K[]>;
         selection?: 'MULTIPLE';
     };
 }

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

@@ -1,9 +1,13 @@
-import { SdColor } from '@sd-angular/core/utilities/models';
+import { MaterialIconFontSet, SdColor } from '@sd-angular/core/utilities/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;
     icon?: string | ((rowData: T) => string);
-    fontSet?: 'material-icons' | 'material-icons-outlined' | 'material-icons-round' | 'material-icons-sharp';
+    fontSet?: MaterialIconFontSet;
     title?: string | ((rowData: T) => string);
     disabled?: boolean | ((rowData: T) => boolean);
     hidden?: boolean | ((rowData: T) => boolean | Promise<boolean>);
@@ -12,7 +16,7 @@ export interface SdTableCommandNormal<T = any> {
 }
 export interface SdTableCommandChildren<T = any> {
     icon?: string | ((rowData: T) => string);
-    fontSet?: 'material-icons' | 'material-icons-outlined' | 'material-icons-round' | 'material-icons-sharp';
+    fontSet?: MaterialIconFontSet;
     title?: string | ((rowData: T) => string);
     disabled?: boolean | ((rowData: T) => boolean);
     hidden?: boolean | ((rowData: T) => boolean | Promise<boolean>);

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

@@ -1,4 +1,5 @@
 import { SdBadge } from '@sd-angular/core/components/badge';
+import { SdUnwrapSignal } from '@sd-angular/core/utilities/models';
 export interface SdTableMetaSelector {
     selectable?: boolean;
     isSelected?: boolean;
@@ -12,10 +13,10 @@ export interface SdTableMetaExpand {
 export interface SdTableDisplay {
     tooltip?: string;
     badge?: {
-        type: SdBadge['type'] | undefined | null;
-        color: SdBadge['color'] | undefined | null;
-        icon?: string | undefined | null;
-        title?: string | number | null | undefined;
+        type: SdUnwrapSignal<SdBadge['type']>;
+        color: SdUnwrapSignal<SdBadge['color']>;
+        icon?: SdUnwrapSignal<SdBadge['icon']>;
+        title?: SdUnwrapSignal<SdBadge['title']>;
     };
     cellStyle?: Record<string, string>;
     data: string | number | undefined | null;

package/components/table/src/models/table-option-config.model.d.ts

@@ -14,6 +14,7 @@ export interface ConfiguredColumn {
     width?: string;
     invisible?: boolean;
     fixed?: boolean;
+    charLimited?: boolean;
 }
 export interface ConfiguredTable {
     columns?: ConfiguredColumn[];
@@ -27,6 +28,10 @@ export interface ConfiguredTableResult {
         title?: string;
         width?: string;
     }>;
+    charLimitedColumn: Record<string, {
+        title?: string;
+        width?: string;
+    }>;
     firstColumns: SdTableColumn[];
     secondColumns: SdTableColumn[];
     firstHeaders: string[];

package/components/table/src/models/table-option-export.model.d.ts

@@ -1,3 +1,4 @@
+import { SdNestedKeyOf } from '@sd-angular/core/utilities';
 import { SdTableFilterRequest } from '../services/table-filter/table-filter.model';
 export type SdTableOptionExport<T = any> = SdTableOptionExportDefault<T> | SdTableOptionExportCustom;
 export interface SdTableOptionExportDefault<T = any> {
@@ -22,7 +23,7 @@ export interface SdTableOptionExportCustom {
     onExport: (filterRequest: SdTableFilterRequest) => Promise<void>;
 }
 export interface SdTableOptionExportColumn<T = any> {
-    field: Extract<keyof T, string>;
+    field: SdNestedKeyOf<T>;
     title: string;
     description?: string;
     width?: string;
@@ -35,7 +36,7 @@ export interface SdTableOptionExportSheet<T = any> {
     name: string;
     items: T[] | (() => T[] | Promise<T[]>);
     headers: {
-        value: Extract<keyof T, string>;
+        value: SdNestedKeyOf<T>;
         display: string;
     }[];
 }

package/components/table/src/models/table-option-selector.model.d.ts

@@ -1,4 +1,5 @@
 import { SdButton } from '@sd-angular/core/components/button';
+import { SdUnwrapSignal } from '@sd-angular/core/utilities/models';
 export interface SdTableOptionSelector<T = any> {
     visible?: boolean;
     single?: boolean;
@@ -11,22 +12,22 @@ export interface SdTableOptionSelector<T = any> {
 export type SdTableAction<T = any> = SdTableActionNormal<T> | SdTableActionChildren<T>;
 export interface SdTableActionNormal<T = any> {
     icon?: string;
-    fontSet?: SdButton['fontSet'];
-    tooltip?: SdButton['tooltip'];
-    title?: SdButton['title'];
-    color?: SdButton['color'];
-    type?: SdButton['type'];
+    fontSet?: SdUnwrapSignal<SdButton['fontSet']>;
+    tooltip?: SdUnwrapSignal<SdButton['tooltip']>;
+    title?: SdUnwrapSignal<SdButton['title']>;
+    color?: SdUnwrapSignal<SdButton['color']>;
+    type?: SdUnwrapSignal<SdButton['type']>;
     hidden?: boolean | ((rowData?: T) => boolean);
     isGrouped?: boolean;
     click: (selectedItems?: T[]) => void;
 }
 interface SdTableActionChildren<T = any> {
     icon?: string;
-    fontSet?: SdButton['fontSet'];
-    tooltip?: SdButton['tooltip'];
-    title?: SdButton['title'];
-    color?: SdButton['color'];
-    type?: SdButton['type'];
+    fontSet?: SdUnwrapSignal<SdButton['fontSet']>;
+    tooltip?: SdUnwrapSignal<SdButton['tooltip']>;
+    title?: SdUnwrapSignal<SdButton['title']>;
+    color?: SdUnwrapSignal<SdButton['color']>;
+    type?: SdUnwrapSignal<SdButton['type']>;
     hidden?: boolean | ((rowData?: T) => boolean);
     isGrouped?: boolean;
     children: SdTableActionNormal<T>[];

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

@@ -1,16 +1,16 @@
-import { SdTableColumn } from './table-column.model';
-import { SdTableCommand } from './table-command.model';
+import { SdPagingReq } from '@sd-angular/core/utilities';
 import { SdTableFilterRequest, SdTableOptionFilter } from '../services/table-filter/table-filter.model';
+import { SdTableColumn } from './table-column.model';
+import { SdTableCommand, SdTableCommandOption } from './table-command.model';
+import { TableOptionConfig } from './table-option-config.model';
+import { SdTableOptionExpand } from './table-option-expand.model';
 import { SdTableOptionExport } from './table-option-export.model';
+import { SdTableOptionGroup } from './table-option-group.model';
+import { SdTableOptionPaginate } from './table-option-paginate.model';
 import { SdTableOptionReload } from './table-option-reload.model';
-import { SdTableOptionExpand } from './table-option-expand.model';
 import { SdTableOptionSelector } from './table-option-selector.model';
-import { SdTableOptionStyle } from './table-option-style.model';
-import { SdTableOptionGroup } from './table-option-group.model';
 import { SdTableOptionSort } from './table-option-sort.model';
-import { SdTableOptionPaginate } from './table-option-paginate.model';
-import { TableOptionConfig } from './table-option-config.model';
-import { SdPagingReq } from '@sd-angular/core/utilities';
+import { SdTableOptionStyle } from './table-option-style.model';
 export type SdTableOption<T = any> = SdTableLocalOption<T> | SdTableServerOption<T>;
 interface SdTableBaseOption<T = any> {
     key?: string;
@@ -24,6 +24,7 @@ interface SdTableBaseOption<T = any> {
     group?: SdTableOptionGroup<T>;
     filter?: SdTableOptionFilter;
     commands?: SdTableCommand<T>[];
+    command?: SdTableCommandOption<T>;
     columns: SdTableColumn<T>[];
     style?: SdTableOptionStyle<T>;
 }

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

@@ -0,0 +1,3 @@
+export * from './table-export/table-export.service';
+export * from './table-format/table-format.service';
+export * from './config.service';

package/components/table/src/services/table-export/table-export.service.d.ts

@@ -0,0 +1,26 @@
+import { SdExcelColumn } from '@sd-angular/core/services';
+import { ConfiguredTableResult } from '../../models/table-option-config.model';
+import { SdTableOption } from '../../models/table-option.model';
+import { SdTableFilterRequest } from '../table-filter/table-filter.model';
+import * as i0 from "@angular/core";
+export interface SdTableExportContext<T = any> {
+    option: SdTableOption<T>;
+    configuration?: ConfiguredTableResult;
+    total: number;
+    cacheObjValues: Record<string, Record<string, string>>;
+    fetchChunk: (pageNumber: number, pageSize: number) => Promise<T[] | {
+        items: any[];
+        total: number;
+    }>;
+    getFilterInfo: () => SdTableFilterRequest;
+}
+export declare class TableExportService {
+    #private;
+    exporting: import("@angular/core").WritableSignal<boolean>;
+    exportTitle: import("@angular/core").WritableSignal<string>;
+    exportExcel: (context: SdTableExportContext, columns?: SdExcelColumn[]) => Promise<void>;
+    exportCSV: (context: SdTableExportContext, columns?: SdExcelColumn[]) => Promise<void>;
+    exportCustom: (context: SdTableExportContext) => void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TableExportService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<TableExportService>;
+}

package/components/table/src/services/table-filter/table-filter.model.d.ts

@@ -1,8 +1,8 @@
-import { Observable } from 'rxjs';
-import { SdTableColumn } from '../../models/table-column.model';
 import { TemplateRef } from '@angular/core';
 import { SdSearch } from '@sd-angular/core/forms';
-import { SdOperator, SdOrder, SdPagingReq } from '@sd-angular/core/utilities';
+import { SdNestedKeyOf, SdOperator, SdOrder, SdPagingReq } from '@sd-angular/core/utilities';
+import { Observable } from 'rxjs';
+import { SdTableColumn } from '../../models/table-column.model';
 export interface SdTableQuickFilter {
     code: string;
     columnFilter: Record<string, any>;
@@ -19,8 +19,8 @@ export interface TableFilterValue {
     filtered?: boolean;
 }
 export interface SdTableFilterRequest<T = any> {
-    columnOperator: Record<string, SdOperator>;
-    rawColumnFilter: Record<keyof T, any>;
+    columnOperator: Record<SdNestedKeyOf<T>, SdOperator>;
+    rawColumnFilter: Record<SdNestedKeyOf<T>, any>;
     rawExternalFilter: Record<string, any>;
     pageNumber: number;
     pageSize: number;
@@ -68,6 +68,7 @@ interface BaseFilter<TData = any> {
     hidden?: boolean;
     defaultOperator?: SdOperator;
     data?: TData;
+    onChange?: (value: any) => void;
 }
 interface TextFilter<TData = any> extends BaseFilter<TData> {
     type: 'string';

package/components/table/src/services/table-format/table-format.service.d.ts

@@ -0,0 +1,16 @@
+import { SdTableColumn } from '../../models/table-column.model';
+import { SdTableItem } from '../../models/table-item.model';
+import * as i0 from "@angular/core";
+export declare class TableFormatService {
+    #private;
+    /**
+     * Tải và cache các giá trị từ điển cho cột 'values'
+     */
+    loadValues(columns: SdTableColumn[], cacheValues: Record<string, any[]>, cacheObjValues: Record<string, Record<string, string>>): Promise<void>;
+    /**
+     * Chuyển đổi dữ liệu thô thành SdTableItem kèm các thiết lập hiển thị (Display Meta)
+     */
+    format<T = any>(rawItems: T[], columns: SdTableColumn[], cacheValues: Record<string, any[]>, cacheObjValues: Record<string, Record<string, string>>): Promise<SdTableItem<T>[]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TableFormatService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<TableFormatService>;
+}