valtech-components 2.0.810 → 2.0.812

package/fesm2022/valtech-components.mjs

@@ -53,7 +53,7 @@ import 'prismjs/components/prism-json';
  * Current version of valtech-components.
  * This is automatically updated during the publish process.
  */
-const VERSION = '2.0.810';
+const VERSION = '2.0.812';
 
 /**
  * Servicio para gestionar presets de componentes.
@@ -35849,6 +35849,308 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 type: Input
             }] } });
 
+/** Built-in label sets for the three platform locales. */
+const CALLOUT_LABELS = {
+    es: {
+        NOTE: 'Nota',
+        TIP: 'Tip',
+        INFO: 'Info',
+        IMPORTANT: 'Importante',
+        WARNING: 'Atención',
+        CAUTION: 'Precaución',
+    },
+    en: {
+        NOTE: 'Note',
+        TIP: 'Tip',
+        INFO: 'Info',
+        IMPORTANT: 'Important',
+        WARNING: 'Warning',
+        CAUTION: 'Caution',
+    },
+    pt: {
+        NOTE: 'Nota',
+        TIP: 'Dica',
+        INFO: 'Info',
+        IMPORTANT: 'Importante',
+        WARNING: 'Atenção',
+        CAUTION: 'Cuidado',
+    },
+};
+/**
+ * Per-callout-kind color (Ionic semantic color). Fixed across locales since
+ * red = danger no matter what language you speak.
+ */
+const CALLOUT_COLORS = {
+    NOTE: 'primary',
+    TIP: 'success',
+    INFO: 'tertiary',
+    IMPORTANT: 'warning',
+    WARNING: 'warning',
+    CAUTION: 'danger',
+};
+const BOX_DRAWING = /[┌┐└┘├┤┬┴┼─│╔╗╚╝═║]/;
+const CALLOUT_RE = /^>\s*\[!(NOTE|TIP|INFO|WARNING|CAUTION|IMPORTANT)\]\s*(.*)$/i;
+const FENCE_RE = /^```([\w-]*)\s*$/;
+const HEADING_RE = /^(#{1,6})\s+(.+)$/;
+const SEPARATOR_RE = /^\s*(?:-{3,}|\*{3,}|_{3,})\s*$/;
+const UNORDERED_RE = /^\s*[-*+]\s+(.+)$/;
+const CHECKLIST_RE = /^\s*[-*+]\s+\[([ xX])\]\s+(.+)$/;
+const ORDERED_RE = /^\s*\d+\.\s+(.+)$/;
+const TABLE_DIVIDER_RE = /^\s*\|?[\s:|-]+\|?\s*$/;
+const TABLE_ROW_RE = /^\s*\|(.+)\|\s*$/;
+/**
+ * Pure Markdown → ArticleMetadata parser. No Angular deps — usable from Node scripts
+ * (build-time generation) and from the Angular `MarkdownArticleParserService` wrapper.
+ *
+ * Supported syntax:
+ * - Headings (#, ##, ### …) → title / subtitle
+ * - Paragraphs → paragraph (with `processLinks` + `allowPartialBold`)
+ * - Lists (-, *, 1.) → unordered / ordered list (- [ ] / - [x] for checklist)
+ * - Blockquotes (>) → quote, with GitHub callouts `> [!NOTE|TIP|INFO|WARNING|CAUTION|IMPORTANT]` mapped to notes
+ * - Code fences (```lang) → code
+ * - Box-drawing ASCII art (┌┐└┘│─) auto-wrapped as code
+ * - Tables → flattened into paragraphs with bold keys
+ * - Horizontal rules (---, ***, ___) → separator
+ */
+function parseMarkdownArticle(markdown, options) {
+    const lines = normalize(markdown).split('\n');
+    const elements = [];
+    const labels = options?.calloutLabels ??
+        (options?.locale ? CALLOUT_LABELS[options.locale] : CALLOUT_LABELS.es);
+    let i = 0;
+    while (i < lines.length) {
+        const line = lines[i];
+        if (line.trim() === '') {
+            i++;
+            continue;
+        }
+        const fence = line.match(FENCE_RE);
+        if (fence) {
+            const lang = fence[1] || undefined;
+            const body = [];
+            i++;
+            while (i < lines.length && !FENCE_RE.test(lines[i])) {
+                body.push(lines[i]);
+                i++;
+            }
+            i++;
+            elements.push({
+                type: 'code',
+                props: { code: body.join('\n'), language: lang, theme: 'dark' },
+            });
+            continue;
+        }
+        if (BOX_DRAWING.test(line)) {
+            const body = [];
+            while (i < lines.length && (lines[i].trim() === '' || BOX_DRAWING.test(lines[i]))) {
+                body.push(lines[i]);
+                i++;
+            }
+            while (body.length && body[body.length - 1].trim() === '')
+                body.pop();
+            elements.push({
+                type: 'code',
+                props: { code: body.join('\n'), language: 'text', theme: 'dark' },
+            });
+            continue;
+        }
+        if (SEPARATOR_RE.test(line)) {
+            elements.push({ type: 'separator', props: { style: 'line' } });
+            i++;
+            continue;
+        }
+        const heading = line.match(HEADING_RE);
+        if (heading) {
+            elements.push(makeHeading(heading[1].length, heading[2].trim()));
+            i++;
+            continue;
+        }
+        if (line.startsWith('>')) {
+            const block = [];
+            while (i < lines.length && lines[i].startsWith('>')) {
+                block.push(lines[i]);
+                i++;
+            }
+            elements.push(makeQuoteOrCallout(block, labels));
+            continue;
+        }
+        if (TABLE_ROW_RE.test(line)) {
+            const rows = [];
+            while (i < lines.length && TABLE_ROW_RE.test(lines[i])) {
+                rows.push(lines[i]);
+                i++;
+            }
+            elements.push(...makeTable(rows));
+            continue;
+        }
+        if (CHECKLIST_RE.test(line) || UNORDERED_RE.test(line) || ORDERED_RE.test(line)) {
+            const listType = CHECKLIST_RE.test(line)
+                ? 'checklist'
+                : ORDERED_RE.test(line)
+                    ? 'ordered'
+                    : 'unordered';
+            const items = [];
+            while (i < lines.length && lines[i].trim() !== '') {
+                const cur = lines[i];
+                const check = cur.match(CHECKLIST_RE);
+                const unord = cur.match(UNORDERED_RE);
+                const ord = cur.match(ORDERED_RE);
+                if (check)
+                    items.push({ text: check[2].trim() });
+                else if (ord && listType === 'ordered')
+                    items.push({ text: ord[1].trim() });
+                else if (unord && listType !== 'ordered')
+                    items.push({ text: unord[1].trim() });
+                else
+                    break;
+                i++;
+            }
+            elements.push({ type: 'list', props: { items, listType } });
+            continue;
+        }
+        const paragraph = [];
+        while (i < lines.length && lines[i].trim() !== '' && !startsNewBlock(lines[i])) {
+            paragraph.push(lines[i]);
+            i++;
+        }
+        const text = paragraph.join(' ').trim();
+        if (text) {
+            elements.push({
+                type: 'paragraph',
+                props: {
+                    content: text,
+                    size: 'medium',
+                    color: 'dark',
+                    bold: false,
+                    processLinks: true,
+                    allowPartialBold: true,
+                },
+            });
+        }
+    }
+    // Strip parser-only options before merging into ArticleMetadata
+    const { locale: _l, calloutLabels: _c, ...metadataOverrides } = options ?? {};
+    return {
+        elements,
+        maxWidth: '900px',
+        centered: true,
+        theme: 'auto',
+        ...metadataOverrides,
+    };
+}
+function normalize(md) {
+    return md.replace(/\r\n/g, '\n').replace(/\r/g, '\n');
+}
+function startsNewBlock(line) {
+    return (HEADING_RE.test(line) ||
+        FENCE_RE.test(line) ||
+        SEPARATOR_RE.test(line) ||
+        TABLE_ROW_RE.test(line) ||
+        UNORDERED_RE.test(line) ||
+        ORDERED_RE.test(line) ||
+        CHECKLIST_RE.test(line) ||
+        line.startsWith('>') ||
+        BOX_DRAWING.test(line));
+}
+function makeHeading(level, content) {
+    if (level === 1) {
+        return {
+            type: 'title',
+            props: { content, size: 'xlarge', color: 'dark', bold: true },
+        };
+    }
+    const size = level === 2 ? 'large' : level === 3 ? 'medium' : 'small';
+    return {
+        type: 'subtitle',
+        props: { content, size, color: 'dark', bold: true },
+    };
+}
+function makeQuoteOrCallout(block, labels) {
+    const first = block[0];
+    const callout = first.match(CALLOUT_RE);
+    const lines = block.map(l => l.replace(/^>\s?/, ''));
+    if (callout) {
+        const type = callout[1].toUpperCase();
+        const firstLineRest = callout[2] || '';
+        const rest = lines.slice(1).join(' ').trim();
+        const text = [firstLineRest, rest].filter(Boolean).join(' ').trim();
+        return makeNote(type, text, labels);
+    }
+    const text = lines.join(' ').trim();
+    return {
+        type: 'quote',
+        props: {
+            content: text,
+            size: 'medium',
+            color: 'medium',
+            bold: false,
+            showQuoteMark: true,
+            alignment: 'left',
+        },
+    };
+}
+function makeNote(kind, text, labels) {
+    return {
+        type: 'note',
+        props: {
+            text,
+            prefix: `${labels[kind]}:`,
+            color: CALLOUT_COLORS[kind],
+            textColor: 'dark',
+            size: 'medium',
+            rounded: true,
+            allowPartialBold: true,
+            processLinks: true,
+        },
+    };
+}
+function makeTable(rows) {
+    const parsed = rows
+        .filter(r => !TABLE_DIVIDER_RE.test(r))
+        .map(r => r
+        .trim()
+        .replace(/^\|/, '')
+        .replace(/\|$/, '')
+        .split('|')
+        .map(c => c.trim()));
+    if (parsed.length === 0)
+        return [];
+    const header = parsed[0];
+    const dataRows = parsed.slice(1);
+    if (dataRows.length === 0) {
+        return [
+            {
+                type: 'paragraph',
+                props: {
+                    content: header.join(' · '),
+                    size: 'medium',
+                    color: 'dark',
+                    bold: false,
+                    processLinks: true,
+                    allowPartialBold: true,
+                },
+            },
+        ];
+    }
+    return dataRows.map(row => {
+        const pairs = row.map((cell, idx) => {
+            const key = header[idx] ?? '';
+            return key ? `**${key}:** ${cell}` : cell;
+        });
+        return {
+            type: 'paragraph',
+            props: {
+                content: pairs.join(' · '),
+                size: 'medium',
+                color: 'dark',
+                bold: false,
+                processLinks: true,
+                allowPartialBold: true,
+            },
+        };
+    });
+}
+
 /**
  * `val-faq`
  *
@@ -35857,7 +36159,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
  * reusar la misma data (`FaqMetadata.categories`) para emitir el structured
  * data `FAQPage` (JSON-LD) y ganar rich results en buscadores.
  *
- * Compone `val-accordion` (una por categoría) + `val-searchbar`.
+ * Las respuestas (`FaqItem.answer`) son **Markdown** — se parsean con
+ * `parseMarkdownArticle` y se renderizan vía `val-article`. Soportan links,
+ * listas, negritas, tablas, etc.
  *
  * @example
  * ```html
@@ -35867,12 +36171,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
 class FaqComponent {
     constructor() {
         this.props_ = signal({ categories: [] });
-        /** Término de búsqueda actual (lowercase). */
+        /** Término de búsqueda actual. */
         this.query = signal('');
         /**
-         * Categorías visibles tras aplicar el filtro de búsqueda. Una categoría
-         * desaparece si ninguna de sus preguntas matchea. El match es sobre
-         * pregunta + respuesta, case-insensitive.
+         * Cache de respuestas parseadas (Markdown → ArticleMetadata). Se reconstruye
+         * solo cuando cambian las categorías — el parseo NO corre por keystroke.
+         * Keyed por id de item (los ids son únicos en toda la FAQ).
+         */
+        this.parsedAnswers = computed(() => {
+            const map = new Map();
+            for (const cat of this.props_().categories ?? []) {
+                for (const item of cat.items) {
+                    map.set(item.id, parseMarkdownArticle(item.answer));
+                }
+            }
+            return map;
+        });
+        /**
+         * Categorías visibles tras el filtro. Una categoría desaparece si ninguna
+         * de sus preguntas matchea. Match sobre pregunta + respuesta (raw markdown),
+         * case-insensitive.
          */
         this.visibleCategories = computed(() => {
             const q = this.query().trim().toLowerCase();
@@ -35901,17 +36219,9 @@ class FaqComponent {
     get props() {
         return this.props_();
     }
-    /** Mapea una categoría a `AccordionMetadata` para `val-accordion`. */
-    accordionFor(cat) {
-        return {
-            multiple: this.props_().multiple ?? false,
-            expandIconSlot: 'end',
-            items: cat.items.map(it => ({
-                value: it.id,
-                header: it.question,
-                content: it.answer,
-            })),
-        };
+    /** Respuesta parseada de un item — desde el cache. */
+    answerOf(item) {
+        return this.parsedAnswers().get(item.id) ?? { elements: [] };
     }
     onSearch(term) {
         this.query.set(term ?? '');
@@ -35932,23 +36242,38 @@ class FaqComponent {
       }
 
       @if (visibleCategories().length === 0) {
-        <p class="val-faq__empty">{{ props.noResultsText || 'Sin resultados' }}</p>
+        <p class="val-faq__empty">
+          {{ props.noResultsText || 'Sin resultados' }}
+        </p>
       } @else {
         @for (cat of visibleCategories(); track cat.id) {
           <section class="val-faq__category">
             @if (showCategoryLabel()) {
               <h3 class="val-faq__category-label">{{ cat.label }}</h3>
             }
-            <val-accordion [props]="accordionFor(cat)" />
+            <ion-accordion-group [multiple]="props.multiple ?? false">
+              @for (item of cat.items; track item.id) {
+                <ion-accordion [value]="item.id" class="val-faq__item">
+                  <ion-item slot="header" lines="none" class="val-faq__q">
+                    <ion-label class="val-faq__q-label">
+                      {{ item.question }}
+                    </ion-label>
+                  </ion-item>
+                  <div slot="content" class="val-faq__a">
+                    <val-article [props]="answerOf(item)" />
+                  </div>
+                </ion-accordion>
+              }
+            </ion-accordion-group>
           </section>
         }
       }
     </div>
-  `, isInline: true, styles: [":host{display:block;width:100%}.val-faq__search{margin-bottom:16px}.val-faq__category+.val-faq__category{margin-top:24px}.val-faq__category-label{font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ion-color-medium, #92949c);margin:0 0 8px;padding-inline:4px}.val-faq__empty{text-align:center;padding:32px 16px;color:var(--ion-color-medium, #92949c);font-size:.95rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: AccordionComponent, selector: "val-accordion", inputs: ["preset", "props"], outputs: ["accordionChange"] }, { kind: "component", type: SearchbarComponent, selector: "val-searchbar", inputs: ["preset", "props"], outputs: ["filterEvent", "focusEvent", "blurEvent"] }] }); }
+  `, isInline: true, styles: [":host{display:block;width:100%}.val-faq__search{margin-bottom:16px}.val-faq__category+.val-faq__category{margin-top:24px}.val-faq__category-label{font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ion-color-medium, #92949c);margin:0 0 8px;padding-inline:4px}ion-accordion-group{display:flex;flex-direction:column;gap:8px}.val-faq__item{border-radius:12px;overflow:hidden;background:var(--ion-color-light, #f4f5f8)}.val-faq__q{--background: transparent;--min-height: 56px}.val-faq__q-label{font-weight:600;white-space:normal}.val-faq__a{padding:4px 16px 16px}.val-faq__empty{text-align:center;padding:32px 16px;color:var(--ion-color-medium, #92949c);font-size:.95rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: IonAccordion, selector: "ion-accordion", inputs: ["disabled", "mode", "readonly", "toggleIcon", "toggleIconSlot", "value"] }, { kind: "component", type: IonAccordionGroup, selector: "ion-accordion-group", inputs: ["animated", "disabled", "expand", "mode", "multiple", "readonly", "value"] }, { kind: "component", type: IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: SearchbarComponent, selector: "val-searchbar", inputs: ["preset", "props"], outputs: ["filterEvent", "focusEvent", "blurEvent"] }, { kind: "component", type: ArticleComponent, selector: "val-article", inputs: ["props"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FaqComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'val-faq', standalone: true, imports: [CommonModule, AccordionComponent, SearchbarComponent], template: `
+            args: [{ selector: 'val-faq', standalone: true, imports: [CommonModule, IonAccordion, IonAccordionGroup, IonItem, IonLabel, SearchbarComponent, ArticleComponent], template: `
     <div class="val-faq">
       @if (props.searchable !== false) {
         <div class="val-faq__search">
@@ -35963,19 +36288,34 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
       }
 
       @if (visibleCategories().length === 0) {
-        <p class="val-faq__empty">{{ props.noResultsText || 'Sin resultados' }}</p>
+        <p class="val-faq__empty">
+          {{ props.noResultsText || 'Sin resultados' }}
+        </p>
       } @else {
         @for (cat of visibleCategories(); track cat.id) {
           <section class="val-faq__category">
             @if (showCategoryLabel()) {
               <h3 class="val-faq__category-label">{{ cat.label }}</h3>
             }
-            <val-accordion [props]="accordionFor(cat)" />
+            <ion-accordion-group [multiple]="props.multiple ?? false">
+              @for (item of cat.items; track item.id) {
+                <ion-accordion [value]="item.id" class="val-faq__item">
+                  <ion-item slot="header" lines="none" class="val-faq__q">
+                    <ion-label class="val-faq__q-label">
+                      {{ item.question }}
+                    </ion-label>
+                  </ion-item>
+                  <div slot="content" class="val-faq__a">
+                    <val-article [props]="answerOf(item)" />
+                  </div>
+                </ion-accordion>
+              }
+            </ion-accordion-group>
           </section>
         }
       }
     </div>
-  `, styles: [":host{display:block;width:100%}.val-faq__search{margin-bottom:16px}.val-faq__category+.val-faq__category{margin-top:24px}.val-faq__category-label{font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ion-color-medium, #92949c);margin:0 0 8px;padding-inline:4px}.val-faq__empty{text-align:center;padding:32px 16px;color:var(--ion-color-medium, #92949c);font-size:.95rem}\n"] }]
+  `, styles: [":host{display:block;width:100%}.val-faq__search{margin-bottom:16px}.val-faq__category+.val-faq__category{margin-top:24px}.val-faq__category-label{font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ion-color-medium, #92949c);margin:0 0 8px;padding-inline:4px}ion-accordion-group{display:flex;flex-direction:column;gap:8px}.val-faq__item{border-radius:12px;overflow:hidden;background:var(--ion-color-light, #f4f5f8)}.val-faq__q{--background: transparent;--min-height: 56px}.val-faq__q-label{font-weight:600;white-space:normal}.val-faq__a{padding:4px 16px 16px}.val-faq__empty{text-align:center;padding:32px 16px;color:var(--ion-color-medium, #92949c);font-size:.95rem}\n"] }]
         }], propDecorators: { props: [{
                 type: Input
             }] } });
@@ -37555,308 +37895,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 }]
         }] });
 
-/** Built-in label sets for the three platform locales. */
-const CALLOUT_LABELS = {
-    es: {
-        NOTE: 'Nota',
-        TIP: 'Tip',
-        INFO: 'Info',
-        IMPORTANT: 'Importante',
-        WARNING: 'Atención',
-        CAUTION: 'Precaución',
-    },
-    en: {
-        NOTE: 'Note',
-        TIP: 'Tip',
-        INFO: 'Info',
-        IMPORTANT: 'Important',
-        WARNING: 'Warning',
-        CAUTION: 'Caution',
-    },
-    pt: {
-        NOTE: 'Nota',
-        TIP: 'Dica',
-        INFO: 'Info',
-        IMPORTANT: 'Importante',
-        WARNING: 'Atenção',
-        CAUTION: 'Cuidado',
-    },
-};
-/**
- * Per-callout-kind color (Ionic semantic color). Fixed across locales since
- * red = danger no matter what language you speak.
- */
-const CALLOUT_COLORS = {
-    NOTE: 'primary',
-    TIP: 'success',
-    INFO: 'tertiary',
-    IMPORTANT: 'warning',
-    WARNING: 'warning',
-    CAUTION: 'danger',
-};
-const BOX_DRAWING = /[┌┐└┘├┤┬┴┼─│╔╗╚╝═║]/;
-const CALLOUT_RE = /^>\s*\[!(NOTE|TIP|INFO|WARNING|CAUTION|IMPORTANT)\]\s*(.*)$/i;
-const FENCE_RE = /^```([\w-]*)\s*$/;
-const HEADING_RE = /^(#{1,6})\s+(.+)$/;
-const SEPARATOR_RE = /^\s*(?:-{3,}|\*{3,}|_{3,})\s*$/;
-const UNORDERED_RE = /^\s*[-*+]\s+(.+)$/;
-const CHECKLIST_RE = /^\s*[-*+]\s+\[([ xX])\]\s+(.+)$/;
-const ORDERED_RE = /^\s*\d+\.\s+(.+)$/;
-const TABLE_DIVIDER_RE = /^\s*\|?[\s:|-]+\|?\s*$/;
-const TABLE_ROW_RE = /^\s*\|(.+)\|\s*$/;
-/**
- * Pure Markdown → ArticleMetadata parser. No Angular deps — usable from Node scripts
- * (build-time generation) and from the Angular `MarkdownArticleParserService` wrapper.
- *
- * Supported syntax:
- * - Headings (#, ##, ### …) → title / subtitle
- * - Paragraphs → paragraph (with `processLinks` + `allowPartialBold`)
- * - Lists (-, *, 1.) → unordered / ordered list (- [ ] / - [x] for checklist)
- * - Blockquotes (>) → quote, with GitHub callouts `> [!NOTE|TIP|INFO|WARNING|CAUTION|IMPORTANT]` mapped to notes
- * - Code fences (```lang) → code
- * - Box-drawing ASCII art (┌┐└┘│─) auto-wrapped as code
- * - Tables → flattened into paragraphs with bold keys
- * - Horizontal rules (---, ***, ___) → separator
- */
-function parseMarkdownArticle(markdown, options) {
-    const lines = normalize(markdown).split('\n');
-    const elements = [];
-    const labels = options?.calloutLabels ??
-        (options?.locale ? CALLOUT_LABELS[options.locale] : CALLOUT_LABELS.es);
-    let i = 0;
-    while (i < lines.length) {
-        const line = lines[i];
-        if (line.trim() === '') {
-            i++;
-            continue;
-        }
-        const fence = line.match(FENCE_RE);
-        if (fence) {
-            const lang = fence[1] || undefined;
-            const body = [];
-            i++;
-            while (i < lines.length && !FENCE_RE.test(lines[i])) {
-                body.push(lines[i]);
-                i++;
-            }
-            i++;
-            elements.push({
-                type: 'code',
-                props: { code: body.join('\n'), language: lang, theme: 'dark' },
-            });
-            continue;
-        }
-        if (BOX_DRAWING.test(line)) {
-            const body = [];
-            while (i < lines.length && (lines[i].trim() === '' || BOX_DRAWING.test(lines[i]))) {
-                body.push(lines[i]);
-                i++;
-            }
-            while (body.length && body[body.length - 1].trim() === '')
-                body.pop();
-            elements.push({
-                type: 'code',
-                props: { code: body.join('\n'), language: 'text', theme: 'dark' },
-            });
-            continue;
-        }
-        if (SEPARATOR_RE.test(line)) {
-            elements.push({ type: 'separator', props: { style: 'line' } });
-            i++;
-            continue;
-        }
-        const heading = line.match(HEADING_RE);
-        if (heading) {
-            elements.push(makeHeading(heading[1].length, heading[2].trim()));
-            i++;
-            continue;
-        }
-        if (line.startsWith('>')) {
-            const block = [];
-            while (i < lines.length && lines[i].startsWith('>')) {
-                block.push(lines[i]);
-                i++;
-            }
-            elements.push(makeQuoteOrCallout(block, labels));
-            continue;
-        }
-        if (TABLE_ROW_RE.test(line)) {
-            const rows = [];
-            while (i < lines.length && TABLE_ROW_RE.test(lines[i])) {
-                rows.push(lines[i]);
-                i++;
-            }
-            elements.push(...makeTable(rows));
-            continue;
-        }
-        if (CHECKLIST_RE.test(line) || UNORDERED_RE.test(line) || ORDERED_RE.test(line)) {
-            const listType = CHECKLIST_RE.test(line)
-                ? 'checklist'
-                : ORDERED_RE.test(line)
-                    ? 'ordered'
-                    : 'unordered';
-            const items = [];
-            while (i < lines.length && lines[i].trim() !== '') {
-                const cur = lines[i];
-                const check = cur.match(CHECKLIST_RE);
-                const unord = cur.match(UNORDERED_RE);
-                const ord = cur.match(ORDERED_RE);
-                if (check)
-                    items.push({ text: check[2].trim() });
-                else if (ord && listType === 'ordered')
-                    items.push({ text: ord[1].trim() });
-                else if (unord && listType !== 'ordered')
-                    items.push({ text: unord[1].trim() });
-                else
-                    break;
-                i++;
-            }
-            elements.push({ type: 'list', props: { items, listType } });
-            continue;
-        }
-        const paragraph = [];
-        while (i < lines.length && lines[i].trim() !== '' && !startsNewBlock(lines[i])) {
-            paragraph.push(lines[i]);
-            i++;
-        }
-        const text = paragraph.join(' ').trim();
-        if (text) {
-            elements.push({
-                type: 'paragraph',
-                props: {
-                    content: text,
-                    size: 'medium',
-                    color: 'dark',
-                    bold: false,
-                    processLinks: true,
-                    allowPartialBold: true,
-                },
-            });
-        }
-    }
-    // Strip parser-only options before merging into ArticleMetadata
-    const { locale: _l, calloutLabels: _c, ...metadataOverrides } = options ?? {};
-    return {
-        elements,
-        maxWidth: '900px',
-        centered: true,
-        theme: 'auto',
-        ...metadataOverrides,
-    };
-}
-function normalize(md) {
-    return md.replace(/\r\n/g, '\n').replace(/\r/g, '\n');
-}
-function startsNewBlock(line) {
-    return (HEADING_RE.test(line) ||
-        FENCE_RE.test(line) ||
-        SEPARATOR_RE.test(line) ||
-        TABLE_ROW_RE.test(line) ||
-        UNORDERED_RE.test(line) ||
-        ORDERED_RE.test(line) ||
-        CHECKLIST_RE.test(line) ||
-        line.startsWith('>') ||
-        BOX_DRAWING.test(line));
-}
-function makeHeading(level, content) {
-    if (level === 1) {
-        return {
-            type: 'title',
-            props: { content, size: 'xlarge', color: 'dark', bold: true },
-        };
-    }
-    const size = level === 2 ? 'large' : level === 3 ? 'medium' : 'small';
-    return {
-        type: 'subtitle',
-        props: { content, size, color: 'dark', bold: true },
-    };
-}
-function makeQuoteOrCallout(block, labels) {
-    const first = block[0];
-    const callout = first.match(CALLOUT_RE);
-    const lines = block.map(l => l.replace(/^>\s?/, ''));
-    if (callout) {
-        const type = callout[1].toUpperCase();
-        const firstLineRest = callout[2] || '';
-        const rest = lines.slice(1).join(' ').trim();
-        const text = [firstLineRest, rest].filter(Boolean).join(' ').trim();
-        return makeNote(type, text, labels);
-    }
-    const text = lines.join(' ').trim();
-    return {
-        type: 'quote',
-        props: {
-            content: text,
-            size: 'medium',
-            color: 'medium',
-            bold: false,
-            showQuoteMark: true,
-            alignment: 'left',
-        },
-    };
-}
-function makeNote(kind, text, labels) {
-    return {
-        type: 'note',
-        props: {
-            text,
-            prefix: `${labels[kind]}:`,
-            color: CALLOUT_COLORS[kind],
-            textColor: 'dark',
-            size: 'medium',
-            rounded: true,
-            allowPartialBold: true,
-            processLinks: true,
-        },
-    };
-}
-function makeTable(rows) {
-    const parsed = rows
-        .filter(r => !TABLE_DIVIDER_RE.test(r))
-        .map(r => r
-        .trim()
-        .replace(/^\|/, '')
-        .replace(/\|$/, '')
-        .split('|')
-        .map(c => c.trim()));
-    if (parsed.length === 0)
-        return [];
-    const header = parsed[0];
-    const dataRows = parsed.slice(1);
-    if (dataRows.length === 0) {
-        return [
-            {
-                type: 'paragraph',
-                props: {
-                    content: header.join(' · '),
-                    size: 'medium',
-                    color: 'dark',
-                    bold: false,
-                    processLinks: true,
-                    allowPartialBold: true,
-                },
-            },
-        ];
-    }
-    return dataRows.map(row => {
-        const pairs = row.map((cell, idx) => {
-            const key = header[idx] ?? '';
-            return key ? `**${key}:** ${cell}` : cell;
-        });
-        return {
-            type: 'paragraph',
-            props: {
-                content: pairs.join(' · '),
-                size: 'medium',
-                color: 'dark',
-                bold: false,
-                processLinks: true,
-                allowPartialBold: true,
-            },
-        };
-    });
-}
-
 /**
  * Angular service wrapper for the pure {@link parseMarkdownArticle} function.
  * Provided in root so it can be injected anywhere. The actual parsing logic lives in
@@ -45600,7 +45638,9 @@ const VALTECH_COMPANY_LINKS = {
     ],
     support: [
         { key: 'contactSupport', url: '/contact', kind: 'support', external: false },
-        { key: 'faq', url: '/legal/faq', kind: 'site', external: false },
+        // FAQ — página dedicada `/faq` (kind 'site': vive en el sitio corporativo;
+        // en apps satellite se reescribe al main site vía LegalLinkService).
+        { key: 'faq', url: '/faq', kind: 'site', external: false },
         { key: 'feedback', url: '/feedback', kind: 'support', external: false },
     ],
 };