@sd-angular/core 19.0.0-beta.6 → 19.0.0-beta.60

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

@@ -3,7 +3,7 @@ import { FormControl, FormGroup, FormGroupDirective, NgForm } from '@angular/for
 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';
@@ -20,6 +20,7 @@ export declare class SdChip implements OnDestroy, AfterViewInit {
     set _autoId(val: string | undefined | null);
     set _name(val: string | undefined);
     appearance: MatFormFieldAppearance;
+    floatLabel: FloatLabelType;
     separatorKeysCodes: number[];
     selectable: boolean;
     size: SdSize;
@@ -63,6 +64,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, { "_autoId": { "alias": "autoId"; "required": false; }; "_name": { "alias": "name"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "floatLabel": { "alias": "floatLabel"; "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>;
 }
 export {};

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

@@ -3,7 +3,7 @@ import { FormControl, FormGroup, FormGroupDirective, NgForm } from '@angular/for
 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';
@@ -23,6 +23,7 @@ export declare class SdChipCalendar implements OnDestroy, AfterViewInit {
     set _autoId(val: string | undefined | null);
     set _name(val: string | undefined);
     appearance: MatFormFieldAppearance;
+    floatLabel: FloatLabelType;
     size: SdSize;
     set form(val: NgForm | FormGroup);
     label: string;
@@ -61,6 +62,6 @@ export declare class SdChipCalendar implements OnDestroy, AfterViewInit {
     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, { "_autoId": { "alias": "autoId"; "required": false; }; "_name": { "alias": "name"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "floatLabel": { "alias": "floatLabel"; "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>;
 }
 export {};

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

@@ -1,58 +1,56 @@
-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 { SdFormControl } from '@sd-angular/core/forms/models';
 import { SdSize } from '@sd-angular/core/utilities';
-import { Moment } from 'moment';
+import moment, { Moment } from 'moment';
 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<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>;
+    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>;
+    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>;
+    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;
@@ -60,11 +58,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;
     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; }; "_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<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>;
 }

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,38 @@ 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>;
+    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 +52,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,55 @@
-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>;
+    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 +57,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,55 @@
-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>;
+    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 +61,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;