@sd-angular/core 19.0.9 → 19.0.10

package/README.md

@@ -667,7 +667,7 @@ import { Color } from '@sd-angular/core/utilities';
 @Component({
   selector: 'sd-my-component',
   templateUrl: './my-component.component.html',
-  styleUrls: ['./my-component.component.scss'],
+  styleUrl: './my-component.component.scss',
   changeDetection: ChangeDetectionStrategy.OnPush,
   standalone: true,
   imports: [],

package/assets/scss/core/utilities/_grid.scss

@@ -1,143 +1,149 @@
-// --------------------------------------------------------------------------
-// Grid — row/col 12-column flexbox + native CSS Grid container
-//   Thuần CSS Flexbox / CSS Grid, không phụ thuộc framework ngoài.
-//   Breakpoint convention (sm/md/lg/xl) trùng Bootstrap để host app dễ migrate.
-// --------------------------------------------------------------------------
-
-// --------------------------------------------------------------------------
-// 1. Flexbox row/col  (.row, .col-{1-12})
-// --------------------------------------------------------------------------
-$grid-columns: 12;
-$grid-gutter: 16px;
-
-.row {
-  display: flex;
-  flex-wrap: wrap;
-  margin-left: calc(-1 * $grid-gutter / 2);
-  margin-right: calc(-1 * $grid-gutter / 2);
-
-  > * {
-    box-sizing: border-box;
-    padding-left: calc($grid-gutter / 2);
-    padding-right: calc($grid-gutter / 2);
-  }
-}
-
-// Gutter variants
-.row-md {
-  @extend .row;
-  margin-left: -8px;
-  margin-right: -8px;
-  > * { padding-left: 8px; padding-right: 8px; }
-}
-
-.row-sm {
-  @extend .row;
-  margin-left: -4px;
-  margin-right: -4px;
-  > * { padding-left: 4px; padding-right: 4px; }
-}
-
-.row-xs {
-  @extend .row;
-  margin-left: -2px;
-  margin-right: -2px;
-  > * { padding-left: 2px; padding-right: 2px; }
-}
-
-// .col-1 … .col-12
-@for $i from 1 through $grid-columns {
-  .col-#{$i} {
-    box-sizing: border-box;
-    width: percentage(calc($i / $grid-columns));
-    flex: 0 0 percentage(calc($i / $grid-columns));
-    max-width: percentage(calc($i / $grid-columns));
-    padding-left: calc($grid-gutter / 2);
-    padding-right: calc($grid-gutter / 2);
-  }
-}
-
-.col {
-  flex: 1 1 0%;
-  padding-left: calc($grid-gutter / 2);
-  padding-right: calc($grid-gutter / 2);
-}
-
-// --------------------------------------------------------------------------
-// 1b. Responsive columns
-//   col-sm-{1-12} : ≥ 576px
-//   col-md-{1-12} : ≥ 768px
-//   col-lg-{1-12} : ≥ 992px
-//   col-xl-{1-12} : ≥ 1200px
-//
-//   Mobile-first: mặc định width: 100%, áp dụng kích thước khi đủ rộng.
-// --------------------------------------------------------------------------
-$grid-breakpoints: (
-  'sm': 576px,
-  'md': 768px,
-  'lg': 992px,
-  'xl': 1200px,
-);
-
-// col-{bp} — chiếm hết chiều rộng tại breakpoint đó
-@each $bp, $min-width in $grid-breakpoints {
-  @media (min-width: $min-width) {
-    .col-#{$bp} {
-      flex: 1 1 0%;
-      padding-left: calc($grid-gutter / 2);
-      padding-right: calc($grid-gutter / 2);
-    }
-  }
-}
-
-// col-{bp}-{1-12} — chiếm n/12 chiều rộng tại breakpoint đó
-@each $bp, $min-width in $grid-breakpoints {
-  @media (min-width: $min-width) {
-    @for $i from 1 through $grid-columns {
-      .col-#{$bp}-#{$i} {
-        box-sizing: border-box;
-        width: percentage(calc($i / $grid-columns));
-        flex: 0 0 percentage(calc($i / $grid-columns));
-        max-width: percentage(calc($i / $grid-columns));
-        padding-left: calc($grid-gutter / 2);
-        padding-right: calc($grid-gutter / 2);
-      }
-    }
-  }
-}
-
-// --------------------------------------------------------------------------
-// 2. CSS Grid container  (.grid-container)
-//    grid-container + grid-cols-{1-12} + col-span-{1-12}
-// --------------------------------------------------------------------------
-.grid-container {
-  display: grid;
-  column-gap: 8px;
-  row-gap: 0;
-
-  @for $i from 1 through 12 {
-    &.grid-cols-#{$i} {
-      grid-template-columns: repeat($i, minmax(0, 1fr));
-    }
-  }
-
-  @for $i from 1 through 12 {
-    .col-span-#{$i} {
-      grid-column: span #{$i} / span #{$i};
-    }
-  }
-
-  .col-span-full {
-    grid-column: 1 / -1;
-  }
-
-  @for $i from 1 through 12 {
-    .row-span-#{$i} {
-      grid-row: span #{$i} / span #{$i};
-    }
-  }
-
-  .row-span-full {
-    grid-row: 1 / -1;
-  }
-}
+@use "sass:math";
+
+// --------------------------------------------------------------------------
+// Grid - row/col 12-column flexbox + native CSS Grid container
+// Pure CSS Flexbox / CSS Grid, with no external framework dependency.
+// Breakpoint convention (sm/md/lg/xl) matches Bootstrap to ease host migration.
+// --------------------------------------------------------------------------
+
+// --------------------------------------------------------------------------
+// 1. Flexbox row/col (.row, .col-{1-12})
+// --------------------------------------------------------------------------
+$grid-columns: 12;
+$grid-gutter: 16px;
+
+.row {
+  display: flex;
+  flex-wrap: wrap;
+  margin-left: calc(-1 * $grid-gutter / 2);
+  margin-right: calc(-1 * $grid-gutter / 2);
+
+  > * {
+    box-sizing: border-box;
+    padding-left: calc($grid-gutter / 2);
+    padding-right: calc($grid-gutter / 2);
+  }
+}
+
+// Gutter variants
+.row-md {
+  @extend .row;
+  margin-left: -8px;
+  margin-right: -8px;
+  > * { padding-left: 8px; padding-right: 8px; }
+}
+
+.row-sm {
+  @extend .row;
+  margin-left: -4px;
+  margin-right: -4px;
+  > * { padding-left: 4px; padding-right: 4px; }
+}
+
+.row-xs {
+  @extend .row;
+  margin-left: -2px;
+  margin-right: -2px;
+  > * { padding-left: 2px; padding-right: 2px; }
+}
+
+// .col-1 ... .col-12
+@for $i from 1 through $grid-columns {
+  $col-size: math.percentage(math.div($i, $grid-columns));
+
+  .col-#{$i} {
+    box-sizing: border-box;
+    width: $col-size;
+    flex: 0 0 $col-size;
+    max-width: $col-size;
+    padding-left: calc($grid-gutter / 2);
+    padding-right: calc($grid-gutter / 2);
+  }
+}
+
+.col {
+  flex: 1 1 0%;
+  padding-left: calc($grid-gutter / 2);
+  padding-right: calc($grid-gutter / 2);
+}
+
+// --------------------------------------------------------------------------
+// 1b. Responsive columns
+//   col-sm-{1-12}: >= 576px
+//   col-md-{1-12}: >= 768px
+//   col-lg-{1-12}: >= 992px
+//   col-xl-{1-12}: >= 1200px
+//
+// Mobile-first: default width is 100%; column size applies from breakpoint up.
+// --------------------------------------------------------------------------
+$grid-breakpoints: (
+  'sm': 576px,
+  'md': 768px,
+  'lg': 992px,
+  'xl': 1200px,
+);
+
+// col-{bp} - full-width flexible column at the breakpoint
+@each $bp, $min-width in $grid-breakpoints {
+  @media (min-width: $min-width) {
+    .col-#{$bp} {
+      flex: 1 1 0%;
+      padding-left: calc($grid-gutter / 2);
+      padding-right: calc($grid-gutter / 2);
+    }
+  }
+}
+
+// col-{bp}-{1-12} - n/12 column width at the breakpoint
+@each $bp, $min-width in $grid-breakpoints {
+  @media (min-width: $min-width) {
+    @for $i from 1 through $grid-columns {
+      $col-size: math.percentage(math.div($i, $grid-columns));
+
+      .col-#{$bp}-#{$i} {
+        box-sizing: border-box;
+        width: $col-size;
+        flex: 0 0 $col-size;
+        max-width: $col-size;
+        padding-left: calc($grid-gutter / 2);
+        padding-right: calc($grid-gutter / 2);
+      }
+    }
+  }
+}
+
+// --------------------------------------------------------------------------
+// 2. CSS Grid container (.grid-container)
+//    grid-container + grid-cols-{1-12} + col-span-{1-12}
+// --------------------------------------------------------------------------
+.grid-container {
+  display: grid;
+  column-gap: 8px;
+  row-gap: 0;
+
+  @for $i from 1 through 12 {
+    &.grid-cols-#{$i} {
+      grid-template-columns: repeat($i, minmax(0, 1fr));
+    }
+  }
+
+  @for $i from 1 through 12 {
+    .col-span-#{$i} {
+      grid-column: span #{$i} / span #{$i};
+    }
+  }
+
+  .col-span-full {
+    grid-column: 1 / -1;
+  }
+
+  @for $i from 1 through 12 {
+    .row-span-#{$i} {
+      grid-row: span #{$i} / span #{$i};
+    }
+  }
+
+  .row-span-full {
+    grid-row: 1 / -1;
+  }
+}

package/components/form-generic/src/components/form-builder/components/attribute-table/attribute-table.component.d.ts

@@ -1,11 +1,9 @@
 import { EventEmitter } from '@angular/core';
 import { FormGroup } from '@angular/forms';
 import { SdModal } from '@sd-angular/core/components/modal';
-import { ISdFormGenericConfiguration } from '../../../../configurations';
 import { SdFormGenericComponent, SdFormGenericDefinitionTable, SdFormGenericGroup, SdFormGenericTableColumn, SdFormGenericVariable } from '../../../../models';
 import * as i0 from "@angular/core";
 export declare class AttributeTable {
-    private formGenericConfiguration;
     modal?: SdModal;
     form: FormGroup<{}>;
     components: (SdFormGenericComponent | SdFormGenericGroup)[];
@@ -13,6 +11,7 @@ export declare class AttributeTable {
     columnsKey?: string;
     set _columnsKey(columnsKey: string | undefined | null);
     columnsKeyChange: EventEmitter<string>;
+    private readonly formGenericConfiguration;
     tables: SdFormGenericDefinitionTable[];
     types: {
         value: string;
@@ -22,7 +21,6 @@ export declare class AttributeTable {
     set _columns(columns: SdFormGenericTableColumn[] | undefined | null);
     columnsChange: EventEmitter<SdFormGenericTableColumn[]>;
     column?: SdFormGenericTableColumn;
-    constructor(formGenericConfiguration: ISdFormGenericConfiguration | null);
     onChangeColumnsKey: (value: any) => void;
     addColumn: () => void;
     readonly columnTypeIcons: Record<string, string>;
@@ -31,6 +29,6 @@ export declare class AttributeTable {
     editColumn: (idx: number) => void;
     removeColumn: (idx: number) => void;
     onConfirm: () => void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AttributeTable, [{ optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AttributeTable, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AttributeTable, "attribute-table", never, { "components": { "alias": "components"; "required": true; }; "variables": { "alias": "variables"; "required": true; }; "_columnsKey": { "alias": "columnsKey"; "required": true; }; "_columns": { "alias": "columns"; "required": true; }; }, { "columnsKeyChange": "columnsKeyChange"; "columnsChange": "columnsChange"; }, never, never, true, never>;
 }

package/components/form-generic/src/components/form-builder/components/attribute-template/attribute-template.component.d.ts

@@ -1,15 +1,13 @@
 import { EventEmitter } from '@angular/core';
-import { ISdFormGenericConfiguration } from '../../../../configurations';
 import { SdFormGenericComponent, SdFormGenericTemplate } from '../../../../models';
 import * as i0 from "@angular/core";
 export declare class AttributeTemplate {
-    private formGenericConfiguration;
     templates: SdFormGenericTemplate[];
     component: SdFormGenericComponent;
     set _component(component: SdFormGenericComponent);
     sdChange: EventEmitter<SdFormGenericComponent>;
-    constructor(formGenericConfiguration: ISdFormGenericConfiguration | null);
+    private readonly formGenericConfiguration;
     onChange: (value: string | number | null) => void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AttributeTemplate, [{ optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AttributeTemplate, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AttributeTemplate, "attribute-template", never, { "_component": { "alias": "component"; "required": true; }; }, { "sdChange": "sdChange"; }, never, never, true, never>;
 }

package/components/form-generic/src/components/form-builder/components/configure-validation/configure-validation.component.d.ts

@@ -1,14 +1,11 @@
-import { ChangeDetectorRef, EventEmitter } from '@angular/core';
+import { EventEmitter } from '@angular/core';
 import { FormGroup } from '@angular/forms';
 import { SdModal } from '@sd-angular/core/components/modal';
-import { ISdFormGenericConfiguration } from '../../../../configurations';
 import { Attribute } from '../../../../models';
 import { SdFormGenericValidation, SdFormGenericValidationFunction } from '../../../../models/form-generic-validation.model';
 import { SdFormGeneric } from '../../../../models/form-generic.model';
 import * as i0 from "@angular/core";
 export declare class ConfigureValidationComponent {
-    private ref;
-    private formGenericConfiguration;
     modal?: SdModal;
     form: FormGroup<{}>;
     attributes: Attribute[];
@@ -19,13 +16,15 @@ export declare class ConfigureValidationComponent {
         display: string;
     }[];
     accept: EventEmitter<SdFormGenericValidation[]>;
-    constructor(ref: ChangeDetectorRef, formGenericConfiguration: ISdFormGenericConfiguration | null);
+    private readonly ref;
+    private readonly formGenericConfiguration;
+    constructor();
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     open: (formGeneric: SdFormGeneric) => void;
     addValidation: (type: SdFormGenericValidation["type"]) => void;
     removaValidation: (index: number) => void;
     updateValidations: () => void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ConfigureValidationComponent, [null, { optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ConfigureValidationComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ConfigureValidationComponent, "configure-validation", never, {}, { "accept": "accept"; }, never, never, true, never>;
 }

package/components/form-generic/src/components/form-render/form-render.component.d.ts

@@ -1,15 +1,12 @@
-import { AfterViewInit, ChangeDetectorRef, OnDestroy, QueryList } from '@angular/core';
+import { AfterViewInit, OnDestroy, QueryList } from '@angular/core';
 import { FormGroup } from '@angular/forms';
 import { Subject } from 'rxjs';
-import { ISdFormGenericConfiguration } from '../../configurations';
 import { SdFormRenderConfiguration } from '../../models';
 import { SdFormGenericValidation } from '../../models/form-generic-validation.model';
 import { LibItemComponent } from './components';
 import * as i0 from "@angular/core";
 export declare class SdFormRender implements OnDestroy, AfterViewInit {
     #private;
-    private ref;
-    private formGenericConfiguration;
     formRenderItems: QueryList<LibItemComponent>;
     form: FormGroup;
     configuration: SdFormRenderConfiguration;
@@ -28,11 +25,12 @@ export declare class SdFormRender implements OnDestroy, AfterViewInit {
         key: string;
         value: any;
     }>;
-    constructor(ref: ChangeDetectorRef, formGenericConfiguration: ISdFormGenericConfiguration | null);
+    private readonly ref;
+    private readonly formGenericConfiguration;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     upload: () => Promise<void>;
     getValidationMessages: (alert: SdFormGenericValidation["alert"]) => Promise<string[] | undefined>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SdFormRender, [null, { optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdFormRender, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SdFormRender, "sd-form-render", never, { "form": { "alias": "form"; "required": false; }; "_configuration": { "alias": "configuration"; "required": true; }; "_default": { "alias": "defaultEntity"; "required": false; }; "_entity": { "alias": "entity"; "required": false; }; "_properties": { "alias": "properties"; "required": false; }; "_viewed": { "alias": "viewed"; "required": false; }; }, {}, never, never, true, never>;
 }

package/components/form-generic/src/services/form-generic.service.d.ts

@@ -1,11 +1,9 @@
 import { SdSearch } from '@sd-angular/core/forms';
-import { ISdFormGenericConfiguration } from '../configurations';
 import { SdFormGenericArgs, SdFormGenericDefinitionHtml, SdFormGenericDefinitionSelection, SdFormGenericSelectionItem } from '../models';
 import * as i0 from "@angular/core";
 export declare class FormGenericService {
     #private;
     private readonly configuration;
-    constructor(configuration: ISdFormGenericConfiguration);
     get selections(): (() => Promise<SdFormGenericDefinitionSelection[]>) | SdFormGenericDefinitionSelection<any, any>[] | (() => SdFormGenericDefinitionSelection<any, any>[]);
     get tables(): import("@sd-angular/core/components/form-generic").SdFormGenericDefinitionTable<any>[];
     getSelection: (valuesKey: string | undefined | null) => Promise<SdFormGenericDefinitionSelection | undefined>;
@@ -21,6 +19,6 @@ export declare class FormGenericService {
         definitions: () => Promise<SdFormGenericDefinitionHtml[]>;
         getContent: (template: string, query?: Record<string, any>) => Promise<string>;
     };
-    static ɵfac: i0.ɵɵFactoryDeclaration<FormGenericService, [{ optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormGenericService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<FormGenericService>;
 }

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

@@ -15,7 +15,7 @@ export declare class SdModal {
     width: import("@angular/core").InputSignalWithTransform<string, string | null | undefined>;
     height: import("@angular/core").InputSignalWithTransform<string, string | null | undefined>;
     view: import("@angular/core").InputSignalWithTransform<"dialog" | "bottom-sheet" | undefined, "dialog" | "bottom-sheet" | null | undefined>;
-    modalClass: import("@angular/core").InputSignalWithTransform<string | string[] | Record<string, boolean>, string | string[] | Record<string, boolean> | null | undefined>;
+    modalClass: import("@angular/core").InputSignalWithTransform<string | Record<string, boolean> | string[], string | Record<string, boolean> | string[] | null | undefined>;
     lazyLoadContent: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     hideClose: import("@angular/core").InputSignalWithTransform<boolean, boolean | "">;
     disableBackdropClose: import("@angular/core").InputSignalWithTransform<boolean, boolean | "">;

package/components/tab-router/src/models/tab-router.model.d.ts

@@ -1,4 +1,4 @@
-import { Type } from '@angular/core';
+import { InjectionToken, Type } from '@angular/core';
 import { Color } from '@sdcorejs/utils/models';
 import { Subject } from 'rxjs';
 export interface SdTabInfo {
@@ -19,3 +19,4 @@ export interface SdTab {
     tabInfoChanges: Subject<SdTabInfo>;
     beforeClose?: () => boolean | Promise<boolean>;
 }
+export declare const SD_TAB: InjectionToken<SdTab>;

package/components/tab-router/src/services/tab-router.service.d.ts

@@ -13,7 +13,6 @@ export declare class SdTabRouterService {
     currentTabChanges: BehaviorSubject<SdTab | undefined>;
     newTabs: BehaviorSubject<SdTab | undefined>;
     updateTabs: BehaviorSubject<SdTab | undefined>;
-    constructor();
     addBuilder: (builder: SdTabComponentBuilder) => void;
     get currentTab(): SdTab | undefined;
     get currentKey(): string | null;

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

@@ -2,13 +2,13 @@ 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[]>;
+    readonly autoIdInput: import("@angular/core").InputSignal<string | null | undefined>;
+    readonly item: import("@angular/core").InputSignal<SdTableItem<any>>;
+    readonly itemIndex: import("@angular/core").InputSignal<number>;
+    readonly commands: import("@angular/core").InputSignal<SdTableCommand[] | null | undefined>;
+    readonly itemKey: import("@angular/core").Signal<string>;
+    readonly autoId: import("@angular/core").Signal<string>;
+    readonly _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

@@ -3,18 +3,7 @@ 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>
+ * Resolves command metadata for the current row once, then lets the template reuse it with `@let`.
  */
 export declare class CommandPipe implements PipeTransform {
     #private;

package/components/table/src/components/command/pipes/filter.pipe.d.ts

@@ -3,14 +3,7 @@ import { SdTableCommand, SdTableCommandChildren, SdTableCommandNormal } from '..
 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;
+ * Filters visible commands and pre-resolves icon, title, and stable key for the current row.
  */
 export declare class CommandFilterPipe implements PipeTransform {
     #private;

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

@@ -4,6 +4,7 @@ import { Operator } from '@sdcorejs/utils/models';
 import { SdTableColumn } from '../../../models/table-column.model';
 import * as i0 from "@angular/core";
 export declare class ColumnFilterComponent {
+    #private;
     autoIdInput: import("@angular/core").InputSignal<string | null | undefined>;
     column: import("@angular/core").InputSignal<SdTableColumn>;
     columnFilter: import("@angular/core").InputSignal<Record<string, any>>;

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

@@ -45,6 +45,7 @@ interface SdTableColumnBase<T = any> {
     filter?: {
         disabled?: boolean;
         default?: any;
+        onChange?: (value: any, column?: SdTableColumn<T>, columnFilter?: Record<string, any>) => void;
         operator?: {
             default?: Operator;
             enable?: boolean;
@@ -66,7 +67,7 @@ interface SdTableColumnNumber<T = any> extends SdTableColumnBase<T> {
     field: NestedKeyOf<T>;
     type: 'number';
     useBadge?: UseBadgeFunc<T>;
-    filter?: SdTableColumnBase['filter'] & {
+    filter?: SdTableColumnBase<T>['filter'] & {
         type?: 'split-number';
     };
 }
@@ -83,7 +84,7 @@ interface SdTableColumnDate<T = any> extends SdTableColumnBase<T> {
     field: NestedKeyOf<T>;
     type: 'date' | 'datetime' | 'time';
     useBadge?: UseBadgeFunc<T>;
-    filter?: SdTableColumnBase['filter'] & {
+    filter?: SdTableColumnBase<T>['filter'] & {
         type?: 'daterange' | 'date' | 'split-date';
     };
 }

package/components/table/src/pipes/selection-disabled.pipe.d.ts

@@ -3,7 +3,7 @@ import { SdTableOptionSelector } from '../models/table-option-selector.model';
 import { SdTableItem } from '../models/table-item.model';
 import * as i0 from "@angular/core";
 export declare class SdSelectionDisabledPipe implements PipeTransform {
-    transform: (selectedItems: SdTableItem[], rowData: SdTableItem, selection: SdTableOptionSelector) => boolean;
+    transform: <T>(selectedItems: SdTableItem<T>[], rowData: SdTableItem<T>, selection: SdTableOptionSelector<T>) => boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdSelectionDisabledPipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<SdSelectionDisabledPipe, "selectionDisabled", true>;
 }

package/components/table/src/services/config.service.d.ts

@@ -1,21 +1,20 @@
-import { SdStorage, SdStorageService } from '@sd-angular/core/services';
+import { SdStorage } from '@sd-angular/core/services';
 import { ConfiguredTable, ConfiguredTableResult } from '../models/table-option-config.model';
 import { SdTableOption } from '../models/table-option.model';
 import { ISdTableConfiguration } from '../configurations';
 import * as i0 from "@angular/core";
 export declare class ConfigService {
     #private;
-    private storageService;
-    tableConfiguration: ISdTableConfiguration;
     widthChange$: import("rxjs").Observable<{
         field: string;
         width: string;
     }>;
-    constructor(storageService: SdStorageService, tableConfiguration: ISdTableConfiguration);
+    private readonly storageService;
+    readonly tableConfiguration: ISdTableConfiguration | null;
     loadConfiguredTable: (option: SdTableOption) => ConfiguredTable;
     loadConfigurationResult: (option: SdTableOption, configuration: ConfiguredTable) => ConfiguredTableResult;
     init: (tableOption: SdTableOption) => SdStorage<ConfiguredTable>;
     persistColumnWidth: (field: string, width: string) => void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ConfigService, [null, { optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ConfigService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<ConfigService>;
 }