@1024pix/epreuves-components 2.7.0 → 2.8.1

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

@@ -1,4 +1,4 @@
-import { d as R, q as E, r as y, v as O, x as W, y as d, c as p, o as v, a as C, z as _, m as D, F as L, b as V, i as j, A as b, B as q, h as T, n as U, C as X, t as Y, _ as G, f as H } from "../_plugin-vue_export-helper-BcRm04ZH.js";
+import { d as R, j as E, r as y, v as O, x as W, y as d, c as p, o as v, a as C, z as _, m as j, F as D, b as L, l as V, A as b, B as T, k as U, n as X, C as Y, t as q, _ as G, f as H } from "../_plugin-vue_export-helper-BPDEgOal.js";
 import { u as z, a as J } from "../normalize-props-DtfVI0Xg.js";
 const K = { class: "container" }, Q = ["onMouseenter", "onFocusin", "onClick", "aria-label"], f = 10, Z = /* @__PURE__ */ R({
   __name: "ClickableImage.ce",
@@ -7,8 +7,8 @@ const K = { class: "container" }, Q = ["onMouseenter", "onFocusin", "onClick", "
     areas: { type: Array }
   },
   setup(a, { expose: i }) {
-    const l = E("image"), r = y(1), g = new ResizeObserver(() => h());
-    function h() {
+    const l = E("image"), r = y(1), g = new ResizeObserver(() => $());
+    function $() {
       l.value.naturalWidth && (r.value = l.value.offsetWidth / l.value.naturalWidth);
     }
     O(() => {
@@ -16,7 +16,7 @@ const K = { class: "container" }, Q = ["onMouseenter", "onFocusin", "onClick", "
     }), W(() => {
       g.disconnect();
     });
-    const A = a.areas.some(({ spot: e }) => !!e), $ = d(() => a.areas.map((e) => ({
+    const A = a.areas.some(({ spot: e }) => !!e), h = d(() => a.areas.map((e) => ({
       ...e,
       coords: I(e.coords),
       spot: M(e.spot)
@@ -51,7 +51,7 @@ const K = { class: "container" }, Q = ["onMouseenter", "onFocusin", "onClick", "
     }
     const x = d(() => u.value ?? m.value), c = d(() => {
       if (x.value !== void 0)
-        return $.value[x.value];
+        return h.value[x.value];
     }), B = d(() => {
       if (!c.value) return {};
       const { tooltipPosition: e, coords: { x1: t, y1: o, x2: n, y2: s } } = c.value;
@@ -86,13 +86,13 @@ const K = { class: "container" }, Q = ["onMouseenter", "onFocusin", "onClick", "
       u.value = void 0;
     }
     return i({ reset: N }), (e, t) => (v(), p("div", K, [
-      C("img", D(a.image, {
+      C("img", j(a.image, {
         ref: "image",
-        onLoad: t[0] || (t[0] = (o) => h()),
+        onLoad: t[0] || (t[0] = (o) => $()),
         onClick: t[1] || (t[1] = (o) => P()),
         alt: ""
       }), null, 16),
-      (v(!0), p(L, null, V($.value, (o, n) => (v(), p("button", {
+      (v(!0), p(D, null, L(h.value, (o, n) => (v(), p("button", {
         key: n,
         style: b({
           "--y1": `${o.coords.y1}px`,
@@ -105,24 +105,24 @@ const K = { class: "container" }, Q = ["onMouseenter", "onFocusin", "onClick", "
         onMouseleave: t[2] || (t[2] = (s) => w()),
         onFocusin: (s) => k(n),
         onFocusout: t[3] || (t[3] = (s) => w()),
-        onClick: j((s) => F(n), ["stop"]),
+        onClick: V((s) => F(n), ["stop"]),
         "aria-label": o.info
       }, [
-        T(A) ? (v(), p("span", {
+        U(A) ? (v(), p("span", {
           key: 0,
-          class: U(["spot", { active: x.value === n }]),
+          class: X(["spot", { active: x.value === n }]),
           style: b({
             "--s-x": `${o.spot.x}px`,
             "--s-y": `${o.spot.y}px`
           })
-        }, null, 6)) : q("", !0)
+        }, null, 6)) : T("", !0)
       ], 44, Q))), 128)),
       _(C("p", {
         class: "tooltip",
         "aria-hidden": "true",
         style: b(B.value)
-      }, Y(c.value?.info), 5), [
-        [X, c.value]
+      }, q(c.value?.info), 5), [
+        [Y, c.value]
       ])
     ]));
   }

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

@@ -1,19 +1,19 @@
-import { d as h, c as n, o, a, t as c, A as j, _ as f, n as P, j as S, H as N, r as y, y as m, B as z, F as x, b as k, e as v, E as L, f as M } from "../_plugin-vue_export-helper-BcRm04ZH.js";
-import { u as O, a as E, i as q, b as I } from "../i18n-DTnP_5xC.js";
-import { u as R } from "../normalize-props-DtfVI0Xg.js";
-import { L as B } from "../LLMMessage.ce-DwOPdJ8T.js";
-const T = {}, V = {}, D = {}, F = {
+import { d as h, c as n, o, a, t as c, A as j, _ as f, n as P, g as S, H as N, r as y, y as m, B as z, F as x, b as k, e as v, E as L, f as E } from "../_plugin-vue_export-helper-BPDEgOal.js";
+import { u as M, a as O, i as q, b as T } from "../i18n-BuCPzaih.js";
+import { u as I } from "../normalize-props-DtfVI0Xg.js";
+import { L as B } from "../LLMMessage.ce-B4Tg1zsn.js";
+const R = {}, V = {}, D = {}, F = {}, H = {}, Q = {
   "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 = {}, Q = {}, W = { class: "probability-bar" }, U = { "aria-hidden": "true" }, G = { class: "sr-only" }, J = /* @__PURE__ */ h({
+}, W = {}, U = {}, G = { class: "probability-bar" }, J = { "aria-hidden": "true" }, K = { class: "sr-only" }, X = /* @__PURE__ */ h({
   __name: "ProbabilityBar.ce",
   props: {
     name: { type: String },
     percent: { type: Number }
   },
   setup(e) {
-    return (d, t) => (o(), n("div", W, [
-      a("p", U, c(e.name), 1),
-      a("p", G, c(d.$t("complete-phrase.ariaLabelDescription", { name: e.name, percent: e.percent })), 1),
+    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", {
         style: j(`width: ${e.percent}%`),
         class: "probability-bar__percent",
@@ -25,7 +25,7 @@ const T = {}, V = {}, D = {}, F = {
       }, null, -1))
     ]));
   }
-}), K = ".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}", X = /* @__PURE__ */ f(J, [["styles", [K]], ["__scopeId", "data-v-19f7d147"]]), Y = /* @__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__ */ f(X, [["styles", [Y]], ["__scopeId", "data-v-19f7d147"]]), ee = /* @__PURE__ */ h({
   __name: "Button.ce",
   props: {
     label: { type: String },
@@ -39,10 +39,10 @@ const T = {}, V = {}, D = {}, F = {
       N(" " + c(e.label), 1)
     ], 2));
   }
-}), Z = ".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}", ee = /* @__PURE__ */ f(Y, [["styles", [Z]]]), te = { class: "qcu" }, oe = { class: "qcu__list" }, ae = ["id", "onClick", "aria-label", "checked", "disabled"], se = { for: "`choice${index}`" }, ie = {
+}), 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 = {
   key: 0,
   class: "feedback"
-}, re = /* @__PURE__ */ h({
+}, le = /* @__PURE__ */ h({
   __name: "QCU.ce",
   props: {
     list: { type: Array },
@@ -50,13 +50,13 @@ const T = {}, V = {}, D = {}, F = {
   },
   emits: ["answer"],
   setup(e, { emit: d }) {
-    const t = d, s = y(null), { t: p } = O(), _ = m(() => s.value.percent === 100 ? p("complete-phrase.feedback.sure") : s.value.percent >= 50 ? p("complete-phrase.feedback.probably", { word: e.list.find((i) => i.percent === 100).name }) : p("complete-phrase.feedback.notSure", { words: e.list.filter((i) => i.percent >= 50).map((i) => i.name) }));
+    const t = d, s = y(null), { t: p } = M(), _ = m(() => s.value.percent === 100 ? p("complete-phrase.feedback.sure") : s.value.percent >= 50 ? p("complete-phrase.feedback.probably", { word: e.list.find((i) => i.percent === 100).name }) : p("complete-phrase.feedback.notSure", { words: e.list.filter((i) => i.percent >= 50).map((i) => i.name) }));
     function g(i) {
       s.value = i, t("answer", i.name);
     }
-    return (i, w) => (o(), n("div", te, [
+    return (i, w) => (o(), n("div", ae, [
       a("p", null, c(e.title), 1),
-      a("section", oe, [
+      a("section", se, [
         (o(!0), n(x, null, k(e.list, (r, l) => (o(), n("div", {
           class: "qcu__list-choice",
           key: l
@@ -69,14 +69,14 @@ const T = {}, V = {}, D = {}, F = {
             "aria-label": r.name,
             checked: s.value === r,
             disabled: !!s.value
-          }, null, 8, ae),
-          a("label", se, c(r.name), 1)
+          }, null, 8, ie),
+          a("label", re, c(r.name), 1)
         ]))), 128))
       ]),
-      s.value ? (o(), n("section", ie, c(_.value), 1)) : z("", !0)
+      s.value ? (o(), n("section", ne, c(_.value), 1)) : z("", !0)
     ]));
   }
-}), ne = "[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}", le = /* @__PURE__ */ f(re, [["styles", [ne]], ["__scopeId", "data-v-74566fe6"]]), ce = { class: "complete-phrase" }, de = ["aria-level"], pe = { class: "complete-phrase__description" }, ue = { class: "complete-phrase__container" }, be = { class: "complete-phrase-container__conversation" }, me = { class: "complete-phrase-container__probabilities" }, he = ["id", "aria-hidden"], fe = /* @__PURE__ */ h({
+}), 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({
   __name: "CompletePhrase.ce",
   props: {
     listOfProbabilityBarsLists: { type: Array },
@@ -102,15 +102,15 @@ const T = {}, V = {}, D = {}, F = {
     }
     return d({
       reset: i
-    }), (r, l) => (o(), n("div", ce, [
+    }), (r, l) => (o(), n("div", pe, [
       a("div", {
         class: "complete-phrase__title",
         role: "heading",
         "aria-level": e.titleLevel
-      }, c(r.$t("complete-phrase.title")), 9, de),
-      a("p", pe, c(r.$t("complete-phrase.description")), 1),
-      a("section", ue, [
-        a("div", be, [
+      }, c(r.$t("complete-phrase.title")), 9, ue),
+      a("p", be, c(r.$t("complete-phrase.description")), 1),
+      a("section", me, [
+        a("div", he, [
           L(B, {
             class: "container__message",
             message: { content: e.userMessage, direction: "outbound" }
@@ -120,27 +120,27 @@ const T = {}, V = {}, D = {}, F = {
             message: { content: g.value, direction: "inbound" }
           }, null, 8, ["message"])
         ]),
-        a("div", me, [
+        a("div", fe, [
           (o(!0), n(x, null, k(e.listOfProbabilityBarsLists, (u, b) => (o(), n("div", {
             class: P(["probability", { hidden: b !== t.value }]),
             key: b,
             id: `currentProbability${b}`,
             "aria-hidden": b !== t.value
           }, [
-            (o(!0), n(x, null, k(u, ($, A) => (o(), v(X, {
+            (o(!0), n(x, null, k(u, ($, A) => (o(), v(Z, {
               name: $.name,
               percent: $.percent,
               key: A
             }, null, 8, ["name", "percent"]))), 128))
-          ], 10, he))), 128))
+          ], 10, _e))), 128))
         ])
       ]),
-      p.value ? (o(), v(le, {
+      p.value ? (o(), 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(ee, {
+      }, null, 8, ["list", "title"])) : (o(), v(oe, {
         key: 1,
         onClick: w,
         state: "primary",
@@ -149,15 +149,15 @@ const T = {}, V = {}, D = {}, F = {
       }, null, 8, ["label", "aria-describedby"]))
     ]));
   }
-}), _e = "*{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}}", ge = /* @__PURE__ */ f(fe, [["styles", [_e]]]);
-E(/* @__PURE__ */ Object.assign({ "./locales/en.json": T, "./locales/es-419.json": V, "./locales/es.json": D, "./locales/fr.json": F, "./locales/it.json": H, "./locales/nl.json": Q })).catch((e) => console.error(e));
-const C = M(ge, {
+}), 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]]]);
+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": H, "./locales/fr.json": Q, "./locales/it.json": W, "./locales/nl.json": U })).catch((e) => console.error(e));
+const C = E(ye, {
   configureApp(e) {
-    q.changeLanguage(document?.documentElement?.lang || navigator.language), e.use(I, { i18next: q });
+    q.changeLanguage(document?.documentElement?.lang || navigator.language), e.use(T, { i18next: q });
   }
 });
 C.prototype.normalizeProps = (e) => ({
   ...e,
-  titleLevel: R(e.titleLevel)
+  titleLevel: I(e.titleLevel)
 });
 window.customElements.define("complete-phrase", C);

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

@@ -1,4 +1,4 @@
-import { d as g, c as r, o as n, F as m, a as i, n as f, t as l, B as x, _ as u, r as y, b as k, L as v, E as w, f as F } from "../_plugin-vue_export-helper-BcRm04ZH.js";
+import { d as g, c as r, o as n, F as m, a as i, n as f, t as l, B as x, _ as u, r as y, b as k, L as v, E as w, f as F } from "../_plugin-vue_export-helper-BPDEgOal.js";
 import { u as _ } from "../normalize-props-DtfVI0Xg.js";
 const L = ["aria-hidden"], C = ["src"], z = ["aria-level"], N = ["aria-hidden"], S = ["aria-level"], $ = { class: "description" }, B = { class: "image-container" }, E = ["src"], j = /* @__PURE__ */ g({
   __name: "FlipCard.ce",

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

@@ -1,6 +1,7 @@
-import { n as p } from "../image-quiz.ce-DWyp9j81.js";
-import "../_plugin-vue_export-helper-BcRm04ZH.js";
+import { n as t } from "../image-quiz.ce-CXOFcx1H.js";
+import "../_plugin-vue_export-helper-BPDEgOal.js";
 import "../normalize-props-DtfVI0Xg.js";
+import "../i18n-lite-DBVKHY8J.js";
 export {
-  p as normalizeImageQuizProps
+  t as normalizeImageQuizProps
 };

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

@@ -1,39 +1,40 @@
-import { I as g, i as a, _ as z, a as f, b as w, c as v, d, e as p, n as b } from "../image-quiz.ce-DWyp9j81.js";
-import { d as j, r as q, w as A, c as h, o as l, b as y, e as E, m as I, F as k, f as Q } from "../_plugin-vue_export-helper-BcRm04ZH.js";
-const B = /* @__PURE__ */ j({
+import { I as g, _ as f, a as z, b as v, c as w, d, e as p, f as b, g as j, n as A } from "../image-quiz.ce-CXOFcx1H.js";
+import { d as q, r as E, w as h, c as y, o as l, b as I, e as k, m as B, F as Q, f as C } from "../_plugin-vue_export-helper-BPDEgOal.js";
+import { i as n } from "../i18n-lite-DBVKHY8J.js";
+const F = /* @__PURE__ */ q({
   __name: "ImageQuizzes.ce",
   props: {
     quizzes: { type: Array }
   },
   emits: ["answer"],
-  setup(e, { emit: u }) {
-    const o = u, n = q(new Array(e.quizzes.length).fill(void 0));
-    A(() => {
-      if (!n.value.some((s) => s == null)) {
-        if (n.value.some((s) => s === "")) {
+  setup(e, { emit: _ }) {
+    const o = _, a = E(new Array(e.quizzes.length).fill(void 0));
+    h(() => {
+      if (!a.value.some((s) => s == null)) {
+        if (a.value.some((s) => s === "")) {
           o("answer", "");
           return;
         }
-        o("answer", n.value.join(","));
+        o("answer", a.value.join(","));
       }
     });
-    function _(s, r) {
-      n.value[r] = s.answer;
+    function u(s, r) {
+      a.value[r] = s.answer;
     }
-    return (s, r) => (l(!0), h(k, null, y(e.quizzes, (m, t) => (l(), E(g, I({ key: t }, { ref_for: !0 }, m, {
+    return (s, r) => (l(!0), y(Q, null, I(e.quizzes, (m, t) => (l(), k(g, B({ key: t }, { ref_for: !0 }, m, {
       "show-name": !0,
-      onAnswer: (c) => _(c, t)
+      onAnswer: (c) => u(c, t)
     }), null, 16, ["onAnswer"]))), 128));
   }
 });
-a.addTranslationsFromGlobResults(/* @__PURE__ */ Object.assign({ "./locales/en.json": p, "./locales/es-419.json": d, "./locales/es.json": v, "./locales/fr.json": w, "./locales/it.json": f, "./locales/nl.json": z }));
-const i = Q(B, {
+n.addTranslationsFromGlobResults(/* @__PURE__ */ Object.assign({ "./locales/de-AT.json": j, "./locales/en.json": b, "./locales/es-419.json": p, "./locales/es.json": d, "./locales/fr-BE.json": w, "./locales/fr.json": v, "./locales/it.json": z, "./locales/nl.json": f }));
+const i = C(F, {
   configureApp(e) {
-    a.changeLanguage(document?.documentElement?.lang || navigator.language), e.use(a);
+    n.changeLanguage(document?.documentElement?.lang || navigator.language), e.use(n);
   }
 });
 i.prototype.normalizeProps = (e) => ({
   ...e,
-  quizzes: e.quizzes.map(b)
+  quizzes: e.quizzes.map(A)
 });
 window.customElements.define("image-quizzes", i);

package/dist/components/llm-compare-messages.ce.js.js

@@ -1,6 +1,6 @@
-import { d as c, c as t, o as s, a as e, t as n, F as r, b as m, E as i, _ as p, f as g } from "../_plugin-vue_export-helper-BcRm04ZH.js";
-import { L as l } from "../LLMMessage.ce-DwOPdJ8T.js";
-import { p as u } from "../shadow-dom-C8cgdiLH.js";
+import { d as c, c as t, o as s, a as e, t as n, F as r, b as m, E as i, _ as p, f as g } from "../_plugin-vue_export-helper-BPDEgOal.js";
+import { L as l } from "../LLMMessage.ce-B4Tg1zsn.js";
+import { p as u } from "../shadow-dom-By5w43W7.js";
 const f = {
   class: "header",
   "aria-hidden": "true"

package/dist/components/llm-messages.ce.js.js

@@ -1,6 +1,6 @@
-import { d as c, I as m, J as i, c as t, o as e, F as p, b as d, e as f, _ as g, f as u } from "../_plugin-vue_export-helper-BcRm04ZH.js";
-import { L as h } from "../LLMMessage.ce-DwOPdJ8T.js";
-import { p as _ } from "../shadow-dom-C8cgdiLH.js";
+import { d as c, I as m, J as i, c as t, o as e, F as p, b as d, e as f, _ as g, f as u } from "../_plugin-vue_export-helper-BPDEgOal.js";
+import { L as h } from "../LLMMessage.ce-B4Tg1zsn.js";
+import { p as _ } from "../shadow-dom-By5w43W7.js";
 const x = {
   class: "llm-messages",
   "aria-live": "polite"

package/dist/components/llm-prompt-select.ce.js.js

@@ -1,4 +1,4 @@
-import { d as h, r as c, G as y, c as d, o as m, E as w, a, H as k, F as b, b as L, t as S, _ as C, f as P } from "../_plugin-vue_export-helper-BcRm04ZH.js";
+import { d as h, r as c, G as y, c as d, o as m, E as w, a, H as k, F as b, b as L, t as S, _ as C, f as P } from "../_plugin-vue_export-helper-BPDEgOal.js";
 import { u as N } from "../normalize-props-DtfVI0Xg.js";
 import "./llm-messages.ce.js.js";
 const E = { class: "prompt-select" }, M = { class: "prompt-select__options" }, B = ["disabled", "onClick"], V = /* @__PURE__ */ h({

package/dist/components/mdp-classement.ce.js.js

@@ -0,0 +1,219 @@
+import { d as I, j as L, c as d, o as n, n as N, a as s, B as _, e as m, l as h, t as v, E as b, K as g, q as V, _ as S, r as D, y as M, G as O, F as T, b as q, H, f as K } from "../_plugin-vue_export-helper-BPDEgOal.js";
+import { a as J, i as U, b as Q } from "../i18n-BuCPzaih.js";
+import { B as W } from "../Button.ce-D1_fAhqr.js";
+import { _ as Z, a as A, F as X } from "../Cross.ce.vue_vue_type_script_setup_true_lang-D7kq2waU.js";
+import { s as F } from "../shuffled-B8VGTceh.js";
+import { B as j } from "../ButtonTooltip.ce-BjlMn9Ez.js";
+const Y = {}, e0 = {}, a0 = {}, t0 = {}, s0 = {}, n0 = {
+  "mdp-classement": { correct: "Correct", incorrect: "Incorrect", strong: "Fort", weak: "Faible", moveUp: "Classer l'élément comme étant plus fort", moveDown: "Classer l'élément comme étant plus faible", altInformation: "Une liste de mots de passe à ordonner du plus fort au plus faible", validate: "Valider", feedback: { positiveTitle: "Bien joué !", positiveContent: "Ton classement est correct !  Dans cette liste, seul le mot de passe {strongestPassword} est un mot de passe fort.", negativeTitle: "Pas tout à fait", negativeContent: "Plus un mot de passe est long, varié et imprévisible, plus il est fort. Il n'y a qu'un seul mot de passe fort dans cette liste." } }
+}, o0 = {}, r0 = {}, i0 = "data:image/svg+xml,%3csvg%20width='16'%20height='10'%20viewBox='0%200%2016%2010'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7.61667%209.1C7.41756%209.1%207.227%209.06556%207.045%208.99667C6.86278%208.92778%206.697%208.81878%206.54767%208.66967L0.422334%202.54433C0.140778%202.26256%200%201.90889%200%201.48333C0%201.05778%200.140778%200.704111%200.422334%200.422333C0.704112%200.140777%201.05778%200%201.48333%200C1.90889%200%202.26256%200.140777%202.54433%200.422333L7.61667%205.495L12.689%200.422333C12.9708%200.140777%2013.3244%200%2013.75%200C14.1756%200%2014.5292%200.140777%2014.811%200.422333C15.0926%200.704111%2015.2333%201.05778%2015.2333%201.48333C15.2333%201.90889%2015.0926%202.26256%2014.811%202.54433L8.68567%208.66967C8.53633%208.81878%208.37056%208.92778%208.18833%208.99667C8.00633%209.06556%207.81578%209.1%207.61667%209.1Z'%20fill='url(%23paint0_linear_3023_127)'/%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_3023_127'%20x1='0'%20y1='4.55'%20x2='15.2333'%20y2='4.55'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%232B7FFF'/%3e%3cstop%20offset='1'%20stop-color='%2300b8db'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e", l0 = "data:image/svg+xml,%3csvg%20width='16'%20height='10'%20viewBox='0%200%2016%2010'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7.61667%203.63033L2.54433%208.703C2.26256%208.98456%201.90889%209.12533%201.48333%209.12533C1.05778%209.12533%200.704112%208.98456%200.422334%208.703C0.140778%208.42122%200%208.06756%200%207.642C0%207.21645%200.140778%206.86278%200.422334%206.581L6.54767%200.455666C6.85167%200.151888%207.208%200%207.61667%200C8.02533%200%208.38167%200.151888%208.68567%200.455666L14.811%206.581C15.0926%206.86278%2015.2333%207.21645%2015.2333%207.642C15.2333%208.06756%2015.0926%208.42122%2014.811%208.703C14.5292%208.98456%2014.1756%209.12533%2013.75%209.12533C13.3244%209.12533%2012.9708%208.98456%2012.689%208.703L7.61667%203.63033Z'%20fill='url(%23paint0_linear_3023_130)'/%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_3023_130'%20x1='0'%20y1='4.56267'%20x2='15.2333'%20y2='4.56267'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%232B7FFF'/%3e%3cstop%20offset='1'%20stop-color='%2300b8db'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e", d0 = "data:image/svg+xml,%3csvg%20width='16'%20height='10'%20viewBox='0%200%2016%2010'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7.61667%209.1C7.41756%209.1%207.227%209.06556%207.045%208.99667C6.86278%208.92778%206.697%208.81878%206.54767%208.66967L0.422334%202.54433C0.140778%202.26256%200%201.90889%200%201.48333C0%201.05778%200.140778%200.704111%200.422334%200.422333C0.704112%200.140777%201.05778%200%201.48333%200C1.90889%200%202.26256%200.140777%202.54433%200.422333L7.61667%205.495L12.689%200.422333C12.9708%200.140777%2013.3244%200%2013.75%200C14.1756%200%2014.5292%200.140777%2014.811%200.422333C15.0926%200.704111%2015.2333%201.05778%2015.2333%201.48333C15.2333%201.90889%2015.0926%202.26256%2014.811%202.54433L8.68567%208.66967C8.53633%208.81878%208.37056%208.92778%208.18833%208.99667C8.00633%209.06556%207.81578%209.1%207.61667%209.1Z'%20fill='%23CDD1D9'/%3e%3c/svg%3e", c0 = "data:image/svg+xml,%3csvg%20width='16'%20height='10'%20viewBox='0%200%2016%2010'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7.61667%203.63033L2.54433%208.703C2.26256%208.98456%201.90889%209.12533%201.48333%209.12533C1.05778%209.12533%200.704112%208.98456%200.422334%208.703C0.140778%208.42122%200%208.06756%200%207.642C0%207.21645%200.140778%206.86278%200.422334%206.581L6.54767%200.455666C6.85167%200.151888%207.208%200%207.61667%200C8.02533%200%208.38167%200.151888%208.68567%200.455666L14.811%206.581C15.0926%206.86278%2015.2333%207.21645%2015.2333%207.642C15.2333%208.06756%2015.0926%208.42122%2014.811%208.703C14.5292%208.98456%2014.1756%209.12533%2013.75%209.12533C13.3244%209.12533%2012.9708%208.98456%2012.689%208.703L7.61667%203.63033Z'%20fill='%23cdd1d9'/%3e%3c/svg%3e", p0 = "data:image/svg+xml,%3csvg%20width='9'%20height='15'%20viewBox='0%200%209%2015'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%201.5C0%201.29%20-1.55065e-07%201.1865%200.0119998%201.0995C0.0501813%200.824562%200.177043%200.569595%200.373319%200.373319C0.569595%200.177043%200.824562%200.0501813%201.0995%200.0119998C1.185%20-1.55065e-07%201.29%200%201.5%200C1.71%200%201.8135%20-1.55065e-07%201.9005%200.0119998C2.17544%200.0501813%202.4304%200.177043%202.62668%200.373319C2.82296%200.569595%202.94982%200.824562%202.988%201.0995C3%201.185%203%201.29%203%201.5C3%201.71%203%201.8135%202.988%201.9005C2.94982%202.17544%202.82296%202.4304%202.62668%202.62668C2.4304%202.82296%202.17544%202.94982%201.9005%202.988C1.815%203%201.71%203%201.5%203C1.29%203%201.1865%203%201.0995%202.988C0.824562%202.94982%200.569595%202.82296%200.373319%202.62668C0.177043%202.4304%200.0501813%202.17544%200.0119998%201.9005C-1.55065e-07%201.815%200%201.71%200%201.5ZM0%207.5C0%207.29%20-1.55065e-07%207.1865%200.0119998%207.0995C0.0501813%206.82456%200.177043%206.5696%200.373319%206.37332C0.569595%206.17704%200.824562%206.05018%201.0995%206.012C1.185%206%201.29%206%201.5%206C1.71%206%201.8135%206%201.9005%206.012C2.17544%206.05018%202.4304%206.17704%202.62668%206.37332C2.82296%206.5696%202.94982%206.82456%202.988%207.0995C3%207.185%203%207.29%203%207.5C3%207.71%203%207.8135%202.988%207.9005C2.94982%208.17544%202.82296%208.4304%202.62668%208.62668C2.4304%208.82296%202.17544%208.94982%201.9005%208.988C1.815%209%201.71%209%201.5%209C1.29%209%201.1865%209%201.0995%208.988C0.824562%208.94982%200.569595%208.82296%200.373319%208.62668C0.177043%208.4304%200.0501813%208.17544%200.0119998%207.9005C-1.55065e-07%207.815%200%207.71%200%207.5ZM0%2013.5C0%2013.2915%20-1.55065e-07%2013.1865%200.0119998%2013.0995C0.0504049%2012.8251%200.177181%2012.5706%200.373135%2012.3746C0.56909%2012.1787%200.823553%2012.0519%201.098%2012.0135C1.1865%2012.0015%201.29%2012.0015%201.4985%2012.0015C1.707%2012.0015%201.8135%2012.0015%201.899%2012.0135C2.17345%2012.0519%202.42791%2012.1787%202.62386%2012.3746C2.81982%2012.5706%202.94659%2012.8251%202.985%2013.0995C2.997%2013.1865%202.997%2013.2915%202.997%2013.5C2.997%2013.7085%202.997%2013.8135%202.985%2013.9005C2.94659%2014.1749%202.81982%2014.4294%202.62386%2014.6254C2.42791%2014.8213%202.17345%2014.9481%201.899%2014.9865C1.812%2014.9985%201.707%2014.9985%201.4985%2014.9985C1.29%2014.9985%201.185%2014.9985%201.098%2014.9865C0.823553%2014.9481%200.56909%2014.8213%200.373135%2014.6254C0.177181%2014.4294%200.0504049%2014.1749%200.0119998%2013.9005C-1.55065e-07%2013.8135%200%2013.7085%200%2013.5ZM6%201.5C6%201.29%206%201.1865%206.012%201.0995C6.05018%200.824562%206.17704%200.569595%206.37332%200.373319C6.5696%200.177043%206.82456%200.0501813%207.0995%200.0119998C7.185%20-1.55065e-07%207.29%200%207.5%200C7.71%200%207.8135%20-1.55065e-07%207.9005%200.0119998C8.17544%200.0501813%208.4304%200.177043%208.62668%200.373319C8.82296%200.569595%208.94982%200.824562%208.988%201.0995C9%201.185%209%201.29%209%201.5C9%201.71%209%201.8135%208.988%201.9005C8.94982%202.17544%208.82296%202.4304%208.62668%202.62668C8.4304%202.82296%208.17544%202.94982%207.9005%202.988C7.815%203%207.71%203%207.5%203C7.29%203%207.1865%203%207.0995%202.988C6.82456%202.94982%206.5696%202.82296%206.37332%202.62668C6.17704%202.4304%206.05018%202.17544%206.012%201.9005C6%201.815%206%201.71%206%201.5ZM6%207.5C6%207.29%206%207.1865%206.012%207.0995C6.05018%206.82456%206.17704%206.5696%206.37332%206.37332C6.5696%206.17704%206.82456%206.05018%207.0995%206.012C7.185%206%207.29%206%207.5%206C7.71%206%207.8135%206%207.9005%206.012C8.17544%206.05018%208.4304%206.17704%208.62668%206.37332C8.82296%206.5696%208.94982%206.82456%208.988%207.0995C9%207.185%209%207.29%209%207.5C9%207.71%209%207.8135%208.988%207.9005C8.94982%208.17544%208.82296%208.4304%208.62668%208.62668C8.4304%208.82296%208.17544%208.94982%207.9005%208.988C7.815%209%207.71%209%207.5%209C7.29%209%207.1865%209%207.0995%208.988C6.82456%208.94982%206.5696%208.82296%206.37332%208.62668C6.17704%208.4304%206.05018%208.17544%206.012%207.9005C6%207.815%206%207.71%206%207.5ZM6%2013.5C6%2013.2915%206%2013.1865%206.012%2013.0995C6.05041%2012.8251%206.17718%2012.5706%206.37314%2012.3746C6.56909%2012.1787%206.82355%2012.0519%207.098%2012.0135C7.1865%2012.0015%207.29%2012.0015%207.4985%2012.0015C7.7085%2012.0015%207.8135%2012.0015%207.899%2012.0135C8.17345%2012.0519%208.42791%2012.1787%208.62386%2012.3746C8.81982%2012.5706%208.94659%2012.8251%208.985%2013.0995C8.997%2013.1865%208.997%2013.2915%208.997%2013.5C8.997%2013.7085%208.997%2013.8135%208.985%2013.9005C8.94659%2014.1749%208.81982%2014.4294%208.62386%2014.6254C8.42791%2014.8213%208.17345%2014.9481%207.899%2014.9865C7.812%2014.9985%207.707%2014.9985%207.4985%2014.9985C7.29%2014.9985%207.185%2014.9985%207.098%2014.9865C6.82355%2014.9481%206.56909%2014.8213%206.37314%2014.6254C6.17718%2014.4294%206.05041%2014.1749%206.012%2013.9005C6%2013.8135%206%2013.7085%206%2013.5Z'%20fill='%23CDD1D9'/%3e%3c/svg%3e", C0 = { class: "card-left" }, v0 = ["src"], g0 = ["id"], u0 = {
+  key: 0,
+  class: "card-right"
+}, f0 = ["src"], m0 = ["src"], b0 = /* @__PURE__ */ I({
+  __name: "DraggableCard.ce",
+  props: {
+    password: { type: String },
+    isUpDisabled: { type: Boolean },
+    isDownDisabled: { type: Boolean },
+    state: { type: String }
+  },
+  emits: ["move-up", "move-down", "dragstart", "drop"],
+  setup(t, { emit: x }) {
+    const u = L("card"), r = L("button-up"), c = x;
+    function p(o) {
+      o.dataTransfer.setDragImage(u.value, 30, 30), c("dragstart", o);
+    }
+    async function f() {
+      c("move-up"), await V(), r.value.button.focus();
+    }
+    return (o, i) => (n(), d("div", {
+      class: N(["card", { [t.state]: !0 }]),
+      ref: "card"
+    }, [
+      s("div", C0, [
+        t.state === "active" ? (n(), d("img", {
+          key: 0,
+          src: p0,
+          alt: "",
+          class: "drag-handle",
+          draggable: "",
+          onDragstart: p,
+          onDrop: i[0] || (i[0] = (w) => c("drop", w)),
+          onDragenter: i[1] || (i[1] = h(() => {
+          }, ["prevent"])),
+          onDragover: i[2] || (i[2] = h(() => {
+          }, ["prevent"]))
+        }, null, 40, v0)) : t.state === "correct" ? (n(), m(Z, {
+          key: 1,
+          alt: o.$t("mdp-classement.correct"),
+          color: "#007740",
+          class: "icon"
+        }, null, 8, ["alt"])) : (n(), m(A, {
+          key: 2,
+          alt: o.$t("mdp-classement.incorrect"),
+          color: "#a94b0c",
+          class: "icon"
+        }, null, 8, ["alt"])),
+        s("p", {
+          id: `password-${t.password}`
+        }, v(t.password), 9, g0)
+      ]),
+      t.state === "active" ? (n(), d("div", u0, [
+        b(j, {
+          class: "move",
+          ref: "button-up",
+          onClick: f,
+          label: o.$t("mdp-classement.moveUp"),
+          disabled: t.isUpDisabled,
+          "aria-describedby": `password-${t.password}`
+        }, {
+          default: g(() => [
+            s("img", {
+              src: t.isUpDisabled ? c0 : l0,
+              alt: ""
+            }, null, 8, f0)
+          ]),
+          _: 1
+        }, 8, ["label", "disabled", "aria-describedby"]),
+        b(j, {
+          class: "move",
+          onClick: i[3] || (i[3] = (w) => o.$emit("move-down")),
+          label: o.$t("mdp-classement.moveDown"),
+          disabled: t.isDownDisabled,
+          "aria-describedby": `password-${t.password}`
+        }, {
+          default: g(() => [
+            s("img", {
+              src: t.isDownDisabled ? d0 : i0,
+              alt: ""
+            }, null, 8, m0)
+          ]),
+          _: 1
+        }, 8, ["label", "disabled", "aria-describedby"])
+      ])) : _("", !0)
+    ], 2));
+  }
+}), w0 = "p[data-v-b5698134]{margin:5px}.drag-handle[data-v-b5698134]{cursor:grabbing;z-index:217;-webkit-user-select:none;user-select:none;padding:0 4px}svg.icon[data-v-b5698134]{width:24px;height:24px}.card[data-v-b5698134]{display:flex;align-items:center;justify-content:space-between;background:#fff;border-radius:100px;box-shadow:0 4px 8px #07142e14;padding:8px;border:solid 1px transparent}.card .card-left[data-v-b5698134]{display:flex;align-items:center;gap:12px;padding-left:8px}.card .card-right[data-v-b5698134]{display:flex;gap:16px;padding-right:8px}.correct[data-v-b5698134]{border:solid 1px #00a85a}.incorrect[data-v-b5698134]{border:solid 1px #ee6911}[data-v-b5698134] .move{background:none;border:none}@media screen and (max-width:768px){.card .card-left[data-v-b5698134]{gap:8px}.card .card-right[data-v-b5698134]{gap:4px}.drag-handle[data-v-b5698134]{display:none}}", _0 = /* @__PURE__ */ S(b0, [["styles", [w0]], ["__scopeId", "data-v-b5698134"]]), h0 = { class: "wrapper" }, x0 = { class: "sr-only" }, y0 = { class: "ranking-container" }, D0 = { class: "strongness-bar__container" }, k0 = ["onDrop"], $0 = {
+  key: 0,
+  class: "validate-container"
+}, B0 = {
+  class: "feedback",
+  "aria-live": "polite"
+}, L0 = /* @__PURE__ */ I({
+  __name: "MdpClassement.ce",
+  props: {
+    passwords: { type: Array }
+  },
+  setup(t, { expose: x }) {
+    const u = t, r = D(F(u.passwords, { ensureIsShuffled: !0 })), c = D(!1), p = D(!0), f = M(() => r.value.map((e, a) => ({
+      password: e,
+      isFirst: a === 0,
+      isLast: a === r.value.length - 1,
+      state: i(a, e)
+    }))), o = M(() => f.value.every(({ state: e }) => e === "correct"));
+    function i(e, a) {
+      return p.value ? "active" : a === u.passwords[e] ? "correct" : "incorrect";
+    }
+    function w() {
+      r.value = F(u.passwords, { ensureIsShuffled: !0 }), p.value = !0;
+    }
+    function k(e, a) {
+      [r.value[e], r.value[a]] = [r.value[a], r.value[e]];
+    }
+    function $(e, a) {
+      const y = parseInt(e.dataTransfer.getData("oldIndex"));
+      r.value.splice(a, 0, ...r.value.splice(y, 1));
+    }
+    function z(e, a) {
+      c.value = !0, e.dataTransfer.dropEffect = "move", e.dataTransfer.effectAllowed = "move", e.dataTransfer.setData("oldIndex", a.toString());
+    }
+    function E() {
+      p.value = !1;
+    }
+    return x({
+      reset: w
+    }), (e, a) => {
+      const y = O("i18next");
+      return n(), d(T, null, [
+        s("div", h0, [
+          s("p", x0, v(e.$t("mdp-classement.altInformation")), 1),
+          s("div", y0, [
+            s("div", D0, [
+              s("p", null, v(e.$t("mdp-classement.strong")), 1),
+              a[3] || (a[3] = s("div", { class: "strongness-bar" }, null, -1)),
+              s("p", null, v(e.$t("mdp-classement.weak")), 1)
+            ]),
+            s("ul", null, [
+              (n(!0), d(T, null, q(f.value, ({ password: B, isFirst: G, isLast: P, state: R }, C) => (n(), d("li", { key: B }, [
+                b(_0, {
+                  password: B,
+                  "is-up-disabled": G,
+                  "is-down-disabled": P,
+                  state: R,
+                  onMoveUp: (l) => k(C, C - 1),
+                  onMoveDown: (l) => k(C, C + 1),
+                  onDragstart: (l) => z(l, C),
+                  onDrop: (l) => $(l, C),
+                  onDragend: a[0] || (a[0] = (l) => c.value = !1)
+                }, null, 8, ["password", "is-up-disabled", "is-down-disabled", "state", "onMoveUp", "onMoveDown", "onDragstart", "onDrop"]),
+                c.value ? (n(), d("div", {
+                  key: 0,
+                  onDrop: (l) => $(l, C),
+                  onDragenter: a[1] || (a[1] = h(() => {
+                  }, ["prevent"])),
+                  onDragover: a[2] || (a[2] = h(() => {
+                  }, ["prevent"])),
+                  class: "drop-down"
+                }, null, 40, k0)) : _("", !0)
+              ]))), 128))
+            ])
+          ])
+        ]),
+        p.value ? (n(), d("div", $0, [
+          b(W, {
+            class: "validate",
+            onClick: E
+          }, {
+            default: g(() => [
+              H(v(e.$t("mdp-classement.validate")), 1)
+            ]),
+            _: 1
+          })
+        ])) : _("", !0),
+        s("div", B0, [
+          p.value ? _("", !0) : (n(), m(X, {
+            key: 0,
+            title: o.value ? e.$t("mdp-classement.feedback.positiveTitle") : e.$t("mdp-classement.feedback.negativeTitle")
+          }, {
+            icon: g(() => [
+              o.value ? (n(), m(Z, {
+                key: 0,
+                class: "icon-size"
+              })) : (n(), m(A, {
+                key: 1,
+                class: "icon-size"
+              }))
+            ]),
+            content: g(() => [
+              b(y, {
+                translation: o.value ? e.$t("mdp-classement.feedback.positiveContent") : e.$t("mdp-classement.feedback.negativeContent")
+              }, {
+                strongestPassword: g(() => [
+                  s("strong", null, v(f.value[0].password), 1)
+                ]),
+                _: 1
+              }, 8, ["translation"])
+            ]),
+            _: 1
+          }, 8, ["title"]))
+        ])
+      ], 64);
+    };
+  }
+}), M0 = "[data-v-65c2c799]{--pix-neutral-800: #253858;font-family:Nunito,Roboto,sans-serif;color:var(--pix-neutral-800)}.sr-only[data-v-65c2c799]{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.strongness-bar__container[data-v-65c2c799]{display:flex;flex-direction:column;align-items:center;gap:8px}.strongness-bar__container p[data-v-65c2c799]{font-family:Roboto,sans-serif;font-size:14px;font-weight:700}.strongness-bar__container .strongness-bar[data-v-65c2c799]{width:10px;height:calc(100% - 48px);border-radius:16px;background:linear-gradient(180deg,#2b7fff,#00b8db)}.wrapper[data-v-65c2c799]{background:#eaf1ff;border-radius:8px;padding:24px}.wrapper .draggable-card[data-v-65c2c799]{border:solid 2px #f0f}.icon-size[data-v-65c2c799]{width:16px;height:16px}.ranking-container[data-v-65c2c799]{display:flex}.ranking-container ul[data-v-65c2c799]{width:100%;display:flex;flex-direction:column;gap:12px}.ranking-container li[data-v-65c2c799]{position:relative;list-style-type:none}.ranking-container .drop-down[data-v-65c2c799]{border:dashed 1px #2b7fff;top:0;height:calc(100% + 10px);position:absolute;width:100%;opacity:.5;z-index:90}.validate-container[data-v-65c2c799]{width:100%;display:flex;justify-content:center;margin:24px 0 8px}.validate-container .validate[data-v-65c2c799]{font-size:14px;font-weight:700}.feedback div[data-v-65c2c799]{margin:24px 0 8px}@media screen and (max-width:768px){.wrapper[data-v-65c2c799]{padding:12px}ul[data-v-65c2c799]{padding-left:8px}}", T0 = /* @__PURE__ */ S(L0, [["styles", [M0]], ["__scopeId", "data-v-65c2c799"]]);
+J(/* @__PURE__ */ Object.assign({ "./locales/de-AT.json": Y, "./locales/en.json": e0, "./locales/es-419.json": a0, "./locales/es.json": t0, "./locales/fr-BE.json": s0, "./locales/fr.json": n0, "./locales/it.json": o0, "./locales/nl.json": r0 })).catch((t) => console.error(t));
+window.customElements.define("mdp-classement", K(T0, {
+  configureApp(t) {
+    U.changeLanguage(document?.documentElement?.lang || navigator.language), t.use(Q, { i18next: U });
+  }
+}));