@sd-angular/core 19.0.0-beta.8 → 19.0.0-beta.80

package/components/modal/src/modal.component.d.ts

@@ -0,0 +1,26 @@
+import { ElementRef, TemplateRef } from '@angular/core';
+import { SdColor } from '@sd-angular/core/utilities/models';
+import * as i0 from "@angular/core";
+export declare class SdModal {
+    #private;
+    static index: import("@angular/core").WritableSignal<number>;
+    templateRef: import("@angular/core").Signal<TemplateRef<any>>;
+    modal: import("@angular/core").Signal<ElementRef<any> | undefined>;
+    title: import("@angular/core").InputSignalWithTransform<string, string | null | undefined>;
+    color: import("@angular/core").InputSignalWithTransform<SdColor, SdColor | null | undefined>;
+    width: import("@angular/core").InputSignalWithTransform<string, string | null | undefined>;
+    height: import("@angular/core").InputSignalWithTransform<string, string | null | undefined>;
+    view: import("@angular/core").InputSignalWithTransform<"dialog" | "bottom-sheet" | undefined, "dialog" | "bottom-sheet" | null | undefined>;
+    modalClass: import("@angular/core").InputSignalWithTransform<string | string[] | Record<string, boolean>, string | string[] | Record<string, boolean> | null | undefined>;
+    lazyLoadContent: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    hideClose: import("@angular/core").InputSignalWithTransform<boolean, boolean | "">;
+    disableBackdropClose: import("@angular/core").InputSignalWithTransform<boolean, boolean | "">;
+    sdClosed: import("@angular/core").OutputEmitterRef<void>;
+    isOpened: import("@angular/core").WritableSignal<boolean>;
+    alreadyOpened: import("@angular/core").WritableSignal<boolean>;
+    constructor();
+    open: () => void;
+    close: () => void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdModal, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdModal, "sd-modal", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "view": { "alias": "view"; "required": false; "isSignal": true; }; "modalClass": { "alias": "modalClass"; "required": false; "isSignal": true; }; "lazyLoadContent": { "alias": "lazyLoadContent"; "required": false; "isSignal": true; }; "hideClose": { "alias": "hideClose"; "required": false; "isSignal": true; }; "disableBackdropClose": { "alias": "disableBackdropClose"; "required": false; "isSignal": true; }; }, { "sdClosed": "sdClosed"; }, never, ["[sdHeaderLeft]", "[sdHeaderRight]", "[sdHeader]", "*", "[sdFooterLeft]", "[sdFooterRight]", "[sdFooter]"], true, never>;
+}

package/components/section/index.d.ts

@@ -1 +1,2 @@
 export * from './src/section.component';
+export * from './src/section-item/section-item.component';

package/components/section/src/section-item/section-item.component.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+export declare class SdSectionItem {
+    label: import("@angular/core").InputSignal<string>;
+    labelWidth: import("@angular/core").InputSignalWithTransform<string, string | null | undefined>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdSectionItem, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdSectionItem, "sd-section-item", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "labelWidth": { "alias": "labelWidth"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}

package/components/section/src/section.component.d.ts

@@ -2,17 +2,17 @@ import { SdBaseSecureComponent } from '@sd-angular/core/components/base';
 import { SdColor } from '@sd-angular/core/utilities';
 import * as i0 from "@angular/core";
 export declare class SdSection extends SdBaseSecureComponent {
-    title?: string | null;
-    subTitle?: string;
-    icon?: string | null;
-    iconColor?: SdColor;
-    collapsed: boolean;
-    set _collapsed(val: boolean | '' | undefined | null);
-    collapsable: boolean;
-    set _collapsable(val: boolean | '' | undefined | null);
-    hideHeader: boolean;
-    set _hideHeader(val: boolean | '' | undefined | null);
+    #private;
+    title: import("@angular/core").InputSignal<string | null | undefined>;
+    subTitle: import("@angular/core").InputSignal<string | null | undefined>;
+    icon: import("@angular/core").InputSignal<string | null | undefined>;
+    iconColor: import("@angular/core").InputSignal<SdColor>;
+    collapsed: import("@angular/core").ModelSignal<boolean>;
+    collapsable: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    hideHeader: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    noPaddingBody: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    constructor();
     toggleCollapse: () => void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdSection, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SdSection, "sd-section", never, { "title": { "alias": "title"; "required": true; }; "subTitle": { "alias": "subTitle"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconColor": { "alias": "iconColor"; "required": false; }; "_collapsed": { "alias": "collapsed"; "required": false; }; "_collapsable": { "alias": "collapsable"; "required": false; }; "_hideHeader": { "alias": "hideHeader"; "required": false; }; }, {}, never, ["[sdHeaderRight]", "*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdSection, "sd-section", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "subTitle": { "alias": "subTitle"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconColor": { "alias": "iconColor"; "required": false; "isSignal": true; }; "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; "collapsable": { "alias": "collapsable"; "required": false; "isSignal": true; }; "hideHeader": { "alias": "hideHeader"; "required": false; "isSignal": true; }; "noPaddingBody": { "alias": "noPaddingBody"; "required": false; "isSignal": true; }; }, { "collapsed": "collapsedChange"; }, never, ["[sdHeaderLeft]", "[sdHeaderRight]", "*"], true, never>;
 }

package/components/side-drawer/src/side-drawer.component.d.ts

@@ -1,39 +1,26 @@
 import { CdkPortal } from '@angular/cdk/portal';
-import { AfterViewInit, ApplicationRef, ChangeDetectorRef, EventEmitter, Injector, OnDestroy, ElementRef, ViewContainerRef } from '@angular/core';
 import { SdBaseSecureComponent } from '@sd-angular/core/components/base';
-import { SdLoadingService } from '@sd-angular/core/services';
 import { Observable } from 'rxjs';
 import * as i0 from "@angular/core";
-export declare class SdSideDrawer extends SdBaseSecureComponent implements AfterViewInit, OnDestroy {
+export declare class SdSideDrawer extends SdBaseSecureComponent {
     #private;
-    private viewContainerRef;
-    private ar;
-    private injector;
-    private ref;
-    private loadingService;
     id: string;
-    portal: CdkPortal;
-    drawerContainerRef: ElementRef;
-    title: string;
-    set _title(val: string | null | undefined);
-    width: string;
-    set _width(val: string | null | undefined);
-    hideClose: boolean;
-    set _hideClose(val: boolean | '' | null | undefined);
-    disableClose: boolean;
-    set _disableClose(val: boolean | '' | null | undefined);
-    sdClosed: EventEmitter<any>;
+    portal: import("@angular/core").Signal<CdkPortal>;
+    title: import("@angular/core").InputSignal<string>;
+    width: import("@angular/core").InputSignal<string>;
+    hideClose: import("@angular/core").InputSignalWithTransform<boolean, boolean | "">;
+    disableBackdropClose: import("@angular/core").InputSignalWithTransform<boolean, boolean | "">;
+    drawerClass: import("@angular/core").InputSignal<any>;
+    sdClosed: import("@angular/core").OutputEmitterRef<void>;
     isOpened: boolean;
     isLoading: boolean;
     isHovered$: Observable<boolean>;
-    constructor(viewContainerRef: ViewContainerRef, ar: ApplicationRef, injector: Injector, ref: ChangeDetectorRef, loadingService: SdLoadingService);
-    ngAfterViewInit(): void;
+    constructor();
     open: () => void;
     close: () => void;
     startLoading: () => void;
     stopLoading: () => void;
-    ngOnDestroy(): void;
-    getHoverStatusStream(): Observable<boolean>;
+    preventScroll: (event: Event) => void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdSideDrawer, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SdSideDrawer, "sd-side-drawer", never, { "_title": { "alias": "title"; "required": false; }; "_width": { "alias": "width"; "required": false; }; "_hideClose": { "alias": "hideClose"; "required": false; }; "_disableClose": { "alias": "disableClose"; "required": false; }; }, { "sdClosed": "sdClosed"; }, never, ["[sdTitle]", "[sdBody]", "[sdFooter]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdSideDrawer, "sd-side-drawer", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "hideClose": { "alias": "hideClose"; "required": false; "isSignal": true; }; "disableBackdropClose": { "alias": "disableBackdropClose"; "required": false; "isSignal": true; }; "drawerClass": { "alias": "drawerClass"; "required": false; "isSignal": true; }; }, { "sdClosed": "sdClosed"; }, never, ["[sdHeaderLeft]", "[sdHeaderRight]", "*", "[sdFooter]"], true, never>;
 }

package/components/tab-router/src/components/tab-router-item/tab-router-item.component.d.ts

@@ -1,16 +1,19 @@
 import { ChangeDetectorRef, OnDestroy, OnInit } from '@angular/core';
 import { SdTab, SdTabInfo } from '../../models';
 import { SdTabRouterService } from '../../services/tab-router.service';
+import { Router } from '@angular/router';
 import * as i0 from "@angular/core";
 export declare class SdTabRouterItemComponent implements OnInit, OnDestroy {
     #private;
     private cdRef;
     private tabRouterService;
+    private router;
     tab: SdTab;
     tabInfo?: SdTabInfo;
-    constructor(cdRef: ChangeDetectorRef, tabRouterService: SdTabRouterService);
+    constructor(cdRef: ChangeDetectorRef, tabRouterService: SdTabRouterService, router: Router);
     ngOnInit(): void;
     ngOnDestroy(): void;
+    onTabClick: (event: Event) => void;
     close: (event: Event) => void;
     onMousedown: (event: MouseEvent) => void;
     onMouseup: (event: MouseEvent) => void;

package/components/tab-router/src/components/tab-router-outlet/tab-router-outlet.component.d.ts

@@ -1,24 +1,12 @@
-import { ChangeDetectorRef, Injector, OnDestroy } from '@angular/core';
-import { ActivatedRoute, Router } from '@angular/router';
-import { SdNotifyService } from '@sd-angular/core/services/notify';
+import { OnDestroy } from '@angular/core';
 import { SdTab } from '../../models';
-import { SdTabDecoratorService } from '../../services/tab-decorator.service';
-import { SdTabRouterService } from '../../services/tab-router.service';
 import { SdTabRouterNavComponent } from '../tab-router-nav/tab-router-nav.component';
 import * as i0 from "@angular/core";
 export declare class SdTabRouterOutletComponent implements OnDestroy {
     #private;
-    private router;
-    private activatedRoute;
-    private cd;
-    private injector;
-    private tabDecoratorService;
-    private tabRouterService;
-    private sdNotifyService;
     tabRouterNav?: SdTabRouterNavComponent;
-    tabs: SdTab[];
-    constructor(router: Router, activatedRoute: ActivatedRoute, cd: ChangeDetectorRef, injector: Injector, tabDecoratorService: SdTabDecoratorService, // KHÔNG XÓA
-    tabRouterService: SdTabRouterService, sdNotifyService: SdNotifyService);
+    tabs: import("@angular/core").WritableSignal<SdTab[]>;
+    constructor();
     ngOnDestroy(): void;
     tabTrackBy: (index: number, tab: SdTab) => string;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdTabRouterOutletComponent, never>;

package/components/table/index.d.ts

@@ -1,5 +1,7 @@
 export * from './src/directives/sd-table-cell-def.directive';
+export * from './src/directives/sd-table-expand-def.directive';
 export * from './src/directives/sd-table-filter-def.directive';
+export * from './src/directives/sd-table-title-def.directive';
 export * from './src/table.component';
 export * from './src/services/table-filter/table-filter.model';
 export type { ISdTableConfiguration } from './src/configurations';

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

@@ -1,7 +1,7 @@
-import { ChangeDetectorRef, EventEmitter, OnInit, OnDestroy } from '@angular/core';
+import { ChangeDetectorRef, EventEmitter, OnDestroy, OnInit, Signal } from '@angular/core';
 import { SdSearch } from '@sd-angular/core/forms';
-import { SdTableColumn } from '../../models/table-column.model';
 import { SdOperator } from '@sd-angular/core/utilities';
+import { SdTableColumn } from '../../models/table-column.model';
 import * as i0 from "@angular/core";
 export declare class ColumnFilterComponent implements OnInit, OnDestroy {
     #private;
@@ -22,7 +22,7 @@ export declare class ColumnFilterComponent implements OnInit, OnDestroy {
         display: string;
     }[];
     column: SdTableColumn;
-    items: any[] | SdSearch;
+    items: any[] | Signal<any[]> | SdSearch;
     cacheValues?: Record<string, any[]>;
     set _column(column: SdTableColumn);
     filterChange: EventEmitter<any>;

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

@@ -0,0 +1,10 @@
+import { SdTableTitleDefDirective } from '../../directives/sd-table-title-def.directive';
+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>;
+    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/desktop-cell/desktop-cell.component.d.ts

@@ -1,17 +1,24 @@
+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";
-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>;
+export declare class DesktopCellComponent {
+    #private;
+    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>>;
+    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>>;
+    isCollapsed: import("@angular/core").WritableSignal<boolean>;
+    isOverflowing: import("@angular/core").WritableSignal<boolean>;
     constructor();
-    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>;
+    toggle: () => void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DesktopCellComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DesktopCellComponent, "desktop-cell", never, { "column": { "alias": "column"; "required": true; "isSignal": true; }; "item": { "alias": "item"; "required": true; "isSignal": true; }; "cellDef": { "alias": "cellDef"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }

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

@@ -0,0 +1,24 @@
+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 ViewComponent {
+    #private;
+    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>;
+    item: import("@angular/core").InputSignal<SdTableItem<any>>;
+    truncateEnable: import("@angular/core").Signal<boolean | undefined>;
+    truncateWidth: import("@angular/core").Signal<string | undefined>;
+    constructor();
+    toggle: () => void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ViewComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ViewComponent, "view", never, { "autoId": { "alias": "autoId"; "required": true; "isSignal": true; }; "column": { "alias": "column"; "required": true; "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/index.d.ts

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

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,4 @@
+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';

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

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

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

@@ -0,0 +1,8 @@
+import { TemplateRef } from '@angular/core';
+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>;
+}

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

@@ -2,7 +2,6 @@ import { TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class SdMaterialSubInformationDefDirective {
     templateRef: TemplateRef<any>;
-    constructor(templateRef: TemplateRef<any>);
     static ɵfac: i0.ɵɵFactoryDeclaration<SdMaterialSubInformationDefDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<SdMaterialSubInformationDefDirective, "[sdTableExpandDef]", never, {}, {}, never, never, true, never>;
 }

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

@@ -4,13 +4,11 @@ interface Context {
     externalFilter?: Record<string, any>;
 }
 export declare class SdTableFilterDefDirective {
-    templateRef?: TemplateRef<any> | undefined;
     static ngTemplateContextGuard(dir: Context, ctx: unknown): ctx is Context;
-    sdTableFilterDef?: string;
-    defaultShowing?: boolean;
-    set _defaultShowing(val: boolean | '' | undefined);
-    constructor(templateRef?: TemplateRef<any> | undefined);
+    sdTableFilterDef: import("@angular/core").InputSignal<string | undefined>;
+    defaultShowing: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    templateRef: TemplateRef<any> | null;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdTableFilterDefDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SdTableFilterDefDirective, "[sdTableFilterDef]", never, { "sdTableFilterDef": { "alias": "sdTableFilterDef"; "required": false; }; "_defaultShowing": { "alias": "defaultShowing"; "required": false; }; }, {}, never, never, true, 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>;
 }
 export {};

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

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

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

@@ -0,0 +1,8 @@
+import { TemplateRef } from '@angular/core';
+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>;
+}

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,15 +1,35 @@
-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 SdTableColumnBase<T = any> {
+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 ColumnTitleOption {
     title: string;
-    titleHtml?: string;
-    description?: string;
+    templateRef?: TemplateRef<any>;
+}
+interface ColumnCellOption {
+    templateRef?: TemplateRef<any>;
+    copiable?: boolean;
+    truncate?: {
+        enable?: boolean;
+        type?: 'more' | 'tooltip';
+    };
+}
+interface SdTableColumnBase<T = any> {
+    title: string | ColumnTitleOption;
+    cell?: ColumnCellOption;
     width?: string;
     minWidth?: string;
     maxWidth?: string;
@@ -17,13 +37,6 @@ interface SdTableColumnBase<T = any> {
     invisible?: boolean;
     fixed?: boolean;
     align?: 'right';
-    useBadge?: (value: any, rowData: T) => {
-        type?: SdBadge['type'];
-        color?: SdBadge['color'];
-        icon?: SdBadge['icon'];
-        title?: SdBadge['title'];
-    };
-    cellStyle?: (value: any, rowData: T) => Record<string, string>;
     htmlTemplate?: (value: any, rowData: T) => string;
     transform?: SdTableColumnTransformFunc<T>;
     tooltip?: (value: any, rowData: T) => string;
@@ -37,67 +50,63 @@ interface SdTableColumnBase<T = any> {
             enable?: boolean;
             list?: SdOperator[];
         };
+        filterDef?: TemplateRef<any>;
     };
     export?: {
         disabled?: boolean;
+        description?: string;
     };
-    cellDef?: TemplateRef<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';
     };
 }