@sdcorejs/angular 19.0.0 → 20.0.0-rc.2

package/forms/datetime/index.d.ts

@@ -1 +1,92 @@
-export * from './src/datetime.component';
+import * as _angular_core from '@angular/core';
+import { OnDestroy, OnInit, ElementRef, TemplateRef } from '@angular/core';
+import { FormGroup } from '@angular/forms';
+import { MatFormFieldAppearance, FloatLabelType } from '@angular/material/form-field';
+import { SdViewDefDirective } from '@sdcorejs/angular/forms/directives';
+import { SdFormControl } from '@sdcorejs/angular/forms/models';
+import { Size } from '@sdcorejs/utils/models';
+
+declare class SdDatetime implements OnDestroy, OnInit {
+    #private;
+    id: string;
+    inputRef: _angular_core.Signal<ElementRef<HTMLInputElement> | undefined>;
+    sdLabelTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
+    sdValueTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
+    sdViewDef: _angular_core.Signal<SdViewDefDirective<any, any> | undefined>;
+    private ref;
+    private overlay;
+    private elementRef;
+    private injector;
+    private formConfig;
+    autoIdInput: _angular_core.InputSignal<string | null | undefined>;
+    autoId: _angular_core.Signal<string | undefined>;
+    readonly dataDisabled: _angular_core.Signal<"true" | "false">;
+    readonly dataInvalid: _angular_core.Signal<"true" | "false">;
+    readonly dataEmpty: _angular_core.Signal<"true" | "false">;
+    readonly dataValue: _angular_core.Signal<string>;
+    readonly dataRequired: _angular_core.Signal<"true" | "false">;
+    readonly dataErrorMessage: _angular_core.Signal<string | null>;
+    name: _angular_core.InputSignal<string>;
+    size: _angular_core.InputSignal<Size>;
+    form: _angular_core.InputSignalWithTransform<FormGroup<any> | undefined, any>;
+    label: _angular_core.InputSignal<string | undefined>;
+    helperText: _angular_core.InputSignal<string | undefined>;
+    placeholder: _angular_core.InputSignal<string | undefined>;
+    hideInlineError: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    required: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    viewed: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Hiển thị thêm cột giây trong picker. Mặc định: chỉ HH:MM. */
+    showSeconds: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Flatten the field chrome to a chip-friendly trigger (value + caret only). */
+    bare: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    inlineError: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Tổng hợp error message để hiển thị trong tooltip khi hideInlineError = true.
+     */
+    readonly errorMessage: _angular_core.Signal<string | undefined>;
+    hyperlink: _angular_core.InputSignal<string | null | undefined>;
+    appearanceInput: _angular_core.InputSignal<MatFormFieldAppearance | undefined>;
+    appearance: _angular_core.Signal<MatFormFieldAppearance>;
+    floatLabel: _angular_core.InputSignal<FloatLabelType>;
+    minInput: _angular_core.InputSignal<any>;
+    minDateInput: _angular_core.InputSignal<any>;
+    resolvedMin: _angular_core.Signal<Date | null>;
+    maxInput: _angular_core.InputSignal<any>;
+    maxDateInput: _angular_core.InputSignal<any>;
+    resolvedMax: _angular_core.Signal<Date | null>;
+    valueModel: _angular_core.ModelSignal<string | number | Date | null | undefined>;
+    viewedDate: _angular_core.Signal<Date | null>;
+    sdChange: _angular_core.OutputEmitterRef<any>;
+    sdFocus: _angular_core.OutputEmitterRef<void>;
+    isMobileOrTablet: boolean;
+    formControl: SdFormControl;
+    isFocused: boolean;
+    isValid?: boolean;
+    /** State popup — true khi đang mở. */
+    pickerOpened: _angular_core.WritableSignal<boolean>;
+    constructor();
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    /** Mở popup chọn datetime, neo vào input. */
+    open(): void;
+    /** Đóng popup (public — gọi từ template nếu cần). */
+    close(): void;
+    onFocus: () => void;
+    onBlur: () => void;
+    onClick: () => void;
+    blur: () => void;
+    focus: () => void;
+    focusInputElement(): void;
+    onKeyDown: (event: KeyboardEvent) => boolean;
+    /**
+     * Khi user gõ trực tiếp vào input và rời focus → validate format dd/MM/yyyy HH:mm
+     * Hỗ trợ cả format có giây.
+     */
+    onConfirmInput: (event: any) => void;
+    clear: ($event: any) => void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdDatetime, never>;
+    static ɵcmp: _angular_core.ɵɵ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>;
+}
+
+export { SdDatetime };

package/forms/directives/index.d.ts

@@ -1,4 +1,41 @@
-export * from './src/suffix-def.directive';
-export * from './src/label-def.directive';
-export * from './src/view-def.directive';
-export * from './src/item-def.directive';
+import * as i0 from '@angular/core';
+import { TemplateRef } from '@angular/core';
+
+type Context$3 = Record<string, never>;
+declare class SdSuffixDefDirective {
+    readonly templateRef: TemplateRef<Context$3>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdSuffixDefDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SdSuffixDefDirective, "[sdSuffixDef]", never, {}, {}, never, never, true, never>;
+}
+
+type Context$2 = Record<string, never>;
+declare class SdLabelDefDirective {
+    readonly templateRef: TemplateRef<Context$2>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdLabelDefDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SdLabelDefDirective, "[sdLabelDef]", never, {}, {}, never, never, true, never>;
+}
+
+interface Context$1<TValue = unknown, TItem = unknown> {
+    value?: TValue | null;
+    selectedItem?: TItem | null;
+    selectedItems?: TItem[] | null;
+}
+declare class SdViewDefDirective<TValue = unknown, TItem = unknown> {
+    static ngTemplateContextGuard<TValue, TItem>(_dir: SdViewDefDirective<TValue, TItem>, _ctx: unknown): _ctx is Context$1<TValue, TItem>;
+    readonly templateRef: TemplateRef<Context$1<TValue, TItem>>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdViewDefDirective<any, any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SdViewDefDirective<any, any>, "[sdViewDef]", never, {}, {}, never, never, true, never>;
+}
+
+interface Context<T = unknown> {
+    $implicit?: T;
+    item: T;
+}
+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 { SdItemDefDefDirective, SdLabelDefDirective, SdSuffixDefDirective, SdViewDefDirective };

package/forms/index.d.ts

@@ -1,17 +1,33 @@
 export * from '@sdcorejs/angular/forms/directives';
 export * from '@sdcorejs/angular/forms/models';
 export * from '@sdcorejs/angular/forms/label';
+import * as i1 from '@sdcorejs/angular/forms/input';
 export * from '@sdcorejs/angular/forms/input';
+import * as i2 from '@sdcorejs/angular/forms/input-number';
 export * from '@sdcorejs/angular/forms/input-number';
+import * as i3 from '@sdcorejs/angular/forms/date';
 export * from '@sdcorejs/angular/forms/date';
 export * from '@sdcorejs/angular/forms/datetime';
+import * as i4 from '@sdcorejs/angular/forms/date-range';
 export * from '@sdcorejs/angular/forms/date-range';
+import * as i5 from '@sdcorejs/angular/forms/select';
 export * from '@sdcorejs/angular/forms/select';
+import * as i6 from '@sdcorejs/angular/forms/autocomplete';
 export * from '@sdcorejs/angular/forms/autocomplete';
 export * from '@sdcorejs/angular/forms/switch';
+import * as i7 from '@sdcorejs/angular/forms/radio';
 export * from '@sdcorejs/angular/forms/radio';
+import * as i8 from '@sdcorejs/angular/forms/textarea';
 export * from '@sdcorejs/angular/forms/textarea';
 export * from '@sdcorejs/angular/forms/chip';
 export * from '@sdcorejs/angular/forms/chip-calendar';
 export * from '@sdcorejs/angular/forms/checkbox';
-export * from './src/forms.module';
+import * as i0 from '@angular/core';
+
+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.SdSelect, typeof i6.SdAutocomplete, typeof i7.SdRadio, typeof i8.SdTextarea], [typeof i1.SdInput, typeof i2.SdInputNumber, typeof i3.SdDate, typeof i4.SdDateRange, typeof i5.SdSelect, typeof i6.SdAutocomplete, typeof i7.SdRadio, typeof i8.SdTextarea]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SdFormsModule>;
+}
+
+export { SdFormsModule };

package/forms/input/index.d.ts

@@ -1 +1,87 @@
-export * from './src/input.component';
+import * as _angular_core from '@angular/core';
+import { OnDestroy, OnInit, AfterViewInit, ElementRef, TemplateRef, EventEmitter } from '@angular/core';
+import { FormGroup } from '@angular/forms';
+import { MatFormFieldAppearance, FloatLabelType } from '@angular/material/form-field';
+import { SdSuffixDefDirective, SdViewDefDirective } from '@sdcorejs/angular/forms/directives';
+import { SdCustomValidator, SdFormControl } from '@sdcorejs/angular/forms/models';
+import { Size } from '@sdcorejs/utils/models';
+
+declare class SdInput implements OnDestroy, OnInit, AfterViewInit {
+    #private;
+    id: string;
+    control: _angular_core.Signal<ElementRef<HTMLInputElement> | undefined>;
+    sdLabelTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
+    sdValueTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
+    sdSuffixDef: _angular_core.Signal<SdSuffixDefDirective | undefined>;
+    sdViewDef: _angular_core.Signal<SdViewDefDirective<any, any> | undefined>;
+    autoIdInput: _angular_core.InputSignal<string | null | undefined>;
+    autoId: _angular_core.Signal<string | undefined>;
+    readonly dataDisabled: _angular_core.Signal<"true" | "false">;
+    readonly dataInvalid: _angular_core.Signal<"true" | "false">;
+    readonly dataEmpty: _angular_core.Signal<"true" | "false">;
+    readonly dataValue: _angular_core.Signal<string | null>;
+    readonly dataRequired: _angular_core.Signal<"true" | "false">;
+    readonly dataMaxLength: _angular_core.Signal<string | null>;
+    readonly dataMinLength: _angular_core.Signal<string | null>;
+    readonly dataPattern: _angular_core.Signal<string | null>;
+    readonly dataErrorMessage: _angular_core.Signal<string | null>;
+    name: _angular_core.InputSignal<string>;
+    appearanceInput: _angular_core.InputSignal<MatFormFieldAppearance | undefined>;
+    appearance: _angular_core.Signal<MatFormFieldAppearance>;
+    floatLabel: _angular_core.InputSignal<FloatLabelType>;
+    size: _angular_core.InputSignal<Size>;
+    form: _angular_core.InputSignalWithTransform<FormGroup<any> | undefined, any>;
+    label: _angular_core.InputSignal<string | undefined>;
+    helperText: _angular_core.InputSignal<string | undefined>;
+    placeholder: _angular_core.InputSignal<string | undefined>;
+    type: _angular_core.InputSignal<"number" | "text" | "password" | "email">;
+    hideInlineError: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    blurOnEnter: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    required: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    viewed: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    minlength: _angular_core.InputSignalWithTransform<number | undefined, unknown>;
+    maxlength: _angular_core.InputSignalWithTransform<number | undefined, unknown>;
+    pattern: _angular_core.InputSignal<string | null | undefined>;
+    patternErrorMessage: _angular_core.InputSignal<string | null | undefined>;
+    resolvedPattern: _angular_core.Signal<string | undefined>;
+    resolvedPatternErrorMsg: _angular_core.Signal<string | undefined>;
+    /**
+     * First active error message for tooltip display when `hideInlineError = true`.
+     * Re-runs only when `#state` ticks (value / status / touched change) — no longer
+     * invoked on every change-detection cycle as a getter would be.
+     */
+    readonly errorMessage: _angular_core.Signal<string | undefined>;
+    validator: _angular_core.InputSignal<SdCustomValidator | undefined>;
+    inlineError: _angular_core.InputSignal<string | undefined>;
+    hyperlink: _angular_core.InputSignal<string | null | undefined>;
+    valueModel: _angular_core.ModelSignal<any>;
+    sdChange: _angular_core.OutputEmitterRef<any>;
+    sdFocus: _angular_core.OutputEmitterRef<void>;
+    sdBlur: _angular_core.OutputEmitterRef<any>;
+    keyupEnter: _angular_core.OutputEmitterRef<any>;
+    cleared: _angular_core.OutputEmitterRef<void>;
+    sdFocusForceBlur: EventEmitter<void>;
+    formControl: SdFormControl;
+    isFocused: boolean;
+    constructor();
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    reValidate: () => void;
+    getCurrentLength: () => number;
+    isMaxlengthExceeded: () => boolean;
+    showClear: () => boolean;
+    clear: ($event?: Event) => void;
+    onKeyupEnter: () => void;
+    onFocus: () => void;
+    onBlur: () => void;
+    onClick: () => void;
+    blur: () => void;
+    focus: () => void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdInput, never>;
+    static ɵcmp: _angular_core.ɵɵ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"; "cleared": "cleared"; "sdFocusForceBlur": "sdFocusForceBlur"; }, ["sdLabelTemplate", "sdValueTemplate", "sdSuffixDef", "sdViewDef"], ["[sdLabel]"], true, never>;
+}
+
+export { SdInput };

package/forms/input-color/index.d.ts

@@ -1 +1,35 @@
-export * from './src/input-color.component';
+import * as _angular_core from '@angular/core';
+import { ElementRef } from '@angular/core';
+import { MatFormFieldAppearance } from '@angular/material/form-field';
+import { Size } from '@sdcorejs/utils/models';
+
+declare const SD_INPUT_COLOR_HEX_PATTERN = "^#([0-9A-Fa-f]{3}|[0-9A-Fa-f]{6}|[0-9A-Fa-f]{8})$";
+declare class SdInputColor {
+    #private;
+    readonly hexPattern = "^#([0-9A-Fa-f]{3}|[0-9A-Fa-f]{6}|[0-9A-Fa-f]{8})$";
+    readonly label: _angular_core.InputSignal<string | undefined>;
+    readonly helperText: _angular_core.InputSignal<string | undefined>;
+    readonly placeholder: _angular_core.InputSignal<string>;
+    readonly size: _angular_core.InputSignal<Size>;
+    readonly appearance: _angular_core.InputSignal<MatFormFieldAppearance | undefined>;
+    readonly form: _angular_core.InputSignal<any>;
+    readonly name: _angular_core.InputSignal<string | undefined>;
+    readonly autoId: _angular_core.InputSignal<string | undefined>;
+    readonly required: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly viewed: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly valueModel: _angular_core.ModelSignal<string | null | undefined>;
+    readonly sdChange: _angular_core.OutputEmitterRef<string | null | undefined>;
+    readonly picker: _angular_core.Signal<ElementRef<HTMLInputElement> | undefined>;
+    readonly pickerSafeValue: _angular_core.Signal<string>;
+    readonly swatchColor: _angular_core.Signal<string>;
+    onInputChange: (v: unknown) => void;
+    openPicker: () => void;
+    onPickerChange: (ev: Event) => void;
+    clear: (ev?: Event) => void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdInputColor, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SdInputColor, "sd-input-color", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "autoId": { "alias": "autoId"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "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; }; "valueModel": { "alias": "model"; "required": false; "isSignal": true; }; }, { "valueModel": "modelChange"; "sdChange": "sdChange"; }, never, never, true, never>;
+}
+
+export { SD_INPUT_COLOR_HEX_PATTERN, SdInputColor };

package/forms/input-number/index.d.ts

@@ -1 +1,97 @@
-export * from './src/input-number.component';
+import * as _angular_core from '@angular/core';
+import { OnDestroy, OnInit, AfterViewInit, ElementRef, TemplateRef, EventEmitter } from '@angular/core';
+import { FormGroup, FormControl, FormGroupDirective, NgForm } from '@angular/forms';
+import { ErrorStateMatcher } from '@angular/material/core';
+import { MatFormFieldAppearance, FloatLabelType } from '@angular/material/form-field';
+import { SdViewDefDirective, SdSuffixDefDirective } from '@sdcorejs/angular/forms/directives';
+import { SdCustomValidator, SdFormControl } from '@sdcorejs/angular/forms/models';
+import { Size } from '@sdcorejs/utils/models';
+
+declare class SdInputNumberErrotStateMatcher implements ErrorStateMatcher {
+    private formControl;
+    constructor(formControl: FormControl);
+    isErrorState(control: FormControl | null, form: FormGroupDirective | NgForm | null): boolean;
+}
+declare class SdInputNumber implements OnDestroy, OnInit, AfterViewInit {
+    #private;
+    id: string;
+    control: _angular_core.Signal<ElementRef<HTMLInputElement> | undefined>;
+    sdLabelTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
+    sdValueTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
+    sdViewDef: _angular_core.Signal<SdViewDefDirective<any, any> | undefined>;
+    sdSuffixDef: _angular_core.Signal<SdSuffixDefDirective | undefined>;
+    private ref;
+    private coreConfiguration;
+    private formatNumberPipe;
+    private formConfig;
+    autoIdInput: _angular_core.InputSignal<string | null | undefined>;
+    autoId: _angular_core.Signal<string | undefined>;
+    readonly dataDisabled: _angular_core.Signal<"true" | "false">;
+    readonly dataInvalid: _angular_core.Signal<"true" | "false">;
+    readonly dataEmpty: _angular_core.Signal<"true" | "false">;
+    readonly dataValue: _angular_core.Signal<string>;
+    readonly dataRequired: _angular_core.Signal<"true" | "false">;
+    readonly dataErrorMessage: _angular_core.Signal<string | null>;
+    name: _angular_core.InputSignal<string>;
+    size: _angular_core.InputSignal<Size>;
+    form: _angular_core.InputSignalWithTransform<FormGroup<any> | undefined, any>;
+    label: _angular_core.InputSignal<string | undefined>;
+    helperText: _angular_core.InputSignal<string | undefined>;
+    placeholder: _angular_core.InputSignal<string | undefined>;
+    hideInlineError: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    blurOnEnter: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    required: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    viewed: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    type: _angular_core.InputSignal<"negative" | "positive" | undefined>;
+    precision: _angular_core.InputSignal<number>;
+    format: _angular_core.InputSignal<"1,234,567.89" | "1.234.567,89" | undefined>;
+    min: _angular_core.InputSignalWithTransform<number | undefined, unknown>;
+    max: _angular_core.InputSignalWithTransform<number | undefined, unknown>;
+    validator: _angular_core.InputSignal<SdCustomValidator | undefined>;
+    inlineError: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Tổng hợp error message để hiển thị trong tooltip khi hideInlineError = true.
+     */
+    readonly errorMessage: _angular_core.Signal<string | undefined>;
+    hyperlink: _angular_core.InputSignal<string | null | undefined>;
+    appearanceInput: _angular_core.InputSignal<MatFormFieldAppearance | undefined>;
+    appearance: _angular_core.Signal<MatFormFieldAppearance>;
+    floatLabel: _angular_core.InputSignal<FloatLabelType>;
+    valueModel: _angular_core.ModelSignal<any>;
+    sdChange: _angular_core.OutputEmitterRef<any>;
+    sdFocus: _angular_core.OutputEmitterRef<void>;
+    sdBlur: _angular_core.OutputEmitterRef<any>;
+    keyupEnter: _angular_core.OutputEmitterRef<any>;
+    cleared: _angular_core.OutputEmitterRef<void>;
+    sdFocusForceBlur: EventEmitter<void>;
+    formControl: SdFormControl;
+    inputControl: SdFormControl;
+    matcher: SdInputNumberErrotStateMatcher;
+    isFocused: boolean;
+    decimalSeparator: _angular_core.Signal<"." | ",">;
+    thousandsSeparator: _angular_core.Signal<"." | ",">;
+    regexPattern: _angular_core.Signal<string>;
+    constructor();
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    reValidate: () => void;
+    showClear: () => boolean;
+    clear: ($event?: Event) => void;
+    onKeyupEnter: () => void;
+    onKeydown: (event: KeyboardEvent) => void;
+    onPaste(event: ClipboardEvent): void;
+    onCompositionEnd(event: CompositionEvent): void;
+    onCompositionStart(event: CompositionEvent): void;
+    onFocus: () => void;
+    onBlur: () => void;
+    onClick: () => void;
+    blur: () => void;
+    focus: () => void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdInputNumber, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SdInputNumber, "sd-input-number", 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; }; "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; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "precision": { "alias": "precision"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "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; }; "appearanceInput": { "alias": "appearance"; "required": false; "isSignal": true; }; "floatLabel": { "alias": "floatLabel"; "required": false; "isSignal": true; }; "valueModel": { "alias": "model"; "required": false; "isSignal": true; }; }, { "valueModel": "modelChange"; "sdChange": "sdChange"; "sdFocus": "sdFocus"; "sdBlur": "sdBlur"; "keyupEnter": "keyupEnter"; "cleared": "cleared"; "sdFocusForceBlur": "sdFocusForceBlur"; }, ["sdLabelTemplate", "sdValueTemplate", "sdViewDef", "sdSuffixDef"], ["[sdLabel]"], true, never>;
+}
+
+export { SdInputNumber };

package/forms/label/index.d.ts

@@ -1 +1,16 @@
-export * from './src/label.component';
+import * as i0 from '@angular/core';
+
+declare class SdLabel {
+    label?: string | null;
+    set _label(val: string | undefined | null);
+    description?: string | null;
+    set _description(description: string | undefined | null);
+    required: boolean;
+    set _required(val: boolean | '' | undefined | null);
+    helperText?: string;
+    set _helperText(val: string | undefined);
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdLabel, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdLabel, "sd-label", never, { "_label": { "alias": "label"; "required": false; }; "_description": { "alias": "description"; "required": false; }; "_required": { "alias": "required"; "required": false; }; "_helperText": { "alias": "helperText"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+export { SdLabel };

package/forms/models/index.d.ts

@@ -1,6 +1,85 @@
-export * from './src/sd-form.configuration';
-export * from './src/sd-form-control.model';
-export * from './src/sd-custom-validator.model';
-export * from './src/sd-selection-data.model';
-export * from './src/sd-search.model';
-export * from './src/form-control-state';
+import { InjectionToken, Signal } from '@angular/core';
+import { MatFormFieldAppearance } from '@angular/material/form-field';
+import { FormControl, FormControlState, ValidatorFn, FormControlOptions, AsyncValidatorFn, AbstractControl } from '@angular/forms';
+import { Subject } from 'rxjs';
+
+interface ISdFormConfiguration {
+    appearance?: MatFormFieldAppearance;
+}
+declare const SD_FORM_CONFIGURATION: InjectionToken<ISdFormConfiguration>;
+
+declare class SdFormControl extends FormControl {
+    sdChanges: Subject<boolean>;
+    untouchChanges: Subject<boolean>;
+    touchChanges: Subject<boolean>;
+    pristineChanges: Subject<boolean>;
+    constructor(formState?: FormControlState<any>, validatorOrOpts?: ValidatorFn | ValidatorFn[] | FormControlOptions | null, asyncValidator?: AsyncValidatorFn | AsyncValidatorFn[] | null);
+    markAsUntouched(opts?: {
+        onlySelf?: boolean;
+        emitEvent?: boolean;
+    }): void;
+    markAsTouched(opts?: {
+        onlySelf?: boolean;
+        emitEvent?: boolean;
+    }): void;
+    markAsPristine(opts?: {
+        onlySelf?: boolean;
+        emitEvent?: boolean;
+    }): void;
+}
+
+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.
+ */
+declare const SdInlineErrorValidator: ValidatorFn;
+declare const HandleSdCustomValidator: (func: SdCustomValidator) => AsyncValidatorFn;
+
+interface SdSelectionData<T = any> {
+    multiple?: boolean;
+    values: any[];
+    selectedItems: T[];
+    value?: any;
+    selectedItem?: T;
+}
+
+interface SdSearchReq<TData extends string | number = string> {
+    type: 'SEARCH' | 'VALUE';
+    searchText?: string;
+    searchFields?: string[];
+    value?: TData | TData[];
+}
+type SdSearch<T = any> = (args: SdSearchReq) => Promise<T[]>;
+
+interface SdFormControlSnapshot<T> {
+    value: T | undefined;
+    disabled: boolean;
+    invalid: boolean;
+    touched: boolean;
+}
+/**
+ * Wrap an AbstractControl Signal into a reactive snapshot signal.
+ *
+ * Re-emits on every value, status, touched, or dirty change so
+ * downstream consumers can derive `data-disabled`, `data-value`,
+ * `data-empty`, and `data-invalid` host-binding attributes from a
+ * single, lazily evaluated signal.
+ *
+ * "invalid" is intentionally gated on `touched || dirty` so validation
+ * errors are not surfaced until the user has interacted with the field.
+ *
+ * Must be called inside an Angular injection context (constructor,
+ * field initialiser, or `runInInjectionContext`).
+ */
+declare function sdFormControlState<T = unknown>(control: Signal<AbstractControl<T> | null | undefined>): Signal<SdFormControlSnapshot<T>>;
+
+export { HandleSdCustomValidator, SD_FORM_CONFIGURATION, SdFormControl, SdInlineErrorValidator, sdFormControlState };
+export type { ISdFormConfiguration, SdCustomValidator, SdFormControlSnapshot, SdSearch, SdSearchReq, SdSelectionData };

package/forms/radio/index.d.ts

@@ -1 +1,52 @@
-export * from './src/radio.component';
+import * as _angular_core from '@angular/core';
+import { OnInit, AfterViewInit, OnDestroy } from '@angular/core';
+import { FormGroup } from '@angular/forms';
+import { SdSuffixDefDirective, SdLabelDefDirective, SdViewDefDirective } from '@sdcorejs/angular/forms/directives';
+import { SdFormControl } from '@sdcorejs/angular/forms/models';
+import { Color } from '@sdcorejs/utils/models';
+
+declare class SdRadio implements OnInit, AfterViewInit, OnDestroy {
+    #private;
+    id: string;
+    formControl: SdFormControl;
+    readonly autoIdInput: _angular_core.InputSignalWithTransform<string | undefined, string | null | undefined>;
+    readonly name: _angular_core.InputSignalWithTransform<string | undefined, string | null | undefined>;
+    readonly form: _angular_core.InputSignalWithTransform<FormGroup<any> | undefined, any>;
+    readonly label: _angular_core.InputSignalWithTransform<string | undefined, string | null | undefined>;
+    readonly placeholder: _angular_core.InputSignalWithTransform<string | undefined, string | null | undefined>;
+    readonly display: _angular_core.InputSignalWithTransform<"row" | "column", "row" | "column" | null | undefined>;
+    readonly items: _angular_core.InputSignalWithTransform<any[], any[] | null | undefined>;
+    readonly valueField: _angular_core.InputSignal<string>;
+    readonly displayField: _angular_core.InputSignal<string>;
+    readonly required: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly inlineError: _angular_core.InputSignalWithTransform<string | undefined, string | null | undefined>;
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly viewed: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly color: _angular_core.InputSignalWithTransform<Color, Color | null | undefined>;
+    readonly hyperlink: _angular_core.InputSignalWithTransform<string | undefined, string | null | undefined>;
+    readonly model: _angular_core.ModelSignal<string | number | boolean | null | undefined>;
+    readonly sdSuffixDef: _angular_core.Signal<SdSuffixDefDirective | undefined>;
+    readonly sdLabelDef: _angular_core.Signal<SdLabelDefDirective | undefined>;
+    readonly sdViewDef: _angular_core.Signal<SdViewDefDirective<any, any> | undefined>;
+    readonly sdChange: _angular_core.OutputEmitterRef<unknown>;
+    readonly sdSelection: _angular_core.OutputEmitterRef<{
+        value: any | any[];
+        item?: any;
+    }>;
+    readonly autoId: _angular_core.Signal<string | undefined>;
+    readonly normalizedItems: _angular_core.Signal<any[]>;
+    readonly dataDisabled: _angular_core.Signal<"true" | "false">;
+    readonly dataEmpty: _angular_core.Signal<"true" | "false">;
+    readonly dataValue: _angular_core.Signal<string>;
+    readonly dataRequired: _angular_core.Signal<"true" | "false">;
+    readonly viewedText: _angular_core.Signal<any>;
+    constructor();
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    reValidate: () => void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdRadio, never>;
+    static ɵcmp: _angular_core.ɵɵ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>;
+}
+
+export { SdRadio };