@sdcorejs/angular 19.0.9 → 19.0.11

package/forms/chip-calendar/src/chip-calendar.component.d.ts

@@ -1,4 +1,4 @@
-import { AfterViewInit, ElementRef, TemplateRef } from '@angular/core';
+import { AfterViewInit, ElementRef, TemplateRef, OnDestroy } from '@angular/core';
 import { FormControl, FormGroup, FormGroupDirective, NgForm } from '@angular/forms';
 import { MatAutocompleteSelectedEvent } from '@angular/material/autocomplete';
 import { ErrorStateMatcher } from '@angular/material/core';
@@ -14,7 +14,7 @@ declare class SdChipCalendarErrorStateMatcher implements ErrorStateMatcher {
     constructor(formControl: FormControl);
     isErrorState(control: FormControl | null, form: FormGroupDirective | NgForm | null): boolean;
 }
-export declare class SdChipCalendar implements AfterViewInit {
+export declare class SdChipCalendar implements AfterViewInit, OnDestroy {
     #private;
     menuTrigger: import("@angular/core").Signal<MatMenuTrigger | undefined>;
     calendar: import("@angular/core").Signal<MatCalendar<Date> | undefined>;

package/forms/input-color/src/input-color.component.d.ts

@@ -18,6 +18,7 @@ export declare class SdInputColor {
     readonly required: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     readonly readonly: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly hideInlineError: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     /** Display mode — forwarded to the inner `<sd-input>`. `'inline'` = borderless inline-edit; disabled `'inline'` → static. */
     readonly viewed: import("@angular/core").InputSignalWithTransform<SdViewed, SdViewedInput>;
     readonly valueModel: import("@angular/core").ModelSignal<string | null | undefined>;
@@ -30,5 +31,5 @@ export declare class SdInputColor {
     onPickerChange: (ev: Event) => void;
     clear: (ev?: Event) => void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdInputColor, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SdInputColor, "sd-input-color", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "autoId": { "alias": "autoId"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "viewed": { "alias": "viewed"; "required": false; "isSignal": true; }; "valueModel": { "alias": "model"; "required": false; "isSignal": true; }; }, { "valueModel": "modelChange"; "sdChange": "sdChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdInputColor, "sd-input-color", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "autoId": { "alias": "autoId"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "hideInlineError": { "alias": "hideInlineError"; "required": false; "isSignal": true; }; "viewed": { "alias": "viewed"; "required": false; "isSignal": true; }; "valueModel": { "alias": "model"; "required": false; "isSignal": true; }; }, { "valueModel": "modelChange"; "sdChange": "sdChange"; }, never, never, true, never>;
 }

package/forms/select/src/select-footer-action.directive.d.ts

@@ -2,10 +2,14 @@ import { TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 export interface SdSelectFooterActionContext {
     searchText: string;
+    filteredItems: unknown[];
+    selectedItems: unknown[];
 }
+export type SdSelectFooterActionWhenFn = (ctx: SdSelectFooterActionContext) => boolean | Promise<boolean>;
+export type SdSelectFooterActionWhen = 'always' | 'empty' | 'has-result' | SdSelectFooterActionWhenFn;
 export declare class SdSelectFooterActionDirective {
     readonly templateRef: TemplateRef<any>;
-    readonly when: import("@angular/core").InputSignal<"always" | "empty" | "has-result">;
+    readonly when: import("@angular/core").InputSignal<SdSelectFooterActionWhen>;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdSelectFooterActionDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<SdSelectFooterActionDirective, "ng-template[sdSelectFooterAction]", never, { "when": { "alias": "when"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/forms/select/src/select.component.d.ts

@@ -100,6 +100,8 @@ export declare class SdSelect<T extends object | string | number = Record<string
     readonly searchText: import("@angular/core").WritableSignal<string>;
     readonly footerActionContext: Signal<{
         searchText: string;
+        filteredItems: T[];
+        selectedItems: T[];
     }>;
     readonly visibleFooterActions: Signal<SdSelectFooterActionDirective[]>;
     normalizedValue: Signal<string | number | boolean | (string | number | boolean)[] | null | undefined>;
@@ -119,6 +121,8 @@ export declare class SdSelect<T extends object | string | number = Record<string
     clear: ($event?: any) => void;
     onClick: () => void;
     focus: () => void;
+    /** Clears the panel search/filter input and resets `searchText`. */
+    clearSearch: () => void;
     /** Open the select panel programmatically (anchors to the mat-select trigger). */
     open: () => void;
     onOpenedChange: (isOpened: boolean) => void;

package/modules/auth/guards/auth.guard.d.ts

@@ -1,11 +1,9 @@
 import { ActivatedRouteSnapshot, CanActivate, Router, RouterStateSnapshot } from '@angular/router';
-import { ISdAuthConfiguration } from '../configurations';
 import * as i0 from "@angular/core";
 export declare class SdAuthGuard implements CanActivate {
-    private authConfiguration;
+    private readonly authConfiguration;
     protected readonly router: Router;
-    constructor(authConfiguration: ISdAuthConfiguration, router: Router);
     canActivate: (route: ActivatedRouteSnapshot, state: RouterStateSnapshot) => import("@angular/router").MaybeAsync<import("@angular/router").GuardResult>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SdAuthGuard, [{ optional: true; }, null]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdAuthGuard, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<SdAuthGuard>;
 }

package/modules/auth/guards/portal.guard.d.ts

@@ -1,11 +1,9 @@
 import { ActivatedRouteSnapshot, CanActivate, Router, RouterStateSnapshot } from '@angular/router';
-import { ISdAuthConfiguration } from '../configurations';
 import * as i0 from "@angular/core";
 export declare class SdPortalGuard implements CanActivate {
-    private authConfiguration;
+    private readonly authConfiguration;
     protected readonly router: Router;
-    constructor(authConfiguration: ISdAuthConfiguration, router: Router);
     canActivate: (route: ActivatedRouteSnapshot, state: RouterStateSnapshot) => import("@angular/router").MaybeAsync<import("@angular/router").GuardResult>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SdPortalGuard, [{ optional: true; }, null]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdPortalGuard, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<SdPortalGuard>;
 }

package/modules/auth/services/auth.service.d.ts

@@ -1,17 +1,16 @@
 import { Signal } from '@angular/core';
 import { Observable } from 'rxjs';
-import { ISdAuthConfiguration } from '../configurations';
 import { SdAuthInfo } from './auth.model';
 import * as i0 from "@angular/core";
 export declare class SdAuthService {
     #private;
-    private authConfiguration;
     getAuthInfo?: Signal<SdAuthInfo | undefined>;
     signout$?: Observable<void>;
     changePassword$?: Observable<void>;
-    constructor(authConfiguration: ISdAuthConfiguration);
+    private readonly authConfiguration;
+    constructor();
     signout: () => void;
     changePassword: () => void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SdAuthService, [{ optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdAuthService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<SdAuthService>;
 }

package/modules/icon/index.d.ts

@@ -0,0 +1 @@
+export * from './src';

package/modules/icon/src/icon.component.d.ts

@@ -0,0 +1,101 @@
+import { type Size } from '@sdcorejs/utils/models';
+import { type SdIconSet, type SdMaterialIconSet } from './icon.model';
+import * as i0 from "@angular/core";
+/**
+ * Facade icon dùng chung cho Core UI.
+ *
+ * Component này giữ template app theo tên icon ổn định, còn renderer có thể đổi giữa Material font và Lucide SVG qua provider hoặc input.
+ */
+export declare class SdIcon {
+    private readonly config;
+    /**
+     * Tên icon theo namespace hiện tại.
+     *
+     * Khi `set` là `lucide`, tên này sẽ đi qua alias để app có thể tiếp tục dùng tên Material trong template.
+     */
+    name: import("@angular/core").InputSignalWithTransform<string | undefined, string | null | undefined>;
+    fontIcon: import("@angular/core").InputSignalWithTransform<string | undefined, string | null | undefined>;
+    color: import("@angular/core").InputSignalWithTransform<string | undefined, string | null | undefined>;
+    /**
+     * Renderer icon của riêng instance này.
+     *
+     * Deprecated alias for `fontSet`.
+     */
+    set: import("@angular/core").InputSignalWithTransform<SdIconSet | undefined, SdIconSet | null | undefined>;
+    /**
+     * Escape hatch cho Material icon font set.
+     *
+     * Prefer this input for both Material font families and Lucide SVG icons.
+     */
+    fontSet: import("@angular/core").InputSignalWithTransform<SdIconSet | undefined, SdIconSet | null | undefined>;
+    /**
+     * Kích thước icon theo token SDCoreJS hoặc CSS size tùy biến.
+     *
+     * Token `sm | md | lg` giữ icon đồng bộ với các component Core UI; CSS string xử lý các ngoại lệ layout.
+     */
+    size: import("@angular/core").InputSignalWithTransform<Size | (string & {}), Size | (string & {}) | null | undefined>;
+    /**
+     * Độ dày stroke riêng cho Lucide SVG.
+     *
+     * Bỏ trống để nhận giá trị từ `lucideConfig` app-level.
+     */
+    strokeWidth: import("@angular/core").InputSignalWithTransform<string | number | undefined, string | number | null | undefined>;
+    /**
+     * Giữ stroke width tuyệt đối cho Lucide khi SVG đổi kích thước.
+     *
+     * Input này đi qua `booleanAttribute` để hỗ trợ cả attribute trần trong template.
+     */
+    absoluteStrokeWidth: import("@angular/core").InputSignalWithTransform<boolean | undefined, string | boolean | null | undefined>;
+    /**
+     * Nhãn truy cập cho icon có ý nghĩa.
+     *
+     * Khi không có nhãn, component tự đánh dấu decorative bằng `aria-hidden`.
+     */
+    ariaLabel: import("@angular/core").InputSignalWithTransform<string | undefined, string | null | undefined>;
+    /**
+     * Set icon cuối cùng sau khi áp dụng input và provider.
+     *
+     * @returns renderer hiện tại của component.
+     */
+    resolvedFontSet: import("@angular/core").Signal<SdIconSet>;
+    /** @deprecated Use `resolvedFontSet` instead. */
+    resolvedSet: import("@angular/core").Signal<SdIconSet>;
+    /**
+     * Tên icon cuối cùng theo renderer hiện tại.
+     *
+     * @returns tên icon đã áp alias nếu renderer yêu cầu.
+     */
+    resolvedName: import("@angular/core").Signal<string | undefined>;
+    /**
+     * Font set Material cuối cùng.
+     *
+     * @returns font set dùng cho `mat-icon`; với Lucide trả về fallback Material để computed luôn có type ổn định.
+     */
+    resolvedMaterialFontSet: import("@angular/core").Signal<SdMaterialIconSet>;
+    /**
+     * Kích thước runtime cho renderer hiện tại.
+     *
+     * @returns số pixel cho token chuẩn hoặc CSS string nguyên bản cho custom size.
+     */
+    resolvedSize: import("@angular/core").Signal<string | number>;
+    /**
+     * Kích thước CSS cuối cùng cho host element.
+     *
+     * @returns CSS length dùng cho custom property `--sd-icon-size`.
+     */
+    resolvedCssSize: import("@angular/core").Signal<string>;
+    /**
+     * Stroke width cuối cùng cho Lucide SVG.
+     *
+     * @returns giá trị input instance hoặc fallback từ provider.
+     */
+    resolvedStrokeWidth: import("@angular/core").Signal<string | number | undefined>;
+    /**
+     * Absolute stroke width cuối cùng cho Lucide SVG.
+     *
+     * @returns giá trị input instance hoặc fallback từ provider.
+     */
+    resolvedAbsoluteStrokeWidth: import("@angular/core").Signal<boolean | undefined>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdIcon, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdIcon, "sd-icon", never, { "name": { "alias": "name"; "required": false; "isSignal": true; }; "fontIcon": { "alias": "fontIcon"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "set": { "alias": "set"; "required": false; "isSignal": true; }; "fontSet": { "alias": "fontSet"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "strokeWidth": { "alias": "strokeWidth"; "required": false; "isSignal": true; }; "absoluteStrokeWidth": { "alias": "absoluteStrokeWidth"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/modules/icon/src/icon.model.d.ts

@@ -0,0 +1,59 @@
+import { type LucideConfig, type LucideIcon, type LucideIconData } from '@lucide/angular';
+import { type Size } from '@sdcorejs/utils/models';
+import { type SdIconSet, type SdMaterialIconSet } from '@sdcorejs/angular/utilities/models';
+/**
+ * Chọn renderer icon chính cho `SdIcon`.
+ *
+ * Material dùng đúng tên font set để tránh thêm mapping nội bộ; `lucide` chuyển sang renderer SVG của `@lucide/angular`.
+ */
+export type { SdIconSet, SdMaterialIconSet };
+/** @deprecated Use `SdIconSet` instead. */
+export type SdIconFontSet = SdIconSet;
+/**
+ * Một icon Lucide có thể đăng ký bằng class icon Angular hoặc dữ liệu path thuần.
+ */
+export type SdLucideIconRegistration = LucideIcon | LucideIconData;
+/**
+ * Danh sách đăng ký Lucide cho provider, hỗ trợ cả array và object map để app có thể giữ cấu trúc import riêng.
+ */
+export type SdLucideIconRegistrations = SdLucideIconRegistration[] | Record<string, SdLucideIconRegistration>;
+/**
+ * Cấu hình app-level cho `SdIcon`.
+ *
+ * Các alias tách riêng theo renderer để app có thể giữ tên Material trong template trong lúc chuyển dần sang Lucide.
+ */
+export interface ISdIconConfiguration {
+    /** Default icon font set when component does not pass `fontSet`. */
+    defaultFontSet?: SdIconSet;
+    /** Alias áp dụng khi renderer hiện tại là Material. */
+    materialAliases?: Record<string, string>;
+    /** Alias áp dụng khi renderer hiện tại là Lucide. */
+    lucideAliases?: Record<string, string>;
+    /** Cấu hình stroke toàn cục cho Lucide SVG. */
+    lucideConfig?: Partial<LucideConfig>;
+    /** Icon Lucide cần đăng ký vào `@lucide/angular`. */
+    lucideIcons?: SdLucideIconRegistrations;
+}
+/**
+ * Cấu hình đã resolve đầy đủ để component không phải tự xử lý fallback nhiều lần.
+ */
+export interface ISdIconResolvedConfiguration extends Required<Omit<ISdIconConfiguration, 'lucideIcons'>> {
+}
+/**
+ * Quy đổi token `Size` chung của SDCoreJS sang pixel cho icon.
+ */
+export declare const SD_ICON_SIZE_MAP: Record<Size, number>;
+/**
+ * Alias mặc định giúp template giữ tên Material trong khi renderer có thể là Lucide.
+ */
+export declare const SD_DEFAULT_LUCIDE_ALIASES: Record<string, string>;
+/**
+ * Alias mac dinh giup template dung ten Lucide van render duoc khi quay ve Material font.
+ */
+export declare const SD_DEFAULT_MATERIAL_ALIASES: Record<string, string>;
+/**
+ * Cấu hình mặc định của Core UI icon.
+ *
+ * `material-icons-outlined` được giữ làm mặc định để không đổi visual của các component Material hiện có.
+ */
+export declare const SD_ICON_DEFAULT_CONFIG: ISdIconResolvedConfiguration;

package/modules/icon/src/icon.provider.d.ts

@@ -0,0 +1,33 @@
+import { InjectionToken, type EnvironmentProviders } from '@angular/core';
+import { type ISdIconConfiguration, type ISdIconResolvedConfiguration, type SdLucideIconRegistration, type SdLucideIconRegistrations } from './icon.model';
+/**
+ * Injection token chứa cấu hình icon đã resolve cho toàn bộ app.
+ *
+ * Token có factory mặc định để `SdIcon` vẫn chạy khi app chưa gọi `provideSdIcon`.
+ */
+export declare const SD_ICON_CONFIGURATION: InjectionToken<ISdIconResolvedConfiguration>;
+/**
+ * Đăng ký cấu hình icon Core UI ở app-level.
+ *
+ * Provider này gom cả cấu hình `SdIcon` và registry của `@lucide/angular` để consumer chỉ cần gọi một hàm.
+ *
+ * @param config - cấu hình app-level cho Material/Lucide icon.
+ * @returns environment providers dùng được trong `ApplicationConfig.providers`.
+ */
+export declare function provideSdIcon(config?: ISdIconConfiguration): EnvironmentProviders;
+/**
+ * Resolve cấu hình `SdIcon` thành object đầy đủ, không còn field optional.
+ *
+ * Alias mặc định đứng trước để app có thể override từng key mà không phải copy toàn bộ bảng alias.
+ *
+ * @param config - cấu hình rời rạc từ consumer hoặc mặc định rỗng.
+ * @returns cấu hình đầy đủ dùng trực tiếp trong component.
+ */
+export declare function resolveSdIconConfig(config?: ISdIconConfiguration): ISdIconResolvedConfiguration;
+/**
+ * Chuẩn hóa nhiều kiểu khai báo Lucide icon về array cho `provideLucideIcons`.
+ *
+ * @param registrations - array hoặc object map icon Lucide từ consumer.
+ * @returns danh sách icon Lucide đã sẵn sàng để spread vào provider của Lucide.
+ */
+export declare function normalizeSdLucideIcons(registrations?: SdLucideIconRegistrations): SdLucideIconRegistration[];

package/modules/icon/src/index.d.ts

@@ -0,0 +1,3 @@
+export * from './icon.component';
+export * from './icon.model';
+export * from './icon.provider';

package/modules/index.d.ts

@@ -3,3 +3,4 @@ export * from '@sdcorejs/angular/modules/permission';
 export * from '@sdcorejs/angular/modules/auth';
 export * from '@sdcorejs/angular/modules/layout';
 export * from '@sdcorejs/angular/modules/authom';
+export * from '@sdcorejs/angular/modules/icon';

package/modules/layout/modules/home/guards/home-redirect.guard.d.ts

@@ -1,10 +1,8 @@
-import { CanActivate, Router } from '@angular/router';
-import { ISdLayoutConfiguration } from '../../../configurations';
+import { CanActivate } from '@angular/router';
 import * as i0 from "@angular/core";
 export declare class HomeRedirectGuard implements CanActivate {
-    private router;
-    private layoutConfiguration;
-    constructor(router: Router, layoutConfiguration: ISdLayoutConfiguration);
+    private readonly router;
+    private readonly layoutConfiguration;
     canActivate(): Promise<true | import("@angular/router").UrlTree>;
     static ɵfac: i0.ɵɵFactoryDeclaration<HomeRedirectGuard, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<HomeRedirectGuard>;

package/modules/permission/src/configurations/permission.configuration.d.ts

@@ -15,9 +15,9 @@ import { MaybeAsync } from '@sdcorejs/utils/models';
 export interface ISdPermissionConfiguration {
     /**
      * Khóa định danh cấu hình.
-      * Dùng để phân biệt khi hệ thống mở rộng theo nhiều profile permission.
-      *
-      * Lưu ý: `undefined` cũng được xem là một key hợp lệ (cấu hình mặc định).
+     * Dùng để phân biệt khi hệ thống mở rộng theo nhiều profile permission.
+     *
+     * Lưu ý: `undefined` cũng được xem là một key hợp lệ (cấu hình mặc định).
      */
     key?: string;
     /**

package/modules/permission/src/guards/permission.guard.d.ts

@@ -1,12 +1,9 @@
 import { ActivatedRouteSnapshot, CanActivate, CanActivateChild, RouterStateSnapshot } from '@angular/router';
-import { ISdPermissionConfiguration } from '../configurations';
-import { SdPermissionService } from '../services';
 import * as i0 from "@angular/core";
 export declare class SdPermissionGuard implements CanActivate, CanActivateChild {
     #private;
-    private configuration;
-    private permissionService;
-    constructor(configuration: ISdPermissionConfiguration | ISdPermissionConfiguration[], permissionService: SdPermissionService);
+    private readonly configuration;
+    private readonly permissionService;
     canActivate: (next: ActivatedRouteSnapshot, state: RouterStateSnapshot) => Promise<boolean>;
     canActivateChild: (activatedRoute: ActivatedRouteSnapshot, state: RouterStateSnapshot) => Promise<boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdPermissionGuard, never>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sdcorejs/angular",
-  "version": "19.0.9",
+  "version": "19.0.11",
   "license": "MIT",
   "peerDependencies": {
     "@angular/common": "^19.0.0 || ^20.0.0 || ^21.0.0",
@@ -9,7 +9,8 @@
     "@angular/material-date-fns-adapter": "^19.0.0 || ^20.0.0 || ^21.0.0"
   },
   "dependencies": {
-    "@sdcorejs/utils": "^1.1.3",
+    "@sdcorejs/utils": "1.1.4",
+    "@lucide/angular": "^1.22.0",
     "@ckeditor/ckeditor5-angular": "11.1.2",
     "@omer-go/docx-parser-converter-ts": "^1.0.0",
     "@bjorn3/browser_wasi_shim": "^0.4.2",
@@ -45,14 +46,14 @@
       "types": "./directives/index.d.ts",
       "default": "./fesm2022/sdcorejs-angular-directives.mjs"
     },
-    "./forms": {
-      "types": "./forms/index.d.ts",
-      "default": "./fesm2022/sdcorejs-angular-forms.mjs"
-    },
     "./handlers": {
       "types": "./handlers/index.d.ts",
       "default": "./fesm2022/sdcorejs-angular-handlers.mjs"
     },
+    "./forms": {
+      "types": "./forms/index.d.ts",
+      "default": "./fesm2022/sdcorejs-angular-forms.mjs"
+    },
     "./i18n": {
       "types": "./i18n/index.d.ts",
       "default": "./fesm2022/sdcorejs-angular-i18n.mjs"
@@ -297,6 +298,10 @@
       "types": "./modules/authom/index.d.ts",
       "default": "./fesm2022/sdcorejs-angular-modules-authom.mjs"
     },
+    "./modules/icon": {
+      "types": "./modules/icon/index.d.ts",
+      "default": "./fesm2022/sdcorejs-angular-modules-icon.mjs"
+    },
     "./modules/keycloak": {
       "types": "./modules/keycloak/index.d.ts",
       "default": "./fesm2022/sdcorejs-angular-modules-keycloak.mjs"

package/pipes/index.d.ts

@@ -1,4 +1,7 @@
+export * from './src/format-date.pipe';
+export * from './src/format-datetime.pipe';
 export * from './src/format-number.pipe';
 export * from './src/safe-html.pipe';
 export * from './src/time-different.pipe';
 export * from './src/empty.pipe';
+export * from './src/view.pipe';

package/pipes/src/format-date.pipe.d.ts

@@ -0,0 +1,8 @@
+import { PipeTransform } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class SdFormatDatePipe implements PipeTransform {
+    transform(value: unknown, format?: string): string | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdFormatDatePipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<SdFormatDatePipe, "sdFormatDate", true>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<SdFormatDatePipe>;
+}

package/pipes/src/format-datetime.pipe.d.ts

@@ -0,0 +1,8 @@
+import { PipeTransform } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class SdFormatDatetimePipe implements PipeTransform {
+    transform(value: unknown, format?: string): string | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdFormatDatetimePipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<SdFormatDatetimePipe, "sdFormatDatetime", true>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<SdFormatDatetimePipe>;
+}

package/pipes/src/format-number.pipe.d.ts

@@ -1,11 +1,9 @@
 import { PipeTransform } from '@angular/core';
-import { ISdCoreConfiguration } from '@sdcorejs/angular/configurations';
 import * as i0 from "@angular/core";
 export declare class SdFormatNumberPipe implements PipeTransform {
     private readonly coreConfiguration;
-    constructor(coreConfiguration: ISdCoreConfiguration | undefined);
     transform(value: any, digits?: number, format?: '1,234,567.89' | '1.234.567,89'): string | null;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SdFormatNumberPipe, [{ optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdFormatNumberPipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<SdFormatNumberPipe, "sdFormatNumber", true>;
     static ɵprov: i0.ɵɵInjectableDeclaration<SdFormatNumberPipe>;
 }

package/pipes/src/view.pipe.d.ts

@@ -0,0 +1,7 @@
+import { PipeTransform } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class SdViewPipe implements PipeTransform {
+    transform(value: unknown): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdViewPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<SdViewPipe, "sdView", true>;
+}

package/services/confirm/src/lib/components/dialog-confirm/dialog-confirm.component.d.ts

@@ -33,12 +33,12 @@ export interface DialogData {
     };
 }
 export declare class DialogConfirmComponent {
-    dialogRef: MatDialogRef<DialogConfirmComponent>;
-    data: DialogData;
     value: any;
     required: boolean;
     id: string;
-    constructor(dialogRef: MatDialogRef<DialogConfirmComponent>, data: DialogData);
+    readonly dialogRef: MatDialogRef<any, any>;
+    readonly data: DialogData;
+    constructor();
     onCancel: () => void;
     onAccept: () => void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DialogConfirmComponent, never>;

package/services/excel/src/lib/spreadsheet-formula-injection.util.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Prefix spreadsheet formula-like strings so exported files treat them as text.
+ */
+export declare function neutralizeSpreadsheetFormula(value: string): string;
+export declare function neutralizeSpreadsheetFormula<T>(value: T): T;

package/services/license/src/license.service.d.ts

@@ -1,10 +1,9 @@
-import { ISdCoreConfiguration } from '@sdcorejs/angular/configurations';
 import * as i0 from "@angular/core";
 export declare class SdLicenseService {
     #private;
     private readonly coreConfiguration;
-    constructor(coreConfiguration: ISdCoreConfiguration | undefined);
+    constructor();
     enforceLicense: () => void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SdLicenseService, [{ optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdLicenseService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<SdLicenseService>;
 }

package/services/notify/src/components/toast/toast.component.d.ts

@@ -1,4 +1,4 @@
-import { OnInit, OnDestroy } from '@angular/core';
+import { OnDestroy, OnInit } from '@angular/core';
 import { DomSanitizer } from '@angular/platform-browser';
 import { ToastData } from '../../notify.model';
 import { SdNotifyService } from '../../notify.service';
@@ -7,21 +7,15 @@ export declare class ToastComponent implements OnInit, OnDestroy {
     private notifyService;
     private sanitizer;
     data: ToastData;
-    isExpanded: import("@angular/core").WritableSignal<boolean>;
+    readonly isExpanded: import("@angular/core").WritableSignal<boolean>;
+    readonly isClosing: import("@angular/core").WritableSignal<boolean>;
+    readonly hostClasses: import("@angular/core").Signal<"bg-white sd-toast sd-toast--closing" | "bg-white sd-toast">;
     readonly MAX_SHOW = 2;
     private timer;
+    private closeTimer;
     private start;
     private remaining;
     constructor(notifyService: SdNotifyService, sanitizer: DomSanitizer);
-    /**
-     * Sanitize HTML tường minh trước khi render qua `[innerHTML]` — strip
-     * `<script>`, event handler (`on*`), `javascript:` URL. Chỉ chạy ở nhánh
-     * `data.html === true`; nhánh mặc định render text (auto-escape) nên không
-     * có sink này. // why: phơi rõ việc sanitize cho review/scanner bảo mật.
-     */
-    sanitizeHtml(value: string): string;
-    /** Message ở dạng chuỗi đơn (chỉ dùng khi !isMultiMessage). */
-    get singleMessage(): string;
     ngOnInit(): void;
     ngOnDestroy(): void;
     pauseTimer(): void;
@@ -29,15 +23,17 @@ export declare class ToastComponent implements OnInit, OnDestroy {
     close(): void;
     onActionClick(): void;
     toggleExpand(): void;
+    sanitizeHtml(value: string): string;
+    get singleMessage(): string;
     get isMultiMessage(): boolean;
     get messages(): string[];
     get displayMessages(): string[];
     get restCount(): number;
     get hasMore(): boolean;
-    /** autoid theo loại toast để E2E chọn trực tiếp, vd `services-notify-toast-success`. */
     get autoId(): string;
-    /** Gộp message (mảng nối ' | ') để phơi ra data-message cho E2E. */
     get dataMessage(): string;
+    private clearAutoDismissTimer;
+    private clearCloseTimer;
     static ɵfac: i0.ɵɵFactoryDeclaration<ToastComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ToastComponent, "toast", never, { "data": { "alias": "data"; "required": true; }; }, {}, never, never, true, never>;
 }

package/services/notify/src/notify.service.d.ts

@@ -1,13 +1,12 @@
-import { ApplicationRef, EnvironmentInjector } from '@angular/core';
 import { NotifyOption, ToastData, ToastType } from './notify.model';
 import * as i0 from "@angular/core";
 export declare class SdNotifyService {
     #private;
-    private appRef;
-    private injector;
-    private document;
     readonly toasts: import("@angular/core").WritableSignal<ToastData[]>;
-    constructor(appRef: ApplicationRef, injector: EnvironmentInjector, document: Document);
+    private readonly appRef;
+    private readonly injector;
+    private readonly document;
+    constructor();
     success(message: string, option?: NotifyOption): void;
     info(message: string, option?: NotifyOption): void;
     warning(message: string | string[], option?: NotifyOption): void;

package/services/storage/src/storage.service.d.ts

@@ -1,10 +1,9 @@
-import { ISdStorageConfiguration, SdStorage, SdStorageOption } from './storage.model';
+import { SdStorage, SdStorageOption } from './storage.model';
 import * as i0 from "@angular/core";
 export declare class SdStorageService {
     #private;
-    private configuration;
-    constructor(configuration: ISdStorageConfiguration);
+    private readonly configuration;
     create<T = any>(key: string | object, option?: SdStorageOption<T>): SdStorage<T>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SdStorageService, [{ optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdStorageService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<SdStorageService>;
 }

package/utilities/extensions/index.d.ts

@@ -4,3 +4,4 @@ export * from './src/number.extension';
 export * from './src/date.extension';
 export * from './src/utility.extension';
 export * from './src/color.extension';
+export * from './src/object.extension';

package/utilities/extensions/src/object.extension.d.ts

@@ -0,0 +1,8 @@
+type PlainObject = Record<PropertyKey, unknown>;
+export declare const ObjectUtilities: {
+    isPlainObject: (value: unknown) => value is PlainObject;
+    clone: <T>(value: T) => T;
+    merge: <T extends PlainObject, U extends PlainObject>(target: T, source: U) => T & U;
+    deepMerge: <T extends PlainObject>(...sources: T[]) => T;
+};
+export {};

package/utilities/models/src/icon.model.d.ts

@@ -1,2 +1,4 @@
-export type MaterialIconFontSet = 'material-icons' | 'material-icons-outlined' | 'material-icons-round' | 'material-icons-sharp';
-export declare const DefaultMaterialIconFontSet: MaterialIconFontSet;
+export type SdIconSet = 'material-icons' | 'material-icons-outlined' | 'material-icons-round' | 'material-icons-sharp' | 'lucide';
+export type SdMaterialIconSet = Exclude<SdIconSet, 'lucide'>;
+export declare const DefaultSdIconSet: SdIconSet;
+export declare const DefaultSdMaterialIconSet: SdMaterialIconSet;