valtech-components 2.0.718 → 2.0.719

package/fesm2022/valtech-components.mjs

@@ -50,7 +50,7 @@ import 'prismjs/components/prism-json';
  * Current version of valtech-components.
  * This is automatically updated during the publish process.
  */
-const VERSION = '2.0.718';
+const VERSION = '2.0.719';
 
 /**
  * Servicio para gestionar presets de componentes.
@@ -3911,6 +3911,9 @@ const VALTECH_DEFAULT_CONTENT = {
             goodMorning: 'Buenos días',
             goodAfternoon: 'Buenas tardes',
             goodEvening: 'Buenas noches',
+            // Auth — confirmación cierre de sesión
+            logoutConfirmTitle: 'Cerrar sesión',
+            logoutConfirmMessage: '¿Seguro que deseas cerrar sesión?',
             // Idiomas
             languageName_es: 'Español',
             languageName_en: 'English',
@@ -4055,6 +4058,9 @@ const VALTECH_DEFAULT_CONTENT = {
             goodMorning: 'Good morning',
             goodAfternoon: 'Good afternoon',
             goodEvening: 'Good evening',
+            // Auth — sign out confirmation
+            logoutConfirmTitle: 'Sign out',
+            logoutConfirmMessage: 'Are you sure you want to sign out?',
             // Languages
             languageName_es: 'Español',
             languageName_en: 'English',
@@ -28737,6 +28743,196 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                     args: [VALTECH_AUTH_CONFIG]
                 }] }, { type: i1$8.HttpClient }, { type: i0.NgZone }] });
 
+/**
+ * Default confirmation dialog options.
+ */
+const DEFAULT_CONFIRM_BUTTON = {
+    text: 'Confirm',
+    role: 'confirm',
+    color: 'primary',
+};
+const DEFAULT_CANCEL_BUTTON = {
+    text: 'Cancel',
+    role: 'cancel',
+    color: 'medium',
+};
+
+/**
+ * Service for displaying confirmation dialogs.
+ *
+ * @example Basic usage
+ * const result = await confirmationService.confirm({
+ *   title: 'Delete Item',
+ *   message: 'Are you sure you want to delete this item?',
+ * });
+ *
+ * if (result.confirmed) {
+ *   // User confirmed
+ * }
+ *
+ * @example Custom buttons
+ * const result = await confirmationService.confirm({
+ *   title: 'Save Changes',
+ *   message: 'Do you want to save your changes before leaving?',
+ *   confirmButton: { text: 'Save', color: 'success' },
+ *   cancelButton: { text: 'Discard', color: 'danger' },
+ *   extraButtons: [{ text: 'Cancel', role: 'cancel' }]
+ * });
+ *
+ * @example Destructive action
+ * const result = await confirmationService.confirmDestructive({
+ *   title: 'Delete Account',
+ *   message: 'This action cannot be undone. Are you sure?',
+ * });
+ */
+class ConfirmationDialogService {
+    constructor() {
+        this.alertController = inject(AlertController);
+    }
+    /**
+     * Shows a confirmation dialog and returns the result.
+     * @param options - Configuration for the dialog
+     * @returns Promise resolving to the confirmation result
+     */
+    async confirm(options) {
+        const buttons = this.buildButtons(options);
+        const alert = await this.alertController.create({
+            header: options.title,
+            subHeader: options.subHeader,
+            message: options.message,
+            buttons,
+            backdropDismiss: options.backdropDismiss ?? false,
+            cssClass: options.cssClass,
+            mode: options.mode,
+            translucent: options.translucent ?? false,
+            animated: options.animated ?? true,
+        });
+        await alert.present();
+        const { role, data } = await alert.onDidDismiss();
+        return {
+            confirmed: role === 'confirm',
+            role,
+            data,
+        };
+    }
+    /**
+     * Shows a simple confirmation dialog with default buttons.
+     * @param title - Dialog title
+     * @param message - Dialog message
+     * @returns Promise resolving to true if confirmed, false otherwise
+     */
+    async confirmSimple(title, message) {
+        const result = await this.confirm({ title, message });
+        return result.confirmed;
+    }
+    /**
+     * Shows a destructive action confirmation with red confirm button.
+     * @param options - Configuration for the dialog
+     * @returns Promise resolving to the confirmation result
+     */
+    async confirmDestructive(options) {
+        return this.confirm({
+            ...options,
+            confirmButton: {
+                text: options.confirmButton?.text || 'Delete',
+                role: 'destructive',
+                color: 'danger',
+                cssClass: 'destructive-button',
+                ...options.confirmButton,
+            },
+        });
+    }
+    /**
+     * Shows an info alert with just an OK button.
+     * @param title - Alert title
+     * @param message - Alert message
+     */
+    async alert(title, message) {
+        const alert = await this.alertController.create({
+            header: title,
+            message,
+            buttons: [{ text: 'OK', role: 'confirm' }],
+        });
+        await alert.present();
+        await alert.onDidDismiss();
+    }
+    /**
+     * Shows a three-option dialog (Save, Discard, Cancel).
+     * Common for unsaved changes scenarios.
+     * @param title - Dialog title
+     * @param message - Dialog message
+     * @returns Promise resolving to 'save' | 'discard' | 'cancel'
+     */
+    async confirmSaveDiscard(title, message) {
+        const alert = await this.alertController.create({
+            header: title,
+            message,
+            backdropDismiss: false,
+            buttons: [
+                {
+                    text: 'Cancel',
+                    role: 'cancel',
+                },
+                {
+                    text: 'Discard',
+                    role: 'destructive',
+                    cssClass: 'text-danger',
+                },
+                {
+                    text: 'Save',
+                    role: 'confirm',
+                },
+            ],
+        });
+        await alert.present();
+        const { role } = await alert.onDidDismiss();
+        if (role === 'confirm')
+            return 'save';
+        if (role === 'destructive')
+            return 'discard';
+        return 'cancel';
+    }
+    buildButtons(options) {
+        const buttons = [];
+        // Cancel button
+        const cancelBtn = options.cancelButton || DEFAULT_CANCEL_BUTTON;
+        buttons.push({
+            text: cancelBtn.text,
+            role: cancelBtn.role || 'cancel',
+            cssClass: cancelBtn.cssClass || `button-${cancelBtn.color || 'medium'}`,
+            handler: cancelBtn.handler,
+        });
+        // Extra buttons (if any)
+        if (options.extraButtons) {
+            options.extraButtons.forEach((btn) => {
+                buttons.push({
+                    text: btn.text,
+                    role: btn.role,
+                    cssClass: btn.cssClass || `button-${btn.color || 'medium'}`,
+                    handler: btn.handler,
+                });
+            });
+        }
+        // Confirm button
+        const confirmBtn = options.confirmButton || DEFAULT_CONFIRM_BUTTON;
+        buttons.push({
+            text: confirmBtn.text,
+            role: confirmBtn.role || 'confirm',
+            cssClass: confirmBtn.cssClass || `button-${confirmBtn.color || 'primary'}`,
+            handler: confirmBtn.handler,
+        });
+        return buttons;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ConfirmationDialogService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ConfirmationDialogService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ConfirmationDialogService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
 /**
  * Servicio principal de autenticación.
  *
@@ -28760,7 +28956,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
  * ```
  */
 class AuthService {
-    constructor(config, http, router, stateService, tokenService, storageService, syncService, firebaseService, oauthService, messagingService, i18nService) {
+    constructor(config, http, router, stateService, tokenService, storageService, syncService, firebaseService, oauthService, messagingService, i18nService, confirmationService) {
         this.config = config;
         this.http = http;
         this.router = router;
@@ -28772,6 +28968,7 @@ class AuthService {
         this.oauthService = oauthService;
         this.messagingService = messagingService;
         this.i18nService = i18nService;
+        this.confirmationService = confirmationService;
         // Timer para refresh proactivo
         this.refreshTimerId = null;
         this.syncSubscription = null;
@@ -29097,6 +29294,34 @@ class AuthService {
             tokenType: 'Bearer',
         });
     }
+    /**
+     * Cierra sesión tras pedir confirmación al usuario.
+     *
+     * Muestra un diálogo nativo (estilo destructivo). Si el usuario confirma,
+     * ejecuta `logout()`. Si cancela, no pasa nada.
+     *
+     * Texto por defecto desde `_global` i18n: `logoutConfirmTitle`,
+     * `logoutConfirmMessage`, `logout`, `cancel`. Override via `opts`.
+     *
+     * @returns true si el usuario confirmó (logout ejecutado), false si canceló.
+     *
+     * @example
+     * onLogoutClick() { this.auth.logoutWithConfirmation(); }
+     */
+    async logoutWithConfirmation(opts) {
+        const t = (key, fallback) => this.i18nService?.t(key) || fallback;
+        const result = await this.confirmationService.confirmDestructive({
+            title: opts?.title ?? t('logoutConfirmTitle', 'Cerrar sesión'),
+            message: opts?.message ?? t('logoutConfirmMessage', '¿Seguro que deseas cerrar sesión?'),
+            confirmButton: { text: opts?.confirmText ?? t('logout', 'Cerrar sesión') },
+            cancelButton: { text: opts?.cancelText ?? t('cancel', 'Cancelar') },
+        });
+        if (result.confirmed) {
+            await this.logout();
+            return true;
+        }
+        return false;
+    }
     /**
      * Cierra sesión.
      */
@@ -29811,7 +30036,7 @@ class AuthService {
         }
         return { platform: 'web', browser, os };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AuthService, deps: [{ token: VALTECH_AUTH_CONFIG }, { token: i1$8.HttpClient }, { token: i1$1.Router }, { token: AuthStateService }, { token: TokenService }, { token: AuthStorageService }, { token: AuthSyncService }, { token: FirebaseService }, { token: OAuthService }, { token: MessagingService, optional: true }, { token: I18nService, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AuthService, deps: [{ token: VALTECH_AUTH_CONFIG }, { token: i1$8.HttpClient }, { token: i1$1.Router }, { token: AuthStateService }, { token: TokenService }, { token: AuthStorageService }, { token: AuthSyncService }, { token: FirebaseService }, { token: OAuthService }, { token: MessagingService, optional: true }, { token: I18nService, optional: true }, { token: ConfirmationDialogService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AuthService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AuthService, decorators: [{
@@ -29824,7 +30049,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                     type: Optional
                 }] }, { type: I18nService, decorators: [{
                     type: Optional
-                }] }] });
+                }] }, { type: ConfirmationDialogService }] });
 
 // Control de estado de refresco (singleton a nivel de módulo)
 let isRefreshing = false;
@@ -33838,196 +34063,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
 // ValtechConfig and LangProvider have been removed in v3.0.0
 // Use LocaleService for language management instead
 
-/**
- * Default confirmation dialog options.
- */
-const DEFAULT_CONFIRM_BUTTON = {
-    text: 'Confirm',
-    role: 'confirm',
-    color: 'primary',
-};
-const DEFAULT_CANCEL_BUTTON = {
-    text: 'Cancel',
-    role: 'cancel',
-    color: 'medium',
-};
-
-/**
- * Service for displaying confirmation dialogs.
- *
- * @example Basic usage
- * const result = await confirmationService.confirm({
- *   title: 'Delete Item',
- *   message: 'Are you sure you want to delete this item?',
- * });
- *
- * if (result.confirmed) {
- *   // User confirmed
- * }
- *
- * @example Custom buttons
- * const result = await confirmationService.confirm({
- *   title: 'Save Changes',
- *   message: 'Do you want to save your changes before leaving?',
- *   confirmButton: { text: 'Save', color: 'success' },
- *   cancelButton: { text: 'Discard', color: 'danger' },
- *   extraButtons: [{ text: 'Cancel', role: 'cancel' }]
- * });
- *
- * @example Destructive action
- * const result = await confirmationService.confirmDestructive({
- *   title: 'Delete Account',
- *   message: 'This action cannot be undone. Are you sure?',
- * });
- */
-class ConfirmationDialogService {
-    constructor() {
-        this.alertController = inject(AlertController);
-    }
-    /**
-     * Shows a confirmation dialog and returns the result.
-     * @param options - Configuration for the dialog
-     * @returns Promise resolving to the confirmation result
-     */
-    async confirm(options) {
-        const buttons = this.buildButtons(options);
-        const alert = await this.alertController.create({
-            header: options.title,
-            subHeader: options.subHeader,
-            message: options.message,
-            buttons,
-            backdropDismiss: options.backdropDismiss ?? false,
-            cssClass: options.cssClass,
-            mode: options.mode,
-            translucent: options.translucent ?? false,
-            animated: options.animated ?? true,
-        });
-        await alert.present();
-        const { role, data } = await alert.onDidDismiss();
-        return {
-            confirmed: role === 'confirm',
-            role,
-            data,
-        };
-    }
-    /**
-     * Shows a simple confirmation dialog with default buttons.
-     * @param title - Dialog title
-     * @param message - Dialog message
-     * @returns Promise resolving to true if confirmed, false otherwise
-     */
-    async confirmSimple(title, message) {
-        const result = await this.confirm({ title, message });
-        return result.confirmed;
-    }
-    /**
-     * Shows a destructive action confirmation with red confirm button.
-     * @param options - Configuration for the dialog
-     * @returns Promise resolving to the confirmation result
-     */
-    async confirmDestructive(options) {
-        return this.confirm({
-            ...options,
-            confirmButton: {
-                text: options.confirmButton?.text || 'Delete',
-                role: 'destructive',
-                color: 'danger',
-                cssClass: 'destructive-button',
-                ...options.confirmButton,
-            },
-        });
-    }
-    /**
-     * Shows an info alert with just an OK button.
-     * @param title - Alert title
-     * @param message - Alert message
-     */
-    async alert(title, message) {
-        const alert = await this.alertController.create({
-            header: title,
-            message,
-            buttons: [{ text: 'OK', role: 'confirm' }],
-        });
-        await alert.present();
-        await alert.onDidDismiss();
-    }
-    /**
-     * Shows a three-option dialog (Save, Discard, Cancel).
-     * Common for unsaved changes scenarios.
-     * @param title - Dialog title
-     * @param message - Dialog message
-     * @returns Promise resolving to 'save' | 'discard' | 'cancel'
-     */
-    async confirmSaveDiscard(title, message) {
-        const alert = await this.alertController.create({
-            header: title,
-            message,
-            backdropDismiss: false,
-            buttons: [
-                {
-                    text: 'Cancel',
-                    role: 'cancel',
-                },
-                {
-                    text: 'Discard',
-                    role: 'destructive',
-                    cssClass: 'text-danger',
-                },
-                {
-                    text: 'Save',
-                    role: 'confirm',
-                },
-            ],
-        });
-        await alert.present();
-        const { role } = await alert.onDidDismiss();
-        if (role === 'confirm')
-            return 'save';
-        if (role === 'destructive')
-            return 'discard';
-        return 'cancel';
-    }
-    buildButtons(options) {
-        const buttons = [];
-        // Cancel button
-        const cancelBtn = options.cancelButton || DEFAULT_CANCEL_BUTTON;
-        buttons.push({
-            text: cancelBtn.text,
-            role: cancelBtn.role || 'cancel',
-            cssClass: cancelBtn.cssClass || `button-${cancelBtn.color || 'medium'}`,
-            handler: cancelBtn.handler,
-        });
-        // Extra buttons (if any)
-        if (options.extraButtons) {
-            options.extraButtons.forEach((btn) => {
-                buttons.push({
-                    text: btn.text,
-                    role: btn.role,
-                    cssClass: btn.cssClass || `button-${btn.color || 'medium'}`,
-                    handler: btn.handler,
-                });
-            });
-        }
-        // Confirm button
-        const confirmBtn = options.confirmButton || DEFAULT_CONFIRM_BUTTON;
-        buttons.push({
-            text: confirmBtn.text,
-            role: confirmBtn.role || 'confirm',
-            cssClass: confirmBtn.cssClass || `button-${confirmBtn.color || 'primary'}`,
-            handler: confirmBtn.handler,
-        });
-        return buttons;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ConfirmationDialogService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ConfirmationDialogService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ConfirmationDialogService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }] });
-
 /**
  * Default modal sizes.
  */