@magicfeedback/popup-sdk 1.7.1 → 1.7.2

package/dist/{renderPopup-EWGKG53W.mjs → renderPopup-SNDPX5RX.mjs}

@@ -1,15 +1,18 @@
 import {
+  REVEAL_TIMEOUT_MS,
+  applySurveyPrimaryColor,
   buildFontFaceCss,
   buildFontFamilyValue,
   buildSurveyIdentity,
   directionFor,
   getLabels,
   resolveActionLabels,
+  revealWhenPainted,
   sdkError,
   sdkLog,
   sdkWarn,
   style_default
-} from "./chunk-WNIUIOKF.mjs";
+} from "./chunk-322DDMX6.mjs";
 
 // src/ui/logo.ts
 var BASE_CSS = "max-height:40px; max-width:100%; object-fit:contain; display:block; margin:12px 0 0 0;";
@@ -58,6 +61,18 @@ function ensureMagicFeedbackStyles(_popup) {
   style.textContent = style_default;
   document.head.appendChild(style);
 }
+var SURVEY_ALIGNMENT_STYLE_ID = "deepdots-survey-alignment";
+function ensureSurveyAlignmentStyles() {
+  if (document.getElementById(SURVEY_ALIGNMENT_STYLE_ID)) return;
+  const style = document.createElement("style");
+  style.id = SURVEY_ALIGNMENT_STYLE_ID;
+  style.textContent = `
+    .deepdots-popup .magicfeedback-container,
+    .deepdots-popup .magicfeedback-form,
+    .deepdots-popup .magicfeedback-div { padding-left: 0; padding-right: 0; }
+  `;
+  document.head.appendChild(style);
+}
 function ensureSpinnerStyles(_popup) {
   if (document.getElementById("deepdots-spinner-styles")) return;
   const style = document.createElement("style");
@@ -310,6 +325,7 @@ async function renderPopup(container, surveyId, productId, actions, emit, onClos
     progressFollowUp.style.display = p.followup ? "inline-block" : "none";
   }
   ensureMagicFeedbackStyles(popup);
+  ensureSurveyAlignmentStyles();
   ensureSpinnerStyles(popup);
   ensureResponsiveStyles(popup);
   ensureCustomCss(options?.surveyCss);
@@ -368,7 +384,7 @@ async function renderPopup(container, surveyId, productId, actions, emit, onClos
       border: none;
       min-height: 44px;
       padding: 12px 24px;
-      border-radius: 6px;
+      border-radius: 999px; /* p\xEDldora, como el Button de Material3 en KMP */
       cursor: pointer;
       font-size: 15px;
       font-weight: 600;
@@ -398,7 +414,7 @@ async function renderPopup(container, surveyId, productId, actions, emit, onClos
       border: none;
       min-height: 44px;
       padding: 12px 24px;
-      border-radius: 6px;
+      border-radius: 999px; /* p\xEDldora, como el Button de Material3 en KMP */
       cursor: pointer;
       font-size: 15px;
       font-weight: 600;
@@ -425,7 +441,7 @@ async function renderPopup(container, surveyId, productId, actions, emit, onClos
       border: none;
       min-height: 44px;
       padding: 12px 24px;
-      border-radius: 6px;
+      border-radius: 999px; /* p\xEDldora, como el Button de Material3 en KMP */
       cursor: pointer;
       font-size: 15px;
       font-weight: 600;
@@ -456,7 +472,7 @@ async function renderPopup(container, surveyId, productId, actions, emit, onClos
       border: none;
       min-height: 44px;
       padding: 12px 24px;
-      border-radius: 6px;
+      border-radius: 999px; /* p\xEDldora, como el Button de Material3 en KMP */
       cursor: pointer;
       font-size: 15px;
       font-weight: 600;
@@ -558,14 +574,35 @@ async function renderPopup(container, surveyId, productId, actions, emit, onClos
   container.innerHTML = "";
   container.appendChild(popup);
   container.style.display = "flex";
+  container.style.visibility = "hidden";
+  container.style.pointerEvents = "none";
   container.style.justifyContent = pos.justifyContent;
   container.style.alignItems = pos.alignItems;
   container.style.background = pos.background;
   if (pos.padding) container.style.padding = pos.padding;
+  let revealed = false;
+  let revealTimer = null;
+  function reveal() {
+    if (revealed) return;
+    revealed = true;
+    if (revealTimer !== null) {
+      clearTimeout(revealTimer);
+      revealTimer = null;
+    }
+    if (!container.contains(popup)) return;
+    container.style.visibility = "visible";
+    container.style.pointerEvents = "";
+  }
+  function revealWhenPainted2() {
+    if (revealed) return;
+    revealWhenPainted(popup, reveal);
+  }
+  revealTimer = setTimeout(reveal, REVEAL_TIMEOUT_MS);
   function setLoading(isLoading) {
     spinnerEl.style.display = isLoading ? "flex" : "none";
     if (!isLoading) {
       formHost.style.visibility = "visible";
+      revealWhenPainted2();
     }
     footer.style.display = isLoading ? "none" : "flex";
     backButton.disabled = isLoading;
@@ -628,6 +665,7 @@ async function renderPopup(container, surveyId, productId, actions, emit, onClos
         if (s.contentAlign) {
           main.style.justifyContent = s.contentAlign === "center" ? "center" : "flex-start";
         }
+        applySurveyPrimaryColor(popup, s);
         if (s.buttonPrimaryColor) {
           submitButton.style.background = s.buttonPrimaryColor;
           submitButton.style.border = "none";
@@ -710,6 +748,8 @@ async function renderPopup(container, surveyId, productId, actions, emit, onClos
   }
 }
 export {
+  REVEAL_TIMEOUT_MS,
+  SURVEY_ALIGNMENT_STYLE_ID,
   renderPopup
 };
-//# sourceMappingURL=renderPopup-EWGKG53W.mjs.map
+//# sourceMappingURL=renderPopup-SNDPX5RX.mjs.map

package/dist/renderPopup-SNDPX5RX.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/logo.ts","../src/ui/renderPopup.ts"],"sourcesContent":["/**\n * Logo del popup (viene en `formData.style` del survey, no del `init`).\n *\n * Vive encima de la barra de progreso, como hermano del header: la marca abre la tarjeta y el\n * progreso queda pegado a la pregunta. Antes se insertaba DENTRO del contenido (web) o del área\n * scrollable (WebView de RN), así que la barra quedaba por encima del logo y en RN el logo se\n * iba con el scroll.\n *\n * El hueco inferior lo pone el bloque siguiente (`.deepdots-progress` cuando se ve, o el\n * `padding-top` del contenido cuando no), así que aquí solo se separa del header.\n */\nexport interface PopupLogoStyle {\n    logo?: string;\n    logoSize?: string;\n    logoPosition?: string;\n}\n\nconst BASE_CSS = 'max-height:40px; max-width:100%; object-fit:contain; display:block; margin:12px 0 0 0;';\n\nconst MAX_HEIGHT: Record<string, string> = {\n    small: '30px',\n    medium: '50px',\n    large: '70px',\n};\n\n/**\n * Inserta el logo en `parent`, justo antes de `anchor` (la barra de progreso).\n * No-op si el estilo no trae logo o si ya existe uno con ese `id`.\n */\nexport function insertPopupLogo(\n    parent: HTMLElement,\n    anchor: HTMLElement | null,\n    style: PopupLogoStyle | undefined,\n    id: string,\n): HTMLImageElement | null {\n    if (!style?.logo) return null;\n    if (parent.ownerDocument.getElementById(id)) return null;\n\n    const img = parent.ownerDocument.createElement('img');\n    img.id = id;\n    img.src = style.logo;\n    img.alt = 'Logo';\n    img.style.cssText = BASE_CSS;\n\n    if (style.logoSize && MAX_HEIGHT[style.logoSize]) {\n        img.style.maxHeight = MAX_HEIGHT[style.logoSize];\n    }\n    // Márgenes lógicos (inline-start/end) en vez de left/right: con un survey RTL (árabe) el\n    // popup se pinta con dir=\"rtl\" y el logo tiene que acompañar al resto del chrome. En LTR\n    // el resultado es idéntico al de antes.\n    switch (style.logoPosition) {\n        case 'left':\n            img.style.margin = '12px 0 0 0';\n            img.style.setProperty('margin-inline-start', '0');\n            img.style.setProperty('margin-inline-end', '16px');\n            break;\n        case 'right':\n            img.style.margin = '12px 0 0 0';\n            img.style.setProperty('margin-inline-start', 'auto');\n            img.style.setProperty('margin-inline-end', '0');\n            break;\n        case 'center':\n            img.style.margin = '12px auto 0 auto';\n            break;\n    }\n\n    parent.insertBefore(img, anchor);\n    return img;\n}\n","import {DeepdotsEventType, PopupActions, PopupStyle, FormData} from '../types';\nimport { buildSurveyIdentity } from '../tracking/tracking-manager';\nimport type { PopupRenderOptions } from '../platform/renderer';\nimport { buildFontFaceCss, buildFontFamilyValue } from './font';\nimport { insertPopupLogo } from './logo';\nimport { applySurveyPrimaryColor } from './surveyPalette';\nimport { sdkLog, sdkWarn, sdkError } from '../util/logger';\nimport { directionFor, getLabels, resolveActionLabels } from '../i18n/labels';\nimport { REVEAL_TIMEOUT_MS, revealWhenPainted as revealWhenImagesLoaded } from './reveal';\nimport magicfeedback from \"@magicfeedback/native\";\nimport magicfeedbackCss from '../assets/style.css';\n\n// Reexportado desde aquí porque este era su sitio original: la constante se mudó a `reveal.ts`\n// para que la ruta del WebView pueda leerla sin arrastrar `@magicfeedback/native`.\nexport { REVEAL_TIMEOUT_MS } from './reveal';\n\n// Inserta la hoja de estilos de MagicFeedback directamente en el popup para garantizar estilos incluso si el bundler no la inyecta globalmente.\nfunction ensureMagicFeedbackStyles(_popup: HTMLElement) {\n    const STYLE_ID = 'magicfeedback-sdk-styles';\n    if (document.getElementById(STYLE_ID)) return;\n    const style = document.createElement('style');\n    style.id = STYLE_ID;\n    style.textContent = magicfeedbackCss;\n    document.head.appendChild(style);\n}\n\n/**\n * Id del bloque que alinea el contenido del survey con el chrome del popup. Exportado para que\n * los tests puedan localizarlo sin depender de la posición en el `<head>`.\n */\nexport const SURVEY_ALIGNMENT_STYLE_ID = 'deepdots-survey-alignment';\n\n/**\n * El margen lateral lo pone la tarjeta del popup, pero el CSS de `@magicfeedback/native` añade el\n * suyo en tres capas: el contenedor, el formulario (hasta 28px) y el bloque de cada pregunta\n * (12px, con fondo igual al de la tarjeta, así que ni se ve). Sumados, dejan el enunciado y las\n * opciones bastante más adentro que el logo, el título y la barra de progreso, que sí llegan al\n * borde. Aquí se anula solo el lateral: el vertical es el que separa las preguntas.\n *\n * Va acotado a `.deepdots-popup` porque esta hoja se inyecta en el `<head>` del host y sin acotar\n * repintaría sus propios formularios; de paso, la especificidad extra hace que gane sobre el CSS\n * del paquete sin depender del orden.\n */\nfunction ensureSurveyAlignmentStyles() {\n    if (document.getElementById(SURVEY_ALIGNMENT_STYLE_ID)) return;\n    const style = document.createElement('style');\n    style.id = SURVEY_ALIGNMENT_STYLE_ID;\n    style.textContent = `\n    .deepdots-popup .magicfeedback-container,\n    .deepdots-popup .magicfeedback-form,\n    .deepdots-popup .magicfeedback-div { padding-left: 0; padding-right: 0; }\n  `;\n    document.head.appendChild(style);\n}\n\n// Añade estilos de spinner si no existen\nfunction ensureSpinnerStyles(_popup: HTMLElement) {\n    if (document.getElementById('deepdots-spinner-styles')) return;\n    const style = document.createElement('style');\n    style.id = 'deepdots-spinner-styles';\n    style.textContent = `\n    /* El enunciado trae margin-top:20px del CSS de surveys, que sumaba al hueco de la barra\n       de progreso y descompensaba la simetría. Solo se anula en el primero: entre preguntas\n       de la misma página sigue separando. */\n    .deepdots-popup .magicfeedback-questions .magicfeedback-div:first-child .magicfeedback-label { margin-top: 0; }\n    @keyframes ddspin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }\n    .mf-spinner { display:flex; justify-content:center; align-items:center; padding:8px 0; }\n    .mf-spinner-circle { width:28px; height:28px; border:3px solid #e0e6ed; border-top-color:#1E293B; border-radius:50%; animation: ddspin 0.9s linear infinite; }\n  `;\n    document.head.appendChild(style);\n}\n\nfunction ensureResponsiveStyles(_popup: HTMLElement) {\n    if (document.getElementById('deepdots-responsive-styles')) return;\n    const style = document.createElement('style');\n    style.id = 'deepdots-responsive-styles';\n    style.textContent = `\n    /* Responsive adjustments */\n    @media (max-width: 640px) {\n      .deepdots-popup {\n        width: calc(100% - 24px) !important;\n        max-width: calc(100% - 24px) !important;\n        height: auto !important;\n        max-height: 90vh !important;\n        border-radius: 12px !important;\n        padding: calc(16px + env(safe-area-inset-top)) 16px calc(16px + env(safe-area-inset-bottom)) 16px !important;\n        box-sizing: border-box;\n      }\n      .deepdots-popup .mf-spinner-circle { width: 32px; height: 32px; border-width: 4px; }\n      .deepdots-popup button { font-size: 16px !important; }\n      .deepdots-popup-header button { width:48px; height:48px; }\n      .deepdots-popup-header button svg { width:26px; height:26px; }\n      /* Apilados en el orden del DOM: la acción principal (Send/Start/Complete) arriba y\n         Back debajo. */\n      .deepdots-popup-footer { flex-direction: column !important; gap: 4px !important; }\n      .deepdots-popup-footer button { width: 100%; }\n    }\n    @media (max-width: 400px) {\n      .deepdots-popup { padding: calc(12px + env(safe-area-inset-top)) 12px calc(12px + env(safe-area-inset-bottom)) 12px !important; }\n      .deepdots-popup-header button { width:48px; height:48px; }\n      .deepdots-popup-header button svg { width:26px; height:26px; }\n    }\n    @media (orientation: landscape) and (max-height: 480px) {\n      .deepdots-popup {\n        height: 100vh !important;\n        max-height: 100vh !important;\n        overflow-y: auto !important;\n      }\n    }\n  `;\n    document.head.appendChild(style);\n}\n\n/**\n * CSS del host, en un <style> propio añadido DESPUÉS de los del SDK y de\n * `@magicfeedback/native` para que gane en cascada sin tocar ninguno de los dos.\n * Se reemplaza en cada render por si cambia entre popups.\n */\nfunction ensureCustomCss(css?: string) {\n    const STYLE_ID = 'deepdots-custom-css';\n    const existing = document.getElementById(STYLE_ID);\n    if (!css) {\n        existing?.remove();\n        return;\n    }\n    const el = (existing as HTMLStyleElement | null) ?? document.createElement('style');\n    el.id = STYLE_ID;\n    if (el.textContent !== css) el.textContent = css;\n    // Reanexar mueve el nodo al final del head: garantiza que va tras las hojas del SDK.\n    document.head.appendChild(el);\n}\n\n// Inyecta (una sola vez) el @font-face de la fuente personalizada.\nfunction ensureFontFace(family: string, url: string) {\n    const css = buildFontFaceCss(family, url);\n    if (!css) return;\n    const STYLE_ID = 'deepdots-font-face';\n    let el = document.getElementById(STYLE_ID) as HTMLStyleElement | null;\n    if (!el) {\n        el = document.createElement('style');\n        el.id = STYLE_ID;\n        document.head.appendChild(el);\n    }\n    if (el.textContent !== css) el.textContent = css;\n}\n\n/**\n * Renderiza el popup dentro del contenedor dado usando MagicFeedback para la encuesta.\n */\nexport async function renderPopup(\n    container: HTMLElement,\n    surveyId: string,\n    productId: string,\n    actions: PopupActions | undefined,\n    emit: (type: DeepdotsEventType, surveyId: string, data?: Record<string, unknown>) => void,\n    onClose: () => void,\n    env: string = 'production',\n    userId?: string,\n    style?: PopupStyle,\n    sessionId?: string,\n    miniService?: string,\n    analyticsFeedbackSessionId?: string,\n    options?: PopupRenderOptions,\n): Promise<void> {\n    let surveyCompletedEmitted = false;\n    let stylesInjected = false;\n    // Profundidad de navegación dentro del survey: +1 al avanzar, -1 al volver. Sustituye a\n    // `total > 1 && progress > 0 && progress < total`, que escondía el Back cuando la pantalla\n    // siguiente era una follow-up dinámica (no entran en el grafo: suman +0.5 al progress y\n    // dejan el total igual, así que un survey de una pregunta con follow-up nunca lo mostraba).\n    let pageDepth = 0;\n    let onStartPage = false;\n\n    // Textos del chrome (botones, progreso, aria-labels, errores). Arrancan con el idioma que\n    // conoce el init y se re-resuelven en `onLoadedEvent` con el idioma del survey\n    // (`formData.lang[0]`, el configurado en la integración), que es el que manda: un survey\n    // en danés debe traer también su footer en danés aunque el host no declare idioma.\n    let labels = getLabels(options?.language);\n    let actionLabels = resolveActionLabels(actions, options?.language);\n    // Dirección del chrome. Desde `@magicfeedback/native` 2.2.22 el survey se voltea solo\n    // (`dir=\"rtl\"` en SU contenedor) para los idiomas RTL; si el header, el footer y la barra\n    // de progreso se quedaran en LTR, media tarjeta miraría a cada lado. Se marca siempre,\n    // también en `ltr`, para no heredar la dirección de la página del host.\n    let direction = directionFor(options?.language);\n\n    const isDark = style?.theme === 'dark';\n    const theme = {\n        popupBg:          isDark ? '#1e1e1e' : '#fff',\n        // El popup fija su propio fondo, así que debe fijar también el esquema de color.\n        // Sin esto los controles de formulario (input/textarea/select) caen al estilo por\n        // defecto del navegador: en un host con `prefers-color-scheme: dark` se pintan\n        // oscuros con texto blanco sobre el fondo claro del popup.\n        colorScheme:      isDark ? 'dark' : 'light',\n        textPrimary:      isDark ? '#f0f0f0' : '#111',\n        closeBtnHoverColor: isDark ? '#fff' : '#000000',\n        textMuted:        isDark ? '#9ca3af' : '#6b7280',\n        progressTrack:    isDark ? '#3f3f46' : '#e5e7eb',\n    };\n\n    const positionMap: Record<string, { justifyContent: string; alignItems: string; padding?: string; background: string }> = {\n        'center':       { justifyContent: 'center',     alignItems: 'center',                        background: 'rgba(0,0,0,0.5)' },\n        'bottom':       { justifyContent: 'center',     alignItems: 'flex-end',   padding: '16px',   background: 'transparent' },\n        'bottom-right': { justifyContent: 'flex-end',   alignItems: 'flex-end',   padding: '16px',   background: 'transparent' },\n        'bottom-left':  { justifyContent: 'flex-start', alignItems: 'flex-end',   padding: '16px',   background: 'transparent' },\n        'top':          { justifyContent: 'center',     alignItems: 'flex-start', padding: '16px',   background: 'transparent' },\n        'top-right':    { justifyContent: 'flex-end',   alignItems: 'flex-start', padding: '16px',   background: 'transparent' },\n        'top-left':     { justifyContent: 'flex-start', alignItems: 'flex-start', padding: '16px',   background: 'transparent' },\n    };\n    const pos = positionMap[style?.position ?? 'center'] ?? positionMap['center'];\n\n    // Crear popup base\n    const popup = document.createElement('div');\n    popup.id = 'dd-popup';\n    popup.className = 'deepdots-popup';\n    popup.setAttribute('dir', direction);\n    popup.style.cssText = `\n      position: relative;\n      display: flex;\n      flex-direction: column;\n      justify-content: flex-start;\n      background: ${theme.popupBg};\n      color-scheme: ${theme.colorScheme};\n      border-radius: 8px;\n      padding: 24px;\n      box-shadow: 0 4px 6px rgba(0,0,0,0.1);\n      max-width: 600px;\n      width: 90%;\n      max-height: 90vh;\n      min-height: 200px;\n    `;\n\n    const font = style?.font;\n    if (font?.family) {\n        const familyValue = buildFontFamilyValue(font.family);\n        // El survey vive dentro del contenedor y hereda esta fuente.\n        popup.style.fontFamily = familyValue;\n        // La variable habilita que el <h2> (Montserrat por defecto) también la use.\n        popup.style.setProperty('--deepdots-font', familyValue);\n        // Los controles de formulario (button/input/textarea/select) NO heredan\n        // font-family por defecto; esta clase activa la regla que los fuerza a heredar.\n        popup.classList.add('deepdots-has-font');\n        if (font.url) ensureFontFace(font.family, font.url);\n    }\n\n    // Sección header (título + botón cerrar)\n    const header = document.createElement('div');\n    header.className = 'deepdots-popup-header';\n    header.style.cssText = 'display:flex; justify-content:space-between; align-items:center; gap:12px; width:100%; flex:0 0 auto;';\n\n    // Título: `textContent`, nunca innerHTML — el valor viene de la API.\n    const titleEl = document.createElement('h2');\n    titleEl.id = 'dd-title';\n    titleEl.className = 'deepdots-popup-title';\n    // text-transform/text-align/margin neutralizan la regla `.deepdots-popup h2` del CSS del\n    // survey (uppercase, centrado, margin-bottom 40px), pensada para los enunciados.\n    titleEl.style.cssText = `margin:0; font-size:17px; font-weight:600; line-height:1.3; color:${theme.textPrimary}; text-transform:none; text-align:start; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;`;\n    titleEl.hidden = true;\n    const setTitle = (value?: string) => {\n        if (!value) return;\n        titleEl.textContent = value;\n        titleEl.hidden = false;\n    };\n    setTitle(options?.title);\n    header.appendChild(titleEl);\n\n    // Botón de cierre (X)\n    const closeBtn = document.createElement('button');\n    closeBtn.id = 'dd-close';\n    closeBtn.type = 'button';\n    closeBtn.setAttribute('aria-label', labels.closeAria);\n    closeBtn.innerHTML = `\n      <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path d=\"M5 5L19 19M5 19L19 5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"butt\"/>\n      </svg>\n    `;\n    closeBtn.style.cssText = `\n      background:transparent;\n      border:none;\n      width:32px;\n      height:32px;\n      display:flex;\n      align-items:center;\n      justify-content:center;\n      border-radius: 8px;\n      cursor:pointer;\n      color:${theme.textPrimary};\n      padding:4px;\n      transition: color .15s ease, transform .15s ease;\n      box-shadow: none !important;\n    `;\n    closeBtn.onmouseenter = () => {\n        closeBtn.style.color = theme.closeBtnHoverColor;\n        closeBtn.style.transform = 'scale(1.06)';\n    };\n    closeBtn.onmouseleave = () => {\n        closeBtn.style.color = theme.textPrimary;\n        closeBtn.style.transform = 'scale(1)';\n    };\n    closeBtn.onclick = () => {\n        emit('popup_clicked', surveyId, {action: 'close_icon'});\n        onClose();\n    };\n    closeBtn.style.flex = '0 0 auto';\n    closeBtn.style.marginLeft = 'auto';\n    header.appendChild(closeBtn);\n\n    // Barra de progreso (\"Question X of Y\" + barra), espejo de LineProgressQuestion (MagicSurvey).\n    // `undefined` en el init deja decidir a la plataforma (style.showProgressBar).\n    let progressEnabled = options?.showProgressBar === true;\n    let progressShowUnit = true;\n    let progressUnit: 'percentage' | 'fraction' = 'fraction';\n\n    const progressEl = document.createElement('div');\n    progressEl.id = 'dd-progress';\n    progressEl.className = 'deepdots-progress';\n    // Sin padding horizontal propio: se alinea con el título y con el contenido. El vertical es\n    // el mismo arriba y abajo, y del mismo valor que el padding de la tarjeta.\n    progressEl.style.cssText = 'display:none; flex-direction:column; gap:8px; width:100%; flex:0 0 auto; padding:16px 0; box-sizing:border-box;';\n    const progressHead = document.createElement('div');\n    progressHead.className = 'deepdots-progress-head';\n    progressHead.style.cssText = 'display:flex; flex-direction:row; justify-content:space-between; align-items:center; width:100%; gap:8px;';\n    const progressLabel = document.createElement('span');\n    progressLabel.id = 'dd-progress-label';\n    progressLabel.style.cssText = 'font-size:13px; line-height:1.2;';\n    // \"Question 1\" en negrita y \"of 3\" en regular gris, como el mockup.\n    const progressCurrent = document.createElement('span');\n    progressCurrent.id = 'dd-progress-current';\n    progressCurrent.style.cssText = `font-weight:700; color:${theme.textPrimary};`;\n    const progressTotal = document.createElement('span');\n    progressTotal.id = 'dd-progress-total';\n    progressTotal.style.cssText = `font-weight:400; color:${theme.textMuted};`;\n    progressLabel.appendChild(progressCurrent);\n    progressLabel.appendChild(progressTotal);\n    const progressFollowUp = document.createElement('span');\n    progressFollowUp.id = 'dd-progress-followup';\n    progressFollowUp.textContent = labels.followUp;\n    progressFollowUp.style.cssText = 'display:none; font-size:12px; font-weight:600; color:#fff; background:rgba(59,130,246,0.44); border-radius:999px; padding:2px 10px;';\n    progressHead.appendChild(progressLabel);\n    progressHead.appendChild(progressFollowUp);\n    const progressTrack = document.createElement('div');\n    progressTrack.className = 'deepdots-progress-track';\n    progressTrack.style.cssText = `width:100%; height:4px; border-radius:999px; background:${theme.progressTrack}; overflow:hidden;`;\n    const progressBar = document.createElement('div');\n    progressBar.id = 'dd-progress-bar';\n    progressBar.style.cssText = 'height:100%; width:0%; background:#22C55E; border-radius:999px; transition:width 450ms ease;';\n    progressTrack.appendChild(progressBar);\n    progressEl.appendChild(progressHead);\n    progressEl.appendChild(progressTrack);\n\n    function updateProgress(p: { progress?: number; total?: number; completed?: boolean; followup?: boolean }) {\n        const total = typeof p.total === 'number' ? p.total : 0;\n        const progress = typeof p.progress === 'number' ? p.progress : 0;\n        if (!progressEnabled || onStartPage || p.completed || total <= 1) {\n            progressEl.style.display = 'none';\n            // Sin barra, el hueco cabecera→pregunta lo pone el contenido.\n            containerContent.style.paddingTop = '16px';\n            return;\n        }\n        progressEl.style.display = 'flex';\n        // Con barra, el hueco inferior ya lo pone el bloque de progreso: no duplicarlo.\n        containerContent.style.paddingTop = '0';\n        // La barra usa el valor real (las follow-up suman +0.5 y avanzan media casilla); la\n        // etiqueta redondea hacia abajo, porque una follow-up es un paso DENTRO de la misma\n        // pregunta y no la siguiente.\n        const current = Math.min(total, Math.max(1, progress + 1));\n        const pct = Math.min(100, Math.max(0, (current / total) * 100));\n        progressBar.style.width = `${pct}%`;\n        const label = Math.min(total, Math.max(1, Math.floor(progress) + 1));\n        progressLabel.style.display = progressShowUnit ? 'block' : 'none';\n        if (progressUnit === 'percentage') {\n            progressCurrent.textContent = `${Math.round(pct)}%`;\n            progressTotal.textContent = '';\n        } else {\n            progressCurrent.textContent = `${labels.question} ${label}`;\n            progressTotal.textContent = ` ${labels.of} ${total}`;\n        }\n        progressFollowUp.style.display = p.followup ? 'inline-block' : 'none';\n    }\n\n    ensureMagicFeedbackStyles(popup);\n    // Después del CSS del paquete y antes del CSS del host, que sigue teniendo la última palabra.\n    ensureSurveyAlignmentStyles();\n    ensureSpinnerStyles(popup);\n    ensureResponsiveStyles(popup);\n    // El último en entrar: el CSS del host gana sobre todo lo anterior.\n    ensureCustomCss(options?.surveyCss);\n\n    const containerContent = document.createElement('div');\n    containerContent.id = 'dd-content';\n    // Estaba escrito 'conetent'; el HTML del WebView siempre usó la forma correcta. Con\n    // `surveyCss` esta clase pasa a ser superficie pública, así que las dos rutas deben coincidir.\n    containerContent.className = 'deepdots-popup-container-content';\n    // El popup es una columna: solo el bloque de preguntas hace scroll, para que el footer con\n    // las acciones quede siempre pegado al borde inferior (antes vivía dentro del área\n    // scrollable y en un survey largo había que bajar hasta el final para ver \"Send\").\n    // Sin sangrado extra: el contenido se alinea con el título y con la barra de progreso\n    // (antes sumaba 20px a los lados sobre el padding de la tarjeta). `overflow:hidden` deja\n    // el scroll en `main`, no en el contenedor.\n    containerContent.style.cssText = 'display:flex; flex-direction:column; flex:1 1 auto; min-height:0; padding:16px 0 0 0; overflow:hidden;'\n\n    // Sección principal (main) - Contenedor formulario + spinner\n    const main = document.createElement('div');\n    main.id = 'dd-main';\n    main.className = 'deepdots-popup-main';\n    main.style.cssText = 'display:flex; flex-direction:column; width:100%; flex:1 1 auto; min-height:0; overflow-y:auto;';\n\n    const formWrapper = document.createElement('div');\n    formWrapper.id = 'dd-form-wrapper';\n    formWrapper.style.cssText = 'width:100%; flex: 1 1 auto;';\n\n    // Contenedor de aviso de error de validación\n    const errorHint = document.createElement('div');\n    errorHint.id = 'dd-error';\n    errorHint.className = 'deepdots-error-hint';\n    errorHint.style.cssText = `\n      display: none;\n      margin: 12px 0 0 0;\n      padding: 10px 12px;\n      border-radius: 6px;\n      background: #FEF3C7; /* amber-100 */\n      color: #92400E; /* amber-700 */\n      border: 1px solid #FCD34D; /* amber-300 */\n      font-size: 13px;\n    `;\n    errorHint.setAttribute('role', 'alert');\n    errorHint.setAttribute('aria-live', 'polite');\n\n    const spinnerEl = document.createElement('div');\n    spinnerEl.className = 'mf-spinner';\n    spinnerEl.setAttribute('role', 'status');\n    spinnerEl.setAttribute('aria-label', labels.loadingAria);\n    spinnerEl.innerHTML = '<div class=\"mf-spinner-circle\"></div>';\n    spinnerEl.style.cssText = 'position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);';\n\n    const formDivId = `magicfeedback-form-${surveyId}`;\n    const formHost = document.createElement('div');\n    formHost.id = formDivId;\n    formHost.style.cssText = 'width:100%; visibility:hidden;';\n\n    formWrapper.appendChild(spinnerEl);\n    formWrapper.appendChild(formHost);\n    main.appendChild(formWrapper);\n    // Insertar el hint justo antes del footer\n    main.appendChild(errorHint);\n\n    // Sección footer (acciones) - botones en extremos\n    const footer = document.createElement('div');\n    footer.id = 'dd-footer';\n    footer.className = 'deepdots-popup-footer';\n    footer.setAttribute('data-actions-wrapper', 'true');\n    footer.style.cssText = 'display:flex; flex-direction: row-reverse ;justify-content:space-between; align-items:center; gap:4px; margin-top:auto; width:100%; padding-top:12px;';\n\n    // Botones\n    const backButton = document.createElement('button');\n    backButton.id = 'dd-back';\n    backButton.className = 'dd-nav-btn';\n    backButton.textContent = actionLabels.back;\n    // Secundario como botón de texto: sin borde, fondo ni sombra, para que el primario sea\n    // la única CTA con peso visual.\n    backButton.style.cssText = `\n      background: transparent;\n      color: ${theme.textMuted};\n      border: none;\n      min-height: 44px;\n      padding: 12px 24px;\n      border-radius: 999px; /* píldora, como el Button de Material3 en KMP */\n      cursor: pointer;\n      font-size: 15px;\n      font-weight: 600;\n      transition: filter .15s ease;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      text-align: center;\n    `;\n    backButton.onmouseenter = () => {\n        backButton.style.filter = 'brightness(0.9)';\n    }\n    backButton.onmouseleave = () => {\n        backButton.style.filter = 'brightness(1)';\n    }\n    backButton.onclick = () => {\n        emit('popup_clicked', surveyId, {action: 'back'});\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        (formInstance as any)?.back?.();\n    };\n\n    // Boton start survyes, solo aprece cuando la encuesta empieza con mensaje de inicio\n    // Width de 100% para que ocupe todo el espacio disponible\n    const startButton = document.createElement('button');\n    startButton.id = 'dd-start';\n    startButton.className = 'dd-nav-btn';\n    startButton.textContent = actionLabels.start;\n    startButton.style.cssText = `\n      background: #1E293B;\n      color: #fff;\n      border: none;\n      min-height: 44px;\n      padding: 12px 24px;\n      border-radius: 999px; /* píldora, como el Button de Material3 en KMP */\n      cursor: pointer;\n      font-size: 15px;\n      font-weight: 600;\n      box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n      transition: filter .15s ease;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      text-align: center;\n    `;\n    startButton.onclick = () => {\n        emit('popup_clicked', surveyId, {action: 'start_survey'});\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        (formInstance as any)?.startForm?.();\n        onStartPage = false;\n        updateProgress({progress: formInstance?.progress, total: formInstance?.total});\n    };\n\n    // Botón cerrar popup, solo aparece al terminar la encuesta\n    // Width de 100% para que ocupe todo el espacio disponible\n    const closeButton = document.createElement('button');\n    closeButton.id = 'dd-complete';\n    closeButton.className = 'dd-nav-btn';\n    closeButton.textContent = actionLabels.complete;\n    closeButton.style.cssText = `\n      background: #1E293B;\n      color: #fff;\n      border: none;\n      min-height: 44px;\n      padding: 12px 24px;\n      border-radius: 999px; /* píldora, como el Button de Material3 en KMP */\n      cursor: pointer;\n      font-size: 15px;\n      font-weight: 600;\n      box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n      transition: filter .15s ease;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      text-align: center;\n    `;\n    closeButton.onmouseenter = () => {\n        closeButton.style.filter = 'brightness(0.9)';\n    }\n    closeButton.onmouseleave = () => {\n        closeButton.style.filter = 'brightness(1)';\n    }\n    closeButton.onclick = () => {\n        emit('popup_clicked', surveyId, {action: 'complete'});\n        onClose();\n    };\n\n    // Botón send, si es primera pagina ocupara el espacio completo pero si no estara al lado derecho\n    const submitButton = document.createElement('button');\n    submitButton.id = 'dd-submit';\n    submitButton.className = 'dd-nav-btn';\n    submitButton.textContent = actionLabels.accept;\n    submitButton.style.cssText = `\n      background: #1E293B;\n      color: #fff;\n      border: none;\n      min-height: 44px;\n      padding: 12px 24px;\n      border-radius: 999px; /* píldora, como el Button de Material3 en KMP */\n      cursor: pointer;\n      font-size: 15px;\n      font-weight: 600;\n      box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n      transition: filter .15s ease;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      text-align: center;\n    `;\n    submitButton.onclick = () => {\n        if (!surveyCompletedEmitted) {\n            emit('popup_clicked', surveyId, {action: 'manual_send'});\n            // Dispara envío nativo si existe\n            // eslint-disable-next-line @typescript-eslint/no-explicit-any\n            (formInstance as any)?.send?.();\n        }\n    };\n\n    /**\n     * Re-resuelve todos los textos del chrome para `lang`. Se llama cuando el survey ya cargó\n     * y se conoce su idioma. Las etiquetas que configure la plataforma por popup\n     * (`actions.*.label`) siguen ganando: `resolveActionLabels` solo rellena las que falten.\n     * El contador de progreso no se toca aquí porque `updateProgress` lo repinta justo después\n     * leyendo `labels`.\n     */\n    function applyLabels(lang: string): void {\n        labels = getLabels(lang);\n        actionLabels = resolveActionLabels(actions, lang);\n        backButton.textContent = actionLabels.back;\n        startButton.textContent = actionLabels.start;\n        closeButton.textContent = actionLabels.complete;\n        submitButton.textContent = actionLabels.accept;\n        closeBtn.setAttribute('aria-label', labels.closeAria);\n        spinnerEl.setAttribute('aria-label', labels.loadingAria);\n        progressFollowUp.textContent = labels.followUp;\n        // El survey ya se ha volteado a sí mismo: el chrome tiene que acompañarlo.\n        direction = directionFor(lang);\n        popup.setAttribute('dir', direction);\n    }\n\n    backButton.style.display = 'none';\n    startButton.style.display = 'none';\n    submitButton.style.display = 'none';\n    closeButton.style.display = 'none';\n\n    // Insertar botones dentro del footer en orden visual (row-reverse deja primario a la derecha)\n    footer.appendChild(submitButton);\n    footer.appendChild(backButton);\n    footer.appendChild(closeButton);\n    footer.appendChild(startButton);\n\n    // Añadir footer al main y main al containerContent\n    containerContent.appendChild(main);\n    // El footer va fuera del área scrollable, como hermano de `main`.\n    footer.style.flex = '0 0 auto';\n    containerContent.appendChild(footer);\n\n    // Helper para controlar visibilidad de botones según estado\n    type ViewState = 'loading' | 'start' | 'in_progress_first' | 'in_progress_next' | 'completed' | 'error';\n\n    function updateButtons(state: ViewState) {\n        // Por defecto, ocultar todos\n        backButton.style.display = 'none';\n        startButton.style.display = 'none';\n        submitButton.style.display = 'none';\n        closeButton.style.display = 'none';\n        // Reset widths por estado\n        backButton.style.width = '';\n        startButton.style.width = '';\n        submitButton.style.width = '';\n        closeButton.style.width = '';\n\n        switch (state) {\n            case 'loading':\n                // Footer se ocultará desde setLoading\n                break;\n            case 'start':\n                // Solo botón Start a ancho completo\n                startButton.style.display = 'inline-flex';\n                startButton.style.width = '100%';\n                break;\n            case 'in_progress_first':\n                // Solo botón Send (lado derecho), ancho auto\n                submitButton.style.display = 'inline-flex';\n                submitButton.style.width = '';\n                setLoading(false);\n                break;\n            case 'in_progress_next':\n                // Mostrar Back (izquierda) + Send (derecha)\n                backButton.style.display = 'inline-flex';\n                submitButton.style.display = 'inline-flex';\n                setLoading(false);\n                break;\n            case 'completed':\n                // Mostrar Close/Complete a ancho completo como acción principal\n                closeButton.style.display = 'inline-flex';\n                closeButton.style.width = '100%';\n                setLoading(false);\n                break;\n            case 'error':\n                // En error, permitir cerrar (ancho auto)\n                // closeButton.style.display = 'inline-flex';\n                setLoading(false);\n                break;\n        }\n    }\n\n    /** Estado de navegación según la profundidad recorrida (no según `total`). */\n    function updateNavButtons() {\n        updateButtons(pageDepth > 0 ? 'in_progress_next' : 'in_progress_first');\n    }\n\n    /**\n     * Pantalla final con el `successMessage` configurado en la plataforma. La pinta el popup y\n     * no `@magicfeedback/native`, cuyo `renderSuccess` usa `textContent` (el mensaje es HTML del\n     * editor: imagen + texto) y cuyo fallback es un literal que ignora el estilo del survey.\n     * Va por innerHTML igual que `renderStartMessage` con el mensaje de inicio.\n     */\n    let successMessageHtml = '';\n    function showSuccessScreen() {\n        progressEl.style.display = 'none';\n        formWrapper.style.display = 'none';\n        let done = main.querySelector('.deepdots-success') as HTMLElement | null;\n        if (!done) {\n            done = document.createElement('div');\n            done.className = 'deepdots-success';\n            done.style.cssText = `width:100%; text-align:center; padding:24px 0; color:${theme.textPrimary};`;\n            main.insertBefore(done, errorHint);\n        }\n        done.innerHTML = successMessageHtml || '<p>Thank you for your feedback!</p>';\n        done.querySelectorAll('img').forEach((img) => {\n            img.style.cssText = 'max-width:100%; height:auto; margin:0 auto 16px auto; display:block;';\n        });\n    }\n\n    // Ensamblar popup\n    popup.appendChild(header);\n    popup.appendChild(progressEl);\n    popup.appendChild(containerContent);\n\n    container.innerHTML = '';\n    container.appendChild(popup);\n    container.style.display = 'flex';\n    // Apertura diferida: el contenedor entra en el layout (el survey necesita medidas reales\n    // para pintarse) pero invisible y sin capturar clics, hasta que `reveal()` lo enseñe.\n    container.style.visibility = 'hidden';\n    container.style.pointerEvents = 'none';\n    container.style.justifyContent = pos.justifyContent;\n    container.style.alignItems = pos.alignItems;\n    container.style.background = pos.background;\n    if (pos.padding) container.style.padding = pos.padding;\n\n    // ── Apertura diferida ────────────────────────────────────────────────────────────────\n    // El spinner de apertura es lo que el cliente reporta como mala sensación: medido, está\n    // ~310 ms en pantalla esperando el JSON del survey. En vez de enseñar la espera, se espera\n    // en silencio y se abre el popup ya montado.\n    let revealed = false;\n    let revealTimer: ReturnType<typeof setTimeout> | null = null;\n\n    function reveal() {\n        if (revealed) return;\n        revealed = true;\n        if (revealTimer !== null) {\n            clearTimeout(revealTimer);\n            revealTimer = null;\n        }\n        // Si el popup se cerró durante la espera, este contenedor ya no es suyo: `hide()` lo ha\n        // vaciado y puede estar sirviendo a otra apertura. Revelarlo aquí la sacaría antes de\n        // tiempo.\n        if (!container.contains(popup)) return;\n        container.style.visibility = 'visible';\n        container.style.pointerEvents = '';\n    }\n\n    /**\n     * Revela en cuanto el popup está pintado del todo. Se mira el popup entero, no solo el\n     * formulario, porque el logo del survey se inserta sobre la barra de progreso y es el que más\n     * desplaza el contenido al entrar.\n     */\n    function revealWhenPainted() {\n        if (revealed) return;\n        revealWhenImagesLoaded(popup, reveal);\n    }\n\n    revealTimer = setTimeout(reveal, REVEAL_TIMEOUT_MS);\n\n    // Gestión dinámica de loading\n    function setLoading(isLoading: boolean) {\n        spinnerEl.style.display = isLoading ? 'flex' : 'none';\n        if (!isLoading) {\n            formHost.style.visibility = 'visible';\n            // Fin de la carga, sea por survey cargado o por error: el popup ya puede verse.\n            // Entre páginas del survey es no-op, porque `reveal` solo actúa la primera vez.\n            revealWhenPainted();\n        }\n        // Ocultar totalmente los botones cuando está cargando\n        footer.style.display = isLoading ? 'none' : 'flex';\n        // Ajustar estados de los botones por si se muestran\n        backButton.disabled = isLoading;\n        startButton.disabled = isLoading;\n        closeButton.disabled = isLoading;\n        submitButton.disabled = isLoading;\n        submitButton.style.opacity = isLoading ? '0.6' : '1';\n        submitButton.style.cursor = isLoading ? 'not-allowed' : 'pointer';\n        // No sobrescribir el estado de botones al finalizar la carga.\n        if (isLoading) {\n            updateButtons('loading');\n        }\n    }\n\n    // Estado inicial\n    setLoading(true);\n\n    // Entorno navegador\n    if (typeof window === 'undefined' || typeof document === 'undefined') {\n        return;\n    }\n\n    // Referencia instancia formulario\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    let formInstance: any = null;\n\n    try {\n        if (!magicfeedback || typeof magicfeedback.form !== 'function') {\n            sdkWarn('[MagicFeedback] form() no disponible. Fallback manual.');\n            setLoading(false);\n            return;\n        }\n        magicfeedback.init({\n            debug: true,\n            env: env === 'production' ? 'prod' : 'dev'}\n        );\n        // Contrato Fase 1 §5: profile = identidad del usuario; metadata = contexto de tracking (session_id + user_id)\n        const { profile, metadata } = buildSurveyIdentity(userId ?? null, sessionId ?? null, miniService ?? null, analyticsFeedbackSessionId ?? null);\n        formInstance = magicfeedback.form(surveyId, productId, profile, metadata);\n\n        interface TypedGenerateOptions {\n            addButton: boolean;\n            getMetaData: boolean;\n            addSuccessScreen: boolean;\n            onLoadedEvent?: (args: {\n                formData: FormData,\n                progress?: number, total?: number\n            }) => void;\n            beforeSubmitEvent?: () => void;\n            afterSubmitEvent?: (args: { error?: string, completed: boolean, progress: number, total: number, followup?: boolean }) => void;\n            onBackEvent?: (args: { error?: string, progress: number, total: number, followup: boolean }) => void;\n        }\n\n        const generateOptions: TypedGenerateOptions = {\n            addButton: false,\n            getMetaData: true,\n            // La pantalla final la pinta el popup: `renderSuccess` de @magicfeedback/native usa\n            // textContent, así que el mensaje de la plataforma (HTML con imagen) no se vería, y\n            // su fallback es un literal genérico que ignora `style.successMessage`.\n            addSuccessScreen: false,\n        };\n        generateOptions.onLoadedEvent = ({formData}) => {\n            // Idioma del survey: el que la plataforma configura en la integración y con el que\n            // `@magicfeedback/native` localiza preguntas y placeholders. Manda sobre el del init\n            // para que el chrome no se quede en inglés delante de un survey traducido.\n            const surveyLang = Array.isArray(formData?.lang)\n                ? formData.lang.find((l) => typeof l === 'string' && l.trim().length > 0)\n                : undefined;\n            if (surveyLang) applyLabels(surveyLang);\n            // Calcular altura disponible y aplicarla al main (restando header + footer + paddings)\n            try {\n                /*\n                const headerHeight = header.getBoundingClientRect().height;\n                const footerHeight = footer.getBoundingClientRect().height;\n                const paddingY = 48; // 24px top + 24px bottom\n                const viewportLimit = window.innerHeight * 0.8; // coincide con max-height del popup\n                const available = viewportLimit - headerHeight - footerHeight - paddingY;\n                if (available > 120) { // asegurar un mínimo razonable\n                    main.style.maxHeight = available + 'px';\n                } */\n            } catch {\n                // silencioso\n            }\n            // Personalización del popup basada en formData.style\n            const s = formData?.style;\n            if (s && !stylesInjected) {\n                stylesInjected = true;\n                if (s.successMessage) successMessageHtml = s.successMessage;\n                // La barra de progreso la decide el host (init) y, si no se pronuncia, la plataforma.\n                if (options?.showProgressBar === undefined) progressEnabled = s.showProgressBar === true;\n                if (s.showProgressUnit !== undefined) progressShowUnit = s.showProgressUnit !== false;\n                if (s.progressUnit) progressUnit = s.progressUnit;\n                if (s.loadingBarColor) {\n                    progressBar.style.background = s.loadingBarColor;\n                    progressFollowUp.style.background = s.loadingBarColor;\n                }\n                // Fondo del contenedor popup\n                if (s.boxBackgroundColor) {\n                    popup.style.background = s.boxBackgroundColor;\n                }\n                // Alineación del contenido principal\n                if (s.contentAlign) {\n                    // 'top' => start, 'center' => center\n                    main.style.justifyContent = s.contentAlign === 'center' ? 'center' : 'flex-start';\n                }\n                // Botón primario (submit, start)\n                // El survey pinta sus controles con `--mf-primary`, que sale de `primaryColor`;\n                // si la integración solo configura el del botón, el popup mezclaría el color de\n                // la marca con el gris azulado por defecto del paquete.\n                applySurveyPrimaryColor(popup, s);\n                if (s.buttonPrimaryColor) {\n                    submitButton.style.background = s.buttonPrimaryColor;\n                    submitButton.style.border = 'none';\n                    submitButton.style.color = '#fff';\n\n                    startButton.style.background = s.buttonPrimaryColor;\n                    startButton.style.border = 'none';\n                    startButton.style.color = '#fff';\n\n                    closeButton.style.background = s.buttonPrimaryColor;\n                    closeButton.style.border = 'none';\n                    closeButton.style.color = '#fff';\n                }\n                // Botón secundario (back) — outlined: fondo blanco, letra y borde del color secundario\n                if (s.buttonSecondaryColor) {\n                    // Botón de texto: solo tiñe la etiqueta, sin recuperar fondo ni borde.\n                    backButton.style.background = 'transparent';\n                    backButton.style.color = s.buttonSecondaryColor;\n                    backButton.style.border = 'none';\n                }\n                // El logo va encima de la barra de progreso, como hermano del header.\n                insertPopupLogo(popup, progressEl, s, 'deepdots-popup-logo');\n\n                if (s.startMessage && s.startMessage !== '') {\n                    // Si hay mensaje de inicio, mostrar botón Start inicialmente\n                    sdkLog(s.startMessage);\n                    onStartPage = true;\n                    updateButtons('start');\n                } else {\n                    // Si no hay mensaje de inicio, mostrar estado de primera página (solo Send)\n                    updateButtons('in_progress_first');\n                }\n            } else {\n                // Sin estilos, asumir primera página normal\n                updateButtons('in_progress_first');\n            }\n\n            // El total solo se conoce con el form ya montado.\n            updateProgress({progress: formInstance.progress, total: formInstance.total});\n            emit('popup_clicked', surveyId, {action: 'loaded'});\n            setLoading(false); // hace visible el formulario y oculta el spinner\n        };\n        generateOptions.beforeSubmitEvent = () => {\n            setLoading(true);\n            emit('popup_clicked', surveyId, {action: 'before_submit'});\n        };\n        generateOptions.afterSubmitEvent = ({error, completed, total, progress, followup}) => {\n            // No cambiar estado de loading aquí; lo gestiona cada transición\n            // Normalizar el error a texto seguro\n            const errText = error ? (typeof error === 'string' ? error : ((error as unknown as {message?: string}).message ?? String(error))) : '';\n            if (errText) {\n                // Desactivar loading para que se vean los botones\n                setLoading(false);\n                // Caso específico: error de pregunta obligatoria\n                if (errText.toLowerCase().includes('no response')) {\n                    errorHint.textContent = labels.errorRequired;\n                    errorHint.style.display = 'block';\n                    emit('popup_clicked', surveyId, {action: 'validation_error_required'});\n                    // La página no ha cambiado: el estado de navegación se queda como estaba.\n                    updateNavButtons();\n                    return;\n                }\n                // Otros errores: mostrar mensaje genérico y permitir cerrar\n                errorHint.textContent = labels.errorSubmit;\n                errorHint.style.display = 'block';\n                emit('popup_clicked', surveyId, {action: 'submit_error', error: errText});\n                // updateButtons('error');\n                return;\n            }\n            // Limpiar hint si no hay error\n            errorHint.style.display = 'none';\n            setLoading(false);\n            if (completed) {\n                emit('survey_completed', surveyId, {action: 'completed'});\n                surveyCompletedEmitted = true;\n                showSuccessScreen();\n                updateButtons('completed');\n                updateProgress({progress, total, completed: true});\n                return;\n            }\n            emit('popup_clicked', surveyId, {action: 'partial'});\n            pageDepth++;\n            updateNavButtons();\n            updateProgress({progress, total, followup});\n        };\n        generateOptions.onBackEvent = ({progress, error, followup}) => {\n            emit('popup_clicked', surveyId, {action: 'back'});\n            // Con error (\"No page found\") no hubo navegación: la profundidad no se toca.\n            if (!error) pageDepth = Math.max(0, pageDepth - 1);\n            updateNavButtons();\n            // onBackEvent no trae `total`: se lee del form, que es su dueño.\n            updateProgress({progress, total: formInstance.total, followup});\n        };\n\n        // Ejecutar generación con opciones tipadas\n        formInstance.generate(formDivId, generateOptions)\n            // eslint-disable-next-line @typescript-eslint/no-explicit-any\n            .catch((err: any) => {\n                sdkError('[MagicFeedback] Error generating form:', err);\n                setLoading(false);\n            });\n    } catch (e) {\n        sdkError('[MagicFeedback] Exception initializing form:', e);\n        setLoading(false);\n    }\n}\n"],"mappings":"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","names":["revealWhenPainted"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@magicfeedback/popup-sdk",
-  "version": "1.7.1",
+  "version": "1.7.2",
   "description": "TypeScript SDK to render and manage survey popups for MagicFeedback",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -22,7 +22,8 @@
     "dist"
   ],
   "scripts": {
-    "build": "tsup src/index.ts --format cjs,esm --dts --clean && cp -R src/assets dist/assets && tsup --config tsup.rn.config.ts",
+    "build": "tsup src/index.ts --format cjs,esm --dts --clean && rm -rf dist/assets && mkdir -p dist/assets/assets && cp -R src/assets/. dist/assets/assets/ && tsup --config tsup.rn.config.ts",
+    "check:layout": "node scripts/check-package-layout.mjs",
     "build:watch": "tsup src/index.ts --format cjs,esm --dts --watch",
     "docs:dev": "npm --prefix docs run dev",
     "docs:build": "npm --prefix docs run build",
@@ -31,7 +32,7 @@
     "test:watch": "vitest",
     "e2e": "playwright test",
     "e2e:report": "playwright show-report",
-    "prepublishOnly": "npm run build",
+    "prepublishOnly": "npm run build && npm run check:layout",
     "release": "export $(grep -v '^#' .npm.env | grep -v '^$' | xargs) && npm publish --access public"
   },
   "keywords": [

package/dist/chunk-W6MPSWMS.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/tracking/tracking-manager.ts","../src/ui/font.ts","../src/i18n/labels.ts","../src/assets/style.css","../src/util/logger.ts"],"sourcesContent":["/**\n * Identidad + sesión para el tracking de navegación (Fase 1).\n * Implementa el \"Contrato común Web+KMP\".\n *\n * Modelo: el SDK gestiona el `user_id` (persistente). El `session_id` es propiedad\n * del BACKEND: llega en la respuesta de `POST /sdk/popups` y se cachea; el backend\n * cose sesiones por `user_id` + ventana. El SDK NO genera ni expira sesiones.\n *\n * Sin dependencias de DOM: recibe el storage y (opcionalmente) el reloj y el\n * generador de uuid por inyección. El binding a `localStorage` vive en `createDefaultStorage`.\n */\n\n/** Store clave/valor mínimo (espejo conceptual del `KeyValueStorage` de KMP). */\nexport interface KeyValueStorage {\n  getItem(key: string): string | null;\n  setItem(key: string, value: string): void;\n  removeItem(key: string): void;\n}\n\n/** Impl en memoria — usada en tests y como fallback sin `localStorage`. */\nexport class InMemoryStorage implements KeyValueStorage {\n  private map = new Map<string, string>();\n  getItem(key: string): string | null {\n    return this.map.has(key) ? (this.map.get(key) as string) : null;\n  }\n  setItem(key: string, value: string): void {\n    this.map.set(key, value);\n  }\n  removeItem(key: string): void {\n    this.map.delete(key);\n  }\n}\n\n/** Storage por defecto en Web: `localStorage` si está disponible, si no in-memory. */\nexport function createDefaultStorage(): KeyValueStorage {\n  try {\n    if (typeof window !== 'undefined' && window.localStorage) {\n      const ls = window.localStorage;\n      const probe = '__deepdots_probe__';\n      ls.setItem(probe, '1');\n      ls.removeItem(probe);\n      return {\n        getItem: (k) => ls.getItem(k),\n        setItem: (k, v) => ls.setItem(k, v),\n        removeItem: (k) => ls.removeItem(k),\n      };\n    }\n  } catch {\n    // cae a in-memory\n  }\n  return new InMemoryStorage();\n}\n\n/** Claves de storage — namespace `deepdots.*`. Solo identidad (la sesión no se persiste). */\nexport const STORAGE_KEYS = {\n  userId: 'deepdots.user_id',\n  firstSeen: 'deepdots.user.first_seen',\n  contactAttributes: 'deepdots.contact.attributes',\n} as const;\n\n/** Par clave/valor con el formato `NativeAnswer` que espera `@magicfeedback/native`. */\nexport interface IdentityAnswer {\n  key: string;\n  value: string[];\n}\n\n/**\n * Construye el `profile` y el `metadata` de identidad para inyectar en el survey\n * (`magicfeedback.form(appId, publicKey, profile, metadata)`), según el contrato §5.\n * `session_id` solo se incluye si el backend ya lo proveyó.\n */\nexport function buildSurveyIdentity(\n  userId: string | null,\n  sessionId: string | null,\n  miniService: string | null = null,\n  analyticsFeedbackSessionId: string | null = null,\n): { profile: IdentityAnswer[]; metadata: IdentityAnswer[] } {\n  const profile: IdentityAnswer[] = userId ? [{ key: 'external-user-id', value: [userId] }] : [];\n  const metadata: IdentityAnswer[] = [];\n  if (sessionId) metadata.push({ key: 'session_id', value: [sessionId] });\n  if (userId) metadata.push({ key: 'user_id', value: [userId] });\n  if (miniService) metadata.push({ key: 'mini_service', value: [miniService] });\n  if (analyticsFeedbackSessionId) metadata.push({ key: 'deepdots_analytics_feedback_session_id', value: [analyticsFeedbackSessionId] });\n  return { profile, metadata };\n}\n\nexport interface TrackingManagerOptions {\n  storage: KeyValueStorage;\n  /** Id provisto por el cliente; si existe se usa y NO se persiste. */\n  clientUserId?: string;\n  /** Reloj inyectable (default `Date.now`). */\n  now?: () => number;\n  /** Generador de uuid inyectable (default uuid v4). */\n  uuid?: () => string;\n  /** Estado inicial del tracking (default `true`). */\n  enabled?: boolean;\n}\n\nfunction defaultUuid(): string {\n  const g = (typeof globalThis !== 'undefined' ? globalThis : {}) as {\n    crypto?: { randomUUID?: () => string; getRandomValues?: (a: Uint8Array) => Uint8Array };\n  };\n  if (g.crypto?.randomUUID) return g.crypto.randomUUID();\n  const bytes = new Uint8Array(16);\n  if (g.crypto?.getRandomValues) {\n    g.crypto.getRandomValues(bytes);\n  } else {\n    for (let i = 0; i < 16; i++) bytes[i] = Math.floor(Math.random() * 256);\n  }\n  bytes[6] = (bytes[6] & 0x0f) | 0x40;\n  bytes[8] = (bytes[8] & 0x3f) | 0x80;\n  const hex = Array.from(bytes, (b) => b.toString(16).padStart(2, '0'));\n  return `${hex.slice(0, 4).join('')}-${hex.slice(4, 6).join('')}-${hex\n    .slice(6, 8)\n    .join('')}-${hex.slice(8, 10).join('')}-${hex.slice(10, 16).join('')}`;\n}\n\nexport class TrackingManager {\n  private storage: KeyValueStorage;\n  private clientUserId?: string;\n  private now: () => number;\n  private uuid: () => string;\n  private enabled: boolean;\n\n  /** session_id cacheado, provisto por el backend (no se genera ni se persiste). */\n  private sessionId: string | null = null;\n  private userWasJustCreated = false;\n\n  constructor(options: TrackingManagerOptions) {\n    this.storage = options.storage;\n    this.clientUserId = options.clientUserId;\n    this.now = options.now ?? (() => Date.now());\n    this.uuid = options.uuid ?? defaultUuid;\n    this.enabled = options.enabled ?? true;\n  }\n\n  isTrackingEnabled(): boolean {\n    return this.enabled;\n  }\n\n  setTrackingEnabled(enabled: boolean): void {\n    this.enabled = enabled;\n  }\n\n  /** Resuelve el user_id según la regla: cliente > persistido > generar+persistir. */\n  getUserId(): string | null {\n    if (!this.enabled) return null;\n    if (this.clientUserId) return this.clientUserId;\n\n    const persisted = this.storage.getItem(STORAGE_KEYS.userId);\n    if (persisted) return persisted;\n\n    const id = this.uuid();\n    this.storage.setItem(STORAGE_KEYS.userId, id);\n    this.storage.setItem(STORAGE_KEYS.firstSeen, String(this.now()));\n    this.userWasJustCreated = true;\n    return id;\n  }\n\n  /** `true` solo en la primera sesión tras crear el user_id propio del SDK. */\n  isNewUser(): boolean {\n    return this.userWasJustCreated;\n  }\n\n  /** session_id actual provisto por el backend, o null si aún no llegó. */\n  getSessionId(): string | null {\n    if (!this.enabled) return null;\n    return this.sessionId;\n  }\n\n  /** Cachea el session_id devuelto por el backend (respuesta de POST /sdk/popups). */\n  setSessionId(sessionId: string | null): void {\n    if (!this.enabled) return;\n    this.sessionId = sessionId;\n  }\n}\n","/**\n * Helpers puros (sin DOM) para la fuente personalizable del popup/survey.\n * Espejo exacto en KMP: `ui/Font.kt`. Cualquier cambio aquí se replica allí.\n */\n\nconst FORMAT_BY_EXT: Record<string, string> = {\n  woff2: 'woff2',\n  woff: 'woff',\n  ttf: 'truetype',\n  otf: 'opentype',\n};\n\n/** Deriva el `format()` del `@font-face` a partir de la extensión de la URL. */\nexport function fontFormatFromUrl(url: string): string | undefined {\n  const clean = url.split('?')[0].split('#')[0];\n  const ext = clean.slice(clean.lastIndexOf('.') + 1).toLowerCase();\n  return FORMAT_BY_EXT[ext];\n}\n\n// family/url provienen de la API y se interpolan en CSS y en el <style> del HTML del WebView.\n// Saneamos para evitar romper el string/rule (CSS injection) o cerrar </style> (script injection).\nfunction sanitizeFamily(family: string): string {\n  return family.replace(/[^A-Za-z0-9 ._-]/g, '').trim();\n}\n\nfunction isSafeFontUrl(url: string): boolean {\n  // Solo http(s)/data y sin caracteres que rompan url(\"...\") o el <style>:\n  // comillas, <>, backslash, y cualquier whitespace o carácter de control.\n  if (!/^(https?:|data:)/i.test(url)) return false;\n  // eslint-disable-next-line no-control-regex\n  return !/[\\x00-\\x20\"<>\\\\]/.test(url);\n}\n\n/** Valor a aplicar en `font-family`: nombre custom + fallback de sistema. */\nexport function buildFontFamilyValue(family: string): string {\n  const safe = sanitizeFamily(family);\n  return `\"${safe}\", -apple-system, system-ui, sans-serif`;\n}\n\n/** CSS del `@font-face`. Devuelve \"\" si no hay url (o no es segura). */\nexport function buildFontFaceCss(family: string, url?: string): string {\n  if (!url || !isSafeFontUrl(url)) return '';\n  const safe = sanitizeFamily(family);\n  const fmt = fontFormatFromUrl(url);\n  const src = fmt ? `url(\"${url}\") format(\"${fmt}\")` : `url(\"${url}\")`;\n  return `@font-face{font-family:\"${safe}\";src:${src};font-display:swap;}`;\n}\n","import type { PopupActions } from '../types';\n\n/**\n * Textos que pinta el SDK alrededor del survey (botones del footer, barra de progreso,\n * aria-labels y avisos de error). NO son textos del survey: las preguntas, placeholders y\n * opciones las localiza `@magicfeedback/native` con `formData.lang[0]`, el idioma configurado\n * en la integración. Este módulo existe para que el chrome del popup hable ese mismo idioma\n * en lugar de quedarse siempre en inglés.\n *\n * Espejo del `i18n/DefaultLabels.kt` del SDK nativo (KMP): mismos locales y mismas reglas de\n * resolución, para que las tres rutas (popup DOM web, WebView de RN y Compose) digan lo mismo.\n */\n\n/** Locales con traducción propia. Cualquier otro idioma cae a `en`. */\nexport type PopupLocale =\n  | 'en' | 'es' | 'da' | 'no' | 'sv' | 'fi' | 'de' | 'fr' | 'pt' | 'ar' | 'bn' | 'zh-CN';\n\nexport interface PopupLabels {\n  /** Acción principal: enviar la respuesta. */\n  accept: string;\n  /** Acción de descarte. */\n  decline: string;\n  /** Botón de la pantalla de bienvenida. */\n  start: string;\n  /** Botón de la pantalla final. */\n  complete: string;\n  /** Volver a la pregunta anterior. */\n  back: string;\n  /** Sustantivo del contador de progreso (\"Question\" en `Question 2 of 5`). */\n  question: string;\n  /** Separador del contador de progreso (\"of\" en `Question 2 of 5`). */\n  of: string;\n  /** Distintivo de las preguntas de seguimiento dinámicas. */\n  followUp: string;\n  /** aria-label del botón de cerrar. */\n  closeAria: string;\n  /** aria-label del spinner mientras carga el survey. */\n  loadingAria: string;\n  /** Aviso al intentar avanzar con una pregunta obligatoria sin responder. */\n  errorRequired: string;\n  /** Aviso cuando el envío falla. */\n  errorSubmit: string;\n}\n\nconst EN: PopupLabels = {\n  accept: 'Send',\n  decline: 'Cancel',\n  start: 'Start survey',\n  complete: 'Complete survey',\n  back: 'Back',\n  question: 'Question',\n  of: 'of',\n  followUp: 'Follow-up',\n  closeAria: 'Close popup',\n  loadingAria: 'Loading survey',\n  errorRequired: 'Please answer the required question to continue.',\n  errorSubmit: 'An error occurred while submitting. Please try again or close the popup.',\n};\n\nconst ES: PopupLabels = {\n  accept: 'Enviar',\n  decline: 'Cancelar',\n  start: 'Empezar encuesta',\n  complete: 'Completar encuesta',\n  back: 'Atrás',\n  question: 'Pregunta',\n  of: 'de',\n  followUp: 'Seguimiento',\n  closeAria: 'Cerrar ventana emergente',\n  loadingAria: 'Cargando encuesta',\n  errorRequired: 'Responde la pregunta obligatoria para continuar.',\n  errorSubmit: 'Se produjo un error al enviar. Inténtalo de nuevo o cierra la ventana.',\n};\n\nconst DA: PopupLabels = {\n  accept: 'Send',\n  decline: 'Annuller',\n  start: 'Start undersøgelse',\n  complete: 'Afslut undersøgelse',\n  back: 'Tilbage',\n  question: 'Spørgsmål',\n  of: 'af',\n  followUp: 'Opfølgning',\n  closeAria: 'Luk pop op',\n  loadingAria: 'Indlæser undersøgelse',\n  errorRequired: 'Besvar venligst det obligatoriske spørgsmål for at fortsætte.',\n  errorSubmit: 'Der opstod en fejl under afsendelsen. Prøv igen, eller luk pop op-vinduet.',\n};\n\nconst NO: PopupLabels = {\n  accept: 'Send',\n  decline: 'Avbryt',\n  start: 'Start undersøkelse',\n  complete: 'Fullfør undersøkelse',\n  back: 'Tilbake',\n  question: 'Spørsmål',\n  of: 'av',\n  followUp: 'Oppfølging',\n  closeAria: 'Lukk popup',\n  loadingAria: 'Laster undersøkelse',\n  errorRequired: 'Svar på det obligatoriske spørsmålet for å fortsette.',\n  errorSubmit: 'Det oppstod en feil under innsendingen. Prøv igjen, eller lukk popupen.',\n};\n\nconst SV: PopupLabels = {\n  accept: 'Skicka',\n  decline: 'Avbryt',\n  start: 'Starta undersökning',\n  complete: 'Slutför undersökning',\n  back: 'Tillbaka',\n  question: 'Fråga',\n  of: 'av',\n  followUp: 'Uppföljning',\n  closeAria: 'Stäng popup',\n  loadingAria: 'Laddar undersökning',\n  errorRequired: 'Svara på den obligatoriska frågan för att fortsätta.',\n  errorSubmit: 'Ett fel uppstod vid inskickningen. Försök igen eller stäng popupen.',\n};\n\nconst FI: PopupLabels = {\n  accept: 'Lähetä',\n  decline: 'Peruuta',\n  start: 'Aloita kysely',\n  complete: 'Viimeistele kysely',\n  back: 'Takaisin',\n  question: 'Kysymys',\n  of: '/',\n  followUp: 'Jatkokysymys',\n  closeAria: 'Sulje ponnahdusikkuna',\n  loadingAria: 'Ladataan kyselyä',\n  errorRequired: 'Vastaa pakolliseen kysymykseen jatkaaksesi.',\n  errorSubmit: 'Lähetyksessä tapahtui virhe. Yritä uudelleen tai sulje ponnahdusikkuna.',\n};\n\nconst DE: PopupLabels = {\n  accept: 'Senden',\n  decline: 'Abbrechen',\n  start: 'Umfrage starten',\n  complete: 'Umfrage abschließen',\n  back: 'Zurück',\n  question: 'Frage',\n  of: 'von',\n  followUp: 'Folgefrage',\n  closeAria: 'Popup schließen',\n  loadingAria: 'Umfrage wird geladen',\n  errorRequired: 'Bitte beantworte die Pflichtfrage, um fortzufahren.',\n  errorSubmit: 'Beim Senden ist ein Fehler aufgetreten. Versuche es erneut oder schließe das Popup.',\n};\n\nconst FR: PopupLabels = {\n  accept: 'Envoyer',\n  decline: 'Annuler',\n  start: \"Commencer l'enquête\",\n  complete: \"Terminer l'enquête\",\n  back: 'Retour',\n  question: 'Question',\n  of: 'sur',\n  followUp: 'Question complémentaire',\n  closeAria: 'Fermer la fenêtre',\n  loadingAria: \"Chargement de l'enquête\",\n  errorRequired: 'Veuillez répondre à la question obligatoire pour continuer.',\n  errorSubmit: \"Une erreur s'est produite lors de l'envoi. Réessayez ou fermez la fenêtre.\",\n};\n\nconst PT: PopupLabels = {\n  accept: 'Enviar',\n  decline: 'Cancelar',\n  start: 'Iniciar questionário',\n  complete: 'Concluir questionário',\n  back: 'Voltar',\n  question: 'Pergunta',\n  of: 'de',\n  followUp: 'Seguimento',\n  closeAria: 'Fechar janela',\n  loadingAria: 'A carregar questionário',\n  errorRequired: 'Responda à pergunta obrigatória para continuar.',\n  errorSubmit: 'Ocorreu um erro ao enviar. Tente novamente ou feche a janela.',\n};\n\n// ⚠️ Árabe: el texto es RTL pero el chrome del popup sigue maquetado LTR (ver nota en el\n// README). Traducir ya es mejor que dejarlo en inglés; la dirección es una decisión aparte.\nconst AR: PopupLabels = {\n  accept: 'إرسال',\n  decline: 'إلغاء',\n  start: 'ابدأ الاستبيان',\n  complete: 'إنهاء الاستبيان',\n  back: 'رجوع',\n  question: 'سؤال',\n  of: 'من',\n  followUp: 'سؤال متابعة',\n  closeAria: 'إغلاق النافذة المنبثقة',\n  loadingAria: 'جارٍ تحميل الاستبيان',\n  errorRequired: 'يرجى الإجابة على السؤال المطلوب للمتابعة.',\n  errorSubmit: 'حدث خطأ أثناء الإرسال. يرجى المحاولة مرة أخرى أو إغلاق النافذة.',\n};\n\nconst BN: PopupLabels = {\n  accept: 'পাঠান',\n  decline: 'বাতিল',\n  start: 'জরিপ শুরু করুন',\n  complete: 'জরিপ সম্পূর্ণ করুন',\n  back: 'পিছনে',\n  question: 'প্রশ্ন',\n  of: '/',\n  followUp: 'ফলো-আপ',\n  closeAria: 'পপআপ বন্ধ করুন',\n  loadingAria: 'জরিপ লোড হচ্ছে',\n  errorRequired: 'চালিয়ে যেতে আবশ্যক প্রশ্নের উত্তর দিন।',\n  errorSubmit: 'জমা দেওয়ার সময় একটি ত্রুটি ঘটেছে। আবার চেষ্টা করুন বা পপআপ বন্ধ করুন।',\n};\n\nconst ZH_CN: PopupLabels = {\n  accept: '发送',\n  decline: '取消',\n  start: '开始问卷',\n  complete: '完成问卷',\n  back: '返回',\n  question: '问题',\n  of: '/',\n  followUp: '追问',\n  closeAria: '关闭弹窗',\n  loadingAria: '正在加载问卷',\n  errorRequired: '请回答必答题后继续。',\n  errorSubmit: '提交时出错。请重试或关闭弹窗。',\n};\n\n/** Tabla completa de traducciones, indexada por locale. */\nexport const LABELS: Record<PopupLocale, PopupLabels> = {\n  en: EN,\n  es: ES,\n  da: DA,\n  no: NO,\n  sv: SV,\n  fi: FI,\n  de: DE,\n  fr: FR,\n  pt: PT,\n  ar: AR,\n  bn: BN,\n  'zh-CN': ZH_CN,\n};\n\n/** Locales con traducción propia del SDK. */\nexport const SUPPORTED_LANGUAGES: PopupLocale[] = [\n  // Los 11 idiomas que la plataforma ofrece para un survey, más zh-CN (que el SDK nativo ya\n  // traía). Si la plataforma añade uno nuevo, hay que añadirlo aquí o el chrome saldrá en\n  // inglés bajo un survey traducido.\n  'en', 'es', 'da', 'no', 'sv', 'fi', 'de', 'fr', 'pt', 'ar', 'bn', 'zh-CN',\n];\n\n/**\n * Normaliza un tag BCP-47 al locale con traducción. Reglas (idénticas a KMP):\n *  - el prefijo de idioma manda, sin importar región ni caja (`da`, `da-DK`, `da_DK` → `da`);\n *  - las variantes noruegas (`nb`, `nn`) colapsan en `no`;\n *  - las variantes chinas (`zh`, `zh-Hans`, `zh-CN`, `zh-TW`) colapsan en `zh-CN`;\n *  - `pt-BR` y `pt-PT` comparten juego, igual que `de-AT`/`de-CH` o `fr-CA`;\n *  - cualquier otra cosa, incluido un valor no-string del backend, cae a `en`.\n */\nexport function resolveLocale(lang?: string | null): PopupLocale {\n  if (typeof lang !== 'string') return 'en';\n  const normalized = lang.trim().toLowerCase().replace(/_/g, '-');\n  if (!normalized) return 'en';\n  if (normalized === 'zh' || normalized.startsWith('zh-')) return 'zh-CN';\n  const primary = normalized.split('-')[0];\n  switch (primary) {\n    case 'en': return 'en';\n    case 'es': return 'es';\n    case 'da': return 'da';\n    case 'no':\n    case 'nb':\n    case 'nn': return 'no';\n    case 'sv': return 'sv';\n    case 'fi': return 'fi';\n    case 'de': return 'de';\n    case 'fr': return 'fr';\n    case 'pt': return 'pt';\n    case 'ar': return 'ar';\n    case 'bn': return 'bn';\n    default: return 'en';\n  }\n}\n\n/**\n * Locales que se escriben de derecha a izquierda. Espejo de `RTL_LANGUAGES` de\n * `@magicfeedback/native` (2.2.22), que estampa `dir=\"rtl\"` en el contenedor del survey para\n * esos idiomas: el chrome del popup tiene que voltear con él o media tarjeta queda mirando a\n * un lado y media al otro.\n */\nexport const RTL_LOCALES: PopupLocale[] = ['ar'];\n\n/** Si el chrome debe pintarse de derecha a izquierda para `lang`. */\nexport function isRtlLanguage(lang?: string | null): boolean {\n  return RTL_LOCALES.includes(resolveLocale(lang));\n}\n\n/** Valor del atributo `dir` del chrome para `lang`. Siempre explícito: nunca se hereda del host. */\nexport function directionFor(lang?: string | null): 'rtl' | 'ltr' {\n  return isRtlLanguage(lang) ? 'rtl' : 'ltr';\n}\n\n/** Textos del chrome del popup para `lang`. Cae a inglés si el idioma no está soportado. */\nexport function getLabels(lang?: string | null): PopupLabels {\n  return LABELS[resolveLocale(lang)];\n}\n\n/** Etiquetas de los cuatro botones del footer, ya resueltas. */\nexport interface ResolvedActionLabels {\n  accept: string;\n  decline: string;\n  start: string;\n  complete: string;\n  back: string;\n}\n\n/**\n * Resuelve las etiquetas de los botones con la prioridad acordada: lo que configure la\n * plataforma por popup (`actions.*.label`) gana siempre; si falta o viene en blanco, se usa\n * la traducción del SDK para `lang`.\n */\nexport function resolveActionLabels(actions: PopupActions | undefined, lang?: string | null): ResolvedActionLabels {\n  const labels = getLabels(lang);\n  const pick = (value: string | undefined, fallback: string): string => {\n    const trimmed = typeof value === 'string' ? value.trim() : '';\n    return trimmed ? value as string : fallback;\n  };\n  return {\n    accept: pick(actions?.accept?.label, labels.accept),\n    decline: pick(actions?.decline?.label, labels.decline),\n    start: pick(actions?.start?.label, labels.start),\n    complete: pick(actions?.complete?.label, labels.complete),\n    back: pick(actions?.back?.label, labels.back),\n  };\n}\n\n/**\n * Fuente JavaScript del resolutor de locale, para incrustar en el HTML del WebView (React\n * Native): allí el idioma del survey solo se conoce ya dentro del WebView, así que la\n * normalización tiene que viajar con el HTML. Es un espejo literal de `resolveLocale`, y\n * `labels.test.ts` compara las dos implementaciones contra la misma batería de tags para que\n * no se separen en silencio.\n */\nexport const RESOLVE_LOCALE_JS = `function ddResolveLocale(lang){\n  if(typeof lang!=='string') return 'en';\n  var n=lang.trim().toLowerCase().replace(/_/g,'-');\n  if(!n) return 'en';\n  if(n==='zh'||n.indexOf('zh-')===0) return 'zh-CN';\n  var p=n.split('-')[0];\n  if(p==='en') return 'en';\n  if(p==='es') return 'es';\n  if(p==='da') return 'da';\n  if(p==='no'||p==='nb'||p==='nn') return 'no';\n  if(p==='sv') return 'sv';\n  if(p==='fi') return 'fi';\n  if(p==='de') return 'de';\n  if(p==='fr') return 'fr';\n  if(p==='pt') return 'pt';\n  if(p==='ar') return 'ar';\n  if(p==='bn') return 'bn';\n  return 'en';\n}`;\n","/**\n * NO EDITAR A MANO — generado por scripts/vendor-survey-css.mjs\n *\n * Copia de @magicfeedback/native@2.2.22 → dist/styles/magicfeedback-default.css\n * (la hoja canónica del paquete, la que apunta su campo \"style\"), con estos cambios locales:\n *\n *  1. Sin el @import de Google Fonts (Nunito): no queremos una petición externa desde la\n *     página del host, y la tipografía la decide el popup.\n *  2. .magicfeedback-container hereda la fuente del popup (var(--deepdots-font, inherit)).\n *  3. Los selectores desnudos (h2, p, input, textarea, select, ::placeholder, .error) van\n *     acotados a .deepdots-popup: este CSS se inyecta en el <head> del host y sin acotar\n *     repintaría su web.\n *  4. El grupo .magicfeedback-radio se cualifica como div.magicfeedback-radio (la clase acaba\n *     también en el <input> del boolean).\n *  5. Al final, un bloque de reglas propias del popup (fuente en los controles y padding del\n *     radio nativo).\n *\n * Las variables --mf-* se dejan en :root a propósito: el modal del priority-list se portea a\n * <body>, fuera de .deepdots-popup, y ahí las necesita.\n *\n * Para subir de versión: npm i @magicfeedback/native@<v> && node scripts/vendor-survey-css.mjs\n */\n\n/**\n * @magicfeedback/native - Default Styles\n * Clean, minimal, and elegant survey rendering\n */\n\n/* @import de Google Fonts (Nunito) eliminado al vendorizar: la fuente la pone el popup. */\n\n/* ========================================\n   CSS VARIABLES - Design SYSTEM\n   ======================================== */\n:root {\n    /* Colors - Minimal Pastel */\n    /* --mf-primary is the one source of truth for brand/accent color —\n       every token below derives from it via color-mix() (or references\n       it directly) so changing this single value, here or via a\n       per-integration override, keeps hover/light/border states in\n       sync automatically instead of going stale independently. Scoped\n       to genuinely interactive/accent surfaces (buttons, selected\n       chips, focus rings) — general body text stays on its own neutral\n       scale below, not tied to the brand color. */\n    --mf-primary: #5d7bad;\n    --mf-primary-hover: color-mix(in srgb, var(--mf-primary) 85%, black);\n    --mf-primary-light: color-mix(in srgb, var(--mf-primary) 15%, white);\n    /* a translucent tint — mixed with transparent (opacity), not white,\n       so it reads as a soft shadow of the brand color rather than a\n       pastel of it. */\n    --mf-primary-border: color-mix(in srgb, var(--mf-primary) 35%, transparent);\n\n    --mf-text-primary: #1E293B;\n    --mf-text-secondary: #475569;\n    --mf-text-muted: #94A3B8;\n\n    --mf-bg-primary: #F8FAFC;\n    --mf-bg-secondary: #FFFFFF;\n    --mf-bg-hover: #EEF2F6;\n\n    --mf-border: #E2E8F0;\n    --mf-border-focus: var(--mf-primary);\n\n    --mf-success: #16A34A;\n    --mf-error: #EF4444;\n    --mf-warning: #F59E0B;\n\n    --mf-surface: #FFFFFF;\n    --mf-surface-alt: #F1F5F9;\n    --mf-accent: #38BDF8;\n\n    /* Spacing */\n    --mf-space-xs: 0.25rem;\n    --mf-space-sm: 0.5rem;\n    --mf-space-md: 0.75rem;\n    --mf-space-lg: 1rem;\n    --mf-space-xl: 1.5rem;\n\n    /* Border Radius */\n    --mf-radius-sm: 0.5rem;\n    --mf-radius-md: 0.75rem;\n    --mf-radius-lg: 1.25rem;\n    --mf-radius-full: 9999px;\n\n    /* Shadows */\n    --mf-shadow-sm: 0 1px 2px 0 rgba(15, 23, 42, 0.06);\n    --mf-shadow-md: 0 8px 20px rgba(15, 23, 42, 0.08);\n    --mf-shadow-lg: 0 16px 30px rgba(15, 23, 42, 0.12);\n    --mf-shadow-focus: 0 0 0 3px rgba(30, 41, 59, 0.15);\n    --mf-shadow-card: 0 18px 40px rgba(15, 23, 42, 0.08);\n\n    /* Typography */\n    --mf-font-sans: \"Nunito\", \"Quicksand\", \"Avenir Next\", \"Trebuchet MS\", sans-serif;\n    --mf-font-size-sm: 0.875rem;\n    --mf-font-size-base: 1rem;\n    --mf-font-size-lg: 1.125rem;\n    --mf-font-size-xl: 1.25rem;\n    --mf-line-height: 1.6;\n\n    /* Font Weights */\n    --mf-font-weight-normal: 400;\n    --mf-font-weight-medium: 500;\n    --mf-font-weight-semibold: 600;\n    --mf-font-weight-bold: 700;\n    --mf-font-weight-extrabold: 800;\n\n    /* Transitions */\n    --mf-transition: all 0.2s ease;\n    --mf-transition-fast: all 0.15s ease;\n}\n\n/* ========================================\n   ANIMATIONS\n   ======================================== */\n@keyframes mf-fade-in {\n    from {\n        opacity: 0;\n        transform: translateY(8px);\n    }\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n@keyframes mf-slide-in {\n    from {\n        opacity: 0;\n        transform: translateX(-16px);\n    }\n    to {\n        opacity: 1;\n        transform: translateX(0);\n    }\n}\n\n@keyframes mf-scale-in {\n    from {\n        opacity: 0;\n        transform: scale(0.95);\n    }\n    to {\n        opacity: 1;\n        transform: scale(1);\n    }\n}\n\n@keyframes mf-pulse {\n    0%,\n    100% {\n        opacity: 1;\n    }\n    50% {\n        opacity: 0.8;\n    }\n}\n\n/* ========================================\n   BASE CONTAINER\n   ======================================== */\n.magicfeedback-container {\n    /* Local: hereda la fuente del popup; --deepdots-font viene de PopupStyle.font. */\n    font-family: var(--deepdots-font, inherit);\n    color: var(--mf-text-primary);\n    line-height: var(--mf-line-height);\n    animation: mf-fade-in 0.4s ease-out;\n    border-radius: var(--mf-radius-lg);\n}\n\n/* ========================================\n   MESSAGES\n   ======================================== */\n.magicfeedback-success-message,\n.magicfeedback-info-message,\n.magicfeedback-start-message {\n    padding: var(--mf-space-lg);\n    margin: var(--mf-space-lg) 0;\n    animation: mf-scale-in 0.3s ease-out;\n}\n\n/* .magicfeedback-info-message/-start-message are set via innerHTML (see\n   renderInfoPage.ts / questions.service.ts's renderStartMessage) — whatever\n   rich text a survey author writes lands here as real HTML, not just the\n   <p>/<img> pair this used to style. Covering the rest of what a rich-text\n   editor commonly outputs (headings, lists, links, emphasis, quotes, code,\n   rules) keeps that content on the same type scale and palette as the rest\n   of the widget instead of falling back to unstyled browser defaults. */\n.magicfeedback-success-message > :first-child,\n.magicfeedback-info-message > :first-child,\n.magicfeedback-start-message > :first-child {\n    margin-top: 0;\n}\n\n.magicfeedback-success-message > :last-child,\n.magicfeedback-info-message > :last-child,\n.magicfeedback-start-message > :last-child {\n    margin-bottom: 0;\n}\n\n.magicfeedback-success-message p,\n.magicfeedback-info-message p,\n.magicfeedback-start-message p {\n    font-size: var(--mf-font-size-base);\n    color: var(--mf-text-secondary);\n    margin: 0 0 var(--mf-space-md);\n    line-height: var(--mf-line-height);\n}\n\n.magicfeedback-info-message h1,\n.magicfeedback-info-message h2,\n.magicfeedback-info-message h3,\n.magicfeedback-info-message h4,\n.magicfeedback-info-message h5,\n.magicfeedback-info-message h6,\n.magicfeedback-start-message h1,\n.magicfeedback-start-message h2,\n.magicfeedback-start-message h3,\n.magicfeedback-start-message h4,\n.magicfeedback-start-message h5,\n.magicfeedback-start-message h6 {\n    color: var(--mf-text-primary);\n    font-weight: var(--mf-font-weight-bold);\n    line-height: 1.3;\n    margin: var(--mf-space-lg) 0 var(--mf-space-sm);\n    text-align: start;\n}\n\n.magicfeedback-info-message h1, .magicfeedback-start-message h1 { font-size: var(--mf-font-size-xl); }\n.magicfeedback-info-message h2, .magicfeedback-start-message h2 { font-size: var(--mf-font-size-lg); }\n.magicfeedback-info-message h3,\n.magicfeedback-info-message h4,\n.magicfeedback-info-message h5,\n.magicfeedback-info-message h6,\n.magicfeedback-start-message h3,\n.magicfeedback-start-message h4,\n.magicfeedback-start-message h5,\n.magicfeedback-start-message h6 { font-size: var(--mf-font-size-base); }\n\n.magicfeedback-info-message strong,\n.magicfeedback-info-message b,\n.magicfeedback-start-message strong,\n.magicfeedback-start-message b {\n    font-weight: var(--mf-font-weight-bold);\n    color: var(--mf-text-primary);\n}\n\n.magicfeedback-info-message a,\n.magicfeedback-start-message a {\n    color: var(--mf-primary);\n    text-decoration: underline;\n    text-underline-offset: 2px;\n}\n\n.magicfeedback-info-message a:hover,\n.magicfeedback-start-message a:hover {\n    color: var(--mf-primary-hover);\n}\n\n.magicfeedback-info-message ul,\n.magicfeedback-info-message ol,\n.magicfeedback-start-message ul,\n.magicfeedback-start-message ol {\n    margin: 0 0 var(--mf-space-md);\n    padding-inline-start: var(--mf-space-xl);\n    color: var(--mf-text-secondary);\n    line-height: var(--mf-line-height);\n}\n\n.magicfeedback-info-message li + li,\n.magicfeedback-start-message li + li {\n    margin-top: var(--mf-space-xs);\n}\n\n.magicfeedback-info-message blockquote,\n.magicfeedback-start-message blockquote {\n    margin: 0 0 var(--mf-space-md);\n    padding: var(--mf-space-sm) var(--mf-space-md);\n    border-inline-start: 3px solid var(--mf-primary-border);\n    color: var(--mf-text-secondary);\n    font-style: italic;\n}\n\n.magicfeedback-info-message code,\n.magicfeedback-start-message code {\n    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;\n    font-size: 0.9em;\n    background: var(--mf-bg-hover);\n    padding: 0.15em 0.4em;\n    border-radius: var(--mf-radius-sm);\n}\n\n.magicfeedback-info-message pre,\n.magicfeedback-start-message pre {\n    margin: 0 0 var(--mf-space-md);\n    padding: var(--mf-space-md);\n    background: var(--mf-bg-hover);\n    border-radius: var(--mf-radius-md);\n    overflow-x: auto;\n}\n\n.magicfeedback-info-message pre code,\n.magicfeedback-start-message pre code {\n    background: none;\n    padding: 0;\n}\n\n.magicfeedback-info-message hr,\n.magicfeedback-start-message hr {\n    border: none;\n    border-top: 1px solid var(--mf-border);\n    margin: var(--mf-space-lg) 0;\n}\n\n.magicfeedback-success-message img,\n.magicfeedback-info-message img,\n.magicfeedback-start-message img {\n    max-width: 100%;\n    height: auto;\n    margin: var(--mf-space-lg) auto;\n    display: block;\n    border-radius: var(--mf-radius-md);\n}\n\n.magicfeedback-image {\n    max-height: 400px;\n    height: auto;\n    max-width: 100%;\n    margin: var(--mf-space-lg) auto;\n    display: block;\n    border-radius: var(--mf-radius-md);\n}\n\n/* ========================================\n   FORM STRUCTURE\n   ======================================== */\n.magicfeedback-form {\n    display: flex;\n    flex-direction: column;\n    gap: var(--mf-space-lg);\n    padding: clamp(16px, 2.5vw, 28px);\n}\n\n.magicfeedback-questions {\n    display: flex;\n    flex-direction: column;\n    gap: var(--mf-space-xl);\n    width: 100%;\n}\n\n.magicfeedback-div {\n    display: flex;\n    flex-direction: column;\n    gap: var(--mf-space-sm);\n    animation: mf-slide-in 0.3s ease-out;\n    background: var(--mf-bg-secondary);\n    border-radius: var(--mf-radius-md);\n}\n\n/* ========================================\n   LABELS & TYPOGRAPHY\n   ======================================== */\n.magicfeedback-label {\n    font-size: var(--mf-font-size-lg);\n    font-weight: var(--mf-font-weight-bold);\n    color: var(--mf-text-primary);\n    line-height: var(--mf-line-height);\n    text-align: start;\n    letter-spacing: -0.01em;\n}\n\n.magicfeedback-sublabel {\n    font-size: var(--mf-font-size-base);\n    font-weight: var(--mf-font-weight-normal);\n    color: var(--mf-text-secondary);\n    margin-bottom: var(--mf-space-sm);\n}\n\n.deepdots-popup h2 {\n    font-size: var(--mf-font-size-xl);\n    font-weight: 600;\n    color: var(--mf-text-primary);\n    margin: 0 0 var(--mf-space-xl) 0;\n    text-align: center;\n    letter-spacing: -0.01em;\n}\n\n.deepdots-popup p {\n    margin: 0;\n    font-size: var(--mf-font-size-sm);\n    color: var(--mf-text-secondary);\n}\n\n/* ========================================\n   FORM INPUTS\n   ======================================== */\n.deepdots-popup input[type=\"date\"],\n.deepdots-popup input[type=\"text\"],\n.deepdots-popup input[type=\"number\"],\n.deepdots-popup input[type=\"email\"],\n.deepdots-popup input[type=\"password\"],\n.deepdots-popup textarea,\n.deepdots-popup select {\n    padding: 0.75rem 0.9rem;\n    font-size: var(--mf-font-size-base);\n    font-family: inherit;\n    color: var(--mf-text-primary);\n    background-color: var(--mf-surface);\n    border: 2px solid var(--mf-border);\n    border-radius: var(--mf-radius-md);\n    outline: none;\n    transition: var(--mf-transition);\n    -webkit-appearance: none;\n    appearance: none;\n    box-shadow: var(--mf-shadow-sm);\n}\n\n.deepdots-popup textarea {\n    min-height: 100px;\n    resize: vertical;\n}\n\n.deepdots-popup input::placeholder,\n.deepdots-popup textarea::placeholder {\n    color: var(--mf-text-muted);\n}\n\n/* Remove number input spinners */\n.deepdots-popup input::-webkit-outer-spin-button,\n.deepdots-popup input::-webkit-inner-spin-button {\n    -webkit-appearance: none;\n    margin: 0;\n}\n\n.deepdots-popup input[type=\"number\"] {\n    /* -moz-appearance: textfield; removed for lint compatibility */\n}\n\n/* Custom Select Arrow */\n.deepdots-popup select {\n    background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M6 9L1 4h10z'/%3E%3C/svg%3E\");\n    background-repeat: no-repeat;\n    background-position: right var(--mf-space-md) center;\n    padding-inline-end: var(--mf-space-xl);\n}\n\n/* Error State */\n.deepdots-popup input.error,\n.deepdots-popup select.error,\n.deepdots-popup textarea.error {\n    border-color: var(--mf-error);\n}\n\n.magicfeedback-error {\n    margin-top: var(--mf-space-xs);\n    font-size: var(--mf-font-size-sm);\n    color: var(--mf-error);\n}\n\n/* ========================================\n   CHECKBOX & RADIO OPTIONS\n   ======================================== */\n.magicfeedback-checkbox,\ndiv.magicfeedback-radio {\n    display: flex;\n    flex-direction: column;\n    gap: var(--mf-space-sm);\n    width: 100%;\n}\n\n.magicfeedback-checkbox-container,\n.magicfeedback-radio-container {\n    display: flex;\n    align-items: center;\n    gap: var(--mf-space-sm);\n    padding: var(--mf-space-md);\n    border: 1.5px solid var(--mf-border);\n    border-radius: var(--mf-radius-md);\n    cursor: pointer;\n    transition: var(--mf-transition-fast);\n}\n\n.magicfeedback-checkbox-container:hover,\n.magicfeedback-radio-container:hover {\n    background-color: var(--mf-bg-hover);\n    border-color: var(--mf-primary);\n}\n\n.magicfeedback-checkbox-container:has(input:checked),\n.magicfeedback-radio-container:has(input:checked) {\n    background-color: var(--mf-primary-light);\n    border-color: var(--mf-primary);\n}\n\n.magicfeedback-checkbox input[type=\"checkbox\"],\n.magicfeedback-radio-container input[type=\"radio\"] {\n    width: 18px;\n    height: 18px;\n    margin: 0;\n    cursor: pointer;\n    flex-shrink: 0;\n    accent-color: var(--mf-primary);\n}\n\n.magicfeedback-checkbox label,\n.magicfeedback-radio-container label {\n    font-size: var(--mf-font-size-base);\n    text-align: start;\n    color: var(--mf-text-primary);\n    cursor: pointer;\n    margin: 0;\n    flex: 1;\n}\n\n/* ========================================\n   BOOLEAN OPTIONS\n   ======================================== */\n.magicfeedback-boolean-container {\n    display: flex;\n    gap: var(--mf-space-md);\n    width: 100%;\n}\n\n.magicfeedback-boolean-option {\n    flex: 1;\n    position: relative;\n}\n\n.magicfeedback-boolean-option input[type=\"radio\"] {\n    position: absolute;\n    opacity: 0;\n    width: 0;\n    height: 0;\n}\n\n.magicfeedback-boolean-option label {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: var(--mf-space-md);\n    font-size: var(--mf-font-size-base);\n    font-weight: 500;\n    color: var(--mf-text-secondary);\n    border: 1.5px solid var(--mf-border);\n    border-radius: var(--mf-radius-md);\n    cursor: pointer;\n    transition: var(--mf-transition-fast);\n    margin: 0;\n    width: -webkit-fill-available;\n    height: inherit;\n}\n\n.magicfeedback-boolean-option label:hover {\n    background-color: var(--mf-bg-hover);\n    border-color: var(--mf-primary);\n}\n\n.magicfeedback-boolean-option input[type=\"radio\"]:checked + label {\n    color: var(--mf-primary);\n    background-color: var(--mf-primary-light);\n    border-color: var(--mf-primary);\n    font-weight: 600;\n}\n\n/* ========================================\n   RATING SYSTEMS\n   ======================================== */\n.magicfeedback-rating,\n.magicfeedback-rating-number,\n.magicfeedback-rating-star {\n    width: 100%;\n}\n\n.magicfeedback-rating-container,\n.magicfeedback-rating-number-container,\n.magicfeedback-rating-star-container {\n    display: flex;\n    flex-wrap: wrap;\n    gap: var(--mf-space-sm);\n    justify-content: center;\n    align-items: center;\n    padding: var(--mf-space-md) 0;\n    list-style: none;\n    margin: 0;\n}\n\n/* Caption line below the row — min on one side, max on the other (swapped\n   for order: \"rtl\") — same simple, non-responsive pattern as the\n   rating-number row caption. Used by rating-star and rating-emoji. */\n.magicfeedback-rating-placeholder {\n    display: flex;\n    justify-content: space-between;\n    gap: var(--mf-space-md);\n    width: 100%;\n    margin-top: var(--mf-space-sm);\n    font-size: var(--mf-font-size-sm);\n    font-weight: var(--mf-font-weight-semibold);\n    color: var(--mf-text-secondary);\n}\n\n.magicfeedback-rating-placeholder-value {\n    overflow-wrap: anywhere;\n}\n\n.magicfeedback-rating-placeholder-value:last-child {\n    text-align: end;\n}\n\n/* Rating with Images */\n.magicfeedback-rating-option-label-container input[type=\"radio\"] {\n    position: absolute;\n    opacity: 0;\n    width: 0;\n    height: 0;\n}\n\n.magicfeedback-rating-option-label-container img {\n    width: 56px;\n    height: 56px;\n    cursor: pointer;\n    transition: var(--mf-transition-fast);\n    border-radius: var(--mf-radius-full);\n    border: 2px solid transparent;\n}\n\n.magicfeedback-rating-option-label-container img:hover {\n    transform: scale(1.1);\n    border-color: var(--mf-primary);\n}\n\n.magicfeedback-rating-option-label-container input[type=\"radio\"]:checked + img {\n    border-color: var(--mf-primary);\n    box-shadow: 0 0 0 3px var(--mf-primary-light);\n}\n\n.magicfeedback-rating-option-label-container label {\n    display: block;\n    text-align: center;\n    font-size: var(--mf-font-size-sm);\n    color: var(--mf-text-secondary);\n    margin-top: var(--mf-space-xs);\n    cursor: pointer;\n}\n\n/* Rating Numbers — each option is its own outlined chip in the survey's\n   primary color, with a gap between them. Row and column use the same\n   chip; column additionally has room to show each option's own text\n   plainly next to its number. */\n\n/* Every size here is width:100%/flex:1 combined with the chip's own\n   padding and border. Without border-box, the browser's default\n   content-box adds that padding/border on TOP of the declared size, so\n   the chip quietly overflows past its flex slot — reading as \"not quite\n   full width\" or, worse, pushing into the next chip. */\n.magicfeedback-rating-number-container,\n.magicfeedback-rating-number-option,\n.magicfeedback-rating-number-option-label-container,\n.magicfeedback-rating-number-value {\n    box-sizing: border-box;\n}\n\n/* The shared rating-container rule (above, reused by star rating) sets\n   align-items:center for its row-of-chips layout — in a stacked column\n   that still nudges a 100%-wide chip inward instead of a true 0 offset.\n   Force stretch so every chip fills the exact same width, flush on\n   both sides. */\n.magicfeedback-rating-number-container-column,\n.magicfeedback-rating-number-container-column-reverse {\n    align-items: stretch;\n}\n\n/* Caption line below the row — the single place min/max labels live\n   for row mode, shared by mobile and desktop. */\n.magicfeedback-rating-number-scale-labels {\n    display: flex;\n    justify-content: space-between;\n    gap: var(--mf-space-md);\n    margin-top: var(--mf-space-sm);\n    font-size: var(--mf-font-size-sm);\n    font-weight: var(--mf-font-weight-semibold);\n    color: var(--mf-text-secondary);\n}\n\n.magicfeedback-rating-number-scale-label {\n    overflow-wrap: anywhere;\n}\n\n.magicfeedback-rating-number-scale-label:last-child {\n    text-align: end;\n}\n\n/* Column, no per-option text: each row is its own separated chip, so\n   the min/max labels bookend the stack from outside it — one line\n   above the first chip, one below the last. Margin goes on whichever\n   side actually faces the list — the \"before\" label (always the first\n   child) gets space below it, the \"after\" one (always right after the\n   container, extra option row or not) gets space above it — so both\n   sit the same distance from the chips regardless of which one it is. */\n.magicfeedback-rating-number-scale-label-block {\n    font-size: var(--mf-font-size-sm);\n    font-weight: var(--mf-font-weight-semibold);\n    color: var(--mf-text-secondary);\n    text-align: center;\n}\n\n.magicfeedback-rating-number-scale-label-block:first-child {\n    margin-bottom: var(--mf-space-sm);\n}\n\n.magicfeedback-rating-number-container + .magicfeedback-rating-number-scale-label-block {\n    margin-top: var(--mf-space-sm);\n}\n\n.magicfeedback-rating-number-option {\n    display: flex;\n}\n\n.magicfeedback-rating-number-option-label-container {\n    position: relative;\n    width: 100%;\n    display: flex;\n    cursor: pointer;\n}\n\n.magicfeedback-rating-number-option-label-container input[type=\"radio\"] {\n    position: absolute;\n    opacity: 0;\n    width: 0;\n    height: 0;\n}\n\n.magicfeedback-rating-number-value {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    transition: var(--mf-transition-fast);\n    color: var(--mf-text-secondary);\n    font-weight: var(--mf-font-weight-semibold);\n}\n\n/* Row: individual outlined chips in the survey's own primary color —\n   var(--mf-primary) so whatever brand color a given survey sets carries\n   through automatically, no color hardcoded here. */\n.magicfeedback-rating-number-container-row,\n.magicfeedback-rating-number-container-row-reverse {\n    flex-wrap: nowrap;\n    gap: var(--mf-space-sm);\n}\n\n.magicfeedback-rating-number-option-row,\n.magicfeedback-rating-number-option-row-reverse {\n    flex: 1 1 0;\n    min-width: 0;\n}\n\n.magicfeedback-rating-number-option-row .magicfeedback-rating-number-value,\n.magicfeedback-rating-number-option-row-reverse .magicfeedback-rating-number-value {\n    min-height: 56px;\n    padding: var(--mf-space-sm);\n    border: 2px solid var(--mf-primary-border);\n    border-radius: var(--mf-radius-md);\n    background: var(--mf-bg-secondary);\n    color: var(--mf-primary);\n    font-size: var(--mf-font-size-lg);\n    font-weight: var(--mf-font-weight-bold);\n}\n\n/* More than 6 options (e.g. a 0-10 NPS scale): still one row, never\n   wraps — but scaled down on purpose, so it reads as a compact chip\n   rather than the same 56px button stretched thin. */\n.magicfeedback-rating-number-container-row--dense .magicfeedback-rating-number-option-row .magicfeedback-rating-number-value,\n.magicfeedback-rating-number-container-row--dense .magicfeedback-rating-number-option-row-reverse .magicfeedback-rating-number-value {\n    min-height: 36px;\n    padding: var(--mf-space-xs);\n    border-radius: var(--mf-radius-sm);\n    font-size: 0.8rem;\n}\n\n.magicfeedback-rating-number-option-row .magicfeedback-rating-number-option-label-container:hover .magicfeedback-rating-number-value,\n.magicfeedback-rating-number-option-row-reverse .magicfeedback-rating-number-option-label-container:hover .magicfeedback-rating-number-value {\n    background: var(--mf-primary-light);\n}\n\n.magicfeedback-rating-number-option-row .magicfeedback-rating-number-option-label-container input[type=\"radio\"]:checked + .magicfeedback-rating-number-value,\n.magicfeedback-rating-number-option-row-reverse .magicfeedback-rating-number-option-label-container input[type=\"radio\"]:checked + .magicfeedback-rating-number-value {\n    color: #fff;\n    background-color: var(--mf-primary);\n    box-shadow: var(--mf-shadow-md);\n}\n\n/* Extra option: always its own row below the scale, and styled like every\n   other chip now — \"doesn't apply\" is still not a point on the 1..N\n   continuum, but it no longer needs a different border style to say so. */\n.magicfeedback-rating-number-extra-row {\n    display: flex;\n    justify-content: center;\n    margin-top: var(--mf-space-sm);\n}\n\n.magicfeedback-rating-number-option--extra {\n    flex: 0 1 auto;\n}\n\n.magicfeedback-rating-number-option--extra .magicfeedback-rating-number-option-label-container {\n    width: auto;\n}\n\n.magicfeedback-rating-number-option--extra .magicfeedback-rating-number-value {\n    min-height: 36px;\n    padding: 0 var(--mf-space-md);\n    border: 2px solid var(--mf-primary-border);\n    border-radius: var(--mf-radius-md);\n    background: var(--mf-bg-secondary);\n    color: var(--mf-primary);\n    font-size: var(--mf-font-size-sm);\n}\n\n.magicfeedback-rating-number-option--extra .magicfeedback-rating-number-option-label-container:hover .magicfeedback-rating-number-value {\n    background: var(--mf-primary-light);\n}\n\n.magicfeedback-rating-number-option--extra .magicfeedback-rating-number-option-label-container input[type=\"radio\"]:checked + .magicfeedback-rating-number-value {\n    color: #fff;\n    background-color: var(--mf-primary);\n    box-shadow: var(--mf-shadow-md);\n}\n\n/* Column: the same separated chips as row, just stacked — each option is\n   its own outlined chip with a gap between them, not one shared box. */\n.magicfeedback-rating-number-container-column,\n.magicfeedback-rating-number-container-column-reverse {\n    gap: var(--mf-space-sm);\n}\n\n.magicfeedback-rating-number-option-column,\n.magicfeedback-rating-number-option-column-reverse {\n    width: 100%;\n}\n\n.magicfeedback-rating-number-option-column .magicfeedback-rating-number-value,\n.magicfeedback-rating-number-option-column-reverse .magicfeedback-rating-number-value {\n    justify-content: flex-start;\n    gap: var(--mf-space-sm);\n    min-height: 48px;\n    padding: var(--mf-space-sm) var(--mf-space-md);\n    border: 2px solid var(--mf-primary-border);\n    border-radius: var(--mf-radius-md);\n    background: var(--mf-bg-secondary);\n    color: var(--mf-primary);\n}\n\n.magicfeedback-rating-number-option-column .magicfeedback-rating-number-option-label-container:hover .magicfeedback-rating-number-value,\n.magicfeedback-rating-number-option-column-reverse .magicfeedback-rating-number-option-label-container:hover .magicfeedback-rating-number-value {\n    background: var(--mf-primary-light);\n}\n\n.magicfeedback-rating-number-option-column .magicfeedback-rating-number-option-label-container input[type=\"radio\"]:checked + .magicfeedback-rating-number-value,\n.magicfeedback-rating-number-option-column-reverse .magicfeedback-rating-number-option-label-container input[type=\"radio\"]:checked + .magicfeedback-rating-number-value {\n    color: #fff;\n    background-color: var(--mf-primary);\n    box-shadow: var(--mf-shadow-md);\n}\n\n.magicfeedback-rating-number-value-num {\n    font-weight: var(--mf-font-weight-bold);\n}\n\n/* Column with per-option text: a min-width so \"1\"..\"9\" and \"10\" line up,\n   with the label text starting at the same x. Skipped entirely when the\n   column has no per-option text at all (--bare below) — with nothing to\n   align against, the same left-shift bug from row mode would resurface. */\n.magicfeedback-rating-number-container-column:not(.magicfeedback-rating-number-container-column--bare) .magicfeedback-rating-number-value-num,\n.magicfeedback-rating-number-container-column-reverse:not(.magicfeedback-rating-number-container-column--bare) .magicfeedback-rating-number-value-num {\n    flex: none;\n    min-width: 1.4em;\n}\n\n/* Column, no per-option text at all (only min/max, or nothing): a bare\n   numbered list has nothing to left-align against, so center each\n   number instead of stranding it on the left with blank space beside it. */\n.magicfeedback-rating-number-container-column--bare .magicfeedback-rating-number-value {\n    justify-content: center;\n}\n\n.magicfeedback-rating-number-value-label {\n    font-weight: var(--mf-font-weight-medium);\n}\n\n.magicfeedback-rating-number-option-column .magicfeedback-rating-number-option-label-container input[type=\"radio\"]:checked + .magicfeedback-rating-number-value,\n.magicfeedback-rating-number-option-column-reverse .magicfeedback-rating-number-option-label-container input[type=\"radio\"]:checked + .magicfeedback-rating-number-value {\n    color: #fff;\n    background-color: var(--mf-primary);\n}\n\n/* Star Rating */\n.magicfeedback-rating-star-container {\n    justify-content: center;\n}\n\n.magicfeedback-rating-star-option:not(:checked) > .rating__star {\n    font-size: 40px;\n    color: var(--mf-border);\n    cursor: pointer;\n    margin: 0 var(--mf-space-xs);\n    transition: var(--mf-transition-fast);\n}\n\n.magicfeedback-rating-star-option:not(:checked) > .rating__star:hover,\n.magicfeedback-rating-star-option:not(:checked) > .rating__star:hover ~ span {\n    color: #fbbf24;\n    transform: scale(1.1);\n}\n\n.magicfeedback-rating-star-selected {\n    color: #fbbf24 !important;\n}\n\n/* ========================================\n   MULTIPLE CHOICE WITH IMAGES\n   ======================================== */\n.magicfeedback-multiple-choice-image-option {\n    display: flex;\n    border-radius: var(--mf-radius-md);\n    overflow: hidden;\n    transition: var(--mf-transition-fast);\n}\n\n.magicfeedback-image-option-label-container {\n    cursor: pointer;\n    border-radius: var(--mf-radius-md);\n    overflow: hidden;\n    transition: var(--mf-transition-fast);\n}\n\n.magicfeedback-image-option-label-container input[type=\"radio\"],\n.magicfeedback-image-option-label-container input[type=\"checkbox\"] {\n    position: absolute;\n    opacity: 0;\n    width: 0;\n    height: 0;\n}\n\n.magicfeedback-image-option-label-container img {\n    width: 100%;\n    height: auto;\n    display: block;\n    border: 2px solid var(--mf-border);\n    border-radius: var(--mf-radius-md);\n    transition: var(--mf-transition-fast);\n}\n\n.magicfeedback-image-option-label-container:hover img {\n    border-color: var(--mf-primary);\n    box-shadow: var(--mf-shadow-md);\n}\n\n.magicfeedback-image-option-label-container input:checked + img {\n    border-color: var(--mf-primary);\n    box-shadow: 0 0 0 3px var(--mf-primary-light);\n}\n\n/* ========================================\n   MATRIX QUESTIONS\n   ======================================== */\n.magicfeedback-multi-question-matrix-container {\n    width: 100%;\n    overflow-x: auto;\n    border-radius: var(--mf-radius-md);\n}\n\n.magicfeedback-multi-question-matrix-table {\n    width: 100%;\n    border-collapse: separate;\n    border-spacing: 0 var(--mf-space-xs);\n}\n\n.magicfeedback-multi-question-matrix-table th {\n    padding: var(--mf-space-md);\n    text-align: center;\n    font-size: var(--mf-font-size-sm);\n    font-weight: 500;\n    color: var(--mf-text-secondary);\n}\n\n.magicfeedback-multi-question-matrix-row-tr {\n    background-color: var(--mf-bg-primary);\n    border-radius: var(--mf-radius-md);\n    transition: var(--mf-transition-fast);\n}\n\n.magicfeedback-multi-question-matrix-row-tr:nth-child(even) {\n    background-color: var(--mf-bg-secondary);\n}\n\n.magicfeedback-multi-question-matrix-row-tr:hover {\n    background-color: var(--mf-bg-hover);\n    box-shadow: var(--mf-shadow-sm);\n}\n\n.magicfeedback-multi-question-matrix-table td {\n    padding: var(--mf-space-md);\n    text-align: center;\n}\n\n.magicfeedback-multi-question-matrix-label {\n    text-align: start;\n    font-size: var(--mf-font-size-base);\n    color: var(--mf-text-primary);\n}\n\n.magicfeedback-multi-question-matrix-table input[type=\"radio\"] {\n    width: 20px;\n    height: 20px;\n    cursor: pointer;\n    accent-color: var(--mf-primary);\n}\n\n/* ========================================\n   PRIORITY LIST\n   ======================================== */\n.magicfeedback-priority-list-item {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: var(--mf-space-md);\n    margin: var(--mf-space-sm) 0;\n    background-color: var(--mf-bg-primary);\n    border: 1.5px solid var(--mf-border);\n    border-radius: var(--mf-radius-md);\n    transition: var(--mf-transition-fast);\n}\n\n.magicfeedback-priority-list-item:hover {\n    box-shadow: var(--mf-shadow-sm);\n    border-color: var(--mf-primary);\n}\n\n.magicfeedback-priority-list-item-label {\n    flex: 1;\n    font-size: var(--mf-font-size-base);\n    text-align: start;\n    color: var(--mf-text-primary);\n    margin: 0;\n}\n\n.magicfeedback-priority-list-arrow-up,\n.magicfeedback-priority-list-arrow-down {\n    padding: var(--mf-space-xs);\n    font-size: var(--mf-font-size-lg);\n    color: var(--mf-text-secondary);\n    cursor: pointer;\n    transition: var(--mf-transition-fast);\n    user-select: none;\n}\n\n.magicfeedback-priority-list-arrow-up:hover,\n.magicfeedback-priority-list-arrow-down:hover {\n    color: var(--mf-primary);\n    transform: scale(1.2);\n}\n\n/* ========================================\n   POINT SYSTEM\n   ======================================== */\n.magicfeedback-point-system-item {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: var(--mf-space-md);\n    margin: var(--mf-space-sm) 0;\n    background-color: var(--mf-bg-primary);\n    border: 1.5px solid var(--mf-border);\n    border-radius: var(--mf-radius-md);\n    min-height: 45px;\n}\n\n.magicfeedback-point-system-item label {\n    flex: 1;\n    font-size: var(--mf-font-size-base);\n    color: var(--mf-text-primary);\n    margin: 0;\n}\n\n.magicfeedback-point-system-input-container {\n    display: flex;\n    align-items: center;\n    gap: var(--mf-space-sm);\n}\n\n.magicfeedback-point-system-item input {\n    width: 80px;\n    min-width: 80px;\n    padding: var(--mf-space-sm);\n    text-align: center;\n    font-size: var(--mf-font-size-base);\n    border: 1.5px solid var(--mf-border);\n    border-radius: var(--mf-radius-md);\n    margin: 0;\n}\n\n.magicfeedback-point-system-total {\n    display: flex;\n    justify-content: flex-end;\n    margin-top: var(--mf-space-md);\n    font-size: var(--mf-font-size-base);\n    font-weight: 600;\n    color: var(--mf-text-primary);\n}\n\n/* ========================================\n   CONSENT\n   ======================================== */\n.magicfeedback-consent-container {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: var(--mf-space-sm);\n    padding: var(--mf-space-md);\n    background-color: var(--mf-bg-secondary);\n    border-radius: var(--mf-radius-md);\n    margin: var(--mf-space-md) 0;\n}\n\n.magicfeedback-consent-container input[type=\"checkbox\"] {\n    margin-top: 2px;\n    flex-shrink: 0;\n    accent-color: var(--mf-primary);\n}\n\n.magicfeedback-consent-container label {\n    flex: 1;\n    font-size: var(--mf-font-size-sm);\n    text-align: start;\n    color: var(--mf-text-secondary);\n    line-height: var(--mf-line-height);\n    cursor: pointer;\n    margin-bottom: 0;\n}\n\n/* ========================================\n   ACTION BUTTONS\n   ======================================== */\n.magicfeedback-action-container {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--mf-space-md);\n    margin-top: var(--mf-space-xl);\n    padding-top: var(--mf-space-lg);\n    border-top: 1px solid var(--mf-border);\n}\n\n.magicfeedback-submit {\n    padding: 0.8rem 1.6rem;\n    font-size: var(--mf-font-size-base);\n    font-weight: 800;\n    color: #FFFFFF;\n    background-color: var(--mf-primary);\n    border: 2px solid var(--mf-primary);\n    border-radius: var(--mf-radius-full);\n    cursor: pointer;\n    transition: var(--mf-transition-fast);\n    box-shadow: var(--mf-shadow-md);\n}\n\n.magicfeedback-submit:hover {\n    background-color: var(--mf-primary-hover);\n    box-shadow: var(--mf-shadow-lg);\n    transform: translateY(-2px);\n}\n\n.magicfeedback-submit:active {\n    transform: translateY(0);\n    box-shadow: var(--mf-shadow-sm);\n}\n\n.magicfeedback-submit:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n    transform: none;\n}\n\n.magicfeedback-back {\n    padding: 0.65rem 1rem;\n    font-size: var(--mf-font-size-base);\n    font-weight: 700;\n    color: var(--mf-primary);\n    background-color: var(--mf-bg-secondary);\n    border: 2px solid var(--mf-border);\n    border-radius: var(--mf-radius-full);\n    cursor: pointer;\n    transition: var(--mf-transition-fast);\n}\n\n.magicfeedback-back:hover {\n    border-color: var(--mf-primary);\n    background-color: var(--mf-bg-hover);\n}\n\n/* ========================================\n   SKIP & COUNTER\n   ======================================== */\n.magicfeedback-skip-container {\n    display: flex;\n    align-items: center;\n    gap: var(--mf-space-xs);\n    padding: 0;\n    margin: 0;\n    font-size: var(--mf-font-size-sm);\n    color: var(--mf-text-muted);\n    background: transparent;\n    border: none;\n    cursor: pointer;\n    transition: var(--mf-transition-fast);\n}\n\n.magicfeedback-skip-container:hover {\n    color: var(--mf-primary);\n}\n\n.magicfeedback-skip-container input[type=\"checkbox\"] {\n    margin: 0;\n    cursor: pointer;\n    accent-color: var(--mf-primary);\n}\n\n.magicfeedback-counter {\n    display: flex;\n    justify-content: flex-end;\n    margin-top: var(--mf-space-md);\n    font-size: var(--mf-font-size-sm);\n    color: var(--mf-text-muted);\n}\n\n/* ========================================\n   MODAL STYLES\n   ======================================== */\n/* Modal backdrop */\n.magicfeedback-modal-backdrop {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100vw;\n    height: 100vh;\n    background: rgba(0,0,0,0.4);\n    display: none; /* toggled to flex when open */\n    align-items: center;\n    justify-content: center;\n    z-index: 9999;\n}\n\n/* Modal container */\n.magicfeedback-modal {\n    background: #fff;\n    border-radius: 8px;\n    box-shadow: 0 8px 24px rgba(0,0,0,0.2);\n    max-width: 520px;\n    width: 90%;\n    max-height: 80vh;\n    /* Flex column so the options list scrolls while the actions footer\n       (counter + confirm button) stays pinned and always visible. */\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n    padding: 16px;\n    position: relative;\n    /* Portalled to document.body (see renderPriorityList.ts) to escape the\n       host page's overflow/z-index — so it never inherits\n       .magicfeedback-container's neutral text color and instead inherits\n       whatever color the host page's own <body> happens to set. Needs its\n       own explicit baseline rather than relying on that inheritance. */\n    color: var(--mf-text-primary);\n}\n\n/* Modal actions */\n.magicfeedback-modal-actions {\n    display: flex;\n    justify-content: flex-end;\n    gap: 8px;\n    margin-top: 12px;\n    flex-shrink: 0;\n}\n\n.magicfeedback-modal-counter {\n    margin-inline-end: auto;\n    display: flex;\n    align-items: center;\n    font-size: 14px;\n    color: var(--mf-text-secondary);\n}\n\n/* Modal list */\n.magicfeedback-modal-list {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    /* Scrollable area; footer stays fixed below it. */\n    flex: 1 1 auto;\n    overflow-y: auto;\n    min-height: 0;\n}\n\n.magicfeedback-modal-row {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    cursor: pointer;\n}\n\n/* Priority list header */\n.magicfeedback-priority-list-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    margin-bottom: 8px;\n}\n\n.magicfeedback-priority-list-reorder {\n    margin-top: 8px;\n}\n\n.magicfeedback-priority-list-list {\n    padding: 0;\n    list-style: none;\n}\n\n.magicfeedback-priority-list-item {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin: 5px 0;\n}\n\n.magicfeedback-priority-list-item-label {\n    font-size: 15px;\n}\n\n.magicfeedback-priority-list-arrows {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n/* Buttons */\n.magicfeedback-button {\n    appearance: none;\n    border: 2px solid var(--mf-border);\n    border-radius: var(--mf-radius-full);\n    background: var(--mf-bg-secondary);\n    color: var(--mf-text-primary);\n    padding: 0.6rem 1rem;\n    font-size: 14px;\n    font-weight: 700;\n    cursor: pointer;\n    box-shadow: var(--mf-shadow-sm);\n}\n\n.magicfeedback-button:hover {\n    background: var(--mf-bg-hover);\n    border-color: var(--mf-primary);\n}\n\n.magicfeedback-button:active {\n    transform: translateY(1px);\n}\n\n.magicfeedback-button-primary {\n    border-color: var(--mf-primary);\n    background: var(--mf-primary);\n    color: #fff;\n    box-shadow: var(--mf-shadow-md);\n}\n\n.magicfeedback-button-primary:hover {\n    background: var(--mf-primary-hover);\n}\n\n.magicfeedback-button-primary:active {\n    background: var(--mf-primary-hover);\n}\n\n/* Warning flash */\n.magicfeedback-warning {\n    color: #C70039;\n}\n\n/* Start message button */\n.magicfeedback-start-message-button {\n    appearance: none;\n    border: 2px solid var(--mf-primary);\n    border-radius: var(--mf-radius-full);\n    background: var(--mf-primary);\n    color: #fff;\n    padding: 0.8rem 1.4rem;\n    font-size: 15px;\n    font-weight: 800;\n    cursor: pointer;\n    box-shadow: var(--mf-shadow-md);\n}\n\n.magicfeedback-start-message-button:hover {\n    background: var(--mf-primary-hover);\n}\n\n/* ========================================\n   RESPONSIVE DESIGN\n   ======================================== */\n@media (max-width: 768px) {\n    :root {\n        --mf-space-lg: 1.25rem;\n        --mf-space-xl: 1.5rem;\n    }\n\n    .magicfeedback-container {\n        padding: 12px;\n        border-radius: var(--mf-radius-md);\n    }\n\n    .magicfeedback-form {\n        padding: 14px;\n        border-radius: var(--mf-radius-md);\n    }\n\n    .magicfeedback-div {\n        padding: 12px;\n        gap: var(--mf-space-lg)\n    }\n\n    .magicfeedback-label {\n        font-size: var(--mf-font-size-base);\n    }\n\n    .deepdots-popup input[type=\"date\"],\n    .deepdots-popup input[type=\"text\"],\n    .deepdots-popup input[type=\"number\"],\n    .deepdots-popup input[type=\"email\"],\n    .deepdots-popup input[type=\"password\"],\n    .deepdots-popup textarea,\n    .deepdots-popup select {\n        padding: 0.85rem 0.95rem;\n        font-size: 1rem;\n        min-height: 46px;\n    }\n\n    /*\n    .magicfeedback-radio-container,\n    .magicfeedback-checkbox-container,\n    .magicfeedback-boolean-container,\n    .magicfeedback-consent-container {\n        width: 100%;\n    }\n    */\n\n    .magicfeedback-radio-container,\n    .magicfeedback-checkbox-container {\n        padding: 10px 12px;\n        border-radius: var(--mf-radius-md);\n        border: 1px solid var(--mf-border);\n        gap: 10px;\n    }\n\n    .magicfeedback-rating-container,\n    .magicfeedback-rating-number-container,\n    .magicfeedback-rating-star-container {\n        gap: 10px;\n    }\n\n    .magicfeedback-boolean-container {\n        flex-direction: column;\n        gap: 10px;\n    }\n\n    .magicfeedback-rating-number-container-row,\n    .magicfeedback-rating-number-container-row-reverse {\n        gap: 6px;\n    }\n\n    .magicfeedback-rating-number-option-row .magicfeedback-rating-number-value,\n    .magicfeedback-rating-number-option-row-reverse .magicfeedback-rating-number-value {\n        min-height: 44px;\n        padding: var(--mf-space-xs);\n        font-size: 0.9rem;\n    }\n\n    .magicfeedback-action-container {\n        flex-direction: column-reverse;\n    }\n\n    .magicfeedback-submit,\n    .magicfeedback-back {\n        width: 100%;\n        text-align: center;\n        min-height: 48px;\n    }\n}\n\n/* ========================================\n   ACCESSIBILITY\n   ======================================== */\n@media (prefers-reduced-motion: reduce) {\n    *,\n    *::before,\n    *::after {\n        animation-duration: 0.01ms !important;\n        animation-iteration-count: 1 !important;\n        transition-duration: 0.01ms !important;\n    }\n}\n\n\n/* ========================================\n   UTILITY CLASSES\n   ======================================== */\n.magicfeedback-visually-hidden {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border-width: 0;\n}\n\n.magicfeedback-modal-close {\n    position: absolute;\n    top: 8px;\n    inset-inline-end: 8px;\n    background: transparent;\n    border: none;\n    font-size: 20px;\n    line-height: 1;\n    cursor: pointer;\n    color: #666;\n}\n\n.magicfeedback-modal-close:hover,\n.magicfeedback-modal-close:focus {\n    color: #000;\n    outline: none;\n}\n\n/* ========================================\n   FILE / IMAGE UPLOAD\n   ======================================== */\n.magicfeedback-upload {\n    display: flex;\n    flex-direction: column;\n    gap: var(--mf-space-md);\n    width: 100%;\n    margin: 10px 0;\n}\n\n/* The native input is an invisible, focusable overlay covering the dropzone. */\n.magicfeedback-upload-native {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    margin: 0;\n    padding: 0;\n    opacity: 0;\n    cursor: pointer;\n    z-index: 2;\n}\n\n.magicfeedback-upload-dropzone {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: var(--mf-space-sm);\n    box-sizing: border-box;\n    width: 100%;\n    min-height: 150px;\n    padding: var(--mf-space-xl);\n    text-align: center;\n    border: 2px dashed var(--mf-border);\n    border-radius: var(--mf-radius-md);\n    background-color: var(--mf-surface-alt);\n    cursor: pointer;\n    transition: var(--mf-transition);\n}\n\n.magicfeedback-upload-dropzone:hover {\n    border-color: var(--mf-primary);\n    background-color: var(--mf-bg-hover);\n}\n\n.magicfeedback-upload-dropzone:focus-within {\n    border-color: var(--mf-primary);\n    box-shadow: var(--mf-shadow-focus);\n}\n\n.magicfeedback-upload-dropzone.is-dragover {\n    border-color: var(--mf-primary);\n    border-style: solid;\n    background-color: var(--mf-primary-light);\n    box-shadow: var(--mf-shadow-focus);\n}\n\n.magicfeedback-upload-icon {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 46px;\n    height: 46px;\n    color: var(--mf-primary);\n    background-color: var(--mf-surface);\n    border-radius: var(--mf-radius-full);\n    box-shadow: var(--mf-shadow-sm);\n    pointer-events: none;\n}\n\n.magicfeedback-upload-icon svg {\n    width: 24px;\n    height: 24px;\n}\n\n.magicfeedback-upload-cta {\n    font-family: inherit;\n    font-weight: var(--mf-font-weight-semibold);\n    font-size: var(--mf-font-size-base);\n    color: var(--mf-text-primary);\n    pointer-events: none;\n}\n\n.magicfeedback-upload-hint {\n    font-family: inherit;\n    font-size: var(--mf-font-size-sm);\n    color: var(--mf-text-muted);\n    pointer-events: none;\n}\n\n.magicfeedback-upload-list {\n    display: flex;\n    flex-direction: column;\n    gap: var(--mf-space-sm);\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n\n.magicfeedback-upload-list:empty {\n    display: none;\n}\n\n.magicfeedback-upload-file-item {\n    display: flex;\n    align-items: center;\n    gap: var(--mf-space-md);\n    padding: var(--mf-space-sm) var(--mf-space-md);\n    background-color: var(--mf-surface);\n    border: 1px solid var(--mf-border);\n    border-radius: var(--mf-radius-sm);\n    box-shadow: var(--mf-shadow-sm);\n    animation: mf-scale-in 0.2s ease-out;\n}\n\n.magicfeedback-upload-thumb {\n    flex: 0 0 auto;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 40px;\n    height: 40px;\n    overflow: hidden;\n    color: var(--mf-text-secondary);\n    background-color: var(--mf-surface-alt);\n    border-radius: var(--mf-radius-sm);\n}\n\n.magicfeedback-upload-thumb img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n}\n\n.magicfeedback-upload-thumb svg {\n    width: 20px;\n    height: 20px;\n}\n\n.magicfeedback-upload-file-info {\n    display: flex;\n    flex-direction: column;\n    flex: 1 1 auto;\n    min-width: 0;\n    text-align: start;\n}\n\n.magicfeedback-upload-file-name {\n    font-family: inherit;\n    font-size: var(--mf-font-size-sm);\n    font-weight: var(--mf-font-weight-semibold);\n    color: var(--mf-text-primary);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.magicfeedback-upload-file-size {\n    font-family: inherit;\n    font-size: 0.75rem;\n    color: var(--mf-text-muted);\n}\n\n.magicfeedback-upload-remove {\n    flex: 0 0 auto;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 30px;\n    height: 30px;\n    padding: 0;\n    color: var(--mf-text-muted);\n    background-color: transparent;\n    border: none;\n    border-radius: var(--mf-radius-full);\n    cursor: pointer;\n    transition: var(--mf-transition-fast);\n}\n\n.magicfeedback-upload-remove:hover,\n.magicfeedback-upload-remove:focus-visible {\n    color: var(--mf-error);\n    background-color: var(--mf-primary-light);\n    outline: none;\n}\n\n.magicfeedback-upload-remove svg {\n    width: 16px;\n    height: 16px;\n}\n\n.magicfeedback-upload-error {\n    display: none;\n    font-family: inherit;\n    font-size: var(--mf-font-size-sm);\n    color: var(--mf-error);\n}\n\n.magicfeedback-upload-error.is-visible {\n    display: block;\n}\n\n/* ========================================\n   RTL (Arabic)\n   ========================================\n   The SDK stamps dir=\"rtl\" (and .magicfeedback-rtl) on the survey container\n   for right-to-left languages. Everything else in this stylesheet uses logical\n   properties (text-align: start, padding-inline-*, inset-inline-*), so it\n   mirrors on its own; only the handful of rules that cannot be expressed\n   logically live here.\n\n   Rules are scoped to [dir=\"rtl\"] inside our own subtree so a host page that is\n   itself RTL, or one that embeds an Arabic survey in an LTR page, both render\n   correctly. */\n\n/* background-position has no logical form: move the select caret to the\n   left edge, opposite the padding that inset-inline-end already mirrored. */\n[dir=\"rtl\"] select {\n    background-position: left var(--mf-space-md) center;\n}\n\n/* Emails, URLs, numbers, dates and phone numbers are latin/numeric content\n   even in an Arabic survey: keep their own direction LTR so punctuation\n   (@, ., +, /) lands where the user expects, but align them to the start of\n   the RTL line so they still read as part of the form. */\n[dir=\"rtl\"] input[type=\"email\"],\n[dir=\"rtl\"] input[type=\"url\"],\n[dir=\"rtl\"] input[type=\"number\"],\n[dir=\"rtl\"] input[type=\"tel\"],\n[dir=\"rtl\"] input[type=\"date\"],\n[dir=\"rtl\"] input[type=\"time\"] {\n    direction: ltr;\n    text-align: right;\n}\n\n/* Mirror of mf-slide-in: questions enter from the reading edge. */\n@keyframes mf-slide-in-rtl {\n    from {\n        opacity: 0;\n        transform: translateX(16px);\n    }\n    to {\n        opacity: 1;\n        transform: translateX(0);\n    }\n}\n\n[dir=\"rtl\"] .magicfeedback-div {\n    animation-name: mf-slide-in-rtl;\n}\n\n/* ========================================\n   LOCAL — reglas del popup, no vienen del paquete\n   ======================================== */\n\n/* Los controles de formulario no heredan font-family: cuando el popup trae fuente propia\n   (clase deepdots-has-font), se les fuerza la del contenedor. */\n.deepdots-popup.deepdots-has-font button,\n.deepdots-popup.deepdots-has-font input,\n.deepdots-popup.deepdots-has-font textarea,\n.deepdots-popup.deepdots-has-font select {\n    font-family: var(--deepdots-font, inherit);\n}\n\n/* WebKit sí aplica el padding al radio nativo: con padding el control se dibuja enorme (se vio\n   en iOS, WebView de RN y Safari, no en Chrome). El paquete ya no lo pone, pero la regla es\n   barata y evita que vuelva. */\n.deepdots-popup input[type=\"radio\"] {\n    padding: 0;\n}\n","import type { DeepdotsLogger } from '../types';\n\n/**\n * Logger de módulo compartido: el core lo fija en init() con el logger inyectado\n * por el host (o `console` por defecto), y los módulos que no reciben `this`\n * (renderPopup, renderers) enrutan por aquí. `warn`/`error` caen a `log` si el\n * logger del host no los provee (solo `log` es obligatorio en DeepdotsLogger).\n */\nlet active: DeepdotsLogger = console;\n\nexport function setLogger(logger: DeepdotsLogger | undefined): void {\n  active = logger ?? console;\n}\n\nexport function sdkLog(...args: unknown[]): void {\n  active.log(...args);\n}\n\nexport function sdkWarn(...args: unknown[]): void {\n  (active.warn ?? active.log)(...args);\n}\n\nexport function sdkError(...args: unknown[]): void {\n  (active.error ?? active.log)(...args);\n}\n"],"mappings":"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AA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACQA,IAAI,SAAyB;AAEtB,SAAS,UAAU,QAA0C;AAClE,WAAS,UAAU;AACrB;AAEO,SAAS,UAAU,MAAuB;AAC/C,SAAO,IAAI,GAAG,IAAI;AACpB;AAEO,SAAS,WAAW,MAAuB;AAChD,GAAC,OAAO,QAAQ,OAAO,KAAK,GAAG,IAAI;AACrC;AAEO,SAAS,YAAY,MAAuB;AACjD,GAAC,OAAO,SAAS,OAAO,KAAK,GAAG,IAAI;AACtC;","names":[]}