@sdcorejs/angular 19.0.10 → 19.1.0

package/assets/scss/themes/material-theme.scss

@@ -1,101 +1,22 @@
 @use '@angular/material' as mat;
-@use './default.scss' as default;
-@use 'sass:map';
 
-// --------------------------------------------------
-// Palette M2 — generated từ hex color
-// --------------------------------------------------
-$custom-primary-palette: mat.m2-define-palette(
-  (
-    50: #f0f1f5,
-    100: #d7dcea,
-    200: #abbce3,
-    300: #6e90e3,
-    400: #346aea,
-    500: #2a66f4,
-    600: #0645db,
-    700: #0131a3,
-    800: #00216d,
-    900: #001546,
-    contrast: (
-      400: white,
-      500: white,
-      600: white,
-      700: white,
-      800: white,
-      900: white,
-    ),
-  )
-);
-
-$custom-accent-palette: mat.m2-define-palette(
-  (
-    50: #f1f3f1,
-    100: #dce5dd,
-    200: #bbd3bc,
-    300: #8fc291,
-    400: #67b76a,
-    500: #4caf50,
-    600: #3a8c3d,
-    700: #29692c,
-    800: #1c471e,
-    900: #132f14,
-    contrast: (
-      700: white,
-      800: white,
-      900: white,
-    ),
-  )
-);
-
-$custom-warn-palette: mat.m2-define-palette(
-  (
-    50: #f5f0f0,
-    100: #ead9d6,
-    200: #e4b0aa,
-    300: #e6786b,
-    400: #ee4430,
-    500: #f82c13,
-    600: #d11801,
-    700: #9a1100,
-    800: #680b00,
-    900: #440700,
-    contrast: (
-      600: white,
-      700: white,
-      800: white,
-      900: white,
-    ),
-  )
-);
-
-// --------------------------------------------------
-// Theme
-// --------------------------------------------------
-$custom-theme: mat.m2-define-light-theme(
-  (
-    color: (
-      primary: $custom-primary-palette,
-      accent: $custom-accent-palette,
-      warn: $custom-warn-palette,
-    ),
-    density: -3,
-  )
-);
-
-@include mat.all-component-themes($custom-theme);
-
-// Fix paginator density riêng về 0 để không bị lệch
 html {
+  color-scheme: light;
+
   @include mat.theme(
     (
       color: (
         theme-type: light,
         primary: mat.$azure-palette,
-        tertiary: mat.$blue-palette,
+        tertiary: mat.$green-palette,
       ),
       typography: Roboto,
       density: 0,
     )
   );
 }
+
+body {
+  background: var(--mat-sys-surface);
+  color: var(--mat-sys-on-surface);
+}

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

@@ -1,6 +1,6 @@
 import { EventEmitter } from '@angular/core';
+import { type SdIconSet } from '@sdcorejs/angular/modules/icon';
 import { Color, Size } from '@sdcorejs/utils/models';
-import { MaterialIconFontSet } from '@sdcorejs/angular/utilities/models';
 import * as i0 from "@angular/core";
 export type SdBadgeType = 'tag' | 'round' | 'icon';
 export declare class SdBadge {
@@ -13,7 +13,7 @@ export declare class SdBadge {
     info: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     warning: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     error: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
-    fontSet: import("@angular/core").InputSignalWithTransform<MaterialIconFontSet, MaterialIconFontSet | null | undefined>;
+    fontSet: import("@angular/core").InputSignalWithTransform<SdIconSet | undefined, SdIconSet | null | undefined>;
     title: import("@angular/core").InputSignal<string | number | null | undefined>;
     description: import("@angular/core").InputSignal<string | null | undefined>;
     tooltip: import("@angular/core").InputSignal<string | null | undefined>;
@@ -32,7 +32,7 @@ export declare class SdBadge {
     }>;
     iconColorClasses: import("@angular/core").Signal<{
         'c-primary': boolean;
-        'c-black400': boolean;
+        'c-secondary': boolean;
         'c-info': boolean;
         'c-success': boolean;
         'c-warning': boolean;
@@ -42,11 +42,8 @@ export declare class SdBadge {
         'c-sm': boolean;
         'c-md': boolean;
         'c-lg': boolean;
-        'material-icons': boolean;
-        'material-icons-outlined': boolean;
-        'material-icons-round': boolean;
-        'material-icons-sharp': boolean;
     }>;
+    iconCssSize: import("@angular/core").Signal<"18px" | "24px" | "16px">;
     containerSizeClasses: import("@angular/core").Signal<{
         'c-badge--sm': boolean;
         'c-badge--md': boolean;
@@ -62,10 +59,6 @@ export declare class SdBadge {
         'c-sm': boolean;
         'c-md': boolean;
         'c-lg': boolean;
-        'material-icons': boolean;
-        'material-icons-outlined': boolean;
-        'material-icons-round': boolean;
-        'material-icons-sharp': boolean;
     }>;
     containerCombinedClasses: import("@angular/core").Signal<{
         'c-badge--sm': boolean;
@@ -80,7 +73,7 @@ export declare class SdBadge {
     }>;
     iconCombinedClasses: import("@angular/core").Signal<{
         'c-primary': boolean;
-        'c-black400': boolean;
+        'c-secondary': boolean;
         'c-info': boolean;
         'c-success': boolean;
         'c-warning': boolean;
@@ -88,10 +81,6 @@ export declare class SdBadge {
         'c-sm': boolean;
         'c-md': boolean;
         'c-lg': boolean;
-        'material-icons': boolean;
-        'material-icons-outlined': boolean;
-        'material-icons-round': boolean;
-        'material-icons-sharp': boolean;
     }>;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdBadge, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SdBadge, "sd-badge", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "primary": { "alias": "primary"; "required": false; "isSignal": true; }; "secondary": { "alias": "secondary"; "required": false; "isSignal": true; }; "success": { "alias": "success"; "required": false; "isSignal": true; }; "info": { "alias": "info"; "required": false; "isSignal": true; }; "warning": { "alias": "warning"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "fontSet": { "alias": "fontSet"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "click": "click"; }, never, never, true, never>;

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

@@ -1,18 +1,19 @@
 import { OnDestroy, OnInit } from '@angular/core';
 import { Color } from '@sdcorejs/utils/models';
-import { MaterialIconFontSet } from '@sdcorejs/angular/utilities/models';
+import { type SdIconSet } from '@sdcorejs/angular/modules/icon';
 import * as i0 from "@angular/core";
-export type SdButtonType = 'fill' | 'light' | 'outline' | 'link';
+export type SdButtonType = 'fill' | 'light' | 'outline' | 'text';
 export type SdButtonSize = 'sm' | 'md' | 'lg';
 export type SdButtonHtmlType = 'button' | 'submit' | 'reset';
+export type SdButtonColor = Color | 'black';
 export declare class SdButton implements OnInit, OnDestroy {
     #private;
     private el;
     autoIdInput: import("@angular/core").InputSignal<string | null | undefined>;
     type: import("@angular/core").InputSignalWithTransform<SdButtonType, SdButtonType | null | undefined>;
-    color: import("@angular/core").InputSignalWithTransform<Color, Color | null | undefined>;
+    color: import("@angular/core").InputSignalWithTransform<SdButtonColor, SdButtonColor | null | undefined>;
     size: import("@angular/core").InputSignalWithTransform<SdButtonSize, SdButtonSize | null | undefined>;
-    fontSet: import("@angular/core").InputSignalWithTransform<MaterialIconFontSet, MaterialIconFontSet | null | undefined>;
+    fontSet: import("@angular/core").InputSignalWithTransform<SdIconSet | undefined, SdIconSet | null | undefined>;
     title: import("@angular/core").InputSignal<string | null | undefined>;
     width: import("@angular/core").InputSignal<string | null | undefined>;
     tooltip: import("@angular/core").InputSignal<string | null | undefined>;
@@ -28,6 +29,7 @@ export declare class SdButton implements OnInit, OnDestroy {
         'c-sm': boolean;
         'c-md': boolean;
         'c-lg': boolean;
+        'c-black': boolean;
         'c-disabled': boolean;
         'c-block': boolean;
     }>;

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

@@ -17,6 +17,7 @@ export declare class GroupAttribute {
     pickIcon: (icon: string) => void;
     pickColor: (color: (typeof COLOR_PRESETS)[number]) => void;
     symbolForChild: (c: SdFormGenericComponent) => string;
+    labelForChild: (c: SdFormGenericComponent) => string;
     static ɵfac: i0.ɵɵFactoryDeclaration<GroupAttribute, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<GroupAttribute, "group-attribute", never, { "group": { "alias": "group"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }

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

@@ -17,6 +17,7 @@ interface ResizeState {
     rowId: string;
     columns: string;
 }
+type RowInsertionEdge = 'before' | 'after';
 export declare class SdFormBuilder implements OnInit, OnDestroy {
     #private;
     readonly popupViewJSON: import("@angular/core").Signal<SdModal | undefined>;
@@ -51,6 +52,9 @@ export declare class SdFormBuilder implements OnInit, OnDestroy {
      *  Trigger class `.fb-shell--dragging` để ẩn hover/actions/resize toàn diện, không phụ thuộc :has(). */
     readonly isAnyDragging: import("@angular/core").WritableSignal<boolean>;
     readonly dragSource: import("@angular/core").WritableSignal<"row" | "palette" | "canvas" | "resize" | undefined>;
+    readonly draggedPaletteItem: import("@angular/core").WritableSignal<FormBuilderComponent | undefined>;
+    readonly rowInsertionEdge: import("@angular/core").WritableSignal<RowInsertionEdge>;
+    readonly inlineDropTargetRow: import("@angular/core").WritableSignal<DragDropRowItem | undefined>;
     readonly resizeState: import("@angular/core").WritableSignal<ResizeState | undefined>;
     readonly isResizing: import("@angular/core").Signal<boolean>;
     expand: boolean;
@@ -60,7 +64,7 @@ export declare class SdFormBuilder implements OnInit, OnDestroy {
     private lastDragPointer?;
     /** Handler chung cho mọi cdkDragStarted — set signal global true. */
     onAnyDragStarted: () => void;
-    onPaletteDragStarted: () => void;
+    onPaletteDragStarted: (item?: FormBuilderComponent) => void;
     onRowDragStarted: () => void;
     onAnyDragMoved: (event: CdkDragMove<any>) => void;
     /** Handler chung cho mọi cdkDragEnded — set signal global false (dùng setTimeout 0
@@ -79,6 +83,7 @@ export declare class SdFormBuilder implements OnInit, OnDestroy {
     placeholderSymbolFor: (item: FormBuilderComponent | SdFormGenericComponent | SdFormGenericGroup | DragDropRowItem | undefined) => string;
     placeholderTitleFor: (item: FormBuilderComponent | SdFormGenericComponent | SdFormGenericGroup | DragDropRowItem | undefined) => string;
     placeholderMetaFor: (item: FormBuilderComponent | SdFormGenericComponent | SdFormGenericGroup | DragDropRowItem | undefined) => string;
+    placeholderColumnsFor: (item: FormBuilderComponent | SdFormGenericComponent | SdFormGenericGroup | DragDropRowItem | undefined) => number;
     /** True nếu component có expression điều kiện — drives the "conditional" status chip. */
     hasConditional: (item: SdFormGenericComponent | SdFormGenericGroup) => boolean;
     /** Map SdColor preset → 2 CSS var names cho header-bg và header-fg của group card. */
@@ -109,6 +114,9 @@ export declare class SdFormBuilder implements OnInit, OnDestroy {
     onMouseover: (event: MouseEvent, rowItem: DragDropRowItem) => void;
     isRowFull: (row: DragDropRowItem) => boolean;
     isRowInlineDropLocked: (row: DragDropRowItem) => boolean;
+    shouldShowRowInsertionPlaceholder: (row: DragDropRowItem, edge?: RowInsertionEdge) => boolean;
+    onRowItemsDropEntered: (row: DragDropRowItem) => void;
+    onRowItemsDropExited: (row: DragDropRowItem) => void;
     canEnterRowDropList: (drag: CdkDrag<FormBuilderComponent | SdFormGenericComponent | SdFormGenericGroup>, drop: CdkDropList<(SdFormGenericComponent | SdFormGenericGroup)[]>) => boolean;
     onFocus: (event: FocusEvent) => void;
     xuLyKeoCheo: (dragItem?: SdFormGenericComponent | SdFormGenericGroup) => void;

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

@@ -1,7 +1,7 @@
 import { ElementRef } from '@angular/core';
 import { Color } from '@sdcorejs/utils/models';
-import { MaterialIconFontSet } from '@sdcorejs/angular/utilities/models';
 import { SdInformActionDirective } from './inform-action.directive';
+import { type SdIconSet } from '@sdcorejs/angular/modules/icon';
 import * as i0 from "@angular/core";
 export declare class SdInform {
     #private;
@@ -16,7 +16,7 @@ export declare class SdInform {
     description: import("@angular/core").InputSignal<string | undefined>;
     icon: import("@angular/core").InputSignal<string | undefined>;
     hideIcon: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
-    fontSet: import("@angular/core").InputSignalWithTransform<MaterialIconFontSet, MaterialIconFontSet | null | undefined>;
+    fontSet: import("@angular/core").InputSignalWithTransform<SdIconSet | undefined, SdIconSet | null | undefined>;
     closable: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     actionLabel: import("@angular/core").InputSignal<string | undefined>;
     lineClamp: import("@angular/core").InputSignal<number | undefined>;
@@ -38,12 +38,6 @@ export declare class SdInform {
         'c-error': boolean;
     }>;
     effectiveIcon: import("@angular/core").Signal<string | null>;
-    fontSetClasses: import("@angular/core").Signal<{
-        'material-icons': boolean;
-        'material-icons-outlined': boolean;
-        'material-icons-round': boolean;
-        'material-icons-sharp': boolean;
-    }>;
     hasActionSlot: import("@angular/core").Signal<boolean>;
     clampLines: import("@angular/core").Signal<number | null>;
     showToggle: import("@angular/core").Signal<boolean>;

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

@@ -26,5 +26,5 @@ export declare class SdModal {
     open: () => void;
     close: () => void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdModal, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SdModal, "sd-modal", never, { "autoIdInput": { "alias": "autoId"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "view": { "alias": "view"; "required": false; "isSignal": true; }; "modalClass": { "alias": "modalClass"; "required": false; "isSignal": true; }; "lazyLoadContent": { "alias": "lazyLoadContent"; "required": false; "isSignal": true; }; "hideClose": { "alias": "hideClose"; "required": false; "isSignal": true; }; "disableBackdropClose": { "alias": "disableBackdropClose"; "required": false; "isSignal": true; }; }, { "sdClosed": "sdClosed"; }, never, ["[sdHeaderLeft]", "[sdHeaderRight]", "[sdHeader]", "*", "[sdFooterLeft]", "[sdFooterRight]", "[sdFooter]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdModal, "sd-modal", never, { "autoIdInput": { "alias": "autoId"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "view": { "alias": "view"; "required": false; "isSignal": true; }; "modalClass": { "alias": "modalClass"; "required": false; "isSignal": true; }; "lazyLoadContent": { "alias": "lazyLoadContent"; "required": false; "isSignal": true; }; "hideClose": { "alias": "hideClose"; "required": false; "isSignal": true; }; "disableBackdropClose": { "alias": "disableBackdropClose"; "required": false; "isSignal": true; }; }, { "sdClosed": "sdClosed"; }, never, ["[sdHeaderLeft]", "[sdHeaderRight]", "*", "[sdFooterLeft]", "[sdFooterRight]"], true, never>;
 }

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

@@ -25,5 +25,5 @@ export declare class SdModalResizable {
     onFocus: () => void;
     onBlur: () => void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdModalResizable, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SdModalResizable, "sd-modal-resizable", never, { "editable": { "alias": "editable"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; }, { "editingChanged": "editingChanged"; }, never, ["[sdTitle]", "[sdBody]", "[sdFooter]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdModalResizable, "sd-modal-resizable", never, { "editable": { "alias": "editable"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; }, { "editingChanged": "editingChanged"; }, never, ["[sdTitle]", "[sdBody]", "[sdFooterLeft]", "[sdFooterRight]"], true, never>;
 }

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

@@ -132,6 +132,7 @@ export declare class SdQueryBar {
     /** Swap the field of an existing chip — reset operator + value to the new field's defaults. */
     changeFilterField(index: number, field: SdQueryField): void;
     updateFilter(index: number, patch: Partial<Filter>): void;
+    updateFilterData(index: number, data: unknown): void;
     removeFilter(index: number): void;
     clearAll(): void;
     setLogic(value: SdQueryLogic): void;

package/components/query-builder/src/query-builder.component.d.ts

@@ -37,11 +37,11 @@ export declare class SdQueryBuilder {
     readonly resolvedAutoId: import("@angular/core").Signal<string | undefined>;
     readonly fieldByKey: import("@angular/core").Signal<Record<string, SdQueryBuilderField>>;
     /** Stable option list for the date-mode select. */
-    readonly dateModes: readonly import("@sdcorejs/angular/components/query-builder").QbDateModeOption[];
+    readonly dateModes: import("@sdcorejs/angular/components/query-builder").QbDateModeOption[];
     /** Stable option list for the literal-vs-field operand select. */
-    readonly valueSourceOptions: readonly import("@sdcorejs/angular/components/query-builder").QbValueSourceOption[];
+    readonly valueSourceOptions: import("@sdcorejs/angular/components/query-builder").QbValueSourceOption[];
     /** Stable combined unit×direction option list for the relative select. */
-    readonly relativeUnitOptions: readonly {
+    readonly relativeUnitOptions: {
         value: string;
         display: string;
     }[];
@@ -81,7 +81,7 @@ export declare class SdQueryBuilder {
     setBetweenFrom(rule: QbRule, raw: any): void;
     /** Set the upper bound of a BETWEEN rule's `{ from, to }` value. */
     setBetweenTo(rule: QbRule, raw: any): void;
-    setValueSource(rule: QbRule, source: QbValueSource): void;
+    setValueSource(rule: QbRule, source: unknown): void;
     setCompareField(rule: QbRule, key: any): void;
     /** The field metadata for a rule's current `field` key (or undefined if unset). */
     fieldOf(rule: QbRule): SdQueryBuilderField | undefined;
@@ -103,7 +103,7 @@ export declare class SdQueryBuilder {
     /** Current date-value mode of a rule, derived from its value (no separate state). */
     dateMode(rule: QbRule): QbDateMode;
     /** Switch a date/datetime rule's value mode, reseeding the value for the new mode. */
-    setDateMode(rule: QbRule, mode: QbDateMode): void;
+    setDateMode(rule: QbRule, mode: unknown): void;
     /** Read the offset amount of a relative rule (default 1). */
     relativeAmount(rule: QbRule): number;
     /** Set the offset amount (clamped to an integer >= 1). */
@@ -111,7 +111,7 @@ export declare class SdQueryBuilder {
     /** Read the `'unit:direction'` token of a relative rule (default `'day:previous'`). */
     relativeUnitDirValue(rule: QbRule): string;
     /** Set the offset unit + direction from a `'unit:direction'` token. */
-    setRelativeUnitDir(rule: QbRule, token: string): void;
+    setRelativeUnitDir(rule: QbRule, token: unknown): void;
     /** Build a `data-autoid` for an inner control under this builder's `autoId` prefix. */
     autoIdFor(suffix: string): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdQueryBuilder, never>;

package/components/query-builder/src/query-builder.model.d.ts

@@ -147,7 +147,7 @@ export interface QbDateModeOption {
     icon: string;
 }
 /** Stable option list for the date-mode select (module ref — never reallocated). */
-export declare const QB_DATE_MODES: readonly QbDateModeOption[];
+export declare const QB_DATE_MODES: QbDateModeOption[];
 /** One value-source option for field-to-field comparison UI. */
 export interface QbValueSourceOption {
     value: QbValueSource;
@@ -156,9 +156,9 @@ export interface QbValueSourceOption {
     icon: string;
 }
 /** Stable option list for choosing between a literal value and another field. */
-export declare const QB_VALUE_SOURCE_OPTIONS: readonly QbValueSourceOption[];
+export declare const QB_VALUE_SOURCE_OPTIONS: QbValueSourceOption[];
 /** Stable combined direction×unit option list (token `'unit:direction'`). */
-export declare const QB_RELATIVE_UNIT_OPTIONS: readonly {
+export declare const QB_RELATIVE_UNIT_OPTIONS: {
     value: string;
     display: string;
 }[];

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

@@ -8,13 +8,9 @@ export declare class SdSection {
     iconColor: import("@angular/core").InputSignal<Color>;
     collapsed: import("@angular/core").ModelSignal<boolean>;
     collapsible: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
-    /** @deprecated Use `collapsible` instead. */
-    collapsable: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
-    readonly isCollapsible: import("@angular/core").Signal<boolean>;
     hideHeader: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
-    noPaddingBody: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     constructor();
     toggleCollapse: () => void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdSection, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SdSection, "sd-section", never, { "title": { "alias": "title"; "required": 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; }; "collapsible": { "alias": "collapsible"; "required": false; "isSignal": true; }; "collapsable": { "alias": "collapsable"; "required": false; "isSignal": true; }; "hideHeader": { "alias": "hideHeader"; "required": false; "isSignal": true; }; "noPaddingBody": { "alias": "noPaddingBody"; "required": false; "isSignal": true; }; }, { "collapsed": "collapsedChange"; }, never, ["[sdHeaderLeft]", "[sdHeaderRight]", "*"], true, never>;
+    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; }; "collapsible": { "alias": "collapsible"; "required": false; "isSignal": true; }; "hideHeader": { "alias": "hideHeader"; "required": false; "isSignal": true; }; }, { "collapsed": "collapsedChange"; }, never, ["[sdHeaderLeft]", "[sdHeaderRight]", "*", "[sdFooterLeft]", "[sdFooterRight]"], true, never>;
 }

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

@@ -25,5 +25,5 @@ export declare class SdSideDrawer {
     stopLoading: () => void;
     preventScroll: (event: Event) => void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdSideDrawer, 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; }; "autoIdInput": { "alias": "autoId"; "required": false; "isSignal": true; }; }, { "sdClosed": "sdClosed"; }, never, ["[sdHeaderLeft]", "[sdHeaderRight]", "*", "[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; }; "autoIdInput": { "alias": "autoId"; "required": false; "isSignal": true; }; }, { "sdClosed": "sdClosed"; }, never, ["[sdHeaderLeft]", "[sdHeaderRight]", "*", "[sdFooterLeft]", "[sdFooterRight]"], true, never>;
 }

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

@@ -2,7 +2,6 @@ import { SdTableCommand } from '../../models/table-command.model';
 import { SdTableItem } from '../../models/table-item.model';
 import * as i0 from "@angular/core";
 export declare class DesktopCommand {
-    readonly defaultIconFontSet: import("@sdcorejs/angular/utilities").MaterialIconFontSet;
     readonly autoIdInput: import("@angular/core").InputSignal<string | null | undefined>;
     readonly item: import("@angular/core").InputSignal<SdTableItem<any>>;
     readonly itemIndex: import("@angular/core").InputSignal<number>;

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

@@ -1,4 +1,4 @@
-import { MaterialIconFontSet } from '@sdcorejs/angular/utilities/models';
+import { type SdIconSet } from '@sdcorejs/angular/modules/icon';
 import { Color } from '@sdcorejs/utils/models';
 export interface SdTableCommandOption<T = any> {
     align?: 'left' | 'right';
@@ -8,7 +8,7 @@ export type SdTableCommand<T = any> = SdTableCommandNormal<T> | SdTableCommandCh
 export interface SdTableCommandNormal<T = any> {
     color?: Color;
     icon?: string | ((rowData: T) => string);
-    fontSet?: MaterialIconFontSet;
+    fontSet?: SdIconSet;
     title?: string | ((rowData: T) => string);
     disabled?: boolean | ((rowData: T) => boolean);
     hidden?: boolean | ((rowData: T) => boolean | Promise<boolean>);
@@ -17,7 +17,7 @@ export interface SdTableCommandNormal<T = any> {
 }
 export interface SdTableCommandChildren<T = any> {
     icon?: string | ((rowData: T) => string);
-    fontSet?: MaterialIconFontSet;
+    fontSet?: SdIconSet;
     title?: string | ((rowData: T) => string);
     disabled?: boolean | ((rowData: T) => boolean);
     hidden?: boolean | ((rowData: T) => boolean | Promise<boolean>);

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

@@ -42,13 +42,13 @@ export type SdTableAction<T = any> = SdTableActionNormal<T> | SdTableActionChild
 export interface SdTableActionNormal<T = any> {
     /**
      * Tên icon hiển thị trên action button.
-     * Giá trị này được render qua `mat-icon`, vì vậy nên dùng đúng tên glyph của Material Icons.
+     * Giá trị này được render qua `sd-icon`, vì vậy nên dùng đúng tên glyph của configured icon set.
      * Tra cứu icon tại: https://fonts.google.com/icons
      */
     icon?: string;
     /**
-     * Font set của Material icon.
-     * Kiểu thực tế lấy từ `SdButton['fontSet']` và chỉ hỗ trợ các giá trị thuộc `MaterialIconFontSet`,
+     * Font set của icon.
+     * Kiểu thực tế lấy từ `SdButton['fontSet']` và chỉ hỗ trợ các giá trị thuộc `SdIconSet`,
      * ví dụ: `material-icons`, `material-icons-outlined`, `material-icons-round`,
      * `material-icons-sharp`.
      * Nếu không truyền, `SdButton` sẽ dùng font set mặc định của nó.
@@ -79,11 +79,11 @@ export interface SdTableActionNormal<T = any> {
 interface SdTableActionChildren<T = any> {
     /**
      * Tên icon của action cha (group action).
-     * Giá trị nên là tên glyph Material Icons: https://fonts.google.com/icons
+     * Giá trị nên là tên glyph configured icon set: https://fonts.google.com/icons
      */
     icon?: string;
     /**
-     * Font set của Material icon cho action cha.
+     * Font set của icon cho action cha.
      * Dùng cùng kiểu dữ liệu với `SdButton['fontSet']`.
      */
     fontSet?: SdUnwrapSignal<SdButton['fontSet']>;

package/components/table/src/services/table-filter/table-filter.model.d.ts

@@ -48,8 +48,6 @@ export interface SdTableOptionFilter<T = any> {
     manualFilter?: boolean;
     /** Có thể thu gọn bộ lọc hay không */
     collapsible?: boolean;
-    /** @deprecated Use `collapsible` instead. */
-    collapsable?: boolean;
     /** Ẩn toolbar (xóa bộ lọc, thiết lập) của external filter, khi có ít external filter user không cần chức năng này */
     hideExternalFilterToolbar?: boolean;
     /** Hàm xử lý khi trigger clear filter từ external filter */

package/components/tree/src/tree.model.d.ts

@@ -1,6 +1,7 @@
 import { Signal, TemplateRef } from '@angular/core';
 import { SdButton } from '@sdcorejs/angular/components/button';
-import { MaterialIconFontSet, SdUnwrapSignal } from '@sdcorejs/angular/utilities/models';
+import { type SdIconSet } from '@sdcorejs/angular/modules/icon';
+import { SdUnwrapSignal } from '@sdcorejs/angular/utilities/models';
 import { Color } from '@sdcorejs/utils/models';
 export type SdTreeDataSource<TItem = any> = TItem[] | Signal<TItem[]> | (() => TItem[] | Promise<TItem[]>);
 export type SdTreeLoadType = 'static' | 'lazy';
@@ -58,7 +59,7 @@ export interface SdTreeCommand<T = any> {
     title: string | ((item: T) => string);
     icon?: string | ((item: T) => string | undefined | null);
     color?: Color;
-    fontSet?: MaterialIconFontSet;
+    fontSet?: SdIconSet;
     disabled?: boolean | ((item: T) => boolean);
     hidden?: boolean | ((item: T) => boolean);
     click: (item: T) => void;