valtech-components 2.0.946 → 2.0.947

package/fesm2022/valtech-components.mjs

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
 import { inject, InjectionToken, makeEnvironmentProviders, APP_INITIALIZER, ErrorHandler, Injectable, DestroyRef, Inject, signal, computed, PLATFORM_ID, isDevMode, Optional, runInInjectionContext, effect, Pipe, TemplateRef, ViewContainerRef, input, Directive, EventEmitter, Component, Input, Output, ChangeDetectionStrategy, HostBinding, HostListener, NgZone, ViewChild, ChangeDetectorRef, ContentChild, output, Injector, isSignal, ElementRef, ViewEncapsulation } from '@angular/core';
-import { BehaviorSubject, throwError, Subject, map, distinctUntilChanged, filter as filter$1, take as take$1, firstValueFrom, of, from, EMPTY, Observable, interval, debounceTime, switchMap as switchMap$1, catchError as catchError$1, takeUntil, isObservable, shareReplay, race, timer } from 'rxjs';
+import { BehaviorSubject, throwError, Subject, map, distinctUntilChanged, filter as filter$1, take as take$1, firstValueFrom, of, from, EMPTY, Observable, interval, debounceTime, switchMap as switchMap$1, catchError as catchError$1, takeUntil, isObservable, shareReplay, race, timer, forkJoin } from 'rxjs';
 import { catchError, switchMap, finalize, filter, take, map as map$1, tap, retry, timeout, debounceTime as debounceTime$1, takeUntil as takeUntil$1 } from 'rxjs/operators';
 import * as i1$3 from '@angular/common/http';
 import { provideHttpClient, withInterceptors, HttpClient, HttpErrorResponse } from '@angular/common/http';
@@ -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.946';
+const VERSION = '2.0.947';
 
 // Control de estado de refresco (singleton a nivel de módulo)
 let isRefreshing = false;
@@ -26952,7 +26952,7 @@ const ACTION_CARD_DEFAULTS = {
 };
 
 addIcons({ chevronForwardOutline });
-const IONIC_COLORS$4 = ['primary', 'secondary', 'tertiary', 'success', 'warning', 'danger', 'light', 'medium', 'dark'];
+const IONIC_COLORS$5 = ['primary', 'secondary', 'tertiary', 'success', 'warning', 'danger', 'light', 'medium', 'dark'];
 /**
  * val-action-card
  *
@@ -27032,7 +27032,7 @@ class ActionCardComponent {
     resolveColor(color) {
         if (!color)
             return null;
-        if (IONIC_COLORS$4.includes(color)) {
+        if (IONIC_COLORS$5.includes(color)) {
             return `var(--ion-color-${color})`;
         }
         return color;
@@ -27225,7 +27225,7 @@ const MEDIA_OBJECT_DEFAULTS = {
     circle: false,
 };
 
-const IONIC_COLORS$3 = ['primary', 'secondary', 'tertiary', 'success', 'warning', 'danger', 'light', 'medium', 'dark'];
+const IONIC_COLORS$4 = ['primary', 'secondary', 'tertiary', 'success', 'warning', 'danger', 'light', 'medium', 'dark'];
 /**
  * val-media-object
  *
@@ -27265,7 +27265,7 @@ class MediaObjectComponent {
         const color = this.config().color;
         if (!color)
             return 'var(--ion-color-primary)';
-        return IONIC_COLORS$3.includes(color) ? `var(--ion-color-${color})` : color;
+        return IONIC_COLORS$4.includes(color) ? `var(--ion-color-${color})` : color;
     }
     handleLinkClick(event) {
         const link = this.config().link;
@@ -27369,7 +27369,7 @@ const STATS_BAR_DEFAULTS = {
     stackOnMobile: true,
 };
 
-const IONIC_COLORS$2 = ['primary', 'secondary', 'tertiary', 'success', 'warning', 'danger', 'light', 'medium', 'dark'];
+const IONIC_COLORS$3 = ['primary', 'secondary', 'tertiary', 'success', 'warning', 'danger', 'light', 'medium', 'dark'];
 /**
  * val-stats-bar
  *
@@ -27406,7 +27406,7 @@ class StatsBarComponent {
         const color = stat.color;
         if (!color)
             return null;
-        return IONIC_COLORS$2.includes(color) ? `var(--ion-color-${color})` : color;
+        return IONIC_COLORS$3.includes(color) ? `var(--ion-color-${color})` : color;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: StatsBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: StatsBarComponent, isStandalone: true, selector: "val-stats-bar", inputs: { props: { classPropertyName: "props", publicName: "props", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
@@ -27474,7 +27474,7 @@ const ARTICLE_CARD_DEFAULTS = {
     excerptLines: 3,
 };
 
-const IONIC_COLORS$1 = ['primary', 'secondary', 'tertiary', 'success', 'warning', 'danger', 'light', 'medium', 'dark'];
+const IONIC_COLORS$2 = ['primary', 'secondary', 'tertiary', 'success', 'warning', 'danger', 'light', 'medium', 'dark'];
 /**
  * val-article-card
  *
@@ -27517,7 +27517,7 @@ class ArticleCardComponent {
         const color = this.config().topicColor;
         if (!color)
             return 'var(--ion-color-primary)';
-        return IONIC_COLORS$1.includes(color) ? `var(--ion-color-${color})` : color;
+        return IONIC_COLORS$2.includes(color) ? `var(--ion-color-${color})` : color;
     }
     handleClick(event) {
         const cfg = this.config();
@@ -27632,7 +27632,7 @@ const CTA_CARD_DEFAULTS = {
     shadowed: false,
 };
 
-const IONIC_COLORS = ['primary', 'secondary', 'tertiary', 'success', 'warning', 'danger', 'light', 'medium', 'dark'];
+const IONIC_COLORS$1 = ['primary', 'secondary', 'tertiary', 'success', 'warning', 'danger', 'light', 'medium', 'dark'];
 /**
  * val-cta-card
  *
@@ -27676,7 +27676,7 @@ class CtaCardComponent {
     resolveColor(color) {
         if (!color)
             return null;
-        return IONIC_COLORS.includes(color) ? `var(--ion-color-${color})` : color;
+        return IONIC_COLORS$1.includes(color) ? `var(--ion-color-${color})` : color;
     }
     getBackground() {
         return this.resolveColor(this.config().backgroundColor) || 'var(--ion-color-light, #f4f5f8)';
@@ -32583,6 +32583,359 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 type: Output
             }] } });
 
+/**
+ * Default values for ShareProfileModalMetadata.
+ */
+const SHARE_PROFILE_MODAL_DEFAULTS = {
+    platforms: ['copy', 'native', 'whatsapp'],
+    qrTheme: 'default',
+    qrSize: 220,
+    borderRadius: 24,
+};
+
+/**
+ * Defaults i18n (es/en). Auto-registrados en el constructor si el consumer no
+ * proveyó el namespace `ShareProfileModal`. Garantiza que nunca haya una key
+ * faltante (ver nota en valtech-components/CLAUDE.md sobre el storm de CD).
+ */
+const SHARE_PROFILE_MODAL_I18N = {
+    es: {
+        title: 'Compartir perfil',
+        caption: 'Escanea el código QR para añadirme como contacto',
+    },
+    en: {
+        title: 'Share profile',
+        caption: 'Scan the QR code to add me as a contact',
+    },
+};
+/**
+ * `val-share-profile-modal` — modal reutilizable para compartir un perfil (o
+ * cualquier entidad) vía QR + URL. Sigue la Regla #5 (header canónico vía
+ * `val-modal-shell`).
+ *
+ * Self-contained: genera el QR con `QrGeneratorService` a partir de `url` al
+ * abrirse. El padre solo controla `[isOpen]` y reacciona a `(dismissed)`.
+ *
+ * @example
+ * ```html
+ * <val-share-profile-modal
+ *   [isOpen]="isOpen()"
+ *   [props]="{ name: 'Víctor Valenzuela', url: 'https://app.myvaltech.com/u/victor', avatarUrl: '/me.jpg' }"
+ *   (dismissed)="isOpen.set(false)"
+ * />
+ * ```
+ */
+class ShareProfileModalComponent {
+    /** Controla la visibilidad. Al pasar de cerrado a abierto genera el QR. */
+    set isOpen(value) {
+        const opening = value && !this._isOpen;
+        this._isOpen = value;
+        if (opening) {
+            this.generateQr();
+        }
+    }
+    get isOpen() {
+        return this._isOpen;
+    }
+    constructor() {
+        this.qrGenerator = inject(QrGeneratorService);
+        this.i18n = inject(I18nService);
+        this._isOpen = false;
+        /** Configuración del modal. */
+        this.props = {};
+        /** Emite cuando el user cierra el modal (botón Cerrar o backdrop). */
+        this.dismissed = new EventEmitter();
+        /** Emite al completar una acción de compartir. */
+        this.shared = new EventEmitter();
+        this._qr = signal(null);
+        this.qr = this._qr.asReadonly();
+        this._qrError = signal(false);
+        this.qrError = this._qrError.asReadonly();
+        this.config = computed(() => ({
+            ...SHARE_PROFILE_MODAL_DEFAULTS,
+            ...this.props,
+        }));
+        this.displayName = computed(() => this.config().title || this.config().name || this.t('title'));
+        this.caption = computed(() => this.config().caption || this.t('caption'));
+        if (!this.i18n.hasNamespace('ShareProfileModal')) {
+            this.i18n.registerContent('ShareProfileModal', SHARE_PROFILE_MODAL_I18N);
+        }
+    }
+    t(key) {
+        this.i18n.lang();
+        return this.i18n.t(key, 'ShareProfileModal');
+    }
+    async generateQr() {
+        const url = this.config().url;
+        if (!url)
+            return;
+        this._qr.set(null);
+        this._qrError.set(false);
+        try {
+            // Formato SVG: lo genera qr-code-styling sin canvas.toBlob (que cuelga en
+            // algunos contextos de bundler/Storybook). Renderiza igual de nítido.
+            const result = await this.qrGenerator.generate({ data: url, width: this.config().qrSize, format: 'svg' });
+            this._qr.set(result);
+        }
+        catch {
+            // QR opcional — si falla, mostramos la URL como fallback (no spinner eterno).
+            this._qr.set(null);
+            this._qrError.set(true);
+        }
+    }
+    close() {
+        this._isOpen = false;
+        this.dismissed.emit();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ShareProfileModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ShareProfileModalComponent, isStandalone: true, selector: "val-share-profile-modal", inputs: { isOpen: "isOpen", props: "props" }, outputs: { dismissed: "dismissed", shared: "shared" }, ngImport: i0, template: `
+    <ion-modal [isOpen]="isOpen" [style.--border-radius.px]="config().borderRadius" (didDismiss)="close()">
+      <ng-template>
+        <val-modal-shell [title]="''" [closeLabel]="config().closeLabel || ''" (close)="close()">
+          <div class="share-profile">
+            <val-user-avatar
+              [props]="{ name: config().name, avatarUrl: config().avatarUrl, email: config().email, size: 'xlarge' }"
+            />
+            <val-display [props]="{ content: displayName(), size: 'small', color: 'dark' }" />
+
+            <div class="share-profile__qr">
+              @if (qr(); as qrResult) {
+                <val-qr-code
+                  [props]="{
+                    qr: qrResult,
+                    theme: config().qrTheme,
+                    displaySize: config().qrSize,
+                    alt: config().name,
+                  }"
+                />
+              } @else if (qrError()) {
+                <p class="share-profile__qr-error">{{ config().url }}</p>
+              } @else {
+                <div class="share-profile__qr-loading" [style.height.px]="config().qrSize">
+                  <ion-spinner name="crescent"></ion-spinner>
+                </div>
+              }
+            </div>
+
+            <p class="share-profile__caption">{{ caption() }}</p>
+
+            <val-share-buttons
+              [props]="{
+                shareData: { title: config().shareTitle || config().name, text: config().shareText, url: config().url },
+                platforms: config().platforms,
+                layout: 'horizontal',
+                variant: 'icon-only',
+                usePlatformColors: false,
+              }"
+              (shareComplete)="shared.emit($event)"
+            />
+          </div>
+        </val-modal-shell>
+      </ng-template>
+    </ion-modal>
+  `, isInline: true, styles: [".share-profile{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:.5rem 0 1rem;text-align:center}.share-profile__name{margin:0;font-size:1.5rem;font-weight:700;line-height:1.2;color:var(--ion-text-color)}.share-profile__qr{display:flex;justify-content:center}.share-profile__qr-loading{display:flex;align-items:center;justify-content:center;min-width:120px}.share-profile__qr-error{margin:0;padding:1rem;max-width:28ch;word-break:break-all;font-size:.9rem;font-weight:600;color:var(--ion-color-medium-shade)}.share-profile__caption{margin:0;max-width:32ch;font-size:.95rem;line-height:1.45;color:var(--ion-color-medium-shade)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: IonModal, selector: "ion-modal" }, { kind: "component", type: IonSpinner, selector: "ion-spinner", inputs: ["color", "duration", "name", "paused"] }, { kind: "component", type: ModalShellComponent, selector: "val-modal-shell", inputs: ["title", "subtitle", "closeLabel", "showClose"], outputs: ["close"] }, { kind: "component", type: DisplayComponent, selector: "val-display", inputs: ["props"] }, { kind: "component", type: UserAvatarComponent, selector: "val-user-avatar", inputs: ["props"], outputs: ["onClick"] }, { kind: "component", type: QrCodeComponent, selector: "val-qr-code", inputs: ["props"], outputs: ["actionComplete", "imageLoad", "imageError"] }, { kind: "component", type: ShareButtonsComponent, selector: "val-share-buttons", inputs: ["props"], outputs: ["shareComplete"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ShareProfileModalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'val-share-profile-modal', standalone: true, imports: [
+                        CommonModule,
+                        IonModal,
+                        IonSpinner,
+                        ModalShellComponent,
+                        DisplayComponent,
+                        UserAvatarComponent,
+                        QrCodeComponent,
+                        ShareButtonsComponent,
+                    ], template: `
+    <ion-modal [isOpen]="isOpen" [style.--border-radius.px]="config().borderRadius" (didDismiss)="close()">
+      <ng-template>
+        <val-modal-shell [title]="''" [closeLabel]="config().closeLabel || ''" (close)="close()">
+          <div class="share-profile">
+            <val-user-avatar
+              [props]="{ name: config().name, avatarUrl: config().avatarUrl, email: config().email, size: 'xlarge' }"
+            />
+            <val-display [props]="{ content: displayName(), size: 'small', color: 'dark' }" />
+
+            <div class="share-profile__qr">
+              @if (qr(); as qrResult) {
+                <val-qr-code
+                  [props]="{
+                    qr: qrResult,
+                    theme: config().qrTheme,
+                    displaySize: config().qrSize,
+                    alt: config().name,
+                  }"
+                />
+              } @else if (qrError()) {
+                <p class="share-profile__qr-error">{{ config().url }}</p>
+              } @else {
+                <div class="share-profile__qr-loading" [style.height.px]="config().qrSize">
+                  <ion-spinner name="crescent"></ion-spinner>
+                </div>
+              }
+            </div>
+
+            <p class="share-profile__caption">{{ caption() }}</p>
+
+            <val-share-buttons
+              [props]="{
+                shareData: { title: config().shareTitle || config().name, text: config().shareText, url: config().url },
+                platforms: config().platforms,
+                layout: 'horizontal',
+                variant: 'icon-only',
+                usePlatformColors: false,
+              }"
+              (shareComplete)="shared.emit($event)"
+            />
+          </div>
+        </val-modal-shell>
+      </ng-template>
+    </ion-modal>
+  `, styles: [".share-profile{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:.5rem 0 1rem;text-align:center}.share-profile__name{margin:0;font-size:1.5rem;font-weight:700;line-height:1.2;color:var(--ion-text-color)}.share-profile__qr{display:flex;justify-content:center}.share-profile__qr-loading{display:flex;align-items:center;justify-content:center;min-width:120px}.share-profile__qr-error{margin:0;padding:1rem;max-width:28ch;word-break:break-all;font-size:.9rem;font-weight:600;color:var(--ion-color-medium-shade)}.share-profile__caption{margin:0;max-width:32ch;font-size:.95rem;line-height:1.45;color:var(--ion-color-medium-shade)}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { isOpen: [{
+                type: Input
+            }], props: [{
+                type: Input
+            }], dismissed: [{
+                type: Output
+            }], shared: [{
+                type: Output
+            }] } });
+
+/**
+ * Default values for FunModalMetadata.
+ */
+const FUN_MODAL_DEFAULTS = {
+    borderRadius: 28,
+    imageRadius: 16,
+};
+
+const IONIC_COLORS = ['primary', 'secondary', 'tertiary', 'success', 'warning', 'danger', 'light', 'medium', 'dark'];
+/**
+ * `val-fun-modal` — modal moderno tipo promo/onboarding: imagen o ilustración
+ * arriba, título, cuerpo y botones de acción, con redondeo personalizable.
+ * Sigue la Regla #5 (header canónico vía `val-modal-shell`).
+ *
+ * El padre controla `[isOpen]` y reacciona a `(dismissed)` / `(action)`.
+ *
+ * @example
+ * ```html
+ * <val-fun-modal
+ *   [isOpen]="isOpen()"
+ *   [props]="{
+ *     image: '/promo.png',
+ *     title: '¿Cómo se conecta Lucas con los Salmos?',
+ *     subtitle: 'Pulsa la referencia cruzada para descubrirlo.',
+ *     actions: { position: 'center', columned: false, buttons: [
+ *       { text: 'Probar ahora', color: 'primary', shape: 'round', type: 'button', state: 'ENABLED', token: 'try' }
+ *     ] }
+ *   }"
+ *   (action)="onAction($event)"
+ *   (dismissed)="isOpen.set(false)"
+ * />
+ * ```
+ */
+class FunModalComponent {
+    constructor() {
+        this._isOpen = false;
+        /** Configuración del modal. */
+        this.props = {};
+        /** Emite cuando el user cierra el modal (botón Cerrar o backdrop). */
+        this.dismissed = new EventEmitter();
+        /** Emite con el token del botón de acción presionado. */
+        this.action = new EventEmitter();
+        this.config = computed(() => ({
+            ...FUN_MODAL_DEFAULTS,
+            ...this.props,
+        }));
+    }
+    /** Controla la visibilidad del modal. */
+    set isOpen(value) {
+        this._isOpen = value;
+    }
+    get isOpen() {
+        return this._isOpen;
+    }
+    getBackground() {
+        const color = this.config().backgroundColor;
+        if (!color)
+            return null;
+        return IONIC_COLORS.includes(color) ? `var(--ion-color-${color})` : color;
+    }
+    close() {
+        this._isOpen = false;
+        this.dismissed.emit();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FunModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: FunModalComponent, isStandalone: true, selector: "val-fun-modal", inputs: { isOpen: "isOpen", props: "props" }, outputs: { dismissed: "dismissed", action: "action" }, ngImport: i0, template: `
+    <ion-modal [isOpen]="isOpen" [style.--border-radius.px]="config().borderRadius" (didDismiss)="close()">
+      <ng-template>
+        <val-modal-shell [title]="''" [closeLabel]="config().closeLabel || ''" (close)="close()">
+          <div class="fun-modal" [style.background]="getBackground()">
+            @if (config().image) {
+              <div class="fun-modal__media" [style.border-radius.px]="config().imageRadius">
+                <img [src]="config().image" [alt]="config().imageAlt || config().title" />
+              </div>
+            } @else if (config().emoji) {
+              <div class="fun-modal__emoji">{{ config().emoji }}</div>
+            }
+
+            <val-display [props]="{ content: config().title, size: 'small', color: 'dark' }" />
+            @if (config().subtitle) {
+              <val-title [props]="{ content: config().subtitle, size: 'large', color: '', bold: false }" />
+            }
+
+            @if (config().actions; as actions) {
+              <div class="fun-modal__actions">
+                <val-button-group [props]="actions" (onClick)="action.emit($event)"></val-button-group>
+              </div>
+            }
+          </div>
+        </val-modal-shell>
+      </ng-template>
+    </ion-modal>
+  `, isInline: true, styles: [".fun-modal{display:flex;flex-direction:column;align-items:center;gap:1.25rem;padding:.5rem 0;text-align:center}.fun-modal__media{width:100%;overflow:hidden;aspect-ratio:16/10;background:var(--ion-color-light, #f4f5f8)}.fun-modal__media img{width:100%;height:100%;object-fit:cover;display:block}.fun-modal__emoji{font-size:3.5rem;line-height:1}.fun-modal__actions{width:100%;margin-top:.25rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: IonModal, selector: "ion-modal" }, { kind: "component", type: ModalShellComponent, selector: "val-modal-shell", inputs: ["title", "subtitle", "closeLabel", "showClose"], outputs: ["close"] }, { kind: "component", type: DisplayComponent, selector: "val-display", inputs: ["props"] }, { kind: "component", type: TitleComponent, selector: "val-title", inputs: ["props"] }, { kind: "component", type: ButtonGroupComponent, selector: "val-button-group", inputs: ["props"], outputs: ["onClick"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FunModalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'val-fun-modal', standalone: true, imports: [CommonModule, IonModal, ModalShellComponent, DisplayComponent, TitleComponent, ButtonGroupComponent], template: `
+    <ion-modal [isOpen]="isOpen" [style.--border-radius.px]="config().borderRadius" (didDismiss)="close()">
+      <ng-template>
+        <val-modal-shell [title]="''" [closeLabel]="config().closeLabel || ''" (close)="close()">
+          <div class="fun-modal" [style.background]="getBackground()">
+            @if (config().image) {
+              <div class="fun-modal__media" [style.border-radius.px]="config().imageRadius">
+                <img [src]="config().image" [alt]="config().imageAlt || config().title" />
+              </div>
+            } @else if (config().emoji) {
+              <div class="fun-modal__emoji">{{ config().emoji }}</div>
+            }
+
+            <val-display [props]="{ content: config().title, size: 'small', color: 'dark' }" />
+            @if (config().subtitle) {
+              <val-title [props]="{ content: config().subtitle, size: 'large', color: '', bold: false }" />
+            }
+
+            @if (config().actions; as actions) {
+              <div class="fun-modal__actions">
+                <val-button-group [props]="actions" (onClick)="action.emit($event)"></val-button-group>
+              </div>
+            }
+          </div>
+        </val-modal-shell>
+      </ng-template>
+    </ion-modal>
+  `, styles: [".fun-modal{display:flex;flex-direction:column;align-items:center;gap:1.25rem;padding:.5rem 0;text-align:center}.fun-modal__media{width:100%;overflow:hidden;aspect-ratio:16/10;background:var(--ion-color-light, #f4f5f8)}.fun-modal__media img{width:100%;height:100%;object-fit:cover;display:block}.fun-modal__emoji{font-size:3.5rem;line-height:1}.fun-modal__actions{width:100%;margin-top:.25rem}\n"] }]
+        }], propDecorators: { isOpen: [{
+                type: Input
+            }], props: [{
+                type: Input
+            }], dismissed: [{
+                type: Output
+            }], action: [{
+                type: Output
+            }] } });
+
 /**
  * `val-cookie-banner` — bottom/top fixed banner asking the user to choose
  * a cookie consent option. Presentational only: emits events on each
@@ -47261,6 +47614,185 @@ function news() {
  */
 // Transformer
 
+/**
+ * Token de inyección para la configuración de la plataforma de contenido.
+ */
+const VALTECH_CONTENT_CONFIG = new InjectionToken('ValtechContentConfig');
+/**
+ * Provee la plataforma de contenido (`ContentService`) a la aplicación Angular.
+ *
+ * Wire en el `main.ts` de la app consumer. El origen es **híbrido** (ADR-020):
+ * el backend siempre está disponible vía `apiUrl`; las `staticSources` son
+ * opcionales — factories lazy generadas build-time por `scripts/build-content.ts`
+ * (mismo patrón que `provideLegalContent`). Cada locale queda code-split por el
+ * `import()` dinámico.
+ *
+ * @param config - Configuración de contenido (`apiUrl`, `appId`, `staticSources?`).
+ * @returns EnvironmentProviders para usar en `bootstrapApplication`.
+ *
+ * @example
+ * ```typescript
+ * // main.ts — solo backend
+ * provideValtechContent({
+ *   apiUrl: environment.apiUrl,
+ *   appId: 'showcase',
+ * });
+ *
+ * // main.ts — híbrido (estático curado + backend)
+ * provideValtechContent({
+ *   apiUrl: environment.apiUrl,
+ *   appId: 'web',
+ *   staticSources: {
+ *     es: () => import('./app/generated/content-store.es').then(m => m.CONTENT_STORE_ES),
+ *     en: () => import('./app/generated/content-store.en').then(m => m.CONTENT_STORE_EN),
+ *   },
+ * });
+ * ```
+ */
+function provideValtechContent(config) {
+    return makeEnvironmentProviders([{ provide: VALTECH_CONTENT_CONFIG, useValue: config }]);
+}
+
+/**
+ * Servicio de la plataforma de contenido (ADR-020 §2.5).
+ *
+ * Une dos orígenes (**híbrido**):
+ *  - **Estático** — `staticSources` lazy por locale, generadas build-time.
+ *  - **Backend** — DynamoDB + API (`/v2/content*`), publicación sin redeploy.
+ *
+ * Reglas de merge:
+ *  - `list()` une ambos orígenes por `type`. Colisión de `slug` → **estático
+ *    gana** (contenido curado). Ordena por `publishedAt` desc (sin fecha al final).
+ *  - `load()` resuelve estático primero, con **fallback** al backend.
+ *
+ * Render: `toArticle(doc)` convierte `doc.body` (Markdown) a `ArticleMetadata`
+ * vía el `markdown-article-parser` existente — la page hace `<val-article [props]="...">`.
+ *
+ * Requiere `provideValtechContent({ apiUrl, appId, staticSources? })` en `main.ts`.
+ * Sin provider, el servicio queda inerte (`isConfigured() === false`).
+ */
+class ContentService {
+    constructor() {
+        this.config = inject(VALTECH_CONTENT_CONFIG, { optional: true });
+        this.http = inject(HttpClient);
+        this.parser = inject(MarkdownArticleParserService);
+        /** `true` si `provideValtechContent()` fue llamado en el bootstrap. */
+        this.isConfigured = signal(!!this.config);
+        /** Cache de las promesas de cada factory estática, keyed por locale. */
+        this.staticCache = new Map();
+        /** Comparador: más reciente primero; sin `publishedAt` al final. */
+        this.byPublishedDesc = (a, b) => {
+            const ta = a.publishedAt ? Date.parse(a.publishedAt) : -Infinity;
+            const tb = b.publishedAt ? Date.parse(b.publishedAt) : -Infinity;
+            return tb - ta;
+        };
+        if (!this.config && isDevMode()) {
+            console.warn('[valtech-components] ContentService: provideValtechContent() no está en main.ts. ' +
+                'El listado y la carga de contenido no funcionarán.');
+        }
+    }
+    /**
+     * Lista los documentos publicados de un `type`, uniendo estático + backend.
+     * Colisión de `slug` → estático gana. Ordenados por `publishedAt` desc.
+     *
+     * @param type - Tipo de contenido (`'blog'`, `'news'`, …).
+     * @param options - `{ locale }` (default `'es'`).
+     */
+    list(type, options = {}) {
+        const locale = (options.locale ?? 'es').toLowerCase();
+        const static$ = from(this.loadStatic(locale)).pipe(map(docs => docs.filter(d => d.type === type && d.status === 'published')));
+        const backend$ = this.listBackend(type, locale).pipe(catchError$1(() => of([])));
+        return forkJoin({ staticDocs: static$, backendDocs: backend$ }).pipe(map(({ staticDocs, backendDocs }) => this.merge(staticDocs, backendDocs)));
+    }
+    /**
+     * Carga un documento por `slug`: estático primero, fallback al backend.
+     *
+     * @param type - Tipo de contenido.
+     * @param slug - Slug del documento.
+     * @param options - `{ locale }` (default `'es'`).
+     */
+    load(type, slug, options = {}) {
+        const locale = (options.locale ?? 'es').toLowerCase();
+        return from(this.loadStatic(locale)).pipe(map(docs => docs.find(d => d.type === type && d.slug === slug && d.status === 'published')), switchMap$1(staticDoc => staticDoc
+            ? of(staticDoc)
+            : this.loadBackend(type, slug, locale).pipe(catchError$1(() => throwError(() => new Error(`Contenido no encontrado: ${type}/${locale}/${slug}`))))));
+    }
+    /**
+     * Convierte el `body` (Markdown) de un documento en `ArticleMetadata` para
+     * renderizar con `<val-article [props]="...">`. Usa el parser existente.
+     *
+     * @param doc - Documento de contenido a renderizar.
+     * @param config - Override parcial de la `ArticleMetadata` resultante.
+     */
+    toArticle(doc, config) {
+        return this.parser.parse(doc.body, config);
+    }
+    /** Limpia la cache de fuentes estáticas. Llamar al cambiar de locale en runtime. */
+    invalidate() {
+        this.staticCache.clear();
+    }
+    // ===========================================================================
+    // Internos
+    // ===========================================================================
+    /** Une estático + backend: estático gana por slug; orden por publishedAt desc. */
+    merge(staticDocs, backendDocs) {
+        const bySlug = new Map();
+        for (const doc of backendDocs)
+            bySlug.set(doc.slug, doc);
+        // Estático gana — sobrescribe cualquier colisión del backend.
+        for (const doc of staticDocs)
+            bySlug.set(doc.slug, doc);
+        return [...bySlug.values()].sort(this.byPublishedDesc);
+    }
+    /** Carga (y cachea) los documentos estáticos de un locale, si hay factory. */
+    loadStatic(locale) {
+        const factory = this.config?.staticSources?.[locale];
+        if (!factory)
+            return Promise.resolve([]);
+        const cached = this.staticCache.get(locale);
+        if (cached)
+            return cached;
+        const promise = factory().catch(() => []);
+        this.staticCache.set(locale, promise);
+        return promise;
+    }
+    /** GET `{apiUrl}/v2/content?type=&locale=` — solo publicados. */
+    listBackend(type, locale) {
+        if (!this.config?.apiUrl)
+            return of([]);
+        const params = new URLSearchParams({ type, locale });
+        if (this.config.appId)
+            params.set('appId', this.config.appId);
+        return this.http
+            .get(`${this.config.apiUrl}/v2/content?${params}`)
+            .pipe(map(res => res?.items ?? []));
+    }
+    /** GET `{apiUrl}/v2/content/{type}/{locale}/{slug}` — detalle publicado. */
+    loadBackend(type, slug, locale) {
+        if (!this.config?.apiUrl) {
+            return throwError(() => new Error('ContentService no está configurado.'));
+        }
+        const path = `${this.config.apiUrl}/v2/content/${type}/${locale}/${encodeURIComponent(slug)}`;
+        return this.http
+            .get(path)
+            .pipe(map(res => res?.item ?? res));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ContentService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ContentService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ContentService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [] });
+
+/**
+ * Content Platform — `ContentService` + `provideValtechContent` (ADR-020).
+ *
+ * Modelo canónico unificado (`ContentDocument`, flat + Markdown) con origen
+ * híbrido (estático build-time + backend DynamoDB/API). Render vía el
+ * `markdown-article-parser` existente.
+ */
+
 /**
  * Token de inyección para la configuración de Donation/Support.
  */
@@ -50912,5 +51444,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, AVATAR_UPLOAD_DEFAULTS, AccordionComponent, ActionCardComponent, ActionHeaderComponent, ActionType, AdSlotComponent, AdsLoaderService, AdsService, AlertBoxComponent, AnalyticsErrorHandler, AnalyticsRouterTracker, AnalyticsService, AnimatedTerminalComponent, AppConfigService, AppVersionService, ArticleBuilder, ArticleCardComponent, ArticleComponent, AttachmentUploaderComponent, AuthBackgroundComponent, 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, 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, ContentLoaderComponent, ContentReactionComponent, 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, FabComponent, FaqComponent, FeaturesListComponent, FeedbackFormComponent, FeedbackService, FileInputComponent, FirebaseService, FirestoreCollectionFactory, FirestoreService, FooterComponent, FooterLinksComponent, FormComponent, FormFooterComponent, FormSkeletonComponent, FunHeaderComponent, GlassComponent, GlowCardComponent, GlowComponent, GridSkeletonComponent, HANDOFF_ROUTE_PARAM, HANDOFF_TOKEN_PARAM, HandoffService, HasPermissionDirective, HeaderComponent, HintComponent, HorizontalScrollComponent, HourInputComponent, HrefComponent, I18nService, IMAGE_DEFAULTS, INITIAL_AUTH_STATE, INITIAL_MFA_STATE, INVITATION_CARD_DEFAULTS, Icon, IconComponent, IconService, ImageComponent, ImageCropComponent, ImageService, InAppBrowserService, InfiniteListComponent, InfoComponent, InputI18nHelper, InputType, InvitationCardComponent, ItemListComponent, LANG_STORAGE_KEY$1 as LANG_STORAGE_KEY, LEGAL_CONTENT_CONFIG, LOGIN_DEFAULTS, LandingSplitComponent, LandingStepsComponent, LanguageSelectorComponent, LayeredCardComponent, LegalContentService, LegalLinkService, LinkComponent, LinkProcessorService, LinkedProvidersComponent, LinksAccordionComponent, LinksCakeComponent, ListSkeletonComponent, LoadingDirective, LocalStorageService, LocaleService, LoginComponent, MEDIA_OBJECT_DEFAULTS, MEMBER_CARD_DEFAULTS, MODAL_SIZES, MOTIF_KEYS, MOTION, MaintenancePageComponent, MarkdownArticleParserService, MediaObjectComponent, MemberCardComponent, MenuComponent, MessagingService, MetaService, 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, PresetService, PriceTagComponent, PrimarySolidBlockButton, PrimarySolidBlockHrefButton, PrimarySolidBlockIconButton, PrimarySolidBlockIconHrefButton, PrimarySolidDefaultRoundButton, PrimarySolidDefaultRoundHrefButton, PrimarySolidDefaultRoundIconButton, PrimarySolidDefaultRoundIconHrefButton, PrimarySolidFullButton, PrimarySolidFullHrefButton, PrimarySolidFullIconButton, PrimarySolidFullIconHrefButton, PrimarySolidLargeRoundButton, PrimarySolidLargeRoundHrefButton, PrimarySolidLargeRoundIconButton, PrimarySolidLargeRoundIconHrefButton, PrimarySolidSmallRoundButton, PrimarySolidSmallRoundHrefButton, PrimarySolidSmallRoundIconButton, PrimarySolidSmallRoundIconHrefButton, ProcessLinksPipe, ProfileSkeletonComponent, ProgressBarComponent, ProgressRingComponent, ProgressStatusComponent, PrompterComponent, QR_PRESETS, QrCodeComponent, QrGeneratorService, QueryBuilder, QuoteBoxComponent, REQUEST_STATUSES, RadioInputComponent, RangeInputComponent, RatingComponent, RefresherComponent, RequestFormBuilderService, RequestService, RightsFooterComponent, RotatingTextComponent, SHAPE_KEYS, SKELETON_LAYOUT_DEFAULT_ROWS, SKELETON_PRESETS, SOLID_KEYS, STATS_BAR_DEFAULTS, STROKE_KEYS, SearchSelectorComponent, SearchbarComponent, SecondarySolidBlockButton, SecondarySolidBlockHrefButton, SecondarySolidBlockIconButton, SecondarySolidBlockIconHrefButton, SecondarySolidDefaultRoundButton, SecondarySolidDefaultRoundHrefButton, SecondarySolidDefaultRoundIconButton, SecondarySolidDefaultRoundIconHrefButton, SecondarySolidFullButton, SecondarySolidFullHrefButton, SecondarySolidFullIconButton, SecondarySolidFullIconHrefButton, SecondarySolidLargeRoundButton, SecondarySolidLargeRoundHrefButton, SecondarySolidLargeRoundIconButton, SecondarySolidLargeRoundIconHrefButton, SecondarySolidSmallRoundButton, SecondarySolidSmallRoundHrefButton, SecondarySolidSmallRoundIconButton, SecondarySolidSmallRoundIconHrefButton, SegmentControlComponent, SelectSearchComponent, SessionService, ShareButtonsComponent, SimpleComponent, SkeletonComponent, SkeletonLayoutComponent, SkeletonService, SolidBlockButton, SolidDefault, SolidDefaultBlock, SolidDefaultButton, SolidDefaultFull, SolidDefaultRound, SolidDefaultRoundBlock, SolidDefaultRoundButton, SolidDefaultRoundFull, SolidFullButton, SolidLargeButton, SolidLargeRoundButton, SolidSmallButton, SolidSmallRoundButton, 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_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, blogPost, buildFooterLinks, buildPath, 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, provideValtechDebugConsole, provideValtechDonations, provideValtechErrorHandling, provideValtechFeedback, provideValtechFirebase, provideValtechI18n, provideValtechLegal, provideValtechPresets, provideValtechSite, provideValtechSkeleton, query, renderPatternSvgInner, replaceSpecialChars, resolveColor, resolveInputDefaultValue, resolveWebBaseUrl, roleGuard, storagePaths, superAdminGuard, toArticle };
+export { ACTION_CARD_DEFAULTS, AD_SIZE_MAP, API_TABLE_COLUMN_LABELS, ARTICLE_CARD_DEFAULTS, ARTICLE_SPACING, AVATAR_UPLOAD_DEFAULTS, AccordionComponent, ActionCardComponent, ActionHeaderComponent, ActionType, AdSlotComponent, AdsLoaderService, AdsService, AlertBoxComponent, AnalyticsErrorHandler, AnalyticsRouterTracker, AnalyticsService, AnimatedTerminalComponent, AppConfigService, AppVersionService, ArticleBuilder, ArticleCardComponent, ArticleComponent, AttachmentUploaderComponent, AuthBackgroundComponent, 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, 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, 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, FooterComponent, FooterLinksComponent, FormComponent, FormFooterComponent, FormSkeletonComponent, FunHeaderComponent, FunModalComponent, GlassComponent, GlowCardComponent, GlowComponent, GridSkeletonComponent, HANDOFF_ROUTE_PARAM, HANDOFF_TOKEN_PARAM, HandoffService, HasPermissionDirective, HeaderComponent, HintComponent, HorizontalScrollComponent, HourInputComponent, HrefComponent, I18nService, IMAGE_DEFAULTS, INITIAL_AUTH_STATE, INITIAL_MFA_STATE, INVITATION_CARD_DEFAULTS, Icon, IconComponent, IconService, ImageComponent, ImageCropComponent, ImageService, InAppBrowserService, InfiniteListComponent, InfoComponent, InputI18nHelper, InputType, InvitationCardComponent, ItemListComponent, LANG_STORAGE_KEY$1 as LANG_STORAGE_KEY, LEGAL_CONTENT_CONFIG, LOGIN_DEFAULTS, LandingSplitComponent, LandingStepsComponent, LanguageSelectorComponent, LayeredCardComponent, LegalContentService, LegalLinkService, LinkComponent, LinkProcessorService, LinkedProvidersComponent, LinksAccordionComponent, LinksCakeComponent, ListSkeletonComponent, LoadingDirective, LocalStorageService, LocaleService, LoginComponent, MEDIA_OBJECT_DEFAULTS, MEMBER_CARD_DEFAULTS, MODAL_SIZES, MOTIF_KEYS, MOTION, MaintenancePageComponent, MarkdownArticleParserService, MediaObjectComponent, MemberCardComponent, MenuComponent, MessagingService, MetaService, 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, PresetService, PriceTagComponent, PrimarySolidBlockButton, PrimarySolidBlockHrefButton, PrimarySolidBlockIconButton, PrimarySolidBlockIconHrefButton, PrimarySolidDefaultRoundButton, PrimarySolidDefaultRoundHrefButton, PrimarySolidDefaultRoundIconButton, PrimarySolidDefaultRoundIconHrefButton, PrimarySolidFullButton, PrimarySolidFullHrefButton, PrimarySolidFullIconButton, PrimarySolidFullIconHrefButton, PrimarySolidLargeRoundButton, PrimarySolidLargeRoundHrefButton, PrimarySolidLargeRoundIconButton, PrimarySolidLargeRoundIconHrefButton, PrimarySolidSmallRoundButton, PrimarySolidSmallRoundHrefButton, PrimarySolidSmallRoundIconButton, PrimarySolidSmallRoundIconHrefButton, ProcessLinksPipe, ProfileSkeletonComponent, ProgressBarComponent, ProgressRingComponent, ProgressStatusComponent, PrompterComponent, QR_PRESETS, QrCodeComponent, QrGeneratorService, QueryBuilder, QuoteBoxComponent, REQUEST_STATUSES, RadioInputComponent, RangeInputComponent, RatingComponent, RefresherComponent, RequestFormBuilderService, RequestService, RightsFooterComponent, RotatingTextComponent, SHAPE_KEYS, SHARE_PROFILE_MODAL_DEFAULTS, SKELETON_LAYOUT_DEFAULT_ROWS, SKELETON_PRESETS, SOLID_KEYS, STATS_BAR_DEFAULTS, STROKE_KEYS, SearchSelectorComponent, SearchbarComponent, SecondarySolidBlockButton, SecondarySolidBlockHrefButton, SecondarySolidBlockIconButton, SecondarySolidBlockIconHrefButton, SecondarySolidDefaultRoundButton, SecondarySolidDefaultRoundHrefButton, SecondarySolidDefaultRoundIconButton, SecondarySolidDefaultRoundIconHrefButton, SecondarySolidFullButton, SecondarySolidFullHrefButton, SecondarySolidFullIconButton, SecondarySolidFullIconHrefButton, SecondarySolidLargeRoundButton, SecondarySolidLargeRoundHrefButton, SecondarySolidLargeRoundIconButton, SecondarySolidLargeRoundIconHrefButton, SecondarySolidSmallRoundButton, SecondarySolidSmallRoundHrefButton, SecondarySolidSmallRoundIconButton, SecondarySolidSmallRoundIconHrefButton, SegmentControlComponent, SelectSearchComponent, SessionService, ShareButtonsComponent, 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, blogPost, buildFooterLinks, buildPath, 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, provideValtechPresets, provideValtechSite, provideValtechSkeleton, query, renderPatternSvgInner, replaceSpecialChars, resolveColor, resolveInputDefaultValue, resolveWebBaseUrl, roleGuard, storagePaths, superAdminGuard, toArticle };
 //# sourceMappingURL=valtech-components.mjs.map