valtech-components 2.0.983 → 2.0.984

package/fesm2022/valtech-components.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { inject, InjectionToken, makeEnvironmentProviders, APP_INITIALIZER, ErrorHandler, Injectable, DestroyRef, Inject, signal, computed, PLATFORM_ID, isDevMode, Optional, runInInjectionContext, effect, Pipe, TemplateRef, ViewContainerRef, input, Directive, EventEmitter, Component, Input, Output, ChangeDetectionStrategy, HostBinding, HostListener, NgZone, ViewChild, ChangeDetectorRef, output, ContentChild, ElementRef, viewChild, Injector, isSignal, ViewEncapsulation } from '@angular/core';
+import { inject, InjectionToken, makeEnvironmentProviders, APP_INITIALIZER, ErrorHandler, Injectable, DestroyRef, Inject, signal, computed, PLATFORM_ID, isDevMode, Optional, runInInjectionContext, effect, Pipe, TemplateRef, ViewContainerRef, input, Directive, EventEmitter, Component, Input, Output, ChangeDetectionStrategy, HostBinding, HostListener, NgZone, ViewChild, ChangeDetectorRef, output, ContentChild, ElementRef, viewChild, untracked, Injector, isSignal, ViewEncapsulation } from '@angular/core';
 import { BehaviorSubject, throwError, Subject, map, distinctUntilChanged, filter as filter$1, take as take$1, firstValueFrom, of, from, EMPTY, Observable, interval, debounceTime, switchMap as switchMap$1, catchError as catchError$1, takeUntil, isObservable, shareReplay, race, timer, forkJoin } from 'rxjs';
 import { catchError, switchMap, finalize, filter, take, map as map$1, tap, retry, timeout, debounceTime as debounceTime$1, takeUntil as takeUntil$1 } from 'rxjs/operators';
 import * as i1$3 from '@angular/common/http';
@@ -25,7 +25,7 @@ import { getApps, getApp, initializeApp as initializeApp$1 } from 'firebase/app'
 import * as i2$1 from '@ionic/angular/standalone';
 import { AlertController, 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, IonRippleEffect, IonAccordion, IonAccordionGroup, IonTabBar, IonTabButton, IonBadge, IonBreadcrumb, IonBreadcrumbs, IonChip, IonNote, ToastController as ToastController$1, IonCol, IonRow, IonRefresher, IonRefresherContent, IonMenuButton, IonFooter, IonListHeader, IonInfiniteScroll, IonInfiniteScrollContent, IonGrid, MenuController, IonMenu, IonMenuToggle, IonSplitPane } from '@ionic/angular/standalone';
 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, peopleOutline, phonePortraitOutline, refreshOutline, documentTextOutline, lockClosedOutline, informationCircleOutline, logoNpm, removeOutline, optionsOutline, personOutline, shieldCheckmarkOutline, keyOutline, desktopOutline, logOutOutline, cloudDownloadOutline, cloudOutline, gitBranchOutline, layersOutline, serverOutline, warningOutline, bulbOutline, lockOpenOutline, diamondOutline, 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, chevronDownCircleOutline, closeCircle, alertCircle, logoApple, logoMicrosoft, linkOutline, unlinkOutline, cloudOfflineOutline, documentOutline, attachOutline, cameraOutline, closeCircleOutline, imageOutline, chevronBackOutline, sendOutline, chatbubbleEllipsesOutline, swapVerticalOutline, chevronUpOutline, searchOutline, cartOutline, chatbubble, compass, compassOutline, gridOutline, listOutline, folderOutline, documents, documentsOutline, statsChart, statsChartOutline, menuOutline } from 'ionicons/icons';
+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, peopleOutline, phonePortraitOutline, refreshOutline, documentTextOutline, lockClosedOutline, informationCircleOutline, logoNpm, removeOutline, optionsOutline, personOutline, shieldCheckmarkOutline, keyOutline, desktopOutline, logOutOutline, cloudDownloadOutline, cloudOutline, gitBranchOutline, layersOutline, serverOutline, warningOutline, bulbOutline, lockOpenOutline, diamondOutline, 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, chevronDownCircleOutline, closeCircle, alertCircle, logoApple, logoMicrosoft, linkOutline, unlinkOutline, cloudOfflineOutline, documentOutline, attachOutline, cameraOutline, closeCircleOutline, imageOutline, chevronBackOutline, sendOutline, chatbubbleEllipsesOutline, swapVerticalOutline, chevronUpOutline, searchOutline, cartOutline, chatbubble, compass, compassOutline, gridOutline, listOutline, folderOutline, documents, documentsOutline, statsChart, statsChartOutline, laptopOutline, menuOutline } from 'ionicons/icons';
 import { Browser } from '@capacitor/browser';
 import * as i1$6 from '@angular/platform-browser';
 import { DomSanitizer, Meta, Title } from '@angular/platform-browser';
@@ -54,7 +54,7 @@ import 'prismjs/components/prism-json';
  * Current version of valtech-components.
  * This is automatically updated during the publish process.
  */
-const VERSION = '2.0.983';
+const VERSION = '2.0.984';
 
 // Control de estado de refresco (singleton a nivel de módulo)
 let isRefreshing = false;
@@ -41652,7 +41652,7 @@ const PROFILE_VIEW_I18N = {
 const HANDLE_PATTERN = /^[a-z_][a-z0-9_]*$/;
 const HANDLE_MIN = 3;
 const HANDLE_MAX = 20;
-const DEFAULT_NAMESPACE$1 = 'Settings.Profile';
+const DEFAULT_NAMESPACE$2 = 'Settings.Profile';
 /**
  * `val-profile-view` — vista Perfil full-feature autocontenida (organism).
  *
@@ -41702,7 +41702,7 @@ class ProfileViewComponent {
                 showPhone: merged.showPhone ?? true,
                 showShareCta: merged.showShareCta ?? true,
                 profileBaseUrl: merged.profileBaseUrl ?? '',
-                i18nNamespace: merged.i18nNamespace ?? DEFAULT_NAMESPACE$1,
+                i18nNamespace: merged.i18nNamespace ?? DEFAULT_NAMESPACE$2,
                 onSaved: merged.onSaved,
                 onAvatarUploaded: merged.onAvatarUploaded,
             };
@@ -42616,7 +42616,7 @@ const PREFERENCES_VIEW_I18N = {
     },
 };
 
-const DEFAULT_NAMESPACE = 'Settings.General';
+const DEFAULT_NAMESPACE$1 = 'Settings.General';
 const DEFAULT_LANGUAGES = ['es', 'en'];
 /**
  * `val-preferences-view` — vista de preferencias de UI cross-app (tema +
@@ -42653,7 +42653,7 @@ class PreferencesViewComponent {
                 showLanguage: merged.showLanguage ?? true,
                 showFontSize: merged.showFontSize ?? true,
                 supportedLanguages: merged.supportedLanguages ?? DEFAULT_LANGUAGES,
-                i18nNamespace: merged.i18nNamespace ?? DEFAULT_NAMESPACE,
+                i18nNamespace: merged.i18nNamespace ?? DEFAULT_NAMESPACE$1,
                 onThemeChanged: merged.onThemeChanged,
                 onLanguageChanged: merged.onLanguageChanged,
                 onFontSizeChanged: merged.onFontSizeChanged,
@@ -43357,387 +43357,2308 @@ function provideValtechSettingsRoutes(opts) {
     ];
 }
 
-/** Built-in label sets for the three platform locales. */
-const CALLOUT_LABELS = {
-    es: {
-        NOTE: 'Nota',
-        TIP: 'Tip',
-        INFO: 'Info',
-        IMPORTANT: 'Importante',
-        WARNING: 'Atención',
-        CAUTION: 'Precaución',
-    },
-    en: {
-        NOTE: 'Note',
-        TIP: 'Tip',
-        INFO: 'Info',
-        IMPORTANT: 'Important',
-        WARNING: 'Warning',
-        CAUTION: 'Caution',
-    },
-    pt: {
-        NOTE: 'Nota',
-        TIP: 'Dica',
-        INFO: 'Info',
-        IMPORTANT: 'Importante',
-        WARNING: 'Atenção',
-        CAUTION: 'Cuidado',
-    },
-};
-/**
- * Per-callout-kind color (Ionic semantic color). Fixed across locales since
- * red = danger no matter what language you speak.
- */
-const CALLOUT_COLORS = {
-    NOTE: 'primary',
-    TIP: 'success',
-    INFO: 'tertiary',
-    IMPORTANT: 'warning',
-    WARNING: 'warning',
-    CAUTION: 'danger',
-};
-const BOX_DRAWING = /[┌┐└┘├┤┬┴┼─│╔╗╚╝═║]/;
-const CALLOUT_RE = /^>\s*\[!(NOTE|TIP|INFO|WARNING|CAUTION|IMPORTANT)\]\s*(.*)$/i;
-const FENCE_RE = /^```([\w-]*)\s*$/;
-const HEADING_RE = /^(#{1,6})\s+(.+)$/;
-const SEPARATOR_RE = /^\s*(?:-{3,}|\*{3,}|_{3,})\s*$/;
-const UNORDERED_RE = /^\s*[-*+]\s+(.+)$/;
-const CHECKLIST_RE = /^\s*[-*+]\s+\[([ xX])\]\s+(.+)$/;
-const ORDERED_RE = /^\s*\d+\.\s+(.+)$/;
-const TABLE_DIVIDER_RE = /^\s*\|?[\s:|-]+\|?\s*$/;
-const TABLE_ROW_RE = /^\s*\|(.+)\|\s*$/;
+addIcons({ shieldCheckmarkOutline, checkmarkCircleOutline });
 /**
- * Pure Markdown → ArticleMetadata parser. No Angular deps — usable from Node scripts
- * (build-time generation) and from the Angular `MarkdownArticleParserService` wrapper.
+ * `val-login-attempt-modal` — modal de confirmación de intento de inicio de sesión.
  *
- * Supported syntax:
- * - Headings (#, ##, ### …) → title / subtitle
- * - Paragraphs → paragraph (with `processLinks` + `allowPartialBold`)
- * - Lists (-, *, 1.) → unordered / ordered list (- [ ] / - [x] for checklist)
- * - Blockquotes (>) → quote, with GitHub callouts `> [!NOTE|TIP|INFO|WARNING|CAUTION|IMPORTANT]` mapped to notes
- * - Code fences (```lang) → code
- * - Box-drawing ASCII art (┌┐└┘│─) auto-wrapped as code
- * - Tables → flattened into paragraphs with bold keys
- * - Horizontal rules (---, ***, ___) → separator
+ * Se abre cuando el usuario llega a la vista Seguridad vía
+ * `?token=...` desde el email/push de "nuevo acceso". Muestra el dispositivo
+ * detectado y dos acciones: confirmar que fue uno mismo (cierra sin hacer nada)
+ * o bloquear el dispositivo (ejecuta el token de acción).
+ *
+ * Inputs vía `componentProps` del ModalService. Sin `@Output` (no funcionan con
+ * `modalController.create()`) — usa callback `onBlock` y `_modalRef.dismiss`.
+ * Recibe los labels ya traducidos (agnóstico a i18n).
+ *
+ * Header canónico (Regla #5): sin `ion-title`, botón Cerrar texto en `slot=end`,
+ * título en el body con `val-display`.
  */
-function parseMarkdownArticle(markdown, options) {
-    const lines = normalize(markdown).split('\n');
-    const elements = [];
-    const labels = options?.calloutLabels ??
-        (options?.locale ? CALLOUT_LABELS[options.locale] : CALLOUT_LABELS.es);
-    let i = 0;
-    while (i < lines.length) {
-        const line = lines[i];
-        if (line.trim() === '') {
-            i++;
-            continue;
-        }
-        const fence = line.match(FENCE_RE);
-        if (fence) {
-            const lang = fence[1] || undefined;
-            const body = [];
-            i++;
-            while (i < lines.length && !FENCE_RE.test(lines[i])) {
-                body.push(lines[i]);
-                i++;
-            }
-            i++;
-            elements.push({
-                type: 'code',
-                props: { code: body.join('\n'), language: lang, theme: 'dark' },
-            });
-            continue;
-        }
-        if (BOX_DRAWING.test(line)) {
-            const body = [];
-            while (i < lines.length && (lines[i].trim() === '' || BOX_DRAWING.test(lines[i]))) {
-                body.push(lines[i]);
-                i++;
-            }
-            while (body.length && body[body.length - 1].trim() === '')
-                body.pop();
-            elements.push({
-                type: 'code',
-                props: { code: body.join('\n'), language: 'text', theme: 'dark' },
-            });
-            continue;
-        }
-        if (SEPARATOR_RE.test(line)) {
-            elements.push({ type: 'separator', props: { style: 'line' } });
-            i++;
-            continue;
-        }
-        const heading = line.match(HEADING_RE);
-        if (heading) {
-            elements.push(makeHeading(heading[1].length, heading[2].trim()));
-            i++;
-            continue;
-        }
-        if (line.startsWith('>')) {
-            const block = [];
-            while (i < lines.length && lines[i].startsWith('>')) {
-                block.push(lines[i]);
-                i++;
-            }
-            elements.push(makeQuoteOrCallout(block, labels));
-            continue;
-        }
-        if (TABLE_ROW_RE.test(line)) {
-            const rows = [];
-            while (i < lines.length && TABLE_ROW_RE.test(lines[i])) {
-                rows.push(lines[i]);
-                i++;
-            }
-            elements.push(...makeTable(rows));
-            continue;
-        }
-        if (CHECKLIST_RE.test(line) || UNORDERED_RE.test(line) || ORDERED_RE.test(line)) {
-            const listType = CHECKLIST_RE.test(line)
-                ? 'checklist'
-                : ORDERED_RE.test(line)
-                    ? 'ordered'
-                    : 'unordered';
-            const items = [];
-            while (i < lines.length && lines[i].trim() !== '') {
-                const cur = lines[i];
-                const check = cur.match(CHECKLIST_RE);
-                const unord = cur.match(UNORDERED_RE);
-                const ord = cur.match(ORDERED_RE);
-                if (check)
-                    items.push({ text: processInlineBold(check[2].trim()) });
-                else if (ord && listType === 'ordered')
-                    items.push({ text: processInlineBold(ord[1].trim()) });
-                else if (unord && listType !== 'ordered')
-                    items.push({ text: processInlineBold(unord[1].trim()) });
-                else
-                    break;
-                i++;
-            }
-            elements.push({ type: 'list', props: { items, listType } });
-            continue;
+class LoginAttemptModalComponent {
+    constructor() {
+        /** Título del modal (i18n ya resuelto). */
+        this.title = '';
+        /** Texto explicativo. */
+        this.body = '';
+        /** Descripción del dispositivo (navegador · OS · ubicación). */
+        this.deviceLabel = '';
+        /** Metadata secundaria (fecha, IP). Opcional. */
+        this.metaLabel = '';
+        /** Mensaje mostrado tras bloquear. */
+        this.doneLabel = '';
+        /** Labels de botones. */
+        this.mineLabel = '';
+        this.blockLabel = '';
+        this.closeLabel = '';
+        /** `true` si el dispositivo es móvil — cambia el icono. */
+        this.isMobile = false;
+        /** `true` tras bloquear con éxito — cambia el modal a estado "hecho". */
+        this.done = signal(false);
+        this.working = false;
+    }
+    get deviceIcon() {
+        return this.isMobile ? 'phone-portrait-outline' : 'laptop-outline';
+    }
+    /** "Sí, fui yo" — cierra sin acción. El dispositivo ya está activo. */
+    confirmMine() {
+        this._modalRef?.dismiss(undefined, 'mine');
+    }
+    /** "No fui yo" — ejecuta el bloqueo y pasa a estado done. */
+    async confirmBlock() {
+        if (this.working || !this.onBlock)
+            return;
+        this.working = true;
+        try {
+            await this.onBlock();
+            this.done.set(true);
         }
-        const paragraph = [];
-        while (i < lines.length && lines[i].trim() !== '' && !startsNewBlock(lines[i])) {
-            paragraph.push(lines[i]);
-            i++;
+        catch {
+            // El parent muestra el toast de error; cerramos el modal.
+            this._modalRef?.dismiss(undefined, 'error');
         }
-        const text = processInlineBold(paragraph.join(' ').trim());
-        if (text) {
-            elements.push({
-                type: 'paragraph',
-                props: {
-                    content: text,
-                    size: 'medium',
-                    color: 'dark',
-                    bold: false,
-                    processLinks: true,
-                    allowPartialBold: true,
-                },
-            });
+        finally {
+            this.working = false;
         }
     }
-    // Strip parser-only options before merging into ArticleMetadata
-    const { locale: _l, calloutLabels: _c, ...metadataOverrides } = options ?? {};
-    return {
-        elements,
-        maxWidth: '900px',
-        centered: true,
-        theme: 'auto',
-        ...metadataOverrides,
-    };
-}
-function normalize(md) {
-    return md.replace(/\r\n/g, '\n').replace(/\r/g, '\n');
-}
-function startsNewBlock(line) {
-    return (HEADING_RE.test(line) ||
-        FENCE_RE.test(line) ||
-        SEPARATOR_RE.test(line) ||
-        TABLE_ROW_RE.test(line) ||
-        UNORDERED_RE.test(line) ||
-        ORDERED_RE.test(line) ||
-        CHECKLIST_RE.test(line) ||
-        line.startsWith('>') ||
-        BOX_DRAWING.test(line));
-}
-function processInlineBold(text) {
-    return text.replace(/\*\*(.+?)\*\*/g, '<strong>$1</strong>');
-}
-function makeHeading(level, content) {
-    if (level === 1) {
+    close() {
+        this._modalRef?.dismiss(undefined, this.done() ? 'blocked' : 'close');
+    }
+    get mineBtn() {
         return {
-            type: 'title',
-            props: { content, size: 'xlarge', color: 'dark', bold: true },
+            text: this.mineLabel,
+            color: 'medium',
+            fill: 'outline',
+            size: 'default',
+            type: 'button',
+            state: ComponentStates.ENABLED,
         };
     }
-    const size = level === 2 ? 'large' : level === 3 ? 'medium' : 'small';
-    return {
-        type: 'subtitle',
-        props: { content, size, color: 'dark', bold: true },
-    };
-}
-function makeQuoteOrCallout(block, labels) {
-    const first = block[0];
-    const callout = first.match(CALLOUT_RE);
-    const lines = block.map(l => l.replace(/^>\s?/, ''));
-    if (callout) {
-        const type = callout[1].toUpperCase();
-        const firstLineRest = callout[2] || '';
-        const rest = lines.slice(1).join(' ').trim();
-        const text = processInlineBold([firstLineRest, rest].filter(Boolean).join(' ').trim());
-        return makeNote(type, text, labels);
+    get blockBtn() {
+        return {
+            text: this.blockLabel,
+            color: 'danger',
+            fill: 'solid',
+            size: 'default',
+            type: 'button',
+            state: ComponentStates.ENABLED,
+        };
     }
-    const text = processInlineBold(lines.join(' ').trim());
-    return {
-        type: 'quote',
-        props: {
-            content: text,
+    get closeBtn() {
+        return {
+            text: this.closeLabel,
+            color: 'dark',
+            fill: 'solid',
+            size: 'default',
+            type: 'button',
+            state: ComponentStates.ENABLED,
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LoginAttemptModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: LoginAttemptModalComponent, isStandalone: true, selector: "val-login-attempt-modal", inputs: { title: "title", body: "body", deviceLabel: "deviceLabel", metaLabel: "metaLabel", doneLabel: "doneLabel", mineLabel: "mineLabel", blockLabel: "blockLabel", closeLabel: "closeLabel", isMobile: "isMobile", onBlock: "onBlock", _modalRef: "_modalRef" }, ngImport: i0, template: `
+    <ion-header>
+      <ion-toolbar>
+        <ion-buttons slot="end">
+          <ion-button fill="clear" color="dark" (click)="close()">
+            <strong>{{ closeLabel }}</strong>
+          </ion-button>
+        </ion-buttons>
+      </ion-toolbar>
+    </ion-header>
+    <ion-content class="ion-padding">
+      <val-display [props]="{ content: title, size: 'small', color: 'dark' }" />
+      <div class="attempt">
+        <div class="attempt__hero">
+          <ion-icon name="shield-checkmark-outline" aria-hidden="true" />
+        </div>
+
+        <val-text
+          [props]="{
+            content: body,
             size: 'medium',
-            color: 'medium',
+            color: 'dark',
             bold: false,
-            showQuoteMark: true,
-            alignment: 'left',
-        },
-    };
+          }"
+        />
+
+        <div class="attempt__device">
+          <ion-icon [name]="deviceIcon" aria-hidden="true" />
+          <div class="attempt__device-body">
+            <val-text
+              [props]="{
+                content: deviceLabel,
+                size: 'medium',
+                color: 'dark',
+                bold: true,
+              }"
+            />
+            @if (metaLabel) {
+              <val-text
+                [props]="{
+                  content: metaLabel,
+                  size: 'small',
+                  color: 'medium',
+                  bold: false,
+                }"
+              />
+            }
+          </div>
+        </div>
+
+        @if (done()) {
+          <div class="attempt__done">
+            <ion-icon name="checkmark-circle-outline" aria-hidden="true" />
+            <val-text
+              [props]="{
+                content: doneLabel,
+                size: 'small',
+                color: 'medium',
+                bold: false,
+              }"
+            />
+          </div>
+        }
+      </div>
+    </ion-content>
+
+    @if (!done()) {
+      <div class="attempt__actions">
+        <val-button [props]="mineBtn" (click)="confirmMine()" />
+        <val-button [props]="blockBtn" (click)="confirmBlock()" />
+      </div>
+    } @else {
+      <div class="attempt__actions">
+        <val-button [props]="closeBtn" (click)="close()" />
+      </div>
+    }
+  `, isInline: true, styles: [":host{display:block}.attempt{display:flex;flex-direction:column;gap:18px;align-items:flex-start}.attempt__hero{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:#7026df1a}.attempt__hero ion-icon{font-size:30px;color:var(--ion-color-primary, #7026df)}.attempt__device{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;border-radius:12px;background:var(--ion-color-light, #f4f5f8);border:1px solid var(--val-border-color, rgba(0, 0, 0, .08))}.attempt__device ion-icon{font-size:26px;color:var(--ion-color-dark);flex-shrink:0}.attempt__device-body{display:flex;flex-direction:column;gap:2px;min-width:0}.attempt__done{display:flex;align-items:center;gap:8px}.attempt__done ion-icon{font-size:20px;color:var(--ion-color-success);flex-shrink:0}.attempt__actions{display:flex;gap:10px;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--val-border-color, rgba(0, 0, 0, .08))}.attempt__actions val-button{flex:1}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { 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: DisplayComponent, selector: "val-display", inputs: ["props"] }, { kind: "component", type: TextComponent, selector: "val-text", inputs: ["props"] }, { kind: "component", type: ButtonComponent, selector: "val-button", inputs: ["preset", "props"], outputs: ["onClick"] }] }); }
 }
-function makeNote(kind, text, labels) {
-    return {
-        type: 'note',
-        props: {
-            text,
-            prefix: `${labels[kind]}:`,
-            color: CALLOUT_COLORS[kind],
-            textColor: 'dark',
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LoginAttemptModalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'val-login-attempt-modal', standalone: true, imports: [
+                        CommonModule,
+                        IonContent,
+                        IonHeader,
+                        IonToolbar,
+                        IonButtons,
+                        IonButton,
+                        IonIcon,
+                        DisplayComponent,
+                        TextComponent,
+                        ButtonComponent,
+                    ], template: `
+    <ion-header>
+      <ion-toolbar>
+        <ion-buttons slot="end">
+          <ion-button fill="clear" color="dark" (click)="close()">
+            <strong>{{ closeLabel }}</strong>
+          </ion-button>
+        </ion-buttons>
+      </ion-toolbar>
+    </ion-header>
+    <ion-content class="ion-padding">
+      <val-display [props]="{ content: title, size: 'small', color: 'dark' }" />
+      <div class="attempt">
+        <div class="attempt__hero">
+          <ion-icon name="shield-checkmark-outline" aria-hidden="true" />
+        </div>
+
+        <val-text
+          [props]="{
+            content: body,
             size: 'medium',
-            rounded: true,
-            allowPartialBold: true,
-            processLinks: true,
-        },
-    };
-}
-function makeTable(rows) {
-    const parsed = rows
-        .filter(r => !TABLE_DIVIDER_RE.test(r))
-        .map(r => r
-        .trim()
-        .replace(/^\|/, '')
-        .replace(/\|$/, '')
-        .split('|')
-        .map(c => c.trim()));
-    if (parsed.length === 0)
-        return [];
-    const header = parsed[0];
-    const dataRows = parsed.slice(1);
-    if (dataRows.length === 0) {
-        return [
-            {
-                type: 'paragraph',
-                props: {
-                    content: header.join(' · '),
-                    size: 'medium',
-                    color: 'dark',
-                    bold: false,
-                    processLinks: true,
-                    allowPartialBold: true,
-                },
-            },
-        ];
-    }
-    return dataRows.map(row => {
-        const pairs = row.map((cell, idx) => {
-            const key = header[idx] ?? '';
-            return key ? `<strong>${key}:</strong> ${cell}` : cell;
-        });
-        return {
-            type: 'paragraph',
-            props: {
-                content: pairs.join(' · '),
+            color: 'dark',
+            bold: false,
+          }"
+        />
+
+        <div class="attempt__device">
+          <ion-icon [name]="deviceIcon" aria-hidden="true" />
+          <div class="attempt__device-body">
+            <val-text
+              [props]="{
+                content: deviceLabel,
                 size: 'medium',
                 color: 'dark',
+                bold: true,
+              }"
+            />
+            @if (metaLabel) {
+              <val-text
+                [props]="{
+                  content: metaLabel,
+                  size: 'small',
+                  color: 'medium',
+                  bold: false,
+                }"
+              />
+            }
+          </div>
+        </div>
+
+        @if (done()) {
+          <div class="attempt__done">
+            <ion-icon name="checkmark-circle-outline" aria-hidden="true" />
+            <val-text
+              [props]="{
+                content: doneLabel,
+                size: 'small',
+                color: 'medium',
                 bold: false,
-                processLinks: true,
-                allowPartialBold: true,
-            },
-        };
-    });
-}
+              }"
+            />
+          </div>
+        }
+      </div>
+    </ion-content>
+
+    @if (!done()) {
+      <div class="attempt__actions">
+        <val-button [props]="mineBtn" (click)="confirmMine()" />
+        <val-button [props]="blockBtn" (click)="confirmBlock()" />
+      </div>
+    } @else {
+      <div class="attempt__actions">
+        <val-button [props]="closeBtn" (click)="close()" />
+      </div>
+    }
+  `, styles: [":host{display:block}.attempt{display:flex;flex-direction:column;gap:18px;align-items:flex-start}.attempt__hero{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:#7026df1a}.attempt__hero ion-icon{font-size:30px;color:var(--ion-color-primary, #7026df)}.attempt__device{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;border-radius:12px;background:var(--ion-color-light, #f4f5f8);border:1px solid var(--val-border-color, rgba(0, 0, 0, .08))}.attempt__device ion-icon{font-size:26px;color:var(--ion-color-dark);flex-shrink:0}.attempt__device-body{display:flex;flex-direction:column;gap:2px;min-width:0}.attempt__done{display:flex;align-items:center;gap:8px}.attempt__done ion-icon{font-size:20px;color:var(--ion-color-success);flex-shrink:0}.attempt__actions{display:flex;gap:10px;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--val-border-color, rgba(0, 0, 0, .08))}.attempt__actions val-button{flex:1}\n"] }]
+        }], propDecorators: { title: [{
+                type: Input
+            }], body: [{
+                type: Input
+            }], deviceLabel: [{
+                type: Input
+            }], metaLabel: [{
+                type: Input
+            }], doneLabel: [{
+                type: Input
+            }], mineLabel: [{
+                type: Input
+            }], blockLabel: [{
+                type: Input
+            }], closeLabel: [{
+                type: Input
+            }], isMobile: [{
+                type: Input
+            }], onBlock: [{
+                type: Input
+            }], _modalRef: [{
+                type: Input
+            }] } });
 
 /**
- * `val-faq`
+ * `val-session-list-modal` — modal de "Ver todas las sesiones activas". Organism
+ * compartido entre la vista Seguridad y la vista Cuenta del factory.
  *
- * Organism de preguntas frecuentes. Q&A categorizado con accordion colapsable
- * y buscador en vivo. Pensado para vistas FAQ públicas — el caller puede
- * reusar la misma data (`FaqMetadata.categories`) para emitir el structured
- * data `FAQPage` (JSON-LD) y ganar rich results en buscadores.
+ * Render reusa el mismo markup de la sección de sesiones inline (mismas clases
+ * CSS) pero sin truncar la lista.
  *
- * Las respuestas (`FaqItem.answer`) son **Markdown** — se parsean con
- * `parseMarkdownArticle` y se renderizan vía `val-article`. Soportan links,
- * listas, negritas, tablas, etc.
+ * Inputs (vienen de `componentProps` del ModalService):
+ *  - `sessions` — snapshot inicial (mostrado al abrir)
+ *  - `thisLabel` / `revokeLabel` — i18n strings ya resueltas
+ *  - `onRevoke` — callback async que el parent ejecuta contra el backend; debe
+ *    retornar la lista actualizada para que el modal refresque en sitio.
  *
- * @example
- * ```html
- * <val-faq [props]="{ categories: faqCategories, searchable: true }" />
- * ```
+ * `@Output` events NO funcionan con `modalController.create()` — por eso usamos
+ * callback pasado por props + `_modalRef` para dismiss desde dentro.
+ *
+ * Header canónico (Regla #5): sin `ion-title`, botón Cerrar texto en `slot=end`,
+ * título en el body con `val-display`.
  */
-class FaqComponent {
+class SessionListModalComponent {
     constructor() {
-        this.i18n = inject(I18nService);
-        this.props_ = signal({ categories: [] });
-        /** Término de búsqueda actual. */
-        this.query = signal('');
-        /**
-         * Cache de respuestas parseadas (Markdown → ArticleMetadata). Se reconstruye
-         * solo cuando cambian las categorías — el parseo NO corre por keystroke.
-         * Keyed por id de item (los ids son únicos en toda la FAQ).
-         */
-        this.parsedAnswers = computed(() => {
-            const locale = (this.i18n.lang() ?? 'es');
-            const map = new Map();
-            for (const cat of this.props_().categories ?? []) {
-                for (const item of cat.items) {
-                    map.set(item.id, parseMarkdownArticle(item.answer, { locale }));
-                }
-            }
-            return map;
-        });
-        /**
-         * Categorías visibles tras el filtro. Una categoría desaparece si ninguna
-         * de sus preguntas matchea. Match sobre pregunta + respuesta (raw markdown),
-         * case-insensitive.
-         */
-        this.visibleCategories = computed(() => {
-            const q = this.query().trim().toLowerCase();
-            const cats = this.props_().categories ?? [];
-            if (!q)
-                return cats;
-            return cats
-                .map(cat => ({
-                ...cat,
-                items: cat.items.filter(it => it.question.toLowerCase().includes(q) || it.answer.toLowerCase().includes(q)),
-            }))
-                .filter(cat => cat.items.length > 0);
-        });
-        /** `true` si se debe mostrar el label de cada categoría. */
-        this.showCategoryLabel = computed(() => {
-            const p = this.props_();
-            if (p.hideSingleCategoryLabel === false)
-                return true;
-            return (p.categories?.length ?? 0) > 1;
-        });
-    }
-    set props(value) {
-        if (value)
-            this.props_.set(value);
-    }
-    get props() {
-        return this.props_();
+        /** Título del modal (ya traducido). */
+        this.title = '';
+        /** Label del botón cerrar del header (ya traducido). */
+        this.closeLabel = '';
+        /** Label "Esta sesión" (en idioma activo). */
+        this.thisLabel = '';
+        /** Label del botón revoke individual. */
+        this.revokeLabel = '';
+        /** Lista local mutable — refrescada después de cada revoke confirmado. */
+        this.sessionsLocal = signal([]);
+    }
+    /** Snapshot inicial — el modal mantiene su propia copia y la refresca tras revoke. */
+    set sessions(value) {
+        this.sessionsLocal.set([...value]);
     }
-    /** Respuesta parseada de un item — desde el cache. */
-    answerOf(item) {
-        return this.parsedAnswers().get(item.id) ?? { elements: [] };
+    close() {
+        this._modalRef?.dismiss(undefined, 'close');
     }
-    onSearch(term) {
-        this.query.set(term ?? '');
+    async handleRevoke(sessionId) {
+        if (!this.onRevoke)
+            return;
+        try {
+            const updated = await this.onRevoke(sessionId);
+            this.sessionsLocal.set([...updated]);
+        }
+        catch {
+            // El parent muestra el toast de error; modal no necesita feedback extra.
+        }
+    }
+    get revokeBtn() {
+        return {
+            text: this.revokeLabel,
+            color: 'dark',
+            fill: 'clear',
+            size: 'small',
+            type: 'button',
+            state: ComponentStates.ENABLED,
+        };
+    }
+    deviceIcon(s) {
+        const ua = (s.deviceInfo || '').toLowerCase();
+        const isMobile = /iphone|ipad|ipod|android|mobile/.test(ua);
+        return isMobile ? 'phone-portrait-outline' : 'laptop-outline';
+    }
+    formatMeta(s) {
+        const parts = [];
+        if (s.location)
+            parts.push(s.location);
+        else if (s.ip)
+            parts.push(s.ip);
+        if (s.createdAt)
+            parts.push(new Date(s.createdAt).toLocaleString());
+        return parts.join(' · ');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SessionListModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: SessionListModalComponent, isStandalone: true, selector: "val-session-list-modal", inputs: { sessions: "sessions", title: "title", closeLabel: "closeLabel", thisLabel: "thisLabel", revokeLabel: "revokeLabel", onRevoke: "onRevoke", _modalRef: "_modalRef" }, ngImport: i0, template: `
+    <ion-header>
+      <ion-toolbar>
+        <ion-buttons slot="end">
+          <ion-button fill="clear" color="dark" (click)="close()">
+            <strong>{{ closeLabel }}</strong>
+          </ion-button>
+        </ion-buttons>
+      </ion-toolbar>
+    </ion-header>
+    <ion-content class="ion-padding">
+      <val-display [props]="{ content: title, size: 'small', color: 'dark' }" />
+      <ul class="sessions">
+        @for (s of sessionsLocal(); track s.sessionId) {
+          <li class="session" [class.session--current]="s.isCurrent">
+            <ion-icon class="session__icon" [name]="deviceIcon(s)" aria-hidden="true" />
+            <div class="session__body">
+              <val-text
+                [props]="{
+                  content: s.deviceInfo || s.deviceId || '—',
+                  size: 'medium',
+                  color: 'dark',
+                  bold: true,
+                }"
+              />
+              <val-text
+                [props]="{
+                  content: formatMeta(s),
+                  size: 'small',
+                  color: 'medium',
+                  bold: false,
+                }"
+              />
+            </div>
+            <div class="session__end">
+              @if (s.isCurrent) {
+                <span class="session__badge">{{ thisLabel }}</span>
+              } @else {
+                <val-button [props]="revokeBtn" (click)="handleRevoke(s.sessionId)" />
+              }
+            </div>
+          </li>
+        }
+      </ul>
+    </ion-content>
+  `, isInline: true, styles: [":host{display:block;height:100%}.sessions{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.session{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:14px;background:var(--ion-color-light, rgba(0, 0, 0, .04));border:1px solid transparent}.session--current{background:#2dd36f1a;border-color:#2dd36f4d}.session__icon{font-size:26px;color:var(--ion-color-dark, #1a1a1a);flex-shrink:0}.session--current .session__icon{color:var(--ion-color-success-shade, #28ba62)}.session__body{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.session__end{flex-shrink:0}.session__badge{display:inline-block;padding:4px 10px;font-size:11px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--ion-color-success-shade, #28ba62);background:#2dd36f2e;border-radius:999px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { 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: DisplayComponent, selector: "val-display", inputs: ["props"] }, { kind: "component", type: TextComponent, selector: "val-text", inputs: ["props"] }, { kind: "component", type: ButtonComponent, selector: "val-button", inputs: ["preset", "props"], outputs: ["onClick"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SessionListModalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'val-session-list-modal', standalone: true, imports: [
+                        CommonModule,
+                        IonContent,
+                        IonHeader,
+                        IonToolbar,
+                        IonButtons,
+                        IonButton,
+                        IonIcon,
+                        DisplayComponent,
+                        TextComponent,
+                        ButtonComponent,
+                    ], template: `
+    <ion-header>
+      <ion-toolbar>
+        <ion-buttons slot="end">
+          <ion-button fill="clear" color="dark" (click)="close()">
+            <strong>{{ closeLabel }}</strong>
+          </ion-button>
+        </ion-buttons>
+      </ion-toolbar>
+    </ion-header>
+    <ion-content class="ion-padding">
+      <val-display [props]="{ content: title, size: 'small', color: 'dark' }" />
+      <ul class="sessions">
+        @for (s of sessionsLocal(); track s.sessionId) {
+          <li class="session" [class.session--current]="s.isCurrent">
+            <ion-icon class="session__icon" [name]="deviceIcon(s)" aria-hidden="true" />
+            <div class="session__body">
+              <val-text
+                [props]="{
+                  content: s.deviceInfo || s.deviceId || '—',
+                  size: 'medium',
+                  color: 'dark',
+                  bold: true,
+                }"
+              />
+              <val-text
+                [props]="{
+                  content: formatMeta(s),
+                  size: 'small',
+                  color: 'medium',
+                  bold: false,
+                }"
+              />
+            </div>
+            <div class="session__end">
+              @if (s.isCurrent) {
+                <span class="session__badge">{{ thisLabel }}</span>
+              } @else {
+                <val-button [props]="revokeBtn" (click)="handleRevoke(s.sessionId)" />
+              }
+            </div>
+          </li>
+        }
+      </ul>
+    </ion-content>
+  `, styles: [":host{display:block;height:100%}.sessions{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.session{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:14px;background:var(--ion-color-light, rgba(0, 0, 0, .04));border:1px solid transparent}.session--current{background:#2dd36f1a;border-color:#2dd36f4d}.session__icon{font-size:26px;color:var(--ion-color-dark, #1a1a1a);flex-shrink:0}.session--current .session__icon{color:var(--ion-color-success-shade, #28ba62)}.session__body{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.session__end{flex-shrink:0}.session__badge{display:inline-block;padding:4px 10px;font-size:11px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--ion-color-success-shade, #28ba62);background:#2dd36f2e;border-radius:999px}\n"] }]
+        }], propDecorators: { sessions: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], closeLabel: [{
+                type: Input
+            }], thisLabel: [{
+                type: Input
+            }], revokeLabel: [{
+                type: Input
+            }], onRevoke: [{
+                type: Input
+            }], _modalRef: [{
+                type: Input
+            }] } });
+
+/**
+ * Standard cross-app site links (env-aware)
+ *
+ * En el factory MyValtech cada producto satélite (showcase, sigify, …) enlaza a
+ * `web` —la landing de marca— para soporte, contacto y contenido legal. `web`
+ * es el dueño canónico de esas rutas. Este módulo centraliza:
+ *
+ *  1. El mapa ambiente → base URL de `web` (`VALTECH_WEB_BASE_URLS`).
+ *  2. El catálogo de paths estándar que viven en `web` (`VALTECH_SITE_PATHS`).
+ *
+ * El ambiente se decide en BUILD TIME (campo `valtechEnv` en el `environment*.ts`
+ * de cada app), igual que `apiUrl`. Es el mecanismo más confiable: detectar por
+ * hostname en runtime se rompe con dominios custom / `web.app` / variantes de
+ * localhost.
+ *
+ * La resolución real (join baseUrl + path, abrir en tab nueva, `?lang=`) la hace
+ * `LegalLinkService`; este módulo solo le entrega el `baseUrl` correcto por env.
+ *
+ * @see provideValtechSite — wiring de una sola línea para apps satélite.
+ */
+/**
+ * Base URL de `web` (landing de marca) por ambiente.
+ *
+ * - `local` → `ng serve` de `web` (puerto 8100).
+ * - `dev`   → proyecto Firebase `myvaltech-dev`.
+ * - `prod`  → dominio custom de producción.
+ *
+ * Sin trailing slash (lo asume `LegalLinkService`).
+ */
+const VALTECH_WEB_BASE_URLS = {
+    local: 'http://localhost:8100',
+    dev: 'https://myvaltech-dev.web.app',
+    prod: 'https://myvaltech.com',
+};
+/**
+ * Resuelve la base URL de `web` para un ambiente.
+ *
+ * Fallback a `prod` cuando el env es desconocido o falta: ante la duda, apuntar
+ * a producción es lo seguro (nunca enlaza a un host local/dev inexistente).
+ */
+function resolveWebBaseUrl(env) {
+    if (env && env in VALTECH_WEB_BASE_URLS) {
+        return VALTECH_WEB_BASE_URLS[env];
+    }
+    return VALTECH_WEB_BASE_URLS.prod;
+}
+/**
+ * Catálogo de paths estándar que viven en `web`. Las apps resuelven estos
+ * contra la base URL del ambiente vía `LegalLinkService.resolve(path)`.
+ *
+ * Mantener alineado con las rutas reales de `web/src/app/app.routes.ts` y con
+ * `VALTECH_COMPANY_LINKS` (footer).
+ */
+const VALTECH_SITE_PATHS = {
+    home: '/',
+    support: '/contact',
+    contact: '/contact',
+    faq: '/faq',
+    about: '/about',
+    terms: '/legal/terms',
+    privacy: '/legal/privacy',
+    cookies: '/legal/cookies',
+    legalNotice: '/legal/legal-notice',
+};
+
+const VALTECH_LEGAL_CONFIG = new InjectionToken('VALTECH_LEGAL_CONFIG');
+/**
+ * Resolves legal/site paths against a configurable main-site base URL.
+ *
+ * - **Main site mode**: no `provideValtechLegal` called → `resolve('/legal/terms')` returns `/legal/terms` (relative).
+ * - **Satellite mode**: `provideValtechLegal({ baseUrl: 'https://myvaltech.com' })` → `resolve('/legal/terms')` returns `'https://myvaltech.com/legal/terms'` and `isExternal('/legal/terms')` returns `true`.
+ *
+ * Absolute URLs passed in are returned unchanged (no double-prefix).
+ */
+class LegalLinkService {
+    constructor() {
+        this.config = inject(VALTECH_LEGAL_CONFIG, { optional: true }) ?? {};
+    }
+    /** Effective base URL (null if running as main site). */
+    get baseUrl() {
+        return this.config.baseUrl?.replace(/\/$/, '') ?? null;
+    }
+    /** Whether resolved external links should open in a new tab. */
+    get openInNewTab() {
+        return this.config.openInNewTab ?? Boolean(this.config.baseUrl);
+    }
+    /**
+     * Returns the URL to use for a given internal path. Absolute URLs pass through.
+     *
+     * When `locale` is provided AND the resolved URL would be cross-origin, appends
+     * `?lang={locale}` so the main site can render the legal doc in the user's
+     * active language (instead of its default). Locale is omitted for same-origin
+     * resolves since the main site reads locale from its own `LocaleService`.
+     *
+     * @example
+     * resolve('/legal/terms')
+     *   // main site:  '/legal/terms'
+     *   // satellite:  'https://myvaltech.com/legal/terms'
+     *
+     * resolve('/legal/terms', { locale: 'pt' })
+     *   // main site:  '/legal/terms'  (locale stays implicit)
+     *   // satellite:  'https://myvaltech.com/legal/terms?lang=pt'
+     *
+     * resolve('https://x.com/y') // unchanged
+     */
+    resolve(path, options) {
+        if (!path)
+            return path;
+        if (/^https?:\/\//i.test(path))
+            return path;
+        const base = this.baseUrl;
+        if (!base)
+            return path;
+        const url = `${base}${path.startsWith('/') ? '' : '/'}${path}`;
+        if (options?.locale) {
+            const sep = url.includes('?') ? '&' : '?';
+            return `${url}${sep}lang=${encodeURIComponent(options.locale)}`;
+        }
+        return url;
+    }
+    /** `true` if the path would be resolved to a cross-origin URL. */
+    isExternal(path) {
+        if (/^https?:\/\//i.test(path))
+            return true;
+        return this.baseUrl !== null;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LegalLinkService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LegalLinkService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LegalLinkService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+/**
+ * Wires `LegalLinkService` for satellite apps. Omit in the main site (the one
+ * that hosts the canonical /legal/* routes) so links stay relative.
+ *
+ * @example
+ * // main.ts of showcase / sigify / etc.
+ * provideValtechLegal({
+ *   baseUrl: 'https://myvaltech.com',
+ *   openInNewTab: true,
+ * }),
+ */
+function provideValtechLegal(config) {
+    return { provide: VALTECH_LEGAL_CONFIG, useValue: config };
+}
+/**
+ * Wiring de una sola línea para que una app satélite apunte sus links de sitio
+ * (legal, soporte, contacto, …) a `web` —la landing de marca— en el ambiente
+ * correcto. Resuelve el `baseUrl` desde `VALTECH_WEB_BASE_URLS` según el `env`
+ * baked en build-time (`environment.valtechEnv`) y delega en `provideValtechLegal`.
+ *
+ * Ambiente desconocido/ausente → fallback a `prod` (ver `resolveWebBaseUrl`).
+ * El main site (`web`) NO llama esto — sus links quedan relativos.
+ *
+ * @example
+ * // main.ts de showcase / sigify / …
+ * import { environment } from './environments/environment';
+ * provideValtechSite(environment.valtechEnv),  // 'local' | 'dev' | 'prod'
+ *
+ * @see resolveWebBaseUrl
+ * @see VALTECH_SITE_PATHS — catálogo de paths estándar que viven en `web`.
+ */
+function provideValtechSite(env, options) {
+    return provideValtechLegal({
+        baseUrl: resolveWebBaseUrl(env),
+        openInNewTab: options?.openInNewTab ?? true,
+    });
+}
+
+/**
+ * Default modal sizes.
+ */
+const MODAL_SIZES = {
+    small: { width: '320px', height: '220px' },
+    medium: { width: '500px', height: '400px' },
+    large: { width: '800px', height: '80vh' },
+    full: { width: '100%', height: '100%' },
+    auto: { width: 'auto', height: '50vh' },
+};
+/**
+ * Default modal buttons.
+ */
+const DEFAULT_MODAL_CONFIRM_BUTTON = {
+    text: 'Confirm',
+    role: 'confirm',
+    color: 'primary',
+    fill: 'solid',
+};
+const DEFAULT_MODAL_CANCEL_BUTTON = {
+    text: 'Cancel',
+    role: 'cancel',
+    color: 'medium',
+    fill: 'clear',
+};
+
+/**
+ * Internal component for simple content modals.
+ * Used by ModalService.openSimple()
+ *
+ * Header + título + close button delegados a `val-modal-shell` (estándar
+ * canónico — ver Regla #5 en `frontend/CLAUDE.md`). El cuerpo (innerHTML) +
+ * footer con botones quedan locales.
+ */
+class SimpleModalContentComponent {
+    constructor() {
+        this.title = '';
+        this.content = '';
+        this.buttons = [];
+        this.showCloseButton = true;
+    }
+    async onButtonClick(button) {
+        if (button.handler) {
+            const result = await button.handler();
+            // If handler returns false, don't dismiss
+            if (result === false) {
+                return;
+            }
+        }
+        this._modalRef?.dismiss(undefined, button.role || 'confirm');
+    }
+    onDismiss(role) {
+        this._modalRef?.dismiss(undefined, role);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SimpleModalContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: SimpleModalContentComponent, isStandalone: true, selector: "val-simple-modal-content", inputs: { title: "title", content: "content", buttons: "buttons", showCloseButton: "showCloseButton", _modalRef: "_modalRef" }, ngImport: i0, template: `
+    <val-modal-shell [title]="title" [showClose]="showCloseButton" (close)="onDismiss('close')">
+      <div [innerHTML]="content"></div>
+    </val-modal-shell>
+
+    @if (buttons && buttons.length > 0) {
+      <ion-footer>
+        <ion-toolbar>
+          <div class="button-container">
+            @for (button of buttons; track button.text) {
+              <ion-button
+                [color]="button.color || 'medium'"
+                [fill]="button.fill || 'solid'"
+                [size]="button.size || 'default'"
+                [disabled]="button.disabled || button.loading"
+                [class]="button.cssClass"
+                (click)="onButtonClick(button)"
+              >
+                @if (button.loading) {
+                  <ion-spinner name="circular"></ion-spinner>
+                } @else {
+                  {{ button.text }}
+                }
+              </ion-button>
+            }
+          </div>
+        </ion-toolbar>
+      </ion-footer>
+    }
+  `, isInline: true, styles: [":host{display:flex;flex-direction:column;height:100%;min-height:0}ion-footer{flex-shrink:0}.button-container{display:flex;justify-content:flex-end;gap:8px;padding:8px 0}ion-footer ion-toolbar{--padding-start: 16px;--padding-end: 16px}:host ::ng-deep ul,:host ::ng-deep ol{padding-left:20px;margin:8px 0}:host ::ng-deep li{margin:4px 0}:host ::ng-deep p{margin:8px 0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { 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: IonFooter, selector: "ion-footer", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: IonSpinner, selector: "ion-spinner", inputs: ["color", "duration", "name", "paused"] }, { kind: "component", type: ModalShellComponent, selector: "val-modal-shell", inputs: ["title", "subtitle", "closeLabel", "showClose"], outputs: ["close"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SimpleModalContentComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'val-simple-modal-content', standalone: true, imports: [CommonModule, IonToolbar, IonButton, IonFooter, IonSpinner, ModalShellComponent], template: `
+    <val-modal-shell [title]="title" [showClose]="showCloseButton" (close)="onDismiss('close')">
+      <div [innerHTML]="content"></div>
+    </val-modal-shell>
+
+    @if (buttons && buttons.length > 0) {
+      <ion-footer>
+        <ion-toolbar>
+          <div class="button-container">
+            @for (button of buttons; track button.text) {
+              <ion-button
+                [color]="button.color || 'medium'"
+                [fill]="button.fill || 'solid'"
+                [size]="button.size || 'default'"
+                [disabled]="button.disabled || button.loading"
+                [class]="button.cssClass"
+                (click)="onButtonClick(button)"
+              >
+                @if (button.loading) {
+                  <ion-spinner name="circular"></ion-spinner>
+                } @else {
+                  {{ button.text }}
+                }
+              </ion-button>
+            }
+          </div>
+        </ion-toolbar>
+      </ion-footer>
+    }
+  `, styles: [":host{display:flex;flex-direction:column;height:100%;min-height:0}ion-footer{flex-shrink:0}.button-container{display:flex;justify-content:flex-end;gap:8px;padding:8px 0}ion-footer ion-toolbar{--padding-start: 16px;--padding-end: 16px}:host ::ng-deep ul,:host ::ng-deep ol{padding-left:20px;margin:8px 0}:host ::ng-deep li{margin:4px 0}:host ::ng-deep p{margin:8px 0}\n"] }]
+        }], propDecorators: { title: [{
+                type: Input
+            }], content: [{
+                type: Input
+            }], buttons: [{
+                type: Input
+            }], showCloseButton: [{
+                type: Input
+            }], _modalRef: [{
+                type: Input
+            }] } });
+
+/**
+ * ModalService
+ *
+ * A service for creating and managing modals with various configurations.
+ *
+ * @example Basic component modal
+ * ```typescript
+ * const result = await modalService.open({
+ *   component: MyFormComponent,
+ *   componentProps: { userId: 123 },
+ *   header: { title: 'Edit User', showCloseButton: true },
+ *   size: 'medium'
+ * });
+ *
+ * if (result.role === 'confirm') {
+ *   console.log('Saved:', result.data);
+ * }
+ * ```
+ *
+ * @example Simple content modal
+ * ```typescript
+ * await modalService.openSimple({
+ *   title: 'Terms of Service',
+ *   content: '<p>Terms content here...</p>',
+ *   size: 'large',
+ *   showCloseButton: true
+ * });
+ * ```
+ *
+ * @example Sheet modal (mobile)
+ * ```typescript
+ * const result = await modalService.openSheet({
+ *   component: FilterComponent,
+ *   breakpoints: {
+ *     initialBreakpoint: 0.5,
+ *     breakpoints: [0, 0.5, 1],
+ *     showHandle: true
+ *   }
+ * });
+ * ```
+ */
+class ModalService {
+    constructor(modalController) {
+        this.modalController = modalController;
+    }
+    /**
+     * Opens a modal with a component.
+     * @param options - Modal configuration
+     * @returns Promise resolving to the modal result
+     */
+    async open(options) {
+        // A sheet modal (breakpoints present) gets its height from the breakpoints
+        // and must span the full viewport width. Applying a size preset's
+        // `--width`/`--height` here collapses the sheet (e.g. `auto` → shrink to
+        // content) or fights the breakpoint height. So when it's a sheet we skip
+        // the size preset entirely.
+        const isSheet = !!options.breakpoints?.breakpoints?.length;
+        const size = isSheet ? undefined : MODAL_SIZES[options.size || 'medium'];
+        const cssClasses = this.buildCssClasses(options);
+        const modal = await this.modalController.create({
+            component: options.component,
+            componentProps: {
+                ...options.componentProps,
+                // Pass modal reference for dismiss from within component
+                _modalRef: {
+                    dismiss: (data, role) => modal.dismiss(data, role),
+                },
+            },
+            id: options.id,
+            showBackdrop: options.showBackdrop ?? true,
+            backdropDismiss: options.backdropDismiss ?? true,
+            keyboardClose: options.keyboardClose ?? true,
+            cssClass: cssClasses,
+            mode: options.mode,
+            animated: options.animated ?? true,
+            canDismiss: this.normalizeCanDismiss(options.canDismiss ?? true),
+            presentingElement: options.presentingElement,
+            // Sheet modal options
+            initialBreakpoint: options.breakpoints?.initialBreakpoint,
+            breakpoints: options.breakpoints?.breakpoints,
+            handle: options.breakpoints?.showHandle,
+            handleBehavior: options.breakpoints?.handleBehavior,
+        });
+        // Apply custom size styles. Skipped for sheet modals — their dimensions
+        // come from the breakpoints (Ionic spans the sheet full-width and uses the
+        // breakpoint values for height).
+        if (!isSheet && (options.width || options.height || size)) {
+            const modalEl = modal;
+            modalEl.style.setProperty('--width', options.width || size?.width || 'auto');
+            modalEl.style.setProperty('--height', options.height || size?.height || '50vh');
+        }
+        await modal.present();
+        const { data, role } = await modal.onDidDismiss();
+        return { data, role };
+    }
+    /**
+     * Opens a simple content modal without a custom component.
+     * Uses Ionic's alert-like styling but with modal capabilities.
+     * @param options - Simple modal configuration
+     * @returns Promise resolving to the modal result
+     */
+    async openSimple(options) {
+        return this.open({
+            component: SimpleModalContentComponent,
+            componentProps: {
+                title: options.title,
+                content: options.content,
+                buttons: options.buttons || [DEFAULT_MODAL_CANCEL_BUTTON, DEFAULT_MODAL_CONFIRM_BUTTON],
+                showCloseButton: options.showCloseButton ?? true,
+            },
+            size: options.size || 'medium',
+            backdropDismiss: options.backdropDismiss ?? true,
+            cssClass: ['simple-modal', options.cssClass].filter(Boolean).join(' '),
+        });
+    }
+    /**
+     * Opens a confirmation modal.
+     * @param title - Modal title
+     * @param message - Modal message
+     * @param confirmButton - Confirm button config (optional)
+     * @param cancelButton - Cancel button config (optional)
+     * @returns Promise resolving to true if confirmed
+     */
+    async confirm(title, message, confirmButton, cancelButton) {
+        const result = await this.openSimple({
+            title,
+            content: message,
+            size: 'small',
+            showCloseButton: false,
+            backdropDismiss: false,
+            buttons: [
+                { ...DEFAULT_MODAL_CANCEL_BUTTON, ...cancelButton },
+                { ...DEFAULT_MODAL_CONFIRM_BUTTON, ...confirmButton },
+            ],
+        });
+        return result.role === 'confirm';
+    }
+    /**
+     * Opens a sheet modal (iOS-style bottom sheet).
+     * @param options - Modal configuration with sheet-specific options
+     * @returns Promise resolving to the modal result
+     */
+    async openSheet(options) {
+        return this.open({
+            ...options,
+            breakpoints: {
+                initialBreakpoint: options.initialBreakpoint ?? 0.5,
+                breakpoints: options.breakpoints ?? [0, 0.5, 1],
+                showHandle: options.showHandle ?? true,
+            },
+            cssClass: ['sheet-modal', options.cssClass].filter(Boolean).join(' '),
+        });
+    }
+    /**
+     * Opens a fullscreen modal.
+     * @param options - Modal configuration
+     * @returns Promise resolving to the modal result
+     */
+    async openFullscreen(options) {
+        return this.open({
+            ...options,
+            size: 'full',
+            cssClass: ['fullscreen-modal', options.cssClass].filter(Boolean).join(' '),
+        });
+    }
+    /**
+     * Dismisses the top-most modal.
+     * @param data - Optional data to return
+     * @param role - Optional role
+     */
+    async dismiss(data, role) {
+        return this.modalController.dismiss(data, role);
+    }
+    /**
+     * Gets the top-most modal.
+     */
+    async getTop() {
+        return this.modalController.getTop();
+    }
+    normalizeCanDismiss(canDismiss) {
+        if (typeof canDismiss === 'boolean') {
+            return canDismiss;
+        }
+        // Wrap the function to ensure it returns a Promise
+        return async (data, role) => {
+            const result = canDismiss();
+            return Promise.resolve(result);
+        };
+    }
+    buildCssClasses(options) {
+        const classes = ['val-modal'];
+        if (options.size) {
+            classes.push(`modal-${options.size}`);
+        }
+        if (options.header) {
+            classes.push('modal-with-header');
+        }
+        if (options.footer) {
+            classes.push('modal-with-footer');
+        }
+        if (options.cssClass) {
+            classes.push(options.cssClass);
+        }
+        return classes.join(' ');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ModalService, deps: [{ token: i2$1.ModalController }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ModalService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ModalService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: i2$1.ModalController }] });
+
+/**
+ * Defaults i18n (es/en) embebidos en `val-security-view`. Auto-registrados en el
+ * constructor del componente si el consumer no proveyó el namespace
+ * (`Settings.Security` por default). Garantiza que nunca haya una key faltante
+ * evaluada por cada change-detection (ver nota en valtech-components/CLAUDE.md
+ * sobre el storm de CD con `val-debug-console`). El consumer puede override
+ * registrando el mismo namespace antes de que el componente monte.
+ *
+ * SOLO incluye las keys que la vista realmente usa.
+ */
+const SECURITY_VIEW_I18N = {
+    es: {
+        pageTitle: 'Seguridad',
+        pageDescription: 'Contraseñas, MFA y sesiones activas',
+        blocked: 'Dispositivo bloqueado',
+        tokenActionFailed: 'El enlace del email no es válido o expiró.',
+        loginAttemptTitle: 'Confirmar inicio de sesión',
+        loginAttemptBody: 'Detectamos un inicio de sesión en este dispositivo. Si fuiste tú, no tienes que hacer nada. Si no lo reconoces, bloquéalo.',
+        loginAttemptMine: 'Sí, fui yo',
+        loginAttemptBlock: 'No fui yo — bloquear',
+        loginAttemptClose: 'Cerrar',
+        loginAttemptDone: 'Dispositivo bloqueado. Restablece tu contraseña para reforzar tu cuenta.',
+        loginAttemptUnknownDevice: 'Dispositivo desconocido',
+        sessionsTitle: 'Sesiones activas',
+        sessionsTitleCount: 'Sesiones activas ({n})',
+        sessionsLoading: 'Cargando sesiones…',
+        sessionsEmpty: 'No hay sesiones activas.',
+        sessionsThis: 'Esta sesión',
+        sessionsRevoke: 'Cerrar',
+        sessionsRevokeAll: 'Cerrar todas las demás',
+        sessionsViewAll: 'Ver todas',
+        sessionsModalTitle: 'Todas las sesiones activas',
+        sessionsRevoked: 'Sesión cerrada.',
+        sessionsAllRevoked: 'Todas las demás sesiones fueron cerradas.',
+        sessionsError: 'No se pudo completar la operación.',
+        revokeAllConfirmTitle: 'Cerrar todas las otras sesiones',
+        revokeAllConfirmMessage: 'Vas a cerrar todas tus sesiones excepto la actual. Tendrás que volver a iniciar sesión en los otros dispositivos.',
+        revokeAllConfirm: 'Cerrar todas',
+        cancel: 'Cancelar',
+        quickActionsTitle: 'Otras opciones',
+        changePassword: 'Cambiar contraseña',
+        changePasswordDesc: 'Actualiza tu contraseña de acceso',
+        changeEmail: 'Cambiar email',
+        changeEmailDesc: 'Actualiza el correo electrónico de tu cuenta',
+        mfa: 'Autenticación de dos pasos (MFA)',
+        mfaDesc: 'Agrega un segundo factor a tu inicio de sesión',
+        sessions: 'Sesiones activas',
+        sessionsDesc: 'Revisa y cierra sesiones en otros dispositivos',
+        policiesTitle: 'Políticas relacionadas',
+        privacyLink: 'Política de Privacidad',
+        cookiesLink: 'Política de Cookies',
+        dataUsageLink: 'Uso de Datos',
+        termsLink: 'Términos y Condiciones',
+        thirdPartyLink: 'Software y Servicios de Terceros',
+        legalNoticeLink: 'Aviso Legal',
+        soonHint: 'Próximamente',
+    },
+    en: {
+        pageTitle: 'Security',
+        pageDescription: 'Passwords, MFA, and active sessions',
+        blocked: 'Device blocked',
+        tokenActionFailed: 'The email link is invalid or has expired.',
+        loginAttemptTitle: 'Confirm sign-in',
+        loginAttemptBody: "We detected a sign-in on this device. If it was you, there's nothing to do. If you don't recognize it, block it.",
+        loginAttemptMine: 'Yes, it was me',
+        loginAttemptBlock: 'Not me — block it',
+        loginAttemptClose: 'Close',
+        loginAttemptDone: 'Device blocked. Reset your password to secure your account.',
+        loginAttemptUnknownDevice: 'Unknown device',
+        sessionsTitle: 'Active sessions',
+        sessionsTitleCount: 'Active sessions ({n})',
+        sessionsLoading: 'Loading sessions…',
+        sessionsEmpty: 'No active sessions.',
+        sessionsThis: 'This session',
+        sessionsRevoke: 'End',
+        sessionsRevokeAll: 'End all others',
+        sessionsViewAll: 'View all',
+        sessionsModalTitle: 'All active sessions',
+        sessionsRevoked: 'Session ended.',
+        sessionsAllRevoked: 'All other sessions were ended.',
+        sessionsError: 'Could not complete the operation.',
+        revokeAllConfirmTitle: 'End all other sessions',
+        revokeAllConfirmMessage: "You're about to end every session except this one. You'll need to sign in again on the other devices.",
+        revokeAllConfirm: 'End all',
+        cancel: 'Cancel',
+        quickActionsTitle: 'Other options',
+        changePassword: 'Change password',
+        changePasswordDesc: 'Update your access password',
+        changeEmail: 'Change email',
+        changeEmailDesc: 'Update the email address on your account',
+        mfa: 'Two-step verification (MFA)',
+        mfaDesc: 'Add a second factor to your sign-in',
+        sessions: 'Active sessions',
+        sessionsDesc: 'Review and sign out from other devices',
+        policiesTitle: 'Related policies',
+        privacyLink: 'Privacy Policy',
+        cookiesLink: 'Cookie Policy',
+        dataUsageLink: 'Data Usage',
+        termsLink: 'Terms and Conditions',
+        thirdPartyLink: 'Third-Party Software and Services',
+        legalNoticeLink: 'Legal Notice',
+        soonHint: 'Coming soon',
+    },
+};
+
+addIcons({ laptopOutline, phonePortraitOutline });
+const DEFAULT_NAMESPACE = 'Settings.Security';
+/**
+ * `val-security-view` — vista Seguridad full-feature autocontenida (organism).
+ *
+ * Promovida desde `showcase` bajo el proceso de ADR-021. Reúne en una sola vista:
+ *  - **Sesiones activas** — única vista user-facing de "dónde tengo sesión".
+ *    Lista inline (limit 3) + modal "Ver todas" (`val-session-list-modal`) +
+ *    revoke individual / revoke-all (con confirmación).
+ *  - **Action-cards** — cambiar contraseña, cambiar email y MFA (cada una abre
+ *    el modal correspondiente de la lib).
+ *  - **Políticas legales** — links resueltos vía `LegalLinkService` (apps
+ *    satélite apuntan al main site).
+ *
+ * Deep-links del email (gateados por `config.handleDeepLinks`, default `true`):
+ *  - `?token=...&action=...` → modal `val-login-attempt-modal` (autorizar/bloquear
+ *    el nuevo acceso).
+ *  - `?mfaCode=...` → abre el modal MFA con el código pre-cargado.
+ *
+ * NO renderiza ion-content — vive dentro de val-page-wrapper.
+ *
+ * Auto-registra sus defaults i18n (es/en) en el constructor si el consumer no
+ * proveyó el namespace configurado (default `Settings.Security`).
+ */
+class SecurityViewComponent {
+    /** Namespace i18n resuelto (capturado para llamadas no-reactivas). */
+    get ns() {
+        return this.resolvedConfig().i18nNamespace;
+    }
+    constructor() {
+        this.nav = inject(NavigationService);
+        this.i18n = inject(I18nService);
+        this.deviceService = inject(DeviceService);
+        this.legalLink = inject(LegalLinkService);
+        this.toast = inject(ToastService);
+        this.errors = inject(ValtechErrorService);
+        this.router = inject(Router, { optional: true });
+        this.route = inject(ActivatedRoute, { optional: true });
+        this.sessionService = inject(SessionService);
+        this.modalService = inject(ModalService);
+        this.confirmDialog = inject(ConfirmationDialogService);
+        this.resolvedConfig = computed(() => {
+            const fromRoute = (this.route?.snapshot.data['securityConfig'] ?? {});
+            const merged = { ...fromRoute, ...(this.config ?? {}) };
+            return {
+                showSessions: merged.showSessions ?? true,
+                showChangePassword: merged.showChangePassword ?? true,
+                showChangeEmail: merged.showChangeEmail ?? true,
+                showMfa: merged.showMfa ?? true,
+                showPolicies: merged.showPolicies ?? true,
+                i18nNamespace: merged.i18nNamespace ?? DEFAULT_NAMESPACE,
+                handleDeepLinks: merged.handleDeepLinks ?? true,
+                homeRoute: merged.homeRoute ?? '/app/home',
+                onMfaCompleted: merged.onMfaCompleted,
+            };
+        });
+        /**
+         * Lista de dispositivos del user. No se renderiza — solo alimenta el modal
+         * de confirmación de inicio de sesión (`handleActionTokenFromUrl`) para
+         * resolver un label legible desde el `targetId` del token.
+         */
+        this.devices = signal([]);
+        this.sessions = signal([]);
+        this.sessionsLoading = signal(true);
+        this.isChangeEmailModalOpen = signal(false);
+        this.isChangePasswordModalOpen = signal(false);
+        this.isMfaModalOpen = signal(false);
+        /** Código MFA del deep-link `/verify` — pre-carga el modal en confirmación. */
+        this.mfaPrefillCode = signal(undefined);
+        this.pageTitle = computed(() => this.tt('pageTitle'));
+        this.pageDescription = computed(() => this.tt('pageDescription'));
+        this.quickActionsTitle = computed(() => this.tt('quickActionsTitle'));
+        this.policiesTitle = computed(() => this.tt('policiesTitle'));
+        this.hasActionCards = computed(() => this.actionCards().length > 0);
+        this.actionCards = computed(() => {
+            this.i18n.lang();
+            const cfg = this.resolvedConfig();
+            const cards = [];
+            if (cfg.showChangePassword) {
+                cards.push({
+                    token: 'action-change-password',
+                    title: this.tt('changePassword'),
+                    description: this.tt('changePasswordDesc'),
+                    icon: { ionicon: 'key-outline', color: 'dark', backgroundColor: 'light' },
+                    showChevron: true,
+                    shadowed: true,
+                });
+            }
+            if (cfg.showChangeEmail) {
+                cards.push({
+                    token: 'action-change-email',
+                    title: this.tt('changeEmail'),
+                    description: this.tt('changeEmailDesc'),
+                    icon: { ionicon: 'mail-outline', color: 'dark', backgroundColor: 'light' },
+                    showChevron: true,
+                    shadowed: true,
+                });
+            }
+            if (cfg.showMfa) {
+                cards.push({
+                    token: 'action-mfa',
+                    title: this.tt('mfa'),
+                    description: this.tt('mfaDesc'),
+                    icon: { ionicon: 'shield-checkmark-outline', color: 'dark', backgroundColor: 'light' },
+                    showChevron: true,
+                    shadowed: true,
+                });
+            }
+            return cards;
+        });
+        /**
+         * Fuente única de links legales del producto. Se resuelven vía
+         * `LegalLinkService` — apps satélite apuntan al main site, el main site los
+         * deja relativos.
+         */
+        this.policyLinksProps = computed(() => {
+            const locale = this.i18n.lang();
+            const link = (path, labelKey) => ({
+                label: this.tt(labelKey),
+                href: this.legalLink.resolve(path, { locale }),
+                external: this.legalLink.isExternal(path),
+            });
+            return {
+                links: [
+                    link('/legal/terms', 'termsLink'),
+                    link('/legal/privacy', 'privacyLink'),
+                    link('/legal/cookies', 'cookiesLink'),
+                    link('/legal/data-usage', 'dataUsageLink'),
+                    link('/legal/third-party', 'thirdPartyLink'),
+                    link('/legal/legal-notice', 'legalNoticeLink'),
+                ],
+                showDividers: true,
+            };
+        });
+        // ===========================================================================
+        // Sessions
+        // ===========================================================================
+        this.sessionsTitle = computed(() => this.tt('sessionsTitle'));
+        this.sessionsEmptyLabel = computed(() => this.tt('sessionsEmpty'));
+        this.sessionsThis = computed(() => this.tt('sessionsThis'));
+        this.hasOtherSessions = computed(() => this.sessions().some(s => !s.isCurrent));
+        /** Sesiones ordenadas: current primero, resto por createdAt desc. */
+        this.sortedSessions = computed(() => {
+            const all = [...this.sessions()];
+            return all.sort((a, b) => {
+                if (a.isCurrent && !b.isCurrent)
+                    return -1;
+                if (!a.isCurrent && b.isCurrent)
+                    return 1;
+                return (b.createdAt || '').localeCompare(a.createdAt || '');
+            });
+        });
+        /** Limit de sesiones mostradas inline. Si total > limit, "Ver todas" abre modal. */
+        this.VISIBLE_LIMIT = 3;
+        this.visibleSessions = computed(() => this.sortedSessions().slice(0, this.VISIBLE_LIMIT));
+        this.hasMoreSessions = computed(() => this.sortedSessions().length > this.VISIBLE_LIMIT);
+        /** Titulo con count: "Sesiones activas (4)". Sin count si N=0. */
+        this.sessionsTitleWithCount = computed(() => {
+            const n = this.sortedSessions().length;
+            if (n === 0)
+                return this.sessionsTitle();
+            return this.tt('sessionsTitleCount').replace('{n}', String(n));
+        });
+        this.revokeOneButtonProps = computed(() => ({
+            text: this.tt('sessionsRevoke'),
+            color: 'dark',
+            fill: 'clear',
+            size: 'small',
+            type: 'button',
+            token: 'session-revoke',
+        }));
+        this.viewAllButtonProps = computed(() => ({
+            text: this.tt('sessionsViewAll'),
+            color: 'dark',
+            fill: 'clear',
+            size: 'small',
+            type: 'button',
+            state: ComponentStates.ENABLED,
+        }));
+        /** Action-header de Sesiones: title + count + boton "Cerrar todas las demas". */
+        this.sessionsHeader = computed(() => ({
+            headingKind: 'title',
+            title: {
+                size: 'medium',
+                color: 'dark',
+                bold: true,
+                content: this.sessionsTitleWithCount(),
+            },
+            action: {
+                text: this.tt('sessionsRevokeAll'),
+                color: 'dark',
+                fill: 'outline',
+                size: 'small',
+                type: 'button',
+                state: ComponentStates.ENABLED,
+                token: 'session-revoke-all',
+                handler: () => this.onRevokeAll(),
+            },
+        }));
+        const ns = this.ns;
+        if (!this.i18n.hasNamespace(ns)) {
+            this.i18n.registerContent(ns, SECURITY_VIEW_I18N);
+        }
+        this.nav.setBackHeader('pageTitle', ns, { withMenu: true });
+        // Carga inicial de sesiones - recarga reactiva a cambio de locale para
+        // que los textos y metadatos se mantengan frescos. Los devices solo se
+        // cargan on-demand desde el flujo del modal (handleActionTokenFromUrl).
+        effect(() => {
+            this.i18n.lang();
+            const showSessions = this.resolvedConfig().showSessions;
+            untracked(() => {
+                if (showSessions)
+                    void this.loadSessions();
+            });
+        }, { allowSignalWrites: true });
+        // Pull-to-refresh estandar (Regla #3) - re-fetchea las sesiones activas.
+        connectPageRefresh(() => this.loadSessions());
+        // Deep-links del email - solo si estan habilitados Y hay ruta (montada como
+        // route). En modo embebido sin ruta es no-op.
+        if (this.resolvedConfig().handleDeepLinks && this.route) {
+            // Si el user llego via link del email (?token=...&action=...), abre el
+            // modal de confirmacion para autorizar/rechazar el intento.
+            void this.handleActionTokenFromUrl();
+            // Deep-link del email de setup MFA-email (?mfaCode=...).
+            this.handleMfaCodeFromUrl();
+        }
+    }
+    /**
+     * Llega vía link del email de "nuevo acceso" (`?token=...`). Valida el token
+     * (sin ejecutar) y levanta el modal de confirmación. El bloqueo solo se
+     * ejecuta si el user confirma "no fui yo" dentro del modal.
+     */
+    async handleActionTokenFromUrl() {
+        const token = this.route?.snapshot.queryParamMap.get('token');
+        if (!token)
+            return;
+        // Limpia ?token/?action de la URL ya - el modal es la fuente de verdad;
+        // un refresh no debe re-abrirlo ni re-validar.
+        void this.router?.navigate([], {
+            relativeTo: this.route ?? undefined,
+            queryParams: { token: null, action: null },
+            queryParamsHandling: 'merge',
+            replaceUrl: true,
+        });
+        let validation;
+        try {
+            validation = await firstValueFrom(this.deviceService.validateAction(token));
+        }
+        catch (err) {
+            this.errors.handle(err, {
+                context: 'security.validateActionToken',
+                fallbackKey: 'tokenActionFailed',
+                i18nNamespace: this.ns,
+            });
+            return;
+        }
+        if (!validation.valid) {
+            this.toastTokenInvalid();
+            return;
+        }
+        // Resuelve el dispositivo objetivo desde la lista cargada para mostrarlo.
+        await this.loadDevices();
+        const target = this.devices().find(d => d.deviceId === validation.targetId);
+        const isMobile = target?.platform === 'ios' || target?.platform === 'android';
+        const onBlock = async () => {
+            await firstValueFrom(this.deviceService.executeAction(token));
+            await this.loadDevices();
+        };
+        const result = await this.modalService.open({
+            component: LoginAttemptModalComponent,
+            componentProps: {
+                title: this.tt('loginAttemptTitle'),
+                body: this.tt('loginAttemptBody'),
+                deviceLabel: target ? this.describeDevice(target) : this.tt('loginAttemptUnknownDevice'),
+                metaLabel: target ? this.formatDate(target.lastActive) : '',
+                mineLabel: this.tt('loginAttemptMine'),
+                blockLabel: this.tt('loginAttemptBlock'),
+                closeLabel: this.tt('loginAttemptClose'),
+                doneLabel: this.tt('loginAttemptDone'),
+                isMobile,
+                onBlock,
+            },
+        });
+        if (result.role === 'blocked') {
+            this.toastOk(this.tt('blocked'));
+        }
+        else if (result.role === 'error') {
+            this.toastTokenInvalid();
+        }
+    }
+    toastTokenInvalid() {
+        this.toast.show({
+            message: this.tt('tokenActionFailed'),
+            duration: 3500,
+            color: 'dark',
+            position: 'top',
+        });
+    }
+    async loadDevices() {
+        try {
+            const list = await firstValueFrom(this.deviceService.listDevices());
+            this.devices.set(list || []);
+        }
+        catch {
+            this.devices.set([]);
+        }
+    }
+    onActionClick(action) {
+        if (action.token === 'action-change-password') {
+            this.isChangePasswordModalOpen.set(true);
+            return;
+        }
+        if (action.token === 'action-change-email') {
+            this.isChangeEmailModalOpen.set(true);
+            return;
+        }
+        if (action.token === 'action-mfa') {
+            this.mfaPrefillCode.set(undefined);
+            this.isMfaModalOpen.set(true);
+        }
+    }
+    onMfaModalDismissed() {
+        this.isMfaModalOpen.set(false);
+        this.mfaPrefillCode.set(undefined);
+    }
+    /**
+     * El user llegó vía link del email, confirmó MFA en el modal. Cerramos el
+     * modal y, si hay hook `onMfaCompleted`, lo invocamos; si no, navegamos al
+     * `homeRoute` configurado — quedarse en Settings → Security daría la
+     * sensación de "tarea inconclusa" cuando el flow ya terminó.
+     */
+    onMfaEnabledViaDeeplink() {
+        this.isMfaModalOpen.set(false);
+        this.mfaPrefillCode.set(undefined);
+        const cfg = this.resolvedConfig();
+        if (cfg.onMfaCompleted) {
+            cfg.onMfaCompleted();
+        }
+        else {
+            void this.router?.navigateByUrl(cfg.homeRoute);
+        }
+    }
+    /**
+     * Deep-link `/verify?...&verify-code=` → redirige a esta vista con `?mfaCode=`.
+     * Abre el modal MFA con el código pre-cargado en el paso de confirmación.
+     */
+    handleMfaCodeFromUrl() {
+        const code = this.route?.snapshot.queryParamMap.get('mfaCode');
+        if (!code)
+            return;
+        // Limpia el query param - un refresh no debe re-abrir el modal.
+        void this.router?.navigate([], {
+            relativeTo: this.route ?? undefined,
+            queryParams: { mfaCode: null },
+            queryParamsHandling: 'merge',
+            replaceUrl: true,
+        });
+        this.mfaPrefillCode.set(code);
+        this.isMfaModalOpen.set(true);
+    }
+    describeDevice(d) {
+        const parts = [d.platform, d.browser, d.location].filter(Boolean);
+        return parts.join(' · ') || d.deviceId;
+    }
+    formatDate(iso) {
+        if (!iso)
+            return '';
+        try {
+            return new Date(iso).toLocaleString(this.i18n.lang());
+        }
+        catch {
+            return iso;
+        }
+    }
+    toastOk(msg) {
+        this.toast.show({
+            message: msg,
+            duration: 2200,
+            color: 'dark',
+            position: 'top',
+        });
+    }
+    // ===========================================================================
+    // Sessions - métodos
+    // ===========================================================================
+    /** Icono según device: phone si UA mobile, sino laptop. */
+    deviceIcon(s) {
+        const ua = (s.deviceInfo || '').toLowerCase();
+        const isMobile = /iphone|ipad|ipod|android|mobile/.test(ua);
+        return isMobile ? 'phone-portrait-outline' : 'laptop-outline';
+    }
+    formatSessionMeta(s) {
+        const parts = [];
+        if (s.location)
+            parts.push(s.location);
+        else if (s.ip)
+            parts.push(s.ip);
+        if (s.createdAt)
+            parts.push(new Date(s.createdAt).toLocaleString());
+        return parts.join(' · ');
+    }
+    async onRevokeOne(sessionId) {
+        try {
+            await firstValueFrom(this.sessionService.revokeSession(sessionId));
+            this.toast.show({
+                message: this.tt('sessionsRevoked'),
+                duration: 2500,
+                color: 'dark',
+                position: 'top',
+            });
+            await this.loadSessions();
+        }
+        catch (err) {
+            this.errors.handle(err, {
+                context: 'security.revokeSession',
+                fallbackKey: 'sessionsError',
+                i18nNamespace: this.ns,
+            });
+        }
+    }
+    async onRevokeAll() {
+        const result = await this.confirmDialog.confirmDestructive({
+            title: this.tt('revokeAllConfirmTitle'),
+            message: this.tt('revokeAllConfirmMessage'),
+            confirmButton: { text: this.tt('revokeAllConfirm') },
+            cancelButton: { text: this.tt('cancel') },
+        });
+        if (!result.confirmed)
+            return;
+        try {
+            await firstValueFrom(this.sessionService.revokeAllSessions());
+            this.toast.show({
+                message: this.tt('sessionsAllRevoked'),
+                duration: 2500,
+                color: 'dark',
+                position: 'top',
+            });
+            await this.loadSessions();
+        }
+        catch (err) {
+            this.errors.handle(err, {
+                context: 'security.revokeAllSessions',
+                fallbackKey: 'sessionsError',
+                i18nNamespace: this.ns,
+            });
+        }
+    }
+    /** Abre modal con la lista completa. Cada revoke pasa por `onRevoke`. */
+    async openSessionsModal() {
+        const onRevoke = async (sessionId) => {
+            try {
+                await firstValueFrom(this.sessionService.revokeSession(sessionId));
+                this.toast.show({
+                    message: this.tt('sessionsRevoked'),
+                    duration: 2500,
+                    color: 'dark',
+                    position: 'top',
+                });
+            }
+            catch (err) {
+                this.errors.handle(err, {
+                    context: 'security.revokeSession.modal',
+                    fallbackKey: 'sessionsError',
+                    i18nNamespace: this.ns,
+                });
+                throw err;
+            }
+            await this.loadSessions();
+            return this.sortedSessions();
+        };
+        await this.modalService.openSheet({
+            component: SessionListModalComponent,
+            componentProps: {
+                sessions: this.sortedSessions(),
+                title: this.tt('sessionsModalTitle'),
+                closeLabel: this.tt('loginAttemptClose'),
+                thisLabel: this.sessionsThis(),
+                revokeLabel: this.tt('sessionsRevoke'),
+                onRevoke,
+            },
+            initialBreakpoint: 1,
+            breakpoints: [0, 1],
+            showHandle: false,
+        });
+    }
+    async loadSessions() {
+        this.sessionsLoading.set(true);
+        try {
+            const list = await firstValueFrom(this.sessionService.listSessions());
+            this.sessions.set(list);
+        }
+        catch (err) {
+            console.error('[Security] listSessions failed:', err);
+            this.sessions.set([]);
+        }
+        finally {
+            this.sessionsLoading.set(false);
+        }
+    }
+    /** Lee del namespace configurado. */
+    tt(key) {
+        return this.i18n.t(key, this.ns);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SecurityViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: SecurityViewComponent, isStandalone: true, selector: "val-security-view", inputs: { config: "config" }, ngImport: i0, template: `
+    <div class="page">
+      <header class="page-header">
+        <val-display [props]="{ size: 'small', color: 'dark', content: pageTitle() }" />
+        <val-title
+          [props]="{
+            size: 'large',
+            color: 'dark',
+            bold: false,
+            content: pageDescription(),
+          }"
+        />
+      </header>
+
+      @if (resolvedConfig().showSessions) {
+        <!-- 1. Active sessions - unica vista user-facing de donde tengo sesion. -->
+        <section class="settings-section">
+          @if (hasOtherSessions()) {
+            <val-action-header [props]="sessionsHeader()" />
+          } @else {
+            <val-title
+              [props]="{
+                size: 'medium',
+                color: 'dark',
+                bold: true,
+                content: sessionsTitleWithCount(),
+              }"
+            />
+          }
+
+          <div class="section-body">
+            @if (sessionsLoading()) {
+              <val-skeleton-layout [props]="{ preset: 'list', rows: 3 }" />
+            } @else if (sessions().length === 0) {
+              <val-text
+                [props]="{
+                  content: sessionsEmptyLabel(),
+                  size: 'small',
+                  color: 'medium',
+                  bold: false,
+                }"
+              />
+            } @else {
+              <ul class="sessions">
+                @for (s of visibleSessions(); track s.sessionId) {
+                  <li class="session" [class.session--current]="s.isCurrent">
+                    <ion-icon class="session__icon" [name]="deviceIcon(s)" aria-hidden="true" />
+                    <div class="session__body">
+                      <val-text
+                        [props]="{
+                          content: s.deviceInfo || s.deviceId || '—',
+                          size: 'medium',
+                          color: 'dark',
+                          bold: true,
+                        }"
+                      />
+                      <val-text
+                        [props]="{
+                          content: formatSessionMeta(s),
+                          size: 'small',
+                          color: 'medium',
+                          bold: false,
+                        }"
+                      />
+                    </div>
+                    <div class="session__end">
+                      @if (s.isCurrent) {
+                        <span class="session__badge">{{ sessionsThis() }}</span>
+                      } @else {
+                        <val-button [props]="revokeOneButtonProps()" (click)="onRevokeOne(s.sessionId)" />
+                      }
+                    </div>
+                  </li>
+                }
+              </ul>
+              @if (hasMoreSessions()) {
+                <div class="row-actions row-actions--center">
+                  <val-button [props]="viewAllButtonProps()" (click)="openSessionsModal()" />
+                </div>
+              }
+            }
+          </div>
+        </section>
+      }
+
+      @if (hasActionCards()) {
+        <!-- 2. Quick actions: change password, change email, MFA -->
+        <section class="settings-section">
+          <h2>{{ quickActionsTitle() }}</h2>
+          <ion-grid class="cards-grid">
+            <ion-row>
+              @for (action of actionCards(); track action.token) {
+                <ion-col size="12" size-sm="6">
+                  <val-action-card [props]="action" (onClick)="onActionClick(action)" />
+                </ion-col>
+              }
+            </ion-row>
+          </ion-grid>
+        </section>
+      }
+
+      @if (resolvedConfig().showPolicies) {
+        <!-- 3. Related policies -->
+        <section class="settings-section">
+          <h2>{{ policiesTitle() }}</h2>
+          <val-page-links [props]="policyLinksProps()" />
+        </section>
+      }
+
+      <val-change-email-modal
+        [isOpen]="isChangeEmailModalOpen()"
+        (changed)="isChangeEmailModalOpen.set(false)"
+        (dismissed)="isChangeEmailModalOpen.set(false)"
+      />
+
+      <val-change-password-modal
+        [isOpen]="isChangePasswordModalOpen()"
+        (changed)="isChangePasswordModalOpen.set(false)"
+        (dismissed)="isChangePasswordModalOpen.set(false)"
+      />
+
+      <val-mfa-modal
+        [isOpen]="isMfaModalOpen()"
+        [prefillCode]="mfaPrefillCode()"
+        (dismissed)="onMfaModalDismissed()"
+        (enabledViaDeeplink)="onMfaEnabledViaDeeplink()"
+      />
+    </div>
+  `, isInline: true, styles: [".page{padding:16px 0;max-width:720px;margin:0 auto}.page-header{margin-bottom:16px}.settings-section{padding:16px 0}.settings-section+.settings-section{border-top:1px solid var(--val-border-color, rgba(0, 0, 0, .08))}h2{font-size:16px;font-weight:600;margin:0 0 4px}.cards-grid{margin:0 -4px;padding:0}.cards-grid ion-col{padding:4px;display:flex;flex-direction:column}.cards-grid ion-col val-action-card{flex:1;display:flex;flex-direction:column}.section-body{margin-top:16px;display:flex;flex-direction:column;gap:10px}.row-actions{margin-top:12px}.row-actions--center{display:flex;justify-content:center;margin-top:4px}.sessions{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.session{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:14px;background:var(--ion-color-light, rgba(0, 0, 0, .04));border:1px solid transparent;transition:background .15s ease,border-color .15s ease}.session--current{background:#2dd36f1a;border-color:#2dd36f4d}.session__icon{font-size:26px;color:var(--ion-color-dark, #1a1a1a);flex-shrink:0}.session--current .session__icon{color:var(--ion-color-success-shade, #28ba62)}.session__body{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.session__end{flex-shrink:0}.session__badge{display:inline-block;padding:4px 10px;font-size:11px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--ion-color-success-shade, #28ba62);background:#2dd36f2e;border-radius:999px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: IonGrid, selector: "ion-grid", inputs: ["fixed"] }, { kind: "component", type: IonRow, selector: "ion-row" }, { kind: "component", type: IonCol, selector: "ion-col", inputs: ["offset", "offsetLg", "offsetMd", "offsetSm", "offsetXl", "offsetXs", "pull", "pullLg", "pullMd", "pullSm", "pullXl", "pullXs", "push", "pushLg", "pushMd", "pushSm", "pushXl", "pushXs", "size", "sizeLg", "sizeMd", "sizeSm", "sizeXl", "sizeXs"] }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: DisplayComponent, selector: "val-display", inputs: ["props"] }, { kind: "component", type: TitleComponent, selector: "val-title", inputs: ["props"] }, { kind: "component", type: TextComponent, selector: "val-text", inputs: ["props"] }, { kind: "component", type: ButtonComponent, selector: "val-button", inputs: ["preset", "props"], outputs: ["onClick"] }, { kind: "component", type: ActionCardComponent, selector: "val-action-card", inputs: ["props"], outputs: ["onClick"] }, { kind: "component", type: ActionHeaderComponent, selector: "val-action-header", inputs: ["props"] }, { kind: "component", type: PageLinksComponent, selector: "val-page-links", inputs: ["props"] }, { kind: "component", type: SkeletonLayoutComponent, selector: "val-skeleton-layout", inputs: ["props"] }, { kind: "component", type: ChangeEmailModalComponent, selector: "val-change-email-modal", inputs: ["isOpen"], outputs: ["changed", "dismissed"] }, { kind: "component", type: ChangePasswordModalComponent, selector: "val-change-password-modal", inputs: ["isOpen"], outputs: ["changed", "dismissed"] }, { kind: "component", type: MfaModalComponent, selector: "val-mfa-modal", inputs: ["isOpen", "prefillCode"], outputs: ["changed", "enabledViaDeeplink", "dismissed"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SecurityViewComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'val-security-view', standalone: true, imports: [
+                        CommonModule,
+                        IonGrid,
+                        IonRow,
+                        IonCol,
+                        IonIcon,
+                        DisplayComponent,
+                        TitleComponent,
+                        TextComponent,
+                        ButtonComponent,
+                        ActionCardComponent,
+                        ActionHeaderComponent,
+                        PageLinksComponent,
+                        SkeletonLayoutComponent,
+                        ChangeEmailModalComponent,
+                        ChangePasswordModalComponent,
+                        MfaModalComponent,
+                    ], template: `
+    <div class="page">
+      <header class="page-header">
+        <val-display [props]="{ size: 'small', color: 'dark', content: pageTitle() }" />
+        <val-title
+          [props]="{
+            size: 'large',
+            color: 'dark',
+            bold: false,
+            content: pageDescription(),
+          }"
+        />
+      </header>
+
+      @if (resolvedConfig().showSessions) {
+        <!-- 1. Active sessions - unica vista user-facing de donde tengo sesion. -->
+        <section class="settings-section">
+          @if (hasOtherSessions()) {
+            <val-action-header [props]="sessionsHeader()" />
+          } @else {
+            <val-title
+              [props]="{
+                size: 'medium',
+                color: 'dark',
+                bold: true,
+                content: sessionsTitleWithCount(),
+              }"
+            />
+          }
+
+          <div class="section-body">
+            @if (sessionsLoading()) {
+              <val-skeleton-layout [props]="{ preset: 'list', rows: 3 }" />
+            } @else if (sessions().length === 0) {
+              <val-text
+                [props]="{
+                  content: sessionsEmptyLabel(),
+                  size: 'small',
+                  color: 'medium',
+                  bold: false,
+                }"
+              />
+            } @else {
+              <ul class="sessions">
+                @for (s of visibleSessions(); track s.sessionId) {
+                  <li class="session" [class.session--current]="s.isCurrent">
+                    <ion-icon class="session__icon" [name]="deviceIcon(s)" aria-hidden="true" />
+                    <div class="session__body">
+                      <val-text
+                        [props]="{
+                          content: s.deviceInfo || s.deviceId || '—',
+                          size: 'medium',
+                          color: 'dark',
+                          bold: true,
+                        }"
+                      />
+                      <val-text
+                        [props]="{
+                          content: formatSessionMeta(s),
+                          size: 'small',
+                          color: 'medium',
+                          bold: false,
+                        }"
+                      />
+                    </div>
+                    <div class="session__end">
+                      @if (s.isCurrent) {
+                        <span class="session__badge">{{ sessionsThis() }}</span>
+                      } @else {
+                        <val-button [props]="revokeOneButtonProps()" (click)="onRevokeOne(s.sessionId)" />
+                      }
+                    </div>
+                  </li>
+                }
+              </ul>
+              @if (hasMoreSessions()) {
+                <div class="row-actions row-actions--center">
+                  <val-button [props]="viewAllButtonProps()" (click)="openSessionsModal()" />
+                </div>
+              }
+            }
+          </div>
+        </section>
+      }
+
+      @if (hasActionCards()) {
+        <!-- 2. Quick actions: change password, change email, MFA -->
+        <section class="settings-section">
+          <h2>{{ quickActionsTitle() }}</h2>
+          <ion-grid class="cards-grid">
+            <ion-row>
+              @for (action of actionCards(); track action.token) {
+                <ion-col size="12" size-sm="6">
+                  <val-action-card [props]="action" (onClick)="onActionClick(action)" />
+                </ion-col>
+              }
+            </ion-row>
+          </ion-grid>
+        </section>
+      }
+
+      @if (resolvedConfig().showPolicies) {
+        <!-- 3. Related policies -->
+        <section class="settings-section">
+          <h2>{{ policiesTitle() }}</h2>
+          <val-page-links [props]="policyLinksProps()" />
+        </section>
+      }
+
+      <val-change-email-modal
+        [isOpen]="isChangeEmailModalOpen()"
+        (changed)="isChangeEmailModalOpen.set(false)"
+        (dismissed)="isChangeEmailModalOpen.set(false)"
+      />
+
+      <val-change-password-modal
+        [isOpen]="isChangePasswordModalOpen()"
+        (changed)="isChangePasswordModalOpen.set(false)"
+        (dismissed)="isChangePasswordModalOpen.set(false)"
+      />
+
+      <val-mfa-modal
+        [isOpen]="isMfaModalOpen()"
+        [prefillCode]="mfaPrefillCode()"
+        (dismissed)="onMfaModalDismissed()"
+        (enabledViaDeeplink)="onMfaEnabledViaDeeplink()"
+      />
+    </div>
+  `, styles: [".page{padding:16px 0;max-width:720px;margin:0 auto}.page-header{margin-bottom:16px}.settings-section{padding:16px 0}.settings-section+.settings-section{border-top:1px solid var(--val-border-color, rgba(0, 0, 0, .08))}h2{font-size:16px;font-weight:600;margin:0 0 4px}.cards-grid{margin:0 -4px;padding:0}.cards-grid ion-col{padding:4px;display:flex;flex-direction:column}.cards-grid ion-col val-action-card{flex:1;display:flex;flex-direction:column}.section-body{margin-top:16px;display:flex;flex-direction:column;gap:10px}.row-actions{margin-top:12px}.row-actions--center{display:flex;justify-content:center;margin-top:4px}.sessions{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.session{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:14px;background:var(--ion-color-light, rgba(0, 0, 0, .04));border:1px solid transparent;transition:background .15s ease,border-color .15s ease}.session--current{background:#2dd36f1a;border-color:#2dd36f4d}.session__icon{font-size:26px;color:var(--ion-color-dark, #1a1a1a);flex-shrink:0}.session--current .session__icon{color:var(--ion-color-success-shade, #28ba62)}.session__body{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.session__end{flex-shrink:0}.session__badge{display:inline-block;padding:4px 10px;font-size:11px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--ion-color-success-shade, #28ba62);background:#2dd36f2e;border-radius:999px}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { config: [{
+                type: Input
+            }] } });
+
+/**
+ * Helper para montar la vista Seguridad (`val-security-view`) como ruta en una
+ * app del factory. El `config` se pasa por route `data` (`securityConfig`) y el
+ * componente lo lee como fallback de su `@Input() config`.
+ *
+ * @example
+ * ```ts
+ * // settings.routes.ts
+ * export const settingsRoutes: Routes = [
+ *   ...provideValtechSecurityRoutes(),
+ *   { path: 'preferences', loadComponent: () => ... },
+ * ];
+ *
+ * // con config acotada:
+ * ...provideValtechSecurityRoutes({ config: { showPolicies: false } }),
+ * ...provideValtechSecurityRoutes({ config: { homeRoute: '/app/dashboard' } }),
+ * ```
+ */
+function provideValtechSecurityRoutes(opts) {
+    return [
+        {
+            path: opts?.path ?? 'security',
+            component: SecurityViewComponent,
+            data: { securityConfig: opts?.config },
+        },
+    ];
+}
+
+/** Built-in label sets for the three platform locales. */
+const CALLOUT_LABELS = {
+    es: {
+        NOTE: 'Nota',
+        TIP: 'Tip',
+        INFO: 'Info',
+        IMPORTANT: 'Importante',
+        WARNING: 'Atención',
+        CAUTION: 'Precaución',
+    },
+    en: {
+        NOTE: 'Note',
+        TIP: 'Tip',
+        INFO: 'Info',
+        IMPORTANT: 'Important',
+        WARNING: 'Warning',
+        CAUTION: 'Caution',
+    },
+    pt: {
+        NOTE: 'Nota',
+        TIP: 'Dica',
+        INFO: 'Info',
+        IMPORTANT: 'Importante',
+        WARNING: 'Atenção',
+        CAUTION: 'Cuidado',
+    },
+};
+/**
+ * Per-callout-kind color (Ionic semantic color). Fixed across locales since
+ * red = danger no matter what language you speak.
+ */
+const CALLOUT_COLORS = {
+    NOTE: 'primary',
+    TIP: 'success',
+    INFO: 'tertiary',
+    IMPORTANT: 'warning',
+    WARNING: 'warning',
+    CAUTION: 'danger',
+};
+const BOX_DRAWING = /[┌┐└┘├┤┬┴┼─│╔╗╚╝═║]/;
+const CALLOUT_RE = /^>\s*\[!(NOTE|TIP|INFO|WARNING|CAUTION|IMPORTANT)\]\s*(.*)$/i;
+const FENCE_RE = /^```([\w-]*)\s*$/;
+const HEADING_RE = /^(#{1,6})\s+(.+)$/;
+const SEPARATOR_RE = /^\s*(?:-{3,}|\*{3,}|_{3,})\s*$/;
+const UNORDERED_RE = /^\s*[-*+]\s+(.+)$/;
+const CHECKLIST_RE = /^\s*[-*+]\s+\[([ xX])\]\s+(.+)$/;
+const ORDERED_RE = /^\s*\d+\.\s+(.+)$/;
+const TABLE_DIVIDER_RE = /^\s*\|?[\s:|-]+\|?\s*$/;
+const TABLE_ROW_RE = /^\s*\|(.+)\|\s*$/;
+/**
+ * Pure Markdown → ArticleMetadata parser. No Angular deps — usable from Node scripts
+ * (build-time generation) and from the Angular `MarkdownArticleParserService` wrapper.
+ *
+ * Supported syntax:
+ * - Headings (#, ##, ### …) → title / subtitle
+ * - Paragraphs → paragraph (with `processLinks` + `allowPartialBold`)
+ * - Lists (-, *, 1.) → unordered / ordered list (- [ ] / - [x] for checklist)
+ * - Blockquotes (>) → quote, with GitHub callouts `> [!NOTE|TIP|INFO|WARNING|CAUTION|IMPORTANT]` mapped to notes
+ * - Code fences (```lang) → code
+ * - Box-drawing ASCII art (┌┐└┘│─) auto-wrapped as code
+ * - Tables → flattened into paragraphs with bold keys
+ * - Horizontal rules (---, ***, ___) → separator
+ */
+function parseMarkdownArticle(markdown, options) {
+    const lines = normalize(markdown).split('\n');
+    const elements = [];
+    const labels = options?.calloutLabels ??
+        (options?.locale ? CALLOUT_LABELS[options.locale] : CALLOUT_LABELS.es);
+    let i = 0;
+    while (i < lines.length) {
+        const line = lines[i];
+        if (line.trim() === '') {
+            i++;
+            continue;
+        }
+        const fence = line.match(FENCE_RE);
+        if (fence) {
+            const lang = fence[1] || undefined;
+            const body = [];
+            i++;
+            while (i < lines.length && !FENCE_RE.test(lines[i])) {
+                body.push(lines[i]);
+                i++;
+            }
+            i++;
+            elements.push({
+                type: 'code',
+                props: { code: body.join('\n'), language: lang, theme: 'dark' },
+            });
+            continue;
+        }
+        if (BOX_DRAWING.test(line)) {
+            const body = [];
+            while (i < lines.length && (lines[i].trim() === '' || BOX_DRAWING.test(lines[i]))) {
+                body.push(lines[i]);
+                i++;
+            }
+            while (body.length && body[body.length - 1].trim() === '')
+                body.pop();
+            elements.push({
+                type: 'code',
+                props: { code: body.join('\n'), language: 'text', theme: 'dark' },
+            });
+            continue;
+        }
+        if (SEPARATOR_RE.test(line)) {
+            elements.push({ type: 'separator', props: { style: 'line' } });
+            i++;
+            continue;
+        }
+        const heading = line.match(HEADING_RE);
+        if (heading) {
+            elements.push(makeHeading(heading[1].length, heading[2].trim()));
+            i++;
+            continue;
+        }
+        if (line.startsWith('>')) {
+            const block = [];
+            while (i < lines.length && lines[i].startsWith('>')) {
+                block.push(lines[i]);
+                i++;
+            }
+            elements.push(makeQuoteOrCallout(block, labels));
+            continue;
+        }
+        if (TABLE_ROW_RE.test(line)) {
+            const rows = [];
+            while (i < lines.length && TABLE_ROW_RE.test(lines[i])) {
+                rows.push(lines[i]);
+                i++;
+            }
+            elements.push(...makeTable(rows));
+            continue;
+        }
+        if (CHECKLIST_RE.test(line) || UNORDERED_RE.test(line) || ORDERED_RE.test(line)) {
+            const listType = CHECKLIST_RE.test(line)
+                ? 'checklist'
+                : ORDERED_RE.test(line)
+                    ? 'ordered'
+                    : 'unordered';
+            const items = [];
+            while (i < lines.length && lines[i].trim() !== '') {
+                const cur = lines[i];
+                const check = cur.match(CHECKLIST_RE);
+                const unord = cur.match(UNORDERED_RE);
+                const ord = cur.match(ORDERED_RE);
+                if (check)
+                    items.push({ text: processInlineBold(check[2].trim()) });
+                else if (ord && listType === 'ordered')
+                    items.push({ text: processInlineBold(ord[1].trim()) });
+                else if (unord && listType !== 'ordered')
+                    items.push({ text: processInlineBold(unord[1].trim()) });
+                else
+                    break;
+                i++;
+            }
+            elements.push({ type: 'list', props: { items, listType } });
+            continue;
+        }
+        const paragraph = [];
+        while (i < lines.length && lines[i].trim() !== '' && !startsNewBlock(lines[i])) {
+            paragraph.push(lines[i]);
+            i++;
+        }
+        const text = processInlineBold(paragraph.join(' ').trim());
+        if (text) {
+            elements.push({
+                type: 'paragraph',
+                props: {
+                    content: text,
+                    size: 'medium',
+                    color: 'dark',
+                    bold: false,
+                    processLinks: true,
+                    allowPartialBold: true,
+                },
+            });
+        }
+    }
+    // Strip parser-only options before merging into ArticleMetadata
+    const { locale: _l, calloutLabels: _c, ...metadataOverrides } = options ?? {};
+    return {
+        elements,
+        maxWidth: '900px',
+        centered: true,
+        theme: 'auto',
+        ...metadataOverrides,
+    };
+}
+function normalize(md) {
+    return md.replace(/\r\n/g, '\n').replace(/\r/g, '\n');
+}
+function startsNewBlock(line) {
+    return (HEADING_RE.test(line) ||
+        FENCE_RE.test(line) ||
+        SEPARATOR_RE.test(line) ||
+        TABLE_ROW_RE.test(line) ||
+        UNORDERED_RE.test(line) ||
+        ORDERED_RE.test(line) ||
+        CHECKLIST_RE.test(line) ||
+        line.startsWith('>') ||
+        BOX_DRAWING.test(line));
+}
+function processInlineBold(text) {
+    return text.replace(/\*\*(.+?)\*\*/g, '<strong>$1</strong>');
+}
+function makeHeading(level, content) {
+    if (level === 1) {
+        return {
+            type: 'title',
+            props: { content, size: 'xlarge', color: 'dark', bold: true },
+        };
+    }
+    const size = level === 2 ? 'large' : level === 3 ? 'medium' : 'small';
+    return {
+        type: 'subtitle',
+        props: { content, size, color: 'dark', bold: true },
+    };
+}
+function makeQuoteOrCallout(block, labels) {
+    const first = block[0];
+    const callout = first.match(CALLOUT_RE);
+    const lines = block.map(l => l.replace(/^>\s?/, ''));
+    if (callout) {
+        const type = callout[1].toUpperCase();
+        const firstLineRest = callout[2] || '';
+        const rest = lines.slice(1).join(' ').trim();
+        const text = processInlineBold([firstLineRest, rest].filter(Boolean).join(' ').trim());
+        return makeNote(type, text, labels);
+    }
+    const text = processInlineBold(lines.join(' ').trim());
+    return {
+        type: 'quote',
+        props: {
+            content: text,
+            size: 'medium',
+            color: 'medium',
+            bold: false,
+            showQuoteMark: true,
+            alignment: 'left',
+        },
+    };
+}
+function makeNote(kind, text, labels) {
+    return {
+        type: 'note',
+        props: {
+            text,
+            prefix: `${labels[kind]}:`,
+            color: CALLOUT_COLORS[kind],
+            textColor: 'dark',
+            size: 'medium',
+            rounded: true,
+            allowPartialBold: true,
+            processLinks: true,
+        },
+    };
+}
+function makeTable(rows) {
+    const parsed = rows
+        .filter(r => !TABLE_DIVIDER_RE.test(r))
+        .map(r => r
+        .trim()
+        .replace(/^\|/, '')
+        .replace(/\|$/, '')
+        .split('|')
+        .map(c => c.trim()));
+    if (parsed.length === 0)
+        return [];
+    const header = parsed[0];
+    const dataRows = parsed.slice(1);
+    if (dataRows.length === 0) {
+        return [
+            {
+                type: 'paragraph',
+                props: {
+                    content: header.join(' · '),
+                    size: 'medium',
+                    color: 'dark',
+                    bold: false,
+                    processLinks: true,
+                    allowPartialBold: true,
+                },
+            },
+        ];
+    }
+    return dataRows.map(row => {
+        const pairs = row.map((cell, idx) => {
+            const key = header[idx] ?? '';
+            return key ? `<strong>${key}:</strong> ${cell}` : cell;
+        });
+        return {
+            type: 'paragraph',
+            props: {
+                content: pairs.join(' · '),
+                size: 'medium',
+                color: 'dark',
+                bold: false,
+                processLinks: true,
+                allowPartialBold: true,
+            },
+        };
+    });
+}
+
+/**
+ * `val-faq`
+ *
+ * Organism de preguntas frecuentes. Q&A categorizado con accordion colapsable
+ * y buscador en vivo. Pensado para vistas FAQ públicas — el caller puede
+ * reusar la misma data (`FaqMetadata.categories`) para emitir el structured
+ * data `FAQPage` (JSON-LD) y ganar rich results en buscadores.
+ *
+ * Las respuestas (`FaqItem.answer`) son **Markdown** — se parsean con
+ * `parseMarkdownArticle` y se renderizan vía `val-article`. Soportan links,
+ * listas, negritas, tablas, etc.
+ *
+ * @example
+ * ```html
+ * <val-faq [props]="{ categories: faqCategories, searchable: true }" />
+ * ```
+ */
+class FaqComponent {
+    constructor() {
+        this.i18n = inject(I18nService);
+        this.props_ = signal({ categories: [] });
+        /** Término de búsqueda actual. */
+        this.query = signal('');
+        /**
+         * Cache de respuestas parseadas (Markdown → ArticleMetadata). Se reconstruye
+         * solo cuando cambian las categorías — el parseo NO corre por keystroke.
+         * Keyed por id de item (los ids son únicos en toda la FAQ).
+         */
+        this.parsedAnswers = computed(() => {
+            const locale = (this.i18n.lang() ?? 'es');
+            const map = new Map();
+            for (const cat of this.props_().categories ?? []) {
+                for (const item of cat.items) {
+                    map.set(item.id, parseMarkdownArticle(item.answer, { locale }));
+                }
+            }
+            return map;
+        });
+        /**
+         * Categorías visibles tras el filtro. Una categoría desaparece si ninguna
+         * de sus preguntas matchea. Match sobre pregunta + respuesta (raw markdown),
+         * case-insensitive.
+         */
+        this.visibleCategories = computed(() => {
+            const q = this.query().trim().toLowerCase();
+            const cats = this.props_().categories ?? [];
+            if (!q)
+                return cats;
+            return cats
+                .map(cat => ({
+                ...cat,
+                items: cat.items.filter(it => it.question.toLowerCase().includes(q) || it.answer.toLowerCase().includes(q)),
+            }))
+                .filter(cat => cat.items.length > 0);
+        });
+        /** `true` si se debe mostrar el label de cada categoría. */
+        this.showCategoryLabel = computed(() => {
+            const p = this.props_();
+            if (p.hideSingleCategoryLabel === false)
+                return true;
+            return (p.categories?.length ?? 0) > 1;
+        });
+    }
+    set props(value) {
+        if (value)
+            this.props_.set(value);
+    }
+    get props() {
+        return this.props_();
+    }
+    /** Respuesta parseada de un item — desde el cache. */
+    answerOf(item) {
+        return this.parsedAnswers().get(item.id) ?? { elements: [] };
+    }
+    onSearch(term) {
+        this.query.set(term ?? '');
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FaqComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: FaqComponent, isStandalone: true, selector: "val-faq", inputs: { props: "props" }, ngImport: i0, template: `
@@ -44957,489 +46878,144 @@ class AuthBackgroundComponent {
               [attr.stroke-width]="wave.thickness"
               [class.travel-left]="wave.travelDirection === 'left'"
               [class.travel-right]="wave.travelDirection === 'right'"
-              [style.opacity]="wave.opacity"
-              [style.--pulse-duration]="wave.pulseDuration + 's'"
-              [style.--pulse-delay]="wave.pulseDelay + 's'"
-              [style.--travel-duration]="wave.travelDuration + 's'"
-              [style.--travel-delay]="wave.travelDelay + 's'"
-            />
-          }
-        </svg>
-      </div>
-
-      <div class="content-layer">
-        <ng-content></ng-content>
-      </div>
-    </section>
-  `, isInline: true, styles: [":host{display:block;--auth-bg-start: #ffffff;--auth-bg-mid: #f8f9fa;--auth-bg-end: #f0f0f0;--auth-glass-bg: rgba(255, 255, 255, .3);--auth-grain-opacity: .035;--auth-wave-color: var(--ion-color-primary, #6366f1)}:host-context(body.dark),:host-context(.dark),:host-context(.ion-palette-dark),:host-context(html.ion-palette-dark),:host-context([data-theme=\"dark\"]){--auth-bg-start: #0f0f1a;--auth-bg-mid: #1a1a2e;--auth-bg-end: #16213e;--auth-glass-bg: rgba(0, 0, 0, .3);--auth-grain-opacity: .05;--auth-wave-color: var(--ion-color-primary, #818cf8)}.auth-background{position:relative;display:flex;align-items:center;padding:0;background:linear-gradient(135deg,var(--auth-bg-start) 0%,var(--auth-bg-mid) 50%,var(--auth-bg-end) 100%);overflow:hidden}.grain{position:absolute;inset:0;pointer-events:none;z-index:0;opacity:var(--auth-grain-opacity);background-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.5' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E\")}.glass-layer{position:absolute;inset:0;pointer-events:none;z-index:1;background:var(--auth-glass-bg);backdrop-filter:blur(3px) saturate(120%);-webkit-backdrop-filter:blur(3px) saturate(120%)}.wave-bg{position:absolute;inset:0;pointer-events:none;z-index:0;transition:filter .3s ease}:host-context(body.dark) .wave-bg,:host-context(.dark) .wave-bg,:host-context(.ion-palette-dark) .wave-bg,:host-context(html.ion-palette-dark) .wave-bg,:host-context([data-theme=\"dark\"]) .wave-bg{filter:invert(1) opacity(.6)}.waves{width:100%;height:100%;overflow:visible}.waves path{fill:none;transform-box:fill-box;transform-origin:center;will-change:transform;animation:wave-pulse var(--pulse-duration, 3s) ease-in-out var(--pulse-delay, 0s) infinite alternate,wave-travel-right var(--travel-duration, 12s) linear var(--travel-delay, 0s) infinite}.waves path.travel-left{animation:wave-pulse var(--pulse-duration, 3s) ease-in-out var(--pulse-delay, 0s) infinite alternate,wave-travel-left var(--travel-duration, 12s) linear var(--travel-delay, 0s) infinite}@keyframes wave-pulse{0%{transform:scaleY(.85)}50%{transform:scaleY(1.25)}to{transform:scaleY(.85)}}@keyframes wave-travel-right{0%{transform:translate(-300px)}to{transform:translate(300px)}}@keyframes wave-travel-left{0%{transform:translate(300px)}to{transform:translate(-300px)}}@media (prefers-reduced-motion: reduce){.waves path{animation:none}}.content-layer{position:relative;z-index:2;width:100%;height:100%;display:flex;align-items:center}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AuthBackgroundComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'val-auth-background', standalone: true, imports: [CommonModule], template: `
-    <section class="auth-background" [style.min-height]="config().minHeight">
-      @if (config().showGrain) {
-        <div class="grain"></div>
-      }
-      @if (config().showGlass) {
-        <div class="glass-layer"></div>
-      }
-      <div class="wave-bg">
-        <svg class="waves" viewBox="0 0 1440 800" preserveAspectRatio="none">
-          @for (wave of waves(); track wave.id) {
-            <path
-              [attr.d]="wave.path"
-              [attr.stroke]="wave.color"
-              [attr.stroke-width]="wave.thickness"
-              [class.travel-left]="wave.travelDirection === 'left'"
-              [class.travel-right]="wave.travelDirection === 'right'"
-              [style.opacity]="wave.opacity"
-              [style.--pulse-duration]="wave.pulseDuration + 's'"
-              [style.--pulse-delay]="wave.pulseDelay + 's'"
-              [style.--travel-duration]="wave.travelDuration + 's'"
-              [style.--travel-delay]="wave.travelDelay + 's'"
-            />
-          }
-        </svg>
-      </div>
-
-      <div class="content-layer">
-        <ng-content></ng-content>
-      </div>
-    </section>
-  `, styles: [":host{display:block;--auth-bg-start: #ffffff;--auth-bg-mid: #f8f9fa;--auth-bg-end: #f0f0f0;--auth-glass-bg: rgba(255, 255, 255, .3);--auth-grain-opacity: .035;--auth-wave-color: var(--ion-color-primary, #6366f1)}:host-context(body.dark),:host-context(.dark),:host-context(.ion-palette-dark),:host-context(html.ion-palette-dark),:host-context([data-theme=\"dark\"]){--auth-bg-start: #0f0f1a;--auth-bg-mid: #1a1a2e;--auth-bg-end: #16213e;--auth-glass-bg: rgba(0, 0, 0, .3);--auth-grain-opacity: .05;--auth-wave-color: var(--ion-color-primary, #818cf8)}.auth-background{position:relative;display:flex;align-items:center;padding:0;background:linear-gradient(135deg,var(--auth-bg-start) 0%,var(--auth-bg-mid) 50%,var(--auth-bg-end) 100%);overflow:hidden}.grain{position:absolute;inset:0;pointer-events:none;z-index:0;opacity:var(--auth-grain-opacity);background-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.5' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E\")}.glass-layer{position:absolute;inset:0;pointer-events:none;z-index:1;background:var(--auth-glass-bg);backdrop-filter:blur(3px) saturate(120%);-webkit-backdrop-filter:blur(3px) saturate(120%)}.wave-bg{position:absolute;inset:0;pointer-events:none;z-index:0;transition:filter .3s ease}:host-context(body.dark) .wave-bg,:host-context(.dark) .wave-bg,:host-context(.ion-palette-dark) .wave-bg,:host-context(html.ion-palette-dark) .wave-bg,:host-context([data-theme=\"dark\"]) .wave-bg{filter:invert(1) opacity(.6)}.waves{width:100%;height:100%;overflow:visible}.waves path{fill:none;transform-box:fill-box;transform-origin:center;will-change:transform;animation:wave-pulse var(--pulse-duration, 3s) ease-in-out var(--pulse-delay, 0s) infinite alternate,wave-travel-right var(--travel-duration, 12s) linear var(--travel-delay, 0s) infinite}.waves path.travel-left{animation:wave-pulse var(--pulse-duration, 3s) ease-in-out var(--pulse-delay, 0s) infinite alternate,wave-travel-left var(--travel-duration, 12s) linear var(--travel-delay, 0s) infinite}@keyframes wave-pulse{0%{transform:scaleY(.85)}50%{transform:scaleY(1.25)}to{transform:scaleY(.85)}}@keyframes wave-travel-right{0%{transform:translate(-300px)}to{transform:translate(300px)}}@keyframes wave-travel-left{0%{transform:translate(300px)}to{transform:translate(-300px)}}@media (prefers-reduced-motion: reduce){.waves path{animation:none}}.content-layer{position:relative;z-index:2;width:100%;height:100%;display:flex;align-items:center}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { props: [{
-                type: Input
-            }] } });
-
-/**
- * Clave para persistir el idioma en localStorage
- */
-const LANG_STORAGE_KEY = 'app_lang';
-/**
- * Idioma por defecto
- */
-const DEFAULT_LANG = 'es';
-/**
- * Servicio mínimo de localización.
- *
- * - Lee el idioma desde localStorage al iniciar
- * - Proporciona método para cambiar idioma (recarga la página)
- * - Sin observables ni subscripciones
- *
- * @example
- * // En un componente
- * locale = inject(LocaleService);
- *
- * // Obtener idioma actual
- * console.log(this.locale.lang); // 'es' o 'en'
- *
- * // Cambiar idioma (recarga la página)
- * this.locale.setLang('en');
- */
-class LocaleService {
-    constructor(platformId) {
-        this.isBrowser = isPlatformBrowser(platformId);
-        this.lang = this.getStoredLang();
-    }
-    /**
-     * Cambia el idioma de la aplicación.
-     * Guarda en localStorage y recarga la página para aplicar el cambio.
-     *
-     * @param lang Nuevo idioma ('es' o 'en')
-     */
-    setLang(lang) {
-        if (lang === this.lang || !this.isBrowser) {
-            return;
-        }
-        localStorage.setItem(LANG_STORAGE_KEY, lang);
-        window.location.reload();
-    }
-    /**
-     * Obtiene el idioma almacenado en localStorage.
-     * Si no existe o no es válido, retorna el idioma por defecto.
-     * En SSR (sin localStorage) retorna el default.
-     */
-    getStoredLang() {
-        if (!this.isBrowser) {
-            return DEFAULT_LANG;
-        }
-        const stored = localStorage.getItem(LANG_STORAGE_KEY);
-        if (stored === 'es' || stored === 'en') {
-            return stored;
-        }
-        return DEFAULT_LANG;
-    }
-    /**
-     * Verifica si el idioma actual es español
-     */
-    get isSpanish() {
-        return this.lang === 'es';
-    }
-    /**
-     * Verifica si el idioma actual es inglés
-     */
-    get isEnglish() {
-        return this.lang === 'en';
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LocaleService, deps: [{ token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LocaleService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LocaleService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }], ctorParameters: () => [{ type: Object, decorators: [{
-                    type: Inject,
-                    args: [PLATFORM_ID]
-                }] }] });
-
-// Types for valtech-components services
-// ValtechConfig and LangProvider have been removed in v3.0.0
-// Use LocaleService for language management instead
-
-/**
- * Default modal sizes.
- */
-const MODAL_SIZES = {
-    small: { width: '320px', height: '220px' },
-    medium: { width: '500px', height: '400px' },
-    large: { width: '800px', height: '80vh' },
-    full: { width: '100%', height: '100%' },
-    auto: { width: 'auto', height: '50vh' },
-};
-/**
- * Default modal buttons.
- */
-const DEFAULT_MODAL_CONFIRM_BUTTON = {
-    text: 'Confirm',
-    role: 'confirm',
-    color: 'primary',
-    fill: 'solid',
-};
-const DEFAULT_MODAL_CANCEL_BUTTON = {
-    text: 'Cancel',
-    role: 'cancel',
-    color: 'medium',
-    fill: 'clear',
-};
-
-/**
- * Internal component for simple content modals.
- * Used by ModalService.openSimple()
- *
- * Header + título + close button delegados a `val-modal-shell` (estándar
- * canónico — ver Regla #5 en `frontend/CLAUDE.md`). El cuerpo (innerHTML) +
- * footer con botones quedan locales.
- */
-class SimpleModalContentComponent {
-    constructor() {
-        this.title = '';
-        this.content = '';
-        this.buttons = [];
-        this.showCloseButton = true;
-    }
-    async onButtonClick(button) {
-        if (button.handler) {
-            const result = await button.handler();
-            // If handler returns false, don't dismiss
-            if (result === false) {
-                return;
-            }
-        }
-        this._modalRef?.dismiss(undefined, button.role || 'confirm');
-    }
-    onDismiss(role) {
-        this._modalRef?.dismiss(undefined, role);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SimpleModalContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: SimpleModalContentComponent, isStandalone: true, selector: "val-simple-modal-content", inputs: { title: "title", content: "content", buttons: "buttons", showCloseButton: "showCloseButton", _modalRef: "_modalRef" }, ngImport: i0, template: `
-    <val-modal-shell [title]="title" [showClose]="showCloseButton" (close)="onDismiss('close')">
-      <div [innerHTML]="content"></div>
-    </val-modal-shell>
-
-    @if (buttons && buttons.length > 0) {
-      <ion-footer>
-        <ion-toolbar>
-          <div class="button-container">
-            @for (button of buttons; track button.text) {
-              <ion-button
-                [color]="button.color || 'medium'"
-                [fill]="button.fill || 'solid'"
-                [size]="button.size || 'default'"
-                [disabled]="button.disabled || button.loading"
-                [class]="button.cssClass"
-                (click)="onButtonClick(button)"
-              >
-                @if (button.loading) {
-                  <ion-spinner name="circular"></ion-spinner>
-                } @else {
-                  {{ button.text }}
-                }
-              </ion-button>
-            }
-          </div>
-        </ion-toolbar>
-      </ion-footer>
-    }
-  `, isInline: true, styles: [":host{display:flex;flex-direction:column;height:100%;min-height:0}ion-footer{flex-shrink:0}.button-container{display:flex;justify-content:flex-end;gap:8px;padding:8px 0}ion-footer ion-toolbar{--padding-start: 16px;--padding-end: 16px}:host ::ng-deep ul,:host ::ng-deep ol{padding-left:20px;margin:8px 0}:host ::ng-deep li{margin:4px 0}:host ::ng-deep p{margin:8px 0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { 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: IonFooter, selector: "ion-footer", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: IonSpinner, selector: "ion-spinner", inputs: ["color", "duration", "name", "paused"] }, { kind: "component", type: ModalShellComponent, selector: "val-modal-shell", inputs: ["title", "subtitle", "closeLabel", "showClose"], outputs: ["close"] }] }); }
+              [style.opacity]="wave.opacity"
+              [style.--pulse-duration]="wave.pulseDuration + 's'"
+              [style.--pulse-delay]="wave.pulseDelay + 's'"
+              [style.--travel-duration]="wave.travelDuration + 's'"
+              [style.--travel-delay]="wave.travelDelay + 's'"
+            />
+          }
+        </svg>
+      </div>
+
+      <div class="content-layer">
+        <ng-content></ng-content>
+      </div>
+    </section>
+  `, isInline: true, styles: [":host{display:block;--auth-bg-start: #ffffff;--auth-bg-mid: #f8f9fa;--auth-bg-end: #f0f0f0;--auth-glass-bg: rgba(255, 255, 255, .3);--auth-grain-opacity: .035;--auth-wave-color: var(--ion-color-primary, #6366f1)}:host-context(body.dark),:host-context(.dark),:host-context(.ion-palette-dark),:host-context(html.ion-palette-dark),:host-context([data-theme=\"dark\"]){--auth-bg-start: #0f0f1a;--auth-bg-mid: #1a1a2e;--auth-bg-end: #16213e;--auth-glass-bg: rgba(0, 0, 0, .3);--auth-grain-opacity: .05;--auth-wave-color: var(--ion-color-primary, #818cf8)}.auth-background{position:relative;display:flex;align-items:center;padding:0;background:linear-gradient(135deg,var(--auth-bg-start) 0%,var(--auth-bg-mid) 50%,var(--auth-bg-end) 100%);overflow:hidden}.grain{position:absolute;inset:0;pointer-events:none;z-index:0;opacity:var(--auth-grain-opacity);background-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.5' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E\")}.glass-layer{position:absolute;inset:0;pointer-events:none;z-index:1;background:var(--auth-glass-bg);backdrop-filter:blur(3px) saturate(120%);-webkit-backdrop-filter:blur(3px) saturate(120%)}.wave-bg{position:absolute;inset:0;pointer-events:none;z-index:0;transition:filter .3s ease}:host-context(body.dark) .wave-bg,:host-context(.dark) .wave-bg,:host-context(.ion-palette-dark) .wave-bg,:host-context(html.ion-palette-dark) .wave-bg,:host-context([data-theme=\"dark\"]) .wave-bg{filter:invert(1) opacity(.6)}.waves{width:100%;height:100%;overflow:visible}.waves path{fill:none;transform-box:fill-box;transform-origin:center;will-change:transform;animation:wave-pulse var(--pulse-duration, 3s) ease-in-out var(--pulse-delay, 0s) infinite alternate,wave-travel-right var(--travel-duration, 12s) linear var(--travel-delay, 0s) infinite}.waves path.travel-left{animation:wave-pulse var(--pulse-duration, 3s) ease-in-out var(--pulse-delay, 0s) infinite alternate,wave-travel-left var(--travel-duration, 12s) linear var(--travel-delay, 0s) infinite}@keyframes wave-pulse{0%{transform:scaleY(.85)}50%{transform:scaleY(1.25)}to{transform:scaleY(.85)}}@keyframes wave-travel-right{0%{transform:translate(-300px)}to{transform:translate(300px)}}@keyframes wave-travel-left{0%{transform:translate(300px)}to{transform:translate(-300px)}}@media (prefers-reduced-motion: reduce){.waves path{animation:none}}.content-layer{position:relative;z-index:2;width:100%;height:100%;display:flex;align-items:center}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SimpleModalContentComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AuthBackgroundComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'val-simple-modal-content', standalone: true, imports: [CommonModule, IonToolbar, IonButton, IonFooter, IonSpinner, ModalShellComponent], template: `
-    <val-modal-shell [title]="title" [showClose]="showCloseButton" (close)="onDismiss('close')">
-      <div [innerHTML]="content"></div>
-    </val-modal-shell>
+            args: [{ selector: 'val-auth-background', standalone: true, imports: [CommonModule], template: `
+    <section class="auth-background" [style.min-height]="config().minHeight">
+      @if (config().showGrain) {
+        <div class="grain"></div>
+      }
+      @if (config().showGlass) {
+        <div class="glass-layer"></div>
+      }
+      <div class="wave-bg">
+        <svg class="waves" viewBox="0 0 1440 800" preserveAspectRatio="none">
+          @for (wave of waves(); track wave.id) {
+            <path
+              [attr.d]="wave.path"
+              [attr.stroke]="wave.color"
+              [attr.stroke-width]="wave.thickness"
+              [class.travel-left]="wave.travelDirection === 'left'"
+              [class.travel-right]="wave.travelDirection === 'right'"
+              [style.opacity]="wave.opacity"
+              [style.--pulse-duration]="wave.pulseDuration + 's'"
+              [style.--pulse-delay]="wave.pulseDelay + 's'"
+              [style.--travel-duration]="wave.travelDuration + 's'"
+              [style.--travel-delay]="wave.travelDelay + 's'"
+            />
+          }
+        </svg>
+      </div>
 
-    @if (buttons && buttons.length > 0) {
-      <ion-footer>
-        <ion-toolbar>
-          <div class="button-container">
-            @for (button of buttons; track button.text) {
-              <ion-button
-                [color]="button.color || 'medium'"
-                [fill]="button.fill || 'solid'"
-                [size]="button.size || 'default'"
-                [disabled]="button.disabled || button.loading"
-                [class]="button.cssClass"
-                (click)="onButtonClick(button)"
-              >
-                @if (button.loading) {
-                  <ion-spinner name="circular"></ion-spinner>
-                } @else {
-                  {{ button.text }}
-                }
-              </ion-button>
-            }
-          </div>
-        </ion-toolbar>
-      </ion-footer>
-    }
-  `, styles: [":host{display:flex;flex-direction:column;height:100%;min-height:0}ion-footer{flex-shrink:0}.button-container{display:flex;justify-content:flex-end;gap:8px;padding:8px 0}ion-footer ion-toolbar{--padding-start: 16px;--padding-end: 16px}:host ::ng-deep ul,:host ::ng-deep ol{padding-left:20px;margin:8px 0}:host ::ng-deep li{margin:4px 0}:host ::ng-deep p{margin:8px 0}\n"] }]
-        }], propDecorators: { title: [{
-                type: Input
-            }], content: [{
-                type: Input
-            }], buttons: [{
-                type: Input
-            }], showCloseButton: [{
-                type: Input
-            }], _modalRef: [{
+      <div class="content-layer">
+        <ng-content></ng-content>
+      </div>
+    </section>
+  `, styles: [":host{display:block;--auth-bg-start: #ffffff;--auth-bg-mid: #f8f9fa;--auth-bg-end: #f0f0f0;--auth-glass-bg: rgba(255, 255, 255, .3);--auth-grain-opacity: .035;--auth-wave-color: var(--ion-color-primary, #6366f1)}:host-context(body.dark),:host-context(.dark),:host-context(.ion-palette-dark),:host-context(html.ion-palette-dark),:host-context([data-theme=\"dark\"]){--auth-bg-start: #0f0f1a;--auth-bg-mid: #1a1a2e;--auth-bg-end: #16213e;--auth-glass-bg: rgba(0, 0, 0, .3);--auth-grain-opacity: .05;--auth-wave-color: var(--ion-color-primary, #818cf8)}.auth-background{position:relative;display:flex;align-items:center;padding:0;background:linear-gradient(135deg,var(--auth-bg-start) 0%,var(--auth-bg-mid) 50%,var(--auth-bg-end) 100%);overflow:hidden}.grain{position:absolute;inset:0;pointer-events:none;z-index:0;opacity:var(--auth-grain-opacity);background-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.5' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E\")}.glass-layer{position:absolute;inset:0;pointer-events:none;z-index:1;background:var(--auth-glass-bg);backdrop-filter:blur(3px) saturate(120%);-webkit-backdrop-filter:blur(3px) saturate(120%)}.wave-bg{position:absolute;inset:0;pointer-events:none;z-index:0;transition:filter .3s ease}:host-context(body.dark) .wave-bg,:host-context(.dark) .wave-bg,:host-context(.ion-palette-dark) .wave-bg,:host-context(html.ion-palette-dark) .wave-bg,:host-context([data-theme=\"dark\"]) .wave-bg{filter:invert(1) opacity(.6)}.waves{width:100%;height:100%;overflow:visible}.waves path{fill:none;transform-box:fill-box;transform-origin:center;will-change:transform;animation:wave-pulse var(--pulse-duration, 3s) ease-in-out var(--pulse-delay, 0s) infinite alternate,wave-travel-right var(--travel-duration, 12s) linear var(--travel-delay, 0s) infinite}.waves path.travel-left{animation:wave-pulse var(--pulse-duration, 3s) ease-in-out var(--pulse-delay, 0s) infinite alternate,wave-travel-left var(--travel-duration, 12s) linear var(--travel-delay, 0s) infinite}@keyframes wave-pulse{0%{transform:scaleY(.85)}50%{transform:scaleY(1.25)}to{transform:scaleY(.85)}}@keyframes wave-travel-right{0%{transform:translate(-300px)}to{transform:translate(300px)}}@keyframes wave-travel-left{0%{transform:translate(300px)}to{transform:translate(-300px)}}@media (prefers-reduced-motion: reduce){.waves path{animation:none}}.content-layer{position:relative;z-index:2;width:100%;height:100%;display:flex;align-items:center}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { props: [{
                 type: Input
             }] } });
 
 /**
- * ModalService
- *
- * A service for creating and managing modals with various configurations.
+ * Clave para persistir el idioma en localStorage
+ */
+const LANG_STORAGE_KEY = 'app_lang';
+/**
+ * Idioma por defecto
+ */
+const DEFAULT_LANG = 'es';
+/**
+ * Servicio mínimo de localización.
  *
- * @example Basic component modal
- * ```typescript
- * const result = await modalService.open({
- *   component: MyFormComponent,
- *   componentProps: { userId: 123 },
- *   header: { title: 'Edit User', showCloseButton: true },
- *   size: 'medium'
- * });
+ * - Lee el idioma desde localStorage al iniciar
+ * - Proporciona método para cambiar idioma (recarga la página)
+ * - Sin observables ni subscripciones
  *
- * if (result.role === 'confirm') {
- *   console.log('Saved:', result.data);
- * }
- * ```
+ * @example
+ * // En un componente
+ * locale = inject(LocaleService);
  *
- * @example Simple content modal
- * ```typescript
- * await modalService.openSimple({
- *   title: 'Terms of Service',
- *   content: '<p>Terms content here...</p>',
- *   size: 'large',
- *   showCloseButton: true
- * });
- * ```
+ * // Obtener idioma actual
+ * console.log(this.locale.lang); // 'es' o 'en'
  *
- * @example Sheet modal (mobile)
- * ```typescript
- * const result = await modalService.openSheet({
- *   component: FilterComponent,
- *   breakpoints: {
- *     initialBreakpoint: 0.5,
- *     breakpoints: [0, 0.5, 1],
- *     showHandle: true
- *   }
- * });
- * ```
+ * // Cambiar idioma (recarga la página)
+ * this.locale.setLang('en');
  */
-class ModalService {
-    constructor(modalController) {
-        this.modalController = modalController;
+class LocaleService {
+    constructor(platformId) {
+        this.isBrowser = isPlatformBrowser(platformId);
+        this.lang = this.getStoredLang();
     }
     /**
-     * Opens a modal with a component.
-     * @param options - Modal configuration
-     * @returns Promise resolving to the modal result
+     * Cambia el idioma de la aplicación.
+     * Guarda en localStorage y recarga la página para aplicar el cambio.
+     *
+     * @param lang Nuevo idioma ('es' o 'en')
      */
-    async open(options) {
-        // A sheet modal (breakpoints present) gets its height from the breakpoints
-        // and must span the full viewport width. Applying a size preset's
-        // `--width`/`--height` here collapses the sheet (e.g. `auto` → shrink to
-        // content) or fights the breakpoint height. So when it's a sheet we skip
-        // the size preset entirely.
-        const isSheet = !!options.breakpoints?.breakpoints?.length;
-        const size = isSheet ? undefined : MODAL_SIZES[options.size || 'medium'];
-        const cssClasses = this.buildCssClasses(options);
-        const modal = await this.modalController.create({
-            component: options.component,
-            componentProps: {
-                ...options.componentProps,
-                // Pass modal reference for dismiss from within component
-                _modalRef: {
-                    dismiss: (data, role) => modal.dismiss(data, role),
-                },
-            },
-            id: options.id,
-            showBackdrop: options.showBackdrop ?? true,
-            backdropDismiss: options.backdropDismiss ?? true,
-            keyboardClose: options.keyboardClose ?? true,
-            cssClass: cssClasses,
-            mode: options.mode,
-            animated: options.animated ?? true,
-            canDismiss: this.normalizeCanDismiss(options.canDismiss ?? true),
-            presentingElement: options.presentingElement,
-            // Sheet modal options
-            initialBreakpoint: options.breakpoints?.initialBreakpoint,
-            breakpoints: options.breakpoints?.breakpoints,
-            handle: options.breakpoints?.showHandle,
-            handleBehavior: options.breakpoints?.handleBehavior,
-        });
-        // Apply custom size styles. Skipped for sheet modals — their dimensions
-        // come from the breakpoints (Ionic spans the sheet full-width and uses the
-        // breakpoint values for height).
-        if (!isSheet && (options.width || options.height || size)) {
-            const modalEl = modal;
-            modalEl.style.setProperty('--width', options.width || size?.width || 'auto');
-            modalEl.style.setProperty('--height', options.height || size?.height || '50vh');
+    setLang(lang) {
+        if (lang === this.lang || !this.isBrowser) {
+            return;
         }
-        await modal.present();
-        const { data, role } = await modal.onDidDismiss();
-        return { data, role };
-    }
-    /**
-     * Opens a simple content modal without a custom component.
-     * Uses Ionic's alert-like styling but with modal capabilities.
-     * @param options - Simple modal configuration
-     * @returns Promise resolving to the modal result
-     */
-    async openSimple(options) {
-        return this.open({
-            component: SimpleModalContentComponent,
-            componentProps: {
-                title: options.title,
-                content: options.content,
-                buttons: options.buttons || [DEFAULT_MODAL_CANCEL_BUTTON, DEFAULT_MODAL_CONFIRM_BUTTON],
-                showCloseButton: options.showCloseButton ?? true,
-            },
-            size: options.size || 'medium',
-            backdropDismiss: options.backdropDismiss ?? true,
-            cssClass: ['simple-modal', options.cssClass].filter(Boolean).join(' '),
-        });
-    }
-    /**
-     * Opens a confirmation modal.
-     * @param title - Modal title
-     * @param message - Modal message
-     * @param confirmButton - Confirm button config (optional)
-     * @param cancelButton - Cancel button config (optional)
-     * @returns Promise resolving to true if confirmed
-     */
-    async confirm(title, message, confirmButton, cancelButton) {
-        const result = await this.openSimple({
-            title,
-            content: message,
-            size: 'small',
-            showCloseButton: false,
-            backdropDismiss: false,
-            buttons: [
-                { ...DEFAULT_MODAL_CANCEL_BUTTON, ...cancelButton },
-                { ...DEFAULT_MODAL_CONFIRM_BUTTON, ...confirmButton },
-            ],
-        });
-        return result.role === 'confirm';
-    }
-    /**
-     * Opens a sheet modal (iOS-style bottom sheet).
-     * @param options - Modal configuration with sheet-specific options
-     * @returns Promise resolving to the modal result
-     */
-    async openSheet(options) {
-        return this.open({
-            ...options,
-            breakpoints: {
-                initialBreakpoint: options.initialBreakpoint ?? 0.5,
-                breakpoints: options.breakpoints ?? [0, 0.5, 1],
-                showHandle: options.showHandle ?? true,
-            },
-            cssClass: ['sheet-modal', options.cssClass].filter(Boolean).join(' '),
-        });
+        localStorage.setItem(LANG_STORAGE_KEY, lang);
+        window.location.reload();
     }
     /**
-     * Opens a fullscreen modal.
-     * @param options - Modal configuration
-     * @returns Promise resolving to the modal result
+     * Obtiene el idioma almacenado en localStorage.
+     * Si no existe o no es válido, retorna el idioma por defecto.
+     * En SSR (sin localStorage) retorna el default.
      */
-    async openFullscreen(options) {
-        return this.open({
-            ...options,
-            size: 'full',
-            cssClass: ['fullscreen-modal', options.cssClass].filter(Boolean).join(' '),
-        });
+    getStoredLang() {
+        if (!this.isBrowser) {
+            return DEFAULT_LANG;
+        }
+        const stored = localStorage.getItem(LANG_STORAGE_KEY);
+        if (stored === 'es' || stored === 'en') {
+            return stored;
+        }
+        return DEFAULT_LANG;
     }
     /**
-     * Dismisses the top-most modal.
-     * @param data - Optional data to return
-     * @param role - Optional role
+     * Verifica si el idioma actual es español
      */
-    async dismiss(data, role) {
-        return this.modalController.dismiss(data, role);
+    get isSpanish() {
+        return this.lang === 'es';
     }
     /**
-     * Gets the top-most modal.
+     * Verifica si el idioma actual es inglés
      */
-    async getTop() {
-        return this.modalController.getTop();
-    }
-    normalizeCanDismiss(canDismiss) {
-        if (typeof canDismiss === 'boolean') {
-            return canDismiss;
-        }
-        // Wrap the function to ensure it returns a Promise
-        return async (data, role) => {
-            const result = canDismiss();
-            return Promise.resolve(result);
-        };
-    }
-    buildCssClasses(options) {
-        const classes = ['val-modal'];
-        if (options.size) {
-            classes.push(`modal-${options.size}`);
-        }
-        if (options.header) {
-            classes.push('modal-with-header');
-        }
-        if (options.footer) {
-            classes.push('modal-with-footer');
-        }
-        if (options.cssClass) {
-            classes.push(options.cssClass);
-        }
-        return classes.join(' ');
+    get isEnglish() {
+        return this.lang === 'en';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ModalService, deps: [{ token: i2$1.ModalController }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ModalService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LocaleService, deps: [{ token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LocaleService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ModalService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LocaleService, decorators: [{
             type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }], ctorParameters: () => [{ type: i2$1.ModalController }] });
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [{ type: Object, decorators: [{
+                    type: Inject,
+                    args: [PLATFORM_ID]
+                }] }] });
+
+// Types for valtech-components services
+// ValtechConfig and LangProvider have been removed in v3.0.0
+// Use LocaleService for language management instead
 
 class MetaService {
     constructor() {
@@ -45738,177 +47314,6 @@ function beautifyLegalArticle(article) {
     };
 }
 
-/**
- * Standard cross-app site links (env-aware)
- *
- * En el factory MyValtech cada producto satélite (showcase, sigify, …) enlaza a
- * `web` —la landing de marca— para soporte, contacto y contenido legal. `web`
- * es el dueño canónico de esas rutas. Este módulo centraliza:
- *
- *  1. El mapa ambiente → base URL de `web` (`VALTECH_WEB_BASE_URLS`).
- *  2. El catálogo de paths estándar que viven en `web` (`VALTECH_SITE_PATHS`).
- *
- * El ambiente se decide en BUILD TIME (campo `valtechEnv` en el `environment*.ts`
- * de cada app), igual que `apiUrl`. Es el mecanismo más confiable: detectar por
- * hostname en runtime se rompe con dominios custom / `web.app` / variantes de
- * localhost.
- *
- * La resolución real (join baseUrl + path, abrir en tab nueva, `?lang=`) la hace
- * `LegalLinkService`; este módulo solo le entrega el `baseUrl` correcto por env.
- *
- * @see provideValtechSite — wiring de una sola línea para apps satélite.
- */
-/**
- * Base URL de `web` (landing de marca) por ambiente.
- *
- * - `local` → `ng serve` de `web` (puerto 8100).
- * - `dev`   → proyecto Firebase `myvaltech-dev`.
- * - `prod`  → dominio custom de producción.
- *
- * Sin trailing slash (lo asume `LegalLinkService`).
- */
-const VALTECH_WEB_BASE_URLS = {
-    local: 'http://localhost:8100',
-    dev: 'https://myvaltech-dev.web.app',
-    prod: 'https://myvaltech.com',
-};
-/**
- * Resuelve la base URL de `web` para un ambiente.
- *
- * Fallback a `prod` cuando el env es desconocido o falta: ante la duda, apuntar
- * a producción es lo seguro (nunca enlaza a un host local/dev inexistente).
- */
-function resolveWebBaseUrl(env) {
-    if (env && env in VALTECH_WEB_BASE_URLS) {
-        return VALTECH_WEB_BASE_URLS[env];
-    }
-    return VALTECH_WEB_BASE_URLS.prod;
-}
-/**
- * Catálogo de paths estándar que viven en `web`. Las apps resuelven estos
- * contra la base URL del ambiente vía `LegalLinkService.resolve(path)`.
- *
- * Mantener alineado con las rutas reales de `web/src/app/app.routes.ts` y con
- * `VALTECH_COMPANY_LINKS` (footer).
- */
-const VALTECH_SITE_PATHS = {
-    home: '/',
-    support: '/contact',
-    contact: '/contact',
-    faq: '/faq',
-    about: '/about',
-    terms: '/legal/terms',
-    privacy: '/legal/privacy',
-    cookies: '/legal/cookies',
-    legalNotice: '/legal/legal-notice',
-};
-
-const VALTECH_LEGAL_CONFIG = new InjectionToken('VALTECH_LEGAL_CONFIG');
-/**
- * Resolves legal/site paths against a configurable main-site base URL.
- *
- * - **Main site mode**: no `provideValtechLegal` called → `resolve('/legal/terms')` returns `/legal/terms` (relative).
- * - **Satellite mode**: `provideValtechLegal({ baseUrl: 'https://myvaltech.com' })` → `resolve('/legal/terms')` returns `'https://myvaltech.com/legal/terms'` and `isExternal('/legal/terms')` returns `true`.
- *
- * Absolute URLs passed in are returned unchanged (no double-prefix).
- */
-class LegalLinkService {
-    constructor() {
-        this.config = inject(VALTECH_LEGAL_CONFIG, { optional: true }) ?? {};
-    }
-    /** Effective base URL (null if running as main site). */
-    get baseUrl() {
-        return this.config.baseUrl?.replace(/\/$/, '') ?? null;
-    }
-    /** Whether resolved external links should open in a new tab. */
-    get openInNewTab() {
-        return this.config.openInNewTab ?? Boolean(this.config.baseUrl);
-    }
-    /**
-     * Returns the URL to use for a given internal path. Absolute URLs pass through.
-     *
-     * When `locale` is provided AND the resolved URL would be cross-origin, appends
-     * `?lang={locale}` so the main site can render the legal doc in the user's
-     * active language (instead of its default). Locale is omitted for same-origin
-     * resolves since the main site reads locale from its own `LocaleService`.
-     *
-     * @example
-     * resolve('/legal/terms')
-     *   // main site:  '/legal/terms'
-     *   // satellite:  'https://myvaltech.com/legal/terms'
-     *
-     * resolve('/legal/terms', { locale: 'pt' })
-     *   // main site:  '/legal/terms'  (locale stays implicit)
-     *   // satellite:  'https://myvaltech.com/legal/terms?lang=pt'
-     *
-     * resolve('https://x.com/y') // unchanged
-     */
-    resolve(path, options) {
-        if (!path)
-            return path;
-        if (/^https?:\/\//i.test(path))
-            return path;
-        const base = this.baseUrl;
-        if (!base)
-            return path;
-        const url = `${base}${path.startsWith('/') ? '' : '/'}${path}`;
-        if (options?.locale) {
-            const sep = url.includes('?') ? '&' : '?';
-            return `${url}${sep}lang=${encodeURIComponent(options.locale)}`;
-        }
-        return url;
-    }
-    /** `true` if the path would be resolved to a cross-origin URL. */
-    isExternal(path) {
-        if (/^https?:\/\//i.test(path))
-            return true;
-        return this.baseUrl !== null;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LegalLinkService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LegalLinkService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LegalLinkService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }] });
-/**
- * Wires `LegalLinkService` for satellite apps. Omit in the main site (the one
- * that hosts the canonical /legal/* routes) so links stay relative.
- *
- * @example
- * // main.ts of showcase / sigify / etc.
- * provideValtechLegal({
- *   baseUrl: 'https://myvaltech.com',
- *   openInNewTab: true,
- * }),
- */
-function provideValtechLegal(config) {
-    return { provide: VALTECH_LEGAL_CONFIG, useValue: config };
-}
-/**
- * Wiring de una sola línea para que una app satélite apunte sus links de sitio
- * (legal, soporte, contacto, …) a `web` —la landing de marca— en el ambiente
- * correcto. Resuelve el `baseUrl` desde `VALTECH_WEB_BASE_URLS` según el `env`
- * baked en build-time (`environment.valtechEnv`) y delega en `provideValtechLegal`.
- *
- * Ambiente desconocido/ausente → fallback a `prod` (ver `resolveWebBaseUrl`).
- * El main site (`web`) NO llama esto — sus links quedan relativos.
- *
- * @example
- * // main.ts de showcase / sigify / …
- * import { environment } from './environments/environment';
- * provideValtechSite(environment.valtechEnv),  // 'local' | 'dev' | 'prod'
- *
- * @see resolveWebBaseUrl
- * @see VALTECH_SITE_PATHS — catálogo de paths estándar que viven en `web`.
- */
-function provideValtechSite(env, options) {
-    return provideValtechLegal({
-        baseUrl: resolveWebBaseUrl(env),
-        openInNewTab: options?.openInNewTab ?? true,
-    });
-}
-
 class OrgService {
     constructor(config, http) {
         this.config = config;
@@ -54293,5 +55698,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { ACTION_CARD_DEFAULTS, AD_SIZE_MAP, API_TABLE_COLUMN_LABELS, ARTICLE_CARD_DEFAULTS, ARTICLE_SPACING, ARTICLE_STRIP_DEFAULTS, AUTH_CTA_DEFAULTS, AVATAR_UPLOAD_DEFAULTS, AccordionComponent, ActionCardComponent, ActionHeaderComponent, ActionType, AdSlotComponent, AdsLoaderService, AdsService, AlertBoxComponent, AnalyticsErrorHandler, AnalyticsRouterTracker, AnalyticsService, AnimatedTerminalComponent, AppConfigService, AppVersionService, ArticleBuilder, ArticleCardComponent, ArticleComponent, ArticleStripComponent, AttachmentUploaderComponent, AuthBackgroundComponent, AuthCtaComponent, AuthService, AuthStateService, AuthStorageService, AuthSyncService, AvatarComponent, AvatarUploadComponent, BOTTOM_NAV_DEFAULTS, BannerComponent, BaseDefault, BlogPostBuilder, BottomNavComponent, BoxComponent, BreadcrumbComponent, ButtonComponent, ButtonGroupComponent, CALLOUT_LABELS, CHEV_KEYS, CIRCLE_KEYS, COMMON_COUNTRY_CODES, COMMON_CURRENCIES, CONTENT_CARD_DEFAULTS, CORNER_KEYS, CTA_CARD_DEFAULTS, CURRENCY_INFO, CardComponent, CardSection, CardType, CardsCarouselComponent, ChangeEmailModalComponent, ChangePasswordModalComponent, CheckInputComponent, CheckboxRadioInputComponent, ChipGroupComponent, ClearDefault, ClearDefaultBlock, ClearDefaultFull, ClearDefaultRound, ClearDefaultRoundBlock, ClearDefaultRoundFull, CodeDisplayComponent, CommandDisplayComponent, CommentComponent, CommentInputComponent, CommentSectionComponent, CompanyFooterComponent, ComponentStates, ConfirmationDialogService, ContainerComponent, ContentCardComponent, ContentLoaderComponent, ContentReactionComponent, ContentService, ContentTransformer, CookieBannerComponent, CountdownComponent, CtaCardComponent, 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_DEBUG_CONSOLE_CONFIG, 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, DEFAULT_SPLASH_SCREEN_CONFIG, DataTableComponent, DateInputComponent, DateRangeInputComponent, DebugConsoleComponent, DetailSkeletonComponent, DeviceService, DisplayComponent, DividerComponent, DocsApiTableComponent, DocsBreadcrumbComponent, DocsBuilder, DocsCalloutComponent, DocsCodeExampleComponent, DocsLayoutComponent, DocsNavLinksComponent, DocsNavigationService, DocsPageComponent, DocsSearchComponent, DocsSectionComponent, DocsShellComponent, DocsSidebarComponent, DocsTocComponent, DonationService, DownloadService, EmailInputComponent, EmptyStateComponent, ExpandableTextComponent, FEATURES_LIST_DEFAULTS, FUN_MODAL_DEFAULTS, FabComponent, FaqComponent, FeaturesListComponent, FeedbackFormComponent, FeedbackService, FileInputComponent, FirebaseService, FirestoreCollectionFactory, FirestoreService, FontSizeOption, FontSizeService, FooterComponent, FooterLinksComponent, FormComponent, FormSkeletonComponent, FunHeaderComponent, FunModalComponent, GlassComponent, GlowCardComponent, GlowComponent, GridSkeletonComponent, HANDOFF_ROUTE_PARAM, HANDOFF_TOKEN_PARAM, HandoffService, HasPermissionDirective, HeaderComponent, HintComponent, HorizontalScrollComponent, HourInputComponent, HrefComponent, I18nService, IMAGE_DEFAULTS, INFO_CARD_DEFAULTS, INITIAL_AUTH_STATE, INITIAL_MFA_STATE, INVITATION_CARD_DEFAULTS, Icon, IconComponent, IconService, ImageComponent, ImageCropComponent, ImageService, InAppBrowserService, InfiniteListComponent, InfoCardComponent, InfoComponent, InputI18nHelper, InputType, InvitationCardComponent, ItemListComponent, LANG_STORAGE_KEY$1 as LANG_STORAGE_KEY, LEGAL_CONTENT_CONFIG, LOGIN_DEFAULTS, LandingSplitComponent, LandingStepsComponent, LanguageSelectorComponent, LayeredCardComponent, LegalContentService, LegalLinkService, LinkComponent, LinkProcessorService, LinkedProvidersComponent, LinksAccordionComponent, LinksCakeComponent, ListSkeletonComponent, LoadingDirective, LocalStorageService, LocaleService, LoginComponent, MEDIA_OBJECT_DEFAULTS, MEMBER_CARD_DEFAULTS, METRIC_CARD_DEFAULTS, MODAL_SIZES, MOTIF_KEYS, MOTION, MaintenancePageComponent, MarkdownArticleParserService, MediaObjectComponent, MemberCardComponent, MenuComponent, MessagingService, MetaService, MetricCardComponent, MfaModalComponent, ModalService, ModalShellComponent, MultiSelectSearchComponent, NUM_KEYS, NavigationService, NetworkBannerComponent, NetworkStatusService, NewsBuilder, NoContentComponent, NotesBoxComponent, NotificationActionService, NotificationsService, NumberFromToComponent, NumberInputComponent, NumberStepperComponent, OAUTH_PROVIDERS_INFO, OAuthCallbackComponent, OAuthService, OrgService, OrgSwitchService, OutlineDefault, OutlineDefaultBlock, OutlineDefaultFull, OutlineDefaultRound, OutlineDefaultRoundBlock, OutlineDefaultRoundFull, PATTERN_MOTIFS, PATTERN_PALETTES, PATTERN_STYLE_CONFIGS, PLATFORM_CONFIGS, PageContentComponent, PageLinksComponent, PageRefreshService, PageTemplateComponent, PageWavesComponent, PageWrapperComponent, PaginationComponent, PaginationService, PasswordInputComponent, PatternComponent, PhoneInputComponent, PillComponent, PinInputComponent, PlainCodeBoxComponent, PopoverSelectorComponent, PreferencesService, PreferencesViewComponent, PresetService, PriceTagComponent, PrimarySolidBlockButton, PrimarySolidBlockHrefButton, PrimarySolidBlockIconButton, PrimarySolidBlockIconHrefButton, PrimarySolidDefaultRoundButton, PrimarySolidDefaultRoundHrefButton, PrimarySolidDefaultRoundIconButton, PrimarySolidDefaultRoundIconHrefButton, PrimarySolidFullButton, PrimarySolidFullHrefButton, PrimarySolidFullIconButton, PrimarySolidFullIconHrefButton, PrimarySolidLargeRoundButton, PrimarySolidLargeRoundHrefButton, PrimarySolidLargeRoundIconButton, PrimarySolidLargeRoundIconHrefButton, PrimarySolidSmallRoundButton, PrimarySolidSmallRoundHrefButton, PrimarySolidSmallRoundIconButton, PrimarySolidSmallRoundIconHrefButton, ProcessLinksPipe, ProfileSkeletonComponent, ProfileViewComponent, ProgressBarComponent, ProgressRingComponent, ProgressStatusComponent, PrompterComponent, QR_PRESETS, QrCodeComponent, QrGeneratorService, QueryBuilder, QuoteBoxComponent, REQUEST_STATUSES, RadioInputComponent, RangeInputComponent, RatingComponent, RefresherComponent, RequestFirestoreService, RequestFormBuilderService, RequestService, RightsFooterComponent, RotatingTextComponent, SEARCH_HEADER_DEFAULTS, SETTINGS_SECTIONS_CATALOG, SHAPE_KEYS, SHARE_PROFILE_MODAL_DEFAULTS, SKELETON_LAYOUT_DEFAULT_ROWS, SKELETON_PRESETS, SOLID_KEYS, STATS_BAR_DEFAULTS, STROKE_KEYS, SearchHeaderComponent, 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, SettingsHubComponent, ShareButtonsComponent, ShareProfileModalComponent, SimpleComponent, SkeletonComponent, SkeletonLayoutComponent, SkeletonService, SolidBlockButton, SolidDefault, SolidDefaultBlock, SolidDefaultButton, SolidDefaultFull, SolidDefaultRound, SolidDefaultRoundBlock, SolidDefaultRoundButton, SolidDefaultRoundFull, SolidFullButton, SolidLargeButton, SolidLargeRoundButton, SolidSmallButton, SolidSmallRoundButton, SplashScreenService, StatsBarComponent, 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_CONTENT_CONFIG, VALTECH_DEBUG_CONSOLE, 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_NETWORK_ERROR_KEY, VALTECH_SITE_PATHS, VALTECH_SOCIAL_LINKS, VALTECH_SPLASH_SCREEN, VALTECH_WEB_BASE_URLS, VERSION, ValtechErrorService, WizardComponent, WizardFooterComponent, applyDefaultValueToControl, authGuard, authInterceptor, authPasswordValidator, beautifyLegalArticle, blogPost, buildCompanyFooterProps, buildFooterLinks, buildLegalLinkResolver, buildPath, buildSettingsCards, collections, connectPageRefresh, createErrorStateProps, createFirebaseConfig, createGlowCardProps, createInitialPaginationState, createNumberFromToField, createRefreshableStream, createTitleProps, docs, errorLoggingInterceptor, extractPathParams, generatePatternTiles, generateRandomTile, getAppInfo, getAppVersion, getCollectionPath, getDocumentId, getTimeOfDayKey, goToTop, guestGuard, hasEmulators, interpretError, isAtEnd, isCollectionPath, isDocumentPath, isEmulatorMode, isValidPath, joinPath, maxLength, mulberry32, news, parseMarkdownArticle, permissionGuard, permissionGuardFromRoute, provideLegalContent, provideSplashScreen, provideValtechAds, provideValtechAppConfig, provideValtechAppVersion, provideValtechAuth, provideValtechAuthInterceptor, provideValtechContent, provideValtechDebugConsole, provideValtechDonations, provideValtechErrorHandling, provideValtechFeedback, provideValtechFirebase, provideValtechI18n, provideValtechLegal, provideValtechPreferencesRoutes, provideValtechPresets, provideValtechProfileRoutes, provideValtechSettingsRoutes, provideValtechSite, provideValtechSkeleton, query, renderPatternSvgInner, replaceSpecialChars, resolveColor$1 as resolveColor, resolveInputDefaultValue, resolveWebBaseUrl, roleGuard, storagePaths, superAdminGuard, toArticle };
+export { ACTION_CARD_DEFAULTS, AD_SIZE_MAP, API_TABLE_COLUMN_LABELS, ARTICLE_CARD_DEFAULTS, ARTICLE_SPACING, ARTICLE_STRIP_DEFAULTS, AUTH_CTA_DEFAULTS, AVATAR_UPLOAD_DEFAULTS, AccordionComponent, ActionCardComponent, ActionHeaderComponent, ActionType, AdSlotComponent, AdsLoaderService, AdsService, AlertBoxComponent, AnalyticsErrorHandler, AnalyticsRouterTracker, AnalyticsService, AnimatedTerminalComponent, AppConfigService, AppVersionService, ArticleBuilder, ArticleCardComponent, ArticleComponent, ArticleStripComponent, AttachmentUploaderComponent, AuthBackgroundComponent, AuthCtaComponent, AuthService, AuthStateService, AuthStorageService, AuthSyncService, AvatarComponent, AvatarUploadComponent, BOTTOM_NAV_DEFAULTS, BannerComponent, BaseDefault, BlogPostBuilder, BottomNavComponent, BoxComponent, BreadcrumbComponent, ButtonComponent, ButtonGroupComponent, CALLOUT_LABELS, CHEV_KEYS, CIRCLE_KEYS, COMMON_COUNTRY_CODES, COMMON_CURRENCIES, CONTENT_CARD_DEFAULTS, CORNER_KEYS, CTA_CARD_DEFAULTS, CURRENCY_INFO, CardComponent, CardSection, CardType, CardsCarouselComponent, ChangeEmailModalComponent, ChangePasswordModalComponent, CheckInputComponent, CheckboxRadioInputComponent, ChipGroupComponent, ClearDefault, ClearDefaultBlock, ClearDefaultFull, ClearDefaultRound, ClearDefaultRoundBlock, ClearDefaultRoundFull, CodeDisplayComponent, CommandDisplayComponent, CommentComponent, CommentInputComponent, CommentSectionComponent, CompanyFooterComponent, ComponentStates, ConfirmationDialogService, ContainerComponent, ContentCardComponent, ContentLoaderComponent, ContentReactionComponent, ContentService, ContentTransformer, CookieBannerComponent, CountdownComponent, CtaCardComponent, 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_DEBUG_CONSOLE_CONFIG, 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, DEFAULT_SPLASH_SCREEN_CONFIG, DataTableComponent, DateInputComponent, DateRangeInputComponent, DebugConsoleComponent, DetailSkeletonComponent, DeviceService, DisplayComponent, DividerComponent, DocsApiTableComponent, DocsBreadcrumbComponent, DocsBuilder, DocsCalloutComponent, DocsCodeExampleComponent, DocsLayoutComponent, DocsNavLinksComponent, DocsNavigationService, DocsPageComponent, DocsSearchComponent, DocsSectionComponent, DocsShellComponent, DocsSidebarComponent, DocsTocComponent, DonationService, DownloadService, EmailInputComponent, EmptyStateComponent, ExpandableTextComponent, FEATURES_LIST_DEFAULTS, FUN_MODAL_DEFAULTS, FabComponent, FaqComponent, FeaturesListComponent, FeedbackFormComponent, FeedbackService, FileInputComponent, FirebaseService, FirestoreCollectionFactory, FirestoreService, FontSizeOption, FontSizeService, FooterComponent, FooterLinksComponent, FormComponent, FormSkeletonComponent, FunHeaderComponent, FunModalComponent, GlassComponent, GlowCardComponent, GlowComponent, GridSkeletonComponent, HANDOFF_ROUTE_PARAM, HANDOFF_TOKEN_PARAM, HandoffService, HasPermissionDirective, HeaderComponent, HintComponent, HorizontalScrollComponent, HourInputComponent, HrefComponent, I18nService, IMAGE_DEFAULTS, INFO_CARD_DEFAULTS, INITIAL_AUTH_STATE, INITIAL_MFA_STATE, INVITATION_CARD_DEFAULTS, Icon, IconComponent, IconService, ImageComponent, ImageCropComponent, ImageService, InAppBrowserService, InfiniteListComponent, InfoCardComponent, InfoComponent, InputI18nHelper, InputType, InvitationCardComponent, ItemListComponent, LANG_STORAGE_KEY$1 as LANG_STORAGE_KEY, LEGAL_CONTENT_CONFIG, LOGIN_DEFAULTS, LandingSplitComponent, LandingStepsComponent, LanguageSelectorComponent, LayeredCardComponent, LegalContentService, LegalLinkService, LinkComponent, LinkProcessorService, LinkedProvidersComponent, LinksAccordionComponent, LinksCakeComponent, ListSkeletonComponent, LoadingDirective, LocalStorageService, LocaleService, LoginAttemptModalComponent, LoginComponent, MEDIA_OBJECT_DEFAULTS, MEMBER_CARD_DEFAULTS, METRIC_CARD_DEFAULTS, MODAL_SIZES, MOTIF_KEYS, MOTION, MaintenancePageComponent, MarkdownArticleParserService, MediaObjectComponent, MemberCardComponent, MenuComponent, MessagingService, MetaService, MetricCardComponent, MfaModalComponent, ModalService, ModalShellComponent, MultiSelectSearchComponent, NUM_KEYS, NavigationService, NetworkBannerComponent, NetworkStatusService, NewsBuilder, NoContentComponent, NotesBoxComponent, NotificationActionService, NotificationsService, NumberFromToComponent, NumberInputComponent, NumberStepperComponent, OAUTH_PROVIDERS_INFO, OAuthCallbackComponent, OAuthService, OrgService, OrgSwitchService, OutlineDefault, OutlineDefaultBlock, OutlineDefaultFull, OutlineDefaultRound, OutlineDefaultRoundBlock, OutlineDefaultRoundFull, PATTERN_MOTIFS, PATTERN_PALETTES, PATTERN_STYLE_CONFIGS, PLATFORM_CONFIGS, PageContentComponent, PageLinksComponent, PageRefreshService, PageTemplateComponent, PageWavesComponent, PageWrapperComponent, PaginationComponent, PaginationService, PasswordInputComponent, PatternComponent, PhoneInputComponent, PillComponent, PinInputComponent, PlainCodeBoxComponent, PopoverSelectorComponent, PreferencesService, PreferencesViewComponent, PresetService, PriceTagComponent, PrimarySolidBlockButton, PrimarySolidBlockHrefButton, PrimarySolidBlockIconButton, PrimarySolidBlockIconHrefButton, PrimarySolidDefaultRoundButton, PrimarySolidDefaultRoundHrefButton, PrimarySolidDefaultRoundIconButton, PrimarySolidDefaultRoundIconHrefButton, PrimarySolidFullButton, PrimarySolidFullHrefButton, PrimarySolidFullIconButton, PrimarySolidFullIconHrefButton, PrimarySolidLargeRoundButton, PrimarySolidLargeRoundHrefButton, PrimarySolidLargeRoundIconButton, PrimarySolidLargeRoundIconHrefButton, PrimarySolidSmallRoundButton, PrimarySolidSmallRoundHrefButton, PrimarySolidSmallRoundIconButton, PrimarySolidSmallRoundIconHrefButton, ProcessLinksPipe, ProfileSkeletonComponent, ProfileViewComponent, ProgressBarComponent, ProgressRingComponent, ProgressStatusComponent, PrompterComponent, QR_PRESETS, QrCodeComponent, QrGeneratorService, QueryBuilder, QuoteBoxComponent, REQUEST_STATUSES, RadioInputComponent, RangeInputComponent, RatingComponent, RefresherComponent, RequestFirestoreService, RequestFormBuilderService, RequestService, RightsFooterComponent, RotatingTextComponent, SEARCH_HEADER_DEFAULTS, SETTINGS_SECTIONS_CATALOG, SHAPE_KEYS, SHARE_PROFILE_MODAL_DEFAULTS, SKELETON_LAYOUT_DEFAULT_ROWS, SKELETON_PRESETS, SOLID_KEYS, STATS_BAR_DEFAULTS, STROKE_KEYS, SearchHeaderComponent, SearchSelectorComponent, SearchbarComponent, SecondarySolidBlockButton, SecondarySolidBlockHrefButton, SecondarySolidBlockIconButton, SecondarySolidBlockIconHrefButton, SecondarySolidDefaultRoundButton, SecondarySolidDefaultRoundHrefButton, SecondarySolidDefaultRoundIconButton, SecondarySolidDefaultRoundIconHrefButton, SecondarySolidFullButton, SecondarySolidFullHrefButton, SecondarySolidFullIconButton, SecondarySolidFullIconHrefButton, SecondarySolidLargeRoundButton, SecondarySolidLargeRoundHrefButton, SecondarySolidLargeRoundIconButton, SecondarySolidLargeRoundIconHrefButton, SecondarySolidSmallRoundButton, SecondarySolidSmallRoundHrefButton, SecondarySolidSmallRoundIconButton, SecondarySolidSmallRoundIconHrefButton, SecurityViewComponent, SegmentControlComponent, SelectSearchComponent, SessionListModalComponent, SessionService, SettingsHubComponent, ShareButtonsComponent, ShareProfileModalComponent, SimpleComponent, SkeletonComponent, SkeletonLayoutComponent, SkeletonService, SolidBlockButton, SolidDefault, SolidDefaultBlock, SolidDefaultButton, SolidDefaultFull, SolidDefaultRound, SolidDefaultRoundBlock, SolidDefaultRoundButton, SolidDefaultRoundFull, SolidFullButton, SolidLargeButton, SolidLargeRoundButton, SolidSmallButton, SolidSmallRoundButton, SplashScreenService, StatsBarComponent, 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_CONTENT_CONFIG, VALTECH_DEBUG_CONSOLE, 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_NETWORK_ERROR_KEY, VALTECH_SITE_PATHS, VALTECH_SOCIAL_LINKS, VALTECH_SPLASH_SCREEN, VALTECH_WEB_BASE_URLS, VERSION, ValtechErrorService, WizardComponent, WizardFooterComponent, applyDefaultValueToControl, authGuard, authInterceptor, authPasswordValidator, beautifyLegalArticle, blogPost, buildCompanyFooterProps, buildFooterLinks, buildLegalLinkResolver, buildPath, buildSettingsCards, collections, connectPageRefresh, createErrorStateProps, createFirebaseConfig, createGlowCardProps, createInitialPaginationState, createNumberFromToField, createRefreshableStream, createTitleProps, docs, errorLoggingInterceptor, extractPathParams, generatePatternTiles, generateRandomTile, getAppInfo, getAppVersion, getCollectionPath, getDocumentId, getTimeOfDayKey, goToTop, guestGuard, hasEmulators, interpretError, isAtEnd, isCollectionPath, isDocumentPath, isEmulatorMode, isValidPath, joinPath, maxLength, mulberry32, news, parseMarkdownArticle, permissionGuard, permissionGuardFromRoute, provideLegalContent, provideSplashScreen, provideValtechAds, provideValtechAppConfig, provideValtechAppVersion, provideValtechAuth, provideValtechAuthInterceptor, provideValtechContent, provideValtechDebugConsole, provideValtechDonations, provideValtechErrorHandling, provideValtechFeedback, provideValtechFirebase, provideValtechI18n, provideValtechLegal, provideValtechPreferencesRoutes, provideValtechPresets, provideValtechProfileRoutes, provideValtechSecurityRoutes, provideValtechSettingsRoutes, provideValtechSite, provideValtechSkeleton, query, renderPatternSvgInner, replaceSpecialChars, resolveColor$1 as resolveColor, resolveInputDefaultValue, resolveWebBaseUrl, roleGuard, storagePaths, superAdminGuard, toArticle };
 //# sourceMappingURL=valtech-components.mjs.map