valtech-components 2.0.807 → 2.0.809

package/fesm2022/valtech-components.mjs

@@ -3,7 +3,7 @@ import { signal, Injectable, makeEnvironmentProviders, APP_INITIALIZER, inject,
 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, IonPopover, IonList, IonItem, IonRadioGroup, IonRadio, IonRange, IonSearchbar, IonSegment, IonSegmentButton, IonToggle, IonAccordion, IonAccordionGroup, IonTabBar, IonTabButton, IonBadge, IonBreadcrumb, IonBreadcrumbs, IonChip, IonNote, ToastController as ToastController$1, IonCol, IonRow, IonRefresher, IonRefresherContent, IonRippleEffect, AlertController, IonMenuButton, IonFooter, IonListHeader, IonInfiniteScroll, IonInfiniteScrollContent, IonGrid, MenuController, IonMenu, IonMenuToggle, IonSplitPane } from '@ionic/angular/standalone';
 import * as i1 from '@angular/common';
-import { CommonModule, NgStyle, NgFor, isPlatformBrowser, NgClass } from '@angular/common';
+import { CommonModule, NgStyle, NgFor, isPlatformBrowser, DOCUMENT, NgClass } from '@angular/common';
 import { addIcons } from 'ionicons';
 import { addOutline, addCircleOutline, alertOutline, alertCircleOutline, arrowBackOutline, arrowForwardOutline, arrowDownOutline, settings, settingsOutline, checkmarkCircleOutline, ellipsisHorizontalOutline, notifications, notificationsOutline, openOutline, closeOutline, chatbubblesOutline, shareOutline, heart, heartOutline, home, homeOutline, eyeOffOutline, eyeOutline, scanOutline, chevronDownOutline, chevronForwardOutline, checkmarkOutline, clipboardOutline, copyOutline, filterOutline, locationOutline, calendarOutline, businessOutline, logoTwitter, logoInstagram, logoLinkedin, logoYoutube, logoTiktok, logoFacebook, logoGoogle, createOutline, trashOutline, playOutline, phonePortraitOutline, refreshOutline, documentTextOutline, lockClosedOutline, informationCircleOutline, logoNpm, removeOutline, optionsOutline, personOutline, shieldCheckmarkOutline, keyOutline, desktopOutline, logOutOutline, add, close, share, create, trash, star, camera, mic, send, downloadOutline, chevronDown, language, globeOutline, checkmark, list, grid, apps, menu, search, person, helpCircle, informationCircle, documentText, mail, calendar, folder, chevronForward, ellipsisHorizontal, chevronBack, playBack, playForward, ellipse, starOutline, starHalf, heartHalf, checkmarkCircle, timeOutline, flag, trendingUp, trendingDown, remove, analytics, people, cash, cart, eye, chatbubbleOutline, thumbsUpOutline, thumbsUp, happyOutline, happy, sadOutline, sad, chevronUp, pin, pencil, callOutline, logoWhatsapp, paperPlaneOutline, mailOutline, closeCircle, alertCircle, logoApple, logoMicrosoft, linkOutline, unlinkOutline, chevronBackOutline, sendOutline, chatbubbleEllipsesOutline, swapVerticalOutline, chevronUpOutline, documentOutline, searchOutline, cartOutline, chatbubble, compass, compassOutline, gridOutline, listOutline, folderOutline, documents, documentsOutline, statsChart, statsChartOutline, cameraOutline, bugOutline, bulbOutline, closeCircleOutline, menuOutline } from 'ionicons/icons';
 import * as i1$1 from '@angular/router';
@@ -14,7 +14,7 @@ import { DomSanitizer, Meta, Title } from '@angular/platform-browser';
 import QRCodeStyling from 'qr-code-styling';
 import * as i1$3 from '@angular/forms';
 import { ReactiveFormsModule, FormsModule, FormControl, Validators, FormBuilder } from '@angular/forms';
-import { BehaviorSubject, map, throwError, Subject, distinctUntilChanged, filter as filter$1, take as take$1, firstValueFrom, of, from, EMPTY, Observable, debounceTime, switchMap as switchMap$1, catchError as catchError$1, takeUntil, isObservable, shareReplay, race, timer } from 'rxjs';
+import { BehaviorSubject, map, filter as filter$1, interval, throwError, Subject, distinctUntilChanged, take as take$1, firstValueFrom, of, from, EMPTY, Observable, debounceTime, switchMap as switchMap$1, catchError as catchError$1, takeUntil, isObservable, shareReplay, race, timer } from 'rxjs';
 import * as i1$4 from 'ng-otp-input';
 import { NgOtpInputComponent, NgOtpInputModule } from 'ng-otp-input';
 import * as i2 from '@ionic/angular';
@@ -28,6 +28,8 @@ import 'prismjs/components/prism-typescript';
 import 'prismjs/components/prism-bash';
 import Swiper from 'swiper';
 import { Navigation, Pagination, EffectFade, EffectCube, EffectCoverflow, EffectFlip, Autoplay } from 'swiper/modules';
+import { takeUntilDestroyed, toSignal, toObservable } from '@angular/core/rxjs-interop';
+import { SwUpdate } from '@angular/service-worker';
 import * as i1$5 from '@angular/fire/firestore';
 import { provideFirestore, getFirestore, connectFirestoreEmulator, enableIndexedDbPersistence, doc, getDoc, collection, query as query$1, getDocs, getCountFromServer, limit, docData, collectionData, serverTimestamp, addDoc, setDoc, updateDoc, deleteDoc, writeBatch, arrayUnion, arrayRemove, increment, where, orderBy, startAfter, startAt, endBefore, endAt, Timestamp } from '@angular/fire/firestore';
 import { Analytics, logEvent, setUserId, setUserProperties, provideAnalytics, getAnalytics } from '@angular/fire/analytics';
@@ -37,7 +39,6 @@ import { provideAuth, getAuth, connectAuthEmulator, authState, signInWithCustomT
 import { provideMessaging, getMessaging, getToken, deleteToken, onMessage } from '@angular/fire/messaging';
 import * as i1$7 from '@angular/fire/storage';
 import { provideStorage, getStorage, connectStorageEmulator, ref, uploadBytesResumable, getDownloadURL, getMetadata, deleteObject, listAll } from '@angular/fire/storage';
-import { takeUntilDestroyed, toSignal, toObservable } from '@angular/core/rxjs-interop';
 import { filter, catchError, switchMap, finalize, take, map as map$1, tap, retry, timeout, debounceTime as debounceTime$1, takeUntil as takeUntil$1 } from 'rxjs/operators';
 import * as i1$8 from '@angular/common/http';
 import { provideHttpClient, withInterceptors, HttpErrorResponse, HttpClient } from '@angular/common/http';
@@ -52,7 +53,7 @@ import 'prismjs/components/prism-json';
  * Current version of valtech-components.
  * This is automatically updated during the publish process.
  */
-const VERSION = '2.0.807';
+const VERSION = '2.0.809';
 
 /**
  * Servicio para gestionar presets de componentes.
@@ -17546,110 +17547,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 type: Output
             }] } });
 
-/**
- * val-banner
- *
- * Displays a banner with title block, actions, and optional close button.
- *
- * @example
- * <val-banner [props]="{ content: {...}, actions: {...}, closable: true, bordered: true, mode: 'center', alignment: 'center', padding: '8px' }" (onClick)="handler($event)" (onClose)="closeHandler()"></val-banner>
- *
- * @input props: BannerMetadata - Configuration for the banner (content, actions, closable, bordered, mode, alignment, padding)
- * @output onClick - Emits when an action is clicked
- * @output onClose - Emits when the banner is closed
- */
-class BannerComponent {
-    constructor(cdr) {
-        this.cdr = cdr;
-        this.onClick = new EventEmitter();
-        this.onClose = new EventEmitter();
-    }
-    ngOnInit() { }
-    ngOnChanges(changes) {
-        if (changes['props']) {
-            // Forzar detección de cambios múltiple
-            this.cdr.detectChanges();
-            setTimeout(() => {
-                this.cdr.detectChanges();
-            }, 0);
-        }
-    }
-    clickHandler(token) {
-        this.onClick.emit(token);
-    }
-    closeHandler() {
-        this.onClose.emit();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BannerComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: BannerComponent, isStandalone: true, selector: "val-banner", inputs: { props: "props" }, outputs: { onClick: "onClick", onClose: "onClose" }, usesOnChanges: true, ngImport: i0, template: `
-    <val-box
-      [props]="{
-        icon: props.closable ? 'close-outline' : '',
-        bordered: props.bordered,
-        color: '',
-        padding: props.padding,
-      }"
-      (onClick)="closeHandler()"
-    >
-      <div [ngClass]="['content-container', props.mode, props.alignment]" body>
-        <val-title-block
-          [props]="{
-            position: props.content.position,
-            aboveTitle: props.content.aboveTitle,
-            title: props.content.title,
-            bellowTitle: props.content.bellowTitle,
-          }"
-        ></val-title-block>
-        @if (props.actions) {
-          <val-button-group
-            [ngClass]="['buttons-container', props.mode, props.alignment]"
-            [props]="props.actions"
-            (onClick)="clickHandler($event)"
-          ></val-button-group>
-        }
-      </div>
-    </val-box>
-  `, isInline: true, styles: ["@charset \"UTF-8\";:root{--val-container-sm: 540px;--val-container-md: 720px;--val-container-lg: 880px;--val-container-xl: 1100px;--val-container-padding: 16px;--ion-color-primary: #7026df;--ion-color-primary-rgb: 112, 38, 223;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #6321c4;--ion-color-primary-tint: #7e3ce2;--ion-color-secondary: #e2ccff;--ion-color-secondary-rgb: 226, 204, 255;--ion-color-secondary-contrast: #000000;--ion-color-secondary-contrast-rgb: 0, 0, 0;--ion-color-secondary-shade: #c7b4e0;--ion-color-secondary-tint: #e5d1ff;--ion-color-texti: #354c69;--ion-color-texti-rgb: 53, 76, 105;--ion-color-texti-contrast: #ffffff;--ion-color-texti-contrast-rgb: 255, 255, 255;--ion-color-texti-shade: #2f435c;--ion-color-texti-tint: #495e78;--ion-color-darki: #090f1b;--ion-color-darki-rgb: 9, 15, 27;--ion-color-darki-contrast: #ffffff;--ion-color-darki-contrast-rgb: 255, 255, 255;--ion-color-darki-shade: #080d18;--ion-color-darki-tint: #222732;--ion-color-medium: #9e9e9e;--ion-color-medium-rgb: 158, 158, 158;--ion-color-medium-contrast: #000000;--ion-color-medium-contrast-rgb: 0, 0, 0;--ion-color-medium-shade: #8b8b8b;--ion-color-medium-tint: #a8a8a8;--swiper-pagination-color: var(--ion-color-primary);--swiper-navigation-color: var(--ion-color-primary);--swiper-pagination-bullet-inactive-color: var(--ion-color-medium)}body.dark,html.ion-palette-dark,body[data-theme=dark]{--ion-color-texti: #8fc1ff;--ion-color-texti-rgb: 143, 193, 255;--ion-color-texti-contrast: #000000;--ion-color-texti-contrast-rgb: 0, 0, 0;--ion-color-texti-shade: #7eaae0;--ion-color-texti-tint: #9ac7ff;--ion-color-darki: #ffffff;--ion-color-darki-rgb: 255, 255, 255;--ion-color-darki-contrast: #000000;--ion-color-darki-contrast-rgb: 0, 0, 0;--ion-color-darki-shade: #e0e0e0;--ion-color-darki-tint: #ffffff;--ion-color-primary: #8f49f8;--ion-color-primary-rgb: 143, 73, 248;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #7e40da;--ion-color-primary-tint: #9a5bf9}.ion-color-texti{--ion-color-base: var(--ion-color-texti);--ion-color-base-rgb: var(--ion-color-texti-rgb);--ion-color-contrast: var(--ion-color-texti-contrast);--ion-color-contrast-rgb: var(--ion-color-texti-contrast-rgb);--ion-color-shade: var(--ion-color-texti-shade);--ion-color-tint: var(--ion-color-texti-tint)}.ion-color-darki{--ion-color-base: var(--ion-color-darki);--ion-color-base-rgb: var(--ion-color-darki-rgb);--ion-color-contrast: var(--ion-color-darki-contrast);--ion-color-contrast-rgb: var(--ion-color-darki-contrast-rgb);--ion-color-shade: var(--ion-color-darki-shade);--ion-color-tint: var(--ion-color-darki-tint)}.content-container{display:flex;justify-content:space-between}.content-container.center{flex-direction:column}.content-container.column{flex-direction:row}.content-container.row{flex-direction:column}.content-container.middle{align-items:center}.content-container.top{align-items:flex-start}.content-container.bottom{align-items:flex-end}.content-container.hybrid{flex-direction:column;align-items:flex-start}@media (min-width: 768px){.content-container.hybrid{flex-direction:row;align-items:center}}.buttons-container{align-items:center;display:flex;margin-top:1rem;margin-bottom:.0625rem}.buttons-container.column{margin-top:0rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BoxComponent, selector: "val-box", inputs: ["props"], outputs: ["onClick"] }, { kind: "component", type: TitleBlockComponent, selector: "val-title-block", inputs: ["props"] }, { kind: "component", type: ButtonGroupComponent, selector: "val-button-group", inputs: ["props"], outputs: ["onClick"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BannerComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'val-banner', standalone: true, imports: [CommonModule, BoxComponent, TitleBlockComponent, ButtonGroupComponent], template: `
-    <val-box
-      [props]="{
-        icon: props.closable ? 'close-outline' : '',
-        bordered: props.bordered,
-        color: '',
-        padding: props.padding,
-      }"
-      (onClick)="closeHandler()"
-    >
-      <div [ngClass]="['content-container', props.mode, props.alignment]" body>
-        <val-title-block
-          [props]="{
-            position: props.content.position,
-            aboveTitle: props.content.aboveTitle,
-            title: props.content.title,
-            bellowTitle: props.content.bellowTitle,
-          }"
-        ></val-title-block>
-        @if (props.actions) {
-          <val-button-group
-            [ngClass]="['buttons-container', props.mode, props.alignment]"
-            [props]="props.actions"
-            (onClick)="clickHandler($event)"
-          ></val-button-group>
-        }
-      </div>
-    </val-box>
-  `, styles: ["@charset \"UTF-8\";:root{--val-container-sm: 540px;--val-container-md: 720px;--val-container-lg: 880px;--val-container-xl: 1100px;--val-container-padding: 16px;--ion-color-primary: #7026df;--ion-color-primary-rgb: 112, 38, 223;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #6321c4;--ion-color-primary-tint: #7e3ce2;--ion-color-secondary: #e2ccff;--ion-color-secondary-rgb: 226, 204, 255;--ion-color-secondary-contrast: #000000;--ion-color-secondary-contrast-rgb: 0, 0, 0;--ion-color-secondary-shade: #c7b4e0;--ion-color-secondary-tint: #e5d1ff;--ion-color-texti: #354c69;--ion-color-texti-rgb: 53, 76, 105;--ion-color-texti-contrast: #ffffff;--ion-color-texti-contrast-rgb: 255, 255, 255;--ion-color-texti-shade: #2f435c;--ion-color-texti-tint: #495e78;--ion-color-darki: #090f1b;--ion-color-darki-rgb: 9, 15, 27;--ion-color-darki-contrast: #ffffff;--ion-color-darki-contrast-rgb: 255, 255, 255;--ion-color-darki-shade: #080d18;--ion-color-darki-tint: #222732;--ion-color-medium: #9e9e9e;--ion-color-medium-rgb: 158, 158, 158;--ion-color-medium-contrast: #000000;--ion-color-medium-contrast-rgb: 0, 0, 0;--ion-color-medium-shade: #8b8b8b;--ion-color-medium-tint: #a8a8a8;--swiper-pagination-color: var(--ion-color-primary);--swiper-navigation-color: var(--ion-color-primary);--swiper-pagination-bullet-inactive-color: var(--ion-color-medium)}body.dark,html.ion-palette-dark,body[data-theme=dark]{--ion-color-texti: #8fc1ff;--ion-color-texti-rgb: 143, 193, 255;--ion-color-texti-contrast: #000000;--ion-color-texti-contrast-rgb: 0, 0, 0;--ion-color-texti-shade: #7eaae0;--ion-color-texti-tint: #9ac7ff;--ion-color-darki: #ffffff;--ion-color-darki-rgb: 255, 255, 255;--ion-color-darki-contrast: #000000;--ion-color-darki-contrast-rgb: 0, 0, 0;--ion-color-darki-shade: #e0e0e0;--ion-color-darki-tint: #ffffff;--ion-color-primary: #8f49f8;--ion-color-primary-rgb: 143, 73, 248;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #7e40da;--ion-color-primary-tint: #9a5bf9}.ion-color-texti{--ion-color-base: var(--ion-color-texti);--ion-color-base-rgb: var(--ion-color-texti-rgb);--ion-color-contrast: var(--ion-color-texti-contrast);--ion-color-contrast-rgb: var(--ion-color-texti-contrast-rgb);--ion-color-shade: var(--ion-color-texti-shade);--ion-color-tint: var(--ion-color-texti-tint)}.ion-color-darki{--ion-color-base: var(--ion-color-darki);--ion-color-base-rgb: var(--ion-color-darki-rgb);--ion-color-contrast: var(--ion-color-darki-contrast);--ion-color-contrast-rgb: var(--ion-color-darki-contrast-rgb);--ion-color-shade: var(--ion-color-darki-shade);--ion-color-tint: var(--ion-color-darki-tint)}.content-container{display:flex;justify-content:space-between}.content-container.center{flex-direction:column}.content-container.column{flex-direction:row}.content-container.row{flex-direction:column}.content-container.middle{align-items:center}.content-container.top{align-items:flex-start}.content-container.bottom{align-items:flex-end}.content-container.hybrid{flex-direction:column;align-items:flex-start}@media (min-width: 768px){.content-container.hybrid{flex-direction:row;align-items:center}}.buttons-container{align-items:center;display:flex;margin-top:1rem;margin-bottom:.0625rem}.buttons-container.column{margin-top:0rem}\n"] }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { props: [{
-                type: Input
-            }], onClick: [{
-                type: Output
-            }], onClose: [{
-                type: Output
-            }] } });
-
 /**
  * Analytics Service (Firebase GA4)
  *
@@ -19638,110 +19535,515 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
             args: [{ providedIn: 'root' }]
         }] });
 
+/**
+ * AppVersion Types
+ *
+ * Tipos para el servicio de verificación de versión de la aplicación.
+ */
+/**
+ * Intervalo por defecto de chequeo de actualizaciones: 30 minutos.
+ */
+const DEFAULT_CHECK_INTERVAL_MS = 30 * 60 * 1000;
+/**
+ * Configuración por defecto del servicio.
+ */
+const DEFAULT_APP_VERSION_SERVICE_CONFIG = {
+    currentVersion: '0.0.0',
+    checkIntervalMs: DEFAULT_CHECK_INTERVAL_MS,
+};
+
+/**
+ * AppVersion Provider
+ *
+ * Provider e injection token para el servicio de verificación de versión.
+ */
+/**
+ * Token de inyección para la configuración de AppVersionService.
+ */
+const VALTECH_APP_VERSION = new InjectionToken('ValtechAppVersion');
+/**
+ * Provee el servicio de verificación de versión a la aplicación Angular.
+ *
+ * Detecta cuándo hay una versión nueva de la app combinando dos señales:
+ * - `SwUpdate` (PWA service worker) — bundle nuevo descargado y listo.
+ * - `AppConfigService` (config remoto en Firestore) — `version` / `minVersion`.
+ *
+ * @param config - Configuración del servicio. `currentVersion` es obligatorio.
+ * @returns EnvironmentProviders para usar en bootstrapApplication.
+ *
+ * @example
+ * ```typescript
+ * // main.ts
+ * import { provideValtechAppVersion } from 'valtech-components';
+ * import pkg from '../package.json';
+ *
+ * bootstrapApplication(AppComponent, {
+ *   providers: [
+ *     provideValtechAppVersion({ currentVersion: pkg.version }),
+ *   ],
+ * });
+ * ```
+ */
+function provideValtechAppVersion(config) {
+    const mergedConfig = {
+        ...DEFAULT_APP_VERSION_SERVICE_CONFIG,
+        ...config,
+    };
+    return makeEnvironmentProviders([{ provide: VALTECH_APP_VERSION, useValue: mergedConfig }]);
+}
+
+/**
+ * AppVersionService
+ *
+ * Verificación de versión de la app para PWA / web.
+ *
+ * Unifica dos señales para detectar actualizaciones:
+ *
+ * 1. `SwUpdate` (`@angular/service-worker`) — el evento `VERSION_READY` indica
+ *    que un bundle nuevo fue descargado y está listo para activarse. Solo está
+ *    disponible cuando el service worker está registrado (build de producción).
+ *    Además se chequea proactivamente cada `checkIntervalMs` y cada vez que la
+ *    app vuelve a foreground (`visibilitychange`).
+ *
+ * 2. `AppConfigService` (config remoto en Firestore) — expone `version`
+ *    (última versión publicada) y `minVersion` (versión mínima soportada).
+ *    Se usa para la política de actualización obligatoria (hard gate).
+ *
+ * Ambas dependencias se inyectan como opcionales: el servicio degrada con
+ * gracia si el SW no está habilitado (dev mode) o si `AppConfigService` no
+ * está wireado en la app.
+ */
+/**
+ * Compara dos versiones semver. Retorna true si `a` es estrictamente menor
+ * que `b`. Tolerante a longitudes distintas y a partes no numéricas.
+ */
+function isVersionLower(a, b) {
+    const pa = a.split('.').map(n => Number(n) || 0);
+    const pb = b.split('.').map(n => Number(n) || 0);
+    const len = Math.max(pa.length, pb.length);
+    for (let i = 0; i < len; i++) {
+        const x = pa[i] || 0;
+        const y = pb[i] || 0;
+        if (x < y)
+            return true;
+        if (x > y)
+            return false;
+    }
+    return false;
+}
+class AppVersionService {
+    constructor() {
+        /** SwUpdate solo existe si el SW está registrado (prod build). */
+        this.swUpdate = inject(SwUpdate, { optional: true });
+        /** AppConfigService es opcional: la app puede no wirearlo. */
+        this.appConfig = inject(AppConfigService, { optional: true });
+        this.serviceConfig = inject(VALTECH_APP_VERSION, {
+            optional: true,
+        });
+        this.document = inject(DOCUMENT);
+        this.destroyRef = inject(DestroyRef);
+        /** True cuando el SW reportó un bundle nuevo listo (`VERSION_READY`). */
+        this.swUpdateReady = signal(false);
+        /**
+         * True cuando el usuario descartó el banner de actualización opcional.
+         * El banner obligatorio (`update-required`) ignora este flag.
+         */
+        this._dismissed = signal(false);
+        this.dismissed = this._dismissed.asReadonly();
+        // ===========================================================================
+        // SIGNALS PÚBLICOS
+        // ===========================================================================
+        /**
+         * Versión local del build actual de la app.
+         * Proviene del provider `provideValtechAppVersion({ currentVersion })`.
+         */
+        this.currentVersion = computed(() => this.serviceConfig?.currentVersion ?? '0.0.0');
+        /**
+         * Última versión publicada según el config remoto.
+         * `null` si `AppConfigService` no está disponible o aún no cargó.
+         */
+        this.latestVersion = computed(() => this.appConfig?.remoteVersion() ?? null);
+        /**
+         * Estado de la versión:
+         * - `update-required` — la versión local quedó por debajo de `minVersion`
+         *   del config remoto. Hard gate. Solo si `AppConfigService` tiene datos.
+         * - `update-available` — el SW descargó un bundle nuevo (`VERSION_READY`)
+         *   o `AppConfigService.hasUpdate` es true.
+         * - `up-to-date` — en cualquier otro caso.
+         */
+        this.status = computed(() => {
+            // 1. Hard gate — minVersion del config remoto.
+            if (this.appConfig) {
+                const minVersion = this.appConfig.appConfig()?.minVersion;
+                if (minVersion && isVersionLower(this.currentVersion(), minVersion)) {
+                    return 'update-required';
+                }
+            }
+            // 2. Update opcional — SW bundle listo o config remoto más nuevo.
+            if (this.swUpdateReady() || this.appConfig?.hasUpdate()) {
+                return 'update-available';
+            }
+            return 'up-to-date';
+        });
+        this.wireServiceWorker();
+    }
+    // ===========================================================================
+    // MÉTODOS PÚBLICOS
+    // ===========================================================================
+    /**
+     * Aplica la actualización pendiente.
+     *
+     * Si el SW está habilitado, activa la versión descargada y recarga; si no,
+     * solo recarga la página (la web obtiene el bundle nuevo del servidor).
+     */
+    async applyUpdate() {
+        try {
+            if (this.swUpdate?.isEnabled) {
+                await this.swUpdate.activateUpdate();
+            }
+        }
+        catch (err) {
+            console.warn('[AppVersionService] activateUpdate failed:', err);
+        }
+        finally {
+            this.document.defaultView?.location.reload();
+        }
+    }
+    /**
+     * Descarta el banner de actualización opcional.
+     * No tiene efecto sobre el estado `update-required` (hard gate).
+     */
+    dismiss() {
+        this._dismissed.set(true);
+    }
+    /**
+     * Fuerza un chequeo de actualización del service worker.
+     * No-op si el SW no está habilitado.
+     */
+    async checkNow() {
+        if (!this.swUpdate?.isEnabled)
+            return;
+        try {
+            await this.swUpdate.checkForUpdate();
+        }
+        catch (err) {
+            console.warn('[AppVersionService] checkForUpdate failed:', err);
+        }
+    }
+    // ===========================================================================
+    // PRIVADO
+    // ===========================================================================
+    /**
+     * Suscribe `versionUpdates`, programa chequeos periódicos y reacciona al
+     * volver la app a foreground. Solo actúa si el SW está habilitado.
+     */
+    wireServiceWorker() {
+        if (!this.swUpdate?.isEnabled)
+            return;
+        // Bundle nuevo descargado y listo.
+        this.swUpdate.versionUpdates
+            .pipe(filter$1(evt => evt.type === 'VERSION_READY'), takeUntilDestroyed(this.destroyRef))
+            .subscribe(() => this.swUpdateReady.set(true));
+        // Chequeo periódico.
+        const intervalMs = this.serviceConfig?.checkIntervalMs ?? DEFAULT_APP_VERSION_SERVICE_CONFIG.checkIntervalMs;
+        interval(intervalMs)
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe(() => void this.checkNow());
+        // Chequeo al volver la app a foreground.
+        const onVisible = () => {
+            if (this.document.visibilityState === 'visible') {
+                void this.checkNow();
+            }
+        };
+        this.document.addEventListener('visibilitychange', onVisible);
+        this.destroyRef.onDestroy(() => {
+            this.document.removeEventListener('visibilitychange', onVisible);
+        });
+        // Chequeo inicial.
+        void this.checkNow();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AppVersionService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AppVersionService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AppVersionService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [] });
+
+/**
+ * UpdateBanner Types
+ *
+ * Contenido i18n del banner de actualización de la app.
+ */
+/**
+ * Namespace i18n usado por `val-update-banner`.
+ * Las apps consumidoras pueden sobreescribir estas keys registrando
+ * contenido bajo este namespace en `I18nService`.
+ */
+const UPDATE_BANNER_I18N_NAMESPACE = 'UpdateBanner';
+/**
+ * Textos por defecto del banner (fallback si la app no registra el namespace).
+ * Soporta es / en / pt.
+ */
+const UPDATE_BANNER_DEFAULT_CONTENT = {
+    es: {
+        availableTitle: 'Hay una versión nueva disponible',
+        availableMessage: 'Actualiza para obtener las últimas mejoras.',
+        requiredTitle: 'Debes actualizar para continuar',
+        requiredMessage: 'Esta versión ya no es compatible. Actualiza para seguir.',
+        updateAction: 'Actualizar',
+        dismissAction: 'Cerrar',
+    },
+    en: {
+        availableTitle: 'A new version is available',
+        availableMessage: 'Update to get the latest improvements.',
+        requiredTitle: 'You must update to continue',
+        requiredMessage: 'This version is no longer supported. Please update.',
+        updateAction: 'Update',
+        dismissAction: 'Close',
+    },
+    pt: {
+        availableTitle: 'Há uma nova versão disponível',
+        availableMessage: 'Atualize para obter as últimas melhorias.',
+        requiredTitle: 'Você precisa atualizar para continuar',
+        requiredMessage: 'Esta versão não é mais compatível. Atualize para seguir.',
+        updateAction: 'Atualizar',
+        dismissAction: 'Fechar',
+    },
+};
+
 /**
  * UpdateBannerComponent
  *
- * Componente que muestra un banner cuando hay una nueva versión de la aplicación disponible.
- * Se integra automáticamente con AppConfigService para detectar actualizaciones.
+ * Banner que avisa al usuario cuando hay una versión nueva de la app.
+ * Consume `AppVersionService` (no toca `SwUpdate` ni `AppConfigService`
+ * directamente) y soporta dos modos:
+ *
+ * - `update-available` — banner descartable: mensaje + botón "Actualizar"
+ *   + botón cerrar.
+ * - `update-required` — overlay bloqueante no-descartable (hard gate):
+ *   mensaje + botón "Actualizar". Sin botón cerrar.
+ *
+ * Cuando el estado es `up-to-date` (o el usuario descartó el banner opcional)
+ * no renderiza nada.
  */
 /**
  * val-update-banner
  *
- * Banner de actualización que aparece cuando hay una nueva versión disponible.
- * Se cierra automáticamente cuando el usuario hace clic en "Actualizar" o en cerrar.
+ * Avisa al usuario de una versión nueva. Colócalo una sola vez, alto en el
+ * árbol de la app (p.ej. en `app.component` por encima del router outlet)
+ * para que sea visible en cualquier ruta.
  *
  * @example
  * ```html
- * <!-- Uso básico -->
  * <val-update-banner />
- *
- * <!-- El banner solo aparece si hay actualización disponible -->
  * ```
  */
 class UpdateBannerComponent {
     constructor() {
-        this.appConfig = inject(AppConfigService);
+        this.version = inject(AppVersionService);
         this.i18n = inject(I18nService);
         /**
-         * Signal para controlar si el banner fue descartado por el usuario.
+         * True cuando el banner está en modo obligatorio (hard gate, no descartable).
          */
-        this.dismissed = signal(false);
+        this.required = computed(() => this.version.status() === 'update-required');
         /**
-         * Indica si el banner debe mostrarse.
+         * True cuando el banner debe renderizarse:
+         * - siempre que el estado sea `update-required`, o
+         * - si es `update-available` y el usuario no lo descartó.
          */
-        this.show = computed(() => this.appConfig.hasUpdate() && !this.dismissed());
+        this.visible = computed(() => {
+            const status = this.version.status();
+            if (status === 'update-required')
+                return true;
+            if (status === 'update-available')
+                return !this.version.dismissed();
+            return false;
+        });
         /**
-         * Props del banner calculadas reactivamente.
+         * Textos resolvidos del banner. Reactivo a idioma y al estado required.
+         * Usa el namespace `UpdateBanner` de `I18nService` con fallback embebido.
          */
-        this.bannerProps = computed(() => ({
-            color: 'primary',
-            bordered: false,
-            closable: true,
-            mode: 'center',
-            alignment: 'center',
-            padding: '0.5rem 1rem',
-            content: {
-                position: 'center',
-                title: {
-                    content: this.i18n.t('clickToUpdate', 'AppConfig'),
-                    size: 'small',
-                    color: 'light',
-                    bold: false,
-                },
-            },
-            actions: {
-                position: 'center',
-                columned: false,
-                buttons: [
-                    {
-                        token: 'update',
-                        text: this.i18n.t('updateNow', 'AppConfig'),
-                        color: 'light',
-                        fill: 'outline',
-                        size: 'small',
-                        state: 'ENABLED',
-                        type: 'button',
-                    },
-                ],
-            },
-        }));
+        this.t = computed(() => {
+            this.i18n.lang(); // track para reactividad
+            const isRequired = this.required();
+            return {
+                title: this.tr(isRequired ? 'requiredTitle' : 'availableTitle'),
+                message: this.tr(isRequired ? 'requiredMessage' : 'availableMessage'),
+                updateAction: this.tr('updateAction'),
+                dismissAction: this.tr('dismissAction'),
+            };
+        });
     }
-    /**
-     * Maneja el clic en acciones del banner.
-     */
-    onAction(token) {
-        if (token === 'update') {
-            window.location.reload();
-        }
+    /** Aplica la actualización (activa el SW si existe + recarga). */
+    onUpdate() {
+        void this.version.applyUpdate();
+    }
+    /** Descarta el banner opcional. No-op en modo obligatorio. */
+    onDismiss() {
+        this.version.dismiss();
     }
     /**
-     * Descarta el banner temporalmente (hasta que se recargue la página).
+     * Resuelve una key i18n del namespace `UpdateBanner` con fallback al
+     * contenido por defecto embebido (es / en / pt).
      */
-    dismiss() {
-        this.dismissed.set(true);
+    tr(key) {
+        const value = this.i18n.t(key, UPDATE_BANNER_I18N_NAMESPACE);
+        if (value && !value.startsWith('['))
+            return value;
+        const lang = this.i18n.lang();
+        const pack = UPDATE_BANNER_DEFAULT_CONTENT[lang] ??
+            UPDATE_BANNER_DEFAULT_CONTENT.es;
+        return pack[key];
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: UpdateBannerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: UpdateBannerComponent, isStandalone: true, selector: "val-update-banner", ngImport: i0, template: `
-    @if (show()) {
-      <val-banner
-        [props]="bannerProps()"
-        (onClick)="onAction($event)"
-        (onClose)="dismiss()"
-      />
+    @if (visible()) {
+      <div
+        class="val-update-banner"
+        [class.val-update-banner--required]="required()"
+        role="alert"
+        [attr.aria-live]="required() ? 'assertive' : 'polite'"
+      >
+        @if (required()) {
+          <div class="val-update-banner__backdrop"></div>
+        }
+
+        <div class="val-update-banner__panel">
+          <div class="val-update-banner__icon">
+            <val-icon
+              [props]="{
+                name: required() ? 'warning-outline' : 'cloud-download-outline',
+                size: 'large',
+                color: required() ? 'warning' : 'primary',
+              }"
+            />
+          </div>
+
+          <div class="val-update-banner__body">
+            <val-text
+              [props]="{
+                content: t().title,
+                size: 'medium',
+                bold: true,
+                color: 'dark',
+              }"
+            />
+            <val-text
+              [props]="{
+                content: t().message,
+                size: 'small',
+                bold: false,
+                color: 'medium',
+              }"
+            />
+          </div>
+
+          <div class="val-update-banner__actions">
+            <val-button
+              [props]="{
+                text: t().updateAction,
+                color: 'primary',
+                fill: 'solid',
+                size: 'small',
+                state: 'ENABLED',
+                type: 'button',
+              }"
+              (onClick)="onUpdate()"
+            />
+            @if (!required()) {
+              <val-button
+                [props]="{
+                  text: t().dismissAction,
+                  color: 'medium',
+                  fill: 'clear',
+                  size: 'small',
+                  state: 'ENABLED',
+                  type: 'button',
+                }"
+                (onClick)="onDismiss()"
+              />
+            }
+          </div>
+        </div>
+      </div>
     }
-  `, isInline: true, styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: BannerComponent, selector: "val-banner", inputs: ["props"], outputs: ["onClick", "onClose"] }] }); }
+  `, isInline: true, styles: [":host{display:contents}.val-update-banner{position:fixed;top:0;left:0;right:0;z-index:1100;display:flex;justify-content:center;padding:calc(12px + env(safe-area-inset-top,0px)) 16px 12px;pointer-events:none}.val-update-banner__backdrop{position:fixed;inset:0;z-index:-1;background:#0000008c;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);pointer-events:auto}.val-update-banner__panel{pointer-events:auto;display:flex;flex-direction:row;align-items:center;gap:12px;width:100%;max-width:640px;padding:12px 16px;background:var(--ion-background-color, #fff);border:1px solid var(--val-border-color, rgba(0, 0, 0, .08));border-radius:var(--val-border-radius, 12px);box-shadow:0 4px 24px #0000001f;animation:val-update-banner-in .25s ease-out}.val-update-banner--required{align-items:center;height:100%}.val-update-banner--required .val-update-banner__panel{flex-direction:column;text-align:center;max-width:420px}.val-update-banner__icon{flex:0 0 auto;display:inline-flex;align-items:center}.val-update-banner__body{flex:1 1 auto;display:flex;flex-direction:column;gap:2px;min-width:0}.val-update-banner__actions{flex:0 0 auto;display:flex;flex-direction:row;align-items:center;gap:4px}.val-update-banner--required .val-update-banner__actions{margin-top:8px}@keyframes val-update-banner-in{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 540px){.val-update-banner__panel{flex-direction:column;text-align:center}.val-update-banner__actions{width:100%;justify-content:center}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: TextComponent, selector: "val-text", inputs: ["props"] }, { kind: "component", type: ButtonComponent, selector: "val-button", inputs: ["preset", "props"], outputs: ["onClick"] }, { kind: "component", type: IconComponent, selector: "val-icon", inputs: ["props"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: UpdateBannerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'val-update-banner', standalone: true, imports: [CommonModule, BannerComponent], template: `
-    @if (show()) {
-      <val-banner
-        [props]="bannerProps()"
-        (onClick)="onAction($event)"
-        (onClose)="dismiss()"
-      />
+            args: [{ selector: 'val-update-banner', standalone: true, imports: [CommonModule, TextComponent, ButtonComponent, IconComponent], template: `
+    @if (visible()) {
+      <div
+        class="val-update-banner"
+        [class.val-update-banner--required]="required()"
+        role="alert"
+        [attr.aria-live]="required() ? 'assertive' : 'polite'"
+      >
+        @if (required()) {
+          <div class="val-update-banner__backdrop"></div>
+        }
+
+        <div class="val-update-banner__panel">
+          <div class="val-update-banner__icon">
+            <val-icon
+              [props]="{
+                name: required() ? 'warning-outline' : 'cloud-download-outline',
+                size: 'large',
+                color: required() ? 'warning' : 'primary',
+              }"
+            />
+          </div>
+
+          <div class="val-update-banner__body">
+            <val-text
+              [props]="{
+                content: t().title,
+                size: 'medium',
+                bold: true,
+                color: 'dark',
+              }"
+            />
+            <val-text
+              [props]="{
+                content: t().message,
+                size: 'small',
+                bold: false,
+                color: 'medium',
+              }"
+            />
+          </div>
+
+          <div class="val-update-banner__actions">
+            <val-button
+              [props]="{
+                text: t().updateAction,
+                color: 'primary',
+                fill: 'solid',
+                size: 'small',
+                state: 'ENABLED',
+                type: 'button',
+              }"
+              (onClick)="onUpdate()"
+            />
+            @if (!required()) {
+              <val-button
+                [props]="{
+                  text: t().dismissAction,
+                  color: 'medium',
+                  fill: 'clear',
+                  size: 'small',
+                  state: 'ENABLED',
+                  type: 'button',
+                }"
+                (onClick)="onDismiss()"
+              />
+            }
+          </div>
+        </div>
+      </div>
     }
-  `, styles: [":host{display:block}\n"] }]
+  `, styles: [":host{display:contents}.val-update-banner{position:fixed;top:0;left:0;right:0;z-index:1100;display:flex;justify-content:center;padding:calc(12px + env(safe-area-inset-top,0px)) 16px 12px;pointer-events:none}.val-update-banner__backdrop{position:fixed;inset:0;z-index:-1;background:#0000008c;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);pointer-events:auto}.val-update-banner__panel{pointer-events:auto;display:flex;flex-direction:row;align-items:center;gap:12px;width:100%;max-width:640px;padding:12px 16px;background:var(--ion-background-color, #fff);border:1px solid var(--val-border-color, rgba(0, 0, 0, .08));border-radius:var(--val-border-radius, 12px);box-shadow:0 4px 24px #0000001f;animation:val-update-banner-in .25s ease-out}.val-update-banner--required{align-items:center;height:100%}.val-update-banner--required .val-update-banner__panel{flex-direction:column;text-align:center;max-width:420px}.val-update-banner__icon{flex:0 0 auto;display:inline-flex;align-items:center}.val-update-banner__body{flex:1 1 auto;display:flex;flex-direction:column;gap:2px;min-width:0}.val-update-banner__actions{flex:0 0 auto;display:flex;flex-direction:row;align-items:center;gap:4px}.val-update-banner--required .val-update-banner__actions{margin-top:8px}@keyframes val-update-banner-in{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 540px){.val-update-banner__panel{flex-direction:column;text-align:center}.val-update-banner__actions{width:100%;justify-content:center}}\n"] }]
         }] });
 
 /**
@@ -26707,6 +27009,110 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 type: Input
             }] } });
 
+/**
+ * val-banner
+ *
+ * Displays a banner with title block, actions, and optional close button.
+ *
+ * @example
+ * <val-banner [props]="{ content: {...}, actions: {...}, closable: true, bordered: true, mode: 'center', alignment: 'center', padding: '8px' }" (onClick)="handler($event)" (onClose)="closeHandler()"></val-banner>
+ *
+ * @input props: BannerMetadata - Configuration for the banner (content, actions, closable, bordered, mode, alignment, padding)
+ * @output onClick - Emits when an action is clicked
+ * @output onClose - Emits when the banner is closed
+ */
+class BannerComponent {
+    constructor(cdr) {
+        this.cdr = cdr;
+        this.onClick = new EventEmitter();
+        this.onClose = new EventEmitter();
+    }
+    ngOnInit() { }
+    ngOnChanges(changes) {
+        if (changes['props']) {
+            // Forzar detección de cambios múltiple
+            this.cdr.detectChanges();
+            setTimeout(() => {
+                this.cdr.detectChanges();
+            }, 0);
+        }
+    }
+    clickHandler(token) {
+        this.onClick.emit(token);
+    }
+    closeHandler() {
+        this.onClose.emit();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BannerComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: BannerComponent, isStandalone: true, selector: "val-banner", inputs: { props: "props" }, outputs: { onClick: "onClick", onClose: "onClose" }, usesOnChanges: true, ngImport: i0, template: `
+    <val-box
+      [props]="{
+        icon: props.closable ? 'close-outline' : '',
+        bordered: props.bordered,
+        color: '',
+        padding: props.padding,
+      }"
+      (onClick)="closeHandler()"
+    >
+      <div [ngClass]="['content-container', props.mode, props.alignment]" body>
+        <val-title-block
+          [props]="{
+            position: props.content.position,
+            aboveTitle: props.content.aboveTitle,
+            title: props.content.title,
+            bellowTitle: props.content.bellowTitle,
+          }"
+        ></val-title-block>
+        @if (props.actions) {
+          <val-button-group
+            [ngClass]="['buttons-container', props.mode, props.alignment]"
+            [props]="props.actions"
+            (onClick)="clickHandler($event)"
+          ></val-button-group>
+        }
+      </div>
+    </val-box>
+  `, isInline: true, styles: ["@charset \"UTF-8\";:root{--val-container-sm: 540px;--val-container-md: 720px;--val-container-lg: 880px;--val-container-xl: 1100px;--val-container-padding: 16px;--ion-color-primary: #7026df;--ion-color-primary-rgb: 112, 38, 223;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #6321c4;--ion-color-primary-tint: #7e3ce2;--ion-color-secondary: #e2ccff;--ion-color-secondary-rgb: 226, 204, 255;--ion-color-secondary-contrast: #000000;--ion-color-secondary-contrast-rgb: 0, 0, 0;--ion-color-secondary-shade: #c7b4e0;--ion-color-secondary-tint: #e5d1ff;--ion-color-texti: #354c69;--ion-color-texti-rgb: 53, 76, 105;--ion-color-texti-contrast: #ffffff;--ion-color-texti-contrast-rgb: 255, 255, 255;--ion-color-texti-shade: #2f435c;--ion-color-texti-tint: #495e78;--ion-color-darki: #090f1b;--ion-color-darki-rgb: 9, 15, 27;--ion-color-darki-contrast: #ffffff;--ion-color-darki-contrast-rgb: 255, 255, 255;--ion-color-darki-shade: #080d18;--ion-color-darki-tint: #222732;--ion-color-medium: #9e9e9e;--ion-color-medium-rgb: 158, 158, 158;--ion-color-medium-contrast: #000000;--ion-color-medium-contrast-rgb: 0, 0, 0;--ion-color-medium-shade: #8b8b8b;--ion-color-medium-tint: #a8a8a8;--swiper-pagination-color: var(--ion-color-primary);--swiper-navigation-color: var(--ion-color-primary);--swiper-pagination-bullet-inactive-color: var(--ion-color-medium)}body.dark,html.ion-palette-dark,body[data-theme=dark]{--ion-color-texti: #8fc1ff;--ion-color-texti-rgb: 143, 193, 255;--ion-color-texti-contrast: #000000;--ion-color-texti-contrast-rgb: 0, 0, 0;--ion-color-texti-shade: #7eaae0;--ion-color-texti-tint: #9ac7ff;--ion-color-darki: #ffffff;--ion-color-darki-rgb: 255, 255, 255;--ion-color-darki-contrast: #000000;--ion-color-darki-contrast-rgb: 0, 0, 0;--ion-color-darki-shade: #e0e0e0;--ion-color-darki-tint: #ffffff;--ion-color-primary: #8f49f8;--ion-color-primary-rgb: 143, 73, 248;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #7e40da;--ion-color-primary-tint: #9a5bf9}.ion-color-texti{--ion-color-base: var(--ion-color-texti);--ion-color-base-rgb: var(--ion-color-texti-rgb);--ion-color-contrast: var(--ion-color-texti-contrast);--ion-color-contrast-rgb: var(--ion-color-texti-contrast-rgb);--ion-color-shade: var(--ion-color-texti-shade);--ion-color-tint: var(--ion-color-texti-tint)}.ion-color-darki{--ion-color-base: var(--ion-color-darki);--ion-color-base-rgb: var(--ion-color-darki-rgb);--ion-color-contrast: var(--ion-color-darki-contrast);--ion-color-contrast-rgb: var(--ion-color-darki-contrast-rgb);--ion-color-shade: var(--ion-color-darki-shade);--ion-color-tint: var(--ion-color-darki-tint)}.content-container{display:flex;justify-content:space-between}.content-container.center{flex-direction:column}.content-container.column{flex-direction:row}.content-container.row{flex-direction:column}.content-container.middle{align-items:center}.content-container.top{align-items:flex-start}.content-container.bottom{align-items:flex-end}.content-container.hybrid{flex-direction:column;align-items:flex-start}@media (min-width: 768px){.content-container.hybrid{flex-direction:row;align-items:center}}.buttons-container{align-items:center;display:flex;margin-top:1rem;margin-bottom:.0625rem}.buttons-container.column{margin-top:0rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BoxComponent, selector: "val-box", inputs: ["props"], outputs: ["onClick"] }, { kind: "component", type: TitleBlockComponent, selector: "val-title-block", inputs: ["props"] }, { kind: "component", type: ButtonGroupComponent, selector: "val-button-group", inputs: ["props"], outputs: ["onClick"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BannerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'val-banner', standalone: true, imports: [CommonModule, BoxComponent, TitleBlockComponent, ButtonGroupComponent], template: `
+    <val-box
+      [props]="{
+        icon: props.closable ? 'close-outline' : '',
+        bordered: props.bordered,
+        color: '',
+        padding: props.padding,
+      }"
+      (onClick)="closeHandler()"
+    >
+      <div [ngClass]="['content-container', props.mode, props.alignment]" body>
+        <val-title-block
+          [props]="{
+            position: props.content.position,
+            aboveTitle: props.content.aboveTitle,
+            title: props.content.title,
+            bellowTitle: props.content.bellowTitle,
+          }"
+        ></val-title-block>
+        @if (props.actions) {
+          <val-button-group
+            [ngClass]="['buttons-container', props.mode, props.alignment]"
+            [props]="props.actions"
+            (onClick)="clickHandler($event)"
+          ></val-button-group>
+        }
+      </div>
+    </val-box>
+  `, styles: ["@charset \"UTF-8\";:root{--val-container-sm: 540px;--val-container-md: 720px;--val-container-lg: 880px;--val-container-xl: 1100px;--val-container-padding: 16px;--ion-color-primary: #7026df;--ion-color-primary-rgb: 112, 38, 223;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #6321c4;--ion-color-primary-tint: #7e3ce2;--ion-color-secondary: #e2ccff;--ion-color-secondary-rgb: 226, 204, 255;--ion-color-secondary-contrast: #000000;--ion-color-secondary-contrast-rgb: 0, 0, 0;--ion-color-secondary-shade: #c7b4e0;--ion-color-secondary-tint: #e5d1ff;--ion-color-texti: #354c69;--ion-color-texti-rgb: 53, 76, 105;--ion-color-texti-contrast: #ffffff;--ion-color-texti-contrast-rgb: 255, 255, 255;--ion-color-texti-shade: #2f435c;--ion-color-texti-tint: #495e78;--ion-color-darki: #090f1b;--ion-color-darki-rgb: 9, 15, 27;--ion-color-darki-contrast: #ffffff;--ion-color-darki-contrast-rgb: 255, 255, 255;--ion-color-darki-shade: #080d18;--ion-color-darki-tint: #222732;--ion-color-medium: #9e9e9e;--ion-color-medium-rgb: 158, 158, 158;--ion-color-medium-contrast: #000000;--ion-color-medium-contrast-rgb: 0, 0, 0;--ion-color-medium-shade: #8b8b8b;--ion-color-medium-tint: #a8a8a8;--swiper-pagination-color: var(--ion-color-primary);--swiper-navigation-color: var(--ion-color-primary);--swiper-pagination-bullet-inactive-color: var(--ion-color-medium)}body.dark,html.ion-palette-dark,body[data-theme=dark]{--ion-color-texti: #8fc1ff;--ion-color-texti-rgb: 143, 193, 255;--ion-color-texti-contrast: #000000;--ion-color-texti-contrast-rgb: 0, 0, 0;--ion-color-texti-shade: #7eaae0;--ion-color-texti-tint: #9ac7ff;--ion-color-darki: #ffffff;--ion-color-darki-rgb: 255, 255, 255;--ion-color-darki-contrast: #000000;--ion-color-darki-contrast-rgb: 0, 0, 0;--ion-color-darki-shade: #e0e0e0;--ion-color-darki-tint: #ffffff;--ion-color-primary: #8f49f8;--ion-color-primary-rgb: 143, 73, 248;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #7e40da;--ion-color-primary-tint: #9a5bf9}.ion-color-texti{--ion-color-base: var(--ion-color-texti);--ion-color-base-rgb: var(--ion-color-texti-rgb);--ion-color-contrast: var(--ion-color-texti-contrast);--ion-color-contrast-rgb: var(--ion-color-texti-contrast-rgb);--ion-color-shade: var(--ion-color-texti-shade);--ion-color-tint: var(--ion-color-texti-tint)}.ion-color-darki{--ion-color-base: var(--ion-color-darki);--ion-color-base-rgb: var(--ion-color-darki-rgb);--ion-color-contrast: var(--ion-color-darki-contrast);--ion-color-contrast-rgb: var(--ion-color-darki-contrast-rgb);--ion-color-shade: var(--ion-color-darki-shade);--ion-color-tint: var(--ion-color-darki-tint)}.content-container{display:flex;justify-content:space-between}.content-container.center{flex-direction:column}.content-container.column{flex-direction:row}.content-container.row{flex-direction:column}.content-container.middle{align-items:center}.content-container.top{align-items:flex-start}.content-container.bottom{align-items:flex-end}.content-container.hybrid{flex-direction:column;align-items:flex-start}@media (min-width: 768px){.content-container.hybrid{flex-direction:row;align-items:center}}.buttons-container{align-items:center;display:flex;margin-top:1rem;margin-bottom:.0625rem}.buttons-container.column{margin-top:0rem}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { props: [{
+                type: Input
+            }], onClick: [{
+                type: Output
+            }], onClose: [{
+                type: Output
+            }] } });
+
 /**
  * `val-cookie-banner` — bottom/top fixed banner asking the user to choose
  * a cookie consent option. Presentational only: emits events on each
@@ -37950,6 +38356,27 @@ async function getAppInfo() {
  * ```
  */
 
+/**
+ * AppVersion Service Module
+ *
+ * Verificación de versión de la app para PWA / web. Detecta cuándo hay una
+ * versión nueva combinando el service worker (`SwUpdate`) y el config remoto
+ * (`AppConfigService`), con soporte para actualización obligatoria (hard gate).
+ *
+ * @example
+ * ```typescript
+ * // main.ts
+ * import { provideValtechAppVersion } from 'valtech-components';
+ * import pkg from '../package.json';
+ *
+ * bootstrapApplication(AppComponent, {
+ *   providers: [
+ *     provideValtechAppVersion({ currentVersion: pkg.version }),
+ *   ],
+ * });
+ * ```
+ */
+
 /**
  * Directiva estructural simplificada para estados de carga.
  *
@@ -45121,5 +45548,5 @@ function buildFooterLinks(links, t, resolver) {
  * Generated bundle index. Do not edit.
  */
 
-export { ACTION_CARD_DEFAULTS, AD_SIZE_MAP, API_TABLE_COLUMN_LABELS, ARTICLE_SPACING, AVATAR_UPLOAD_DEFAULTS, AccordionComponent, ActionCardComponent, ActionHeaderComponent, ActionType, AdSlotComponent, AdsLoaderService, AdsService, AlertBoxComponent, AnalyticsErrorHandler, AnalyticsRouterTracker, AnalyticsService, AppConfigService, ArticleBuilder, ArticleComponent, AuthBackgroundComponent, AuthService, AuthStateService, AuthStorageService, AuthSyncService, AvatarComponent, AvatarUploadComponent, BOTTOM_NAV_DEFAULTS, BannerComponent, BaseDefault, BlogPostBuilder, BottomNavComponent, BoxComponent, BreadcrumbComponent, ButtonComponent, ButtonGroupComponent, CALLOUT_LABELS, CHEV_KEYS, COMMON_COUNTRY_CODES, COMMON_CURRENCIES, CURRENCY_INFO, CardComponent, CardSection, CardType, CardsCarouselComponent, CheckInputComponent, CheckboxRadioInputComponent, ChipGroupComponent, ClearDefault, ClearDefaultBlock, ClearDefaultFull, ClearDefaultRound, ClearDefaultRoundBlock, ClearDefaultRoundFull, CodeDisplayComponent, CommandDisplayComponent, CommentComponent, CommentInputComponent, CommentSectionComponent, CompanyFooterComponent, ComponentStates, ConfirmationDialogService, ContainerComponent, ContentLoaderComponent, ContentReactionComponent, ContentTransformer, CookieBannerComponent, CountdownComponent, CurrencyInputComponent, DEFAULT_ADS_CONFIG, DEFAULT_APP_CONFIG_SERVICE_CONFIG, DEFAULT_AUTH_CONFIG, DEFAULT_BACK_HEADER, DEFAULT_CANCEL_BUTTON, DEFAULT_CONFIRM_BUTTON, DEFAULT_COUNTDOWN_LABELS, DEFAULT_COUNTDOWN_LABELS_EN, DEFAULT_DONATION_CONFIG, DEFAULT_EMPTY_STATE, DEFAULT_EMULATOR_CONFIG, DEFAULT_FEEDBACK_CONFIG, DEFAULT_FEEDBACK_TYPE_OPTIONS, DEFAULT_HOME_HEADER, DEFAULT_INFINITE_LIST_METADATA, DEFAULT_MODAL_CANCEL_BUTTON, DEFAULT_MODAL_CONFIRM_BUTTON, DEFAULT_PAGE_SIZE_OPTIONS, DEFAULT_PLATFORMS, DEFAULT_REFRESHER_METADATA, DEFAULT_SKELETON_CONFIG, DataTableComponent, DateInputComponent, DateRangeInputComponent, DetailSkeletonComponent, DeviceService, DisplayComponent, DividerComponent, DocsApiTableComponent, DocsBreadcrumbComponent, DocsBuilder, DocsCalloutComponent, DocsCodeExampleComponent, DocsLayoutComponent, DocsNavLinksComponent, DocsNavigationService, DocsPageComponent, DocsSearchComponent, DocsSectionComponent, DocsShellComponent, DocsSidebarComponent, DocsTocComponent, DonationService, DownloadService, EmailInputComponent, ExpandableTextComponent, FEATURES_LIST_DEFAULTS, FabComponent, FeaturesListComponent, FeedbackFormComponent, FeedbackService, FileInputComponent, FirebaseService, FirestoreCollectionFactory, FirestoreService, FooterComponent, FooterLinksComponent, FormComponent, FormFooterComponent, FormSkeletonComponent, FunHeaderComponent, GlassComponent, GlowCardComponent, GlowComponent, GridSkeletonComponent, HANDOFF_ROUTE_PARAM, HANDOFF_TOKEN_PARAM, HandoffService, HeaderComponent, HintComponent, HorizontalScrollComponent, HourInputComponent, HrefComponent, I18nService, IMAGE_DEFAULTS, INITIAL_AUTH_STATE, INITIAL_MFA_STATE, Icon, IconComponent, IconService, ImageComponent, ImageCropComponent, ImageService, InAppBrowserService, InfiniteListComponent, InfoComponent, InputI18nHelper, InputType, ItemListComponent, LANG_STORAGE_KEY$1 as LANG_STORAGE_KEY, LEGAL_CONTENT_CONFIG, LOGIN_DEFAULTS, LanguageSelectorComponent, LayeredCardComponent, LegalContentService, LegalLinkService, LinkComponent, LinkProcessorService, LinkedProvidersComponent, LinksAccordionComponent, LinksCakeComponent, ListSkeletonComponent, LoadingDirective, LocalStorageService, LocaleService, LoginComponent, MODAL_SIZES, MOTIF_KEYS, MOTION, MaintenancePageComponent, MarkdownArticleParserService, MenuComponent, MessagingService, MetaService, ModalService, MultiSelectSearchComponent, NavigationService, NewsBuilder, NoContentComponent, NotesBoxComponent, NotificationActionService, NotificationsService, NumberFromToComponent, NumberInputComponent, NumberStepperComponent, OAUTH_PROVIDERS_INFO, OAuthCallbackComponent, OAuthService, OrgSwitchService, OutlineDefault, OutlineDefaultBlock, OutlineDefaultFull, OutlineDefaultRound, OutlineDefaultRoundBlock, OutlineDefaultRoundFull, PATTERN_MOTIFS, PATTERN_PALETTES, PLATFORM_CONFIGS, PageContentComponent, PageLinksComponent, PageRefreshService, PageTemplateComponent, PageWrapperComponent, PaginationComponent, PaginationService, PasswordInputComponent, PatternComponent, PhoneInputComponent, PillComponent, PinInputComponent, PlainCodeBoxComponent, PopoverSelectorComponent, PreferencesService, PresetService, PriceTagComponent, PrimarySolidBlockButton, PrimarySolidBlockHrefButton, PrimarySolidBlockIconButton, PrimarySolidBlockIconHrefButton, PrimarySolidDefaultRoundButton, PrimarySolidDefaultRoundHrefButton, PrimarySolidDefaultRoundIconButton, PrimarySolidDefaultRoundIconHrefButton, PrimarySolidFullButton, PrimarySolidFullHrefButton, PrimarySolidFullIconButton, PrimarySolidFullIconHrefButton, PrimarySolidLargeRoundButton, PrimarySolidLargeRoundHrefButton, PrimarySolidLargeRoundIconButton, PrimarySolidLargeRoundIconHrefButton, PrimarySolidSmallRoundButton, PrimarySolidSmallRoundHrefButton, PrimarySolidSmallRoundIconButton, PrimarySolidSmallRoundIconHrefButton, ProcessLinksPipe, ProfileSkeletonComponent, ProgressBarComponent, ProgressRingComponent, ProgressStatusComponent, PrompterComponent, QR_PRESETS, QrCodeComponent, QrGeneratorService, QueryBuilder, QuoteBoxComponent, RadioInputComponent, RangeInputComponent, RatingComponent, RefresherComponent, RightsFooterComponent, RotatingTextComponent, SHAPE_KEYS, SKELETON_LAYOUT_DEFAULT_ROWS, SKELETON_PRESETS, SOLID_KEYS, SearchSelectorComponent, SearchbarComponent, SecondarySolidBlockButton, SecondarySolidBlockHrefButton, SecondarySolidBlockIconButton, SecondarySolidBlockIconHrefButton, SecondarySolidDefaultRoundButton, SecondarySolidDefaultRoundHrefButton, SecondarySolidDefaultRoundIconButton, SecondarySolidDefaultRoundIconHrefButton, SecondarySolidFullButton, SecondarySolidFullHrefButton, SecondarySolidFullIconButton, SecondarySolidFullIconHrefButton, SecondarySolidLargeRoundButton, SecondarySolidLargeRoundHrefButton, SecondarySolidLargeRoundIconButton, SecondarySolidLargeRoundIconHrefButton, SecondarySolidSmallRoundButton, SecondarySolidSmallRoundHrefButton, SecondarySolidSmallRoundIconButton, SecondarySolidSmallRoundIconHrefButton, SegmentControlComponent, SelectSearchComponent, SessionService, ShareButtonsComponent, SimpleComponent, SkeletonComponent, SkeletonLayoutComponent, SkeletonService, SolidBlockButton, SolidDefault, SolidDefaultBlock, SolidDefaultButton, SolidDefaultFull, SolidDefaultRound, SolidDefaultRoundBlock, SolidDefaultRoundButton, SolidDefaultRoundFull, SolidFullButton, SolidLargeButton, SolidLargeRoundButton, SolidSmallButton, SolidSmallRoundButton, StatsCardComponent, StepperComponent, StorageService, SwipeCarouselComponent, TRI_KEYS, TabbedContentComponent, TableSkeletonComponent, TabsComponent, Terminal404Component, TestimonialCardComponent, TestimonialCarouselComponent, TextComponent, TextInputComponent, TextareaInputComponent, ThemeOption, ThemeService, TimelineComponent, TitleBlockComponent, TitleComponent, ToastService, ToggleInputComponent, TokenService, ToolbarActionType, ToolbarComponent, TranslatePipe, TypedCollection, UpdateBannerComponent, UserAvatarComponent, UsernameInputComponent, VALTECH_ADS_CONFIG, VALTECH_APP_CONFIG, VALTECH_AUTH_CONFIG, VALTECH_COMPANY_LINKS, VALTECH_DEFAULT_CONTENT, VALTECH_DONATION_CONFIG, VALTECH_FEEDBACK_CONFIG, VALTECH_FIREBASE_CONFIG, VALTECH_FOOTER_I18N, VALTECH_FOOTER_LOGO, VALTECH_LANGUAGE_SELECTOR, VALTECH_LEGAL_CONFIG, VALTECH_SOCIAL_LINKS, VERSION, WizardComponent, WizardFooterComponent, applyDefaultValueToControl, authGuard, authInterceptor, blogPost, buildFooterLinks, buildPath, collections, createFirebaseConfig, createGlowCardProps, createInitialPaginationState, createNumberFromToField, createRefreshableStream, createTitleProps, docs, extractPathParams, generatePatternTiles, generateRandomTile, getAppInfo, getAppVersion, getCollectionPath, getDocumentId, getTimeOfDayKey, goToTop, guestGuard, hasEmulators, isAtEnd, isCollectionPath, isDocumentPath, isEmulatorMode, isValidPath, joinPath, maxLength, mulberry32, news, parseMarkdownArticle, permissionGuard, permissionGuardFromRoute, provideLegalContent, provideValtechAds, provideValtechAppConfig, provideValtechAuth, provideValtechAuthInterceptor, provideValtechDonations, provideValtechFeedback, provideValtechFirebase, provideValtechI18n, provideValtechLegal, provideValtechPresets, provideValtechSkeleton, query, renderPatternSvgInner, replaceSpecialChars, resolveColor, resolveInputDefaultValue, roleGuard, storagePaths, superAdminGuard, toArticle };
+export { ACTION_CARD_DEFAULTS, AD_SIZE_MAP, API_TABLE_COLUMN_LABELS, ARTICLE_SPACING, AVATAR_UPLOAD_DEFAULTS, AccordionComponent, ActionCardComponent, ActionHeaderComponent, ActionType, AdSlotComponent, AdsLoaderService, AdsService, AlertBoxComponent, AnalyticsErrorHandler, AnalyticsRouterTracker, AnalyticsService, AppConfigService, AppVersionService, ArticleBuilder, ArticleComponent, AuthBackgroundComponent, AuthService, AuthStateService, AuthStorageService, AuthSyncService, AvatarComponent, AvatarUploadComponent, BOTTOM_NAV_DEFAULTS, BannerComponent, BaseDefault, BlogPostBuilder, BottomNavComponent, BoxComponent, BreadcrumbComponent, ButtonComponent, ButtonGroupComponent, CALLOUT_LABELS, CHEV_KEYS, COMMON_COUNTRY_CODES, COMMON_CURRENCIES, CURRENCY_INFO, CardComponent, CardSection, CardType, CardsCarouselComponent, CheckInputComponent, CheckboxRadioInputComponent, ChipGroupComponent, ClearDefault, ClearDefaultBlock, ClearDefaultFull, ClearDefaultRound, ClearDefaultRoundBlock, ClearDefaultRoundFull, CodeDisplayComponent, CommandDisplayComponent, CommentComponent, CommentInputComponent, CommentSectionComponent, CompanyFooterComponent, ComponentStates, ConfirmationDialogService, ContainerComponent, ContentLoaderComponent, ContentReactionComponent, ContentTransformer, CookieBannerComponent, CountdownComponent, CurrencyInputComponent, DEFAULT_ADS_CONFIG, DEFAULT_APP_CONFIG_SERVICE_CONFIG, DEFAULT_APP_VERSION_SERVICE_CONFIG, DEFAULT_AUTH_CONFIG, DEFAULT_BACK_HEADER, DEFAULT_CANCEL_BUTTON, DEFAULT_CHECK_INTERVAL_MS, DEFAULT_CONFIRM_BUTTON, DEFAULT_COUNTDOWN_LABELS, DEFAULT_COUNTDOWN_LABELS_EN, DEFAULT_DONATION_CONFIG, DEFAULT_EMPTY_STATE, DEFAULT_EMULATOR_CONFIG, DEFAULT_FEEDBACK_CONFIG, DEFAULT_FEEDBACK_TYPE_OPTIONS, DEFAULT_HOME_HEADER, DEFAULT_INFINITE_LIST_METADATA, DEFAULT_MODAL_CANCEL_BUTTON, DEFAULT_MODAL_CONFIRM_BUTTON, DEFAULT_PAGE_SIZE_OPTIONS, DEFAULT_PLATFORMS, DEFAULT_REFRESHER_METADATA, DEFAULT_SKELETON_CONFIG, DataTableComponent, DateInputComponent, DateRangeInputComponent, DetailSkeletonComponent, DeviceService, DisplayComponent, DividerComponent, DocsApiTableComponent, DocsBreadcrumbComponent, DocsBuilder, DocsCalloutComponent, DocsCodeExampleComponent, DocsLayoutComponent, DocsNavLinksComponent, DocsNavigationService, DocsPageComponent, DocsSearchComponent, DocsSectionComponent, DocsShellComponent, DocsSidebarComponent, DocsTocComponent, DonationService, DownloadService, EmailInputComponent, ExpandableTextComponent, FEATURES_LIST_DEFAULTS, FabComponent, FeaturesListComponent, FeedbackFormComponent, FeedbackService, FileInputComponent, FirebaseService, FirestoreCollectionFactory, FirestoreService, FooterComponent, FooterLinksComponent, FormComponent, FormFooterComponent, FormSkeletonComponent, FunHeaderComponent, GlassComponent, GlowCardComponent, GlowComponent, GridSkeletonComponent, HANDOFF_ROUTE_PARAM, HANDOFF_TOKEN_PARAM, HandoffService, HeaderComponent, HintComponent, HorizontalScrollComponent, HourInputComponent, HrefComponent, I18nService, IMAGE_DEFAULTS, INITIAL_AUTH_STATE, INITIAL_MFA_STATE, Icon, IconComponent, IconService, ImageComponent, ImageCropComponent, ImageService, InAppBrowserService, InfiniteListComponent, InfoComponent, InputI18nHelper, InputType, ItemListComponent, LANG_STORAGE_KEY$1 as LANG_STORAGE_KEY, LEGAL_CONTENT_CONFIG, LOGIN_DEFAULTS, LanguageSelectorComponent, LayeredCardComponent, LegalContentService, LegalLinkService, LinkComponent, LinkProcessorService, LinkedProvidersComponent, LinksAccordionComponent, LinksCakeComponent, ListSkeletonComponent, LoadingDirective, LocalStorageService, LocaleService, LoginComponent, MODAL_SIZES, MOTIF_KEYS, MOTION, MaintenancePageComponent, MarkdownArticleParserService, MenuComponent, MessagingService, MetaService, ModalService, MultiSelectSearchComponent, NavigationService, NewsBuilder, NoContentComponent, NotesBoxComponent, NotificationActionService, NotificationsService, NumberFromToComponent, NumberInputComponent, NumberStepperComponent, OAUTH_PROVIDERS_INFO, OAuthCallbackComponent, OAuthService, OrgSwitchService, OutlineDefault, OutlineDefaultBlock, OutlineDefaultFull, OutlineDefaultRound, OutlineDefaultRoundBlock, OutlineDefaultRoundFull, PATTERN_MOTIFS, PATTERN_PALETTES, PLATFORM_CONFIGS, PageContentComponent, PageLinksComponent, PageRefreshService, PageTemplateComponent, PageWrapperComponent, PaginationComponent, PaginationService, PasswordInputComponent, PatternComponent, PhoneInputComponent, PillComponent, PinInputComponent, PlainCodeBoxComponent, PopoverSelectorComponent, PreferencesService, PresetService, PriceTagComponent, PrimarySolidBlockButton, PrimarySolidBlockHrefButton, PrimarySolidBlockIconButton, PrimarySolidBlockIconHrefButton, PrimarySolidDefaultRoundButton, PrimarySolidDefaultRoundHrefButton, PrimarySolidDefaultRoundIconButton, PrimarySolidDefaultRoundIconHrefButton, PrimarySolidFullButton, PrimarySolidFullHrefButton, PrimarySolidFullIconButton, PrimarySolidFullIconHrefButton, PrimarySolidLargeRoundButton, PrimarySolidLargeRoundHrefButton, PrimarySolidLargeRoundIconButton, PrimarySolidLargeRoundIconHrefButton, PrimarySolidSmallRoundButton, PrimarySolidSmallRoundHrefButton, PrimarySolidSmallRoundIconButton, PrimarySolidSmallRoundIconHrefButton, ProcessLinksPipe, ProfileSkeletonComponent, ProgressBarComponent, ProgressRingComponent, ProgressStatusComponent, PrompterComponent, QR_PRESETS, QrCodeComponent, QrGeneratorService, QueryBuilder, QuoteBoxComponent, RadioInputComponent, RangeInputComponent, RatingComponent, RefresherComponent, RightsFooterComponent, RotatingTextComponent, SHAPE_KEYS, SKELETON_LAYOUT_DEFAULT_ROWS, SKELETON_PRESETS, SOLID_KEYS, SearchSelectorComponent, SearchbarComponent, SecondarySolidBlockButton, SecondarySolidBlockHrefButton, SecondarySolidBlockIconButton, SecondarySolidBlockIconHrefButton, SecondarySolidDefaultRoundButton, SecondarySolidDefaultRoundHrefButton, SecondarySolidDefaultRoundIconButton, SecondarySolidDefaultRoundIconHrefButton, SecondarySolidFullButton, SecondarySolidFullHrefButton, SecondarySolidFullIconButton, SecondarySolidFullIconHrefButton, SecondarySolidLargeRoundButton, SecondarySolidLargeRoundHrefButton, SecondarySolidLargeRoundIconButton, SecondarySolidLargeRoundIconHrefButton, SecondarySolidSmallRoundButton, SecondarySolidSmallRoundHrefButton, SecondarySolidSmallRoundIconButton, SecondarySolidSmallRoundIconHrefButton, SegmentControlComponent, SelectSearchComponent, SessionService, ShareButtonsComponent, SimpleComponent, SkeletonComponent, SkeletonLayoutComponent, SkeletonService, SolidBlockButton, SolidDefault, SolidDefaultBlock, SolidDefaultButton, SolidDefaultFull, SolidDefaultRound, SolidDefaultRoundBlock, SolidDefaultRoundButton, SolidDefaultRoundFull, SolidFullButton, SolidLargeButton, SolidLargeRoundButton, SolidSmallButton, SolidSmallRoundButton, StatsCardComponent, StepperComponent, StorageService, SwipeCarouselComponent, TRI_KEYS, TabbedContentComponent, TableSkeletonComponent, TabsComponent, Terminal404Component, TestimonialCardComponent, TestimonialCarouselComponent, TextComponent, TextInputComponent, TextareaInputComponent, ThemeOption, ThemeService, TimelineComponent, TitleBlockComponent, TitleComponent, ToastService, ToggleInputComponent, TokenService, ToolbarActionType, ToolbarComponent, TranslatePipe, TypedCollection, UPDATE_BANNER_DEFAULT_CONTENT, UPDATE_BANNER_I18N_NAMESPACE, UpdateBannerComponent, UserAvatarComponent, UsernameInputComponent, VALTECH_ADS_CONFIG, VALTECH_APP_CONFIG, VALTECH_APP_VERSION, VALTECH_AUTH_CONFIG, VALTECH_COMPANY_LINKS, VALTECH_DEFAULT_CONTENT, VALTECH_DONATION_CONFIG, VALTECH_FEEDBACK_CONFIG, VALTECH_FIREBASE_CONFIG, VALTECH_FOOTER_I18N, VALTECH_FOOTER_LOGO, VALTECH_LANGUAGE_SELECTOR, VALTECH_LEGAL_CONFIG, VALTECH_SOCIAL_LINKS, VERSION, WizardComponent, WizardFooterComponent, applyDefaultValueToControl, authGuard, authInterceptor, blogPost, buildFooterLinks, buildPath, collections, createFirebaseConfig, createGlowCardProps, createInitialPaginationState, createNumberFromToField, createRefreshableStream, createTitleProps, docs, extractPathParams, generatePatternTiles, generateRandomTile, getAppInfo, getAppVersion, getCollectionPath, getDocumentId, getTimeOfDayKey, goToTop, guestGuard, hasEmulators, isAtEnd, isCollectionPath, isDocumentPath, isEmulatorMode, isValidPath, joinPath, maxLength, mulberry32, news, parseMarkdownArticle, permissionGuard, permissionGuardFromRoute, provideLegalContent, provideValtechAds, provideValtechAppConfig, provideValtechAppVersion, provideValtechAuth, provideValtechAuthInterceptor, provideValtechDonations, provideValtechFeedback, provideValtechFirebase, provideValtechI18n, provideValtechLegal, provideValtechPresets, provideValtechSkeleton, query, renderPatternSvgInner, replaceSpecialChars, resolveColor, resolveInputDefaultValue, roleGuard, storagePaths, superAdminGuard, toArticle };
 //# sourceMappingURL=valtech-components.mjs.map