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

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

@@ -1,12 +1,10 @@
-import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
+import { AfterViewInit, ElementRef, EventEmitter, OnDestroy, OnInit, TemplateRef } from '@angular/core';
 import { FormControl, FormGroup, FormGroupDirective, NgForm, ValidatorFn } from '@angular/forms';
 import { MatAutocompleteTrigger } from '@angular/material/autocomplete';
 import { ErrorStateMatcher } from '@angular/material/core';
 import { MatFormFieldAppearance } from '@angular/material/form-field';
-import { SdItemDefDefDirective, SdLabelDefDirective, SdViewDefDirective } from '@sd-angular/core/forms/directives';
-import { ISdFormConfiguration, SdCustomValidator, SdFormControl, SdSearch, SdSelectionData } from '@sd-angular/core/forms/models';
-import { SdSize } from '@sd-angular/core/utilities/models';
-import { Observable } from 'rxjs';
+import { SdItemDefDefDirective, SdViewDefDirective } from '@sd-angular/core/forms/directives';
+import { SdCustomValidator, SdFormControl, SdSearch, SdSelectionData } from '@sd-angular/core/forms/models';
 import * as i0 from "@angular/core";
 declare class SdAutocompleteErrotStateMatcher implements ErrorStateMatcher {
     private formControl;
@@ -15,56 +13,67 @@ declare class SdAutocompleteErrotStateMatcher implements ErrorStateMatcher {
 }
 export declare class SdAutocomplete<T = any> implements OnInit, OnDestroy, AfterViewInit {
     #private;
+    id: string;
+    inputRef: import("@angular/core").Signal<ElementRef<HTMLInputElement> | undefined>;
+    autocompleteTrigger: import("@angular/core").Signal<MatAutocompleteTrigger | undefined>;
+    sdLabelTemplate: import("@angular/core").Signal<TemplateRef<any> | undefined>;
+    sdValueTemplate: import("@angular/core").Signal<TemplateRef<any> | undefined>;
+    itemDef: import("@angular/core").Signal<SdItemDefDefDirective | undefined>;
+    sdViewDef: import("@angular/core").Signal<SdViewDefDirective | undefined>;
     private ref;
     private formConfig;
-    id: string;
-    autoId?: string;
-    set _autoId(val: string | undefined | null);
-    autocompleteTrigger?: MatAutocompleteTrigger;
-    set name(val: string | undefined);
-    appearance?: MatFormFieldAppearance;
-    loading: boolean;
+    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 dataLoading: import("@angular/core").Signal<"true" | "false">;
+    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<import("@sdcorejs/utils/models").Size>;
+    form: import("@angular/core").InputSignalWithTransform<FormGroup<any> | undefined, any>;
+    label: import("@angular/core").InputSignal<string | undefined>;
+    helperText: import("@angular/core").InputSignal<string | undefined>;
+    placeholder: import("@angular/core").InputSignal<string | undefined>;
+    valueField: import("@angular/core").InputSignal<string | undefined>;
+    displayField: import("@angular/core").InputSignal<string | undefined>;
+    disabledField: import("@angular/core").InputSignal<string>;
+    limit: import("@angular/core").InputSignal<number>;
+    cacheChecksum: import("@angular/core").InputSignal<any>;
+    hyperlink: import("@angular/core").InputSignal<string | null | undefined>;
+    items: import("@angular/core").InputSignal<SdSearch<T> | T[] | null | undefined>;
+    hideInlineError: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    addable: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    required: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    viewed: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    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>;
+    appearanceInput: import("@angular/core").InputSignal<MatFormFieldAppearance | undefined>;
+    appearance: import("@angular/core").Signal<MatFormFieldAppearance>;
+    valueModel: import("@angular/core").ModelSignal<string | number | null | undefined>;
+    sdChange: import("@angular/core").OutputEmitterRef<string | number | null>;
+    sdSelection: import("@angular/core").OutputEmitterRef<SdSelectionData<any>>;
+    sdAdd: EventEmitter<void>;
+    loading: import("@angular/core").WritableSignal<boolean>;
+    isFocused: boolean;
+    isTyping: import("@angular/core").WritableSignal<boolean>;
     inputControl: SdFormControl;
     formControl: SdFormControl;
     matcher: SdAutocompleteErrotStateMatcher;
-    size: SdSize;
-    set form(val: NgForm | FormGroup | undefined | null);
-    label?: string;
-    set _label(val: string | undefined);
-    helperText?: string;
-    set _helperText(val: string | undefined);
-    valueField?: string;
-    displayField?: string;
-    disabledField: string;
-    placeholder?: string;
-    set items(items: undefined | null | T[] | SdSearch<T>);
-    limit: number;
-    filteredItems?: Observable<any[]>;
-    cacheChecksum: any;
-    controlPlaceHolder?: Observable<string>;
-    set model(value: undefined | number | string);
-    addable: boolean;
-    set _addable(addable: boolean | '' | undefined | null);
-    itemDef?: SdItemDefDefDirective;
-    sdLabelDef?: SdLabelDefDirective;
-    modelChange: EventEmitter<any>;
-    sdChange: EventEmitter<string | number | null>;
-    sdSelection: EventEmitter<SdSelectionData<any>>;
-    sdAdd: EventEmitter<any>;
-    set disabled(val: boolean | '' | undefined | null);
-    required: boolean;
-    set _required(val: boolean | '' | undefined | null);
-    set _validator(value: SdCustomValidator | undefined);
-    inlineError?: string;
-    set _inlineError(val: string);
-    hideInlineError: boolean;
-    set _hideInlineError(val: boolean | '');
-    input?: ElementRef;
-    sdViewDef?: SdViewDefDirective;
-    isFocused: boolean;
-    selected?: Observable<T>;
-    isTyping: boolean;
-    constructor(ref: ChangeDetectorRef, formConfig: ISdFormConfiguration);
+    filteredItems: import("@angular/core").WritableSignal<any[]>;
+    selected: import("@angular/core").WritableSignal<any>;
+    display: import("@angular/core").WritableSignal<string>;
+    controlPlaceHolder: import("@angular/core").WritableSignal<string>;
+    normalizedValue: import("@angular/core").Signal<string | number | null | undefined>;
+    getNestedValue: (obj: any, path: string | undefined) => any;
+    constructor();
     ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
@@ -78,7 +87,7 @@ export declare class SdAutocomplete<T = any> implements OnInit, OnDestroy, After
     onAdd: ($event: Event) => void;
     reValidate: () => void;
     customInlineErrorValidator(): ValidatorFn;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SdAutocomplete<any>, [null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SdAutocomplete<any>, "sd-autocomplete", never, { "_autoId": { "alias": "autoId"; "required": false; }; "name": { "alias": "name"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "size": { "alias": "size"; "required": false; }; "form": { "alias": "form"; "required": false; }; "_label": { "alias": "label"; "required": false; }; "_helperText": { "alias": "helperText"; "required": false; }; "valueField": { "alias": "valueField"; "required": false; }; "displayField": { "alias": "displayField"; "required": false; }; "disabledField": { "alias": "disabledField"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "items": { "alias": "items"; "required": false; }; "limit": { "alias": "limit"; "required": false; }; "cacheChecksum": { "alias": "cacheChecksum"; "required": false; }; "model": { "alias": "model"; "required": false; }; "_addable": { "alias": "addable"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "_required": { "alias": "required"; "required": false; }; "_validator": { "alias": "validator"; "required": false; }; "_inlineError": { "alias": "inlineError"; "required": false; }; "_hideInlineError": { "alias": "hideInlineError"; "required": false; }; }, { "modelChange": "modelChange"; "sdChange": "sdChange"; "sdSelection": "sdSelection"; "sdAdd": "sdAdd"; }, ["itemDef", "sdLabelDef", "sdViewDef"], never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdAutocomplete<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdAutocomplete<any>, "sd-autocomplete", never, { "autoIdInput": { "alias": "autoId"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "valueField": { "alias": "valueField"; "required": false; "isSignal": true; }; "displayField": { "alias": "displayField"; "required": false; "isSignal": true; }; "disabledField": { "alias": "disabledField"; "required": false; "isSignal": true; }; "limit": { "alias": "limit"; "required": false; "isSignal": true; }; "cacheChecksum": { "alias": "cacheChecksum"; "required": false; "isSignal": true; }; "hyperlink": { "alias": "hyperlink"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "hideInlineError": { "alias": "hideInlineError"; "required": false; "isSignal": true; }; "addable": { "alias": "addable"; "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; }; "validator": { "alias": "validator"; "required": false; "isSignal": true; }; "inlineError": { "alias": "inlineError"; "required": false; "isSignal": true; }; "appearanceInput": { "alias": "appearance"; "required": false; "isSignal": true; }; "valueModel": { "alias": "model"; "required": false; "isSignal": true; }; }, { "valueModel": "modelChange"; "sdChange": "sdChange"; "sdSelection": "sdSelection"; "sdAdd": "sdAdd"; }, ["sdLabelTemplate", "sdValueTemplate", "itemDef", "sdViewDef"], ["[sdLabel]"], true, never>;
 }
 export {};

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

@@ -5,8 +5,11 @@ export declare class SdCheckbox implements OnDestroy, OnInit, AfterViewInit {
     #private;
     private ref;
     id: string;
-    autoId?: string;
-    set _autoId(val: string | undefined | null);
+    readonly autoIdInput: import("@angular/core").InputSignal<string | null | undefined>;
+    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>;
     set name(val: string);
     set form(val: NgForm | FormGroup);
     formControl: FormControl<any>;
@@ -24,5 +27,5 @@ export declare class SdCheckbox implements OnDestroy, OnInit, AfterViewInit {
     ngOnDestroy(): void;
     customInlineErrorValidator(): ValidatorFn;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdCheckbox, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SdCheckbox, "sd-checkbox", never, { "_autoId": { "alias": "autoId"; "required": false; }; "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; }; "_inlineError": { "alias": "inlineError"; "required": false; }; }, { "modelChange": "modelChange"; "sdChange": "sdChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdCheckbox, "sd-checkbox", 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; }; "_inlineError": { "alias": "inlineError"; "required": false; }; }, { "modelChange": "modelChange"; "sdChange": "sdChange"; }, never, never, true, never>;
 }

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

@@ -1,60 +1,63 @@
-import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy } from '@angular/core';
+import { AfterViewInit, ElementRef, TemplateRef } from '@angular/core';
 import { FormControl, FormGroup, FormGroupDirective, NgForm } from '@angular/forms';
 import { MatAutocompleteSelectedEvent } from '@angular/material/autocomplete';
 import { MatChipInputEvent } from '@angular/material/chips';
 import { ErrorStateMatcher } from '@angular/material/core';
-import { MatFormFieldAppearance } from '@angular/material/form-field';
+import { FloatLabelType, MatFormFieldAppearance } from '@angular/material/form-field';
 import { SdLabelDefDirective, SdViewDefDirective } from '@sd-angular/core/forms/directives';
 import { SdFormControl } from '@sd-angular/core/forms/models';
-import { SdSize } from '@sd-angular/core/utilities';
 import * as i0 from "@angular/core";
-declare class SdChipErrotStateMatcher implements ErrorStateMatcher {
+declare class SdChipErrorStateMatcher implements ErrorStateMatcher {
     private formControl;
     constructor(formControl: FormControl);
     isErrorState(control: FormControl | null, form: FormGroupDirective | NgForm | null): boolean;
 }
-export declare class SdChip implements OnDestroy, AfterViewInit {
+export declare class SdChip implements AfterViewInit {
     #private;
-    private ref;
-    autoId?: string;
-    set _autoId(val: string | undefined | null);
-    set _name(val: string | undefined);
-    appearance: MatFormFieldAppearance;
-    separatorKeysCodes: number[];
-    selectable: boolean;
-    size: SdSize;
-    set form(val: NgForm | FormGroup);
-    addable: boolean;
-    set _addable(val: boolean | '' | undefined | null);
-    label: string;
-    placeholder?: string;
-    removable: boolean | ((item: any) => boolean);
-    set _removable(val: '' | boolean | ((item: any) => boolean));
-    hideInlineError: boolean;
-    set _hideInlineError(val: boolean | '' | undefined | null);
-    set model(values: undefined | (string | number)[]);
-    required: boolean;
-    set _required(val: boolean | '' | undefined | null);
-    min: number;
-    set pMin(val: number | string);
-    max: number;
-    set pMax(val: number | string);
-    modelChange: EventEmitter<any>;
-    set disabled(val: boolean | '' | undefined | null);
-    sdChange: EventEmitter<any[]>;
+    autoIdInput: import("@angular/core").InputSignal<string | null | undefined>;
+    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 dataCount: 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 | undefined>;
+    appearance: import("@angular/core").InputSignal<MatFormFieldAppearance>;
+    floatLabel: import("@angular/core").InputSignal<FloatLabelType>;
+    size: import("@angular/core").InputSignal<import("@sdcorejs/utils/models").Size>;
+    form: import("@angular/core").InputSignal<FormGroup<any> | NgForm | undefined>;
+    label: import("@angular/core").InputSignal<string>;
+    placeholder: import("@angular/core").InputSignal<string | undefined>;
+    removable: import("@angular/core").InputSignal<boolean | ((item: any) => boolean)>;
+    hideInlineError: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    model: import("@angular/core").InputSignal<(string | number)[] | undefined>;
+    required: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    min: import("@angular/core").InputSignal<number>;
+    max: import("@angular/core").InputSignal<number>;
+    addable: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    viewed: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    hyperlink: import("@angular/core").InputSignal<string | null | undefined>;
+    modelChange: import("@angular/core").OutputEmitterRef<any[]>;
+    sdChange: import("@angular/core").OutputEmitterRef<any[]>;
     input: ElementRef<HTMLInputElement>;
-    sdView?: SdViewDefDirective;
-    sdLabelDef?: SdLabelDefDirective;
-    isBlurring: boolean;
+    sdViewDef: import("@angular/core").Signal<SdViewDefDirective | undefined>;
+    sdLabelDef: import("@angular/core").Signal<SdLabelDefDirective | undefined>;
+    sdLabelTemplate: import("@angular/core").Signal<TemplateRef<any> | undefined>;
+    sdValueTemplate: import("@angular/core").Signal<TemplateRef<any> | undefined>;
     isFocused: boolean;
-    inputControl: FormControl<any>;
-    formControl: SdFormControl;
-    matcher: SdChipErrotStateMatcher;
-    constructor(ref: ChangeDetectorRef);
+    readonly separatorKeysCodes: number[];
+    readonly selectable = true;
+    constructor();
+    get formControl(): SdFormControl;
+    get inputControl(): FormControl<any>;
+    readonly errorMessage: import("@angular/core").Signal<string | undefined>;
+    get matcher(): SdChipErrorStateMatcher;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     onAdd: (event: MatChipInputEvent) => void;
-    onClickChip: ($event: Event, item: any) => void;
+    onClickChip: (event: Event, item: any) => void;
     onRemove: (item: any) => void;
     onSelect: (event: MatAutocompleteSelectedEvent) => void;
     onFocus: () => void;
@@ -63,6 +66,6 @@ export declare class SdChip implements OnDestroy, AfterViewInit {
     focus: () => void;
     onClear: ($event?: any) => void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdChip, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SdChip, "sd-chip", never, { "_autoId": { "alias": "autoId"; "required": false; }; "_name": { "alias": "name"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "size": { "alias": "size"; "required": false; }; "form": { "alias": "form"; "required": false; }; "_addable": { "alias": "addable"; "required": false; }; "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "_removable": { "alias": "removable"; "required": false; }; "_hideInlineError": { "alias": "hideInlineError"; "required": false; }; "model": { "alias": "model"; "required": false; }; "_required": { "alias": "required"; "required": false; }; "pMin": { "alias": "min"; "required": false; }; "pMax": { "alias": "max"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "modelChange": "modelChange"; "sdChange": "sdChange"; }, ["sdView", "sdLabelDef"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdChip, "sd-chip", never, { "autoIdInput": { "alias": "autoId"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "appearance": { "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; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "removable": { "alias": "removable"; "required": false; "isSignal": true; }; "hideInlineError": { "alias": "hideInlineError"; "required": false; "isSignal": true; }; "model": { "alias": "model"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "addable": { "alias": "addable"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "viewed": { "alias": "viewed"; "required": false; "isSignal": true; }; "hyperlink": { "alias": "hyperlink"; "required": false; "isSignal": true; }; }, { "modelChange": "modelChange"; "sdChange": "sdChange"; }, ["sdViewDef", "sdLabelDef", "sdLabelTemplate", "sdValueTemplate"], never, true, never>;
 }
 export {};

package/forms/chip-calendar/src/chip-calendar.component.d.ts

@@ -1,66 +1,71 @@
-import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy } from '@angular/core';
+import { AfterViewInit, ElementRef, TemplateRef } from '@angular/core';
 import { FormControl, FormGroup, FormGroupDirective, NgForm } from '@angular/forms';
 import { MatAutocompleteSelectedEvent } from '@angular/material/autocomplete';
 import { ErrorStateMatcher } from '@angular/material/core';
 import { MatCalendar } from '@angular/material/datepicker';
-import { MatFormFieldAppearance } from '@angular/material/form-field';
+import { FloatLabelType, MatFormFieldAppearance } from '@angular/material/form-field';
 import { MatMenuTrigger } from '@angular/material/menu';
 import { SdLabelDefDirective, SdViewDefDirective } from '@sd-angular/core/forms/directives';
 import { SdFormControl } from '@sd-angular/core/forms/models';
-import { SdSize } from '@sd-angular/core/utilities';
 import * as i0 from "@angular/core";
-declare class SdChipErrotStateMatcher implements ErrorStateMatcher {
+declare class SdChipCalendarErrorStateMatcher implements ErrorStateMatcher {
     private formControl;
     constructor(formControl: FormControl);
     isErrorState(control: FormControl | null, form: FormGroupDirective | NgForm | null): boolean;
 }
-export declare class SdChipCalendar implements OnDestroy, AfterViewInit {
+export declare class SdChipCalendar implements AfterViewInit {
     #private;
-    private ref;
     menuTrigger: MatMenuTrigger;
     calendar: MatCalendar<Date>;
-    autoId?: string;
-    set _autoId(val: string | undefined | null);
-    set _name(val: string | undefined);
-    appearance: MatFormFieldAppearance;
-    size: SdSize;
-    set form(val: NgForm | FormGroup);
-    label: string;
-    placeholder?: string;
-    removable: boolean | ((item: any) => boolean);
-    set _removable(val: '' | boolean | ((item: any) => boolean));
-    hideInlineError: boolean;
-    set _hideInlineError(val: boolean | '' | undefined | null);
-    set model(values: undefined | (string | number)[]);
-    required: boolean;
-    set _required(val: boolean | '' | undefined | null);
-    min: number;
-    set pMin(val: number | string);
-    max: number;
-    set pMax(val: number | string);
-    modelChange: EventEmitter<any>;
-    set disabled(val: boolean | '' | undefined | null);
-    sdChange: EventEmitter<any[]>;
+    autoIdInput: import("@angular/core").InputSignal<string | null | undefined>;
+    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 dataCount: 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 | undefined>;
+    appearance: import("@angular/core").InputSignal<MatFormFieldAppearance>;
+    floatLabel: import("@angular/core").InputSignal<FloatLabelType>;
+    size: import("@angular/core").InputSignal<import("@sdcorejs/utils/models").Size>;
+    form: import("@angular/core").InputSignal<FormGroup<any> | NgForm | undefined>;
+    label: import("@angular/core").InputSignal<string>;
+    placeholder: import("@angular/core").InputSignal<string | undefined>;
+    removable: import("@angular/core").InputSignal<boolean | ((item: any) => boolean)>;
+    hideInlineError: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    model: import("@angular/core").InputSignal<(string | number)[] | undefined>;
+    required: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    min: import("@angular/core").InputSignal<number>;
+    max: import("@angular/core").InputSignal<number>;
+    disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    viewed: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    hyperlink: import("@angular/core").InputSignal<string | null | undefined>;
+    modelChange: import("@angular/core").OutputEmitterRef<any[]>;
+    sdChange: import("@angular/core").OutputEmitterRef<any[]>;
     input: ElementRef<HTMLInputElement>;
-    sdView?: SdViewDefDirective;
-    sdLabelDef?: SdLabelDefDirective;
-    isBlurring: boolean;
+    sdViewDef: import("@angular/core").Signal<SdViewDefDirective | undefined>;
+    sdLabelDef: import("@angular/core").Signal<SdLabelDefDirective | undefined>;
+    sdLabelTemplate: import("@angular/core").Signal<TemplateRef<any> | undefined>;
+    sdValueTemplate: import("@angular/core").Signal<TemplateRef<any> | undefined>;
     isFocused: boolean;
-    inputControl: FormControl<any>;
-    formControl: SdFormControl;
-    matcher: SdChipErrotStateMatcher;
-    constructor(ref: ChangeDetectorRef);
+    readonly separatorKeysCodes: number[];
+    constructor();
+    get formControl(): SdFormControl;
+    get inputControl(): FormControl<any>;
+    readonly errorMessage: import("@angular/core").Signal<string | undefined>;
+    get matcher(): SdChipCalendarErrorStateMatcher;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
-    onClickChip: ($event: Event, item: any) => void;
+    onClickChip: (event: Event, item: any) => void;
     onRemove: (item: string) => void;
     onSelect: (event: MatAutocompleteSelectedEvent) => void;
     onClick: () => void;
-    onClear: ($event?: any) => void;
+    onClear: (evt?: any) => void;
     onSelectDate: (date: Date | null) => void;
-    onCloseCalendar(): void;
+    onCloseCalendar: () => void;
     dateClass: (cellDate: Date) => "" | "sd-chip-calendar-selected-date";
     static ɵfac: i0.ɵɵFactoryDeclaration<SdChipCalendar, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SdChipCalendar, "sd-chip-calendar", never, { "_autoId": { "alias": "autoId"; "required": false; }; "_name": { "alias": "name"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "size": { "alias": "size"; "required": false; }; "form": { "alias": "form"; "required": false; }; "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "_removable": { "alias": "removable"; "required": false; }; "_hideInlineError": { "alias": "hideInlineError"; "required": false; }; "model": { "alias": "model"; "required": false; }; "_required": { "alias": "required"; "required": false; }; "pMin": { "alias": "min"; "required": false; }; "pMax": { "alias": "max"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "modelChange": "modelChange"; "sdChange": "sdChange"; }, ["sdView", "sdLabelDef"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdChipCalendar, "sd-chip-calendar", never, { "autoIdInput": { "alias": "autoId"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "appearance": { "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; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "removable": { "alias": "removable"; "required": false; "isSignal": true; }; "hideInlineError": { "alias": "hideInlineError"; "required": false; "isSignal": true; }; "model": { "alias": "model"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "viewed": { "alias": "viewed"; "required": false; "isSignal": true; }; "hyperlink": { "alias": "hyperlink"; "required": false; "isSignal": true; }; }, { "modelChange": "modelChange"; "sdChange": "sdChange"; }, ["sdViewDef", "sdLabelDef", "sdLabelTemplate", "sdValueTemplate"], never, true, never>;
 }
 export {};

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

@@ -1,55 +1,64 @@
-import { ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
-import { FormGroup, NgForm, ValidatorFn } from '@angular/forms';
+import { ElementRef, OnDestroy, OnInit, TemplateRef } from '@angular/core';
+import { FormGroup, ValidatorFn } from '@angular/forms';
 import { MatDatepicker, MatDatepickerInputEvent } from '@angular/material/datepicker';
-import { MatFormFieldAppearance } from '@angular/material/form-field';
+import { FloatLabelType, MatFormFieldAppearance } from '@angular/material/form-field';
 import { SdLabelDefDirective, SdViewDefDirective } from '@sd-angular/core/forms/directives';
-import { ISdFormConfiguration, SdFormControl } from '@sd-angular/core/forms/models';
-import { SdSize } from '@sd-angular/core/utilities';
-import { Moment } from 'moment';
+import { SdFormControl } from '@sd-angular/core/forms/models';
 import * as i0 from "@angular/core";
 export declare class SdDate implements OnDestroy, OnInit {
     #private;
+    id: string;
+    inputRef: import("@angular/core").Signal<ElementRef<HTMLInputElement> | undefined>;
+    datePicker: import("@angular/core").Signal<MatDatepicker<Date> | undefined>;
+    sdLabelTemplate: import("@angular/core").Signal<TemplateRef<any> | undefined>;
+    sdValueTemplate: import("@angular/core").Signal<TemplateRef<any> | undefined>;
+    sdViewDef: import("@angular/core").Signal<SdViewDefDirective | undefined>;
+    sdLabelDef: import("@angular/core").Signal<SdLabelDefDirective | undefined>;
     private ref;
     private formConfig;
-    id: string;
-    autoId?: string;
-    set _autoId(val: string | undefined | null);
+    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<import("@sdcorejs/utils/models").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>;
+    required: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    viewed: 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.
+     */
+    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>;
+    minInput: import("@angular/core").InputSignal<any>;
+    minDateInput: import("@angular/core").InputSignal<any>;
+    resolvedMin: import("@angular/core").Signal<Date | null>;
+    maxInput: import("@angular/core").InputSignal<any>;
+    maxDateInput: import("@angular/core").InputSignal<any>;
+    resolvedMax: import("@angular/core").Signal<Date | null>;
+    valueModel: import("@angular/core").ModelSignal<string | number | Date | null | undefined>;
+    sdChange: import("@angular/core").OutputEmitterRef<any>;
+    sdFocus: import("@angular/core").OutputEmitterRef<void>;
     isMobileOrTablet: boolean;
-    set name(val: string | undefined);
-    appearance: MatFormFieldAppearance;
-    hideInlineError: boolean;
-    set _hideInlineError(val: boolean | '');
     formControl: SdFormControl;
-    min?: Date | null;
-    set _min(val: 'TODAY' | string | Date | number | undefined | null);
-    max?: Date | null;
-    set _max(val: 'TODAY' | string | Date | number | undefined | null);
-    size?: SdSize;
-    set form(val: NgForm | FormGroup | undefined | null);
-    set disabled(val: boolean | '' | undefined | null);
-    required: boolean;
-    set _required(val: boolean | '' | undefined | null);
-    inlineError?: string;
-    set _inlineError(val: string);
-    label?: string;
-    set _label(val: string | undefined);
-    helperText?: string;
-    set _helperText(val: string | undefined);
-    placeholder?: string;
-    set minDate(val: string | Date);
-    set maxDate(val: string | Date);
-    sdChange: EventEmitter<any>;
-    sdFocus: EventEmitter<any>;
-    set model(val: string | number | Date | undefined | null);
-    modelChange: EventEmitter<any>;
-    sdViewDef?: SdViewDefDirective;
-    sdLabelDef?: SdLabelDefDirective;
-    input?: ElementRef;
-    datePicker?: MatDatepicker<Moment>;
     isFocused: boolean;
-    constructor(ref: ChangeDetectorRef, formConfig: ISdFormConfiguration);
-    ngOnDestroy(): void;
+    isValid?: boolean;
+    constructor();
     ngOnInit(): void;
+    ngOnDestroy(): void;
     customInlineErrorValidator(): ValidatorFn;
     onFocus: () => void;
     onBlur: () => void;
@@ -57,11 +66,10 @@ export declare class SdDate implements OnDestroy, OnInit {
     blur: () => void;
     focus: () => void;
     focusInputElement(): void;
-    isValid?: boolean;
     onKeyDown: (event: KeyboardEvent) => boolean;
     onKeyup: (event: any) => void;
-    onChange: (event: MatDatepickerInputEvent<Moment>) => void;
+    onChange: (event: MatDatepickerInputEvent<Date>) => void;
     clear: ($event: any) => void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SdDate, [null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SdDate, "sd-date", never, { "_autoId": { "alias": "autoId"; "required": false; }; "name": { "alias": "name"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "_hideInlineError": { "alias": "hideInlineError"; "required": false; }; "_min": { "alias": "min"; "required": false; }; "_max": { "alias": "max"; "required": false; }; "size": { "alias": "size"; "required": false; }; "form": { "alias": "form"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "_required": { "alias": "required"; "required": false; }; "_inlineError": { "alias": "inlineError"; "required": false; }; "_label": { "alias": "label"; "required": false; }; "_helperText": { "alias": "helperText"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "model": { "alias": "model"; "required": false; }; }, { "sdChange": "sdChange"; "sdFocus": "sdFocus"; "modelChange": "modelChange"; }, ["sdViewDef", "sdLabelDef"], never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdDate, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdDate, "sd-date", 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; }; "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", "sdLabelDef"], ["[sdLabel]"], true, never>;
 }