valtech-components 2.0.428 → 2.0.430

package/fesm2022/valtech-components.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, Component, Input, Output, Injectable, inject, HostListener, Pipe, ChangeDetectionStrategy, ViewChild, ChangeDetectorRef, ElementRef, InjectionToken, makeEnvironmentProviders, PLATFORM_ID, NgZone } from '@angular/core';
+import { EventEmitter, Component, Input, Output, Injectable, inject, HostListener, Pipe, ChangeDetectionStrategy, ViewChild, ChangeDetectorRef, ElementRef, InjectionToken, makeEnvironmentProviders, PLATFORM_ID, NgZone, signal, computed, APP_INITIALIZER } from '@angular/core';
 import * as i2$1 from '@ionic/angular/standalone';
 import { IonAvatar, IonCard, IonIcon, IonButton, IonSpinner, IonText, IonModal, IonHeader, IonToolbar, IonContent, IonButtons, IonTitle, IonProgressBar, IonSkeletonText, IonFab, IonFabButton, IonFabList, IonLabel, IonCardContent, IonCardHeader, IonCardTitle, IonCardSubtitle, IonCheckbox, IonTextarea, IonDatetime, IonDatetimeButton, IonInput, IonSelect, IonSelectOption, IonRadioGroup, IonRadio, IonRange, IonSearchbar, IonSegment, IonSegmentButton, IonToggle, IonAccordion, IonAccordionGroup, IonItem, IonTabBar, IonTabButton, IonBadge, IonBreadcrumb, IonBreadcrumbs, IonChip, IonPopover, IonList, IonNote, ToastController as ToastController$1, IonCol, IonRow, IonMenuButton, IonFooter, IonListHeader, IonInfiniteScroll, IonInfiniteScrollContent, IonGrid, MenuController, IonMenu, IonMenuToggle, AlertController, ModalController } from '@ionic/angular/standalone';
 import * as i1 from '@angular/common';
@@ -13,7 +13,7 @@ import * as i1$1 from '@angular/platform-browser';
 import QRCodeStyling from 'qr-code-styling';
 import * as i1$2 from '@angular/forms';
 import { ReactiveFormsModule, FormsModule, FormControl, Validators } from '@angular/forms';
-import { BehaviorSubject, filter, map, distinctUntilChanged, Subject } from 'rxjs';
+import { BehaviorSubject, filter, map, distinctUntilChanged, Subject, firstValueFrom, throwError, of } from 'rxjs';
 import * as i1$3 from 'ng-otp-input';
 import { NgOtpInputComponent, NgOtpInputModule } from 'ng-otp-input';
 import * as i2 from '@ionic/angular';
@@ -32,6 +32,8 @@ import { provideAuth, getAuth, connectAuthEmulator, Auth, authState, signInWithC
 import { provideFirestore, getFirestore, connectFirestoreEmulator, enableIndexedDbPersistence, Firestore, doc, getDoc, collection, query as query$1, getDocs, limit, docData, collectionData, serverTimestamp, addDoc, setDoc, updateDoc, deleteDoc, writeBatch, arrayUnion, arrayRemove, increment, where, orderBy, startAfter, startAt, endBefore, endAt, Timestamp } from '@angular/fire/firestore';
 import { provideMessaging, getMessaging, Messaging, getToken, deleteToken, onMessage } from '@angular/fire/messaging';
 import { provideStorage, getStorage, connectStorageEmulator, Storage, ref, uploadBytesResumable, getDownloadURL, getMetadata, deleteObject, listAll } from '@angular/fire/storage';
+import { HttpClient, provideHttpClient, withInterceptors } from '@angular/common/http';
+import { tap, catchError, switchMap, finalize, filter as filter$1, take } from 'rxjs/operators';
 
 /**
  * val-avatar
@@ -18280,6 +18282,13 @@ class DataTableComponent {
       [class.hoverable]="props.hoverable !== false"
       [class.sticky-header]="props.stickyHeader"
       [class.responsive-cards]="props.responsiveMode === 'cards'"
+      [class.elevation-none]="props.elevation === 'none'"
+      [class.elevation-low]="props.elevation === 'low'"
+      [class.elevation-high]="props.elevation === 'high'"
+      [class.header-gradient]="props.headerGradient"
+      [class.checkbox-circular]="props.checkboxStyle === 'circular'"
+      [class.row-highlight-border]="props.rowHighlightStyle === 'border-left'"
+      [class.row-highlight-both]="props.rowHighlightStyle === 'both'"
       [style.--max-height]="props.maxHeight"
     >
       <!-- Toolbar slot -->
@@ -18602,7 +18611,7 @@ class DataTableComponent {
         </div>
       }
     </div>
-  `, isInline: true, styles: [":host{display:block}.data-table-container{position:relative;background:var(--ion-background-color);border-radius:12px;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000f;border:1px solid var(--ion-color-light-shade);overflow:hidden}.loading-overlay{position:absolute;inset:0;background:#fffc;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;z-index:10}.loading-message{font-size:14px;color:var(--ion-color-medium-shade)}.table-wrapper{overflow-x:auto;max-height:var(--max-height)}.table-wrapper.is-loading{opacity:.6;pointer-events:none}table{width:100%;border-collapse:collapse;font-size:14px}th,td{padding:12px 16px;text-align:left;vertical-align:middle}thead{background:var(--ion-color-light)}thead th{font-weight:500;font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--ion-color-medium-shade);white-space:nowrap;position:relative;border-bottom:2px solid var(--ion-color-light-shade)}thead th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s ease}thead th.sortable:hover{background:var(--ion-color-light-tint)}thead th.sorted{color:var(--ion-color-primary);background:transparent}.header-content{display:flex;align-items:center;gap:8px}.sort-icons{display:flex;flex-direction:column;gap:0}.sort-icons ion-icon{font-size:12px;color:var(--ion-color-medium);margin:-2px 0}.sort-icons ion-icon.active{color:var(--ion-color-primary)}tbody tr{border-bottom:1px solid var(--ion-color-light-tint);transition:background .15s ease}tbody tr:last-child{border-bottom:none}tbody tr.clickable{cursor:pointer}tbody tr.selected{background:rgba(var(--ion-color-primary-rgb),.08)}tbody td{color:var(--ion-color-dark);font-size:14px}.align-left{text-align:left}.align-center{text-align:center}.align-right{text-align:right}.selection-cell{width:48px;text-align:center;padding:8px}.selection-cell ion-checkbox{margin:0}.selection-cell input[type=radio]{width:18px;height:18px;cursor:pointer}.row-number-cell{width:60px;text-align:center;color:var(--ion-color-medium);font-size:12px}.actions-cell{text-align:center;white-space:nowrap}.sticky-start{position:sticky;left:0;background:inherit;z-index:1}.sticky-end{position:sticky;right:0;background:inherit;z-index:1}.empty-row td{padding:48px 16px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--ion-color-medium)}.empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-title{font-size:16px;font-weight:600;margin:0 0 8px;color:var(--ion-color-dark)}.empty-description{font-size:14px;margin:0;max-width:300px}.pagination-container{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-top:1px solid var(--ion-color-light-shade);background:var(--ion-color-light);flex-wrap:wrap;gap:12px}.pagination-info{display:flex;align-items:center;gap:16px;font-size:13px;color:var(--ion-color-medium-shade)}.page-size-select{--padding-start: 8px;--padding-end: 8px;font-size:13px;min-width:120px}.pagination-controls{display:flex;align-items:center;gap:4px}.pagination-controls ion-button{--padding-start: 8px;--padding-end: 8px}.page-indicator{padding:0 12px;font-size:13px;color:var(--ion-color-dark);font-weight:500}.bordered table,.bordered th,.bordered td{border:1px solid var(--ion-color-medium-tint)}.striped tbody tr:nth-child(2n){background:var(--ion-color-light-shade)}.striped tbody tr:nth-child(2n).selected{background:var(--ion-color-primary-tint)}.hoverable tbody tr:hover:not(.empty-row){background:var(--ion-color-light-tint)}.hoverable tbody tr:hover:not(.empty-row).selected{background:rgba(var(--ion-color-primary-rgb),.12)}.sticky-header .table-wrapper{overflow-y:auto}.sticky-header thead{position:sticky;top:0;z-index:5}.size-small th,.size-small td{padding:8px 12px;font-size:12px}.size-small .selection-cell{width:40px;padding:6px}.size-small .row-number-cell{width:48px;font-size:11px}.size-small .pagination-container{padding:8px 12px}.size-small .pagination-info,.size-small .page-indicator{font-size:12px}.size-large th,.size-large td{padding:16px 20px;font-size:15px}.size-large .selection-cell{width:56px;padding:12px}.size-large .row-number-cell{width:72px;font-size:14px}.size-large .pagination-container{padding:16px 20px}.size-large .pagination-info,.size-large .page-indicator{font-size:14px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 768px){.pagination-container{flex-direction:column;align-items:stretch}.pagination-info{justify-content:space-between}.pagination-controls{justify-content:center}}.table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;border-bottom:1px solid var(--ion-color-light-shade);background:var(--ion-background-color);flex-wrap:wrap}.table-toolbar:empty{display:none}@media (max-width: 576px){.table-toolbar{flex-direction:column;align-items:stretch}}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:9999px;font-size:12px;font-weight:500;white-space:nowrap}.status-badge--success{background:rgba(var(--ion-color-success-rgb),.15);color:var(--ion-color-success-shade)}.status-badge--warning{background:rgba(var(--ion-color-warning-rgb),.15);color:var(--ion-color-warning-shade)}.status-badge--danger{background:rgba(var(--ion-color-danger-rgb),.15);color:var(--ion-color-danger-shade)}.status-badge--primary{background:rgba(var(--ion-color-primary-rgb),.15);color:var(--ion-color-primary-shade)}.status-badge--secondary{background:rgba(var(--ion-color-secondary-rgb),.15);color:var(--ion-color-secondary-shade)}.status-badge--medium{background:rgba(var(--ion-color-medium-rgb),.15);color:var(--ion-color-medium-shade)}.status-badge--tertiary{background:rgba(var(--ion-color-tertiary-rgb),.15);color:var(--ion-color-tertiary-shade)}.action-buttons{display:flex;gap:4px;justify-content:center}.action-buttons ion-button{--padding-start: 6px;--padding-end: 6px;margin:0}.action-buttons ion-button ion-icon{font-size:18px}.card-list{display:none;padding:8px;gap:12px}.data-card{background:var(--ion-background-color);border:1px solid var(--ion-color-light-shade);border-radius:12px;padding:16px;margin-bottom:12px}.data-card.selected{border-color:var(--ion-color-primary);background:rgba(var(--ion-color-primary-rgb),.04)}.data-card.clickable{cursor:pointer;transition:box-shadow .15s ease,transform .15s ease}.data-card.clickable:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--ion-color-light-shade)}.card-selection{display:flex;align-items:center}.card-body{display:flex;flex-direction:column;gap:8px}.card-field{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.card-field__label{font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;color:var(--ion-color-medium-shade);flex-shrink:0}.card-field__value{font-size:14px;color:var(--ion-color-dark);text-align:right;word-break:break-word}.card-actions{display:flex;justify-content:flex-end;margin-top:12px;padding-top:12px;border-top:1px solid var(--ion-color-light-shade)}@media (max-width: 768px){.responsive-cards .table-wrapper{display:none}.responsive-cards .card-list{display:block}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: IonCheckbox, selector: "ion-checkbox", inputs: ["checked", "color", "disabled", "errorText", "helperText", "indeterminate", "justify", "labelPlacement", "mode", "name", "value"] }, { kind: "component", type: IonSpinner, selector: "ion-spinner", inputs: ["color", "duration", "name", "paused"] }, { kind: "component", type: IonSelect, selector: "ion-select", inputs: ["cancelText", "color", "compareWith", "disabled", "errorText", "expandedIcon", "fill", "helperText", "interface", "interfaceOptions", "justify", "label", "labelPlacement", "mode", "multiple", "name", "okText", "placeholder", "selectedText", "shape", "toggleIcon", "value"] }, { kind: "component", type: IonSelectOption, selector: "ion-select-option", inputs: ["disabled", "value"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{display:block}.data-table-container{--dt-elevation-none: none;--dt-elevation-low: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .04);--dt-elevation-medium: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--dt-elevation-high: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--dt-primary: var(--ion-color-primary, #4f46e5);--dt-primary-rgb: var(--ion-color-primary-rgb, 79, 70, 229);--dt-surface: var(--ion-background-color, #ffffff);--dt-surface-variant: #f8fafc;--dt-border: #e2e8f0;--dt-text-primary: #1e293b;--dt-text-secondary: #64748b;--dt-text-muted: #94a3b8;--dt-gradient-start: #6366f1;--dt-gradient-end: #8b5cf6;--dt-border-radius: 16px;--dt-cell-padding-x: 16px;--dt-cell-padding-y: 14px;--dt-header-padding-y: 12px}.data-table-container{position:relative;background:var(--dt-surface);border-radius:var(--dt-border-radius);box-shadow:var(--dt-elevation-medium);border:1px solid var(--dt-border);overflow:hidden}.data-table-container.elevation-none{box-shadow:var(--dt-elevation-none)}.data-table-container.elevation-low{box-shadow:var(--dt-elevation-low)}.data-table-container.elevation-high{box-shadow:var(--dt-elevation-high)}.data-table-container.header-gradient:before{content:\"\";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--dt-gradient-start),var(--dt-gradient-end));border-radius:var(--dt-border-radius) var(--dt-border-radius) 0 0;z-index:2}.loading-overlay{position:absolute;inset:0;background:#ffffffe6;backdrop-filter:blur(2px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:10}.loading-overlay ion-spinner{--color: var(--dt-primary);width:32px;height:32px}.loading-message{font-size:14px;font-weight:500;color:var(--dt-text-secondary)}.table-wrapper{overflow-x:auto;max-height:var(--max-height)}.table-wrapper.is-loading{opacity:.5;pointer-events:none}.table-wrapper::-webkit-scrollbar{height:8px;width:8px}.table-wrapper::-webkit-scrollbar-track{background:var(--dt-surface-variant);border-radius:4px}.table-wrapper::-webkit-scrollbar-thumb{background:var(--dt-border);border-radius:4px}.table-wrapper::-webkit-scrollbar-thumb:hover{background:var(--dt-text-muted)}table{width:100%;border-collapse:collapse;font-size:14px}th,td{padding:var(--dt-cell-padding-y) var(--dt-cell-padding-x);text-align:left;vertical-align:middle}thead{background:var(--dt-surface-variant)}thead th{font-weight:600;font-size:13px;color:var(--dt-text-secondary);white-space:nowrap;position:relative;border-bottom:1px solid var(--dt-border);padding:var(--dt-header-padding-y) var(--dt-cell-padding-x);transition:all .2s ease}thead th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}thead th.sortable:hover{background:#00000008;color:var(--dt-text-primary)}thead th.sorted{color:var(--dt-primary);background:rgba(var(--dt-primary-rgb),.04)}.header-content{display:flex;align-items:center;gap:8px}.sort-icons{display:flex;flex-direction:column;gap:0;opacity:.4;transition:opacity .2s ease}.sortable:hover .sort-icons{opacity:.7}.sorted .sort-icons{opacity:1}.sort-icons ion-icon{font-size:12px;color:var(--dt-text-muted);margin:-3px 0;transition:all .2s ease}.sort-icons ion-icon.active{color:var(--dt-primary);transform:scale(1.2)}tbody tr{border-bottom:1px solid var(--dt-border);transition:all .2s ease;position:relative}tbody tr:last-child{border-bottom:none}tbody tr.clickable{cursor:pointer}tbody tr.selected{background:rgba(var(--dt-primary-rgb),.06)}tbody tr.selected:before{content:\"\";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--dt-primary)}tbody td{color:var(--dt-text-primary);font-size:14px}.row-highlight-border tbody tr.selected{background:transparent}.row-highlight-border tbody tr.selected:before{width:4px}.row-highlight-both tbody tr.selected:before{width:4px}.hoverable tbody tr:hover:not(.empty-row){background:var(--dt-surface-variant)}.hoverable tbody tr:hover:not(.empty-row).selected{background:rgba(var(--dt-primary-rgb),.08)}.align-left{text-align:left}.align-center{text-align:center}.align-right{text-align:right}.selection-cell{width:52px;text-align:center;padding:8px 12px}.selection-cell ion-checkbox{--size: 20px;--border-radius: 50%;--border-width: 2px;--border-color: var(--dt-border);--border-color-checked: var(--dt-primary);--background: transparent;--background-checked: var(--dt-primary);--checkmark-color: white;--checkmark-width: 2px;margin:0;transition:transform .15s ease}.selection-cell ion-checkbox:hover{transform:scale(1.1)}.selection-cell ion-checkbox::part(container){border-radius:50%}.selection-cell input[type=radio]{width:20px;height:20px;cursor:pointer;accent-color:var(--dt-primary)}.checkbox-circular .selection-cell ion-checkbox{--border-radius: 50%}.checkbox-circular .selection-cell ion-checkbox::part(container){border-radius:50%}.row-number-cell{width:60px;text-align:center;color:var(--dt-text-muted);font-size:12px;font-weight:500}.actions-cell{text-align:center;white-space:nowrap}.sticky-start{position:sticky;left:0;background:inherit;z-index:1;box-shadow:2px 0 4px #0000000d}.sticky-end{position:sticky;right:0;background:inherit;z-index:1;box-shadow:-2px 0 4px #0000000d}.empty-row td{padding:64px 16px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--dt-text-secondary)}.empty-icon{font-size:56px;margin-bottom:20px;opacity:.4;color:var(--dt-text-muted)}.empty-title{font-size:18px;font-weight:600;margin:0 0 8px;color:var(--dt-text-primary)}.empty-description{font-size:14px;margin:0;max-width:320px;color:var(--dt-text-secondary);line-height:1.5}.pagination-container{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-top:1px solid var(--dt-border);background:var(--dt-surface);flex-wrap:wrap;gap:16px}.pagination-info{display:flex;align-items:center;gap:20px;font-size:14px;color:var(--dt-text-secondary)}.pagination-info span{font-weight:500}.page-size-select{--padding-start: 12px;--padding-end: 12px;font-size:14px;min-width:140px;--background: var(--dt-surface-variant);--border-radius: 8px}.pagination-controls{display:flex;align-items:center;gap:8px}.pagination-controls ion-button{--padding-start: 10px;--padding-end: 10px;--border-radius: 8px;--background: var(--dt-surface-variant);--background-hover: var(--dt-border);--color: var(--dt-text-secondary);--color-hover: var(--dt-text-primary);margin:0;height:36px;min-width:36px}.pagination-controls ion-button:disabled{opacity:.4}.pagination-controls ion-button ion-icon{font-size:16px}.page-indicator{padding:0 16px;font-size:14px;color:var(--dt-text-primary);font-weight:600;background:var(--dt-surface-variant);border-radius:8px;height:36px;display:flex;align-items:center;min-width:80px;justify-content:center}.bordered th,.bordered td{border:1px solid var(--dt-border)}.striped tbody tr:nth-child(2n){background:var(--dt-surface-variant)}.striped tbody tr:nth-child(2n).selected{background:rgba(var(--dt-primary-rgb),.08)}.sticky-header .table-wrapper{overflow-y:auto}.sticky-header thead{position:sticky;top:0;z-index:5;box-shadow:0 1px 0 var(--dt-border)}.size-small{--dt-cell-padding-x: 12px;--dt-cell-padding-y: 10px;--dt-header-padding-y: 10px}.size-small th,.size-small td{font-size:13px}.size-small thead th{font-size:12px}.size-small .selection-cell{width:44px;padding:6px 8px}.size-small .selection-cell ion-checkbox{--size: 18px}.size-small .row-number-cell{width:48px;font-size:11px}.size-small .pagination-container{padding:12px 16px}.size-small .pagination-info,.size-small .page-indicator{font-size:13px}.size-small .pagination-controls ion-button{height:32px;min-width:32px}.size-small .page-indicator{height:32px;min-width:70px}.size-large{--dt-cell-padding-x: 20px;--dt-cell-padding-y: 18px;--dt-header-padding-y: 16px}.size-large th,.size-large td{font-size:15px}.size-large thead th{font-size:14px}.size-large .selection-cell{width:60px;padding:12px 16px}.size-large .selection-cell ion-checkbox{--size: 24px}.size-large .row-number-cell{width:72px;font-size:14px}.size-large .pagination-container{padding:20px 24px}.size-large .pagination-info,.size-large .page-indicator{font-size:15px}.size-large .pagination-controls ion-button{height:40px;min-width:40px}.size-large .page-indicator{height:40px;min-width:90px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 768px){.data-table-container{--dt-border-radius: 12px}.pagination-container{flex-direction:column;align-items:stretch;gap:12px}.pagination-info{justify-content:space-between}.pagination-controls{justify-content:center}}.table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px;border-bottom:1px solid var(--dt-border);background:var(--dt-surface);flex-wrap:wrap}.table-toolbar:empty{display:none}@media (max-width: 576px){.table-toolbar{flex-direction:column;align-items:stretch;padding:16px}}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:9999px;font-size:12px;font-weight:600;white-space:nowrap;letter-spacing:.025em}.status-badge--success{background:#dcfce7;color:#15803d}.status-badge--warning{background:#fef3c7;color:#b45309}.status-badge--danger{background:#fee2e2;color:#dc2626}.status-badge--primary{background:#e0e7ff;color:#4338ca}.status-badge--secondary{background:#f1f5f9;color:#475569}.status-badge--medium{background:#f1f5f9;color:#64748b}.status-badge--tertiary{background:#f3e8ff;color:#7c3aed}.status-badge--filled.status-badge--success{background:#22c55e;color:#fff}.status-badge--filled.status-badge--warning{background:#f59e0b;color:#fff}.status-badge--filled.status-badge--danger{background:#ef4444;color:#fff}.status-badge--filled.status-badge--primary{background:var(--dt-primary);color:#fff}.status-badge--outlined{background:transparent;border:1.5px solid currentColor}.status-badge--outlined.status-badge--success{color:#16a34a}.status-badge--outlined.status-badge--warning{color:#d97706}.status-badge--outlined.status-badge--danger{color:#dc2626}.status-badge--outlined.status-badge--primary{color:var(--dt-primary)}.action-buttons{display:flex;gap:6px;justify-content:center}.action-buttons ion-button{--padding-start: 8px;--padding-end: 8px;--border-radius: 8px;margin:0}.action-buttons ion-button ion-icon{font-size:18px}.card-list{display:none;padding:12px;gap:12px}.data-card{background:var(--dt-surface);border:1px solid var(--dt-border);border-radius:12px;padding:16px;margin-bottom:12px;transition:all .2s ease}.data-card.selected{border-color:var(--dt-primary);background:rgba(var(--dt-primary-rgb),.04);box-shadow:0 0 0 1px var(--dt-primary)}.data-card.clickable{cursor:pointer}.data-card.clickable:hover{box-shadow:var(--dt-elevation-medium);transform:translateY(-2px)}.data-card.clickable:active{transform:translateY(0)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--dt-border)}.card-selection{display:flex;align-items:center}.card-body{display:flex;flex-direction:column;gap:12px}.card-field{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.card-field__label{font-size:12px;font-weight:600;color:var(--dt-text-muted);flex-shrink:0}.card-field__value{font-size:14px;color:var(--dt-text-primary);text-align:right;word-break:break-word;font-weight:500}.card-actions{display:flex;justify-content:flex-end;margin-top:16px;padding-top:12px;border-top:1px solid var(--dt-border)}@media (max-width: 768px){.responsive-cards .table-wrapper{display:none}.responsive-cards .card-list{display:block}}@media (prefers-color-scheme: dark){.data-table-container{--dt-surface: #1e293b;--dt-surface-variant: #334155;--dt-border: #475569;--dt-text-primary: #f1f5f9;--dt-text-secondary: #94a3b8;--dt-text-muted: #64748b}.loading-overlay{background:#1e293be6}.status-badge--success{background:#22c55e33;color:#4ade80}.status-badge--warning{background:#f59e0b33;color:#fbbf24}.status-badge--danger{background:#ef444433;color:#f87171}.status-badge--primary{background:#6366f133;color:#a5b4fc}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: IonCheckbox, selector: "ion-checkbox", inputs: ["checked", "color", "disabled", "errorText", "helperText", "indeterminate", "justify", "labelPlacement", "mode", "name", "value"] }, { kind: "component", type: IonSpinner, selector: "ion-spinner", inputs: ["color", "duration", "name", "paused"] }, { kind: "component", type: IonSelect, selector: "ion-select", inputs: ["cancelText", "color", "compareWith", "disabled", "errorText", "expandedIcon", "fill", "helperText", "interface", "interfaceOptions", "justify", "label", "labelPlacement", "mode", "multiple", "name", "okText", "placeholder", "selectedText", "shape", "toggleIcon", "value"] }, { kind: "component", type: IonSelectOption, selector: "ion-select-option", inputs: ["disabled", "value"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DataTableComponent, decorators: [{
             type: Component,
@@ -18627,6 +18636,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
       [class.hoverable]="props.hoverable !== false"
       [class.sticky-header]="props.stickyHeader"
       [class.responsive-cards]="props.responsiveMode === 'cards'"
+      [class.elevation-none]="props.elevation === 'none'"
+      [class.elevation-low]="props.elevation === 'low'"
+      [class.elevation-high]="props.elevation === 'high'"
+      [class.header-gradient]="props.headerGradient"
+      [class.checkbox-circular]="props.checkboxStyle === 'circular'"
+      [class.row-highlight-border]="props.rowHighlightStyle === 'border-left'"
+      [class.row-highlight-both]="props.rowHighlightStyle === 'both'"
       [style.--max-height]="props.maxHeight"
     >
       <!-- Toolbar slot -->
@@ -18949,7 +18965,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
         </div>
       }
     </div>
-  `, styles: [":host{display:block}.data-table-container{position:relative;background:var(--ion-background-color);border-radius:12px;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000f;border:1px solid var(--ion-color-light-shade);overflow:hidden}.loading-overlay{position:absolute;inset:0;background:#fffc;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;z-index:10}.loading-message{font-size:14px;color:var(--ion-color-medium-shade)}.table-wrapper{overflow-x:auto;max-height:var(--max-height)}.table-wrapper.is-loading{opacity:.6;pointer-events:none}table{width:100%;border-collapse:collapse;font-size:14px}th,td{padding:12px 16px;text-align:left;vertical-align:middle}thead{background:var(--ion-color-light)}thead th{font-weight:500;font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--ion-color-medium-shade);white-space:nowrap;position:relative;border-bottom:2px solid var(--ion-color-light-shade)}thead th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s ease}thead th.sortable:hover{background:var(--ion-color-light-tint)}thead th.sorted{color:var(--ion-color-primary);background:transparent}.header-content{display:flex;align-items:center;gap:8px}.sort-icons{display:flex;flex-direction:column;gap:0}.sort-icons ion-icon{font-size:12px;color:var(--ion-color-medium);margin:-2px 0}.sort-icons ion-icon.active{color:var(--ion-color-primary)}tbody tr{border-bottom:1px solid var(--ion-color-light-tint);transition:background .15s ease}tbody tr:last-child{border-bottom:none}tbody tr.clickable{cursor:pointer}tbody tr.selected{background:rgba(var(--ion-color-primary-rgb),.08)}tbody td{color:var(--ion-color-dark);font-size:14px}.align-left{text-align:left}.align-center{text-align:center}.align-right{text-align:right}.selection-cell{width:48px;text-align:center;padding:8px}.selection-cell ion-checkbox{margin:0}.selection-cell input[type=radio]{width:18px;height:18px;cursor:pointer}.row-number-cell{width:60px;text-align:center;color:var(--ion-color-medium);font-size:12px}.actions-cell{text-align:center;white-space:nowrap}.sticky-start{position:sticky;left:0;background:inherit;z-index:1}.sticky-end{position:sticky;right:0;background:inherit;z-index:1}.empty-row td{padding:48px 16px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--ion-color-medium)}.empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-title{font-size:16px;font-weight:600;margin:0 0 8px;color:var(--ion-color-dark)}.empty-description{font-size:14px;margin:0;max-width:300px}.pagination-container{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-top:1px solid var(--ion-color-light-shade);background:var(--ion-color-light);flex-wrap:wrap;gap:12px}.pagination-info{display:flex;align-items:center;gap:16px;font-size:13px;color:var(--ion-color-medium-shade)}.page-size-select{--padding-start: 8px;--padding-end: 8px;font-size:13px;min-width:120px}.pagination-controls{display:flex;align-items:center;gap:4px}.pagination-controls ion-button{--padding-start: 8px;--padding-end: 8px}.page-indicator{padding:0 12px;font-size:13px;color:var(--ion-color-dark);font-weight:500}.bordered table,.bordered th,.bordered td{border:1px solid var(--ion-color-medium-tint)}.striped tbody tr:nth-child(2n){background:var(--ion-color-light-shade)}.striped tbody tr:nth-child(2n).selected{background:var(--ion-color-primary-tint)}.hoverable tbody tr:hover:not(.empty-row){background:var(--ion-color-light-tint)}.hoverable tbody tr:hover:not(.empty-row).selected{background:rgba(var(--ion-color-primary-rgb),.12)}.sticky-header .table-wrapper{overflow-y:auto}.sticky-header thead{position:sticky;top:0;z-index:5}.size-small th,.size-small td{padding:8px 12px;font-size:12px}.size-small .selection-cell{width:40px;padding:6px}.size-small .row-number-cell{width:48px;font-size:11px}.size-small .pagination-container{padding:8px 12px}.size-small .pagination-info,.size-small .page-indicator{font-size:12px}.size-large th,.size-large td{padding:16px 20px;font-size:15px}.size-large .selection-cell{width:56px;padding:12px}.size-large .row-number-cell{width:72px;font-size:14px}.size-large .pagination-container{padding:16px 20px}.size-large .pagination-info,.size-large .page-indicator{font-size:14px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 768px){.pagination-container{flex-direction:column;align-items:stretch}.pagination-info{justify-content:space-between}.pagination-controls{justify-content:center}}.table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;border-bottom:1px solid var(--ion-color-light-shade);background:var(--ion-background-color);flex-wrap:wrap}.table-toolbar:empty{display:none}@media (max-width: 576px){.table-toolbar{flex-direction:column;align-items:stretch}}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:9999px;font-size:12px;font-weight:500;white-space:nowrap}.status-badge--success{background:rgba(var(--ion-color-success-rgb),.15);color:var(--ion-color-success-shade)}.status-badge--warning{background:rgba(var(--ion-color-warning-rgb),.15);color:var(--ion-color-warning-shade)}.status-badge--danger{background:rgba(var(--ion-color-danger-rgb),.15);color:var(--ion-color-danger-shade)}.status-badge--primary{background:rgba(var(--ion-color-primary-rgb),.15);color:var(--ion-color-primary-shade)}.status-badge--secondary{background:rgba(var(--ion-color-secondary-rgb),.15);color:var(--ion-color-secondary-shade)}.status-badge--medium{background:rgba(var(--ion-color-medium-rgb),.15);color:var(--ion-color-medium-shade)}.status-badge--tertiary{background:rgba(var(--ion-color-tertiary-rgb),.15);color:var(--ion-color-tertiary-shade)}.action-buttons{display:flex;gap:4px;justify-content:center}.action-buttons ion-button{--padding-start: 6px;--padding-end: 6px;margin:0}.action-buttons ion-button ion-icon{font-size:18px}.card-list{display:none;padding:8px;gap:12px}.data-card{background:var(--ion-background-color);border:1px solid var(--ion-color-light-shade);border-radius:12px;padding:16px;margin-bottom:12px}.data-card.selected{border-color:var(--ion-color-primary);background:rgba(var(--ion-color-primary-rgb),.04)}.data-card.clickable{cursor:pointer;transition:box-shadow .15s ease,transform .15s ease}.data-card.clickable:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--ion-color-light-shade)}.card-selection{display:flex;align-items:center}.card-body{display:flex;flex-direction:column;gap:8px}.card-field{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.card-field__label{font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;color:var(--ion-color-medium-shade);flex-shrink:0}.card-field__value{font-size:14px;color:var(--ion-color-dark);text-align:right;word-break:break-word}.card-actions{display:flex;justify-content:flex-end;margin-top:12px;padding-top:12px;border-top:1px solid var(--ion-color-light-shade)}@media (max-width: 768px){.responsive-cards .table-wrapper{display:none}.responsive-cards .card-list{display:block}}\n"] }]
+  `, styles: [":host{display:block}.data-table-container{--dt-elevation-none: none;--dt-elevation-low: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .04);--dt-elevation-medium: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--dt-elevation-high: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--dt-primary: var(--ion-color-primary, #4f46e5);--dt-primary-rgb: var(--ion-color-primary-rgb, 79, 70, 229);--dt-surface: var(--ion-background-color, #ffffff);--dt-surface-variant: #f8fafc;--dt-border: #e2e8f0;--dt-text-primary: #1e293b;--dt-text-secondary: #64748b;--dt-text-muted: #94a3b8;--dt-gradient-start: #6366f1;--dt-gradient-end: #8b5cf6;--dt-border-radius: 16px;--dt-cell-padding-x: 16px;--dt-cell-padding-y: 14px;--dt-header-padding-y: 12px}.data-table-container{position:relative;background:var(--dt-surface);border-radius:var(--dt-border-radius);box-shadow:var(--dt-elevation-medium);border:1px solid var(--dt-border);overflow:hidden}.data-table-container.elevation-none{box-shadow:var(--dt-elevation-none)}.data-table-container.elevation-low{box-shadow:var(--dt-elevation-low)}.data-table-container.elevation-high{box-shadow:var(--dt-elevation-high)}.data-table-container.header-gradient:before{content:\"\";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--dt-gradient-start),var(--dt-gradient-end));border-radius:var(--dt-border-radius) var(--dt-border-radius) 0 0;z-index:2}.loading-overlay{position:absolute;inset:0;background:#ffffffe6;backdrop-filter:blur(2px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:10}.loading-overlay ion-spinner{--color: var(--dt-primary);width:32px;height:32px}.loading-message{font-size:14px;font-weight:500;color:var(--dt-text-secondary)}.table-wrapper{overflow-x:auto;max-height:var(--max-height)}.table-wrapper.is-loading{opacity:.5;pointer-events:none}.table-wrapper::-webkit-scrollbar{height:8px;width:8px}.table-wrapper::-webkit-scrollbar-track{background:var(--dt-surface-variant);border-radius:4px}.table-wrapper::-webkit-scrollbar-thumb{background:var(--dt-border);border-radius:4px}.table-wrapper::-webkit-scrollbar-thumb:hover{background:var(--dt-text-muted)}table{width:100%;border-collapse:collapse;font-size:14px}th,td{padding:var(--dt-cell-padding-y) var(--dt-cell-padding-x);text-align:left;vertical-align:middle}thead{background:var(--dt-surface-variant)}thead th{font-weight:600;font-size:13px;color:var(--dt-text-secondary);white-space:nowrap;position:relative;border-bottom:1px solid var(--dt-border);padding:var(--dt-header-padding-y) var(--dt-cell-padding-x);transition:all .2s ease}thead th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}thead th.sortable:hover{background:#00000008;color:var(--dt-text-primary)}thead th.sorted{color:var(--dt-primary);background:rgba(var(--dt-primary-rgb),.04)}.header-content{display:flex;align-items:center;gap:8px}.sort-icons{display:flex;flex-direction:column;gap:0;opacity:.4;transition:opacity .2s ease}.sortable:hover .sort-icons{opacity:.7}.sorted .sort-icons{opacity:1}.sort-icons ion-icon{font-size:12px;color:var(--dt-text-muted);margin:-3px 0;transition:all .2s ease}.sort-icons ion-icon.active{color:var(--dt-primary);transform:scale(1.2)}tbody tr{border-bottom:1px solid var(--dt-border);transition:all .2s ease;position:relative}tbody tr:last-child{border-bottom:none}tbody tr.clickable{cursor:pointer}tbody tr.selected{background:rgba(var(--dt-primary-rgb),.06)}tbody tr.selected:before{content:\"\";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--dt-primary)}tbody td{color:var(--dt-text-primary);font-size:14px}.row-highlight-border tbody tr.selected{background:transparent}.row-highlight-border tbody tr.selected:before{width:4px}.row-highlight-both tbody tr.selected:before{width:4px}.hoverable tbody tr:hover:not(.empty-row){background:var(--dt-surface-variant)}.hoverable tbody tr:hover:not(.empty-row).selected{background:rgba(var(--dt-primary-rgb),.08)}.align-left{text-align:left}.align-center{text-align:center}.align-right{text-align:right}.selection-cell{width:52px;text-align:center;padding:8px 12px}.selection-cell ion-checkbox{--size: 20px;--border-radius: 50%;--border-width: 2px;--border-color: var(--dt-border);--border-color-checked: var(--dt-primary);--background: transparent;--background-checked: var(--dt-primary);--checkmark-color: white;--checkmark-width: 2px;margin:0;transition:transform .15s ease}.selection-cell ion-checkbox:hover{transform:scale(1.1)}.selection-cell ion-checkbox::part(container){border-radius:50%}.selection-cell input[type=radio]{width:20px;height:20px;cursor:pointer;accent-color:var(--dt-primary)}.checkbox-circular .selection-cell ion-checkbox{--border-radius: 50%}.checkbox-circular .selection-cell ion-checkbox::part(container){border-radius:50%}.row-number-cell{width:60px;text-align:center;color:var(--dt-text-muted);font-size:12px;font-weight:500}.actions-cell{text-align:center;white-space:nowrap}.sticky-start{position:sticky;left:0;background:inherit;z-index:1;box-shadow:2px 0 4px #0000000d}.sticky-end{position:sticky;right:0;background:inherit;z-index:1;box-shadow:-2px 0 4px #0000000d}.empty-row td{padding:64px 16px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--dt-text-secondary)}.empty-icon{font-size:56px;margin-bottom:20px;opacity:.4;color:var(--dt-text-muted)}.empty-title{font-size:18px;font-weight:600;margin:0 0 8px;color:var(--dt-text-primary)}.empty-description{font-size:14px;margin:0;max-width:320px;color:var(--dt-text-secondary);line-height:1.5}.pagination-container{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-top:1px solid var(--dt-border);background:var(--dt-surface);flex-wrap:wrap;gap:16px}.pagination-info{display:flex;align-items:center;gap:20px;font-size:14px;color:var(--dt-text-secondary)}.pagination-info span{font-weight:500}.page-size-select{--padding-start: 12px;--padding-end: 12px;font-size:14px;min-width:140px;--background: var(--dt-surface-variant);--border-radius: 8px}.pagination-controls{display:flex;align-items:center;gap:8px}.pagination-controls ion-button{--padding-start: 10px;--padding-end: 10px;--border-radius: 8px;--background: var(--dt-surface-variant);--background-hover: var(--dt-border);--color: var(--dt-text-secondary);--color-hover: var(--dt-text-primary);margin:0;height:36px;min-width:36px}.pagination-controls ion-button:disabled{opacity:.4}.pagination-controls ion-button ion-icon{font-size:16px}.page-indicator{padding:0 16px;font-size:14px;color:var(--dt-text-primary);font-weight:600;background:var(--dt-surface-variant);border-radius:8px;height:36px;display:flex;align-items:center;min-width:80px;justify-content:center}.bordered th,.bordered td{border:1px solid var(--dt-border)}.striped tbody tr:nth-child(2n){background:var(--dt-surface-variant)}.striped tbody tr:nth-child(2n).selected{background:rgba(var(--dt-primary-rgb),.08)}.sticky-header .table-wrapper{overflow-y:auto}.sticky-header thead{position:sticky;top:0;z-index:5;box-shadow:0 1px 0 var(--dt-border)}.size-small{--dt-cell-padding-x: 12px;--dt-cell-padding-y: 10px;--dt-header-padding-y: 10px}.size-small th,.size-small td{font-size:13px}.size-small thead th{font-size:12px}.size-small .selection-cell{width:44px;padding:6px 8px}.size-small .selection-cell ion-checkbox{--size: 18px}.size-small .row-number-cell{width:48px;font-size:11px}.size-small .pagination-container{padding:12px 16px}.size-small .pagination-info,.size-small .page-indicator{font-size:13px}.size-small .pagination-controls ion-button{height:32px;min-width:32px}.size-small .page-indicator{height:32px;min-width:70px}.size-large{--dt-cell-padding-x: 20px;--dt-cell-padding-y: 18px;--dt-header-padding-y: 16px}.size-large th,.size-large td{font-size:15px}.size-large thead th{font-size:14px}.size-large .selection-cell{width:60px;padding:12px 16px}.size-large .selection-cell ion-checkbox{--size: 24px}.size-large .row-number-cell{width:72px;font-size:14px}.size-large .pagination-container{padding:20px 24px}.size-large .pagination-info,.size-large .page-indicator{font-size:15px}.size-large .pagination-controls ion-button{height:40px;min-width:40px}.size-large .page-indicator{height:40px;min-width:90px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 768px){.data-table-container{--dt-border-radius: 12px}.pagination-container{flex-direction:column;align-items:stretch;gap:12px}.pagination-info{justify-content:space-between}.pagination-controls{justify-content:center}}.table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px;border-bottom:1px solid var(--dt-border);background:var(--dt-surface);flex-wrap:wrap}.table-toolbar:empty{display:none}@media (max-width: 576px){.table-toolbar{flex-direction:column;align-items:stretch;padding:16px}}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:9999px;font-size:12px;font-weight:600;white-space:nowrap;letter-spacing:.025em}.status-badge--success{background:#dcfce7;color:#15803d}.status-badge--warning{background:#fef3c7;color:#b45309}.status-badge--danger{background:#fee2e2;color:#dc2626}.status-badge--primary{background:#e0e7ff;color:#4338ca}.status-badge--secondary{background:#f1f5f9;color:#475569}.status-badge--medium{background:#f1f5f9;color:#64748b}.status-badge--tertiary{background:#f3e8ff;color:#7c3aed}.status-badge--filled.status-badge--success{background:#22c55e;color:#fff}.status-badge--filled.status-badge--warning{background:#f59e0b;color:#fff}.status-badge--filled.status-badge--danger{background:#ef4444;color:#fff}.status-badge--filled.status-badge--primary{background:var(--dt-primary);color:#fff}.status-badge--outlined{background:transparent;border:1.5px solid currentColor}.status-badge--outlined.status-badge--success{color:#16a34a}.status-badge--outlined.status-badge--warning{color:#d97706}.status-badge--outlined.status-badge--danger{color:#dc2626}.status-badge--outlined.status-badge--primary{color:var(--dt-primary)}.action-buttons{display:flex;gap:6px;justify-content:center}.action-buttons ion-button{--padding-start: 8px;--padding-end: 8px;--border-radius: 8px;margin:0}.action-buttons ion-button ion-icon{font-size:18px}.card-list{display:none;padding:12px;gap:12px}.data-card{background:var(--dt-surface);border:1px solid var(--dt-border);border-radius:12px;padding:16px;margin-bottom:12px;transition:all .2s ease}.data-card.selected{border-color:var(--dt-primary);background:rgba(var(--dt-primary-rgb),.04);box-shadow:0 0 0 1px var(--dt-primary)}.data-card.clickable{cursor:pointer}.data-card.clickable:hover{box-shadow:var(--dt-elevation-medium);transform:translateY(-2px)}.data-card.clickable:active{transform:translateY(0)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--dt-border)}.card-selection{display:flex;align-items:center}.card-body{display:flex;flex-direction:column;gap:12px}.card-field{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.card-field__label{font-size:12px;font-weight:600;color:var(--dt-text-muted);flex-shrink:0}.card-field__value{font-size:14px;color:var(--dt-text-primary);text-align:right;word-break:break-word;font-weight:500}.card-actions{display:flex;justify-content:flex-end;margin-top:16px;padding-top:12px;border-top:1px solid var(--dt-border)}@media (max-width: 768px){.responsive-cards .table-wrapper{display:none}.responsive-cards .card-list{display:block}}@media (prefers-color-scheme: dark){.data-table-container{--dt-surface: #1e293b;--dt-surface-variant: #334155;--dt-border: #475569;--dt-text-primary: #f1f5f9;--dt-text-secondary: #94a3b8;--dt-text-muted: #64748b}.loading-overlay{background:#1e293be6}.status-badge--success{background:#22c55e33;color:#4ade80}.status-badge--warning{background:#f59e0b33;color:#fbbf24}.status-badge--danger{background:#ef444433;color:#f87171}.status-badge--primary{background:#6366f133;color:#a5b4fc}}\n"] }]
         }], propDecorators: { props: [{
                 type: Input
             }], rowClick: [{
@@ -20824,7 +20840,7 @@ function hasEmulators(config) {
  * }
  * ```
  */
-class FirebaseService {
+let FirebaseService$1 = class FirebaseService {
     constructor() {
         this.auth = inject(Auth);
         this.config = inject(VALTECH_FIREBASE_CONFIG);
@@ -21058,8 +21074,8 @@ class FirebaseService {
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FirebaseService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FirebaseService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FirebaseService, decorators: [{
+};
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FirebaseService$1, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [] });
@@ -23273,6 +23289,1447 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
  */
 // Tipos
 
+var index = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  FirebaseService: FirebaseService$1,
+  FirestoreCollection: FirestoreCollection,
+  FirestoreService: FirestoreService,
+  MessagingService: MessagingService,
+  QueryBuilder: QueryBuilder,
+  StorageService: StorageService,
+  VALTECH_FIREBASE_CONFIG: VALTECH_FIREBASE_CONFIG,
+  buildPath: buildPath,
+  extractPathParams: extractPathParams,
+  getCollectionPath: getCollectionPath,
+  getDocumentId: getDocumentId,
+  hasEmulators: hasEmulators,
+  isCollectionPath: isCollectionPath,
+  isDocumentPath: isDocumentPath,
+  isValidPath: isValidPath,
+  joinPath: joinPath,
+  provideValtechFirebase: provideValtechFirebase,
+  query: query
+});
+
+/**
+ * Tipos e interfaces para el servicio de autenticación de Valtech.
+ * Alineados con el backend AuthV2.
+ */
+/**
+ * Estado inicial de autenticación.
+ */
+const INITIAL_AUTH_STATE = {
+    isAuthenticated: false,
+    isLoading: true,
+    accessToken: null,
+    refreshToken: null,
+    userId: null,
+    email: null,
+    roles: [],
+    permissions: [],
+    isSuperAdmin: false,
+    expiresAt: null,
+    error: null,
+};
+/**
+ * Estado inicial de MFA.
+ */
+const INITIAL_MFA_STATE = {
+    required: false,
+    mfaToken: null,
+    method: null,
+};
+
+/**
+ * Servicio para manejo de estado de autenticación con Angular Signals.
+ * Proporciona estado reactivo inmutable.
+ */
+class AuthStateService {
+    constructor() {
+        // Estado interno (mutable solo dentro del servicio)
+        this._state = signal(INITIAL_AUTH_STATE);
+        this._mfaPending = signal(INITIAL_MFA_STATE);
+        // =============================================
+        // Signals públicos (readonly)
+        // =============================================
+        /** Estado completo de autenticación */
+        this.state = this._state.asReadonly();
+        /** Estado de MFA pendiente */
+        this.mfaPending = this._mfaPending.asReadonly();
+        /** Usuario está autenticado */
+        this.isAuthenticated = computed(() => this._state().isAuthenticated);
+        /** Estado de carga */
+        this.isLoading = computed(() => this._state().isLoading);
+        /** Token de acceso */
+        this.accessToken = computed(() => this._state().accessToken);
+        /** Roles del usuario */
+        this.roles = computed(() => this._state().roles);
+        /** Permisos del usuario */
+        this.permissions = computed(() => this._state().permissions);
+        /** Usuario es super admin */
+        this.isSuperAdmin = computed(() => this._state().isSuperAdmin);
+        /** Error actual */
+        this.error = computed(() => this._state().error);
+        /** Información del usuario */
+        this.user = computed(() => {
+            const state = this._state();
+            if (!state.isAuthenticated || !state.userId) {
+                return null;
+            }
+            return {
+                userId: state.userId,
+                email: state.email || '',
+                roles: state.roles,
+                permissions: state.permissions,
+                isSuperAdmin: state.isSuperAdmin,
+            };
+        });
+    }
+    // =============================================
+    // Métodos de actualización
+    // =============================================
+    /**
+     * Establece el estado de carga.
+     */
+    setLoading(isLoading) {
+        this._state.update((s) => ({ ...s, isLoading }));
+    }
+    /**
+     * Establece el estado de autenticación exitosa.
+     */
+    setAuthenticated(data) {
+        this._state.set({
+            isAuthenticated: true,
+            isLoading: false,
+            accessToken: data.accessToken,
+            refreshToken: data.refreshToken,
+            userId: data.userId || null,
+            email: data.email || null,
+            roles: data.roles,
+            permissions: data.permissions,
+            isSuperAdmin: data.isSuperAdmin,
+            expiresAt: data.expiresAt,
+            error: null,
+        });
+    }
+    /**
+     * Actualiza solo el access token (después de refresh).
+     */
+    updateAccessToken(accessToken, expiresIn) {
+        const expiresAt = Date.now() + expiresIn * 1000;
+        this._state.update((s) => ({
+            ...s,
+            accessToken,
+            expiresAt,
+        }));
+    }
+    /**
+     * Actualiza los permisos.
+     */
+    updatePermissions(roles, permissions, isSuperAdmin) {
+        this._state.update((s) => ({
+            ...s,
+            roles,
+            permissions,
+            isSuperAdmin,
+        }));
+    }
+    /**
+     * Establece un error de autenticación.
+     */
+    setError(error) {
+        this._state.update((s) => ({
+            ...s,
+            error,
+            isLoading: false,
+        }));
+    }
+    /**
+     * Limpia el error.
+     */
+    clearError() {
+        this._state.update((s) => ({
+            ...s,
+            error: null,
+        }));
+    }
+    /**
+     * Establece estado de MFA pendiente.
+     */
+    setMFAPending(mfaState) {
+        this._mfaPending.set(mfaState);
+    }
+    /**
+     * Limpia el estado de MFA pendiente.
+     */
+    clearMFAPending() {
+        this._mfaPending.set(INITIAL_MFA_STATE);
+    }
+    /**
+     * Resetea todo el estado a valores iniciales.
+     */
+    reset() {
+        this._state.set(INITIAL_AUTH_STATE);
+        this._mfaPending.set(INITIAL_MFA_STATE);
+    }
+    /**
+     * Restaura estado desde datos almacenados.
+     */
+    restoreFromStorage(stored) {
+        if (stored.accessToken) {
+            this._state.set({
+                isAuthenticated: true,
+                isLoading: false,
+                accessToken: stored.accessToken,
+                refreshToken: stored.refreshToken || null,
+                userId: null, // Se extraerá del token
+                email: null, // Se extraerá del token
+                roles: stored.roles || [],
+                permissions: stored.permissions || [],
+                isSuperAdmin: stored.isSuperAdmin || false,
+                expiresAt: stored.expiresAt || null,
+                error: null,
+            });
+        }
+    }
+    /**
+     * Actualiza el userId y email (después de parsear el token).
+     */
+    updateUserInfo(userId, email) {
+        this._state.update((s) => ({
+            ...s,
+            userId,
+            email,
+        }));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AuthStateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AuthStateService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AuthStateService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+/**
+ * Servicio para manejo de tokens JWT.
+ * Parseo y validación de tokens sin dependencias externas.
+ */
+class TokenService {
+    /**
+     * Parsea un token JWT y extrae los claims.
+     * @param token - Token JWT
+     * @returns Claims del token o null si es inválido
+     */
+    parseToken(token) {
+        try {
+            const parts = token.split('.');
+            if (parts.length !== 3) {
+                return null;
+            }
+            const payload = parts[1];
+            const decoded = this.base64UrlDecode(payload);
+            return JSON.parse(decoded);
+        }
+        catch {
+            console.warn('[ValtechAuth] Error al parsear token JWT');
+            return null;
+        }
+    }
+    /**
+     * Verifica si un token es válido (no expirado).
+     * @param token - Token JWT
+     * @returns true si el token es válido
+     */
+    isTokenValid(token) {
+        const claims = this.parseToken(token);
+        if (!claims) {
+            return false;
+        }
+        // exp está en segundos, Date.now() en milisegundos
+        const expirationMs = claims.exp * 1000;
+        return Date.now() < expirationMs;
+    }
+    /**
+     * Obtiene el tiempo restante del token en segundos.
+     * @param token - Token JWT
+     * @returns Segundos restantes o 0 si expirado
+     */
+    getTimeToExpiry(token) {
+        const claims = this.parseToken(token);
+        if (!claims) {
+            return 0;
+        }
+        const expirationMs = claims.exp * 1000;
+        const remaining = expirationMs - Date.now();
+        return remaining > 0 ? Math.floor(remaining / 1000) : 0;
+    }
+    /**
+     * Obtiene el timestamp de expiración del token.
+     * @param token - Token JWT
+     * @returns Timestamp en milisegundos o null
+     */
+    getExpirationTime(token) {
+        const claims = this.parseToken(token);
+        if (!claims) {
+            return null;
+        }
+        return claims.exp * 1000;
+    }
+    /**
+     * Extrae el user ID del token.
+     * @param token - Token JWT
+     * @returns User ID o null
+     */
+    getUserId(token) {
+        const claims = this.parseToken(token);
+        return claims?.uid || null;
+    }
+    /**
+     * Extrae el email del token.
+     * @param token - Token JWT
+     * @returns Email o null
+     */
+    getEmail(token) {
+        const claims = this.parseToken(token);
+        return claims?.email || null;
+    }
+    /**
+     * Decodifica base64url a string.
+     * Base64url usa - y _ en lugar de + y /
+     */
+    base64UrlDecode(str) {
+        // Reemplazar caracteres base64url por base64 estándar
+        let base64 = str.replace(/-/g, '+').replace(/_/g, '/');
+        // Agregar padding si es necesario
+        const padding = base64.length % 4;
+        if (padding) {
+            base64 += '='.repeat(4 - padding);
+        }
+        // Decodificar
+        const decoded = atob(base64);
+        // Manejar caracteres UTF-8
+        return decodeURIComponent(decoded
+            .split('')
+            .map((c) => '%' + ('00' + c.charCodeAt(0).toString(16)).slice(-2))
+            .join(''));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TokenService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TokenService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TokenService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+/**
+ * Servicio para persistencia de estado de autenticación en localStorage.
+ */
+class AuthStorageService {
+    constructor() {
+        this.config = inject(VALTECH_AUTH_CONFIG);
+        const prefix = this.config.storagePrefix || 'valtech_auth_';
+        this.keys = {
+            ACCESS_TOKEN: `${prefix}access_token`,
+            REFRESH_TOKEN: `${prefix}refresh_token`,
+            ROLES: `${prefix}roles`,
+            PERMISSIONS: `${prefix}permissions`,
+            IS_SUPER_ADMIN: `${prefix}is_super_admin`,
+            EXPIRES_AT: `${prefix}expires_at`,
+        };
+    }
+    /**
+     * Guarda el estado completo de autenticación.
+     */
+    saveState(state) {
+        try {
+            localStorage.setItem(this.keys.ACCESS_TOKEN, state.accessToken);
+            localStorage.setItem(this.keys.REFRESH_TOKEN, state.refreshToken);
+            localStorage.setItem(this.keys.ROLES, JSON.stringify(state.roles));
+            localStorage.setItem(this.keys.PERMISSIONS, JSON.stringify(state.permissions));
+            localStorage.setItem(this.keys.IS_SUPER_ADMIN, String(state.isSuperAdmin));
+            if (state.expiresAt) {
+                localStorage.setItem(this.keys.EXPIRES_AT, String(state.expiresAt));
+            }
+        }
+        catch (e) {
+            console.warn('[ValtechAuth] Error guardando estado en storage:', e);
+        }
+    }
+    /**
+     * Carga el estado de autenticación desde storage.
+     */
+    loadState() {
+        try {
+            const accessToken = localStorage.getItem(this.keys.ACCESS_TOKEN);
+            const refreshToken = localStorage.getItem(this.keys.REFRESH_TOKEN);
+            const rolesJson = localStorage.getItem(this.keys.ROLES);
+            const permissionsJson = localStorage.getItem(this.keys.PERMISSIONS);
+            const isSuperAdmin = localStorage.getItem(this.keys.IS_SUPER_ADMIN) === 'true';
+            const expiresAtStr = localStorage.getItem(this.keys.EXPIRES_AT);
+            return {
+                accessToken: accessToken || undefined,
+                refreshToken: refreshToken || undefined,
+                roles: rolesJson ? JSON.parse(rolesJson) : [],
+                permissions: permissionsJson ? JSON.parse(permissionsJson) : [],
+                isSuperAdmin,
+                expiresAt: expiresAtStr ? Number(expiresAtStr) : undefined,
+            };
+        }
+        catch (e) {
+            console.warn('[ValtechAuth] Error cargando estado desde storage:', e);
+            return {};
+        }
+    }
+    /**
+     * Guarda solo el access token.
+     */
+    saveAccessToken(token, expiresAt) {
+        try {
+            localStorage.setItem(this.keys.ACCESS_TOKEN, token);
+            if (expiresAt) {
+                localStorage.setItem(this.keys.EXPIRES_AT, String(expiresAt));
+            }
+        }
+        catch (e) {
+            console.warn('[ValtechAuth] Error guardando access token:', e);
+        }
+    }
+    /**
+     * Guarda los permisos actualizados.
+     */
+    savePermissions(response) {
+        try {
+            localStorage.setItem(this.keys.ROLES, JSON.stringify(response.roles));
+            localStorage.setItem(this.keys.PERMISSIONS, JSON.stringify(response.permissions));
+            localStorage.setItem(this.keys.IS_SUPER_ADMIN, String(response.isSuperAdmin));
+        }
+        catch (e) {
+            console.warn('[ValtechAuth] Error guardando permisos:', e);
+        }
+    }
+    /**
+     * Carga los permisos desde storage.
+     */
+    loadPermissions() {
+        try {
+            const rolesJson = localStorage.getItem(this.keys.ROLES);
+            const permissionsJson = localStorage.getItem(this.keys.PERMISSIONS);
+            const isSuperAdmin = localStorage.getItem(this.keys.IS_SUPER_ADMIN) === 'true';
+            return {
+                roles: rolesJson ? JSON.parse(rolesJson) : [],
+                permissions: permissionsJson ? JSON.parse(permissionsJson) : [],
+                isSuperAdmin,
+            };
+        }
+        catch {
+            return { roles: [], permissions: [], isSuperAdmin: false };
+        }
+    }
+    /**
+     * Obtiene el refresh token.
+     */
+    getRefreshToken() {
+        return localStorage.getItem(this.keys.REFRESH_TOKEN);
+    }
+    /**
+     * Limpia todo el estado de autenticación.
+     */
+    clear() {
+        try {
+            Object.values(this.keys).forEach((key) => localStorage.removeItem(key));
+        }
+        catch (e) {
+            console.warn('[ValtechAuth] Error limpiando storage:', e);
+        }
+    }
+    /**
+     * Verifica si hay estado guardado.
+     */
+    hasStoredState() {
+        return !!localStorage.getItem(this.keys.ACCESS_TOKEN);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AuthStorageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AuthStorageService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AuthStorageService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [] });
+
+/**
+ * Servicio para sincronización de estado de autenticación entre pestañas.
+ * Usa BroadcastChannel API con fallback a storage events.
+ */
+class AuthSyncService {
+    constructor() {
+        this.config = inject(VALTECH_AUTH_CONFIG);
+        this.channel = null;
+        this.eventSubject = new Subject();
+        this.storageListener = null;
+        /** Observable de eventos de sincronización */
+        this.onEvent$ = this.eventSubject.asObservable();
+        const prefix = this.config.storagePrefix || 'valtech_auth_';
+        this.channelName = `${prefix}sync_channel`;
+    }
+    /**
+     * Inicia la sincronización entre pestañas.
+     */
+    start() {
+        if (!this.config.enableTabSync) {
+            return;
+        }
+        // Intentar usar BroadcastChannel API (mejor rendimiento)
+        if (typeof BroadcastChannel !== 'undefined') {
+            this.initBroadcastChannel();
+        }
+        else {
+            // Fallback a storage events
+            this.initStorageEvents();
+        }
+    }
+    /**
+     * Detiene la sincronización.
+     */
+    stop() {
+        if (this.channel) {
+            this.channel.close();
+            this.channel = null;
+        }
+        if (this.storageListener) {
+            window.removeEventListener('storage', this.storageListener);
+            this.storageListener = null;
+        }
+    }
+    /**
+     * Envía un evento a otras pestañas.
+     */
+    broadcast(event) {
+        if (!this.config.enableTabSync) {
+            return;
+        }
+        const fullEvent = {
+            ...event,
+            timestamp: Date.now(),
+        };
+        if (this.channel) {
+            this.channel.postMessage(fullEvent);
+        }
+        else {
+            // Fallback: usar localStorage para notificar
+            this.broadcastViaStorage(fullEvent);
+        }
+    }
+    ngOnDestroy() {
+        this.stop();
+        this.eventSubject.complete();
+    }
+    /**
+     * Inicializa BroadcastChannel API.
+     */
+    initBroadcastChannel() {
+        try {
+            this.channel = new BroadcastChannel(this.channelName);
+            this.channel.onmessage = (event) => {
+                this.handleEvent(event.data);
+            };
+            this.channel.onmessageerror = () => {
+                console.warn('[ValtechAuth] Error en BroadcastChannel, usando fallback');
+                this.channel?.close();
+                this.channel = null;
+                this.initStorageEvents();
+            };
+        }
+        catch {
+            // BroadcastChannel no disponible, usar fallback
+            this.initStorageEvents();
+        }
+    }
+    /**
+     * Inicializa fallback con storage events.
+     */
+    initStorageEvents() {
+        const storageKey = `${this.config.storagePrefix}sync_event`;
+        this.storageListener = (event) => {
+            if (event.key === storageKey && event.newValue) {
+                try {
+                    const syncEvent = JSON.parse(event.newValue);
+                    this.handleEvent(syncEvent);
+                }
+                catch {
+                    // Ignorar eventos mal formados
+                }
+            }
+        };
+        window.addEventListener('storage', this.storageListener);
+    }
+    /**
+     * Envía evento via localStorage (fallback).
+     */
+    broadcastViaStorage(event) {
+        const storageKey = `${this.config.storagePrefix}sync_event`;
+        try {
+            // Escribir y luego limpiar para permitir múltiples eventos del mismo tipo
+            localStorage.setItem(storageKey, JSON.stringify(event));
+            // Usar setTimeout para permitir que otras pestañas lean el valor
+            setTimeout(() => {
+                localStorage.removeItem(storageKey);
+            }, 100);
+        }
+        catch {
+            console.warn('[ValtechAuth] Error enviando evento via storage');
+        }
+    }
+    /**
+     * Maneja un evento recibido.
+     */
+    handleEvent(event) {
+        // Verificar que el evento no sea muy antiguo (más de 5 segundos)
+        const age = Date.now() - event.timestamp;
+        if (age > 5000) {
+            return;
+        }
+        this.eventSubject.next(event);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AuthSyncService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AuthSyncService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AuthSyncService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [] });
+
+// Importación opcional de FirebaseService
+let FirebaseService = null;
+try {
+    // Intenta importar FirebaseService si está disponible
+    Promise.resolve().then(function () { return index; }).then((m) => {
+        FirebaseService = m.FirebaseService;
+    });
+}
+catch {
+    // FirebaseService no disponible
+}
+/**
+ * Servicio principal de autenticación.
+ *
+ * @example
+ * ```typescript
+ * import { AuthService } from 'valtech-components';
+ *
+ * @Component({...})
+ * export class LoginComponent {
+ *   private auth = inject(AuthService);
+ *
+ *   async login() {
+ *     await firstValueFrom(this.auth.signin({ email, password }));
+ *     if (this.auth.mfaPending().required) {
+ *       // Mostrar UI de MFA
+ *     } else {
+ *       this.router.navigate(['/']);
+ *     }
+ *   }
+ * }
+ * ```
+ */
+class AuthService {
+    constructor() {
+        this.config = inject(VALTECH_AUTH_CONFIG);
+        this.http = inject(HttpClient);
+        this.router = inject(Router);
+        this.stateService = inject(AuthStateService);
+        this.tokenService = inject(TokenService);
+        this.storageService = inject(AuthStorageService);
+        this.syncService = inject(AuthSyncService);
+        // Timer para refresh proactivo
+        this.refreshTimerId = null;
+        this.syncSubscription = null;
+        // =============================================
+        // ESTADO PÚBLICO (Signals readonly)
+        // =============================================
+        /** Estado completo de autenticación */
+        this.state = this.stateService.state;
+        /** Usuario está autenticado */
+        this.isAuthenticated = this.stateService.isAuthenticated;
+        /** Estado de carga */
+        this.isLoading = this.stateService.isLoading;
+        /** Información del usuario */
+        this.user = this.stateService.user;
+        /** Token de acceso */
+        this.accessToken = this.stateService.accessToken;
+        /** Roles del usuario */
+        this.roles = this.stateService.roles;
+        /** Permisos del usuario */
+        this.permissions = this.stateService.permissions;
+        /** Usuario es super admin */
+        this.isSuperAdmin = this.stateService.isSuperAdmin;
+        /** Estado de MFA pendiente */
+        this.mfaPending = this.stateService.mfaPending;
+        /** Error actual */
+        this.error = this.stateService.error;
+    }
+    // =============================================
+    // INICIALIZACIÓN
+    // =============================================
+    /**
+     * Inicializa el servicio de autenticación.
+     * Llamado automáticamente por provideValtechAuth.
+     */
+    async initialize() {
+        // 1. Cargar estado desde storage
+        const storedState = this.storageService.loadState();
+        if (storedState.accessToken) {
+            // 2. Verificar si token es válido
+            if (this.tokenService.isTokenValid(storedState.accessToken)) {
+                this.stateService.restoreFromStorage(storedState);
+                // Extraer info del token
+                const claims = this.tokenService.parseToken(storedState.accessToken);
+                if (claims) {
+                    this.stateService.updateUserInfo(claims.uid, claims.email);
+                }
+                // 3. Iniciar timer de refresco proactivo
+                this.startRefreshTimer();
+            }
+            else if (storedState.refreshToken) {
+                // 4. Token expirado pero hay refresh token - intentar refrescar
+                try {
+                    await firstValueFrom(this.refreshAccessToken());
+                }
+                catch {
+                    this.clearState();
+                }
+            }
+            else {
+                this.clearState();
+            }
+        }
+        // 5. Iniciar sincronización entre pestañas
+        if (this.config.enableTabSync) {
+            this.syncService.start();
+            this.syncSubscription = this.syncService.onEvent$.subscribe((event) => this.handleSyncEvent(event));
+        }
+        this.stateService.setLoading(false);
+    }
+    ngOnDestroy() {
+        this.stopRefreshTimer();
+        this.syncSubscription?.unsubscribe();
+    }
+    // =============================================
+    // AUTENTICACIÓN
+    // =============================================
+    /**
+     * Inicia sesión con email y contraseña.
+     */
+    signin(request) {
+        this.stateService.clearError();
+        return this.http
+            .post(`${this.baseUrl}/signin`, request)
+            .pipe(tap((response) => {
+            if (response.mfaRequired) {
+                // MFA requerido - guardar estado temporal
+                this.stateService.setMFAPending({
+                    required: true,
+                    mfaToken: response.mfaToken,
+                    method: response.mfaMethod,
+                });
+            }
+            else if (response.accessToken) {
+                // Login exitoso sin MFA
+                this.handleSuccessfulAuth(response);
+            }
+        }), catchError((error) => this.handleAuthError(error)));
+    }
+    /**
+     * Verifica código MFA.
+     */
+    verifyMFA(code) {
+        const mfaState = this.mfaPending();
+        if (!mfaState.mfaToken) {
+            return throwError(() => ({
+                code: 'MFA_NOT_PENDING',
+                message: 'No hay verificación MFA pendiente',
+            }));
+        }
+        return this.http
+            .post(`${this.baseUrl}/mfa/verify`, {
+            mfaToken: mfaState.mfaToken,
+            code,
+        })
+            .pipe(tap((response) => {
+            this.stateService.clearMFAPending();
+            this.handleSuccessfulAuth(response);
+        }), catchError((error) => this.handleAuthError(error)));
+    }
+    /**
+     * Refresca el token de acceso.
+     */
+    refreshAccessToken() {
+        const refreshToken = this.state().refreshToken;
+        if (!refreshToken) {
+            return throwError(() => ({
+                code: 'NO_REFRESH_TOKEN',
+                message: 'No hay token de refresco',
+            }));
+        }
+        return this.http
+            .post(`${this.baseUrl}/refresh`, { refreshToken })
+            .pipe(tap((response) => {
+            const expiresAt = Date.now() + response.expiresIn * 1000;
+            this.stateService.updateAccessToken(response.accessToken, response.expiresIn);
+            this.storageService.saveAccessToken(response.accessToken, expiresAt);
+            this.startRefreshTimer();
+            this.syncService.broadcast({
+                type: 'TOKEN_REFRESH',
+                payload: { accessToken: response.accessToken, expiresAt },
+            });
+        }), catchError((error) => {
+            this.logout();
+            return throwError(() => error);
+        }));
+    }
+    /**
+     * Cierra sesión.
+     */
+    logout() {
+        const refreshToken = this.state().refreshToken;
+        // Notificar al backend (fire and forget)
+        if (refreshToken) {
+            this.http
+                .post(`${this.baseUrl}/logout`, { refreshToken })
+                .pipe(catchError(() => of(null)))
+                .subscribe();
+        }
+        // Cerrar sesión de Firebase si está integrado
+        this.signOutFirebase();
+        this.clearState();
+        this.syncService.broadcast({ type: 'LOGOUT' });
+        this.router.navigate([this.config.loginRoute]);
+    }
+    // =============================================
+    // MFA SETUP (usuario autenticado)
+    // =============================================
+    /**
+     * Configura MFA para el usuario.
+     */
+    setupMFA(method, phone) {
+        return this.http
+            .post(`${this.baseUrl}/mfa/setup`, { method, phone })
+            .pipe(catchError((error) => this.handleAuthError(error)));
+    }
+    /**
+     * Confirma la configuración de MFA.
+     */
+    confirmMFA(code) {
+        return this.http
+            .post(`${this.baseUrl}/mfa/confirm`, { code })
+            .pipe(catchError((error) => this.handleAuthError(error)));
+    }
+    /**
+     * Deshabilita MFA.
+     */
+    disableMFA(password) {
+        return this.http
+            .post(`${this.baseUrl}/mfa/disable`, { password })
+            .pipe(catchError((error) => this.handleAuthError(error)));
+    }
+    // =============================================
+    // PERMISOS
+    // =============================================
+    /**
+     * Obtiene los permisos actualizados del backend.
+     */
+    fetchPermissions() {
+        return this.http
+            .get(`${this.baseUrl}/permissions`)
+            .pipe(tap((response) => {
+            this.stateService.updatePermissions(response.roles, response.permissions, response.isSuperAdmin);
+            this.storageService.savePermissions(response);
+            this.syncService.broadcast({ type: 'PERMISSIONS_UPDATE' });
+        }), catchError((error) => this.handleAuthError(error)));
+    }
+    /**
+     * Verifica si el usuario tiene un permiso específico.
+     * Formato: "resource:action" (ej: "templates:edit")
+     */
+    hasPermission(permission) {
+        if (this.isSuperAdmin())
+            return true;
+        const [resource, action] = permission.split(':');
+        return this.permissions().some((p) => {
+            const [pResource, pAction] = p.split(':');
+            return ((pResource === '*' || pResource === resource) &&
+                (pAction === '*' || pAction === action));
+        });
+    }
+    /**
+     * Verifica si el usuario tiene alguno de los permisos dados.
+     */
+    hasAnyPermission(permissions) {
+        return permissions.some((p) => this.hasPermission(p));
+    }
+    /**
+     * Verifica si el usuario tiene todos los permisos dados.
+     */
+    hasAllPermissions(permissions) {
+        return permissions.every((p) => this.hasPermission(p));
+    }
+    /**
+     * Verifica si el usuario tiene un rol específico.
+     */
+    hasRole(role) {
+        return this.roles().some((r) => r.toLowerCase() === role.toLowerCase());
+    }
+    // =============================================
+    // PRIVATE METHODS
+    // =============================================
+    get baseUrl() {
+        return `${this.config.apiUrl}${this.config.authPrefix}`;
+    }
+    handleSuccessfulAuth(response) {
+        const expiresAt = Date.now() + (response.expiresIn * 1000);
+        const tokenData = this.tokenService.parseToken(response.accessToken);
+        this.stateService.setAuthenticated({
+            accessToken: response.accessToken,
+            refreshToken: response.refreshToken,
+            userId: tokenData?.uid,
+            email: tokenData?.email,
+            roles: response.roles || [],
+            permissions: response.permissions || [],
+            isSuperAdmin: response.permissions?.includes('*:*') || false,
+            expiresAt,
+        });
+        this.storageService.saveState({
+            accessToken: response.accessToken,
+            refreshToken: response.refreshToken,
+            roles: response.roles || [],
+            permissions: response.permissions || [],
+            isSuperAdmin: response.permissions?.includes('*:*') || false,
+            expiresAt,
+        });
+        this.startRefreshTimer();
+        this.syncService.broadcast({ type: 'LOGIN' });
+        // Integración con Firebase
+        if (this.config.enableFirebaseIntegration &&
+            'firebaseToken' in response &&
+            response.firebaseToken) {
+            this.signInWithFirebase(response.firebaseToken);
+        }
+    }
+    clearState() {
+        this.stopRefreshTimer();
+        this.stateService.reset();
+        this.storageService.clear();
+    }
+    startRefreshTimer() {
+        this.stopRefreshTimer();
+        const state = this.stateService.state();
+        if (!state.expiresAt)
+            return;
+        const refreshBeforeMs = (this.config.refreshBeforeExpiry || 60) * 1000;
+        const refreshAt = state.expiresAt - refreshBeforeMs;
+        const delay = refreshAt - Date.now();
+        if (delay > 0) {
+            this.refreshTimerId = setTimeout(() => {
+                this.refreshAccessToken().subscribe({
+                    error: () => this.logout(),
+                });
+            }, delay);
+        }
+        else if (state.refreshToken) {
+            // Token ya debería refrescarse, intentar ahora
+            this.refreshAccessToken().subscribe({
+                error: () => this.logout(),
+            });
+        }
+    }
+    stopRefreshTimer() {
+        if (this.refreshTimerId) {
+            clearTimeout(this.refreshTimerId);
+            this.refreshTimerId = null;
+        }
+    }
+    handleSyncEvent(event) {
+        switch (event.type) {
+            case 'LOGIN':
+            case 'TOKEN_REFRESH': {
+                // Recargar estado desde storage
+                const state = this.storageService.loadState();
+                if (state.accessToken) {
+                    this.stateService.restoreFromStorage(state);
+                    const claims = this.tokenService.parseToken(state.accessToken);
+                    if (claims) {
+                        this.stateService.updateUserInfo(claims.uid, claims.email);
+                    }
+                    this.startRefreshTimer();
+                }
+                break;
+            }
+            case 'LOGOUT':
+                this.stateService.reset();
+                this.stopRefreshTimer();
+                this.router.navigate([this.config.loginRoute]);
+                break;
+            case 'PERMISSIONS_UPDATE': {
+                const perms = this.storageService.loadPermissions();
+                this.stateService.updatePermissions(perms.roles, perms.permissions, perms.isSuperAdmin);
+                break;
+            }
+        }
+    }
+    handleAuthError(error) {
+        const authError = {
+            code: error.error?.code || 'UNKNOWN_ERROR',
+            message: error.error?.message || 'Error de autenticación desconocido',
+        };
+        this.stateService.setError(authError);
+        return throwError(() => authError);
+    }
+    // =============================================
+    // FIREBASE INTEGRATION
+    // =============================================
+    async signInWithFirebase(firebaseToken) {
+        try {
+            // Importar FirebaseService dinámicamente
+            const firebase = await Promise.resolve().then(function () { return index; });
+            const injector = (await import('@angular/core')).inject;
+            // Esto es un workaround - en producción se usaría un patrón más robusto
+            console.log('[ValtechAuth] Firebase integration: token received, attempting signin...');
+            // Por ahora, solo loguear que se recibió el token
+            // La integración real requiere inyectar FirebaseService
+        }
+        catch {
+            console.warn('[ValtechAuth] FirebaseService no disponible');
+        }
+    }
+    async signOutFirebase() {
+        if (!this.config.enableFirebaseIntegration)
+            return;
+        try {
+            // Similar al signin, la integración real requiere inyección
+            console.log('[ValtechAuth] Firebase signout triggered');
+        }
+        catch {
+            // Ignorar errores de Firebase
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AuthService, deps: [], 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: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+// Control de estado de refresco (singleton a nivel de módulo)
+let isRefreshing = false;
+const refreshTokenSubject = new BehaviorSubject(null);
+/**
+ * Interceptor HTTP que:
+ * 1. Agrega header Authorization con Bearer token a requests API
+ * 2. Maneja errores 401 refrescando el token automáticamente
+ * 3. Encola requests durante el refresco para evitar múltiples refresh
+ *
+ * @example
+ * ```typescript
+ * // Incluido automáticamente por provideValtechAuth()
+ * // Para uso manual:
+ * import { provideHttpClient, withInterceptors } from '@angular/common/http';
+ * import { authInterceptor } from 'valtech-components';
+ *
+ * bootstrapApplication(AppComponent, {
+ *   providers: [
+ *     provideHttpClient(withInterceptors([authInterceptor])),
+ *   ],
+ * });
+ * ```
+ */
+const authInterceptor = (request, next) => {
+    const authService = inject(AuthService);
+    const config = inject(VALTECH_AUTH_CONFIG);
+    // Omitir requests que no son a nuestra API
+    if (!isApiRequest(request, config.apiUrl)) {
+        return next(request);
+    }
+    // Omitir endpoints de auth que no necesitan token
+    if (isAuthEndpoint(request, config.authPrefix)) {
+        return next(request);
+    }
+    const accessToken = authService.accessToken();
+    // Agregar header de autorización si hay token
+    if (accessToken) {
+        request = addAuthHeader(request, accessToken);
+    }
+    return next(request).pipe(catchError((error) => {
+        if (error.status === 401 && !isAuthEndpoint(request, config.authPrefix)) {
+            return handle401Error(request, next, authService);
+        }
+        if (error.status === 403) {
+            console.error('[ValtechAuth] Permiso denegado:', error.error?.message || 'Acceso prohibido');
+        }
+        return throwError(() => error);
+    }));
+};
+/**
+ * Agrega header de autorización a la request.
+ */
+function addAuthHeader(request, token) {
+    return request.clone({
+        setHeaders: {
+            Authorization: `Bearer ${token}`,
+        },
+    });
+}
+/**
+ * Verifica si la request es a nuestra API.
+ */
+function isApiRequest(request, apiUrl) {
+    return request.url.startsWith(apiUrl) || request.url.includes('/v2/auth');
+}
+/**
+ * Verifica si la request es a un endpoint de auth que no debe reintentar.
+ */
+function isAuthEndpoint(request, authPrefix) {
+    const authEndpoints = ['/signin', '/signup', '/refresh', '/logout', '/mfa/verify'];
+    return authEndpoints.some((endpoint) => request.url.includes(`${authPrefix}${endpoint}`));
+}
+/**
+ * Maneja errores 401 refrescando el token.
+ */
+function handle401Error(request, next, authService) {
+    if (!isRefreshing) {
+        isRefreshing = true;
+        refreshTokenSubject.next(null);
+        return authService.refreshAccessToken().pipe(switchMap((response) => {
+            refreshTokenSubject.next(response.accessToken);
+            return next(addAuthHeader(request, response.accessToken));
+        }), catchError((error) => {
+            authService.logout();
+            return throwError(() => error);
+        }), finalize(() => {
+            isRefreshing = false;
+        }));
+    }
+    // Esperar a que termine el refresco en curso
+    return refreshTokenSubject.pipe(filter$1((token) => token !== null), take(1), switchMap((token) => next(addAuthHeader(request, token))));
+}
+
+/**
+ * Token de inyección para la configuración de Auth.
+ */
+const VALTECH_AUTH_CONFIG = new InjectionToken('ValtechAuthConfig');
+/**
+ * Configuración por defecto.
+ */
+const DEFAULT_AUTH_CONFIG = {
+    authPrefix: '/v2/auth',
+    storagePrefix: 'valtech_auth_',
+    refreshBeforeExpiry: 60,
+    enableTabSync: true,
+    loginRoute: '/login',
+    homeRoute: '/',
+    unauthorizedRoute: '/unauthorized',
+    enableFirebaseIntegration: false,
+};
+/**
+ * Factory para inicializar el AuthService.
+ */
+function initializeAuth(authService) {
+    return () => authService.initialize();
+}
+/**
+ * Provee el servicio de autenticación a la aplicación Angular.
+ *
+ * @param config - Configuración de autenticación
+ * @returns EnvironmentProviders para usar en bootstrapApplication
+ *
+ * @example
+ * ```typescript
+ * // main.ts
+ * import { bootstrapApplication } from '@angular/platform-browser';
+ * import { provideValtechAuth } from 'valtech-components';
+ * import { environment } from './environments/environment';
+ *
+ * bootstrapApplication(AppComponent, {
+ *   providers: [
+ *     provideValtechAuth({
+ *       apiUrl: environment.apiUrl,
+ *       enableFirebaseIntegration: true,
+ *     }),
+ *   ],
+ * });
+ * ```
+ */
+function provideValtechAuth(config) {
+    const mergedConfig = {
+        ...DEFAULT_AUTH_CONFIG,
+        ...config,
+    };
+    return makeEnvironmentProviders([
+        { provide: VALTECH_AUTH_CONFIG, useValue: mergedConfig },
+        provideHttpClient(withInterceptors([authInterceptor])),
+        // Inicializar AuthService al arrancar la app
+        {
+            provide: APP_INITIALIZER,
+            useFactory: initializeAuth,
+            deps: [AuthService],
+            multi: true,
+        },
+    ]);
+}
+/**
+ * Provee solo el interceptor (para apps que ya tienen AuthService configurado manualmente).
+ */
+function provideValtechAuthInterceptor() {
+    return makeEnvironmentProviders([
+        provideHttpClient(withInterceptors([authInterceptor])),
+    ]);
+}
+
+/**
+ * Guard que verifica si el usuario está autenticado.
+ * Redirige a loginRoute si no está autenticado.
+ *
+ * @example
+ * ```typescript
+ * import { authGuard } from 'valtech-components';
+ *
+ * const routes: Routes = [
+ *   {
+ *     path: 'dashboard',
+ *     canActivate: [authGuard],
+ *     loadComponent: () => import('./dashboard.page'),
+ *   },
+ * ];
+ * ```
+ */
+const authGuard = () => {
+    const authService = inject(AuthService);
+    const router = inject(Router);
+    const config = inject(VALTECH_AUTH_CONFIG);
+    if (authService.isAuthenticated()) {
+        return true;
+    }
+    return router.createUrlTree([config.loginRoute]);
+};
+/**
+ * Guard que verifica si el usuario NO está autenticado.
+ * Redirige a homeRoute si ya está autenticado.
+ * Útil para páginas de login/registro.
+ *
+ * @example
+ * ```typescript
+ * import { guestGuard } from 'valtech-components';
+ *
+ * const routes: Routes = [
+ *   {
+ *     path: 'login',
+ *     canActivate: [guestGuard],
+ *     loadComponent: () => import('./login.page'),
+ *   },
+ * ];
+ * ```
+ */
+const guestGuard = () => {
+    const authService = inject(AuthService);
+    const router = inject(Router);
+    const config = inject(VALTECH_AUTH_CONFIG);
+    if (!authService.isAuthenticated()) {
+        return true;
+    }
+    return router.createUrlTree([config.homeRoute]);
+};
+/**
+ * Factory para crear guard de permisos.
+ * Verifica si el usuario tiene el permiso especificado.
+ *
+ * @param permissions - Permiso o lista de permisos requeridos (OR)
+ * @returns Guard function
+ *
+ * @example
+ * ```typescript
+ * import { authGuard, permissionGuard } from 'valtech-components';
+ *
+ * const routes: Routes = [
+ *   {
+ *     path: 'templates',
+ *     canActivate: [authGuard, permissionGuard('templates:read')],
+ *     loadComponent: () => import('./templates.page'),
+ *   },
+ *   {
+ *     path: 'admin',
+ *     canActivate: [authGuard, permissionGuard(['admin:*', 'super_admin'])],
+ *     loadComponent: () => import('./admin.page'),
+ *   },
+ * ];
+ * ```
+ */
+function permissionGuard(permissions) {
+    return () => {
+        const authService = inject(AuthService);
+        const router = inject(Router);
+        const config = inject(VALTECH_AUTH_CONFIG);
+        const permArray = Array.isArray(permissions) ? permissions : [permissions];
+        if (authService.hasAnyPermission(permArray)) {
+            return true;
+        }
+        console.warn(`[ValtechAuth] Permiso denegado. Requerido: ${permArray.join(' o ')}`);
+        return router.createUrlTree([config.unauthorizedRoute]);
+    };
+}
+/**
+ * Guard que lee permisos desde route.data.
+ * Permite configurar permisos directamente en la definición de rutas.
+ *
+ * @example
+ * ```typescript
+ * import { authGuard, permissionGuardFromRoute } from 'valtech-components';
+ *
+ * const routes: Routes = [
+ *   {
+ *     path: 'admin/users',
+ *     canActivate: [authGuard, permissionGuardFromRoute],
+ *     data: {
+ *       permissions: ['users:read', 'users:manage'],
+ *       requireAll: false  // true = AND, false = OR (default)
+ *     },
+ *     loadComponent: () => import('./users.page'),
+ *   },
+ * ];
+ * ```
+ */
+const permissionGuardFromRoute = (route) => {
+    const authService = inject(AuthService);
+    const router = inject(Router);
+    const config = inject(VALTECH_AUTH_CONFIG);
+    const permissions = route.data['permissions'];
+    const requireAll = route.data['requireAll'];
+    if (!permissions || permissions.length === 0) {
+        return true;
+    }
+    const hasAccess = requireAll
+        ? authService.hasAllPermissions(permissions)
+        : authService.hasAnyPermission(permissions);
+    if (hasAccess) {
+        return true;
+    }
+    console.warn(`[ValtechAuth] Permiso denegado. Requerido: ${permissions.join(requireAll ? ' y ' : ' o ')}`);
+    return router.createUrlTree([config.unauthorizedRoute]);
+};
+/**
+ * Guard que verifica si el usuario es super admin.
+ *
+ * @example
+ * ```typescript
+ * import { authGuard, superAdminGuard } from 'valtech-components';
+ *
+ * const routes: Routes = [
+ *   {
+ *     path: 'super-admin',
+ *     canActivate: [authGuard, superAdminGuard],
+ *     loadComponent: () => import('./super-admin.page'),
+ *   },
+ * ];
+ * ```
+ */
+const superAdminGuard = () => {
+    const authService = inject(AuthService);
+    const router = inject(Router);
+    const config = inject(VALTECH_AUTH_CONFIG);
+    if (authService.isSuperAdmin()) {
+        return true;
+    }
+    console.warn('[ValtechAuth] Acceso de super admin requerido');
+    return router.createUrlTree([config.unauthorizedRoute]);
+};
+/**
+ * Guard que verifica si el usuario tiene un rol específico.
+ *
+ * @param roles - Rol o lista de roles requeridos (OR)
+ * @returns Guard function
+ *
+ * @example
+ * ```typescript
+ * import { authGuard, roleGuard } from 'valtech-components';
+ *
+ * const routes: Routes = [
+ *   {
+ *     path: 'editor',
+ *     canActivate: [authGuard, roleGuard(['editor', 'admin'])],
+ *     loadComponent: () => import('./editor.page'),
+ *   },
+ * ];
+ * ```
+ */
+function roleGuard(roles) {
+    return () => {
+        const authService = inject(AuthService);
+        const router = inject(Router);
+        const config = inject(VALTECH_AUTH_CONFIG);
+        const roleArray = Array.isArray(roles) ? roles : [roles];
+        const hasRole = roleArray.some((role) => authService.hasRole(role));
+        if (hasRole) {
+            return true;
+        }
+        console.warn(`[ValtechAuth] Rol requerido: ${roleArray.join(' o ')}`);
+        return router.createUrlTree([config.unauthorizedRoute]);
+    };
+}
+
+/**
+ * Valtech Auth Service
+ *
+ * Servicio de autenticación reutilizable para aplicaciones Angular.
+ * Proporciona autenticación con AuthV2, MFA, sincronización entre pestañas,
+ * y refresh proactivo de tokens.
+ *
+ * @example
+ * ```typescript
+ * // En main.ts
+ * import { bootstrapApplication } from '@angular/platform-browser';
+ * import { provideValtechAuth } from 'valtech-components';
+ * import { environment } from './environments/environment';
+ *
+ * bootstrapApplication(AppComponent, {
+ *   providers: [
+ *     provideValtechAuth({
+ *       apiUrl: environment.apiUrl,
+ *       enableFirebaseIntegration: true,
+ *     }),
+ *   ],
+ * });
+ *
+ * // En app.routes.ts
+ * import { authGuard, guestGuard, permissionGuard } from 'valtech-components';
+ *
+ * const routes: Routes = [
+ *   { path: 'login', canActivate: [guestGuard], loadComponent: () => import('./login.page') },
+ *   { path: 'dashboard', canActivate: [authGuard], loadComponent: () => import('./dashboard.page') },
+ *   { path: 'admin', canActivate: [authGuard, permissionGuard('admin:*')], loadComponent: () => import('./admin.page') },
+ * ];
+ *
+ * // En componentes
+ * import { AuthService } from 'valtech-components';
+ *
+ * @Component({...})
+ * export class LoginComponent {
+ *   private auth = inject(AuthService);
+ *
+ *   async login() {
+ *     await firstValueFrom(this.auth.signin({ email, password }));
+ *     if (this.auth.mfaPending().required) {
+ *       // Mostrar UI de MFA
+ *     } else {
+ *       this.router.navigate(['/dashboard']);
+ *     }
+ *   }
+ *
+ *   // En template: usar signals directamente
+ *   // {{ auth.user()?.email }}
+ *   // @if (auth.hasPermission('templates:edit')) { ... }
+ * }
+ * ```
+ */
+// Tipos
+
 /*
  * Public API Surface of valtech-components
  */
@@ -23281,5 +24738,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { ARTICLE_SPACING, AccordionComponent, ActionHeaderComponent, ActionType, AlertBoxComponent, ArticleBuilder, ArticleComponent, AvatarComponent, BannerComponent, BaseDefault, BoxComponent, BreadcrumbComponent, ButtonComponent, ButtonGroupComponent, COMMON_COUNTRY_CODES, COMMON_CURRENCIES, CURRENCY_INFO, CardComponent, CardSection, CardType, CardsCarouselComponent, CheckInputComponent, ChipGroupComponent, ClearDefault, ClearDefaultBlock, ClearDefaultFull, ClearDefaultRound, ClearDefaultRoundBlock, ClearDefaultRoundFull, CodeDisplayComponent, CommandDisplayComponent, CommentComponent, CommentInputComponent, CommentSectionComponent, CompanyFooterComponent, ComponentStates, ConfirmationDialogService, ContentLoaderComponent, CountdownComponent, CurrencyInputComponent, DEFAULT_CANCEL_BUTTON, DEFAULT_CONFIRM_BUTTON, DEFAULT_COUNTDOWN_LABELS, DEFAULT_COUNTDOWN_LABELS_EN, DEFAULT_EMPTY_STATE, DEFAULT_LEGEND_LABELS, DEFAULT_MODAL_CANCEL_BUTTON, DEFAULT_MODAL_CONFIRM_BUTTON, DEFAULT_PAGE_SIZE_OPTIONS, DEFAULT_PAYMENT_STATUS_COLORS, DEFAULT_PAYMENT_STATUS_LABELS, DEFAULT_PLATFORMS, DEFAULT_STATUS_COLORS, DEFAULT_STATUS_LABELS, DEFAULT_WINNER_LABELS, DataTableComponent, DateInputComponent, DateRangeInputComponent, DisplayComponent, DividerComponent, DownloadService, EmailInputComponent, ExpandableTextComponent, FabComponent, FileInputComponent, FirebaseService, FirestoreCollection, FirestoreService, FooterComponent, FooterLinksComponent, FormComponent, FormFooterComponent, FunHeaderComponent, GlowCardComponent, HeaderComponent, HintComponent, HorizontalScrollComponent, HourInputComponent, HrefComponent, Icon, IconComponent, IconService, ImageComponent, InAppBrowserService, InfoComponent, InputType, ItemListComponent, LanguageSelectorComponent, LayeredCardComponent, LayoutComponent, LinkComponent, LinkProcessorService, LinksAccordionComponent, LinksCakeComponent, LocalStorageService, LocaleService, MODAL_SIZES, MOTION, MenuComponent, MessagingService, ModalService, MultiSelectSearchComponent, NavigationService, NoContentComponent, NotesBoxComponent, NumberFromToComponent, NumberInputComponent, NumberStepperComponent, OutlineDefault, OutlineDefaultBlock, OutlineDefaultFull, OutlineDefaultRound, OutlineDefaultRoundBlock, OutlineDefaultRoundFull, PLATFORM_CONFIGS, PageContentComponent, PageTemplateComponent, PageWrapperComponent, PaginationComponent, ParticipantCardComponent, PasswordInputComponent, PhoneInputComponent, PillComponent, PinInputComponent, PlainCodeBoxComponent, PopoverSelectorComponent, PriceTagComponent, PrimarySolidBlockButton, PrimarySolidBlockHrefButton, PrimarySolidBlockIconButton, PrimarySolidBlockIconHrefButton, PrimarySolidDefaultRoundButton, PrimarySolidDefaultRoundHrefButton, PrimarySolidDefaultRoundIconButton, PrimarySolidDefaultRoundIconHrefButton, PrimarySolidFullButton, PrimarySolidFullHrefButton, PrimarySolidFullIconButton, PrimarySolidFullIconHrefButton, PrimarySolidLargeRoundButton, PrimarySolidLargeRoundHrefButton, PrimarySolidLargeRoundIconButton, PrimarySolidLargeRoundIconHrefButton, PrimarySolidSmallRoundButton, PrimarySolidSmallRoundHrefButton, PrimarySolidSmallRoundIconButton, PrimarySolidSmallRoundIconHrefButton, ProcessLinksPipe, ProgressBarComponent, ProgressRingComponent, ProgressStatusComponent, PrompterComponent, QR_PRESETS, QrCodeComponent, QrGeneratorService, QueryBuilder, QuoteBoxComponent, RadioInputComponent, RaffleStatusCardComponent, RangeInputComponent, RatingComponent, RecapCardComponent, RightsFooterComponent, SKELETON_PRESETS, SearchSelectorComponent, SearchbarComponent, SecondarySolidBlockButton, SecondarySolidBlockHrefButton, SecondarySolidBlockIconButton, SecondarySolidBlockIconHrefButton, SecondarySolidDefaultRoundButton, SecondarySolidDefaultRoundHrefButton, SecondarySolidDefaultRoundIconButton, SecondarySolidDefaultRoundIconHrefButton, SecondarySolidFullButton, SecondarySolidFullHrefButton, SecondarySolidFullIconButton, SecondarySolidFullIconHrefButton, SecondarySolidLargeRoundButton, SecondarySolidLargeRoundHrefButton, SecondarySolidLargeRoundIconButton, SecondarySolidLargeRoundIconHrefButton, SecondarySolidSmallRoundButton, SecondarySolidSmallRoundHrefButton, SecondarySolidSmallRoundIconButton, SecondarySolidSmallRoundIconHrefButton, SegmentControlComponent, SelectSearchComponent, ShareButtonsComponent, SimpleComponent, SkeletonComponent, SolidBlockButton, SolidDefault, SolidDefaultBlock, SolidDefaultButton, SolidDefaultFull, SolidDefaultRound, SolidDefaultRoundBlock, SolidDefaultRoundButton, SolidDefaultRoundFull, SolidFullButton, SolidLargeButton, SolidLargeRoundButton, SolidSmallButton, SolidSmallRoundButton, StatsCardComponent, StepperComponent, StorageService, SwipeCarouselComponent, TabsComponent, TestimonialCardComponent, TestimonialCarouselComponent, TextComponent, TextInputComponent, TextareaInputComponent, ThemeOption, ThemeService, TicketGridComponent, TimelineComponent, TitleBlockComponent, TitleComponent, ToastService, ToggleInputComponent, ToolbarActionType, ToolbarComponent, VALTECH_FIREBASE_CONFIG, WinnerDisplayComponent, WizardComponent, WizardFooterComponent, applyDefaultValueToControl, buildPath, createGlowCardProps, createNumberFromToField, createTitleProps, extractPathParams, getCollectionPath, getDocumentId, goToTop, hasEmulators, isAtEnd, isCollectionPath, isDocumentPath, isValidPath, joinPath, maxLength, provideValtechFirebase, query, replaceSpecialChars, resolveColor, resolveInputDefaultValue };
+export { ARTICLE_SPACING, AccordionComponent, ActionHeaderComponent, ActionType, AlertBoxComponent, ArticleBuilder, ArticleComponent, AuthService, AuthStateService, AuthStorageService, AuthSyncService, AvatarComponent, BannerComponent, BaseDefault, BoxComponent, BreadcrumbComponent, ButtonComponent, ButtonGroupComponent, COMMON_COUNTRY_CODES, COMMON_CURRENCIES, CURRENCY_INFO, CardComponent, CardSection, CardType, CardsCarouselComponent, CheckInputComponent, ChipGroupComponent, ClearDefault, ClearDefaultBlock, ClearDefaultFull, ClearDefaultRound, ClearDefaultRoundBlock, ClearDefaultRoundFull, CodeDisplayComponent, CommandDisplayComponent, CommentComponent, CommentInputComponent, CommentSectionComponent, CompanyFooterComponent, ComponentStates, ConfirmationDialogService, ContentLoaderComponent, CountdownComponent, CurrencyInputComponent, DEFAULT_AUTH_CONFIG, DEFAULT_CANCEL_BUTTON, DEFAULT_CONFIRM_BUTTON, DEFAULT_COUNTDOWN_LABELS, DEFAULT_COUNTDOWN_LABELS_EN, DEFAULT_EMPTY_STATE, DEFAULT_LEGEND_LABELS, DEFAULT_MODAL_CANCEL_BUTTON, DEFAULT_MODAL_CONFIRM_BUTTON, DEFAULT_PAGE_SIZE_OPTIONS, DEFAULT_PAYMENT_STATUS_COLORS, DEFAULT_PAYMENT_STATUS_LABELS, DEFAULT_PLATFORMS, DEFAULT_STATUS_COLORS, DEFAULT_STATUS_LABELS, DEFAULT_WINNER_LABELS, DataTableComponent, DateInputComponent, DateRangeInputComponent, DisplayComponent, DividerComponent, DownloadService, EmailInputComponent, ExpandableTextComponent, FabComponent, FileInputComponent, FirebaseService$1 as FirebaseService, FirestoreCollection, FirestoreService, FooterComponent, FooterLinksComponent, FormComponent, FormFooterComponent, FunHeaderComponent, GlowCardComponent, HeaderComponent, HintComponent, HorizontalScrollComponent, HourInputComponent, HrefComponent, INITIAL_AUTH_STATE, INITIAL_MFA_STATE, Icon, IconComponent, IconService, ImageComponent, InAppBrowserService, InfoComponent, InputType, ItemListComponent, LanguageSelectorComponent, LayeredCardComponent, LayoutComponent, LinkComponent, LinkProcessorService, LinksAccordionComponent, LinksCakeComponent, LocalStorageService, LocaleService, MODAL_SIZES, MOTION, MenuComponent, MessagingService, ModalService, MultiSelectSearchComponent, NavigationService, NoContentComponent, NotesBoxComponent, NumberFromToComponent, NumberInputComponent, NumberStepperComponent, OutlineDefault, OutlineDefaultBlock, OutlineDefaultFull, OutlineDefaultRound, OutlineDefaultRoundBlock, OutlineDefaultRoundFull, PLATFORM_CONFIGS, PageContentComponent, PageTemplateComponent, PageWrapperComponent, PaginationComponent, ParticipantCardComponent, PasswordInputComponent, PhoneInputComponent, PillComponent, PinInputComponent, PlainCodeBoxComponent, PopoverSelectorComponent, PriceTagComponent, PrimarySolidBlockButton, PrimarySolidBlockHrefButton, PrimarySolidBlockIconButton, PrimarySolidBlockIconHrefButton, PrimarySolidDefaultRoundButton, PrimarySolidDefaultRoundHrefButton, PrimarySolidDefaultRoundIconButton, PrimarySolidDefaultRoundIconHrefButton, PrimarySolidFullButton, PrimarySolidFullHrefButton, PrimarySolidFullIconButton, PrimarySolidFullIconHrefButton, PrimarySolidLargeRoundButton, PrimarySolidLargeRoundHrefButton, PrimarySolidLargeRoundIconButton, PrimarySolidLargeRoundIconHrefButton, PrimarySolidSmallRoundButton, PrimarySolidSmallRoundHrefButton, PrimarySolidSmallRoundIconButton, PrimarySolidSmallRoundIconHrefButton, ProcessLinksPipe, ProgressBarComponent, ProgressRingComponent, ProgressStatusComponent, PrompterComponent, QR_PRESETS, QrCodeComponent, QrGeneratorService, QueryBuilder, QuoteBoxComponent, RadioInputComponent, RaffleStatusCardComponent, RangeInputComponent, RatingComponent, RecapCardComponent, RightsFooterComponent, SKELETON_PRESETS, SearchSelectorComponent, SearchbarComponent, SecondarySolidBlockButton, SecondarySolidBlockHrefButton, SecondarySolidBlockIconButton, SecondarySolidBlockIconHrefButton, SecondarySolidDefaultRoundButton, SecondarySolidDefaultRoundHrefButton, SecondarySolidDefaultRoundIconButton, SecondarySolidDefaultRoundIconHrefButton, SecondarySolidFullButton, SecondarySolidFullHrefButton, SecondarySolidFullIconButton, SecondarySolidFullIconHrefButton, SecondarySolidLargeRoundButton, SecondarySolidLargeRoundHrefButton, SecondarySolidLargeRoundIconButton, SecondarySolidLargeRoundIconHrefButton, SecondarySolidSmallRoundButton, SecondarySolidSmallRoundHrefButton, SecondarySolidSmallRoundIconButton, SecondarySolidSmallRoundIconHrefButton, SegmentControlComponent, SelectSearchComponent, ShareButtonsComponent, SimpleComponent, SkeletonComponent, SolidBlockButton, SolidDefault, SolidDefaultBlock, SolidDefaultButton, SolidDefaultFull, SolidDefaultRound, SolidDefaultRoundBlock, SolidDefaultRoundButton, SolidDefaultRoundFull, SolidFullButton, SolidLargeButton, SolidLargeRoundButton, SolidSmallButton, SolidSmallRoundButton, StatsCardComponent, StepperComponent, StorageService, SwipeCarouselComponent, TabsComponent, TestimonialCardComponent, TestimonialCarouselComponent, TextComponent, TextInputComponent, TextareaInputComponent, ThemeOption, ThemeService, TicketGridComponent, TimelineComponent, TitleBlockComponent, TitleComponent, ToastService, ToggleInputComponent, TokenService, ToolbarActionType, ToolbarComponent, VALTECH_AUTH_CONFIG, VALTECH_FIREBASE_CONFIG, WinnerDisplayComponent, WizardComponent, WizardFooterComponent, applyDefaultValueToControl, authGuard, authInterceptor, buildPath, createGlowCardProps, createNumberFromToField, createTitleProps, extractPathParams, getCollectionPath, getDocumentId, goToTop, guestGuard, hasEmulators, isAtEnd, isCollectionPath, isDocumentPath, isValidPath, joinPath, maxLength, permissionGuard, permissionGuardFromRoute, provideValtechAuth, provideValtechAuthInterceptor, provideValtechFirebase, query, replaceSpecialChars, resolveColor, resolveInputDefaultValue, roleGuard, superAdminGuard };
 //# sourceMappingURL=valtech-components.mjs.map