@matinfo/vitepress-plugin-quiz 1.0.4 → 1.1.0

package/dist/vitepress-plugin-quiz.js

@@ -1,451 +1,641 @@
-import { defineComponent as F, computed as _, ref as M, inject as $, watch as D, onMounted as X, openBlock as a, createElementBlock as o, normalizeClass as N, unref as g, createElementVNode as z, Fragment as q, renderList as R, toDisplayString as c, createTextVNode as V, createCommentVNode as I, withKeys as O, withModifiers as L, withDirectives as ee, vModelText as te, provide as E, normalizeStyle as re, renderSlot as ne } from "vue";
-const se = ".quiz-progress-bar{position:sticky;top:var(--vp-nav-height, 64px);z-index:20;display:flex;align-items:center;gap:12px;margin:-20px -24px 24px;padding:12px 24px;background:var(--vp-c-bg);border-bottom:1px solid var(--vp-c-divider)}@media(max-width:959px){.quiz-progress-bar{top:calc(var(--vp-nav-height, 64px) - 16px)}}.quiz-progress-track{flex:1;height:8px;background:var(--vp-c-bg-soft);border-radius:4px;overflow:hidden}.quiz-progress-fill{height:100%;background:var(--vp-c-brand-1);border-radius:4px;transition:width .35s ease}.quiz-progress-fill.complete{background:var(--vp-c-green-1, #10b981)}.quiz-progress-label{font-size:13px;color:var(--vp-c-text-2);white-space:nowrap}.quiz-question{border:1px solid var(--vp-c-divider);border-radius:8px;padding:20px 24px;margin-bottom:16px;background:var(--vp-c-bg);transition:border-color .2s}.quiz-question-title{font-weight:600;font-size:15px;margin:0 0 6px;padding:0 5px;color:var(--vp-c-text-1);float:none;width:auto}.quiz-hint{font-size:13px;color:var(--vp-c-text-3);margin:0 0 10px;font-style:italic}.quiz-answers{list-style:none;padding:0;margin:0}.quiz-answer{display:flex;align-items:baseline;gap:10px;padding:8px 12px;margin:4px 0;border:1px solid transparent;border-radius:6px;cursor:pointer;transition:background-color .15s,border-color .15s;user-select:none;font-size:14px;color:var(--vp-c-text-1)}.quiz-answer:hover:not(.correct):not(.wrong):not(.missed){background:var(--vp-c-bg-soft)}.quiz-answer.selected{border-color:var(--vp-c-brand-1);background:var(--vp-c-brand-soft)}.quiz-answer.correct{border-color:var(--vp-c-green-1, #10b981);background:var(--vp-c-green-soft, rgba(16, 185, 129, .12));cursor:default}.quiz-answer.wrong{border-color:var(--vp-c-red-1, #ef4444);background:var(--vp-c-red-soft, rgba(239, 68, 68, .12));cursor:default}.quiz-answer.missed{border-color:var(--vp-c-yellow-1, #f59e0b);background:var(--vp-c-yellow-soft, rgba(245, 158, 11, .1));cursor:default}.validated .quiz-answer{pointer-events:none}.quiz-indicator{flex-shrink:0;width:18px;text-align:center;font-size:15px;line-height:1}.quiz-empty{color:var(--vp-c-text-3)}.quiz-check{color:var(--vp-c-brand-1)}.quiz-answer.correct .quiz-check{color:var(--vp-c-green-1, #10b981)}.quiz-answer.wrong .quiz-check{color:var(--vp-c-red-1, #ef4444)}.quiz-answer-text code{font-family:var(--vp-font-family-mono);font-size:13px;padding:1px 5px;border-radius:4px;background:var(--vp-c-bg-soft);color:var(--vp-c-text-1)}.quiz-explanation{margin-top:12px;padding:10px 14px;border-left:3px solid var(--vp-c-brand-1);background:var(--vp-c-bg-soft);border-radius:0 6px 6px 0;font-size:13px;color:var(--vp-c-text-2)}.quiz-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:24px;padding-top:20px;border-top:1px solid var(--vp-c-divider)}.quiz-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 28px;font-size:14px;font-weight:600;border:1px solid transparent;border-radius:8px;cursor:pointer;transition:opacity .2s,background .2s}.quiz-btn:disabled{opacity:.45;cursor:not-allowed}.quiz-btn-validate{background:var(--vp-c-brand-1);color:var(--vp-c-white, #fff)}.quiz-btn-validate:hover:not(:disabled){opacity:.88}.quiz-btn-reset{background:var(--vp-c-bg-soft);border-color:var(--vp-c-divider);color:var(--vp-c-text-1)}.quiz-btn-reset:hover{background:var(--vp-c-bg-mute)}.quiz-score{display:flex;align-items:baseline;gap:8px}.quiz-score-value{font-size:22px;font-weight:700;color:var(--vp-c-brand-1)}.quiz-score-label{font-size:14px;color:var(--vp-c-text-2)}.quiz-input-wrapper{margin-top:8px}.quiz-input{width:100%;max-width:400px;padding:8px 12px;font-size:14px;font-family:var(--vp-font-family-mono);border:1px solid var(--vp-c-divider);border-radius:6px;background:var(--vp-c-bg);color:var(--vp-c-text-1);outline:none;transition:border-color .15s}.quiz-input:focus{border-color:var(--vp-c-brand-1)}.quiz-input:disabled{cursor:not-allowed;opacity:.8}.quiz-input.correct{border-color:var(--vp-c-green-1, #10b981);background:var(--vp-c-green-soft, rgba(16, 185, 129, .12))}.quiz-input.wrong{border-color:var(--vp-c-red-1, #ef4444);background:var(--vp-c-red-soft, rgba(239, 68, 68, .12))}.quiz-expected{margin-top:6px;font-size:13px;color:var(--vp-c-text-2)}.quiz-expected code{font-family:var(--vp-font-family-mono);font-size:13px;padding:1px 5px;border-radius:4px;background:var(--vp-c-bg-soft);color:var(--vp-c-green-1, #10b981)}";
-let j = !1;
-function ie() {
-  if (typeof document > "u" || j) return;
-  const e = "vitepress-plugin-quiz-styles";
-  if (document.getElementById(e)) {
-    j = !0;
+import { defineComponent as te, computed as I, ref as M, inject as H, onUnmounted as ie, watch as Z, onMounted as le, openBlock as o, createElementBlock as a, normalizeClass as V, unref as x, createElementVNode as b, Fragment as q, renderList as N, toDisplayString as c, createTextVNode as O, createCommentVNode as P, withKeys as U, withModifiers as G, withDirectives as ue, vModelText as ce, provide as R, normalizeStyle as pe, renderSlot as de } from "vue";
+const ve = ".quiz-progress-bar{position:sticky;top:var(--vp-nav-height, 64px);z-index:20;display:flex;align-items:center;gap:12px;margin:-20px -24px 24px;padding:12px 24px;background:var(--vp-c-bg);border-bottom:1px solid var(--vp-c-divider)}@media(max-width:959px){.quiz-progress-bar{top:calc(var(--vp-nav-height, 64px) - 16px)}}.quiz-progress-track{flex:1;height:8px;background:var(--vp-c-bg-soft);border-radius:4px;overflow:hidden}.quiz-progress-fill{height:100%;background:var(--vp-c-brand-1);border-radius:4px;transition:width .35s ease}.quiz-progress-fill.complete{background:var(--vp-c-green-1, #10b981)}.quiz-progress-label{font-size:13px;color:var(--vp-c-text-2);white-space:nowrap}.quiz-question{border:1px solid var(--vp-c-divider);border-radius:8px;padding:20px 24px;margin-bottom:16px;background:var(--vp-c-bg);transition:border-color .2s}.quiz-question-title{font-weight:600;font-size:15px;margin:0 0 6px;padding:0 5px;color:var(--vp-c-text-1);float:none;width:auto}.quiz-hint{font-size:13px;color:var(--vp-c-text-3);margin:0 0 10px;font-style:italic}.quiz-answers{list-style:none;padding:0;margin:0}.quiz-answer{display:flex;align-items:baseline;gap:10px;padding:8px 12px;margin:4px 0;border:1px solid transparent;border-radius:6px;cursor:pointer;transition:background-color .15s,border-color .15s;user-select:none;font-size:14px;color:var(--vp-c-text-1)}.quiz-answer:hover:not(.correct):not(.wrong):not(.missed){background:var(--vp-c-bg-soft)}.quiz-answer.selected{border-color:var(--vp-c-brand-1);background:var(--vp-c-brand-soft)}.quiz-answer.correct{border-color:var(--vp-c-green-1, #10b981);background:var(--vp-c-green-soft, rgba(16, 185, 129, .12));cursor:default}.quiz-answer.wrong{border-color:var(--vp-c-red-1, #ef4444);background:var(--vp-c-red-soft, rgba(239, 68, 68, .12));cursor:default}.quiz-answer.missed{border-color:var(--vp-c-yellow-1, #f59e0b);background:var(--vp-c-yellow-soft, rgba(245, 158, 11, .1));cursor:default}.validated .quiz-answer{pointer-events:none}.quiz-indicator{flex-shrink:0;width:18px;text-align:center;font-size:15px;line-height:1}.quiz-empty{color:var(--vp-c-text-3)}.quiz-check{color:var(--vp-c-brand-1)}.quiz-answer.correct .quiz-check{color:var(--vp-c-green-1, #10b981)}.quiz-answer.wrong .quiz-check{color:var(--vp-c-red-1, #ef4444)}.quiz-answer-text code{font-family:var(--vp-font-family-mono);font-size:13px;padding:1px 5px;border-radius:4px;background:var(--vp-c-bg-soft);color:var(--vp-c-text-1)}.quiz-explanation{margin-top:12px;padding:10px 14px;border-left:3px solid var(--vp-c-brand-1);background:var(--vp-c-bg-soft);border-radius:0 6px 6px 0;font-size:13px;color:var(--vp-c-text-2)}.quiz-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:24px;padding-top:20px;border-top:1px solid var(--vp-c-divider)}.quiz-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 28px;font-size:14px;font-weight:600;border:1px solid transparent;border-radius:8px;cursor:pointer;transition:opacity .2s,background .2s}.quiz-btn:disabled{opacity:.45;cursor:not-allowed}.quiz-btn-validate{background:var(--vp-c-brand-1);color:var(--vp-c-white, #fff)}.quiz-btn-validate:hover:not(:disabled){opacity:.88}.quiz-btn-reset{background:var(--vp-c-bg-soft);border-color:var(--vp-c-divider);color:var(--vp-c-text-1)}.quiz-btn-reset:hover{background:var(--vp-c-bg-mute)}.quiz-score{display:flex;align-items:baseline;gap:8px}.quiz-score-value{font-size:22px;font-weight:700;color:var(--vp-c-brand-1)}.quiz-score-label{font-size:14px;color:var(--vp-c-text-2)}.quiz-input-wrapper{margin-top:8px}.quiz-input{width:100%;max-width:400px;padding:8px 12px;font-size:14px;font-family:var(--vp-font-family-mono);border:1px solid var(--vp-c-divider);border-radius:6px;background:var(--vp-c-bg);color:var(--vp-c-text-1);outline:none;transition:border-color .15s}.quiz-input:focus{border-color:var(--vp-c-brand-1)}.quiz-input:disabled{cursor:not-allowed;opacity:.8}.quiz-input.correct{border-color:var(--vp-c-green-1, #10b981);background:var(--vp-c-green-soft, rgba(16, 185, 129, .12))}.quiz-input.wrong{border-color:var(--vp-c-red-1, #ef4444);background:var(--vp-c-red-soft, rgba(239, 68, 68, .12))}.quiz-expected{margin-top:6px;font-size:13px;color:var(--vp-c-text-2)}.quiz-expected code{font-family:var(--vp-font-family-mono);font-size:13px;padding:1px 5px;border-radius:4px;background:var(--vp-c-bg-soft);color:var(--vp-c-green-1, #10b981)}.quiz-association{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 16px;align-items:start;margin-top:8px}.quiz-assoc-label{padding-top:8px;font-size:15px;color:var(--vp-c-text-1)}.quiz-assoc-select{width:100%;padding:8px 12px;font-size:14px;border:1px solid var(--vp-c-divider);border-radius:6px;background:var(--vp-c-bg);color:var(--vp-c-text-1);outline:none;transition:border-color .15s}.quiz-assoc-select:focus{border-color:var(--vp-c-brand-1)}.quiz-assoc-select:disabled{cursor:not-allowed;opacity:.8}.quiz-assoc-select.correct{border-color:var(--vp-c-green-1, #10b981);background:var(--vp-c-green-soft, rgba(16, 185, 129, .12))}.quiz-assoc-select.wrong{border-color:var(--vp-c-red-1, #ef4444);background:var(--vp-c-red-soft, rgba(239, 68, 68, .12))}@media(max-width:640px){.quiz-association{grid-template-columns:minmax(0,1fr);gap:4px}.quiz-assoc-label{padding-top:8px}.quiz-assoc-cell{margin-bottom:8px}}";
+let W = !1;
+function fe() {
+  if (typeof document > "u" || W) return;
+  const t = "vitepress-plugin-quiz-styles";
+  if (document.getElementById(t)) {
+    W = !0;
     return;
   }
-  const t = document.createElement("style");
-  t.id = e, t.textContent = se, document.head.appendChild(t), j = !0;
+  const i = document.createElement("style");
+  i.id = t, i.textContent = ve, document.head.appendChild(i), W = !0;
 }
-const ae = /^:::quiz\s*$/, oe = /^:::\s*$/;
-function Fe(e) {
-  const t = e.utils.escapeHtml;
-  e.block.ruler.before(
+const ge = /^:::quiz\s*$/, he = /^:::\s*$/, xe = /^([A-Za-z-]+):(.*)$/, be = /* @__PURE__ */ new Set([
+  "question",
+  "answer",
+  "answer-correct",
+  "answer-input",
+  "pair",
+  "distractor",
+  "explanation",
+  "explication",
+  "shuffle"
+]);
+function xt(t) {
+  const i = t.utils.escapeHtml;
+  t.block.ruler.before(
     "fence",
     "quiz",
-    (r, u, n, w) => le(r, u, n, w, t),
+    (n, v, u, _) => ze(n, v, u, _, i),
     { alt: ["paragraph", "reference", "blockquote", "list"] }
-  ), e.renderer.rules.quiz = (r, u) => r[u].content, e.core.ruler.push("quiz_page_wrap", (r) => {
-    if (!r.tokens.some((v) => v.type === "quiz")) return;
-    const n = new r.Token("html_block", "", 0);
-    n.content = `<QuizPage>
-`, n.block = !0;
-    const w = new r.Token("html_block", "", 0);
-    w.content = `</QuizPage>
-`, w.block = !0, r.tokens.unshift(n), r.tokens.push(w);
+  ), t.renderer.rules.quiz = (n, v) => n[v].content, t.core.ruler.push("quiz_page_wrap", (n) => {
+    if (!n.tokens.some((y) => y.type === "quiz")) return;
+    const u = new n.Token("html_block", "", 0);
+    u.content = `<QuizPage>
+`, u.block = !0;
+    const _ = new n.Token("html_block", "", 0);
+    _.content = `</QuizPage>
+`, _.block = !0, n.tokens.unshift(u), n.tokens.push(_);
   });
 }
-function le(e, t, r, u, n) {
-  const w = e.bMarks[t] + e.tShift[t], v = e.eMarks[t], i = e.src.slice(w, v);
-  if (!ae.test(i)) return !1;
-  if (u) return !0;
-  let x = t + 1, k = !1;
-  for (; x < r; ) {
-    const h = e.bMarks[x] + e.tShift[x], P = e.eMarks[x], S = e.src.slice(h, P);
-    if (oe.test(S)) {
-      k = !0;
+function ze(t, i, n, v, u) {
+  if (t.sCount[i] - t.blkIndent >= 4) return !1;
+  const _ = t.bMarks[i] + t.tShift[i], y = t.eMarks[i], h = t.src.slice(_, y);
+  if (!ge.test(h)) return !1;
+  if (v) return !0;
+  let p = i + 1, A = !1;
+  for (; p < n; ) {
+    const g = t.bMarks[p] + t.tShift[p], $ = t.eMarks[p], f = t.src.slice(g, $);
+    if (he.test(f)) {
+      A = !0;
       break;
     }
-    x++;
+    p++;
   }
-  if (!k) return !1;
-  const f = [];
-  for (let h = t + 1; h < x; h++) {
-    const P = e.bMarks[h] + e.tShift[h], S = e.eMarks[h];
-    f.push(e.src.slice(P, S));
+  if (!A) return !1;
+  const S = [];
+  for (let g = i + 1; g < p; g++) {
+    const $ = t.bMarks[g] + t.tShift[g], f = t.eMarks[g];
+    S.push(t.src.slice($, f));
   }
-  const m = ue(f);
-  if (!m) return !1;
-  const C = e.push("quiz", "", 0);
-  return C.content = ce(m, n), C.map = [t, x + 1], C.block = !0, e.line = x + 1, !0;
+  const z = we(S);
+  if (z?.type === "choice" && !z.answers.some((g) => g.correct) && console.warn(
+    `[vitepress-plugin-quiz] :quiz block at line ${i + 1} has no 'answer-correct:'; it can never be answered correctly.`
+  ), !z)
+    return console.warn(
+      `[vitepress-plugin-quiz] Ignored invalid :::quiz block at line ${i + 1}: needs a 'question:' and at least one 'answer:'/'answer-correct:', 'answer-input:', or two 'pair: A => B' lines.`
+    ), !1;
+  const w = t.push("quiz", "", 0);
+  return w.content = qe(z, u), w.map = [i, p + 1], w.block = !0, t.line = p + 1, !0;
 }
-function ue(e) {
-  let t = "";
-  const r = [];
-  let u = "";
+function we(t) {
+  let i = "";
   const n = [];
-  let w = !1;
-  for (const v of e) {
-    const i = v.trim();
-    i && (i.startsWith("question:") ? t = i.slice(9).trim() : i.startsWith("answer-correct:") ? r.push({ text: i.slice(15).trim(), correct: !0 }) : i.startsWith("answer-input:") ? n.push(i.slice(13).trim()) : i.startsWith("answer:") ? r.push({ text: i.slice(7).trim(), correct: !1 }) : i.startsWith("explanation:") || i.startsWith("explication:") ? u = i.slice(12).trim() : i.startsWith("shuffle:") && (w = i.slice(8).trim().toLowerCase() === "true"));
+  let v = "";
+  const u = [], _ = [], y = [];
+  let h = !1, p = null;
+  for (const A of t) {
+    const S = A.trim();
+    if (!S) continue;
+    const z = xe.exec(S), w = z?.[1].toLowerCase();
+    if (!z || !w || !be.has(w)) {
+      p?.(S);
+      continue;
+    }
+    const g = z[2].trim(), $ = (f, C) => f ? `${f} ${C}` : C;
+    switch (w) {
+      case "question":
+        i = g, p = (f) => i = $(i, f);
+        break;
+      case "answer-correct":
+      case "answer": {
+        const f = { text: g, correct: w === "answer-correct" };
+        n.push(f), p = (C) => f.text = $(f.text, C);
+        break;
+      }
+      case "answer-input":
+        g && u.push(g), p = null;
+        break;
+      case "pair": {
+        let f = g.indexOf("=>"), C = 2;
+        if (f < 0 && (f = g.indexOf("-->"), C = 3), f < 0) {
+          console.warn(`[vitepress-plugin-quiz] Ignored 'pair:' without '=>' or '-->': "${g}"`), p = null;
+          break;
+        }
+        const l = {
+          left: g.slice(0, f).trim(),
+          right: g.slice(f + C).trim()
+        };
+        l.left && l.right && _.push(l), p = null;
+        break;
+      }
+      case "distractor":
+        g && y.push(g), p = null;
+        break;
+      case "explanation":
+      case "explication":
+        v = g, p = (f) => v = $(v, f);
+        break;
+      case "shuffle":
+        h = g.toLowerCase() === "true", p = null;
+        break;
+    }
+  }
+  if (!i) return null;
+  if (u.length > 0)
+    return {
+      question: i,
+      type: "input",
+      answers: [],
+      expected: u,
+      pairs: [],
+      options: [],
+      explanation: v,
+      shuffle: !1
+    };
+  if (_.length >= 2) {
+    const A = [.../* @__PURE__ */ new Set([..._.map((S) => S.right), ...y])];
+    return {
+      question: i,
+      type: "association",
+      answers: [],
+      expected: [],
+      pairs: _,
+      options: A,
+      explanation: v,
+      shuffle: h
+    };
   }
-  return t ? n.length > 0 ? { question: t, type: "input", answers: [], expected: n, explanation: u, shuffle: !1 } : r.length === 0 ? null : { question: t, type: "choice", answers: r, expected: [], explanation: u, shuffle: w } : null;
+  return n.length === 0 ? null : {
+    question: i,
+    type: "choice",
+    answers: n,
+    expected: [],
+    pairs: [],
+    options: [],
+    explanation: v,
+    shuffle: h
+  };
 }
-function ce(e, t) {
-  const r = JSON.stringify(e);
-  return `<QuizQuestion data-quiz="${t(r)}" />
+function qe(t, i) {
+  const n = JSON.stringify(t);
+  return `<QuizQuestion data-quiz="${i(n)}" />
 `;
 }
-const U = {
+const X = {
   en: {
     answered: "answered",
     validate: "Validate",
     reset: "Restart",
-    correctAnswers: (e) => `correct answer${e !== 1 ? "s" : ""}`,
+    correctAnswers: (t) => `correct answer${t !== 1 ? "s" : ""}`,
     multipleHint: "Multiple answers possible",
     explanation: "Explanation: ",
     inputHint: "Type your answer",
     inputPlaceholder: "Your answer…",
-    expectedAnswer: "Expected answer:"
+    expectedAnswer: "Expected answer:",
+    associationHint: "Match each item with its answer",
+    associationPlaceholder: "Choose…"
   },
   fr: {
     answered: "répondue(s)",
     validate: "Valider",
     reset: "Recommencer",
-    correctAnswers: (e) => `réponse${e > 1 ? "s" : ""} correcte${e > 1 ? "s" : ""}`,
+    correctAnswers: (t) => `réponse${t > 1 ? "s" : ""} correcte${t > 1 ? "s" : ""}`,
     multipleHint: "Plusieurs réponses possibles",
     explanation: "Explication : ",
     inputHint: "Saisissez votre réponse",
     inputPlaceholder: "Votre réponse…",
-    expectedAnswer: "Réponse attendue :"
+    expectedAnswer: "Réponse attendue :",
+    associationHint: "Associez chaque élément à sa réponse",
+    associationPlaceholder: "Choisir…"
   },
   de: {
     answered: "beantwortet",
     validate: "Überprüfen",
     reset: "Neu starten",
-    correctAnswers: (e) => `richtige Antwort${e !== 1 ? "en" : ""}`,
+    correctAnswers: (t) => `richtige Antwort${t !== 1 ? "en" : ""}`,
     multipleHint: "Mehrere Antworten möglich",
     explanation: "Erklärung:",
     inputHint: "Geben Sie Ihre Antwort ein",
     inputPlaceholder: "Ihre Antwort…",
-    expectedAnswer: "Erwartete Antwort:"
+    expectedAnswer: "Erwartete Antwort:",
+    associationHint: "Ordnen Sie jedem Element die passende Antwort zu",
+    associationPlaceholder: "Auswählen…"
   },
   it: {
     answered: "risposta/e",
     validate: "Verifica",
     reset: "Ricominciare",
-    correctAnswers: (e) => `rispost${e !== 1 ? "e corrette" : "a corretta"}`,
+    correctAnswers: (t) => `rispost${t !== 1 ? "e corrette" : "a corretta"}`,
     multipleHint: "Più risposte possibili",
     explanation: "Spiegazione: ",
     inputHint: "Digita la tua risposta",
     inputPlaceholder: "La tua risposta…",
-    expectedAnswer: "Risposta attesa:"
+    expectedAnswer: "Risposta attesa:",
+    associationHint: "Abbina ogni elemento alla risposta corretta",
+    associationPlaceholder: "Scegli…"
   },
   es: {
     answered: "respondida(s)",
     validate: "Validar",
     reset: "Reiniciar",
-    correctAnswers: (e) => `respuesta${e !== 1 ? "s correctas" : " correcta"}`,
+    correctAnswers: (t) => `respuesta${t !== 1 ? "s correctas" : " correcta"}`,
     multipleHint: "Varias respuestas posibles",
     explanation: "Explicación: ",
     inputHint: "Escribe tu respuesta",
     inputPlaceholder: "Tu respuesta…",
-    expectedAnswer: "Respuesta esperada:"
+    expectedAnswer: "Respuesta esperada:",
+    associationHint: "Asocia cada elemento con su respuesta",
+    associationPlaceholder: "Elegir…"
   }
 };
-function pe(e = "en") {
-  return U[e] ?? U.en;
+function me(t = "en") {
+  return X[t] ?? X.en;
+}
+function j(t) {
+  const i = [], n = /(\*\*(?!\s)(.+?)\*\*)|(\*(?!\s)(.+?)(?<!\s)\*)|(`([^`]+)`)/g;
+  let v = 0, u;
+  for (; (u = n.exec(t)) !== null; )
+    u.index > v && i.push({ type: "text", value: t.slice(v, u.index) }), u[2] ? i.push({ type: "bold", value: u[2] }) : u[4] ? i.push({ type: "italic", value: u[4] }) : u[6] && i.push({ type: "code", value: u[6] }), v = n.lastIndex;
+  return v < t.length && i.push({ type: "text", value: t.slice(v) }), i;
 }
-function J(e) {
-  const t = [], r = /(\*\*(.+?)\*\*)|(\*(.+?)\*)|(`([^`]+)`)/g;
-  let u = 0, n;
-  for (; (n = r.exec(e)) !== null; )
-    n.index > u && t.push({ type: "text", value: e.slice(u, n.index) }), n[2] ? t.push({ type: "bold", value: n[2] }) : n[4] ? t.push({ type: "italic", value: n[4] }) : n[6] && t.push({ type: "code", value: n[6] }), u = r.lastIndex;
-  return u < e.length && t.push({ type: "text", value: e.slice(u) }), t;
+function ee(t) {
+  return t.normalize("NFD").replace(/\p{M}/gu, "").trim().replace(/\s+/g, " ").toLowerCase();
 }
-const de = ["aria-label"], ve = { class: "quiz-question-title" }, fe = { key: 0 }, he = { key: 1 }, ge = { key: 2 }, ze = {
+const ye = ["aria-label"], ke = { class: "quiz-question-title" }, _e = { key: 0 }, Se = { key: 1 }, Ae = { key: 2 }, Ie = {
   key: 0,
   class: "quiz-hint"
-}, be = ["aria-multiselectable"], xe = ["onClick", "aria-selected", "onKeydown"], we = {
+}, $e = ["aria-multiselectable"], Ce = ["onClick", "aria-selected", "onKeydown"], Qe = {
   class: "quiz-indicator",
   "aria-hidden": "true"
-}, qe = {
+}, Pe = {
   key: 0,
   class: "quiz-check"
-}, me = {
+}, Me = {
   key: 1,
   class: "quiz-empty"
-}, ye = {
+}, Ee = {
   key: 0,
   class: "quiz-check"
-}, ke = {
+}, He = {
   key: 1,
   class: "quiz-empty"
-}, _e = { class: "quiz-answer-text" }, Se = { key: 0 }, Ae = { key: 1 }, Qe = { key: 2 }, Ce = { class: "quiz-hint" }, $e = { class: "quiz-input-wrapper" }, Ie = ["disabled", "placeholder", "aria-label"], Me = {
+}, Ne = { class: "quiz-answer-text" }, Oe = { key: 0 }, Re = { key: 1 }, Ve = { key: 2 }, Te = { class: "quiz-hint" }, je = { class: "quiz-association" }, Ke = ["for"], Be = { key: 0 }, Je = { key: 1 }, De = { key: 2 }, Ue = { class: "quiz-assoc-cell" }, We = ["id", "value", "disabled", "onChange"], Ye = { value: "" }, Fe = ["value"], Le = {
   key: 0,
   class: "quiz-expected"
-}, Pe = {
-  key: 2,
+}, Ze = { class: "quiz-hint" }, Ge = { class: "quiz-input-wrapper" }, Xe = ["disabled", "placeholder", "aria-label"], et = {
+  key: 0,
+  class: "quiz-expected"
+}, tt = {
+  key: 3,
   class: "quiz-explanation",
   role: "note"
-}, Ee = { key: 0 }, He = { key: 1 }, Re = { key: 2 }, Ve = /* @__PURE__ */ F({
+}, nt = { key: 0 }, rt = { key: 1 }, st = { key: 2 }, ot = /* @__PURE__ */ te({
   __name: "QuizQuestion",
   props: {
     dataQuiz: { type: String, required: !0 }
   },
-  setup(e) {
-    const t = e, r = _(() => {
+  setup(t) {
+    const i = t, n = I(() => {
       try {
-        return JSON.parse(t.dataQuiz);
+        return JSON.parse(i.dataQuiz);
       } catch {
         return null;
       }
     });
-    function u(p) {
-      const l = [...p];
-      for (let s = l.length - 1; s > 0; s--) {
-        const y = Math.floor(Math.random() * (s + 1));
-        [l[s], l[y]] = [l[y], l[s]];
+    function v(r) {
+      const s = [...r];
+      for (let e = s.length - 1; e > 0; e--) {
+        const d = Math.floor(Math.random() * (e + 1));
+        [s[e], s[d]] = [s[d], s[e]];
       }
-      return l;
+      return s;
     }
-    const n = M([]);
-    function w() {
-      if (!r.value || r.value.type === "input") {
-        n.value = [];
+    const u = M([]);
+    function _() {
+      if (!n.value || n.value.type !== "choice") {
+        u.value = [];
+        return;
+      }
+      const r = n.value.answers.map((s, e) => ({ ...s, originalIndex: e }));
+      u.value = n.value.shuffle ? v(r) : r;
+    }
+    const y = I(() => n.value ? {
+      ...n.value,
+      answers: u.value
+    } : null), h = I(() => n.value?.type === "input"), p = I(() => n.value?.type === "association"), A = I(
+      () => y.value && !h.value && !p.value ? y.value.answers.filter((r) => r.correct).length : 0
+    ), S = I(() => A.value > 1), z = M(/* @__PURE__ */ new Set()), w = M([]), g = M([]);
+    function $() {
+      const r = n.value;
+      if (!r || r.type !== "association") {
+        w.value = [], g.value = [];
         return;
       }
-      const p = r.value.answers.map((l, s) => ({ ...l, originalIndex: s }));
-      n.value = r.value.shuffle ? u(p) : p;
+      w.value = r.pairs.map(() => null);
+      const s = r.options.map((e, d) => d);
+      g.value = r.shuffle ? v(s) : s;
     }
-    const v = _(() => r.value ? {
-      ...r.value,
-      answers: n.value
-    } : null), i = _(() => r.value?.type === "input"), x = _(
-      () => v.value && !i.value ? v.value.answers.filter((p) => p.correct).length : 0
-    ), k = _(() => x.value > 1), f = M(/* @__PURE__ */ new Set()), m = M(""), C = $("quiz-register", null), h = $("quiz-validated", M(!1)), P = $("quiz-reset", M(0)), S = $("quiz-locale"), H = $("quiz-question-id", null), d = $("quiz-save-answer", null), b = $("quiz-get-answer", null), Q = H ? H() : null, B = _(() => i.value ? m.value.trim().length > 0 : f.value.size > 0), T = _(() => {
-      if (!v.value || !B.value) return !1;
-      if (i.value) {
-        const l = m.value.trim().toLowerCase();
-        return r.value.expected.some((s) => l === s.trim().toLowerCase());
+    const f = M(""), C = H("quiz-register", null), l = H("quiz-validated", M(!1)), k = H("quiz-reset", M(0)), Q = H("quiz-locale"), Y = H("quiz-question-id", null), T = H("quiz-save-answer", null), F = H("quiz-get-answer", null), E = Y ? Y() : null, L = I(() => p.value ? w.value.length > 0 && w.value.every((r) => r !== null) : h.value ? f.value.trim().length > 0 : z.value.size > 0), K = I(() => {
+      if (!y.value || !L.value) return !1;
+      if (h.value) {
+        const s = ee(f.value);
+        return n.value.expected.some((e) => s === ee(e));
       }
-      const p = new Set(
-        v.value.answers.map((l, s) => l.correct ? s : -1).filter((l) => l >= 0)
+      if (p.value)
+        return n.value.pairs.every((s, e) => B(e));
+      const r = new Set(
+        n.value.answers.map((s, e) => s.correct ? e : -1).filter((s) => s >= 0)
       );
-      if (f.value.size !== p.size) return !1;
-      for (const l of f.value)
-        if (!p.has(l)) return !1;
+      if (z.value.size !== r.size) return !1;
+      for (const s of z.value)
+        if (!r.has(s)) return !1;
       return !0;
     });
-    C && C({ answered: B, isCorrect: T }), D(P, () => {
-      f.value = /* @__PURE__ */ new Set(), m.value = "", w();
-    }), X(() => {
-      if (w(), b && Q !== null) {
-        const p = b(Q);
-        p && (p.type === "input" ? m.value = p.input : p.type === "choice" && (f.value = new Set(p.selected)));
+    function B(r) {
+      const s = n.value, e = w.value[r];
+      return !s || e === null || e === void 0 ? !1 : s.options[e] === s.pairs[r].right;
+    }
+    if (C && n.value) {
+      const r = C({ answered: L, isCorrect: K });
+      ie(r);
+    }
+    Z(k, () => {
+      z.value = /* @__PURE__ */ new Set(), f.value = "", _(), $();
+    }), le(() => {
+      if (_(), $(), F && E !== null) {
+        const r = F(E);
+        if (r) {
+          if (r.type === "input" && h.value && typeof r.input == "string")
+            f.value = r.input;
+          else if (r.type === "association" && p.value && Array.isArray(r.chosen)) {
+            const s = n.value?.options.length ?? 0;
+            w.value = w.value.map((e, d) => {
+              const m = r.chosen[d];
+              return typeof m == "number" && Number.isInteger(m) && m >= 0 && m < s ? m : null;
+            });
+          } else if (r.type === "choice" && !p.value && !h.value && Array.isArray(r.selected)) {
+            const s = n.value?.answers.length ?? 0;
+            z.value = new Set(
+              r.selected.filter((e) => Number.isInteger(e) && e >= 0 && e < s)
+            );
+          }
+        }
       }
     });
-    function W(p) {
-      if (h.value) return;
-      const l = new Set(f.value);
-      k.value ? l.has(p) ? l.delete(p) : l.add(p) : (l.clear(), l.add(p)), f.value = l, K();
+    function ne(r, s) {
+      if (l.value) return;
+      const e = s.target.value, d = [...w.value];
+      d[r] = e === "" ? null : Number(e), w.value = d, D();
+    }
+    function J(r) {
+      if (l.value) return;
+      const s = new Set(z.value);
+      S.value ? s.has(r) ? s.delete(r) : s.add(r) : (s.clear(), s.add(r)), z.value = s, D();
     }
-    D(m, () => {
-      h.value || K();
+    Z(f, () => {
+      l.value || D();
     });
-    function K() {
-      !d || Q === null || (i.value ? d(Q, { type: "input", input: m.value }) : d(Q, { type: "choice", selected: [...f.value] }));
+    function D() {
+      !T || E === null || (p.value ? T(E, { type: "association", chosen: [...w.value] }) : h.value ? T(E, { type: "input", input: f.value }) : T(E, { type: "choice", selected: [...z.value] }));
+    }
+    function re(r) {
+      const s = z.value.has(r.originalIndex);
+      return l.value ? r.correct && s ? "quiz-answer correct" : r.correct && !s ? "quiz-answer missed" : !r.correct && s ? "quiz-answer wrong" : "quiz-answer" : s ? "quiz-answer selected" : "quiz-answer";
     }
-    function G(p) {
-      if (!h.value)
-        return f.value.has(p) ? "quiz-answer selected" : "quiz-answer";
-      const l = v.value.answers[p], s = f.value.has(p);
-      return l.correct && s ? "quiz-answer correct" : l.correct && !s ? "quiz-answer missed" : !l.correct && s ? "quiz-answer wrong" : "quiz-answer";
+    function se(r) {
+      return l.value ? B(r) ? "quiz-assoc-select correct" : "quiz-assoc-select wrong" : "quiz-assoc-select";
     }
-    const Y = _(() => h.value ? T.value ? "quiz-input correct" : "quiz-input wrong" : "quiz-input");
-    return (p, l) => v.value ? (a(), o("fieldset", {
+    const oe = I(() => l.value ? K.value ? "quiz-input correct" : "quiz-input wrong" : "quiz-input");
+    return (r, s) => y.value ? (o(), a("fieldset", {
       key: 0,
-      class: N(["quiz-question", { validated: g(h) }]),
-      "aria-label": v.value.question
+      class: V(["quiz-question", { validated: x(l) }]),
+      "aria-label": y.value.question
     }, [
-      z("legend", ve, [
-        (a(!0), o(q, null, R(g(J)(v.value.question), (s, y) => (a(), o(q, { key: y }, [
-          s.type === "bold" ? (a(), o("strong", fe, c(s.value), 1)) : s.type === "italic" ? (a(), o("em", he, c(s.value), 1)) : s.type === "code" ? (a(), o("code", ge, c(s.value), 1)) : (a(), o(q, { key: 3 }, [
-            V(c(s.value), 1)
+      b("legend", ke, [
+        (o(!0), a(q, null, N(x(j)(y.value.question), (e, d) => (o(), a(q, { key: d }, [
+          e.type === "bold" ? (o(), a("strong", _e, c(e.value), 1)) : e.type === "italic" ? (o(), a("em", Se, c(e.value), 1)) : e.type === "code" ? (o(), a("code", Ae, c(e.value), 1)) : (o(), a(q, { key: 3 }, [
+            O(c(e.value), 1)
           ], 64))
         ], 64))), 128))
       ]),
-      i.value ? I("", !0) : (a(), o(q, { key: 0 }, [
-        k.value ? (a(), o("p", ze, c(g(S).multipleHint), 1)) : I("", !0),
-        z("ul", {
+      !h.value && !p.value ? (o(), a(q, { key: 0 }, [
+        S.value ? (o(), a("p", Ie, c(x(Q).multipleHint), 1)) : P("", !0),
+        b("ul", {
           class: "quiz-answers",
           role: "listbox",
-          "aria-multiselectable": k.value
+          "aria-multiselectable": S.value
         }, [
-          (a(!0), o(q, null, R(v.value.answers, (s, y) => (a(), o("li", {
-            key: s.originalIndex,
-            class: N(G(y)),
-            onClick: (A) => W(y),
+          (o(!0), a(q, null, N(y.value.answers, (e) => (o(), a("li", {
+            key: e.originalIndex,
+            class: V(re(e)),
+            onClick: (d) => J(e.originalIndex),
             role: "option",
-            "aria-selected": f.value.has(y),
+            "aria-selected": z.value.has(e.originalIndex),
             tabindex: "0",
             onKeydown: [
-              O((A) => W(y), ["enter"]),
-              O(L((A) => W(y), ["prevent"]), ["space"])
+              U((d) => J(e.originalIndex), ["enter"]),
+              U(G((d) => J(e.originalIndex), ["prevent"]), ["space"])
             ]
           }, [
-            z("span", we, [
-              k.value ? (a(), o(q, { key: 0 }, [
-                f.value.has(y) ? (a(), o("span", qe, "✓")) : (a(), o("span", me, "☐"))
-              ], 64)) : (a(), o(q, { key: 1 }, [
-                f.value.has(y) ? (a(), o("span", ye, "●")) : (a(), o("span", ke, "○"))
+            b("span", Qe, [
+              S.value ? (o(), a(q, { key: 0 }, [
+                z.value.has(e.originalIndex) ? (o(), a("span", Pe, "✓")) : (o(), a("span", Me, "☐"))
+              ], 64)) : (o(), a(q, { key: 1 }, [
+                z.value.has(e.originalIndex) ? (o(), a("span", Ee, "●")) : (o(), a("span", He, "○"))
               ], 64))
             ]),
-            z("span", _e, [
-              (a(!0), o(q, null, R(g(J)(s.text), (A, Z) => (a(), o(q, { key: Z }, [
-                A.type === "bold" ? (a(), o("strong", Se, c(A.value), 1)) : A.type === "italic" ? (a(), o("em", Ae, c(A.value), 1)) : A.type === "code" ? (a(), o("code", Qe, c(A.value), 1)) : (a(), o(q, { key: 3 }, [
-                  V(c(A.value), 1)
+            b("span", Ne, [
+              (o(!0), a(q, null, N(x(j)(e.text), (d, m) => (o(), a(q, { key: m }, [
+                d.type === "bold" ? (o(), a("strong", Oe, c(d.value), 1)) : d.type === "italic" ? (o(), a("em", Re, c(d.value), 1)) : d.type === "code" ? (o(), a("code", Ve, c(d.value), 1)) : (o(), a(q, { key: 3 }, [
+                  O(c(d.value), 1)
                 ], 64))
               ], 64))), 128))
             ])
-          ], 42, xe))), 128))
-        ], 8, be)
-      ], 64)),
-      i.value ? (a(), o(q, { key: 1 }, [
-        z("p", Ce, c(g(S).inputHint), 1),
-        z("div", $e, [
-          ee(z("input", {
-            "onUpdate:modelValue": l[0] || (l[0] = (s) => m.value = s),
-            class: N(Y.value),
+          ], 42, Ce))), 128))
+        ], 8, $e)
+      ], 64)) : P("", !0),
+      p.value && n.value ? (o(), a(q, { key: 1 }, [
+        b("p", Te, c(x(Q).associationHint), 1),
+        b("div", je, [
+          (o(!0), a(q, null, N(n.value.pairs, (e, d) => (o(), a(q, { key: d }, [
+            b("label", {
+              class: "quiz-assoc-label",
+              for: `quiz-assoc-${x(E)}-${d}`
+            }, [
+              (o(!0), a(q, null, N(x(j)(e.left), (m, ae) => (o(), a(q, { key: ae }, [
+                m.type === "bold" ? (o(), a("strong", Be, c(m.value), 1)) : m.type === "italic" ? (o(), a("em", Je, c(m.value), 1)) : m.type === "code" ? (o(), a("code", De, c(m.value), 1)) : (o(), a(q, { key: 3 }, [
+                  O(c(m.value), 1)
+                ], 64))
+              ], 64))), 128))
+            ], 8, Ke),
+            b("div", Ue, [
+              b("select", {
+                id: `quiz-assoc-${x(E)}-${d}`,
+                class: V(se(d)),
+                value: w.value[d] === null || w.value[d] === void 0 ? "" : String(w.value[d]),
+                disabled: x(l),
+                onChange: (m) => ne(d, m)
+              }, [
+                b("option", Ye, c(x(Q).associationPlaceholder), 1),
+                (o(!0), a(q, null, N(g.value, (m) => (o(), a("option", {
+                  key: m,
+                  value: String(m)
+                }, c(n.value.options[m]), 9, Fe))), 128))
+              ], 42, We),
+              x(l) && !B(d) ? (o(), a("p", Le, [
+                O(c(x(Q).expectedAnswer) + " ", 1),
+                b("code", null, c(e.right), 1)
+              ])) : P("", !0)
+            ])
+          ], 64))), 128))
+        ])
+      ], 64)) : P("", !0),
+      h.value && !p.value ? (o(), a(q, { key: 2 }, [
+        b("p", Ze, c(x(Q).inputHint), 1),
+        b("div", Ge, [
+          ue(b("input", {
+            "onUpdate:modelValue": s[0] || (s[0] = (e) => f.value = e),
+            class: V(oe.value),
             type: "text",
-            disabled: g(h),
-            placeholder: g(S).inputPlaceholder,
-            "aria-label": v.value.question,
+            disabled: x(l),
+            placeholder: x(Q).inputPlaceholder,
+            "aria-label": y.value.question,
             autocomplete: "off",
             spellcheck: "false",
-            onKeydown: l[1] || (l[1] = O(L(() => {
+            onKeydown: s[1] || (s[1] = U(G(() => {
             }, ["prevent"]), ["enter"]))
-          }, null, 42, Ie), [
-            [te, m.value]
+          }, null, 42, Xe), [
+            [ce, f.value]
           ]),
-          g(h) && !T.value ? (a(), o("p", Me, [
-            V(c(g(S).expectedAnswer) + " ", 1),
-            z("code", null, c(r.value?.expected[0]), 1)
-          ])) : I("", !0)
+          x(l) && !K.value ? (o(), a("p", et, [
+            O(c(x(Q).expectedAnswer) + " ", 1),
+            b("code", null, c(n.value?.expected[0]), 1)
+          ])) : P("", !0)
         ])
-      ], 64)) : I("", !0),
-      g(h) && v.value.explanation ? (a(), o("div", Pe, [
-        z("strong", null, c(g(S).explanation), 1),
-        (a(!0), o(q, null, R(g(J)(v.value.explanation), (s, y) => (a(), o(q, { key: y }, [
-          s.type === "bold" ? (a(), o("strong", Ee, c(s.value), 1)) : s.type === "italic" ? (a(), o("em", He, c(s.value), 1)) : s.type === "code" ? (a(), o("code", Re, c(s.value), 1)) : (a(), o(q, { key: 3 }, [
-            V(c(s.value), 1)
+      ], 64)) : P("", !0),
+      x(l) && y.value.explanation ? (o(), a("div", tt, [
+        b("strong", null, c(x(Q).explanation), 1),
+        (o(!0), a(q, null, N(x(j)(y.value.explanation), (e, d) => (o(), a(q, { key: d }, [
+          e.type === "bold" ? (o(), a("strong", nt, c(e.value), 1)) : e.type === "italic" ? (o(), a("em", rt, c(e.value), 1)) : e.type === "code" ? (o(), a("code", st, c(e.value), 1)) : (o(), a(q, { key: 3 }, [
+            O(c(e.value), 1)
           ], 64))
         ], 64))), 128))
-      ])) : I("", !0)
-    ], 10, de)) : I("", !0);
+      ])) : P("", !0)
+    ], 10, ye)) : P("", !0);
   }
-}), Ne = {
+}), at = {
   class: "quiz-page",
   role: "region",
   "aria-label": "Quiz"
-}, Te = ["aria-valuenow", "aria-valuemax", "aria-label"], We = { class: "quiz-progress-track" }, Oe = {
+}, it = ["aria-valuenow", "aria-valuemax", "aria-label"], lt = { class: "quiz-progress-track" }, ut = {
   class: "quiz-progress-label",
   "aria-live": "polite"
-}, je = { class: "quiz-actions" }, Je = ["disabled"], Be = ["aria-label"], Ke = { class: "quiz-score-value" }, De = { class: "quiz-score-label" }, Le = /* @__PURE__ */ F({
+}, ct = { class: "quiz-actions" }, pt = ["disabled"], dt = ["aria-label"], vt = { class: "quiz-score-value" }, ft = { class: "quiz-score-label" }, gt = /* @__PURE__ */ te({
   __name: "QuizPage",
-  setup(e) {
-    const t = $("quiz-locale"), r = M([]), u = M(!1), n = typeof window < "u" ? "quiz-state:" + window.location.pathname : "";
-    S();
-    let w = 0;
-    E("quiz-validated", u), E("quiz-register", (d) => {
-      r.value.push(d);
-    }), E("quiz-question-id", () => w++), E("quiz-save-answer", (d, b) => {
-      if (n)
+  setup(t) {
+    const i = H("quiz-locale"), n = M([]), v = M(!1), u = typeof window < "u" ? "quiz-state:" + window.location.pathname : "";
+    f();
+    let _ = 0;
+    R("quiz-validated", v), R("quiz-register", (l) => (n.value.push(l), () => {
+      const k = n.value.indexOf(l);
+      k >= 0 && n.value.splice(k, 1);
+    })), R("quiz-question-id", () => _++), R("quiz-save-answer", (l, k) => {
+      if (u)
         try {
-          sessionStorage.setItem(n + ":q" + d, JSON.stringify(b));
+          sessionStorage.setItem(u + ":q" + l, JSON.stringify(k));
         } catch {
         }
-    }), E("quiz-get-answer", (d) => {
-      if (!n) return null;
+    }), R("quiz-get-answer", (l) => {
+      if (!u) return null;
       try {
-        const b = sessionStorage.getItem(n + ":q" + d);
-        return b ? JSON.parse(b) : null;
+        const k = sessionStorage.getItem(u + ":q" + l);
+        return k ? JSON.parse(k) : null;
       } catch {
         return null;
       }
     });
-    const v = M(0);
-    E("quiz-reset", v);
-    const i = _(() => r.value.length), x = _(
-      () => r.value.filter((d) => d.answered).length
-    ), k = _(
-      () => r.value.filter((d) => d.isCorrect).length
-    ), f = _(() => x.value === i.value), m = _(
-      () => i.value ? Math.round(x.value / i.value * 100) : 0
+    const y = M(0);
+    R("quiz-reset", y);
+    const h = I(() => n.value.length), p = I(
+      () => n.value.filter((l) => l.answered).length
+    ), A = I(
+      () => n.value.filter((l) => l.isCorrect).length
+    ), S = I(
+      () => h.value > 0 && p.value === h.value
+    ), z = I(
+      () => h.value ? Math.round(p.value / h.value * 100) : 0
     );
-    function C() {
-      u.value = !0, P();
+    function w() {
+      v.value = !0, $();
     }
-    function h() {
-      u.value = !1, v.value++, H();
+    function g() {
+      v.value = !1, y.value++, C();
     }
-    function P() {
-      if (n)
+    function $() {
+      if (u)
         try {
-          const d = { validated: u.value, ts: Date.now() };
-          sessionStorage.setItem(n, JSON.stringify(d));
+          const l = { validated: v.value, ts: Date.now() };
+          sessionStorage.setItem(u, JSON.stringify(l));
         } catch {
         }
     }
-    function S() {
-      if (n)
+    function f() {
+      if (u)
         try {
-          const d = sessionStorage.getItem(n);
-          if (!d) return;
-          const b = JSON.parse(d);
-          b && b.validated && (u.value = !0);
+          const l = sessionStorage.getItem(u);
+          if (!l) return;
+          const k = JSON.parse(l);
+          k && k.validated && (v.value = !0);
         } catch {
         }
     }
-    function H() {
-      if (n)
+    function C() {
+      if (u)
         try {
-          const d = [];
-          for (let b = 0; b < sessionStorage.length; b++) {
-            const Q = sessionStorage.key(b);
-            Q && Q.startsWith(n) && d.push(Q);
+          const l = [];
+          for (let k = 0; k < sessionStorage.length; k++) {
+            const Q = sessionStorage.key(k);
+            Q && Q.startsWith(u) && l.push(Q);
           }
-          d.forEach((b) => sessionStorage.removeItem(b));
+          l.forEach((k) => sessionStorage.removeItem(k));
         } catch {
         }
     }
-    return (d, b) => (a(), o("div", Ne, [
-      z("div", {
+    return (l, k) => (o(), a("div", at, [
+      b("div", {
         class: "quiz-progress-bar",
         role: "progressbar",
-        "aria-valuenow": x.value,
+        "aria-valuenow": p.value,
         "aria-valuemin": 0,
-        "aria-valuemax": i.value,
-        "aria-label": x.value + " / " + i.value + " " + g(t).answered
+        "aria-valuemax": h.value,
+        "aria-label": p.value + " / " + h.value + " " + x(i).answered
       }, [
-        z("div", We, [
-          z("div", {
-            class: N(["quiz-progress-fill", { complete: m.value === 100 }]),
-            style: re({ width: m.value + "%" })
+        b("div", lt, [
+          b("div", {
+            class: V(["quiz-progress-fill", { complete: z.value === 100 }]),
+            style: pe({ width: z.value + "%" })
           }, null, 6)
         ]),
-        z("span", Oe, c(x.value) + " / " + c(i.value) + " " + c(g(t).answered), 1)
-      ], 8, Te),
-      ne(d.$slots, "default"),
-      z("div", je, [
-        u.value ? I("", !0) : (a(), o("button", {
+        b("span", ut, c(p.value) + " / " + c(h.value) + " " + c(x(i).answered), 1)
+      ], 8, it),
+      de(l.$slots, "default"),
+      b("div", ct, [
+        v.value ? P("", !0) : (o(), a("button", {
           key: 0,
           class: "quiz-btn quiz-btn-validate",
-          disabled: !f.value,
-          onClick: C
-        }, c(g(t).validate), 9, Je)),
-        u.value ? (a(), o(q, { key: 1 }, [
-          z("div", {
+          disabled: !S.value,
+          onClick: w
+        }, c(x(i).validate), 9, pt)),
+        v.value ? (o(), a(q, { key: 1 }, [
+          b("div", {
             class: "quiz-score",
             role: "status",
             "aria-live": "polite",
-            "aria-label": k.value + " / " + i.value + " " + g(t).correctAnswers(k.value)
+            "aria-label": A.value + " / " + h.value + " " + x(i).correctAnswers(A.value)
           }, [
-            z("span", Ke, c(k.value) + " / " + c(i.value), 1),
-            z("span", De, c(g(t).correctAnswers(k.value)) + " (" + c(i.value ? Math.round(k.value / i.value * 100) : 0) + "%) ", 1)
-          ], 8, Be),
-          z("button", {
+            b("span", vt, c(A.value) + " / " + c(h.value), 1),
+            b("span", ft, c(x(i).correctAnswers(A.value)) + " (" + c(h.value ? Math.round(A.value / h.value * 100) : 0) + "%) ", 1)
+          ], 8, dt),
+          b("button", {
             class: "quiz-btn quiz-btn-reset",
-            onClick: h
-          }, c(g(t).reset), 1)
-        ], 64)) : I("", !0)
+            onClick: g
+          }, c(x(i).reset), 1)
+        ], 64)) : P("", !0)
       ])
     ]));
   }
 });
-function Ge(e, t = "en") {
-  ie(), e.provide("quiz-locale", pe(t)), e.component("QuizQuestion", Ve), e.component("QuizPage", Le);
+function bt(t, i = "en") {
+  fe(), t.provide("quiz-locale", me(i)), t.component("QuizQuestion", ot), t.component("QuizPage", gt);
 }
 export {
-  Le as QuizPage,
-  Ve as QuizQuestion,
-  Ge as enhanceAppWithQuiz,
-  pe as getLocale,
-  U as locales,
-  Fe as quizMarkdownPlugin
+  gt as QuizPage,
+  ot as QuizQuestion,
+  bt as enhanceAppWithQuiz,
+  me as getLocale,
+  X as locales,
+  xt as quizMarkdownPlugin
 };
 //# sourceMappingURL=vitepress-plugin-quiz.js.map