@telcomdev/ui 0.0.7 → 0.0.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@telcomdev/ui",
-  "version": "0.0.7",
+  "version": "0.0.9",
   "description": "Librería UI reutilizable para los sistemas TelcomDev.",
   "keywords": [
     "angular",

package/types/telcomdev-ui.d.ts

@@ -1,8 +1,8 @@
 import * as _angular_core from '@angular/core';
-import { OnChanges, OnDestroy, EventEmitter, SimpleChanges, InjectionToken, Type, TemplateRef, AfterContentInit } from '@angular/core';
+import { OnChanges, OnDestroy, EventEmitter, SimpleChanges, InjectionToken, Type, ModelSignal, OutputEmitterRef, TemplateRef, AfterContentInit } from '@angular/core';
 import { ScrollStrategy } from '@angular/cdk/overlay';
 import { ControlValueAccessor } from '@angular/forms';
-import { FormValueControl, WithOptionalFieldTree, ValidationError } from '@angular/forms/signals';
+import { FormValueControl, WithOptionalFieldTree, DisabledReason, ValidationError } from '@angular/forms/signals';
 import { Observable } from 'rxjs';
 import { DialogRef } from '@angular/cdk/dialog';
 import * as _telcomdev_ui from '@telcomdev/ui';
@@ -133,6 +133,7 @@ interface CalendarDay {
 type CalendarView = 'dias' | 'meses' | 'anios';
 declare class TdDatePicker implements ControlValueAccessor, FormValueControl<TdDatePickerValue> {
     private readonly cdr;
+    private readonly formBridge;
     private readonly scrollStrategies;
     private readonly generatedId;
     private readonly formatter;
@@ -142,18 +143,24 @@ declare class TdDatePicker implements ControlValueAccessor, FormValueControl<TdD
     placeholder: string;
     mode: TdDatePickerMode;
     hint: string;
-    error: string;
-    minDate: string | number | null | undefined;
-    maxDate: string | number | null | undefined;
+    readonly name: _angular_core.InputSignal<string>;
     readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly disabledReasons: _angular_core.InputSignal<readonly WithOptionalFieldTree<DisabledReason>[]>;
     readonly readonly: _angular_core.InputSignal<boolean>;
+    readonly hidden: _angular_core.InputSignal<boolean>;
     readonly invalid: _angular_core.InputSignal<boolean>;
+    readonly pending: _angular_core.InputSignal<boolean>;
+    readonly dirty: _angular_core.InputSignal<boolean>;
+    readonly required: _angular_core.InputSignal<boolean>;
     readonly errors: _angular_core.InputSignal<readonly WithOptionalFieldTree<ValidationError>[]>;
+    readonly touched: _angular_core.ModelSignal<boolean>;
     readonly touch: _angular_core.OutputEmitterRef<void>;
+    readonly error: _angular_core.InputSignal<string>;
+    minDate: string | number | null | undefined;
+    maxDate: string | number | null | undefined;
     clearable: boolean;
     dark: boolean;
     readonly value: _angular_core.ModelSignal<TdDatePickerValue>;
-    private readonly cvaDisabled;
     protected readonly isDisabled: _angular_core.Signal<boolean>;
     protected readonly displayError: _angular_core.Signal<string>;
     protected readonly hasError: _angular_core.Signal<boolean>;
@@ -188,7 +195,6 @@ declare class TdDatePicker implements ControlValueAccessor, FormValueControl<TdD
     protected get rangeStartLabel(): string;
     protected get rangeEndLabel(): string;
     private changed;
-    private onCvaTouched;
     writeValue(value: TdDatePickerValue): void;
     registerOnChange(fn: (value: TdDatePickerValue) => void): void;
     registerOnTouched(fn: () => void): void;
@@ -223,7 +229,7 @@ declare class TdDatePicker implements ControlValueAccessor, FormValueControl<TdD
     private monthIntersectsLimits;
     private yearIntersectsLimits;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TdDatePicker, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TdDatePicker, "td-date-picker", never, { "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "error": { "alias": "error"; "required": false; }; "minDate": { "alias": "min"; "required": false; }; "maxDate": { "alias": "max"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; }; "dark": { "alias": "dark"; "required": false; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "touch": "touch"; "value": "valueChange"; "selectionChange": "selectionChange"; "openedChange": "openedChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TdDatePicker, "td-date-picker", never, { "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "disabledReasons": { "alias": "disabledReasons"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "hidden": { "alias": "hidden"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "pending": { "alias": "pending"; "required": false; "isSignal": true; }; "dirty": { "alias": "dirty"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "minDate": { "alias": "min"; "required": false; }; "maxDate": { "alias": "max"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "dark": { "alias": "dark"; "required": false; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "touched": "touchedChange"; "touch": "touch"; "value": "valueChange"; "selectionChange": "selectionChange"; "openedChange": "openedChange"; }, never, never, true, never>;
 }
 
 type TdDialogTamano = 'pequeno' | 'mediano' | 'grande' | 'pantalla';
@@ -307,6 +313,21 @@ declare class TdFooter {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<TdFooter, "td-footer", never, { "empresa": { "alias": "empresa"; "required": false; }; "texto": { "alias": "texto"; "required": false; }; "version": { "alias": "version"; "required": false; }; "oscuro": { "alias": "oscuro"; "required": false; }; "compacto": { "alias": "compacto"; "required": false; }; "anio": { "alias": "anio"; "required": false; }; }, {}, never, ["[tdFooterLinks]", "[tdFooterActions]"], true, never>;
 }
 
+interface TdFormControlBridge {
+    readonly usesSignalForms: boolean;
+    isDisabled(fieldDisabled: boolean): boolean;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(disabled: boolean): void;
+    markTouched(touched: ModelSignal<boolean>, touch: OutputEmitterRef<void>): void;
+}
+/**
+ * Puente reutilizable entre Signal Forms y ControlValueAccessor.
+ *
+ * Los inputs del contrato se declaran en cada componente porque el compilador
+ * de Signal Forms de Angular 21 necesita encontrarlos directamente allí.
+ */
+declare function createTdFormControlBridge(): TdFormControlBridge;
+
 interface TdHeaderNotificacion {
     id: string | number;
     titulo: string;
@@ -615,53 +636,78 @@ declare const TD_ICONOS: {
 type TdIconoNombre = keyof typeof TD_ICONOS;
 declare const TD_ICONOS_NOMBRES: readonly ("error" | "info" | "link" | "menu" | "search" | "cancel" | "close" | "copy" | "home" | "dashboard" | "folder" | "settings" | "people" | "person" | "security" | "inventory" | "shopping_cart" | "receipt" | "assessment" | "description" | "business" | "chevron_left" | "chevron_right" | "sun" | "moon" | "alert" | "check" | "visibility" | "visibility_off" | "notifications" | "chevron_down" | "apps" | "help" | "add" | "edit" | "delete" | "toggle_on" | "toggle_off" | "inbox" | "pdf" | "save" | "download" | "upload" | "print" | "excel" | "xml" | "zip" | "file" | "image" | "calendar" | "clock" | "history" | "filter" | "refresh" | "sort" | "more_vertical" | "more_horizontal" | "arrow_back" | "arrow_forward" | "login" | "logout" | "lock" | "lock_open" | "mail" | "phone" | "send" | "location" | "language" | "warning" | "check_circle" | "star" | "favorite" | "database" | "cloud" | "camera" | "external_link")[];
 
-declare class TdInput implements ControlValueAccessor, FormValueControl<string> {
+type TdInputValue = string | number | null;
+type TdInputEmptyValue = 'auto' | 'null' | 'empty-string';
+declare class TdInput implements ControlValueAccessor, FormValueControl<TdInputValue> {
     private readonly cdr;
+    private readonly formBridge;
     private readonly generatedId;
+    private readonly legacyMinLength;
+    private readonly legacyMaxLength;
+    private receivedNullValue;
+    private nativeInput?;
     id: string;
-    readonly name: _angular_core.InputSignal<string>;
     label: string;
     type: 'text' | 'email' | 'password' | 'number' | 'tel' | 'url' | 'search' | 'date' | 'time';
     placeholder: string;
     autocomplete: string;
     icon: string;
     hint: string;
-    error: string;
-    readonly readonly: _angular_core.InputSignal<boolean>;
+    readonly name: _angular_core.InputSignal<string>;
     readonly disabled: _angular_core.InputSignal<boolean>;
-    readonly required: _angular_core.InputSignal<boolean>;
+    readonly disabledReasons: _angular_core.InputSignal<readonly WithOptionalFieldTree<DisabledReason>[]>;
+    readonly readonly: _angular_core.InputSignal<boolean>;
+    readonly hidden: _angular_core.InputSignal<boolean>;
     readonly invalid: _angular_core.InputSignal<boolean>;
+    readonly pending: _angular_core.InputSignal<boolean>;
+    readonly dirty: _angular_core.InputSignal<boolean>;
+    readonly required: _angular_core.InputSignal<boolean>;
     readonly errors: _angular_core.InputSignal<readonly WithOptionalFieldTree<ValidationError>[]>;
+    readonly touched: _angular_core.ModelSignal<boolean>;
     readonly touch: _angular_core.OutputEmitterRef<void>;
+    readonly error: _angular_core.InputSignal<string>;
     clearable: boolean;
     dark: boolean;
-    minValue: string | number | null | undefined;
-    maxValue: string | number | null | undefined;
+    readonly showCounter: _angular_core.InputSignal<boolean>;
+    emptyValue: TdInputEmptyValue;
+    readonly minValue: _angular_core.InputSignal<string | number | null | undefined>;
+    readonly maxValue: _angular_core.InputSignal<string | number | null | undefined>;
+    readonly minLength: _angular_core.InputSignal<number | undefined>;
+    readonly maxLength: _angular_core.InputSignal<number | undefined>;
+    readonly pattern: _angular_core.InputSignal<readonly RegExp[]>;
     step: string | number | null;
-    minlength: number | null;
-    maxlength: number | null;
-    readonly value: _angular_core.ModelSignal<string>;
-    private readonly cvaDisabled;
+    set minlength(value: number | null);
+    set maxlength(value: number | null);
+    readonly value: _angular_core.ModelSignal<TdInputValue>;
     protected readonly isDisabled: _angular_core.Signal<boolean>;
     protected readonly displayError: _angular_core.Signal<string>;
     protected readonly hasError: _angular_core.Signal<boolean>;
+    protected readonly resolvedMinLength: _angular_core.Signal<number | null>;
+    protected readonly resolvedMaxLength: _angular_core.Signal<number | null>;
+    protected readonly currentLength: _angular_core.Signal<number>;
+    protected readonly counterVisible: _angular_core.Signal<boolean>;
+    protected readonly counterAtLimit: _angular_core.Signal<boolean>;
+    protected readonly hasSupportingContent: _angular_core.Signal<boolean>;
+    protected readonly resolvedPattern: _angular_core.Signal<string | null>;
     protected focused: boolean;
     protected passwordVisible: boolean;
     protected get inputId(): string;
     protected get descriptionId(): string | null;
     protected get resolvedType(): string;
     private onChange;
-    private onTouched;
     writeValue(value: unknown): void;
-    registerOnChange(fn: (value: string) => void): void;
+    registerOnChange(fn: (value: TdInputValue) => void): void;
     registerOnTouched(fn: () => void): void;
     setDisabledState(disabled: boolean): void;
+    focus(options?: FocusOptions): void;
     protected handleInput(event: Event): void;
     protected handleBlur(): void;
     protected clear(): void;
+    private parseInputValue;
+    private resolveEmptyValue;
     private setValue;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TdInput, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TdInput, "td-input", never, { "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; }; "type": { "alias": "type"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "error": { "alias": "error"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; }; "dark": { "alias": "dark"; "required": false; }; "minValue": { "alias": "min"; "required": false; }; "maxValue": { "alias": "max"; "required": false; }; "step": { "alias": "step"; "required": false; }; "minlength": { "alias": "minlength"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "touch": "touch"; "value": "valueChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TdInput, "td-input", never, { "id": { "alias": "id"; "required": false; }; "label": { "alias": "label"; "required": false; }; "type": { "alias": "type"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "disabledReasons": { "alias": "disabledReasons"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "hidden": { "alias": "hidden"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "pending": { "alias": "pending"; "required": false; "isSignal": true; }; "dirty": { "alias": "dirty"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; }; "dark": { "alias": "dark"; "required": false; }; "showCounter": { "alias": "showCounter"; "required": false; "isSignal": true; }; "emptyValue": { "alias": "emptyValue"; "required": false; }; "minValue": { "alias": "min"; "required": false; "isSignal": true; }; "maxValue": { "alias": "max"; "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; }; "step": { "alias": "step"; "required": false; }; "minlength": { "alias": "minlength"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "touched": "touchedChange"; "touch": "touch"; "value": "valueChange"; }, never, never, true, never>;
 }
 
 interface TdSelectOption<T = unknown> {
@@ -675,6 +721,7 @@ type TdSelectScrollBehavior = 'reposition' | 'close';
 
 declare class TdAutocompleteSelect<T = unknown> implements ControlValueAccessor, FormValueControl<T | null> {
     private readonly cdr;
+    private readonly formBridge;
     private readonly document;
     private readonly destroyRef;
     private readonly scrollStrategies;
@@ -685,14 +732,22 @@ declare class TdAutocompleteSelect<T = unknown> implements ControlValueAccessor,
     placeholder: string;
     options: TdSelectOption<T>[];
     hint: string;
-    error: string;
-    emptyText: string;
-    clearable: boolean;
-    dark: boolean;
+    readonly name: _angular_core.InputSignal<string>;
     readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly disabledReasons: _angular_core.InputSignal<readonly WithOptionalFieldTree<DisabledReason>[]>;
+    readonly readonly: _angular_core.InputSignal<boolean>;
+    readonly hidden: _angular_core.InputSignal<boolean>;
     readonly invalid: _angular_core.InputSignal<boolean>;
+    readonly pending: _angular_core.InputSignal<boolean>;
+    readonly dirty: _angular_core.InputSignal<boolean>;
+    readonly required: _angular_core.InputSignal<boolean>;
     readonly errors: _angular_core.InputSignal<readonly WithOptionalFieldTree<ValidationError>[]>;
+    readonly touched: _angular_core.ModelSignal<boolean>;
     readonly touch: _angular_core.OutputEmitterRef<void>;
+    readonly error: _angular_core.InputSignal<string>;
+    emptyText: string;
+    clearable: boolean;
+    dark: boolean;
     scrollBehavior: TdSelectScrollBehavior;
     minimumCharacters: number;
     filterWith: (option: TdSelectOption<T>, search: string) => boolean;
@@ -700,7 +755,6 @@ declare class TdAutocompleteSelect<T = unknown> implements ControlValueAccessor,
     readonly selectionChange: EventEmitter<T | null>;
     readonly searchChange: EventEmitter<string>;
     readonly value: _angular_core.ModelSignal<T | null>;
-    private readonly cvaDisabled;
     protected readonly isDisabled: _angular_core.Signal<boolean>;
     protected readonly displayError: _angular_core.Signal<string>;
     protected readonly hasError: _angular_core.Signal<boolean>;
@@ -713,12 +767,12 @@ declare class TdAutocompleteSelect<T = unknown> implements ControlValueAccessor,
     protected get filteredOptions(): TdSelectOption<T>[];
     protected readonly onTouched: () => void;
     private changed;
-    private onCvaTouched;
     constructor();
     writeValue(value: T | null): void;
     registerOnChange(fn: (value: T | null) => void): void;
     registerOnTouched(fn: () => void): void;
     setDisabledState(disabled: boolean): void;
+    focus(options?: FocusOptions): void;
     protected compare(first: T | null, second: T | null): boolean;
     protected openPanel(): void;
     protected close(): void;
@@ -729,33 +783,42 @@ declare class TdAutocompleteSelect<T = unknown> implements ControlValueAccessor,
     private moveActive;
     private firstEnabledIndex;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TdAutocompleteSelect<any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TdAutocompleteSelect<any>, "td-autocomplete-select", never, { "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "options": { "alias": "options"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "error": { "alias": "error"; "required": false; }; "emptyText": { "alias": "emptyText"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "dark": { "alias": "dark"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; "scrollBehavior": { "alias": "scrollBehavior"; "required": false; }; "minimumCharacters": { "alias": "minimumCharacters"; "required": false; }; "filterWith": { "alias": "filterWith"; "required": false; }; "compareWith": { "alias": "compareWith"; "required": false; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "touch": "touch"; "selectionChange": "selectionChange"; "searchChange": "searchChange"; "value": "valueChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TdAutocompleteSelect<any>, "td-autocomplete-select", never, { "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "options": { "alias": "options"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "disabledReasons": { "alias": "disabledReasons"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "hidden": { "alias": "hidden"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "pending": { "alias": "pending"; "required": false; "isSignal": true; }; "dirty": { "alias": "dirty"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "emptyText": { "alias": "emptyText"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "dark": { "alias": "dark"; "required": false; }; "scrollBehavior": { "alias": "scrollBehavior"; "required": false; }; "minimumCharacters": { "alias": "minimumCharacters"; "required": false; }; "filterWith": { "alias": "filterWith"; "required": false; }; "compareWith": { "alias": "compareWith"; "required": false; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "touched": "touchedChange"; "touch": "touch"; "selectionChange": "selectionChange"; "searchChange": "searchChange"; "value": "valueChange"; }, never, never, true, never>;
 }
 
 declare class TdSelect<T = unknown> implements ControlValueAccessor, FormValueControl<T | null> {
     private readonly cdr;
+    private readonly formBridge;
     private readonly document;
     private readonly destroyRef;
     private readonly scrollStrategies;
     private readonly generatedId;
     private connectedOverlay?;
+    private trigger?;
     label: string;
     placeholder: string;
     options: TdSelectOption<T>[];
     hint: string;
-    error: string;
-    emptyText: string;
-    clearable: boolean;
-    dark: boolean;
+    readonly name: _angular_core.InputSignal<string>;
     readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly disabledReasons: _angular_core.InputSignal<readonly WithOptionalFieldTree<DisabledReason>[]>;
+    readonly readonly: _angular_core.InputSignal<boolean>;
+    readonly hidden: _angular_core.InputSignal<boolean>;
     readonly invalid: _angular_core.InputSignal<boolean>;
+    readonly pending: _angular_core.InputSignal<boolean>;
+    readonly dirty: _angular_core.InputSignal<boolean>;
+    readonly required: _angular_core.InputSignal<boolean>;
     readonly errors: _angular_core.InputSignal<readonly WithOptionalFieldTree<ValidationError>[]>;
+    readonly touched: _angular_core.ModelSignal<boolean>;
     readonly touch: _angular_core.OutputEmitterRef<void>;
+    readonly error: _angular_core.InputSignal<string>;
+    emptyText: string;
+    clearable: boolean;
+    dark: boolean;
     scrollBehavior: TdSelectScrollBehavior;
     compareWith: (first: T | null, second: T | null) => boolean;
     readonly selectionChange: EventEmitter<T | null>;
     readonly value: _angular_core.ModelSignal<T | null>;
-    private readonly cvaDisabled;
     protected readonly isDisabled: _angular_core.Signal<boolean>;
     protected readonly displayError: _angular_core.Signal<string>;
     protected readonly hasError: _angular_core.Signal<boolean>;
@@ -766,12 +829,12 @@ declare class TdSelect<T = unknown> implements ControlValueAccessor, FormValueCo
     protected get listId(): string;
     protected get selectedOption(): TdSelectOption<T> | undefined;
     private onChange;
-    private onTouched;
     constructor();
     writeValue(value: T | null): void;
     registerOnChange(fn: (value: T | null) => void): void;
     registerOnTouched(fn: () => void): void;
     setDisabledState(disabled: boolean): void;
+    focus(options?: FocusOptions): void;
     protected compare(first: T | null, second: T | null): boolean;
     protected toggle(): void;
     protected close(): void;
@@ -784,7 +847,7 @@ declare class TdSelect<T = unknown> implements ControlValueAccessor, FormValueCo
     private firstEnabledIndex;
     private setValue;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TdSelect<any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TdSelect<any>, "td-select", never, { "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "options": { "alias": "options"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "error": { "alias": "error"; "required": false; }; "emptyText": { "alias": "emptyText"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "dark": { "alias": "dark"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; "scrollBehavior": { "alias": "scrollBehavior"; "required": false; }; "compareWith": { "alias": "compareWith"; "required": false; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "touch": "touch"; "selectionChange": "selectionChange"; "value": "valueChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TdSelect<any>, "td-select", never, { "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "options": { "alias": "options"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "disabledReasons": { "alias": "disabledReasons"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "hidden": { "alias": "hidden"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "pending": { "alias": "pending"; "required": false; "isSignal": true; }; "dirty": { "alias": "dirty"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "emptyText": { "alias": "emptyText"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "dark": { "alias": "dark"; "required": false; }; "scrollBehavior": { "alias": "scrollBehavior"; "required": false; }; "compareWith": { "alias": "compareWith"; "required": false; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "touched": "touchedChange"; "touch": "touch"; "selectionChange": "selectionChange"; "value": "valueChange"; }, never, never, true, never>;
 }
 
 interface MenuSidebar {
@@ -883,5 +946,5 @@ declare class TdTabs implements AfterContentInit, OnDestroy {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<TdTabs, "td-tabs", never, { "selectedIndex": { "alias": "selectedIndex"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "alignment": { "alias": "alignment"; "required": false; }; "stretch": { "alias": "stretch"; "required": false; }; "dark": { "alias": "dark"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "panelFocusable": { "alias": "panelFocusable"; "required": false; }; }, { "selectedIndexChange": "selectedIndexChange"; "tabChange": "tabChange"; }, ["tabQuery"], never, true, never>;
 }
 
-export { TD_DIALOG_CONFIG, TD_DIALOG_DATA, TD_ICONOS, TD_ICONOS_NOMBRES, TdAlerta, TdAutocompleteSelect, TdDataTable, TdDatePicker, TdDialog, TdDialogActions, TdDialogClose, TdDialogPrimary, TdDialogRef, TdFooter, TdHeader, TdIcon, TdIconoRegistry, TdInput, TdSelect, TdSidebar, TdTab, TdTabs, TelcomdevUi };
-export type { MenuSidebar, TdAlertaOpciones, TdAlertaTipo, TdDataTableAccion, TdDataTableAccionEvento, TdDataTableAlineacion, TdDataTableBoton, TdDataTableColumna, TdDataTableTipoColumna, TdDataTableTono, TdDatePickerMode, TdDatePickerValue, TdDateRange, TdDialogConfig, TdDialogPanelData, TdDialogRefLike, TdDialogTamano, TdHeaderAccionPerfil, TdHeaderNotificacion, TdIconoDefinicion, TdIconoNombre, TdIconoPersonalizado, TdSelectOption, TdSelectScrollBehavior, TdSidebarModoCerrado, TdSidebarSeleccion, TdTabsAlignment, TdTabsVariant };
+export { TD_DIALOG_CONFIG, TD_DIALOG_DATA, TD_ICONOS, TD_ICONOS_NOMBRES, TdAlerta, TdAutocompleteSelect, TdDataTable, TdDatePicker, TdDialog, TdDialogActions, TdDialogClose, TdDialogPrimary, TdDialogRef, TdFooter, TdHeader, TdIcon, TdIconoRegistry, TdInput, TdSelect, TdSidebar, TdTab, TdTabs, TelcomdevUi, createTdFormControlBridge };
+export type { MenuSidebar, TdAlertaOpciones, TdAlertaTipo, TdDataTableAccion, TdDataTableAccionEvento, TdDataTableAlineacion, TdDataTableBoton, TdDataTableColumna, TdDataTableTipoColumna, TdDataTableTono, TdDatePickerMode, TdDatePickerValue, TdDateRange, TdDialogConfig, TdDialogPanelData, TdDialogRefLike, TdDialogTamano, TdFormControlBridge, TdHeaderAccionPerfil, TdHeaderNotificacion, TdIconoDefinicion, TdIconoNombre, TdIconoPersonalizado, TdInputEmptyValue, TdInputValue, TdSelectOption, TdSelectScrollBehavior, TdSidebarModoCerrado, TdSidebarSeleccion, TdTabsAlignment, TdTabsVariant };