@sdcorejs/angular 21.1.2 → 21.1.4

package/types/sdcorejs-angular-directives.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { OnInit, ElementRef, Renderer2, OnChanges, SimpleChanges, TemplateRef } from '@angular/core';
+import { OnInit, OnChanges, SimpleChanges, TemplateRef } from '@angular/core';
 
 declare class SdScrollDirective implements OnInit {
     #private;
@@ -7,7 +7,8 @@ declare class SdScrollDirective implements OnInit {
     private renderer;
     onMouseOver(): void;
     onMouseOut(): void;
-    constructor(elementRef: ElementRef, renderer: Renderer2);
+    /** Inserted by Angular inject() migration for backwards compatibility */
+    constructor(...args: unknown[]);
     ngOnInit(): void;
     scrollTop: () => void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdScrollDirective, never>;
@@ -32,24 +33,25 @@ declare class SdHoverCopyDirective implements OnInit, OnChanges {
     #private;
     private el;
     private renderer;
-    copyText: string;
-    sdHoverCopyDisabled: boolean;
-    constructor(el: ElementRef, renderer: Renderer2);
+    readonly copyText: i0.InputSignal<string>;
+    readonly sdHoverCopyDisabled: i0.InputSignal<boolean>;
+    /** Inserted by Angular inject() migration for backwards compatibility */
+    constructor(...args: unknown[]);
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     onMouseEnter(): void;
     onMouseLeave(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdHoverCopyDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SdHoverCopyDirective, "[sdHoverCopy]", never, { "copyText": { "alias": "sdHoverCopy"; "required": true; }; "sdHoverCopyDisabled": { "alias": "sdHoverCopyDisabled"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SdHoverCopyDirective, "[sdHoverCopy]", never, { "copyText": { "alias": "sdHoverCopy"; "required": true; "isSignal": true; }; "sdHoverCopyDisabled": { "alias": "sdHoverCopyDisabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class SdHrefDirective {
     #private;
-    url: string;
+    readonly url: i0.InputSignal<string>;
     get href(): string;
     onClick(event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdHrefDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SdHrefDirective, "a[sdHref]", never, { "url": { "alias": "sdHref"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SdHrefDirective, "a[sdHref]", never, { "url": { "alias": "sdHref"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 type TooltipPosition = 'top' | 'bottom' | 'left' | 'right';

package/types/sdcorejs-angular-forms-autocomplete.d.ts

@@ -1,5 +1,5 @@
 import * as _angular_core from '@angular/core';
-import { OnInit, OnDestroy, AfterViewInit, ElementRef, TemplateRef, EventEmitter } from '@angular/core';
+import { OnInit, OnDestroy, ElementRef, TemplateRef, EventEmitter } from '@angular/core';
 import { FormGroup, FormControl, FormGroupDirective, NgForm } from '@angular/forms';
 import { MatAutocompleteTrigger } from '@angular/material/autocomplete';
 import { ErrorStateMatcher } from '@angular/material/core';
@@ -13,7 +13,7 @@ declare class SdAutocompleteErrotStateMatcher implements ErrorStateMatcher {
     constructor(formControl: FormControl);
     isErrorState(control: FormControl | null, form: FormGroupDirective | NgForm | null): boolean;
 }
-declare class SdAutocomplete<T = any> implements OnInit, OnDestroy, AfterViewInit {
+declare class SdAutocomplete<T = any> implements OnInit, OnDestroy {
     #private;
     id: string;
     inputRef: _angular_core.Signal<ElementRef<HTMLInputElement> | undefined>;
@@ -73,7 +73,7 @@ declare class SdAutocomplete<T = any> implements OnInit, OnDestroy, AfterViewIni
     valueModel: _angular_core.ModelSignal<string | number | null | undefined>;
     sdChange: _angular_core.OutputEmitterRef<string | number | null>;
     sdSelection: _angular_core.OutputEmitterRef<SdSelectionData<any>>;
-    sdAdd: EventEmitter<void>;
+    readonly sdAdd: EventEmitter<void>;
     loading: _angular_core.WritableSignal<boolean>;
     isFocused: boolean;
     isTyping: _angular_core.WritableSignal<boolean>;
@@ -88,7 +88,6 @@ declare class SdAutocomplete<T = any> implements OnInit, OnDestroy, AfterViewIni
     getNestedValue: (obj: any, path: string | undefined) => any;
     constructor();
     ngOnInit(): void;
-    ngAfterViewInit(): void;
     ngOnDestroy(): void;
     onSelect: (item: T) => void;
     onFocus: () => void;

package/types/sdcorejs-angular-forms-checkbox.d.ts

@@ -1,16 +1,15 @@
 import * as _angular_core from '@angular/core';
-import { OnDestroy, AfterViewInit } from '@angular/core';
-import { FormControl, FormGroup } from '@angular/forms';
-import { SdViewed, SdViewedInput } from '@sdcorejs/angular/forms/models';
+import { FormControl } from '@angular/forms';
+import { ɵSdFormControlParent as _SdFormControlParent, SdViewed, SdViewedInput } from '@sdcorejs/angular/forms/models';
 import { Color } from '@sdcorejs/utils/models';
 
-declare class SdCheckbox implements OnDestroy, AfterViewInit {
+declare class SdCheckbox {
     #private;
     id: string;
     formControl: FormControl<any>;
     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>;
@@ -25,9 +24,6 @@ declare class SdCheckbox implements OnDestroy, AfterViewInit {
     readonly dataDisabled: _angular_core.Signal<"true" | "false">;
     readonly dataEmpty: _angular_core.Signal<"true" | "false">;
     readonly dataValue: _angular_core.Signal<string>;
-    constructor();
-    ngAfterViewInit(): void;
-    ngOnDestroy(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdCheckbox, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SdCheckbox, "sd-checkbox", 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; }; "inlineError": { "alias": "inlineError"; "required": false; "isSignal": true; }; "model": { "alias": "model"; "required": false; "isSignal": true; }; }, { "model": "modelChange"; "sdChange": "sdChange"; }, never, never, true, never>;
 }

package/types/sdcorejs-angular-forms-date-range.d.ts

@@ -1,5 +1,5 @@
 import * as _angular_core from '@angular/core';
-import { OnDestroy, OnInit, TemplateRef } from '@angular/core';
+import { TemplateRef } from '@angular/core';
 import { FormGroup, FormControl } from '@angular/forms';
 import { MatDateRangePicker, MatDatepickerInputEvent } from '@angular/material/datepicker';
 import { MatFormFieldAppearance, FloatLabelType } from '@angular/material/form-field';
@@ -7,11 +7,11 @@ import { SdLabelDefDirective } from '@sdcorejs/angular/forms/directives';
 import { SdViewed, SdViewedInput } from '@sdcorejs/angular/forms/models';
 import { Size } from '@sdcorejs/utils/models';
 
-interface Daterange {
+interface SdDateRangeValue {
     from?: string | null;
     to?: string | null;
 }
-declare class SdDateRange implements OnDestroy, OnInit {
+declare class SdDateRange {
     #private;
     id1: string;
     id2: string;
@@ -68,15 +68,13 @@ declare class SdDateRange implements OnDestroy, OnInit {
     resolvedMin: _angular_core.Signal<Date | null>;
     maxInput: _angular_core.InputSignal<any>;
     resolvedMax: _angular_core.Signal<Date | null>;
-    valueModel: _angular_core.ModelSignal<Daterange | null | undefined>;
-    sdChange: _angular_core.OutputEmitterRef<Daterange | null | undefined>;
+    valueModel: _angular_core.ModelSignal<SdDateRangeValue | null | undefined>;
+    sdChange: _angular_core.OutputEmitterRef<SdDateRangeValue | null | undefined>;
     isMobileOrTablet: boolean;
     formControl: FormControl<any>;
     control1: FormControl<any>;
     control2: FormControl<any>;
     constructor();
-    ngOnInit(): void;
-    ngOnDestroy(): void;
     onStartChange: (event: MatDatepickerInputEvent<Date>) => void;
     onEndChange: (event: MatDatepickerInputEvent<Date>) => void;
     clear: () => void;
@@ -90,3 +88,4 @@ declare class SdDateRange implements OnDestroy, OnInit {
 }
 
 export { SdDateRange };
+export type { SdDateRangeValue };

package/types/sdcorejs-angular-forms-date.d.ts

@@ -7,6 +7,7 @@ import { SdViewDefDirective, SdLabelDefDirective } from '@sdcorejs/angular/forms
 import { SdViewed, SdViewedInput, SdFormControl } from '@sdcorejs/angular/forms/models';
 import { Size } from '@sdcorejs/utils/models';
 
+type SdDateModelValue = string | number | Date | undefined | null;
 declare class SdDate implements OnDestroy, OnInit {
     #private;
     id: string;
@@ -37,7 +38,7 @@ declare class SdDate implements OnDestroy, OnInit {
     disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Display mode: `false` edit · `true` static view · `'inline'` view + click-to-edit (calendar). */
     viewed: _angular_core.InputSignalWithTransform<SdViewed, SdViewedInput>;
-    /** In `viewed='inline'`, show a hover clear-× on the text face. Set `false` when the host owns removal (chips). */
+    /** Whether to show the value-gated clear button in edit and inline modes. */
     clearable: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** `true` when `viewed === 'inline'`. */
     readonly isInline: _angular_core.Signal<boolean>;
@@ -62,14 +63,13 @@ declare class SdDate implements OnDestroy, OnInit {
     maxInput: _angular_core.InputSignal<any>;
     maxDateInput: _angular_core.InputSignal<any>;
     resolvedMax: _angular_core.Signal<Date | null>;
-    valueModel: _angular_core.ModelSignal<string | number | Date | null | undefined>;
+    valueModel: _angular_core.ModelSignal<SdDateModelValue>;
     sdChange: _angular_core.OutputEmitterRef<any>;
     sdFocus: _angular_core.OutputEmitterRef<void>;
     isMobileOrTablet: boolean;
     formControl: SdFormControl;
     isFocused: boolean;
     isValid?: boolean;
-    constructor();
     ngOnInit(): void;
     ngOnDestroy(): void;
     onFocus: () => void;

package/types/sdcorejs-angular-forms-datetime.d.ts

@@ -6,6 +6,7 @@ import { SdViewDefDirective } from '@sdcorejs/angular/forms/directives';
 import { SdViewed, SdViewedInput, SdFormControl } from '@sdcorejs/angular/forms/models';
 import { Size } from '@sdcorejs/utils/models';
 
+type SdDatetimeModelValue = string | number | Date | undefined | null;
 declare class SdDatetime implements OnDestroy, OnInit {
     #private;
     id: string;
@@ -38,7 +39,7 @@ declare class SdDatetime implements OnDestroy, OnInit {
     viewed: _angular_core.InputSignalWithTransform<SdViewed, SdViewedInput>;
     /** Hiển thị thêm cột giây trong picker. Mặc định: chỉ HH:MM. */
     showSeconds: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /** In `viewed='inline'`, show a hover clear-× on the text face. Set `false` when the host owns removal (chips). */
+    /** Whether to show the value-gated clear button in edit and inline modes. */
     clearable: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** `true` when `viewed === 'inline'`. */
     readonly isInline: _angular_core.Signal<boolean>;
@@ -63,7 +64,7 @@ declare class SdDatetime implements OnDestroy, OnInit {
     maxInput: _angular_core.InputSignal<any>;
     maxDateInput: _angular_core.InputSignal<any>;
     resolvedMax: _angular_core.Signal<Date | null>;
-    valueModel: _angular_core.ModelSignal<string | number | Date | null | undefined>;
+    valueModel: _angular_core.ModelSignal<SdDatetimeModelValue>;
     viewedDate: _angular_core.Signal<Date | null>;
     sdChange: _angular_core.OutputEmitterRef<any>;
     sdFocus: _angular_core.OutputEmitterRef<void>;
@@ -73,7 +74,6 @@ declare class SdDatetime implements OnDestroy, OnInit {
     isValid?: boolean;
     /** State popup — true khi picker package đang mở. */
     pickerOpened: _angular_core.Signal<boolean>;
-    constructor();
     ngOnInit(): void;
     ngOnDestroy(): void;
     /** Mở popup chọn datetime, neo vào input. */

package/types/sdcorejs-angular-forms-entity-picker.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_2 in keyof T_1 & string]: T_1[Key_2] extends string | number | boolean | Function | Date | null | undefined ? Key_2 : T_1[Key_2] extends any[] ? Key_2 : T_1[Key_2] extends object ? Key_2 | `${Key_2}.${T_1[Key_2] extends infer T_2 ? T_2 extends T_1[Key_2] ? T_2 extends object ? { [Key_3 in keyof T_2 & string]: T_2[Key_3] extends string | number | boolean | Function | Date | null | undefined ? Key_3 : T_2[Key_3] extends any[] ? Key_3 : T_2[Key_3] extends object ? Key_3 | `${Key_3}.${T_2[Key_3] extends infer T_3 ? T_3 extends T_2[Key_3] ? T_3 extends object ? { [Key_4 in keyof T_3 & string]: T_3[Key_4] extends string | number | boolean | Function | Date | null | undefined ? Key_4 : T_3[Key_4] extends any[] ? Key_4 : T_3[Key_4] extends object ? Key_4 : Key_4; }[keyof T_3 & string] : string : never : never}` : Key_3; }[keyof T_2 & string] : string : never : never}` : Key_2; }[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_2 in keyof T_1 & string]: T_1[Key_2] extends string | number | boolean | Function | Date | null | undefined ? Key_2 : T_1[Key_2] extends any[] ? Key_2 : T_1[Key_2] extends object ? Key_2 | `${Key_2}.${T_1[Key_2] extends infer T_2 ? T_2 extends T_1[Key_2] ? T_2 extends object ? { [Key_3 in keyof T_2 & string]: T_2[Key_3] extends string | number | boolean | Function | Date | null | undefined ? Key_3 : T_2[Key_3] extends any[] ? Key_3 : T_2[Key_3] extends object ? Key_3 | `${Key_3}.${T_2[Key_3] extends infer T_3 ? T_3 extends T_2[Key_3] ? T_3 extends object ? { [Key_4 in keyof T_3 & string]: T_3[Key_4] extends string | number | boolean | Function | Date | null | undefined ? Key_4 : T_3[Key_4] extends any[] ? Key_4 : T_3[Key_4] extends object ? Key_4 : Key_4; }[keyof T_3 & string] : string : never : never}` : Key_3; }[keyof T_2 & string] : string : never : never}` : Key_2; }[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/types/sdcorejs-angular-forms-input-color.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/types/sdcorejs-angular-forms-input-number.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/types/sdcorejs-angular-forms-input.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 };