@telcomdev/ui 0.1.24 → 0.1.26

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/fesm2022/telcomdev-ui.mjs +1383 -362
  2. package/fesm2022/telcomdev-ui.mjs.map +1 -1
  3. package/lib/theme/td-theme.css +9 -0
  4. package/package.json +1 -1
  5. package/types/telcomdev-ui.d.ts +117 -13
package/lib/theme/td-theme.css CHANGED
@@ -43,6 +43,7 @@
43
43
  --td-z-sidebar: 900;
44
44
  --td-z-header: 950;
45
45
  --td-z-overlay: 1000;
46
+ --td-z-alert: 2147483000;
46
47
  }
47
48
 
48
49
  .td-theme-dark {
@@ -89,6 +90,7 @@
89
90
  --td-z-sidebar: 900;
90
91
  --td-z-header: 950;
91
92
  --td-z-overlay: 1000;
93
+ --td-z-alert: 2147483000;
92
94
  }
93
95
 
94
96
  /*
@@ -135,6 +137,13 @@
135
137
  pointer-events: auto;
136
138
  }
137
139
 
140
+ .cdk-overlay-pane.td-dialog-overlay--fullscreen {
141
+ width: 100dvw !important;
142
+ height: 100dvh !important;
143
+ max-width: 100dvw !important;
144
+ max-height: 100dvh !important;
145
+ }
146
+
138
147
  .cdk-overlay-connected-position-bounding-box {
139
148
  position: absolute;
140
149
  z-index: var(--td-z-overlay, 1000);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@telcomdev/ui",
3
- "version": "0.1.24",
3
+ "version": "0.1.26",
4
4
  "description": "Librería UI reutilizable para los sistemas TelcomDev.",
5
5
  "keywords": [
6
6
  "angular",
package/types/telcomdev-ui.d.ts CHANGED
@@ -12,29 +12,122 @@ declare class TelcomdevUi {
12
12
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<TelcomdevUi, "td-telcomdev-ui", never, {}, {}, never, never, true, never>;
13
13
  }
14
14
 
15
+ type TdAlertType = 'success' | 'error' | 'warning' | 'info' | 'question';
16
+ type TdToastType = 'success' | 'error' | 'warning' | 'info' | 'neutral';
17
+ type TdToastPosition = 'bottom-left' | 'bottom-right' | 'top-left' | 'top-right' | 'bottom-center' | 'top-center';
15
18
  type TdAlertaTipo = 'exito' | 'error' | 'advertencia' | 'info' | 'pregunta';
19
+ type TdSnackbarTipo = TdToastType | 'exito' | 'advertencia';
20
+ type TdSnackbarPosicion = 'inferior-izquierda' | 'inferior-derecha' | 'superior-izquierda' | 'superior-derecha' | 'inferior-centro' | 'superior-centro';
21
+ type TdAnyAlertType = TdAlertType | TdAlertaTipo;
22
+ type TdAnyToastType = TdToastType | TdSnackbarTipo;
23
+ type TdAnyToastPosition = TdToastPosition | TdSnackbarPosicion;
24
+ interface TdAlertOptions {
25
+ title?: string;
26
+ message?: string;
27
+ type?: TdAnyAlertType;
28
+ confirmText?: string;
29
+ cancelText?: string;
30
+ showCancel?: boolean;
31
+ closeOnEscape?: boolean;
32
+ closeOnBackdrop?: boolean;
33
+ autoFocus?: boolean;
34
+ }
16
35
  interface TdAlertaOpciones {
17
36
  titulo?: string;
18
37
  mensaje?: string;
19
- tipo?: TdAlertaTipo;
38
+ tipo?: TdAnyAlertType;
20
39
  textoConfirmar?: string;
21
40
  textoCancelar?: string;
22
41
  mostrarCancelar?: boolean;
23
42
  cerrarConEscape?: boolean;
24
43
  cerrarConFondo?: boolean;
44
+ autoFocus?: boolean;
45
+ }
46
+ interface TdToastOptions {
47
+ title?: string;
48
+ message?: string;
49
+ type?: TdAnyToastType;
50
+ position?: TdAnyToastPosition;
51
+ duration?: number;
52
+ actionText?: string;
53
+ dismissible?: boolean;
54
+ showProgress?: boolean;
55
+ maxVisible?: number;
56
+ }
57
+ interface TdSnackbarOpciones {
58
+ titulo?: string;
59
+ mensaje?: string;
60
+ tipo?: TdAnyToastType;
61
+ posicion?: TdAnyToastPosition;
62
+ duracion?: number;
63
+ textoAccion?: string;
64
+ cerrable?: boolean;
65
+ mostrarProgreso?: boolean;
66
+ maximoVisible?: number;
25
67
  }
26
- declare class TdAlerta {
27
- private static readonly estiloId;
68
+ declare class TdAlert {
69
+ private static readonly styleId;
70
+ private static readonly hostId;
71
+ private static readonly toastWrapperId;
72
+ private static readonly toastHostId;
73
+ private static readonly toastRootPrefix;
74
+ private static readonly alertZIndex;
75
+ private static readonly toastQueue;
76
+ private static scrollLockCount;
77
+ private static previousBodyOverflow;
78
+ static success(message: string, title?: string): Promise<boolean>;
79
+ static error(message: string, title?: string): Promise<boolean>;
80
+ static systemError(message: string, title?: string): Promise<boolean>;
81
+ static warning(message: string, title?: string): Promise<boolean>;
82
+ static info(message: string, title?: string): Promise<boolean>;
83
+ static confirm(message: string, title?: string, confirmText?: string, cancelText?: string): Promise<boolean>;
84
+ static confirmDelete(message?: string, title?: string): Promise<boolean>;
85
+ static show(options: TdAlertOptions | TdAlertaOpciones): Promise<boolean>;
86
+ static notify(message: string, options?: TdToastOptions | TdSnackbarOpciones): Promise<boolean>;
87
+ static toast(message: string, options?: TdToastOptions | TdSnackbarOpciones): Promise<boolean>;
88
+ static toastSuccess(message: string, title?: string): Promise<boolean>;
89
+ static toastError(message: string, title?: string): Promise<boolean>;
90
+ static toastWarning(message: string, title?: string): Promise<boolean>;
91
+ static toastInfo(message: string, title?: string): Promise<boolean>;
92
+ static snackbar(message: string, options?: TdToastOptions | TdSnackbarOpciones): Promise<boolean>;
93
+ static snackbarExito(message: string, titulo?: string): Promise<boolean>;
94
+ static snackbarError(message: string, titulo?: string): Promise<boolean>;
95
+ static snackbarAdvertencia(message: string, titulo?: string): Promise<boolean>;
96
+ static snackbarInfo(message: string, titulo?: string): Promise<boolean>;
28
97
  static exito(mensaje: string, titulo?: string): Promise<boolean>;
29
- static error(mensaje: string, titulo?: string): Promise<boolean>;
30
98
  static errorSistema(mensaje: string, titulo?: string): Promise<boolean>;
31
99
  static advertencia(mensaje: string, titulo?: string): Promise<boolean>;
32
- static info(mensaje: string, titulo?: string): Promise<boolean>;
33
100
  static confirmar(mensaje: string, titulo?: string, textoConfirmar?: string, textoCancelar?: string): Promise<boolean>;
34
101
  static confirmarEliminar(mensaje?: string, titulo?: string): Promise<boolean>;
35
- static mostrar(opciones: TdAlertaOpciones): Promise<boolean>;
36
- private static obtenerIcono;
37
- private static inyectarEstilos;
102
+ static notificar(options: TdSnackbarOpciones): Promise<boolean>;
103
+ private static normalizeAlertOptions;
104
+ private static normalizeToastOptions;
105
+ private static hasBlockingOverlayOpen;
106
+ private static normalizeAlertType;
107
+ private static normalizeToastType;
108
+ private static normalizeToastPosition;
109
+ private static getToastRoot;
110
+ private static getToastLayer;
111
+ private static bringToastLayerToFront;
112
+ private static getToastWrapper;
113
+ private static getToastMountTarget;
114
+ private static getHost;
115
+ private static applyAlertLayer;
116
+ private static nextLayer;
117
+ private static getToastQueue;
118
+ private static getVisibleToastCount;
119
+ private static showNextQueuedToast;
120
+ private static updateToastQueueIndicator;
121
+ private static cleanupToastLayer;
122
+ private static getAlertIcon;
123
+ private static getToastIcon;
124
+ private static createIcon;
125
+ private static keepFocusInside;
126
+ private static lockBodyScroll;
127
+ private static unlockBodyScroll;
128
+ private static injectStyles;
129
+ }
130
+ declare class TdAlerta extends TdAlert {
38
131
  }
39
132
 
40
133
  type TdBadgeTone = 'primary' | 'neutral' | 'success' | 'warning' | 'danger' | 'info';
@@ -1061,7 +1154,7 @@ declare const TD_ICONOS: {
1061
1154
  };
1062
1155
  };
1063
1156
  type TdIconoNombre = keyof typeof TD_ICONOS;
1064
- 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")[];
1157
+ declare const TD_ICONOS_NOMBRES: readonly ("home" | "dashboard" | "folder" | "settings" | "people" | "person" | "security" | "inventory" | "shopping_cart" | "receipt" | "assessment" | "description" | "business" | "chevron_left" | "chevron_right" | "sun" | "moon" | "alert" | "check" | "close" | "menu" | "search" | "visibility" | "visibility_off" | "notifications" | "chevron_down" | "apps" | "help" | "add" | "edit" | "delete" | "toggle_on" | "toggle_off" | "inbox" | "pdf" | "save" | "copy" | "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" | "info" | "warning" | "error" | "check_circle" | "cancel" | "star" | "favorite" | "database" | "cloud" | "camera" | "link" | "external_link")[];
1065
1158
 
1066
1159
  type TdInputValue = string | number | null;
1067
1160
  type TdInputEmptyValue = 'auto' | 'null' | 'empty-string';
@@ -1362,6 +1455,9 @@ declare class TdAutocompleteSelect<T = unknown> implements ControlValueAccessor,
1362
1455
  readonly error: _angular_core.InputSignal<string>;
1363
1456
  readonly errorDisplay: _angular_core.InputSignal<TdErrorDisplay>;
1364
1457
  emptyText: string;
1458
+ emptyActionText: string;
1459
+ emptyActionDescription: string;
1460
+ emptyActionIcon: string;
1365
1461
  clearable: boolean;
1366
1462
  dark: boolean;
1367
1463
  scrollBehavior: TdSelectScrollBehavior;
@@ -1372,6 +1468,7 @@ declare class TdAutocompleteSelect<T = unknown> implements ControlValueAccessor,
1372
1468
  compareWith: (first: T | null, second: T | null) => boolean;
1373
1469
  readonly selectionChange: EventEmitter<T | null>;
1374
1470
  readonly searchChange: EventEmitter<string>;
1471
+ readonly emptyAction: EventEmitter<string>;
1375
1472
  readonly value: _angular_core.ModelSignal<T | null>;
1376
1473
  protected readonly isDisabled: _angular_core.Signal<boolean>;
1377
1474
  protected readonly fieldError: _angular_core.Signal<string>;
@@ -1389,6 +1486,7 @@ declare class TdAutocompleteSelect<T = unknown> implements ControlValueAccessor,
1389
1486
  protected get hasVisibleLabel(): boolean;
1390
1487
  protected get accessibleLabel(): string;
1391
1488
  protected get filteredOptions(): TdSelectOption<T>[];
1489
+ protected get shouldShowEmptyAction(): boolean;
1392
1490
  protected get labelFloating(): boolean;
1393
1491
  private changed;
1394
1492
  constructor();
@@ -1404,6 +1502,7 @@ declare class TdAutocompleteSelect<T = unknown> implements ControlValueAccessor,
1404
1502
  protected handleFocus(): void;
1405
1503
  protected handleBlur(): void;
1406
1504
  protected close(): void;
1505
+ protected emitEmptyAction(event: MouseEvent): void;
1407
1506
  protected handleInput(event: Event): void;
1408
1507
  protected select(option: TdSelectOption<T>): void;
1409
1508
  protected clear(event: MouseEvent): void;
@@ -1425,7 +1524,7 @@ declare class TdAutocompleteSelect<T = unknown> implements ControlValueAccessor,
1425
1524
  private scheduleOverflowTextMeasurement;
1426
1525
  private measureOverflowText;
1427
1526
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<TdAutocompleteSelect<any>, never>;
1428
- 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>;
1527
+ 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>;
1429
1528
  }
1430
1529
 
1431
1530
  declare class TdSelect<T = unknown> implements ControlValueAccessor, FormValueControl<T | null> {
@@ -1458,6 +1557,9 @@ declare class TdSelect<T = unknown> implements ControlValueAccessor, FormValueCo
1458
1557
  readonly error: _angular_core.InputSignal<string>;
1459
1558
  readonly errorDisplay: _angular_core.InputSignal<TdErrorDisplay>;
1460
1559
  emptyText: string;
1560
+ emptyActionText: string;
1561
+ emptyActionDescription: string;
1562
+ emptyActionIcon: string;
1461
1563
  clearable: boolean;
1462
1564
  dark: boolean;
1463
1565
  scrollBehavior: TdSelectScrollBehavior;
@@ -1465,6 +1567,7 @@ declare class TdSelect<T = unknown> implements ControlValueAccessor, FormValueCo
1465
1567
  appearance: TdSelectAppearance;
1466
1568
  compareWith: (first: T | null, second: T | null) => boolean;
1467
1569
  readonly selectionChange: EventEmitter<T | null>;
1570
+ readonly emptyAction: EventEmitter<void>;
1468
1571
  readonly value: _angular_core.ModelSignal<T | null>;
1469
1572
  protected readonly isDisabled: _angular_core.Signal<boolean>;
1470
1573
  protected readonly fieldError: _angular_core.Signal<string>;
@@ -1492,6 +1595,7 @@ declare class TdSelect<T = unknown> implements ControlValueAccessor, FormValueCo
1492
1595
  protected close(): void;
1493
1596
  protected select(option: TdSelectOption<T>): void;
1494
1597
  protected clear(event: MouseEvent): void;
1598
+ protected emitEmptyAction(event: MouseEvent): void;
1495
1599
  protected handleKeydown(event: KeyboardEvent): void;
1496
1600
  protected handleOverlayKeydown(event: KeyboardEvent): void;
1497
1601
  private openPanel;
@@ -1504,7 +1608,7 @@ declare class TdSelect<T = unknown> implements ControlValueAccessor, FormValueCo
1504
1608
  private scheduleOverflowTextMeasurement;
1505
1609
  private measureOverflowText;
1506
1610
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<TdSelect<any>, never>;
1507
- 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>;
1611
+ 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>;
1508
1612
  }
1509
1613
 
1510
1614
  interface MenuSidebar {
@@ -1684,5 +1788,5 @@ declare class TdTooltip implements OnDestroy {
1684
1788
  static ngAcceptInputType_tdTooltipDisabled: unknown;
1685
1789
  }
1686
1790
 
1687
- export { TD_DIALOG_CONFIG, TD_DIALOG_DATA, TD_ICONOS, TD_ICONOS_NOMBRES, TD_THEME_DARK_COLORS, TD_THEME_LIGHT_COLORS, TdAlerta, TdAutocompleteSelect, TdBadge, TdButton, TdCheckbox, TdDataTable, TdDatePicker, TdDialog, TdDialogActions, TdDialogClose, TdDialogPrimary, TdDialogRef, TdFileUpload, TdFileViewer, TdFileViewerService, TdFooter, TdHeader, TdIcon, TdIconoRegistry, TdInput, TdMenu, TdRadioGroup, TdSelect, TdSidebar, TdTab, TdTabs, TdTextarea, TdThemeService, TdTooltip, TelcomdevUi, createTdFormControlBridge };
1688
- export type { MenuSidebar, TdAlertaOpciones, TdAlertaTipo, TdBadgePosition, TdBadgeSize, TdBadgeTone, TdBadgeVariant, TdButtonSize, TdButtonTone, TdButtonType, TdButtonVariant, TdDataTableAccion, TdDataTableAccionEvento, TdDataTableAccionesPresentacion, TdDataTableAlineacion, TdDataTableBoton, TdDataTableColumna, TdDataTableImagenConfig, TdDataTableImagenEvento, TdDataTableImagenForma, TdDataTableTipoColumna, TdDataTableTono, TdDatePickerMode, TdDatePickerValue, TdDateRange, TdDialogConfig, TdDialogPanelData, TdDialogRefLike, TdDialogTamano, TdErrorDisplay, TdFileAttachment, TdFileSource, TdFileUploadItem, TdFileUploadPreviewKind, TdFileUploadRejectReason, TdFileUploadRejected, TdFileUploadValue, TdFileUploadVariant, TdFileViewerArchivo, TdFileViewerKind, TdFileViewerOpenOptions, TdFormControlBridge, TdHeaderAccionPerfil, TdHeaderNotificacion, TdHeaderPerfilAccion, TdHeaderPerfilAccionTono, TdIconoDefinicion, TdIconoNombre, TdIconoPersonalizado, TdInputEmptyValue, TdInputMask, TdInputSanitize, TdInputSanitizeFn, TdInputSanitizePreset, TdInputValue, TdMenuBadge, TdMenuItem, TdMenuPosicion, TdMenuSeleccion, TdMenuTono, TdRadioDirection, TdRadioOption, TdRadioVariant, TdSelectAppearance, TdSelectOption, TdSelectOverflowText, TdSelectScrollBehavior, TdSidebarModoCerrado, TdSidebarSeleccion, TdTabsAlignment, TdTabsVariant, TdTextareaEmptyValue, TdTextareaValue, TdThemeMode, TdThemePaletteColor, TdTooltipPosition, TdTooltipTone };
1791
+ export { TD_DIALOG_CONFIG, TD_DIALOG_DATA, TD_ICONOS, TD_ICONOS_NOMBRES, TD_THEME_DARK_COLORS, TD_THEME_LIGHT_COLORS, TdAlert, TdAlerta, TdAutocompleteSelect, TdBadge, TdButton, TdCheckbox, TdDataTable, TdDatePicker, TdDialog, TdDialogActions, TdDialogClose, TdDialogPrimary, TdDialogRef, TdFileUpload, TdFileViewer, TdFileViewerService, TdFooter, TdHeader, TdIcon, TdIconoRegistry, TdInput, TdMenu, TdRadioGroup, TdSelect, TdSidebar, TdTab, TdTabs, TdTextarea, TdThemeService, TdTooltip, TelcomdevUi, createTdFormControlBridge };
1792
+ export type { MenuSidebar, TdAlertOptions, TdAlertType, TdAlertaOpciones, TdAlertaTipo, TdBadgePosition, TdBadgeSize, TdBadgeTone, TdBadgeVariant, TdButtonSize, TdButtonTone, TdButtonType, TdButtonVariant, TdDataTableAccion, TdDataTableAccionEvento, TdDataTableAccionesPresentacion, TdDataTableAlineacion, TdDataTableBoton, TdDataTableColumna, TdDataTableImagenConfig, TdDataTableImagenEvento, TdDataTableImagenForma, TdDataTableTipoColumna, TdDataTableTono, TdDatePickerMode, TdDatePickerValue, TdDateRange, TdDialogConfig, TdDialogPanelData, TdDialogRefLike, TdDialogTamano, TdErrorDisplay, TdFileAttachment, TdFileSource, TdFileUploadItem, TdFileUploadPreviewKind, TdFileUploadRejectReason, TdFileUploadRejected, TdFileUploadValue, TdFileUploadVariant, TdFileViewerArchivo, TdFileViewerKind, TdFileViewerOpenOptions, TdFormControlBridge, TdHeaderAccionPerfil, TdHeaderNotificacion, TdHeaderPerfilAccion, TdHeaderPerfilAccionTono, TdIconoDefinicion, TdIconoNombre, TdIconoPersonalizado, TdInputEmptyValue, TdInputMask, TdInputSanitize, TdInputSanitizeFn, TdInputSanitizePreset, TdInputValue, TdMenuBadge, TdMenuItem, TdMenuPosicion, TdMenuSeleccion, TdMenuTono, TdRadioDirection, TdRadioOption, TdRadioVariant, TdSelectAppearance, TdSelectOption, TdSelectOverflowText, TdSelectScrollBehavior, TdSidebarModoCerrado, TdSidebarSeleccion, TdSnackbarOpciones, TdSnackbarPosicion, TdSnackbarTipo, TdTabsAlignment, TdTabsVariant, TdTextareaEmptyValue, TdTextareaValue, TdThemeMode, TdThemePaletteColor, TdToastOptions, TdToastPosition, TdToastType, TdTooltipPosition, TdTooltipTone };