@telcomdev/ui 0.1.4 → 0.1.6

package/package.json

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

package/types/telcomdev-ui.d.ts

@@ -725,6 +725,8 @@ declare class TdInput implements ControlValueAccessor, FormValueControl<TdInputV
     placeholder: string;
     autocomplete: string;
     icon: string;
+    prefix: string;
+    suffix: string;
     hint: string;
     readonly name: _angular_core.InputSignal<string>;
     readonly disabled: _angular_core.InputSignal<boolean>;
@@ -766,9 +768,11 @@ declare class TdInput implements ControlValueAccessor, FormValueControl<TdInputV
     protected readonly counterVisible: _angular_core.Signal<boolean>;
     protected readonly counterAtLimit: _angular_core.Signal<boolean>;
     protected readonly hasSupportingContent: _angular_core.Signal<boolean>;
+    protected readonly hasValue: _angular_core.Signal<boolean>;
+    protected readonly labelFloating: _angular_core.Signal<boolean>;
     protected readonly resolvedPattern: _angular_core.Signal<string | null>;
     protected readonly resolvedInputMode: _angular_core.Signal<"numeric" | "decimal" | null>;
-    protected focused: boolean;
+    protected readonly focused: _angular_core.WritableSignal<boolean>;
     protected passwordVisible: boolean;
     protected get inputId(): string;
     protected get descriptionId(): string | null;
@@ -780,6 +784,7 @@ declare class TdInput implements ControlValueAccessor, FormValueControl<TdInputV
     setDisabledState(disabled: boolean): void;
     focus(options?: FocusOptions): void;
     protected handleInput(event: Event): void;
+    protected handleFocus(): void;
     protected handleBlur(): void;
     protected clear(): void;
     private parseInputValue;
@@ -804,7 +809,7 @@ declare class TdInput implements ControlValueAccessor, FormValueControl<TdInputV
     private padTimePart;
     private setValue;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TdInput, 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; }; "sanitize": { "alias": "sanitize"; "required": false; }; "sanitizeValue": { "alias": "sanitizeValue"; "required": false; }; "mask": { "alias": "mask"; "required": false; }; "integerDigits": { "alias": "integerDigits"; "required": false; }; "decimalDigits": { "alias": "decimalDigits"; "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>;
+    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; }; "prefix": { "alias": "prefix"; "required": false; }; "suffix": { "alias": "suffix"; "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; }; "sanitize": { "alias": "sanitize"; "required": false; }; "sanitizeValue": { "alias": "sanitizeValue"; "required": false; }; "mask": { "alias": "mask"; "required": false; }; "integerDigits": { "alias": "integerDigits"; "required": false; }; "decimalDigits": { "alias": "decimalDigits"; "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> {
@@ -861,11 +866,12 @@ declare class TdAutocompleteSelect<T = unknown> implements ControlValueAccessor,
     protected search: string;
     protected open: boolean;
     protected activeIndex: number;
+    protected readonly focused: _angular_core.WritableSignal<boolean>;
     protected readonly scrollStrategy: ScrollStrategy;
     protected get inputId(): string;
     protected get listId(): string;
     protected get filteredOptions(): TdSelectOption<T>[];
-    protected readonly onTouched: () => void;
+    protected get labelFloating(): boolean;
     private changed;
     constructor();
     writeValue(value: T | null): void;
@@ -875,6 +881,8 @@ declare class TdAutocompleteSelect<T = unknown> implements ControlValueAccessor,
     focus(options?: FocusOptions): void;
     protected compare(first: T | null, second: T | null): boolean;
     protected openPanel(): void;
+    protected handleFocus(): void;
+    protected handleBlur(): void;
     protected close(): void;
     protected handleInput(event: Event): void;
     protected select(option: TdSelectOption<T>): void;