@sd-angular/core 19.0.0-beta.6 → 19.0.0-beta.61

package/components/document-builder/src/plugins/paste-handler/normalizers/googledocsnormalizer.d.ts

@@ -0,0 +1,31 @@
+/**
+ * @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
+ */
+/**
+ * @module paste-from-office/normalizers/googledocsnormalizer
+ */
+import { type ViewDocument } from 'ckeditor5';
+import type { PasteFromOfficeNormalizer, PasteFromOfficeNormalizerData } from '../types';
+/**
+ * Normalizer for the content pasted from Google Docs.
+ *
+ * @internal
+ */
+export declare class GoogleDocsNormalizer implements PasteFromOfficeNormalizer {
+    readonly document: ViewDocument;
+    /**
+     * Creates a new `GoogleDocsNormalizer` instance.
+     *
+     * @param document View document.
+     */
+    constructor(document: ViewDocument);
+    /**
+     * @inheritDoc
+     */
+    isActive(htmlString: string): boolean;
+    /**
+     * @inheritDoc
+     */
+    execute(data: PasteFromOfficeNormalizerData): void;
+}

package/components/document-builder/src/plugins/paste-handler/normalizers/googlesheetsnormalizer.d.ts

@@ -0,0 +1,31 @@
+/**
+ * @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
+ */
+/**
+ * @module paste-from-office/normalizers/googlesheetsnormalizer
+ */
+import { type ViewDocument } from 'ckeditor5';
+import type { PasteFromOfficeNormalizer, PasteFromOfficeNormalizerData } from '../types';
+/**
+ * Normalizer for the content pasted from Google Sheets.
+ *
+ * @internal
+ */
+export declare class GoogleSheetsNormalizer implements PasteFromOfficeNormalizer {
+    readonly document: ViewDocument;
+    /**
+     * Creates a new `GoogleSheetsNormalizer` instance.
+     *
+     * @param document View document.
+     */
+    constructor(document: ViewDocument);
+    /**
+     * @inheritDoc
+     */
+    isActive(htmlString: string): boolean;
+    /**
+     * @inheritDoc
+     */
+    execute(data: PasteFromOfficeNormalizerData): void;
+}

package/components/document-builder/src/plugins/paste-handler/normalizers/mswordnormalizer.d.ts

@@ -0,0 +1,29 @@
+/**
+ * @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
+ */
+import { type ViewDocument } from 'ckeditor5';
+import type { PasteFromOfficeNormalizer, PasteFromOfficeNormalizerData } from '../types';
+/**
+ * Normalizer for the content pasted from Microsoft Word.
+ */
+export declare class PasteFromOfficeMSWordNormalizer implements PasteFromOfficeNormalizer {
+    readonly document: ViewDocument;
+    readonly hasMultiLevelListPlugin: boolean;
+    readonly hasTablePropertiesPlugin: boolean;
+    readonly hasExtendedTableBlockAlignment: boolean;
+    /**
+     * Creates a new `PasteFromOfficeMSWordNormalizer` instance.
+     *
+     * @param document View document.
+     */
+    constructor(document: ViewDocument, hasMultiLevelListPlugin?: boolean, hasTablePropertiesPlugin?: boolean, hasExtendedTableBlockAlignment?: boolean);
+    /**
+     * @inheritDoc
+     */
+    isActive(htmlString: string): boolean;
+    /**
+     * @inheritDoc
+     */
+    execute(data: PasteFromOfficeNormalizerData): void;
+}

package/components/document-builder/src/plugins/paste-handler/types.d.ts

@@ -0,0 +1,30 @@
+/**
+ * @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
+ */
+/**
+ * @module paste-from-office/normalizer
+ */
+import type { ClipboardInputTransformationData } from 'ckeditor5';
+import type { PasteOfficeHtmlParseResult } from './filters/parse';
+/**
+ * Interface defining a content transformation pasted from an external editor.
+ *
+ * Normalizers are registered by the {@link module:paste-from-office/pastefromoffice~PasteFromOffice} plugin and run on
+ * {@link module:clipboard/clipboardpipeline~ClipboardPipeline#event:inputTransformation inputTransformation event}.
+ * They detect environment-specific quirks and transform it into a form compatible with other CKEditor features.
+ */
+export interface PasteFromOfficeNormalizer {
+    /**
+     * Must return `true` if the `htmlString` contains content which this normalizer can transform.
+     */
+    isActive(htmlString: string): boolean;
+    /**
+     * Executes the normalization of a given data.
+     */
+    execute(data: PasteFromOfficeNormalizerData): void;
+}
+export interface PasteFromOfficeNormalizerData extends ClipboardInputTransformationData {
+    _isTransformedWithPasteFromOffice?: boolean;
+    _parsedData: PasteOfficeHtmlParseResult;
+}

package/components/document-builder/src/plugins/table-custom/index.d.ts

@@ -0,0 +1,34 @@
+import { Plugin } from 'ckeditor5';
+export declare class TableCustom extends Plugin {
+    init(): void;
+    /**
+     * Parse border style from CSS shorthand (e.g., "1px solid red" or "none")
+     */
+    private _parseBorderStyleFromShorthand;
+    /**
+     * Apply default table width
+     */
+    private _applyTableDefaults;
+    /**
+     * Apply default borders to all cells in a table
+     * Nếu cell đã có border rồi thì bỏ qua
+     */
+    private _applyCellBorders;
+    /**
+     * Setup listener to preserve cell/table styles when model changes
+     */
+    private _setupStylePreservationOnModelChange;
+    /**
+     * Find tables that need border fixes from model changes
+     */
+    private _findTablesNeedingFix;
+    /**
+     * Find parent table element
+     */
+    private _findParentTable;
+    /**
+     * Cleanup listeners when plugin is destroyed
+     * Note: this.listenTo() listeners are automatically cleaned up by super.destroy()
+     */
+    destroy(): void;
+}

package/components/document-builder/src/plugins/variable/variable.plugin.d.ts

@@ -1,6 +1,45 @@
 import { Plugin, Widget } from 'ckeditor5';
+import { SdDocumentBuilderVariable } from '../../document-builder.model';
 export declare class VariablePlugin extends Plugin {
     #private;
+    static get pluginName(): "VariablePlugin";
     static get requires(): (typeof Widget)[];
     init(): void;
+    /**
+     * Lấy tất cả variables trong document.
+     * @returns Danh sách tất cả variables (bao gồm bindingValue nếu đã binding)
+     */
+    all<T = any>(): SdDocumentBuilderVariable<T>[];
+    /**
+     * Scroll tới vị trí của variable theo uuid.
+     * @param uuid - uuid của variable (FE tự sinh sau mỗi lần drop)
+     */
+    scroll(uuid: string): void;
+    /**
+     * Gán giá trị cho TẤT CẢ variable có cùng id trong document.
+     * Nếu value rỗng → tự động gọi clearValue(id).
+     * @param id    - id của variable definition
+     * @param value - giá trị binding cần hiển thị
+     * @returns số instance đã được cập nhật
+     */
+    bindValue(id: string, value: string): number;
+    /**
+     * Xóa binding value của TẤT CẢ variable có cùng id.
+     * @param id - id của variable definition
+     * @returns số instance đã được cập nhật
+     */
+    clearValue(id: string): number;
+    /**
+     * Batch bind nhiều variables theo map { id → value }.
+     * Toàn bộ thực hiện trong 1 model.change() → 1 undo step duy nhất.
+     * @param map - { [id]: boundValue }
+     */
+    bindValues(map: Record<string, string>): void;
+    /**
+     * Batch clear binding của nhiều variables.
+     * @param ids - danh sách id cần clear; nếu không truyền/rỗng → clear TẤT CẢ
+     */
+    clearValues(ids?: string[]): void;
+    /** Xóa toàn bộ binding values trong document. Shorthand của clearValues(). */
+    clearAllValues(): void;
 }

package/components/index.d.ts

@@ -1,3 +1,4 @@
+export * from '@sd-angular/core/components/avatar';
 export * from '@sd-angular/core/components/button';
 export * from '@sd-angular/core/components/badge';
 export * from '@sd-angular/core/components/tab-router';
@@ -13,3 +14,6 @@ export * from '@sd-angular/core/components/anchor-v2';
 export * from '@sd-angular/core/components/query-builder';
 export * from '@sd-angular/core/components/import-excel';
 export * from '@sd-angular/core/components/document-builder';
+export * from '@sd-angular/core/components/mini-editor';
+export * from '@sd-angular/core/components/view';
+export * from '@sd-angular/core/components/code-editor';

package/components/mini-editor/index.d.ts

@@ -0,0 +1,2 @@
+export * from './src/mini-editor.model';
+export * from './src/mini-editor.component';

package/components/mini-editor/src/mini-editor.component.d.ts

@@ -0,0 +1,90 @@
+import { EventEmitter } from '@angular/core';
+import { ClassicEditor } from 'ckeditor5';
+import { ControlValueAccessor } from '@angular/forms';
+import { SdMiniEditorOption, SdMiniEditorConfig } from './mini-editor.model';
+import * as i0 from "@angular/core";
+/**
+ * Component sd-mini-editor - Editor đơn giản cho comment input
+ * Sử dụng CKEditor với chế độ đơn giản (bold, italic, link)
+ * Hỗ trợ mention và output format (html/markdown)
+ *
+ * @example
+ * ```html
+ * <sd-mini-editor
+ *   [option]="editorOption"
+ *   [(ngModel)]="content"
+ *   (contentChange)="onContentChange($event)"
+ * >
+ * </sd-mini-editor>
+ * ```
+ */
+export declare class SdMiniEditor implements ControlValueAccessor {
+    #private;
+    /** Cấu hình option cho editor */
+    option: SdMiniEditorOption;
+    /** NgModel binding - nội dung HTML/Markdown */
+    value: string;
+    valueChange: EventEmitter<string>;
+    /** Event emitter khi content thay đổi */
+    contentChange: EventEmitter<string>;
+    /** Event emitter khi blur */
+    blur: EventEmitter<FocusEvent>;
+    /** Event emitter khi focus */
+    focus: EventEmitter<FocusEvent>;
+    /** Disabled state */
+    disabled: boolean;
+    Editor: typeof ClassicEditor;
+    get editorConfig(): SdMiniEditorConfig;
+    constructor();
+    ngOnDestroy(): void;
+    /**
+     * Xử lý khi editor ready
+     */
+    onReady(editor: ClassicEditor): void;
+    /**
+     * Set nội dung cho editor
+     */
+    setContent(content: string): void;
+    /**
+     * Get nội dung từ editor
+     */
+    getContent(): string;
+    /**
+     * Get nội dung HTML gốc (không convert)
+     */
+    getHtmlContent(): string;
+    /**
+     * Focus vào editor
+     */
+    focusEditor(): void;
+    /**
+     * Insert mention vào vị trí con trỏ hiện tại
+     */
+    insertMention(item: {
+        id: string;
+        name: string;
+        marker?: string;
+    }): void;
+    /**
+     * Get danh sách mentions trong nội dung
+     */
+    getMentions(): Array<{
+        id: string;
+        name: string;
+        marker: string;
+    }>;
+    /**
+     * ControlValueAccessor: Write value
+     */
+    writeValue(value: string): void;
+    /**
+     * ControlValueAccessor: Register change callback
+     */
+    registerOnChange(fn: (value: string) => void): void;
+    /**
+     * ControlValueAccessor: Register touched callback
+     */
+    registerOnTouched(fn: () => void): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdMiniEditor, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdMiniEditor, "sd-mini-editor", never, { "option": { "alias": "option"; "required": true; }; "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "valueChange": "valueChange"; "contentChange": "contentChange"; "blur": "blur"; "focus": "focus"; }, never, never, true, never>;
+}

package/components/mini-editor/src/mini-editor.model.d.ts

@@ -0,0 +1,44 @@
+import { EditorConfig, MentionFeed, MentionFeedObjectItem } from 'ckeditor5';
+export type { MentionFeedObjectItem };
+export type SdMiniEditorOutputFormat = 'html' | 'markdown';
+export interface SdMiniEditorMentionConfig {
+    /** Feed data cho mention - có thể là array hoặc function trả về Promise
+     * CKEditor MentionFeed đã hỗ trợ: marker, minChars, dropdownLimit, itemRenderer
+     */
+    feeds?: MentionFeed[];
+    /** Custom render function cho giá trị mention khi chèn vào editor
+     * Trả về object với text và các attributes tùy chỉnh
+     */
+    valueRender?: (item: MentionFeedObjectItem) => {
+        text: string;
+        attributes?: Record<string, string>;
+    };
+}
+export type SdMiniEditorMentionItem<T = any> = MentionFeedObjectItem & {
+    data?: T;
+};
+export interface SdMiniEditorOption {
+    /** Output format: 'html' hoặc 'markdown' (mặc định: 'html') */
+    outputFormat?: SdMiniEditorOutputFormat;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Chiều cao editor (mặc định: auto) */
+    height?: string;
+    /** Chiều cao tối đa của editor (ví dụ: '300px') */
+    maxHeight?: string;
+    /** Bật/tắt mention plugin */
+    enableMention?: boolean;
+    /** Cấu hình mention */
+    mentionConfig?: SdMiniEditorMentionConfig;
+    /** Callback khi nội dung thay đổi */
+    onChange?: (content: string) => void;
+    /** Callback khi blur */
+    onBlur?: (event: FocusEvent) => void;
+    /** Callback khi focus */
+    onFocus?: (event: FocusEvent) => void;
+    /** Callback khi mention được chọn */
+    onMentionSelect?: (item: SdMiniEditorMentionItem) => void;
+}
+export type SdMiniEditorConfig = EditorConfig & {
+    getOption?: () => SdMiniEditorOption;
+};

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

@@ -2,17 +2,16 @@ 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 el;
+    title: import("@angular/core").InputSignal<string | null>;
+    subTitle: import("@angular/core").InputSignal<string>;
+    icon: import("@angular/core").InputSignal<string | null>;
+    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>;
+    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; }; }, { "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/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/desktop-cell/desktop-cell.component.d.ts

@@ -1,17 +1,27 @@
+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 {
+    #private;
+    contentContainer: import("@angular/core").Signal<ElementRef<HTMLElement> | undefined>;
+    isCollapsed: import("@angular/core").WritableSignal<boolean>;
+    isOverflowing: import("@angular/core").WritableSignal<boolean>;
     autoId?: string;
     set _autoId(val: string | undefined | null);
     value: any;
     column: SdTableColumn;
+    charLimited: {
+        title?: string;
+        width?: string;
+    } | undefined;
     item: SdTableItem;
     itemKey: string;
     set _item(item: SdTableItem);
     cellDef: Record<string, SdTabelCellDefDirective>;
-    constructor();
+    ngAfterViewInit(): void;
+    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, { "_autoId": { "alias": "autoId"; "required": false; }; "value": { "alias": "value"; "required": false; }; "column": { "alias": "column"; "required": true; }; "charLimited": { "alias": "charLimited"; "required": true; }; "_item": { "alias": "item"; "required": true; }; "cellDef": { "alias": "cellDef"; "required": false; }; }, {}, never, never, true, never>;
 }

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

@@ -1,14 +1,24 @@
+import { ElementRef } 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 SdDesktopCellView {
+    #private;
+    contentContainer: import("@angular/core").Signal<ElementRef<HTMLElement> | undefined>;
+    isCollapsed: import("@angular/core").WritableSignal<boolean>;
+    isOverflowing: import("@angular/core").WritableSignal<boolean>;
     autoId?: string;
     set _autoId(val: string | undefined | null);
     column: SdTableColumn;
+    charLimited: {
+        title?: string;
+        width?: string;
+    } | undefined;
     item: SdTableItem;
     itemKey: string;
     set _item(item: SdTableItem);
-    constructor();
+    ngAfterViewInit(): void;
+    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; }; "column": { "alias": "column"; "required": true; }; "charLimited": { "alias": "charLimited"; "required": true; }; "_item": { "alias": "item"; "required": 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>;
 }