valtech-components 4.0.970 → 4.0.972

package/fesm2022/valtech-components.mjs

@@ -27,7 +27,7 @@ import * as i1$5 from '@ionic/angular/standalone';
 import { IonText, IonHeader, IonToolbar, IonButtons, IonButton, IonContent, IonFooter, IonSpinner, AlertController, IonAvatar, IonCard, IonIcon, IonModal, IonTitle, IonProgressBar, IonSkeletonText, IonFab, IonFabButton, IonFabList, IonLabel, IonCardContent, IonCardHeader, IonCardTitle, IonCardSubtitle, IonCheckbox, IonRadio, IonRadioGroup, IonTextarea, IonDatetime, IonInput, IonSelect, IonSelectOption, IonPopover, IonList, IonItem, IonChip, IonRange, IonSearchbar, IonSegment, IonSegmentButton, IonToggle, IonRippleEffect, IonAccordion, IonAccordionGroup, IonTabBar, IonTabButton, IonBadge, IonBreadcrumb, IonBreadcrumbs, IonInfiniteScroll, IonInfiniteScrollContent, IonNote, IonDatetimeButton, ToastController as ToastController$1, IonCol, IonRow, IonRefresher, IonRefresherContent, IonMenuButton, IonListHeader, IonGrid, MenuController, IonMenu, IonMenuToggle, IonSplitPane, IonAlert } from '@ionic/angular/standalone';
 import { Browser } from '@capacitor/browser';
 import { addIcons } from 'ionicons';
-import { addOutline, addCircleOutline, alertOutline, alertCircleOutline, arrowBackOutline, arrowForwardOutline, arrowDownOutline, settings, settingsOutline, checkmarkCircleOutline, ellipsisHorizontalOutline, notifications, notificationsOutline, openOutline, closeOutline, chatbubblesOutline, shareOutline, heart, heartOutline, home, homeOutline, eyeOffOutline, eyeOutline, scanOutline, chevronDownOutline, chevronForwardOutline, chevronBackCircleOutline, chevronForwardCircleOutline, helpCircleOutline, logInOutline, chatbubbleEllipsesOutline, listOutline, folderOutline, pricetagOutline, starOutline, gameControllerOutline, checkmarkOutline, clipboardOutline, copyOutline, filterOutline, locationOutline, calendarOutline, businessOutline, logoTwitter, logoInstagram, logoLinkedin, logoYoutube, logoTiktok, logoFacebook, logoGoogle, mailOutline, qrCodeOutline, sendOutline, createOutline, trashOutline, playOutline, peopleOutline, phonePortraitOutline, refreshOutline, documentTextOutline, lockClosedOutline, cloudUploadOutline, textOutline, informationCircleOutline, logoNpm, removeOutline, optionsOutline, personOutline, shieldCheckmarkOutline, keyOutline, desktopOutline, logOutOutline, cloudDownloadOutline, cloudOutline, gitBranchOutline, layersOutline, serverOutline, warningOutline, bulbOutline, lockOpenOutline, diamondOutline, newspaperOutline, add, close, share, create, trash, star, camera, mic, send, downloadOutline, reorderThreeOutline, chevronDown, language, globeOutline, checkmark, sunnyOutline, moonOutline, list, grid, apps, menu, search, person, helpCircle, informationCircle, documentText, mail, calendar, folder, chevronForward, ellipsisHorizontal, chevronBack, playBack, playForward, ellipse, starHalf, heartHalf, checkmarkCircle, timeOutline, flag, trendingUp, trendingDown, remove, analytics, people, cash, cart, eye, chatbubbleOutline, thumbsUpOutline, thumbsUp, happyOutline, happy, sadOutline, sad, chevronUp, pin, pencil, callOutline, logoWhatsapp, paperPlaneOutline, chevronDownCircleOutline, closeCircle, alertCircle, logoApple, logoMicrosoft, linkOutline, unlinkOutline, attachOutline, cameraOutline, closeCircleOutline, documentOutline, imageOutline, cloudOfflineOutline, printOutline, chevronBackOutline, swapVerticalOutline, chevronUpOutline, searchOutline, cartOutline, chatbubble, compass, compassOutline, gridOutline, documents, documentsOutline, statsChart, statsChartOutline, laptopOutline, swapHorizontalOutline, codeSlashOutline, appsOutline, notificationsOffOutline, alarmOutline, chatboxEllipsesOutline, checkmarkDoneOutline, cogOutline, shareSocialOutline, sparklesOutline, trophyOutline, musicalNotesOutline, volumeHighOutline, volumeMuteOutline, menuOutline, flashlight, flashlightOutline, stopCircleOutline, videocamOffOutline, keypadOutline, checkmarkDone, arrowUndoOutline, micOutline, pulseOutline, arrowUpOutline } from 'ionicons/icons';
+import { addOutline, addCircleOutline, alertOutline, alertCircleOutline, arrowBackOutline, arrowForwardOutline, arrowDownOutline, settings, settingsOutline, checkmarkCircleOutline, ellipsisHorizontalOutline, notifications, notificationsOutline, openOutline, closeOutline, chatbubblesOutline, shareOutline, heart, heartOutline, home, homeOutline, eyeOffOutline, eyeOutline, scanOutline, chevronDownOutline, chevronForwardOutline, chevronBackCircleOutline, chevronForwardCircleOutline, helpCircleOutline, logInOutline, chatbubbleEllipsesOutline, listOutline, folderOutline, pricetagOutline, starOutline, gameControllerOutline, checkmarkOutline, clipboardOutline, copyOutline, filterOutline, locationOutline, calendarOutline, businessOutline, logoTwitter, logoInstagram, logoLinkedin, logoYoutube, logoTiktok, logoFacebook, logoGoogle, mailOutline, qrCodeOutline, sendOutline, createOutline, trashOutline, playOutline, peopleOutline, phonePortraitOutline, refreshOutline, documentTextOutline, lockClosedOutline, cloudUploadOutline, textOutline, informationCircleOutline, logoNpm, removeOutline, optionsOutline, personOutline, shieldCheckmarkOutline, keyOutline, desktopOutline, logOutOutline, cloudDownloadOutline, cloudOutline, gitBranchOutline, layersOutline, serverOutline, warningOutline, bulbOutline, lockOpenOutline, diamondOutline, newspaperOutline, add, close, share, create, trash, star, camera, mic, send, downloadOutline, reorderThreeOutline, chevronDown, language, globeOutline, checkmark, sunnyOutline, moonOutline, list, grid, apps, menu, search, person, helpCircle, informationCircle, documentText, mail, calendar, folder, chevronForward, ellipsisHorizontal, chevronBack, playBack, playForward, ellipse, starHalf, heartHalf, checkmarkCircle, timeOutline, flag, trendingUp, trendingDown, remove, analytics, people, cash, cart, eye, chatbubbleOutline, thumbsUpOutline, thumbsUp, happyOutline, happy, sadOutline, sad, chevronUp, pin, pencil, callOutline, logoWhatsapp, paperPlaneOutline, chevronDownCircleOutline, closeCircle, alertCircle, logoApple, logoMicrosoft, linkOutline, unlinkOutline, attachOutline, cameraOutline, closeCircleOutline, documentOutline, imageOutline, cloudOfflineOutline, chatboxOutline, printOutline, chevronBackOutline, swapVerticalOutline, chevronUpOutline, searchOutline, cartOutline, chatbubble, compass, compassOutline, gridOutline, documents, documentsOutline, statsChart, statsChartOutline, laptopOutline, swapHorizontalOutline, codeSlashOutline, appsOutline, notificationsOffOutline, alarmOutline, chatboxEllipsesOutline, checkmarkDoneOutline, cogOutline, shareSocialOutline, sparklesOutline, trophyOutline, musicalNotesOutline, volumeHighOutline, volumeMuteOutline, menuOutline, flashlight, flashlightOutline, stopCircleOutline, videocamOffOutline, keypadOutline, checkmarkDone, arrowUndoOutline, micOutline, pulseOutline, arrowUpOutline } from 'ionicons/icons';
 import * as i1$7 from '@angular/platform-browser';
 import { DomSanitizer, Meta, Title } from '@angular/platform-browser';
 import QRCodeStyling from 'qr-code-styling';
@@ -57,6 +57,9 @@ import { Capacitor } from '@capacitor/core';
 import { Calendar } from 'vanilla-calendar-pro';
 import Compressor from 'compressorjs';
 import { ImageCropperComponent } from 'ngx-image-cropper';
+import { Editor } from '@tiptap/core';
+import StarterKit from '@tiptap/starter-kit';
+import Image$1 from '@tiptap/extension-image';
 import { trigger, transition, style, animate } from '@angular/animations';
 import 'prismjs/components/prism-scss';
 import 'prismjs/components/prism-json';
@@ -67,7 +70,7 @@ import fixWebmDuration from 'fix-webm-duration';
  * Current version of valtech-components.
  * This is automatically updated during the publish process.
  */
-const VERSION = '4.0.970';
+const VERSION = '4.0.972';
 
 function evaluateValtechAccess(rule, context, features = {}, visitedFeatures = new Set()) {
     if (rule == null)
@@ -39403,6 +39406,553 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 type: Input
             }] } });
 
+/**
+ * Defaults i18n (es/en) del `val-rich-editor`. Auto-registrados en el
+ * constructor (namespace `RichEditor`) — el consumer nunca los registra.
+ */
+const RICH_EDITOR_I18N = {
+    es: {
+        bold: 'Negrita',
+        italic: 'Cursiva',
+        heading2: 'Título',
+        heading3: 'Subtítulo',
+        bulletList: 'Lista con viñetas',
+        orderedList: 'Lista numerada',
+        quote: 'Cita',
+        separator: 'Separador',
+    },
+    en: {
+        bold: 'Bold',
+        italic: 'Italic',
+        heading2: 'Heading',
+        heading3: 'Subheading',
+        bulletList: 'Bullet list',
+        orderedList: 'Numbered list',
+        quote: 'Quote',
+        separator: 'Separator',
+    },
+};
+
+/** Texto inline con marks bold/italic convertidas a <strong>/<em> — mismo
+ * criterio que `allowPartialBold` en ArticleTextElement/ArticleNoteElement:
+ * el elemento consumer debe setear `allowPartialBold: true` para que se
+ * rendericen (si no, val-text/val-note escapan el HTML a propósito). */
+function inlineText(node) {
+    if (node.type === 'text') {
+        let text = node.text ?? '';
+        for (const mark of node.marks ?? []) {
+            if (mark.type === 'bold')
+                text = `<strong>${text}</strong>`;
+            if (mark.type === 'italic')
+                text = `<em>${text}</em>`;
+            if (mark.type === 'code')
+                text = `<code>${text}</code>`;
+        }
+        return text;
+    }
+    return (node.content ?? []).map(inlineText).join('');
+}
+function hasBold(node) {
+    if (node.type === 'text') {
+        return (node.marks ?? []).some(m => m.type === 'bold' || m.type === 'code');
+    }
+    return (node.content ?? []).some(hasBold);
+}
+function paragraphText(node) {
+    return (node.content ?? []).map(inlineText).join('');
+}
+function listItemsFrom(node) {
+    return (node.content ?? []).map(li => ({
+        text: (li.content ?? []).map(paragraphText).join(' '),
+    }));
+}
+/**
+ * Convierte un doc de TipTap a `ArticleElement[]`. Función pura — sin
+ * Angular DI, usable también desde Node (mismo criterio que
+ * `parseMarkdownArticle`).
+ */
+function tiptapDocToArticleElements(doc) {
+    const elements = [];
+    for (const node of doc.content ?? []) {
+        switch (node.type) {
+            case 'heading': {
+                const level = node.attrs?.['level'] ?? 2;
+                elements.push({
+                    type: level <= 2 ? 'title' : 'subtitle',
+                    props: {
+                        content: paragraphText(node),
+                        size: level === 1 ? 'large' : level === 2 ? 'medium' : 'small',
+                        color: 'dark',
+                        bold: true,
+                    },
+                });
+                break;
+            }
+            case 'paragraph': {
+                const content = paragraphText(node);
+                if (!content.trim())
+                    break; // párrafo vacío (Enter suelto) — no genera elemento
+                elements.push({
+                    type: 'text',
+                    props: {
+                        content,
+                        size: 'medium',
+                        color: 'dark',
+                        bold: false,
+                        allowPartialBold: hasBold(node),
+                    },
+                });
+                break;
+            }
+            case 'bulletList':
+            case 'orderedList': {
+                elements.push({
+                    type: 'list',
+                    props: {
+                        items: listItemsFrom(node),
+                        listType: node.type === 'orderedList' ? 'ordered' : 'unordered',
+                    },
+                });
+                break;
+            }
+            case 'blockquote': {
+                elements.push({
+                    type: 'quote',
+                    props: {
+                        content: (node.content ?? []).map(paragraphText).join(' '),
+                        size: 'medium',
+                        color: 'dark',
+                        bold: false,
+                        showQuoteMark: true,
+                    },
+                });
+                break;
+            }
+            case 'codeBlock': {
+                elements.push({
+                    type: 'code',
+                    props: {
+                        code: (node.content ?? []).map(n => n.text ?? '').join('\n'),
+                        language: node.attrs?.['language'] ?? undefined,
+                    },
+                });
+                break;
+            }
+            case 'horizontalRule': {
+                elements.push({ type: 'separator', props: { style: 'line' } });
+                break;
+            }
+            case 'image': {
+                const src = node.attrs?.['src'] ?? '';
+                if (!src)
+                    break; // sin src no hay nada que renderizar
+                elements.push({
+                    type: 'image',
+                    props: {
+                        src,
+                        alt: node.attrs?.['alt'] ?? '',
+                        title: node.attrs?.['title'] ?? undefined,
+                    },
+                });
+                break;
+            }
+            default:
+                break; // nodo no soportado todavía — se omite, no rompe el resto
+        }
+    }
+    return elements;
+}
+function tiptapDocToArticle(doc, config) {
+    return {
+        ...config,
+        elements: tiptapDocToArticleElements(doc),
+    };
+}
+
+/**
+ * Conversión inversa de `tiptapDocToArticle` — hidrata `val-rich-editor` con
+ * contenido ya guardado como `ArticleMetadata` (ej. una receta existente que
+ * se vuelve a editar). No es un round-trip perfecto: `ArticleElement` cubre
+ * tipos que TipTap no tiene nodo nativo para editar (`note`, `diagram`,
+ * `command`, `highlight`, `button`, `video`, `custom`) — esos se degradan a
+ * un párrafo de texto plano, editable pero sin su formato especial. Es
+ * intencional: mejor mostrar el contenido (aunque simplificado) que perderlo
+ * o que el editor rechace abrir el documento.
+ */
+const STRONG_OR_EM = /<(strong|b|em|i|code)>(.*?)<\/\1>/g;
+/** Extrae marks (bold/italic/code) de un string con <strong>/<em>/<code>
+ * embebido — el inverso de `inlineText` en tiptap-to-article.ts. Simplifica
+ * a un solo nivel de anidación (suficiente para lo que el editor produce). */
+function textToTiptapInline(html) {
+    if (!html)
+        return [];
+    const nodes = [];
+    let lastIndex = 0;
+    STRONG_OR_EM.lastIndex = 0;
+    let match;
+    const markFor = (tag) => {
+        if (tag === 'strong' || tag === 'b')
+            return { type: 'bold' };
+        if (tag === 'em' || tag === 'i')
+            return { type: 'italic' };
+        return { type: 'code' };
+    };
+    while ((match = STRONG_OR_EM.exec(html)) !== null) {
+        if (match.index > lastIndex) {
+            nodes.push({ type: 'text', text: html.slice(lastIndex, match.index) });
+        }
+        nodes.push({ type: 'text', text: match[2], marks: [markFor(match[1])] });
+        lastIndex = match.index + match[0].length;
+    }
+    if (lastIndex < html.length) {
+        nodes.push({ type: 'text', text: html.slice(lastIndex) });
+    }
+    return nodes.length ? nodes : [{ type: 'text', text: html }];
+}
+function paragraph(text) {
+    return { type: 'paragraph', content: textToTiptapInline(text) };
+}
+function elementToTiptapNodes(el) {
+    switch (el.type) {
+        case 'title':
+        case 'subtitle': {
+            const level = el.type === 'title' ? (el.props.size === 'large' ? 1 : 2) : 3;
+            return [
+                {
+                    type: 'heading',
+                    attrs: { level },
+                    content: textToTiptapInline(el.props.content ?? ''),
+                },
+            ];
+        }
+        case 'text':
+        case 'paragraph':
+            return [paragraph(el.props.content ?? '')];
+        case 'list':
+            return [
+                {
+                    type: el.props.listType === 'ordered' ? 'orderedList' : 'bulletList',
+                    content: el.props.items.map(item => ({
+                        type: 'listItem',
+                        content: [paragraph(item.text)],
+                    })),
+                },
+            ];
+        case 'quote':
+            return [
+                {
+                    type: 'blockquote',
+                    content: [paragraph(el.props.content ?? '')],
+                },
+            ];
+        case 'code':
+            return [
+                {
+                    type: 'codeBlock',
+                    attrs: el.props.language ? { language: el.props.language } : undefined,
+                    content: el.props.code ? [{ type: 'text', text: el.props.code }] : [],
+                },
+            ];
+        case 'separator':
+            return [{ type: 'horizontalRule' }];
+        case 'image':
+            return [
+                {
+                    type: 'image',
+                    attrs: { src: el.props.src, alt: el.props.alt, title: el.props.title },
+                },
+            ];
+        // Sin nodo TipTap nativo — se degrada a párrafo de texto plano (ver
+        // comentario del módulo). El contenido nunca se pierde, solo su formato.
+        case 'note':
+            return [paragraph(el.props.text ?? '')];
+        case 'highlight':
+            return [paragraph(el.props.content ?? '')];
+        default:
+            return [];
+    }
+}
+function articleToTiptapDoc(article) {
+    return {
+        type: 'doc',
+        content: article.elements.flatMap(elementToTiptapNodes),
+    };
+}
+
+// Íconos de la toolbar. B/I/H2/H3 no tienen ícono Ionicons dedicado — se
+// renderizan como texto ("B", "I", "H2", "H3") directo en el botón, mismo
+// criterio que un editor de texto rico convencional (Google Docs, Notion).
+addIcons({ listOutline, chatboxOutline, removeOutline });
+/**
+ * val-rich-editor
+ *
+ * Organism: editor WYSIWYG reusable para toda la plataforma, sobre TipTap.
+ * Emite `ArticleMetadata` — el mismo contrato que `val-article` renderiza,
+ * que también producen Markdown (`parseMarkdownArticle`) y (a futuro) el
+ * page builder. El consumer nunca toca TipTap directamente.
+ *
+ * Cobertura de la toolbar v1: negrita, cursiva, título (H2), subtítulo (H3),
+ * lista con/sin viñetas, cita, separador, imagen. Ver `tiptap-to-article.ts`
+ * para qué tipos de `ArticleElement` puede producir el editor hoy.
+ *
+ * @example
+ * ```html
+ * <val-rich-editor
+ *   [props]="{ initialValue: recipe.descriptionArticle, placeholder: 'Escribe la preparación...' }"
+ *   (articleChange)="onArticleChange($event)"
+ * />
+ * ```
+ */
+class RichEditorComponent {
+    constructor() {
+        this.props = {};
+        this.articleChange = new EventEmitter();
+        this.i18n = inject(I18nService);
+        /** Se recalcula en cada `onUpdate`/`onSelectionUpdate` para reflejar el
+         * mark/nodo activo bajo el cursor (ej. el botón "B" resaltado si el
+         * cursor está dentro de texto en negrita). */
+        this._toolbarTick = signal(0);
+        this.toolbarButtons = signal([]);
+        this.i18n.registerDefaults('RichEditor', RICH_EDITOR_I18N);
+    }
+    t(key) {
+        return this.i18n.t(key, 'RichEditor');
+    }
+    ngAfterViewInit() {
+        this.editor = new Editor({
+            element: this.editorHost.nativeElement,
+            extensions: [StarterKit, Image$1],
+            editable: !this.props.disabled,
+            content: this.props.initialValue
+                ? articleToTiptapDoc(this.props.initialValue)
+                : '',
+            editorProps: {
+                attributes: {
+                    'data-placeholder': this.props.placeholder ?? '',
+                },
+            },
+            onUpdate: ({ editor }) => {
+                this.emitArticle(editor.getJSON());
+                this.refreshToolbar();
+            },
+            onSelectionUpdate: () => this.refreshToolbar(),
+        });
+        this.refreshToolbar();
+    }
+    ngOnChanges(changes) {
+        if (changes['props']?.currentValue && this.editor) {
+            this.editor.setEditable(!this.props.disabled);
+        }
+    }
+    emitArticle(doc) {
+        this.articleChange.emit(tiptapDocToArticle(doc));
+    }
+    refreshToolbar() {
+        const editor = this.editor;
+        if (!editor)
+            return;
+        this.toolbarButtons.set([
+            {
+                token: 'bold',
+                icon: '',
+                label: this.t('bold'),
+                isActive: editor.isActive('bold'),
+                disabled: false,
+            },
+            {
+                token: 'italic',
+                icon: '',
+                label: this.t('italic'),
+                isActive: editor.isActive('italic'),
+                disabled: false,
+            },
+            {
+                token: 'heading2',
+                icon: '',
+                label: this.t('heading2'),
+                isActive: editor.isActive('heading', { level: 2 }),
+                disabled: false,
+            },
+            {
+                token: 'heading3',
+                icon: '',
+                label: this.t('heading3'),
+                isActive: editor.isActive('heading', { level: 3 }),
+                disabled: false,
+            },
+            {
+                token: 'bulletList',
+                icon: 'list-outline',
+                label: this.t('bulletList'),
+                isActive: editor.isActive('bulletList'),
+                disabled: false,
+            },
+            {
+                token: 'orderedList',
+                icon: 'list-outline',
+                label: this.t('orderedList'),
+                isActive: editor.isActive('orderedList'),
+                disabled: false,
+            },
+            {
+                token: 'quote',
+                icon: 'chatbox-outline',
+                label: this.t('quote'),
+                isActive: editor.isActive('blockquote'),
+                disabled: false,
+            },
+            {
+                token: 'separator',
+                icon: 'remove-outline',
+                label: this.t('separator'),
+                isActive: false,
+                disabled: false,
+            },
+        ]);
+    }
+    runCommand(token) {
+        const editor = this.editor;
+        if (!editor)
+            return;
+        const chain = editor.chain().focus();
+        switch (token) {
+            case 'bold':
+                chain.toggleBold().run();
+                break;
+            case 'italic':
+                chain.toggleItalic().run();
+                break;
+            case 'heading2':
+                chain.toggleHeading({ level: 2 }).run();
+                break;
+            case 'heading3':
+                chain.toggleHeading({ level: 3 }).run();
+                break;
+            case 'bulletList':
+                chain.toggleBulletList().run();
+                break;
+            case 'orderedList':
+                chain.toggleOrderedList().run();
+                break;
+            case 'quote':
+                chain.toggleBlockquote().run();
+                break;
+            case 'separator':
+                chain.setHorizontalRule().run();
+                break;
+        }
+        this.refreshToolbar();
+    }
+    ngOnDestroy() {
+        this.editor?.destroy();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RichEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: RichEditorComponent, isStandalone: true, selector: "val-rich-editor", inputs: { props: "props" }, outputs: { articleChange: "articleChange" }, viewQueries: [{ propertyName: "editorHost", first: true, predicate: ["editorHost"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: `
+    <div class="rich-editor" [class.rich-editor--disabled]="props.disabled">
+      @if (!props.disabled) {
+        <div class="rich-editor__toolbar" role="toolbar">
+          @for (btn of toolbarButtons(); track btn.token) {
+            <ion-button
+              fill="clear"
+              size="small"
+              [class.rich-editor__btn--active]="btn.isActive"
+              [disabled]="btn.disabled"
+              [attr.aria-label]="btn.label"
+              [attr.aria-pressed]="btn.isActive"
+              (click)="runCommand(btn.token)"
+            >
+              @switch (btn.token) {
+                @case ('bold') {
+                  <strong>B</strong>
+                }
+                @case ('italic') {
+                  <em>I</em>
+                }
+                @case ('heading2') {
+                  <strong>H2</strong>
+                }
+                @case ('heading3') {
+                  <strong>H3</strong>
+                }
+                @case ('bulletList') {
+                  <ion-icon name="list-outline" slot="icon-only" />
+                }
+                @case ('orderedList') {
+                  <ion-icon name="list-outline" slot="icon-only" />
+                }
+                @case ('quote') {
+                  <ion-icon name="chatbox-outline" slot="icon-only" />
+                }
+                @case ('separator') {
+                  <ion-icon name="remove-outline" slot="icon-only" />
+                }
+              }
+            </ion-button>
+          }
+        </div>
+      }
+      <div #editorHost class="rich-editor__surface"></div>
+    </div>
+  `, isInline: true, styles: [".rich-editor{display:flex;flex-direction:column;gap:8px;border:1px solid var(--ion-border-color, rgba(0, 0, 0, .1));border-radius:8px;overflow:hidden}.rich-editor--disabled{opacity:.7}.rich-editor__toolbar{display:flex;flex-wrap:wrap;gap:2px;padding:6px 8px;border-bottom:1px solid var(--ion-border-color, rgba(0, 0, 0, .1));background:var(--ion-color-light, #f4f5f8)}.rich-editor__toolbar ion-button{--padding-start: 8px;--padding-end: 8px;margin:0;font-size:.8125rem;min-width:32px}.rich-editor__btn--active{--background: rgba(var(--ion-color-primary-rgb), .14);--color: var(--ion-color-primary);border-radius:6px}.rich-editor__surface{padding:12px 16px;min-height:160px}.rich-editor__surface ::ng-deep .ProseMirror{outline:none;min-height:140px;color:var(--ion-text-color, #000);font-size:.9375rem;line-height:1.5}.rich-editor__surface ::ng-deep .ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:var(--ion-color-medium, #92949c);float:left;height:0;pointer-events:none}.rich-editor__surface ::ng-deep .ProseMirror p{margin:0 0 .75em}.rich-editor__surface ::ng-deep .ProseMirror h1,.rich-editor__surface ::ng-deep .ProseMirror h2,.rich-editor__surface ::ng-deep .ProseMirror h3{margin:0 0 .5em;color:var(--ion-text-color, #000)}.rich-editor__surface ::ng-deep .ProseMirror blockquote{margin:0 0 .75em;padding-left:12px;border-left:3px solid var(--ion-color-primary, #3880ff);color:var(--ion-color-medium, #92949c)}.rich-editor__surface ::ng-deep .ProseMirror ul,.rich-editor__surface ::ng-deep .ProseMirror ol{margin:0 0 .75em;padding-left:24px}.rich-editor__surface ::ng-deep .ProseMirror img{max-width:100%;border-radius:8px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RichEditorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'val-rich-editor', standalone: true, imports: [CommonModule, IonButton, IonIcon], template: `
+    <div class="rich-editor" [class.rich-editor--disabled]="props.disabled">
+      @if (!props.disabled) {
+        <div class="rich-editor__toolbar" role="toolbar">
+          @for (btn of toolbarButtons(); track btn.token) {
+            <ion-button
+              fill="clear"
+              size="small"
+              [class.rich-editor__btn--active]="btn.isActive"
+              [disabled]="btn.disabled"
+              [attr.aria-label]="btn.label"
+              [attr.aria-pressed]="btn.isActive"
+              (click)="runCommand(btn.token)"
+            >
+              @switch (btn.token) {
+                @case ('bold') {
+                  <strong>B</strong>
+                }
+                @case ('italic') {
+                  <em>I</em>
+                }
+                @case ('heading2') {
+                  <strong>H2</strong>
+                }
+                @case ('heading3') {
+                  <strong>H3</strong>
+                }
+                @case ('bulletList') {
+                  <ion-icon name="list-outline" slot="icon-only" />
+                }
+                @case ('orderedList') {
+                  <ion-icon name="list-outline" slot="icon-only" />
+                }
+                @case ('quote') {
+                  <ion-icon name="chatbox-outline" slot="icon-only" />
+                }
+                @case ('separator') {
+                  <ion-icon name="remove-outline" slot="icon-only" />
+                }
+              }
+            </ion-button>
+          }
+        </div>
+      }
+      <div #editorHost class="rich-editor__surface"></div>
+    </div>
+  `, styles: [".rich-editor{display:flex;flex-direction:column;gap:8px;border:1px solid var(--ion-border-color, rgba(0, 0, 0, .1));border-radius:8px;overflow:hidden}.rich-editor--disabled{opacity:.7}.rich-editor__toolbar{display:flex;flex-wrap:wrap;gap:2px;padding:6px 8px;border-bottom:1px solid var(--ion-border-color, rgba(0, 0, 0, .1));background:var(--ion-color-light, #f4f5f8)}.rich-editor__toolbar ion-button{--padding-start: 8px;--padding-end: 8px;margin:0;font-size:.8125rem;min-width:32px}.rich-editor__btn--active{--background: rgba(var(--ion-color-primary-rgb), .14);--color: var(--ion-color-primary);border-radius:6px}.rich-editor__surface{padding:12px 16px;min-height:160px}.rich-editor__surface ::ng-deep .ProseMirror{outline:none;min-height:140px;color:var(--ion-text-color, #000);font-size:.9375rem;line-height:1.5}.rich-editor__surface ::ng-deep .ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:var(--ion-color-medium, #92949c);float:left;height:0;pointer-events:none}.rich-editor__surface ::ng-deep .ProseMirror p{margin:0 0 .75em}.rich-editor__surface ::ng-deep .ProseMirror h1,.rich-editor__surface ::ng-deep .ProseMirror h2,.rich-editor__surface ::ng-deep .ProseMirror h3{margin:0 0 .5em;color:var(--ion-text-color, #000)}.rich-editor__surface ::ng-deep .ProseMirror blockquote{margin:0 0 .75em;padding-left:12px;border-left:3px solid var(--ion-color-primary, #3880ff);color:var(--ion-color-medium, #92949c)}.rich-editor__surface ::ng-deep .ProseMirror ul,.rich-editor__surface ::ng-deep .ProseMirror ol{margin:0 0 .75em;padding-left:24px}.rich-editor__surface ::ng-deep .ProseMirror img{max-width:100%;border-radius:8px}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { props: [{
+                type: Input
+            }], articleChange: [{
+                type: Output
+            }], editorHost: [{
+                type: ViewChild,
+                args: ['editorHost', { static: true }]
+            }] } });
+
 /**
  * val-banner
  *
@@ -89861,6 +90411,513 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 }]
         }] });
 
+/**
+ * `val-page-block`
+ *
+ * Organism que renderiza UN bloque del constructor de páginas de plataforma
+ * (ADR-077, `services/page` en el backend). Es el punto de la lib donde el
+ * catálogo de bloques (`hero`, `text`, `gallery`, `cta`, `faq`) mapea 1:1 a
+ * componentes reales — la razón de ser del ADR: "un rediseño de la lib
+ * mejora todas las páginas publicadas sin tocar sus datos".
+ *
+ * Presentacional puro: recibe `props` ya tipados (espejo exacto del `Block`
+ * del backend), sin llamadas HTTP propias ni conocimiento de a qué app
+ * pertenece la página. El bloque `cta` NO navega — emite `(ctaAction)` con
+ * la intención cruda (`{ action }`) para que el consumidor (la app) la
+ * resuelva contra su propio routing (ADR-077: "el CTA guarda una intención,
+ * nunca una URL").
+ *
+ * El caller típico itera `Page.Blocks` y renderiza uno de estos por bloque:
+ *
+ * @example
+ * ```html
+ * @for (block of page().blocks; track $index) {
+ *   <val-page-block [props]="block" (ctaAction)="onCtaAction($event)" />
+ * }
+ * ```
+ */
+class PageBlockComponent {
+    constructor() {
+        /**
+         * Emite la intención cruda del CTA al hacer click (`{ action }`, nunca una
+         * URL — ver comentario de clase). El consumidor decide qué hacer con
+         * `action`; este componente no la interpreta.
+         */
+        this.ctaAction = new EventEmitter();
+        /** Fallback de imagen rota (convención de la lib) — un slot, una signal. */
+        this.heroImageFailed = signal(false);
+        /** Índices de `gallery.images` cuya carga falló (`error` del `<img>`). */
+        this.failedGalleryImages = signal(new Set());
+    }
+    get hero() {
+        return this.props.props;
+    }
+    get text() {
+        return this.props.props;
+    }
+    get gallery() {
+        return this.props.props;
+    }
+    get cta() {
+        return this.props.props;
+    }
+    get faq() {
+        return this.props.props;
+    }
+    /**
+     * `text.body` es texto plano (no markdown — a diferencia de
+     * `val-article`/`val-faq`, `blocks_validate.go` solo exige un string no
+     * vacío). Partido por línea para que `val-text` (un `<p>` por línea)
+     * respete los saltos que el autor escribió, sin interpretar sintaxis.
+     */
+    textParagraphs() {
+        return this.text.body.split('\n').filter(line => line.trim().length > 0);
+    }
+    /**
+     * `val-faq` agrupa por categoría; el bloque `faq` de `services/page` no
+     * tiene categorías (solo `items` planos) — se envuelve en una única
+     * categoría sin label (`hideSingleCategoryLabel` default `true` la oculta).
+     */
+    faqCategories() {
+        return [
+            {
+                id: 'page-faq',
+                label: '',
+                items: this.faq.items.map((item, index) => ({
+                    id: `page-faq-${index}`,
+                    question: item.question,
+                    answer: item.answer,
+                })),
+            },
+        ];
+    }
+    onCtaClick() {
+        this.ctaAction.emit(this.cta.intent);
+    }
+    onGalleryImageError(index) {
+        const next = new Set(this.failedGalleryImages());
+        next.add(index);
+        this.failedGalleryImages.set(next);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PageBlockComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: PageBlockComponent, isStandalone: true, selector: "val-page-block", inputs: { props: "props" }, outputs: { ctaAction: "ctaAction" }, ngImport: i0, template: `
+    @switch (props.type) {
+      @case ('hero') {
+        <section class="page-block page-block--hero" [class]="'align-' + (hero.align || 'center')">
+          @if (hero.image && !heroImageFailed()) {
+            <img
+              class="page-block__hero-image"
+              [src]="hero.image"
+              [alt]="hero.title"
+              loading="lazy"
+              (error)="heroImageFailed.set(true)"
+            />
+          }
+          <div class="page-block__hero-copy">
+            <val-display [props]="{ size: 'large', color: 'dark', content: hero.title }" />
+            @if (hero.subtitle) {
+              <val-text [props]="{ size: 'large', color: 'medium', bold: false, content: hero.subtitle }" />
+            }
+          </div>
+        </section>
+      }
+      @case ('text') {
+        <section class="page-block page-block--text">
+          @if (text.heading) {
+            <val-title [props]="{ size: 'large', color: 'dark', bold: false, content: text.heading }" />
+          }
+          @for (paragraph of textParagraphs(); track $index) {
+            <val-text [props]="{ size: 'medium', color: 'dark', bold: false, content: paragraph }" />
+          }
+        </section>
+      }
+      @case ('gallery') {
+        <section class="page-block page-block--gallery">
+          <div class="page-block__gallery-grid">
+            @for (image of gallery.images; track $index) {
+              @if (!failedGalleryImages().has($index)) {
+                <!-- Sin alt descriptivo: el backend no modela texto alternativo
+                     por imagen (services/page/blocks_validate.go, gallery.images
+                     es solo un arreglo de strings). Se marca decorativa a
+                     propósito, no un olvido de a11y. -->
+                <img
+                  class="page-block__gallery-image"
+                  [src]="image"
+                  alt=""
+                  loading="lazy"
+                  (error)="onGalleryImageError($index)"
+                />
+              }
+            }
+          </div>
+        </section>
+      }
+      @case ('cta') {
+        <section class="page-block page-block--cta">
+          <val-button
+            [props]="{
+              text: cta.label,
+              color: 'primary',
+              fill: 'solid',
+              shape: 'round',
+              type: 'button',
+              state: 'ENABLED',
+            }"
+            (onClick)="onCtaClick()"
+          />
+        </section>
+      }
+      @case ('faq') {
+        <section class="page-block page-block--faq">
+          <val-faq [props]="{ categories: faqCategories(), searchable: false }" />
+        </section>
+      }
+    }
+  `, isInline: true, styles: [".page-block{display:block;width:100%}.page-block--hero{display:flex;flex-direction:column;gap:16px;text-align:center;align-items:center}.page-block--hero.align-left{text-align:left;align-items:flex-start}.page-block--hero.align-right{text-align:right;align-items:flex-end}.page-block__hero-image{width:100%;max-height:360px;object-fit:cover;border-radius:12px}.page-block__hero-copy{display:flex;flex-direction:column;gap:8px;max-width:640px}.page-block--text{display:flex;flex-direction:column;gap:8px}.page-block__gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}@media (min-width: 768px){.page-block__gallery-grid{grid-template-columns:repeat(3,1fr);gap:12px}}@media (min-width: 992px){.page-block__gallery-grid{grid-template-columns:repeat(4,1fr)}}.page-block__gallery-image{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:8px}.page-block--cta{display:flex;justify-content:center}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: DisplayComponent, selector: "val-display", inputs: ["props"] }, { kind: "component", type: TitleComponent, selector: "val-title", inputs: ["props"] }, { kind: "component", type: TextComponent, selector: "val-text", inputs: ["props"] }, { kind: "component", type: ButtonComponent, selector: "val-button", inputs: ["preset", "props"], outputs: ["onClick"] }, { kind: "component", type: FaqComponent, selector: "val-faq", inputs: ["props"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PageBlockComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'val-page-block', standalone: true, imports: [CommonModule, DisplayComponent, TitleComponent, TextComponent, ButtonComponent, FaqComponent], template: `
+    @switch (props.type) {
+      @case ('hero') {
+        <section class="page-block page-block--hero" [class]="'align-' + (hero.align || 'center')">
+          @if (hero.image && !heroImageFailed()) {
+            <img
+              class="page-block__hero-image"
+              [src]="hero.image"
+              [alt]="hero.title"
+              loading="lazy"
+              (error)="heroImageFailed.set(true)"
+            />
+          }
+          <div class="page-block__hero-copy">
+            <val-display [props]="{ size: 'large', color: 'dark', content: hero.title }" />
+            @if (hero.subtitle) {
+              <val-text [props]="{ size: 'large', color: 'medium', bold: false, content: hero.subtitle }" />
+            }
+          </div>
+        </section>
+      }
+      @case ('text') {
+        <section class="page-block page-block--text">
+          @if (text.heading) {
+            <val-title [props]="{ size: 'large', color: 'dark', bold: false, content: text.heading }" />
+          }
+          @for (paragraph of textParagraphs(); track $index) {
+            <val-text [props]="{ size: 'medium', color: 'dark', bold: false, content: paragraph }" />
+          }
+        </section>
+      }
+      @case ('gallery') {
+        <section class="page-block page-block--gallery">
+          <div class="page-block__gallery-grid">
+            @for (image of gallery.images; track $index) {
+              @if (!failedGalleryImages().has($index)) {
+                <!-- Sin alt descriptivo: el backend no modela texto alternativo
+                     por imagen (services/page/blocks_validate.go, gallery.images
+                     es solo un arreglo de strings). Se marca decorativa a
+                     propósito, no un olvido de a11y. -->
+                <img
+                  class="page-block__gallery-image"
+                  [src]="image"
+                  alt=""
+                  loading="lazy"
+                  (error)="onGalleryImageError($index)"
+                />
+              }
+            }
+          </div>
+        </section>
+      }
+      @case ('cta') {
+        <section class="page-block page-block--cta">
+          <val-button
+            [props]="{
+              text: cta.label,
+              color: 'primary',
+              fill: 'solid',
+              shape: 'round',
+              type: 'button',
+              state: 'ENABLED',
+            }"
+            (onClick)="onCtaClick()"
+          />
+        </section>
+      }
+      @case ('faq') {
+        <section class="page-block page-block--faq">
+          <val-faq [props]="{ categories: faqCategories(), searchable: false }" />
+        </section>
+      }
+    }
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".page-block{display:block;width:100%}.page-block--hero{display:flex;flex-direction:column;gap:16px;text-align:center;align-items:center}.page-block--hero.align-left{text-align:left;align-items:flex-start}.page-block--hero.align-right{text-align:right;align-items:flex-end}.page-block__hero-image{width:100%;max-height:360px;object-fit:cover;border-radius:12px}.page-block__hero-copy{display:flex;flex-direction:column;gap:8px;max-width:640px}.page-block--text{display:flex;flex-direction:column;gap:8px}.page-block__gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}@media (min-width: 768px){.page-block__gallery-grid{grid-template-columns:repeat(3,1fr);gap:12px}}@media (min-width: 992px){.page-block__gallery-grid{grid-template-columns:repeat(4,1fr)}}.page-block__gallery-image{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:8px}.page-block--cta{display:flex;justify-content:center}\n"] }]
+        }], propDecorators: { props: [{
+                type: Input
+            }], ctaAction: [{
+                type: Output
+            }] } });
+
+/**
+ * Tipos del organism `val-page-block` — constructor de páginas de plataforma
+ * (ADR-077: `docs/adr/077-constructor-de-paginas-de-plataforma.md`, primera
+ * aplicación real en Eklesee, Bloque 4:
+ * `docs/eklesee/03-roadmap-y-abiertos.md`).
+ *
+ * Espejo 1:1 de `Block`/`Props` en `backend/go/services/page/types.go` +
+ * `backend/go/services/page/blocks_validate.go` — la forma de cada `props`
+ * sale de ahí, no se inventa acá. El catálogo de esta primera pasada son 5
+ * tipos (`hero`, `text`, `gallery`, `cta`, `faq`); `countdown`/`sponsors`/
+ * `progress` (catálogo completo del ADR) quedan fuera hasta que Bingo migre.
+ *
+ * El componente es i18n-agnóstico y agnóstico al dominio a propósito (mismo
+ * criterio que `val-faq`/`val-article`): recibe `props` ya resueltos, sin
+ * llamadas HTTP propias ni conocimiento de rutas de ninguna app. La app que
+ * lo consume (Eklesee) resuelve `PageCTAIntent.action` a una ruta real —
+ * este organism solo la emite via `(ctaAction)`.
+ */
+
+const VIDEO_PLAYER_I18N = {
+    es: {
+        uploadingTitle: 'Subiendo video',
+        uploadingBody: 'La subida está en curso. Vuelve en un momento.',
+        processingTitle: 'Video en proceso',
+        processingBody: 'Estamos preparando este video. Vuelve en unos minutos.',
+        rejectedTitle: 'Este video no se pudo publicar',
+        failedTitle: 'No pudimos procesar este video',
+        unsupportedLink: 'Este enlace no se puede reproducir aquí.',
+    },
+    en: {
+        uploadingTitle: 'Uploading video',
+        uploadingBody: 'The upload is in progress. Check back in a moment.',
+        processingTitle: 'Video processing',
+        processingBody: "We're getting this video ready. Check back in a few minutes.",
+        rejectedTitle: "This video couldn't be published",
+        failedTitle: "We couldn't process this video",
+        unsupportedLink: "This link can't be played here.",
+    },
+};
+/**
+ * `val-video-player` — reproductor de video de plataforma (ADR-087, "Fase 1 —
+ * Reproducción"). Presentacional/dumb: recibe un `VideoPlayerAsset` YA
+ * RESUELTO por el backend de turno y decide el render, sin fetch propio.
+ *
+ * - `source:'upload'` + `status:'ready'` → `<video>` nativo (`preload="none"`
+ *   + portada — ADR-087 §8, cero bytes de video hasta que alguien le da play).
+ * - `source:'upload'` + `uploading|processing` → portada (si hay) + mensaje.
+ * - `source:'upload'` + `failed|rejected` → mensaje legible con `failReason`
+ *   (texto ya resuelto por el backend, se muestra tal cual).
+ * - `source:'link'` → iframe **siempre** contra un patrón fijo por proveedor
+ *   conocido (`youtube-nocookie.com/embed/{id}` · `player.vimeo.com/video/{id}`),
+ *   nunca un `src` armado con datos crudos del usuario. Proveedor no
+ *   reconocido → mensaje, nunca un iframe "por si acaso".
+ *
+ * @example
+ * <val-video-player [video]="doc.video" />
+ */
+class VideoPlayerComponent {
+    constructor() {
+        this.i18n = inject(I18nService);
+        this.sanitizer = inject(DomSanitizer);
+        /** El `VideoAsset` ya resuelto por el backend. `null`/`undefined` → no renderiza nada. */
+        this.video = input(null);
+        this.asset = computed(() => this.video() ?? null);
+        this.thumbFailed = signal(false);
+        /**
+         * Arma el embed SIEMPRE contra un patrón fijo por proveedor conocido — el
+         * `externalId` es el único dato del backend que entra en el `src`. Un
+         * proveedor no reconocido devuelve `null` (el template cae al mensaje, no a
+         * un iframe "por si acaso"). `bypassSecurityTrustResourceUrl` es seguro acá
+         * porque el string completo lo arma este componente, nunca el usuario.
+         */
+        this.embedUrl = computed(() => {
+            const v = this.asset();
+            if (!v || v.source !== 'link' || !v.externalId)
+                return null;
+            const raw = this.buildEmbedUrl(v.provider, v.externalId);
+            return raw ? this.sanitizer.bypassSecurityTrustResourceUrl(raw) : null;
+        });
+        if (!this.i18n.hasNamespace('VideoPlayer')) {
+            this.i18n.registerContent('VideoPlayer', VIDEO_PLAYER_I18N);
+        }
+    }
+    buildEmbedUrl(provider, externalId) {
+        switch (provider) {
+            case 'youtube':
+                return `https://www.youtube-nocookie.com/embed/${encodeURIComponent(externalId)}`;
+            case 'vimeo':
+                return `https://player.vimeo.com/video/${encodeURIComponent(externalId)}`;
+            default:
+                return null;
+        }
+    }
+    t(key) {
+        return this.i18n.t(key, 'VideoPlayer');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: VideoPlayerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: VideoPlayerComponent, isStandalone: true, selector: "val-video-player", inputs: { video: { classPropertyName: "video", publicName: "video", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    @if (asset(); as v) {
+      @if (v.source === 'upload') {
+        @if (v.status === 'ready' && v.url) {
+          <video
+            class="val-video-player__video"
+            [src]="v.url"
+            [poster]="v.thumbnail || undefined"
+            controls
+            preload="none"
+            playsinline
+          ></video>
+        } @else if (v.status === 'rejected' || v.status === 'failed') {
+          <div class="val-video-player__state val-video-player__state--error">
+            @if (v.thumbnail && !thumbFailed()) {
+              <img
+                class="val-video-player__poster"
+                [src]="v.thumbnail"
+                alt=""
+                loading="lazy"
+                (error)="thumbFailed.set(true)"
+              />
+            }
+            <div class="val-video-player__overlay">
+              <strong>{{ v.status === 'rejected' ? t('rejectedTitle') : t('failedTitle') }}</strong>
+              @if (v.failReason) {
+                <span>{{ v.failReason }}</span>
+              }
+            </div>
+          </div>
+        } @else {
+          <!-- uploading | processing -->
+          <div class="val-video-player__state" aria-live="polite">
+            @if (v.thumbnail && !thumbFailed()) {
+              <img
+                class="val-video-player__poster"
+                [src]="v.thumbnail"
+                alt=""
+                loading="lazy"
+                (error)="thumbFailed.set(true)"
+              />
+            }
+            <div class="val-video-player__overlay">
+              <span class="val-video-player__spinner" aria-hidden="true"></span>
+              <strong>{{ v.status === 'uploading' ? t('uploadingTitle') : t('processingTitle') }}</strong>
+              <span>{{ v.status === 'uploading' ? t('uploadingBody') : t('processingBody') }}</span>
+            </div>
+          </div>
+        }
+      } @else {
+        <!-- source: link -->
+        @if (embedUrl(); as src) {
+          <div class="val-video-player__embed-wrap">
+            <iframe
+              class="val-video-player__embed"
+              [src]="src"
+              title="video"
+              frameborder="0"
+              referrerpolicy="strict-origin-when-cross-origin"
+              allow="accelerometer; encrypted-media; gyroscope; picture-in-picture"
+              allowfullscreen
+              loading="lazy"
+            ></iframe>
+          </div>
+        } @else {
+          <div class="val-video-player__state">
+            <div class="val-video-player__overlay">
+              <span>{{ t('unsupportedLink') }}</span>
+            </div>
+          </div>
+        }
+      }
+    }
+  `, isInline: true, styles: [":host{display:block}.val-video-player__video{display:block;width:100%;max-height:70vh;border-radius:12px;background:#000}.val-video-player__embed-wrap{position:relative;width:100%;padding-top:56.25%;border-radius:12px;overflow:hidden;background:#000}.val-video-player__embed{position:absolute;inset:0;width:100%;height:100%;border:0}.val-video-player__state{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:12px;overflow:hidden;background:var(--ion-color-light, rgba(0, 0, 0, .06));display:flex;align-items:flex-end}.val-video-player__poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55}.val-video-player__overlay{position:relative;z-index:1;display:flex;flex-direction:column;gap:4px;width:100%;padding:14px 16px;color:var(--ion-text-color, #000);background:linear-gradient(to top,rgba(0,0,0,.08),transparent)}.val-video-player__state--error .val-video-player__overlay{color:var(--ion-color-danger, #eb445a)}.val-video-player__overlay strong{font-size:.9375rem}.val-video-player__overlay span{font-size:.8125rem;opacity:.85}.val-video-player__spinner{width:18px;height:18px;border-radius:50%;border:2px solid rgba(127,127,127,.35);border-top-color:var(--ion-color-dark, #313131);animation:val-video-player-spin .8s linear infinite}@keyframes val-video-player-spin{to{transform:rotate(360deg)}}\n"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: VideoPlayerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'val-video-player', standalone: true, imports: [], template: `
+    @if (asset(); as v) {
+      @if (v.source === 'upload') {
+        @if (v.status === 'ready' && v.url) {
+          <video
+            class="val-video-player__video"
+            [src]="v.url"
+            [poster]="v.thumbnail || undefined"
+            controls
+            preload="none"
+            playsinline
+          ></video>
+        } @else if (v.status === 'rejected' || v.status === 'failed') {
+          <div class="val-video-player__state val-video-player__state--error">
+            @if (v.thumbnail && !thumbFailed()) {
+              <img
+                class="val-video-player__poster"
+                [src]="v.thumbnail"
+                alt=""
+                loading="lazy"
+                (error)="thumbFailed.set(true)"
+              />
+            }
+            <div class="val-video-player__overlay">
+              <strong>{{ v.status === 'rejected' ? t('rejectedTitle') : t('failedTitle') }}</strong>
+              @if (v.failReason) {
+                <span>{{ v.failReason }}</span>
+              }
+            </div>
+          </div>
+        } @else {
+          <!-- uploading | processing -->
+          <div class="val-video-player__state" aria-live="polite">
+            @if (v.thumbnail && !thumbFailed()) {
+              <img
+                class="val-video-player__poster"
+                [src]="v.thumbnail"
+                alt=""
+                loading="lazy"
+                (error)="thumbFailed.set(true)"
+              />
+            }
+            <div class="val-video-player__overlay">
+              <span class="val-video-player__spinner" aria-hidden="true"></span>
+              <strong>{{ v.status === 'uploading' ? t('uploadingTitle') : t('processingTitle') }}</strong>
+              <span>{{ v.status === 'uploading' ? t('uploadingBody') : t('processingBody') }}</span>
+            </div>
+          </div>
+        }
+      } @else {
+        <!-- source: link -->
+        @if (embedUrl(); as src) {
+          <div class="val-video-player__embed-wrap">
+            <iframe
+              class="val-video-player__embed"
+              [src]="src"
+              title="video"
+              frameborder="0"
+              referrerpolicy="strict-origin-when-cross-origin"
+              allow="accelerometer; encrypted-media; gyroscope; picture-in-picture"
+              allowfullscreen
+              loading="lazy"
+            ></iframe>
+          </div>
+        } @else {
+          <div class="val-video-player__state">
+            <div class="val-video-player__overlay">
+              <span>{{ t('unsupportedLink') }}</span>
+            </div>
+          </div>
+        }
+      }
+    }
+  `, styles: [":host{display:block}.val-video-player__video{display:block;width:100%;max-height:70vh;border-radius:12px;background:#000}.val-video-player__embed-wrap{position:relative;width:100%;padding-top:56.25%;border-radius:12px;overflow:hidden;background:#000}.val-video-player__embed{position:absolute;inset:0;width:100%;height:100%;border:0}.val-video-player__state{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:12px;overflow:hidden;background:var(--ion-color-light, rgba(0, 0, 0, .06));display:flex;align-items:flex-end}.val-video-player__poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55}.val-video-player__overlay{position:relative;z-index:1;display:flex;flex-direction:column;gap:4px;width:100%;padding:14px 16px;color:var(--ion-text-color, #000);background:linear-gradient(to top,rgba(0,0,0,.08),transparent)}.val-video-player__state--error .val-video-player__overlay{color:var(--ion-color-danger, #eb445a)}.val-video-player__overlay strong{font-size:.9375rem}.val-video-player__overlay span{font-size:.8125rem;opacity:.85}.val-video-player__spinner{width:18px;height:18px;border-radius:50%;border:2px solid rgba(127,127,127,.35);border-top-color:var(--ion-color-dark, #313131);animation:val-video-player-spin .8s linear infinite}@keyframes val-video-player-spin{to{transform:rotate(360deg)}}\n"] }]
+        }], ctorParameters: () => [] });
+
+/**
+ * Tipos de `val-video-player` (ADR-087 — video como servicio de plataforma).
+ *
+ * Espejo agnóstico al dominio de `content.VideoAsset` (backend Go,
+ * `backend/go/services/content/video.go`) — mismos nombres de campo en
+ * camelCase. Cualquier app pasa acá el `VideoAsset` que le devuelve SU propio
+ * backend (sermón en Eklesee, receta en Okhelia, animal en Chesed, artículo de
+ * ayuda) con un mapeo trivial; el componente no conoce ni le importa de qué
+ * dominio viene.
+ */
+
 /*
  * Public API Surface of valtech-components
  */
@@ -89870,5 +90927,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, CommsPreferencesService, CommsPreferencesSettingsComponent, 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_COMMS_PREFERENCES_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, provideValtechCommsPreferences, 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, CommsPreferencesService, CommsPreferencesSettingsComponent, 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, PageBlockComponent, 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, RichEditorComponent, 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_COMMS_PREFERENCES_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, VideoPlayerComponent, WhatsappFabComponent, WhatsappService, WizardComponent, WizardFooterComponent, WorkflowService, accessGuard, accessGuardFromRoute, applyDefaultValueToControl, articleToTiptapDoc, 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, provideValtechCommsPreferences, 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, tiptapDocToArticle, tiptapDocToArticleElements, toArticle, validateQrBrand, validateRoutes };
 //# sourceMappingURL=valtech-components.mjs.map