@sd-angular/core 19.0.0-beta.73 → 19.0.0-beta.74

package/components/anchor-v2/src/components/anchor-v2/anchor-v2.component.d.ts

@@ -1,25 +1,19 @@
-import { AfterViewInit, ElementRef, QueryList, Renderer2 } from '@angular/core';
+import { ElementRef, OnDestroy } from '@angular/core';
 import { SdAnchorItemV2 } from '../anchor-item-v2/anchor-item-v2.component';
 import * as i0 from "@angular/core";
-export declare class SdAnchorV2 implements AfterViewInit {
+export declare class SdAnchorV2 implements OnDestroy {
     #private;
-    private renderer;
-    constructor(renderer: Renderer2);
-    wrapper: ElementRef;
-    anchorContent: ElementRef;
-    sections: QueryList<SdAnchorItemV2>;
-    type: 'vertical' | 'horizontal';
-    sidebarWidth: string;
-    ellipsis: boolean;
-    set _ellipsis(value: '' | boolean | undefined | null);
-    isOverscroll: boolean;
-    set _isOverscroll(value: '' | boolean | undefined | null);
-    isHiddenAnchorList: boolean;
-    set _isHiddenAnchorList(value: '' | boolean | undefined | null);
-    activeSectionId: string;
-    ngAfterViewInit(): void;
+    wrapper: import("@angular/core").Signal<ElementRef<any>>;
+    sections: import("@angular/core").Signal<readonly SdAnchorItemV2[]>;
+    type: import("@angular/core").InputSignal<"vertical" | "horizontal">;
+    sidebarWidth: import("@angular/core").InputSignal<string>;
+    ellipsis: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    isOverscroll: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    isHiddenAnchorList: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    activeSectionId: import("@angular/core").WritableSignal<string>;
+    constructor();
     scrollSectionByClick(idSectionTarget: string): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdAnchorV2, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SdAnchorV2, "sd-anchor-v2", never, { "type": { "alias": "type"; "required": false; }; "sidebarWidth": { "alias": "sidebarWidth"; "required": false; }; "_ellipsis": { "alias": "ellipsis"; "required": false; }; "_isOverscroll": { "alias": "isOverscroll"; "required": false; }; "_isHiddenAnchorList": { "alias": "isHiddenAnchorList"; "required": false; }; }, {}, ["sections"], ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdAnchorV2, "sd-anchor-v2", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "sidebarWidth": { "alias": "sidebarWidth"; "required": false; "isSignal": true; }; "ellipsis": { "alias": "ellipsis"; "required": false; "isSignal": true; }; "isOverscroll": { "alias": "isOverscroll"; "required": false; "isSignal": true; }; "isHiddenAnchorList": { "alias": "isHiddenAnchorList"; "required": false; "isSignal": true; }; }, {}, ["sections"], ["*"], true, never>;
 }

package/components/anchor-v2/src/components/anchor-vertical-v2/anchor-vertical-list-v2.component.d.ts

@@ -1,17 +1,16 @@
-import { EventEmitter, OnInit, QueryList } from '@angular/core';
+import { OnDestroy } from '@angular/core';
 import { SdAnchorItemV2 } from '../anchor-item-v2/anchor-item-v2.component';
 import * as i0 from "@angular/core";
-export declare class SdAnchorVerticalListV2 implements OnInit {
+export declare class SdAnchorVerticalListV2 implements OnDestroy {
     #private;
+    sections: import("@angular/core").InputSignal<readonly SdAnchorItemV2[]>;
+    activeSectionId: import("@angular/core").InputSignal<string>;
+    ellipsis: import("@angular/core").InputSignal<boolean>;
+    sidebarWidth: import("@angular/core").InputSignal<string>;
+    sdClickSection: import("@angular/core").OutputEmitterRef<string>;
     constructor();
-    sections: QueryList<SdAnchorItemV2>;
-    activeSectionId: string;
-    ellipsis: boolean;
-    sidebarWidth: string;
-    sdClickSection: EventEmitter<string>;
-    ngOnInit(): void;
-    onClickSection: (idSectionTarget: string) => void;
+    onClickSection: (id: string) => void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdAnchorVerticalListV2, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SdAnchorVerticalListV2, "sd-anchor-vertical-list-v2", never, { "sections": { "alias": "sections"; "required": false; }; "activeSectionId": { "alias": "activeSectionId"; "required": false; }; "ellipsis": { "alias": "ellipsis"; "required": false; }; "sidebarWidth": { "alias": "sidebarWidth"; "required": false; }; }, { "sdClickSection": "sdClickSection"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdAnchorVerticalListV2, "sd-anchor-vertical-list-v2", never, { "sections": { "alias": "sections"; "required": true; "isSignal": true; }; "activeSectionId": { "alias": "activeSectionId"; "required": false; "isSignal": true; }; "ellipsis": { "alias": "ellipsis"; "required": false; "isSignal": true; }; "sidebarWidth": { "alias": "sidebarWidth"; "required": false; "isSignal": true; }; }, { "sdClickSection": "sdClickSection"; }, never, never, true, never>;
 }

package/components/chart/src/bar-chart.component.d.ts

@@ -2,18 +2,17 @@ import { ElementRef, OnDestroy, OnInit } from '@angular/core';
 import { Chart, ChartData, Plugin } from 'chart.js';
 import * as i0 from "@angular/core";
 export declare class SdBarChartComponent implements OnInit, OnDestroy {
-    canvas: ElementRef<HTMLCanvasElement>;
+    #private;
+    canvas: import("@angular/core").Signal<ElementRef<HTMLCanvasElement>>;
     data: import("@angular/core").InputSignal<ChartData<"bar", (number | [number, number] | null)[], unknown>>;
     options: import("@angular/core").InputSignal<import("node_modules/chart.js/dist/types/utils")._DeepPartialObject<import("chart.js").CoreChartOptions<"bar"> & import("chart.js").ElementChartOptions<"bar"> & import("chart.js").PluginChartOptions<"bar"> & import("chart.js").DatasetChartOptions<"bar"> & import("chart.js").ScaleChartOptions<"bar"> & import("chart.js").BarControllerChartOptions> | undefined>;
     plugins: import("@angular/core").InputSignal<Plugin<"bar", import("node_modules/chart.js/dist/types/basic").AnyObject>[]>;
-    scrollable: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
-    minWidth: import("@angular/core").InputSignalWithTransform<number, unknown>;
+    isScrollable: import("@angular/core").Signal<boolean>;
+    computedMinWidth: import("@angular/core").Signal<number | null>;
     chart: Chart<'bar'> | undefined;
     constructor();
     ngOnInit(): void;
     ngOnDestroy(): void;
-    getMinWidth(): number;
-    private initChart;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdBarChartComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SdBarChartComponent, "sd-bar-chart", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "plugins": { "alias": "plugins"; "required": false; "isSignal": true; }; "scrollable": { "alias": "scrollable"; "required": false; "isSignal": true; }; "minWidth": { "alias": "minWidth"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdBarChartComponent, "sd-bar-chart", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "plugins": { "alias": "plugins"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/components/chart/src/doughnut-chart.component.d.ts

@@ -2,7 +2,8 @@ import { ElementRef, OnDestroy, OnInit } from '@angular/core';
 import { Chart, ChartData, Plugin } from 'chart.js';
 import * as i0 from "@angular/core";
 export declare class SdDoughnutChartComponent implements OnInit, OnDestroy {
-    canvas: ElementRef<HTMLCanvasElement>;
+    #private;
+    canvas: import("@angular/core").Signal<ElementRef<HTMLCanvasElement>>;
     data: import("@angular/core").InputSignal<ChartData<"doughnut", number[], unknown>>;
     options: import("@angular/core").InputSignal<import("node_modules/chart.js/dist/types/utils")._DeepPartialObject<import("chart.js").CoreChartOptions<"doughnut"> & import("chart.js").ElementChartOptions<"doughnut"> & import("chart.js").PluginChartOptions<"doughnut"> & import("chart.js").DatasetChartOptions<"doughnut"> & import("chart.js").ScaleChartOptions<"doughnut"> & import("chart.js").DoughnutControllerChartOptions> | undefined>;
     plugins: import("@angular/core").InputSignal<Plugin<"doughnut", import("node_modules/chart.js/dist/types/basic").AnyObject>[]>;
@@ -10,7 +11,6 @@ export declare class SdDoughnutChartComponent implements OnInit, OnDestroy {
     constructor();
     ngOnInit(): void;
     ngOnDestroy(): void;
-    private initChart;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdDoughnutChartComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SdDoughnutChartComponent, "sd-doughnut-chart", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "plugins": { "alias": "plugins"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/components/chart/src/line-chart.component.d.ts

@@ -2,15 +2,17 @@ import { ElementRef, OnDestroy, OnInit } from '@angular/core';
 import { Chart, ChartData, Plugin } from 'chart.js';
 import * as i0 from "@angular/core";
 export declare class SdLineChartComponent implements OnInit, OnDestroy {
-    canvas: ElementRef<HTMLCanvasElement>;
+    #private;
+    canvas: import("@angular/core").Signal<ElementRef<HTMLCanvasElement>>;
     data: import("@angular/core").InputSignal<ChartData<"line", (number | import("chart.js").Point | null)[], unknown>>;
     options: import("@angular/core").InputSignal<import("node_modules/chart.js/dist/types/utils")._DeepPartialObject<import("chart.js").CoreChartOptions<"line"> & import("chart.js").ElementChartOptions<"line"> & import("chart.js").PluginChartOptions<"line"> & import("chart.js").DatasetChartOptions<"line"> & import("chart.js").ScaleChartOptions<"line"> & import("chart.js").LineControllerChartOptions> | undefined>;
     plugins: import("@angular/core").InputSignal<Plugin<"line", import("node_modules/chart.js/dist/types/basic").AnyObject>[]>;
+    isScrollable: import("@angular/core").Signal<boolean>;
+    computedMinWidth: import("@angular/core").Signal<number | null>;
     chart: Chart<'line'> | undefined;
     constructor();
     ngOnInit(): void;
     ngOnDestroy(): void;
-    private initChart;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdLineChartComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SdLineChartComponent, "sd-line-chart", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "plugins": { "alias": "plugins"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/components/chart/src/pie-chart.component.d.ts

@@ -2,7 +2,8 @@ import { ElementRef, OnDestroy, OnInit } from '@angular/core';
 import { Chart, ChartData, Plugin } from 'chart.js';
 import * as i0 from "@angular/core";
 export declare class SdPieChartComponent implements OnInit, OnDestroy {
-    canvas: ElementRef<HTMLCanvasElement>;
+    #private;
+    canvas: import("@angular/core").Signal<ElementRef<HTMLCanvasElement>>;
     data: import("@angular/core").InputSignal<ChartData<"pie", number[], unknown>>;
     options: import("@angular/core").InputSignal<import("node_modules/chart.js/dist/types/utils")._DeepPartialObject<import("chart.js").CoreChartOptions<"pie"> & import("chart.js").ElementChartOptions<"pie"> & import("chart.js").PluginChartOptions<"pie"> & import("chart.js").DatasetChartOptions<"pie"> & import("chart.js").ScaleChartOptions<"pie"> & import("chart.js").DoughnutControllerChartOptions> | undefined>;
     plugins: import("@angular/core").InputSignal<Plugin<"pie", import("node_modules/chart.js/dist/types/basic").AnyObject>[]>;
@@ -10,7 +11,6 @@ export declare class SdPieChartComponent implements OnInit, OnDestroy {
     constructor();
     ngOnInit(): void;
     ngOnDestroy(): void;
-    private initChart;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdPieChartComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SdPieChartComponent, "sd-pie-chart", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "plugins": { "alias": "plugins"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/components/table/index.d.ts

@@ -1,5 +1,6 @@
 export * from './src/directives/sd-table-cell-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-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

@@ -3,27 +3,22 @@ import { SdTabelCellDefDirective } from '../../directives/sd-table-cell-def.dire
 import { SdTableColumn } from '../../models/table-column.model';
 import { SdTableItem } from '../../models/table-item.model';
 import * as i0 from "@angular/core";
-interface CharLimited {
-    title?: string;
-    width?: string;
-}
-export declare class SdDesktopCell {
+export declare class DesktopCellComponent {
     #private;
-    private cdr;
     contentContainer: import("@angular/core").Signal<ElementRef<HTMLElement> | undefined>;
-    charLimited: import("@angular/core").InputSignal<CharLimited | undefined>;
-    value: import("@angular/core").InputSignal<any>;
     column: import("@angular/core").InputSignal<SdTableColumn>;
-    cellDef: import("@angular/core").InputSignal<Record<string, SdTabelCellDefDirective>>;
-    autoIdInput: import("@angular/core").InputSignal<string | null | undefined>;
-    autoId: import("@angular/core").Signal<string | undefined>;
     item: import("@angular/core").InputSignal<SdTableItem<any>>;
-    itemKey: import("@angular/core").Signal<any>;
+    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();
     toggle: () => void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SdDesktopCell, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SdDesktopCell, "sd-desktop-cell", never, { "charLimited": { "alias": "charLimited"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "column": { "alias": "column"; "required": true; "isSignal": true; }; "cellDef": { "alias": "cellDef"; "required": false; "isSignal": true; }; "autoIdInput": { "alias": "autoId"; "required": false; "isSignal": true; }; "item": { "alias": "item"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+    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>;
 }
-export {};

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/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/directives/index.d.ts

@@ -1,2 +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

@@ -1,9 +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>;
-    sdTableColumnFilterDef?: string;
-    constructor(templateRef: TemplateRef<any>);
     static ɵfac: i0.ɵɵFactoryDeclaration<SdTableColumnFilterDefDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SdTableColumnFilterDefDirective, "[sdTableColumnFilterDef]", never, { "sdTableColumnFilterDef": { "alias": "sdTableColumnFilterDef"; "required": false; }; }, {}, never, never, true, never>;
+    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/models/table-column.model.d.ts

@@ -15,22 +15,28 @@ interface Badge {
 }
 type UseBadgeFunc<T = any> = (value: any, rowData: T) => Badge;
 type UseBadgeValuesFunc<T = any, K = any> = (value: any, rowData: T, items: K[]) => Badge;
-interface SdTableColumnBase<T = any> {
+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;
     hidden?: boolean;
     invisible?: boolean;
     fixed?: boolean;
-    charLimited?: {
-        enable?: boolean;
-        expandType?: 'more' | 'tooltip';
-    };
     align?: 'right';
-    cellStyle?: (value: any, rowData: T) => Record<string, string>;
     htmlTemplate?: (value: any, rowData: T) => string;
     transform?: SdTableColumnTransformFunc<T>;
     tooltip?: (value: any, rowData: T) => string;
@@ -48,9 +54,8 @@ interface SdTableColumnBase<T = any> {
     };
     export?: {
         disabled?: boolean;
+        description?: string;
     };
-    cellDef?: TemplateRef<any>;
-    copiable?: boolean;
 }
 interface SdTableColumnText<T = any> extends SdTableColumnBase<T> {
     field: SdNestedKeyOf<T>;

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

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

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

@@ -7,6 +7,7 @@ import { SdTabelCellDefDirective } from './directives/sd-table-cell-def.directiv
 import { SdMaterialSubInformationDefDirective } from './directives/sd-table-expand-def.directive';
 import { SdTableFilterDefDirective } from './directives/sd-table-filter-def.directive';
 import { SdMaterialFooterDefDirective } from './directives/sd-table-footer-def.directive';
+import { SdTableTitleDefDirective } from './directives/sd-table-title-def.directive';
 import { SdTableColumn } from './models/table-column.model';
 import { SdTableOption } from './models/table-option.model';
 import { SdTableFilterRequest, TableFilterRegister } from './services/table-filter/table-filter.model';
@@ -48,9 +49,11 @@ export declare class SdTable<T = unknown> extends SdBaseSecureComponent implemen
     sdCellDefs: import("@angular/core").Signal<readonly SdTabelCellDefDirective[]>;
     sdFooterDefs: import("@angular/core").Signal<readonly SdMaterialFooterDefDirective[]>;
     sdFilterDefs: import("@angular/core").Signal<readonly SdTableFilterDefDirective[]>;
+    sdTitleDefs: import("@angular/core").Signal<readonly SdTableTitleDefDirective[]>;
     cellDef: import("@angular/core").Signal<Record<string, SdTabelCellDefDirective>>;
     footerDef: import("@angular/core").Signal<Record<string, SdMaterialFooterDefDirective>>;
     hasFooter: import("@angular/core").Signal<boolean>;
+    titleDef: import("@angular/core").Signal<Record<string, SdTableTitleDefDirective>>;
     tableOption: import("@angular/core").WritableSignal<SdTableOption<T> | undefined>;
     configuration: import("@angular/core").WritableSignal<ConfiguredTableResult | undefined>;
     items: import("@angular/core").WritableSignal<SdTableItem<T>[]>;
@@ -93,5 +96,5 @@ export declare class SdTable<T = unknown> extends SdBaseSecureComponent implemen
     onOperatorChange: (column: SdTableColumn, operator: SdOperator) => void;
     trackBy: (index: number, item: SdTableItem) => string;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdTable<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SdTable<any>, "sd-table", never, { "autoIdInput": { "alias": "autoId"; "required": false; "isSignal": true; }; "option": { "alias": "option"; "required": true; "isSignal": true; }; }, {}, ["sdSubInformation", "sdCellDefs", "sdFooterDefs", "sdFilterDefs"], ["[sdTableTop]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdTable<any>, "sd-table", never, { "autoIdInput": { "alias": "autoId"; "required": false; "isSignal": true; }; "option": { "alias": "option"; "required": true; "isSignal": true; }; }, {}, ["sdSubInformation", "sdCellDefs", "sdFooterDefs", "sdFilterDefs", "sdTitleDefs"], ["[sdTableTop]"], true, never>;
 }