@telcomdev/ui 0.1.15 → 0.1.17

package/package.json

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

package/types/telcomdev-ui.d.ts

@@ -1114,21 +1114,29 @@ type TdSelectScrollBehavior = 'reposition' | 'close';
 type TdSelectOverflowText = 'ellipsis' | 'wrap' | 'marquee';
 type TdSelectAppearance = 'outline' | 'filled' | 'standard';
 
-declare class TdAutocompleteSelect<T = unknown> implements ControlValueAccessor, FormValueControl<T | null> {
+declare class TdAutocompleteSelect<T = unknown> implements ControlValueAccessor, FormValueControl<T | null>, OnChanges {
     private readonly cdr;
     private readonly formBridge;
     private readonly document;
     private readonly destroyRef;
     private readonly scrollStrategies;
     private readonly generatedId;
+    private rawOptions;
+    private normalizedOptions;
     private searchInput?;
     private connectedOverlay?;
     private panel?;
     label: string;
     placeholder: string;
-    options: TdSelectOption<T>[];
+    set options(value: readonly unknown[] | null | undefined);
+    get options(): TdSelectOption<T>[];
     hint: string;
     hideLabel: boolean;
+    valueKey: string | ((option: unknown) => T | null) | null;
+    labelKey: string | ((option: unknown) => string | null | undefined) | null;
+    descriptionKey: string | ((option: unknown) => string | null | undefined) | null;
+    iconKey: string | ((option: unknown) => string | null | undefined) | null;
+    disabledKey: string | ((option: unknown) => boolean | null | undefined) | null;
     readonly name: _angular_core.InputSignal<string>;
     readonly disabled: _angular_core.InputSignal<boolean>;
     readonly disabledReasons: _angular_core.InputSignal<readonly WithOptionalFieldTree<DisabledReason>[]>;
@@ -1174,6 +1182,7 @@ declare class TdAutocompleteSelect<T = unknown> implements ControlValueAccessor,
     protected get labelFloating(): boolean;
     private changed;
     constructor();
+    ngOnChanges(changes: SimpleChanges): void;
     writeValue(value: T | null): void;
     registerOnChange(fn: (value: T | null) => void): void;
     registerOnTouched(fn: () => void): void;
@@ -1192,12 +1201,21 @@ declare class TdAutocompleteSelect<T = unknown> implements ControlValueAccessor,
     protected handleOverlayKeydown(event: KeyboardEvent): void;
     private moveActive;
     private firstEnabledIndex;
+    private syncSearchWithValue;
+    private normalizeOptions;
+    private normalizeOption;
+    private isSelectOption;
+    private readOptionValue;
+    private readOptionText;
+    private readOptionUnknown;
+    private readPath;
+    private fallbackOptionLabel;
     private scrollActiveOptionIntoView;
     private scheduleOverlayPositionUpdate;
     private scheduleOverflowTextMeasurement;
     private measureOverflowText;
     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; }; "hideLabel": { "alias": "hideLabel"; "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; }; "errorDisplay": { "alias": "errorDisplay"; "required": false; "isSignal": true; }; "emptyText": { "alias": "emptyText"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "dark": { "alias": "dark"; "required": false; }; "scrollBehavior": { "alias": "scrollBehavior"; "required": false; }; "overflowText": { "alias": "overflowText"; "required": false; }; "appearance": { "alias": "appearance"; "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>;
+    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; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "valueKey": { "alias": "valueKey"; "required": false; }; "labelKey": { "alias": "labelKey"; "required": false; }; "descriptionKey": { "alias": "descriptionKey"; "required": false; }; "iconKey": { "alias": "iconKey"; "required": false; }; "disabledKey": { "alias": "disabledKey"; "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; }; "errorDisplay": { "alias": "errorDisplay"; "required": false; "isSignal": true; }; "emptyText": { "alias": "emptyText"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "dark": { "alias": "dark"; "required": false; }; "scrollBehavior": { "alias": "scrollBehavior"; "required": false; }; "overflowText": { "alias": "overflowText"; "required": false; }; "appearance": { "alias": "appearance"; "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> {