@1024pix/epreuves-components 2.9.0 → 4.0.1

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

@@ -1,140 +1,136 @@
-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, P as D, K as w, H as S, B as y, e as I, _ as M, f as U } from "../_plugin-vue_export-helper-BaC4eJh4.js";
-import { a as G, i as $, b as H } from "../i18n-BJ6FRipD.js";
-import { u as K } from "../normalize-props-DtfVI0Xg.js";
-import { B as z } from "../Button.ce-CkwcReY5.js";
-const O = {}, J = {}, Q = {}, W = {}, X = {}, Y = {
+import { b as E, r as f, j as q, g as p, c as s, o, a as e, t as n, F as m, e as g, s as k, n as _, E as V, A as F, P as T, K as w, H as S, B as y, f as D, _ as I, d as U } from "../_plugin-vue_export-helper-D0N_62VD.js";
+import { a as G, i as $, b as H } from "../i18n-ekiZvzf6.js";
+import { b as K } from "../normalize-props-DH0oPBss.js";
+import { B as z } from "../Button.ce-CTKrSDrC.js";
+const M = {}, O = {}, J = {}, Q = {}, W = {}, X = {
   "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:" }
-}, Z = {}, aa = {}, ta = {
+}, Y = {}, Z = {}, ee = {
   ref: "prompt-container",
   tabindex: "-1"
-}, 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 = {
+}, ae = ["aria-level"], te = { class: "instruction" }, ne = { class: "stepper-container" }, oe = { key: 0 }, se = { class: "prompt-card" }, de = ["aria-level"], re = { class: "prompt-card-content" }, ie = ["for"], le = ["id", "value"], be = { class: "prompt-card-content-part" }, pe = { class: "prompt-card" }, ce = ["aria-level"], ve = { class: "prompt-card-content" }, ue = { class: "sr-only" }, me = { class: "sr-only" }, ge = {
   key: 0,
   class: "prompt-card rephrase"
-}, ha = ["aria-level"], fa = { class: "prompt-card-content" }, _a = {
+}, he = ["aria-level"], fe = { class: "prompt-card-content" }, _e = {
   key: 1,
   class: "feedback"
-}, ya = /* @__PURE__ */ E({
+}, ye = /* @__PURE__ */ E({
   __name: "PixAnonymisation.ce",
   props: {
     titleLevel: { default: 2, type: Number },
     steps: { type: Array }
   },
-  setup(e, { expose: j }) {
-    const r = f(0), b = f([]), i = f(1), L = q("prompt-container"), p = l(() => e.steps[r.value]), N = l(() => i.value === 3 && r.value + 1 === e.steps.length), v = l(() => i.value === 3), P = l(() => p.value.fullSentence.map(({ content: t }) => t)), B = 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));
+  setup(t, { expose: j }) {
+    const i = f(0), b = f([]), l = f(1), L = q("prompt-container"), c = p(() => t.steps[i.value]), N = p(() => l.value === 3 && i.value + 1 === t.steps.length), v = p(() => l.value === 3), P = p(() => c.value.fullSentence.map(({ content: a }) => a)), B = p(() => c.value.fullSentence.map(({ content: a, isAnonymizable: u }) => u ? { content: a, color: "green" } : {
+      content: a,
+      color: b.value.includes(a) ? "red" : "neutral"
+    })), R = p(() => c.value.fullSentence.filter(({ isAnonymizable: a }) => a).map(({ content: a }) => a));
     function A() {
-      i.value = 1, r.value = 0, b.value = [];
+      l.value = 1, i.value = 0, b.value = [];
     }
     function x() {
-      if (b.value.length !== 0) {
-        if (v.value) {
-          i.value = 1, r.value++, b.value = [];
-          return;
-        }
-        i.value++, L.value.focus();
+      if (v.value) {
+        l.value = 1, i.value++, b.value = [];
+        return;
       }
+      l.value++, L.value.focus();
     }
     return j({
       reset: A
-    }), (t, u) => (c(), n("div", ta, [
-      a("header", null, [
-        a("div", {
+    }), (a, u) => (o(), s("div", ee, [
+      e("header", null, [
+        e("div", {
           role: "heading",
           class: "heading",
-          "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}%` })
+          "aria-level": t.titleLevel
+        }, n(a.$t("pix-anonymisation.title")), 9, ae),
+        e("p", te, n(a.$t("pix-anonymisation.instruction")), 1),
+        e("div", ne, [
+          (o(!0), s(m, null, g(t.steps, (d, r) => (o(), s("div", {
+            key: r,
+            class: _(["stepper-background", { "is-active": i.value === r, "is-finished": r < i.value }]),
+            style: k({ "--step-width": `${100 / t.steps.length}%` })
           }, [
-            a("div", {
+            e("div", {
               class: "progress-bar",
-              style: k({ "--progress-bar-width": `${100 / e.steps.length * i.value}%` })
+              style: k({ "--progress-bar-width": `${100 / t.steps.length * l.value}%` })
             }, null, 4)
           ], 6))), 128)),
-          a("span", null, d(r.value + 1) + " / " + d(e.steps.length), 1)
+          e("span", null, n(i.value + 1) + " / " + n(t.steps.length), 1)
         ])
       ]),
-      a("main", null, [
-        i.value === 1 ? (c(), n("form", {
-          key: 0,
-          onSubmit: V(x, ["prevent"])
-        }, [
-          a("div", na, [
-            a("div", {
+      e("main", null, [
+        l.value === 1 ? (o(), s("form", oe, [
+          e("div", se, [
+            e("div", {
               role: "heading",
               class: "prompt-card__heading",
-              "aria-level": e.titleLevel + 1
-            }, d(t.$t("pix-anonymisation.prompt.title")), 9, oa),
-            a("div", sa, [
-              (c(!0), n(m, null, g(P.value, (o, s) => (c(), n("label", {
-                for: `${o}-${s}`,
-                key: o
+              "aria-level": t.titleLevel + 1
+            }, n(a.$t("pix-anonymisation.prompt.title")), 9, de),
+            e("div", re, [
+              (o(!0), s(m, null, g(P.value, (d, r) => (o(), s("label", {
+                for: `${d}-${r}`,
+                key: d
               }, [
-                T(a("input", {
-                  id: `${o}-${s}`,
-                  value: o,
+                F(e("input", {
+                  id: `${d}-${r}`,
+                  value: d,
                   class: "sr-only",
                   type: "checkbox",
                   "onUpdate:modelValue": u[0] || (u[0] = (h) => b.value = h)
-                }, null, 8, ba), [
-                  [D, b.value]
+                }, null, 8, le), [
+                  [T, b.value]
                 ]),
-                a("span", ia, d(o), 1)
-              ], 8, ra))), 128))
+                e("span", be, n(d), 1)
+              ], 8, ie))), 128))
             ])
           ]),
-          F(z, {
-            "is-disabled": b.value.length === 0
+          V(z, {
+            "is-disabled": b.value.length === 0,
+            onClick: x
           }, {
             default: w(() => [
-              S(d(t.$t("pix-anonymisation.buttons.checkNow")), 1)
+              S(n(a.$t("pix-anonymisation.buttons.checkNow")), 1)
             ]),
             _: 1
           }, 8, ["is-disabled"])
-        ], 32)) : (c(), n("div", {
+        ])) : (o(), s("div", {
           key: 1,
           class: _(["results", { "prompt-and-rephrase": v.value }])
         }, [
-          a("div", la, [
-            a("div", {
+          e("div", pe, [
+            e("div", {
               role: "heading",
               class: "prompt-card__heading",
-              "aria-level": e.titleLevel + 1
-            }, d(t.$t("pix-anonymisation.prompt.title")), 9, pa),
-            a("p", va, [
-              (c(!0), n(m, null, g(B.value, ({ content: o, color: s }, h) => (c(), n("span", { key: h }, [
-                a("span", {
-                  class: _(["prompt-card-content-part", s])
-                }, d(o), 3)
+              "aria-level": t.titleLevel + 1
+            }, n(a.$t("pix-anonymisation.prompt.title")), 9, ce),
+            e("p", ve, [
+              (o(!0), s(m, null, g(B.value, ({ content: d, color: r }, h) => (o(), s("span", { key: h }, [
+                e("span", {
+                  class: _(["prompt-card-content-part", r])
+                }, n(d), 3)
               ]))), 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))
+            e("p", ue, n(a.$t("pix-anonymisation.correction")), 1),
+            e("ul", me, [
+              (o(!0), s(m, null, g(R.value, (d) => (o(), s("li", { key: d }, n(d), 1))), 128))
             ])
           ]),
-          v.value ? (c(), n("div", ga, [
-            a("div", {
+          v.value ? (o(), s("div", ge, [
+            e("div", {
               role: "heading",
               class: "prompt-card__heading",
-              "aria-level": e.titleLevel + 1
-            }, d(t.$t("pix-anonymisation.rephrase.title")), 9, ha),
-            a("p", fa, d(p.value.rephrase), 1)
+              "aria-level": t.titleLevel + 1
+            }, n(a.$t("pix-anonymisation.rephrase.title")), 9, he),
+            e("p", fe, n(c.value.rephrase), 1)
           ])) : y("", !0),
-          v.value ? (c(), n("p", _a, d(p.value.feedback), 1)) : y("", !0),
-          N.value ? y("", !0) : (c(), I(z, {
+          v.value ? (o(), s("p", _e, n(c.value.feedback), 1)) : y("", !0),
+          N.value ? y("", !0) : (o(), D(z, {
             key: 2,
             onClick: x,
             class: "feedback-button"
           }, {
             default: w(() => [
-              S(d(v.value ? t.$t("pix-anonymisation.buttons.nextPrompt") : t.$t("pix-anonymisation.buttons.displayRephrasing")), 1)
+              S(n(v.value ? a.$t("pix-anonymisation.buttons.nextPrompt") : a.$t("pix-anonymisation.buttons.displayRephrasing")), 1)
             ]),
             _: 1
           }))
@@ -142,15 +138,15 @@ const O = {}, J = {}, Q = {}, W = {}, X = {}, Y = {
       ])
     ], 512));
   }
-}), 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: $ });
+}), xe = "html[data-v-0b04659e],body[data-v-0b04659e],div[data-v-0b04659e],span[data-v-0b04659e],applet[data-v-0b04659e],object[data-v-0b04659e],iframe[data-v-0b04659e],h1[data-v-0b04659e],h2[data-v-0b04659e],h3[data-v-0b04659e],h4[data-v-0b04659e],h5[data-v-0b04659e],h6[data-v-0b04659e],p[data-v-0b04659e],blockquote[data-v-0b04659e],pre[data-v-0b04659e],a[data-v-0b04659e],abbr[data-v-0b04659e],acronym[data-v-0b04659e],address[data-v-0b04659e],big[data-v-0b04659e],cite[data-v-0b04659e],code[data-v-0b04659e],del[data-v-0b04659e],dfn[data-v-0b04659e],em[data-v-0b04659e],img[data-v-0b04659e],ins[data-v-0b04659e],kbd[data-v-0b04659e],q[data-v-0b04659e],s[data-v-0b04659e],samp[data-v-0b04659e],small[data-v-0b04659e],strike[data-v-0b04659e],strong[data-v-0b04659e],sub[data-v-0b04659e],sup[data-v-0b04659e],tt[data-v-0b04659e],var[data-v-0b04659e],b[data-v-0b04659e],u[data-v-0b04659e],i[data-v-0b04659e],center[data-v-0b04659e],dl[data-v-0b04659e],dt[data-v-0b04659e],dd[data-v-0b04659e],ol[data-v-0b04659e],ul[data-v-0b04659e],li[data-v-0b04659e],fieldset[data-v-0b04659e],form[data-v-0b04659e],label[data-v-0b04659e],legend[data-v-0b04659e],table[data-v-0b04659e],caption[data-v-0b04659e],tbody[data-v-0b04659e],tfoot[data-v-0b04659e],thead[data-v-0b04659e],tr[data-v-0b04659e],th[data-v-0b04659e],td[data-v-0b04659e],article[data-v-0b04659e],aside[data-v-0b04659e],canvas[data-v-0b04659e],details[data-v-0b04659e],embed[data-v-0b04659e],figure[data-v-0b04659e],figcaption[data-v-0b04659e],footer[data-v-0b04659e],header[data-v-0b04659e],hgroup[data-v-0b04659e],menu[data-v-0b04659e],nav[data-v-0b04659e],output[data-v-0b04659e],ruby[data-v-0b04659e],section[data-v-0b04659e],summary[data-v-0b04659e],time[data-v-0b04659e],mark[data-v-0b04659e],audio[data-v-0b04659e],video[data-v-0b04659e]{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article[data-v-0b04659e],aside[data-v-0b04659e],details[data-v-0b04659e],figcaption[data-v-0b04659e],figure[data-v-0b04659e],footer[data-v-0b04659e],header[data-v-0b04659e],hgroup[data-v-0b04659e],menu[data-v-0b04659e],nav[data-v-0b04659e],section[data-v-0b04659e]{display:block}body[data-v-0b04659e]{line-height:1}ol[data-v-0b04659e],ul[data-v-0b04659e]{list-style:none}table[data-v-0b04659e]{border-collapse:collapse;border-spacing:0}[data-v-0b04659e]{color:#122647;font-style:normal;box-sizing:border-box}p[data-v-0b04659e],label[data-v-0b04659e],button[data-v-0b04659e]{font-family:Roboto,sans-serif;font-size:.875rem;font-weight:400}form[data-v-0b04659e],.results[data-v-0b04659e]{display:flex;flex-direction:column;gap:16px}button[data-v-0b04659e]{font-weight:700;margin:0 auto}.heading[data-v-0b04659e]{font-family:Nunito,Roboto,sans-serif;text-align:center;font-size:1.25rem;font-weight:700}.stepper-container[data-v-0b04659e]{display:flex;gap:6px;margin-bottom:16px;align-items:center}.stepper-container span[data-v-0b04659e]{font-size:.875rem;white-space:nowrap}.stepper-background[data-v-0b04659e]{background-color:#e8eaed;height:8px;flex:1 1 var(--step-width);border-radius:64px}.stepper-background.is-active .progress-bar[data-v-0b04659e]{background:#613fdd;height:8px;border-radius:64px;width:var(--progress-bar-width)}.stepper-background.is-finished[data-v-0b04659e]{background:#613fdd;height:8px;border-radius:64px;width:100%}.instruction[data-v-0b04659e]{text-align:center}.prompt-card[data-v-0b04659e]{border-radius:16px;border:1px solid #cdd1d9;padding:16px}.prompt-card__heading[data-v-0b04659e]{font-family:Roboto,sans-serif;font-size:1rem;font-weight:700;margin-bottom:8px}.prompt-card-content[data-v-0b04659e]{display:flex;flex-wrap:wrap;border-radius:8px;background:#f4f5f7;padding:16px;gap:4px}.prompt-card-content>span[data-v-0b04659e]{padding:2px}.prompt-card-content-part[data-v-0b04659e]{padding:1px 4px;border-radius:4px;border:1px solid #cdd1d9;margin-bottom:5px}.prompt-card-content-part.red[data-v-0b04659e]{border-color:transparent;background:#e4766f}.prompt-card-content-part.green[data-v-0b04659e]{border-color:transparent;background:#54c590}input:checked~.prompt-card-content-part[data-v-0b04659e]{background:#ffdc76;border-color:transparent}input:focus~.prompt-card-content-part[data-v-0b04659e]{outline:1px solid black}.prompt-and-rephrase[data-v-0b04659e]{display:grid;grid-template-columns:1fr 1fr;gap:16px}.prompt-and-rephrase .feedback[data-v-0b04659e]{grid-column:1/span 2;border-radius:16px;background:#eaf1ff;padding:16px}.feedback-button[data-v-0b04659e]{grid-column:1/span 2}.sr-only[data-v-0b04659e]{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-0b04659e]{grid-column:1/span 2;margin-top:8px}.prompt-card.rephrase[data-v-0b04659e]{margin-top:0}.feedback[data-v-0b04659e]{margin-block:8px}}", ke = /* @__PURE__ */ I(ye, [["styles", [xe]], ["__scopeId", "data-v-0b04659e"]]);
+G(/* @__PURE__ */ Object.assign({ "./locales/de-AT.json": M, "./locales/en.json": O, "./locales/es-419.json": J, "./locales/es.json": Q, "./locales/fr-BE.json": W, "./locales/fr.json": X, "./locales/it.json": Y, "./locales/nl.json": Z })).catch((t) => console.error(t));
+const C = U(ke, {
+  configureApp(t) {
+    $.changeLanguage(document?.documentElement?.lang || navigator.language), t.use(H, { i18next: $ });
   }
 });
-C.prototype.normalizeProps = (e) => ({
-  ...e,
-  titleLevel: K(e.titleLevel)
+C.prototype.normalizeProps = (t) => ({
+  ...t,
+  titleLevel: K(t.titleLevel)
 });
 window.customElements.define("pix-anonymisation", C);

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

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

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

@@ -1,8 +1,8 @@
-import { v as W, q as Y, V as q, W as K, X as O, y as h, s as k, Y as N, Z as V, d as j, c as l, o, n as S, a as g, B, g as X, H as P, t as b, k as f, _ as C, r as T, j as J, E as y, A as D, h as Q, K as $, F as M, b as R, e as z, f as ee } from "../_plugin-vue_export-helper-BaC4eJh4.js";
-import { a as ie, i as E, b as te } from "../i18n-BJ6FRipD.js";
-import { N as H } from "../NavigationButton.ce-DpzmC2Dd.js";
-import { B as I } from "../ButtonTooltip.ce-CIo_7tm0.js";
-import { a as ne, u as A, b as ae } from "../normalize-props-DtfVI0Xg.js";
+import { y as W, x as Y, X as q, Y as K, Z as O, g as h, v as A, L as N, $ as V, b as j, c as l, o, n as S, a as g, B, q as X, H as P, t as b, k as f, _ as C, r as T, j as J, E as y, s as D, h as Q, K as $, F as M, e as R, f as z, d as ee } from "../_plugin-vue_export-helper-D0N_62VD.js";
+import { a as ie, i as E, b as te } from "../i18n-ekiZvzf6.js";
+import { N as H } from "../NavigationButton.ce-CA1M8sgV.js";
+import { B as I } from "../ButtonTooltip.ce-CtHo2Dwx.js";
+import { a as ne, b as k, u as ae } from "../normalize-props-DH0oPBss.js";
 const se = {}, oe = {
   "pix-carousel": { license: "Image license", next: "Next", of: "{{ currentSlide }} of {{ slideLength }}", previous: "Previous", slide: "Slide", title: "Carousel" }
 }, le = {}, re = {
@@ -36,7 +36,7 @@ function _(e) {
 }
 // @__NO_SIDE_EFFECTS__
 function he() {
-  const e = k(!1), i = O();
+  const e = A(!1), i = O();
   return i && W(() => {
     e.value = !0;
   }, i), e;
@@ -77,7 +77,7 @@ function we(e, i = {
   const { window: s = G, box: c = "content-box" } = a, p = h(() => {
     var t;
     return (t = _(e)) === null || t === void 0 || (t = t.namespaceURI) === null || t === void 0 ? void 0 : t.includes("svg");
-  }), r = k(i.width), d = k(i.height), { stop: x } = be(e, ([t]) => {
+  }), r = A(i.width), d = A(i.height), { stop: x } = be(e, ([t]) => {
     const v = c === "border-box" ? t.borderBoxSize : c === "content-box" ? t.contentBoxSize : t.devicePixelContentBoxSize;
     if (s && p.value) {
       const u = _(e);
@@ -144,7 +144,7 @@ const _e = ["aria-level"], Ce = ["innerHTML"], Se = {
       }, null, 8, Ce)) : e.description ? (o(), l("p", Se, b(e.description), 1)) : B("", !0)
     ], 2));
   }
-}), $e = ".slide-info{transform:translate(100vw);grid-column:1;grid-row:1;height:fit-content;border-left:1px solid transparent;padding-left:16px;padding-top:4px}.slide-info p{margin-top:8px;margin-bottom:0}.slide-info.active{border-left-color:gray;transform:translate(0)}.slide-info .title{font-size:1.25rem;font-family:Nunito,sans-serif;font-style:normal;font-weight:700;line-height:1.75rem;min-height:24px}.slide-info .description{font-size:.875rem}.slide-info .description ul li,.slide-info .description ol li{margin-left:1rem}@media only screen and (max-width:576px){.slide-info.active{border:none;padding-left:0}}", Z = /* @__PURE__ */ C(Le, [["styles", [$e]]]), Ae = ["aria-hidden", "aria-roledescription", "aria-label"], ke = {
+}), $e = ".slide-info{transform:translate(100vw);grid-column:1;grid-row:1;height:fit-content;border-left:1px solid transparent;padding-left:16px;padding-top:4px}.slide-info p{margin-top:8px;margin-bottom:0}.slide-info.active{border-left-color:gray;transform:translate(0)}.slide-info .title{font-size:1.25rem;font-family:Nunito,sans-serif;font-style:normal;font-weight:700;line-height:1.75rem;min-height:24px}.slide-info .description{font-size:.875rem}.slide-info .description ul li,.slide-info .description ol li{margin-left:1rem}@media only screen and (max-width:576px){.slide-info.active{border:none;padding-left:0}}", Z = /* @__PURE__ */ C(Le, [["styles", [$e]]]), ke = ["aria-hidden", "aria-roledescription", "aria-label"], Ae = {
   key: 0,
   class: "image-container"
 }, Be = ["alt", "src"], Te = {
@@ -187,7 +187,7 @@ const _e = ["aria-level"], Ce = ["innerHTML"], Se = {
       "aria-label": e.label,
       ref: "container"
     }, [
-      e.type === "image" ? (o(), l("div", ke, [
+      e.type === "image" ? (o(), l("div", Ae, [
         g("img", {
           style: D({ "--max-width": `${e.slide.displayWidth}px`, "--max-height": `${e.slide.displayHeight}px`, "--svg-image-display": m.value }),
           class: S({ "has-shadow": !e.disableStyleAroundImage }),
@@ -229,7 +229,7 @@ const _e = ["aria-level"], Ce = ["innerHTML"], Se = {
         "title-level": e.titleLevel,
         class: "sr-only"
       }, null, 8, ["description", "title", "is-active", "title-level"])
-    ], 10, Ae));
+    ], 10, ke));
   }
 }), He = ".slide{transition:transform ease-in-out .8s;height:100%}.slide.off,.slide.initStart{transition:none;transform:translate(100vw)}.slide.initStart.is-next,.slide.initEnd{transform:translate(-100vw)}.slide.initEnd.is-next{transform:translate(100vw)}.slide.on{transform:translate(0)}.slide.disable-animation{transition:none}.image-container{position:relative;display:flex;justify-content:center;align-items:center;margin:auto;max-width:890px;border-radius:8px}.image-container--is-not-image{justify-content:left}.image-container img{height:100%;max-width:var(--max-width);max-height:var(--max-height);width:var(--svg-image-display, 100%);object-fit:contain;border-radius:16px}.image-container img.has-shadow{filter:drop-shadow(0px 8px 12px rgba(0,0,0,.2))}.license{position:absolute;font-size:.8rem;bottom:0;margin:0;padding:2px 8px;max-width:50%;border-top-left-radius:8px;border-top-right-radius:8px;text-align:center;background:#ffffffe6}.text-container{margin:auto;width:fit-content}.text-image-container{display:flex;flex:1;gap:12px;padding:16px;border-radius:16px;background:#fff}.text-image-container.has-shadow{filter:drop-shadow(0px 8px 12px rgba(0,0,0,.2))}.text-image-container .img-container{width:calc(var(--image-display) / (var(--image-display) + var(--text-display)) * 100%);display:flex;justify-content:center;align-items:center}.text-image-container .img-container img{max-width:100%;width:auto;height:auto}.text-image-container .text-container{width:calc(var(--text-display) / (var(--image-display) + var(--text-display)) * 100%)}.text-image-container .text-container>*{margin:0}@media only screen and (max-width:576px){.license{font-size:.5rem}.image-container img{border-radius:8px;width:95%}.text-image-container{flex-direction:column}.text-image-container .img-container,.text-image-container .text-container{width:100%}}@media(prefers-reduced-motion:reduce){.slide{transition:none}}", Ie = /* @__PURE__ */ C(Ee, [["styles", [He]]]), We = {}, Oe = {
   width: "25",
@@ -370,12 +370,12 @@ const U = ee(ti, {
 });
 U.prototype.normalizeProps = (e) => ({
   ...e,
-  titleLevel: A(e.titleLevel),
+  titleLevel: k(e.titleLevel),
   imageTextDisplay: ne(e.imageTextDisplay),
   slides: e.slides.map((i) => ({
     ...i,
-    displayHeight: A(i.displayHeight),
-    displayWidth: A(i.displayWidth),
+    displayHeight: k(i.displayHeight),
+    displayWidth: k(i.displayWidth),
     license: ae(i.license)
   }))
 });