@sdcorejs/angular 19.1.6 → 19.2.0

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

@@ -12,6 +12,9 @@ import * as i0 from "@angular/core";
 export declare class SdSelect<T extends object | string | number = Record<string, unknown>> implements OnInit {
     #private;
     id: string;
+    /** why: id ổn định của <mat-error> để control trỏ `aria-describedby` sang — thông báo lỗi
+     *  phải đọc được từ chính control, không chỉ hiện ra màn hình. */
+    readonly errorId: string;
     matInputRef: Signal<MatInput | undefined>;
     selectRef: Signal<MatSelect | undefined>;
     sdLabelTemplate: Signal<TemplateRef<any> | undefined>;
@@ -49,8 +52,8 @@ export declare class SdSelect<T extends object | string | number = Record<string
     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<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; }[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; }[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>;
+    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; }[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; }[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; }[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>;
@@ -62,6 +65,11 @@ export declare class SdSelect<T extends object | string | number = Record<string
     /** Display mode: `false` edit · `true` static view · `'inline'` view + click-to-edit (bare editor). */
     viewed: import("@angular/core").InputSignalWithTransform<SdViewed, SdViewedInput>;
     multiple: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Hiện option "Tất cả" đầu panel (chỉ multiple + items là mảng tĩnh/Signal — ẩn với
+     * SdSearch lazy vì dataset không xác định). Opt-in, default `false`.
+     */
+    showSelectAll: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     /**
      * Whether the `viewed='inline'` text face shows a hover clear-× to empty the value.
      * Default `true`. Set `false` where the HOST owns removal (e.g. `<sd-query-bar>` chips,
@@ -86,7 +94,7 @@ export declare class SdSelect<T extends object | string | number = Record<string
     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>>;
+    sdSelection: import("@angular/core").OutputEmitterRef<SdSelectionData<unknown>>;
     formControl: SdFormControl;
     inputControl: FormControl<string | null>;
     loading: import("@angular/core").WritableSignal<boolean>;
@@ -107,6 +115,15 @@ export declare class SdSelect<T extends object | string | number = Record<string
     normalizedValue: Signal<string | number | boolean | (string | number | boolean)[] | null | undefined>;
     filtered: Signal<boolean>;
     delayTime: Signal<0 | 500>;
+    /**
+     * Scope của "Tất cả": item enabled khớp search text hiện tại, tính trên MẢNG NGUỒN
+     * `actualItems()`.
+     */
+    readonly selectAllScope: Signal<T[]>;
+    /** Row "Tất cả" chỉ render khi opt-in + multiple + items tĩnh + scope có item để thao tác. */
+    readonly selectAllVisible: Signal<boolean>;
+    /** Trạng thái checkbox "Tất cả", tính trên items ENABLED trong scope (item disabled bỏ qua). */
+    readonly selectAllState: Signal<"checked" | "indeterminate" | "unchecked">;
     itemValue: (item: T) => unknown;
     itemDisplay: (item: T) => string;
     itemDisabled: (item: T) => boolean;
@@ -117,6 +134,12 @@ export declare class SdSelect<T extends object | string | number = Record<string
     constructor();
     ngOnInit(): void;
     onSelectionChange: (change: MatSelectChange) => void;
+    /**
+     * Toggle "Tất cả" theo scope hiện tại (items enabled khớp search):
+     * - Đang `checked` → BỎ chọn các value trong scope (giữ value ngoài scope, kể cả item disabled đã chọn).
+     * - Ngược lại → CHỌN THÊM toàn bộ scope, union với selection hiện có (additive khi đang search).
+     */
+    toggleSelectAll: () => void;
     reValidate: () => void;
     clear: ($event?: any) => void;
     onClick: () => void;
@@ -127,5 +150,5 @@ export declare class SdSelect<T extends object | string | number = Record<string
     open: () => void;
     onOpenedChange: (isOpened: boolean) => void;
     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; }; "clearable": { "alias": "clearable"; "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; }; "floatLabel": { "alias": "floatLabel"; "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", "sdSelectedTemplate", "itemDef", "sdViewDef", "footerActions"], ["[sdLabel]"], true, 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": false; "isSignal": true; }; "displayField": { "alias": "displayField"; "required": false; "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; }; "showSelectAll": { "alias": "showSelectAll"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "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; }; "floatLabel": { "alias": "floatLabel"; "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", "sdSelectedTemplate", "itemDef", "sdViewDef", "footerActions"], ["[sdLabel]"], true, never>;
 }

package/forms/src/forms.module.d.ts

@@ -1,18 +1,27 @@
 import * as i0 from "@angular/core";
-import * as i1 from "@sdcorejs/angular/forms/input";
-import * as i2 from "@sdcorejs/angular/forms/input-number";
-import * as i3 from "@sdcorejs/angular/forms/date";
-import * as i4 from "@sdcorejs/angular/forms/date-range";
-import * as i5 from "@sdcorejs/angular/forms/time";
-import * as i6 from "@sdcorejs/angular/forms/time-range";
-import * as i7 from "@sdcorejs/angular/forms/entity-picker";
-import * as i8 from "@sdcorejs/angular/forms/tree-select";
-import * as i9 from "@sdcorejs/angular/forms/select";
-import * as i10 from "@sdcorejs/angular/forms/autocomplete";
-import * as i11 from "@sdcorejs/angular/forms/radio";
-import * as i12 from "@sdcorejs/angular/forms/textarea";
+import * as i1 from "@sdcorejs/angular/forms/label";
+import * as i2 from "@sdcorejs/angular/forms/input";
+import * as i3 from "@sdcorejs/angular/forms/input-color";
+import * as i4 from "@sdcorejs/angular/forms/inline-text";
+import * as i5 from "@sdcorejs/angular/forms/input-number";
+import * as i6 from "@sdcorejs/angular/forms/date";
+import * as i7 from "@sdcorejs/angular/forms/datetime";
+import * as i8 from "@sdcorejs/angular/forms/date-range";
+import * as i9 from "@sdcorejs/angular/forms/time";
+import * as i10 from "@sdcorejs/angular/forms/time-range";
+import * as i11 from "@sdcorejs/angular/forms/entity-picker";
+import * as i12 from "@sdcorejs/angular/forms/tree-select";
+import * as i13 from "@sdcorejs/angular/forms/select";
+import * as i14 from "@sdcorejs/angular/forms/autocomplete";
+import * as i15 from "@sdcorejs/angular/forms/switch";
+import * as i16 from "@sdcorejs/angular/forms/radio";
+import * as i17 from "@sdcorejs/angular/forms/textarea";
+import * as i18 from "@sdcorejs/angular/forms/chip";
+import * as i19 from "@sdcorejs/angular/forms/chip-calendar";
+import * as i20 from "@sdcorejs/angular/forms/checkbox";
+import * as i21 from "@sdcorejs/angular/forms/directives";
 export declare class SdFormsModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SdFormsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SdFormsModule, never, [typeof i1.SdInput, typeof i2.SdInputNumber, typeof i3.SdDate, typeof i4.SdDateRange, typeof i5.SdTime, typeof i6.SdTimeRange, typeof i7.SdEntityPicker, typeof i8.SdTreeSelect, typeof i9.SdSelect, typeof i10.SdAutocomplete, typeof i11.SdRadio, typeof i12.SdTextarea], [typeof i1.SdInput, typeof i2.SdInputNumber, typeof i3.SdDate, typeof i4.SdDateRange, typeof i5.SdTime, typeof i6.SdTimeRange, typeof i7.SdEntityPicker, typeof i8.SdTreeSelect, typeof i9.SdSelect, typeof i10.SdAutocomplete, typeof i11.SdRadio, typeof i12.SdTextarea]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SdFormsModule, never, [typeof i1.SdLabel, typeof i2.SdInput, typeof i3.SdInputColor, typeof i4.SdInlineText, typeof i5.SdInputNumber, typeof i6.SdDate, typeof i7.SdDatetime, typeof i8.SdDateRange, typeof i9.SdTime, typeof i10.SdTimeRange, typeof i11.SdEntityPicker, typeof i12.SdTreeSelect, typeof i13.SdSelect, typeof i14.SdAutocomplete, typeof i15.SdSwitch, typeof i16.SdRadio, typeof i17.SdTextarea, typeof i18.SdChip, typeof i19.SdChipCalendar, typeof i20.SdCheckbox, typeof i21.SdSuffixDefDirective, typeof i21.SdLabelDefDirective, typeof i21.SdViewDefDirective, typeof i21.SdItemDefDefDirective, typeof i13.SdSelectFooterActionDirective, typeof i11.SdEntityPickerSelectedTemplateDirective, typeof i11.SdEntityPickerRowTemplateDirective, typeof i11.SdEntityPickerDetailTemplateDirective, typeof i12.SdTreeSelectNodeTemplateDirective], [typeof i1.SdLabel, typeof i2.SdInput, typeof i3.SdInputColor, typeof i4.SdInlineText, typeof i5.SdInputNumber, typeof i6.SdDate, typeof i7.SdDatetime, typeof i8.SdDateRange, typeof i9.SdTime, typeof i10.SdTimeRange, typeof i11.SdEntityPicker, typeof i12.SdTreeSelect, typeof i13.SdSelect, typeof i14.SdAutocomplete, typeof i15.SdSwitch, typeof i16.SdRadio, typeof i17.SdTextarea, typeof i18.SdChip, typeof i19.SdChipCalendar, typeof i20.SdCheckbox, typeof i21.SdSuffixDefDirective, typeof i21.SdLabelDefDirective, typeof i21.SdViewDefDirective, typeof i21.SdItemDefDefDirective, typeof i13.SdSelectFooterActionDirective, typeof i11.SdEntityPickerSelectedTemplateDirective, typeof i11.SdEntityPickerRowTemplateDirective, typeof i11.SdEntityPickerDetailTemplateDirective, typeof i12.SdTreeSelectNodeTemplateDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SdFormsModule>;
 }

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

@@ -25,6 +25,11 @@ export declare class SdSwitch implements OnInit, OnDestroy {
     readonly dataEmpty: import("@angular/core").Signal<"true" | "false">;
     readonly dataValue: import("@angular/core").Signal<string>;
     readonly dataRequired: import("@angular/core").Signal<"true" | "false">;
+    readonly errorMessage: import("@angular/core").Signal<string | undefined>;
+    /** Shared reactive form policy — `validationError` is already interaction-gated (touched/dirty). */
+    readonly connectorState: import("@angular/core").Signal<import("@sdcorejs/angular/forms/models").ɵSdFormControlConnectorState<boolean | null | undefined>>;
+    /** Message to render inline; `undefined` while untouched, or when `hideInlineError` is set. */
+    readonly visibleErrorMessage: import("@angular/core").Signal<string | undefined>;
     ngOnInit(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdSwitch, never>;

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

@@ -1,13 +1,16 @@
-import { AfterViewInit, ElementRef, OnDestroy, OnInit } from '@angular/core';
+import { ElementRef, OnDestroy, OnInit } from '@angular/core';
 import { FormGroup } from '@angular/forms';
 import { FloatLabelType, MatFormFieldAppearance } from '@angular/material/form-field';
 import { SdLabelDefDirective, SdSuffixDefDirective, SdViewDefDirective } from '@sdcorejs/angular/forms/directives';
 import { SdCustomValidator, SdFormControl, SdViewed, SdViewedInput } from '@sdcorejs/angular/forms/models';
 import { Size } from '@sdcorejs/utils/models';
 import * as i0 from "@angular/core";
-export declare class SdTextarea implements OnInit, AfterViewInit, OnDestroy {
+export declare class SdTextarea implements OnInit, OnDestroy {
     #private;
     id: string;
+    /** why: id ổn định của <mat-error> để control trỏ `aria-describedby` sang — thông báo lỗi
+     *  phải đọc được từ chính control, không chỉ hiện ra màn hình. */
+    readonly errorId: string;
     textareaRef: import("@angular/core").Signal<ElementRef<HTMLTextAreaElement> | undefined>;
     sdViewDef: import("@angular/core").Signal<SdViewDefDirective<any, any> | undefined>;
     sdLabelDef: import("@angular/core").Signal<SdLabelDefDirective | undefined>;
@@ -58,7 +61,6 @@ export declare class SdTextarea implements OnInit, AfterViewInit, OnDestroy {
     isFocused: boolean;
     constructor();
     ngOnInit(): void;
-    ngAfterViewInit(): void;
     ngOnDestroy(): void;
     onFocus: () => void;
     onBlur: () => void;

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

@@ -60,8 +60,29 @@ export declare class SdTimeRange {
     readonly isReadonly: import("@angular/core").Signal<boolean>;
     readonly viewTemplate: import("@angular/core").Signal<TemplateRef<unknown> | undefined>;
     readonly displayValue: import("@angular/core").Signal<string>;
-    readonly showClear: import("@angular/core").Signal<boolean>;
+    /**
+     * Endpoint invalid ĐÃ gate theo tương tác — CHỈ dùng cho hiển thị (message, `data-invalid`).
+     * `connectorState().invalid` của `sd-time` là `invalid && (touched || dirty)`.
+     */
     readonly endpointInvalid: import("@angular/core").Signal<boolean>;
+    /**
+     * Endpoint invalid THÔ — không gate theo tương tác. Dùng cho VALIDATOR của control tổng.
+     * why: endpoint không còn được đăng ký vào FormGroup của consumer, nên validity của chúng chỉ
+     * tới được form cha qua control tổng. Nếu đường đó cũng gate theo `touched || dirty` thì một
+     * endpoint invalid do ghi programmatic (chưa ai chạm vào) sẽ để form cha VALID — sai contract
+     * đã ghi trong `sd-time-range.md`.
+     * `formControl.invalid` là property thường nên tự nó không phát tín hiệu; đọc `connectorState()`
+     * một nhịp để computed có dependency reactive theo `events` của endpoint control.
+     */
+    readonly endpointInvalidRaw: import("@angular/core").Signal<boolean>;
+    /**
+     * Message đã gate theo tương tác — thứ template được phép hiển thị.
+     * why: `errorMessage()` thô bung lỗi ngay lần paint đầu với `[required]`, khi người dùng chưa
+     * chạm vào ô nào. `connectorState().validationError` gate theo control tổng; range còn có 2
+     * endpoint có thể invalid trong khi control tổng chưa dirty (text sai không tới được model tổng),
+     * nên phải cộng thêm nhánh endpoint — `endpointInvalid` tự nó đã gate theo touched/dirty.
+     */
+    readonly visibleError: import("@angular/core").Signal<string | undefined>;
     readonly dataDisabled: import("@angular/core").Signal<"true" | "false">;
     readonly dataInvalid: import("@angular/core").Signal<"true" | "false">;
     readonly dataEmpty: import("@angular/core").Signal<"true" | "false">;

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

@@ -1,8 +1,11 @@
 import { ElementRef, TemplateRef } from '@angular/core';
-import { FormGroup } from '@angular/forms';
+import { FormControl, FormGroup } from '@angular/forms';
+import { ErrorStateMatcher } from '@angular/material/core';
+import { MatFormFieldAppearance } from '@angular/material/form-field';
 import { SdModal } from '@sdcorejs/angular/components/modal';
 import { SdTree, SdTreeComponentOption, SdTreeDataSource, SdTreeItem, SdTreeItemContext, SdTreeLoadErrorEvent, SdTreeOption, SdTreeSelectionEvent } from '@sdcorejs/angular/components/tree';
 import { SdFormControl, SdViewed, SdViewedInput, ɵSdFormControlParent } from '@sdcorejs/angular/forms/models';
+import { Size } from '@sdcorejs/utils/models';
 import * as i0 from "@angular/core";
 export type SdTreeSelectModel<TKey> = TKey | TKey[] | null | undefined;
 export type SdTreeSelectTemplateContext<T> = SdTreeItemContext<T>;
@@ -14,18 +17,24 @@ export declare class SdTreeSelectNodeTemplateDirective<T> {
 }
 export declare class SdTreeSelect<T = unknown, TKey = string | number> {
     #private;
-    readonly trigger: import("@angular/core").Signal<ElementRef<HTMLButtonElement> | undefined>;
+    readonly trigger: import("@angular/core").Signal<ElementRef<HTMLInputElement> | undefined>;
     readonly modal: import("@angular/core").Signal<SdModal | undefined>;
     readonly treeComponent: import("@angular/core").Signal<SdTree<T> | undefined>;
     readonly nodeTemplate: import("@angular/core").Signal<SdTreeSelectNodeTemplateDirective<any> | undefined>;
+    readonly errorId: string;
     readonly autoIdInput: import("@angular/core").InputSignal<string | null | undefined>;
     readonly autoId: import("@angular/core").Signal<string | undefined>;
     readonly name: import("@angular/core").InputSignal<string>;
     readonly form: import("@angular/core").InputSignalWithTransform<FormGroup<any> | undefined, ɵSdFormControlParent>;
     readonly label: import("@angular/core").InputSignal<string | undefined>;
+    readonly helperText: import("@angular/core").InputSignal<string | undefined>;
     readonly placeholder: import("@angular/core").InputSignal<string | null | undefined>;
     readonly modalTitle: import("@angular/core").InputSignal<string | null | undefined>;
     readonly ariaLabel: import("@angular/core").InputSignal<string | undefined>;
+    readonly size: import("@angular/core").InputSignal<Size>;
+    readonly appearanceInput: import("@angular/core").InputSignal<MatFormFieldAppearance | undefined>;
+    readonly appearance: import("@angular/core").Signal<MatFormFieldAppearance>;
+    readonly hideInlineError: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     readonly items: import("@angular/core").InputSignal<SdTreeDataSource<SdTreeItem<T>>>;
     readonly tree: import("@angular/core").InputSignal<SdTreeOption<T>>;
     readonly 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; }[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) | undefined>;
@@ -37,15 +46,36 @@ export declare class SdTreeSelect<T = unknown, TKey = string | number> {
     readonly multiple: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     readonly cascade: import("@angular/core").InputSignal<"independent" | "descendants">;
     readonly required: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /** Component-local error text. Set it to force the control invalid and render the message. */
+    readonly inlineError: import("@angular/core").InputSignal<string | undefined>;
     readonly clearable: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     readonly readonly: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     readonly viewed: import("@angular/core").InputSignalWithTransform<SdViewed, SdViewedInput>;
     readonly model: import("@angular/core").ModelSignal<SdTreeSelectModel<TKey>>;
     readonly sdChange: import("@angular/core").OutputEmitterRef<SdTreeSelectModel<TKey>>;
-    readonly sdLoadError: import("@angular/core").OutputEmitterRef<SdTreeLoadErrorEvent<T>>;
+    readonly loadError: import("@angular/core").OutputEmitterRef<SdTreeLoadErrorEvent<T>>;
     readonly formControl: SdFormControl;
+    readonly errorMessage: import("@angular/core").Signal<string | undefined>;
     readonly connectorState: import("@angular/core").Signal<import("@sdcorejs/angular/forms/models").ɵSdFormControlConnectorState<SdTreeSelectModel<TKey>>>;
+    /** Interaction-gated validation message; `undefined` until the control is touched/dirty. */
+    readonly visibleErrorMessage: import("@angular/core").Signal<string | undefined>;
+    /**
+     * Text-only control backing the readonly trigger; `formControl` above holds the real keys.
+     *
+     * why: phải là một `FormControl` THẬT chứ không phải `[value]`. `MatInput.ngDoCheck` chỉ gọi
+     * `updateErrorState()` khi có `NgControl` — không có nó thì `errorState` đứng yên ở `false`, mà
+     * `<mat-error>`, viền đỏ và `aria-invalid` đều bám vào cờ đó, nên field bắt buộc bỏ trống lại im
+     * lặng y như bug cũ. Trạng thái disabled cũng chảy qua control này (MatInput tự đồng bộ
+     * `disabled` từ `ngControl` mỗi vòng CD, nên bind `[disabled]` trên template sẽ bị ghi đè).
+     */
+    readonly displayControl: FormControl<string>;
+    /**
+     * why: MatInput đã có `NgControl`, nhưng control đó là ô TEXT — nó không biết gì về `required`
+     * hay validator của tree-select. Matcher nối thẳng `errorState` của Material vào message đã gate
+     * theo tương tác của connector.
+     */
+    readonly errorStateMatcher: ErrorStateMatcher;
     readonly draftKeys: import("@angular/core").WritableSignal<TKey[]>;
     readonly modelKeys: import("@angular/core").Signal<TKey[]>;
     readonly effectivePlaceholder: import("@angular/core").Signal<string>;
@@ -55,7 +85,8 @@ export declare class SdTreeSelect<T = unknown, TKey = string | number> {
     readonly draftEntities: import("@angular/core").Signal<T[]>;
     readonly displayText: import("@angular/core").Signal<string>;
     readonly treeOption: import("@angular/core").Signal<SdTreeComponentOption<T>>;
-    open(): void;
+    constructor();
+    open(event?: Event): void;
     applySelection(): void;
     cancel(): void;
     clear(event?: Event): void;
@@ -66,6 +97,6 @@ export declare class SdTreeSelect<T = unknown, TKey = string | number> {
     keyOf(item: T): TKey;
     displayEntity(item: T): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdTreeSelect<any, any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SdTreeSelect<any, any>, "sd-tree-select", never, { "autoIdInput": { "alias": "autoId"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "modalTitle": { "alias": "modalTitle"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "tree": { "alias": "tree"; "required": false; "isSignal": true; }; "valueField": { "alias": "valueField"; "required": false; "isSignal": true; }; "keySelector": { "alias": "keySelector"; "required": false; "isSignal": true; }; "displayField": { "alias": "displayField"; "required": false; "isSignal": true; }; "displayWith": { "alias": "displayWith"; "required": false; "isSignal": true; }; "compareWith": { "alias": "compareWith"; "required": false; "isSignal": true; }; "disabledNode": { "alias": "disabledNode"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "cascade": { "alias": "cascade"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "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; }; "model": { "alias": "model"; "required": false; "isSignal": true; }; }, { "model": "modelChange"; "sdChange": "sdChange"; "sdLoadError": "sdLoadError"; }, ["nodeTemplate"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdTreeSelect<any, any>, "sd-tree-select", never, { "autoIdInput": { "alias": "autoId"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "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; }; "modalTitle": { "alias": "modalTitle"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "appearanceInput": { "alias": "appearance"; "required": false; "isSignal": true; }; "hideInlineError": { "alias": "hideInlineError"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "tree": { "alias": "tree"; "required": false; "isSignal": true; }; "valueField": { "alias": "valueField"; "required": false; "isSignal": true; }; "keySelector": { "alias": "keySelector"; "required": false; "isSignal": true; }; "displayField": { "alias": "displayField"; "required": false; "isSignal": true; }; "displayWith": { "alias": "displayWith"; "required": false; "isSignal": true; }; "compareWith": { "alias": "compareWith"; "required": false; "isSignal": true; }; "disabledNode": { "alias": "disabledNode"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "cascade": { "alias": "cascade"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "inlineError": { "alias": "inlineError"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "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; }; "model": { "alias": "model"; "required": false; "isSignal": true; }; }, { "model": "modelChange"; "sdChange": "sdChange"; "loadError": "loadError"; }, ["nodeTemplate"], ["[sdLabel]"], true, never>;
 }
 export declare function normalizeTreeSelectKeys<TKey>(value: SdTreeSelectModel<TKey>, multiple: boolean): TKey[];

package/i18n/src/en.d.ts

@@ -78,9 +78,6 @@ export declare const EN_MESSAGES: {
     readonly 'core.interceptor.no-internet.restored': "Connection restored.";
     readonly 'core.excel.cannot-read-file': "Could not read file content";
     readonly 'core.excel.no-sheet': "Excel file has no data sheet";
-    readonly 'core.docx.invalid-format': "Invalid format. Please select a template in DOC or DOCX format";
-    readonly 'core.docx.size-exceeded': "Template file size exceeds the supported limit. Please try again";
-    readonly 'core.docx.convert-error': "An error occurred while converting the DOCX file";
     readonly 'core.notify.type.success': "Success";
     readonly 'core.notify.type.info': "Information";
     readonly 'core.notify.type.warning': "Warning";
@@ -177,7 +174,6 @@ export declare const EN_MESSAGES: {
     readonly 'core.form.time-range.step': "Times must align to a {step}-minute interval";
     readonly 'core.form.time-range.from': "From";
     readonly 'core.form.time-range.to': "To";
-    readonly 'core.form.time-range.clear': "Clear time range";
     readonly 'core.form.time-spinner.hour': "Hour";
     readonly 'core.form.time-spinner.minute': "Minute";
     readonly 'core.form.time-spinner.second': "Second";
@@ -196,6 +192,7 @@ export declare const EN_MESSAGES: {
     readonly 'core.form.checkbox.checked': "Yes";
     readonly 'core.form.checkbox.unchecked': "No";
     readonly 'core.form.select.required': "Please enter information";
+    readonly 'core.form.select.selectAll': "All";
     readonly 'core.form.textarea.required': "Please enter information";
     readonly 'core.form.textarea.maxlength': "Maximum characters: {max}";
     readonly 'core.form.textarea.invalid-pattern': "Invalid format";
@@ -209,12 +206,6 @@ export declare const EN_MESSAGES: {
     readonly 'core.component.editor.image.max-width': "Image width {width}px exceeds the limit of {max}px";
     readonly 'core.component.editor.image.max-height': "Image height {height}px exceeds the limit of {max}px";
     readonly 'core.component.editor.image.max-per-selection': "You can select at most {max} images per selection";
-    readonly 'core.component.document-builder.page-number.current': "Current page number";
-    readonly 'core.component.document-builder.page-number.total': "Total pages";
-    readonly 'core.component.document-builder.ck-comment.label': "Comment";
-    readonly 'core.component.document-builder.ck-comment.text-too-long': "Text too long ({length} characters). Maximum {max} characters.";
-    readonly 'core.component.document-builder.variable.not-allowed': "Adding variable to the text is not allowed";
-    readonly 'core.component.document-builder.variable.invalid-data': "Invalid variable data";
     readonly 'core.component.form-builder.field-key': "Field key";
     readonly 'core.component.form-builder.display': "Display";
     readonly 'core.component.form-builder.general': "General";
@@ -228,6 +219,7 @@ export declare const EN_MESSAGES: {
     readonly 'core.component.form-builder.required-when': "Required when";
     readonly 'core.component.form-builder.confirm': "Confirm";
     readonly 'core.component.form-builder.delete': "Delete";
+    readonly 'core.component.form-builder.select-item': "Select to edit";
     readonly 'core.component.form-builder.save': "Save";
     readonly 'core.component.form-builder.hint': "Hint";
     readonly 'core.component.form-builder.parameter': "Parameters";
@@ -299,9 +291,13 @@ export declare const EN_MESSAGES: {
     readonly 'core.component.form-builder.display-label': "Display label";
     readonly 'core.component.form-builder.attribute': "Attribute";
     readonly 'core.component.form-builder.add-variable': "Add variable";
+    readonly 'core.component.form-builder.no-variable': "No variables yet. Add one to use it in condition expressions.";
+    readonly 'core.component.form-builder.no-validation': "No validations yet. Add one to show a warning or an error on a condition.";
     readonly 'core.component.form-builder.add-new': "Add new";
     readonly 'core.component.form-builder.detail': "Details";
     readonly 'core.component.form-builder.create-update': "Create/update";
+    readonly 'core.component.form-builder.update-row': "Update row";
+    readonly 'core.component.form-builder.add-row': "Add row";
     readonly 'core.component.form-builder.default': "Default";
     readonly 'core.component.form-builder.show-more': "Show more";
     readonly 'core.component.form-builder.show-less': "Show less";
@@ -470,6 +466,8 @@ export declare const EN_MESSAGES: {
     readonly 'core.component.table.error-occurred': "An error occurred";
     readonly 'core.component.table.not-an-array': "Data is not an array";
     readonly 'core.component.table.config.confirm-reset': "Confirm reset all settings to defaults";
+    readonly 'core.component.table.config.drag-hint': "Drag the ⠿ handle to reorder columns";
+    readonly 'core.component.table.config.drag-handle': "Drag to reorder column";
     readonly 'core.component.table.popup-export.select-columns': "Please select columns to export";
     readonly 'core.component.table.selector-action.default-msg': "items selected";
     readonly 'core.component.tab-router.too-many-tabs': "You have opened too many tabs.";
@@ -498,6 +496,13 @@ export declare const EN_MESSAGES: {
     readonly 'core.module.layout.user.notification': "Notifications";
     readonly 'core.module.layout.sidebar.search': "Search";
     readonly 'core.module.layout.sidebar.toggle': "Toggle sidebar";
+    readonly 'core.module.layout.sidebar.menu-groups': "Menu groups";
+    readonly 'core.module.layout.sidebar.close-menu': "Close menu";
+    readonly 'core.module.layout.sidebar.search-in-group': "Search this group";
+    readonly 'core.module.layout.sidebar.primary-nav': "Primary navigation";
+    readonly 'core.module.layout.sidebar.more-menu': "More menus";
+    readonly 'core.module.layout.sidebar.more': "More";
+    readonly 'core.module.layout.sidebar.search-in-menu': "Search menus";
     readonly 'core.module.layout.greeting.hello': "Hello, {name}";
     readonly 'core.module.layout.weekday.0': "Sunday";
     readonly 'core.module.layout.weekday.1': "Monday";
@@ -524,4 +529,79 @@ export declare const EN_MESSAGES: {
     readonly 'core.module.layout.home.feature.integration': "Integration";
     readonly 'core.module.layout.mock.user.full-name': "Demo User";
     readonly 'core.module.generic.generic-select.detail-link': "details";
+    readonly 'core.component.query-bar.search-placeholder': "Search...";
+    readonly 'core.component.query-bar.no-fields': "No fields configured";
+    readonly 'core.component.query-bar.add-filter': "Add filter";
+    readonly 'core.component.query-bar.clear-all': "Clear all ({count})";
+    readonly 'core.component.query-bar.search': "Search";
+    readonly 'core.component.query-bar.logic-operator': "Logic operator";
+    readonly 'core.component.query-bar.boolean.true': "Yes";
+    readonly 'core.component.query-bar.boolean.false': "No";
+    readonly 'core.component.query-bar.placeholder.value': "value";
+    readonly 'core.component.query-bar.placeholder.text': "type…";
+    readonly 'core.component.query-bar.placeholder.from-number': "From";
+    readonly 'core.component.query-bar.placeholder.to-number': "To";
+    readonly 'core.component.query-bar.placeholder.from-text': "from…";
+    readonly 'core.component.query-bar.placeholder.to-text': "to…";
+    readonly 'core.component.query-bar.swap-field': "Swap field";
+    readonly 'core.component.query-bar.placeholder.select-value': "Select value";
+    readonly 'core.component.query-bar.placeholder.enter-value': "Enter value";
+    readonly 'core.component.query-bar.loading-values': "Loading...";
+    readonly 'core.component.query-bar.field-empty': "No fields configured yet.";
+    readonly 'core.component.query-bar.saved-filters.tooltip': "Saved filters";
+    readonly 'core.component.query-bar.saved-filters.tooltip-disabled': "Requires [savedFiltersKey] to enable";
+    readonly 'core.component.query-bar.saved-filters.delete': "Delete filter";
+    readonly 'core.component.query-bar.saved-filters.empty': "No saved filters yet.";
+    readonly 'core.component.query-bar.saved-filters.save': "Save current filter";
+    readonly 'core.component.query-bar.saved-filters.name-label': "Filter name";
+    readonly 'core.component.query-builder.date-mode.absolute': "Specific date";
+    readonly 'core.component.query-builder.date-mode.now': "Today";
+    readonly 'core.component.query-builder.date-mode.relative': "Relative";
+    readonly 'core.component.query-builder.value-source.literal': "Enter a value";
+    readonly 'core.component.query-builder.value-source.field': "Compare with field";
+    readonly 'core.component.query-builder.relative.hour-previous': "hours ago";
+    readonly 'core.component.query-builder.relative.hour-next': "hours from now";
+    readonly 'core.component.query-builder.relative.day-previous': "days ago";
+    readonly 'core.component.query-builder.relative.day-next': "days from now";
+    readonly 'core.component.query-builder.relative.week-previous': "weeks ago";
+    readonly 'core.component.query-builder.relative.week-next': "weeks from now";
+    readonly 'core.component.query-builder.relative.month-previous': "months ago";
+    readonly 'core.component.query-builder.relative.month-next': "months from now";
+    readonly 'core.component.query-builder.relative.format': "{amount} {phrase}";
+    readonly 'core.component.query-builder.add': "Add";
+    readonly 'core.component.query-builder.add-node': "Add a condition or group";
+    readonly 'core.component.query-builder.condition': "Condition";
+    readonly 'core.component.query-builder.group': "Group";
+    readonly 'core.component.query-builder.remove-group': "Remove group";
+    readonly 'core.component.query-builder.remove-condition': "Remove condition";
+    readonly 'core.component.query-builder.empty': "No conditions yet";
+    readonly 'core.component.query-builder.select-field': "Select field";
+    readonly 'core.component.query-builder.value': "Value";
+    readonly 'core.component.query-builder.from': "From";
+    readonly 'core.component.query-builder.to': "To";
+    readonly 'core.component.query-builder.boolean.true': "Yes";
+    readonly 'core.component.query-builder.boolean.false': "No";
+    readonly 'core.component.tree.selected-count': "{count} item(s) selected";
+    readonly 'core.component.tree.expand': "Expand tree item";
+    readonly 'core.component.tree.collapse': "Collapse tree item";
+    readonly 'core.component.tree.retry-item': "Retry loading tree item";
+    readonly 'core.component.tree.load-error': "Unable to load tree data";
+    readonly 'core.directive.hover-copy.copied': "Copied";
+    readonly 'core.module.layout.sidebar.pinned': "Pinned";
+    readonly 'core.module.layout.sidebar.recent': "Recent";
+    readonly 'core.module.layout.sidebar.all-menu': "All menus";
+    readonly 'core.module.layout.menu.pin': "Pin {title}";
+    readonly 'core.module.layout.menu.unpin': "Unpin {title}";
+    readonly 'core.form.date.open-picker': "Open calendar";
+    readonly 'core.form.datetime.open-picker': "Open calendar";
+    readonly 'core.form.date-range.open-picker': "Open calendar";
+    readonly 'core.form.date-range.clear': "Clear date range";
+    readonly 'core.form.select.search': "Search";
+    readonly 'core.component.table.loading': "Loading table data";
+    readonly 'core.component.upload-file.loading': "Uploading file";
+    readonly 'core.component.import-excel.loading': "Loading data";
+    readonly 'core.component.upload-file.remove': "Remove file";
+    readonly 'core.component.upload-file.zoom': "Zoom image";
+    readonly 'core.component.upload-file.view-all': "View all images";
+    readonly 'core.component.form-builder.canvas': "Form design canvas";
 };

package/i18n/src/i18n.messages.d.ts

@@ -1,2 +1,2 @@
-import type { Language } from './i18n.types';
+import type { Language } from '@sdcorejs/utils/models';
 export declare const I18N_MESSAGES: Record<Language, Readonly<Record<string, string>>>;

package/i18n/src/i18n.pipe.d.ts

@@ -1,9 +1,9 @@
 import { PipeTransform } from '@angular/core';
 import { I18nParams } from './i18n.types';
 import * as i0 from "@angular/core";
-export declare class TranslatePipe implements PipeTransform {
+export declare class SdTranslatePipe implements PipeTransform {
     #private;
     transform(key: string, params?: I18nParams): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TranslatePipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<TranslatePipe, "translate", true>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdTranslatePipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<SdTranslatePipe, "sdTranslate", true>;
 }

package/i18n/src/i18n.service.d.ts

@@ -1,5 +1,6 @@
 import { Signal } from '@angular/core';
-import { I18nParams, Language } from './i18n.types';
+import { I18nParams } from './i18n.types';
+import { Language } from '@sdcorejs/utils/models';
 import * as i0 from "@angular/core";
 export declare class I18nService {
     #private;

package/i18n/src/i18n.types.d.ts

@@ -1,7 +1,4 @@
 import type { EN_MESSAGES } from './en';
-import { SUPPORTED_LANGUAGES, type Language } from '@sdcorejs/angular/models';
-export { SUPPORTED_LANGUAGES };
-export type { Language };
 export type I18nKey = keyof typeof EN_MESSAGES;
 export type I18nParams = Record<string, string | number>;
 /**

package/interceptors/no-internet/no-internet.interceptor.d.ts

@@ -1,10 +1,20 @@
 import { HttpEvent, HttpHandler, HttpInterceptor, HttpRequest } from '@angular/common/http';
+import { InjectionToken } from '@angular/core';
 import { Observable } from 'rxjs';
 import * as i0 from "@angular/core";
+/**
+ * URL dùng để dò kết nối khi một request trả về status 0.
+ *
+ * why: bản cũ hard-code `https://jsonplaceholder.typicode.com/todos/1`, không override được. Mọi
+ * app tiêu dùng thư viện đều ping một bên thứ ba lạ mỗi 3 giây khi mất mạng, và vì probe đi qua
+ * NGUYÊN chuỗi interceptor của app nên bất kỳ interceptor nào gắn header auth vô điều kiện đều
+ * rò token ra ngoài origin. Mặc định giờ là một đường dẫn same-origin; app đổi bằng cách provide
+ * lại token này (nên trỏ tới endpoint tĩnh, rẻ, không cần auth).
+ */
+export declare const SD_NO_INTERNET_PROBE_URL: InjectionToken<string>;
 export declare class SdNoInternetInterceptor implements HttpInterceptor {
     #private;
     private snackBar;
-    private injector;
     /** Inserted by Angular inject() migration for backwards compatibility */
     constructor(...args: unknown[]);
     intercept(request: HttpRequest<unknown>, next: HttpHandler): Observable<HttpEvent<unknown>>;

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

@@ -1,4 +1,4 @@
-export interface SdAuthInfo<T = any> {
+export interface SdAuthInfo<T = unknown> {
     id?: string;
     username?: string;
     firstName?: string;

package/modules/keycloak/keycloak.service.d.ts

@@ -2,6 +2,7 @@ import Keycloak from 'keycloak-js';
 import { SdKeycloakTenantConfig } from './keycloak.configuration';
 import * as i0 from "@angular/core";
 export declare class SdKeycloakService {
+    #private;
     keycloak: Keycloak;
     config: SdKeycloakTenantConfig;
     init(config: SdKeycloakTenantConfig): Promise<boolean>;

package/modules/layout/components/shared/menu-tree/menu-tree.component.d.ts

@@ -10,6 +10,8 @@ interface SdLayoutMenuTreeNode {
     isActive: boolean;
     isPinned: boolean;
     isPinVisible: boolean;
+    /** Accessible name of the pin toggle — already i18n-resolved with the menu title interpolated. */
+    pinLabel: string;
 }
 export declare class SdLayoutMenuTreeComponent {
     #private;

package/modules/layout/components/sidebar-mobile-v1/components/sidebar/sidebar.component.d.ts

@@ -2,7 +2,7 @@ import { Params } from '@angular/router';
 import { SdLayoutUserInfo, SidebarConfigurationV1 } from '../../../../configurations';
 import { SdLayoutMenu } from '../../../../services';
 import * as i0 from "@angular/core";
-export declare class SidebarMobileOverlayComponent {
+export declare class SdSidebarMobileOverlay {
     #private;
     isShowSidebar: import("@angular/core").InputSignal<boolean>;
     menus: import("@angular/core").InputSignal<SdLayoutMenu[]>;
@@ -30,6 +30,6 @@ export declare class SidebarMobileOverlayComponent {
     getQueryParams(menu: SdLayoutMenu): Params;
     onUserMenuOpened: () => void;
     onUserMenuClosed: () => void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SidebarMobileOverlayComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SidebarMobileOverlayComponent, "sd-sidebar-mobile-overlay", never, { "isShowSidebar": { "alias": "isShowSidebar"; "required": false; "isSignal": true; }; "menus": { "alias": "menus"; "required": true; "isSignal": true; }; "userInfo": { "alias": "userInfo"; "required": true; "isSignal": true; }; "sidebar": { "alias": "sidebar"; "required": true; "isSignal": true; }; }, { "showSideBar": "showSideBar"; "expandSideBar": "expandSideBar"; "popupUserMenuOpened": "popupUserMenuOpened"; "popupUserMenuClosed": "popupUserMenuClosed"; "titleMenuGroupChanged": "titleMenuGroupChanged"; }, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdSidebarMobileOverlay, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdSidebarMobileOverlay, "sd-sidebar-mobile-overlay", never, { "isShowSidebar": { "alias": "isShowSidebar"; "required": false; "isSignal": true; }; "menus": { "alias": "menus"; "required": true; "isSignal": true; }; "userInfo": { "alias": "userInfo"; "required": true; "isSignal": true; }; "sidebar": { "alias": "sidebar"; "required": true; "isSignal": true; }; }, { "showSideBar": "showSideBar"; "expandSideBar": "expandSideBar"; "popupUserMenuOpened": "popupUserMenuOpened"; "popupUserMenuClosed": "popupUserMenuClosed"; "titleMenuGroupChanged": "titleMenuGroupChanged"; }, never, never, true, never>;
 }