@sd-angular/core 19.0.0-beta.1 → 19.0.0-beta.100

package/components/splitter/src/splitter-state.service.d.ts

@@ -0,0 +1,26 @@
+import { ResolvedPanelMeta, SplitterLayoutState } from './splitter.models';
+import * as i0 from "@angular/core";
+export declare class SplitterStateService {
+    #private;
+    readonly liveSizes: import("@angular/core").WritableSignal<ReadonlyMap<string | number, number>>;
+    readonly collapsedMap: import("@angular/core").WritableSignal<ReadonlyMap<string | number, boolean>>;
+    readonly committedLayout: import("@angular/core").WritableSignal<SplitterLayoutState>;
+    setPanelMeta(metas: ResolvedPanelMeta[]): void;
+    getPanelMetas(): ReadonlyArray<Readonly<ResolvedPanelMeta>>;
+    setLiveSize(id: string | number, size: number): void;
+    setCollapsed(id: string | number, collapsed: boolean): void;
+    reconcile(metas: ResolvedPanelMeta[], stored: SplitterLayoutState | null | undefined): void;
+    /**
+     * Áp delta px lên 2 panel kề handleIndex (prev = handleIndex, next = handleIndex + 1).
+     * Khi snap collapsible panel: tự set collapsed + reset size = 0.
+     * Khi expand collapsible panel đang collapsed: nếu delta đủ lớn → expand.
+     * Trả về delta thực sự đã áp.
+     */
+    applyDelta(handleIndex: number, deltaPx: number, containerPx: number, snapThreshold?: number): number;
+    collapsePanel(id: string | number): void;
+    expandPanel(id: string | number): void;
+    togglePanel(id: string | number): void;
+    commit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SplitterStateService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<SplitterStateService>;
+}

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

@@ -0,0 +1,28 @@
+import { SdSplitterPanelComponent } from './splitter-panel/splitter-panel.component';
+import { SplitterLayoutState, SplitterOrientation } from './splitter.models';
+import * as i0 from "@angular/core";
+export declare class SdSplitterComponent {
+    #private;
+    orientation: import("@angular/core").InputSignal<SplitterOrientation>;
+    disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    storageKey: import("@angular/core").InputSignal<string | undefined>;
+    snapThreshold: import("@angular/core").InputSignalWithTransform<number, unknown>;
+    keyboardStep: import("@angular/core").InputSignalWithTransform<number, unknown>;
+    readonly resizeEnd: import("@angular/core").OutputEmitterRef<SplitterLayoutState>;
+    readonly collapsedChange: import("@angular/core").OutputEmitterRef<{
+        panelId: string | number;
+        collapsed: boolean;
+    }>;
+    readonly layoutChange: import("@angular/core").OutputEmitterRef<SplitterLayoutState>;
+    readonly panels: import("@angular/core").Signal<readonly SdSplitterPanelComponent[]>;
+    constructor();
+    getLayout(): SplitterLayoutState;
+    setLayout(state: SplitterLayoutState): void;
+    resetLayout(): void;
+    collapse(target: number | string): void;
+    expand(target: number | string): void;
+    toggle(target: number | string): void;
+    resizePanel(target: number | string, size: number): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdSplitterComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdSplitterComponent, "sd-splitter", never, { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "storageKey": { "alias": "storageKey"; "required": false; "isSignal": true; }; "snapThreshold": { "alias": "snapThreshold"; "required": false; "isSignal": true; }; "keyboardStep": { "alias": "keyboardStep"; "required": false; "isSignal": true; }; }, { "resizeEnd": "resizeEnd"; "collapsedChange": "collapsedChange"; "layoutChange": "layoutChange"; }, ["panels"], ["sd-splitter-panel"], true, never>;
+}

package/components/splitter/src/splitter.models.d.ts

@@ -0,0 +1,23 @@
+export type SplitterOrientation = 'horizontal' | 'vertical';
+export type SplitterPanelUnit = 'px' | 'flex';
+export interface SplitterPanelState {
+    id: string | number;
+    size: number;
+    unit: SplitterPanelUnit;
+    collapsed: boolean;
+}
+export interface SplitterLayoutState {
+    v: 1;
+    panels: SplitterPanelState[];
+}
+export interface ResolvedPanelMeta {
+    id: string | number;
+    index: number;
+    unit: SplitterPanelUnit;
+    minSize: number;
+    maxSize: number | undefined;
+    collapsible: boolean;
+    resizable: boolean;
+    declaredSize: number;
+    lastSize: number;
+}

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-nav/tab-router-nav.component.d.ts

@@ -3,15 +3,14 @@ import { ChangeDetectorRef, ElementRef } from '@angular/core';
 import { SdTab } from '../../models/tab-router.model';
 import * as i0 from "@angular/core";
 export declare class SdTabRouterNavComponent {
-    private cdRef;
-    elementRef: ElementRef<any>;
-    tabRouterNav?: ElementRef;
-    tabs: SdTab[];
+    tabRouterNav: import("@angular/core").Signal<ElementRef<any> | undefined>;
+    tabs: import("@angular/core").InputSignal<SdTab[]>;
     mode: 'default' | 'compact';
-    constructor(cdRef: ChangeDetectorRef, elementRef: ElementRef<any>);
+    cdRef: ChangeDetectorRef;
+    elementRef: ElementRef<any>;
     onResize(): void;
     checkUI: () => void;
     onDrop: (event: CdkDragDrop<SdTab[]>) => void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdTabRouterNavComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SdTabRouterNavComponent, "sd-tab-router-nav", never, { "tabs": { "alias": "tabs"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdTabRouterNavComponent, "sd-tab-router-nav", never, { "tabs": { "alias": "tabs"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

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

@@ -1,26 +1,15 @@
-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);
+    disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    tabRouterNav: import("@angular/core").Signal<SdTabRouterNavComponent | undefined>;
+    tabs: import("@angular/core").WritableSignal<SdTab[]>;
+    constructor();
     ngOnDestroy(): void;
     tabTrackBy: (index: number, tab: SdTab) => string;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdTabRouterOutletComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SdTabRouterOutletComponent, "sd-tab-router-outlet", never, {}, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdTabRouterOutletComponent, "sd-tab-router-outlet", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/components/table/index.d.ts

@@ -1,5 +1,8 @@
 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-footer-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-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/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,18 @@
-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;
+    tableOption: import("@angular/core").InputSignal<SdTableOption | undefined>;
+    changes: import("@angular/core").OutputEmitterRef<ConfiguredTableResult>;
+    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 +21,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, { "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,17 +1,24 @@
-import { SdTabelCellDefDirective } from '../../directives/sd-table-cell-def.directive';
+import { ElementRef } 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";
-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, SdTableCellDefDirective>>;
+    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/filter/column-filter/column-filter.component.d.ts

@@ -0,0 +1,36 @@
+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;
+        symbol?: string;
+        display: string;
+    }[]>;
+    inlineSymbol: Signal<string>;
+    items: Signal<any[] | SdSearch | Signal<any[]>>;
+    constructor();
+    onFilterChange: () => void;
+    onFilterCommit: () => void;
+    onChangeOperator: (operator: {
+        value: Operator;
+        symbol?: string;
+        display: string;
+    } | undefined) => 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,3 +1,3 @@
-export * from './column-filter/column-filter.component';
-export * from './external-filter/external-filter.component';
+export * from './column-title/column-title.component';
+export * from './filter';
 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

@@ -1,15 +1,16 @@
-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 {
-    tableOption?: SdTableOption;
-    selectedTableItems?: SdTableItem[];
-    clear: EventEmitter<any>;
-    constructor();
+    #private;
+    tableOption: import("@angular/core").InputSignal<SdTableOption | undefined>;
+    selectedTableItems: import("@angular/core").InputSignal<SdTableItem<any>[] | undefined>;
+    clear: import("@angular/core").OutputEmitterRef<void>;
+    message: import("@angular/core").Signal<string>;
+    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; }; "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,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-column-resize.directive';

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

@@ -0,0 +1,13 @@
+import { OnDestroy } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class SdColumnResizeDirective implements OnDestroy {
+    #private;
+    sdColumnResize: import("@angular/core").InputSignal<boolean>;
+    minWidth: import("@angular/core").InputSignal<string | undefined>;
+    maxWidth: import("@angular/core").InputSignal<string | undefined>;
+    resizeEnd: import("@angular/core").OutputEmitterRef<string>;
+    constructor();
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdColumnResizeDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SdColumnResizeDirective, "[sdColumnResize]", never, { "sdColumnResize": { "alias": "sdColumnResize"; "required": true; "isSignal": true; }; "minWidth": { "alias": "minWidth"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; }, { "resizeEnd": "resizeEnd"; }, never, never, true, never>;
+}

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 {
+export declare class SdTableCellDefDirective {
+    sdTableCellDef: import("@angular/core").InputSignal<string>;
     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 ɵfac: i0.ɵɵFactoryDeclaration<SdTableCellDefDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SdTableCellDefDirective, "[sdTableCellDef]", never, { "sdTableCellDef": { "alias": "sdTableCellDef"; "required": true; "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>;
+    templateRef: TemplateRef<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdTableColumnFilterDefDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SdTableColumnFilterDefDirective, "[sdTableColumnFilterDef]", never, { "sdTableColumnFilterDef": { "alias": "sdTableColumnFilterDef"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}