@sd-angular/core 19.0.0-beta.8 → 19.0.0-beta.80

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

@@ -1,9 +1,8 @@
-import { ChangeDetectorRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
-import { FormControl, FormGroup, NgForm } from '@angular/forms';
+import { OnDestroy, OnInit } from '@angular/core';
+import { FormControl, FormGroup } from '@angular/forms';
 import { MatDatepickerInputEvent, MatDateRangePicker } from '@angular/material/datepicker';
-import { MatFormFieldAppearance } from '@angular/material/form-field';
+import { FloatLabelType, MatFormFieldAppearance } from '@angular/material/form-field';
 import { SdLabelDefDirective } from '@sd-angular/core/forms/directives';
-import { ISdFormConfiguration } from '@sd-angular/core/forms/models';
 import { SdSize } from '@sd-angular/core/utilities/models';
 import { Moment } from 'moment';
 import * as i0 from "@angular/core";
@@ -13,41 +12,43 @@ interface Daterange {
 }
 export declare class SdDateRange implements OnDestroy, OnInit {
     #private;
-    private cdRef;
-    private formConfig;
-    picker: MatDateRangePicker<Date>;
-    autoId?: string;
-    set _autoId(val: string | undefined | null);
     id1: string;
     id2: string;
+    picker: import("@angular/core").Signal<MatDateRangePicker<Date> | undefined>;
+    sdLabelDef: import("@angular/core").Signal<SdLabelDefDirective | undefined>;
+    private cdRef;
+    private formConfig;
+    autoIdInput: import("@angular/core").InputSignal<string | null | undefined>;
+    autoId: import("@angular/core").Signal<string | undefined>;
+    name: import("@angular/core").InputSignal<string>;
+    size: import("@angular/core").InputSignal<SdSize>;
+    form: import("@angular/core").InputSignalWithTransform<FormGroup<any> | undefined, any>;
+    label: import("@angular/core").InputSignal<string | undefined>;
+    helperText: import("@angular/core").InputSignal<string | undefined>;
+    hideInlineError: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Tổng hợp error message để hiển thị trong tooltip khi hideInlineError = true.
+     * Dùng getter (không phải computed) vì formControl.errors không phải Angular signal.
+     */
+    get errorTooltipMessage(): string | undefined;
+    required: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    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>;
+    resolvedMin: import("@angular/core").Signal<Date | null>;
+    maxInput: import("@angular/core").InputSignal<any>;
+    resolvedMax: import("@angular/core").Signal<Date | null>;
+    valueModel: import("@angular/core").ModelSignal<Daterange | null | undefined>;
+    sdChange: import("@angular/core").OutputEmitterRef<Daterange | null | undefined>;
     isMobileOrTablet: boolean;
-    set name(val: string);
-    appearance: MatFormFieldAppearance;
-    size: SdSize;
     formControl: FormControl<any>;
-    set _form(val: NgForm | FormGroup | undefined | null);
-    set disabled(val: boolean | '' | undefined | null);
-    required: boolean;
-    set _required(val: boolean | '' | undefined | null);
-    label?: string;
-    set _label(label: string | undefined);
-    helperText?: string;
-    set _helperText(val: string | undefined);
-    hideInlineError: boolean;
-    set _hideInlineError(val: boolean | '' | undefined | null);
-    min?: Date | null;
-    set _min(val: 'TODAY' | string | Date | number | undefined | null);
-    max?: Date | null;
-    set _max(val: 'TODAY' | string | Date | number | undefined | null);
-    set model(val: Daterange | undefined | null);
-    modelChange: EventEmitter<Daterange>;
-    sdChange: EventEmitter<Daterange>;
-    sdLabelDef?: SdLabelDefDirective;
     control1: FormControl<any>;
     control2: FormControl<any>;
-    constructor(cdRef: ChangeDetectorRef, formConfig: ISdFormConfiguration);
-    ngOnDestroy(): void;
+    constructor();
     ngOnInit(): void;
+    ngOnDestroy(): void;
     onStartChange: (event: MatDatepickerInputEvent<Moment>) => void;
     onEndChange: (event: MatDatepickerInputEvent<Moment>) => void;
     clear: () => void;
@@ -56,7 +57,7 @@ export declare class SdDateRange implements OnDestroy, OnInit {
     onBlur: () => void;
     onClosePicker: () => void;
     onOpenPicker: (event: MouseEvent) => void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SdDateRange, [null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SdDateRange, "sd-date-range", 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; }; "disabled": { "alias": "disabled"; "required": false; }; "_required": { "alias": "required"; "required": false; }; "_label": { "alias": "label"; "required": false; }; "_helperText": { "alias": "helperText"; "required": false; }; "_hideInlineError": { "alias": "hideInlineError"; "required": false; }; "_min": { "alias": "min"; "required": false; }; "_max": { "alias": "max"; "required": false; }; "model": { "alias": "model"; "required": false; }; }, { "modelChange": "modelChange"; "sdChange": "sdChange"; }, ["sdLabelDef"], never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdDateRange, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdDateRange, "sd-date-range", never, { "autoIdInput": { "alias": "autoId"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "hideInlineError": { "alias": "hideInlineError"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "appearanceInput": { "alias": "appearance"; "required": false; "isSignal": true; }; "floatLabel": { "alias": "floatLabel"; "required": false; "isSignal": true; }; "minInput": { "alias": "min"; "required": false; "isSignal": true; }; "maxInput": { "alias": "max"; "required": false; "isSignal": true; }; "valueModel": { "alias": "model"; "required": false; "isSignal": true; }; }, { "valueModel": "modelChange"; "sdChange": "sdChange"; }, ["sdLabelDef"], never, true, never>;
 }
 export {};

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

@@ -1,60 +1,60 @@
-import { ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
-import { FormGroup, NgForm, ValidatorFn } from '@angular/forms';
-import { MatDatepicker } from '@angular/material/datepicker';
-import { MatFormFieldAppearance } from '@angular/material/form-field';
+import { ElementRef, OnDestroy, OnInit, TemplateRef } from '@angular/core';
+import { FormGroup, ValidatorFn } from '@angular/forms';
+import { FloatLabelType, MatFormFieldAppearance } from '@angular/material/form-field';
 import { MtxDatetimepicker } from '@ng-matero/extensions/datetimepicker';
-import { SdLabelDefDirective, SdViewDefDirective } from '@sd-angular/core/forms/directives';
-import { ISdFormConfiguration, SdFormControl } from '@sd-angular/core/forms/models';
+import { SdViewDefDirective } from '@sd-angular/core/forms/directives';
+import { SdFormControl } from '@sd-angular/core/forms/models';
 import { SdSize } from '@sd-angular/core/utilities';
-import { Moment } from 'moment';
+import moment from 'moment';
 import * as i0 from "@angular/core";
 export declare class SdDatetime implements OnDestroy, OnInit {
     #private;
+    id: string;
+    inputRef: import("@angular/core").Signal<ElementRef<HTMLInputElement> | undefined>;
+    datetimePicker: import("@angular/core").Signal<MtxDatetimepicker<moment.Moment> | undefined>;
+    sdLabelTemplate: import("@angular/core").Signal<TemplateRef<any> | undefined>;
+    sdValueTemplate: import("@angular/core").Signal<TemplateRef<any> | undefined>;
+    sdViewDef: import("@angular/core").Signal<SdViewDefDirective | undefined>;
     private ref;
     private formConfig;
-    datetimePicker?: MtxDatetimepicker<Moment>;
-    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>;
+    name: import("@angular/core").InputSignal<string>;
+    size: import("@angular/core").InputSignal<SdSize>;
+    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.
+     * Dùng getter (không phải computed) vì formControl.errors không phải Angular signal.
+     */
+    get errorTooltipMessage(): 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);
-    viewed: boolean;
-    set _viewed(val: boolean | '' | undefined | null);
-    hyperlink?: string | 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;
@@ -62,11 +62,10 @@ export declare class SdDatetime implements OnDestroy, OnInit {
     blur: () => void;
     focus: () => void;
     focusInputElement(): void;
-    isValid?: boolean;
     onKeyDown: (event: KeyboardEvent) => boolean;
     onConfirmInput: (event: any) => void;
     onChange: (_: any) => void;
     clear: ($event: any) => void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SdDatetime, [null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SdDatetime, "sd-datetime", 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; }; "_viewed": { "alias": "viewed"; "required": false; }; "hyperlink": { "alias": "hyperlink"; "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<SdDatetime, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdDatetime, "sd-datetime", never, { "autoIdInput": { "alias": "autoId"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "hideInlineError": { "alias": "hideInlineError"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "viewed": { "alias": "viewed"; "required": false; "isSignal": true; }; "inlineError": { "alias": "inlineError"; "required": false; "isSignal": true; }; "hyperlink": { "alias": "hyperlink"; "required": false; "isSignal": true; }; "appearanceInput": { "alias": "appearance"; "required": false; "isSignal": true; }; "floatLabel": { "alias": "floatLabel"; "required": false; "isSignal": true; }; "minInput": { "alias": "min"; "required": false; "isSignal": true; }; "minDateInput": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxInput": { "alias": "max"; "required": false; "isSignal": true; }; "maxDateInput": { "alias": "maxDate"; "required": false; "isSignal": true; }; "valueModel": { "alias": "model"; "required": false; "isSignal": true; }; }, { "valueModel": "modelChange"; "sdChange": "sdChange"; "sdFocus": "sdFocus"; }, ["sdLabelTemplate", "sdValueTemplate", "sdViewDef"], ["[sdLabel]"], true, never>;
 }

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

@@ -1,64 +1,61 @@
-import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
-import { FormGroup, NgForm, ValidatorFn } from '@angular/forms';
-import { MatFormFieldAppearance } from '@angular/material/form-field';
-import { SdLabelDefDirective, SdSuffixDefDirective, SdViewDefDirective } from '@sd-angular/core/forms/directives';
-import { ISdFormConfiguration, SdCustomValidator, SdFormControl } from '@sd-angular/core/forms/models';
-import { SdPatternType, SdSize } from '@sd-angular/core/utilities/models';
+import { AfterViewInit, ElementRef, EventEmitter, OnDestroy, OnInit, TemplateRef } from '@angular/core';
+import { FormGroup, ValidatorFn } from '@angular/forms';
+import { FloatLabelType, MatFormFieldAppearance } from '@angular/material/form-field';
+import { SdSuffixDefDirective, SdViewDefDirective } from '@sd-angular/core/forms/directives';
+import { SdCustomValidator, SdFormControl } from '@sd-angular/core/forms/models';
+import { SdSize } from '@sd-angular/core/utilities/models';
 import * as i0 from "@angular/core";
 export declare class SdInput implements OnDestroy, OnInit, AfterViewInit {
     #private;
-    private ref;
-    private formConfig;
     id: string;
-    autoId?: string;
-    set _autoId(val: string | undefined | null);
-    set _name(val: string | undefined);
-    appearance: MatFormFieldAppearance;
-    size: SdSize;
-    set _form(val: NgForm | FormGroup | undefined | null);
-    label?: string;
-    set _label(val: string | undefined);
-    helperText?: string;
-    set _helperText(val: string | undefined);
-    placeholder?: string;
-    set _placeholder(val: string | undefined);
-    type: 'text' | 'number' | 'password' | 'email';
-    hideInlineError: boolean;
-    set _hideInlineError(val: boolean | '');
-    set _blurOnEnter(val: boolean | '');
-    set model(value: any);
-    modelChange: EventEmitter<any>;
-    required: boolean;
-    set _required(val: boolean | '' | undefined | null);
-    readonly: boolean;
-    set _readonly(val: boolean | '');
-    minlength?: number;
-    set _minlength(val: number | undefined | null);
-    maxlength?: number;
-    set _maxlength(val: number | undefined | null);
-    set _pattern(val: SdPatternType | string | undefined | null);
-    patternErrorMessage?: string;
-    set _patternErrorMessage(val: string | undefined | null);
-    set _validator(value: SdCustomValidator | undefined);
-    inlineError?: string;
-    set _inlineError(val: string);
-    set disabled(val: boolean | '' | undefined | null);
-    viewed: boolean;
-    set _viewed(val: boolean | '' | undefined | null);
-    hyperlink?: string | null;
-    tooltip?: string;
-    sdChange: EventEmitter<any>;
-    sdFocus: EventEmitter<any>;
-    sdBlur: EventEmitter<any>;
-    sdFocusForceBlur: EventEmitter<any>;
-    keyupEnter: EventEmitter<any>;
-    control?: ElementRef;
-    sdSuffixDef?: SdSuffixDefDirective;
-    sdLabelDef?: SdLabelDefDirective;
-    sdViewDef?: SdViewDefDirective;
+    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 | undefined>;
+    autoIdInput: import("@angular/core").InputSignal<string | null | undefined>;
+    autoId: import("@angular/core").Signal<string | undefined>;
+    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<SdSize>;
+    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>;
+    /**
+     * Tổng hợp error message đầu tiên để hiển thị trong tooltip khi hideInlineError = true.
+     * Dùng getter (không phải computed) vì formControl.errors không phải Angular signal.
+     * cdRef.markForCheck() được gọi qua sdChanges subscription nên getter sẽ được re-evaluate đúng cycle.
+     */
+    get errorTooltipMessage(): string | undefined;
+    validator: import("@angular/core").InputSignal<SdCustomValidator | undefined>;
+    inlineError: import("@angular/core").InputSignal<string | undefined>;
+    hyperlink: import("@angular/core").InputSignal<string | null | undefined>;
+    tooltip: import("@angular/core").InputSignal<string | undefined>;
+    valueModel: import("@angular/core").ModelSignal<any>;
+    sdChange: import("@angular/core").OutputEmitterRef<any>;
+    sdFocus: import("@angular/core").OutputEmitterRef<void>;
+    sdBlur: import("@angular/core").OutputEmitterRef<any>;
+    keyupEnter: import("@angular/core").OutputEmitterRef<any>;
+    sdFocusForceBlur: EventEmitter<void>;
     formControl: SdFormControl;
     isFocused: boolean;
-    constructor(ref: ChangeDetectorRef, formConfig: ISdFormConfiguration);
+    constructor();
     ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
@@ -70,7 +67,7 @@ export declare class SdInput implements OnDestroy, OnInit, AfterViewInit {
     onClick: () => void;
     blur: () => void;
     focus: () => void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SdInput, [null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SdInput, "sd-input", 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; }; "_placeholder": { "alias": "placeholder"; "required": false; }; "type": { "alias": "type"; "required": false; }; "_hideInlineError": { "alias": "hideInlineError"; "required": false; }; "_blurOnEnter": { "alias": "blurOnEnter"; "required": false; }; "model": { "alias": "model"; "required": false; }; "_required": { "alias": "required"; "required": false; }; "_readonly": { "alias": "readonly"; "required": false; }; "_minlength": { "alias": "minlength"; "required": false; }; "_maxlength": { "alias": "maxlength"; "required": false; }; "_pattern": { "alias": "pattern"; "required": false; }; "_patternErrorMessage": { "alias": "patternErrorMessage"; "required": false; }; "_validator": { "alias": "validator"; "required": false; }; "_inlineError": { "alias": "inlineError"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "_viewed": { "alias": "viewed"; "required": false; }; "hyperlink": { "alias": "hyperlink"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; }, { "modelChange": "modelChange"; "sdChange": "sdChange"; "sdFocus": "sdFocus"; "sdBlur": "sdBlur"; "sdFocusForceBlur": "sdFocusForceBlur"; "keyupEnter": "keyupEnter"; }, ["sdSuffixDef", "sdLabelDef", "sdViewDef"], never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdInput, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdInput, "sd-input", never, { "autoIdInput": { "alias": "autoId"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "appearanceInput": { "alias": "appearance"; "required": false; "isSignal": true; }; "floatLabel": { "alias": "floatLabel"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "hideInlineError": { "alias": "hideInlineError"; "required": false; "isSignal": true; }; "blurOnEnter": { "alias": "blurOnEnter"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "viewed": { "alias": "viewed"; "required": false; "isSignal": true; }; "minlength": { "alias": "minlength"; "required": false; "isSignal": true; }; "maxlength": { "alias": "maxlength"; "required": false; "isSignal": true; }; "pattern": { "alias": "pattern"; "required": false; "isSignal": true; }; "patternErrorMessage": { "alias": "patternErrorMessage"; "required": false; "isSignal": true; }; "validator": { "alias": "validator"; "required": false; "isSignal": true; }; "inlineError": { "alias": "inlineError"; "required": false; "isSignal": true; }; "hyperlink": { "alias": "hyperlink"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; "valueModel": { "alias": "model"; "required": false; "isSignal": true; }; }, { "valueModel": "modelChange"; "sdChange": "sdChange"; "sdFocus": "sdFocus"; "sdBlur": "sdBlur"; "keyupEnter": "keyupEnter"; "sdFocusForceBlur": "sdFocusForceBlur"; }, ["sdLabelTemplate", "sdValueTemplate", "sdSuffixDef", "sdViewDef"], ["[sdLabel]"], true, never>;
 }
 export declare function backendErrorValidator(backendErrorMessage: string): ValidatorFn;

package/forms/input-number/src/input-number.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 { ErrorStateMatcher } from '@angular/material/core';
-import { MatFormFieldAppearance } from '@angular/material/form-field';
-import { SdLabelDefDirective, SdSuffixDefDirective, SdViewDefDirective } from '@sd-angular/core/forms/directives';
-import { ISdFormConfiguration, SdCustomValidator, SdFormControl } from '@sd-angular/core/forms/models';
+import { FloatLabelType, MatFormFieldAppearance } from '@angular/material/form-field';
+import { SdSuffixDefDirective, SdViewDefDirective } from '@sd-angular/core/forms/directives';
+import { SdCustomValidator, SdFormControl } from '@sd-angular/core/forms/models';
 import { SdSize } from '@sd-angular/core/utilities/models';
-import { SdFormatNumberPipe } from '@sd-angular/core/pipes';
-import { ISdCoreConfiguration } from '@sd-angular/core/configurations';
 import * as i0 from "@angular/core";
 declare class SdInputNumberErrotStateMatcher implements ErrorStateMatcher {
     private formControl;
@@ -15,58 +13,59 @@ declare class SdInputNumberErrotStateMatcher implements ErrorStateMatcher {
 }
 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 | undefined>;
+    sdSuffixDef: import("@angular/core").Signal<SdSuffixDefDirective | undefined>;
     private ref;
-    private readonly coreConfiguration;
-    private readonly formatNumberPipe;
+    private coreConfiguration;
+    private formatNumberPipe;
     private formConfig;
-    id: string;
-    autoId?: string;
-    set _autoId(val: string | undefined | null);
-    set name(val: string | undefined);
-    size: SdSize;
-    set form(val: NgForm | FormGroup | undefined | null);
-    label?: string;
-    set _label(val: string | undefined);
-    helperText?: string;
-    set _helperText(val: string | undefined);
-    placeholder?: string;
-    hideInlineError: boolean;
-    set _hideInlineError(val: boolean | '');
-    set _blurOnEnter(val: boolean | '');
-    set model(value: any);
-    modelChange: EventEmitter<any>;
-    required: boolean;
-    set _required(val: boolean | '' | undefined | null);
-    type?: 'negative' | 'positive';
-    precision: number;
-    readonly: boolean;
-    set _readonly(val: boolean | '');
-    min?: number;
-    set _min(val: number | undefined | null);
-    max?: number;
-    set _max(val: number | undefined | null);
-    set validator(validator: SdCustomValidator | undefined);
-    inlineError?: string;
-    set _inlineError(val: string);
-    set disabled(val: boolean | '' | undefined | null);
-    viewed: boolean;
-    set _viewed(val: boolean | '' | undefined | null);
-    hyperlink?: string | null;
-    appearance: MatFormFieldAppearance;
-    sdChange: EventEmitter<any>;
-    sdFocus: EventEmitter<any>;
-    sdBlur: EventEmitter<any>;
-    sdFocusForceBlur: EventEmitter<any>;
-    keyupEnter: EventEmitter<any>;
-    control?: ElementRef;
+    autoIdInput: import("@angular/core").InputSignal<string | null | undefined>;
+    autoId: import("@angular/core").Signal<string | undefined>;
+    name: import("@angular/core").InputSignal<string>;
+    size: import("@angular/core").InputSignal<SdSize>;
+    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>;
+    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.
+     * Dùng getter (không phải computed) vì formControl.errors không phải Angular signal.
+     */
+    get errorTooltipMessage(): 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>;
+    sdFocusForceBlur: EventEmitter<void>;
     formControl: SdFormControl;
     inputControl: SdFormControl;
     matcher: SdInputNumberErrotStateMatcher;
-    sdViewDef?: SdViewDefDirective;
-    sdSuffixDef?: SdSuffixDefDirective;
-    sdLabelDef?: SdLabelDefDirective;
     isFocused: boolean;
-    constructor(ref: ChangeDetectorRef, coreConfiguration: ISdCoreConfiguration | undefined, formatNumberPipe: SdFormatNumberPipe, formConfig: ISdFormConfiguration);
+    decimalSeparator: import("@angular/core").Signal<"," | ".">;
+    thousandsSeparator: import("@angular/core").Signal<"," | ".">;
+    regexPattern: import("@angular/core").Signal<string>;
+    constructor();
     ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
@@ -82,7 +81,7 @@ export declare class SdInputNumber implements OnDestroy, OnInit, AfterViewInit {
     onClick: () => void;
     blur: () => void;
     focus: () => void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SdInputNumber, [null, { optional: true; }, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SdInputNumber, "sd-input-number", never, { "_autoId": { "alias": "autoId"; "required": false; }; "name": { "alias": "name"; "required": false; }; "size": { "alias": "size"; "required": false; }; "form": { "alias": "form"; "required": false; }; "_label": { "alias": "label"; "required": false; }; "_helperText": { "alias": "helperText"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "_hideInlineError": { "alias": "hideInlineError"; "required": false; }; "_blurOnEnter": { "alias": "blurOnEnter"; "required": false; }; "model": { "alias": "model"; "required": false; }; "_required": { "alias": "required"; "required": false; }; "type": { "alias": "type"; "required": false; }; "precision": { "alias": "precision"; "required": false; }; "_readonly": { "alias": "readonly"; "required": false; }; "_min": { "alias": "min"; "required": false; }; "_max": { "alias": "max"; "required": false; }; "validator": { "alias": "validator"; "required": false; }; "_inlineError": { "alias": "inlineError"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "_viewed": { "alias": "viewed"; "required": false; }; "hyperlink": { "alias": "hyperlink"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; }, { "modelChange": "modelChange"; "sdChange": "sdChange"; "sdFocus": "sdFocus"; "sdBlur": "sdBlur"; "sdFocusForceBlur": "sdFocusForceBlur"; "keyupEnter": "keyupEnter"; }, ["sdViewDef", "sdSuffixDef", "sdLabelDef"], never, true, never>;
+    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; }; "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"; "sdFocusForceBlur": "sdFocusForceBlur"; }, ["sdLabelTemplate", "sdValueTemplate", "sdViewDef", "sdSuffixDef"], ["[sdLabel]"], true, never>;
 }
 export {};