@sd-angular/core 19.0.0-beta.50 → 19.0.0-beta.52

package/forms/date-range/src/date-range.component.d.ts

@@ -1,5 +1,5 @@
 import { OnDestroy, OnInit } from '@angular/core';
-import { FormControl } from '@angular/forms';
+import { FormControl, FormGroup } from '@angular/forms';
 import { MatDatepickerInputEvent, MatDateRangePicker } from '@angular/material/datepicker';
 import { MatFormFieldAppearance } from '@angular/material/form-field';
 import { SdLabelDefDirective } from '@sd-angular/core/forms/directives';
@@ -22,7 +22,7 @@ export declare class SdDateRange implements OnDestroy, OnInit {
     autoId: import("@angular/core").Signal<string | undefined>;
     name: import("@angular/core").InputSignal<string>;
     size: import("@angular/core").InputSignal<SdSize>;
-    form: import("@angular/core").InputSignal<any>;
+    form: import("@angular/core").InputSignalWithTransform<FormGroup<any> | undefined, any>;
     label: import("@angular/core").InputSignal<string | undefined>;
     helperText: import("@angular/core").InputSignal<string | undefined>;
     hideInlineError: import("@angular/core").InputSignalWithTransform<boolean, unknown>;

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

@@ -1,5 +1,5 @@
 import { ElementRef, OnDestroy, OnInit, TemplateRef } from '@angular/core';
-import { ValidatorFn } from '@angular/forms';
+import { FormGroup, ValidatorFn } from '@angular/forms';
 import { MatFormFieldAppearance } from '@angular/material/form-field';
 import { MtxDatetimepicker } from '@ng-matero/extensions/datetimepicker';
 import { SdViewDefDirective } from '@sd-angular/core/forms/directives';
@@ -21,7 +21,7 @@ export declare class SdDatetime implements OnDestroy, OnInit {
     autoId: import("@angular/core").Signal<string | undefined>;
     name: import("@angular/core").InputSignal<string>;
     size: import("@angular/core").InputSignal<SdSize>;
-    form: import("@angular/core").InputSignal<any>;
+    form: import("@angular/core").InputSignalWithTransform<FormGroup<any> | undefined, any>;
     label: import("@angular/core").InputSignal<string | undefined>;
     helperText: import("@angular/core").InputSignal<string | undefined>;
     placeholder: import("@angular/core").InputSignal<string | undefined>;

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

@@ -1,5 +1,5 @@
 import { AfterViewInit, ElementRef, EventEmitter, OnDestroy, OnInit, TemplateRef } from '@angular/core';
-import { ValidatorFn } from '@angular/forms';
+import { FormGroup, ValidatorFn } from '@angular/forms';
 import { MatFormFieldAppearance } from '@angular/material/form-field';
 import { SdSuffixDefDirective, SdViewDefDirective } from '@sd-angular/core/forms/directives';
 import { SdCustomValidator, SdFormControl } from '@sd-angular/core/forms/models';
@@ -19,7 +19,7 @@ export declare class SdInput implements OnDestroy, OnInit, AfterViewInit {
     appearanceInput: import("@angular/core").InputSignal<MatFormFieldAppearance | undefined>;
     appearance: import("@angular/core").Signal<MatFormFieldAppearance>;
     size: import("@angular/core").InputSignal<SdSize>;
-    form: import("@angular/core").InputSignal<any>;
+    form: import("@angular/core").InputSignalWithTransform<FormGroup<any> | undefined, any>;
     label: import("@angular/core").InputSignal<string | undefined>;
     helperText: import("@angular/core").InputSignal<string | undefined>;
     placeholder: import("@angular/core").InputSignal<string | undefined>;

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

@@ -1,5 +1,5 @@
 import { AfterViewInit, ElementRef, EventEmitter, OnDestroy, OnInit, TemplateRef } from '@angular/core';
-import { FormControl, FormGroupDirective, NgForm, ValidatorFn } from '@angular/forms';
+import { FormControl, FormGroup, FormGroupDirective, NgForm, ValidatorFn } from '@angular/forms';
 import { ErrorStateMatcher } from '@angular/material/core';
 import { MatFormFieldAppearance } from '@angular/material/form-field';
 import { SdSuffixDefDirective, SdViewDefDirective } from '@sd-angular/core/forms/directives';
@@ -27,7 +27,7 @@ export declare class SdInputNumber implements OnDestroy, OnInit, AfterViewInit {
     autoId: import("@angular/core").Signal<string | undefined>;
     name: import("@angular/core").InputSignal<string>;
     size: import("@angular/core").InputSignal<SdSize>;
-    form: import("@angular/core").InputSignal<any>;
+    form: import("@angular/core").InputSignalWithTransform<FormGroup<any> | undefined, any>;
     label: import("@angular/core").InputSignal<string | undefined>;
     helperText: import("@angular/core").InputSignal<string | undefined>;
     placeholder: import("@angular/core").InputSignal<string | undefined>;

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

@@ -1,5 +1,6 @@
-import { AfterViewInit, OnDestroy, OnInit, TemplateRef } from '@angular/core';
-import { FormControl, ValidatorFn } from '@angular/forms';
+import { OnInit, // THÊM IMPORT NÀY
+Signal, TemplateRef } from '@angular/core';
+import { FormControl, FormGroup, ValidatorFn } from '@angular/forms';
 import { MatFormFieldAppearance } from '@angular/material/form-field';
 import { MatInput } from '@angular/material/input';
 import { MatSelect, MatSelectChange } from '@angular/material/select';
@@ -7,29 +8,26 @@ import { SdItemDefDefDirective, SdViewDefDirective } from '@sd-angular/core/form
 import { SdCustomValidator, SdFormControl, SdSearch, SdSelectionData } from '@sd-angular/core/forms/models';
 import { SdSize } from '@sd-angular/core/utilities/models';
 import * as i0 from "@angular/core";
-export declare class SdSelect implements OnInit, AfterViewInit, OnDestroy {
+export declare class SdSelect<T extends object | string | number = Record<string, unknown>> implements OnInit {
     #private;
     id: string;
-    matInputRef: import("@angular/core").Signal<MatInput | undefined>;
-    selectRef: import("@angular/core").Signal<MatSelect | undefined>;
-    sdLabelTemplate: import("@angular/core").Signal<TemplateRef<any> | undefined>;
-    sdValueTemplate: import("@angular/core").Signal<TemplateRef<any> | undefined>;
-    itemDef: import("@angular/core").Signal<SdItemDefDefDirective | undefined>;
-    sdViewDef: import("@angular/core").Signal<SdViewDefDirective | undefined>;
-    private ref;
-    private formConfig;
-    private el;
+    matInputRef: Signal<MatInput | undefined>;
+    selectRef: Signal<MatSelect | undefined>;
+    sdLabelTemplate: Signal<TemplateRef<any> | undefined>;
+    sdValueTemplate: Signal<TemplateRef<any> | undefined>;
+    itemDef: Signal<SdItemDefDefDirective | undefined>;
+    sdViewDef: Signal<SdViewDefDirective | undefined>;
     autoIdInput: import("@angular/core").InputSignal<string | null | undefined>;
-    autoId: import("@angular/core").Signal<string | undefined>;
+    autoId: Signal<string | undefined>;
     name: import("@angular/core").InputSignal<string>;
     size: import("@angular/core").InputSignal<SdSize>;
-    form: import("@angular/core").InputSignal<any>;
+    form: import("@angular/core").InputSignalWithTransform<FormGroup<any> | undefined, any>;
     label: import("@angular/core").InputSignal<string | undefined>;
     helperText: import("@angular/core").InputSignal<string | undefined>;
     placeholder: import("@angular/core").InputSignal<string | undefined>;
-    valueField: import("@angular/core").InputSignal<string>;
-    displayField: import("@angular/core").InputSignal<string>;
-    disabledField: import("@angular/core").InputSignal<string>;
+    valueField: import("@angular/core").InputSignal<T extends object ? { [Key in keyof T & string]: T[Key] extends string | number | boolean | Function | Date | null | undefined ? Key : T[Key] extends any[] ? Key : T[Key] extends object ? Key | `${Key}.${T[Key] extends infer T_1 ? T_1 extends T[Key] ? T_1 extends object ? { [Key_1 in keyof T_1 & string]: T_1[Key_1] extends string | number | boolean | Function | Date | null | undefined ? Key_1 : T_1[Key_1] extends any[] ? Key_1 : T_1[Key_1] extends object ? Key_1 | `${Key_1}.${T_1[Key_1] extends infer T_2 ? T_2 extends T_1[Key_1] ? T_2 extends object ? { [Key_2 in keyof T_2 & string]: T_2[Key_2] extends string | number | boolean | Function | Date | null | undefined ? Key_2 : T_2[Key_2] extends any[] ? Key_2 : T_2[Key_2] extends object ? Key_2 | `${Key_2}.${T_2[Key_2] extends infer T_3 ? T_3 extends T_2[Key_2] ? T_3 extends object ? { [Key_3 in keyof T_3 & string]: T_3[Key_3] extends string | number | boolean | Function | Date | null | undefined ? Key_3 : T_3[Key_3] extends any[] ? Key_3 : T_3[Key_3] extends object ? Key_3 | `${Key_3}.${T_3[Key_3] extends infer T_4 ? T_4 extends T_3[Key_3] ? T_4 extends object ? { [Key_4 in keyof T_4 & string]: T_4[Key_4] extends string | number | boolean | Function | Date | null | undefined ? Key_4 : T_4[Key_4] extends any[] ? Key_4 : T_4[Key_4] extends object ? Key_4 : Key_4; }[keyof T_4 & string] : string : never : never}` : Key_3; }[keyof T_3 & string] : string : never : never}` : Key_2; }[keyof T_2 & string] : string : never : never}` : Key_1; }[keyof T_1 & string] : string : never : never}` : Key; }[keyof T & string] : string>;
+    displayField: import("@angular/core").InputSignal<T extends object ? { [Key in keyof T & string]: T[Key] extends string | number | boolean | Function | Date | null | undefined ? Key : T[Key] extends any[] ? Key : T[Key] extends object ? Key | `${Key}.${T[Key] extends infer T_1 ? T_1 extends T[Key] ? T_1 extends object ? { [Key_1 in keyof T_1 & string]: T_1[Key_1] extends string | number | boolean | Function | Date | null | undefined ? Key_1 : T_1[Key_1] extends any[] ? Key_1 : T_1[Key_1] extends object ? Key_1 | `${Key_1}.${T_1[Key_1] extends infer T_2 ? T_2 extends T_1[Key_1] ? T_2 extends object ? { [Key_2 in keyof T_2 & string]: T_2[Key_2] extends string | number | boolean | Function | Date | null | undefined ? Key_2 : T_2[Key_2] extends any[] ? Key_2 : T_2[Key_2] extends object ? Key_2 | `${Key_2}.${T_2[Key_2] extends infer T_3 ? T_3 extends T_2[Key_2] ? T_3 extends object ? { [Key_3 in keyof T_3 & string]: T_3[Key_3] extends string | number | boolean | Function | Date | null | undefined ? Key_3 : T_3[Key_3] extends any[] ? Key_3 : T_3[Key_3] extends object ? Key_3 | `${Key_3}.${T_3[Key_3] extends infer T_4 ? T_4 extends T_3[Key_3] ? T_4 extends object ? { [Key_4 in keyof T_4 & string]: T_4[Key_4] extends string | number | boolean | Function | Date | null | undefined ? Key_4 : T_4[Key_4] extends any[] ? Key_4 : T_4[Key_4] extends object ? Key_4 : Key_4; }[keyof T_4 & string] : string : never : never}` : Key_3; }[keyof T_3 & string] : string : never : never}` : Key_2; }[keyof T_2 & string] : string : never : never}` : Key_1; }[keyof T_1 & string] : string : never : never}` : Key; }[keyof T & string] : string>;
+    disabledField: import("@angular/core").InputSignal<"" | (T extends object ? { [Key in keyof T & string]: T[Key] extends string | number | boolean | Function | Date | null | undefined ? Key : T[Key] extends any[] ? Key : T[Key] extends object ? Key | `${Key}.${T[Key] extends infer T_1 ? T_1 extends T[Key] ? T_1 extends object ? { [Key_1 in keyof T_1 & string]: T_1[Key_1] extends string | number | boolean | Function | Date | null | undefined ? Key_1 : T_1[Key_1] extends any[] ? Key_1 : T_1[Key_1] extends object ? Key_1 | `${Key_1}.${T_1[Key_1] extends infer T_2 ? T_2 extends T_1[Key_1] ? T_2 extends object ? { [Key_2 in keyof T_2 & string]: T_2[Key_2] extends string | number | boolean | Function | Date | null | undefined ? Key_2 : T_2[Key_2] extends any[] ? Key_2 : T_2[Key_2] extends object ? Key_2 | `${Key_2}.${T_2[Key_2] extends infer T_3 ? T_3 extends T_2[Key_2] ? T_3 extends object ? { [Key_3 in keyof T_3 & string]: T_3[Key_3] extends string | number | boolean | Function | Date | null | undefined ? Key_3 : T_3[Key_3] extends any[] ? Key_3 : T_3[Key_3] extends object ? Key_3 | `${Key_3}.${T_3[Key_3] extends infer T_4 ? T_4 extends T_3[Key_3] ? T_4 extends object ? { [Key_4 in keyof T_4 & string]: T_4[Key_4] extends string | number | boolean | Function | Date | null | undefined ? Key_4 : T_4[Key_4] extends any[] ? Key_4 : T_4[Key_4] extends object ? Key_4 : Key_4; }[keyof T_4 & string] : string : never : never}` : Key_3; }[keyof T_3 & string] : string : never : never}` : Key_2; }[keyof T_2 & string] : string : never : never}` : Key_1; }[keyof T_1 & string] : string : never : never}` : Key; }[keyof T & string] : string)>;
     cacheChecksum: import("@angular/core").InputSignal<any>;
     limit: import("@angular/core").InputSignal<number>;
     hyperlink: import("@angular/core").InputSignal<string | null | undefined>;
@@ -42,33 +40,32 @@ export declare class SdSelect implements OnInit, AfterViewInit, OnDestroy {
     validator: import("@angular/core").InputSignal<SdCustomValidator | undefined>;
     inlineError: import("@angular/core").InputSignal<string | undefined>;
     appearanceInput: import("@angular/core").InputSignal<MatFormFieldAppearance | undefined>;
-    appearance: import("@angular/core").Signal<MatFormFieldAppearance>;
-    items: import("@angular/core").InputSignal<any[] | SdSearch | null | undefined>;
+    appearance: Signal<MatFormFieldAppearance>;
+    items: import("@angular/core").InputSignal<SdSearch | T[] | Signal<T[]> | null | undefined>;
     valueModel: import("@angular/core").ModelSignal<string | number | boolean | (string | number)[] | null | undefined>;
     sdChange: import("@angular/core").OutputEmitterRef<any>;
     sdSelection: import("@angular/core").OutputEmitterRef<SdSelectionData<any>>;
     formControl: SdFormControl;
     inputControl: FormControl<string | null>;
     loading: import("@angular/core").WritableSignal<boolean>;
-    isFocused: boolean;
+    focused: import("@angular/core").WritableSignal<boolean>;
     allSelected: boolean;
-    filteredItems: import("@angular/core").WritableSignal<any[]>;
-    selectedItems: import("@angular/core").WritableSignal<any[]>;
+    actualItems: Signal<SdSearch | T[] | null | undefined>;
+    filteredItems: import("@angular/core").WritableSignal<T[]>;
+    selectedItems: import("@angular/core").WritableSignal<T[]>;
     display: import("@angular/core").WritableSignal<string>;
     calculatedPanelWidth: import("@angular/core").WritableSignal<string | number>;
-    normalizedValue: import("@angular/core").Signal<string | number | boolean | (string | number | boolean)[] | null | undefined>;
-    filtered: import("@angular/core").Signal<boolean>;
-    delayTime: import("@angular/core").Signal<0 | 500>;
-    itemValue: (item: any) => any;
-    itemDisplay: (item: any) => any;
-    itemDisabled: (item: any) => boolean;
+    normalizedValue: Signal<string | number | boolean | (string | number | boolean)[] | null | undefined>;
+    filtered: Signal<boolean>;
+    delayTime: Signal<0 | 500>;
+    itemValue: (item: T) => unknown;
+    itemDisplay: (item: T) => string;
+    itemDisabled: (item: T) => boolean;
     setNestedValue: (obj: any, path: string, value: any) => void;
-    tooltip: import("@angular/core").Signal<string>;
+    tooltip: Signal<string>;
     updatePanelWidth: () => void;
     constructor();
     ngOnInit(): void;
-    ngAfterViewInit(): void;
-    ngOnDestroy(): void;
     customInlineErrorValidator(): ValidatorFn;
     onSelectionChange: (change: MatSelectChange) => void;
     reValidate: () => void;
@@ -76,6 +73,6 @@ export declare class SdSelect implements OnInit, AfterViewInit, OnDestroy {
     onClick: () => void;
     focus: () => void;
     onOpenedChange: (isOpened: boolean) => void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SdSelect, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SdSelect, "sd-select", never, { "autoIdInput": { "alias": "autoId"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "valueField": { "alias": "valueField"; "required": true; "isSignal": true; }; "displayField": { "alias": "displayField"; "required": true; "isSignal": true; }; "disabledField": { "alias": "disabledField"; "required": false; "isSignal": true; }; "cacheChecksum": { "alias": "cacheChecksum"; "required": false; "isSignal": true; }; "limit": { "alias": "limit"; "required": false; "isSignal": true; }; "hyperlink": { "alias": "hyperlink"; "required": false; "isSignal": true; }; "minWidthPanel": { "alias": "minWidthPanel"; "required": false; "isSignal": true; }; "hideInlineError": { "alias": "hideInlineError"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "viewed": { "alias": "viewed"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "validator": { "alias": "validator"; "required": false; "isSignal": true; }; "inlineError": { "alias": "inlineError"; "required": false; "isSignal": true; }; "appearanceInput": { "alias": "appearance"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "valueModel": { "alias": "model"; "required": false; "isSignal": true; }; }, { "valueModel": "modelChange"; "sdChange": "sdChange"; "sdSelection": "sdSelection"; }, ["sdLabelTemplate", "sdValueTemplate", "itemDef", "sdViewDef"], ["[sdLabel]"], true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdSelect<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdSelect<any>, "sd-select", never, { "autoIdInput": { "alias": "autoId"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "valueField": { "alias": "valueField"; "required": true; "isSignal": true; }; "displayField": { "alias": "displayField"; "required": true; "isSignal": true; }; "disabledField": { "alias": "disabledField"; "required": false; "isSignal": true; }; "cacheChecksum": { "alias": "cacheChecksum"; "required": false; "isSignal": true; }; "limit": { "alias": "limit"; "required": false; "isSignal": true; }; "hyperlink": { "alias": "hyperlink"; "required": false; "isSignal": true; }; "minWidthPanel": { "alias": "minWidthPanel"; "required": false; "isSignal": true; }; "hideInlineError": { "alias": "hideInlineError"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "viewed": { "alias": "viewed"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "validator": { "alias": "validator"; "required": false; "isSignal": true; }; "inlineError": { "alias": "inlineError"; "required": false; "isSignal": true; }; "appearanceInput": { "alias": "appearance"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "valueModel": { "alias": "model"; "required": false; "isSignal": true; }; }, { "valueModel": "modelChange"; "sdChange": "sdChange"; "sdSelection": "sdSelection"; }, ["sdLabelTemplate", "sdValueTemplate", "itemDef", "sdViewDef"], ["[sdLabel]"], true, never>;
 }

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

@@ -1,5 +1,5 @@
 import { AfterViewInit, ElementRef, OnDestroy, OnInit } from '@angular/core';
-import { ValidatorFn } from '@angular/forms';
+import { FormGroup, ValidatorFn } from '@angular/forms';
 import { MatFormFieldAppearance } from '@angular/material/form-field';
 import { SdLabelDefDirective, SdSuffixDefDirective, SdViewDefDirective } from '@sd-angular/core/forms/directives';
 import { SdCustomValidator, SdFormControl } from '@sd-angular/core/forms/models';
@@ -18,7 +18,7 @@ export declare class SdTextarea implements OnInit, AfterViewInit, OnDestroy {
     autoId: import("@angular/core").Signal<string | undefined>;
     name: import("@angular/core").InputSignal<string>;
     size: import("@angular/core").InputSignal<SdSize>;
-    form: import("@angular/core").InputSignal<any>;
+    form: import("@angular/core").InputSignalWithTransform<FormGroup<any> | undefined, any>;
     label: import("@angular/core").InputSignal<string | undefined>;
     helperText: import("@angular/core").InputSignal<string | undefined>;
     placeholder: import("@angular/core").InputSignal<string>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sd-angular/core",
-  "version": "19.0.0-beta.50",
+  "version": "19.0.0-beta.52",
   "peerDependencies": {
     "@angular/common": "^19.0.0 || ^20.0.0 || ^21.0.0",
     "@angular/core": "^19.0.0 || ^20.0.0 || ^21.0.0",
@@ -30,14 +30,14 @@
       "types": "./index.d.ts",
       "default": "./fesm2022/sd-angular-core.mjs"
     },
-    "./configurations": {
-      "types": "./configurations/index.d.ts",
-      "default": "./fesm2022/sd-angular-core-configurations.mjs"
-    },
     "./directives": {
       "types": "./directives/index.d.ts",
       "default": "./fesm2022/sd-angular-core-directives.mjs"
     },
+    "./configurations": {
+      "types": "./configurations/index.d.ts",
+      "default": "./fesm2022/sd-angular-core-configurations.mjs"
+    },
     "./components": {
       "types": "./components/index.d.ts",
       "default": "./fesm2022/sd-angular-core-components.mjs"
@@ -86,14 +86,14 @@
       "types": "./components/badge/index.d.ts",
       "default": "./fesm2022/sd-angular-core-components-badge.mjs"
     },
-    "./components/avatar": {
-      "types": "./components/avatar/index.d.ts",
-      "default": "./fesm2022/sd-angular-core-components-avatar.mjs"
-    },
     "./components/base": {
       "types": "./components/base/index.d.ts",
       "default": "./fesm2022/sd-angular-core-components-base.mjs"
     },
+    "./components/avatar": {
+      "types": "./components/avatar/index.d.ts",
+      "default": "./fesm2022/sd-angular-core-components-avatar.mjs"
+    },
     "./components/button": {
       "types": "./components/button/index.d.ts",
       "default": "./fesm2022/sd-angular-core-components-button.mjs"
@@ -102,89 +102,85 @@
       "types": "./components/code-editor/index.d.ts",
       "default": "./fesm2022/sd-angular-core-components-code-editor.mjs"
     },
-    "./components/document-builder": {
-      "types": "./components/document-builder/index.d.ts",
-      "default": "./fesm2022/sd-angular-core-components-document-builder.mjs"
+    "./components/import-excel": {
+      "types": "./components/import-excel/index.d.ts",
+      "default": "./fesm2022/sd-angular-core-components-import-excel.mjs"
     },
     "./components/mini-editor": {
       "types": "./components/mini-editor/index.d.ts",
       "default": "./fesm2022/sd-angular-core-components-mini-editor.mjs"
     },
-    "./components/modal": {
-      "types": "./components/modal/index.d.ts",
-      "default": "./fesm2022/sd-angular-core-components-modal.mjs"
-    },
     "./components/history": {
       "types": "./components/history/index.d.ts",
       "default": "./fesm2022/sd-angular-core-components-history.mjs"
     },
-    "./components/import-excel": {
-      "types": "./components/import-excel/index.d.ts",
-      "default": "./fesm2022/sd-angular-core-components-import-excel.mjs"
+    "./components/document-builder": {
+      "types": "./components/document-builder/index.d.ts",
+      "default": "./fesm2022/sd-angular-core-components-document-builder.mjs"
+    },
+    "./components/modal": {
+      "types": "./components/modal/index.d.ts",
+      "default": "./fesm2022/sd-angular-core-components-modal.mjs"
     },
     "./components/preview": {
       "types": "./components/preview/index.d.ts",
       "default": "./fesm2022/sd-angular-core-components-preview.mjs"
     },
-    "./components/query-builder": {
-      "types": "./components/query-builder/index.d.ts",
-      "default": "./fesm2022/sd-angular-core-components-query-builder.mjs"
+    "./components/section": {
+      "types": "./components/section/index.d.ts",
+      "default": "./fesm2022/sd-angular-core-components-section.mjs"
     },
     "./components/quick-action": {
       "types": "./components/quick-action/index.d.ts",
       "default": "./fesm2022/sd-angular-core-components-quick-action.mjs"
     },
-    "./components/tab-router": {
-      "types": "./components/tab-router/index.d.ts",
-      "default": "./fesm2022/sd-angular-core-components-tab-router.mjs"
+    "./components/query-builder": {
+      "types": "./components/query-builder/index.d.ts",
+      "default": "./fesm2022/sd-angular-core-components-query-builder.mjs"
     },
     "./components/side-drawer": {
       "types": "./components/side-drawer/index.d.ts",
       "default": "./fesm2022/sd-angular-core-components-side-drawer.mjs"
     },
-    "./components/section": {
-      "types": "./components/section/index.d.ts",
-      "default": "./fesm2022/sd-angular-core-components-section.mjs"
+    "./components/upload-file": {
+      "types": "./components/upload-file/index.d.ts",
+      "default": "./fesm2022/sd-angular-core-components-upload-file.mjs"
     },
     "./components/view": {
       "types": "./components/view/index.d.ts",
       "default": "./fesm2022/sd-angular-core-components-view.mjs"
     },
+    "./components/table": {
+      "types": "./components/table/index.d.ts",
+      "default": "./fesm2022/sd-angular-core-components-table.mjs"
+    },
     "./components/workflow": {
       "types": "./components/workflow/index.d.ts",
       "default": "./fesm2022/sd-angular-core-components-workflow.mjs"
     },
-    "./forms/checkbox": {
-      "types": "./forms/checkbox/index.d.ts",
-      "default": "./fesm2022/sd-angular-core-forms-checkbox.mjs"
-    },
-    "./forms/chip": {
-      "types": "./forms/chip/index.d.ts",
-      "default": "./fesm2022/sd-angular-core-forms-chip.mjs"
-    },
     "./forms/autocomplete": {
       "types": "./forms/autocomplete/index.d.ts",
       "default": "./fesm2022/sd-angular-core-forms-autocomplete.mjs"
     },
+    "./forms/checkbox": {
+      "types": "./forms/checkbox/index.d.ts",
+      "default": "./fesm2022/sd-angular-core-forms-checkbox.mjs"
+    },
     "./forms/chip-calendar": {
       "types": "./forms/chip-calendar/index.d.ts",
       "default": "./fesm2022/sd-angular-core-forms-chip-calendar.mjs"
     },
-    "./components/table": {
-      "types": "./components/table/index.d.ts",
-      "default": "./fesm2022/sd-angular-core-components-table.mjs"
-    },
-    "./forms/date-range": {
-      "types": "./forms/date-range/index.d.ts",
-      "default": "./fesm2022/sd-angular-core-forms-date-range.mjs"
+    "./forms/chip": {
+      "types": "./forms/chip/index.d.ts",
+      "default": "./fesm2022/sd-angular-core-forms-chip.mjs"
     },
     "./forms/date": {
       "types": "./forms/date/index.d.ts",
       "default": "./fesm2022/sd-angular-core-forms-date.mjs"
     },
-    "./forms/datetime": {
-      "types": "./forms/datetime/index.d.ts",
-      "default": "./fesm2022/sd-angular-core-forms-datetime.mjs"
+    "./forms/date-range": {
+      "types": "./forms/date-range/index.d.ts",
+      "default": "./fesm2022/sd-angular-core-forms-date-range.mjs"
     },
     "./forms/directives": {
       "types": "./forms/directives/index.d.ts",
@@ -194,6 +190,10 @@
       "types": "./forms/input/index.d.ts",
       "default": "./fesm2022/sd-angular-core-forms-input.mjs"
     },
+    "./forms/datetime": {
+      "types": "./forms/datetime/index.d.ts",
+      "default": "./fesm2022/sd-angular-core-forms-datetime.mjs"
+    },
     "./forms/input-number": {
       "types": "./forms/input-number/index.d.ts",
       "default": "./fesm2022/sd-angular-core-forms-input-number.mjs"
@@ -202,14 +202,14 @@
       "types": "./forms/label/index.d.ts",
       "default": "./fesm2022/sd-angular-core-forms-label.mjs"
     },
-    "./forms/models": {
-      "types": "./forms/models/index.d.ts",
-      "default": "./fesm2022/sd-angular-core-forms-models.mjs"
-    },
     "./forms/radio": {
       "types": "./forms/radio/index.d.ts",
       "default": "./fesm2022/sd-angular-core-forms-radio.mjs"
     },
+    "./forms/models": {
+      "types": "./forms/models/index.d.ts",
+      "default": "./fesm2022/sd-angular-core-forms-models.mjs"
+    },
     "./forms/select": {
       "types": "./forms/select/index.d.ts",
       "default": "./fesm2022/sd-angular-core-forms-select.mjs"
@@ -230,14 +230,14 @@
       "types": "./modules/auth/index.d.ts",
       "default": "./fesm2022/sd-angular-core-modules-auth.mjs"
     },
-    "./modules/layout": {
-      "types": "./modules/layout/index.d.ts",
-      "default": "./fesm2022/sd-angular-core-modules-layout.mjs"
-    },
     "./modules/keycloak": {
       "types": "./modules/keycloak/index.d.ts",
       "default": "./fesm2022/sd-angular-core-modules-keycloak.mjs"
     },
+    "./modules/layout": {
+      "types": "./modules/layout/index.d.ts",
+      "default": "./fesm2022/sd-angular-core-modules-layout.mjs"
+    },
     "./modules/permission": {
       "types": "./modules/permission/index.d.ts",
       "default": "./fesm2022/sd-angular-core-modules-permission.mjs"
@@ -254,45 +254,45 @@
       "types": "./services/confirm/index.d.ts",
       "default": "./fesm2022/sd-angular-core-services-confirm.mjs"
     },
-    "./services/docx": {
-      "types": "./services/docx/index.d.ts",
-      "default": "./fesm2022/sd-angular-core-services-docx.mjs"
-    },
     "./services/excel": {
       "types": "./services/excel/index.d.ts",
       "default": "./fesm2022/sd-angular-core-services-excel.mjs"
     },
-    "./services/firebase": {
-      "types": "./services/firebase/index.d.ts",
-      "default": "./fesm2022/sd-angular-core-services-firebase.mjs"
+    "./services/docx": {
+      "types": "./services/docx/index.d.ts",
+      "default": "./fesm2022/sd-angular-core-services-docx.mjs"
     },
     "./services/license": {
       "types": "./services/license/index.d.ts",
       "default": "./fesm2022/sd-angular-core-services-license.mjs"
     },
-    "./services/storage": {
-      "types": "./services/storage/index.d.ts",
-      "default": "./fesm2022/sd-angular-core-services-storage.mjs"
-    },
-    "./services/notify": {
-      "types": "./services/notify/index.d.ts",
-      "default": "./fesm2022/sd-angular-core-services-notify.mjs"
+    "./services/firebase": {
+      "types": "./services/firebase/index.d.ts",
+      "default": "./fesm2022/sd-angular-core-services-firebase.mjs"
     },
     "./services/loading": {
       "types": "./services/loading/index.d.ts",
       "default": "./fesm2022/sd-angular-core-services-loading.mjs"
     },
-    "./utilities/extensions": {
-      "types": "./utilities/extensions/index.d.ts",
-      "default": "./fesm2022/sd-angular-core-utilities-extensions.mjs"
+    "./services/notify": {
+      "types": "./services/notify/index.d.ts",
+      "default": "./fesm2022/sd-angular-core-services-notify.mjs"
+    },
+    "./services/storage": {
+      "types": "./services/storage/index.d.ts",
+      "default": "./fesm2022/sd-angular-core-services-storage.mjs"
     },
     "./utilities/models": {
       "types": "./utilities/models/index.d.ts",
       "default": "./fesm2022/sd-angular-core-utilities-models.mjs"
     },
-    "./components/upload-file": {
-      "types": "./components/upload-file/index.d.ts",
-      "default": "./fesm2022/sd-angular-core-components-upload-file.mjs"
+    "./utilities/extensions": {
+      "types": "./utilities/extensions/index.d.ts",
+      "default": "./fesm2022/sd-angular-core-utilities-extensions.mjs"
+    },
+    "./components/tab-router": {
+      "types": "./components/tab-router/index.d.ts",
+      "default": "./fesm2022/sd-angular-core-components-tab-router.mjs"
     }
   }
 }

package/services/api/src/api.model.d.ts

@@ -15,16 +15,21 @@ export type SdPutOption = HttpPutOption & SdApiOption;
 type HttpDeleteOption = Parameters<HttpClient['delete']>[1];
 export type SdDeleteOption = HttpDeleteOption & SdApiOption;
 export interface SdApiHandler {
+    /** Danh sách host URL mà handler này sẽ xử lý */
     hosts: string[];
+    /** Can thiệp request: gắn header, token, transform body... */
     intercept?: (request: HttpRequest<any>) => HttpRequest<any>;
+    /** Hook chạy TRƯỚC khi gửi request (dùng để log, tracking...) */
     beforeRemote?: (request: HttpRequest<any>) => void | Promise<void>;
+    /** Hook chạy SAU khi nhận response (xử lý lỗi, notify...) */
     afterRemote?: (response: HttpResponse<any> | HttpErrorResponse | Error) => void | Promise<void>;
+    /** Transform response body thành kiểu dữ liệu mong muốn */
     mapResponse?: <Tres = any, Tdata = any>(response: Tres) => Tdata;
+    /** Timeout tính bằng milliseconds. Mặc định: 30000 (30 giây) */
     timeout?: number;
 }
 export interface ISdApiConfiguration {
     handlers: SdApiHandler[];
 }
 export declare const SD_API_CONFIG: InjectionToken<ISdApiConfiguration>;
-export declare const TOKEN: string;
 export {};

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

@@ -20,5 +20,6 @@ declare const SdUtilities: {
     parseQueryParams: (queryString?: string) => Record<string, string>;
     getClientPublicIp: () => Promise<string | null>;
     generateUuid: () => string;
+    getNestedValue: (obj: any, path: string) => any;
 };
 export { SdUtilities };