@sd-angular/core 19.0.0-beta.98 → 19.0.3

package/forms/models/src/sd-viewed.d.ts

@@ -0,0 +1,38 @@
+import { Signal } from '@angular/core';
+/**
+ * Three display states shared by sd-form-controls:
+ * - `false`  → full edit chrome (input / dropdown).
+ * - `true`   → static read-only view (`<sd-view>` text), no editor.
+ * - `'inline'` → the editor is STILL rendered (so its panel works), but its chrome is
+ *   hidden; the `<sd-view>` text is the visible face / trigger. Click the text to open
+ *   the picker's panel. The text is retained while the panel is open — it only changes
+ *   when a new value is committed (JIRA-style click-to-edit).
+ */
+export type SdViewed = boolean | 'inline';
+export type SdViewedInput = SdViewed | '' | null | undefined;
+/**
+ * `viewed` input transform. Keeps `booleanAttribute` coercion so a bare attribute
+ * (`<sd-select viewed>`) still resolves to `true`, but intercepts the literal
+ * `'inline'` first — `booleanAttribute('inline')` would otherwise coerce it to `true`.
+ */
+export declare function sdViewedTransform(v: SdViewedInput): SdViewed;
+export interface SdViewedInlineApi {
+    /** `viewed() === 'inline'` — editor rendered but chrome hidden; sd-view text is the trigger face. */
+    readonly isInline: Signal<boolean>;
+    /** `viewed() === true` — static read-only view (no editor rendered). */
+    readonly isViewed: Signal<boolean>;
+    /** Open the picker from the inline text face. No-op unless `'inline'`. */
+    enterInlineEdit(): void;
+}
+/**
+ * Compose the tri-state `viewed` semantics into a control. `open` opens the control's
+ * native picker (mat-select panel / mat-calendar / overlay). In `'inline'` mode the editor
+ * is always rendered (chrome hidden via CSS), so `open()` can fire immediately on click —
+ * no render-swap, the view text never disappears.
+ *
+ * @param viewed   the control's `viewed` input signal.
+ * @param open     opens the control's picker; called by `enterInlineEdit`.
+ * @param disabled the control's disabled state. why: a disabled `'inline'` field must behave
+ *   like `viewed=true` (static, NOT click-to-edit) — you can't edit a disabled control.
+ */
+export declare function sdViewedInline(viewed: Signal<SdViewed>, open?: () => void, disabled?: Signal<boolean>): SdViewedInlineApi;

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

@@ -1,50 +1,52 @@
-import { AfterViewInit, ChangeDetectorRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
-import { FormGroup, NgForm, ValidatorFn } from '@angular/forms';
+import { AfterViewInit, OnDestroy, OnInit } from '@angular/core';
+import { FormGroup } from '@angular/forms';
 import { SdLabelDefDirective, SdSuffixDefDirective, SdViewDefDirective } from '@sd-angular/core/forms/directives';
-import { SdFormControl } from '@sd-angular/core/forms/models';
+import { SdFormControl, SdViewed, SdViewedInput } from '@sd-angular/core/forms/models';
+import { Color } from '@sdcorejs/utils/models';
 import * as i0 from "@angular/core";
 export declare class SdRadio implements OnInit, AfterViewInit, OnDestroy {
     #private;
-    ref: ChangeDetectorRef;
     id: string;
-    readonly autoIdInput: import("@angular/core").InputSignal<string | null | undefined>;
-    readonly autoId: import("@angular/core").Signal<string | undefined>;
-    set name(val: string | undefined);
     formControl: SdFormControl;
-    set form(val: NgForm | FormGroup | undefined | null);
-    label?: string;
-    placeholder?: string;
-    display: 'row' | 'column';
-    set _display(display: 'row' | 'column' | undefined | null);
-    set model(value: number | string | boolean);
-    items: any[];
-    set pItems(items: any[] | undefined);
-    valueField: string;
-    displayField: string;
-    required: boolean;
-    set _required(val: boolean | '' | undefined | null);
-    inlineError?: string;
-    set _inlineError(val: string);
-    set disabled(val: boolean | '' | undefined | null);
-    viewed: boolean;
-    set _viewed(val: boolean | '' | undefined | null);
-    hyperlink?: string | null;
-    sdSuffixDef?: SdSuffixDefDirective;
-    sdLabelDef?: SdLabelDefDirective;
-    sdViewDef?: SdViewDefDirective;
-    modelChange: EventEmitter<any>;
-    sdChange: EventEmitter<any>;
-    sdSelection: EventEmitter<{
+    readonly autoIdInput: import("@angular/core").InputSignalWithTransform<string | undefined, string | null | undefined>;
+    readonly name: import("@angular/core").InputSignalWithTransform<string | undefined, string | null | undefined>;
+    readonly form: import("@angular/core").InputSignalWithTransform<FormGroup<any> | undefined, any>;
+    readonly label: import("@angular/core").InputSignalWithTransform<string | undefined, string | null | undefined>;
+    readonly placeholder: import("@angular/core").InputSignalWithTransform<string | undefined, string | null | undefined>;
+    readonly display: import("@angular/core").InputSignalWithTransform<"row" | "column", "row" | "column" | null | undefined>;
+    readonly items: import("@angular/core").InputSignalWithTransform<any[], any[] | null | undefined>;
+    readonly valueField: import("@angular/core").InputSignal<string>;
+    readonly displayField: import("@angular/core").InputSignal<string>;
+    readonly required: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly inlineError: import("@angular/core").InputSignalWithTransform<string | undefined, string | null | undefined>;
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /** Display mode: `false` edit · `true` static view · `'inline'` interactive (disabled `'inline'` → static). */
+    readonly viewed: import("@angular/core").InputSignalWithTransform<SdViewed, SdViewedInput>;
+    /** `true` when the static read-only view should render. */
+    readonly isViewed: import("@angular/core").Signal<boolean>;
+    readonly color: import("@angular/core").InputSignalWithTransform<Color, Color | null | undefined>;
+    readonly hyperlink: import("@angular/core").InputSignalWithTransform<string | undefined, string | null | undefined>;
+    readonly model: import("@angular/core").ModelSignal<string | number | boolean | null | undefined>;
+    readonly sdSuffixDef: import("@angular/core").Signal<SdSuffixDefDirective | undefined>;
+    readonly sdLabelDef: import("@angular/core").Signal<SdLabelDefDirective | undefined>;
+    readonly sdViewDef: import("@angular/core").Signal<SdViewDefDirective<any, any> | undefined>;
+    readonly sdChange: import("@angular/core").OutputEmitterRef<unknown>;
+    readonly sdSelection: import("@angular/core").OutputEmitterRef<{
         value: any | any[];
         item?: any;
     }>;
-    constructor(ref: ChangeDetectorRef);
-    get viewedText(): any;
+    readonly autoId: import("@angular/core").Signal<string | undefined>;
+    readonly normalizedItems: import("@angular/core").Signal<any[]>;
+    readonly dataDisabled: import("@angular/core").Signal<"true" | "false">;
+    readonly dataEmpty: import("@angular/core").Signal<"true" | "false">;
+    readonly dataValue: import("@angular/core").Signal<string>;
+    readonly dataRequired: import("@angular/core").Signal<"true" | "false">;
+    readonly viewedText: import("@angular/core").Signal<any>;
+    constructor();
     ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
-    customInlineErrorValidator(): ValidatorFn;
     reValidate: () => void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdRadio, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SdRadio, "sd-radio", never, { "autoIdInput": { "alias": "autoId"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; }; "form": { "alias": "form"; "required": false; }; "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "_display": { "alias": "display"; "required": false; }; "model": { "alias": "model"; "required": false; }; "pItems": { "alias": "items"; "required": false; }; "valueField": { "alias": "valueField"; "required": true; }; "displayField": { "alias": "displayField"; "required": true; }; "_required": { "alias": "required"; "required": false; }; "_inlineError": { "alias": "inlineError"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "_viewed": { "alias": "viewed"; "required": false; }; "hyperlink": { "alias": "hyperlink"; "required": false; }; }, { "modelChange": "modelChange"; "sdChange": "sdChange"; "sdSelection": "sdSelection"; }, ["sdSuffixDef", "sdLabelDef", "sdViewDef"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdRadio, "sd-radio", 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; }; "display": { "alias": "display"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "valueField": { "alias": "valueField"; "required": true; "isSignal": true; }; "displayField": { "alias": "displayField"; "required": true; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "inlineError": { "alias": "inlineError"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "viewed": { "alias": "viewed"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "hyperlink": { "alias": "hyperlink"; "required": false; "isSignal": true; }; "model": { "alias": "model"; "required": false; "isSignal": true; }; }, { "model": "modelChange"; "sdChange": "sdChange"; "sdSelection": "sdSelection"; }, ["sdSuffixDef", "sdLabelDef", "sdViewDef"], never, true, never>;
 }

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

@@ -1,12 +1,12 @@
 import { OnInit, // THÊM IMPORT NÀY
 Signal, TemplateRef } from '@angular/core';
-import { FormControl, FormGroup, ValidatorFn } from '@angular/forms';
+import { FormControl, FormGroup } from '@angular/forms';
 import { FloatLabelType, MatFormFieldAppearance } from '@angular/material/form-field';
 import { MatInput } from '@angular/material/input';
 import { MatSelect, MatSelectChange } from '@angular/material/select';
 import { SdItemDefDefDirective, SdViewDefDirective } from '@sd-angular/core/forms/directives';
-import { SdCustomValidator, SdFormControl, SdSearch, SdSelectionData } from '@sd-angular/core/forms/models';
-import { SdNestedKeyOf } from '@sd-angular/core/utilities/models';
+import { SdCustomValidator, SdFormControl, SdSearch, SdSelectionData, SdViewed, SdViewedInput } from '@sd-angular/core/forms/models';
+import { Size } from '@sdcorejs/utils/models';
 import * as i0 from "@angular/core";
 export declare class SdSelect<T extends object | string | number = Record<string, unknown>> implements OnInit {
     #private;
@@ -15,19 +15,33 @@ export declare class SdSelect<T extends object | string | number = Record<string
     selectRef: Signal<MatSelect | undefined>;
     sdLabelTemplate: Signal<TemplateRef<any> | undefined>;
     sdValueTemplate: Signal<TemplateRef<any> | undefined>;
-    itemDef: Signal<SdItemDefDefDirective | undefined>;
-    sdViewDef: Signal<SdViewDefDirective | undefined>;
+    itemDef: Signal<SdItemDefDefDirective<any> | undefined>;
+    sdViewDef: Signal<SdViewDefDirective<any, any> | undefined>;
+    /**
+     * View display template. `sdViewDef` is now just a custom override of the view rendering —
+     * it replaces the projected `#sdValue` template when present (fed into `<sd-view>`'s
+     * `valueTemplate`), so there is ONE rendering path. No more `.sd-view` class / focus-swap;
+     * click-to-edit is governed by `viewed='inline'`.
+     */
+    readonly viewTemplate: Signal<TemplateRef<any> | undefined>;
     autoIdInput: import("@angular/core").InputSignal<string | null | undefined>;
     autoId: Signal<string | undefined>;
+    readonly dataDisabled: Signal<"true" | "false">;
+    readonly dataInvalid: Signal<"true" | "false">;
+    readonly dataEmpty: Signal<"true" | "false">;
+    readonly dataValue: Signal<string>;
+    readonly dataLoading: Signal<"true" | "false">;
+    readonly dataRequired: Signal<"true" | "false">;
+    readonly dataErrorMessage: Signal<string | null>;
     name: import("@angular/core").InputSignal<string>;
-    size: import("@angular/core").InputSignal<import("@sdcorejs/utils/models").Size>;
+    size: import("@angular/core").InputSignal<Size>;
     form: import("@angular/core").InputSignalWithTransform<FormGroup<any> | undefined, any>;
     label: import("@angular/core").InputSignal<string | undefined>;
     helperText: import("@angular/core").InputSignal<string | undefined>;
     placeholder: import("@angular/core").InputSignal<string | undefined>;
-    valueField: import("@angular/core").InputSignal<SdNestedKeyOf<T>>;
-    displayField: import("@angular/core").InputSignal<SdNestedKeyOf<T>>;
-    disabledField: import("@angular/core").InputSignal<"" | SdNestedKeyOf<T>>;
+    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>;
     hyperlink: import("@angular/core").InputSignal<string | null | undefined>;
@@ -35,15 +49,27 @@ export declare class SdSelect<T extends object | string | number = Record<string
     hideInlineError: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     required: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
-    viewed: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /** 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>;
+    /**
+     * 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,
+     * whose own `×` removes the whole filter) so the chip isn't cluttered with two ×.
+     */
+    clearable: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /** `true` when `viewed === 'inline'` — editor mounted but chrome hidden; sd-view text is the trigger face. */
+    readonly isInline: Signal<boolean>;
+    /** `true` when `viewed === true` — static read-only view, no editor mounted. */
+    readonly isViewed: Signal<boolean>;
+    /** Open the picker from the inline text face. No-op unless `viewed='inline'`. */
+    enterInlineEdit: () => void;
     validator: import("@angular/core").InputSignal<SdCustomValidator | undefined>;
     inlineError: import("@angular/core").InputSignal<string | undefined>;
     /**
      * Tổng hợp error message để hiển thị trong tooltip khi hideInlineError = true.
-     * Dùng getter (không phải computed) vì formControl.errors không phải Angular signal.
      */
-    get errorTooltipMessage(): string | undefined;
+    readonly errorMessage: Signal<string | undefined>;
     appearanceInput: import("@angular/core").InputSignal<MatFormFieldAppearance | undefined>;
     appearance: Signal<MatFormFieldAppearance>;
     floatLabel: import("@angular/core").InputSignal<FloatLabelType>;
@@ -72,13 +98,14 @@ export declare class SdSelect<T extends object | string | number = Record<string
     updatePanelWidth: () => void;
     constructor();
     ngOnInit(): void;
-    customInlineErrorValidator(): ValidatorFn;
     onSelectionChange: (change: MatSelectChange) => void;
     reValidate: () => void;
     clear: ($event?: any) => void;
     onClick: () => void;
     focus: () => void;
+    /** Open the select panel programmatically (anchors to the mat-select trigger). */
+    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; }; "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", "itemDef", "sdViewDef"], ["[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": 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", "itemDef", "sdViewDef"], ["[sdLabel]"], true, never>;
 }

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

@@ -1,33 +1,35 @@
-import { AfterViewInit, ChangeDetectorRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
-import { FormGroup, NgForm } from '@angular/forms';
-import { SdFormControl } from '@sd-angular/core/forms/models';
-import { SdColor } from '@sd-angular/core/utilities/models';
+import { AfterViewInit, OnDestroy, OnInit } from '@angular/core';
+import { FormGroup } from '@angular/forms';
+import { SdFormControl, SdViewed, SdViewedInput } from '@sd-angular/core/forms/models';
+import { Color } from '@sdcorejs/utils/models';
 import * as i0 from "@angular/core";
 export declare class SdSwitch implements OnInit, AfterViewInit, OnDestroy {
     #private;
-    private ref;
     id: string;
-    readonly autoIdInput: import("@angular/core").InputSignal<string | null | undefined>;
-    readonly autoId: import("@angular/core").Signal<string | undefined>;
-    set _name(val: string | undefined);
-    set form(val: NgForm | FormGroup | undefined | null);
-    label?: string;
-    set _label(val: string | undefined);
-    color?: SdColor;
-    set _color(val: SdColor | undefined | null);
-    set disabled(val: boolean | '' | undefined | null);
-    set model(value: boolean | undefined | null);
-    modelChange: EventEmitter<any>;
-    hideInlineError: boolean;
-    set _hideInlineError(val: boolean | '');
-    required: boolean;
-    set _required(val: boolean | '' | undefined | null);
-    sdChange: EventEmitter<any>;
     formControl: SdFormControl;
-    constructor(ref: ChangeDetectorRef);
+    readonly autoIdInput: import("@angular/core").InputSignalWithTransform<string | undefined, string | null | undefined>;
+    readonly name: import("@angular/core").InputSignalWithTransform<string | undefined, string | null | undefined>;
+    readonly form: import("@angular/core").InputSignalWithTransform<FormGroup<any> | undefined, any>;
+    readonly label: import("@angular/core").InputSignalWithTransform<string | undefined, string | null | undefined>;
+    readonly color: import("@angular/core").InputSignalWithTransform<Color, Color | null | undefined>;
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /** Display mode: `false` edit · `true` static view · `'inline'` interactive (disabled `'inline'` → static). */
+    readonly viewed: import("@angular/core").InputSignalWithTransform<SdViewed, SdViewedInput>;
+    /** `true` when the static read-only view should render. */
+    readonly isViewed: import("@angular/core").Signal<boolean>;
+    readonly hideInlineError: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly required: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly model: import("@angular/core").ModelSignal<boolean | null | undefined>;
+    readonly sdChange: import("@angular/core").OutputEmitterRef<unknown>;
+    readonly autoId: import("@angular/core").Signal<string | undefined>;
+    readonly dataDisabled: import("@angular/core").Signal<"true" | "false">;
+    readonly dataEmpty: import("@angular/core").Signal<"true" | "false">;
+    readonly dataValue: import("@angular/core").Signal<string>;
+    readonly dataRequired: import("@angular/core").Signal<"true" | "false">;
+    constructor();
     ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdSwitch, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SdSwitch, "sd-switch", never, { "autoIdInput": { "alias": "autoId"; "required": false; "isSignal": true; }; "_name": { "alias": "name"; "required": false; }; "form": { "alias": "form"; "required": false; }; "_label": { "alias": "label"; "required": false; }; "_color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "model": { "alias": "model"; "required": false; }; "_hideInlineError": { "alias": "hideInlineError"; "required": false; }; "_required": { "alias": "required"; "required": false; }; }, { "modelChange": "modelChange"; "sdChange": "sdChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdSwitch, "sd-switch", 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; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "viewed": { "alias": "viewed"; "required": false; "isSignal": true; }; "hideInlineError": { "alias": "hideInlineError"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "model": { "alias": "model"; "required": false; "isSignal": true; }; }, { "model": "modelChange"; "sdChange": "sdChange"; }, never, never, true, never>;
 }

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

@@ -1,20 +1,29 @@
 import { AfterViewInit, ElementRef, OnDestroy, OnInit } from '@angular/core';
-import { FormGroup, ValidatorFn } from '@angular/forms';
+import { FormGroup } from '@angular/forms';
 import { FloatLabelType, MatFormFieldAppearance } from '@angular/material/form-field';
 import { SdLabelDefDirective, SdSuffixDefDirective, SdViewDefDirective } from '@sd-angular/core/forms/directives';
-import { SdCustomValidator, SdFormControl } from '@sd-angular/core/forms/models';
+import { SdCustomValidator, SdFormControl, SdViewed, SdViewedInput } from '@sd-angular/core/forms/models';
+import { Size } from '@sdcorejs/utils/models';
 import * as i0 from "@angular/core";
 export declare class SdTextarea implements OnInit, AfterViewInit, OnDestroy {
     #private;
     id: string;
     textareaRef: import("@angular/core").Signal<ElementRef<HTMLTextAreaElement> | undefined>;
-    sdViewDef: import("@angular/core").Signal<SdViewDefDirective | undefined>;
+    sdViewDef: import("@angular/core").Signal<SdViewDefDirective<any, any> | undefined>;
     sdLabelDef: import("@angular/core").Signal<SdLabelDefDirective | undefined>;
     sdSuffixDef: import("@angular/core").Signal<SdSuffixDefDirective | undefined>;
     autoIdInput: import("@angular/core").InputSignal<string | null | undefined>;
     autoId: 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">;
+    readonly dataValue: import("@angular/core").Signal<string>;
+    readonly dataRequired: import("@angular/core").Signal<"true" | "false">;
+    readonly dataMaxLength: import("@angular/core").Signal<string | null>;
+    readonly dataPattern: import("@angular/core").Signal<string | null>;
+    readonly dataErrorMessage: import("@angular/core").Signal<string | null>;
     name: import("@angular/core").InputSignal<string>;
-    size: import("@angular/core").InputSignal<import("@sdcorejs/utils/models").Size>;
+    size: import("@angular/core").InputSignal<Size>;
     form: import("@angular/core").InputSignalWithTransform<FormGroup<any> | undefined, any>;
     label: import("@angular/core").InputSignalWithTransform<string | undefined, string | null | undefined>;
     helperText: import("@angular/core").InputSignalWithTransform<string | undefined, string | null | undefined>;
@@ -23,17 +32,23 @@ export declare class SdTextarea implements OnInit, AfterViewInit, OnDestroy {
     hideInlineError: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     required: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
-    viewed: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /** Display mode: `false` edit · `true` static view · `'inline'` borderless inline-edit (textarea reads like text). */
+    viewed: import("@angular/core").InputSignalWithTransform<SdViewed, SdViewedInput>;
     autoHeight: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /** `true` when `viewed === 'inline'`. */
+    readonly isInline: import("@angular/core").Signal<boolean>;
+    /** `true` when `viewed === true` (static view, no editor). */
+    readonly isViewed: import("@angular/core").Signal<boolean>;
+    /** Focus the inline textarea. No-op unless `viewed='inline'`. */
+    enterInlineEdit: () => void;
     maxlength: import("@angular/core").InputSignalWithTransform<number | null, unknown>;
     pattern: import("@angular/core").InputSignalWithTransform<string | undefined, string | null | undefined>;
     validator: import("@angular/core").InputSignal<SdCustomValidator | undefined>;
     inlineError: import("@angular/core").InputSignalWithTransform<string | undefined, string | null | undefined>;
     /**
      * Tổng hợp error message để hiển thị trong tooltip khi hideInlineError = true.
-     * Dùng getter (không phải computed) vì formControl.errors không phải Angular signal.
      */
-    get errorTooltipMessage(): string | undefined;
+    readonly errorMessage: import("@angular/core").Signal<string | undefined>;
     appearanceInput: import("@angular/core").InputSignal<MatFormFieldAppearance | undefined>;
     appearance: import("@angular/core").Signal<MatFormFieldAppearance>;
     floatLabel: import("@angular/core").InputSignal<FloatLabelType>;
@@ -50,7 +65,6 @@ export declare class SdTextarea implements OnInit, AfterViewInit, OnDestroy {
     onClick: () => void;
     blur: () => void;
     focus: () => void;
-    customInlineErrorValidator(): ValidatorFn;
     getCurrentLength: () => number;
     isMaxlengthExceeded: () => boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdTextarea, never>;

package/i18n/src/en.d.ts

@@ -8,15 +8,51 @@ export declare const EN_MESSAGES: {
     readonly 'core.validator.phone.name': "Phone";
     readonly 'core.validator.phone.error': "Invalid phone number";
     readonly 'core.validator.phone-vn.name': "VN phone";
-    readonly 'core.validator.phone-vn.error': "Invalid phone number";
+    readonly 'core.validator.phone-vn.error': "Invalid Vietnamese phone number";
     readonly 'core.validator.cccd.name': "National ID";
     readonly 'core.validator.cccd.error': "Invalid national ID (12 digits)";
-    readonly 'core.validator.passport.name': "Passport";
-    readonly 'core.validator.passport.error': "Invalid passport (1 letter + 7 digits)";
     readonly 'core.validator.id-vn.name': "National ID / Passport";
     readonly 'core.validator.id-vn.error': "Invalid national ID or passport";
+    readonly 'core.validator.vn-phone.name': "VN phone";
+    readonly 'core.validator.vn-phone.error': "Invalid Vietnamese phone number";
+    readonly 'core.validator.vn-id.name': "National ID";
+    readonly 'core.validator.vn-id.error': "Invalid national ID (12 digits)";
+    readonly 'core.validator.passport.name': "Passport";
+    readonly 'core.validator.passport.error': "Invalid passport (1 letter + 7 digits)";
+    readonly 'core.validator.vn-id-or-passport.name': "National ID / Passport";
+    readonly 'core.validator.vn-id-or-passport.error': "Invalid national ID or passport";
     readonly 'core.validator.time.name': "Time";
     readonly 'core.validator.time.error': "Invalid time (format HH:mm)";
+    readonly 'core.validator.url.name': "URL";
+    readonly 'core.validator.url.error': "Invalid URL";
+    readonly 'core.validator.domain.name': "Domain";
+    readonly 'core.validator.domain.error': "Invalid domain";
+    readonly 'core.validator.ipv4.name': "IPv4";
+    readonly 'core.validator.ipv4.error': "Invalid IPv4 address";
+    readonly 'core.validator.ipv6.name': "IPv6";
+    readonly 'core.validator.ipv6.error': "Invalid IPv6 address";
+    readonly 'core.validator.image-url.name': "Image URL";
+    readonly 'core.validator.image-url.error': "Invalid image URL";
+    readonly 'core.validator.slug.name': "Slug";
+    readonly 'core.validator.slug.error': "Invalid slug";
+    readonly 'core.validator.number.name': "Number";
+    readonly 'core.validator.number.error': "Invalid number";
+    readonly 'core.validator.integer.name': "Integer";
+    readonly 'core.validator.integer.error': "Invalid integer";
+    readonly 'core.validator.decimal.name': "Decimal";
+    readonly 'core.validator.decimal.error': "Invalid decimal number";
+    readonly 'core.validator.positive-number.name': "Positive number";
+    readonly 'core.validator.positive-number.error': "Must be a positive number";
+    readonly 'core.validator.uuid.name': "UUID";
+    readonly 'core.validator.uuid.error': "Invalid UUID";
+    readonly 'core.validator.code-16.name': "16-char code";
+    readonly 'core.validator.code-16.error': "Invalid 16-character code";
+    readonly 'core.validator.code-32.name': "32-char code";
+    readonly 'core.validator.code-32.error': "Invalid 32-character code";
+    readonly 'core.validator.hex-color.name': "Hex color";
+    readonly 'core.validator.hex-color.error': "Invalid hex color";
+    readonly 'core.validator.base64.name': "Base64";
+    readonly 'core.validator.base64.error': "Invalid Base64 string";
     readonly 'core.operator.equal.display': "Equal";
     readonly 'core.operator.not-equal.display': "Not equal";
     readonly 'core.operator.greater-than.display': "Greater than";
@@ -26,9 +62,12 @@ export declare const EN_MESSAGES: {
     readonly 'core.operator.contain.display': "Contains";
     readonly 'core.operator.not-contain.display': "Does not contain";
     readonly 'core.operator.start-with.display': "Starts with";
+    readonly 'core.operator.not-start-with.display': "Does not start with";
     readonly 'core.operator.end-with.display': "Ends with";
+    readonly 'core.operator.not-end-with.display': "Does not end with";
     readonly 'core.operator.in.display': "In";
     readonly 'core.operator.not-in.display': "Not in";
+    readonly 'core.operator.between.display': "Between";
     readonly 'core.operator.null.display': "Is empty";
     readonly 'core.operator.not-null.display': "Is not empty";
     readonly 'core.handler.global-error.update-title': "A NEW SYSTEM UPDATE IS AVAILABLE";
@@ -94,6 +133,10 @@ export declare const EN_MESSAGES: {
     readonly 'core.form.input-number.min': "Value must not be less than {min}";
     readonly 'core.form.input-number.max': "Value must not be greater than {max}";
     readonly 'core.form.radio.required': "Please enter information";
+    readonly 'core.form.switch.on': "On";
+    readonly 'core.form.switch.off': "Off";
+    readonly 'core.form.checkbox.checked': "Yes";
+    readonly 'core.form.checkbox.unchecked': "No";
     readonly 'core.form.select.required': "Please enter information";
     readonly 'core.form.textarea.required': "Please enter information";
     readonly 'core.form.textarea.maxlength': "Maximum characters: {max}";
@@ -204,6 +247,8 @@ export declare const EN_MESSAGES: {
     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";
+    readonly 'core.component.inform.show-more': "Show more";
+    readonly 'core.component.inform.show-less': "Show less";
     readonly 'core.component.form-builder.row-overflow': "Cannot move to this row because the total size exceeds 12 columns";
     readonly 'core.component.form-builder.upload-source.all': "All";
     readonly 'core.component.form-builder.upload-source.photo-library': "Pick from library";
@@ -219,6 +264,8 @@ export declare const EN_MESSAGES: {
     readonly 'core.component.form-builder.empty-hint': "Build your form by dragging fields from the left panel, or press";
     readonly 'core.component.form-builder.conditional': "Conditional";
     readonly 'core.component.form-builder.group-drop-here': "Drop a field here to add it to this group";
+    readonly 'core.component.form-builder.edit-group': "Edit group";
+    readonly 'core.component.form-builder.group-empty-hint': "Click Details to add fields to this group";
     readonly 'core.component.form-builder.hidden': "Hidden";
     readonly 'core.component.form-builder.read-only': "Read only";
     readonly 'core.component.form-builder.untitled': "Untitled";

package/modules/auth/configurations/auth.configuration.d.ts

@@ -1,6 +1,6 @@
 import { InjectionToken } from '@angular/core';
 import { CanActivate } from '@angular/router';
-import { SdMaybeAsync } from '@sd-angular/core/utilities';
+import { MaybeAsync } from '@sdcorejs/utils/models';
 import { SdAuthInfo } from '../services';
 export interface ISdAuthConfiguration {
     action?: IAuthConfigurationAction;
@@ -8,12 +8,12 @@ export interface ISdAuthConfiguration {
 }
 export declare const SD_AUTH_CONFIGURATION: InjectionToken<ISdAuthConfiguration>;
 interface IAuthConfigurationAction {
-    signout: () => SdMaybeAsync<void>;
-    changePassword?: () => SdMaybeAsync<void>;
+    signout: () => MaybeAsync<void>;
+    changePassword?: () => MaybeAsync<void>;
 }
 interface IAuthConfigurationGuard {
     auth?: CanActivate['canActivate'];
     portal?: CanActivate['canActivate'];
-    authInfo: () => SdMaybeAsync<SdAuthInfo>;
+    authInfo: () => MaybeAsync<SdAuthInfo>;
 }
 export {};

package/modules/layout/configurations/layout.configuration.d.ts

@@ -1,9 +1,9 @@
 import { InjectionToken } from '@angular/core';
-import { SdMaybeAsync } from '@sd-angular/core/utilities/models';
+import { MaybeAsync } from '@sdcorejs/utils/models';
 export interface ISdLayoutConfiguration {
     homeUrl?: string;
-    sidebar: ISdSidebarConfiguration | (() => SdMaybeAsync<ISdSidebarConfiguration>);
-    userInfo: SdLayoutUserInfo | (() => SdMaybeAsync<SdLayoutUserInfo>);
+    sidebar: ISdSidebarConfiguration | (() => MaybeAsync<ISdSidebarConfiguration>);
+    userInfo: SdLayoutUserInfo | (() => MaybeAsync<SdLayoutUserInfo>);
     signout: () => void | Promise<void>;
     changePassword?: () => void | Promise<void>;
 }

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

@@ -1,5 +1,5 @@
 import { InjectionToken } from '@angular/core';
-import { SdMaybeAsync } from '@sd-angular/core/utilities';
+import { MaybeAsync } from '@sdcorejs/utils/models';
 /**
  * Cấu hình trung tâm cho module permission.
  *
@@ -33,7 +33,7 @@ export interface ISdPermissionConfiguration {
      * Ví dụ giá trị trả về:
      * - `['PRODUCT_C_EMPLOYEE_VIEW', 'PRODUCT_C_EMPLOYEE_UPDATE']`
      */
-    loadPermissions: () => SdMaybeAsync<string[]>;
+    loadPermissions: () => MaybeAsync<string[]>;
     /**
      * Callback xử lý khi user không có quyền truy cập URL hiện tại.
      * Thường dùng để điều hướng sang trang forbidden hoặc hiển thị thông báo.
@@ -45,7 +45,7 @@ export interface ISdPermissionConfiguration {
      * Cung cấp access token hiện tại cho các tác vụ liên quan permission.
      * Hỗ trợ trả về đồng bộ, Promise hoặc Observable.
      */
-    getToken?: () => SdMaybeAsync<string | undefined | null>;
+    getToken?: () => MaybeAsync<string | undefined | null>;
 }
 /**
  * InjectionToken cho cấu hình permission.