valtech-components 4.0.953 → 4.0.955

package/fesm2022/valtech-components.mjs

@@ -7,7 +7,7 @@ import { provideHttpClient, withInterceptors, HttpContextToken, HttpClient, Http
 import * as i1$1 from '@angular/fire/firestore';
 import { provideFirestore, getFirestore, connectFirestoreEmulator, enableMultiTabIndexedDbPersistence, doc, getDoc, collection, query as query$1, getDocs, getCountFromServer, limit, collectionGroup, collectionData, docData, serverTimestamp, addDoc, setDoc, updateDoc, deleteDoc, writeBatch, arrayUnion, arrayRemove, increment, where, orderBy, startAfter, startAt, endBefore, endAt, Timestamp, onSnapshot, Firestore } from '@angular/fire/firestore';
 import * as i1$4 from '@angular/common';
-import { isPlatformBrowser, CommonModule, NgStyle, NgFor, DOCUMENT, NgClass, TitleCasePipe, NgTemplateOutlet } from '@angular/common';
+import { isPlatformBrowser, CommonModule, NgStyle, NgFor, NgClass, DOCUMENT, TitleCasePipe, NgTemplateOutlet } 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';
@@ -67,7 +67,7 @@ import fixWebmDuration from 'fix-webm-duration';
  * Current version of valtech-components.
  * This is automatically updated during the publish process.
  */
-const VERSION = '4.0.953';
+const VERSION = '4.0.955';
 
 function evaluateValtechAccess(rule, context, features = {}, visitedFeatures = new Set()) {
     if (rule == null)
@@ -22517,6 +22517,100 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 type: Input
             }] } });
 
+/**
+ * Layout canonico para modales con body scrolleable y footer de acciones fijo.
+ *
+ * Usalo dentro de componentes abiertos via `ModalService.open(...)` cuando el
+ * contenido pueda crecer y el CTA deba quedar siempre visible. El header/body
+ * delegan en `val-modal-shell`; el footer queda fuera del `ion-content`, como
+ * sibling, para evitar problemas de scroll.
+ */
+class ModalLayoutComponent {
+    constructor() {
+        this.title = input('');
+        this.subtitle = input('');
+        this.closeLabel = input('');
+        this.showClose = input(true);
+        this.actions = input([]);
+        /**
+         * Alineación del footer. **No pasarlo**: el default `auto` ya da el
+         * comportamiento correcto (CTA full-width en mobile, a la derecha en desktop).
+         * Ver ModalActionAlignment antes de elegir otro valor.
+         */
+        this.actionsAlign = input('auto');
+        this.footer = input(undefined);
+        this.footerClass = input('');
+        this.close = output();
+        this.actionClick = output();
+        this.showFooter = computed(() => this.footer() ?? this.actions().length > 0);
+    }
+    handleAction(action, index) {
+        this.actionClick.emit({ action, index });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ModalLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ModalLayoutComponent, isStandalone: true, selector: "val-modal-layout", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, subtitle: { classPropertyName: "subtitle", publicName: "subtitle", isSignal: true, isRequired: false, transformFunction: null }, closeLabel: { classPropertyName: "closeLabel", publicName: "closeLabel", isSignal: true, isRequired: false, transformFunction: null }, showClose: { classPropertyName: "showClose", publicName: "showClose", isSignal: true, isRequired: false, transformFunction: null }, actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, actionsAlign: { classPropertyName: "actionsAlign", publicName: "actionsAlign", isSignal: true, isRequired: false, transformFunction: null }, footer: { classPropertyName: "footer", publicName: "footer", isSignal: true, isRequired: false, transformFunction: null }, footerClass: { classPropertyName: "footerClass", publicName: "footerClass", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { close: "close", actionClick: "actionClick" }, ngImport: i0, template: `
+    <val-modal-shell
+      [title]="title()"
+      [subtitle]="subtitle()"
+      [closeLabel]="closeLabel()"
+      [showClose]="showClose()"
+      (close)="close.emit()"
+    >
+      <ng-content />
+    </val-modal-shell>
+
+    @if (showFooter()) {
+      <ion-footer class="val-modal-layout__footer" [ngClass]="footerClass()">
+        <div
+          class="val-modal-layout__actions"
+          [ngClass]="'val-modal-layout__actions--' + actionsAlign()"
+        >
+          @for (action of actions(); track action.token || action.text || $index) {
+            <val-button
+              class="val-modal-layout__button"
+              [props]="action"
+              (onClick)="handleAction(action, $index)"
+            />
+          }
+          <ng-content select="[modal-actions]" />
+        </div>
+      </ion-footer>
+    }
+  `, isInline: true, styles: [":host{display:flex;flex-direction:column;height:100%;min-height:0}.val-modal-layout__footer{flex-shrink:0;background:var( --ion-card-background, var(--ion-background-color, #fff) );border-top:1px solid var(--ion-border-color, #e7e4ea)}.val-modal-layout__actions{display:flex;align-items:center;gap:var(--val-modal-footer-gap, 8px);padding:var(--val-modal-footer-padding, 12px 16px);padding-bottom:calc(var(--val-modal-footer-padding-bottom, 12px) + var(--ion-safe-area-bottom, env(safe-area-inset-bottom, 0px)))}.val-modal-layout__actions--start{justify-content:flex-start}.val-modal-layout__actions--center{justify-content:center}.val-modal-layout__actions--end{justify-content:flex-end}.val-modal-layout__actions--space-between{justify-content:space-between}.val-modal-layout__actions--auto,.val-modal-layout__actions--stretch{justify-content:flex-end}.val-modal-layout__actions--auto .val-modal-layout__button,.val-modal-layout__actions--stretch .val-modal-layout__button{flex:1 1 auto;min-width:0;display:block}.val-modal-layout__actions--auto .val-modal-layout__button ::ng-deep ion-button,.val-modal-layout__actions--stretch .val-modal-layout__button ::ng-deep ion-button{width:100%}@media (min-width: 481px){.val-modal-layout__actions--auto .val-modal-layout__button,.val-modal-layout__actions--stretch .val-modal-layout__button{flex:0 0 auto;display:inline-block}.val-modal-layout__actions--auto .val-modal-layout__button ::ng-deep ion-button,.val-modal-layout__actions--stretch .val-modal-layout__button ::ng-deep ion-button{width:auto}}@media (max-width: 480px){.val-modal-layout__actions{padding-left:var(--val-modal-footer-padding-inline-mobile, 16px);padding-right:var(--val-modal-footer-padding-inline-mobile, 16px)}}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: IonFooter, selector: "ion-footer", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: ButtonComponent, selector: "val-button", inputs: ["preset", "props"], outputs: ["onClick"] }, { kind: "component", type: ModalShellComponent, selector: "val-modal-shell", inputs: ["title", "subtitle", "closeLabel", "showClose"], outputs: ["close"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ModalLayoutComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'val-modal-layout', standalone: true, imports: [NgClass, IonFooter, ButtonComponent, ModalShellComponent], template: `
+    <val-modal-shell
+      [title]="title()"
+      [subtitle]="subtitle()"
+      [closeLabel]="closeLabel()"
+      [showClose]="showClose()"
+      (close)="close.emit()"
+    >
+      <ng-content />
+    </val-modal-shell>
+
+    @if (showFooter()) {
+      <ion-footer class="val-modal-layout__footer" [ngClass]="footerClass()">
+        <div
+          class="val-modal-layout__actions"
+          [ngClass]="'val-modal-layout__actions--' + actionsAlign()"
+        >
+          @for (action of actions(); track action.token || action.text || $index) {
+            <val-button
+              class="val-modal-layout__button"
+              [props]="action"
+              (onClick)="handleAction(action, $index)"
+            />
+          }
+          <ng-content select="[modal-actions]" />
+        </div>
+      </ion-footer>
+    }
+  `, styles: [":host{display:flex;flex-direction:column;height:100%;min-height:0}.val-modal-layout__footer{flex-shrink:0;background:var( --ion-card-background, var(--ion-background-color, #fff) );border-top:1px solid var(--ion-border-color, #e7e4ea)}.val-modal-layout__actions{display:flex;align-items:center;gap:var(--val-modal-footer-gap, 8px);padding:var(--val-modal-footer-padding, 12px 16px);padding-bottom:calc(var(--val-modal-footer-padding-bottom, 12px) + var(--ion-safe-area-bottom, env(safe-area-inset-bottom, 0px)))}.val-modal-layout__actions--start{justify-content:flex-start}.val-modal-layout__actions--center{justify-content:center}.val-modal-layout__actions--end{justify-content:flex-end}.val-modal-layout__actions--space-between{justify-content:space-between}.val-modal-layout__actions--auto,.val-modal-layout__actions--stretch{justify-content:flex-end}.val-modal-layout__actions--auto .val-modal-layout__button,.val-modal-layout__actions--stretch .val-modal-layout__button{flex:1 1 auto;min-width:0;display:block}.val-modal-layout__actions--auto .val-modal-layout__button ::ng-deep ion-button,.val-modal-layout__actions--stretch .val-modal-layout__button ::ng-deep ion-button{width:100%}@media (min-width: 481px){.val-modal-layout__actions--auto .val-modal-layout__button,.val-modal-layout__actions--stretch .val-modal-layout__button{flex:0 0 auto;display:inline-block}.val-modal-layout__actions--auto .val-modal-layout__button ::ng-deep ion-button,.val-modal-layout__actions--stretch .val-modal-layout__button ::ng-deep ion-button{width:auto}}@media (max-width: 480px){.val-modal-layout__actions{padding-left:var(--val-modal-footer-padding-inline-mobile, 16px);padding-right:var(--val-modal-footer-padding-inline-mobile, 16px)}}\n"] }]
+        }] });
+
 /**
  * Removes diacritical marks (accents) from a string using Unicode normalization.
  * Useful for text search and comparison.
@@ -22529,6 +22623,152 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
  */
 const replaceSpecialChars = (text) => text.normalize('NFD').replace(/[\u0300-\u036f]/g, '');
 
+/**
+ * Picker de `val-select-search` / `val-multi-select-search` — full-screen en
+ * mobile, card flotante en desktop (`ModalService.openAdaptive`, Regla #5).
+ * Reemplaza el `ion-modal` con breakpoints que ambos componentes tenían
+ * embebido: mismo bottom-sheet en cualquier tamaño de pantalla, sin el
+ * tratamiento "card centrada" que el resto de los modales del factory ya usa.
+ *
+ * Selección simple: cierra al tocar un ítem (`dismiss({values:[v]}, 'selected')`).
+ * Selección múltiple: acumula localmente, footer con "Aplicar" (Regla #5,
+ * val-modal-layout con `actions`).
+ */
+class SelectSearchPickerModalComponent {
+    constructor() {
+        this.i18n = inject(I18nService);
+        this.query = signal('');
+        this.selected = signal([]);
+        this.filteredItems = computed(() => {
+            this.ensureSeeded();
+            const opts = this.props.options ?? [];
+            const q = replaceSpecialChars(this.query().trim().toLowerCase());
+            if (!q)
+                return opts;
+            return opts.filter(o => {
+                const label = replaceSpecialChars(String(o[this.props.labelProperty] ?? '').toLowerCase());
+                const value = replaceSpecialChars(String(o[this.props.valueProperty] ?? '').toLowerCase());
+                return label.includes(q) || value.includes(q);
+            });
+        });
+        this.footerActions = computed(() => this.props?.multiple
+            ? [
+                {
+                    text: this.i18n.t('apply'),
+                    color: 'primary',
+                    shape: 'round',
+                    type: 'button',
+                    state: 'ENABLED',
+                },
+            ]
+            : []);
+        // `props` llega por componentProps (Ionic hace el assign DESPUÉS de construir
+        // la instancia, no en el constructor) — sembrar la selección tiene que pasar
+        // en el primer acceso desde el template, no acá. Un flag propio en vez de
+        // "selected().length === 0": si el usuario deselecciona todo a propósito, un
+        // chequeo por longitud volvería a sembrar los valores originales en la
+        // siguiente change-detection.
+        this.seeded = false;
+    }
+    ensureSeeded() {
+        if (this.seeded)
+            return;
+        this.seeded = true;
+        if (this.props?.selectedValues?.length) {
+            this.selected.set([...this.props.selectedValues]);
+        }
+    }
+    isSelected(item) {
+        this.ensureSeeded();
+        return this.selected().includes(item[this.props.valueProperty]);
+    }
+    toggle(item) {
+        this.ensureSeeded();
+        const value = item[this.props.valueProperty];
+        if (!this.props.multiple) {
+            this._modalRef?.dismiss({ values: [value] }, 'selected');
+            return;
+        }
+        const current = this.selected();
+        const idx = current.indexOf(value);
+        this.selected.set(idx === -1 ? [...current, value] : current.filter(v => v !== value));
+    }
+    apply() {
+        this._modalRef?.dismiss({ values: this.selected() }, 'selected');
+    }
+    cancel() {
+        this._modalRef?.dismiss(undefined, 'cancel');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SelectSearchPickerModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: SelectSearchPickerModalComponent, isStandalone: true, selector: "val-select-search-picker-modal", ngImport: i0, template: `
+    <val-modal-layout
+      [title]="props.title"
+      [closeLabel]="i18n.t('close')"
+      [actions]="footerActions()"
+      actionsAlign="stretch"
+      (close)="cancel()"
+      (actionClick)="apply()"
+    >
+      <div class="ssp-search">
+        <val-searchbar
+          [props]="{ placeholder: props.placeholder || i18n.t('selectOption'), debounce: 200 }"
+          (filterEvent)="query.set($event)"
+        />
+      </div>
+
+      @if (filteredItems().length === 0) {
+        <p class="ssp-empty">{{ i18n.t('noResults') }}</p>
+      } @else {
+        <ion-list class="ssp-list" lines="none">
+          @for (item of filteredItems(); track item[props.valueProperty]) {
+            <ion-item class="ssp-item" button detail="false" (click)="toggle(item)">
+              <ion-label>{{ item[props.labelProperty] }}</ion-label>
+              @if (isSelected(item)) {
+                <ion-icon name="checkmark-outline" slot="end" color="primary" aria-hidden="true" />
+              }
+            </ion-item>
+          }
+        </ion-list>
+      }
+    </val-modal-layout>
+  `, isInline: true, styles: [":host{display:flex;flex-direction:column;height:100%;min-height:0}.ssp-search{margin:0 0 12px}.ssp-list{background:transparent;display:flex;flex-direction:column;gap:6px}.ssp-item{--background: var(--ion-card-background, var(--ion-background-color, #fff));--padding-start: 12px;--padding-end: 12px;--inner-padding-end: 0;border:1px solid var(--ion-border-color, rgba(0, 0, 0, .1));border-radius:10px;cursor:pointer}.ssp-empty{text-align:center;color:var(--ion-color-medium, #92949c);font-size:.875rem;margin:24px 0}\n"], dependencies: [{ kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }, { kind: "component", type: ModalLayoutComponent, selector: "val-modal-layout", inputs: ["title", "subtitle", "closeLabel", "showClose", "actions", "actionsAlign", "footer", "footerClass"], outputs: ["close", "actionClick"] }, { kind: "component", type: SearchbarComponent, selector: "val-searchbar", inputs: ["preset", "props"], outputs: ["filterEvent", "focusEvent", "blurEvent"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SelectSearchPickerModalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'val-select-search-picker-modal', standalone: true, imports: [IonIcon, IonItem, IonLabel, IonList, ButtonComponent, ModalLayoutComponent, SearchbarComponent], template: `
+    <val-modal-layout
+      [title]="props.title"
+      [closeLabel]="i18n.t('close')"
+      [actions]="footerActions()"
+      actionsAlign="stretch"
+      (close)="cancel()"
+      (actionClick)="apply()"
+    >
+      <div class="ssp-search">
+        <val-searchbar
+          [props]="{ placeholder: props.placeholder || i18n.t('selectOption'), debounce: 200 }"
+          (filterEvent)="query.set($event)"
+        />
+      </div>
+
+      @if (filteredItems().length === 0) {
+        <p class="ssp-empty">{{ i18n.t('noResults') }}</p>
+      } @else {
+        <ion-list class="ssp-list" lines="none">
+          @for (item of filteredItems(); track item[props.valueProperty]) {
+            <ion-item class="ssp-item" button detail="false" (click)="toggle(item)">
+              <ion-label>{{ item[props.labelProperty] }}</ion-label>
+              @if (isSelected(item)) {
+                <ion-icon name="checkmark-outline" slot="end" color="primary" aria-hidden="true" />
+              }
+            </ion-item>
+          }
+        </ion-list>
+      }
+    </val-modal-layout>
+  `, styles: [":host{display:flex;flex-direction:column;height:100%;min-height:0}.ssp-search{margin:0 0 12px}.ssp-list{background:transparent;display:flex;flex-direction:column;gap:6px}.ssp-item{--background: var(--ion-card-background, var(--ion-background-color, #fff));--padding-start: 12px;--padding-end: 12px;--inner-padding-end: 0;border:1px solid var(--ion-border-color, rgba(0, 0, 0, .1));border-radius:10px;cursor:pointer}.ssp-empty{text-align:center;color:var(--ion-color-medium, #92949c);font-size:.875rem;margin:24px 0}\n"] }]
+        }] });
+
 /**
  * val-select-search
  *
@@ -22549,6 +22789,7 @@ class SelectSearchComponent {
         this.icon = inject(IconService);
         this.changeDetector = inject(ChangeDetectorRef);
         this.i18n = inject(I18nService);
+        this.modals = inject(ModalService);
         this.searchTerm = '';
         this.filteredItems = [];
         this.selectedItems = [];
@@ -22714,90 +22955,43 @@ class SelectSearchComponent {
     applyDefaultValue() {
         applyDefaultValueToControl(this.props);
     }
-    onFilter(event) {
-        // If no search term, show all options
-        if (!event || event.trim() === '') {
-            this.filteredItems = this.props?.options ? [...this.props.options] : [];
-            this.changeDetector.detectChanges();
-            return;
-        }
-        // If no options, nothing to filter
-        if (!this.props?.options || this.props.options.length === 0) {
-            this.filteredItems = [];
-            this.changeDetector.detectChanges();
-            return;
-        }
-        // PERF: Avoid repeated replaceSpecialChars and toLowerCase for each option
-        const search = replaceSpecialChars(event.toLowerCase());
-        this.filteredItems = this.props.options.filter(element => {
-            // Only use labelProperty and valueProperty for filtering (faster)
-            const label = element[this.labelProperty]
-                ? replaceSpecialChars(String(element[this.labelProperty]).toLowerCase())
-                : '';
-            const value = element[this.valueProperty]
-                ? replaceSpecialChars(String(element[this.valueProperty]).toLowerCase())
-                : '';
-            return label.includes(search) || value.includes(search);
-        });
-        this.changeDetector.detectChanges();
-    }
-    onFocus() {
-        console.log('onFocus');
-    }
-    onBlur() {
-        console.log('onBlur');
-    }
-    openModal() {
-        if (this.modal) {
-            this.modal.present();
-        }
-    }
-    preventDefaultBehavior(event) {
-        event.preventDefault();
-        event.stopPropagation();
-        this.openModal();
-    }
-    /**
-     * Reset state only - called by didDismiss event
-     * Separated from closeModal to avoid double dismissal and scroll issues
-     */
-    resetState() {
-        this.searchTerm = '';
-        this.filteredItems = this.props?.options ? [...this.props.options] : [];
-    }
     /**
-     * Close modal only - does not reset state (didDismiss will handle that)
+     * Abre el picker vía `ModalService.openAdaptive` (Regla #5: full-screen en
+     * mobile, card flotante en desktop) en vez del `ion-modal` con breakpoints
+     * que este componente tenía embebido antes — mismo bottom-sheet en
+     * cualquier tamaño de pantalla, sin el tratamiento de card centrada que ya
+     * usa el resto de los modales del factory. El filtrado, la selección y el
+     * footer "Aplicar" (modo `multiple`) viven en `SelectSearchPickerModalComponent`.
      */
-    closeModal() {
-        if (this.modal) {
-            this.modal.dismiss();
-        }
-    }
-    /**
-     * @deprecated Use closeModal() instead. Kept for backwards compatibility.
-     */
-    cancelModal() {
-        this.closeModal();
-    }
-    selectItem(item) {
-        if (this.multiple) {
-            const index = this.selectedItems.findIndex(selectedItem => selectedItem[this.valueProperty] === item[this.valueProperty]);
-            if (index === -1) {
-                this.selectedItems.push(item);
-            }
-            else {
-                this.selectedItems.splice(index, 1);
-            }
-        }
-        else {
-            this.selectedItems = [item];
-            this.closeModal();
-        }
+    async openPicker() {
+        const { data, role } = await this.modals.openAdaptive({
+            component: SelectSearchPickerModalComponent,
+            componentProps: {
+                props: {
+                    title: this.getLabel(),
+                    options: this.props?.options ?? [],
+                    valueProperty: this.valueProperty,
+                    labelProperty: this.labelProperty,
+                    multiple: this.multiple,
+                    selectedValues: this.selectedItems.map(item => item[this.valueProperty]),
+                    placeholder: this.getPlaceholder(),
+                },
+            },
+        });
+        if (role !== 'selected' || !data)
+            return;
+        const values = data.values ?? [];
+        const options = this.props?.options ?? [];
+        this.selectedItems = values
+            .map(v => options.find(o => o[this.valueProperty] === v))
+            .filter((o) => !!o);
         this.updateDisplayValue();
         this.applyChanges();
     }
-    isItemSelected(item) {
-        return this.selectedItems.some(selectedItem => selectedItem[this.valueProperty] === item[this.valueProperty]);
+    preventDefaultBehavior(event) {
+        event.preventDefault();
+        event.stopPropagation();
+        void this.openPicker();
     }
     updateDisplayValue() {
         if (this.props?.mode === 'legacy' && this.selectedItems.length === 0 && this.props?.control?.value) {
@@ -22849,7 +23043,7 @@ class SelectSearchComponent {
         this.changeDetector.detectChanges();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SelectSearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: SelectSearchComponent, isStandalone: true, selector: "val-select-search", inputs: { label: "label", labelProperty: "labelProperty", valueProperty: "valueProperty", multiple: "multiple", placeholder: "placeholder", props: "props" }, viewQueries: [{ propertyName: "modal", first: true, predicate: ["modal"], descendants: true }], usesOnChanges: true, ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: SelectSearchComponent, isStandalone: true, selector: "val-select-search", inputs: { label: "label", labelProperty: "labelProperty", valueProperty: "valueProperty", multiple: "multiple", placeholder: "placeholder", props: "props" }, usesOnChanges: true, ngImport: i0, template: `
     <label *ngIf="displayLabel" class="vss-label">{{ displayLabel }}</label>
 
     <ion-input
@@ -22861,44 +23055,11 @@ class SelectSearchComponent {
     />
 
     <ion-input style="position: absolute;" [formControl]="props.control" type="hidden"></ion-input>
-
-    <ion-modal #modal [initialBreakpoint]="1" [breakpoints]="[0, 0.5, 0.75, 1]" (didDismiss)="resetState()">
-      <ng-template>
-        <ion-header>
-          <ion-toolbar>
-            <ion-title>{{ getLabel() }}</ion-title>
-            <ion-buttons slot="end">
-              <ion-button (click)="cancelModal()">{{ getCloseText() }}</ion-button>
-            </ion-buttons>
-          </ion-toolbar>
-          <ion-toolbar>
-            <val-searchbar (filterEvent)="onFilter($event)" (focusEvent)="onFocus()" (blurEvent)="onBlur()" />
-          </ion-toolbar>
-        </ion-header>
-        <ion-content>
-          <ion-list>
-            <ion-item *ngFor="let item of filteredItems" button (click)="selectItem(item)" detail="false">
-              <ion-label>{{ item[labelProperty] }}</ion-label>
-              <ion-icon
-                *ngIf="isItemSelected(item)"
-                name="checkmark-outline"
-                slot="end"
-                color="primary"
-                aria-hidden="true"
-              ></ion-icon>
-            </ion-item>
-            <ion-item *ngIf="filteredItems.length === 0" lines="none">
-              <ion-label color="dark">{{ getNoResultsText() }}</ion-label>
-            </ion-item>
-          </ion-list>
-        </ion-content>
-      </ng-template>
-    </ion-modal>
-  `, isInline: true, styles: [":host{display:block}.vss-label{display:block;margin-bottom:4px;font-size:.8125rem;color:var(--ion-color-dark, #43464d)}ion-header{padding:8px 8px 0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: IonicModule }, { kind: "component", type: i2.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: i2.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i2.IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i2.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i2.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i2.IonInput, selector: "ion-input", inputs: ["autocapitalize", "autocomplete", "autocorrect", "autofocus", "clearInput", "clearInputIcon", "clearOnEdit", "color", "counter", "counterFormatter", "debounce", "disabled", "enterkeyhint", "errorText", "fill", "helperText", "inputmode", "label", "labelPlacement", "max", "maxlength", "min", "minlength", "mode", "multiple", "name", "pattern", "placeholder", "readonly", "required", "shape", "spellcheck", "step", "type", "value"] }, { kind: "component", type: i2.IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i2.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i2.IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }, { kind: "component", type: i2.IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: i2.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: i2.IonModal, selector: "ion-modal" }, { kind: "directive", type: i2.TextValueAccessor, selector: "ion-input:not([type=number]),ion-input-otp[type=text],ion-textarea,ion-searchbar" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "component", type: SearchbarComponent, selector: "val-searchbar", inputs: ["preset", "props"], outputs: ["filterEvent", "focusEvent", "blurEvent"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$8.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] }); }
+  `, isInline: true, styles: [":host{display:block}.vss-label{display:block;margin-bottom:4px;font-size:.8125rem;color:var(--ion-color-dark, #43464d)}ion-header{padding:8px 8px 0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: IonicModule }, { kind: "component", type: i2.IonInput, selector: "ion-input", inputs: ["autocapitalize", "autocomplete", "autocorrect", "autofocus", "clearInput", "clearInputIcon", "clearOnEdit", "color", "counter", "counterFormatter", "debounce", "disabled", "enterkeyhint", "errorText", "fill", "helperText", "inputmode", "label", "labelPlacement", "max", "maxlength", "min", "minlength", "mode", "multiple", "name", "pattern", "placeholder", "readonly", "required", "shape", "spellcheck", "step", "type", "value"] }, { kind: "directive", type: i2.TextValueAccessor, selector: "ion-input:not([type=number]),ion-input-otp[type=text],ion-textarea,ion-searchbar" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$8.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SelectSearchComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'val-select-search', standalone: true, imports: [CommonModule, IonicModule, FormsModule, SearchbarComponent, ReactiveFormsModule], template: `
+            args: [{ selector: 'val-select-search', standalone: true, imports: [CommonModule, IonicModule, FormsModule, ReactiveFormsModule], template: `
     <label *ngIf="displayLabel" class="vss-label">{{ displayLabel }}</label>
 
     <ion-input
@@ -22910,44 +23071,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
     />
 
     <ion-input style="position: absolute;" [formControl]="props.control" type="hidden"></ion-input>
-
-    <ion-modal #modal [initialBreakpoint]="1" [breakpoints]="[0, 0.5, 0.75, 1]" (didDismiss)="resetState()">
-      <ng-template>
-        <ion-header>
-          <ion-toolbar>
-            <ion-title>{{ getLabel() }}</ion-title>
-            <ion-buttons slot="end">
-              <ion-button (click)="cancelModal()">{{ getCloseText() }}</ion-button>
-            </ion-buttons>
-          </ion-toolbar>
-          <ion-toolbar>
-            <val-searchbar (filterEvent)="onFilter($event)" (focusEvent)="onFocus()" (blurEvent)="onBlur()" />
-          </ion-toolbar>
-        </ion-header>
-        <ion-content>
-          <ion-list>
-            <ion-item *ngFor="let item of filteredItems" button (click)="selectItem(item)" detail="false">
-              <ion-label>{{ item[labelProperty] }}</ion-label>
-              <ion-icon
-                *ngIf="isItemSelected(item)"
-                name="checkmark-outline"
-                slot="end"
-                color="primary"
-                aria-hidden="true"
-              ></ion-icon>
-            </ion-item>
-            <ion-item *ngIf="filteredItems.length === 0" lines="none">
-              <ion-label color="dark">{{ getNoResultsText() }}</ion-label>
-            </ion-item>
-          </ion-list>
-        </ion-content>
-      </ng-template>
-    </ion-modal>
   `, styles: [":host{display:block}.vss-label{display:block;margin-bottom:4px;font-size:.8125rem;color:var(--ion-color-dark, #43464d)}ion-header{padding:8px 8px 0}\n"] }]
-        }], propDecorators: { modal: [{
-                type: ViewChild,
-                args: ['modal']
-            }], label: [{
+        }], propDecorators: { label: [{
                 type: Input
             }], labelProperty: [{
                 type: Input
@@ -33127,23 +33252,13 @@ class MetadataListComponent {
         });
         this.hostClass = computed(() => {
             const p = this.resolvedProps();
-            return [
-                'ml',
-                p.dividers ? 'ml--dividers' : '',
-                p.size === 'small' ? 'ml--small' : '',
-                (p.columns ?? 1) > 1 ? 'ml--grid' : '',
-            ]
-                .filter(Boolean)
-                .join(' ');
-        });
-        this.gridStyle = computed(() => {
-            const cols = this.resolvedProps().columns ?? 1;
-            return cols > 1 ? `repeat(${cols}, 1fr)` : null;
+            return ['ml', p.dividers ? 'ml--dividers' : '', p.size === 'small' ? 'ml--small' : ''].filter(Boolean).join(' ');
         });
+        this.gridStyle = computed(() => null);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MetadataListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: MetadataListComponent, isStandalone: true, selector: "val-metadata-list", inputs: { props: { classPropertyName: "props", publicName: "props", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: `
-    <dl [class]="hostClass()" [style.grid-template-columns]="gridStyle()">
+    <dl [class]="hostClass()">
       @for (section of resolvedSections(); track $index) {
         @if (section.label) {
           <div class="ml__section-label">{{ section.label }}</div>
@@ -33179,12 +33294,12 @@ class MetadataListComponent {
         }
       }
     </dl>
-  `, isInline: true, styles: ["@charset \"UTF-8\";:host{display:block}.ml{display:flex;flex-direction:column}.ml--dividers .ml__row:not(:last-child){border-bottom:1px solid var(--ion-border-color, rgba(0, 0, 0, .08))}.ml--grid{display:grid}.ml__section-label{grid-column:1/-1;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ion-color-medium, #92949c);padding-top:20px;padding-bottom:4px}.ml__section-label:first-child{padding-top:0}.ml--small .ml__section-label{font-size:.625rem;padding-top:16px}.ml__row--chips{grid-column:1/-1}.ml__row{display:flex;align-items:flex-start;gap:10px;padding:8px 0;grid-column:1/-1}.ml--small .ml__row{padding:5px 0}.ml__item{display:flex;align-items:flex-start;gap:10px;padding:8px 0}.ml--small .ml__item{padding:5px 0}.ml__icon{flex-shrink:0;font-size:1.125rem;color:var(--ion-color-medium, #92949c);line-height:1;margin-top:1px;padding:5px 0}.ml--grid .ml__icon{padding:5px 0}.ml--small .ml__icon{font-size:1rem}.ml__icon--placeholder{width:1.125rem;height:1.125rem}.ml--small .ml__icon--placeholder{width:1rem;height:1rem}.ml__text{display:flex;flex-direction:column;gap:2px;min-width:0}.ml__cell{display:flex;flex-direction:column;gap:2px;min-width:0;padding:5px 0}.ml--grid .ml__cell{padding:5px 0}.ml__label{font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.04em;color:var(--ion-color-medium, #92949c);line-height:1.3}.ml--small .ml__label{font-size:.625rem}.ml__value{font-size:.875rem;font-weight:600;color:var(--ion-text-color, #000);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ml--small .ml__value{font-size:.8125rem}.ml__chips{display:flex;flex-wrap:wrap;gap:4px;margin:0;padding:0}.ml__chip{display:inline-block;font-size:.75rem;font-weight:500;line-height:1;padding:3px 8px;border-radius:100px;background:var(--ion-color-light, rgba(0, 0, 0, .06));color:var(--ion-text-color, #000)}.ml--small .ml__chip{font-size:.6875rem;padding:2px 7px}\n"], dependencies: [{ kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }] }); }
+  `, isInline: true, styles: ["@charset \"UTF-8\";:host{display:block}.ml{display:flex;flex-direction:column}.ml--dividers .ml__item:not(:last-child),.ml--dividers .ml__row:not(:last-child){border-bottom:1px solid var(--ion-border-color, rgba(0, 0, 0, .08))}.ml__section-label{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ion-color-medium, #92949c);padding-top:20px;padding-bottom:4px}.ml__section-label:first-child{padding-top:0}.ml--small .ml__section-label{font-size:.625rem;padding-top:16px}.ml__row{display:flex;align-items:flex-start;gap:10px;padding:8px 0;grid-column:1/-1}.ml--small .ml__row{padding:5px 0}.ml__item{display:flex;align-items:flex-start;gap:10px;padding:12px 0;width:100%}.ml--small .ml__item{padding:8px 0}.ml__icon{flex-shrink:0;font-size:1.125rem;color:var(--ion-color-medium, #92949c);line-height:1;margin-top:1px;padding:5px 0}.ml--grid .ml__icon{padding:5px 0}.ml--small .ml__icon{font-size:1rem}.ml__icon--placeholder{width:1.125rem;height:1.125rem}.ml--small .ml__icon--placeholder{width:1rem;height:1rem}.ml__text{display:flex;flex-direction:column;gap:2px;min-width:0}.ml__cell{display:flex;flex-direction:column;gap:2px;min-width:0;padding:5px 0}.ml--grid .ml__cell{padding:5px 0}.ml__label{font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.04em;color:var(--ion-color-medium, #92949c);line-height:1.3}.ml--small .ml__label{font-size:.625rem}.ml__value{font-size:.875rem;font-weight:600;color:var(--ion-text-color, #000);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ml--small .ml__value{font-size:.8125rem}.ml__chips{display:flex;flex-wrap:wrap;gap:4px;margin:0;padding:0}.ml__chip{display:inline-block;font-size:.75rem;font-weight:500;line-height:1;padding:3px 8px;border-radius:100px;background:var(--ion-color-light, rgba(0, 0, 0, .06));color:var(--ion-text-color, #000)}.ml--small .ml__chip{font-size:.6875rem;padding:2px 7px}\n"], dependencies: [{ kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MetadataListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'val-metadata-list', standalone: true, imports: [IonIcon], template: `
-    <dl [class]="hostClass()" [style.grid-template-columns]="gridStyle()">
+    <dl [class]="hostClass()">
       @for (section of resolvedSections(); track $index) {
         @if (section.label) {
           <div class="ml__section-label">{{ section.label }}</div>
@@ -33220,7 +33335,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
         }
       }
     </dl>
-  `, styles: ["@charset \"UTF-8\";:host{display:block}.ml{display:flex;flex-direction:column}.ml--dividers .ml__row:not(:last-child){border-bottom:1px solid var(--ion-border-color, rgba(0, 0, 0, .08))}.ml--grid{display:grid}.ml__section-label{grid-column:1/-1;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ion-color-medium, #92949c);padding-top:20px;padding-bottom:4px}.ml__section-label:first-child{padding-top:0}.ml--small .ml__section-label{font-size:.625rem;padding-top:16px}.ml__row--chips{grid-column:1/-1}.ml__row{display:flex;align-items:flex-start;gap:10px;padding:8px 0;grid-column:1/-1}.ml--small .ml__row{padding:5px 0}.ml__item{display:flex;align-items:flex-start;gap:10px;padding:8px 0}.ml--small .ml__item{padding:5px 0}.ml__icon{flex-shrink:0;font-size:1.125rem;color:var(--ion-color-medium, #92949c);line-height:1;margin-top:1px;padding:5px 0}.ml--grid .ml__icon{padding:5px 0}.ml--small .ml__icon{font-size:1rem}.ml__icon--placeholder{width:1.125rem;height:1.125rem}.ml--small .ml__icon--placeholder{width:1rem;height:1rem}.ml__text{display:flex;flex-direction:column;gap:2px;min-width:0}.ml__cell{display:flex;flex-direction:column;gap:2px;min-width:0;padding:5px 0}.ml--grid .ml__cell{padding:5px 0}.ml__label{font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.04em;color:var(--ion-color-medium, #92949c);line-height:1.3}.ml--small .ml__label{font-size:.625rem}.ml__value{font-size:.875rem;font-weight:600;color:var(--ion-text-color, #000);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ml--small .ml__value{font-size:.8125rem}.ml__chips{display:flex;flex-wrap:wrap;gap:4px;margin:0;padding:0}.ml__chip{display:inline-block;font-size:.75rem;font-weight:500;line-height:1;padding:3px 8px;border-radius:100px;background:var(--ion-color-light, rgba(0, 0, 0, .06));color:var(--ion-text-color, #000)}.ml--small .ml__chip{font-size:.6875rem;padding:2px 7px}\n"] }]
+  `, styles: ["@charset \"UTF-8\";:host{display:block}.ml{display:flex;flex-direction:column}.ml--dividers .ml__item:not(:last-child),.ml--dividers .ml__row:not(:last-child){border-bottom:1px solid var(--ion-border-color, rgba(0, 0, 0, .08))}.ml__section-label{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ion-color-medium, #92949c);padding-top:20px;padding-bottom:4px}.ml__section-label:first-child{padding-top:0}.ml--small .ml__section-label{font-size:.625rem;padding-top:16px}.ml__row{display:flex;align-items:flex-start;gap:10px;padding:8px 0;grid-column:1/-1}.ml--small .ml__row{padding:5px 0}.ml__item{display:flex;align-items:flex-start;gap:10px;padding:12px 0;width:100%}.ml--small .ml__item{padding:8px 0}.ml__icon{flex-shrink:0;font-size:1.125rem;color:var(--ion-color-medium, #92949c);line-height:1;margin-top:1px;padding:5px 0}.ml--grid .ml__icon{padding:5px 0}.ml--small .ml__icon{font-size:1rem}.ml__icon--placeholder{width:1.125rem;height:1.125rem}.ml--small .ml__icon--placeholder{width:1rem;height:1rem}.ml__text{display:flex;flex-direction:column;gap:2px;min-width:0}.ml__cell{display:flex;flex-direction:column;gap:2px;min-width:0;padding:5px 0}.ml--grid .ml__cell{padding:5px 0}.ml__label{font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.04em;color:var(--ion-color-medium, #92949c);line-height:1.3}.ml--small .ml__label{font-size:.625rem}.ml__value{font-size:.875rem;font-weight:600;color:var(--ion-text-color, #000);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ml--small .ml__value{font-size:.8125rem}.ml__chips{display:flex;flex-wrap:wrap;gap:4px;margin:0;padding:0}.ml__chip{display:inline-block;font-size:.75rem;font-weight:500;line-height:1;padding:3px 8px;border-radius:100px;background:var(--ion-color-light, rgba(0, 0, 0, .06));color:var(--ion-text-color, #000)}.ml--small .ml__chip{font-size:.6875rem;padding:2px 7px}\n"] }]
         }] });
 
 /**
@@ -38478,100 +38593,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 type: Output
             }] } });
 
-/**
- * Layout canonico para modales con body scrolleable y footer de acciones fijo.
- *
- * Usalo dentro de componentes abiertos via `ModalService.open(...)` cuando el
- * contenido pueda crecer y el CTA deba quedar siempre visible. El header/body
- * delegan en `val-modal-shell`; el footer queda fuera del `ion-content`, como
- * sibling, para evitar problemas de scroll.
- */
-class ModalLayoutComponent {
-    constructor() {
-        this.title = input('');
-        this.subtitle = input('');
-        this.closeLabel = input('');
-        this.showClose = input(true);
-        this.actions = input([]);
-        /**
-         * Alineación del footer. **No pasarlo**: el default `auto` ya da el
-         * comportamiento correcto (CTA full-width en mobile, a la derecha en desktop).
-         * Ver ModalActionAlignment antes de elegir otro valor.
-         */
-        this.actionsAlign = input('auto');
-        this.footer = input(undefined);
-        this.footerClass = input('');
-        this.close = output();
-        this.actionClick = output();
-        this.showFooter = computed(() => this.footer() ?? this.actions().length > 0);
-    }
-    handleAction(action, index) {
-        this.actionClick.emit({ action, index });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ModalLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ModalLayoutComponent, isStandalone: true, selector: "val-modal-layout", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, subtitle: { classPropertyName: "subtitle", publicName: "subtitle", isSignal: true, isRequired: false, transformFunction: null }, closeLabel: { classPropertyName: "closeLabel", publicName: "closeLabel", isSignal: true, isRequired: false, transformFunction: null }, showClose: { classPropertyName: "showClose", publicName: "showClose", isSignal: true, isRequired: false, transformFunction: null }, actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, actionsAlign: { classPropertyName: "actionsAlign", publicName: "actionsAlign", isSignal: true, isRequired: false, transformFunction: null }, footer: { classPropertyName: "footer", publicName: "footer", isSignal: true, isRequired: false, transformFunction: null }, footerClass: { classPropertyName: "footerClass", publicName: "footerClass", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { close: "close", actionClick: "actionClick" }, ngImport: i0, template: `
-    <val-modal-shell
-      [title]="title()"
-      [subtitle]="subtitle()"
-      [closeLabel]="closeLabel()"
-      [showClose]="showClose()"
-      (close)="close.emit()"
-    >
-      <ng-content />
-    </val-modal-shell>
-
-    @if (showFooter()) {
-      <ion-footer class="val-modal-layout__footer" [ngClass]="footerClass()">
-        <div
-          class="val-modal-layout__actions"
-          [ngClass]="'val-modal-layout__actions--' + actionsAlign()"
-        >
-          @for (action of actions(); track action.token || action.text || $index) {
-            <val-button
-              class="val-modal-layout__button"
-              [props]="action"
-              (onClick)="handleAction(action, $index)"
-            />
-          }
-          <ng-content select="[modal-actions]" />
-        </div>
-      </ion-footer>
-    }
-  `, isInline: true, styles: [":host{display:flex;flex-direction:column;height:100%;min-height:0}.val-modal-layout__footer{flex-shrink:0;background:var( --ion-card-background, var(--ion-background-color, #fff) );border-top:1px solid var(--ion-border-color, #e7e4ea)}.val-modal-layout__actions{display:flex;align-items:center;gap:var(--val-modal-footer-gap, 8px);padding:var(--val-modal-footer-padding, 12px 16px);padding-bottom:calc(var(--val-modal-footer-padding-bottom, 12px) + var(--ion-safe-area-bottom, env(safe-area-inset-bottom, 0px)))}.val-modal-layout__actions--start{justify-content:flex-start}.val-modal-layout__actions--center{justify-content:center}.val-modal-layout__actions--end{justify-content:flex-end}.val-modal-layout__actions--space-between{justify-content:space-between}.val-modal-layout__actions--auto,.val-modal-layout__actions--stretch{justify-content:flex-end}.val-modal-layout__actions--auto .val-modal-layout__button,.val-modal-layout__actions--stretch .val-modal-layout__button{flex:1 1 auto;min-width:0;display:block}.val-modal-layout__actions--auto .val-modal-layout__button ::ng-deep ion-button,.val-modal-layout__actions--stretch .val-modal-layout__button ::ng-deep ion-button{width:100%}@media (min-width: 481px){.val-modal-layout__actions--auto .val-modal-layout__button,.val-modal-layout__actions--stretch .val-modal-layout__button{flex:0 0 auto;display:inline-block}.val-modal-layout__actions--auto .val-modal-layout__button ::ng-deep ion-button,.val-modal-layout__actions--stretch .val-modal-layout__button ::ng-deep ion-button{width:auto}}@media (max-width: 480px){.val-modal-layout__actions{padding-left:var(--val-modal-footer-padding-inline-mobile, 16px);padding-right:var(--val-modal-footer-padding-inline-mobile, 16px)}}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: IonFooter, selector: "ion-footer", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: ButtonComponent, selector: "val-button", inputs: ["preset", "props"], outputs: ["onClick"] }, { kind: "component", type: ModalShellComponent, selector: "val-modal-shell", inputs: ["title", "subtitle", "closeLabel", "showClose"], outputs: ["close"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ModalLayoutComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'val-modal-layout', standalone: true, imports: [NgClass, IonFooter, ButtonComponent, ModalShellComponent], template: `
-    <val-modal-shell
-      [title]="title()"
-      [subtitle]="subtitle()"
-      [closeLabel]="closeLabel()"
-      [showClose]="showClose()"
-      (close)="close.emit()"
-    >
-      <ng-content />
-    </val-modal-shell>
-
-    @if (showFooter()) {
-      <ion-footer class="val-modal-layout__footer" [ngClass]="footerClass()">
-        <div
-          class="val-modal-layout__actions"
-          [ngClass]="'val-modal-layout__actions--' + actionsAlign()"
-        >
-          @for (action of actions(); track action.token || action.text || $index) {
-            <val-button
-              class="val-modal-layout__button"
-              [props]="action"
-              (onClick)="handleAction(action, $index)"
-            />
-          }
-          <ng-content select="[modal-actions]" />
-        </div>
-      </ion-footer>
-    }
-  `, styles: [":host{display:flex;flex-direction:column;height:100%;min-height:0}.val-modal-layout__footer{flex-shrink:0;background:var( --ion-card-background, var(--ion-background-color, #fff) );border-top:1px solid var(--ion-border-color, #e7e4ea)}.val-modal-layout__actions{display:flex;align-items:center;gap:var(--val-modal-footer-gap, 8px);padding:var(--val-modal-footer-padding, 12px 16px);padding-bottom:calc(var(--val-modal-footer-padding-bottom, 12px) + var(--ion-safe-area-bottom, env(safe-area-inset-bottom, 0px)))}.val-modal-layout__actions--start{justify-content:flex-start}.val-modal-layout__actions--center{justify-content:center}.val-modal-layout__actions--end{justify-content:flex-end}.val-modal-layout__actions--space-between{justify-content:space-between}.val-modal-layout__actions--auto,.val-modal-layout__actions--stretch{justify-content:flex-end}.val-modal-layout__actions--auto .val-modal-layout__button,.val-modal-layout__actions--stretch .val-modal-layout__button{flex:1 1 auto;min-width:0;display:block}.val-modal-layout__actions--auto .val-modal-layout__button ::ng-deep ion-button,.val-modal-layout__actions--stretch .val-modal-layout__button ::ng-deep ion-button{width:100%}@media (min-width: 481px){.val-modal-layout__actions--auto .val-modal-layout__button,.val-modal-layout__actions--stretch .val-modal-layout__button{flex:0 0 auto;display:inline-block}.val-modal-layout__actions--auto .val-modal-layout__button ::ng-deep ion-button,.val-modal-layout__actions--stretch .val-modal-layout__button ::ng-deep ion-button{width:auto}}@media (max-width: 480px){.val-modal-layout__actions{padding-left:var(--val-modal-footer-padding-inline-mobile, 16px);padding-right:var(--val-modal-footer-padding-inline-mobile, 16px)}}\n"] }]
-        }] });
-
 /**
  * Configuración de espaciado predefinida
  */
@@ -89631,5 +89652,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { ACCESS_REQUEST_TYPE, ACCESS_REQUEST_VIEW_I18N, ACTION_CARD_DEFAULTS, AD_SIZE_MAP, API_TABLE_COLUMN_LABELS, APP_VERSION_PLATFORM_PLUGIN, APP_VERSION_REMOTE_PLUGIN, ARTICLE_CARD_DEFAULTS, ARTICLE_SPACING, ARTICLE_STRIP_DEFAULTS, AUTH_CTA_DEFAULTS, AVATAR_UPLOAD_DEFAULTS, AboutViewComponent, AccessControlService, AccessRequestViewComponent, AccordionComponent, AccountViewComponent, ActionCardComponent, ActionHeaderComponent, ActionType, AdSlotComponent, AdsLoaderService, AdsService, AlertBoxComponent, AnalyticsErrorHandler, AnalyticsRouterTracker, AnalyticsService, AnimalCardComponent, AnimatedTerminalComponent, ApiKeyCreateModalComponent, ApiKeyService, ApiKeysModalComponent, ApiKeysViewComponent, AppConfigService, AppVersionService, ArticleBuilder, ArticleCardComponent, ArticleComponent, ArticleStripComponent, AttachmentUploaderComponent, AuthBackgroundComponent, AuthCtaComponent, AuthService, AuthStateService, AuthStorageService, AuthSyncService, AvatarComponent, AvatarUploadComponent, BOTTOM_NAV_DEFAULTS, BackButtonComponent, BannerComponent, BlogPostBuilder, BottomNavComponent, BoxComponent, BreadcrumbComponent, BubbleBlitzGameComponent, ButtonComponent, ButtonGroupComponent, CALLOUT_LABELS, CHEV_KEYS, CIRCLE_KEYS, COMMON_COUNTRY_CODES, COMMON_CURRENCIES, CORNER_KEYS, CTA_CARD_DEFAULTS, CURRENCY_INFO, CanAccessDirective, CardComponent, CardSection, CardType, CardsCarouselComponent, ChangeEmailModalComponent, ChangePasswordModalComponent, ChatComposerComponent, ChatInputComponent, ChatWindowComponent, CheckInputComponent, CheckboxRadioInputComponent, ChipGroupComponent, ChipSelectComponent, ClientTelemetryService, CodeDisplayComponent, CodeValidatorComponent, CollectionsService, CommandDisplayComponent, CommentComponent, CommentInputComponent, CommentSectionComponent, CompanyFooterComponent, ComponentStates, ConfirmationDialogService, ConfirmationDialogV2Component, ContainerComponent, ContentLoaderComponent, ContentReactionComponent, ContentReactionModalComponent, ContentService, ContentTransformer, ConversationListItemComponent, ConversationService, CookieBannerComponent, CookieSettingsComponent, CountdownComponent, CreateOrgModalComponent, CtaCardComponent, CurrencyInputComponent, DEFAULT_ADS_CONFIG, DEFAULT_APP_CONFIG_SERVICE_CONFIG, DEFAULT_APP_VERSION_SERVICE_CONFIG, DEFAULT_AUTH_CONFIG, DEFAULT_BACK_HEADER, DEFAULT_BUTTON_PRESETS, DEFAULT_CANCEL_BUTTON, DEFAULT_CANONICAL_FIELD_ALIASES, 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_LOGIN_LOGO, DEFAULT_MODAL_CANCEL_BUTTON, DEFAULT_MODAL_CONFIRM_BUTTON, DEFAULT_PAGE_SIZE_OPTIONS, DEFAULT_PLATFORMS, DEFAULT_POST_UPDATE_GRACE_MS, DEFAULT_PRESETS, DEFAULT_REFRESHER_METADATA, DEFAULT_SKELETON_CONFIG, DEFAULT_SPLASH_SCREEN_CONFIG, DangerSectionComponent, DataTableComponent, DatasetPaginationService, DateInputComponent, DatePickerComponent, DateRangeInputComponent, DebugConsoleComponent, DeleteAccountModalComponent, DetailSkeletonComponent, DeviceService, DisplayComponent, DividerComponent, DocsApiTableComponent, DocsBreadcrumbComponent, DocsBuilder, DocsCalloutComponent, DocsCodeExampleComponent, DocsLayoutComponent, DocsNavLinksComponent, DocsNavigationService, DocsPageComponent, DocsSearchComponent, DocsSectionComponent, DocsShellComponent, DocsSidebarComponent, DocsTocComponent, DonationService, DownloadService, EXPECTED_NOT_FOUND, EditOrgModalComponent, EmptyStateComponent, EntityCardComponent, EntityFeedService, EntradaSerializada, ExpandableTextComponent, ExternalBrowserService, FEATURES_LIST_DEFAULTS, FUN_MODAL_DEFAULTS, FabComponent, FaqComponent, FeatureControlService, FeatureGuardDirective, FeaturesListComponent, FeedbackFormComponent, FeedbackService, FieldListComponent, FieldOptionsEditorComponent, FileInputComponent, FirebaseService, FirestoreCollectionFactory, FirestoreService, FolderTabsComponent, FontSizeOption, FontSizeSelectorComponent, FontSizeService, FooterComponent, FooterLinksComponent, FormComponent, FormFieldComponent, FormSchemaBuilderService, FormSkeletonComponent, FunHeaderComponent, FunModalComponent, GAME_AVATAR_CATALOG_SIZE_PER_STYLE, GameAvatarComponent, GameProfileService, GlassComponent, GlowCardComponent, GlowComponent, GridSkeletonComponent, GroupMembersComponent, GroupPickerComponent, GroupsService, HANDOFF_ROUTE_PARAM, HANDOFF_TOKEN_PARAM, HandleService, HandoffService, HapticsService, HasPermissionDirective, HeaderActionsService, HeaderComponent, HintComponent, HorizontalScrollComponent, HrefComponent, HtmlViewerModalComponent, I18nService, IMAGE_DEFAULTS, INITIAL_AUTH_STATE, INITIAL_MFA_STATE, INVITATION_CARD_DEFAULTS, IONIC_COLORS$5 as IONIC_COLORS, Icon, IconComponent, IconService, ImageComponent, ImageCropComponent, ImageService, InAppBrowserService, InfiniteListComponent, InfoComponent, InputI18nHelper, InputType, InvitationCardComponent, InviteMemberModalComponent, ItemListComponent, KNOWN_ROUTES, LANG_STORAGE_KEY$1 as LANG_STORAGE_KEY, LEGAL_CONTENT_CONFIG, LOGGED_IN_HINT_COOKIE, LOGIN_DEFAULTS, LandingSplitComponent, LandingStepsComponent, LanguageSelectorComponent, LanguageSelectorV2Component, LayeredCardComponent, LegalContentService, LegalLinkService, LightRippleDirective, LinkComponent, LinkProcessorService, LinkedProvidersComponent, LinksAccordionComponent, LinksCakeComponent, ListSkeletonComponent, LiveReadFallbackService, LoadMoreComponent, LoadingDirective, LocalStorageService, LocaleService, LoginAttemptModalComponent, LoginComponent, MEDIA_OBJECT_DEFAULTS, MEMBER_CARD_DEFAULTS, METADATA_LIST_DEFAULTS, META_SCHEMA_VERSION, METRIC_CARD_DEFAULTS, MINI_GAMES_I18N, MINI_GAME_PLAYER_AVATARS, MINI_GAME_PLAYER_COLORS, MODAL_SIZES, MOTIF_KEYS, MOTION, MaintenancePageComponent, MarkdownArticleParserService, MediaObjectComponent, MediaViewerModalComponent, MemberCardComponent, MemberDetailModalComponent, MemberImportModalComponent, MemoryGameComponent, MenuComponent, MessageBubbleComponent, MessagingService, MetaService, MetadataListComponent, MeteringService, MetricCardComponent, MfaModalComponent, MiniGameCalloutComponent, MiniGamePlayerProfileService, MiniGameScorePopComponent, MiniGamesMenuComponent, ModalLayoutComponent, ModalService, ModalShellComponent, MultiSelectSearchComponent, NUM_KEYS, NavigationService, NetworkBannerComponent, NetworkStatusService, NewsBuilder, NoContentComponent, NotesBoxComponent, NoticeComponent, NotificationActionService, NotificationPreferencesViewComponent, NotificationsService, NotificationsViewComponent, NumberFromToComponent, NumberPickerComponent, NumberStepperComponent, OAUTH_PROVIDERS_INFO, OAuthCallbackComponent, OAuthService, OperationReferenceComponent, OptionCardsComponent, OptionSheetComponent, OptionSheetService, OrgInfoSheetComponent, OrgService, OrgSwitchService, OrganizationViewComponent, PATTERN_MOTIFS, PATTERN_PALETTES, PATTERN_STYLE_CONFIGS, PERSONA_CONFIG, PLATFORM_CONFIGS, POST_UPDATE_TS_KEY, PageContentComponent, PageLinksComponent, PageRefreshService, PageTemplateComponent, PageWavesComponent, PageWrapperComponent, PaginationComponent, PaginationService, PasswordInputComponent, PatternComponent, PdfService, PermissionCatalogService, PermissionSelectorComponent, PermissionsModalComponent, PermissionsViewComponent, PersonaService, PhoneDisplayComponent, PhoneFormatService, PhoneInputComponent, PickerV2Component, PillComponent, PinInputComponent, PlainCodeBoxComponent, PopoverSelectorComponent, PreferencesService, PreferencesViewComponent, PresetService, PriceTagComponent, PricingTableComponent, ProcessLinksPipe, ProfileCardComponent, ProfileContentComponent, ProfileModalComponent, ProfileSkeletonComponent, ProfileViewComponent, ProgressBarComponent, ProgressRingComponent, ProgressStatusComponent, PrompterComponent, QR_PRESETS, QrBrandValidationError, QrCodeComponent, QrGeneratorService, QrScannerComponent, QueryBuilder, QuoteBoxComponent, REQUEST_STATUSES, RadioInputComponent, RangeInputComponent, RatingComponent, RbacService, ReactionBarComponent, ReactionsService, RefresherComponent, RequestFirestoreService, RequestFormBuilderService, RequestFormComponent, RequestModalComponent, RequestReviewPanelComponent, RequestService, RetroAudioService, RightsFooterComponent, RoleManagerComponent, 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, SectionHeaderComponent, SecurityViewComponent, SegmentControlComponent, SelectSearchComponent, SessionListModalComponent, SessionService, SessionTransitionOverlayComponent, SettingsHubComponent, ShareButtonsComponent, ShareProfileModalComponent, SimonGameComponent, SimpleComponent, SkeletonComponent, SkeletonLayoutComponent, SkeletonService, SplashComponent, SplashScreenService, StatsBarComponent, StatsCardComponent, StepperComponent, StorageService, SupportTicketCtaComponent, SwipeCarouselComponent, SwitchOrgModalComponent, TRI_KEYS, TabbedContentComponent, TableSkeletonComponent, TabsComponent, Terminal404Component, TestimonialCardComponent, TestimonialCarouselComponent, TextComponent, TextInputComponent, TextareaInputComponent, ThemeOption, ThemeSelectorComponent, ThemeService, ThreadPanelComponent, TicketCardComponent, TicketCardImageService, TimelineComponent, TitleBlockComponent, TitleComponent, ToastService, ToggleInputComponent, TokenService, ToolbarActionType, ToolbarComponent, TransferOwnershipModalComponent, TranslatePipe, TypedCollection, TypingIndicatorComponent, UPDATE_BANNER_DEFAULT_CONTENT, UPDATE_BANNER_I18N_NAMESPACE, UpdateBannerComponent, UsageMetersComponent, UsageService, UserAvatarComponent, UsernameInputComponent, VALTECH_ACCESS_FEATURES, VALTECH_ADS_CONFIG, VALTECH_APP_CONFIG, VALTECH_APP_VERSION, VALTECH_AUTH_CONFIG, VALTECH_CHAT_CONFIG, VALTECH_COLLECTIONS_CONFIG, VALTECH_COMPANY_LINKS, VALTECH_CONTENT_CONFIG, VALTECH_COPYRIGHT_TEMPLATE, VALTECH_DEBUG_CONSOLE, VALTECH_DEFAULT_CONTENT, VALTECH_DIAGRAMS, VALTECH_DONATION_CONFIG, VALTECH_FEEDBACK_CONFIG, VALTECH_FIREBASE_CONFIG, VALTECH_FOOTER_I18N, VALTECH_FOOTER_LOGO, VALTECH_LANGUAGE_SELECTOR, VALTECH_LEGAL_CONFIG, VALTECH_LEGAL_ENTITY, VALTECH_MENU_I18N, VALTECH_NETWORK_ERROR_KEY, VALTECH_REACTIONS_CONFIG, VALTECH_SETTINGS_MENU_LINKS, VALTECH_SITE_PATHS, VALTECH_SOCIAL_LINKS, VALTECH_SPLASH_SCREEN, VALTECH_WEB_BASE_URLS, VALTECH_WHATSAPP_CONFIG, VAL_REGISTERED_ICONS, VERSION, ValCommentThreadComponent, ValQuotaWarningComponent, ValtechErrorService, VerifyViewComponent, WhatsappFabComponent, WhatsappService, WizardComponent, WizardFooterComponent, WorkflowService, accessGuard, accessGuardFromRoute, applyDefaultValueToControl, authGuard, authInterceptor, authPasswordValidator, beautifyLegalArticle, blogPost, buildCompanyFooterProps, buildFooterLinks, buildLegalLinkResolver, buildPath, buildPlatformMenu, buildSettingsCards, buildSideNavItemsFromBottomNav, button, canSubmitRequestType, classifyChip, collections, connectPageRefresh, createErrorStateProps, createFirebaseConfig, createGameAvatarCatalog, createGameAvatarProps, createGlowCardProps, createInitialDatasetState, createInitialPaginationState, createNumberFromToField, createPageState, createPermissionLabeler, createRefreshableStream, createTitleProps, datasetPageFromLegacyCursor, defaultQrBrand, docs, errorLoggingInterceptor, evaluateValtechAccess, extractPathParams, firmaDeSesionDeCustomToken, formatClockTime, formatDateSeparator, formatRelativeTime, gameAvatarCatalogEntryToMetadata, gameAvatarDataUri, generatePatternTiles, generateRandomTile, getAppInfo, getAppVersion, getCollectionPath, getDocumentId, getTimeOfDayKey, goToTop, groupPermissionsByScope, guestGuard, hasEmulators, iconButton, interpretError, isAtEnd, isCollectionPath, isDocumentPath, isEmulatorMode, isIonicColor, isKnownRoute, isValidPath, joinPath, maxLength, mulberry32, news, parseMarkdownArticle, permissionGuard, permissionGuardFromRoute, provideLegalContent, providePersona, provideSplashScreen, provideValtechAboutRoutes, provideValtechAccessFeatures, provideValtechAccountRoutes, provideValtechAds, provideValtechApiKeysRoutes, provideValtechAppConfig, provideValtechAppVersion, provideValtechAppVersionHttp, provideValtechAuth, provideValtechAuthInterceptor, provideValtechChat, provideValtechCollections, provideValtechContent, provideValtechDebugConsole, provideValtechDiagrams, provideValtechDonations, provideValtechErrorHandling, provideValtechFeedback, provideValtechFirebase, provideValtechI18n, provideValtechLegal, provideValtechNotificationClickActions, provideValtechNotificationPreferencesRoutes, provideValtechNotificationsRoutes, provideValtechOrganizationRoutes, provideValtechPermissionsRoutes, provideValtechPreferencesRoutes, provideValtechPresets, provideValtechProfileRoutes, provideValtechReactions, provideValtechSecurityRoutes, provideValtechSettingsRoutes, provideValtechSite, provideValtechSkeleton, provideValtechWhatsapp, qrContrastRatio, qrErrorCorrectionFor, query, rbacGuard, renderGameAvatarSvg, renderPatternSvgInner, replaceSpecialChars, requestSubmitMode, resolveColor, resolveCopyrightTemplate, resolveInputDefaultValue, resolveIonicColor, resolveWebBaseUrl, roleGuard, roleOf, selectableRequestTypes, storagePaths, suggestEmailFix, superAdminGuard, supportedGameAvatarStyles, toArticle, validateQrBrand, validateRoutes };
+export { ACCESS_REQUEST_TYPE, ACCESS_REQUEST_VIEW_I18N, ACTION_CARD_DEFAULTS, AD_SIZE_MAP, API_TABLE_COLUMN_LABELS, APP_VERSION_PLATFORM_PLUGIN, APP_VERSION_REMOTE_PLUGIN, ARTICLE_CARD_DEFAULTS, ARTICLE_SPACING, ARTICLE_STRIP_DEFAULTS, AUTH_CTA_DEFAULTS, AVATAR_UPLOAD_DEFAULTS, AboutViewComponent, AccessControlService, AccessRequestViewComponent, AccordionComponent, AccountViewComponent, ActionCardComponent, ActionHeaderComponent, ActionType, AdSlotComponent, AdsLoaderService, AdsService, AlertBoxComponent, AnalyticsErrorHandler, AnalyticsRouterTracker, AnalyticsService, AnimalCardComponent, AnimatedTerminalComponent, ApiKeyCreateModalComponent, ApiKeyService, ApiKeysModalComponent, ApiKeysViewComponent, AppConfigService, AppVersionService, ArticleBuilder, ArticleCardComponent, ArticleComponent, ArticleStripComponent, AttachmentUploaderComponent, AuthBackgroundComponent, AuthCtaComponent, AuthService, AuthStateService, AuthStorageService, AuthSyncService, AvatarComponent, AvatarUploadComponent, BOTTOM_NAV_DEFAULTS, BackButtonComponent, BannerComponent, BlogPostBuilder, BottomNavComponent, BoxComponent, BreadcrumbComponent, BubbleBlitzGameComponent, ButtonComponent, ButtonGroupComponent, CALLOUT_LABELS, CHEV_KEYS, CIRCLE_KEYS, COMMON_COUNTRY_CODES, COMMON_CURRENCIES, CORNER_KEYS, CTA_CARD_DEFAULTS, CURRENCY_INFO, CanAccessDirective, CardComponent, CardSection, CardType, CardsCarouselComponent, ChangeEmailModalComponent, ChangePasswordModalComponent, ChatComposerComponent, ChatInputComponent, ChatWindowComponent, CheckInputComponent, CheckboxRadioInputComponent, ChipGroupComponent, ChipSelectComponent, ClientTelemetryService, CodeDisplayComponent, CodeValidatorComponent, CollectionsService, CommandDisplayComponent, CommentComponent, CommentInputComponent, CommentSectionComponent, CompanyFooterComponent, ComponentStates, ConfirmationDialogService, ConfirmationDialogV2Component, ContainerComponent, ContentLoaderComponent, ContentReactionComponent, ContentReactionModalComponent, ContentService, ContentTransformer, ConversationListItemComponent, ConversationService, CookieBannerComponent, CookieSettingsComponent, CountdownComponent, CreateOrgModalComponent, CtaCardComponent, CurrencyInputComponent, DEFAULT_ADS_CONFIG, DEFAULT_APP_CONFIG_SERVICE_CONFIG, DEFAULT_APP_VERSION_SERVICE_CONFIG, DEFAULT_AUTH_CONFIG, DEFAULT_BACK_HEADER, DEFAULT_BUTTON_PRESETS, DEFAULT_CANCEL_BUTTON, DEFAULT_CANONICAL_FIELD_ALIASES, 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_LOGIN_LOGO, DEFAULT_MODAL_CANCEL_BUTTON, DEFAULT_MODAL_CONFIRM_BUTTON, DEFAULT_PAGE_SIZE_OPTIONS, DEFAULT_PLATFORMS, DEFAULT_POST_UPDATE_GRACE_MS, DEFAULT_PRESETS, DEFAULT_REFRESHER_METADATA, DEFAULT_SKELETON_CONFIG, DEFAULT_SPLASH_SCREEN_CONFIG, DangerSectionComponent, DataTableComponent, DatasetPaginationService, DateInputComponent, DatePickerComponent, DateRangeInputComponent, DebugConsoleComponent, DeleteAccountModalComponent, DetailSkeletonComponent, DeviceService, DisplayComponent, DividerComponent, DocsApiTableComponent, DocsBreadcrumbComponent, DocsBuilder, DocsCalloutComponent, DocsCodeExampleComponent, DocsLayoutComponent, DocsNavLinksComponent, DocsNavigationService, DocsPageComponent, DocsSearchComponent, DocsSectionComponent, DocsShellComponent, DocsSidebarComponent, DocsTocComponent, DonationService, DownloadService, EXPECTED_NOT_FOUND, EditOrgModalComponent, EmptyStateComponent, EntityCardComponent, EntityFeedService, EntradaSerializada, ExpandableTextComponent, ExternalBrowserService, FEATURES_LIST_DEFAULTS, FUN_MODAL_DEFAULTS, FabComponent, FaqComponent, FeatureControlService, FeatureGuardDirective, FeaturesListComponent, FeedbackFormComponent, FeedbackService, FieldListComponent, FieldOptionsEditorComponent, FileInputComponent, FirebaseService, FirestoreCollectionFactory, FirestoreService, FolderTabsComponent, FontSizeOption, FontSizeSelectorComponent, FontSizeService, FooterComponent, FooterLinksComponent, FormComponent, FormFieldComponent, FormSchemaBuilderService, FormSkeletonComponent, FunHeaderComponent, FunModalComponent, GAME_AVATAR_CATALOG_SIZE_PER_STYLE, GameAvatarComponent, GameProfileService, GlassComponent, GlowCardComponent, GlowComponent, GridSkeletonComponent, GroupMembersComponent, GroupPickerComponent, GroupsService, HANDOFF_ROUTE_PARAM, HANDOFF_TOKEN_PARAM, HandleService, HandoffService, HapticsService, HasPermissionDirective, HeaderActionsService, HeaderComponent, HintComponent, HorizontalScrollComponent, HrefComponent, HtmlViewerModalComponent, I18nService, IMAGE_DEFAULTS, INITIAL_AUTH_STATE, INITIAL_MFA_STATE, INVITATION_CARD_DEFAULTS, IONIC_COLORS$5 as IONIC_COLORS, Icon, IconComponent, IconService, ImageComponent, ImageCropComponent, ImageService, InAppBrowserService, InfiniteListComponent, InfoComponent, InputI18nHelper, InputType, InvitationCardComponent, InviteMemberModalComponent, ItemListComponent, KNOWN_ROUTES, LANG_STORAGE_KEY$1 as LANG_STORAGE_KEY, LEGAL_CONTENT_CONFIG, LOGGED_IN_HINT_COOKIE, LOGIN_DEFAULTS, LandingSplitComponent, LandingStepsComponent, LanguageSelectorComponent, LanguageSelectorV2Component, LayeredCardComponent, LegalContentService, LegalLinkService, LightRippleDirective, LinkComponent, LinkProcessorService, LinkedProvidersComponent, LinksAccordionComponent, LinksCakeComponent, ListSkeletonComponent, LiveReadFallbackService, LoadMoreComponent, LoadingDirective, LocalStorageService, LocaleService, LoginAttemptModalComponent, LoginComponent, MEDIA_OBJECT_DEFAULTS, MEMBER_CARD_DEFAULTS, METADATA_LIST_DEFAULTS, META_SCHEMA_VERSION, METRIC_CARD_DEFAULTS, MINI_GAMES_I18N, MINI_GAME_PLAYER_AVATARS, MINI_GAME_PLAYER_COLORS, MODAL_SIZES, MOTIF_KEYS, MOTION, MaintenancePageComponent, MarkdownArticleParserService, MediaObjectComponent, MediaViewerModalComponent, MemberCardComponent, MemberDetailModalComponent, MemberImportModalComponent, MemoryGameComponent, MenuComponent, MessageBubbleComponent, MessagingService, MetaService, MetadataListComponent, MeteringService, MetricCardComponent, MfaModalComponent, MiniGameCalloutComponent, MiniGamePlayerProfileService, MiniGameScorePopComponent, MiniGamesMenuComponent, ModalLayoutComponent, ModalService, ModalShellComponent, MultiSelectSearchComponent, NUM_KEYS, NavigationService, NetworkBannerComponent, NetworkStatusService, NewsBuilder, NoContentComponent, NotesBoxComponent, NoticeComponent, NotificationActionService, NotificationPreferencesViewComponent, NotificationsService, NotificationsViewComponent, NumberFromToComponent, NumberPickerComponent, NumberStepperComponent, OAUTH_PROVIDERS_INFO, OAuthCallbackComponent, OAuthService, OperationReferenceComponent, OptionCardsComponent, OptionSheetComponent, OptionSheetService, OrgInfoSheetComponent, OrgService, OrgSwitchService, OrganizationViewComponent, PATTERN_MOTIFS, PATTERN_PALETTES, PATTERN_STYLE_CONFIGS, PERSONA_CONFIG, PLATFORM_CONFIGS, POST_UPDATE_TS_KEY, PageContentComponent, PageLinksComponent, PageRefreshService, PageTemplateComponent, PageWavesComponent, PageWrapperComponent, PaginationComponent, PaginationService, PasswordInputComponent, PatternComponent, PdfService, PermissionCatalogService, PermissionSelectorComponent, PermissionsModalComponent, PermissionsViewComponent, PersonaService, PhoneDisplayComponent, PhoneFormatService, PhoneInputComponent, PickerV2Component, PillComponent, PinInputComponent, PlainCodeBoxComponent, PopoverSelectorComponent, PreferencesService, PreferencesViewComponent, PresetService, PriceTagComponent, PricingTableComponent, ProcessLinksPipe, ProfileCardComponent, ProfileContentComponent, ProfileModalComponent, ProfileSkeletonComponent, ProfileViewComponent, ProgressBarComponent, ProgressRingComponent, ProgressStatusComponent, PrompterComponent, QR_PRESETS, QrBrandValidationError, QrCodeComponent, QrGeneratorService, QrScannerComponent, QueryBuilder, QuoteBoxComponent, REQUEST_STATUSES, RadioInputComponent, RangeInputComponent, RatingComponent, RbacService, ReactionBarComponent, ReactionsService, RefresherComponent, RequestFirestoreService, RequestFormBuilderService, RequestFormComponent, RequestModalComponent, RequestReviewPanelComponent, RequestService, RetroAudioService, RightsFooterComponent, RoleManagerComponent, 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, SectionHeaderComponent, SecurityViewComponent, SegmentControlComponent, SelectSearchComponent, SelectSearchPickerModalComponent, SessionListModalComponent, SessionService, SessionTransitionOverlayComponent, SettingsHubComponent, ShareButtonsComponent, ShareProfileModalComponent, SimonGameComponent, SimpleComponent, SkeletonComponent, SkeletonLayoutComponent, SkeletonService, SplashComponent, SplashScreenService, StatsBarComponent, StatsCardComponent, StepperComponent, StorageService, SupportTicketCtaComponent, SwipeCarouselComponent, SwitchOrgModalComponent, TRI_KEYS, TabbedContentComponent, TableSkeletonComponent, TabsComponent, Terminal404Component, TestimonialCardComponent, TestimonialCarouselComponent, TextComponent, TextInputComponent, TextareaInputComponent, ThemeOption, ThemeSelectorComponent, ThemeService, ThreadPanelComponent, TicketCardComponent, TicketCardImageService, TimelineComponent, TitleBlockComponent, TitleComponent, ToastService, ToggleInputComponent, TokenService, ToolbarActionType, ToolbarComponent, TransferOwnershipModalComponent, TranslatePipe, TypedCollection, TypingIndicatorComponent, UPDATE_BANNER_DEFAULT_CONTENT, UPDATE_BANNER_I18N_NAMESPACE, UpdateBannerComponent, UsageMetersComponent, UsageService, UserAvatarComponent, UsernameInputComponent, VALTECH_ACCESS_FEATURES, VALTECH_ADS_CONFIG, VALTECH_APP_CONFIG, VALTECH_APP_VERSION, VALTECH_AUTH_CONFIG, VALTECH_CHAT_CONFIG, VALTECH_COLLECTIONS_CONFIG, VALTECH_COMPANY_LINKS, VALTECH_CONTENT_CONFIG, VALTECH_COPYRIGHT_TEMPLATE, VALTECH_DEBUG_CONSOLE, VALTECH_DEFAULT_CONTENT, VALTECH_DIAGRAMS, VALTECH_DONATION_CONFIG, VALTECH_FEEDBACK_CONFIG, VALTECH_FIREBASE_CONFIG, VALTECH_FOOTER_I18N, VALTECH_FOOTER_LOGO, VALTECH_LANGUAGE_SELECTOR, VALTECH_LEGAL_CONFIG, VALTECH_LEGAL_ENTITY, VALTECH_MENU_I18N, VALTECH_NETWORK_ERROR_KEY, VALTECH_REACTIONS_CONFIG, VALTECH_SETTINGS_MENU_LINKS, VALTECH_SITE_PATHS, VALTECH_SOCIAL_LINKS, VALTECH_SPLASH_SCREEN, VALTECH_WEB_BASE_URLS, VALTECH_WHATSAPP_CONFIG, VAL_REGISTERED_ICONS, VERSION, ValCommentThreadComponent, ValQuotaWarningComponent, ValtechErrorService, VerifyViewComponent, WhatsappFabComponent, WhatsappService, WizardComponent, WizardFooterComponent, WorkflowService, accessGuard, accessGuardFromRoute, applyDefaultValueToControl, authGuard, authInterceptor, authPasswordValidator, beautifyLegalArticle, blogPost, buildCompanyFooterProps, buildFooterLinks, buildLegalLinkResolver, buildPath, buildPlatformMenu, buildSettingsCards, buildSideNavItemsFromBottomNav, button, canSubmitRequestType, classifyChip, collections, connectPageRefresh, createErrorStateProps, createFirebaseConfig, createGameAvatarCatalog, createGameAvatarProps, createGlowCardProps, createInitialDatasetState, createInitialPaginationState, createNumberFromToField, createPageState, createPermissionLabeler, createRefreshableStream, createTitleProps, datasetPageFromLegacyCursor, defaultQrBrand, docs, errorLoggingInterceptor, evaluateValtechAccess, extractPathParams, firmaDeSesionDeCustomToken, formatClockTime, formatDateSeparator, formatRelativeTime, gameAvatarCatalogEntryToMetadata, gameAvatarDataUri, generatePatternTiles, generateRandomTile, getAppInfo, getAppVersion, getCollectionPath, getDocumentId, getTimeOfDayKey, goToTop, groupPermissionsByScope, guestGuard, hasEmulators, iconButton, interpretError, isAtEnd, isCollectionPath, isDocumentPath, isEmulatorMode, isIonicColor, isKnownRoute, isValidPath, joinPath, maxLength, mulberry32, news, parseMarkdownArticle, permissionGuard, permissionGuardFromRoute, provideLegalContent, providePersona, provideSplashScreen, provideValtechAboutRoutes, provideValtechAccessFeatures, provideValtechAccountRoutes, provideValtechAds, provideValtechApiKeysRoutes, provideValtechAppConfig, provideValtechAppVersion, provideValtechAppVersionHttp, provideValtechAuth, provideValtechAuthInterceptor, provideValtechChat, provideValtechCollections, provideValtechContent, provideValtechDebugConsole, provideValtechDiagrams, provideValtechDonations, provideValtechErrorHandling, provideValtechFeedback, provideValtechFirebase, provideValtechI18n, provideValtechLegal, provideValtechNotificationClickActions, provideValtechNotificationPreferencesRoutes, provideValtechNotificationsRoutes, provideValtechOrganizationRoutes, provideValtechPermissionsRoutes, provideValtechPreferencesRoutes, provideValtechPresets, provideValtechProfileRoutes, provideValtechReactions, provideValtechSecurityRoutes, provideValtechSettingsRoutes, provideValtechSite, provideValtechSkeleton, provideValtechWhatsapp, qrContrastRatio, qrErrorCorrectionFor, query, rbacGuard, renderGameAvatarSvg, renderPatternSvgInner, replaceSpecialChars, requestSubmitMode, resolveColor, resolveCopyrightTemplate, resolveInputDefaultValue, resolveIonicColor, resolveWebBaseUrl, roleGuard, roleOf, selectableRequestTypes, storagePaths, suggestEmailFix, superAdminGuard, supportedGameAvatarStyles, toArticle, validateQrBrand, validateRoutes };
 //# sourceMappingURL=valtech-components.mjs.map