valtech-components 2.0.985 → 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.985';
+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
@@ -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,
             };
@@ -42618,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 +
@@ -42655,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,
@@ -44467,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).
  *
@@ -44516,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,
@@ -45280,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',
@@ -47316,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
@@ -55700,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