ngx-dsxlibrary 1.0.49 → 1.0.51

package/lib/services/alerta.service.d.ts

@@ -1,6 +1,63 @@
-import { SweetAlertIcon } from 'sweetalert2';
+import { SweetAlertIcon, SweetAlertResult } from 'sweetalert2';
 import { ResponseHttpModel } from '../models/src/response-http.model';
 import * as i0 from "@angular/core";
+/**
+ * Configuración personalizable para las alertas visuales
+ *
+ * @property icono - Nombre del archivo de imagen ubicado en 'assets/dsxResource/'.
+ *                  Ejemplo: 'success-icon.png'. Por defecto usa 'icon/check02.png'.
+ *
+ * @property icon - Tipo de icono SweetAlert2 incorporado. Valores posibles:
+ *                 'success' | 'error' | 'warning' | 'info' | 'question'.
+ *                 Por defecto: 'success'.
+ *
+ * @property showConfirmButton - Determina si se muestra el botón de confirmación.
+ *                              Cuando es true, desactiva el cierre automático.
+ *                              Por defecto: false.
+ *
+ * @property confirmButtonText - Texto personalizado para el botón de confirmación.
+ *                              Por defecto: 'Ok'.
+ *
+ * @property timer - Tiempo en milisegundos para el cierre automático de la alerta.
+ *                   Se ignora si showConfirmButton es true.
+ *                   Por defecto: 2000 (2 segundos).
+ *
+ * @property imageWidth - Ancho en píxeles para la imagen personalizada.
+ *                       Por defecto: 125.
+ *
+ * @property imageHeight - Alto en píxeles para la imagen personalizada.
+ *                        Por defecto: 125.
+ *
+ * @property showImage - Controla si se muestra la imagen personalizada.
+ *                      Cuando es false, solo se muestra el icono de SweetAlert2.
+ *                      Por defecto: true.
+ *
+ * @example
+ * // Ejemplo de configuración básica
+ * const options: AlertOptions = {
+ *   icono: 'custom-icon.png',
+ *   icon: 'warning',
+ *   timer: 3000
+ * };
+ *
+ * @example
+ * // Ejemplo de alerta con botón de confirmación
+ * const confirmOptions: AlertOptions = {
+ *   showConfirmButton: true,
+ *   confirmButtonText: 'Aceptar',
+ *   showImage: false
+ * };
+ */
+interface AlertOptions {
+    icono?: string;
+    icon?: SweetAlertIcon;
+    showConfirmButton?: boolean;
+    confirmButtonText?: string;
+    timer?: number;
+    imageWidth?: number;
+    imageHeight?: number;
+    showImage?: boolean;
+}
 export declare class AlertaService {
     private toastrService;
     /**
@@ -16,27 +73,44 @@ export declare class AlertaService {
     alertConfirm(title: string, text: string, icono: string): Promise<boolean>;
     alertaHtml(titleAlert: string, message: string, icono?: string, timer?: number): Promise<void>;
     /**
-     * Muestra una alerta visual personalizada con SweetAlert2 con manejo inteligente de timer y botón de confirmación
+     * Muestra una alerta visual personalizada usando SweetAlert2 con múltiples opciones de configuración
+     *
+     * @param titleAlert Título principal de la alerta (requerido)
+     * @param messageHtml Mensaje en formato HTML (requerido)
+     * @param options Opciones configurables de la alerta (opcional)
      *
-     * @param titleAlert - Título principal de la alerta
-     * @param messageHtml - Mensaje descriptivo en formato HTML
-     * @param icono - Nombre del archivo de imagen (default 'check02.png'), la ruta se carga desde assets/dsxResource/
-     * @param icon - Tipo de icono: 'success' | 'error' | 'warning' | 'info' | 'question' (default 'success')
-     * @param showConfirmButton - Muestra botón de confirmación (default false). Si es true, desactiva el timer
-     * @param confirmButtonText - Texto personalizado para el botón (default 'Ok')
-     * @param timer - Tiempo en ms para auto-cierre (default 2000). Se ignora si showConfirmButton es true
-     * @returns Promise<void> que se resuelve cuando la alerta se muestra
+     * @returns Promise<SweetAlertResult> que se resuelve cuando el usuario interactúa con la alerta
+     *          o cuando se cierra automáticamente. Puedes usar .then() para manejar la respuesta.
+     *
+     * @example
+     * // Alerta básica con icono de éxito y cierre automático
+     * alertaHtmlSuccess('Operación exitosa', 'Los datos se guardaron correctamente');
      *
      * @example
-     * // Alerta con timer (se cierra automáticamente)
-     * alertaHtmlSuccess('Éxito', 'Operación completada');
+     * // Alerta de error con imagen personalizada
+     * alertaHtmlSuccess('Error crítico', 'No se pudo conectar al servidor', {
+     *   icono: 'error-icon.png',
+     *   icon: 'error',
+     *   timer: 5000
+     * });
      *
      * @example
-     * // Alerta con botón de confirmación (persistente)
-     * alertaHtmlSuccess('Confirmación', '¿Desea continuar?', 'question.png', 'question', 0, true, 'Continuar');
+     * // Alerta de confirmación con botón
+     * alertaHtmlSuccess('Confirmar acción', '¿Está seguro de eliminar este registro?', {
+     *   showConfirmButton: true,
+     *   confirmButtonText: 'Sí, eliminar',
+     *   icon: 'warning',
+     *   showImage: false
+     * }).then((result) => {
+     *   if (result.isConfirmed) {
+     *     // Lógica cuando el usuario confirma
+     *   }
+     * });
      */
-    alertaHtmlSuccess(titleAlert: string, messageHtml: string, icono?: string, icon?: SweetAlertIcon, showConfirmButton?: boolean, confirmButtonText?: string, timer?: number): Promise<void>;
+    alertaHtmlSuccess(titleAlert: string, messageHtml: string, options?: AlertOptions): Promise<SweetAlertResult>;
+    private configureTimer;
     toastrHttpResponse(response: ResponseHttpModel): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AlertaService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<AlertaService>;
 }
+export {};

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "ngx-dsxlibrary",
-  "version": "1.0.49",
+  "version": "1.0.51",
   "description": "Libreria para control de código automatizado.",
   "author": "DevSoftXela",
   "peerDependencies": {
-    "@angular/common": "^19.1.0",
-    "@angular/core": "^19.1.0"
+    "@angular/common": "^19.2.14",
+    "@angular/core": "19.2.14"
   },
   "dependencies": {
     "tslib": "^2.3.0"
@@ -33,14 +33,14 @@
       "types": "./src/lib/injections/index.d.ts",
       "default": "./fesm2022/ngx-dsxlibrary-src-lib-injections.mjs"
     },
-    "./src/lib/interceptors": {
-      "types": "./src/lib/interceptors/index.d.ts",
-      "default": "./fesm2022/ngx-dsxlibrary-src-lib-interceptors.mjs"
-    },
     "./src/lib/models": {
       "types": "./src/lib/models/index.d.ts",
       "default": "./fesm2022/ngx-dsxlibrary-src-lib-models.mjs"
     },
+    "./src/lib/interceptors": {
+      "types": "./src/lib/interceptors/index.d.ts",
+      "default": "./fesm2022/ngx-dsxlibrary-src-lib-interceptors.mjs"
+    },
     "./src/lib/pipe": {
       "types": "./src/lib/pipe/index.d.ts",
       "default": "./fesm2022/ngx-dsxlibrary-src-lib-pipe.mjs"