@telcomdev/ui 0.1.25 → 0.1.26

package/package.json

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

package/types/telcomdev-ui.d.ts

@@ -67,7 +67,12 @@ interface TdSnackbarOpciones {
 }
 declare class TdAlert {
     private static readonly styleId;
+    private static readonly hostId;
+    private static readonly toastWrapperId;
+    private static readonly toastHostId;
     private static readonly toastRootPrefix;
+    private static readonly alertZIndex;
+    private static readonly toastQueue;
     private static scrollLockCount;
     private static previousBodyOverflow;
     static success(message: string, title?: string): Promise<boolean>;
@@ -97,11 +102,23 @@ declare class TdAlert {
     static notificar(options: TdSnackbarOpciones): Promise<boolean>;
     private static normalizeAlertOptions;
     private static normalizeToastOptions;
+    private static hasBlockingOverlayOpen;
     private static normalizeAlertType;
     private static normalizeToastType;
     private static normalizeToastPosition;
     private static getToastRoot;
-    private static trimVisibleToasts;
+    private static getToastLayer;
+    private static bringToastLayerToFront;
+    private static getToastWrapper;
+    private static getToastMountTarget;
+    private static getHost;
+    private static applyAlertLayer;
+    private static nextLayer;
+    private static getToastQueue;
+    private static getVisibleToastCount;
+    private static showNextQueuedToast;
+    private static updateToastQueueIndicator;
+    private static cleanupToastLayer;
     private static getAlertIcon;
     private static getToastIcon;
     private static createIcon;
@@ -1438,6 +1455,9 @@ declare class TdAutocompleteSelect<T = unknown> implements ControlValueAccessor,
     readonly error: _angular_core.InputSignal<string>;
     readonly errorDisplay: _angular_core.InputSignal<TdErrorDisplay>;
     emptyText: string;
+    emptyActionText: string;
+    emptyActionDescription: string;
+    emptyActionIcon: string;
     clearable: boolean;
     dark: boolean;
     scrollBehavior: TdSelectScrollBehavior;
@@ -1448,6 +1468,7 @@ declare class TdAutocompleteSelect<T = unknown> implements ControlValueAccessor,
     compareWith: (first: T | null, second: T | null) => boolean;
     readonly selectionChange: EventEmitter<T | null>;
     readonly searchChange: EventEmitter<string>;
+    readonly emptyAction: EventEmitter<string>;
     readonly value: _angular_core.ModelSignal<T | null>;
     protected readonly isDisabled: _angular_core.Signal<boolean>;
     protected readonly fieldError: _angular_core.Signal<string>;
@@ -1465,6 +1486,7 @@ declare class TdAutocompleteSelect<T = unknown> implements ControlValueAccessor,
     protected get hasVisibleLabel(): boolean;
     protected get accessibleLabel(): string;
     protected get filteredOptions(): TdSelectOption<T>[];
+    protected get shouldShowEmptyAction(): boolean;
     protected get labelFloating(): boolean;
     private changed;
     constructor();
@@ -1480,6 +1502,7 @@ declare class TdAutocompleteSelect<T = unknown> implements ControlValueAccessor,
     protected handleFocus(): void;
     protected handleBlur(): void;
     protected close(): void;
+    protected emitEmptyAction(event: MouseEvent): void;
     protected handleInput(event: Event): void;
     protected select(option: TdSelectOption<T>): void;
     protected clear(event: MouseEvent): void;
@@ -1501,7 +1524,7 @@ declare class TdAutocompleteSelect<T = unknown> implements ControlValueAccessor,
     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; }; "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>;
+    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; }; "emptyActionText": { "alias": "emptyActionText"; "required": false; }; "emptyActionDescription": { "alias": "emptyActionDescription"; "required": false; }; "emptyActionIcon": { "alias": "emptyActionIcon"; "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"; "emptyAction": "emptyAction"; "value": "valueChange"; }, never, never, true, never>;
 }
 
 declare class TdSelect<T = unknown> implements ControlValueAccessor, FormValueControl<T | null> {
@@ -1534,6 +1557,9 @@ declare class TdSelect<T = unknown> implements ControlValueAccessor, FormValueCo
     readonly error: _angular_core.InputSignal<string>;
     readonly errorDisplay: _angular_core.InputSignal<TdErrorDisplay>;
     emptyText: string;
+    emptyActionText: string;
+    emptyActionDescription: string;
+    emptyActionIcon: string;
     clearable: boolean;
     dark: boolean;
     scrollBehavior: TdSelectScrollBehavior;
@@ -1541,6 +1567,7 @@ declare class TdSelect<T = unknown> implements ControlValueAccessor, FormValueCo
     appearance: TdSelectAppearance;
     compareWith: (first: T | null, second: T | null) => boolean;
     readonly selectionChange: EventEmitter<T | null>;
+    readonly emptyAction: EventEmitter<void>;
     readonly value: _angular_core.ModelSignal<T | null>;
     protected readonly isDisabled: _angular_core.Signal<boolean>;
     protected readonly fieldError: _angular_core.Signal<string>;
@@ -1568,6 +1595,7 @@ declare class TdSelect<T = unknown> implements ControlValueAccessor, FormValueCo
     protected close(): void;
     protected select(option: TdSelectOption<T>): void;
     protected clear(event: MouseEvent): void;
+    protected emitEmptyAction(event: MouseEvent): void;
     protected handleKeydown(event: KeyboardEvent): void;
     protected handleOverlayKeydown(event: KeyboardEvent): void;
     private openPanel;
@@ -1580,7 +1608,7 @@ declare class TdSelect<T = unknown> implements ControlValueAccessor, FormValueCo
     private scheduleOverflowTextMeasurement;
     private measureOverflowText;
     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; }; "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; }; "compareWith": { "alias": "compareWith"; "required": false; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "touched": "touchedChange"; "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; }; "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; }; "emptyActionText": { "alias": "emptyActionText"; "required": false; }; "emptyActionDescription": { "alias": "emptyActionDescription"; "required": false; }; "emptyActionIcon": { "alias": "emptyActionIcon"; "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; }; "compareWith": { "alias": "compareWith"; "required": false; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "touched": "touchedChange"; "touch": "touch"; "selectionChange": "selectionChange"; "emptyAction": "emptyAction"; "value": "valueChange"; }, never, never, true, never>;
 }
 
 interface MenuSidebar {