@sdcorejs/angular 19.1.5 → 19.2.0

package/forms/models/src/sd-temporal-transform.d.ts

@@ -0,0 +1,31 @@
+/**
+ * Output serialization strategy for the temporal form controls (`<sd-date>`, `<sd-datetime>`,
+ * `<sd-date-range>`).
+ *
+ * This names how a committed value leaves the component — through `model` / `modelChange` /
+ * `sdChange` and the registered `FormGroup` field. It does **not** touch what the field displays,
+ * and it is **not** an Angular input-coercion `transform`.
+ */
+export type SdTemporalValueTransform = 'ISOString' | 'UTCString';
+/** Every supported strategy, derived from the strategy map so the two can never drift. */
+export declare const SD_TEMPORAL_VALUE_TRANSFORMS: readonly SdTemporalValueTransform[];
+export declare function sdIsTemporalValueTransform(value: unknown): value is SdTemporalValueTransform;
+/**
+ * Serializes a committed value with the active strategy.
+ *
+ * Returns `null` for anything that is not a usable `Date`, so an invalid value can never reach a
+ * serializer and produce the string `"Invalid Date"`. Callers treat `null` as "keep the existing
+ * representation".
+ */
+export declare function sdSerializeTemporalValue(value: Date | null | undefined, transform: SdTemporalValueTransform | null | undefined): string | null;
+/** Local midnight of the given day. Date-only controls serialize this instant, never the raw value. */
+export declare function sdLocalStartOfDay(value: Date): Date;
+/**
+ * Parses the wire formats these transforms emit, so a component can read back its own output.
+ *
+ * Deliberately narrow: only ISO 8601 and the RFC-1123 shape `toUTCString()` produces are accepted.
+ * Handing the whole job to `new Date(text)` would make every loosely date-shaped string parse
+ * differently per browser, and would swallow the legacy canonical formats the components already
+ * parse with their own strict parsers. Returns `null` when the text is not one of these.
+ */
+export declare function sdParseTransformedTemporal(value: unknown): Date | null;

package/forms/models/src/sd-timer-scope.d.ts

@@ -0,0 +1,29 @@
+/**
+ * @internal Macrotask timers owned by a component/directive injector.
+ *
+ * Every pending handle is cleared when the host is destroyed, so a deferred focus,
+ * panel-open or emit can never run against a torn-down view.
+ */
+export interface ɵSdTimerScope {
+    /**
+     * `setTimeout` with the same observable timing, minus the leak: the handle is tracked
+     * and cleared on destroy. Scheduling after destroy is a no-op.
+     */
+    schedule(handler: () => void, delayMs?: number): void;
+    /** Cancels every pending timer without waiting for destroy. */
+    clear(): void;
+    /** Number of timers still pending. Test/diagnostics only. */
+    readonly pending: number;
+}
+/**
+ * @internal Creates a destroy-scoped timer bag. MUST be called from an injection context
+ * (class field initializer or constructor) because it resolves `DestroyRef`.
+ *
+ * why: gần như mọi form control đều hoãn focus / mở panel bằng `setTimeout(..., 100)` để chờ
+ * Material dựng xong DOM. Handle không được giữ lại nên callback vẫn chạy sau khi host view đã
+ * destroy — route đổi nhanh hoặc chip bị gỡ giữa lúc focus là đủ để `detectChanges()` ném
+ * `ViewDestroyedError`, hoặc để một output bắn ra sau khi consumer đã unsubscribe. Gom vào một
+ * scope duy nhất để nơi dùng chỉ cần đổi `setTimeout(fn, ms)` → `#timers.schedule(fn, ms)`,
+ * KHÔNG đổi độ trễ (đây là fix vòng đời, không phải fix hành vi).
+ */
+export declare function ɵsdTimerScope(): ɵSdTimerScope;

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";
@@ -458,6 +454,8 @@ export declare const EN_MESSAGES: {
     readonly 'core.component.table.choose-filter-hint': "Please choose a filter to start";
     readonly 'core.component.table.no-data': "No data";
     readonly 'core.component.table.export-excel': "Export Excel";
+    readonly 'core.component.table.exporting': "Exporting...{percent}%";
+    readonly 'core.component.table.export': "Export";
     readonly 'core.component.table.export-csv': "Export CSV";
     readonly 'core.component.table.showing': "Showing:";
     readonly 'core.component.table.paginator.first-page': "First page";
@@ -468,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.";
@@ -496,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";
@@ -512,6 +519,8 @@ export declare const EN_MESSAGES: {
     readonly 'core.module.layout.not-found.message': "The page you're looking for doesn't exist or has been removed. Please check the URL or go back to the home page to continue.";
     readonly 'core.module.layout.not-found.back': "Go back";
     readonly 'core.module.layout.home.tab-name': "Home";
+    readonly 'core.module.layout.not-found.tab-name': "Page Not Found";
+    readonly 'core.module.layout.forbidden.tab-name': "Access Denied";
     readonly 'core.module.layout.home.feature.data': "Data";
     readonly 'core.module.layout.home.feature.reports': "Reports";
     readonly 'core.module.layout.home.feature.users': "Users";
@@ -520,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;