@sdcorejs/angular 20.0.9 → 20.0.11

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

@@ -1,11 +1,13 @@
+@use "sass:math";
+
 // --------------------------------------------------------------------------
-// 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.
+// 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})
+// 1. Flexbox row/col (.row, .col-{1-12})
 // --------------------------------------------------------------------------
 $grid-columns: 12;
 $grid-gutter: 16px;
@@ -45,13 +47,15 @@ $grid-gutter: 16px;
   > * { padding-left: 2px; padding-right: 2px; }
 }
 
-// .col-1 … .col-12
+// .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: percentage(calc($i / $grid-columns));
-    flex: 0 0 percentage(calc($i / $grid-columns));
-    max-width: percentage(calc($i / $grid-columns));
+    width: $col-size;
+    flex: 0 0 $col-size;
+    max-width: $col-size;
     padding-left: calc($grid-gutter / 2);
     padding-right: calc($grid-gutter / 2);
   }
@@ -65,12 +69,12 @@ $grid-gutter: 16px;
 
 // --------------------------------------------------------------------------
 // 1b. Responsive columns
-//   col-sm-{1-12} : ≥ 576px
-//   col-md-{1-12} : ≥ 768px
-//   col-lg-{1-12} : ≥ 992px
-//   col-xl-{1-12} : ≥ 1200px
+//   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.
+// Mobile-first: default width is 100%; column size applies from breakpoint up.
 // --------------------------------------------------------------------------
 $grid-breakpoints: (
   'sm': 576px,
@@ -79,7 +83,7 @@ $grid-breakpoints: (
   'xl': 1200px,
 );
 
-// col-{bp} — chiếm hết chiều rộng tại breakpoint đó
+// col-{bp} - full-width flexible column at the breakpoint
 @each $bp, $min-width in $grid-breakpoints {
   @media (min-width: $min-width) {
     .col-#{$bp} {
@@ -90,15 +94,17 @@ $grid-breakpoints: (
   }
 }
 
-// col-{bp}-{1-12} — chiếm n/12 chiều rộng tại breakpoint đó
+// 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: percentage(calc($i / $grid-columns));
-        flex: 0 0 percentage(calc($i / $grid-columns));
-        max-width: percentage(calc($i / $grid-columns));
+        width: $col-size;
+        flex: 0 0 $col-size;
+        max-width: $col-size;
         padding-left: calc($grid-gutter / 2);
         padding-right: calc($grid-gutter / 2);
       }
@@ -107,7 +113,7 @@ $grid-breakpoints: (
 }
 
 // --------------------------------------------------------------------------
-// 2. CSS Grid container  (.grid-container)
+// 2. CSS Grid container (.grid-container)
 //    grid-container + grid-cols-{1-12} + col-span-{1-12}
 // --------------------------------------------------------------------------
 .grid-container {

package/assets/scss/themes/default.scss

@@ -17,8 +17,8 @@ $default-theme: (
   error: #F82C13,
   error-light: #FED5D0,
   error-dark: #BA200E,
-  secondary: #212121,
-  secondary-light: #E9E9E9,
+  secondary: #757575,
+  secondary-light: #F2F2F2,
   secondary-dark: #000000,
   light: #f8f9fa,
   dark: #343a40,

package/components/badge/index.d.ts

@@ -1,7 +1,7 @@
 import * as _angular_core from '@angular/core';
 import { EventEmitter } from '@angular/core';
+import { SdIconSet } from '@sdcorejs/angular/modules/icon';
 import { Color, Size } from '@sdcorejs/utils/models';
-import { MaterialIconFontSet } from '@sdcorejs/angular/utilities/models';
 
 type SdBadgeType = 'tag' | 'round' | 'icon';
 declare class SdBadge {
@@ -14,7 +14,7 @@ declare class SdBadge {
     info: _angular_core.InputSignalWithTransform<boolean, unknown>;
     warning: _angular_core.InputSignalWithTransform<boolean, unknown>;
     error: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    fontSet: _angular_core.InputSignalWithTransform<MaterialIconFontSet, MaterialIconFontSet | null | undefined>;
+    fontSet: _angular_core.InputSignalWithTransform<SdIconSet | undefined, SdIconSet | null | undefined>;
     title: _angular_core.InputSignal<string | number | null | undefined>;
     description: _angular_core.InputSignal<string | null | undefined>;
     tooltip: _angular_core.InputSignal<string | null | undefined>;
@@ -43,11 +43,8 @@ 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: _angular_core.Signal<"18px" | "24px" | "16px">;
     containerSizeClasses: _angular_core.Signal<{
         'c-badge--sm': boolean;
         'c-badge--md': boolean;
@@ -63,10 +60,6 @@ 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: _angular_core.Signal<{
         'c-badge--sm': boolean;
@@ -89,10 +82,6 @@ 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: _angular_core.ɵɵFactoryDeclaration<SdBadge, never>;
     static ɵcmp: _angular_core.ɵɵ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/index.d.ts

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

package/components/document-builder/index.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { EventEmitter } from '@angular/core';
+import { EventEmitter, OnInit, OnDestroy } from '@angular/core';
 import { ModelRange, EditorConfig, ModelDocumentSelection, EventInfo, ViewDataTransfer, ClassicEditor, Plugin, Widget, ContextualBalloon } from 'ckeditor5';
 import { I18nParams } from '@sdcorejs/angular/i18n';
 
@@ -199,7 +199,7 @@ declare class CkCommentPlugin extends Plugin {
     clearPendingSelection(): void;
 }
 
-declare class SdDocumentBuilder {
+declare class SdDocumentBuilder implements OnInit, OnDestroy {
     #private;
     option: SdDocumentBuilderOption;
     disabled: boolean;

package/components/form-generic/index.d.ts

@@ -1,11 +1,11 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, PipeTransform, OnDestroy, ChangeDetectorRef, AfterViewInit, QueryList, EventEmitter } from '@angular/core';
+import { InjectionToken, PipeTransform, OnDestroy, OnInit, ChangeDetectorRef, AfterViewInit, QueryList, EventEmitter } from '@angular/core';
 import { SdSearch, SdCustomValidator } from '@sdcorejs/angular/forms/models';
 import { SdTableColumn, SdTableOption, SdTable } from '@sdcorejs/angular/components/table';
 import { SdUploadFile } from '@sdcorejs/angular/components/upload-file';
 import { Operator as Operator$1, ValidationPatternType, Color } from '@sdcorejs/utils/models';
 import { SdUnwrapSignal } from '@sdcorejs/angular/utilities/models';
-import { CdkDragMove, CdkDragDrop } from '@angular/cdk/drag-drop';
+import { CdkDragMove, CdkDragDrop, CdkDrag, CdkDropList } from '@angular/cdk/drag-drop';
 import { FormGroup } from '@angular/forms';
 import { SdModal } from '@sdcorejs/angular/components/modal';
 import { Subject } from 'rxjs';
@@ -458,14 +458,14 @@ interface SdFormGenericHtml {
 type FormBuilderComponentGroup = 'basic' | 'choice' | 'advanced' | 'layout';
 interface FormBuilderComponent {
     type: string;
-    /** Material Symbols Rounded icon name. Rendered via <span class="msi">{symbol}</span>. */
+    /** Material Icons Outlined icon name. Rendered via the builder icon alias. */
     symbol: string;
     /** Category group for the left palette grouping. */
     group: FormBuilderComponentGroup;
     name: string;
 }
 declare const FormBuilderComponents: FormBuilderComponent[];
-/** Lookup: component type → Material Symbol + label, used by attribute panel header. */
+/** Lookup: component type → Material icon + label, used by attribute panel header. */
 declare const COMPONENT_ICONS: Record<string, {
     symbol: string;
     label: string;
@@ -530,7 +530,7 @@ interface IWorkflowConfigurationForm<TSelectionArgs = any> {
     templates: SdFormGenericTemplate[];
     selections: SdFormGenericDefinitionSelection<any, TSelectionArgs>[] | (() => SdFormGenericDefinitionSelection<any, TSelectionArgs>[]) | (() => Promise<SdFormGenericDefinitionSelection[]>);
     getValues?: (key: string, selectionArgs?: TSelectionArgs) => Promise<SdFormGenericSelectionItem[]>;
-    getLazyValues?: (key: string, selectionArgs?: TSelectionArgs) => ((searchArgs: Parameters<SdSearch>[0], args: SdFormGenericArgs) => Promise<SdFormGenericSelectionItem[]>);
+    getLazyValues?: (key: string, selectionArgs?: TSelectionArgs) => (searchArgs: Parameters<SdSearch>[0], args: SdFormGenericArgs) => Promise<SdFormGenericSelectionItem[]>;
     tables: SdFormGenericDefinitionTable[];
     htmls: SdFormGenericDefinitionHtml[] | (() => SdFormGenericDefinitionHtml[]) | (() => Promise<SdFormGenericDefinitionHtml[]>);
     validation?: SdFormGenericValidationConfiguration;
@@ -544,7 +544,6 @@ declare const SD_FORM_GENERIC_CONFIGURATION: InjectionToken<ISdFormGenericConfig
 declare class FormGenericService {
     #private;
     private readonly configuration;
-    constructor(configuration: ISdFormGenericConfiguration);
     get selections(): (() => Promise<SdFormGenericDefinitionSelection[]>) | SdFormGenericDefinitionSelection<any, any>[] | (() => SdFormGenericDefinitionSelection<any, any>[]);
     get tables(): _sdcorejs_angular_components_form_generic.SdFormGenericDefinitionTable<any>[];
     getSelection: (valuesKey: string | undefined | null) => Promise<SdFormGenericDefinitionSelection | undefined>;
@@ -560,7 +559,7 @@ 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>;
 }
 
@@ -590,7 +589,7 @@ declare class SdFormRenderService {
     static ɵprov: i0.ɵɵInjectableDeclaration<SdFormRenderService>;
 }
 
-declare class UploadComponent implements OnDestroy {
+declare class UploadComponent implements OnDestroy, OnInit {
     #private;
     private readonly ref;
     setVariables: Subject<{
@@ -620,7 +619,7 @@ declare class UploadComponent implements OnDestroy {
     static ɵcmp: i0.ɵɵComponentDeclaration<UploadComponent, "lib-upload", never, { "setVariables": { "alias": "setVariables"; "required": true; }; "form": { "alias": "form"; "required": false; }; "_entity": { "alias": "entity"; "required": true; }; "_component": { "alias": "component"; "required": true; }; "_disabled": { "alias": "disabled"; "required": false; }; "_required": { "alias": "required"; "required": false; }; "_viewed": { "alias": "viewed"; "required": false; }; "_validator": { "alias": "validator"; "required": false; }; }, {}, never, never, true, never>;
 }
 
-declare class TableComponent implements AfterViewInit, OnDestroy {
+declare class TableComponent implements AfterViewInit, OnDestroy, OnInit {
     #private;
     private ref;
     private readonly formGenericService;
@@ -691,8 +690,6 @@ declare class LibItemComponent {
 
 declare class SdFormRender implements OnDestroy, AfterViewInit {
     #private;
-    private ref;
-    private formGenericConfiguration;
     formRenderItems: QueryList<LibItemComponent>;
     form: FormGroup;
     configuration: SdFormRenderConfiguration;
@@ -711,18 +708,17 @@ 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>;
 }
 
-declare class ConfigureValidationComponent {
-    private ref;
-    private formGenericConfiguration;
+declare class ConfigureValidationComponent implements AfterViewInit, OnDestroy {
     modal?: SdModal;
     form: FormGroup<{}>;
     attributes: Attribute[];
@@ -733,22 +729,35 @@ 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>;
 }
 
-interface DragDropRowItem {
-    items: (SdFormGenericComponent | SdFormGenericGroup)[];
+type FormBuilderLayoutItem = SdFormGenericComponent | SdFormGenericGroup;
+interface FormBuilderLayoutRow {
+    id: string;
+    items: FormBuilderLayoutItem[];
+    columns: number;
+}
+
+interface DragDropRowItem extends FormBuilderLayoutRow {
     rowIndex?: number;
 }
-declare class SdFormBuilder {
+interface ResizeState {
+    itemId: string;
+    rowId: string;
+    columns: string;
+}
+declare class SdFormBuilder implements OnInit, OnDestroy {
     #private;
     readonly popupViewJSON: i0.Signal<SdModal | undefined>;
     readonly popupConfigureVariables: i0.Signal<SdModal | undefined>;
@@ -781,6 +790,9 @@ declare class SdFormBuilder {
     /** Signal toàn cục: TRUE khi BẤT KỲ cdkDrag nào đang active (palette, canvas, group, resize).
      *  Trigger class `.fb-shell--dragging` để ẩn hover/actions/resize toàn diện, không phụ thuộc :has(). */
     readonly isAnyDragging: i0.WritableSignal<boolean>;
+    readonly dragSource: i0.WritableSignal<"row" | "palette" | "canvas" | "resize" | undefined>;
+    readonly resizeState: i0.WritableSignal<ResizeState | undefined>;
+    readonly isResizing: i0.Signal<boolean>;
     expand: boolean;
     dragDropRows: DragDropRowItem[];
     isDragging: boolean;
@@ -788,18 +800,25 @@ declare class SdFormBuilder {
     private lastDragPointer?;
     /** Handler chung cho mọi cdkDragStarted — set signal global true. */
     onAnyDragStarted: () => void;
+    onPaletteDragStarted: () => void;
+    onRowDragStarted: () => void;
     onAnyDragMoved: (event: CdkDragMove<any>) => void;
     /** Handler chung cho mọi cdkDragEnded — set signal global false (dùng setTimeout 0
      *  để chờ CDK xử lý xong drop event trước khi UI re-enable). */
     onAnyDragEnded: () => void;
+    startResizeControl: (item: SdFormGenericComponent | SdFormGenericGroup, row: DragDropRowItem) => void;
+    endResizeControl: (event: any) => void;
     constructor();
     ngOnInit(): void;
     ngOnDestroy(): void;
-    addComponent: (item: FormBuilderComponent, index?: number) => void;
+    addComponent: (item: FormBuilderComponent, index?: number, layoutColumns?: string) => void;
     /** Symbol Material để render trên canvas item / attribute header. */
     symbolFor: (item: SdFormGenericComponent | SdFormGenericGroup) => string;
     /** Human-readable type label (e.g. "Text field", "Date"). */
     typeLabelFor: (item: SdFormGenericComponent | SdFormGenericGroup) => string;
+    placeholderSymbolFor: (item: FormBuilderComponent | SdFormGenericComponent | SdFormGenericGroup | DragDropRowItem | undefined) => string;
+    placeholderTitleFor: (item: FormBuilderComponent | SdFormGenericComponent | SdFormGenericGroup | DragDropRowItem | undefined) => string;
+    placeholderMetaFor: (item: FormBuilderComponent | SdFormGenericComponent | SdFormGenericGroup | DragDropRowItem | undefined) => string;
     /** 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. */
@@ -828,6 +847,9 @@ declare class SdFormBuilder {
     dragStartComponentItem: (event: any) => void;
     dragEndComponentItem: (event: any) => void;
     onMouseover: (event: MouseEvent, rowItem: DragDropRowItem) => void;
+    isRowFull: (row: DragDropRowItem) => boolean;
+    isRowInlineDropLocked: (row: DragDropRowItem) => boolean;
+    canEnterRowDropList: (drag: CdkDrag<FormBuilderComponent | SdFormGenericComponent | SdFormGenericGroup>, drop: CdkDropList<(SdFormGenericComponent | SdFormGenericGroup)[]>) => boolean;
     onFocus: (event: FocusEvent) => void;
     xuLyKeoCheo: (dragItem?: SdFormGenericComponent | SdFormGenericGroup) => void;
     noReturnPredicate: () => boolean;
@@ -853,7 +875,7 @@ declare class SdFormBuilder {
     static ɵcmp: i0.ɵɵComponentDeclaration<SdFormBuilder, "sd-form-builder", never, { "formGeneric": { "alias": "formGeneric"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-declare class SdFeelExpression {
+declare class SdFeelExpression implements OnInit {
     #private;
     private ref;
     private expressionFeelPipe;

package/components/import-excel/index.d.ts

@@ -97,7 +97,7 @@ interface SdUploadExcelColumnStringArray<T = any> extends SdUploadExcelBaseColum
     minlength?: number;
     maxlength?: number;
 }
-type SdImportExcelItem<T = any> = {
+interface SdImportExcelItem<T = any> {
     data: T;
     meta: {
         excelIndex: number;
@@ -107,7 +107,7 @@ type SdImportExcelItem<T = any> = {
         warning: Record<string, string>;
         warningMessages: string[];
     };
-};
+}
 
 declare class ColumnHiddenPipe implements PipeTransform {
     constructor();

package/components/inform/index.d.ts

@@ -1,7 +1,7 @@
 import * as _angular_core from '@angular/core';
 import { ElementRef } from '@angular/core';
 import { Color } from '@sdcorejs/utils/models';
-import { MaterialIconFontSet } from '@sdcorejs/angular/utilities/models';
+import { SdIconSet } from '@sdcorejs/angular/modules/icon';
 
 /**
  * Marker cho vùng action custom chiếu vào <sd-inform>.
@@ -25,7 +25,7 @@ declare class SdInform {
     description: _angular_core.InputSignal<string | undefined>;
     icon: _angular_core.InputSignal<string | undefined>;
     hideIcon: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    fontSet: _angular_core.InputSignalWithTransform<MaterialIconFontSet, MaterialIconFontSet | null | undefined>;
+    fontSet: _angular_core.InputSignalWithTransform<SdIconSet | undefined, SdIconSet | null | undefined>;
     closable: _angular_core.InputSignalWithTransform<boolean, unknown>;
     actionLabel: _angular_core.InputSignal<string | undefined>;
     lineClamp: _angular_core.InputSignal<number | undefined>;
@@ -47,12 +47,6 @@ declare class SdInform {
         'c-error': boolean;
     }>;
     effectiveIcon: _angular_core.Signal<string | null>;
-    fontSetClasses: _angular_core.Signal<{
-        'material-icons': boolean;
-        'material-icons-outlined': boolean;
-        'material-icons-round': boolean;
-        'material-icons-sharp': boolean;
-    }>;
     hasActionSlot: _angular_core.Signal<boolean>;
     clampLines: _angular_core.Signal<number | null>;
     showToggle: _angular_core.Signal<boolean>;

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

@@ -1,7 +1,7 @@
 import { MentionFeed, MentionFeedObjectItem, EditorConfig, ClassicEditor } from 'ckeditor5';
 export { MentionFeedObjectItem } from 'ckeditor5';
 import * as i0 from '@angular/core';
-import { EventEmitter } from '@angular/core';
+import { OnDestroy, EventEmitter } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 
 type SdMiniEditorOutputFormat = 'html' | 'markdown';
@@ -62,7 +62,7 @@ type SdMiniEditorConfig = EditorConfig & {
  * </sd-mini-editor>
  * ```
  */
-declare class SdMiniEditor implements ControlValueAccessor {
+declare class SdMiniEditor implements ControlValueAccessor, OnDestroy {
     #private;
     /** Cấu hình option cho editor */
     option: SdMiniEditorOption;
@@ -113,11 +113,11 @@ declare class SdMiniEditor implements ControlValueAccessor {
     /**
      * Get danh sách mentions trong nội dung
      */
-    getMentions(): Array<{
+    getMentions(): {
         id: string;
         name: string;
         marker: string;
-    }>;
+    }[];
     /**
      * ControlValueAccessor: Write value
      */

package/components/modal/index.d.ts

@@ -16,7 +16,7 @@ declare class SdModal {
     width: _angular_core.InputSignalWithTransform<string, string | null | undefined>;
     height: _angular_core.InputSignalWithTransform<string, string | null | undefined>;
     view: _angular_core.InputSignalWithTransform<"dialog" | "bottom-sheet" | undefined, "dialog" | "bottom-sheet" | null | undefined>;
-    modalClass: _angular_core.InputSignalWithTransform<string | string[] | Record<string, boolean>, string | string[] | Record<string, boolean> | null | undefined>;
+    modalClass: _angular_core.InputSignalWithTransform<string | Record<string, boolean> | string[], string | Record<string, boolean> | string[] | null | undefined>;
     lazyLoadContent: _angular_core.InputSignalWithTransform<boolean, unknown>;
     hideClose: _angular_core.InputSignalWithTransform<boolean, boolean | "">;
     disableBackdropClose: _angular_core.InputSignalWithTransform<boolean, boolean | "">;

package/components/query-builder/index.d.ts

@@ -150,7 +150,7 @@ interface QbDateModeOption {
     icon: string;
 }
 /** Stable option list for the date-mode select (module ref — never reallocated). */
-declare const QB_DATE_MODES: ReadonlyArray<QbDateModeOption>;
+declare const QB_DATE_MODES: QbDateModeOption[];
 /** One value-source option for field-to-field comparison UI. */
 interface QbValueSourceOption {
     value: QbValueSource;
@@ -159,12 +159,12 @@ interface QbValueSourceOption {
     icon: string;
 }
 /** Stable option list for choosing between a literal value and another field. */
-declare const QB_VALUE_SOURCE_OPTIONS: ReadonlyArray<QbValueSourceOption>;
+declare const QB_VALUE_SOURCE_OPTIONS: QbValueSourceOption[];
 /** Stable combined direction×unit option list (token `'unit:direction'`). */
-declare const QB_RELATIVE_UNIT_OPTIONS: ReadonlyArray<{
+declare const QB_RELATIVE_UNIT_OPTIONS: {
     value: string;
     display: string;
-}>;
+}[];
 /** Shared empty option array — stable ref for fallbacks (avoids per-call allocation). */
 declare const QB_EMPTY_OPTIONS: SdQueryBuilderFieldOption[];
 
@@ -204,11 +204,11 @@ declare class SdQueryBuilder {
     readonly resolvedAutoId: _angular_core.Signal<string | undefined>;
     readonly fieldByKey: _angular_core.Signal<Record<string, SdQueryBuilderField>>;
     /** Stable option list for the date-mode select. */
-    readonly dateModes: readonly _sdcorejs_angular_components_query_builder.QbDateModeOption[];
+    readonly dateModes: _sdcorejs_angular_components_query_builder.QbDateModeOption[];
     /** Stable option list for the literal-vs-field operand select. */
-    readonly valueSourceOptions: readonly _sdcorejs_angular_components_query_builder.QbValueSourceOption[];
+    readonly valueSourceOptions: _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;
     }[];

package/components/tab-router/index.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Type, ElementRef, ChangeDetectorRef, OnDestroy } from '@angular/core';
+import { InjectionToken, Type, ElementRef, ChangeDetectorRef, OnDestroy } from '@angular/core';
 import { Color } from '@sdcorejs/utils/models';
 import { Subject, BehaviorSubject } from 'rxjs';
 import { CdkDragDrop } from '@angular/cdk/drag-drop';
@@ -22,6 +22,7 @@ interface SdTab {
     tabInfoChanges: Subject<SdTabInfo>;
     beforeClose?: () => boolean | Promise<boolean>;
 }
+declare const SD_TAB: InjectionToken<SdTab>;
 
 declare class SdTabRouterNavComponent {
     tabRouterNav: i0.Signal<ElementRef<any> | undefined>;
@@ -87,7 +88,6 @@ 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;
@@ -100,5 +100,5 @@ declare class SdTabRouterService {
     static ɵprov: i0.ɵɵInjectableDeclaration<SdTabRouterService>;
 }
 
-export { SdTabComponent, SdTabRouterOutletComponent, SdTabRouterService };
+export { SD_TAB, SdTabComponent, SdTabRouterOutletComponent, SdTabRouterService };
 export type { SdTab, SdTabComponentArgs, SdTabComponentBuilder, SdTabInfo };