@sdcorejs/angular 19.0.0-rc.1

package/forms/datetime/src/popup/sd-datetime-picker.component.d.ts

@@ -0,0 +1,37 @@
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Datetime picker popup — Calendar (Angular Material) + Time Spinner + Footer.
+ *
+ * Component này được render trong CDK Overlay từ `sd-datetime`.
+ * Phát event `confirmed`/`cancelled` khi user thao tác trên footer.
+ */
+export declare class SdDatetimePicker {
+    #private;
+    /** Giá trị khởi tạo của picker (native Date, có thể null). */
+    initialValue: import("@angular/core").InputSignal<Date | null>;
+    /** Min/max boundary (Date hoặc bất kỳ giá trị nào hợp lệ cho `new Date(...)`). */
+    minDate: import("@angular/core").InputSignal<string | number | Date | null>;
+    maxDate: import("@angular/core").InputSignal<string | number | Date | null>;
+    /** Hiển thị thêm cột giây (mặc định ẩn — chỉ HH:MM). */
+    showSeconds: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /** Disabled state. */
+    disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    confirmed: EventEmitter<Date>;
+    cancelled: EventEmitter<void>;
+    selectedDate: import("@angular/core").WritableSignal<Date>;
+    hours: import("@angular/core").WritableSignal<number>;
+    minutes: import("@angular/core").WritableSignal<number>;
+    seconds: import("@angular/core").WritableSignal<number>;
+    constructor();
+    /** Khi user chọn ngày trên MatCalendar. */
+    onDateSelected(date: Date | null): void;
+    onConfirm(): void;
+    onCancel(): void;
+    /** Đặt nhanh thời gian "Bây giờ". */
+    onNow(): void;
+    get _minDate(): Date | null;
+    get _maxDate(): Date | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdDatetimePicker, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdDatetimePicker, "sd-datetime-picker", never, { "initialValue": { "alias": "initialValue"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "showSeconds": { "alias": "showSeconds"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "confirmed": "confirmed"; "cancelled": "cancelled"; }, never, never, true, never>;
+}

package/forms/datetime/src/popup/sd-time-spinner.component.d.ts

@@ -0,0 +1,41 @@
+import * as i0 from "@angular/core";
+/**
+ * Time spinner — UI chọn giờ/phút/(giây) compact, modern.
+ *
+ *  - Format 24h
+ *  - Mặc định hiển thị HH:MM, bật `showSeconds` để hiện thêm cột giây
+ *  - Hỗ trợ: click ▲▼, gõ trực tiếp, lăn chuột, mũi tên bàn phím
+ *  - Wrap vòng (23 → ▲ → 00)
+ */
+export declare class SdTimeSpinner {
+    hours: import("@angular/core").ModelSignal<number>;
+    minutes: import("@angular/core").ModelSignal<number>;
+    seconds: import("@angular/core").ModelSignal<number>;
+    showSeconds: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    pad(n: number): string;
+    step(unit: 'h' | 'm' | 's', delta: number): void;
+    /**
+     * Buffer tích lũy chữ số đang gõ cho từng đơn vị.
+     * Được reset khi: focus, commit (2 chữ số / auto-commit), blur.
+     */
+    private _buf;
+    private _commitUnit;
+    /**
+     * onInput chỉ xử lý các trường hợp không qua keydown:
+     * paste, drag-drop, mobile soft-keyboard (không fire keydown).
+     */
+    onInput(unit: 'h' | 'm' | 's', event: Event): void;
+    onWheel(unit: 'h' | 'm' | 's', event: WheelEvent): void;
+    /**
+     * Xử lý gõ phím:
+     * - Chữ số: buffer 2 ký tự, auto-commit khi đủ hoặc chữ số đầu vượt ngưỡng
+     * - Arrow: ±1, reset buffer
+     * - Tab/Enter: commit buffer dở (nếu có)
+     */
+    onKeyDown(unit: 'h' | 'm' | 's', event: KeyboardEvent): void;
+    onBlur(unit: 'h' | 'm' | 's', event: FocusEvent): void;
+    onFocus(unit: 'h' | 'm' | 's', event: FocusEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdTimeSpinner, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdTimeSpinner, "sd-time-spinner", never, { "hours": { "alias": "hours"; "required": false; "isSignal": true; }; "minutes": { "alias": "minutes"; "required": false; "isSignal": true; }; "seconds": { "alias": "seconds"; "required": false; "isSignal": true; }; "showSeconds": { "alias": "showSeconds"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "hours": "hoursChange"; "minutes": "minutesChange"; "seconds": "secondsChange"; }, never, never, true, never>;
+}

package/forms/directives/index.d.ts

@@ -0,0 +1,4 @@
+export * from './src/suffix-def.directive';
+export * from './src/label-def.directive';
+export * from './src/view-def.directive';
+export * from './src/item-def.directive';

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

@@ -0,0 +1,13 @@
+import { TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+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

@@ -0,0 +1,9 @@
+import { TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+type Context = Record<string, never>;
+export declare class SdLabelDefDirective {
+    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

@@ -0,0 +1,9 @@
+import { TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+type Context = Record<string, never>;
+export declare class SdSuffixDefDirective {
+    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

@@ -0,0 +1,14 @@
+import { TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+interface Context<TValue = unknown, TItem = unknown> {
+    value?: TValue | null;
+    selectedItem?: TItem | null;
+    selectedItems?: TItem[] | 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/index.d.ts

@@ -0,0 +1,17 @@
+export * from '@sdcorejs/angular/forms/directives';
+export * from '@sdcorejs/angular/forms/models';
+export * from '@sdcorejs/angular/forms/label';
+export * from '@sdcorejs/angular/forms/input';
+export * from '@sdcorejs/angular/forms/input-number';
+export * from '@sdcorejs/angular/forms/date';
+export * from '@sdcorejs/angular/forms/datetime';
+export * from '@sdcorejs/angular/forms/date-range';
+export * from '@sdcorejs/angular/forms/select';
+export * from '@sdcorejs/angular/forms/autocomplete';
+export * from '@sdcorejs/angular/forms/switch';
+export * from '@sdcorejs/angular/forms/radio';
+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';

package/forms/input/index.d.ts

@@ -0,0 +1 @@
+export * from './src/input.component';

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

@@ -0,0 +1,84 @@
+import { AfterViewInit, ElementRef, EventEmitter, OnDestroy, OnInit, TemplateRef } from '@angular/core';
+import { FormGroup } from '@angular/forms';
+import { FloatLabelType, MatFormFieldAppearance } 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';
+import * as i0 from "@angular/core";
+export declare class SdInput implements OnDestroy, OnInit, AfterViewInit {
+    #private;
+    id: string;
+    control: import("@angular/core").Signal<ElementRef<HTMLInputElement> | undefined>;
+    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<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">;
+    readonly dataInvalid: import("@angular/core").Signal<"true" | "false">;
+    readonly dataEmpty: import("@angular/core").Signal<"true" | "false">;
+    readonly dataValue: import("@angular/core").Signal<string | null>;
+    readonly dataRequired: import("@angular/core").Signal<"true" | "false">;
+    readonly dataMaxLength: import("@angular/core").Signal<string | null>;
+    readonly dataMinLength: 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>;
+    appearanceInput: import("@angular/core").InputSignal<MatFormFieldAppearance | undefined>;
+    appearance: import("@angular/core").Signal<MatFormFieldAppearance>;
+    floatLabel: import("@angular/core").InputSignal<FloatLabelType>;
+    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>;
+    type: import("@angular/core").InputSignal<"number" | "text" | "password" | "email">;
+    hideInlineError: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    blurOnEnter: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    required: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    viewed: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    minlength: import("@angular/core").InputSignalWithTransform<number | undefined, unknown>;
+    maxlength: import("@angular/core").InputSignalWithTransform<number | undefined, unknown>;
+    pattern: import("@angular/core").InputSignal<string | null | undefined>;
+    patternErrorMessage: import("@angular/core").InputSignal<string | null | undefined>;
+    resolvedPattern: import("@angular/core").Signal<string | undefined>;
+    resolvedPatternErrorMsg: import("@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: import("@angular/core").Signal<string | undefined>;
+    validator: import("@angular/core").InputSignal<SdCustomValidator | undefined>;
+    inlineError: import("@angular/core").InputSignal<string | undefined>;
+    hyperlink: import("@angular/core").InputSignal<string | null | undefined>;
+    valueModel: import("@angular/core").ModelSignal<any>;
+    sdChange: import("@angular/core").OutputEmitterRef<any>;
+    sdFocus: import("@angular/core").OutputEmitterRef<void>;
+    sdBlur: import("@angular/core").OutputEmitterRef<any>;
+    keyupEnter: import("@angular/core").OutputEmitterRef<any>;
+    cleared: import("@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: 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; }; "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>;
+}

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

@@ -0,0 +1 @@
+export * from './src/input-color.component';

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

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

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

@@ -0,0 +1 @@
+export * from './src/input-number.component';

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

@@ -0,0 +1,95 @@
+import { AfterViewInit, ElementRef, EventEmitter, OnDestroy, OnInit, TemplateRef } from '@angular/core';
+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 '@sdcorejs/angular/forms/directives';
+import { SdCustomValidator, SdFormControl } from '@sdcorejs/angular/forms/models';
+import { Size } from '@sdcorejs/utils/models';
+import * as i0 from "@angular/core";
+declare class SdInputNumberErrotStateMatcher implements ErrorStateMatcher {
+    private formControl;
+    constructor(formControl: FormControl);
+    isErrorState(control: FormControl | null, form: FormGroupDirective | NgForm | null): boolean;
+}
+export declare class SdInputNumber implements OnDestroy, OnInit, AfterViewInit {
+    #private;
+    id: string;
+    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<any, any> | undefined>;
+    sdSuffixDef: import("@angular/core").Signal<SdSuffixDefDirective | undefined>;
+    private ref;
+    private coreConfiguration;
+    private formatNumberPipe;
+    private formConfig;
+    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 dataErrorMessage: import("@angular/core").Signal<string | null>;
+    name: import("@angular/core").InputSignal<string>;
+    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>;
+    hideInlineError: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    blurOnEnter: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    required: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    viewed: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    type: import("@angular/core").InputSignal<"negative" | "positive" | undefined>;
+    precision: import("@angular/core").InputSignal<number>;
+    format: import("@angular/core").InputSignal<"1,234,567.89" | "1.234.567,89" | undefined>;
+    min: import("@angular/core").InputSignalWithTransform<number | undefined, unknown>;
+    max: import("@angular/core").InputSignalWithTransform<number | undefined, unknown>;
+    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.
+     */
+    readonly errorMessage: import("@angular/core").Signal<string | undefined>;
+    hyperlink: import("@angular/core").InputSignal<string | null | undefined>;
+    appearanceInput: import("@angular/core").InputSignal<MatFormFieldAppearance | undefined>;
+    appearance: import("@angular/core").Signal<MatFormFieldAppearance>;
+    floatLabel: import("@angular/core").InputSignal<FloatLabelType>;
+    valueModel: import("@angular/core").ModelSignal<any>;
+    sdChange: import("@angular/core").OutputEmitterRef<any>;
+    sdFocus: import("@angular/core").OutputEmitterRef<void>;
+    sdBlur: import("@angular/core").OutputEmitterRef<any>;
+    keyupEnter: import("@angular/core").OutputEmitterRef<any>;
+    cleared: import("@angular/core").OutputEmitterRef<void>;
+    sdFocusForceBlur: EventEmitter<void>;
+    formControl: SdFormControl;
+    inputControl: SdFormControl;
+    matcher: SdInputNumberErrotStateMatcher;
+    isFocused: boolean;
+    decimalSeparator: import("@angular/core").Signal<"." | ",">;
+    thousandsSeparator: import("@angular/core").Signal<"." | ",">;
+    regexPattern: import("@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: i0.ɵɵFactoryDeclaration<SdInputNumber, never>;
+    static ɵcmp: i0.ɵɵ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 {};

package/forms/label/index.d.ts

@@ -0,0 +1 @@
+export * from './src/label.component';

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

@@ -0,0 +1,13 @@
+import * as i0 from "@angular/core";
+export 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>;
+}

package/forms/models/index.d.ts

@@ -0,0 +1,6 @@
+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';

package/forms/models/src/form-control-state.d.ts

@@ -0,0 +1,23 @@
+import { Signal } from '@angular/core';
+import { AbstractControl } from '@angular/forms';
+export 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`).
+ */
+export declare function sdFormControlState<T = unknown>(control: Signal<AbstractControl<T> | null | undefined>): Signal<SdFormControlSnapshot<T>>;

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

@@ -0,0 +1,15 @@
+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/models/src/sd-form-control.model.d.ts

@@ -0,0 +1,21 @@
+import { FormControl, AsyncValidatorFn, ValidatorFn, FormControlOptions, FormControlState } from '@angular/forms';
+import { Subject } from 'rxjs';
+export 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;
+}

package/forms/models/src/sd-form.configuration.d.ts

@@ -0,0 +1,6 @@
+import { InjectionToken } from '@angular/core';
+import { MatFormFieldAppearance } from '@angular/material/form-field';
+export interface ISdFormConfiguration {
+    appearance?: MatFormFieldAppearance;
+}
+export declare const SD_FORM_CONFIGURATION: InjectionToken<ISdFormConfiguration>;

package/forms/models/src/sd-search.model.d.ts

@@ -0,0 +1,7 @@
+export interface SdSearchReq<TData extends string | number = string> {
+    type: 'SEARCH' | 'VALUE';
+    searchText?: string;
+    searchFields?: string[];
+    value?: TData | TData[];
+}
+export type SdSearch<T = any> = (args: SdSearchReq) => Promise<T[]>;

package/forms/models/src/sd-selection-data.model.d.ts

@@ -0,0 +1,7 @@
+export interface SdSelectionData<T = any> {
+    multiple?: boolean;
+    values: any[];
+    selectedItems: T[];
+    value?: any;
+    selectedItem?: T;
+}

package/forms/radio/index.d.ts

@@ -0,0 +1 @@
+export * from './src/radio.component';

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

@@ -0,0 +1,49 @@
+import { AfterViewInit, OnDestroy, OnInit } from '@angular/core';
+import { FormGroup } from '@angular/forms';
+import { SdLabelDefDirective, SdSuffixDefDirective, SdViewDefDirective } from '@sdcorejs/angular/forms/directives';
+import { SdFormControl } from '@sdcorejs/angular/forms/models';
+import { Color } from '@sdcorejs/utils/models';
+import * as i0 from "@angular/core";
+export declare class SdRadio implements OnInit, AfterViewInit, OnDestroy {
+    #private;
+    id: string;
+    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">;
+    readonly viewedText: import("@angular/core").Signal<any>;
+    constructor();
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    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; "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/index.d.ts

@@ -0,0 +1 @@
+export * from './src/select.component';