valtech-components 2.0.717 → 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.717';
+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',
@@ -16203,39 +16209,48 @@ class LinksAccordionComponent {
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: LinksAccordionComponent, isStandalone: true, selector: "val-links-accordion", inputs: { props: "props" }, outputs: { navigate: "navigate" }, viewQueries: [{ propertyName: "accordionGroup", first: true, predicate: ["accordionGroup"], descendants: true }], ngImport: i0, template: `
     <div class="links-accordion">
       <ion-accordion-group #accordionGroup>
-        <ion-accordion
-          *ngFor="let section of props.sections; let i = index"
-          [value]="getSectionValue(section, i)"
-          [toggleIcon]="section.links?.length ? 'chevron-down-outline' : ''"
-          [readonly]="!section.links?.length"
-        >
+        <ng-container *ngFor="let section of props.sections; let i = index">
+          <!-- Direct-link section: route + no children -->
           <ion-item
-            slot="header"
+            *ngIf="section.route && !section.links?.length"
+            class="direct-link"
             color="light"
             [ngStyle]="{ background: props.backgroundColor || 'var(--ion-background-color)' }"
-            (click)="section.route ? onLinkClick(section.route, $event) : null"
-            [button]="!!section.route"
+            (click)="onLinkClick(section.route!, $event)"
+            button
             lines="none"
           >
             <ion-label class="accordion-label">{{ getSectionTitle(section) }}</ion-label>
           </ion-item>
-          <div
-            slot="content"
-            [ngStyle]="{ background: props.backgroundColor || 'var(--ion-background-color)' }"
+
+          <!-- Accordion section: has children -->
+          <ion-accordion
             *ngIf="section.links?.length"
+            [value]="getSectionValue(section, i)"
+            toggleIcon="chevron-down-outline"
           >
-            <ion-list lines="none">
-              <ion-item
-                *ngFor="let link of section.links"
-                [ngStyle]="{ background: props.backgroundColor || 'var(--ion-background-color)' }"
-                (click)="onLinkClick(link.route, $event)"
-                button
-              >
-                <ion-label class="accordion-item-label">{{ getLinkText(link) }}</ion-label>
-              </ion-item>
-            </ion-list>
-          </div>
-        </ion-accordion>
+            <ion-item
+              slot="header"
+              color="light"
+              [ngStyle]="{ background: props.backgroundColor || 'var(--ion-background-color)' }"
+              lines="none"
+            >
+              <ion-label class="accordion-label">{{ getSectionTitle(section) }}</ion-label>
+            </ion-item>
+            <div slot="content" [ngStyle]="{ background: props.backgroundColor || 'var(--ion-background-color)' }">
+              <ion-list lines="none">
+                <ion-item
+                  *ngFor="let link of section.links"
+                  [ngStyle]="{ background: props.backgroundColor || 'var(--ion-background-color)' }"
+                  (click)="onLinkClick(link.route, $event)"
+                  button
+                >
+                  <ion-label class="accordion-item-label">{{ getLinkText(link) }}</ion-label>
+                </ion-item>
+              </ion-list>
+            </div>
+          </ion-accordion>
+        </ng-container>
       </ion-accordion-group>
     </div>
   `, isInline: true, styles: [".links-accordion .accordion-label{font-size:1.3rem}.links-accordion .accordion-item-label{font-size:1.1rem}.links-accordion ion-item{--background: var(--ion-color-light-tint)}.links-accordion ion-accordion{background:transparent}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: IonAccordionGroup, selector: "ion-accordion-group", inputs: ["animated", "disabled", "expand", "mode", "multiple", "readonly", "value"] }, { kind: "component", type: IonAccordion, selector: "ion-accordion", inputs: ["disabled", "mode", "readonly", "toggleIcon", "toggleIconSlot", "value"] }, { kind: "component", type: IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }] }); }
@@ -16245,39 +16260,48 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
             args: [{ selector: 'val-links-accordion', standalone: true, imports: [CommonModule, IonAccordionGroup, IonAccordion, IonItem, IonLabel, IonList], template: `
     <div class="links-accordion">
       <ion-accordion-group #accordionGroup>
-        <ion-accordion
-          *ngFor="let section of props.sections; let i = index"
-          [value]="getSectionValue(section, i)"
-          [toggleIcon]="section.links?.length ? 'chevron-down-outline' : ''"
-          [readonly]="!section.links?.length"
-        >
+        <ng-container *ngFor="let section of props.sections; let i = index">
+          <!-- Direct-link section: route + no children -->
           <ion-item
-            slot="header"
+            *ngIf="section.route && !section.links?.length"
+            class="direct-link"
             color="light"
             [ngStyle]="{ background: props.backgroundColor || 'var(--ion-background-color)' }"
-            (click)="section.route ? onLinkClick(section.route, $event) : null"
-            [button]="!!section.route"
+            (click)="onLinkClick(section.route!, $event)"
+            button
             lines="none"
           >
             <ion-label class="accordion-label">{{ getSectionTitle(section) }}</ion-label>
           </ion-item>
-          <div
-            slot="content"
-            [ngStyle]="{ background: props.backgroundColor || 'var(--ion-background-color)' }"
+
+          <!-- Accordion section: has children -->
+          <ion-accordion
             *ngIf="section.links?.length"
+            [value]="getSectionValue(section, i)"
+            toggleIcon="chevron-down-outline"
           >
-            <ion-list lines="none">
-              <ion-item
-                *ngFor="let link of section.links"
-                [ngStyle]="{ background: props.backgroundColor || 'var(--ion-background-color)' }"
-                (click)="onLinkClick(link.route, $event)"
-                button
-              >
-                <ion-label class="accordion-item-label">{{ getLinkText(link) }}</ion-label>
-              </ion-item>
-            </ion-list>
-          </div>
-        </ion-accordion>
+            <ion-item
+              slot="header"
+              color="light"
+              [ngStyle]="{ background: props.backgroundColor || 'var(--ion-background-color)' }"
+              lines="none"
+            >
+              <ion-label class="accordion-label">{{ getSectionTitle(section) }}</ion-label>
+            </ion-item>
+            <div slot="content" [ngStyle]="{ background: props.backgroundColor || 'var(--ion-background-color)' }">
+              <ion-list lines="none">
+                <ion-item
+                  *ngFor="let link of section.links"
+                  [ngStyle]="{ background: props.backgroundColor || 'var(--ion-background-color)' }"
+                  (click)="onLinkClick(link.route, $event)"
+                  button
+                >
+                  <ion-label class="accordion-item-label">{{ getLinkText(link) }}</ion-label>
+                </ion-item>
+              </ion-list>
+            </div>
+          </ion-accordion>
+        </ng-container>
       </ion-accordion-group>
     </div>
   `, styles: [".links-accordion .accordion-label{font-size:1.3rem}.links-accordion .accordion-item-label{font-size:1.1rem}.links-accordion ion-item{--background: var(--ion-color-light-tint)}.links-accordion ion-accordion{background:transparent}\n"] }]
@@ -28719,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.
  *
@@ -28742,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;
@@ -28754,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;
@@ -29079,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.
      */
@@ -29793,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: [{
@@ -29806,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;
@@ -33820,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.
  */