@telcomdev/ui 0.1.24 → 0.1.25

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 +1025 -352
  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 +87 -11
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.25",
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,105 @@ 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 toastRootPrefix;
71
+ private static scrollLockCount;
72
+ private static previousBodyOverflow;
73
+ static success(message: string, title?: string): Promise<boolean>;
74
+ static error(message: string, title?: string): Promise<boolean>;
75
+ static systemError(message: string, title?: string): Promise<boolean>;
76
+ static warning(message: string, title?: string): Promise<boolean>;
77
+ static info(message: string, title?: string): Promise<boolean>;
78
+ static confirm(message: string, title?: string, confirmText?: string, cancelText?: string): Promise<boolean>;
79
+ static confirmDelete(message?: string, title?: string): Promise<boolean>;
80
+ static show(options: TdAlertOptions | TdAlertaOpciones): Promise<boolean>;
81
+ static notify(message: string, options?: TdToastOptions | TdSnackbarOpciones): Promise<boolean>;
82
+ static toast(message: string, options?: TdToastOptions | TdSnackbarOpciones): Promise<boolean>;
83
+ static toastSuccess(message: string, title?: string): Promise<boolean>;
84
+ static toastError(message: string, title?: string): Promise<boolean>;
85
+ static toastWarning(message: string, title?: string): Promise<boolean>;
86
+ static toastInfo(message: string, title?: string): Promise<boolean>;
87
+ static snackbar(message: string, options?: TdToastOptions | TdSnackbarOpciones): Promise<boolean>;
88
+ static snackbarExito(message: string, titulo?: string): Promise<boolean>;
89
+ static snackbarError(message: string, titulo?: string): Promise<boolean>;
90
+ static snackbarAdvertencia(message: string, titulo?: string): Promise<boolean>;
91
+ static snackbarInfo(message: string, titulo?: string): Promise<boolean>;
28
92
  static exito(mensaje: string, titulo?: string): Promise<boolean>;
29
- static error(mensaje: string, titulo?: string): Promise<boolean>;
30
93
  static errorSistema(mensaje: string, titulo?: string): Promise<boolean>;
31
94
  static advertencia(mensaje: string, titulo?: string): Promise<boolean>;
32
- static info(mensaje: string, titulo?: string): Promise<boolean>;
33
95
  static confirmar(mensaje: string, titulo?: string, textoConfirmar?: string, textoCancelar?: string): Promise<boolean>;
34
96
  static confirmarEliminar(mensaje?: string, titulo?: string): Promise<boolean>;
35
- static mostrar(opciones: TdAlertaOpciones): Promise<boolean>;
36
- private static obtenerIcono;
37
- private static inyectarEstilos;
97
+ static notificar(options: TdSnackbarOpciones): Promise<boolean>;
98
+ private static normalizeAlertOptions;
99
+ private static normalizeToastOptions;
100
+ private static normalizeAlertType;
101
+ private static normalizeToastType;
102
+ private static normalizeToastPosition;
103
+ private static getToastRoot;
104
+ private static trimVisibleToasts;
105
+ private static getAlertIcon;
106
+ private static getToastIcon;
107
+ private static createIcon;
108
+ private static keepFocusInside;
109
+ private static lockBodyScroll;
110
+ private static unlockBodyScroll;
111
+ private static injectStyles;
112
+ }
113
+ declare class TdAlerta extends TdAlert {
38
114
  }
39
115
 
40
116
  type TdBadgeTone = 'primary' | 'neutral' | 'success' | 'warning' | 'danger' | 'info';
@@ -1061,7 +1137,7 @@ declare const TD_ICONOS: {
1061
1137
  };
1062
1138
  };
1063
1139
  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")[];
1140
+ 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
1141
 
1066
1142
  type TdInputValue = string | number | null;
1067
1143
  type TdInputEmptyValue = 'auto' | 'null' | 'empty-string';
@@ -1684,5 +1760,5 @@ declare class TdTooltip implements OnDestroy {
1684
1760
  static ngAcceptInputType_tdTooltipDisabled: unknown;
1685
1761
  }
1686
1762
 
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 };
1763
+ 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 };
1764
+ 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 };