@1024pix/epreuves-components 4.4.0 → 4.6.0

package/dist/components/phishing-message.ce.js.js

@@ -1,6 +1,6 @@
-import { b, K as z, o, c as d, F as k, a as t, x as a, v as j, y as N, D as S, W as F, e as y, E as B, l as h, g as u, _ as w, h as _, z as Q, f as C, m as L, J as O, r as x, n as J, d as U } from "../_plugin-vue_export-helper-Dz58mCLm.js";
-import { u as H, a as W, i as M, b as G } from "../i18n-H4HokXDX.js";
-import { b as K } from "../normalize-props-DH0oPBss.js";
+import { a as b, K as z, o, c as d, F as k, b as t, x as a, v as j, y as N, D as S, X as F, e as y, E as B, l as h, g as u, _ as w, h as _, B as Q, f as C, m as L, J as O, r as x, n as J, d as U } from "../_plugin-vue_export-helper-DJlRxzRH.js";
+import { u as H, a as G, i as M, b as K } from "../i18n-C0iMUvqX.js";
+import { b as W } from "../normalize-props-DH0oPBss.js";
 const X = {}, Y = {}, ee = {}, te = {}, ne = {}, se = {
   "phishing-message": { messagePreviewTitle: "Messagerie :", feedBackQuizTitle: "Qu’avez-vous ressenti en lisant ce message ?", next: "Message suivant", step: "Étape {{step}} sur {{totalStep}}", readMore: "lire la suite", message1: { senderName: "Info ANTAI", content: "{{ boldContent1 }}: amende impayée de 35€. Consultez votre dossier ANTAI avant {{ boldContent2 }} via : {{ linkContent }}", boldContent1: "Retard de paiement", boldContent2: "majoration", linkContent: "dossier-amende-gouv.antai", victory: "Effectivement, avec ce message, l’escroc veut que le lecteur ressente de la peur et un sentiment d’urgence.", loose: "Eh non ! Avec ce message, l’escroc veut que vous ressentiez de la peur et un sentiment d’urgence." }, message2: { senderName: "IMPOT", content: `IMPORTANT : Vous avez un remboursement disponible de 826€.
  Référence 125489 : accédez à votre formulaire de remboursement {{ linkContent }}`, linkContent: "impot.gouv-remboursement.nt", victory: "Effectivement, avec ce message, l’escroc veut que vous ressentiez de l’espoir : recevoir une somme d’argent inattendue.", loose: "Eh non ! Avec ce message, l’escroc veut que vous ressentiez de l’espoir : recevoir une somme d’argent inattendue." }, message3: { senderName: "+33639981542", content: "Salut, c'est ta cousine, j'ai besoin de ton aide, je suis coincée à l'étranger et j'ai perdu mes papiers. Pour pouvoir rentrer, j'ai besoin que tu m'envoies 300€ ici : {{ linkContent }} Il n'y a que toi qui peut m'aider !", linkContent: "http://dT23.bitly.com", victory: "Effectivement, avec ce message, l’escroc veut que vous ressentiez un sentiment d’urgence et de peur pour cette cousine bloquée à l’étranger.", loose: " Eh non, avec ce message, l’escroc veut que vous ressentiez un sentiment d’urgence et de peur pour cette cousine bloquée à l’étranger." } }
@@ -205,7 +205,7 @@ const X = {}, Y = {}, ee = {}, te = {}, ne = {}, se = {
 }), De = ".card-wrapper[data-v-69441fb3]{padding:16px;width:100%;max-width:460px;border-radius:16px;background:#eaf1ff;box-shadow:0 25px 25px #00000040}.card-wrapper button[data-v-69441fb3]{margin-top:24px;padding:8px 24px;border-radius:8px;background:#253858;color:#fff;border:none}.card-wrapper button[data-v-69441fb3]:hover{cursor:pointer;background-color:#5e6c84}", qe = /* @__PURE__ */ w(Pe, [["styles", [De]], ["__scopeId", "data-v-69441fb3"]]), Ze = { class: "container" }, Qe = { class: "steps-wrapper" }, Oe = { class: "steps-wrapper__stepper" }, Je = { "aria-hidden": "true" }, Ue = {
   class: "sr-only",
   "aria-live": "polite"
-}, We = { class: "grid" }, Ge = /* @__PURE__ */ b({
+}, Ge = { class: "grid" }, Ke = /* @__PURE__ */ b({
   __name: "PhishingMessage.ce",
   props: {
     titleLevel: { default: 2, type: Number }
@@ -273,7 +273,7 @@ const X = {}, Y = {}, ee = {}, te = {}, ne = {}, se = {
         t("p", Je, a(p.value + 1) + "/3", 1),
         t("p", Ue, a(f.$t("phishing-message.step", { step: p.value + 1, totalStep: m.value.length })), 1)
       ]),
-      t("div", We, [
+      t("div", Ge, [
         t("div", {
           ref_key: "mobileShell",
           ref: i,
@@ -305,15 +305,15 @@ const X = {}, Y = {}, ee = {}, te = {}, ne = {}, se = {
       ])
     ]));
   }
-}), Ke = 'html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);border:0}.container{position:relative;text-align:center}.container .grid{display:grid;grid-template-columns:1fr 330px 1fr;grid-template-rows:auto auto;margin-top:20px;min-height:380px;margin-bottom:5px}.container .mobile-shell{grid-column:2;grid-row:1/span 2;position:relative;box-sizing:content-box;border:10px solid black;border-bottom:none;border-radius:30px 30px 0 0;background:#f4f5f7;height:inherit}.container .mobile-shell:after{content:"";position:absolute;top:-7px;left:-5px;width:85%;height:30px;border-top-left-radius:25px;border-top:.1rem solid rgba(255,255,255,.8);border-right:2px solid transparent;filter:blur(1px)}.container .mobile-shell-content{position:relative;z-index:1;grid-column:2;grid-row:1}.container .feedback{grid-column:1/span 3;grid-row:2;justify-self:center;align-self:center;position:relative;z-index:3;margin-bottom:20px}.container .h2,.container .h3{font-family:Nunito,Roboto,sans-serif;color:#122647;font-weight:700}.container .h2.title-page,.container .h3.title-page{font-size:1.25rem;line-height:28px;margin-bottom:8px}.container .steps-wrapper{display:flex;align-items:center;justify-content:center;color:#613fdd;font-size:.875rem;gap:6px;font-weight:500}.container .steps-wrapper__stepper{background:#e8eaed;height:8px;width:100%;max-width:336px;border-radius:4px}.container .steps-wrapper__effective-steps{width:var(--step1);background:#613fdd;border-radius:4px;height:8px}.container .mobile-shell .cache-top{position:absolute;z-index:6;top:0;left:32.5%;width:35%;height:15px;background:#000;border-bottom-left-radius:20px;border-bottom-right-radius:20px}.container .mobile-shell .cache-top .camera{position:absolute;top:40%;right:5%;width:9%;max-width:10px;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:#ffffff4d}.container .mobile-shell .cache-top .camera:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:25%;height:25%;border-radius:50%;background:#fff;filter:blur(1px)}.container .mobile-shell .buttons{position:absolute;top:10%;left:-12.5px;height:20%;width:5px}.container .mobile-shell .button{width:5px;background:#000;margin-bottom:10px;border-radius:30%}.container .mobile-shell .button.small{height:15px;margin-bottom:10px}.container .mobile-shell .button.long{height:30px}@media screen and (max-width:630px){.container .feedback{width:95%;margin-bottom:0}.container .grid{grid-template-columns:1fr 90% 1fr}}', Xe = /* @__PURE__ */ w(Ge, [["styles", [Ke]]]);
-W(/* @__PURE__ */ Object.assign({ "./locales/de-AT.json": X, "./locales/en.json": Y, "./locales/es-419.json": ee, "./locales/es.json": te, "./locales/fr-BE.json": ne, "./locales/fr.json": se, "./locales/it.json": ae, "./locales/nl.json": oe })).catch((e) => console.error(e));
+}), We = 'html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,dialog{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);border:0}.container{position:relative;text-align:center}.container .grid{display:grid;grid-template-columns:1fr 330px 1fr;grid-template-rows:auto auto;margin-top:20px;min-height:380px;margin-bottom:5px}.container .mobile-shell{grid-column:2;grid-row:1/span 2;position:relative;box-sizing:content-box;border:10px solid black;border-bottom:none;border-radius:30px 30px 0 0;background:#f4f5f7;height:inherit}.container .mobile-shell:after{content:"";position:absolute;top:-7px;left:-5px;width:85%;height:30px;border-top-left-radius:25px;border-top:.1rem solid rgba(255,255,255,.8);border-right:2px solid transparent;filter:blur(1px)}.container .mobile-shell-content{position:relative;z-index:1;grid-column:2;grid-row:1}.container .feedback{grid-column:1/span 3;grid-row:2;justify-self:center;align-self:center;position:relative;z-index:3;margin-bottom:20px}.container .h2,.container .h3{font-family:Nunito,Roboto,sans-serif;color:#122647;font-weight:700}.container .h2.title-page,.container .h3.title-page{font-size:1.25rem;line-height:28px;margin-bottom:8px}.container .steps-wrapper{display:flex;align-items:center;justify-content:center;color:#613fdd;font-size:.875rem;gap:6px;font-weight:500}.container .steps-wrapper__stepper{background:#e8eaed;height:8px;width:100%;max-width:336px;border-radius:4px}.container .steps-wrapper__effective-steps{width:var(--step1);background:#613fdd;border-radius:4px;height:8px}.container .mobile-shell .cache-top{position:absolute;z-index:6;top:0;left:32.5%;width:35%;height:15px;background:#000;border-bottom-left-radius:20px;border-bottom-right-radius:20px}.container .mobile-shell .cache-top .camera{position:absolute;top:40%;right:5%;width:9%;max-width:10px;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:#ffffff4d}.container .mobile-shell .cache-top .camera:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:25%;height:25%;border-radius:50%;background:#fff;filter:blur(1px)}.container .mobile-shell .buttons{position:absolute;top:10%;left:-12.5px;height:20%;width:5px}.container .mobile-shell .button{width:5px;background:#000;margin-bottom:10px;border-radius:30%}.container .mobile-shell .button.small{height:15px;margin-bottom:10px}.container .mobile-shell .button.long{height:30px}@media screen and (max-width:630px){.container .feedback{width:95%;margin-bottom:0}.container .grid{grid-template-columns:1fr 90% 1fr}}', Xe = /* @__PURE__ */ w(Ke, [["styles", [We]]]);
+G(/* @__PURE__ */ Object.assign({ "./locales/de-AT.json": X, "./locales/en.json": Y, "./locales/es-419.json": ee, "./locales/es.json": te, "./locales/fr-BE.json": ne, "./locales/fr.json": se, "./locales/it.json": ae, "./locales/nl.json": oe })).catch((e) => console.error(e));
 const V = U(Xe, {
   configureApp(e) {
-    M.changeLanguage(document?.documentElement?.lang || navigator.language), e.use(G, { i18next: M, slotStart: "{{", slotEnd: "}}" });
+    M.changeLanguage(document?.documentElement?.lang || navigator.language), e.use(K, { i18next: M, slotStart: "{{", slotEnd: "}}" });
   }
 });
 V.prototype.normalizeProps = (e) => ({
   ...e,
-  titleLevel: K(e.titleLevel)
+  titleLevel: W(e.titleLevel)
 });
 window.customElements.define("phishing-message", V);

package/dist/components/phishing-notification.ce.js.js

@@ -1,9 +1,9 @@
-import { h as P, j as J, k as Q, n as R, o as a, c as r, l as k, a as t, q as U, r as x, g as v, b as W, s as X, u as e2, K as t2, D as H, E as F, x as n, z as o2, B, F as Z, e as N, t as S, y as i2, v as w, N as n2, _ as s2, d as a2 } from "../_plugin-vue_export-helper-Dz58mCLm.js";
-import { u as r2, a as l2, i as T, b as c2 } from "../i18n-H4HokXDX.js";
+import { h as P, j as Q, k as J, n as R, o as a, c as r, l as k, b as t, q as U, r as x, g as v, a as W, s as X, u as e2, K as t2, D as H, E as F, x as n, B as o2, A as B, F as Z, e as S, t as T, y as i2, v as w, Q as n2, _ as s2, d as a2 } from "../_plugin-vue_export-helper-DJlRxzRH.js";
+import { u as r2, a as l2, i as N, b as c2 } from "../i18n-C0iMUvqX.js";
 import { b as d2 } from "../normalize-props-DH0oPBss.js";
 import "./mobile-shell.ce.js.js";
 import { a as h2 } from "../temporal.utils-DgmGPVba.js";
-import { B as u2 } from "../ButtonTooltip.ce-WwOarMJq.js";
+import { B as u2 } from "../ButtonTooltip.ce-B071jWM0.js";
 const g2 = {}, p2 = {}, f2 = {}, m2 = {}, _2 = {}, C2 = {
   "phishing-notification": { titleCta: "Catégorisez les notifications", categorization: { titleCta: "Catégorisez cette notification", from: "De : {{sender}}", titleCategories: "L’expéditeur se fait passer pour :" }, correction: "La catégorie {{selectedCategory}} n'est pas la bonne. La bonne catégorisation est : {{category}}", validation: "La catégorie {{selectedCategory}} est la bonne.", progressBarA11Y_one: "{{count}} réponse sur {{total}}", progressBarA11Y_other: "{{count}} réponses sur {{total}}", titleResult: "Résultats", result_one: "{{count}} / {{total}} bonne réponse", result_other: "{{count}} / {{total}} bonnes réponses", close: "Fermer" }
 }, w2 = {}, v2 = {}, k2 = ["tabindex"], b2 = ["tabindex"], x2 = {
@@ -37,9 +37,9 @@ const g2 = {}, p2 = {}, f2 = {}, m2 = {}, _2 = {}, C2 = {
     ].join(",");
     let u = [], l = [];
     const c = x(!1), f = x(), p = P("vueFocusLoopContainer"), h = s, b = v(() => h.isVisible ? 0 : -1);
-    J(() => h.isVisible, () => {
+    Q(() => h.isVisible, () => {
       m();
-    }), Q(() => {
+    }), J(() => {
       m();
     });
     function m() {
@@ -149,16 +149,16 @@ const g2 = {}, p2 = {}, f2 = {}, m2 = {}, _2 = {}, C2 = {
 }, Symbol.toStringTag, { value: "Module" })), F2 = { class: "mobile-container" }, B2 = { class: "content" }, A2 = { key: 0 }, $2 = ["aria-level"], Z2 = {
   class: "progress",
   "aria-hidden": "true"
-}, N2 = { class: "sr-only" }, S2 = {
+}, S2 = { class: "sr-only" }, T2 = {
   key: 1,
   class: "result"
-}, T2 = { class: "title" }, D2 = { class: "notifications" }, P2 = ["src"], R2 = {
+}, N2 = { class: "title" }, D2 = { class: "notifications" }, P2 = ["src"], R2 = {
   key: 0,
   class: "notification__preview"
 }, O2 = { class: "notification__top" }, q2 = { class: "notification__title" }, Y2 = { class: "notification__time" }, I2 = { key: 0 }, K2 = {
   class: "notification__selected-category notification__selected-category--right",
   "aria-hidden": "true"
-}, G2 = { class: "sr-only" }, J2 = { key: 1 }, Q2 = {
+}, G2 = { class: "sr-only" }, Q2 = { key: 1 }, J2 = {
   class: "notification__selected-category notification__selected-category--wrong",
   "aria-hidden": "true"
 }, U2 = { class: "sr-only" }, W2 = ["onClick"], X2 = { class: "notification__top" }, e0 = { class: "notification__title" }, t0 = { class: "notification__time" }, o0 = { class: "notification__description" }, i0 = ["src"], n0 = ["aria-labelledby", "aria-describedby"], s0 = { class: "title-close" }, a0 = ["aria-level", "id"], r0 = ["src"], l0 = ["id"], c0 = { class: "categorization__sender" }, d0 = { class: "categorization__content" }, h0 = ["aria-level"], u0 = ["onClick"], g0 = ["src"], p0 = { "aria-live": "polite" }, f0 = {
@@ -195,8 +195,8 @@ const g2 = {}, p2 = {}, f2 = {}, m2 = {}, _2 = {}, C2 = {
         H(C, { "persist-mobile-shell": !0 }, {
           default: F(() => [
             t("div", B2, [
-              f.value ? (a(), r("div", S2, [
-                t("h2", T2, n(i.$t("phishing-notification.titleResult")), 1),
+              f.value ? (a(), r("div", T2, [
+                t("h2", N2, n(i.$t("phishing-notification.titleResult")), 1),
                 t("p", null, n(i.$t("phishing-notification.result", { count: h.value, total: l.value.length })), 1)
               ])) : (a(), r("div", A2, [
                 t("div", {
@@ -211,12 +211,12 @@ const g2 = {}, p2 = {}, f2 = {}, m2 = {}, _2 = {}, C2 = {
                   }, null, 4),
                   B(" " + n(p.value) + "/" + n(l.value.length), 1)
                 ]),
-                t("p", N2, n(i.$t("phishing-notification.progressBar.progressBarA11Y", { count: p.value, total: l.value.length })), 1)
+                t("p", S2, n(i.$t("phishing-notification.progressBar.progressBarA11Y", { count: p.value, total: l.value.length })), 1)
               ])),
               t("ul", D2, [
-                (a(!0), r(Z, null, N(l.value, (o) => (a(), r("li", {
+                (a(!0), r(Z, null, S(l.value, (o) => (a(), r("li", {
                   key: o.sender,
-                  class: S(["notification", { "notification--categorized": o.selectedCategory }]),
+                  class: T(["notification", { "notification--categorized": o.selectedCategory }]),
                   ref_for: !0,
                   ref_key: "notificationsList",
                   ref: m,
@@ -235,8 +235,8 @@ const g2 = {}, p2 = {}, f2 = {}, m2 = {}, _2 = {}, C2 = {
                     o.selectedCategory == o.category ? (a(), r("span", I2, [
                       t("span", K2, n(o.category), 1),
                       t("span", G2, n(i.$t("phishing-notification.validation", { selectedCategory: o.selectedCategory })), 1)
-                    ])) : (a(), r("span", J2, [
-                      t("span", Q2, [
+                    ])) : (a(), r("span", Q2, [
+                      t("span", J2, [
                         t("s", null, n(o.selectedCategory), 1),
                         B(" → " + n(o.category), 1)
                       ]),
@@ -256,7 +256,7 @@ const g2 = {}, p2 = {}, f2 = {}, m2 = {}, _2 = {}, C2 = {
                   ], 8, W2)),
                   o.selectedCategory ? (a(), r("div", {
                     key: 2,
-                    class: S(["notification__pill", { "notification__pill--right": o.selectedCategory === o.category }]),
+                    class: T(["notification__pill", { "notification__pill--right": o.selectedCategory === o.category }]),
                     "aria-hidden": "true"
                   }, [
                     t("img", {
@@ -317,7 +317,7 @@ const g2 = {}, p2 = {}, f2 = {}, m2 = {}, _2 = {}, C2 = {
                 class: "categorization__categories-title"
               }, n(i.$t("phishing-notification.categorization.titleCategories")), 9, h0),
               t("ul", null, [
-                (a(!0), r(Z, null, N(s.categories, (o) => (a(), r("li", {
+                (a(!0), r(Z, null, S(s.categories, (o) => (a(), r("li", {
                   key: o.name
                 }, [
                   t("button", {
@@ -341,11 +341,11 @@ const g2 = {}, p2 = {}, f2 = {}, m2 = {}, _2 = {}, C2 = {
       ]);
     };
   }
-}), _0 = 'html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}*{color:#253858}.title,.categorization__title,.categorization__categories-title{font-family:Nunito,Roboto,sans-serif}p,a,button,li{font-family:Roboto,sans-serif}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);border:0}.mobile-container{position:relative}.information-message{background:#eaf1ff;padding:1rem;border-radius:1rem;font-size:.875rem;box-shadow:0 0 25px #00000040;text-align:center;position:absolute;bottom:10%;left:50%;transform:translate(-50%);z-index:999;width:420px}.content{display:flex;flex-direction:column;padding:40px 16px;margin-bottom:8px}.notifications{background:#fff;display:flex;flex-direction:column;padding:1rem;gap:.5rem;font-style:normal;line-height:normal;color:#122647;border-radius:24px}.progress{display:flex;align-items:center;width:100%;text-wrap:nowrap;gap:8px;margin:16px 0}.progress-bar{display:block;position:relative;width:100%;background:#cdd1d9;height:8px;border-radius:4px;font-size:.875rem}.progress-bar:after{content:"";width:var(--threshold);position:absolute;left:0;top:0;height:100%;border-radius:4px;background:linear-gradient(90deg,#2b7fff,#ad46ff)}.result{display:flex;flex-direction:column;align-items:center}.result p{padding:8px 16px;color:#fff;background:linear-gradient(90deg,#2b7fff,#ad46ff);border-radius:50px;margin:16px 0;font-weight:700}.notification{display:flex;gap:.5rem;padding-bottom:12px;position:relative}.notification:not(:last-child){border-bottom:1px solid #cdd1d9}.notification--categorized .notification__icon{opacity:.2}.notification__pill{position:absolute;left:calc(100% + 32px);top:calc((100% - 12px)/2);padding:.5rem 1rem;border-radius:100px;display:flex;align-items:center;justify-content:center;background:#fbecec;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;transform:translate(-50%,-50%)}.notification__pill--right{background:#e8f3ef}.notification__pill img{width:30px}.notification__preview{position:relative;text-decoration:none;width:calc(100% - 34px - .5rem)}.notification__preview:after{content:"";position:absolute;inset:0}.notification__icon{width:34px;height:auto}.notification__top{display:flex;justify-content:space-between}.notification__title{display:block;font-size:.875rem;font-weight:700}.notification__description,.notification__selected-category{display:block;font-size:.75rem;font-weight:400;text-wrap:nowrap;text-overflow:ellipsis;overflow:hidden}.notification__selected-category--right{color:#007740}.notification__selected-category--wrong{color:#99241c}.notification__selected-category--wrong>s{color:#99241c}.notification__time{text-wrap:nowrap;color:#5e6c84;font-size:.75rem;font-weight:400}mobile-shell::part(screen){margin-top:0;max-width:320px}mobile-shell::part(content){overflow:visible;width:100%;aspect-ratio:1/2;background:#f4f5f7}.title{color:#122647;font-size:1.125rem;font-weight:700;line-height:1.5rem}.categorization{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:999;width:85%;background:#fff;box-shadow:0 0 20px #00000080;border-radius:1rem;padding:1.5rem}.categorization__title,.categorization__categories-title{font-weight:700;color:#122647;font-size:1.125rem}.categorization__categories-title{margin-bottom:16px}.categorization__message{background:#f4f5f7;padding:1rem;font-style:normal;font-weight:700;border-radius:.5rem;margin-bottom:1.5rem}.categorization__sender{color:#5e6c84;font-size:1rem}.categorization__content{color:#122647;font-size:.875rem}.categorization>ul{display:flex;justify-content:center;align-items:center;gap:.5rem;flex-wrap:wrap}.categorization button{border:none;display:flex;flex-direction:column;background:#f4f5f7;align-items:center;padding:.5rem;white-space:nowrap;border-radius:.5rem;cursor:pointer;width:116px;height:104px;justify-content:center;gap:8px;font-size:.875rem}.categorization button>img{width:40px}.categorization .title-close{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.categorization .title-close .close-button{background:transparent;width:24px;height:24px}@media(max-width:480px){mobile-shell::part(screen){max-width:234px}.information-message{width:calc(100% - 30px);padding:.5rem;font-size:.75rem}.title{font-size:.875rem}.progress,.result p{font-size:.75rem}.notification{gap:.25rem}.notification__title,.notification__description{font-size:.75rem}.notification__description,.notification__selected-category{font-size:.625rem}.notification__preview{max-width:calc(100% - 30px - .25rem)}.notification__time{display:none}.notification .notification__pill img{width:20px}.notification img{width:30px}.information-message{bottom:12px}.categorization{padding:1rem}.categorization button{width:90px;height:80px;font-size:.75rem}.categorization button>img{width:30px}.categorization__title,.categorization__categories-title,.categorization__sender{font-size:.875rem}.categorization__content{font-size:.75rem}}', C0 = /* @__PURE__ */ s2(m0, [["styles", [_0]]]);
+}), _0 = 'html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,dialog{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}*{color:#253858}.title,.categorization__title,.categorization__categories-title{font-family:Nunito,Roboto,sans-serif}p,a,button,li{font-family:Roboto,sans-serif}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);border:0}.mobile-container{position:relative}.information-message{background:#eaf1ff;padding:1rem;border-radius:1rem;font-size:.875rem;box-shadow:0 0 25px #00000040;text-align:center;position:absolute;bottom:10%;left:50%;transform:translate(-50%);z-index:999;width:420px}.content{display:flex;flex-direction:column;padding:40px 16px;margin-bottom:8px}.notifications{background:#fff;display:flex;flex-direction:column;padding:1rem;gap:.5rem;font-style:normal;line-height:normal;color:#122647;border-radius:24px}.progress{display:flex;align-items:center;width:100%;text-wrap:nowrap;gap:8px;margin:16px 0}.progress-bar{display:block;position:relative;width:100%;background:#cdd1d9;height:8px;border-radius:4px;font-size:.875rem}.progress-bar:after{content:"";width:var(--threshold);position:absolute;left:0;top:0;height:100%;border-radius:4px;background:linear-gradient(90deg,#2b7fff,#ad46ff)}.result{display:flex;flex-direction:column;align-items:center}.result p{padding:8px 16px;color:#fff;background:linear-gradient(90deg,#2b7fff,#ad46ff);border-radius:50px;margin:16px 0;font-weight:700}.notification{display:flex;gap:.5rem;padding-bottom:12px;position:relative}.notification:not(:last-child){border-bottom:1px solid #cdd1d9}.notification--categorized .notification__icon{opacity:.2}.notification__pill{position:absolute;left:calc(100% + 32px);top:calc((100% - 12px)/2);padding:.5rem 1rem;border-radius:100px;display:flex;align-items:center;justify-content:center;background:#fbecec;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;transform:translate(-50%,-50%)}.notification__pill--right{background:#e8f3ef}.notification__pill img{width:30px}.notification__preview{position:relative;text-decoration:none;width:calc(100% - 34px - .5rem)}.notification__preview:after{content:"";position:absolute;inset:0}.notification__icon{width:34px;height:auto}.notification__top{display:flex;justify-content:space-between}.notification__title{display:block;font-size:.875rem;font-weight:700}.notification__description,.notification__selected-category{display:block;font-size:.75rem;font-weight:400;text-wrap:nowrap;text-overflow:ellipsis;overflow:hidden}.notification__selected-category--right{color:#007740}.notification__selected-category--wrong{color:#99241c}.notification__selected-category--wrong>s{color:#99241c}.notification__time{text-wrap:nowrap;color:#5e6c84;font-size:.75rem;font-weight:400}mobile-shell::part(screen){margin-top:0;max-width:320px}mobile-shell::part(content){overflow:visible;width:100%;aspect-ratio:1/2;background:#f4f5f7}.title{color:#122647;font-size:1.125rem;font-weight:700;line-height:1.5rem}.categorization{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:999;width:85%;background:#fff;box-shadow:0 0 20px #00000080;border-radius:1rem;padding:1.5rem}.categorization__title,.categorization__categories-title{font-weight:700;color:#122647;font-size:1.125rem}.categorization__categories-title{margin-bottom:16px}.categorization__message{background:#f4f5f7;padding:1rem;font-style:normal;font-weight:700;border-radius:.5rem;margin-bottom:1.5rem}.categorization__sender{color:#5e6c84;font-size:1rem}.categorization__content{color:#122647;font-size:.875rem}.categorization>ul{display:flex;justify-content:center;align-items:center;gap:.5rem;flex-wrap:wrap}.categorization button{border:none;display:flex;flex-direction:column;background:#f4f5f7;align-items:center;padding:.5rem;white-space:nowrap;border-radius:.5rem;cursor:pointer;width:116px;height:104px;justify-content:center;gap:8px;font-size:.875rem}.categorization button>img{width:40px}.categorization .title-close{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.categorization .title-close .close-button{background:transparent;width:24px;height:24px}@media(max-width:480px){mobile-shell::part(screen){max-width:234px}.information-message{width:calc(100% - 30px);padding:.5rem;font-size:.75rem}.title{font-size:.875rem}.progress,.result p{font-size:.75rem}.notification{gap:.25rem}.notification__title,.notification__description{font-size:.75rem}.notification__description,.notification__selected-category{font-size:.625rem}.notification__preview{max-width:calc(100% - 30px - .25rem)}.notification__time{display:none}.notification .notification__pill img{width:20px}.notification img{width:30px}.information-message{bottom:12px}.categorization{padding:1rem}.categorization button{width:90px;height:80px;font-size:.75rem}.categorization button>img{width:30px}.categorization__title,.categorization__categories-title,.categorization__sender{font-size:.875rem}.categorization__content{font-size:.75rem}}', C0 = /* @__PURE__ */ s2(m0, [["styles", [_0]]]);
 l2(/* @__PURE__ */ Object.assign({ "./locales/de-AT.json": g2, "./locales/en.json": p2, "./locales/es-419.json": f2, "./locales/es.json": m2, "./locales/fr-BE.json": _2, "./locales/fr.json": C2, "./locales/it.json": w2, "./locales/nl.json": v2 })).catch((s) => console.error(s));
 const I = a2(C0, {
   configureApp(s) {
-    T.changeLanguage(document?.documentElement?.lang || navigator.language), s.use(c2, { i18next: T });
+    N.changeLanguage(document?.documentElement?.lang || navigator.language), s.use(c2, { i18next: N });
   }
 });
 I.prototype.normalizeProps = (s) => ({

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

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

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

@@ -1,5 +1,5 @@
-import { b as d, o as n, c as l, a as t, x as i, F as o, e as u, g as m, _ as f, d as v } from "../_plugin-vue_export-helper-Dz58mCLm.js";
-import { a as p, i as r, b } from "../i18n-H4HokXDX.js";
+import { a as d, o as n, c as l, b as t, x as i, F as o, e as u, g as m, _ as f, d as v } from "../_plugin-vue_export-helper-DJlRxzRH.js";
+import { a as p, i as r, b } from "../i18n-C0iMUvqX.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}}" }

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

@@ -1,7 +1,7 @@
-import { k as W, n as Y, X as q, Y as X, Z as O, A as k, j as N, g as h, $ as V, b as D, o, c as l, t as S, a as g, q as J, B as P, x as b, v as f, l as B, _ as C, r as T, h as K, z as j, D as y, s as Q, E as $, F as z, e as M, f as R, d as ee } from "../_plugin-vue_export-helper-Dz58mCLm.js";
-import { a as ie, i as E, b as te } from "../i18n-H4HokXDX.js";
-import { N as I } from "../NavigationButton.ce-D8_YC96l.js";
-import { B as H } from "../ButtonTooltip.ce-WwOarMJq.js";
+import { k as W, n as Y, Y as q, Z as J, $ as O, z as k, j as N, g as h, a0 as V, a as D, o, c as l, t as S, b as g, q as K, A as P, x as b, v as f, l as B, _ as C, r as T, h as Q, B as j, D as y, s as X, E as $, F as z, e as M, f as R, d as ee } from "../_plugin-vue_export-helper-DJlRxzRH.js";
+import { a as ie, i as E, b as te } from "../i18n-C0iMUvqX.js";
+import { N as I } from "../NavigationButton.ce-DqFqWt9V.js";
+import { B as H } from "../ButtonTooltip.ce-B071jWM0.js";
 import { u as ne, b as A, a 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" }
@@ -15,7 +15,7 @@ const se = {}, oe = {
   "pix-carousel": { license: "Afbeeldingslicentie", next: "Volgende", of: "{{ currentSlide }} van {{ slideLength }}", previous: "Vorige", slide: "Dia", title: "Carrousel" }
 };
 function me(e, i) {
-  return q() ? (X(e, i), !0) : !1;
+  return q() ? (J(e, i), !0) : !1;
 }
 const fe = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
@@ -134,7 +134,7 @@ const _e = ["aria-level"], Ce = ["innerHTML"], Se = {
         "aria-level": e.titleLevel,
         class: "title"
       }, [
-        J(i.$slots, "pagination"),
+        K(i.$slots, "pagination"),
         P(" " + b(e.title), 1)
       ], 8, _e),
       f(F)(e.description) ? (o(), l("div", {
@@ -167,7 +167,7 @@ const _e = ["aria-level"], Ce = ["innerHTML"], Se = {
     imageTextDisplay: { default: "1:2", type: String }
   },
   setup(e) {
-    const i = window.matchMedia("(prefers-reduced-motion: reduce)"), a = e.disableAnimation ?? i.matches, s = T(e.isActive ? "on" : "off"), c = K("container"), p = we(c), [r, d] = e.imageTextDisplay.split(":").map(Number);
+    const i = window.matchMedia("(prefers-reduced-motion: reduce)"), a = e.disableAnimation ?? i.matches, s = T(e.isActive ? "on" : "off"), c = Q("container"), p = we(c), [r, d] = e.imageTextDisplay.split(":").map(Number);
     N(() => e.isActive, (n) => {
       n ? (s.value = a ? "on" : "initStart", window.setTimeout(() => {
         s.value === "initStart" && (s.value = "on");
@@ -261,7 +261,7 @@ function Ze(e, i) {
     }, null, -1)
   ])]);
 }
-const Ue = /* @__PURE__ */ C(Ge, [["render", Ze]]), Ye = ["aria-roledescription"], qe = ["id"], Xe = { class: "footer" }, Je = { class: "control" }, Ke = { class: "slide-info-container" }, Qe = { class: "pagination" }, ei = /* @__PURE__ */ D({
+const Ue = /* @__PURE__ */ C(Ge, [["render", Ze]]), Ye = ["aria-roledescription"], qe = ["id"], Je = { class: "footer" }, Ke = { class: "control" }, Qe = { class: "slide-info-container" }, Xe = { class: "pagination" }, ei = /* @__PURE__ */ D({
   __name: "Carousel.ce",
   props: {
     randomSlides: { type: Boolean },
@@ -278,7 +278,7 @@ const Ue = /* @__PURE__ */ C(Ge, [["render", Ze]]), Ye = ["aria-roledescription"
     function x(n) {
       p.value = n, c.value = (c.value - n + i.slides.length) % i.slides.length;
     }
-    const m = Q();
+    const m = X();
     return (n, t) => (o(), l("section", {
       "aria-roledescription": n.$t("pix-carousel.title")
     }, [
@@ -326,8 +326,8 @@ const Ue = /* @__PURE__ */ C(Ge, [["render", Ze]]), Ye = ["aria-roledescription"
           _: 1
         }, 8, ["disabled", "aria-controls", "label"])
       ], 8, qe),
-      g("div", Xe, [
-        g("div", Je, [
+      g("div", Je, [
+        g("div", Ke, [
           y(I, {
             onClick: t[2] || (t[2] = (v) => x(1)),
             label: n.$t("pix-carousel.previous"),
@@ -343,7 +343,7 @@ const Ue = /* @__PURE__ */ C(Ge, [["render", Ze]]), Ye = ["aria-roledescription"
             disabled: d.value
           }, null, 8, ["label", "aria-controls", "disabled"])
         ]),
-        g("div", Ke, [
+        g("div", Qe, [
           (o(!0), l(z, null, M(s.value, (v, u) => (o(), R(Z, {
             key: u,
             description: v.description,
@@ -353,7 +353,7 @@ const Ue = /* @__PURE__ */ C(Ge, [["render", Ze]]), Ye = ["aria-roledescription"
             "aria-hidden": "true"
           }, {
             pagination: $(() => [
-              g("span", Qe, b(u + 1) + " / " + b(s.value.length), 1)
+              g("span", Xe, b(u + 1) + " / " + b(s.value.length), 1)
             ]),
             _: 2
           }, 1032, ["description", "title", "title-level", "is-active"]))), 128))

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

@@ -1,8 +1,8 @@
-import { b as X, h as S, K as Y, o as u, c as f, a as e, D as _, E as m, B as b, x as s, z as A, F as L, e as B, f as ee, l as te, m as ae, r as h, g as i, n as se, _ as oe, d as ie } from "../_plugin-vue_export-helper-Dz58mCLm.js";
-import { u as ne, i as V } from "../i18n-lite-CzqISEWm.js";
-import { B as P } from "../Button.ce-Dvxeebpx.js";
-import { P as le } from "../Popin.ce-BPnBZykQ.js";
-import { p as re } from "../shadow-dom-D54WF-WZ.js";
+import { a as X, h as S, K as Y, o as u, c as f, b as e, D as _, E as m, A as b, x as s, B as A, F as L, e as B, f as ee, l as te, m as ae, r as h, g as i, n as se, _ as oe, d as ie } from "../_plugin-vue_export-helper-DJlRxzRH.js";
+import { u as ne, i as V } from "../i18n-lite-X2ADNonj.js";
+import { B as P } from "../Button.ce-C-lBihdF.js";
+import { P as le } from "../Popin.ce-D1V8wzxE.js";
+import { p as re } from "../shadow-dom-Dh5hLXcx.js";
 import { b as ce } from "../normalize-props-DH0oPBss.js";
 const de = {}, pe = {}, ue = {}, be = {}, fe = {}, me = {
   "pix-combinaisons": { findCombinations: "Trouvez les combinaisons", discoverCombinations: "Combinaisons découvertes", progression: "Progression", validate: "Valider", ariaValidate: "Valider la combinaison", displayAllCombinations: "Voir toutes les combinaisons", combinationAlreadyTried: "Vous avez déjà essayé cette combinaison", fourPasswords: "4 mots de passe sont possibles. C’est peu !", easilyTestable: "Une personne peut facilement tester toutes les combinaisons à la main.", next: "Suivant", soManyPasswords: "27 mots de passe sont possibles !", feedbackSoManyPasswords: "Environ 7 fois plus de combinaisons qu’avant. Ça augmente vite dis donc ! 😱\u2028Quand on ajoute des caractères et qu’on allonge le mot de passe, il faut beaucoup plus de temps pour tout tester à la main.", completed: "Terminé", backspace: "Retour en arrière", currentStep: "{{step}} {{number}}", step: "Étape", numberOfChars: "{{number}} caractères", completionState: "Vous avez trouvé {{percent}} des combinaisons possibles" }
@@ -225,7 +225,7 @@ const de = {}, pe = {}, ue = {}, be = {}, fe = {}, me = {
       ], 512);
     };
   }
-}), qe = 'html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box;font-family:Nunito,Roboto,sans-serif;color:#122647}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.doublon-feedback{border-radius:8px;background:#eaf1ff;padding:8px}.wrapper{position:relative;padding:24px 0}.stepper{display:flex;align-items:center;gap:8px;width:60%;margin:0 auto;margin-bottom:calc(28px + 1.5rem)}.stepper .stepper-bar{height:4px;width:100%;background:#cdd1d9;border-radius:4px;position:relative}.stepper .stepper-bar:after{content:"";position:absolute;border-radius:inherit;background:#155dfc;width:var(--step-progression);height:100%}.stepper .character{display:flex;justify-content:center;align-items:center;position:relative;font-size:.875rem;font-weight:700;border-radius:50%;background-color:#3d68ff;aspect-ratio:1;width:32px}.stepper .character-value{color:#fff}.stepper .character-info{position:absolute;width:fit-content;color:#3d68ff;top:100%;left:50%;transform:translate(-50%);line-height:.75rem;text-align:center}.stepper .character-info span{display:block;font-size:.75rem;color:inherit}.cards{display:flex;gap:24px;justify-content:center;flex-wrap:wrap}.card{width:100%;max-width:356px;border-radius:24px;background:#fff;box-shadow:0 2px 5px #4a3aff40,0 -2px 5px #4a3aff26 inset,0 1px 1px #ffffff1a inset,0 3px 4px #dfeeff1a inset;padding:24px}.card p{font-family:Roboto,sans-serif;font-size:.875rem;margin-block:8px}.card-left .progress-bar{height:12px;border-radius:12px;background:#cdd1d9;margin-bottom:24px;position:relative}.card-left .progress-bar:after{content:"";position:absolute;left:0;border-radius:12px;background:linear-gradient(90deg,#2b7fff,#00b8db);height:100%;width:var(--completion)}.card-left .placeholders{display:flex;gap:8px;justify-content:center}.card-left .placeholder{font-size:1.25rem;border-radius:10px;border:2px dashed #cdd1d9;background:#f4f5f7;width:64px;height:80px;text-align:center;display:flex;align-items:center;justify-content:center;font-weight:700}.card-left .letters-and-back{display:flex;gap:8px;justify-content:center;cursor:pointer;margin:16px 0}.card-left .letter{padding-block:16px;border-radius:10px;background:#155dfc;color:#fff;font-size:1.25rem;font-weight:700;text-align:center}.card-left .letter:hover{background:#155dfcdd}.card-left .letter[aria-disabled=true]{background:#155dfc50}.card-left .backspace,.card-left .backspace:hover,.card-left .backspace[aria-disabled=true]{background:#f4f5f7}.card-left .backspace[aria-disabled=true] img{opacity:.5}.card-left .validate{width:100%;font-weight:700;font-size:1rem;margin-bottom:24px}.card-right{display:flex;flex-direction:column}.results{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;overflow-y:auto;max-height:300px}.results li{list-style:none;border-radius:10px;border:2px solid #2c75ff;background:#eaf1ff;padding:15px 0;text-align:center;font-weight:700}div[role=heading]{font-size:1.25rem;font-weight:700;display:flex;align-items:center;gap:8px;margin-bottom:24px}button{border:none;border-radius:10px;flex:1;cursor:pointer}', He = /* @__PURE__ */ oe(Ie, [["styles", [qe]]]);
+}), qe = 'html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,dialog{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box;font-family:Nunito,Roboto,sans-serif;color:#122647}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.doublon-feedback{border-radius:8px;background:#eaf1ff;padding:8px}.wrapper{position:relative;padding:24px 0}.stepper{display:flex;align-items:center;gap:8px;width:60%;margin:0 auto;margin-bottom:calc(28px + 1.5rem)}.stepper .stepper-bar{height:4px;width:100%;background:#cdd1d9;border-radius:4px;position:relative}.stepper .stepper-bar:after{content:"";position:absolute;border-radius:inherit;background:#155dfc;width:var(--step-progression);height:100%}.stepper .character{display:flex;justify-content:center;align-items:center;position:relative;font-size:.875rem;font-weight:700;border-radius:50%;background-color:#3d68ff;aspect-ratio:1;width:32px}.stepper .character-value{color:#fff}.stepper .character-info{position:absolute;width:fit-content;color:#3d68ff;top:100%;left:50%;transform:translate(-50%);line-height:.75rem;text-align:center}.stepper .character-info span{display:block;font-size:.75rem;color:inherit}.cards{display:flex;gap:24px;justify-content:center;flex-wrap:wrap}.card{width:100%;max-width:356px;border-radius:24px;background:#fff;box-shadow:0 2px 5px #4a3aff40,0 -2px 5px #4a3aff26 inset,0 1px 1px #ffffff1a inset,0 3px 4px #dfeeff1a inset;padding:24px}.card p{font-family:Roboto,sans-serif;font-size:.875rem;margin-block:8px}.card-left .progress-bar{height:12px;border-radius:12px;background:#cdd1d9;margin-bottom:24px;position:relative}.card-left .progress-bar:after{content:"";position:absolute;left:0;border-radius:12px;background:linear-gradient(90deg,#2b7fff,#00b8db);height:100%;width:var(--completion)}.card-left .placeholders{display:flex;gap:8px;justify-content:center}.card-left .placeholder{font-size:1.25rem;border-radius:10px;border:2px dashed #cdd1d9;background:#f4f5f7;width:64px;height:80px;text-align:center;display:flex;align-items:center;justify-content:center;font-weight:700}.card-left .letters-and-back{display:flex;gap:8px;justify-content:center;cursor:pointer;margin:16px 0}.card-left .letter{padding-block:16px;border-radius:10px;background:#155dfc;color:#fff;font-size:1.25rem;font-weight:700;text-align:center}.card-left .letter:hover{background:#155dfcdd}.card-left .letter[aria-disabled=true]{background:#155dfc50}.card-left .backspace,.card-left .backspace:hover,.card-left .backspace[aria-disabled=true]{background:#f4f5f7}.card-left .backspace[aria-disabled=true] img{opacity:.5}.card-left .validate{width:100%;font-weight:700;font-size:1rem;margin-bottom:24px}.card-right{display:flex;flex-direction:column}.results{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;overflow-y:auto;max-height:300px}.results li{list-style:none;border-radius:10px;border:2px solid #2c75ff;background:#eaf1ff;padding:15px 0;text-align:center;font-weight:700}div[role=heading]{font-size:1.25rem;font-weight:700;display:flex;align-items:center;gap:8px;margin-bottom:24px}button{border:none;border-radius:10px;flex:1;cursor:pointer}', He = /* @__PURE__ */ oe(Ie, [["styles", [qe]]]);
 V.addTranslationsFromGlobResults(/* @__PURE__ */ Object.assign({ "./locales/de-AT.json": de, "./locales/en.json": pe, "./locales/es-419.json": ue, "./locales/es.json": be, "./locales/fr-BE.json": fe, "./locales/fr.json": me, "./locales/it.json": ve, "./locales/nl.json": ge }));
 const D = ie(He, {
   configureApp(d) {

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

@@ -1,7 +1,7 @@
-import { b as A, r as y, s as k, K as B, o as a, c as i, a as r, v as d, x as u, F as f, e as b, H, Q as S, D as g, t as C, E as L, l as D, y as F, g as m, _ as P, d as G } from "../_plugin-vue_export-helper-Dz58mCLm.js";
-import { a as K, i as w, b as Q } from "../i18n-H4HokXDX.js";
-import { N as j } from "../NavigationButton.ce-D8_YC96l.js";
-const R = {}, U = {}, q = {}, J = {}, W = {}, X = {
+import { a as A, r as y, s as k, K as B, o as a, c as i, b as r, v as d, x as u, F as f, e as b, H, T as S, D as g, t as C, E as L, l as D, y as F, g as m, _ as P, d as G } from "../_plugin-vue_export-helper-DJlRxzRH.js";
+import { a as K, i as w, b as R } from "../i18n-C0iMUvqX.js";
+import { N as j } from "../NavigationButton.ce-DqFqWt9V.js";
+const U = {}, q = {}, J = {}, Q = {}, W = {}, X = {
   "pix-cursor": { confirm: "Valider", next: "Suivant", previous: "Précédent", selectAnOption: "Sélectionnez une option", youHaveChosen: "Vous avez choisi : { choice }" }
 }, Y = {}, Z = {}, ee = ["for"], oe = {
   class: "visible-options",
@@ -129,9 +129,9 @@ const R = {}, U = {}, q = {}, J = {}, W = {}, X = {
     };
   }
 }), fe = "[data-v-58e704c5]{--pix-neutral-800: #253858;font-family:Nunito,sans-serif;color:var(--pix-neutral-800)}.pix-cursor[data-v-58e704c5]{display:flex;flex-direction:column;justify-content:center;margin:auto;padding:2rem;gap:1rem;overflow:hidden}.pix-cursor p[data-v-58e704c5]{text-align:center;font-size:1.1rem}.pix-cursor .chosen-option[data-v-58e704c5]{font-weight:700}.pix-cursor .visible-options[data-v-58e704c5]{display:flex;justify-content:space-between;margin:0;padding:0}.pix-cursor .visible-options li[data-v-58e704c5]{cursor:pointer;list-style:none}.pix-cursor input[data-v-58e704c5]{width:100%}.pix-cursor .confirm[data-v-58e704c5]{padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:600;font-size:1.25rem;letter-spacing:1.1;width:fit-content;margin:auto;border:none;color:#fff;background:#4075ff;grid-row:1;grid-column:1}.pix-cursor .confirm[data-v-58e704c5]:hover{background:#355ac4;transition:background ease .1s}.pix-cursor .navigation-container[data-v-58e704c5]{display:flex;justify-content:center;align-items:center;gap:1rem}.pix-cursor .navigation-container .chosen-text-container[data-v-58e704c5]{display:grid}.pix-cursor .navigation-container .chosen-text-container p[data-v-58e704c5]{grid-row:1;grid-column:1}.pix-cursor .navigation-container .chosen-text-container p.hidden[data-v-58e704c5]{transform:translate(100vw)}.pix-cursor .footer[data-v-58e704c5]{display:grid;grid-template-columns:auto;align-items:center;justify-content:center}.pix-cursor .feedback[data-v-58e704c5]{padding:1rem 1.2rem;border-left:solid 4px;border-radius:8px;grid-column:1;grid-row:1;text-align:start;margin:0}.pix-cursor .feedback.hidden[data-v-58e704c5]{visibility:hidden;transform:translate(100vw)}.pix-cursor .feedback.good[data-v-58e704c5]{background:#e8f5e9;border-left-color:#4caf51}.pix-cursor .feedback.bad[data-v-58e704c5]{background:#ffebee;border-left-color:#f44337}.pix-cursor .feedback.neutral[data-v-58e704c5]{background:#e8f6ff;border-left-color:#464ee0}.pix-cursor .feedback.close[data-v-58e704c5]{background:#fff8e1;border-left-color:#ffc108}", be = /* @__PURE__ */ P(ve, [["styles", [fe]], ["__scopeId", "data-v-58e704c5"]]);
-K(/* @__PURE__ */ Object.assign({ "./locales/de-AT.json": R, "./locales/en.json": U, "./locales/es-419.json": q, "./locales/es.json": J, "./locales/fr-BE.json": W, "./locales/fr.json": X, "./locales/it.json": Y, "./locales/nl.json": Z })).catch((n) => console.error(n));
+K(/* @__PURE__ */ Object.assign({ "./locales/de-AT.json": U, "./locales/en.json": q, "./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((n) => console.error(n));
 window.customElements.define("pix-cursor", G(be, {
   configureApp(n) {
-    w.changeLanguage(document?.documentElement?.lang || navigator.language), n.use(Q, { i18next: w });
+    w.changeLanguage(document?.documentElement?.lang || navigator.language), n.use(R, { i18next: w });
   }
 }));

package/dist/components/pix-mail-message.ce.js.js

@@ -1,7 +1,7 @@
 import { _ as o, a as _, b as a, c as l, d as n, e as i, f as t, g } from "../nl-euPrf5s3.js";
-import { d as m } from "../_plugin-vue_export-helper-Dz58mCLm.js";
-import { i as e } from "../i18n-lite-CzqISEWm.js";
-import { P as c } from "../PixMailMessage.ce-TnjyOfiH.js";
+import { d as m } from "../_plugin-vue_export-helper-DJlRxzRH.js";
+import { i as e } from "../i18n-lite-X2ADNonj.js";
+import { P as c } from "../PixMailMessage.ce-Cqrs9R3i.js";
 e.addTranslationsFromGlobResults(/* @__PURE__ */ Object.assign({ "./locales/de-AT.json": g, "./locales/en.json": t, "./locales/es-419.json": i, "./locales/es.json": n, "./locales/fr-BE.json": l, "./locales/fr.json": a, "./locales/it.json": _, "./locales/nl.json": o }));
 const r = m(c, {
   configureApp(s) {