@sd-angular/core 19.0.0-beta.100 → 19.0.0-beta.102

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

@@ -1,4 +1,4 @@
-import { OnDestroy, OnInit } from '@angular/core';
+import { OnDestroy, OnInit, TemplateRef } from '@angular/core';
 import { FormControl, FormGroup } from '@angular/forms';
 import { MatDatepickerInputEvent, MatDateRangePicker } from '@angular/material/datepicker';
 import { FloatLabelType, MatFormFieldAppearance } from '@angular/material/form-field';
@@ -36,6 +36,20 @@ export declare class SdDateRange implements OnDestroy, OnInit {
     readonly errorMessage: import("@angular/core").Signal<string | undefined>;
     required: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /** Bare mode — strip the form-field shell to fit inline in a chip / token. */
+    bare: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /** Viewed mode — render a read-only <sd-view> instead of the editable form-field. */
+    viewed: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /** Optional <ng-template #sdValue> projected by consumer to override the viewed text. */
+    sdValueTemplate: import("@angular/core").Signal<TemplateRef<unknown> | undefined>;
+    /**
+     * Formatted "dd/MM/yyyy → dd/MM/yyyy" string for the viewed-mode display.
+     * why: viewed mode chỉ hiển thị text — cần format gọn cho cả 2 đầu range,
+     * Returns empty when both ends are blank, "from →" when only from is set, and so on.
+     */
+    formatted: import("@angular/core").Signal<string>;
+    /** Open the range picker panel programmatically (for query-bar chip auto-open). */
+    open: () => void;
     appearanceInput: import("@angular/core").InputSignal<MatFormFieldAppearance | undefined>;
     appearance: import("@angular/core").Signal<MatFormFieldAppearance>;
     floatLabel: import("@angular/core").InputSignal<FloatLabelType>;
@@ -61,6 +75,6 @@ export declare class SdDateRange implements OnDestroy, OnInit {
     onClosePicker: () => void;
     onOpenPicker: (event: MouseEvent) => void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdDateRange, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SdDateRange, "sd-date-range", 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; }; "hideInlineError": { "alias": "hideInlineError"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "appearanceInput": { "alias": "appearance"; "required": false; "isSignal": true; }; "floatLabel": { "alias": "floatLabel"; "required": false; "isSignal": true; }; "minInput": { "alias": "min"; "required": false; "isSignal": true; }; "maxInput": { "alias": "max"; "required": false; "isSignal": true; }; "valueModel": { "alias": "model"; "required": false; "isSignal": true; }; }, { "valueModel": "modelChange"; "sdChange": "sdChange"; }, ["sdLabelDef"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdDateRange, "sd-date-range", 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; }; "hideInlineError": { "alias": "hideInlineError"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "bare": { "alias": "bare"; "required": false; "isSignal": true; }; "viewed": { "alias": "viewed"; "required": false; "isSignal": true; }; "appearanceInput": { "alias": "appearance"; "required": false; "isSignal": true; }; "floatLabel": { "alias": "floatLabel"; "required": false; "isSignal": true; }; "minInput": { "alias": "min"; "required": false; "isSignal": true; }; "maxInput": { "alias": "max"; "required": false; "isSignal": true; }; "valueModel": { "alias": "model"; "required": false; "isSignal": true; }; }, { "valueModel": "modelChange"; "sdChange": "sdChange"; }, ["sdLabelDef", "sdValueTemplate"], never, true, never>;
 }
 export {};

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

@@ -1,5 +1,5 @@
 import { ElementRef, OnDestroy, OnInit, TemplateRef } from '@angular/core';
-import { FormGroup, ValidatorFn } from '@angular/forms';
+import { FormGroup } from '@angular/forms';
 import { FloatLabelType, MatFormFieldAppearance } from '@angular/material/form-field';
 import { SdViewDefDirective } from '@sd-angular/core/forms/directives';
 import { SdFormControl } from '@sd-angular/core/forms/models';
@@ -10,7 +10,7 @@ export declare class SdDatetime implements OnDestroy, OnInit {
     inputRef: import("@angular/core").Signal<ElementRef<HTMLInputElement> | undefined>;
     sdLabelTemplate: import("@angular/core").Signal<TemplateRef<any> | undefined>;
     sdValueTemplate: import("@angular/core").Signal<TemplateRef<any> | undefined>;
-    sdViewDef: import("@angular/core").Signal<SdViewDefDirective | undefined>;
+    sdViewDef: import("@angular/core").Signal<SdViewDefDirective<any, any> | undefined>;
     private ref;
     private overlay;
     private elementRef;
@@ -36,6 +36,8 @@ export declare class SdDatetime implements OnDestroy, OnInit {
     viewed: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     /** Hiển thị thêm cột giây trong picker. Mặc định: chỉ HH:MM. */
     showSeconds: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /** Flatten the field chrome to a chip-friendly trigger (value + caret only). */
+    bare: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     inlineError: import("@angular/core").InputSignal<string | undefined>;
     /**
      * Tổng hợp error message để hiển thị trong tooltip khi hideInlineError = true.
@@ -68,7 +70,6 @@ export declare class SdDatetime implements OnDestroy, OnInit {
     open(): void;
     /** Đóng popup (public — gọi từ template nếu cần). */
     close(): void;
-    customInlineErrorValidator(): ValidatorFn;
     onFocus: () => void;
     onBlur: () => void;
     onClick: () => void;
@@ -83,5 +84,5 @@ export declare class SdDatetime implements OnDestroy, OnInit {
     onConfirmInput: (event: any) => void;
     clear: ($event: any) => void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdDatetime, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SdDatetime, "sd-datetime", 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; }; "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; }; "showSeconds": { "alias": "showSeconds"; "required": false; "isSignal": true; }; "inlineError": { "alias": "inlineError"; "required": false; "isSignal": true; }; "hyperlink": { "alias": "hyperlink"; "required": false; "isSignal": true; }; "appearanceInput": { "alias": "appearance"; "required": false; "isSignal": true; }; "floatLabel": { "alias": "floatLabel"; "required": false; "isSignal": true; }; "minInput": { "alias": "min"; "required": false; "isSignal": true; }; "minDateInput": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxInput": { "alias": "max"; "required": false; "isSignal": true; }; "maxDateInput": { "alias": "maxDate"; "required": false; "isSignal": true; }; "valueModel": { "alias": "model"; "required": false; "isSignal": true; }; }, { "valueModel": "modelChange"; "sdChange": "sdChange"; "sdFocus": "sdFocus"; }, ["sdLabelTemplate", "sdValueTemplate", "sdViewDef"], ["[sdLabel]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdDatetime, "sd-datetime", 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; }; "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; }; "showSeconds": { "alias": "showSeconds"; "required": false; "isSignal": true; }; "bare": { "alias": "bare"; "required": false; "isSignal": true; }; "inlineError": { "alias": "inlineError"; "required": false; "isSignal": true; }; "hyperlink": { "alias": "hyperlink"; "required": false; "isSignal": true; }; "appearanceInput": { "alias": "appearance"; "required": false; "isSignal": true; }; "floatLabel": { "alias": "floatLabel"; "required": false; "isSignal": true; }; "minInput": { "alias": "min"; "required": false; "isSignal": true; }; "minDateInput": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxInput": { "alias": "max"; "required": false; "isSignal": true; }; "maxDateInput": { "alias": "maxDate"; "required": false; "isSignal": true; }; "valueModel": { "alias": "model"; "required": false; "isSignal": true; }; }, { "valueModel": "modelChange"; "sdChange": "sdChange"; "sdFocus": "sdFocus"; }, ["sdLabelTemplate", "sdValueTemplate", "sdViewDef"], ["[sdLabel]"], true, never>;
 }

package/forms/directives/src/item-def.directive.d.ts

@@ -1,8 +1,13 @@
 import { TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class SdItemDefDefDirective {
-    templateRef: TemplateRef<any>;
-    constructor(templateRef: TemplateRef<any>);
-    static ɵfac: i0.ɵɵFactoryDeclaration<SdItemDefDefDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SdItemDefDefDirective, "[sdItemDef]", never, {}, {}, never, never, true, never>;
+interface Context<T = unknown> {
+    $implicit?: T;
+    item: T;
 }
+export declare class SdItemDefDefDirective<T = unknown> {
+    static ngTemplateContextGuard<T>(_dir: SdItemDefDefDirective<T>, _ctx: unknown): _ctx is Context<T>;
+    readonly templateRef: TemplateRef<Context<T>>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdItemDefDefDirective<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SdItemDefDefDirective<any>, "[sdItemDef]", never, {}, {}, never, never, true, never>;
+}
+export {};

package/forms/directives/src/label-def.directive.d.ts

@@ -1,8 +1,9 @@
 import { TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
+type Context = Record<string, never>;
 export declare class SdLabelDefDirective {
-    templateRef: TemplateRef<any>;
-    constructor(templateRef: TemplateRef<any>);
+    readonly templateRef: TemplateRef<Context>;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdLabelDefDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<SdLabelDefDirective, "[sdLabelDef]", never, {}, {}, never, never, true, never>;
 }
+export {};

package/forms/directives/src/suffix-def.directive.d.ts

@@ -1,8 +1,9 @@
 import { TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
+type Context = Record<string, never>;
 export declare class SdSuffixDefDirective {
-    templateRef: TemplateRef<any>;
-    constructor(templateRef: TemplateRef<any>);
+    readonly templateRef: TemplateRef<Context>;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdSuffixDefDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<SdSuffixDefDirective, "[sdSuffixDef]", never, {}, {}, never, never, true, never>;
 }
+export {};

package/forms/directives/src/view-def.directive.d.ts

@@ -1,14 +1,14 @@
 import { TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class SdViewDefDirective {
-    templateRef: TemplateRef<Context> | null;
-    constructor(templateRef: TemplateRef<Context>);
-    static ɵfac: i0.ɵɵFactoryDeclaration<SdViewDefDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SdViewDefDirective, "[sdViewDef]", never, {}, {}, never, never, true, never>;
+interface Context<TValue = unknown, TItem = unknown> {
+    value?: TValue | null;
+    selectedItem?: TItem | null;
+    selectedItems?: TItem[] | null;
 }
-interface Context {
-    value?: string | null;
-    selectedItems?: any[] | null;
-    selectedItem?: any | null;
+export declare class SdViewDefDirective<TValue = unknown, TItem = unknown> {
+    static ngTemplateContextGuard<TValue, TItem>(_dir: SdViewDefDirective<TValue, TItem>, _ctx: unknown): _ctx is Context<TValue, TItem>;
+    readonly templateRef: TemplateRef<Context<TValue, TItem>>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdViewDefDirective<any, any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SdViewDefDirective<any, any>, "[sdViewDef]", never, {}, {}, never, never, true, never>;
 }
 export {};

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

@@ -1,5 +1,5 @@
 import { AfterViewInit, ElementRef, EventEmitter, OnDestroy, OnInit, TemplateRef } from '@angular/core';
-import { FormGroup, ValidatorFn } from '@angular/forms';
+import { FormGroup } from '@angular/forms';
 import { FloatLabelType, MatFormFieldAppearance } from '@angular/material/form-field';
 import { SdSuffixDefDirective, SdViewDefDirective } from '@sd-angular/core/forms/directives';
 import { SdCustomValidator, SdFormControl } from '@sd-angular/core/forms/models';
@@ -11,7 +11,7 @@ export declare class SdInput implements OnDestroy, OnInit, AfterViewInit {
     sdLabelTemplate: import("@angular/core").Signal<TemplateRef<any> | undefined>;
     sdValueTemplate: import("@angular/core").Signal<TemplateRef<any> | undefined>;
     sdSuffixDef: import("@angular/core").Signal<SdSuffixDefDirective | undefined>;
-    sdViewDef: import("@angular/core").Signal<SdViewDefDirective | undefined>;
+    sdViewDef: import("@angular/core").Signal<SdViewDefDirective<any, any> | undefined>;
     autoIdInput: import("@angular/core").InputSignal<string | null | undefined>;
     autoId: import("@angular/core").Signal<string | undefined>;
     readonly dataDisabled: import("@angular/core").Signal<"true" | "false">;
@@ -54,7 +54,6 @@ export declare class SdInput implements OnDestroy, OnInit, AfterViewInit {
     validator: import("@angular/core").InputSignal<SdCustomValidator | undefined>;
     inlineError: import("@angular/core").InputSignal<string | undefined>;
     hyperlink: import("@angular/core").InputSignal<string | null | undefined>;
-    tooltip: import("@angular/core").InputSignal<string | undefined>;
     valueModel: import("@angular/core").ModelSignal<any>;
     sdChange: import("@angular/core").OutputEmitterRef<any>;
     sdFocus: import("@angular/core").OutputEmitterRef<void>;
@@ -68,7 +67,6 @@ export declare class SdInput implements OnDestroy, OnInit, AfterViewInit {
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     reValidate: () => void;
-    customInlineErrorValidator(): ValidatorFn;
     getCurrentLength: () => number;
     isMaxlengthExceeded: () => boolean;
     onKeyupEnter: () => void;
@@ -78,5 +76,5 @@ export declare class SdInput implements OnDestroy, OnInit, AfterViewInit {
     blur: () => void;
     focus: () => void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdInput, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SdInput, "sd-input", never, { "autoIdInput": { "alias": "autoId"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "appearanceInput": { "alias": "appearance"; "required": false; "isSignal": true; }; "floatLabel": { "alias": "floatLabel"; "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; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "hideInlineError": { "alias": "hideInlineError"; "required": false; "isSignal": true; }; "blurOnEnter": { "alias": "blurOnEnter"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "viewed": { "alias": "viewed"; "required": false; "isSignal": true; }; "minlength": { "alias": "minlength"; "required": false; "isSignal": true; }; "maxlength": { "alias": "maxlength"; "required": false; "isSignal": true; }; "pattern": { "alias": "pattern"; "required": false; "isSignal": true; }; "patternErrorMessage": { "alias": "patternErrorMessage"; "required": false; "isSignal": true; }; "validator": { "alias": "validator"; "required": false; "isSignal": true; }; "inlineError": { "alias": "inlineError"; "required": false; "isSignal": true; }; "hyperlink": { "alias": "hyperlink"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; "valueModel": { "alias": "model"; "required": false; "isSignal": true; }; }, { "valueModel": "modelChange"; "sdChange": "sdChange"; "sdFocus": "sdFocus"; "sdBlur": "sdBlur"; "keyupEnter": "keyupEnter"; "sdFocusForceBlur": "sdFocusForceBlur"; }, ["sdLabelTemplate", "sdValueTemplate", "sdSuffixDef", "sdViewDef"], ["[sdLabel]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdInput, "sd-input", never, { "autoIdInput": { "alias": "autoId"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "appearanceInput": { "alias": "appearance"; "required": false; "isSignal": true; }; "floatLabel": { "alias": "floatLabel"; "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; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "hideInlineError": { "alias": "hideInlineError"; "required": false; "isSignal": true; }; "blurOnEnter": { "alias": "blurOnEnter"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "viewed": { "alias": "viewed"; "required": false; "isSignal": true; }; "minlength": { "alias": "minlength"; "required": false; "isSignal": true; }; "maxlength": { "alias": "maxlength"; "required": false; "isSignal": true; }; "pattern": { "alias": "pattern"; "required": false; "isSignal": true; }; "patternErrorMessage": { "alias": "patternErrorMessage"; "required": false; "isSignal": true; }; "validator": { "alias": "validator"; "required": false; "isSignal": true; }; "inlineError": { "alias": "inlineError"; "required": false; "isSignal": true; }; "hyperlink": { "alias": "hyperlink"; "required": false; "isSignal": true; }; "valueModel": { "alias": "model"; "required": false; "isSignal": true; }; }, { "valueModel": "modelChange"; "sdChange": "sdChange"; "sdFocus": "sdFocus"; "sdBlur": "sdBlur"; "keyupEnter": "keyupEnter"; "sdFocusForceBlur": "sdFocusForceBlur"; }, ["sdLabelTemplate", "sdValueTemplate", "sdSuffixDef", "sdViewDef"], ["[sdLabel]"], true, never>;
 }

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

@@ -1,5 +1,5 @@
 import { AfterViewInit, ElementRef, EventEmitter, OnDestroy, OnInit, TemplateRef } from '@angular/core';
-import { FormControl, FormGroup, FormGroupDirective, NgForm, ValidatorFn } from '@angular/forms';
+import { FormControl, FormGroup, FormGroupDirective, NgForm } from '@angular/forms';
 import { ErrorStateMatcher } from '@angular/material/core';
 import { FloatLabelType, MatFormFieldAppearance } from '@angular/material/form-field';
 import { SdSuffixDefDirective, SdViewDefDirective } from '@sd-angular/core/forms/directives';
@@ -16,7 +16,7 @@ export declare class SdInputNumber implements OnDestroy, OnInit, AfterViewInit {
     control: import("@angular/core").Signal<ElementRef<HTMLInputElement> | undefined>;
     sdLabelTemplate: import("@angular/core").Signal<TemplateRef<any> | undefined>;
     sdValueTemplate: import("@angular/core").Signal<TemplateRef<any> | undefined>;
-    sdViewDef: import("@angular/core").Signal<SdViewDefDirective | undefined>;
+    sdViewDef: import("@angular/core").Signal<SdViewDefDirective<any, any> | undefined>;
     sdSuffixDef: import("@angular/core").Signal<SdSuffixDefDirective | undefined>;
     private ref;
     private coreConfiguration;
@@ -75,7 +75,6 @@ export declare class SdInputNumber implements OnDestroy, OnInit, AfterViewInit {
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     reValidate: () => void;
-    customInlineErrorValidator(): ValidatorFn;
     onKeyupEnter: () => void;
     onKeydown: (event: KeyboardEvent) => void;
     onPaste(event: ClipboardEvent): void;

package/forms/models/src/sd-custom-validator.model.d.ts

@@ -1,3 +1,15 @@
-import { AsyncValidatorFn } from '@angular/forms';
+import { AsyncValidatorFn, ValidatorFn } from '@angular/forms';
 export type SdCustomValidator = (value: any) => string | Promise<string>;
+/**
+ * Inline-error sentinel validator. Returns `{ inlineError: true }` so the form
+ * template can render `<mat-error>{{ inlineError }}</mat-error>` whenever the
+ * host component has a non-empty `[inlineError]` input. The error message
+ * itself is read from the input — this validator only flags the state.
+ *
+ * why: each form component (input, textarea, select, checkbox, radio, switch,
+ * date, datetime, input-number, autocomplete) previously declared the same
+ * private `customInlineErrorValidator()` method. Centralized here so adding
+ * another form component does not silently re-introduce the duplicate.
+ */
+export declare const SdInlineErrorValidator: ValidatorFn;
 export declare const HandleSdCustomValidator: (func: SdCustomValidator) => AsyncValidatorFn;

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

@@ -1,54 +1,49 @@
-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 { Color } from '@sd-angular/core/utilities/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>;
+    formControl: SdFormControl;
+    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>;
+    readonly viewed: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    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;
+    }>;
     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">;
-    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<{
-        value: any | any[];
-        item?: any;
-    }>;
-    constructor(ref: ChangeDetectorRef);
-    get viewedText(): any;
+    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,6 +1,6 @@
 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';
@@ -15,8 +15,8 @@ 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>;
     autoIdInput: import("@angular/core").InputSignal<string | null | undefined>;
     autoId: Signal<string | undefined>;
     readonly dataDisabled: Signal<"true" | "false">;
@@ -44,6 +44,8 @@ export declare class SdSelect<T extends object | string | number = Record<string
     disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     viewed: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     multiple: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /** Flatten the field chrome to a chip-friendly trigger (value + caret only). */
+    bare: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     validator: import("@angular/core").InputSignal<SdCustomValidator | undefined>;
     inlineError: import("@angular/core").InputSignal<string | undefined>;
     /**
@@ -78,13 +80,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; }; "bare": { "alias": "bare"; "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,37 +1,32 @@
-import { AfterViewInit, ChangeDetectorRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
-import { FormGroup, NgForm } from '@angular/forms';
+import { AfterViewInit, OnDestroy, OnInit } from '@angular/core';
+import { FormGroup } from '@angular/forms';
 import { SdFormControl } from '@sd-angular/core/forms/models';
-import { SdColor } from '@sd-angular/core/utilities/models';
+import { Color } from '@sd-angular/core/utilities/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>;
+    formControl: SdFormControl;
+    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>;
+    readonly viewed: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    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">;
-    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);
+    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,5 +1,5 @@
 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';
@@ -8,7 +8,7 @@ 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>;
@@ -57,7 +57,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

@@ -65,6 +65,7 @@ export declare const EN_MESSAGES: {
     readonly 'core.operator.end-with.display': "Ends 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";
@@ -130,6 +131,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}";