@sd-angular/core 19.0.0-beta.4 → 19.0.0-beta.40

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

@@ -1,12 +1,11 @@
-import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
-import { FormControl, FormGroup, FormGroupDirective, NgForm, ValidatorFn } from '@angular/forms';
+import { AfterViewInit, ElementRef, EventEmitter, OnDestroy, OnInit, TemplateRef } from '@angular/core';
+import { FormControl, 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 { SdItemDefDefDirective, SdViewDefDirective } from '@sd-angular/core/forms/directives';
+import { SdCustomValidator, SdFormControl, SdSearch, SdSelectionData } from '@sd-angular/core/forms/models';
 import { SdSize } from '@sd-angular/core/utilities/models';
-import { Observable } from 'rxjs';
 import * as i0 from "@angular/core";
 declare class SdAutocompleteErrotStateMatcher implements ErrorStateMatcher {
     private formControl;
@@ -15,60 +14,55 @@ 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>;
+    name: import("@angular/core").InputSignal<string>;
+    size: import("@angular/core").InputSignal<SdSize>;
+    form: import("@angular/core").InputSignal<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>;
+    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);
-    viewed: boolean;
-    set _viewed(val: boolean | '' | undefined | null);
-    hyperlink?: string | 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>;
-    display?: Observable<string>;
-    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>;
+    constructor();
     ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
@@ -82,7 +76,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; }; "_viewed": { "alias": "viewed"; "required": false; }; "hyperlink": { "alias": "hyperlink"; "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/date/src/date.component.d.ts

@@ -1,58 +1,55 @@
-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 { ValidatorFn } from '@angular/forms';
 import { MatDatepicker, MatDatepickerInputEvent } from '@angular/material/datepicker';
 import { 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").InputSignal<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>;
+    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 +57,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; }; "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 } from '@angular/forms';
 import { MatDatepickerInputEvent, MatDateRangePicker } from '@angular/material/datepicker';
 import { 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,37 @@ 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").InputSignal<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>;
+    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 +51,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; }; "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,57 +1,54 @@
-import { ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
-import { FormGroup, NgForm, ValidatorFn } from '@angular/forms';
-import { MatDatepicker } from '@angular/material/datepicker';
+import { ElementRef, OnDestroy, OnInit, TemplateRef } from '@angular/core';
+import { ValidatorFn } from '@angular/forms';
 import { 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").InputSignal<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>;
+    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;
@@ -59,11 +56,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; }; "_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; }; "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,54 @@
-import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
-import { FormGroup, NgForm, ValidatorFn } from '@angular/forms';
+import { AfterViewInit, ElementRef, EventEmitter, OnDestroy, OnInit, TemplateRef } from '@angular/core';
+import { 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 { 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>;
+    size: import("@angular/core").InputSignal<SdSize>;
+    form: import("@angular/core").InputSignal<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 +60,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; }; "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;