@sdcorejs/angular 20.1.2 → 20.1.4

package/forms/entity-picker/index.d.ts

@@ -0,0 +1,128 @@
+import * as _sdcorejs_angular_forms_models from '@sdcorejs/angular/forms/models';
+import { ɵSdFormControlParent as _SdFormControlParent, SdViewed, SdViewedInput, SdFormControl } from '@sdcorejs/angular/forms/models';
+import * as _angular_core from '@angular/core';
+import { ElementRef, TemplateRef } from '@angular/core';
+import { FormGroup } from '@angular/forms';
+import { SdModal } from '@sdcorejs/angular/components/modal';
+import { SdQuery, SdQueryField } from '@sdcorejs/angular/components/query-bar';
+import { SdTable, SdTableColumn, SdTableOption, SdTableFilterRequest } from '@sdcorejs/angular/components/table';
+import { PagingReq } from '@sdcorejs/utils/models';
+
+type SdEntityPickerModel<TKey> = TKey | TKey[] | null | undefined;
+interface SdEntityPickerPage<T> {
+    readonly items: T[];
+    readonly total: number;
+}
+interface SdEntityPickerRequest<T> {
+    readonly query: SdQuery<T>;
+    readonly pageIndex: number;
+    readonly pageSize: number;
+    readonly orderBy?: string;
+    readonly orderDirection?: 'ASC' | 'DESC';
+    readonly signal: AbortSignal;
+}
+interface SdEntityPickerDataProvider<T, TKey> {
+    load(request: SdEntityPickerRequest<T>): SdEntityPickerPage<T> | Promise<SdEntityPickerPage<T>>;
+    hydrate?(keys: readonly TKey[], signal: AbortSignal): T[] | Promise<T[]>;
+}
+interface SdEntityPickerSelectedTemplateContext<T, TKey> {
+    readonly $implicit: readonly T[];
+    readonly entities: readonly T[];
+    readonly keys: readonly TKey[];
+}
+interface SdEntityPickerRowTemplateContext<T> {
+    readonly $implicit: T;
+    readonly item: T;
+}
+declare class SdEntityPickerSelectedTemplateDirective<T, TKey> {
+    readonly template: TemplateRef<SdEntityPickerSelectedTemplateContext<T, TKey>>;
+    static ngTemplateContextGuard<T, TKey>(_directive: SdEntityPickerSelectedTemplateDirective<T, TKey>, _context: unknown): _context is SdEntityPickerSelectedTemplateContext<T, TKey>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdEntityPickerSelectedTemplateDirective<any, any>, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SdEntityPickerSelectedTemplateDirective<any, any>, "ng-template[sdEntityPickerSelected]", never, {}, {}, never, never, true, never>;
+}
+declare class SdEntityPickerRowTemplateDirective<T> {
+    readonly template: TemplateRef<SdEntityPickerRowTemplateContext<T>>;
+    static ngTemplateContextGuard<T>(_directive: SdEntityPickerRowTemplateDirective<T>, _context: unknown): _context is SdEntityPickerRowTemplateContext<T>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdEntityPickerRowTemplateDirective<any>, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SdEntityPickerRowTemplateDirective<any>, "ng-template[sdEntityPickerRow]", never, {}, {}, never, never, true, never>;
+}
+declare class SdEntityPickerDetailTemplateDirective<T, TKey> {
+    readonly template: TemplateRef<SdEntityPickerSelectedTemplateContext<T, TKey>>;
+    static ngTemplateContextGuard<T, TKey>(_directive: SdEntityPickerDetailTemplateDirective<T, TKey>, _context: unknown): _context is SdEntityPickerSelectedTemplateContext<T, TKey>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdEntityPickerDetailTemplateDirective<any, any>, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SdEntityPickerDetailTemplateDirective<any, any>, "ng-template[sdEntityPickerDetail]", never, {}, {}, never, never, true, never>;
+}
+declare class SdEntityPicker<T = unknown, TKey = string | number> {
+    #private;
+    readonly trigger: _angular_core.Signal<ElementRef<HTMLButtonElement> | undefined>;
+    readonly modal: _angular_core.Signal<SdModal | undefined>;
+    readonly table: _angular_core.Signal<SdTable<T> | undefined>;
+    readonly selectedTemplate: _angular_core.Signal<SdEntityPickerSelectedTemplateDirective<any, any> | undefined>;
+    readonly rowTemplate: _angular_core.Signal<SdEntityPickerRowTemplateDirective<any> | undefined>;
+    readonly detailTemplate: _angular_core.Signal<SdEntityPickerDetailTemplateDirective<any, any> | undefined>;
+    readonly autoIdInput: _angular_core.InputSignal<string | null | undefined>;
+    readonly autoId: _angular_core.Signal<string | undefined>;
+    readonly name: _angular_core.InputSignal<string>;
+    readonly form: _angular_core.InputSignalWithTransform<FormGroup<any> | undefined, _SdFormControlParent>;
+    readonly label: _angular_core.InputSignal<string | undefined>;
+    readonly placeholder: _angular_core.InputSignal<string | null | undefined>;
+    readonly modalTitle: _angular_core.InputSignal<string | null | undefined>;
+    readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
+    readonly provider: _angular_core.InputSignal<SdEntityPickerDataProvider<T, TKey> | null | undefined>;
+    readonly columns: _angular_core.InputSignal<readonly SdTableColumn<T>[]>;
+    readonly queryFields: _angular_core.InputSignal<readonly SdQueryField<T>[]>;
+    readonly pageSize: _angular_core.InputSignal<number>;
+    readonly valueField: _angular_core.InputSignal<(T extends object ? { [Key in keyof T & string]: T[Key] extends string | number | boolean | Function | Date | null | undefined ? Key : T[Key] extends any[] ? Key : T[Key] extends object ? Key | `${Key}.${T[Key] extends infer T_1 ? T_1 extends T[Key] ? T_1 extends object ? { [Key_1 in keyof T_1 & string]: T_1[Key_1] extends string | number | boolean | Function | Date | null | undefined ? Key_1 : T_1[Key_1] extends any[] ? Key_1 : T_1[Key_1] extends object ? Key_1 | `${Key_1}.${T_1[Key_1] extends infer T_2 ? T_2 extends T_1[Key_1] ? T_2 extends object ? { [Key_2 in keyof T_2 & string]: T_2[Key_2] extends string | number | boolean | Function | Date | null | undefined ? Key_2 : T_2[Key_2] extends any[] ? Key_2 : T_2[Key_2] extends object ? Key_2 | `${Key_2}.${T_2[Key_2] extends infer T_3 ? T_3 extends T_2[Key_2] ? T_3 extends object ? { [Key_3 in keyof T_3 & string]: T_3[Key_3] extends string | number | boolean | Function | Date | null | undefined ? Key_3 : T_3[Key_3] extends any[] ? Key_3 : T_3[Key_3] extends object ? Key_3 : Key_3; }[keyof T_3 & string] : string : never : never}` : Key_2; }[keyof T_2 & string] : string : never : never}` : Key_1; }[keyof T_1 & string] : string : never : never}` : Key; }[keyof T & string] : string) | undefined>;
+    readonly keySelector: _angular_core.InputSignal<((item: T) => TKey) | undefined>;
+    readonly displayField: _angular_core.InputSignal<(T extends object ? { [Key in keyof T & string]: T[Key] extends string | number | boolean | Function | Date | null | undefined ? Key : T[Key] extends any[] ? Key : T[Key] extends object ? Key | `${Key}.${T[Key] extends infer T_1 ? T_1 extends T[Key] ? T_1 extends object ? { [Key_1 in keyof T_1 & string]: T_1[Key_1] extends string | number | boolean | Function | Date | null | undefined ? Key_1 : T_1[Key_1] extends any[] ? Key_1 : T_1[Key_1] extends object ? Key_1 | `${Key_1}.${T_1[Key_1] extends infer T_2 ? T_2 extends T_1[Key_1] ? T_2 extends object ? { [Key_2 in keyof T_2 & string]: T_2[Key_2] extends string | number | boolean | Function | Date | null | undefined ? Key_2 : T_2[Key_2] extends any[] ? Key_2 : T_2[Key_2] extends object ? Key_2 | `${Key_2}.${T_2[Key_2] extends infer T_3 ? T_3 extends T_2[Key_2] ? T_3 extends object ? { [Key_3 in keyof T_3 & string]: T_3[Key_3] extends string | number | boolean | Function | Date | null | undefined ? Key_3 : T_3[Key_3] extends any[] ? Key_3 : T_3[Key_3] extends object ? Key_3 : Key_3; }[keyof T_3 & string] : string : never : never}` : Key_2; }[keyof T_2 & string] : string : never : never}` : Key_1; }[keyof T_1 & string] : string : never : never}` : Key; }[keyof T & string] : string) | undefined>;
+    readonly displayWith: _angular_core.InputSignal<((item: T) => string) | undefined>;
+    readonly compareWith: _angular_core.InputSignal<(left: TKey, right: TKey) => boolean>;
+    readonly disabledEntity: _angular_core.InputSignal<((item: T) => boolean) | undefined>;
+    readonly multiple: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly required: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly clearable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly viewed: _angular_core.InputSignalWithTransform<SdViewed, SdViewedInput>;
+    readonly addable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly model: _angular_core.ModelSignal<SdEntityPickerModel<TKey>>;
+    readonly sdChange: _angular_core.OutputEmitterRef<SdEntityPickerModel<TKey>>;
+    readonly sdAdd: _angular_core.OutputEmitterRef<void>;
+    readonly sdLoadError: _angular_core.OutputEmitterRef<unknown>;
+    readonly formControl: SdFormControl;
+    readonly connectorState: _angular_core.Signal<_sdcorejs_angular_forms_models.ɵSdFormControlConnectorState<SdEntityPickerModel<TKey>>>;
+    readonly draftKeys: _angular_core.WritableSignal<TKey[]>;
+    readonly loadError: _angular_core.WritableSignal<unknown>;
+    readonly loading: _angular_core.WritableSignal<boolean>;
+    readonly hydrating: _angular_core.WritableSignal<boolean>;
+    readonly query: _angular_core.WritableSignal<SdQuery<T>>;
+    readonly modelKeys: _angular_core.Signal<TKey[]>;
+    readonly effectivePlaceholder: _angular_core.Signal<string>;
+    readonly effectiveModalTitle: _angular_core.Signal<string>;
+    readonly selectedEntities: _angular_core.Signal<T[]>;
+    readonly draftEntities: _angular_core.Signal<T[]>;
+    readonly displayText: _angular_core.Signal<string>;
+    readonly selectedTemplateContext: _angular_core.Signal<SdEntityPickerSelectedTemplateContext<T, TKey>>;
+    readonly detailTemplateContext: _angular_core.Signal<SdEntityPickerSelectedTemplateContext<T, TKey>>;
+    readonly tableOption: _angular_core.Signal<SdTableOption<T>>;
+    constructor();
+    open(): void;
+    applySelection(): void;
+    cancel(): void;
+    clear(event?: Event): void;
+    onModalClosed(): void;
+    onTableSelect(item: T, selectedItems: T[]): void;
+    onTableSelectAll(selectedItems: T[], pageItems?: T[]): void;
+    onQueryChange(query: SdQuery<T>): void;
+    loadPage(filterRequest: SdTableFilterRequest<T>, pagingRequest: PagingReq<T>): Promise<SdEntityPickerPage<T>>;
+    retry(): void;
+    add(): void;
+    keyOf(item: T): TKey;
+    displayEntity(item: T): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdEntityPicker<any, any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SdEntityPicker<any, any>, "sd-entity-picker", never, { "autoIdInput": { "alias": "autoId"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "modalTitle": { "alias": "modalTitle"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "provider": { "alias": "provider"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "queryFields": { "alias": "queryFields"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "valueField": { "alias": "valueField"; "required": false; "isSignal": true; }; "keySelector": { "alias": "keySelector"; "required": false; "isSignal": true; }; "displayField": { "alias": "displayField"; "required": false; "isSignal": true; }; "displayWith": { "alias": "displayWith"; "required": false; "isSignal": true; }; "compareWith": { "alias": "compareWith"; "required": false; "isSignal": true; }; "disabledEntity": { "alias": "disabledEntity"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "viewed": { "alias": "viewed"; "required": false; "isSignal": true; }; "addable": { "alias": "addable"; "required": false; "isSignal": true; }; "model": { "alias": "model"; "required": false; "isSignal": true; }; }, { "model": "modelChange"; "sdChange": "sdChange"; "sdAdd": "sdAdd"; "sdLoadError": "sdLoadError"; }, ["selectedTemplate", "rowTemplate", "detailTemplate"], never, true, never>;
+}
+declare function normalizePickerKeys<TKey>(value: SdEntityPickerModel<TKey>, multiple: boolean): TKey[];
+
+export { SdEntityPicker, SdEntityPickerDetailTemplateDirective, SdEntityPickerRowTemplateDirective, SdEntityPickerSelectedTemplateDirective, normalizePickerKeys };
+export type { SdEntityPickerDataProvider, SdEntityPickerModel, SdEntityPickerPage, SdEntityPickerRequest, SdEntityPickerRowTemplateContext, SdEntityPickerSelectedTemplateContext };

package/forms/index.d.ts

@@ -3,6 +3,8 @@ export * from '@sdcorejs/angular/forms/models';
 export * from '@sdcorejs/angular/forms/label';
 import * as i1 from '@sdcorejs/angular/forms/input';
 export * from '@sdcorejs/angular/forms/input';
+export * from '@sdcorejs/angular/forms/input-color';
+export * from '@sdcorejs/angular/forms/inline-text';
 import * as i2 from '@sdcorejs/angular/forms/input-number';
 export * from '@sdcorejs/angular/forms/input-number';
 import * as i3 from '@sdcorejs/angular/forms/date';
@@ -10,14 +12,22 @@ export * from '@sdcorejs/angular/forms/date';
 export * from '@sdcorejs/angular/forms/datetime';
 import * as i4 from '@sdcorejs/angular/forms/date-range';
 export * from '@sdcorejs/angular/forms/date-range';
-import * as i5 from '@sdcorejs/angular/forms/select';
+import * as i5 from '@sdcorejs/angular/forms/time';
+export * from '@sdcorejs/angular/forms/time';
+import * as i6 from '@sdcorejs/angular/forms/time-range';
+export * from '@sdcorejs/angular/forms/time-range';
+import * as i7 from '@sdcorejs/angular/forms/entity-picker';
+export * from '@sdcorejs/angular/forms/entity-picker';
+import * as i8 from '@sdcorejs/angular/forms/tree-select';
+export * from '@sdcorejs/angular/forms/tree-select';
+import * as i9 from '@sdcorejs/angular/forms/select';
 export * from '@sdcorejs/angular/forms/select';
-import * as i6 from '@sdcorejs/angular/forms/autocomplete';
+import * as i10 from '@sdcorejs/angular/forms/autocomplete';
 export * from '@sdcorejs/angular/forms/autocomplete';
 export * from '@sdcorejs/angular/forms/switch';
-import * as i7 from '@sdcorejs/angular/forms/radio';
+import * as i11 from '@sdcorejs/angular/forms/radio';
 export * from '@sdcorejs/angular/forms/radio';
-import * as i8 from '@sdcorejs/angular/forms/textarea';
+import * as i12 from '@sdcorejs/angular/forms/textarea';
 export * from '@sdcorejs/angular/forms/textarea';
 export * from '@sdcorejs/angular/forms/chip';
 export * from '@sdcorejs/angular/forms/chip-calendar';
@@ -26,7 +36,7 @@ import * as i0 from '@angular/core';
 
 declare class SdFormsModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SdFormsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SdFormsModule, never, [typeof i1.SdInput, typeof i2.SdInputNumber, typeof i3.SdDate, typeof i4.SdDateRange, typeof i5.SdSelect, typeof i6.SdAutocomplete, typeof i7.SdRadio, typeof i8.SdTextarea], [typeof i1.SdInput, typeof i2.SdInputNumber, typeof i3.SdDate, typeof i4.SdDateRange, typeof i5.SdSelect, typeof i6.SdAutocomplete, typeof i7.SdRadio, typeof i8.SdTextarea]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SdFormsModule, never, [typeof i1.SdInput, typeof i2.SdInputNumber, typeof i3.SdDate, typeof i4.SdDateRange, typeof i5.SdTime, typeof i6.SdTimeRange, typeof i7.SdEntityPicker, typeof i8.SdTreeSelect, typeof i9.SdSelect, typeof i10.SdAutocomplete, typeof i11.SdRadio, typeof i12.SdTextarea], [typeof i1.SdInput, typeof i2.SdInputNumber, typeof i3.SdDate, typeof i4.SdDateRange, typeof i5.SdTime, typeof i6.SdTimeRange, typeof i7.SdEntityPicker, typeof i8.SdTreeSelect, typeof i9.SdSelect, typeof i10.SdAutocomplete, typeof i11.SdRadio, typeof i12.SdTextarea]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SdFormsModule>;
 }
 

package/forms/input/index.d.ts

@@ -1,12 +1,58 @@
+import * as _sdcorejs_angular_forms_models from '@sdcorejs/angular/forms/models';
+import { SdViewed, SdViewedInput, SdCustomValidator, SdFormControl } from '@sdcorejs/angular/forms/models';
+import * as _sdcorejs_angular_forms_input from '@sdcorejs/angular/forms/input';
 import * as _angular_core from '@angular/core';
 import { OnDestroy, OnInit, AfterViewInit, ElementRef, TemplateRef, EventEmitter } from '@angular/core';
 import { FormGroup } from '@angular/forms';
 import { MatFormFieldAppearance, FloatLabelType } from '@angular/material/form-field';
 import { SdInlineText } from '@sdcorejs/angular/forms/inline-text';
 import { SdSuffixDefDirective, SdViewDefDirective } from '@sdcorejs/angular/forms/directives';
-import { SdViewed, SdViewedInput, SdCustomValidator, SdFormControl } from '@sdcorejs/angular/forms/models';
 import { Size } from '@sdcorejs/utils/models';
 
+type SdInputMaskStatus = 'empty' | 'incomplete' | 'valid' | 'invalid';
+type SdInputMaskInputMode = 'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url';
+interface SdInputMaskResult {
+    readonly raw: string;
+    readonly display: string;
+    readonly status: SdInputMaskStatus;
+    readonly selectionStart: number;
+    readonly selectionEnd: number;
+}
+interface SdInputMaskAdapter {
+    readonly inputMode?: SdInputMaskInputMode;
+    readonly maxDisplayLength?: number;
+    format(raw: string | null | undefined): SdInputMaskResult;
+    parse(display: string, selectionStart?: number | null, selectionEnd?: number | null): SdInputMaskResult;
+}
+interface SdInputMaskToken {
+    readonly pattern: RegExp;
+    readonly optional?: boolean;
+    readonly transform?: (value: string) => string;
+}
+interface SdCreateInputMaskOptions {
+    readonly tokens?: Readonly<Record<string, SdInputMaskToken>>;
+    readonly inputMode?: SdInputMaskInputMode;
+}
+/**
+ * Creates a dependency-free slot mask.
+ *
+ * Default tokens: `#` required digit, `9` optional digit, `A`/`a` required/optional
+ * letter, and `*`/`?` required/optional alphanumeric. Every other character is a
+ * display literal and never leaks into the raw model.
+ */
+declare function sdCreateInputMask(pattern: string, options?: SdCreateInputMaskOptions): SdInputMaskAdapter;
+/** Common business masks. Models remain raw strings; separators are display-only. */
+declare const SD_INPUT_MASKS: {
+    readonly VN_PHONE: SdInputMaskAdapter;
+    readonly VN_ID: SdInputMaskAdapter;
+    readonly VN_TAX_CODE: SdInputMaskAdapter;
+    readonly BANK_ACCOUNT: SdInputMaskAdapter;
+    readonly BUSINESS_CODE: SdInputMaskAdapter;
+};
+type SdInputMaskPreset = keyof typeof SD_INPUT_MASKS;
+type SdInputMask = SdInputMaskAdapter | SdInputMaskPreset;
+declare function sdResolveInputMask(mask: SdInputMask | null | undefined): SdInputMaskAdapter | undefined;
+
 declare class SdInput implements OnDestroy, OnInit, AfterViewInit {
     #private;
     id: string;
@@ -37,20 +83,21 @@ declare class SdInput implements OnDestroy, OnInit, AfterViewInit {
     label: _angular_core.InputSignal<string | undefined>;
     helperText: _angular_core.InputSignal<string | undefined>;
     placeholder: _angular_core.InputSignal<string | undefined>;
-    type: _angular_core.InputSignal<"number" | "text" | "password" | "email">;
+    type: _angular_core.InputSignal<"number" | "text" | "email" | "password">;
+    mask: _angular_core.InputSignal<SdInputMask | null | undefined>;
+    readonly maskAdapter: _angular_core.Signal<_sdcorejs_angular_forms_input.SdInputMaskAdapter | undefined>;
+    readonly effectiveType: _angular_core.Signal<"number" | "text" | "email" | "password">;
+    readonly inputMode: _angular_core.Signal<_sdcorejs_angular_forms_input.SdInputMaskInputMode | undefined>;
+    readonly maxDisplayLength: _angular_core.Signal<number | undefined>;
     hideInlineError: _angular_core.InputSignalWithTransform<boolean, unknown>;
     blurOnEnter: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Whether to show the value-gated clear button in edit and inline modes. */
+    clearable: _angular_core.InputSignalWithTransform<boolean, unknown>;
     required: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
     disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Display mode: `false` edit · `true` static view · `'inline'` borderless inline-edit (no panel — the input IS the face). */
     viewed: _angular_core.InputSignalWithTransform<SdViewed, SdViewedInput>;
-    /** `true` when `viewed === 'inline'`. */
-    readonly isInline: _angular_core.Signal<boolean>;
-    /** `true` when `viewed === true` (static view, no input). */
-    readonly isViewed: _angular_core.Signal<boolean>;
-    /** Focus the inline input. No-op unless `viewed='inline'`. */
-    enterInlineEdit: () => void;
     /** View display template: `sdViewDef` overrides the projected `#sdValue` for the static view (unified). */
     readonly viewTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
     minlength: _angular_core.InputSignalWithTransform<number | undefined, unknown>;
@@ -74,9 +121,24 @@ declare class SdInput implements OnDestroy, OnInit, AfterViewInit {
     sdBlur: _angular_core.OutputEmitterRef<any>;
     keyupEnter: _angular_core.OutputEmitterRef<any>;
     cleared: _angular_core.OutputEmitterRef<void>;
-    sdFocusForceBlur: EventEmitter<void>;
+    readonly sdFocusForceBlur: EventEmitter<void>;
     formControl: SdFormControl;
+    /** Display-only control used by the input element while a mask is active. */
+    readonly displayControl: SdFormControl;
+    readonly activeControl: _angular_core.Signal<SdFormControl>;
+    readonly maskStatus: _angular_core.WritableSignal<SdInputMaskStatus>;
+    readonly displayValue: _angular_core.Signal<any>;
     isFocused: boolean;
+    /** Shared reactive form policy consumed by template-facing state below. */
+    readonly connectorState: _angular_core.Signal<_sdcorejs_angular_forms_models.ɵSdFormControlConnectorState<unknown>>;
+    readonly isReadonly: _angular_core.Signal<boolean>;
+    readonly visibleErrorMessage: _angular_core.Signal<string | undefined>;
+    /** `true` when `viewed === 'inline'`. */
+    readonly isInline: _angular_core.Signal<boolean>;
+    /** `true` when `viewed === true` (static view, no input). */
+    readonly isViewed: _angular_core.Signal<boolean>;
+    /** Focus the inline input. No-op unless `viewed='inline'`. */
+    enterInlineEdit: () => void;
     constructor();
     ngOnInit(): void;
     ngAfterViewInit(): void;
@@ -84,6 +146,8 @@ declare class SdInput implements OnDestroy, OnInit, AfterViewInit {
     reValidate: () => void;
     getCurrentLength: () => number;
     isMaxlengthExceeded: () => boolean;
+    onCompositionStart(): void;
+    onCompositionEnd(event: CompositionEvent): void;
     showClear: () => boolean;
     clear: ($event?: Event) => void;
     onKeyupEnter: () => void;
@@ -93,7 +157,8 @@ declare class SdInput implements OnDestroy, OnInit, AfterViewInit {
     blur: () => void;
     focus: () => void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdInput, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SdInput, "sd-input", never, { "autoIdInput": { "alias": "autoId"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "appearanceInput": { "alias": "appearance"; "required": false; "isSignal": true; }; "floatLabel": { "alias": "floatLabel"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "hideInlineError": { "alias": "hideInlineError"; "required": false; "isSignal": true; }; "blurOnEnter": { "alias": "blurOnEnter"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "viewed": { "alias": "viewed"; "required": false; "isSignal": true; }; "minlength": { "alias": "minlength"; "required": false; "isSignal": true; }; "maxlength": { "alias": "maxlength"; "required": false; "isSignal": true; }; "pattern": { "alias": "pattern"; "required": false; "isSignal": true; }; "patternErrorMessage": { "alias": "patternErrorMessage"; "required": false; "isSignal": true; }; "validator": { "alias": "validator"; "required": false; "isSignal": true; }; "inlineError": { "alias": "inlineError"; "required": false; "isSignal": true; }; "hyperlink": { "alias": "hyperlink"; "required": false; "isSignal": true; }; "valueModel": { "alias": "model"; "required": false; "isSignal": true; }; }, { "valueModel": "modelChange"; "sdChange": "sdChange"; "sdFocus": "sdFocus"; "sdBlur": "sdBlur"; "keyupEnter": "keyupEnter"; "cleared": "cleared"; "sdFocusForceBlur": "sdFocusForceBlur"; }, ["sdLabelTemplate", "sdValueTemplate", "sdSuffixDef", "sdViewDef"], ["[sdLabel]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵ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; }; "mask": { "alias": "mask"; "required": false; "isSignal": true; }; "hideInlineError": { "alias": "hideInlineError"; "required": false; "isSignal": true; }; "blurOnEnter": { "alias": "blurOnEnter"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "viewed": { "alias": "viewed"; "required": false; "isSignal": true; }; "minlength": { "alias": "minlength"; "required": false; "isSignal": true; }; "maxlength": { "alias": "maxlength"; "required": false; "isSignal": true; }; "pattern": { "alias": "pattern"; "required": false; "isSignal": true; }; "patternErrorMessage": { "alias": "patternErrorMessage"; "required": false; "isSignal": true; }; "validator": { "alias": "validator"; "required": false; "isSignal": true; }; "inlineError": { "alias": "inlineError"; "required": false; "isSignal": true; }; "hyperlink": { "alias": "hyperlink"; "required": false; "isSignal": true; }; "valueModel": { "alias": "model"; "required": false; "isSignal": true; }; }, { "valueModel": "modelChange"; "sdChange": "sdChange"; "sdFocus": "sdFocus"; "sdBlur": "sdBlur"; "keyupEnter": "keyupEnter"; "cleared": "cleared"; "sdFocusForceBlur": "sdFocusForceBlur"; }, ["sdLabelTemplate", "sdValueTemplate", "sdSuffixDef", "sdViewDef"], ["[sdLabel]"], true, never>;
 }
 
-export { SdInput };
+export { SD_INPUT_MASKS, SdInput, sdCreateInputMask, sdResolveInputMask };
+export type { SdCreateInputMaskOptions, SdInputMask, SdInputMaskAdapter, SdInputMaskInputMode, SdInputMaskPreset, SdInputMaskResult, SdInputMaskStatus, SdInputMaskToken };

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

@@ -19,6 +19,8 @@ declare class SdInputColor {
     readonly required: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Whether the inner `<sd-input>` should render its clear button. */
+    readonly clearable: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly hideInlineError: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Display mode — forwarded to the inner `<sd-input>`. `'inline'` = borderless inline-edit; disabled `'inline'` → static. */
     readonly viewed: _angular_core.InputSignalWithTransform<SdViewed, SdViewedInput>;
@@ -32,7 +34,7 @@ declare class SdInputColor {
     onPickerChange: (ev: Event) => void;
     clear: (ev?: Event) => void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdInputColor, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SdInputColor, "sd-input-color", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "autoId": { "alias": "autoId"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "hideInlineError": { "alias": "hideInlineError"; "required": false; "isSignal": true; }; "viewed": { "alias": "viewed"; "required": false; "isSignal": true; }; "valueModel": { "alias": "model"; "required": false; "isSignal": true; }; }, { "valueModel": "modelChange"; "sdChange": "sdChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SdInputColor, "sd-input-color", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "autoId": { "alias": "autoId"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "hideInlineError": { "alias": "hideInlineError"; "required": false; "isSignal": true; }; "viewed": { "alias": "viewed"; "required": false; "isSignal": true; }; "valueModel": { "alias": "model"; "required": false; "isSignal": true; }; }, { "valueModel": "modelChange"; "sdChange": "sdChange"; }, never, never, true, never>;
 }
 
 export { SD_INPUT_COLOR_HEX_PATTERN, SdInputColor };

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

@@ -42,6 +42,8 @@ declare class SdInputNumber implements OnDestroy, OnInit, AfterViewInit {
     placeholder: _angular_core.InputSignal<string | undefined>;
     hideInlineError: _angular_core.InputSignalWithTransform<boolean, unknown>;
     blurOnEnter: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Whether to show the value-gated clear button in edit and inline modes. */
+    clearable: _angular_core.InputSignalWithTransform<boolean, unknown>;
     required: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
     disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
@@ -76,7 +78,7 @@ declare class SdInputNumber implements OnDestroy, OnInit, AfterViewInit {
     sdBlur: _angular_core.OutputEmitterRef<any>;
     keyupEnter: _angular_core.OutputEmitterRef<any>;
     cleared: _angular_core.OutputEmitterRef<void>;
-    sdFocusForceBlur: EventEmitter<void>;
+    readonly sdFocusForceBlur: EventEmitter<void>;
     formControl: SdFormControl;
     inputControl: SdFormControl;
     matcher: SdInputNumberErrotStateMatcher;
@@ -102,7 +104,7 @@ declare class SdInputNumber implements OnDestroy, OnInit, AfterViewInit {
     blur: () => void;
     focus: () => void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdInputNumber, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SdInputNumber, "sd-input-number", never, { "autoIdInput": { "alias": "autoId"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "hideInlineError": { "alias": "hideInlineError"; "required": false; "isSignal": true; }; "blurOnEnter": { "alias": "blurOnEnter"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "viewed": { "alias": "viewed"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "precision": { "alias": "precision"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "validator": { "alias": "validator"; "required": false; "isSignal": true; }; "inlineError": { "alias": "inlineError"; "required": false; "isSignal": true; }; "hyperlink": { "alias": "hyperlink"; "required": false; "isSignal": true; }; "appearanceInput": { "alias": "appearance"; "required": false; "isSignal": true; }; "floatLabel": { "alias": "floatLabel"; "required": false; "isSignal": true; }; "valueModel": { "alias": "model"; "required": false; "isSignal": true; }; }, { "valueModel": "modelChange"; "sdChange": "sdChange"; "sdFocus": "sdFocus"; "sdBlur": "sdBlur"; "keyupEnter": "keyupEnter"; "cleared": "cleared"; "sdFocusForceBlur": "sdFocusForceBlur"; }, ["sdLabelTemplate", "sdValueTemplate", "sdViewDef", "sdSuffixDef"], ["[sdLabel]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵ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; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "viewed": { "alias": "viewed"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "precision": { "alias": "precision"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "validator": { "alias": "validator"; "required": false; "isSignal": true; }; "inlineError": { "alias": "inlineError"; "required": false; "isSignal": true; }; "hyperlink": { "alias": "hyperlink"; "required": false; "isSignal": true; }; "appearanceInput": { "alias": "appearance"; "required": false; "isSignal": true; }; "floatLabel": { "alias": "floatLabel"; "required": false; "isSignal": true; }; "valueModel": { "alias": "model"; "required": false; "isSignal": true; }; }, { "valueModel": "modelChange"; "sdChange": "sdChange"; "sdFocus": "sdFocus"; "sdBlur": "sdBlur"; "keyupEnter": "keyupEnter"; "cleared": "cleared"; "sdFocusForceBlur": "sdFocusForceBlur"; }, ["sdLabelTemplate", "sdValueTemplate", "sdViewDef", "sdSuffixDef"], ["[sdLabel]"], true, never>;
 }
 
 export { SdInputNumber };

package/forms/models/index.d.ts

@@ -1,6 +1,6 @@
 import { InjectionToken, Signal } from '@angular/core';
 import { MatFormFieldAppearance } from '@angular/material/form-field';
-import { FormControl, FormControlState, ValidatorFn, FormControlOptions, AsyncValidatorFn, AbstractControl } from '@angular/forms';
+import { FormControl, FormControlState, ValidatorFn, FormControlOptions, AsyncValidatorFn, AbstractControl, FormGroup, NgForm } from '@angular/forms';
 import { Subject } from 'rxjs';
 
 interface ISdFormConfiguration {
@@ -119,5 +119,88 @@ interface SdViewedInlineApi {
  */
 declare function sdViewedInline(viewed: Signal<SdViewed>, open?: () => void, disabled?: Signal<boolean>): SdViewedInlineApi;
 
-export { HandleSdCustomValidator, SD_FORM_CONFIGURATION, SdFormControl, SdInlineErrorValidator, sdFormControlState, sdViewedInline, sdViewedTransform };
-export type { ISdFormConfiguration, SdCustomValidator, SdFormControlSnapshot, SdSearch, SdSearchReq, SdSelectionData, SdViewed, SdViewedInlineApi, SdViewedInput };
+type ɵSdFormControlParent = FormGroup | NgForm | {
+    readonly form: unknown;
+} | null | undefined;
+interface ɵSdFormControlConnectorBaseOptions<TControl> {
+    /** Parent form source. NgForm and wrapper values are unwrapped on every rebind. */
+    readonly form: Signal<ɵSdFormControlParent>;
+    /** Registration name. Empty names intentionally leave the control unregistered. */
+    readonly name: Signal<string | null | undefined>;
+    /** Canonical control registered in the parent form. */
+    readonly control: Signal<AbstractControl<TControl>>;
+    readonly validators?: Signal<ValidatorFn | readonly ValidatorFn[] | null | undefined>;
+    readonly asyncValidators?: Signal<AsyncValidatorFn | readonly AsyncValidatorFn[] | null | undefined>;
+    /** Adds/removes Validators.required while preserving validators supplied above. */
+    readonly required?: Signal<boolean | null | undefined>;
+    readonly disabled?: Signal<boolean | null | undefined>;
+    /** UI-only read-only policy. This never disables the Angular control. */
+    readonly readonly?: Signal<boolean | null | undefined>;
+    /** Exact SDCoreJS display policy. This never disables the Angular control. */
+    readonly viewed?: Signal<SdViewed | null | undefined>;
+    /** Component-local validation message. Visibility is interaction-gated in state. */
+    readonly validationError?: Signal<string | null | undefined>;
+}
+interface ɵSdFormControlRegistrationOptions<TControl> extends ɵSdFormControlConnectorBaseOptions<TControl> {
+    readonly model?: never;
+    readonly writeModel?: never;
+    readonly modelToControl?: never;
+    readonly controlToModel?: never;
+    readonly modelEquals?: never;
+    readonly controlEquals?: never;
+}
+interface ɵSdFormControlIdentityOptions<TValue> extends ɵSdFormControlConnectorBaseOptions<TValue> {
+    readonly model: Signal<TValue>;
+    readonly writeModel: (value: TValue) => void;
+    readonly modelToControl?: never;
+    readonly controlToModel?: never;
+    readonly modelEquals?: (left: TValue, right: TValue) => boolean;
+    readonly controlEquals?: (left: TValue, right: TValue) => boolean;
+}
+interface ɵSdFormControlAdaptedOptions<TModel, TControl> extends ɵSdFormControlConnectorBaseOptions<TControl> {
+    readonly model: Signal<TModel>;
+    readonly writeModel: (value: TModel) => void;
+    readonly modelToControl: (value: TModel) => TControl;
+    readonly controlToModel: (value: TControl) => TModel;
+    readonly modelEquals?: (left: TModel, right: TModel) => boolean;
+    readonly controlEquals?: (left: TControl, right: TControl) => boolean;
+}
+type ɵSdTypesExactlyMatch<TLeft, TRight> = [TLeft] extends [TRight] ? ([TRight] extends [TLeft] ? true : false) : false;
+/**
+ * @internal Unstable connector contract for cross-entrypoint SDCoreJS controls.
+ * Consumers must use registration-only, same-type identity binding, or provide
+ * both adapters when model and control representations differ.
+ */
+type ɵSdFormControlConnectorOptions<TModel, TControl> = ɵSdFormControlRegistrationOptions<TControl> | ɵSdFormControlAdaptedOptions<TModel, TControl> | (ɵSdTypesExactlyMatch<TModel, TControl> extends true ? ɵSdFormControlIdentityOptions<TModel> : never);
+interface ɵSdFormControlConnectorState<TControl> {
+    readonly value: TControl | undefined;
+    readonly disabled: boolean;
+    readonly invalid: boolean;
+    readonly touched: boolean;
+    readonly dirty: boolean;
+    readonly required: boolean;
+    readonly readonly: boolean;
+    readonly viewed: SdViewed;
+    readonly isViewed: boolean;
+    readonly isInline: boolean;
+    readonly showValidationError: boolean;
+    readonly validationError: string | undefined;
+}
+interface ɵSdFormControlConnector<TControl = unknown> {
+    readonly state: Signal<ɵSdFormControlConnectorState<TControl>>;
+    markAsTouched(): void;
+    markAsUntouched(): void;
+    markAsDirty(): void;
+    markAsPristine(): void;
+}
+/** Coerces the form shapes accepted by SDCoreJS controls into one FormGroup. */
+declare function ɵsdCoerceFormGroup(value: unknown): FormGroup | undefined;
+/**
+ * Connects the signal-based SDCoreJS model contract to an Angular control.
+ * Registration and subscriptions are rebound transactionally, and cleanup only
+ * removes a control while the connector still owns that exact registration.
+ */
+declare function ɵsdFormControlConnector<TModel, TControl>(options: ɵSdFormControlConnectorOptions<TModel, TControl>): ɵSdFormControlConnector<TControl>;
+
+export { HandleSdCustomValidator, SD_FORM_CONFIGURATION, SdFormControl, SdInlineErrorValidator, sdFormControlState, sdViewedInline, sdViewedTransform, ɵsdCoerceFormGroup, ɵsdFormControlConnector };
+export type { ISdFormConfiguration, SdCustomValidator, SdFormControlSnapshot, SdSearch, SdSearchReq, SdSelectionData, SdViewed, SdViewedInlineApi, SdViewedInput, ɵSdFormControlConnector, ɵSdFormControlConnectorOptions, ɵSdFormControlConnectorState, ɵSdFormControlParent };

package/forms/radio/index.d.ts

@@ -1,17 +1,18 @@
 import * as _angular_core from '@angular/core';
-import { OnInit, AfterViewInit, OnDestroy } from '@angular/core';
-import { FormGroup } from '@angular/forms';
+import { OnInit, OnDestroy } from '@angular/core';
 import { SdSuffixDefDirective, SdLabelDefDirective, SdViewDefDirective } from '@sdcorejs/angular/forms/directives';
-import { SdFormControl, SdViewed, SdViewedInput } from '@sdcorejs/angular/forms/models';
+import { SdFormControl, ɵSdFormControlParent as _SdFormControlParent, SdViewed, SdViewedInput } from '@sdcorejs/angular/forms/models';
 import { Color } from '@sdcorejs/utils/models';
 
-declare class SdRadio implements OnInit, AfterViewInit, OnDestroy {
+declare class SdRadio implements OnInit, OnDestroy {
     #private;
-    id: string;
+    readonly id: string;
+    readonly labelId: string;
+    readonly errorId: string;
     formControl: SdFormControl;
     readonly autoIdInput: _angular_core.InputSignalWithTransform<string | undefined, string | null | undefined>;
     readonly name: _angular_core.InputSignalWithTransform<string | undefined, string | null | undefined>;
-    readonly form: _angular_core.InputSignalWithTransform<FormGroup<any> | undefined, any>;
+    readonly form: _angular_core.InputSignal<_SdFormControlParent>;
     readonly label: _angular_core.InputSignalWithTransform<string | undefined, string | null | undefined>;
     readonly placeholder: _angular_core.InputSignalWithTransform<string | undefined, string | null | undefined>;
     readonly display: _angular_core.InputSignalWithTransform<"row" | "column", "row" | "column" | null | undefined>;
@@ -42,10 +43,13 @@ declare class SdRadio implements OnInit, AfterViewInit, OnDestroy {
     readonly dataEmpty: _angular_core.Signal<"true" | "false">;
     readonly dataValue: _angular_core.Signal<string>;
     readonly dataRequired: _angular_core.Signal<"true" | "false">;
+    readonly visibleError: _angular_core.Signal<"required" | "inlineError" | undefined>;
+    readonly ariaLabelledBy: _angular_core.Signal<string | undefined>;
+    readonly ariaLabel: _angular_core.Signal<string | undefined>;
+    readonly ariaDescribedBy: _angular_core.Signal<string | undefined>;
+    readonly ariaInvalid: _angular_core.Signal<"true" | "false">;
     readonly viewedText: _angular_core.Signal<any>;
-    constructor();
     ngOnInit(): void;
-    ngAfterViewInit(): void;
     ngOnDestroy(): void;
     reValidate: () => void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdRadio, never>;

package/forms/switch/index.d.ts

@@ -1,16 +1,15 @@
 import * as _angular_core from '@angular/core';
-import { OnInit, AfterViewInit, OnDestroy } from '@angular/core';
-import { FormGroup } from '@angular/forms';
-import { SdFormControl, SdViewed, SdViewedInput } from '@sdcorejs/angular/forms/models';
+import { OnInit, OnDestroy } from '@angular/core';
+import { SdFormControl, ɵSdFormControlParent as _SdFormControlParent, SdViewed, SdViewedInput } from '@sdcorejs/angular/forms/models';
 import { Color } from '@sdcorejs/utils/models';
 
-declare class SdSwitch implements OnInit, AfterViewInit, OnDestroy {
+declare class SdSwitch implements OnInit, OnDestroy {
     #private;
     id: string;
     formControl: SdFormControl;
     readonly autoIdInput: _angular_core.InputSignalWithTransform<string | undefined, string | null | undefined>;
     readonly name: _angular_core.InputSignalWithTransform<string | undefined, string | null | undefined>;
-    readonly form: _angular_core.InputSignalWithTransform<FormGroup<any> | undefined, any>;
+    readonly form: _angular_core.InputSignal<_SdFormControlParent>;
     readonly label: _angular_core.InputSignalWithTransform<string | undefined, string | null | undefined>;
     readonly color: _angular_core.InputSignalWithTransform<Color, Color | null | undefined>;
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
@@ -27,9 +26,7 @@ declare class SdSwitch implements OnInit, AfterViewInit, OnDestroy {
     readonly dataEmpty: _angular_core.Signal<"true" | "false">;
     readonly dataValue: _angular_core.Signal<string>;
     readonly dataRequired: _angular_core.Signal<"true" | "false">;
-    constructor();
     ngOnInit(): void;
-    ngAfterViewInit(): void;
     ngOnDestroy(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdSwitch, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SdSwitch, "sd-switch", never, { "autoIdInput": { "alias": "autoId"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "viewed": { "alias": "viewed"; "required": false; "isSignal": true; }; "hideInlineError": { "alias": "hideInlineError"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "model": { "alias": "model"; "required": false; "isSignal": true; }; }, { "model": "modelChange"; "sdChange": "sdChange"; }, never, never, true, never>;