valtech-components 2.0.984 → 2.0.986

package/fesm2022/valtech-components.mjs

@@ -7,7 +7,7 @@ import { provideHttpClient, withInterceptors, HttpClient, HttpErrorResponse } fr
 import * as i1$1 from '@angular/fire/firestore';
 import { provideFirestore, getFirestore, connectFirestoreEmulator, enableIndexedDbPersistence, doc, getDoc, collection, query as query$1, getDocs, getCountFromServer, limit, docData, collectionData, serverTimestamp, addDoc, setDoc, updateDoc, deleteDoc, writeBatch, arrayUnion, arrayRemove, increment, where, orderBy, startAfter, startAt, endBefore, endAt, Timestamp, onSnapshot } from '@angular/fire/firestore';
 import * as i1$5 from '@angular/common';
-import { isPlatformBrowser, CommonModule, NgStyle, NgFor, DOCUMENT, NgClass } from '@angular/common';
+import { isPlatformBrowser, CommonModule, NgStyle, NgFor, DOCUMENT, NgClass, TitleCasePipe } from '@angular/common';
 import { provideAnalytics, getAnalytics, Analytics, logEvent, setUserId, setUserProperties } from '@angular/fire/analytics';
 import { provideFirebaseApp, initializeApp } from '@angular/fire/app';
 import * as i1 from '@angular/fire/auth';
@@ -23,9 +23,9 @@ import { IonicModule, ToastController, NavController } from '@ionic/angular';
 import { isSupported, getMessaging as getMessaging$1 } from 'firebase/messaging';
 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 { 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, IonInput, IonSelect, IonSelectOption, IonPopover, IonList, IonItem, IonRadioGroup, IonRadio, IonRange, IonSearchbar, IonSegment, IonSegmentButton, IonToggle, IonRippleEffect, IonAccordion, IonAccordionGroup, IonTabBar, IonTabButton, IonBadge, IonBreadcrumb, IonBreadcrumbs, IonChip, IonNote, IonDatetimeButton, 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, laptopOutline, 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, swapHorizontalOutline, 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.984';
+const VERSION = '2.0.986';
 
 // Control de estado de refresco (singleton a nivel de módulo)
 let isRefreshing = false;
@@ -15796,11 +15796,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 type: Input
             }] } });
 
+const DATE_INPUT_I18N = {
+    es: { selectDate: 'Seleccionar fecha', selectTime: 'Seleccionar hora' },
+    en: { selectDate: 'Select date', selectTime: 'Select time' },
+};
 /**
  * val-date-input
  *
  * A date picker input integrated with Angular forms, using Ionic's datetime component.
  *
+ * Cuando el control no tiene valor, muestra un botón con el texto `placeholder`
+ * (o un default i18n "Seleccionar fecha") en vez de renderizar en blanco —
+ * `ion-datetime-button` no soporta placeholder, por eso usamos un trigger propio.
+ *
  * @example
  * <val-date-input [props]="{ control: myControl, hint: 'Select a date' }"></val-date-input>
  *
@@ -15821,6 +15829,10 @@ class DateInputComponent {
          * Resolved props after merging preset + explicit props.
          */
         this.resolvedProps = {};
+        // Auto-registro de defaults i18n (anti key-faltante → anti storm de CD).
+        if (!this.i18n.hasNamespace('DateInput')) {
+            this.i18n.registerContent('DateInput', DATE_INPUT_I18N);
+        }
     }
     /** Done button text - from props or i18n default */
     get doneText() {
@@ -15830,6 +15842,52 @@ class DateInputComponent {
     get cancelText() {
         return this.resolvedProps?.cancelText || this.i18n.t('cancel');
     }
+    /** Presentación del datetime (default: date). */
+    get presentation() {
+        return this.resolvedProps?.presentation || 'date';
+    }
+    /** Texto del trigger cuando NO hay valor (placeholder explícito o default i18n). */
+    get placeholderText() {
+        if (this.resolvedProps?.placeholder)
+            return this.resolvedProps.placeholder;
+        this.i18n.lang(); // reactividad ante cambio de idioma
+        return this.presentation === 'time'
+            ? this.i18n.t('selectTime', 'DateInput')
+            : this.i18n.t('selectDate', 'DateInput');
+    }
+    /** Id del trigger/datetime — estable; se garantiza no vacío en resolveProps. */
+    get triggerId() {
+        return this.resolvedProps?.token || '';
+    }
+    /** Valor formateado del control para mostrar en el trigger ('' si vacío). */
+    get displayValue() {
+        const raw = this.resolvedProps?.control?.value;
+        if (!raw)
+            return '';
+        const d = new Date(raw);
+        if (isNaN(d.getTime()))
+            return String(raw);
+        this.i18n.lang(); // reactividad
+        const locale = 'es-ES';
+        try {
+            switch (this.presentation) {
+                case 'time':
+                    return new Intl.DateTimeFormat(locale, { timeStyle: 'short' }).format(d);
+                case 'month':
+                case 'month-year':
+                    return new Intl.DateTimeFormat(locale, { month: 'long', year: 'numeric' }).format(d);
+                case 'year':
+                    return new Intl.DateTimeFormat(locale, { year: 'numeric' }).format(d);
+                case 'date-time':
+                    return new Intl.DateTimeFormat(locale, { dateStyle: 'medium', timeStyle: 'short' }).format(d);
+                default:
+                    return new Intl.DateTimeFormat(locale, { dateStyle: 'medium' }).format(d);
+            }
+        }
+        catch {
+            return String(raw);
+        }
+    }
     ngOnInit() {
         this.resolveProps();
         this.applyDefaultValue();
@@ -15845,13 +15903,16 @@ class DateInputComponent {
      * Explicit props take precedence over preset values.
      */
     resolveProps() {
-        const presetProps = this.preset
-            ? this.presets.get('dateInput', this.preset)
-            : {};
+        const presetProps = this.preset ? this.presets.get('dateInput', this.preset) : {};
         this.resolvedProps = {
             ...presetProps,
             ...this.props,
         };
+        // Garantizar un token (id) no vacío: lo necesitan [trigger] del modal y el
+        // [id] del ion-datetime para vincularse. Si el consumer no lo pasó, generamos uno.
+        if (!this.resolvedProps.token) {
+            this.resolvedProps.token = `val-date-${Math.random().toString(36).slice(2, 10)}`;
+        }
     }
     applyDefaultValue() {
         if (!this.resolvedProps.control)
@@ -15879,14 +15940,25 @@ class DateInputComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DateInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: DateInputComponent, isStandalone: true, selector: "val-date-input", inputs: { preset: "preset", props: "props" }, usesOnChanges: true, ngImport: i0, template: `
     <div class="button-container">
-      <ion-datetime-button class="action" [datetime]="resolvedProps.token"></ion-datetime-button>
+      <!-- Trigger propio (reemplaza ion-datetime-button, que renderiza en blanco
+           cuando el control no tiene valor). Muestra el valor formateado o el
+           placeholder, y abre el modal vía [trigger]. -->
+      <ion-button
+        [id]="triggerId"
+        class="action date-trigger"
+        fill="outline"
+        color="medium"
+        [class.is-placeholder]="!displayValue"
+      >
+        {{ displayValue || placeholderText }}
+      </ion-button>
     </div>
-    <ion-modal [keepContentsMounted]="true">
+    <ion-modal [trigger]="triggerId" [keepContentsMounted]="true">
       <ng-template>
         <ion-datetime
           [formControl]="resolvedProps.control"
           [id]="resolvedProps.token"
-          presentation="date"
+          [presentation]="presentation"
           locale="es-ES"
           [firstDayOfWeek]="1"
           [showDefaultButtons]="true"
@@ -15901,20 +15973,31 @@ class DateInputComponent {
         </ion-datetime>
       </ng-template>
     </ion-modal>
-  `, isInline: true, styles: ["@charset \"UTF-8\";:root{--val-container-sm: 540px;--val-container-md: 720px;--val-container-lg: 880px;--val-container-xl: 1100px;--val-container-padding: 16px;--ion-color-primary: #7026df;--ion-color-primary-rgb: 112, 38, 223;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #6321c4;--ion-color-primary-tint: #7e3ce2;--ion-color-secondary: #e2ccff;--ion-color-secondary-rgb: 226, 204, 255;--ion-color-secondary-contrast: #000000;--ion-color-secondary-contrast-rgb: 0, 0, 0;--ion-color-secondary-shade: #c7b4e0;--ion-color-secondary-tint: #e5d1ff;--ion-color-texti: #354c69;--ion-color-texti-rgb: 53, 76, 105;--ion-color-texti-contrast: #ffffff;--ion-color-texti-contrast-rgb: 255, 255, 255;--ion-color-texti-shade: #2f435c;--ion-color-texti-tint: #495e78;--ion-color-darki: #090f1b;--ion-color-darki-rgb: 9, 15, 27;--ion-color-darki-contrast: #ffffff;--ion-color-darki-contrast-rgb: 255, 255, 255;--ion-color-darki-shade: #080d18;--ion-color-darki-tint: #222732;--ion-color-medium: #9e9e9e;--ion-color-medium-rgb: 158, 158, 158;--ion-color-medium-contrast: #000000;--ion-color-medium-contrast-rgb: 0, 0, 0;--ion-color-medium-shade: #8b8b8b;--ion-color-medium-tint: #a8a8a8;--swiper-pagination-color: var(--ion-color-primary);--swiper-navigation-color: var(--ion-color-primary);--swiper-pagination-bullet-inactive-color: var(--ion-color-medium)}body.dark,html.ion-palette-dark,body[data-theme=dark]{--ion-color-texti: #8fc1ff;--ion-color-texti-rgb: 143, 193, 255;--ion-color-texti-contrast: #000000;--ion-color-texti-contrast-rgb: 0, 0, 0;--ion-color-texti-shade: #7eaae0;--ion-color-texti-tint: #9ac7ff;--ion-color-darki: #ffffff;--ion-color-darki-rgb: 255, 255, 255;--ion-color-darki-contrast: #000000;--ion-color-darki-contrast-rgb: 0, 0, 0;--ion-color-darki-shade: #e0e0e0;--ion-color-darki-tint: #ffffff;--ion-color-primary: #8f49f8;--ion-color-primary-rgb: 143, 73, 248;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #7e40da;--ion-color-primary-tint: #9a5bf9}.ion-color-texti{--ion-color-base: var(--ion-color-texti);--ion-color-base-rgb: var(--ion-color-texti-rgb);--ion-color-contrast: var(--ion-color-texti-contrast);--ion-color-contrast-rgb: var(--ion-color-texti-contrast-rgb);--ion-color-shade: var(--ion-color-texti-shade);--ion-color-tint: var(--ion-color-texti-tint)}.ion-color-darki{--ion-color-base: var(--ion-color-darki);--ion-color-base-rgb: var(--ion-color-darki-rgb);--ion-color-contrast: var(--ion-color-darki-contrast);--ion-color-contrast-rgb: var(--ion-color-darki-contrast-rgb);--ion-color-shade: var(--ion-color-darki-shade);--ion-color-tint: var(--ion-color-darki-tint)}.section{margin-top:1rem}.input{margin:var(--val-form-field-gap, .5rem) 0}@media (min-width: 768px){.input{margin:var(--val-form-field-gap, .75rem) 0}}.submit-actions--sticky{position:sticky;bottom:0;z-index:1;background:var(--ion-background-color);border-top:1px solid var(--ion-color-step-150, rgba(0, 0, 0, .08));padding:.75rem 0 calc(.75rem + env(safe-area-inset-bottom))}.field-description{display:block;font-size:.75rem;color:var(--ion-color-dark);margin-bottom:.25rem;line-height:1.4}.button-container{display:flex;flex-direction:column;align-items:flex-start}.action{margin-top:.25rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$7.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: IonDatetime, selector: "ion-datetime", inputs: ["cancelText", "clearText", "color", "dayValues", "disabled", "doneText", "firstDayOfWeek", "formatOptions", "highlightedDates", "hourCycle", "hourValues", "isDateEnabled", "locale", "max", "min", "minuteValues", "mode", "monthValues", "multiple", "name", "preferWheel", "presentation", "readonly", "showAdjacentDays", "showClearButton", "showDefaultButtons", "showDefaultTimeLabel", "showDefaultTitle", "size", "titleSelectedDatesFormatter", "value", "yearValues"] }, { kind: "component", type: IonDatetimeButton, selector: "ion-datetime-button", inputs: ["color", "datetime", "disabled", "mode"] }, { kind: "component", type: IonModal, selector: "ion-modal" }] }); }
+  `, isInline: true, styles: ["@charset \"UTF-8\";:root{--val-container-sm: 540px;--val-container-md: 720px;--val-container-lg: 880px;--val-container-xl: 1100px;--val-container-padding: 16px;--ion-color-primary: #7026df;--ion-color-primary-rgb: 112, 38, 223;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #6321c4;--ion-color-primary-tint: #7e3ce2;--ion-color-secondary: #e2ccff;--ion-color-secondary-rgb: 226, 204, 255;--ion-color-secondary-contrast: #000000;--ion-color-secondary-contrast-rgb: 0, 0, 0;--ion-color-secondary-shade: #c7b4e0;--ion-color-secondary-tint: #e5d1ff;--ion-color-texti: #354c69;--ion-color-texti-rgb: 53, 76, 105;--ion-color-texti-contrast: #ffffff;--ion-color-texti-contrast-rgb: 255, 255, 255;--ion-color-texti-shade: #2f435c;--ion-color-texti-tint: #495e78;--ion-color-darki: #090f1b;--ion-color-darki-rgb: 9, 15, 27;--ion-color-darki-contrast: #ffffff;--ion-color-darki-contrast-rgb: 255, 255, 255;--ion-color-darki-shade: #080d18;--ion-color-darki-tint: #222732;--ion-color-medium: #9e9e9e;--ion-color-medium-rgb: 158, 158, 158;--ion-color-medium-contrast: #000000;--ion-color-medium-contrast-rgb: 0, 0, 0;--ion-color-medium-shade: #8b8b8b;--ion-color-medium-tint: #a8a8a8;--swiper-pagination-color: var(--ion-color-primary);--swiper-navigation-color: var(--ion-color-primary);--swiper-pagination-bullet-inactive-color: var(--ion-color-medium)}body.dark,html.ion-palette-dark,body[data-theme=dark]{--ion-color-texti: #8fc1ff;--ion-color-texti-rgb: 143, 193, 255;--ion-color-texti-contrast: #000000;--ion-color-texti-contrast-rgb: 0, 0, 0;--ion-color-texti-shade: #7eaae0;--ion-color-texti-tint: #9ac7ff;--ion-color-darki: #ffffff;--ion-color-darki-rgb: 255, 255, 255;--ion-color-darki-contrast: #000000;--ion-color-darki-contrast-rgb: 0, 0, 0;--ion-color-darki-shade: #e0e0e0;--ion-color-darki-tint: #ffffff;--ion-color-primary: #8f49f8;--ion-color-primary-rgb: 143, 73, 248;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #7e40da;--ion-color-primary-tint: #9a5bf9}.ion-color-texti{--ion-color-base: var(--ion-color-texti);--ion-color-base-rgb: var(--ion-color-texti-rgb);--ion-color-contrast: var(--ion-color-texti-contrast);--ion-color-contrast-rgb: var(--ion-color-texti-contrast-rgb);--ion-color-shade: var(--ion-color-texti-shade);--ion-color-tint: var(--ion-color-texti-tint)}.ion-color-darki{--ion-color-base: var(--ion-color-darki);--ion-color-base-rgb: var(--ion-color-darki-rgb);--ion-color-contrast: var(--ion-color-darki-contrast);--ion-color-contrast-rgb: var(--ion-color-darki-contrast-rgb);--ion-color-shade: var(--ion-color-darki-shade);--ion-color-tint: var(--ion-color-darki-tint)}.section{margin-top:1rem}.input{margin:var(--val-form-field-gap, .5rem) 0}@media (min-width: 768px){.input{margin:var(--val-form-field-gap, .75rem) 0}}.submit-actions--sticky{position:sticky;bottom:0;z-index:1;background:var(--ion-background-color);border-top:1px solid var(--ion-color-step-150, rgba(0, 0, 0, .08));padding:.75rem 0 calc(.75rem + env(safe-area-inset-bottom))}.field-description{display:block;font-size:.75rem;color:var(--ion-color-dark);margin-bottom:.25rem;line-height:1.4}.button-container{display:flex;flex-direction:column;align-items:flex-start}.action{margin-top:.25rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$7.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { 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: IonDatetime, selector: "ion-datetime", inputs: ["cancelText", "clearText", "color", "dayValues", "disabled", "doneText", "firstDayOfWeek", "formatOptions", "highlightedDates", "hourCycle", "hourValues", "isDateEnabled", "locale", "max", "min", "minuteValues", "mode", "monthValues", "multiple", "name", "preferWheel", "presentation", "readonly", "showAdjacentDays", "showClearButton", "showDefaultButtons", "showDefaultTimeLabel", "showDefaultTitle", "size", "titleSelectedDatesFormatter", "value", "yearValues"] }, { kind: "component", type: IonModal, selector: "ion-modal" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DateInputComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'val-date-input', standalone: true, imports: [CommonModule, ReactiveFormsModule, IonDatetime, IonDatetimeButton, IonModal], template: `
+            args: [{ selector: 'val-date-input', standalone: true, imports: [CommonModule, ReactiveFormsModule, IonButton, IonDatetime, IonModal], template: `
     <div class="button-container">
-      <ion-datetime-button class="action" [datetime]="resolvedProps.token"></ion-datetime-button>
+      <!-- Trigger propio (reemplaza ion-datetime-button, que renderiza en blanco
+           cuando el control no tiene valor). Muestra el valor formateado o el
+           placeholder, y abre el modal vía [trigger]. -->
+      <ion-button
+        [id]="triggerId"
+        class="action date-trigger"
+        fill="outline"
+        color="medium"
+        [class.is-placeholder]="!displayValue"
+      >
+        {{ displayValue || placeholderText }}
+      </ion-button>
     </div>
-    <ion-modal [keepContentsMounted]="true">
+    <ion-modal [trigger]="triggerId" [keepContentsMounted]="true">
       <ng-template>
         <ion-datetime
           [formControl]="resolvedProps.control"
           [id]="resolvedProps.token"
-          presentation="date"
+          [presentation]="presentation"
           locale="es-ES"
           [firstDayOfWeek]="1"
           [showDefaultButtons]="true"
@@ -15930,7 +16013,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
       </ng-template>
     </ion-modal>
   `, styles: ["@charset \"UTF-8\";:root{--val-container-sm: 540px;--val-container-md: 720px;--val-container-lg: 880px;--val-container-xl: 1100px;--val-container-padding: 16px;--ion-color-primary: #7026df;--ion-color-primary-rgb: 112, 38, 223;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #6321c4;--ion-color-primary-tint: #7e3ce2;--ion-color-secondary: #e2ccff;--ion-color-secondary-rgb: 226, 204, 255;--ion-color-secondary-contrast: #000000;--ion-color-secondary-contrast-rgb: 0, 0, 0;--ion-color-secondary-shade: #c7b4e0;--ion-color-secondary-tint: #e5d1ff;--ion-color-texti: #354c69;--ion-color-texti-rgb: 53, 76, 105;--ion-color-texti-contrast: #ffffff;--ion-color-texti-contrast-rgb: 255, 255, 255;--ion-color-texti-shade: #2f435c;--ion-color-texti-tint: #495e78;--ion-color-darki: #090f1b;--ion-color-darki-rgb: 9, 15, 27;--ion-color-darki-contrast: #ffffff;--ion-color-darki-contrast-rgb: 255, 255, 255;--ion-color-darki-shade: #080d18;--ion-color-darki-tint: #222732;--ion-color-medium: #9e9e9e;--ion-color-medium-rgb: 158, 158, 158;--ion-color-medium-contrast: #000000;--ion-color-medium-contrast-rgb: 0, 0, 0;--ion-color-medium-shade: #8b8b8b;--ion-color-medium-tint: #a8a8a8;--swiper-pagination-color: var(--ion-color-primary);--swiper-navigation-color: var(--ion-color-primary);--swiper-pagination-bullet-inactive-color: var(--ion-color-medium)}body.dark,html.ion-palette-dark,body[data-theme=dark]{--ion-color-texti: #8fc1ff;--ion-color-texti-rgb: 143, 193, 255;--ion-color-texti-contrast: #000000;--ion-color-texti-contrast-rgb: 0, 0, 0;--ion-color-texti-shade: #7eaae0;--ion-color-texti-tint: #9ac7ff;--ion-color-darki: #ffffff;--ion-color-darki-rgb: 255, 255, 255;--ion-color-darki-contrast: #000000;--ion-color-darki-contrast-rgb: 0, 0, 0;--ion-color-darki-shade: #e0e0e0;--ion-color-darki-tint: #ffffff;--ion-color-primary: #8f49f8;--ion-color-primary-rgb: 143, 73, 248;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #7e40da;--ion-color-primary-tint: #9a5bf9}.ion-color-texti{--ion-color-base: var(--ion-color-texti);--ion-color-base-rgb: var(--ion-color-texti-rgb);--ion-color-contrast: var(--ion-color-texti-contrast);--ion-color-contrast-rgb: var(--ion-color-texti-contrast-rgb);--ion-color-shade: var(--ion-color-texti-shade);--ion-color-tint: var(--ion-color-texti-tint)}.ion-color-darki{--ion-color-base: var(--ion-color-darki);--ion-color-base-rgb: var(--ion-color-darki-rgb);--ion-color-contrast: var(--ion-color-darki-contrast);--ion-color-contrast-rgb: var(--ion-color-darki-contrast-rgb);--ion-color-shade: var(--ion-color-darki-shade);--ion-color-tint: var(--ion-color-darki-tint)}.section{margin-top:1rem}.input{margin:var(--val-form-field-gap, .5rem) 0}@media (min-width: 768px){.input{margin:var(--val-form-field-gap, .75rem) 0}}.submit-actions--sticky{position:sticky;bottom:0;z-index:1;background:var(--ion-background-color);border-top:1px solid var(--ion-color-step-150, rgba(0, 0, 0, .08));padding:.75rem 0 calc(.75rem + env(safe-area-inset-bottom))}.field-description{display:block;font-size:.75rem;color:var(--ion-color-dark);margin-bottom:.25rem;line-height:1.4}.button-container{display:flex;flex-direction:column;align-items:flex-start}.action{margin-top:.25rem}\n"] }]
-        }], propDecorators: { preset: [{
+        }], ctorParameters: () => [], propDecorators: { preset: [{
                 type: Input
             }], props: [{
                 type: Input
@@ -40269,7 +40352,7 @@ class BottomNavComponent {
         }
       </div>
     </nav>
-  `, isInline: true, styles: [":host{display:block;position:fixed;bottom:0;left:0;right:0;z-index:100;pointer-events:none}.bottom-nav{--bottom-nav-bg: var(--ion-background-color);--bottom-nav-active: var(--ion-color-primary);--bottom-nav-inactive: var(--ion-color-medium);--bottom-nav-radius: 16px 16px 0 0;--bottom-nav-height: 56px;--bottom-nav-fab-size: 56px;--bottom-nav-max-width: var(--val-container-md, 720px);--fab-color: var(--ion-color-primary);pointer-events:auto;background:var(--bottom-nav-bg);border-radius:var(--bottom-nav-radius);height:var(--bottom-nav-height);padding:0 8px;max-width:var(--bottom-nav-max-width);margin:0 auto}@media (min-width: 576px){.bottom-nav{--bottom-nav-height: 64px}}.bottom-nav--elevated{box-shadow:0 -4px 20px #00000014}.bottom-nav--translucent{background:rgba(var(--ion-background-color-rgb, 255, 255, 255),.75);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-top:1px solid rgba(var(--ion-text-color-rgb, 0, 0, 0),.06)}.bottom-nav--floating{margin:0 auto 8px;width:calc(100% - 32px);border-radius:32px;border:1px solid rgba(var(--ion-text-color-rgb, 0, 0, 0),.08);box-shadow:0 4px 24px #00000014,0 8px 32px #0000000a;--bottom-nav-radius: 32px}.bottom-nav--floating.bottom-nav--translucent{background:rgba(var(--ion-background-color-rgb, 255, 255, 255),.82);backdrop-filter:blur(28px) saturate(200%);-webkit-backdrop-filter:blur(28px) saturate(200%);border:1px solid rgba(var(--ion-text-color-rgb, 0, 0, 0),.08)}.bottom-nav--floating.bottom-nav--elevated{box-shadow:0 4px 24px #0000001a,0 12px 48px #00000014}.bottom-nav--safe-area{padding-bottom:env(safe-area-inset-bottom,0);height:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0))}.bottom-nav--floating.bottom-nav--safe-area{margin-bottom:calc(8px + env(safe-area-inset-bottom,0));padding-bottom:0;height:var(--bottom-nav-height)}.bottom-nav__container{display:flex;align-items:center;justify-content:space-around;height:var(--bottom-nav-height);max-width:500px;margin:0 auto}.bottom-nav__tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:100%;padding:8px 4px;background:transparent;border:none;cursor:pointer;position:relative;overflow:hidden;color:var(--bottom-nav-inactive);transition:color .2s ease;max-width:80px;--ripple-color: var(--bottom-nav-active)}.bottom-nav__tab:focus-visible{outline:2px solid var(--bottom-nav-active);outline-offset:-2px;border-radius:8px}.bottom-nav__tab--active{color:var(--bottom-nav-active)}.bottom-nav__tab--disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.bottom-nav__tab[data-animation=scale] .bottom-nav__tab-icon{transition:transform .2s cubic-bezier(.4,0,.2,1)}.bottom-nav__tab[data-animation=scale].bottom-nav__tab--active .bottom-nav__tab-icon{transform:scale(1.15)}.bottom-nav__tab[data-animation=fade]{transition:opacity .2s ease,color .2s ease}.bottom-nav__tab[data-animation=fade]:not(.bottom-nav__tab--active){opacity:.6}.bottom-nav__tab[data-animation=slide] .bottom-nav__tab-label{transition:transform .2s ease,opacity .2s ease;transform:translateY(6px);opacity:0}.bottom-nav__tab[data-animation=slide].bottom-nav__tab--active .bottom-nav__tab-label{transform:translateY(0);opacity:1}.bottom-nav__tab-icon{position:relative;font-size:1.5rem;line-height:1}.bottom-nav__tab-icon ion-icon{display:block}.bottom-nav__tab-label{font-size:.6875rem;font-weight:500;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;letter-spacing:.01em}.bottom-nav__badge{position:absolute;top:-4px;right:-10px;min-width:18px;height:18px;padding:0 5px;font-size:.625rem;font-weight:600;line-height:18px;text-align:center;color:#fff;background-color:var(--ion-color-danger);border-radius:9px;box-shadow:0 1px 3px #0003}.bottom-nav__badge--dot{min-width:10px;width:10px;height:10px;padding:0;top:-2px;right:-4px;border-radius:50%}.bottom-nav__fab{position:relative;flex-shrink:0;width:var(--bottom-nav-fab-size);height:var(--bottom-nav-fab-size);margin:0 12px;margin-top:calc(var(--bottom-nav-fab-size) * -.35);background:var(--fab-color);border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.75rem;box-shadow:0 4px 14px rgba(var(--ion-color-primary-rgb, 56, 128, 255),.4);transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s ease;overflow:hidden;--ripple-color: rgba(255, 255, 255, .3)}.bottom-nav__fab:hover{transform:scale(1.08);box-shadow:0 6px 20px rgba(var(--ion-color-primary-rgb, 56, 128, 255),.5)}.bottom-nav__fab:active{transform:scale(.95)}.bottom-nav__fab:focus-visible{outline:3px solid white;outline-offset:2px}.bottom-nav__fab--small{--bottom-nav-fab-size: 48px;font-size:1.5rem;margin-top:-14.4px}.bottom-nav__fab ion-icon{display:block}.bottom-nav--hide-labels{--bottom-nav-height: 56px}.bottom-nav--hide-labels .bottom-nav__tab-label{display:none}.bottom-nav--hide-labels .bottom-nav__tab-icon{font-size:1.625rem}:host-context(.dark) .bottom-nav--translucent,:host-context(.ion-palette-dark) .bottom-nav--translucent,:host-context(html.ion-palette-dark) .bottom-nav--translucent,:host-context(body.dark) .bottom-nav--translucent,:host-context([data-theme=dark]) .bottom-nav--translucent{background:rgba(var(--ion-background-color-rgb, 18, 18, 18),.85);border-top-color:#ffffff14}:host-context(.dark) .bottom-nav--elevated,:host-context(.ion-palette-dark) .bottom-nav--elevated,:host-context(html.ion-palette-dark) .bottom-nav--elevated,:host-context(body.dark) .bottom-nav--elevated,:host-context([data-theme=dark]) .bottom-nav--elevated{box-shadow:0 -4px 20px #0000004d}:host-context(.dark) .bottom-nav--floating,:host-context(.ion-palette-dark) .bottom-nav--floating,:host-context(html.ion-palette-dark) .bottom-nav--floating,:host-context(body.dark) .bottom-nav--floating,:host-context([data-theme=dark]) .bottom-nav--floating{border-color:#ffffff1a;box-shadow:0 4px 24px #0003,0 8px 32px #00000026}:host-context(.dark) .bottom-nav--floating.bottom-nav--translucent,:host-context(.ion-palette-dark) .bottom-nav--floating.bottom-nav--translucent,:host-context(html.ion-palette-dark) .bottom-nav--floating.bottom-nav--translucent,:host-context(body.dark) .bottom-nav--floating.bottom-nav--translucent,:host-context([data-theme=dark]) .bottom-nav--floating.bottom-nav--translucent{background:rgba(var(--ion-background-color-rgb, 18, 18, 18),.88);border-color:#ffffff1a}:host-context(.dark) .bottom-nav__fab,:host-context(.ion-palette-dark) .bottom-nav__fab,:host-context(html.ion-palette-dark) .bottom-nav__fab,:host-context(body.dark) .bottom-nav__fab,:host-context([data-theme=dark]) .bottom-nav__fab{box-shadow:0 4px 14px #00000080}:host-context(.dark) .bottom-nav__fab:hover,:host-context(.ion-palette-dark) .bottom-nav__fab:hover,:host-context(html.ion-palette-dark) .bottom-nav__fab:hover,:host-context(body.dark) .bottom-nav__fab:hover,:host-context([data-theme=dark]) .bottom-nav__fab:hover{box-shadow:0 6px 20px #0009}@supports (padding-bottom: env(safe-area-inset-bottom)){.bottom-nav--safe-area .bottom-nav__container{height:var(--bottom-nav-height)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$5.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: IonRippleEffect, selector: "ion-ripple-effect", inputs: ["type"] }] }); }
+  `, isInline: true, styles: [":host{display:block;position:fixed;bottom:0;left:0;right:0;z-index:100;pointer-events:none}.bottom-nav{--bottom-nav-bg: var(--ion-background-color);--bottom-nav-active: var(--ion-color-primary);--bottom-nav-inactive: var(--ion-color-medium);--bottom-nav-radius: 16px 16px 0 0;--bottom-nav-height: 56px;--bottom-nav-fab-size: 56px;--bottom-nav-max-width: var(--val-container-md, 720px);--fab-color: var(--ion-color-primary);pointer-events:auto;background:var(--bottom-nav-bg);border-radius:var(--bottom-nav-radius);height:var(--bottom-nav-height);padding:0 8px;max-width:var(--bottom-nav-max-width);margin:0 auto}@media (min-width: 576px){.bottom-nav{--bottom-nav-height: 64px}}.bottom-nav--elevated{box-shadow:0 -4px 20px #00000014}.bottom-nav--translucent{background:rgba(var(--ion-background-color-rgb, 255, 255, 255),.75);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-top:1px solid rgba(var(--ion-text-color-rgb, 0, 0, 0),.06)}.bottom-nav--floating{margin:0 auto 8px;width:calc(100% - 32px);border-radius:32px;border:1px solid rgba(var(--ion-text-color-rgb, 0, 0, 0),.08);box-shadow:0 4px 24px #00000014,0 8px 32px #0000000a;--bottom-nav-radius: 32px}.bottom-nav--floating.bottom-nav--translucent{background:rgba(var(--ion-background-color-rgb, 255, 255, 255),.82);backdrop-filter:blur(28px) saturate(200%);-webkit-backdrop-filter:blur(28px) saturate(200%);border:1px solid rgba(var(--ion-text-color-rgb, 0, 0, 0),.08)}.bottom-nav--floating.bottom-nav--elevated{box-shadow:0 4px 24px #0000001a,0 12px 48px #00000014}.bottom-nav--safe-area{padding-bottom:env(safe-area-inset-bottom,0);height:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0))}.bottom-nav--floating.bottom-nav--safe-area{margin-bottom:calc(8px + env(safe-area-inset-bottom,0));padding-bottom:0;height:var(--bottom-nav-height)}.bottom-nav__container{display:flex;align-items:center;justify-content:space-around;height:var(--bottom-nav-height);max-width:500px;margin:0 auto}.bottom-nav__tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:100%;padding:8px 4px;background:transparent;border:none;cursor:pointer;position:relative;overflow:hidden;color:var(--bottom-nav-inactive);transition:color .2s ease;max-width:80px;--ripple-color: var(--bottom-nav-active)}.bottom-nav__tab:focus-visible{outline:2px solid var(--bottom-nav-active);outline-offset:-2px;border-radius:8px}.bottom-nav__tab--active{color:var(--bottom-nav-active)}.bottom-nav__tab--disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.bottom-nav__tab[data-animation=scale] .bottom-nav__tab-icon{transition:transform .2s cubic-bezier(.4,0,.2,1)}.bottom-nav__tab[data-animation=scale].bottom-nav__tab--active .bottom-nav__tab-icon{transform:scale(1.15)}.bottom-nav__tab[data-animation=fade]{transition:opacity .2s ease,color .2s ease}.bottom-nav__tab[data-animation=fade]:not(.bottom-nav__tab--active){opacity:.6}.bottom-nav__tab[data-animation=slide] .bottom-nav__tab-label{transition:transform .2s ease,opacity .2s ease;transform:translateY(6px);opacity:0}.bottom-nav__tab[data-animation=slide].bottom-nav__tab--active .bottom-nav__tab-label{transform:translateY(0);opacity:1}.bottom-nav__tab-icon{position:relative;font-size:1.5rem;line-height:1}.bottom-nav__tab-icon ion-icon{display:block}.bottom-nav__tab-label{font-size:.6875rem;font-weight:500;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;letter-spacing:.01em}.bottom-nav__badge{position:absolute;top:-4px;right:-10px;min-width:18px;height:18px;padding:0 5px;font-size:.625rem;font-weight:600;line-height:18px;text-align:center;color:#fff;background-color:var(--ion-color-danger);border-radius:9px;box-shadow:0 1px 3px #0003}.bottom-nav__badge--dot{min-width:10px;width:10px;height:10px;padding:0;top:-2px;right:-4px;border-radius:50%}.bottom-nav__fab{position:relative;flex-shrink:0;width:var(--bottom-nav-fab-size);height:var(--bottom-nav-fab-size);margin:0 12px;margin-top:calc(var(--bottom-nav-fab-size) * -.35);background:var(--fab-color);border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.75rem;box-shadow:0 4px 14px rgba(var(--ion-color-primary-rgb, 56, 128, 255),.4);transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s ease;overflow:hidden;--ripple-color: rgba(255, 255, 255, .3)}.bottom-nav__fab:hover{transform:scale(1.08);box-shadow:0 6px 20px rgba(var(--ion-color-primary-rgb, 56, 128, 255),.5)}.bottom-nav__fab:active{transform:scale(.95)}.bottom-nav__fab:focus-visible{outline:3px solid white;outline-offset:2px}.bottom-nav__fab--small{--bottom-nav-fab-size: 48px;font-size:1.5rem;margin-top:-14.4px}.bottom-nav__fab ion-icon{display:block}.bottom-nav--hide-labels{--bottom-nav-height: 56px}.bottom-nav--hide-labels .bottom-nav__tab-label{display:none}.bottom-nav--hide-labels .bottom-nav__tab-icon{font-size:1.625rem}:host-context(body.font-large) .bottom-nav{--bottom-nav-height: 56px}:host-context(body.font-large) .bottom-nav .bottom-nav__tab-label{display:none}:host-context(body.font-large) .bottom-nav .bottom-nav__tab-icon{font-size:1.625rem}:host-context(.dark) .bottom-nav--translucent,:host-context(.ion-palette-dark) .bottom-nav--translucent,:host-context(html.ion-palette-dark) .bottom-nav--translucent,:host-context(body.dark) .bottom-nav--translucent,:host-context([data-theme=dark]) .bottom-nav--translucent{background:rgba(var(--ion-background-color-rgb, 18, 18, 18),.85);border-top-color:#ffffff14}:host-context(.dark) .bottom-nav--elevated,:host-context(.ion-palette-dark) .bottom-nav--elevated,:host-context(html.ion-palette-dark) .bottom-nav--elevated,:host-context(body.dark) .bottom-nav--elevated,:host-context([data-theme=dark]) .bottom-nav--elevated{box-shadow:0 -4px 20px #0000004d}:host-context(.dark) .bottom-nav--floating,:host-context(.ion-palette-dark) .bottom-nav--floating,:host-context(html.ion-palette-dark) .bottom-nav--floating,:host-context(body.dark) .bottom-nav--floating,:host-context([data-theme=dark]) .bottom-nav--floating{border-color:#ffffff1a;box-shadow:0 4px 24px #0003,0 8px 32px #00000026}:host-context(.dark) .bottom-nav--floating.bottom-nav--translucent,:host-context(.ion-palette-dark) .bottom-nav--floating.bottom-nav--translucent,:host-context(html.ion-palette-dark) .bottom-nav--floating.bottom-nav--translucent,:host-context(body.dark) .bottom-nav--floating.bottom-nav--translucent,:host-context([data-theme=dark]) .bottom-nav--floating.bottom-nav--translucent{background:rgba(var(--ion-background-color-rgb, 18, 18, 18),.88);border-color:#ffffff1a}:host-context(.dark) .bottom-nav__fab,:host-context(.ion-palette-dark) .bottom-nav__fab,:host-context(html.ion-palette-dark) .bottom-nav__fab,:host-context(body.dark) .bottom-nav__fab,:host-context([data-theme=dark]) .bottom-nav__fab{box-shadow:0 4px 14px #00000080}:host-context(.dark) .bottom-nav__fab:hover,:host-context(.ion-palette-dark) .bottom-nav__fab:hover,:host-context(html.ion-palette-dark) .bottom-nav__fab:hover,:host-context(body.dark) .bottom-nav__fab:hover,:host-context([data-theme=dark]) .bottom-nav__fab:hover{box-shadow:0 6px 20px #0009}@supports (padding-bottom: env(safe-area-inset-bottom)){.bottom-nav--safe-area .bottom-nav__container{height:var(--bottom-nav-height)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$5.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: IonRippleEffect, selector: "ion-ripple-effect", inputs: ["type"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BottomNavComponent, decorators: [{
             type: Component,
@@ -40343,7 +40426,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
         }
       </div>
     </nav>
-  `, styles: [":host{display:block;position:fixed;bottom:0;left:0;right:0;z-index:100;pointer-events:none}.bottom-nav{--bottom-nav-bg: var(--ion-background-color);--bottom-nav-active: var(--ion-color-primary);--bottom-nav-inactive: var(--ion-color-medium);--bottom-nav-radius: 16px 16px 0 0;--bottom-nav-height: 56px;--bottom-nav-fab-size: 56px;--bottom-nav-max-width: var(--val-container-md, 720px);--fab-color: var(--ion-color-primary);pointer-events:auto;background:var(--bottom-nav-bg);border-radius:var(--bottom-nav-radius);height:var(--bottom-nav-height);padding:0 8px;max-width:var(--bottom-nav-max-width);margin:0 auto}@media (min-width: 576px){.bottom-nav{--bottom-nav-height: 64px}}.bottom-nav--elevated{box-shadow:0 -4px 20px #00000014}.bottom-nav--translucent{background:rgba(var(--ion-background-color-rgb, 255, 255, 255),.75);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-top:1px solid rgba(var(--ion-text-color-rgb, 0, 0, 0),.06)}.bottom-nav--floating{margin:0 auto 8px;width:calc(100% - 32px);border-radius:32px;border:1px solid rgba(var(--ion-text-color-rgb, 0, 0, 0),.08);box-shadow:0 4px 24px #00000014,0 8px 32px #0000000a;--bottom-nav-radius: 32px}.bottom-nav--floating.bottom-nav--translucent{background:rgba(var(--ion-background-color-rgb, 255, 255, 255),.82);backdrop-filter:blur(28px) saturate(200%);-webkit-backdrop-filter:blur(28px) saturate(200%);border:1px solid rgba(var(--ion-text-color-rgb, 0, 0, 0),.08)}.bottom-nav--floating.bottom-nav--elevated{box-shadow:0 4px 24px #0000001a,0 12px 48px #00000014}.bottom-nav--safe-area{padding-bottom:env(safe-area-inset-bottom,0);height:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0))}.bottom-nav--floating.bottom-nav--safe-area{margin-bottom:calc(8px + env(safe-area-inset-bottom,0));padding-bottom:0;height:var(--bottom-nav-height)}.bottom-nav__container{display:flex;align-items:center;justify-content:space-around;height:var(--bottom-nav-height);max-width:500px;margin:0 auto}.bottom-nav__tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:100%;padding:8px 4px;background:transparent;border:none;cursor:pointer;position:relative;overflow:hidden;color:var(--bottom-nav-inactive);transition:color .2s ease;max-width:80px;--ripple-color: var(--bottom-nav-active)}.bottom-nav__tab:focus-visible{outline:2px solid var(--bottom-nav-active);outline-offset:-2px;border-radius:8px}.bottom-nav__tab--active{color:var(--bottom-nav-active)}.bottom-nav__tab--disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.bottom-nav__tab[data-animation=scale] .bottom-nav__tab-icon{transition:transform .2s cubic-bezier(.4,0,.2,1)}.bottom-nav__tab[data-animation=scale].bottom-nav__tab--active .bottom-nav__tab-icon{transform:scale(1.15)}.bottom-nav__tab[data-animation=fade]{transition:opacity .2s ease,color .2s ease}.bottom-nav__tab[data-animation=fade]:not(.bottom-nav__tab--active){opacity:.6}.bottom-nav__tab[data-animation=slide] .bottom-nav__tab-label{transition:transform .2s ease,opacity .2s ease;transform:translateY(6px);opacity:0}.bottom-nav__tab[data-animation=slide].bottom-nav__tab--active .bottom-nav__tab-label{transform:translateY(0);opacity:1}.bottom-nav__tab-icon{position:relative;font-size:1.5rem;line-height:1}.bottom-nav__tab-icon ion-icon{display:block}.bottom-nav__tab-label{font-size:.6875rem;font-weight:500;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;letter-spacing:.01em}.bottom-nav__badge{position:absolute;top:-4px;right:-10px;min-width:18px;height:18px;padding:0 5px;font-size:.625rem;font-weight:600;line-height:18px;text-align:center;color:#fff;background-color:var(--ion-color-danger);border-radius:9px;box-shadow:0 1px 3px #0003}.bottom-nav__badge--dot{min-width:10px;width:10px;height:10px;padding:0;top:-2px;right:-4px;border-radius:50%}.bottom-nav__fab{position:relative;flex-shrink:0;width:var(--bottom-nav-fab-size);height:var(--bottom-nav-fab-size);margin:0 12px;margin-top:calc(var(--bottom-nav-fab-size) * -.35);background:var(--fab-color);border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.75rem;box-shadow:0 4px 14px rgba(var(--ion-color-primary-rgb, 56, 128, 255),.4);transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s ease;overflow:hidden;--ripple-color: rgba(255, 255, 255, .3)}.bottom-nav__fab:hover{transform:scale(1.08);box-shadow:0 6px 20px rgba(var(--ion-color-primary-rgb, 56, 128, 255),.5)}.bottom-nav__fab:active{transform:scale(.95)}.bottom-nav__fab:focus-visible{outline:3px solid white;outline-offset:2px}.bottom-nav__fab--small{--bottom-nav-fab-size: 48px;font-size:1.5rem;margin-top:-14.4px}.bottom-nav__fab ion-icon{display:block}.bottom-nav--hide-labels{--bottom-nav-height: 56px}.bottom-nav--hide-labels .bottom-nav__tab-label{display:none}.bottom-nav--hide-labels .bottom-nav__tab-icon{font-size:1.625rem}:host-context(.dark) .bottom-nav--translucent,:host-context(.ion-palette-dark) .bottom-nav--translucent,:host-context(html.ion-palette-dark) .bottom-nav--translucent,:host-context(body.dark) .bottom-nav--translucent,:host-context([data-theme=dark]) .bottom-nav--translucent{background:rgba(var(--ion-background-color-rgb, 18, 18, 18),.85);border-top-color:#ffffff14}:host-context(.dark) .bottom-nav--elevated,:host-context(.ion-palette-dark) .bottom-nav--elevated,:host-context(html.ion-palette-dark) .bottom-nav--elevated,:host-context(body.dark) .bottom-nav--elevated,:host-context([data-theme=dark]) .bottom-nav--elevated{box-shadow:0 -4px 20px #0000004d}:host-context(.dark) .bottom-nav--floating,:host-context(.ion-palette-dark) .bottom-nav--floating,:host-context(html.ion-palette-dark) .bottom-nav--floating,:host-context(body.dark) .bottom-nav--floating,:host-context([data-theme=dark]) .bottom-nav--floating{border-color:#ffffff1a;box-shadow:0 4px 24px #0003,0 8px 32px #00000026}:host-context(.dark) .bottom-nav--floating.bottom-nav--translucent,:host-context(.ion-palette-dark) .bottom-nav--floating.bottom-nav--translucent,:host-context(html.ion-palette-dark) .bottom-nav--floating.bottom-nav--translucent,:host-context(body.dark) .bottom-nav--floating.bottom-nav--translucent,:host-context([data-theme=dark]) .bottom-nav--floating.bottom-nav--translucent{background:rgba(var(--ion-background-color-rgb, 18, 18, 18),.88);border-color:#ffffff1a}:host-context(.dark) .bottom-nav__fab,:host-context(.ion-palette-dark) .bottom-nav__fab,:host-context(html.ion-palette-dark) .bottom-nav__fab,:host-context(body.dark) .bottom-nav__fab,:host-context([data-theme=dark]) .bottom-nav__fab{box-shadow:0 4px 14px #00000080}:host-context(.dark) .bottom-nav__fab:hover,:host-context(.ion-palette-dark) .bottom-nav__fab:hover,:host-context(html.ion-palette-dark) .bottom-nav__fab:hover,:host-context(body.dark) .bottom-nav__fab:hover,:host-context([data-theme=dark]) .bottom-nav__fab:hover{box-shadow:0 6px 20px #0009}@supports (padding-bottom: env(safe-area-inset-bottom)){.bottom-nav--safe-area .bottom-nav__container{height:var(--bottom-nav-height)}}\n"] }]
+  `, styles: [":host{display:block;position:fixed;bottom:0;left:0;right:0;z-index:100;pointer-events:none}.bottom-nav{--bottom-nav-bg: var(--ion-background-color);--bottom-nav-active: var(--ion-color-primary);--bottom-nav-inactive: var(--ion-color-medium);--bottom-nav-radius: 16px 16px 0 0;--bottom-nav-height: 56px;--bottom-nav-fab-size: 56px;--bottom-nav-max-width: var(--val-container-md, 720px);--fab-color: var(--ion-color-primary);pointer-events:auto;background:var(--bottom-nav-bg);border-radius:var(--bottom-nav-radius);height:var(--bottom-nav-height);padding:0 8px;max-width:var(--bottom-nav-max-width);margin:0 auto}@media (min-width: 576px){.bottom-nav{--bottom-nav-height: 64px}}.bottom-nav--elevated{box-shadow:0 -4px 20px #00000014}.bottom-nav--translucent{background:rgba(var(--ion-background-color-rgb, 255, 255, 255),.75);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-top:1px solid rgba(var(--ion-text-color-rgb, 0, 0, 0),.06)}.bottom-nav--floating{margin:0 auto 8px;width:calc(100% - 32px);border-radius:32px;border:1px solid rgba(var(--ion-text-color-rgb, 0, 0, 0),.08);box-shadow:0 4px 24px #00000014,0 8px 32px #0000000a;--bottom-nav-radius: 32px}.bottom-nav--floating.bottom-nav--translucent{background:rgba(var(--ion-background-color-rgb, 255, 255, 255),.82);backdrop-filter:blur(28px) saturate(200%);-webkit-backdrop-filter:blur(28px) saturate(200%);border:1px solid rgba(var(--ion-text-color-rgb, 0, 0, 0),.08)}.bottom-nav--floating.bottom-nav--elevated{box-shadow:0 4px 24px #0000001a,0 12px 48px #00000014}.bottom-nav--safe-area{padding-bottom:env(safe-area-inset-bottom,0);height:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0))}.bottom-nav--floating.bottom-nav--safe-area{margin-bottom:calc(8px + env(safe-area-inset-bottom,0));padding-bottom:0;height:var(--bottom-nav-height)}.bottom-nav__container{display:flex;align-items:center;justify-content:space-around;height:var(--bottom-nav-height);max-width:500px;margin:0 auto}.bottom-nav__tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:100%;padding:8px 4px;background:transparent;border:none;cursor:pointer;position:relative;overflow:hidden;color:var(--bottom-nav-inactive);transition:color .2s ease;max-width:80px;--ripple-color: var(--bottom-nav-active)}.bottom-nav__tab:focus-visible{outline:2px solid var(--bottom-nav-active);outline-offset:-2px;border-radius:8px}.bottom-nav__tab--active{color:var(--bottom-nav-active)}.bottom-nav__tab--disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.bottom-nav__tab[data-animation=scale] .bottom-nav__tab-icon{transition:transform .2s cubic-bezier(.4,0,.2,1)}.bottom-nav__tab[data-animation=scale].bottom-nav__tab--active .bottom-nav__tab-icon{transform:scale(1.15)}.bottom-nav__tab[data-animation=fade]{transition:opacity .2s ease,color .2s ease}.bottom-nav__tab[data-animation=fade]:not(.bottom-nav__tab--active){opacity:.6}.bottom-nav__tab[data-animation=slide] .bottom-nav__tab-label{transition:transform .2s ease,opacity .2s ease;transform:translateY(6px);opacity:0}.bottom-nav__tab[data-animation=slide].bottom-nav__tab--active .bottom-nav__tab-label{transform:translateY(0);opacity:1}.bottom-nav__tab-icon{position:relative;font-size:1.5rem;line-height:1}.bottom-nav__tab-icon ion-icon{display:block}.bottom-nav__tab-label{font-size:.6875rem;font-weight:500;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;letter-spacing:.01em}.bottom-nav__badge{position:absolute;top:-4px;right:-10px;min-width:18px;height:18px;padding:0 5px;font-size:.625rem;font-weight:600;line-height:18px;text-align:center;color:#fff;background-color:var(--ion-color-danger);border-radius:9px;box-shadow:0 1px 3px #0003}.bottom-nav__badge--dot{min-width:10px;width:10px;height:10px;padding:0;top:-2px;right:-4px;border-radius:50%}.bottom-nav__fab{position:relative;flex-shrink:0;width:var(--bottom-nav-fab-size);height:var(--bottom-nav-fab-size);margin:0 12px;margin-top:calc(var(--bottom-nav-fab-size) * -.35);background:var(--fab-color);border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.75rem;box-shadow:0 4px 14px rgba(var(--ion-color-primary-rgb, 56, 128, 255),.4);transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s ease;overflow:hidden;--ripple-color: rgba(255, 255, 255, .3)}.bottom-nav__fab:hover{transform:scale(1.08);box-shadow:0 6px 20px rgba(var(--ion-color-primary-rgb, 56, 128, 255),.5)}.bottom-nav__fab:active{transform:scale(.95)}.bottom-nav__fab:focus-visible{outline:3px solid white;outline-offset:2px}.bottom-nav__fab--small{--bottom-nav-fab-size: 48px;font-size:1.5rem;margin-top:-14.4px}.bottom-nav__fab ion-icon{display:block}.bottom-nav--hide-labels{--bottom-nav-height: 56px}.bottom-nav--hide-labels .bottom-nav__tab-label{display:none}.bottom-nav--hide-labels .bottom-nav__tab-icon{font-size:1.625rem}:host-context(body.font-large) .bottom-nav{--bottom-nav-height: 56px}:host-context(body.font-large) .bottom-nav .bottom-nav__tab-label{display:none}:host-context(body.font-large) .bottom-nav .bottom-nav__tab-icon{font-size:1.625rem}:host-context(.dark) .bottom-nav--translucent,:host-context(.ion-palette-dark) .bottom-nav--translucent,:host-context(html.ion-palette-dark) .bottom-nav--translucent,:host-context(body.dark) .bottom-nav--translucent,:host-context([data-theme=dark]) .bottom-nav--translucent{background:rgba(var(--ion-background-color-rgb, 18, 18, 18),.85);border-top-color:#ffffff14}:host-context(.dark) .bottom-nav--elevated,:host-context(.ion-palette-dark) .bottom-nav--elevated,:host-context(html.ion-palette-dark) .bottom-nav--elevated,:host-context(body.dark) .bottom-nav--elevated,:host-context([data-theme=dark]) .bottom-nav--elevated{box-shadow:0 -4px 20px #0000004d}:host-context(.dark) .bottom-nav--floating,:host-context(.ion-palette-dark) .bottom-nav--floating,:host-context(html.ion-palette-dark) .bottom-nav--floating,:host-context(body.dark) .bottom-nav--floating,:host-context([data-theme=dark]) .bottom-nav--floating{border-color:#ffffff1a;box-shadow:0 4px 24px #0003,0 8px 32px #00000026}:host-context(.dark) .bottom-nav--floating.bottom-nav--translucent,:host-context(.ion-palette-dark) .bottom-nav--floating.bottom-nav--translucent,:host-context(html.ion-palette-dark) .bottom-nav--floating.bottom-nav--translucent,:host-context(body.dark) .bottom-nav--floating.bottom-nav--translucent,:host-context([data-theme=dark]) .bottom-nav--floating.bottom-nav--translucent{background:rgba(var(--ion-background-color-rgb, 18, 18, 18),.88);border-color:#ffffff1a}:host-context(.dark) .bottom-nav__fab,:host-context(.ion-palette-dark) .bottom-nav__fab,:host-context(html.ion-palette-dark) .bottom-nav__fab,:host-context(body.dark) .bottom-nav__fab,:host-context([data-theme=dark]) .bottom-nav__fab{box-shadow:0 4px 14px #00000080}:host-context(.dark) .bottom-nav__fab:hover,:host-context(.ion-palette-dark) .bottom-nav__fab:hover,:host-context(html.ion-palette-dark) .bottom-nav__fab:hover,:host-context(body.dark) .bottom-nav__fab:hover,:host-context([data-theme=dark]) .bottom-nav__fab:hover{box-shadow:0 6px 20px #0009}@supports (padding-bottom: env(safe-area-inset-bottom)){.bottom-nav--safe-area .bottom-nav__container{height:var(--bottom-nav-height)}}\n"] }]
         }], propDecorators: { tabClick: [{
                 type: Output
             }], fabClick: [{
@@ -41652,7 +41735,7 @@ const PROFILE_VIEW_I18N = {
 const HANDLE_PATTERN = /^[a-z_][a-z0-9_]*$/;
 const HANDLE_MIN = 3;
 const HANDLE_MAX = 20;
-const DEFAULT_NAMESPACE$2 = 'Settings.Profile';
+const DEFAULT_NAMESPACE$7 = 'Settings.Profile';
 /**
  * `val-profile-view` — vista Perfil full-feature autocontenida (organism).
  *
@@ -41702,7 +41785,7 @@ class ProfileViewComponent {
                 showPhone: merged.showPhone ?? true,
                 showShareCta: merged.showShareCta ?? true,
                 profileBaseUrl: merged.profileBaseUrl ?? '',
-                i18nNamespace: merged.i18nNamespace ?? DEFAULT_NAMESPACE$2,
+                i18nNamespace: merged.i18nNamespace ?? DEFAULT_NAMESPACE$7,
                 onSaved: merged.onSaved,
                 onAvatarUploaded: merged.onAvatarUploaded,
             };
@@ -42342,6 +42425,8 @@ class FontSizeService {
         if (!this.isBrowser)
             return;
         document.documentElement.style.fontSize = SIZE_PX[size];
+        document.body.classList.toggle('font-large', size === FontSizeOption.LARGE);
+        document.body.classList.toggle('font-small', size === FontSizeOption.SMALL);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FontSizeService, deps: [{ token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FontSizeService, providedIn: 'root' }); }
@@ -42616,7 +42701,7 @@ const PREFERENCES_VIEW_I18N = {
     },
 };
 
-const DEFAULT_NAMESPACE$1 = 'Settings.General';
+const DEFAULT_NAMESPACE$6 = 'Settings.General';
 const DEFAULT_LANGUAGES = ['es', 'en'];
 /**
  * `val-preferences-view` — vista de preferencias de UI cross-app (tema +
@@ -42653,7 +42738,7 @@ class PreferencesViewComponent {
                 showLanguage: merged.showLanguage ?? true,
                 showFontSize: merged.showFontSize ?? true,
                 supportedLanguages: merged.supportedLanguages ?? DEFAULT_LANGUAGES,
-                i18nNamespace: merged.i18nNamespace ?? DEFAULT_NAMESPACE$1,
+                i18nNamespace: merged.i18nNamespace ?? DEFAULT_NAMESPACE$6,
                 onThemeChanged: merged.onThemeChanged,
                 onLanguageChanged: merged.onLanguageChanged,
                 onFontSizeChanged: merged.onFontSizeChanged,
@@ -44465,7 +44550,7 @@ const SECURITY_VIEW_I18N = {
 };
 
 addIcons({ laptopOutline, phonePortraitOutline });
-const DEFAULT_NAMESPACE = 'Settings.Security';
+const DEFAULT_NAMESPACE$5 = 'Settings.Security';
 /**
  * `val-security-view` — vista Seguridad full-feature autocontenida (organism).
  *
@@ -44514,7 +44599,7 @@ class SecurityViewComponent {
                 showChangeEmail: merged.showChangeEmail ?? true,
                 showMfa: merged.showMfa ?? true,
                 showPolicies: merged.showPolicies ?? true,
-                i18nNamespace: merged.i18nNamespace ?? DEFAULT_NAMESPACE,
+                i18nNamespace: merged.i18nNamespace ?? DEFAULT_NAMESPACE$5,
                 handleDeepLinks: merged.handleDeepLinks ?? true,
                 homeRoute: merged.homeRoute ?? '/app/home',
                 onMfaCompleted: merged.onMfaCompleted,
@@ -45278,187 +45363,2198 @@ function provideValtechSecurityRoutes(opts) {
     ];
 }
 
-/** Built-in label sets for the three platform locales. */
-const CALLOUT_LABELS = {
+class OrgService {
+    constructor(config, http) {
+        this.config = config;
+        this.http = http;
+    }
+    get baseUrl() {
+        return `${this.config.apiUrl}/org`;
+    }
+    listMyOrgs() {
+        return this.http.get(`${this.baseUrl}/my`).pipe(map$1(r => r.organizations));
+    }
+    listMyOrgsPage(params) {
+        const queryParams = new URLSearchParams();
+        if (params?.limit)
+            queryParams.set('limit', String(params.limit));
+        if (params?.nextToken)
+            queryParams.set('nextToken', params.nextToken);
+        const qs = queryParams.toString();
+        const url = `${this.baseUrl}/my${qs ? '?' + qs : ''}`;
+        return this.http.get(url);
+    }
+    getOrg(orgId) {
+        return this.http.get(`${this.baseUrl}/${orgId}`).pipe(map$1(r => r.organization));
+    }
+    createOrg(req) {
+        return this.http.post(`${this.baseUrl}`, req).pipe(map$1(r => r.organization));
+    }
+    updateOrg(orgId, req) {
+        return this.http
+            .put(`${this.baseUrl}/${orgId}`, req)
+            .pipe(map$1(r => r.organization));
+    }
+    deleteOrg(orgId) {
+        return this.http.delete(`${this.baseUrl}/${orgId}`);
+    }
+    inviteUser(orgId, req) {
+        return this.http.post(`${this.baseUrl}/${orgId}/invite`, req);
+    }
+    leaveOrg(orgId) {
+        return this.http.post(`${this.baseUrl}/${orgId}/leave`, {});
+    }
+    getOrgMembers(orgId, params) {
+        const queryParams = new URLSearchParams();
+        if (params?.limit)
+            queryParams.set('limit', String(params.limit));
+        if (params?.nextToken)
+            queryParams.set('nextToken', params.nextToken);
+        const qs = queryParams.toString();
+        const url = `${this.baseUrl}/${orgId}/members${qs ? '?' + qs : ''}`;
+        return this.http.get(url);
+    }
+    listOrgRoles(orgId) {
+        return this.http
+            .get(`${this.baseUrl}/${orgId}/roles`)
+            .pipe(map$1(r => r.roles ?? []));
+    }
+    changeMemberRole(orgId, userId, roleId) {
+        const body = { roleId };
+        return this.http.put(`${this.baseUrl}/${orgId}/members/${userId}/role`, body);
+    }
+    removeMember(orgId, userId) {
+        return this.http.delete(`${this.baseUrl}/${orgId}/members/${userId}`);
+    }
+    transferOwnership(orgId, newOwnerId) {
+        return this.http
+            .post(`${this.baseUrl}/${orgId}/transfer-ownership`, { newOwnerId })
+            .pipe(map$1(r => r.organization));
+    }
+    validateInviteToken(token) {
+        return this.http.post(`${this.config.apiUrl}/v2/actions/validate`, { token });
+    }
+    executeInviteToken(token) {
+        return this.http.post(`${this.config.apiUrl}/v2/actions/execute`, { token });
+    }
+    getPendingInvitations() {
+        return this.http
+            .get(`${this.config.apiUrl}/organizations/invitations/pending`)
+            .pipe(map$1(r => r.items ?? []));
+    }
+    acceptInvitation(orgId) {
+        return this.http.post(`${this.baseUrl}/invitations/${orgId}/accept`, {});
+    }
+    declineInvitation(orgId) {
+        return this.http.post(`${this.baseUrl}/invitations/${orgId}/decline`, {});
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: OrgService, deps: [{ token: VALTECH_AUTH_CONFIG }, { token: i1$3.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: OrgService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: OrgService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [VALTECH_AUTH_CONFIG]
+                }] }, { type: i1$3.HttpClient }] });
+
+/**
+ * Defaults i18n (es/en) embebidos en `val-create-org-modal`. Auto-registrados en
+ * el constructor del componente si el consumer no proveyó el namespace
+ * (`CreateOrgModal` por default). SOLO incluye las keys que el modal usa.
+ */
+const CREATE_ORG_MODAL_I18N = {
     es: {
-        NOTE: 'Nota',
-        TIP: 'Tip',
-        INFO: 'Info',
-        IMPORTANT: 'Importante',
-        WARNING: 'Atención',
-        CAUTION: 'Precaución',
+        pageTitle: 'Nueva organización',
+        pageDescription: 'Crea una nueva organización',
+        nameLabel: 'Nombre',
+        namePlaceholder: 'Nombre de la organización',
+        typeLabel: 'Tipo',
+        descriptionLabel: 'Descripción',
+        descriptionPlaceholder: 'Opcional',
+        createCta: 'Crear organización',
+        close: 'Cancelar',
+        nameRequired: 'El nombre es obligatorio',
+        nameMin: 'Mínimo 2 caracteres',
+        typePersonal: 'Personal',
+        typePrivate: 'Privada',
+        typePublic: 'Pública',
+        typeBusiness: 'Empresa',
+        successMsg: 'Organización creada. Cambiando...',
+        fillRequired: 'Completa todos los campos requeridos.',
     },
     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',
+        pageTitle: 'New organization',
+        pageDescription: 'Create a new organization',
+        nameLabel: 'Name',
+        namePlaceholder: 'Organization name',
+        typeLabel: 'Type',
+        descriptionLabel: 'Description',
+        descriptionPlaceholder: 'Optional',
+        createCta: 'Create organization',
+        close: 'Cancel',
+        nameRequired: 'Name is required',
+        nameMin: 'Minimum 2 characters',
+        typePersonal: 'Personal',
+        typePrivate: 'Private',
+        typePublic: 'Public',
+        typeBusiness: 'Business',
+        successMsg: 'Organization created. Switching...',
+        fillRequired: 'Please fill in all required fields.',
     },
 };
+
+const DEFAULT_NAMESPACE$4 = 'CreateOrgModal';
 /**
- * Per-callout-kind color (Ionic semantic color). Fixed across locales since
- * red = danger no matter what language you speak.
+ * `val-create-org-modal` — modal de creación de organización (organism
+ * compartido). Promovido desde `showcase` bajo el proceso de ADR-021. Reusado por
+ * la vista Cuenta (y futuras vistas org-aware).
+ *
+ * Crea la org vía `OrgService.createOrg` y, en éxito, cambia a ella con
+ * `OrgSwitchService.switchTo`. El formulario (nombre + tipo + descripción) se
+ * construye una vez y se mantiene reactivo a idioma + estado de trabajo vía
+ * effects `allowSignalWrites`.
+ *
+ * Abierto vía `ModalService` — recibe `_modalRef` por `componentProps` + callback
+ * `onSuccess(newOrg)`. Header canónico (Regla #5): sin `ion-title`, botón Cerrar
+ * texto en `slot=end`, título/subtítulo en el body con `val-display`/`val-title`.
+ *
+ * Auto-registra sus defaults i18n (es/en) si el consumer no proveyó el namespace
+ * `CreateOrgModal`.
  */
-const CALLOUT_COLORS = {
-    NOTE: 'primary',
-    TIP: 'success',
-    INFO: 'tertiary',
-    IMPORTANT: 'warning',
-    WARNING: 'warning',
-    CAUTION: 'danger',
+class CreateOrgModalComponent {
+    constructor() {
+        this.i18n = inject(I18nService);
+        this.orgService = inject(OrgService);
+        this.orgSwitch = inject(OrgSwitchService);
+        this.toast = inject(ToastService);
+        this.errors = inject(ValtechErrorService);
+        /** Namespace i18n con que la vista resuelve sus textos. */
+        this.i18nNamespace = DEFAULT_NAMESPACE$4;
+        this._busy = signal(false);
+        if (!this.i18n.hasNamespace(DEFAULT_NAMESPACE$4)) {
+            this.i18n.registerContent(DEFAULT_NAMESPACE$4, CREATE_ORG_MODAL_I18N);
+        }
+        this.formMeta = signal(this.buildFormMeta());
+        effect(() => {
+            this.i18n.lang();
+            this.formMeta.set(this.buildFormMeta());
+        }, { allowSignalWrites: true });
+        effect(() => {
+            const working = this._busy();
+            this.formMeta.update(meta => ({
+                ...meta,
+                state: working ? ComponentStates.WORKING : ComponentStates.ENABLED,
+                actions: {
+                    ...meta.actions,
+                    state: working ? ComponentStates.WORKING : ComponentStates.ENABLED,
+                },
+            }));
+        }, { allowSignalWrites: true });
+    }
+    async onSubmit(event) {
+        if (this._busy())
+            return;
+        const name = event.fields['name'];
+        const type = event.fields['type'];
+        if (!name?.trim() || !type) {
+            this.toast.show({
+                message: this.t('fillRequired'),
+                duration: 3000,
+                color: 'dark',
+                position: 'top',
+            });
+            return;
+        }
+        this._busy.set(true);
+        try {
+            const description = event.fields['description'];
+            const newOrg = await firstValueFrom(this.orgService.createOrg({ name, type, description }));
+            this.toast.show({
+                message: this.t('successMsg'),
+                color: 'dark',
+                duration: 3500,
+            });
+            await this.orgSwitch.switchTo(newOrg.id);
+            this.onSuccess?.(newOrg);
+            this._modalRef?.dismiss(newOrg, 'confirm');
+        }
+        catch (err) {
+            this.errors.handle(err, { i18nNamespace: this.i18nNamespace });
+        }
+        finally {
+            this._busy.set(false);
+        }
+    }
+    dismiss() {
+        this._modalRef?.dismiss(null, 'cancel');
+    }
+    buildFormMeta() {
+        const nameField = {
+            token: 'new-org-name',
+            name: 'name',
+            label: this.t('nameLabel'),
+            hint: '',
+            placeholder: this.t('namePlaceholder'),
+            type: InputType.TEXT,
+            order: 1,
+            validators: [Validators.required, Validators.minLength(2), Validators.maxLength(100)],
+            errors: {
+                required: this.t('nameRequired'),
+                minlength: this.t('nameMin'),
+            },
+            value: '',
+            state: ComponentStates.ENABLED,
+        };
+        const typeField = {
+            token: 'new-org-type',
+            name: 'type',
+            label: this.t('typeLabel'),
+            hint: '',
+            placeholder: '',
+            type: InputType.SELECT,
+            order: 2,
+            validators: [Validators.required],
+            errors: {},
+            value: 'PERSONAL',
+            withDefault: 'PERSONAL',
+            state: ComponentStates.ENABLED,
+            options: [
+                { id: 'PERSONAL', name: this.t('typePersonal'), order: 1 },
+                { id: 'PRIVATE', name: this.t('typePrivate'), order: 2 },
+                { id: 'PUBLIC', name: this.t('typePublic'), order: 3 },
+                { id: 'BUSINESS', name: this.t('typeBusiness'), order: 4 },
+            ],
+        };
+        const descriptionField = {
+            token: 'new-org-description',
+            name: 'description',
+            label: this.t('descriptionLabel'),
+            hint: '',
+            placeholder: this.t('descriptionPlaceholder'),
+            type: InputType.TEXTAREA,
+            order: 3,
+            validators: [],
+            errors: {},
+            value: '',
+            state: ComponentStates.ENABLED,
+        };
+        const submitButton = {
+            text: this.t('createCta'),
+            color: 'dark',
+            type: 'submit',
+            fill: 'solid',
+            size: 'default',
+            shape: 'round',
+            expand: 'block',
+            state: ComponentStates.ENABLED,
+            token: 'new-org-submit',
+        };
+        return {
+            name: '',
+            state: ComponentStates.ENABLED,
+            sections: [
+                {
+                    name: '',
+                    order: 1,
+                    fields: [nameField, typeField, descriptionField],
+                },
+            ],
+            actions: submitButton,
+        };
+    }
+    t(key) {
+        return this.i18n.t(key, this.i18nNamespace);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CreateOrgModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: CreateOrgModalComponent, isStandalone: true, selector: "val-create-org-modal", inputs: { _modalRef: "_modalRef", onSuccess: "onSuccess", i18nNamespace: "i18nNamespace" }, ngImport: i0, template: `
+    <ion-header>
+      <ion-toolbar>
+        <ion-buttons slot="end">
+          <ion-button fill="clear" color="dark" (click)="dismiss()">
+            <strong>{{ t('close') }}</strong>
+          </ion-button>
+        </ion-buttons>
+      </ion-toolbar>
+    </ion-header>
+    <ion-content class="ion-padding">
+      <val-display [props]="{ content: t('pageTitle'), size: 'small', color: 'dark' }" />
+      <val-title
+        [props]="{
+          content: t('pageDescription'),
+          size: 'large',
+          color: '',
+          bold: false,
+        }"
+      />
+      <val-form [props]="formMeta()" (onSubmit)="onSubmit($event)" />
+    </ion-content>
+  `, isInline: true, dependencies: [{ 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: IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: FormComponent, selector: "val-form", inputs: ["props"], outputs: ["onSubmit", "onInvalid", "onSelectChange"] }, { kind: "component", type: DisplayComponent, selector: "val-display", inputs: ["props"] }, { kind: "component", type: TitleComponent, selector: "val-title", inputs: ["props"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CreateOrgModalComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'val-create-org-modal',
+                    standalone: true,
+                    imports: [IonHeader, IonToolbar, IonButtons, IonButton, IonContent, FormComponent, DisplayComponent, TitleComponent],
+                    template: `
+    <ion-header>
+      <ion-toolbar>
+        <ion-buttons slot="end">
+          <ion-button fill="clear" color="dark" (click)="dismiss()">
+            <strong>{{ t('close') }}</strong>
+          </ion-button>
+        </ion-buttons>
+      </ion-toolbar>
+    </ion-header>
+    <ion-content class="ion-padding">
+      <val-display [props]="{ content: t('pageTitle'), size: 'small', color: 'dark' }" />
+      <val-title
+        [props]="{
+          content: t('pageDescription'),
+          size: 'large',
+          color: '',
+          bold: false,
+        }"
+      />
+      <val-form [props]="formMeta()" (onSubmit)="onSubmit($event)" />
+    </ion-content>
+  `,
+                }]
+        }], ctorParameters: () => [], propDecorators: { _modalRef: [{
+                type: Input
+            }], onSuccess: [{
+                type: Input
+            }], i18nNamespace: [{
+                type: Input
+            }] } });
+
+/**
+ * Defaults i18n (es/en) embebidos en `val-delete-account-modal`. Auto-registrados
+ * en el constructor del componente si el consumer no proveyó el namespace
+ * (`Settings.DeleteAccount` por default). SOLO incluye las keys que el modal usa.
+ */
+const DELETE_ACCOUNT_MODAL_I18N = {
+    es: {
+        title: 'Eliminar cuenta',
+        warningPassword: 'Esta acción es permanente y no se puede deshacer. Se eliminarán tu cuenta, sesiones activas, organizaciones personales y todos los datos asociados.',
+        passwordLabel: 'Contraseña actual',
+        passwordPlaceholder: 'Ingresa tu contraseña',
+        passwordRequired: 'La contraseña es requerida',
+        warningSendCode: 'Tu cuenta está vinculada a un proveedor externo. Para confirmar la eliminación, enviaremos un código de verificación a tu correo electrónico.',
+        sendCodeCta: 'Enviar código de confirmación',
+        warningEnterCode: 'Ingresa el código que enviamos a tu correo. Expira en 15 minutos.',
+        codeLabel: 'Código de verificación',
+        codePlaceholder: 'Código de 6 dígitos',
+        codeRequired: 'El código es requerido',
+        confirmCta: 'Eliminar mi cuenta',
+        close: 'Cancelar',
+        resend: 'Reenviar código',
+    },
+    en: {
+        title: 'Delete account',
+        warningPassword: 'This action is permanent and cannot be undone. Your account, active sessions, personal organizations and all associated data will be permanently deleted.',
+        passwordLabel: 'Current password',
+        passwordPlaceholder: 'Enter your password',
+        passwordRequired: 'Password is required',
+        warningSendCode: "Your account is linked to an external provider. To confirm deletion, we'll send a verification code to your email address.",
+        sendCodeCta: 'Send confirmation code',
+        warningEnterCode: 'Enter the code we sent to your email. It expires in 15 minutes.',
+        codeLabel: 'Verification code',
+        codePlaceholder: '6-digit code',
+        codeRequired: 'Code is required',
+        confirmCta: 'Delete my account',
+        close: 'Cancel',
+        resend: 'Resend code',
+    },
 };
-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*$/;
+
+const DEFAULT_NAMESPACE$3 = 'Settings.DeleteAccount';
 /**
- * Pure Markdown → ArticleMetadata parser. No Angular deps — usable from Node scripts
- * (build-time generation) and from the Angular `MarkdownArticleParserService` wrapper.
+ * `val-delete-account-modal` — modal de eliminación de cuenta (organism,
+ * cuenta-específico). Promovido desde `showcase` bajo el proceso de ADR-021.
  *
- * 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
+ * Decide el flujo según si la cuenta tiene contraseña:
+ *  - **con password** → pide la contraseña actual y la verifica vía
+ *    `auth.deleteAccount({ password })`.
+ *  - **sin password** (cuenta OAuth) → envía un código por email
+ *    (`auth.sendDeleteAccountCode()`) y lo pide para confirmar
+ *    (`auth.deleteAccount({ code })`).
+ *
+ * Abierto vía `ModalService` — recibe `_modalRef` por `componentProps` para
+ * cerrar desde dentro. Header canónico (Regla #5): sin `ion-title`, botón Cerrar
+ * texto en `slot=end`, título/subtítulo en el body vía `val-form`.
+ *
+ * Auto-registra sus defaults i18n (es/en) en el constructor si el consumer no
+ * proveyó el namespace `Settings.DeleteAccount`.
  */
-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;
+class DeleteAccountModalComponent {
+    constructor() {
+        this.auth = inject(AuthService);
+        this.errors = inject(ValtechErrorService);
+        this.i18n = inject(I18nService);
+        this.toast = inject(ToastService);
+        /** Namespace i18n con que la vista resuelve sus textos. */
+        this.i18nNamespace = DEFAULT_NAMESPACE$3;
+        this.hasPassword = signal(null);
+        this.codeSent = signal(false);
+        this.formState = signal(ComponentStates.ENABLED);
+        this.t = (key) => this.i18n.t(key, this.i18nNamespace);
+        this.passwordFormProps = computed(() => ({
+            name: this.t('title'),
+            state: this.formState(),
+            sections: [
+                {
+                    name: this.t('warningPassword'),
+                    order: 0,
+                    fields: [
+                        {
+                            token: 'delete-password',
+                            name: 'password',
+                            label: this.t('passwordLabel'),
+                            hint: '',
+                            placeholder: this.t('passwordPlaceholder'),
+                            type: InputType.PASSWORD,
+                            order: 0,
+                            validators: [Validators.required],
+                            errors: { required: this.t('passwordRequired') },
+                            state: ComponentStates.ENABLED,
+                        },
+                    ],
+                },
+            ],
+            actions: this.submitBtn('delete-password-submit', 'confirmCta'),
+        }));
+        this.sendCodeFormProps = computed(() => ({
+            name: this.t('title'),
+            state: this.formState(),
+            sections: [
+                {
+                    name: this.t('warningSendCode'),
+                    order: 0,
+                    fields: [],
+                },
+            ],
+            actions: this.submitBtn('delete-send-code-submit', 'sendCodeCta'),
+        }));
+        this.codeFormProps = computed(() => ({
+            name: this.t('title'),
+            state: this.formState(),
+            sections: [
+                {
+                    name: this.t('warningEnterCode'),
+                    order: 0,
+                    fields: [
+                        {
+                            token: 'delete-code',
+                            name: 'code',
+                            label: this.t('codeLabel'),
+                            hint: '',
+                            placeholder: this.t('codePlaceholder'),
+                            type: InputType.TEXT,
+                            order: 0,
+                            validators: [Validators.required],
+                            errors: { required: this.t('codeRequired') },
+                            state: ComponentStates.ENABLED,
+                        },
+                    ],
+                },
+            ],
+            actions: this.submitBtn('delete-code-submit', 'confirmCta'),
+        }));
+        if (!this.i18n.hasNamespace(DEFAULT_NAMESPACE$3)) {
+            this.i18n.registerContent(DEFAULT_NAMESPACE$3, DELETE_ACCOUNT_MODAL_I18N);
         }
-        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' },
+    }
+    ngOnInit() {
+        firstValueFrom(this.auth.getProfile())
+            .then(profile => this.hasPassword.set(profile.hasPassword ?? true))
+            .catch(() => this.hasPassword.set(true));
+    }
+    submitBtn(token, textKey) {
+        return {
+            text: this.t(textKey),
+            type: 'submit',
+            expand: 'block',
+            fill: 'solid',
+            color: 'dark',
+            size: 'default',
+            token,
+            state: ComponentStates.ENABLED,
+        };
+    }
+    close() {
+        this._modalRef?.dismiss(undefined, 'cancel');
+    }
+    async onPasswordSubmit(event) {
+        const password = event.fields['password'];
+        if (!password) {
+            this.toast.show({
+                message: this.t('passwordRequired'),
+                duration: 3000,
+                color: 'dark',
+                position: 'top',
             });
-            continue;
+            return;
         }
-        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;
+        this.formState.set(ComponentStates.WORKING);
+        try {
+            await firstValueFrom(this.auth.deleteAccount({ password }));
         }
-        if (SEPARATOR_RE.test(line)) {
-            elements.push({ type: 'separator', props: { style: 'line' } });
-            i++;
-            continue;
+        catch (err) {
+            this.errors.handle(err, { context: 'delete-account.password' });
+            this.formState.set(ComponentStates.ENABLED);
         }
-        const heading = line.match(HEADING_RE);
-        if (heading) {
-            elements.push(makeHeading(heading[1].length, heading[2].trim()));
-            i++;
-            continue;
+    }
+    async onSendCode() {
+        this.formState.set(ComponentStates.WORKING);
+        try {
+            await firstValueFrom(this.auth.sendDeleteAccountCode());
+            this.codeSent.set(true);
         }
-        if (line.startsWith('>')) {
-            const block = [];
-            while (i < lines.length && lines[i].startsWith('>')) {
-                block.push(lines[i]);
-                i++;
-            }
-            elements.push(makeQuoteOrCallout(block, labels));
-            continue;
+        catch (err) {
+            this.errors.handle(err, { context: 'delete-account.send-code' });
         }
-        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;
+        finally {
+            this.formState.set(ComponentStates.ENABLED);
         }
-        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;
+    }
+    async onResendCode() {
+        this.codeSent.set(false);
+        await this.onSendCode();
+    }
+    async onCodeSubmit(event) {
+        const code = event.fields['code'];
+        if (!code) {
+            this.toast.show({
+                message: this.t('codeRequired'),
+                duration: 3000,
+                color: 'dark',
+                position: 'top',
+            });
+            return;
         }
-        const paragraph = [];
-        while (i < lines.length && lines[i].trim() !== '' && !startsNewBlock(lines[i])) {
-            paragraph.push(lines[i]);
-            i++;
+        this.formState.set(ComponentStates.WORKING);
+        try {
+            await firstValueFrom(this.auth.deleteAccount({ code }));
         }
-        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,
-                },
-            });
+        catch (err) {
+            this.errors.handle(err, { context: 'delete-account.code' });
+            this.formState.set(ComponentStates.ENABLED);
         }
     }
-    // Strip parser-only options before merging into ArticleMetadata
-    const { locale: _l, calloutLabels: _c, ...metadataOverrides } = options ?? {};
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DeleteAccountModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: DeleteAccountModalComponent, isStandalone: true, selector: "val-delete-account-modal", inputs: { _modalRef: "_modalRef", i18nNamespace: "i18nNamespace" }, ngImport: i0, template: `
+    <ion-header>
+      <ion-toolbar>
+        <ion-buttons slot="end">
+          <ion-button fill="clear" color="dark" (click)="close()">
+            <strong>{{ t('close') }}</strong>
+          </ion-button>
+        </ion-buttons>
+      </ion-toolbar>
+    </ion-header>
+
+    <ion-content class="ion-padding">
+      <section class="modal-form-section">
+        @if (hasPassword() === null) {
+          <div class="spinner-center">
+            <ion-spinner name="crescent" />
+          </div>
+        } @else if (hasPassword()) {
+          <val-form [props]="passwordFormProps()" (onSubmit)="onPasswordSubmit($event)" />
+        } @else if (!codeSent()) {
+          <val-form [props]="sendCodeFormProps()" (onSubmit)="onSendCode()" />
+        } @else {
+          <val-form [props]="codeFormProps()" (onSubmit)="onCodeSubmit($event)" />
+          <div class="resend-row">
+            <ion-button
+              fill="clear"
+              color="medium"
+              size="small"
+              [disabled]="formState() === 'WORKING'"
+              (click)="onResendCode()"
+            >
+              {{ t('resend') }}
+            </ion-button>
+          </div>
+        }
+      </section>
+    </ion-content>
+  `, isInline: true, styles: [".modal-form-section{display:flex;flex-direction:column;gap:16px;max-width:420px;margin:0 auto;padding-top:8px}.resend-row{display:flex;justify-content:center;margin-top:-8px}.spinner-center{display:flex;justify-content:center;padding-top:32px}\n"], dependencies: [{ 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: IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: IonSpinner, selector: "ion-spinner", inputs: ["color", "duration", "name", "paused"] }, { kind: "component", type: FormComponent, selector: "val-form", inputs: ["props"], outputs: ["onSubmit", "onInvalid", "onSelectChange"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DeleteAccountModalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'val-delete-account-modal', standalone: true, imports: [IonHeader, IonToolbar, IonButtons, IonButton, IonContent, IonSpinner, FormComponent], template: `
+    <ion-header>
+      <ion-toolbar>
+        <ion-buttons slot="end">
+          <ion-button fill="clear" color="dark" (click)="close()">
+            <strong>{{ t('close') }}</strong>
+          </ion-button>
+        </ion-buttons>
+      </ion-toolbar>
+    </ion-header>
+
+    <ion-content class="ion-padding">
+      <section class="modal-form-section">
+        @if (hasPassword() === null) {
+          <div class="spinner-center">
+            <ion-spinner name="crescent" />
+          </div>
+        } @else if (hasPassword()) {
+          <val-form [props]="passwordFormProps()" (onSubmit)="onPasswordSubmit($event)" />
+        } @else if (!codeSent()) {
+          <val-form [props]="sendCodeFormProps()" (onSubmit)="onSendCode()" />
+        } @else {
+          <val-form [props]="codeFormProps()" (onSubmit)="onCodeSubmit($event)" />
+          <div class="resend-row">
+            <ion-button
+              fill="clear"
+              color="medium"
+              size="small"
+              [disabled]="formState() === 'WORKING'"
+              (click)="onResendCode()"
+            >
+              {{ t('resend') }}
+            </ion-button>
+          </div>
+        }
+      </section>
+    </ion-content>
+  `, styles: [".modal-form-section{display:flex;flex-direction:column;gap:16px;max-width:420px;margin:0 auto;padding-top:8px}.resend-row{display:flex;justify-content:center;margin-top:-8px}.spinner-center{display:flex;justify-content:center;padding-top:32px}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { _modalRef: [{
+                type: Input
+            }], i18nNamespace: [{
+                type: Input
+            }] } });
+
+/**
+ * Defaults i18n (es/en) embebidos en `val-org-info-sheet`. Auto-registrados en el
+ * constructor del componente si el consumer no proveyó el namespace
+ * (`OrgInfoSheet`). Cubre los textos de los 3 features (que en la versión inline
+ * de showcase estaban hardcoded) más fallbacks de título/subtítulo/closeLabel.
+ *
+ * `title`/`subtitle`/`body`/`closeLabel` los suele pasar el consumer ya resueltos
+ * por props (patrón del resto de modales); las keys `feature*` se auto-resuelven
+ * desde este namespace.
+ */
+const ORG_INFO_SHEET_I18N = {
+    es: {
+        title: '¿Qué son las organizaciones?',
+        subtitle: 'Todo lo que necesitas saber',
+        close: 'Cerrar',
+        featureCollabTitle: 'Colaboración',
+        featureCollabDesc: 'Separa proyectos y datos por empresa o equipo.',
+        featureSwitchTitle: 'Cambio rápido',
+        featureSwitchDesc: 'Cambia entre organizaciones en cualquier momento.',
+        featureInviteTitle: 'Invitaciones',
+        featureInviteDesc: 'Invita a otros a unirse mediante email.',
+    },
+    en: {
+        title: 'What are organizations?',
+        subtitle: 'Everything you need to know',
+        close: 'Close',
+        featureCollabTitle: 'Collaboration',
+        featureCollabDesc: 'Separate projects and data by company or team.',
+        featureSwitchTitle: 'Quick switch',
+        featureSwitchDesc: 'Switch between organizations at any time.',
+        featureInviteTitle: 'Invitations',
+        featureInviteDesc: 'Invite others to join via email.',
+    },
+};
+
+const DEFAULT_NAMESPACE$2 = 'OrgInfoSheet';
+/**
+ * `val-org-info-sheet` — sheet informativo "¿Qué son las organizaciones?".
+ * Extraído del `OrgInfoSheetComponent` inline de `AccountPage` bajo el proceso de
+ * ADR-021.
+ *
+ * El consumer pasa `title`/`subtitle`/`body`/`closeLabel` ya resueltos por props
+ * (patrón del resto de modales del factory). Los textos de los 3 features
+ * (Colaboración / Cambio rápido / Invitaciones), que en la versión inline estaban
+ * hardcoded, ahora se auto-resuelven desde el namespace `OrgInfoSheet`
+ * (auto-registrado en el constructor).
+ *
+ * Abierto vía `ModalService` — recibe `_modalRef` por `componentProps`. Header
+ * canónico (Regla #5): sin `ion-title`, botón Cerrar texto en `slot=end`,
+ * título/subtítulo en el body con `val-display`/`val-title`.
+ */
+class OrgInfoSheetComponent {
+    constructor() {
+        this.i18n = inject(I18nService);
+        /** Título principal (resuelto por el consumer). Fallback al namespace propio. */
+        this.title = '';
+        /** Subtítulo (resuelto por el consumer). Fallback al namespace propio. */
+        this.subtitle = '';
+        /** Cuerpo en párrafos separados por doble salto de línea (resuelto por el consumer). */
+        this.body = '';
+        /** Label del botón cerrar (resuelto por el consumer). Fallback al namespace propio. */
+        this.closeLabel = '';
+        /** Props del botón cerrar del footer (el consumer puede pasar custom). */
+        this.closeProps = {
+            text: 'Cerrar',
+            fill: 'outline',
+            color: 'dark',
+            size: 'default',
+            expand: 'block',
+            type: 'button',
+        };
+        this.resolvedTitle = computed(() => this.title || this.tt('title'));
+        this.resolvedSubtitle = computed(() => this.subtitle || this.tt('subtitle'));
+        this.resolvedCloseLabel = computed(() => this.closeLabel || this.tt('close'));
+        this.paragraphs = computed(() => this.body.split('\n\n').filter(Boolean));
+        this.resolvedCloseProps = computed(() => ({
+            ...this.closeProps,
+            text: this.closeProps.text || this.resolvedCloseLabel(),
+        }));
+        addIcons({ peopleOutline, swapHorizontalOutline, mailOutline });
+        if (!this.i18n.hasNamespace(DEFAULT_NAMESPACE$2)) {
+            this.i18n.registerContent(DEFAULT_NAMESPACE$2, ORG_INFO_SHEET_I18N);
+        }
+    }
+    dismiss() {
+        this._modalRef?.dismiss(null, 'cancel');
+    }
+    tt(key) {
+        return this.i18n.t(key, DEFAULT_NAMESPACE$2);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: OrgInfoSheetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: OrgInfoSheetComponent, isStandalone: true, selector: "val-org-info-sheet", inputs: { title: "title", subtitle: "subtitle", body: "body", closeLabel: "closeLabel", closeProps: "closeProps", _modalRef: "_modalRef" }, ngImport: i0, template: `
+    <ion-header>
+      <ion-toolbar>
+        <ion-buttons slot="end">
+          <ion-button fill="clear" color="dark" (click)="dismiss()">
+            <strong>{{ resolvedCloseLabel() }}</strong>
+          </ion-button>
+        </ion-buttons>
+      </ion-toolbar>
+    </ion-header>
+
+    <ion-content class="ion-padding">
+      <val-display [props]="{ content: resolvedTitle(), size: 'small', color: 'dark' }" />
+      <val-title [props]="{ content: resolvedSubtitle(), size: 'large', color: '', bold: false }" />
+
+      <div class="info-features">
+        <div class="info-feature">
+          <ion-icon name="people-outline" class="info-feature__icon" />
+          <div>
+            <div class="info-feature__title">{{ tt('featureCollabTitle') }}</div>
+            <div class="info-feature__desc">{{ tt('featureCollabDesc') }}</div>
+          </div>
+        </div>
+        <div class="info-feature">
+          <ion-icon name="swap-horizontal-outline" class="info-feature__icon" />
+          <div>
+            <div class="info-feature__title">{{ tt('featureSwitchTitle') }}</div>
+            <div class="info-feature__desc">{{ tt('featureSwitchDesc') }}</div>
+          </div>
+        </div>
+        <div class="info-feature">
+          <ion-icon name="mail-outline" class="info-feature__icon" />
+          <div>
+            <div class="info-feature__title">{{ tt('featureInviteTitle') }}</div>
+            <div class="info-feature__desc">{{ tt('featureInviteDesc') }}</div>
+          </div>
+        </div>
+      </div>
+
+      @for (para of paragraphs(); track $index) {
+        <val-text
+          [props]="{
+            size: 'medium',
+            color: 'dark',
+            bold: false,
+            content: para,
+          }"
+        />
+      }
+
+      <div class="sheet-footer">
+        <val-button [props]="resolvedCloseProps()" (click)="dismiss()" />
+      </div>
+    </ion-content>
+  `, isInline: true, styles: ["ion-content{--padding-bottom: 32px}val-display{margin-bottom:4px;display:block}val-title{margin-bottom:8px;display:block}.info-features{display:flex;flex-direction:column;gap:12px;margin:16px 0}.info-feature{display:flex;align-items:flex-start;gap:14px;padding:12px 14px;border-radius:10px;background:var(--ion-color-light, #f4f5f8)}:host-context(body.dark) .info-feature,:host-context(html.ion-palette-dark) .info-feature,:host-context([data-theme=\"dark\"]) .info-feature{background:#ffffff0d}.info-feature__icon{font-size:22px;color:var(--ion-color-primary);flex-shrink:0;margin-top:2px}.info-feature__title{font-weight:600;font-size:.9rem;color:var(--ion-color-dark)}.info-feature__desc{font-size:.82rem;color:var(--ion-color-medium);margin-top:2px}.sheet-footer{margin-top:20px}\n"], dependencies: [{ 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: IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: ButtonComponent, selector: "val-button", inputs: ["preset", "props"], outputs: ["onClick"] }, { kind: "component", type: DisplayComponent, selector: "val-display", inputs: ["props"] }, { kind: "component", type: TextComponent, selector: "val-text", inputs: ["props"] }, { kind: "component", type: TitleComponent, selector: "val-title", inputs: ["props"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: OrgInfoSheetComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'val-org-info-sheet', standalone: true, imports: [
+                        IonHeader,
+                        IonToolbar,
+                        IonButtons,
+                        IonButton,
+                        IonContent,
+                        IonIcon,
+                        ButtonComponent,
+                        DisplayComponent,
+                        TextComponent,
+                        TitleComponent,
+                    ], template: `
+    <ion-header>
+      <ion-toolbar>
+        <ion-buttons slot="end">
+          <ion-button fill="clear" color="dark" (click)="dismiss()">
+            <strong>{{ resolvedCloseLabel() }}</strong>
+          </ion-button>
+        </ion-buttons>
+      </ion-toolbar>
+    </ion-header>
+
+    <ion-content class="ion-padding">
+      <val-display [props]="{ content: resolvedTitle(), size: 'small', color: 'dark' }" />
+      <val-title [props]="{ content: resolvedSubtitle(), size: 'large', color: '', bold: false }" />
+
+      <div class="info-features">
+        <div class="info-feature">
+          <ion-icon name="people-outline" class="info-feature__icon" />
+          <div>
+            <div class="info-feature__title">{{ tt('featureCollabTitle') }}</div>
+            <div class="info-feature__desc">{{ tt('featureCollabDesc') }}</div>
+          </div>
+        </div>
+        <div class="info-feature">
+          <ion-icon name="swap-horizontal-outline" class="info-feature__icon" />
+          <div>
+            <div class="info-feature__title">{{ tt('featureSwitchTitle') }}</div>
+            <div class="info-feature__desc">{{ tt('featureSwitchDesc') }}</div>
+          </div>
+        </div>
+        <div class="info-feature">
+          <ion-icon name="mail-outline" class="info-feature__icon" />
+          <div>
+            <div class="info-feature__title">{{ tt('featureInviteTitle') }}</div>
+            <div class="info-feature__desc">{{ tt('featureInviteDesc') }}</div>
+          </div>
+        </div>
+      </div>
+
+      @for (para of paragraphs(); track $index) {
+        <val-text
+          [props]="{
+            size: 'medium',
+            color: 'dark',
+            bold: false,
+            content: para,
+          }"
+        />
+      }
+
+      <div class="sheet-footer">
+        <val-button [props]="resolvedCloseProps()" (click)="dismiss()" />
+      </div>
+    </ion-content>
+  `, styles: ["ion-content{--padding-bottom: 32px}val-display{margin-bottom:4px;display:block}val-title{margin-bottom:8px;display:block}.info-features{display:flex;flex-direction:column;gap:12px;margin:16px 0}.info-feature{display:flex;align-items:flex-start;gap:14px;padding:12px 14px;border-radius:10px;background:var(--ion-color-light, #f4f5f8)}:host-context(body.dark) .info-feature,:host-context(html.ion-palette-dark) .info-feature,:host-context([data-theme=\"dark\"]) .info-feature{background:#ffffff0d}.info-feature__icon{font-size:22px;color:var(--ion-color-primary);flex-shrink:0;margin-top:2px}.info-feature__title{font-weight:600;font-size:.9rem;color:var(--ion-color-dark)}.info-feature__desc{font-size:.82rem;color:var(--ion-color-medium);margin-top:2px}.sheet-footer{margin-top:20px}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { title: [{
+                type: Input
+            }], subtitle: [{
+                type: Input
+            }], body: [{
+                type: Input
+            }], closeLabel: [{
+                type: Input
+            }], closeProps: [{
+                type: Input
+            }], _modalRef: [{
+                type: Input
+            }] } });
+
+/**
+ * Defaults i18n (es/en) embebidos en `val-switch-org-modal`. Auto-registrados en
+ * el constructor del componente si el consumer no proveyó el namespace
+ * (`Settings.SwitchOrg` por default). SOLO incluye las keys que el modal usa.
+ */
+const SWITCH_ORG_MODAL_I18N = {
+    es: {
+        title: 'Cambiar de cuenta',
+        subtitle: 'Selecciona la organización a la que quieres cambiar.',
+        searchPlaceholder: 'Buscar organización...',
+        noResults: 'No se encontraron organizaciones.',
+        current: 'Actual',
+        close: 'Cerrar',
+        switchError: 'No se pudo cambiar de organización.',
+    },
+    en: {
+        title: 'Switch account',
+        subtitle: 'Select the organization you want to switch to.',
+        searchPlaceholder: 'Search organization...',
+        noResults: 'No organizations found.',
+        current: 'Active',
+        close: 'Close',
+        switchError: 'Could not switch organization.',
+    },
+};
+
+const DEFAULT_NAMESPACE$1 = 'Settings.SwitchOrg';
+addIcons({ businessOutline, checkmarkCircleOutline });
+/**
+ * `val-switch-org-modal` — modal de cambio de organización activa (organism
+ * compartido). Promovido desde `showcase` bajo el proceso de ADR-021. Reusado por
+ * la vista Cuenta (y futuras vistas org-aware).
+ *
+ * Lista las organizaciones del user (vía `OrgService.listMyOrgs`), permite buscar
+ * por nombre, y cambia la org activa con `OrgSwitchService.switchTo`. La org
+ * actual queda primera y deshabilitada.
+ *
+ * Abierto vía `ModalService` — recibe `_modalRef` por `componentProps` + callback
+ * `onSuccess`. Header canónico (Regla #5): sin `ion-title`, botón Cerrar texto en
+ * `slot=end`, título/subtítulo en el body con `val-display`/`val-title`.
+ *
+ * Auto-registra sus defaults i18n (es/en) si el consumer no proveyó el namespace
+ * `Settings.SwitchOrg`.
+ */
+class SwitchOrgModalComponent {
+    constructor() {
+        this.i18n = inject(I18nService);
+        this.auth = inject(AuthService);
+        this.orgService = inject(OrgService);
+        this.orgSwitch = inject(OrgSwitchService);
+        this.errors = inject(ValtechErrorService);
+        /** Namespace i18n con que la vista resuelve sus textos. */
+        this.i18nNamespace = DEFAULT_NAMESPACE$1;
+        this.orgs = signal([]);
+        this.loading = signal(false);
+        this.query = signal('');
+        this.switchingId = signal(null);
+        this.activeOrgId = computed(() => {
+            const u = this.auth.user();
+            return u?.activeOrgId ?? u?.activeOrg ?? '';
+        });
+        this.filteredOrgs = computed(() => {
+            const q = this.query().trim().toLowerCase();
+            const list = this.orgs();
+            if (!q)
+                return list;
+            return list.filter(o => o.name.toLowerCase().includes(q));
+        });
+        if (!this.i18n.hasNamespace(DEFAULT_NAMESPACE$1)) {
+            this.i18n.registerContent(DEFAULT_NAMESPACE$1, SWITCH_ORG_MODAL_I18N);
+        }
+        this.loadOrgs();
+    }
+    onQueryChange(value) {
+        this.query.set(value ?? '');
+    }
+    async onSelect(org) {
+        if (this.switchingId() || org.id === this.activeOrgId())
+            return;
+        this.switchingId.set(org.id);
+        try {
+            await this.orgSwitch.switchTo(org.id);
+            this.onSuccess?.();
+            this.dismiss();
+        }
+        catch (err) {
+            this.errors.handle(err, {
+                context: 'account.switchOrg',
+                fallbackKey: 'switchError',
+                i18nNamespace: this.i18nNamespace,
+            });
+            this.switchingId.set(null);
+        }
+    }
+    loadOrgs() {
+        this.loading.set(true);
+        this.orgService
+            .listMyOrgs()
+            .pipe(take(1))
+            .subscribe({
+            next: orgs => {
+                const activeId = this.activeOrgId();
+                this.orgs.set([...orgs].sort((a, b) => (a.id === activeId ? -1 : b.id === activeId ? 1 : 0)));
+                this.loading.set(false);
+            },
+            error: () => this.loading.set(false),
+        });
+    }
+    dismiss() {
+        this._modalRef?.dismiss(null, 'cancel');
+    }
+    t(key) {
+        return this.i18n.t(key, this.i18nNamespace);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SwitchOrgModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: SwitchOrgModalComponent, isStandalone: true, selector: "val-switch-org-modal", inputs: { _modalRef: "_modalRef", onSuccess: "onSuccess", i18nNamespace: "i18nNamespace" }, ngImport: i0, template: `
+    <ion-header>
+      <ion-toolbar>
+        <ion-buttons slot="end">
+          <ion-button fill="clear" color="dark" (click)="dismiss()">
+            <strong>{{ t('close') }}</strong>
+          </ion-button>
+        </ion-buttons>
+      </ion-toolbar>
+    </ion-header>
+
+    <ion-content class="ion-padding">
+      <val-display [props]="{ content: t('title'), size: 'small', color: 'dark' }" />
+      <val-title
+        [props]="{
+          content: t('subtitle'),
+          size: 'large',
+          color: '',
+          bold: false,
+        }"
+      />
+
+      <div class="switch-section">
+        <val-searchbar
+          [props]="{
+            placeholder: t('searchPlaceholder'),
+            debounce: 200,
+            showCancelButton: 'never',
+          }"
+          (filterEvent)="onQueryChange($event)"
+        />
+
+        @if (loading()) {
+          <div class="switch-state">
+            <ion-spinner name="crescent" />
+          </div>
+        } @else if (filteredOrgs().length === 0) {
+          <val-empty-state
+            [props]="{
+              variant: 'empty',
+              title: t('noResults'),
+              icon: 'business-outline',
+            }"
+          />
+        } @else {
+          <div class="orgs-list">
+            @for (org of filteredOrgs(); track org.id) {
+              <button
+                type="button"
+                class="org-row"
+                [class.org-row--active]="org.id === activeOrgId()"
+                [disabled]="!!switchingId() || org.id === activeOrgId()"
+                (click)="onSelect(org)"
+              >
+                <div class="org-row__icon">
+                  <ion-icon name="business-outline" />
+                </div>
+                <div class="org-row__body">
+                  <span class="org-row__name">{{ org.name }}</span>
+                  <span class="org-row__type">{{ org.type }}</span>
+                </div>
+                <div class="org-row__end">
+                  @if (switchingId() === org.id) {
+                    <ion-spinner name="crescent" class="org-row__spinner" />
+                  } @else if (org.id === activeOrgId()) {
+                    <span class="org-row__current">{{ t('current') }}</span>
+                    <ion-icon name="checkmark-circle-outline" class="org-row__check" />
+                  }
+                </div>
+              </button>
+            }
+          </div>
+        }
+      </div>
+    </ion-content>
+  `, isInline: true, styles: [".switch-section{margin-top:16px;display:flex;flex-direction:column;gap:12px}.switch-state{display:flex;justify-content:center;padding:24px 0}.orgs-list{display:flex;flex-direction:column;gap:8px}.org-row{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border:1px solid rgba(var(--ion-color-dark-rgb),.14);border-radius:12px;background:var(--ion-card-background, var(--ion-background-color));cursor:pointer;text-align:left;transition:border-color .15s ease,opacity .15s ease}.org-row:not(:disabled):active{opacity:.7}.org-row:disabled{cursor:default}.org-row--active{border-color:var(--ion-color-dark)}.org-row__icon{width:36px;height:36px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--ion-color-dark);background:rgba(var(--ion-color-dark-rgb),.08)}.org-row__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.org-row__name{font-weight:600;font-size:.95rem;color:var(--ion-color-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.org-row__type{font-size:.8rem;color:rgba(var(--ion-color-dark-rgb),.7)}.org-row__end{display:flex;align-items:center;gap:6px;flex-shrink:0}.org-row__current{font-size:.74rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:rgba(var(--ion-color-dark-rgb),.7)}.org-row__check{font-size:1.1rem;color:var(--ion-color-dark)}.org-row__spinner{width:18px;height:18px;color:var(--ion-color-dark)}\n"], dependencies: [{ 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: IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: IonSpinner, selector: "ion-spinner", inputs: ["color", "duration", "name", "paused"] }, { 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: EmptyStateComponent, selector: "val-empty-state", inputs: ["props"] }, { kind: "component", type: SearchbarComponent, selector: "val-searchbar", inputs: ["preset", "props"], outputs: ["filterEvent", "focusEvent", "blurEvent"] }, { kind: "component", type: TitleComponent, selector: "val-title", inputs: ["props"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SwitchOrgModalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'val-switch-org-modal', standalone: true, imports: [
+                        IonHeader,
+                        IonToolbar,
+                        IonButtons,
+                        IonButton,
+                        IonContent,
+                        IonSpinner,
+                        IonIcon,
+                        DisplayComponent,
+                        EmptyStateComponent,
+                        SearchbarComponent,
+                        TitleComponent,
+                    ], template: `
+    <ion-header>
+      <ion-toolbar>
+        <ion-buttons slot="end">
+          <ion-button fill="clear" color="dark" (click)="dismiss()">
+            <strong>{{ t('close') }}</strong>
+          </ion-button>
+        </ion-buttons>
+      </ion-toolbar>
+    </ion-header>
+
+    <ion-content class="ion-padding">
+      <val-display [props]="{ content: t('title'), size: 'small', color: 'dark' }" />
+      <val-title
+        [props]="{
+          content: t('subtitle'),
+          size: 'large',
+          color: '',
+          bold: false,
+        }"
+      />
+
+      <div class="switch-section">
+        <val-searchbar
+          [props]="{
+            placeholder: t('searchPlaceholder'),
+            debounce: 200,
+            showCancelButton: 'never',
+          }"
+          (filterEvent)="onQueryChange($event)"
+        />
+
+        @if (loading()) {
+          <div class="switch-state">
+            <ion-spinner name="crescent" />
+          </div>
+        } @else if (filteredOrgs().length === 0) {
+          <val-empty-state
+            [props]="{
+              variant: 'empty',
+              title: t('noResults'),
+              icon: 'business-outline',
+            }"
+          />
+        } @else {
+          <div class="orgs-list">
+            @for (org of filteredOrgs(); track org.id) {
+              <button
+                type="button"
+                class="org-row"
+                [class.org-row--active]="org.id === activeOrgId()"
+                [disabled]="!!switchingId() || org.id === activeOrgId()"
+                (click)="onSelect(org)"
+              >
+                <div class="org-row__icon">
+                  <ion-icon name="business-outline" />
+                </div>
+                <div class="org-row__body">
+                  <span class="org-row__name">{{ org.name }}</span>
+                  <span class="org-row__type">{{ org.type }}</span>
+                </div>
+                <div class="org-row__end">
+                  @if (switchingId() === org.id) {
+                    <ion-spinner name="crescent" class="org-row__spinner" />
+                  } @else if (org.id === activeOrgId()) {
+                    <span class="org-row__current">{{ t('current') }}</span>
+                    <ion-icon name="checkmark-circle-outline" class="org-row__check" />
+                  }
+                </div>
+              </button>
+            }
+          </div>
+        }
+      </div>
+    </ion-content>
+  `, styles: [".switch-section{margin-top:16px;display:flex;flex-direction:column;gap:12px}.switch-state{display:flex;justify-content:center;padding:24px 0}.orgs-list{display:flex;flex-direction:column;gap:8px}.org-row{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border:1px solid rgba(var(--ion-color-dark-rgb),.14);border-radius:12px;background:var(--ion-card-background, var(--ion-background-color));cursor:pointer;text-align:left;transition:border-color .15s ease,opacity .15s ease}.org-row:not(:disabled):active{opacity:.7}.org-row:disabled{cursor:default}.org-row--active{border-color:var(--ion-color-dark)}.org-row__icon{width:36px;height:36px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--ion-color-dark);background:rgba(var(--ion-color-dark-rgb),.08)}.org-row__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.org-row__name{font-weight:600;font-size:.95rem;color:var(--ion-color-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.org-row__type{font-size:.8rem;color:rgba(var(--ion-color-dark-rgb),.7)}.org-row__end{display:flex;align-items:center;gap:6px;flex-shrink:0}.org-row__current{font-size:.74rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:rgba(var(--ion-color-dark-rgb),.7)}.org-row__check{font-size:1.1rem;color:var(--ion-color-dark)}.org-row__spinner{width:18px;height:18px;color:var(--ion-color-dark)}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { _modalRef: [{
+                type: Input
+            }], onSuccess: [{
+                type: Input
+            }], i18nNamespace: [{
+                type: Input
+            }] } });
+
+/**
+ * Defaults i18n (es/en) embebidos en `val-account-view`. Auto-registrados en el
+ * constructor del componente si el consumer no proveyó el namespace
+ * (`Settings.Account` por default). SOLO incluye las keys que la vista usa.
+ */
+const ACCOUNT_VIEW_I18N = {
+    es: {
+        pageTitle: 'Cuenta',
+        pageDescription: 'Organizaciones y seguridad de la cuenta',
+        orgsTitle: 'Tus organizaciones',
+        orgsCurrent: 'Actual',
+        orgsEmpty: 'Aún no perteneces a otras organizaciones.',
+        orgsSwitch: 'Cambiar',
+        switchAccountCta: 'Cambiar de cuenta',
+        orgsViewAll: 'Ver todas',
+        orgsManage: 'Gestionar',
+        orgsEmptyHint: 'Aún no perteneces a otras organizaciones.',
+        orgsNewCta: 'Nueva organización',
+        orgsNewQuestion: '¿Necesitas otra organización?',
+        orgsNewHint: 'Crea un espacio separado para otro equipo, empresa o proyecto.',
+        orgsMoreInfo: 'Más información',
+        orgsInfoTitle: '¿Qué son las organizaciones?',
+        orgsInfoSubtitle: 'Todo lo que necesitas saber',
+        orgsInfoClose: 'Cerrar',
+        orgsInfoContent: 'Las organizaciones te permiten separar tus proyectos y datos por empresa, equipo o contexto. Puedes pertenecer a varias organizaciones y cambiar entre ellas en cualquier momento.\n\nCada organización tiene sus propios miembros, roles y permisos. La organización activa determina qué datos ves y qué acciones puedes realizar.\n\nPuedes crear una organización nueva o unirte a una existente mediante invitación.',
+        orgsTypePersonal: 'Personal',
+        orgsTypePrivate: 'Privada',
+        orgsTypePublic: 'Pública',
+        orgsTypeBusiness: 'Empresa',
+        orgsLabelType: 'Tipo',
+        orgsLabelRole: 'Rol',
+        orgsLabelStatus: 'Estado',
+        orgsStatusActive: 'Activa',
+        logoutTitle: 'Cerrar esta sesión',
+        logoutHint: 'Cierra tu sesión en este dispositivo.',
+        logout: 'Cerrar sesión',
+        dangerTitle: 'Zona peligrosa',
+        dangerDeleteTitle: 'Eliminar cuenta',
+        dangerDeleteHint: 'Borra tu cuenta y todos los datos asociados. Esta acción no se puede deshacer.',
+        dangerDeleteCta: 'Eliminar cuenta',
+        inviteAccepted: 'Te has unido a la organización.',
+        inviteDeclined: 'Invitación rechazada.',
+        accept: 'Aceptar',
+        decline: 'Rechazar',
+        pendingInvitesTitle: 'Invitaciones pendientes',
+        orgsErrorTitle: 'No se pudieron cargar las organizaciones',
+        orgsOfflineTitle: 'Sin conexión',
+        orgsOfflineHint: 'Verifica tu conexión e intenta de nuevo.',
+        orgsRetry: 'Reintentar',
+    },
+    en: {
+        pageTitle: 'Account',
+        pageDescription: 'Organizations and account security',
+        orgsTitle: 'Your organizations',
+        orgsCurrent: 'Active',
+        orgsEmpty: "You don't belong to other organizations yet.",
+        orgsSwitch: 'Switch',
+        switchAccountCta: 'Switch account',
+        orgsViewAll: 'View all',
+        orgsManage: 'Manage',
+        orgsEmptyHint: "You don't belong to other organizations yet.",
+        orgsNewCta: 'New organization',
+        orgsNewQuestion: 'Need another organization?',
+        orgsNewHint: 'Create a separate space for another team, company or project.',
+        orgsMoreInfo: 'More information',
+        orgsInfoTitle: 'What are organizations?',
+        orgsInfoSubtitle: 'Everything you need to know',
+        orgsInfoClose: 'Close',
+        orgsInfoContent: 'Organizations let you separate your projects and data by company, team, or context. You can belong to multiple organizations and switch between them at any time.\n\nEach organization has its own members, roles, and permissions. The active organization determines what data you see and what actions you can take.\n\nYou can create a new organization or join an existing one via invitation.',
+        orgsTypePersonal: 'Personal',
+        orgsTypePrivate: 'Private',
+        orgsTypePublic: 'Public',
+        orgsTypeBusiness: 'Business',
+        orgsLabelType: 'Type',
+        orgsLabelRole: 'Role',
+        orgsLabelStatus: 'Status',
+        orgsStatusActive: 'Active',
+        logoutTitle: 'Sign out of this device',
+        logoutHint: 'End your session on this device.',
+        logout: 'Sign out',
+        dangerTitle: 'Danger zone',
+        dangerDeleteTitle: 'Delete account',
+        dangerDeleteHint: 'Delete your account and all related data. This action cannot be undone.',
+        dangerDeleteCta: 'Delete account',
+        inviteAccepted: 'You have joined the organization.',
+        inviteDeclined: 'Invitation declined.',
+        accept: 'Accept',
+        decline: 'Decline',
+        pendingInvitesTitle: 'Pending invitations',
+        orgsErrorTitle: 'Could not load organizations',
+        orgsOfflineTitle: 'No connection',
+        orgsOfflineHint: 'Check your connection and try again.',
+        orgsRetry: 'Retry',
+    },
+};
+
+addIcons({ peopleOutline, businessOutline, chevronForwardOutline, swapHorizontalOutline, mailOutline });
+const DEFAULT_NAMESPACE = 'Settings.Account';
+const DEFAULT_MANAGE_ORG_ROUTE = '/app/settings/organization';
+/**
+ * `val-account-view` — vista Cuenta full-feature autocontenida (organism).
+ * Promovida desde `showcase` bajo el proceso de ADR-021. Reúne:
+ *  - **Invitaciones pendientes** — aceptar / rechazar (`val-invitation-card`).
+ *  - **Organizaciones** — card de org activa + empty-card + CTA "Nueva org"
+ *    (modal `val-create-org-modal`) + "Ver todas" (modal `val-switch-org-modal`).
+ *  - **Cerrar esta sesión** — `auth.logoutWithConfirmation()`.
+ *  - **Eliminar cuenta** — modal `val-delete-account-modal`.
+ *
+ * NO renderiza ion-content — vive dentro de val-page-wrapper. No usa deep-links;
+ * `ActivatedRoute` se inyecta `{ optional: true }` solo para leer el route data
+ * de config. La navegación a la org route va por `NavigationService`.
+ *
+ * Auto-registra sus defaults i18n (es/en) en el constructor si el consumer no
+ * proveyó el namespace configurado (default `Settings.Account`).
+ */
+class AccountViewComponent {
+    /** Namespace i18n resuelto (capturado para llamadas no-reactivas). */
+    get ns() {
+        return this.resolvedConfig().i18nNamespace;
+    }
+    constructor() {
+        this.nav = inject(NavigationService);
+        this.i18n = inject(I18nService);
+        this.auth = inject(AuthService);
+        this.orgService = inject(OrgService);
+        this.modalService = inject(ModalService);
+        this.toast = inject(ToastService);
+        this.errors = inject(ValtechErrorService);
+        this.route = inject(ActivatedRoute, { optional: true });
+        this.resolvedConfig = computed(() => {
+            const fromRoute = (this.route?.snapshot.data['accountConfig'] ?? {});
+            const merged = { ...fromRoute, ...(this.config ?? {}) };
+            return {
+                showPendingInvites: merged.showPendingInvites ?? true,
+                showOrganizations: merged.showOrganizations ?? true,
+                showNewOrgCta: merged.showNewOrgCta ?? true,
+                showLogout: merged.showLogout ?? true,
+                showDeleteAccount: merged.showDeleteAccount ?? true,
+                i18nNamespace: merged.i18nNamespace ?? DEFAULT_NAMESPACE,
+                manageOrgRoute: merged.manageOrgRoute ?? DEFAULT_MANAGE_ORG_ROUTE,
+                onOrgSwitched: merged.onOrgSwitched,
+                onOrgCreated: merged.onOrgCreated,
+                onLoggedOut: merged.onLoggedOut,
+                onAccountDeleted: merged.onAccountDeleted,
+            };
+        });
+        this.orgs = signal([]);
+        this.orgsLoading = signal(false);
+        this.orgsError = signal(null);
+        this.orgsErrorState = computed(() => {
+            this.i18n.lang();
+            const err = this.orgsError();
+            if (!err)
+                return null;
+            return createErrorStateProps(err, {
+                title: {
+                    offline: this.tt('orgsOfflineTitle'),
+                    error: this.tt('orgsErrorTitle'),
+                },
+                description: {
+                    offline: this.tt('orgsOfflineHint'),
+                    error: interpretError(err).message,
+                },
+                retryLabel: this.tt('orgsRetry'),
+                onRetry: () => this.loadOrgs(),
+                retrying: this.orgsLoading(),
+            });
+        });
+        this.pendingInvites = signal([]);
+        this.pendingInvitesLoading = signal(false);
+        this.inviteAccepting = signal(null);
+        this.pageTitle = computed(() => this.tt('pageTitle'));
+        this.pageDescription = computed(() => this.tt('pageDescription'));
+        this.orgsTitle = computed(() => this.tt('orgsTitle'));
+        this.orgsEmpty = computed(() => this.tt('orgsEmpty'));
+        this.orgsMoreInfo = computed(() => this.tt('orgsMoreInfo'));
+        this.orgsNewQuestion = computed(() => this.tt('orgsNewQuestion'));
+        this.orgsNewHint = computed(() => this.tt('orgsNewHint'));
+        this.newOrgCtaProps = computed(() => ({
+            title: this.tt('orgsNewQuestion'),
+            description: this.tt('orgsNewHint'),
+            padding: '16px',
+            borderRadius: '14px',
+            actions: {
+                position: 'right',
+                columned: false,
+                buttons: [
+                    {
+                        text: this.tt('orgsNewCta'),
+                        color: 'primary',
+                        fill: 'outline',
+                        shape: 'round',
+                        size: 'default',
+                        type: 'button',
+                        state: 'ENABLED',
+                        token: 'account-new-org',
+                    },
+                ],
+            },
+        }));
+        this.logoutTitle = computed(() => this.tt('logoutTitle'));
+        this.logoutHint = computed(() => this.tt('logoutHint'));
+        this.dangerTitle = computed(() => this.tt('dangerTitle'));
+        this.dangerDeleteTitle = computed(() => this.tt('dangerDeleteTitle'));
+        this.dangerDeleteHint = computed(() => this.tt('dangerDeleteHint'));
+        this.activeOrgId = computed(() => {
+            const u = this.auth.user();
+            return u?.activeOrgId ?? u?.activeOrg ?? '';
+        });
+        this.activeOrgRole = computed(() => {
+            const roles = this.auth.roles?.() ?? [];
+            return roles[0] ?? null;
+        });
+        this.activeOrg = computed(() => this.orgs().find(o => o.id === this.activeOrgId()) ?? null);
+        this.logoutButtonProps = computed(() => ({
+            text: this.tt('logout'),
+            color: 'dark',
+            fill: 'outline',
+            size: 'default',
+            shape: 'round',
+            type: 'button',
+            token: 'account-logout',
+        }));
+        this.deleteAccountButtonProps = computed(() => ({
+            text: this.tt('dangerDeleteCta'),
+            color: 'dark',
+            fill: 'outline',
+            size: 'default',
+            shape: 'round',
+            type: 'button',
+            token: 'account-delete',
+        }));
+        this.switchAccountButtonProps = computed(() => ({
+            text: this.tt('switchAccountCta'),
+            color: 'dark',
+            fill: 'outline',
+            size: 'default',
+            shape: 'round',
+            type: 'button',
+            token: 'account-switch',
+        }));
+        const ns = this.ns;
+        if (!this.i18n.hasNamespace(ns)) {
+            this.i18n.registerContent(ns, ACCOUNT_VIEW_I18N);
+        }
+        this.nav.setBackHeader('pageTitle', ns, { withMenu: true });
+        this.loadOrgs();
+        this.loadPendingInvites();
+        connectPageRefresh(async () => {
+            await Promise.all([this.loadOrgs(), this.loadPendingInvites()]);
+        });
+    }
+    orgTypeLabel(type) {
+        const map = {
+            PERSONAL: this.tt('orgsTypePersonal'),
+            PRIVATE: this.tt('orgsTypePrivate'),
+            PUBLIC: this.tt('orgsTypePublic'),
+            BUSINESS: this.tt('orgsTypeBusiness'),
+        };
+        return map[type] ?? type;
+    }
+    onSwitchAccount() {
+        void this.modalService.open({
+            component: SwitchOrgModalComponent,
+            componentProps: {
+                i18nNamespace: 'Settings.SwitchOrg',
+                onSuccess: () => {
+                    this.loadOrgs();
+                    this.loadPendingInvites();
+                    this.resolvedConfig().onOrgSwitched?.();
+                },
+            },
+            breakpoints: {
+                breakpoints: [0, 0.85],
+                initialBreakpoint: 0.85,
+                showHandle: true,
+            },
+            backdropDismiss: true,
+        });
+    }
+    onDeleteAccount() {
+        void this.modalService.open({
+            component: DeleteAccountModalComponent,
+            componentProps: {
+                i18nNamespace: 'Settings.DeleteAccount',
+            },
+            breakpoints: {
+                breakpoints: [0, 0.85],
+                initialBreakpoint: 0.85,
+                showHandle: true,
+            },
+            backdropDismiss: false,
+        });
+        this.resolvedConfig().onAccountDeleted?.();
+    }
+    onManageOrg() {
+        this.nav.navigateByUrl(this.resolvedConfig().manageOrgRoute);
+    }
+    onNewOrg() {
+        void this.modalService.open({
+            component: CreateOrgModalComponent,
+            componentProps: {
+                i18nNamespace: 'CreateOrgModal',
+                onSuccess: (newOrg) => {
+                    this.loadOrgs();
+                    this.resolvedConfig().onOrgCreated?.(newOrg);
+                },
+            },
+            breakpoints: {
+                breakpoints: [0, 0.92],
+                initialBreakpoint: 0.92,
+                showHandle: true,
+            },
+            backdropDismiss: true,
+        });
+    }
+    onMoreInfo() {
+        void this.modalService.open({
+            component: OrgInfoSheetComponent,
+            componentProps: {
+                title: this.tt('orgsInfoTitle'),
+                subtitle: this.tt('orgsInfoSubtitle'),
+                body: this.tt('orgsInfoContent'),
+                closeLabel: this.tt('orgsInfoClose'),
+                closeProps: {
+                    text: this.tt('orgsInfoClose'),
+                    fill: 'outline',
+                    color: 'dark',
+                    size: 'default',
+                    expand: 'block',
+                    type: 'button',
+                },
+            },
+            breakpoints: {
+                breakpoints: [0, 0.85],
+                initialBreakpoint: 0.85,
+                showHandle: true,
+            },
+            backdropDismiss: true,
+        });
+    }
+    onLogout() {
+        this.auth.logoutWithConfirmation();
+        this.resolvedConfig().onLoggedOut?.();
+    }
+    loadPendingInvites() {
+        this.pendingInvitesLoading.set(true);
+        return new Promise(resolve => {
+            this.orgService
+                .getPendingInvitations()
+                .pipe(take(1))
+                .subscribe({
+                next: items => {
+                    this.pendingInvites.set(items);
+                    this.pendingInvitesLoading.set(false);
+                    resolve();
+                },
+                error: () => {
+                    this.pendingInvitesLoading.set(false);
+                    resolve();
+                },
+            });
+        });
+    }
+    acceptPendingInvite(invite) {
+        if (this.inviteAccepting())
+            return;
+        this.inviteAccepting.set(invite.orgId);
+        this.orgService
+            .acceptInvitation(invite.orgId)
+            .pipe(take(1))
+            .subscribe({
+            next: () => {
+                this.toast.show({
+                    message: this.tt('inviteAccepted'),
+                    color: 'dark',
+                    duration: 3500,
+                });
+                this.pendingInvites.update(list => list.filter(i => i.orgId !== invite.orgId));
+                this.loadOrgs();
+            },
+            error: err => {
+                this.errors.handle(err, { context: 'account.acceptPendingInvite' });
+                this.inviteAccepting.set(null);
+            },
+            complete: () => this.inviteAccepting.set(null),
+        });
+    }
+    declinePendingInvite(invite) {
+        if (this.inviteAccepting())
+            return;
+        this.inviteAccepting.set(invite.orgId);
+        this.orgService
+            .declineInvitation(invite.orgId)
+            .pipe(take(1))
+            .subscribe({
+            next: () => {
+                this.toast.show({
+                    message: this.tt('inviteDeclined'),
+                    color: 'dark',
+                    duration: 2500,
+                });
+                this.pendingInvites.update(list => list.filter(i => i.orgId !== invite.orgId));
+            },
+            error: err => {
+                this.errors.handle(err, { context: 'account.declinePendingInvite' });
+                this.inviteAccepting.set(null);
+            },
+            complete: () => this.inviteAccepting.set(null),
+        });
+    }
+    loadOrgs() {
+        this.orgsLoading.set(true);
+        this.orgsError.set(null);
+        return new Promise(resolve => {
+            this.orgService.listMyOrgs().subscribe({
+                next: orgs => {
+                    const activeId = this.activeOrgId();
+                    this.orgs.set([...orgs].sort((a, b) => (a.id === activeId ? -1 : b.id === activeId ? 1 : 0)));
+                    this.orgsLoading.set(false);
+                    resolve();
+                },
+                error: err => {
+                    this.orgsError.set(err);
+                    this.orgsLoading.set(false);
+                    resolve();
+                },
+            });
+        });
+    }
+    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: AccountViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: AccountViewComponent, isStandalone: true, selector: "val-account-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().showPendingInvites && pendingInvites().length > 0) {
+        <val-title
+          [props]="{
+            size: 'medium',
+            color: 'dark',
+            bold: true,
+            content: tt('pendingInvitesTitle'),
+          }"
+        />
+        @for (invite of pendingInvites(); track invite.orgId) {
+          <val-invitation-card
+            [props]="{
+              token: invite.orgId,
+              orgName: invite.orgName,
+              inviterName: invite.inviterName,
+              role: invite.roleId,
+              accepting: inviteAccepting() === invite.orgId,
+              disabled: !!inviteAccepting(),
+              acceptLabel: tt('accept'),
+              declineLabel: tt('decline'),
+            }"
+            (onAccept)="acceptPendingInvite(invite)"
+            (onDecline)="declinePendingInvite(invite)"
+          />
+        }
+      }
+
+      @if (resolvedConfig().showOrganizations) {
+        <!-- Organizations -->
+        <section class="settings-section">
+          <div class="section-header-row">
+            <val-title
+              [props]="{
+                size: 'medium',
+                color: 'dark',
+                bold: true,
+                content: orgsTitle(),
+              }"
+            />
+            @if (orgs().length > 1) {
+              <ion-button fill="outline" color="dark" shape="round" size="small" (click)="onSwitchAccount()">
+                {{ tt('orgsViewAll') }}
+              </ion-button>
+            }
+          </div>
+          <div class="section-body">
+            @if (orgsLoading()) {
+              <val-skeleton-layout [props]="{ preset: 'list', rows: 3 }" />
+            } @else if (orgsErrorState()) {
+              <val-empty-state [props]="orgsErrorState()!" />
+            } @else {
+              @if (activeOrg(); as org) {
+                <div class="orgs-list">
+                  <div class="org-card org-card--active">
+                    <div class="org-card__icon">
+                      <ion-icon name="business-outline" />
+                    </div>
+                    <div class="org-card__body">
+                      <span class="org-card__name">{{ org.name }}</span>
+                      <div class="org-card__meta">
+                        <span class="org-card__meta-item">
+                          <span class="org-card__meta-label">{{ tt('orgsLabelType') }}</span>
+                          {{ orgTypeLabel(org.type) }}
+                        </span>
+                        @if (activeOrgRole()) {
+                          <span class="org-card__meta-item">
+                            <span class="org-card__meta-label">{{ tt('orgsLabelRole') }}</span>
+                            {{ activeOrgRole() | titlecase }}
+                          </span>
+                        }
+                        <span class="org-card__meta-item">
+                          <span class="org-card__meta-label">{{ tt('orgsLabelStatus') }}</span>
+                          {{ tt('orgsStatusActive') }}
+                        </span>
+                      </div>
+                    </div>
+                    <div class="org-card__end">
+                      <ion-button fill="outline" color="dark" shape="round" size="small" (click)="onManageOrg()">
+                        {{ tt('orgsManage') }}
+                      </ion-button>
+                    </div>
+                  </div>
+                </div>
+              } @else if (orgs().length === 0) {
+                <div class="orgs-empty-card">
+                  <div class="orgs-empty-card__main">
+                    <ion-icon name="people-outline" class="orgs-empty-card__icon" />
+                    <span class="orgs-empty-card__text">{{ orgsEmpty() }}</span>
+                  </div>
+                  <button class="orgs-empty-card__link" (click)="onMoreInfo()">
+                    {{ orgsMoreInfo() }}
+                  </button>
+                </div>
+              }
+              @if (resolvedConfig().showNewOrgCta) {
+                <!-- Nueva organizacion: CTA card con titulo, subtitulo y boton -->
+                <val-cta-card class="org-new-cta-card" [props]="newOrgCtaProps()" (onAction)="onNewOrg()" />
+              }
+            }
+          </div>
+        </section>
+      }
+
+      @if (resolvedConfig().showLogout) {
+        <!-- Logout this session -->
+        <section class="settings-section">
+          <val-title
+            [props]="{
+              size: 'medium',
+              color: 'dark',
+              bold: true,
+              content: logoutTitle(),
+            }"
+          />
+          <div class="section-body">
+            <val-text
+              [props]="{
+                content: logoutHint(),
+                size: 'medium',
+                color: 'dark',
+                bold: false,
+              }"
+            />
+            <div class="row-actions">
+              <val-button [props]="logoutButtonProps()" (click)="onLogout()" />
+            </div>
+          </div>
+        </section>
+      }
+
+      @if (resolvedConfig().showDeleteAccount) {
+        <!-- Delete account -->
+        <section class="settings-section">
+          <val-title
+            [props]="{
+              size: 'medium',
+              color: 'dark',
+              bold: true,
+              content: dangerDeleteTitle(),
+            }"
+          />
+          <div class="section-body">
+            <val-text
+              [props]="{
+                content: dangerDeleteHint(),
+                size: 'medium',
+                color: 'dark',
+                bold: false,
+              }"
+            />
+            <div class="row-actions">
+              <val-button [props]="deleteAccountButtonProps()" (onClick)="onDeleteAccount()" />
+            </div>
+          </div>
+        </section>
+      }
+    </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))}.settings-section val-title{display:block;margin-bottom:12px}.section-body{display:flex;flex-direction:column;gap:10px}.row-actions{margin-top:12px}.row-actions--gap{display:flex;flex-wrap:wrap;gap:8px}.section-header-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.org-new-cta-card{display:block;margin-top:12px}.orgs-empty-card{background:var(--ion-color-secondary-tint, rgba(var(--ion-color-secondary-rgb, 130, 101, 208), .2));border-radius:18px;padding:18px 16px 12px;display:flex;flex-direction:column;gap:8px}.orgs-empty-card__main{display:flex;align-items:center;gap:10px}.orgs-empty-card__icon{font-size:20px;flex-shrink:0;color:var(--ion-color-dark)}.orgs-empty-card__text{font-size:.875rem;color:var(--ion-color-dark)}.orgs-empty-card__link{background:none;border:none;padding:0;cursor:pointer;font-size:.8125rem;color:var(--ion-color-primary);text-align:left;text-decoration:underline;text-underline-offset:2px;font-family:inherit}.orgs-list{display:flex;flex-direction:column;gap:8px}.org-card{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:12px;background:var(--ion-color-light, #f4f5f8);border:1.5px solid transparent;cursor:pointer;transition:background .15s,border-color .15s}.org-card:active{opacity:.75}.org-card--active{border-color:var(--ion-color-primary);background:color-mix(in srgb,var(--ion-color-primary) 8%,transparent)}:host-context(body.dark) .org-card,:host-context(html.ion-palette-dark) .org-card,:host-context([data-theme=\"dark\"]) .org-card{background:#ffffff0d}:host-context(body.dark) .org-card--active,:host-context(html.ion-palette-dark) .org-card--active,:host-context([data-theme=\"dark\"]) .org-card--active{background:color-mix(in srgb,var(--ion-color-primary) 15%,transparent)}.org-card__icon{width:40px;height:40px;border-radius:50%;background:color-mix(in srgb,var(--ion-color-primary) 15%,transparent);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:20px;color:var(--ion-color-primary)}.org-card__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.org-card__name{font-weight:600;font-size:.95rem;color:var(--ion-color-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.org-card__meta{display:flex;flex-direction:column;gap:1px;margin-top:3px}.org-card__meta-item{font-size:.78rem;color:var(--ion-color-dark)}.org-card__meta-label{font-weight:600;color:var(--ion-color-dark);margin-right:4px}.org-card__end{display:flex;align-items:center;gap:8px;flex-shrink:0}\n"], dependencies: [{ kind: "component", type: DisplayComponent, selector: "val-display", inputs: ["props"] }, { kind: "component", type: EmptyStateComponent, selector: "val-empty-state", inputs: ["props"] }, { kind: "component", type: SkeletonLayoutComponent, selector: "val-skeleton-layout", 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: CtaCardComponent, selector: "val-cta-card", inputs: ["props"], outputs: ["onAction"] }, { kind: "component", type: InvitationCardComponent, selector: "val-invitation-card", inputs: ["props"], outputs: ["onAccept", "onDecline"] }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { 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: "pipe", type: TitleCasePipe, name: "titlecase" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AccountViewComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'val-account-view', standalone: true, imports: [
+                        DisplayComponent,
+                        EmptyStateComponent,
+                        SkeletonLayoutComponent,
+                        TitleComponent,
+                        TextComponent,
+                        ButtonComponent,
+                        CtaCardComponent,
+                        InvitationCardComponent,
+                        IonIcon,
+                        IonButton,
+                        TitleCasePipe,
+                    ], 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().showPendingInvites && pendingInvites().length > 0) {
+        <val-title
+          [props]="{
+            size: 'medium',
+            color: 'dark',
+            bold: true,
+            content: tt('pendingInvitesTitle'),
+          }"
+        />
+        @for (invite of pendingInvites(); track invite.orgId) {
+          <val-invitation-card
+            [props]="{
+              token: invite.orgId,
+              orgName: invite.orgName,
+              inviterName: invite.inviterName,
+              role: invite.roleId,
+              accepting: inviteAccepting() === invite.orgId,
+              disabled: !!inviteAccepting(),
+              acceptLabel: tt('accept'),
+              declineLabel: tt('decline'),
+            }"
+            (onAccept)="acceptPendingInvite(invite)"
+            (onDecline)="declinePendingInvite(invite)"
+          />
+        }
+      }
+
+      @if (resolvedConfig().showOrganizations) {
+        <!-- Organizations -->
+        <section class="settings-section">
+          <div class="section-header-row">
+            <val-title
+              [props]="{
+                size: 'medium',
+                color: 'dark',
+                bold: true,
+                content: orgsTitle(),
+              }"
+            />
+            @if (orgs().length > 1) {
+              <ion-button fill="outline" color="dark" shape="round" size="small" (click)="onSwitchAccount()">
+                {{ tt('orgsViewAll') }}
+              </ion-button>
+            }
+          </div>
+          <div class="section-body">
+            @if (orgsLoading()) {
+              <val-skeleton-layout [props]="{ preset: 'list', rows: 3 }" />
+            } @else if (orgsErrorState()) {
+              <val-empty-state [props]="orgsErrorState()!" />
+            } @else {
+              @if (activeOrg(); as org) {
+                <div class="orgs-list">
+                  <div class="org-card org-card--active">
+                    <div class="org-card__icon">
+                      <ion-icon name="business-outline" />
+                    </div>
+                    <div class="org-card__body">
+                      <span class="org-card__name">{{ org.name }}</span>
+                      <div class="org-card__meta">
+                        <span class="org-card__meta-item">
+                          <span class="org-card__meta-label">{{ tt('orgsLabelType') }}</span>
+                          {{ orgTypeLabel(org.type) }}
+                        </span>
+                        @if (activeOrgRole()) {
+                          <span class="org-card__meta-item">
+                            <span class="org-card__meta-label">{{ tt('orgsLabelRole') }}</span>
+                            {{ activeOrgRole() | titlecase }}
+                          </span>
+                        }
+                        <span class="org-card__meta-item">
+                          <span class="org-card__meta-label">{{ tt('orgsLabelStatus') }}</span>
+                          {{ tt('orgsStatusActive') }}
+                        </span>
+                      </div>
+                    </div>
+                    <div class="org-card__end">
+                      <ion-button fill="outline" color="dark" shape="round" size="small" (click)="onManageOrg()">
+                        {{ tt('orgsManage') }}
+                      </ion-button>
+                    </div>
+                  </div>
+                </div>
+              } @else if (orgs().length === 0) {
+                <div class="orgs-empty-card">
+                  <div class="orgs-empty-card__main">
+                    <ion-icon name="people-outline" class="orgs-empty-card__icon" />
+                    <span class="orgs-empty-card__text">{{ orgsEmpty() }}</span>
+                  </div>
+                  <button class="orgs-empty-card__link" (click)="onMoreInfo()">
+                    {{ orgsMoreInfo() }}
+                  </button>
+                </div>
+              }
+              @if (resolvedConfig().showNewOrgCta) {
+                <!-- Nueva organizacion: CTA card con titulo, subtitulo y boton -->
+                <val-cta-card class="org-new-cta-card" [props]="newOrgCtaProps()" (onAction)="onNewOrg()" />
+              }
+            }
+          </div>
+        </section>
+      }
+
+      @if (resolvedConfig().showLogout) {
+        <!-- Logout this session -->
+        <section class="settings-section">
+          <val-title
+            [props]="{
+              size: 'medium',
+              color: 'dark',
+              bold: true,
+              content: logoutTitle(),
+            }"
+          />
+          <div class="section-body">
+            <val-text
+              [props]="{
+                content: logoutHint(),
+                size: 'medium',
+                color: 'dark',
+                bold: false,
+              }"
+            />
+            <div class="row-actions">
+              <val-button [props]="logoutButtonProps()" (click)="onLogout()" />
+            </div>
+          </div>
+        </section>
+      }
+
+      @if (resolvedConfig().showDeleteAccount) {
+        <!-- Delete account -->
+        <section class="settings-section">
+          <val-title
+            [props]="{
+              size: 'medium',
+              color: 'dark',
+              bold: true,
+              content: dangerDeleteTitle(),
+            }"
+          />
+          <div class="section-body">
+            <val-text
+              [props]="{
+                content: dangerDeleteHint(),
+                size: 'medium',
+                color: 'dark',
+                bold: false,
+              }"
+            />
+            <div class="row-actions">
+              <val-button [props]="deleteAccountButtonProps()" (onClick)="onDeleteAccount()" />
+            </div>
+          </div>
+        </section>
+      }
+    </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))}.settings-section val-title{display:block;margin-bottom:12px}.section-body{display:flex;flex-direction:column;gap:10px}.row-actions{margin-top:12px}.row-actions--gap{display:flex;flex-wrap:wrap;gap:8px}.section-header-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.org-new-cta-card{display:block;margin-top:12px}.orgs-empty-card{background:var(--ion-color-secondary-tint, rgba(var(--ion-color-secondary-rgb, 130, 101, 208), .2));border-radius:18px;padding:18px 16px 12px;display:flex;flex-direction:column;gap:8px}.orgs-empty-card__main{display:flex;align-items:center;gap:10px}.orgs-empty-card__icon{font-size:20px;flex-shrink:0;color:var(--ion-color-dark)}.orgs-empty-card__text{font-size:.875rem;color:var(--ion-color-dark)}.orgs-empty-card__link{background:none;border:none;padding:0;cursor:pointer;font-size:.8125rem;color:var(--ion-color-primary);text-align:left;text-decoration:underline;text-underline-offset:2px;font-family:inherit}.orgs-list{display:flex;flex-direction:column;gap:8px}.org-card{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:12px;background:var(--ion-color-light, #f4f5f8);border:1.5px solid transparent;cursor:pointer;transition:background .15s,border-color .15s}.org-card:active{opacity:.75}.org-card--active{border-color:var(--ion-color-primary);background:color-mix(in srgb,var(--ion-color-primary) 8%,transparent)}:host-context(body.dark) .org-card,:host-context(html.ion-palette-dark) .org-card,:host-context([data-theme=\"dark\"]) .org-card{background:#ffffff0d}:host-context(body.dark) .org-card--active,:host-context(html.ion-palette-dark) .org-card--active,:host-context([data-theme=\"dark\"]) .org-card--active{background:color-mix(in srgb,var(--ion-color-primary) 15%,transparent)}.org-card__icon{width:40px;height:40px;border-radius:50%;background:color-mix(in srgb,var(--ion-color-primary) 15%,transparent);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:20px;color:var(--ion-color-primary)}.org-card__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.org-card__name{font-weight:600;font-size:.95rem;color:var(--ion-color-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.org-card__meta{display:flex;flex-direction:column;gap:1px;margin-top:3px}.org-card__meta-item{font-size:.78rem;color:var(--ion-color-dark)}.org-card__meta-label{font-weight:600;color:var(--ion-color-dark);margin-right:4px}.org-card__end{display:flex;align-items:center;gap:8px;flex-shrink:0}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { config: [{
+                type: Input
+            }] } });
+
+/**
+ * Helper para montar la vista Cuenta (`val-account-view`) como ruta en una app
+ * del factory. El `config` se pasa por route `data` (`accountConfig`) y el
+ * componente lo lee como fallback de su `@Input() config`.
+ *
+ * @example
+ * ```ts
+ * // settings.routes.ts
+ * export const settingsRoutes: Routes = [
+ *   ...provideValtechAccountRoutes(),
+ *   { path: 'preferences', loadComponent: () => ... },
+ * ];
+ *
+ * // con config acotada:
+ * ...provideValtechAccountRoutes({ config: { showDeleteAccount: false } }),
+ * ...provideValtechAccountRoutes({ config: { manageOrgRoute: '/app/org' } }),
+ * ```
+ */
+function provideValtechAccountRoutes(opts) {
+    return [
+        {
+            path: opts?.path ?? 'account',
+            component: AccountViewComponent,
+            data: { accountConfig: 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',
@@ -47314,102 +49410,6 @@ function beautifyLegalArticle(article) {
     };
 }
 
-class OrgService {
-    constructor(config, http) {
-        this.config = config;
-        this.http = http;
-    }
-    get baseUrl() {
-        return `${this.config.apiUrl}/org`;
-    }
-    listMyOrgs() {
-        return this.http.get(`${this.baseUrl}/my`).pipe(map$1(r => r.organizations));
-    }
-    listMyOrgsPage(params) {
-        const queryParams = new URLSearchParams();
-        if (params?.limit)
-            queryParams.set('limit', String(params.limit));
-        if (params?.nextToken)
-            queryParams.set('nextToken', params.nextToken);
-        const qs = queryParams.toString();
-        const url = `${this.baseUrl}/my${qs ? '?' + qs : ''}`;
-        return this.http.get(url);
-    }
-    getOrg(orgId) {
-        return this.http.get(`${this.baseUrl}/${orgId}`).pipe(map$1(r => r.organization));
-    }
-    createOrg(req) {
-        return this.http.post(`${this.baseUrl}`, req).pipe(map$1(r => r.organization));
-    }
-    updateOrg(orgId, req) {
-        return this.http
-            .put(`${this.baseUrl}/${orgId}`, req)
-            .pipe(map$1(r => r.organization));
-    }
-    deleteOrg(orgId) {
-        return this.http.delete(`${this.baseUrl}/${orgId}`);
-    }
-    inviteUser(orgId, req) {
-        return this.http.post(`${this.baseUrl}/${orgId}/invite`, req);
-    }
-    leaveOrg(orgId) {
-        return this.http.post(`${this.baseUrl}/${orgId}/leave`, {});
-    }
-    getOrgMembers(orgId, params) {
-        const queryParams = new URLSearchParams();
-        if (params?.limit)
-            queryParams.set('limit', String(params.limit));
-        if (params?.nextToken)
-            queryParams.set('nextToken', params.nextToken);
-        const qs = queryParams.toString();
-        const url = `${this.baseUrl}/${orgId}/members${qs ? '?' + qs : ''}`;
-        return this.http.get(url);
-    }
-    listOrgRoles(orgId) {
-        return this.http
-            .get(`${this.baseUrl}/${orgId}/roles`)
-            .pipe(map$1(r => r.roles ?? []));
-    }
-    changeMemberRole(orgId, userId, roleId) {
-        const body = { roleId };
-        return this.http.put(`${this.baseUrl}/${orgId}/members/${userId}/role`, body);
-    }
-    removeMember(orgId, userId) {
-        return this.http.delete(`${this.baseUrl}/${orgId}/members/${userId}`);
-    }
-    transferOwnership(orgId, newOwnerId) {
-        return this.http
-            .post(`${this.baseUrl}/${orgId}/transfer-ownership`, { newOwnerId })
-            .pipe(map$1(r => r.organization));
-    }
-    validateInviteToken(token) {
-        return this.http.post(`${this.config.apiUrl}/v2/actions/validate`, { token });
-    }
-    executeInviteToken(token) {
-        return this.http.post(`${this.config.apiUrl}/v2/actions/execute`, { token });
-    }
-    getPendingInvitations() {
-        return this.http
-            .get(`${this.config.apiUrl}/organizations/invitations/pending`)
-            .pipe(map$1(r => r.items ?? []));
-    }
-    acceptInvitation(orgId) {
-        return this.http.post(`${this.baseUrl}/invitations/${orgId}/accept`, {});
-    }
-    declineInvitation(orgId) {
-        return this.http.post(`${this.baseUrl}/invitations/${orgId}/decline`, {});
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: OrgService, deps: [{ token: VALTECH_AUTH_CONFIG }, { token: i1$3.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: OrgService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: OrgService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: [VALTECH_AUTH_CONFIG]
-                }] }, { type: i1$3.HttpClient }] });
-
 /**
  * Preferences types — Fase 1 schema simple (theme + language + notifications.master).
  * Doc canónico: /apps/{appId}/users/{uid}/preferences/main
@@ -55698,5 +57698,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, 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 };
+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, AccountViewComponent, 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, CreateOrgModalComponent, 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, DeleteAccountModalComponent, 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, OrgInfoSheetComponent, 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, SwitchOrgModalComponent, 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, provideValtechAccountRoutes, 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