@1024pix/epreuves-components 2.8.0 → 2.8.1

package/dist/components/pix-anonymisation.ce.js.js

@@ -1,152 +1,140 @@
-import { d as L, c as n, o as c, n as f, k as D, _ as N, r as y, q as V, y as l, a as t, t as d, F as m, b as g, A as w, j as F, E as I, z as T, O as M, K as $, H as S, B as x, e as O, f as U } from "../_plugin-vue_export-helper-CGJjSxi7.js";
-import { a as G, i as z, b as H } from "../i18n-BkraEFZL.js";
+import { d as E, r as f, j as q, y as l, c as n, o as c, a, t as d, F as m, b as g, A as k, n as _, l as V, E as F, z as T, N as D, K as w, H as S, B as y, e as I, _ as M, f as U } from "../_plugin-vue_export-helper-BPDEgOal.js";
+import { a as G, i as $, b as H } from "../i18n-BuCPzaih.js";
 import { u as K } from "../normalize-props-DtfVI0Xg.js";
-const J = {}, Q = {}, W = {}, X = {
+import { B as z } from "../Button.ce-D1_fAhqr.js";
+const O = {}, J = {}, Q = {}, W = {}, X = {}, Y = {
   "pix-anonymisation": { title: "Exercice d'anonymisation", instruction: 'Cliquez sur les morceaux de phrase contenant des données sensibles. Un fois que toutes les données sensibles sont mise en couleur, cliquez sur "Suivant" pour vérifier votre réponse.', prompt: { title: "Prompt" }, rephrase: { title: "Reformulation" }, buttons: { checkNow: "Suivant", displayRephrasing: "Suivant", nextPrompt: "Suivant" }, correction: "élements qui doivent être anonymisés:" }
-}, Y = {}, Z = {}, aa = ["aria-disabled"], ta = /* @__PURE__ */ L({
-  __name: "Button.ce",
-  props: {
-    isDisabled: { type: Boolean }
-  },
-  setup(a) {
-    return (h, s) => (c(), n("button", {
-      "aria-disabled": a.isDisabled,
-      class: f({ "is-disabled": a.isDisabled })
-    }, [
-      D(h.$slots, "default", {}, void 0, !0)
-    ], 10, aa));
-  }
-}), ea = "button[data-v-a5fa59a1]{padding:8px 24px;border-radius:8px;background:#253858;border:none;color:#fff}button[data-v-a5fa59a1]:hover{cursor:pointer;background:#334d77}button.is-disabled[data-v-a5fa59a1]{background:#25385880;cursor:not-allowed}", C = /* @__PURE__ */ N(ta, [["styles", [ea]], ["__scopeId", "data-v-a5fa59a1"]]), da = {
+}, Z = {}, aa = {}, ta = {
   ref: "prompt-container",
   tabindex: "-1"
-}, ca = ["aria-level"], na = { class: "instruction" }, oa = { class: "stepper-container" }, sa = { class: "prompt-card" }, ra = ["aria-level"], ba = { class: "prompt-card-content" }, ia = ["for"], la = ["id", "value"], pa = { class: "prompt-card-content-part" }, va = { class: "prompt-card" }, ua = ["aria-level"], ma = { class: "prompt-card-content" }, ga = { class: "sr-only" }, fa = { class: "sr-only" }, ha = {
+}, ea = ["aria-level"], da = { class: "instruction" }, ca = { class: "stepper-container" }, na = { class: "prompt-card" }, oa = ["aria-level"], sa = { class: "prompt-card-content" }, ra = ["for"], ba = ["id", "value"], ia = { class: "prompt-card-content-part" }, la = { class: "prompt-card" }, pa = ["aria-level"], va = { class: "prompt-card-content" }, ua = { class: "sr-only" }, ma = { class: "sr-only" }, ga = {
   key: 0,
   class: "prompt-card rephrase"
-}, _a = ["aria-level"], ya = { class: "prompt-card-content" }, xa = {
+}, ha = ["aria-level"], fa = { class: "prompt-card-content" }, _a = {
   key: 1,
   class: "feedback"
-}, ka = /* @__PURE__ */ L({
+}, ya = /* @__PURE__ */ E({
   __name: "PixAnonymisation.ce",
   props: {
     titleLevel: { default: 2, type: Number },
     steps: { type: Array }
   },
-  setup(a, { expose: h }) {
-    const s = y(0), b = y([]), i = y(1), B = V("prompt-container"), p = l(() => a.steps[s.value]), P = l(() => i.value === 3 && s.value + 1 === a.steps.length), v = l(() => i.value === 3), R = l(() => p.value.fullSentence.map(({ content: e }) => e)), q = l(() => p.value.fullSentence.map(({ content: e, isAnonymizable: u }) => u ? { content: e, color: "green" } : {
-      content: e,
-      color: b.value.includes(e) ? "red" : "neutral"
-    })), A = l(() => p.value.fullSentence.filter(({ isAnonymizable: e }) => e).map(({ content: e }) => e));
-    function E() {
-      i.value = 1, s.value = 0, b.value = [];
+  setup(e, { expose: j }) {
+    const r = f(0), b = f([]), i = f(1), N = q("prompt-container"), p = l(() => e.steps[r.value]), L = l(() => i.value === 3 && r.value + 1 === e.steps.length), v = l(() => i.value === 3), B = l(() => p.value.fullSentence.map(({ content: t }) => t)), P = l(() => p.value.fullSentence.map(({ content: t, isAnonymizable: u }) => u ? { content: t, color: "green" } : {
+      content: t,
+      color: b.value.includes(t) ? "red" : "neutral"
+    })), R = l(() => p.value.fullSentence.filter(({ isAnonymizable: t }) => t).map(({ content: t }) => t));
+    function A() {
+      i.value = 1, r.value = 0, b.value = [];
     }
-    function k() {
+    function x() {
       if (b.value.length !== 0) {
         if (v.value) {
-          i.value = 1, s.value++, b.value = [];
+          i.value = 1, r.value++, b.value = [];
           return;
         }
-        i.value++, B.value.focus();
+        i.value++, N.value.focus();
       }
     }
-    return h({
-      reset: E
-    }), (e, u) => (c(), n("div", da, [
-      t("header", null, [
-        t("div", {
+    return j({
+      reset: A
+    }), (t, u) => (c(), n("div", ta, [
+      a("header", null, [
+        a("div", {
           role: "heading",
           class: "heading",
-          "aria-level": a.titleLevel
-        }, d(e.$t("pix-anonymisation.title")), 9, ca),
-        t("p", na, d(e.$t("pix-anonymisation.instruction")), 1),
-        t("div", oa, [
-          (c(!0), n(m, null, g(a.steps, (o, r) => (c(), n("div", {
-            key: r,
-            class: f(["stepper-background", { "is-active": s.value === r, "is-finished": r < s.value }]),
-            style: w({ "--step-width": `${100 / a.steps.length}%` })
+          "aria-level": e.titleLevel
+        }, d(t.$t("pix-anonymisation.title")), 9, ea),
+        a("p", da, d(t.$t("pix-anonymisation.instruction")), 1),
+        a("div", ca, [
+          (c(!0), n(m, null, g(e.steps, (o, s) => (c(), n("div", {
+            key: s,
+            class: _(["stepper-background", { "is-active": r.value === s, "is-finished": s < r.value }]),
+            style: k({ "--step-width": `${100 / e.steps.length}%` })
           }, [
-            t("div", {
+            a("div", {
               class: "progress-bar",
-              style: w({ "--progress-bar-width": `${100 / a.steps.length * i.value}%` })
+              style: k({ "--progress-bar-width": `${100 / e.steps.length * i.value}%` })
             }, null, 4)
           ], 6))), 128)),
-          t("span", null, d(s.value + 1) + " / " + d(a.steps.length), 1)
+          a("span", null, d(r.value + 1) + " / " + d(e.steps.length), 1)
         ])
       ]),
-      t("main", null, [
+      a("main", null, [
         i.value === 1 ? (c(), n("form", {
           key: 0,
-          onSubmit: F(k, ["prevent"])
+          onSubmit: V(x, ["prevent"])
         }, [
-          t("div", sa, [
-            t("div", {
+          a("div", na, [
+            a("div", {
               role: "heading",
               class: "prompt-card__heading",
-              "aria-level": a.titleLevel + 1
-            }, d(e.$t("pix-anonymisation.prompt.title")), 9, ra),
-            t("div", ba, [
-              (c(!0), n(m, null, g(R.value, (o, r) => (c(), n("label", {
-                for: `${o}-${r}`,
+              "aria-level": e.titleLevel + 1
+            }, d(t.$t("pix-anonymisation.prompt.title")), 9, oa),
+            a("div", sa, [
+              (c(!0), n(m, null, g(B.value, (o, s) => (c(), n("label", {
+                for: `${o}-${s}`,
                 key: o
               }, [
-                T(t("input", {
-                  id: `${o}-${r}`,
+                T(a("input", {
+                  id: `${o}-${s}`,
                   value: o,
                   class: "sr-only",
                   type: "checkbox",
-                  "onUpdate:modelValue": u[0] || (u[0] = (_) => b.value = _)
-                }, null, 8, la), [
-                  [M, b.value]
+                  "onUpdate:modelValue": u[0] || (u[0] = (h) => b.value = h)
+                }, null, 8, ba), [
+                  [D, b.value]
                 ]),
-                t("span", pa, d(o), 1)
-              ], 8, ia))), 128))
+                a("span", ia, d(o), 1)
+              ], 8, ra))), 128))
             ])
           ]),
-          I(C, {
+          F(z, {
             "is-disabled": b.value.length === 0
           }, {
-            default: $(() => [
-              S(d(e.$t("pix-anonymisation.buttons.checkNow")), 1)
+            default: w(() => [
+              S(d(t.$t("pix-anonymisation.buttons.checkNow")), 1)
             ]),
             _: 1
           }, 8, ["is-disabled"])
         ], 32)) : (c(), n("div", {
           key: 1,
-          class: f(["results", { "prompt-and-rephrase": v.value }])
+          class: _(["results", { "prompt-and-rephrase": v.value }])
         }, [
-          t("div", va, [
-            t("div", {
+          a("div", la, [
+            a("div", {
               role: "heading",
               class: "prompt-card__heading",
-              "aria-level": a.titleLevel + 1
-            }, d(e.$t("pix-anonymisation.prompt.title")), 9, ua),
-            t("p", ma, [
-              (c(!0), n(m, null, g(q.value, ({ content: o, color: r }, _) => (c(), n("span", { key: _ }, [
-                t("span", {
-                  class: f(["prompt-card-content-part", r])
+              "aria-level": e.titleLevel + 1
+            }, d(t.$t("pix-anonymisation.prompt.title")), 9, pa),
+            a("p", va, [
+              (c(!0), n(m, null, g(P.value, ({ content: o, color: s }, h) => (c(), n("span", { key: h }, [
+                a("span", {
+                  class: _(["prompt-card-content-part", s])
                 }, d(o), 3)
               ]))), 128))
             ]),
-            t("p", ga, d(e.$t("pix-anonymisation.correction")), 1),
-            t("ul", fa, [
-              (c(!0), n(m, null, g(A.value, (o) => (c(), n("li", { key: o }, d(o), 1))), 128))
+            a("p", ua, d(t.$t("pix-anonymisation.correction")), 1),
+            a("ul", ma, [
+              (c(!0), n(m, null, g(R.value, (o) => (c(), n("li", { key: o }, d(o), 1))), 128))
             ])
           ]),
-          v.value ? (c(), n("div", ha, [
-            t("div", {
+          v.value ? (c(), n("div", ga, [
+            a("div", {
               role: "heading",
               class: "prompt-card__heading",
-              "aria-level": a.titleLevel + 1
-            }, d(e.$t("pix-anonymisation.rephrase.title")), 9, _a),
-            t("p", ya, d(p.value.rephrase), 1)
-          ])) : x("", !0),
-          v.value ? (c(), n("p", xa, d(p.value.feedback), 1)) : x("", !0),
-          P.value ? x("", !0) : (c(), O(C, {
+              "aria-level": e.titleLevel + 1
+            }, d(t.$t("pix-anonymisation.rephrase.title")), 9, ha),
+            a("p", fa, d(p.value.rephrase), 1)
+          ])) : y("", !0),
+          v.value ? (c(), n("p", _a, d(p.value.feedback), 1)) : y("", !0),
+          L.value ? y("", !0) : (c(), I(z, {
             key: 2,
-            onClick: k,
+            onClick: x,
             class: "feedback-button"
           }, {
-            default: $(() => [
-              S(d(v.value ? e.$t("pix-anonymisation.buttons.nextPrompt") : e.$t("pix-anonymisation.buttons.displayRephrasing")), 1)
+            default: w(() => [
+              S(d(v.value ? t.$t("pix-anonymisation.buttons.nextPrompt") : t.$t("pix-anonymisation.buttons.displayRephrasing")), 1)
             ]),
             _: 1
           }))
@@ -154,15 +142,15 @@ const J = {}, Q = {}, W = {}, X = {
       ])
     ], 512));
   }
-}), wa = "html[data-v-bb8adc2c],body[data-v-bb8adc2c],div[data-v-bb8adc2c],span[data-v-bb8adc2c],applet[data-v-bb8adc2c],object[data-v-bb8adc2c],iframe[data-v-bb8adc2c],h1[data-v-bb8adc2c],h2[data-v-bb8adc2c],h3[data-v-bb8adc2c],h4[data-v-bb8adc2c],h5[data-v-bb8adc2c],h6[data-v-bb8adc2c],p[data-v-bb8adc2c],blockquote[data-v-bb8adc2c],pre[data-v-bb8adc2c],a[data-v-bb8adc2c],abbr[data-v-bb8adc2c],acronym[data-v-bb8adc2c],address[data-v-bb8adc2c],big[data-v-bb8adc2c],cite[data-v-bb8adc2c],code[data-v-bb8adc2c],del[data-v-bb8adc2c],dfn[data-v-bb8adc2c],em[data-v-bb8adc2c],img[data-v-bb8adc2c],ins[data-v-bb8adc2c],kbd[data-v-bb8adc2c],q[data-v-bb8adc2c],s[data-v-bb8adc2c],samp[data-v-bb8adc2c],small[data-v-bb8adc2c],strike[data-v-bb8adc2c],strong[data-v-bb8adc2c],sub[data-v-bb8adc2c],sup[data-v-bb8adc2c],tt[data-v-bb8adc2c],var[data-v-bb8adc2c],b[data-v-bb8adc2c],u[data-v-bb8adc2c],i[data-v-bb8adc2c],center[data-v-bb8adc2c],dl[data-v-bb8adc2c],dt[data-v-bb8adc2c],dd[data-v-bb8adc2c],ol[data-v-bb8adc2c],ul[data-v-bb8adc2c],li[data-v-bb8adc2c],fieldset[data-v-bb8adc2c],form[data-v-bb8adc2c],label[data-v-bb8adc2c],legend[data-v-bb8adc2c],table[data-v-bb8adc2c],caption[data-v-bb8adc2c],tbody[data-v-bb8adc2c],tfoot[data-v-bb8adc2c],thead[data-v-bb8adc2c],tr[data-v-bb8adc2c],th[data-v-bb8adc2c],td[data-v-bb8adc2c],article[data-v-bb8adc2c],aside[data-v-bb8adc2c],canvas[data-v-bb8adc2c],details[data-v-bb8adc2c],embed[data-v-bb8adc2c],figure[data-v-bb8adc2c],figcaption[data-v-bb8adc2c],footer[data-v-bb8adc2c],header[data-v-bb8adc2c],hgroup[data-v-bb8adc2c],menu[data-v-bb8adc2c],nav[data-v-bb8adc2c],output[data-v-bb8adc2c],ruby[data-v-bb8adc2c],section[data-v-bb8adc2c],summary[data-v-bb8adc2c],time[data-v-bb8adc2c],mark[data-v-bb8adc2c],audio[data-v-bb8adc2c],video[data-v-bb8adc2c]{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article[data-v-bb8adc2c],aside[data-v-bb8adc2c],details[data-v-bb8adc2c],figcaption[data-v-bb8adc2c],figure[data-v-bb8adc2c],footer[data-v-bb8adc2c],header[data-v-bb8adc2c],hgroup[data-v-bb8adc2c],menu[data-v-bb8adc2c],nav[data-v-bb8adc2c],section[data-v-bb8adc2c]{display:block}body[data-v-bb8adc2c]{line-height:1}ol[data-v-bb8adc2c],ul[data-v-bb8adc2c]{list-style:none}table[data-v-bb8adc2c]{border-collapse:collapse;border-spacing:0}[data-v-bb8adc2c]{color:#122647;font-style:normal;box-sizing:border-box}p[data-v-bb8adc2c],label[data-v-bb8adc2c],button[data-v-bb8adc2c]{font-family:Roboto,sans-serif;font-size:.875rem;font-weight:400}form[data-v-bb8adc2c],.results[data-v-bb8adc2c]{display:flex;flex-direction:column;gap:16px}button[data-v-bb8adc2c]{font-weight:700;margin:0 auto}.heading[data-v-bb8adc2c]{font-family:Nunito,Roboto,sans-serif;text-align:center;font-size:1.25rem;font-weight:700}.stepper-container[data-v-bb8adc2c]{display:flex;gap:6px;margin-bottom:16px;align-items:center}.stepper-container span[data-v-bb8adc2c]{font-size:.875rem;white-space:nowrap}.stepper-background[data-v-bb8adc2c]{background-color:#e8eaed;height:8px;flex:1 1 var(--step-width);border-radius:64px}.stepper-background.is-active .progress-bar[data-v-bb8adc2c]{background:#613fdd;height:8px;border-radius:64px;width:var(--progress-bar-width)}.stepper-background.is-finished[data-v-bb8adc2c]{background:#613fdd;height:8px;border-radius:64px;width:100%}.instruction[data-v-bb8adc2c]{text-align:center}.prompt-card[data-v-bb8adc2c]{border-radius:16px;border:1px solid #cdd1d9;padding:16px}.prompt-card__heading[data-v-bb8adc2c]{font-family:Roboto,sans-serif;font-size:1rem;font-weight:700;margin-bottom:8px}.prompt-card-content[data-v-bb8adc2c]{display:flex;flex-wrap:wrap;border-radius:8px;background:#f4f5f7;padding:16px;gap:4px}.prompt-card-content>span[data-v-bb8adc2c]{padding:2px}.prompt-card-content-part[data-v-bb8adc2c]{padding:1px 4px;border-radius:4px;border:1px solid #cdd1d9;margin-bottom:5px}.prompt-card-content-part.red[data-v-bb8adc2c]{border-color:transparent;background:#e4766f}.prompt-card-content-part.green[data-v-bb8adc2c]{border-color:transparent;background:#54c590}input:checked~.prompt-card-content-part[data-v-bb8adc2c]{background:#ffdc76;border-color:transparent}input:focus~.prompt-card-content-part[data-v-bb8adc2c]{outline:1px solid black}.prompt-and-rephrase[data-v-bb8adc2c]{display:grid;grid-template-columns:1fr 1fr;gap:16px}.prompt-and-rephrase .feedback[data-v-bb8adc2c]{grid-column:1/span 2;border-radius:16px;background:#eaf1ff;padding:16px}.feedback-button[data-v-bb8adc2c]{grid-column:1/span 2}.sr-only[data-v-bb8adc2c]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);border:0}@media screen and (max-width:768px){.prompt-card[data-v-bb8adc2c]{grid-column:1/span 2;margin-top:8px}.prompt-card.rephrase[data-v-bb8adc2c]{margin-top:0}.feedback[data-v-bb8adc2c]{margin-block:8px}}", $a = /* @__PURE__ */ N(ka, [["styles", [wa]], ["__scopeId", "data-v-bb8adc2c"]]);
-G(/* @__PURE__ */ Object.assign({ "./locales/en.json": J, "./locales/es-419.json": Q, "./locales/es.json": W, "./locales/fr.json": X, "./locales/it.json": Y, "./locales/nl.json": Z })).catch((a) => console.error(a));
-const j = U($a, {
-  configureApp(a) {
-    z.changeLanguage(document?.documentElement?.lang || navigator.language), a.use(H, { i18next: z });
+}), xa = "html[data-v-bb8adc2c],body[data-v-bb8adc2c],div[data-v-bb8adc2c],span[data-v-bb8adc2c],applet[data-v-bb8adc2c],object[data-v-bb8adc2c],iframe[data-v-bb8adc2c],h1[data-v-bb8adc2c],h2[data-v-bb8adc2c],h3[data-v-bb8adc2c],h4[data-v-bb8adc2c],h5[data-v-bb8adc2c],h6[data-v-bb8adc2c],p[data-v-bb8adc2c],blockquote[data-v-bb8adc2c],pre[data-v-bb8adc2c],a[data-v-bb8adc2c],abbr[data-v-bb8adc2c],acronym[data-v-bb8adc2c],address[data-v-bb8adc2c],big[data-v-bb8adc2c],cite[data-v-bb8adc2c],code[data-v-bb8adc2c],del[data-v-bb8adc2c],dfn[data-v-bb8adc2c],em[data-v-bb8adc2c],img[data-v-bb8adc2c],ins[data-v-bb8adc2c],kbd[data-v-bb8adc2c],q[data-v-bb8adc2c],s[data-v-bb8adc2c],samp[data-v-bb8adc2c],small[data-v-bb8adc2c],strike[data-v-bb8adc2c],strong[data-v-bb8adc2c],sub[data-v-bb8adc2c],sup[data-v-bb8adc2c],tt[data-v-bb8adc2c],var[data-v-bb8adc2c],b[data-v-bb8adc2c],u[data-v-bb8adc2c],i[data-v-bb8adc2c],center[data-v-bb8adc2c],dl[data-v-bb8adc2c],dt[data-v-bb8adc2c],dd[data-v-bb8adc2c],ol[data-v-bb8adc2c],ul[data-v-bb8adc2c],li[data-v-bb8adc2c],fieldset[data-v-bb8adc2c],form[data-v-bb8adc2c],label[data-v-bb8adc2c],legend[data-v-bb8adc2c],table[data-v-bb8adc2c],caption[data-v-bb8adc2c],tbody[data-v-bb8adc2c],tfoot[data-v-bb8adc2c],thead[data-v-bb8adc2c],tr[data-v-bb8adc2c],th[data-v-bb8adc2c],td[data-v-bb8adc2c],article[data-v-bb8adc2c],aside[data-v-bb8adc2c],canvas[data-v-bb8adc2c],details[data-v-bb8adc2c],embed[data-v-bb8adc2c],figure[data-v-bb8adc2c],figcaption[data-v-bb8adc2c],footer[data-v-bb8adc2c],header[data-v-bb8adc2c],hgroup[data-v-bb8adc2c],menu[data-v-bb8adc2c],nav[data-v-bb8adc2c],output[data-v-bb8adc2c],ruby[data-v-bb8adc2c],section[data-v-bb8adc2c],summary[data-v-bb8adc2c],time[data-v-bb8adc2c],mark[data-v-bb8adc2c],audio[data-v-bb8adc2c],video[data-v-bb8adc2c]{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article[data-v-bb8adc2c],aside[data-v-bb8adc2c],details[data-v-bb8adc2c],figcaption[data-v-bb8adc2c],figure[data-v-bb8adc2c],footer[data-v-bb8adc2c],header[data-v-bb8adc2c],hgroup[data-v-bb8adc2c],menu[data-v-bb8adc2c],nav[data-v-bb8adc2c],section[data-v-bb8adc2c]{display:block}body[data-v-bb8adc2c]{line-height:1}ol[data-v-bb8adc2c],ul[data-v-bb8adc2c]{list-style:none}table[data-v-bb8adc2c]{border-collapse:collapse;border-spacing:0}[data-v-bb8adc2c]{color:#122647;font-style:normal;box-sizing:border-box}p[data-v-bb8adc2c],label[data-v-bb8adc2c],button[data-v-bb8adc2c]{font-family:Roboto,sans-serif;font-size:.875rem;font-weight:400}form[data-v-bb8adc2c],.results[data-v-bb8adc2c]{display:flex;flex-direction:column;gap:16px}button[data-v-bb8adc2c]{font-weight:700;margin:0 auto}.heading[data-v-bb8adc2c]{font-family:Nunito,Roboto,sans-serif;text-align:center;font-size:1.25rem;font-weight:700}.stepper-container[data-v-bb8adc2c]{display:flex;gap:6px;margin-bottom:16px;align-items:center}.stepper-container span[data-v-bb8adc2c]{font-size:.875rem;white-space:nowrap}.stepper-background[data-v-bb8adc2c]{background-color:#e8eaed;height:8px;flex:1 1 var(--step-width);border-radius:64px}.stepper-background.is-active .progress-bar[data-v-bb8adc2c]{background:#613fdd;height:8px;border-radius:64px;width:var(--progress-bar-width)}.stepper-background.is-finished[data-v-bb8adc2c]{background:#613fdd;height:8px;border-radius:64px;width:100%}.instruction[data-v-bb8adc2c]{text-align:center}.prompt-card[data-v-bb8adc2c]{border-radius:16px;border:1px solid #cdd1d9;padding:16px}.prompt-card__heading[data-v-bb8adc2c]{font-family:Roboto,sans-serif;font-size:1rem;font-weight:700;margin-bottom:8px}.prompt-card-content[data-v-bb8adc2c]{display:flex;flex-wrap:wrap;border-radius:8px;background:#f4f5f7;padding:16px;gap:4px}.prompt-card-content>span[data-v-bb8adc2c]{padding:2px}.prompt-card-content-part[data-v-bb8adc2c]{padding:1px 4px;border-radius:4px;border:1px solid #cdd1d9;margin-bottom:5px}.prompt-card-content-part.red[data-v-bb8adc2c]{border-color:transparent;background:#e4766f}.prompt-card-content-part.green[data-v-bb8adc2c]{border-color:transparent;background:#54c590}input:checked~.prompt-card-content-part[data-v-bb8adc2c]{background:#ffdc76;border-color:transparent}input:focus~.prompt-card-content-part[data-v-bb8adc2c]{outline:1px solid black}.prompt-and-rephrase[data-v-bb8adc2c]{display:grid;grid-template-columns:1fr 1fr;gap:16px}.prompt-and-rephrase .feedback[data-v-bb8adc2c]{grid-column:1/span 2;border-radius:16px;background:#eaf1ff;padding:16px}.feedback-button[data-v-bb8adc2c]{grid-column:1/span 2}.sr-only[data-v-bb8adc2c]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);border:0}@media screen and (max-width:768px){.prompt-card[data-v-bb8adc2c]{grid-column:1/span 2;margin-top:8px}.prompt-card.rephrase[data-v-bb8adc2c]{margin-top:0}.feedback[data-v-bb8adc2c]{margin-block:8px}}", ka = /* @__PURE__ */ M(ya, [["styles", [xa]], ["__scopeId", "data-v-bb8adc2c"]]);
+G(/* @__PURE__ */ Object.assign({ "./locales/de-AT.json": O, "./locales/en.json": J, "./locales/es-419.json": Q, "./locales/es.json": W, "./locales/fr-BE.json": X, "./locales/fr.json": Y, "./locales/it.json": Z, "./locales/nl.json": aa })).catch((e) => console.error(e));
+const C = U(ka, {
+  configureApp(e) {
+    $.changeLanguage(document?.documentElement?.lang || navigator.language), e.use(H, { i18next: $ });
   }
 });
-j.prototype.normalizeProps = (a) => ({
-  ...a,
-  titleLevel: K(a.titleLevel)
+C.prototype.normalizeProps = (e) => ({
+  ...e,
+  titleLevel: K(e.titleLevel)
 });
-window.customElements.define("pix-anonymisation", j);
+window.customElements.define("pix-anonymisation", C);

package/dist/components/pix-article.ce.js.js

@@ -1,9 +1,9 @@
-import { d as u, y as d, c as a, o as i, a as t, t as l, F as o, b as m, _ as f, f as v } from "../_plugin-vue_export-helper-CGJjSxi7.js";
-import { a as p, i as r, b as y } from "../i18n-BkraEFZL.js";
-import { a as s, u as S } from "../normalize-props-DtfVI0Xg.js";
-const b = {}, x = {}, L = {}, A = {
+import { d as u, y as d, c as a, o as l, a as t, t as i, F as o, b as m, _ as f, f as v } from "../_plugin-vue_export-helper-BPDEgOal.js";
+import { a as p, i as r, b as y } from "../i18n-BuCPzaih.js";
+import { a as s, u as b } from "../normalize-props-DtfVI0Xg.js";
+const S = {}, x = {}, L = {}, j = {}, A = {}, H = {
   "pix-article": { byAuthor: "Par {{author}}" }
-}, j = {}, H = {}, O = ["titleLevel"], P = { class: "article__metadata" }, E = { class: "article__author" }, N = ["innerHTML"], k = /* @__PURE__ */ u({
+}, E = {}, O = {}, P = ["titleLevel"], B = { class: "article__metadata" }, N = { class: "article__author" }, T = ["innerHTML"], k = /* @__PURE__ */ u({
   __name: "PixArticle.ce",
   props: {
     titleLevel: { default: 2, type: Number },
@@ -18,32 +18,32 @@ const b = {}, x = {}, L = {}, A = {
     const g = d(() => e.highlightedSentence ? e.paragraphs.map(
       (n) => n.replace("{{highlightedSentence}}", `<strong style="color: ${e.colorOfHighlightSentence};">${e.highlightedSentence}</strong>`)
     ) : e.paragraphs);
-    return (n, C) => (i(), a(o, null, [
+    return (n, F) => (l(), a(o, null, [
       t("div", {
         class: "article__title",
         role: "heading",
         titleLevel: e.titleLevel
-      }, l(e.title), 9, O),
-      t("p", P, [
-        t("span", E, l(n.$t("pix-article.byAuthor", { author: e.author })), 1),
-        t("time", null, l(e.date), 1)
+      }, i(e.title), 9, P),
+      t("p", B, [
+        t("span", N, i(n.$t("pix-article.byAuthor", { author: e.author })), 1),
+        t("time", null, i(e.date), 1)
       ]),
-      (i(!0), a(o, null, m(g.value, (h, _) => (i(), a("p", {
-        innerHTML: h,
-        key: _
-      }, null, 8, N))), 128))
+      (l(!0), a(o, null, m(g.value, (_, h) => (l(), a("p", {
+        innerHTML: _,
+        key: h
+      }, null, 8, T))), 128))
     ], 64));
   }
-}), w = "[data-v-8f376e91]{--pix-neutral-800: #253858;font-family:Nunito,Roboto,sans-serif;color:var(--pix-neutral-800)}.article__title[data-v-8f376e91]{font-size:1.3rem;font-weight:700}.article__metadata[data-v-8f376e91]{font-style:italic}.article__author[data-v-8f376e91]{border-right:solid 1px var(--pix-neutral-800);padding-right:.7rem;margin-right:.5rem}", B = /* @__PURE__ */ f(k, [["styles", [w]], ["__scopeId", "data-v-8f376e91"]]);
-p(/* @__PURE__ */ Object.assign({ "./locales/en.json": b, "./locales/es-419.json": x, "./locales/es.json": L, "./locales/fr.json": A, "./locales/it.json": j, "./locales/nl.json": H })).catch((e) => console.error(e));
-const c = v(B, {
+}), w = "[data-v-8f376e91]{--pix-neutral-800: #253858;font-family:Nunito,Roboto,sans-serif;color:var(--pix-neutral-800)}.article__title[data-v-8f376e91]{font-size:1.3rem;font-weight:700}.article__metadata[data-v-8f376e91]{font-style:italic}.article__author[data-v-8f376e91]{border-right:solid 1px var(--pix-neutral-800);padding-right:.7rem;margin-right:.5rem}", C = /* @__PURE__ */ f(k, [["styles", [w]], ["__scopeId", "data-v-8f376e91"]]);
+p(/* @__PURE__ */ Object.assign({ "./locales/de-AT.json": S, "./locales/en.json": x, "./locales/es-419.json": L, "./locales/es.json": j, "./locales/fr-BE.json": A, "./locales/fr.json": H, "./locales/it.json": E, "./locales/nl.json": O })).catch((e) => console.error(e));
+const c = v(C, {
   configureApp(e) {
     r.changeLanguage(document?.documentElement?.lang || navigator.language), e.use(y, { i18next: r });
   }
 });
 c.prototype.normalizeProps = (e) => ({
   ...e,
-  titleLevel: S(e.titleLevel),
+  titleLevel: b(e.titleLevel),
   highlightedSentence: s(e.highlightedSentence),
   colorOfHighlightSentence: s(e.colorOfHighlightSentence)
 });