@1024pix/epreuves-components 4.6.1 → 4.6.2

package/dist/components/capacity-calculation.ce.js.js

@@ -1,4 +1,4 @@
-import { b as g, o as r, c as u, t as p, q as E, E as L, x as s, _, N as C, a as t, F as D, e as R, v as T, C as h, y as V, X as Z, D as O, r as y, g as w, f, l as $, d as z } from "../_plugin-vue_export-helper-CD1RUA2y.js";
+import { b as g, o as r, c as u, t as p, q as E, E as L, x as s, _, N as C, a as t, F as D, e as R, v as T, C as h, y as V, X as Z, D as O, r as y, g as w, f as b, l as $, d as z } from "../_plugin-vue_export-helper-CD1RUA2y.js";
 import { u as F, a as P, i as k, b as W } from "../i18n-C-1Ne5JG.js";
 import { b as G } from "../normalize-props-DH0oPBss.js";
 import { R as H } from "../Retry-DLOo5neI.js";
@@ -78,12 +78,12 @@ const K = {}, X = {}, J = {}, Y = {}, aa = {}, ea = {
       75e3,
       1e5,
       125e3
-    ]), b = Array.from(M).sort((o, v) => o - v), Q = w(() => {
-      const o = b.indexOf(e.value);
+    ]), f = Array.from(M).sort((o, v) => o - v), Q = w(() => {
+      const o = f.indexOf(e.value);
       return Math.max(0, o);
     }), S = (o) => {
       const v = o.target;
-      e.value = b[Number(v.value)];
+      e.value = f[Number(v.value)];
     }, U = (o) => {
       if (i.value) {
         o.preventDefault();
@@ -120,8 +120,8 @@ const K = {}, X = {}, J = {}, Y = {}, aa = {}, ea = {
               "aria-disabled": i.value,
               name: "ai-answer",
               value: m,
-              onClick: A,
-              checked: n.value === m
+              checked: n.value === m,
+              onClick: A
             }, null, 8, ua),
             L(" " + s(B), 1)
           ], 2)
@@ -131,25 +131,25 @@ const K = {}, X = {}, J = {}, Y = {}, aa = {}, ea = {
         t("legend", _a, s(o.$t("capacity-calculation.in.userQuestion")), 1),
         t("div", pa, [
           t("input", {
-            type: "range",
             id: "nbUser",
+            type: "range",
             name: "nbUser",
             min: 0,
-            max: T(b).length - 1,
+            max: T(f).length - 1,
             value: Q.value,
-            onChange: S,
-            onKeydown: U,
             "aria-disabled": i.value,
-            class: "capacity-calculation__range"
+            class: "capacity-calculation__range",
+            onChange: S,
+            onKeydown: U
           }, null, 40, va),
           t("label", ma, s(e.value.toLocaleString()), 1)
         ])
       ]),
       h(ia, {
-        onClick: V(j, ["prevent"]),
         "aria-disabled": !x.value,
         label: d.value.label,
-        state: d.value.state
+        state: d.value.state,
+        onClick: V(j, ["prevent"])
       }, Z({ _: 2 }, [
         l.value !== "initial" ? {
           name: "icon",
@@ -161,7 +161,7 @@ const K = {}, X = {}, J = {}, Y = {}, aa = {}, ea = {
       ]), 1032, ["aria-disabled", "label", "state"])
     ]));
   }
-}), fa = ".capacity-calculation__column--questions[data-v-55aedee7]{background:#fff;border:1px solid #cdd1d9}.capacity-calculation__column--questions .capacity-calculation__fieldset[data-v-55aedee7]{border:none;display:flex;flex-direction:column;gap:12px;padding:0}.capacity-calculation__column--questions .capacity-calculation__fieldset--range[data-v-55aedee7]{margin-top:12px}.capacity-calculation__column--questions .capacity-calculation__legend[data-v-55aedee7]{font-weight:500;margin-bottom:16px}.capacity-calculation__column--questions .capacity-calculation__legend--user-question[data-v-55aedee7]{font-weight:500;margin:16px 0}.capacity-calculation__column--questions .capacity-calculation__ai-option[data-v-55aedee7]{border:1px solid #5e6c84;border-radius:8px;display:block;cursor:pointer;padding:12px;transition:all .2s ease}.capacity-calculation__column--questions .capacity-calculation__ai-option[data-v-55aedee7]:hover,.capacity-calculation__column--questions .capacity-calculation__ai-option[data-v-55aedee7]:focus{background-color:#f7f5ff;border-color:#613fdd;color:#291a5d}.capacity-calculation__column--questions .capacity-calculation__ai-option--active[data-v-55aedee7]{background-color:#f7f5ff;border-color:#613fdd;color:#291a5d}.capacity-calculation__column--questions .capacity-calculation__ai-option.disabled[data-v-55aedee7]{cursor:not-allowed;background:#f1f1f1;border-color:#5b5b5b}.capacity-calculation__column--questions .capacity-calculation__range-wrap[data-v-55aedee7]{display:flex;flex-direction:column;gap:8px}.capacity-calculation__column--questions .capacity-calculation__range[data-v-55aedee7]{width:100%;accent-color:#613fdd}.capacity-calculation__column--questions .capacity-calculation__range[aria-disabled=true][data-v-55aedee7]{opacity:.3;pointer-events:none}.capacity-calculation__column--questions .capacity-calculation__range-label[data-v-55aedee7]{display:flex;justify-content:center;font-weight:700;margin-block:-5px 10px}", ga = /* @__PURE__ */ _(ya, [["styles", [fa]], ["__scopeId", "data-v-55aedee7"]]), ba = {}, Ca = {
+}), ba = ".capacity-calculation__column--questions[data-v-358b5c7c]{background:#fff;border:1px solid #cdd1d9}.capacity-calculation__column--questions .capacity-calculation__fieldset[data-v-358b5c7c]{border:none;display:flex;flex-direction:column;gap:12px;padding:0}.capacity-calculation__column--questions .capacity-calculation__fieldset--range[data-v-358b5c7c]{margin-top:12px}.capacity-calculation__column--questions .capacity-calculation__legend[data-v-358b5c7c]{font-weight:500;margin-bottom:16px}.capacity-calculation__column--questions .capacity-calculation__legend--user-question[data-v-358b5c7c]{font-weight:500;margin:16px 0}.capacity-calculation__column--questions .capacity-calculation__ai-option[data-v-358b5c7c]{border:1px solid #5e6c84;border-radius:8px;display:block;cursor:pointer;padding:12px;transition:all .2s ease}.capacity-calculation__column--questions .capacity-calculation__ai-option[data-v-358b5c7c]:hover,.capacity-calculation__column--questions .capacity-calculation__ai-option[data-v-358b5c7c]:focus{background-color:#f7f5ff;border-color:#613fdd;color:#291a5d}.capacity-calculation__column--questions .capacity-calculation__ai-option--active[data-v-358b5c7c]{background-color:#f7f5ff;border-color:#613fdd;color:#291a5d}.capacity-calculation__column--questions .capacity-calculation__ai-option.disabled[data-v-358b5c7c]{cursor:not-allowed;background:#f1f1f1;border-color:#5b5b5b}.capacity-calculation__column--questions .capacity-calculation__range-wrap[data-v-358b5c7c]{display:flex;flex-direction:column;gap:8px}.capacity-calculation__column--questions .capacity-calculation__range[data-v-358b5c7c]{width:100%;accent-color:#613fdd}.capacity-calculation__column--questions .capacity-calculation__range[aria-disabled=true][data-v-358b5c7c]{opacity:.3;pointer-events:none}.capacity-calculation__column--questions .capacity-calculation__range-label[data-v-358b5c7c]{display:flex;justify-content:center;font-weight:700;margin-block:-5px 10px}", ga = /* @__PURE__ */ _(ya, [["styles", [ba]], ["__scopeId", "data-v-358b5c7c"]]), fa = {}, Ca = {
   width: "43",
   height: "43",
   viewBox: "0 0 43 43",
@@ -177,7 +177,7 @@ function wa(a, c) {
     }, null, -1)
   ])]);
 }
-const ha = /* @__PURE__ */ _(ba, [["render", wa]]), xa = {}, ka = {
+const ha = /* @__PURE__ */ _(fa, [["render", wa]]), xa = {}, ka = {
   width: "43",
   height: "43",
   viewBox: "0 0 43 43",
@@ -233,13 +233,13 @@ const Qa = /* @__PURE__ */ _(Na, [["render", Ma]]), Sa = ["aria-level"], Ua = {
             src: a.capacityImage,
             alt: ""
           }, null, 8, Ia),
-          a.currentLevel.startsWith("normal_") ? (r(), f($a, {
+          a.currentLevel.startsWith("normal_") ? (r(), b($a, {
             key: 0,
             class: "capacity-calculation__img--status"
-          })) : a.currentLevel === "warning" ? (r(), f(Qa, {
+          })) : a.currentLevel === "warning" ? (r(), b(Qa, {
             key: 1,
             class: "capacity-calculation__img--status"
-          })) : a.currentLevel === "error" ? (r(), f(ha, {
+          })) : a.currentLevel === "error" ? (r(), b(ha, {
             key: 2,
             class: "capacity-calculation__img--status"
           })) : $("", !0)
@@ -257,7 +257,7 @@ const Qa = /* @__PURE__ */ _(Na, [["render", Ma]]), Sa = ["aria-level"], Ua = {
       ])
     ], 2));
   }
-}), Za = ".capacity-calculation__column--answers[data-v-c8dd3f3a]{display:flex;gap:.3rem;border:0px}.capacity-calculation__column--answers--normal_weak[data-v-c8dd3f3a],.capacity-calculation__column--answers--normal_medium[data-v-c8dd3f3a]{background:#eaf1ff}.capacity-calculation__column--answers--warning[data-v-c8dd3f3a]{background:#fffaeb}.capacity-calculation__column--answers--error[data-v-c8dd3f3a]{background:#fbebea}.capacity-calculation__column--answers .capacity-calculation__answers[data-v-c8dd3f3a]{display:flex;flex-direction:column;align-items:stretch;gap:8px;justify-content:center;margin-bottom:1rem}.capacity-calculation__column--answers .capacity-calculation__card[data-v-c8dd3f3a]{border-radius:4px;display:flex;flex-direction:column;align-items:center;gap:16px;padding:8px}.capacity-calculation__column--answers .capacity-calculation__text[data-v-c8dd3f3a]{font-size:.875rem;font-weight:400;line-height:1.5rem;text-align:center;margin:0}.capacity-calculation__column--answers .capacity-calculation__text--strong[data-v-c8dd3f3a]{font-weight:700;margin:0}.capacity-calculation__column--answers img[data-v-c8dd3f3a]{max-width:100%}.capacity-calculation__column--answers .capacity-calculation__img[data-v-c8dd3f3a]{position:relative}.capacity-calculation__column--answers .capacity-calculation__img img[data-v-c8dd3f3a]{width:100px;height:100px;border-radius:24px}.capacity-calculation__column--answers .capacity-calculation__img--status[data-v-c8dd3f3a]{position:absolute;top:0;right:0;transform:translate(30%,-30%)}.capacity-calculation__column--answers .capacity-calculation__progress-bar[data-v-c8dd3f3a]{width:100%;height:32px;border-radius:24px;border:solid 2px #253858}.capacity-calculation__column--answers .capacity-calculation__progress-bar.normal_weak[data-v-c8dd3f3a],.capacity-calculation__column--answers .capacity-calculation__progress-bar.normal_medium[data-v-c8dd3f3a]{background:linear-gradient(90deg,#1f53b5 10%,#fff 36%)}.capacity-calculation__column--answers .capacity-calculation__progress-bar.warning[data-v-c8dd3f3a]{background:linear-gradient(90deg,#ee6911 30%,#fff 66%)}.capacity-calculation__column--answers .capacity-calculation__progress-bar.error[data-v-c8dd3f3a]{background:linear-gradient(90deg,#d24140 51%,#fff 88%)}@media(max-width:720px){.capacity-calculation__column--answers .capacity-calculation__answers[data-v-c8dd3f3a]{flex-direction:row;justify-content:center;gap:16px}}", Oa = /* @__PURE__ */ _(Va, [["styles", [Za]], ["__scopeId", "data-v-c8dd3f3a"]]), za = { class: "capacity-calculation" }, Fa = {
+}), Za = ".capacity-calculation__column--answers[data-v-51d8db7d]{display:flex;gap:.3rem;border:0px}.capacity-calculation__column--answers--normal_weak[data-v-51d8db7d],.capacity-calculation__column--answers--normal_medium[data-v-51d8db7d]{background:#eaf1ff}.capacity-calculation__column--answers--warning[data-v-51d8db7d]{background:#fffaeb}.capacity-calculation__column--answers--error[data-v-51d8db7d]{background:#fbebea}.capacity-calculation__column--answers .capacity-calculation__answers[data-v-51d8db7d]{display:flex;flex-direction:column;align-items:stretch;gap:8px;justify-content:center;margin-bottom:1rem}.capacity-calculation__column--answers .capacity-calculation__card[data-v-51d8db7d]{border-radius:4px;display:flex;flex-direction:column;align-items:center;gap:16px;padding:8px}.capacity-calculation__column--answers .capacity-calculation__text[data-v-51d8db7d]{font-size:.875rem;font-weight:400;line-height:1.5rem;text-align:center;margin:0}.capacity-calculation__column--answers .capacity-calculation__text--strong[data-v-51d8db7d]{font-weight:700;margin:0}.capacity-calculation__column--answers img[data-v-51d8db7d]{max-width:100%}.capacity-calculation__column--answers .capacity-calculation__img[data-v-51d8db7d]{position:relative}.capacity-calculation__column--answers .capacity-calculation__img img[data-v-51d8db7d]{width:100px;height:100px;border-radius:24px}.capacity-calculation__column--answers .capacity-calculation__img--status[data-v-51d8db7d]{position:absolute;top:0;right:0;transform:translate(30%,-30%)}.capacity-calculation__column--answers .capacity-calculation__progress-bar[data-v-51d8db7d]{width:100%;height:32px;border-radius:24px;border:solid 2px #253858}.capacity-calculation__column--answers .capacity-calculation__progress-bar.normal_weak[data-v-51d8db7d],.capacity-calculation__column--answers .capacity-calculation__progress-bar.normal_medium[data-v-51d8db7d]{background:linear-gradient(90deg,#1f53b5 10%,#fff 36%)}.capacity-calculation__column--answers .capacity-calculation__progress-bar.warning[data-v-51d8db7d]{background:linear-gradient(90deg,#ee6911 30%,#fff 66%)}.capacity-calculation__column--answers .capacity-calculation__progress-bar.error[data-v-51d8db7d]{background:linear-gradient(90deg,#d24140 51%,#fff 88%)}@media(max-width:720px){.capacity-calculation__column--answers .capacity-calculation__answers[data-v-51d8db7d]{flex-direction:row;justify-content:center;gap:16px}}", Oa = /* @__PURE__ */ _(Va, [["styles", [Za]], ["__scopeId", "data-v-51d8db7d"]]), za = { class: "capacity-calculation" }, Fa = {
   class: "capacity-calculation__grid",
   "aria-live": "polite"
 }, Pa = /* @__PURE__ */ g({
@@ -279,7 +279,7 @@ const Qa = /* @__PURE__ */ _(Na, [["render", Ma]]), Sa = ["aria-level"], Ua = {
           "onUpdate:currentLevel": i[2] || (i[2] = (d) => e.value = d),
           class: p({ "initial-state": e.value === "initial" })
         }, null, 8, ["selected-ai-question", "selected-nb-user", "current-level", "class"]),
-        e.value !== "initial" ? (r(), f(Oa, {
+        e.value !== "initial" ? (r(), b(Oa, {
           key: 0,
           "title-level": a.titleLevel,
           "selected-nb-user": n.value,

package/dist/components/clickable-image.ce.js.js

@@ -1,6 +1,6 @@
-import { b as B, h as E, k as O, G as W, o as d, c as p, a as C, m as _, F as D, e as L, y as V, A as y, v as j, t as G, l as H, H as T, I as U, x as X, r as b, g as v, _ as Y, d as q } from "../_plugin-vue_export-helper-CD1RUA2y.js";
+import { b as B, h as E, k as O, G as W, o as p, c as d, a as C, m as _, F as D, e as L, y as V, A as y, v as j, t as G, l as H, H as T, I as U, x as X, r as b, g as v, _ as Y, d as q } from "../_plugin-vue_export-helper-CD1RUA2y.js";
 import { a as J, b as S } from "../normalize-props-DH0oPBss.js";
-const K = { class: "container" }, Q = ["onMouseenter", "onFocusin", "onClick", "aria-label"], m = 10, Z = /* @__PURE__ */ B({
+const K = { class: "container" }, Q = ["aria-label", "onMouseenter", "onFocusin", "onClick"], f = 10, Z = /* @__PURE__ */ B({
   __name: "ClickableImage.ce",
   props: {
     image: { type: Object },
@@ -35,12 +35,12 @@ const K = { class: "container" }, Q = ["onMouseenter", "onFocusin", "onClick", "
         y: t * r.value
       };
     }
-    const f = b();
+    const m = b();
     function k(e) {
-      f.value = e;
+      m.value = e;
     }
     function w() {
-      f.value = void 0;
+      m.value = void 0;
     }
     const u = b();
     function F(e) {
@@ -49,7 +49,7 @@ const K = { class: "container" }, Q = ["onMouseenter", "onFocusin", "onClick", "
     function P() {
       u.value = void 0;
     }
-    const x = v(() => u.value ?? f.value), c = v(() => {
+    const x = v(() => u.value ?? m.value), c = v(() => {
       if (x.value !== void 0)
         return $.value[x.value];
     }), N = v(() => {
@@ -60,23 +60,23 @@ const K = { class: "container" }, Q = ["onMouseenter", "onFocusin", "onClick", "
           return {
             left: `${t + (n - t) / 2}px`,
             transform: "translate(-50%, -100%)",
-            top: `${o - m}px`
+            top: `${o - f}px`
           };
         case "bottom":
           return {
             left: `${t + (n - t) / 2}px`,
             transform: "translateX(-50%)",
-            top: `${s + m}px`
+            top: `${s + f}px`
           };
         case "left":
           return {
-            left: `${t - m}px`,
+            left: `${t - f}px`,
             top: `${o + (s - o) / 2}px`,
             transform: "translate(-100%, -50%)"
           };
         default:
           return {
-            left: `${n + m}px`,
+            left: `${n + f}px`,
             top: `${o + (s - o) / 2}px`,
             transform: "translateY(-50%)"
           };
@@ -85,14 +85,14 @@ const K = { class: "container" }, Q = ["onMouseenter", "onFocusin", "onClick", "
     function R() {
       u.value = void 0;
     }
-    return i({ reset: R }), (e, t) => (d(), p("div", K, [
+    return i({ reset: R }), (e, t) => (p(), d("div", K, [
       C("img", _(a.image, {
         ref: "image",
+        alt: "",
         onLoad: t[0] || (t[0] = (o) => h()),
-        onClick: t[1] || (t[1] = (o) => P()),
-        alt: ""
+        onClick: t[1] || (t[1] = (o) => P())
       }), null, 16),
-      (d(!0), p(D, null, L($.value, (o, n) => (d(), p("button", {
+      (p(!0), d(D, null, L($.value, (o, n) => (p(), d("button", {
         key: n,
         style: y({
           "--y1": `${o.coords.y1}px`,
@@ -101,14 +101,14 @@ const K = { class: "container" }, Q = ["onMouseenter", "onFocusin", "onClick", "
           "--x2": `${o.coords.x2}px`
         }),
         class: "area",
+        "aria-label": o.info,
         onMouseenter: (s) => k(n),
         onMouseleave: t[2] || (t[2] = (s) => w()),
         onFocusin: (s) => k(n),
         onFocusout: t[3] || (t[3] = (s) => w()),
-        onClick: V((s) => F(n), ["stop"]),
-        "aria-label": o.info
+        onClick: V((s) => F(n), ["stop"])
       }, [
-        j(I) ? (d(), p("span", {
+        j(I) ? (p(), d("span", {
           key: 0,
           class: G(["spot", { active: x.value === n }]),
           style: y({
@@ -126,7 +126,7 @@ const K = { class: "container" }, Q = ["onMouseenter", "onFocusin", "onClick", "
       ])
     ]));
   }
-}), ee = "*{font-family:Nunito,Roboto,sans-serif;color:var(#253858)}.container{position:relative;max-width:100%;border:1px solid #ccc}.container img{width:100%;height:auto;display:block}.container .area{cursor:pointer;position:absolute;top:var(--y1);left:var(--x1);height:calc(var(--y2) - var(--y1));width:calc(var(--x2) - var(--x1));border:none;background:transparent}.container .spot{cursor:pointer;position:absolute;width:32px;aspect-ratio:1;border:solid 4px #d9d9d9;background:#d9d9d999;border-radius:50%;top:50%;left:50%;transform:translate(calc(-50% + var(--s-x)),calc(-50% + var(--s-y)))}.container .spot.active{border-color:#6495ed}.container .tooltip{position:absolute;background-color:#000000d9;color:#fff;padding:8px 12px;border-radius:6px;font-size:14px;max-width:260px;z-index:10}", te = /* @__PURE__ */ Y(Z, [["styles", [ee]]]), z = q(te);
+}), ee = "*{font-family:Nunito,Roboto,sans-serif;color:var(#253858)}.container{position:relative;max-width:100%;border:1px solid #ccc}.container img{width:100%;height:auto;display:block}.container .area{cursor:pointer;position:absolute;top:var(--y1);left:var(--x1);height:calc(var(--y2) - var(--y1));width:calc(var(--x2) - var(--x1));border:none;background:transparent}.container .spot{cursor:pointer;position:absolute;width:32px;aspect-ratio:1;border:solid 4px #edeff3;background:#212a3799;border-radius:50%;top:50%;left:50%;transform:translate(calc(-50% + var(--s-x)),calc(-50% + var(--s-y)))}.container .spot.active{border-color:#6495ed}.container .tooltip{position:absolute;background-color:#000000d9;color:#fff;padding:8px 12px;border-radius:6px;font-size:14px;max-width:260px;z-index:10}", te = /* @__PURE__ */ Y(Z, [["styles", [ee]]]), z = q(te);
 z.prototype.normalizeProps = (a) => ({
   ...a,
   image: {

package/dist/components/complete-phrase.ce.js.js

@@ -1,48 +1,48 @@
-import { b as h, o, c as n, a, x as c, A as j, _ as f, t as C, q as S, E as N, F as y, e as x, l as z, r as k, g as m, C as L, f as v, d as E } from "../_plugin-vue_export-helper-CD1RUA2y.js";
+import { b as f, o as a, c as n, a as o, x as c, A as j, _ as h, t as C, q as S, E as N, F as y, e as x, l as z, r as k, g as m, C as L, f as v, d as E } from "../_plugin-vue_export-helper-CD1RUA2y.js";
 import { u as M, a as O, i as q, b as T } from "../i18n-C-1Ne5JG.js";
 import { b as I } from "../normalize-props-DH0oPBss.js";
-import { L as B } from "../LLMMessage.ce-y0WmEj7m.js";
+import { L as B } from "../LLMMessage.ce-BM9ikl_y.js";
 const R = {}, V = {}, D = {}, F = {}, Q = {}, W = {
   "complete-phrase": { title: "Probabilité du mot suivant", description: "Quand la barre est longue, le mot a une plus forte probabilité de convenir pour continuer cette phrase.", ariaLabelDescription: "Le mot {{name}} a une probabilité de {{percent}}%", clickHereButton: "Révéler le mot", successfullyCompletedSentence: "Cliquez sur le mot choisi par l’IA dans les propositions suivantes :", feedback: { sure: "En effet, c'est le mot le plus probable !", probably: "C’est possible ! L’IA peut aussi choisir le mot « {{word}} », qui est très probable...", notSure: "Pas sûr... L’IA choisira sans doute un mot plus probable : {{words, list(style: 'long'; type: 'disjunction';)}}." } }
-}, H = {}, U = {}, G = { class: "probability-bar" }, J = { "aria-hidden": "true" }, K = { class: "sr-only" }, X = /* @__PURE__ */ h({
+}, H = {}, U = {}, G = { class: "probability-bar" }, J = { "aria-hidden": "true" }, K = { class: "sr-only" }, X = /* @__PURE__ */ f({
   __name: "ProbabilityBar.ce",
   props: {
     name: { type: String },
     percent: { type: Number }
   },
   setup(e) {
-    return (d, t) => (o(), n("div", G, [
-      a("p", J, c(e.name), 1),
-      a("p", K, c(d.$t("complete-phrase.ariaLabelDescription", { name: e.name, percent: e.percent })), 1),
-      a("div", {
+    return (d, t) => (a(), n("div", G, [
+      o("p", J, c(e.name), 1),
+      o("p", K, c(d.$t("complete-phrase.ariaLabelDescription", { name: e.name, percent: e.percent })), 1),
+      o("div", {
         style: j(`width: ${e.percent}%`),
         class: "probability-bar__percent",
         "aria-hidden": "true"
       }, null, 4),
-      t[0] || (t[0] = a("div", {
+      t[0] || (t[0] = o("div", {
         class: "probability-bar__background",
         "aria-hidden": "true"
       }, null, -1))
     ]));
   }
-}), Y = ".probability-bar[data-v-19f7d147]{font-family:Roboto,sans-serif;padding-bottom:10px;position:relative}.probability-bar p[data-v-19f7d147]{margin:0}.probability-bar__percent[data-v-19f7d147]{position:absolute;left:0;z-index:2;height:6px;border-radius:5px;background-color:#122647}.probability-bar__background[data-v-19f7d147]{position:absolute;left:0;z-index:1;width:100%;height:6px;border-radius:5px;background-color:#cdd1d9}.sr-only[data-v-19f7d147]{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}", Z = /* @__PURE__ */ f(X, [["styles", [Y]], ["__scopeId", "data-v-19f7d147"]]), ee = /* @__PURE__ */ h({
+}), Y = ".probability-bar[data-v-19f7d147]{font-family:Roboto,sans-serif;padding-bottom:10px;position:relative}.probability-bar p[data-v-19f7d147]{margin:0}.probability-bar__percent[data-v-19f7d147]{position:absolute;left:0;z-index:2;height:6px;border-radius:5px;background-color:#122647}.probability-bar__background[data-v-19f7d147]{position:absolute;left:0;z-index:1;width:100%;height:6px;border-radius:5px;background-color:#cdd1d9}.sr-only[data-v-19f7d147]{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}", Z = /* @__PURE__ */ h(X, [["styles", [Y]], ["__scopeId", "data-v-19f7d147"]]), ee = /* @__PURE__ */ f({
   __name: "Button.ce",
   props: {
     label: { type: String },
     state: { type: String }
   },
   setup(e) {
-    return (d, t) => (o(), n("button", {
+    return (d, t) => (a(), n("button", {
       class: C(["complete-phrase_button", e.state])
     }, [
       S(d.$slots, "icon"),
       N(" " + c(e.label), 1)
     ], 2));
   }
-}), te = ".complete-phrase_button.primary{--background-color: #253858;--background-color-hover: #122647;--color: #fff;--color-hover: #fff}.complete-phrase_button.warning{--background-color: #ffcb33;--background-color-hover: #a16206;--color: #122647;--color-hover: #fff}.complete-phrase_button.primary,.complete-phrase_button.warning{align-items:center;background-color:var(--background-color);border:2px solid transparent;border-radius:8px;color:var(--color);cursor:pointer;display:flex;font-family:Roboto,sans-serif;font-size:1rem;font-weight:700;justify-content:center;gap:8px;line-height:24px;margin:0 auto;outline:none;padding:8px 24px;transition:background-color ease .5s,color ease .5s;width:fit-content;white-space:nowrap}:is(.complete-phrase_button.primary,.complete-phrase_button.warning)[aria-disabled=true]{cursor:not-allowed;opacity:.5}:is(.complete-phrase_button.primary,.complete-phrase_button.warning):not([aria-disabled=true]):hover{background-color:var(--background-color-hover);color:var(--color-hover);transition:background-color ease .5s,color ease .5s}:is(.complete-phrase_button.primary,.complete-phrase_button.warning):not([aria-disabled=true]):hover svg{color:var(--color-hover);transition:color ease .5s}", oe = /* @__PURE__ */ f(ee, [["styles", [te]]]), ae = { class: "qcu" }, se = { class: "qcu__list" }, ie = ["id", "onClick", "aria-label", "checked", "disabled"], re = { for: "`choice${index}`" }, ne = {
+}), te = ".complete-phrase_button.primary{--background-color: #253858;--background-color-hover: #122647;--color: #fff;--color-hover: #fff}.complete-phrase_button.warning{--background-color: #ffcb33;--background-color-hover: #a16206;--color: #122647;--color-hover: #fff}.complete-phrase_button.primary,.complete-phrase_button.warning{align-items:center;background-color:var(--background-color);border:2px solid transparent;border-radius:8px;color:var(--color);cursor:pointer;display:flex;font-family:Roboto,sans-serif;font-size:1rem;font-weight:700;justify-content:center;gap:8px;line-height:24px;margin:0 auto;outline:none;padding:8px 24px;transition:background-color ease .5s,color ease .5s;width:fit-content;white-space:nowrap}:is(.complete-phrase_button.primary,.complete-phrase_button.warning)[aria-disabled=true]{cursor:not-allowed;opacity:.5}:is(.complete-phrase_button.primary,.complete-phrase_button.warning):not([aria-disabled=true]):hover{background-color:var(--background-color-hover);color:var(--color-hover);transition:background-color ease .5s,color ease .5s}:is(.complete-phrase_button.primary,.complete-phrase_button.warning):not([aria-disabled=true]):hover svg{color:var(--color-hover);transition:color ease .5s}", ae = /* @__PURE__ */ h(ee, [["styles", [te]]]), oe = { class: "qcu" }, se = { class: "qcu__list" }, ie = ["id", "aria-label", "checked", "disabled", "onClick"], re = { for: "`choice${index}`" }, ne = {
   key: 0,
   class: "feedback"
-}, le = /* @__PURE__ */ h({
+}, le = /* @__PURE__ */ f({
   __name: "QCU.ce",
   props: {
     list: { type: Array },
@@ -54,29 +54,29 @@ const R = {}, V = {}, D = {}, F = {}, Q = {}, W = {
     function g(i) {
       s.value = i, t("answer", i.name);
     }
-    return (i, w) => (o(), n("div", ae, [
-      a("p", null, c(e.title), 1),
-      a("section", se, [
-        (o(!0), n(y, null, x(e.list, (r, l) => (o(), n("div", {
-          class: "qcu__list-choice",
-          key: l
+    return (i, w) => (a(), n("div", oe, [
+      o("p", null, c(e.title), 1),
+      o("section", se, [
+        (a(!0), n(y, null, x(e.list, (r, l) => (a(), n("div", {
+          key: l,
+          class: "qcu__list-choice"
         }, [
-          a("input", {
+          o("input", {
             id: `choice${l}`,
             type: "radio",
             name: "qcu-choice",
-            onClick: (u) => g(r),
             "aria-label": r.name,
             checked: s.value === r,
-            disabled: !!s.value
+            disabled: !!s.value,
+            onClick: (u) => g(r)
           }, null, 8, ie),
-          a("label", re, c(r.name), 1)
+          o("label", re, c(r.name), 1)
         ]))), 128))
       ]),
-      s.value ? (o(), n("section", ne, c(_.value), 1)) : z("", !0)
+      s.value ? (a(), n("section", ne, c(_.value), 1)) : z("", !0)
     ]));
   }
-}), ce = "[data-v-74566fe6]{font-family:Roboto,sans-serif;color:#122647}.qcu[data-v-74566fe6]{align-items:center;display:flex;flex-direction:column;gap:16px}.qcu p[data-v-74566fe6]{margin:0}.qcu__list[data-v-74566fe6]{display:flex;gap:16px}.qcu__list-choice[data-v-74566fe6]{position:relative}.qcu__list-choice input[data-v-74566fe6]{appearance:none;height:100%;outline:none;position:absolute;width:100%}.qcu__list-choice input:checked+label[data-v-74566fe6]{background-color:#3b82f6;color:#fff}.qcu__list-choice input[data-v-74566fe6]:hover{cursor:pointer}.qcu__list-choice input:hover+label[data-v-74566fe6]{background-color:#3b82f6;color:#fff;transition:background-color .5s ease,color .5s ease}.qcu__list-choice input:disabled+label[data-v-74566fe6],.qcu__list-choice input[data-v-74566fe6]:disabled:hover{cursor:not-allowed}.qcu__list-choice input:disabled:not(:checked)+label[data-v-74566fe6],.qcu__list-choice input:disabled:hover:not(:checked)+label[data-v-74566fe6]{background:#e6f2fe;color:#122647;cursor:not-allowed;opacity:.5;transition:none}.qcu__list-choice label[data-v-74566fe6]{align-items:center;background:#e6f2fe;border-radius:4px;color:inherit;display:flex;font-weight:700;gap:10px;justify-content:center;padding:4px 8px;transition:background-color .5s ease,color .5s ease}.qcu .feedback[data-v-74566fe6]{display:flex;padding:8px 16px;flex-direction:column;align-items:flex-start;gap:16px;align-self:stretch;border-radius:8px;background:#e6f2fe}", de = /* @__PURE__ */ f(le, [["styles", [ce]], ["__scopeId", "data-v-74566fe6"]]), pe = { class: "complete-phrase" }, ue = ["aria-level"], be = { class: "complete-phrase__description" }, me = { class: "complete-phrase__container" }, he = { class: "complete-phrase-container__conversation" }, fe = { class: "complete-phrase-container__probabilities" }, _e = ["id", "aria-hidden"], ge = /* @__PURE__ */ h({
+}), ce = "[data-v-af3c8f6a]{font-family:Roboto,sans-serif;color:#122647}.qcu[data-v-af3c8f6a]{align-items:center;display:flex;flex-direction:column;gap:16px}.qcu p[data-v-af3c8f6a]{margin:0}.qcu__list[data-v-af3c8f6a]{display:flex;gap:16px}.qcu__list-choice[data-v-af3c8f6a]{position:relative}.qcu__list-choice input[data-v-af3c8f6a]{appearance:none;height:100%;outline:none;position:absolute;width:100%}.qcu__list-choice input:checked+label[data-v-af3c8f6a]{background-color:#3b82f6;color:#fff}.qcu__list-choice input[data-v-af3c8f6a]:hover{cursor:pointer}.qcu__list-choice input:hover+label[data-v-af3c8f6a]{background-color:#3b82f6;color:#fff;transition:background-color .5s ease,color .5s ease}.qcu__list-choice input:disabled+label[data-v-af3c8f6a],.qcu__list-choice input[data-v-af3c8f6a]:disabled:hover{cursor:not-allowed}.qcu__list-choice input:disabled:not(:checked)+label[data-v-af3c8f6a],.qcu__list-choice input:disabled:hover:not(:checked)+label[data-v-af3c8f6a]{background:#e6f2fe;color:#122647;cursor:not-allowed;opacity:.5;transition:none}.qcu__list-choice label[data-v-af3c8f6a]{align-items:center;background:#e6f2fe;border-radius:4px;color:inherit;display:flex;font-weight:700;gap:10px;justify-content:center;padding:4px 8px;transition:background-color .5s ease,color .5s ease}.qcu .feedback[data-v-af3c8f6a]{display:flex;padding:8px 16px;flex-direction:column;align-items:flex-start;gap:16px;align-self:stretch;border-radius:8px;background:#e6f2fe}", de = /* @__PURE__ */ h(le, [["styles", [ce]], ["__scopeId", "data-v-af3c8f6a"]]), pe = { class: "complete-phrase" }, ue = ["aria-level"], be = { class: "complete-phrase__description" }, me = { class: "complete-phrase__container" }, fe = { class: "complete-phrase-container__conversation" }, he = { class: "complete-phrase-container__probabilities" }, _e = ["id", "aria-hidden"], ge = /* @__PURE__ */ f({
   __name: "CompletePhrase.ce",
   props: {
     listOfProbabilityBarsLists: { type: Array },
@@ -102,15 +102,15 @@ const R = {}, V = {}, D = {}, F = {}, Q = {}, W = {
     }
     return d({
       reset: i
-    }), (r, l) => (o(), n("div", pe, [
-      a("div", {
+    }), (r, l) => (a(), n("div", pe, [
+      o("div", {
         class: "complete-phrase__title",
         role: "heading",
         "aria-level": e.titleLevel
       }, c(r.$t("complete-phrase.title")), 9, ue),
-      a("p", be, c(r.$t("complete-phrase.description")), 1),
-      a("section", me, [
-        a("div", he, [
+      o("p", be, c(r.$t("complete-phrase.description")), 1),
+      o("section", me, [
+        o("div", fe, [
           L(B, {
             class: "container__message",
             message: { content: e.userMessage, direction: "outbound" }
@@ -120,36 +120,36 @@ const R = {}, V = {}, D = {}, F = {}, Q = {}, W = {
             message: { content: g.value, direction: "inbound" }
           }, null, 8, ["message"])
         ]),
-        a("div", fe, [
-          (o(!0), n(y, null, x(e.listOfProbabilityBarsLists, (u, b) => (o(), n("div", {
-            class: C(["probability", { hidden: b !== t.value }]),
-            key: b,
+        o("div", he, [
+          (a(!0), n(y, null, x(e.listOfProbabilityBarsLists, (u, b) => (a(), n("div", {
             id: `currentProbability${b}`,
+            key: b,
+            class: C(["probability", { hidden: b !== t.value }]),
             "aria-hidden": b !== t.value
           }, [
-            (o(!0), n(y, null, x(u, ($, A) => (o(), v(Z, {
+            (a(!0), n(y, null, x(u, ($, A) => (a(), v(Z, {
+              key: A,
               name: $.name,
-              percent: $.percent,
-              key: A
+              percent: $.percent
             }, null, 8, ["name", "percent"]))), 128))
           ], 10, _e))), 128))
         ])
       ]),
-      p.value ? (o(), v(de, {
+      p.value ? (a(), v(de, {
         key: 0,
         list: _.value,
         title: r.$t("complete-phrase.successfullyCompletedSentence"),
         onAnswer: l[0] || (l[0] = (u) => s.value = u)
-      }, null, 8, ["list", "title"])) : (o(), v(oe, {
+      }, null, 8, ["list", "title"])) : (a(), v(ae, {
         key: 1,
-        onClick: w,
         state: "primary",
         label: r.$t("complete-phrase.clickHereButton"),
-        "aria-describedby": `currentProbability${t.value}`
+        "aria-describedby": `currentProbability${t.value}`,
+        onClick: w
       }, null, 8, ["label", "aria-describedby"]))
     ]));
   }
-}), ve = "*{font-family:Roboto,sans-serif;color:#122647}.complete-phrase__title{font-family:Nunito,sans-serif;font-size:1.75rem;font-weight:700;line-height:36px;text-align:center}.complete-phrase__description{text-align:center;font-size:1rem;font-weight:400;line-height:24px}.complete-phrase__container{display:grid;gap:32px;grid-template-columns:3fr 2fr;margin-bottom:24px}.complete-phrase-container__conversation{background:#fff;border:1px solid #cdd1d9;border-radius:16px;display:flex;flex-direction:column;gap:32px;padding:1rem}.complete-phrase-container__conversation .message{align-items:center}.complete-phrase-container__probabilities{display:grid}.complete-phrase-container__probabilities .probability{display:flex;flex-direction:column;gap:16px;grid-row:1;grid-column:1}.complete-phrase-container__probabilities .probability.hidden{visibility:hidden}.complete-message-word:last-child{border:none;filter:blur(4px);font-weight:600;height:auto;width:auto}.complete-message-word--visible:last-child{color:inherit;filter:none;font-weight:700}.complete-message-word--hidden:last-child{background-color:#f4f5f7;border-radius:4px;border:1px dashed #5e6c84;color:transparent;display:inline-block;filter:none;padding:2px 4px}.complete-message-word:nth-last-child(2){font-weight:600}@media(max-width:600px){.complete-phrase__container{grid-template-columns:1fr}.complete-phrase-container__probabilities .probability.hidden{display:none}}", ye = /* @__PURE__ */ f(ge, [["styles", [ve]]]);
+}), ve = "*{font-family:Roboto,sans-serif;color:#122647}.complete-phrase__title{font-family:Nunito,sans-serif;font-size:1.75rem;font-weight:700;line-height:36px;text-align:center}.complete-phrase__description{text-align:center;font-size:1rem;font-weight:400;line-height:24px}.complete-phrase__container{display:grid;gap:32px;grid-template-columns:3fr 2fr;margin-bottom:24px}.complete-phrase-container__conversation{background:#fff;border:1px solid #cdd1d9;border-radius:16px;display:flex;flex-direction:column;gap:32px;padding:1rem}.complete-phrase-container__conversation .message{align-items:center}.complete-phrase-container__probabilities{display:grid}.complete-phrase-container__probabilities .probability{display:flex;flex-direction:column;gap:16px;grid-row:1;grid-column:1}.complete-phrase-container__probabilities .probability.hidden{visibility:hidden}.complete-message-word:last-child{border:none;filter:blur(4px);font-weight:600;height:auto;width:auto}.complete-message-word--visible:last-child{color:inherit;filter:none;font-weight:700}.complete-message-word--hidden:last-child{background-color:#f4f5f7;border-radius:4px;border:1px dashed #5e6c84;color:transparent;display:inline-block;filter:none;padding:2px 4px}.complete-message-word:nth-last-child(2){font-weight:600}@media(max-width:600px){.complete-phrase__container{grid-template-columns:1fr}.complete-phrase-container__probabilities .probability.hidden{display:none}}", ye = /* @__PURE__ */ h(ge, [["styles", [ve]]]);
 O(/* @__PURE__ */ Object.assign({ "./locales/de-AT.json": R, "./locales/en.json": V, "./locales/es-419.json": D, "./locales/es.json": F, "./locales/fr-BE.json": Q, "./locales/fr.json": W, "./locales/it.json": H, "./locales/nl.json": U })).catch((e) => console.error(e));
 const P = E(ye, {
   configureApp(e) {

package/dist/components/flip-cards.ce.js.js

@@ -1,6 +1,6 @@
-import { b as g, o as r, c as n, F as m, a as i, t as f, x as l, l as x, _ as u, r as y, e as k, Q as v, C as w, d as F } from "../_plugin-vue_export-helper-CD1RUA2y.js";
+import { b as v, o as d, c as n, F as g, a as i, t as p, x as l, l as x, _ as m, r as y, e as k, Q as b, C as w, d as F } from "../_plugin-vue_export-helper-CD1RUA2y.js";
 import { b as _ } from "../normalize-props-DH0oPBss.js";
-const C = ["aria-hidden"], L = ["src"], z = ["aria-level"], N = ["aria-hidden"], S = ["aria-level"], $ = { class: "description" }, B = { class: "image-container" }, j = ["src"], E = /* @__PURE__ */ g({
+const C = ["aria-hidden"], L = ["src"], z = ["aria-level"], N = ["aria-hidden"], S = ["aria-level"], $ = { class: "description" }, B = { class: "image-container" }, j = ["src"], E = /* @__PURE__ */ v({
   __name: "FlipCard.ce",
   props: {
     titleLevel: { type: Number },
@@ -12,9 +12,9 @@ const C = ["aria-hidden"], L = ["src"], z = ["aria-level"], N = ["aria-hidden"],
     name: { type: String }
   },
   setup(e) {
-    return (s, p) => (r(), n(m, null, [
+    return (s, f) => (d(), n(g, null, [
       i("div", {
-        class: f(["card recto", `${e.color}`]),
+        class: p(["card recto", `${e.color}`]),
         "aria-hidden": e.isFlipped ? "true" : "false"
       }, [
         i("img", {
@@ -29,7 +29,7 @@ const C = ["aria-hidden"], L = ["src"], z = ["aria-level"], N = ["aria-hidden"],
         }, l(e.name), 9, z)
       ], 10, C),
       i("div", {
-        class: f(["card verso", { flipped: e.isFlipped, [e.color]: e.color }]),
+        class: p(["card verso", { flipped: e.isFlipped, [e.color]: e.color }]),
         "aria-hidden": e.isFlipped ? "false" : "true"
       }, [
         i("div", {
@@ -39,7 +39,7 @@ const C = ["aria-hidden"], L = ["src"], z = ["aria-level"], N = ["aria-hidden"],
         }, l(e.name), 9, S),
         i("p", $, l(e.description), 1),
         i("div", B, [
-          e.image ? (r(), n("img", {
+          e.image ? (d(), n("img", {
             key: 0,
             src: e.image,
             alt: ""
@@ -48,7 +48,7 @@ const C = ["aria-hidden"], L = ["src"], z = ["aria-level"], N = ["aria-hidden"],
       ], 10, N)
     ], 64));
   }
-}), K = "[data-v-c0da3f12]{box-sizing:border-box}.card[data-v-c0da3f12]{align-items:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#fff;border-radius:12px;color:#253858;display:flex;flex-direction:column;gap:1.2rem;inset:0;justify-content:center;padding:18px;position:absolute;transform:translateZ(0);transition:transform ease .5s}.card .title[data-v-c0da3f12]{font-family:Nunito,sans-serif;font-size:1rem;font-weight:700;line-height:29px}.card.recto.red[data-v-c0da3f12]{background:linear-gradient(150deg,#fff,#ff7373)}.card.recto.yellow[data-v-c0da3f12]{background:linear-gradient(150deg,#fff,#ffec73)}.card.recto.blue[data-v-c0da3f12]{background:linear-gradient(150deg,#fff,#2491ff)}.card.recto.purple[data-v-c0da3f12]{background:linear-gradient(150deg,#fff,#9177f2)}.card.recto.green[data-v-c0da3f12]{background:linear-gradient(150deg,#fff,#52d987)}.card.recto.pink[data-v-c0da3f12]{background:linear-gradient(150deg,#fff,#f041bf)}.card.recto .icon[data-v-c0da3f12]{display:block;height:auto;width:40px}.card.verso[data-v-c0da3f12]{line-height:1.2rem;padding:8px;text-align:center;transform:rotateY(180deg) translateZ(0)}.card.verso.flipped.red[data-v-c0da3f12]{border:2px solid #ff7373}.card.verso.flipped.yellow[data-v-c0da3f12]{border:2px solid #ffec73}.card.verso.flipped.blue[data-v-c0da3f12]{border:2px solid #2491ff}.card.verso.flipped.purple[data-v-c0da3f12]{border:2px solid #9177f2}.card.verso.flipped.green[data-v-c0da3f12]{border:2px solid #52d987}.card.verso.flipped.pink[data-v-c0da3f12]{border:2px solid #f041bf}.card.verso .description[data-v-c0da3f12]{font-size:.9rem;margin:0 0 8px}.card.verso .image-container[data-v-c0da3f12]{margin:8px 8px 16px;overflow:hidden;width:160px}.card.verso img[data-v-c0da3f12]{display:block;height:100%;object-fit:contain;width:100%}", V = /* @__PURE__ */ u(E, [["styles", [K]], ["__scopeId", "data-v-c0da3f12"]]), D = { class: "flip-cards" }, I = ["aria-level"], Y = ["aria-expanded", "onClick", "onKeydown"], Z = { class: "flip-container" }, A = /* @__PURE__ */ g({
+}), K = "[data-v-042dbbc1]{box-sizing:border-box}.card[data-v-042dbbc1]{align-items:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#fff;border-radius:12px;color:#253858;display:flex;flex-direction:column;gap:1.2rem;inset:0;justify-content:center;padding:18px;position:absolute;transform:translateZ(0);transition:transform ease .5s}.card .title[data-v-042dbbc1]{font-family:Nunito,sans-serif;font-size:1rem;font-weight:700;line-height:29px}.card.recto.red[data-v-042dbbc1]{background:linear-gradient(150deg,#fff,#ff7373)}.card.recto.yellow[data-v-042dbbc1]{background:linear-gradient(150deg,#fff,#ffec73)}.card.recto.blue[data-v-042dbbc1]{background:linear-gradient(150deg,#fff,#2491ff)}.card.recto.purple[data-v-042dbbc1]{background:linear-gradient(150deg,#fff,#9177f2)}.card.recto.green[data-v-042dbbc1]{background:linear-gradient(150deg,#fff,#52d987)}.card.recto.pink[data-v-042dbbc1]{background:linear-gradient(150deg,#fff,#f041bf)}.card.recto .icon[data-v-042dbbc1]{display:block;height:auto;width:40px}.card.verso[data-v-042dbbc1]{line-height:1.2rem;padding:8px;text-align:center;transform:rotateY(180deg) translateZ(0)}.card.verso.flipped.red[data-v-042dbbc1]{border:2px solid #ff7373}.card.verso.flipped.yellow[data-v-042dbbc1]{border:2px solid #ffec73}.card.verso.flipped.blue[data-v-042dbbc1]{border:2px solid #2491ff}.card.verso.flipped.purple[data-v-042dbbc1]{border:2px solid #9177f2}.card.verso.flipped.green[data-v-042dbbc1]{border:2px solid #52d987}.card.verso.flipped.pink[data-v-042dbbc1]{border:2px solid #f041bf}.card.verso .description[data-v-042dbbc1]{font-size:.9rem;margin:0 0 8px}.card.verso .image-container[data-v-042dbbc1]{margin:8px 8px 16px;overflow:hidden;width:160px}.card.verso img[data-v-042dbbc1]{display:block;height:100%;object-fit:contain;width:100%}", V = /* @__PURE__ */ m(E, [["styles", [K]], ["__scopeId", "data-v-042dbbc1"]]), D = { class: "flip-cards" }, I = ["aria-level"], Y = ["aria-expanded", "onClick", "onKeydown"], Z = { class: "flip-container" }, A = /* @__PURE__ */ v({
   __name: "FlipCards.ce",
   props: {
     titleLevel: { default: 2, type: Number },
@@ -56,7 +56,7 @@ const C = ["aria-hidden"], L = ["src"], z = ["aria-level"], N = ["aria-hidden"],
     cardList: { type: Array }
   },
   setup(e) {
-    const s = ["red", "yellow", "blue", "purple", "green", "pink"], p = y(
+    const s = ["red", "yellow", "blue", "purple", "green", "pink"], f = y(
       e.cardList.map((t, o) => ({
         ...t,
         color: s[o % s.length],
@@ -65,22 +65,22 @@ const C = ["aria-hidden"], L = ["src"], z = ["aria-level"], N = ["aria-hidden"],
     ), c = (t, o) => {
       o.preventDefault(), t.isFlipped = !t.isFlipped;
     };
-    return (t, o) => (r(), n("div", D, [
+    return (t, o) => (d(), n("div", D, [
       i("div", {
         role: "heading",
         "aria-level": e.titleLevel,
         class: "sr-only"
       }, l(e.name), 9, I),
-      (r(!0), n(m, null, k(p.value, (a, b) => (r(), n("div", {
-        key: b,
-        class: f(["card-container", { flipped: a.isFlipped, [a.color]: a.color }]),
+      (d(!0), n(g, null, k(f.value, (a, h) => (d(), n("div", {
+        key: h,
+        class: p(["card-container", { flipped: a.isFlipped, [a.color]: a.color }]),
         role: "button",
         tabindex: "0",
         "aria-expanded": a.isFlipped,
-        onClick: (d) => c(a, d),
+        onClick: (r) => c(a, r),
         onKeydown: [
-          v((d) => c(a, d), ["enter"]),
-          v((d) => c(a, d), ["space"])
+          b((r) => c(a, r), ["enter"]),
+          b((r) => c(a, r), ["space"])
         ]
       }, [
         i("div", Z, [
@@ -97,9 +97,9 @@ const C = ["aria-hidden"], L = ["src"], z = ["aria-level"], N = ["aria-hidden"],
       ], 42, Y))), 128))
     ]));
   }
-}), P = "[data-v-394f37d2]{box-sizing:border-box}.sr-only[data-v-394f37d2]{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.flip-cards[data-v-394f37d2]{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;max-width:100%;padding:0}.flip-cards .card-container[data-v-394f37d2]{cursor:pointer;flex:0 0 180px;height:250px;margin:0;perspective:1200px;outline:none;transform:scale(1);transition:transform ease .5s}.flip-cards .card-container[data-v-394f37d2]:hover,.flip-cards .card-container[data-v-394f37d2]:focus{transform:scale(1.05);transition:transform ease .5s;outline:none}.flip-cards .card-container .flip-container[data-v-394f37d2]{display:block;position:relative;width:100%;height:100%;padding:18px;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,.8,.2,1);will-change:transform}.flip-cards .card-container.flipped .flip-container[data-v-394f37d2]{transform:rotateY(180deg)}", Q = /* @__PURE__ */ u(A, [["styles", [P]], ["__scopeId", "data-v-394f37d2"]]), h = F(Q);
-h.prototype.normalizeProps = (e) => ({
+}), P = "[data-v-98a76b7e]{box-sizing:border-box}.sr-only[data-v-98a76b7e]{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.flip-cards[data-v-98a76b7e]{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;max-width:100%;padding:0}.flip-cards .card-container[data-v-98a76b7e]{cursor:pointer;flex:0 0 180px;height:250px;margin:0;perspective:1200px;outline:none;transform:scale(1);transition:transform ease .5s}.flip-cards .card-container[data-v-98a76b7e]:hover,.flip-cards .card-container[data-v-98a76b7e]:focus{transform:scale(1.05);transition:transform ease .5s;outline:none}.flip-cards .card-container .flip-container[data-v-98a76b7e]{display:block;position:relative;width:100%;height:100%;padding:18px;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,.8,.2,1);will-change:transform}.flip-cards .card-container.flipped .flip-container[data-v-98a76b7e]{transform:rotateY(180deg)}", Q = /* @__PURE__ */ m(A, [["styles", [P]], ["__scopeId", "data-v-98a76b7e"]]), u = F(Q);
+u.prototype.normalizeProps = (e) => ({
   ...e,
   titleLevel: _(e.titleLevel)
 });
-window.customElements.define("flip-cards", h);
+window.customElements.define("flip-cards", u);