@1024pix/epreuves-components 2.9.0 → 4.0.1

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

@@ -0,0 +1,238 @@
+import { b as X, j as S, u as Y, r as h, g as i, G as ee, c as b, o as u, a as e, E as w, K as m, H as f, t as o, s as T, B as te, F as L, e as P, f as ae, m as se, k as oe, x as ie, _ as ne, d as re } from "../_plugin-vue_export-helper-D0N_62VD.js";
+import { u as le, i as B } from "../i18n-lite-t2jNOu0C.js";
+import { B as V } from "../Button.ce-CTKrSDrC.js";
+import { P as ce } from "../Popin.ce-DUQ7-GMT.js";
+import { b as de } from "../normalize-props-DH0oPBss.js";
+const pe = {
+  "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" }
+}, A = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M15.8333%209.16675H4.16667C3.24619%209.16675%202.5%209.91294%202.5%2010.8334V16.6667C2.5%2017.5872%203.24619%2018.3334%204.16667%2018.3334H15.8333C16.7538%2018.3334%2017.5%2017.5872%2017.5%2016.6667V10.8334C17.5%209.91294%2016.7538%209.16675%2015.8333%209.16675Z'%20stroke='%235E6C84'%20stroke-width='1.66667'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M5.83331%209.16675V5.83341C5.83331%204.72835%206.2723%203.66854%207.0537%202.88714C7.8351%202.10573%208.89491%201.66675%209.99998%201.66675C11.105%201.66675%2012.1649%202.10573%2012.9463%202.88714C13.7277%203.66854%2014.1666%204.72835%2014.1666%205.83341V9.16675'%20stroke='%235E6C84'%20stroke-width='1.66667'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e", ue = "data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M9.83713%207.37459C10.522%206.70686%2011.4406%206.33317%2012.3971%206.33325H26.1265C26.9238%206.33325%2027.8518%206.55459%2028.6105%207.02525C29.3825%207.50259%2030.0905%208.32392%2030.0905%209.49992V22.4999C30.0905%2023.6759%2029.3825%2024.4959%2028.6105%2024.9746C27.8597%2025.4244%2027.0016%2025.6635%2026.1265%2025.6666H12.3971C11.4406%2025.6667%2010.522%2025.293%209.83713%2024.6253L2.70379%2017.6706C2.48084%2017.4532%202.30365%2017.1934%202.18267%2016.9065C2.06169%2016.6195%201.99936%2016.3113%201.99936%2015.9999C1.99936%2015.6885%202.06169%2015.3803%202.18267%2015.0934C2.30365%2014.8064%202.48084%2014.5466%202.70379%2014.3293L9.83713%207.37459ZM18.7065%2012.6266C18.6149%2012.5283%2018.5045%2012.4495%2018.3818%2012.3949C18.2592%2012.3402%2018.1268%2012.3108%2017.9925%2012.3085C17.8582%2012.3061%2017.7248%2012.3308%2017.6003%2012.3811C17.4758%2012.4314%2017.3627%2012.5062%2017.2677%2012.6012C17.1728%2012.6962%2017.0979%2012.8093%2017.0476%2012.9338C16.9973%2013.0583%2016.9726%2013.1917%2016.975%2013.3259C16.9774%2013.4602%2017.0068%2013.5926%2017.0614%2013.7153C17.1161%2013.838%2017.1949%2013.9484%2017.2931%2014.0399L19.2531%2015.9999L17.2931%2017.9599C17.1949%2018.0515%2017.1161%2018.1619%2017.0614%2018.2845C17.0068%2018.4072%2016.9774%2018.5396%2016.975%2018.6739C16.9726%2018.8082%2016.9973%2018.9415%2017.0476%2019.066C17.0979%2019.1906%2017.1728%2019.3037%2017.2677%2019.3986C17.3627%2019.4936%2017.4758%2019.5685%2017.6003%2019.6187C17.7248%2019.669%2017.8582%2019.6937%2017.9925%2019.6914C18.1268%2019.689%2018.2592%2019.6596%2018.3818%2019.605C18.5045%2019.5503%2018.6149%2019.4715%2018.7065%2019.3733L20.6665%2017.4133L22.6265%2019.3733C22.718%2019.4715%2022.8284%2019.5503%2022.9511%2019.605C23.0737%2019.6596%2023.2062%2019.689%2023.3404%2019.6914C23.4747%2019.6937%2023.6081%2019.669%2023.7326%2019.6187C23.8571%2019.5685%2023.9702%2019.4936%2024.0652%2019.3986C24.1601%2019.3037%2024.235%2019.1906%2024.2853%2019.066C24.3356%2018.9415%2024.3603%2018.8082%2024.3579%2018.6739C24.3555%2018.5396%2024.3262%2018.4072%2024.2715%2018.2845C24.2168%2018.1619%2024.138%2018.0515%2024.0398%2017.9599L22.0798%2015.9999L24.0398%2014.0399C24.138%2013.9484%2024.2168%2013.838%2024.2715%2013.7153C24.3262%2013.5926%2024.3555%2013.4602%2024.3579%2013.3259C24.3603%2013.1917%2024.3356%2013.0583%2024.2853%2012.9338C24.235%2012.8093%2024.1601%2012.6962%2024.0652%2012.6012C23.9702%2012.5062%2023.8571%2012.4314%2023.7326%2012.3811C23.6081%2012.3308%2023.4747%2012.3061%2023.3404%2012.3085C23.2062%2012.3108%2023.0737%2012.3402%2022.9511%2012.3949C22.8284%2012.4495%2022.718%2012.5283%2022.6265%2012.6266L20.6665%2014.5866L18.7065%2012.6266Z'%20fill='%232C75FF'/%3e%3c/svg%3e", fe = { class: "stepper" }, be = ["aria-hidden"], me = { class: "character-value" }, ve = { class: "sr-only" }, ge = { class: "character-info" }, he = ["aria-hidden"], xe = { class: "character-value" }, Ce = { class: "sr-only" }, we = { class: "character-info" }, ye = { class: "cards" }, ke = { class: "card card-left" }, _e = ["aria-level"], Le = ["src"], Pe = {
+  class: "sr-only",
+  "aria-live": "polite"
+}, Ve = {
+  class: "placeholders",
+  id: "letters",
+  "aria-live": "polite"
+}, Be = { class: "letters-and-back" }, $e = ["src"], je = {
+  key: 0,
+  class: "doublon-feedback",
+  "aria-live": "polite"
+}, ze = { class: "card card-right" }, Se = ["aria-level"], Te = ["src"], Ae = ["aria-live"], Ee = /* @__PURE__ */ X({
+  __name: "PixCombinaisons.ce",
+  props: {
+    wontWait: { type: Boolean, default: !1 },
+    titleLevel: { default: 2, type: Number }
+  },
+  setup(d, { expose: M }) {
+    const { t: l } = le(), D = S("combination"), $ = S("wrapper"), F = Y(), n = h([]), x = h(!1), c = h([]), p = h(1), k = h(!1), y = h(!1), N = i(() => n.value.length === C.value.length || v.value), R = i(() => n.value.length === 0 || v.value), H = i(() => n.value.length !== C.value.length && !v.value || y.value), v = i(() => c.value.length >= 7), C = i(() => ["A", "B", "C"].slice(0, p.value + 1)), I = i(() => c.value.length === _.value.length && !k.value), q = i(() => p.value === 1 ? {
+      title: l("pix-combinaisons.fourPasswords"),
+      content: l("pix-combinaisons.easilyTestable"),
+      textButton: l("pix-combinaisons.next")
+    } : {
+      title: l("pix-combinaisons.soManyPasswords"),
+      content: l("pix-combinaisons.feedbackSoManyPasswords"),
+      textButton: l("pix-combinaisons.completed")
+    }), O = i(() => v.value ? l("pix-combinaisons.displayAllCombinations") : l("pix-combinaisons.validate")), Z = i(() => v.value ? l("pix-combinaisons.displayAllCombinations") : l("pix-combinaisons.ariaValidate")), j = i(() => `${(c.value.length * 100 / _.value.length).toFixed(0)}%`), G = i(() => `${p.value === 1 ? "50" : "100"}%`), _ = i(() => z(C.value));
+    function W() {
+      n.value = [], x.value = !1, c.value = [], p.value = 1, k.value = !1, y.value = !1;
+    }
+    function z(t, a = t) {
+      const r = [];
+      for (let s = 0; s < t.length; s++)
+        for (let g = 0; g < a.length; g++)
+          r.push(`${t[s]}${a[g]}`);
+      return r[0].length !== a.length ? z(r, t) : r;
+    }
+    async function K() {
+      if (p.value === 2) {
+        k.value = !0;
+        return;
+      }
+      n.value = [], x.value = !1, c.value = [], await ie(), $.value.focus(), p.value = 2;
+    }
+    function Q(t) {
+      n.value.push(t);
+    }
+    async function U() {
+      if (v.value) {
+        y.value = !0;
+        const a = _.value.filter((r) => !c.value.includes(r));
+        for (const r of a)
+          c.value.push(r), D.value.at(-1).scrollIntoView({ behavior: "smooth" }), d.wontWait || await new Promise((s) => setTimeout(s, 200));
+        return;
+      }
+      const t = n.value.join("");
+      if (J(c.value, t)) {
+        x.value = !0, n.value = [];
+        return;
+      }
+      c.value.push(t), n.value = [], x.value = !1;
+    }
+    function J(t, a) {
+      return t.includes(a);
+    }
+    return M({
+      reset: W
+    }), (t, a) => {
+      const r = ee("i18n");
+      return u(), b("div", {
+        ref_key: "wrapper",
+        ref: $,
+        class: "wrapper",
+        tabindex: "-1"
+      }, [
+        e("div", fe, [
+          e("div", {
+            class: "character",
+            "aria-hidden": p.value !== 1
+          }, [
+            e("p", me, [
+              w(r, { t: "pix-combinaisons.currentStep" }, {
+                step: m(() => [
+                  e("span", ve, o(t.$t("pix-combinaisons.step")), 1)
+                ]),
+                number: m(() => [...a[1] || (a[1] = [
+                  f("1", -1)
+                ])]),
+                _: 1
+              })
+            ]),
+            e("p", ge, [
+              f(o(t.$t("pix-combinaisons.numberOfChars", { number: 2 })), 1),
+              a[2] || (a[2] = e("span", null, "(a,b)", -1))
+            ])
+          ], 8, be),
+          e("div", {
+            class: "stepper-bar",
+            style: T({ "--step-progression": G.value })
+          }, null, 4),
+          e("div", {
+            class: "character",
+            "aria-hidden": p.value !== 2
+          }, [
+            e("p", xe, [
+              w(r, { t: "pix-combinaisons.currentStep" }, {
+                step: m(() => [
+                  e("span", Ce, o(t.$t("pix-combinaisons.step")), 1)
+                ]),
+                number: m(() => [...a[3] || (a[3] = [
+                  f("2", -1)
+                ])]),
+                _: 1
+              })
+            ]),
+            e("p", we, [
+              f(o(t.$t("pix-combinaisons.numberOfChars", { number: 3 })), 1),
+              a[4] || (a[4] = e("span", null, "(a,b,c)", -1))
+            ])
+          ], 8, he)
+        ]),
+        e("div", ye, [
+          e("section", ke, [
+            e("div", {
+              id: "title",
+              role: "heading",
+              "aria-level": d.titleLevel + 1
+            }, [
+              e("img", {
+                alt: "",
+                src: A
+              }, null, 8, Le),
+              f(" " + o(t.$t("pix-combinaisons.findCombinations")), 1)
+            ], 8, _e),
+            e("p", null, o(t.$t("pix-combinaisons.progression")), 1),
+            e("div", {
+              class: "progress-bar",
+              style: T({ "--completion": j.value })
+            }, null, 4),
+            e("p", Pe, o(t.$t("pix-combinaisons.completionState", { percent: j.value })), 1),
+            e("div", Ve, [
+              (u(!0), b(L, null, P(C.value.length, (s, g) => (u(), b("p", {
+                class: "placeholder",
+                key: s
+              }, o(n.value[g]), 1))), 128))
+            ]),
+            e("div", Be, [
+              (u(!0), b(L, null, P(C.value, (s) => (u(), ae(V, {
+                "is-disabled": N.value,
+                class: "letter",
+                onClick: (g) => Q(s),
+                key: s,
+                "aria-controls": "letters"
+              }, {
+                default: m(() => [
+                  f(o(s), 1)
+                ]),
+                _: 2
+              }, 1032, ["is-disabled", "onClick"]))), 128)),
+              w(V, {
+                "is-disabled": R.value,
+                class: "backspace",
+                onClick: a[0] || (a[0] = (s) => n.value.pop()),
+                "aria-label": t.$t("pix-combinaisons.backspace")
+              }, {
+                default: m(() => [
+                  e("img", {
+                    src: ue,
+                    alt: ""
+                  }, null, 8, $e)
+                ]),
+                _: 1
+              }, 8, ["is-disabled", "aria-label"])
+            ]),
+            w(V, {
+              class: "validate",
+              "is-disabled": H.value,
+              onClick: U,
+              "aria-label": Z.value,
+              "aria-describedby": "letters"
+            }, {
+              default: m(() => [
+                f(o(O.value), 1)
+              ]),
+              _: 1
+            }, 8, ["is-disabled", "aria-label"]),
+            x.value ? (u(), b("p", je, o(t.$t("pix-combinaisons.combinationAlreadyTried")), 1)) : te("", !0)
+          ]),
+          e("section", ze, [
+            e("div", {
+              role: "heading",
+              "aria-level": d.titleLevel + 1
+            }, [
+              e("img", {
+                alt: "",
+                src: A
+              }, null, 8, Te),
+              f(" " + o(t.$t("pix-combinaisons.discoverCombinations")), 1)
+            ], 8, Se),
+            e("ul", {
+              class: "results",
+              "aria-live": y.value ? "polite" : "off"
+            }, [
+              (u(!0), b(L, null, P(c.value, (s) => (u(), b("li", {
+                ref_for: !0,
+                ref: "combination",
+                key: s
+              }, o(s), 1))), 128))
+            ], 8, Ae)
+          ])
+        ]),
+        w(ce, se(q.value, {
+          show: I.value,
+          "root-element": oe(F),
+          onPrimaryAction: K
+        }), null, 16, ["show", "root-element"])
+      ], 512);
+    };
+  }
+}), Me = '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 16px}.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}', De = /* @__PURE__ */ ne(Ee, [["styles", [Me]]]);
+B.addTranslationsFromGlobResults(/* @__PURE__ */ Object.assign({ "./locales/fr.json": pe }));
+const E = re(De, {
+  configureApp(d) {
+    B.changeLanguage(document?.documentElement?.lang || navigator.language), d.use(B);
+  }
+});
+E.prototype.normalizeProps = (d) => ({
+  ...d,
+  titleLevel: de(d.titleLevel)
+});
+window.customElements.define("pix-combinaisons", E);

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

@@ -1,6 +1,6 @@
-import { d as V, r as k, h as y, y as m, G as A, c as a, o as i, a as r, z as S, k as d, t as u, F as f, b, Q as H, E as g, n as C, K as L, B as F, l as P, _ as D, f as G } from "../_plugin-vue_export-helper-BaC4eJh4.js";
-import { a as K, i as w, b as Q } from "../i18n-BJ6FRipD.js";
-import { N as j } from "../NavigationButton.ce-DpzmC2Dd.js";
+import { b as O, r as k, h as y, g, G as V, c as a, o as i, a as r, A as S, k as d, t as u, F as f, e as b, Q as H, E as m, n as C, K as L, B as F, l as P, _ as D, d as G } from "../_plugin-vue_export-helper-D0N_62VD.js";
+import { a as K, i as w, b as Q } from "../i18n-ekiZvzf6.js";
+import { N as j } from "../NavigationButton.ce-CA1M8sgV.js";
 const R = {}, U = {}, q = {}, J = {}, 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 = {
@@ -12,35 +12,35 @@ const R = {}, U = {}, q = {}, J = {}, W = {}, X = {
 }, ue = {
   key: 0,
   class: "confirm"
-}, pe = ["innerHTML", "aria-hidden"], ve = /* @__PURE__ */ V({
+}, pe = ["innerHTML", "aria-hidden"], ve = /* @__PURE__ */ O({
   __name: "PixCursor.ce",
   props: {
     options: { type: Array }
   },
   setup(n, { expose: M }) {
-    const p = n, s = k(Math.floor(p.options.length / 2)), o = k(!1), v = y(), _ = y(), I = m(() => s.value === p.options.length - 1), N = m(() => s.value === 0), c = m(() => Number(s.value));
-    function z() {
+    const p = n, s = k(Math.floor(p.options.length / 2)), o = k(!1), v = y(), _ = y(), I = g(() => s.value === p.options.length - 1), N = g(() => s.value === 0), c = g(() => Number(s.value));
+    function T() {
       o.value = !0;
     }
-    function T() {
+    function $() {
       o.value || (s.value = Math.max(0, c.value - 1));
     }
-    function $() {
+    function z() {
       o.value || (s.value = Math.min(p.options.length - 1, c.value + 1));
     }
     function h(l) {
       o.value || (s.value = l);
     }
-    function B() {
+    function A() {
       o.value = !1, s.value = Math.floor(p.options.length / 2);
     }
     return M({
-      reset: B
+      reset: A
     }), (l, x) => {
-      const E = A("i18next");
+      const B = V("i18next");
       return i(), a("form", {
         class: "pix-cursor",
-        onSubmit: P(z, ["prevent"])
+        onSubmit: P(T, ["prevent"])
       }, [
         r("div", null, [
           r("label", {
@@ -49,13 +49,13 @@ const R = {}, U = {}, q = {}, J = {}, W = {}, X = {
           }, u(l.$t("pix-cursor.selectAnOption")), 9, ee),
           r("ul", oe, [
             (i(!0), a(f, null, b(n.options, (t, e) => (i(), a("li", {
-              onClick: (O) => h(e),
+              onClick: (E) => h(e),
               key: e
             }, u(t.label), 9, te))), 128))
           ]),
           r("datalist", { id: d(_) }, [
             (i(!0), a(f, null, b(n.options, (t, e) => (i(), a("option", {
-              onClick: (O) => h(e),
+              onClick: (E) => h(e),
               key: e,
               value: e,
               label: t.label
@@ -73,8 +73,8 @@ const R = {}, U = {}, q = {}, J = {}, W = {}, X = {
             [H, s.value]
           ]),
           r("div", se, [
-            g(j, {
-              onClick: T,
+            m(j, {
+              onClick: $,
               disabled: o.value || N.value,
               label: l.$t("pix-cursor.previous"),
               "aria-controls": d(v),
@@ -91,7 +91,7 @@ const R = {}, U = {}, q = {}, J = {}, W = {}, X = {
                 }),
                 "aria-hidden": e !== c.value
               }, [
-                g(E, {
+                m(B, {
                   translation: l.$t("pix-cursor.youHaveChosen")
                 }, {
                   choice: L(() => [
@@ -101,8 +101,8 @@ const R = {}, U = {}, q = {}, J = {}, W = {}, X = {
                 }, 1032, ["translation"])
               ], 10, le))), 128))
             ]),
-            g(j, {
-              onClick: $,
+            m(j, {
+              onClick: z,
               disabled: o.value || I.value,
               label: l.$t("pix-cursor.next"),
               "aria-controls": d(v),

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

@@ -0,0 +1,11 @@
+import { _ as o, a as _, b as a, c as l, d as n, e as i, f as t, g } from "../nl-Bonww6Q2.js";
+import { d as m } from "../_plugin-vue_export-helper-D0N_62VD.js";
+import { i as e } from "../i18n-lite-t2jNOu0C.js";
+import { P as c } from "../PixMailMessage.ce-XPDbJiyC.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) {
+    e.changeLanguage(document?.documentElement?.lang || navigator.language), s.use(e);
+  }
+});
+window.customElements.define("pix-mail-message", r);

package/dist/components/proteger-mail-spam.ce.js.js

@@ -0,0 +1,131 @@
+import { b as M, r as f, j as k, u as j, g as o, c as F, o as l, a as s, E as g, f as p, B as y, t as d, n as O, K as v, H as $, k as c, x as S, _ as V, d as K } from "../_plugin-vue_export-helper-D0N_62VD.js";
+import { u as D, i as b } from "../i18n-lite-t2jNOu0C.js";
+import { S as I } from "../Stepper.ce-B1yDelzC.js";
+import { _ as G, a as H, F as J } from "../Cross.ce.vue_vue_type_script_setup_true_lang-CVBFTfq5.js";
+import { P as Q } from "../Popin.ce-DUQ7-GMT.js";
+import { B as U } from "../Button.ce-CTKrSDrC.js";
+import { P as W } from "../PixMailMessage.ce-XPDbJiyC.js";
+import { u as w, a as X, b as Y } from "../normalize-props-DH0oPBss.js";
+const Z = {
+  "proteger-mail-spam": { step: "Étape {{step}} sur {{totalStep}}", mailRecipent: "À moi", nextStepButton: "Continuer", successPopin: { title: "Se protéger, mais protéger aussi les autres.", content: "Dans le prochain exemple, l’interface dispose d'avantage de possibilités.", buttonLabel: "Suivant" }, feedback: { titleOk: "Bonne décision", titleKo: "Mauvais choix", step1: { reply: "Répondre confirme votre adresse mail et peut encourager l’escroc. Sélectionnez une autre action de l’interface pour vous protéger de cet expéditeur.", forward: "Transférer ce message expose quelqu’un d’autre à l’arnaque, et ne vous empêche pas de recevoir d’autres mails de cet expéditeur. Sélectionnez une autre action de l’interface pour vous protéger de cet expéditeur.", delete: "Supprimer ce message ne vous empêche pas d’en recevoir d’autres de cet expéditeur. Sélectionnez une autre action de l’interface pour vous protéger de cet expéditeur.", blockSender: "En choisissant de bloquer l’expéditeur, vous ne recevrez plus de message de cet expéditeur." }, step2: { reply: "Répondre valide votre adresse mail et ne vous permet ni de vous protéger, ni de protéger les autres de cet escroc.  Sélectionnez une autre action de l’interface pour protéger tous les utilisateurs.", forward: "Transférer ce message expose quelqu’un d’autre à l’arnaque. Sélectionnez une autre action de l’interface pour protéger tous les utilisateurs.", delete: "Supprimer ce message ne vous permet ni de vous protéger, ni de protéger les autres de cet escroc.  Sélectionnez une autre action de l’interface pour protéger tous les utilisateurs.", blockSender: "En choisissant de bloquer l’expéditeur, vous vous protégez de cet escroc mais vous ne protégez pas les autres.  Sélectionnez une autre action de l’interface pour protéger tous les utilisateurs.", reportSpam: " En signalant ce message, vous vous protégez et vous contribuez à la protection des autres, car cela améliore les filtres anti-spam de tous les utilisateurs." } } }
+}, ee = {
+  class: "main-container",
+  ref: "container",
+  tabindex: "-1"
+}, te = ["aria-level"], ae = { class: "header__description" }, ne = /* @__PURE__ */ M({
+  __name: "ProtegerMailSpam.ce",
+  props: {
+    titleLevel: { default: 2, type: Number },
+    steps: { type: Array }
+  },
+  setup(a, { expose: m }) {
+    const { t: e } = D(), t = f(0), n = f(""), u = f(!1), P = k("continue-button"), B = k("container"), C = j(), i = o(() => a.steps.at(t.value)), r = o(() => i.value.goodAction === n.value), h = o(() => t.value === a.steps.length - 1), q = o(() => n.value ? e(`proteger-mail-spam.feedback.step${t.value + 1}.${n.value}`) : ""), R = o(() => r.value ? e("proteger-mail-spam.feedback.titleOk") : e("proteger-mail-spam.feedback.titleKo")), A = o(() => r.value ? {
+      return: "disabled",
+      reply: "disabled",
+      forward: "disabled",
+      menu: "disabled"
+    } : i.value.actions);
+    function E() {
+      n.value = "", t.value = 0, u.value = !1;
+    }
+    async function L(x) {
+      n.value = x, await S(), r.value && !h.value && P.value?.buttonElement.focus();
+    }
+    async function N() {
+      t.value += 1, n.value = "", await S(), B.value.focus();
+    }
+    async function T() {
+      await N(), u.value = !1;
+    }
+    return m({
+      reset: E
+    }), (x, _) => (l(), F("div", ee, [
+      s("section", null, [
+        s("div", null, [
+          s("div", {
+            role: "heading",
+            "aria-level": a.titleLevel,
+            class: "header__title"
+          }, d(i.value.title), 9, te),
+          s("p", ae, d(i.value.description), 1)
+        ]),
+        g(I, {
+          step: t.value,
+          "steps-count": a.steps.length
+        }, null, 8, ["step", "steps-count"]),
+        g(W, {
+          actions: A.value,
+          mail: i.value.mail,
+          onAction: L
+        }, null, 8, ["actions", "mail"]),
+        s("div", {
+          class: O(["feedback", { "is-hidden": !n.value }]),
+          "aria-live": "polite"
+        }, [
+          n.value ? (l(), p(J, {
+            key: 0,
+            title: R.value
+          }, {
+            icon: v(() => [
+              r.value ? (l(), p(G, {
+                key: 0,
+                class: "feedback__icon",
+                "aria-hiden": "true"
+              })) : (l(), p(H, {
+                key: 1,
+                class: "feedback__icon",
+                "aria-hiden": "true"
+              }))
+            ]),
+            content: v(() => [
+              s("p", null, d(q.value), 1)
+            ]),
+            _: 1
+          }, 8, ["title"])) : y("", !0)
+        ], 2),
+        r.value && !h.value ? (l(), p(U, {
+          key: 0,
+          ref: "continue-button",
+          onClick: _[0] || (_[0] = (ie) => u.value = !0),
+          class: "next-button"
+        }, {
+          default: v(() => [
+            $(d(c(e)("proteger-mail-spam.nextStepButton")), 1)
+          ]),
+          _: 1
+        }, 512)) : y("", !0)
+      ]),
+      g(Q, {
+        content: c(e)("proteger-mail-spam.successPopin.content"),
+        title: c(e)("proteger-mail-spam.successPopin.title"),
+        show: u.value,
+        "text-button": c(e)("proteger-mail-spam.successPopin.buttonLabel"),
+        "root-element": c(C),
+        onPrimaryAction: T
+      }, null, 8, ["content", "title", "show", "text-button", "root-element"])
+    ], 512));
+  }
+}), oe = "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}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);border:0}*{font-family:Roboto,Nunito,sans-serif}.main-container{position:relative}.main-container section{display:flex;flex-direction:column;align-items:center;color:#122647;padding:.5rem}.main-container section>:not(:first-child){margin-top:1.5rem}.main-container .header{font-style:normal;text-align:center}.main-container .header__title{font-family:Nunito,sans-serif;text-align:center;font-size:1.25rem;font-weight:700;line-height:28px;margin-bottom:.25rem}.main-container .header__description{text-align:center;font-family:Roboto,sans-serif;font-size:.875rem;line-height:20px}.main-container .feedback{width:100%}.main-container .feedback.is-hidden{margin-top:unset}.main-container .feedback__icon{width:1rem}.main-container .next-button{font-size:.875rem;font-weight:700;line-height:24px}", se = /* @__PURE__ */ V(ne, [["styles", [oe]]]);
+b.addTranslationsFromGlobResults(/* @__PURE__ */ Object.assign({ "./locales/fr.json": Z }));
+const z = K(se, {
+  configureApp(a) {
+    b.changeLanguage(document?.documentElement?.lang || navigator.language), a.use(b);
+  }
+});
+z.prototype.normalizeProps = (a) => {
+  const m = a.steps.map((e) => {
+    const t = {
+      ...e,
+      actions: w({
+        ...e.actions,
+        menuActions: w(e.actions?.menuActions)
+      })
+    };
+    return t.mail.sender.avatarColor = X(t.mail.sender.avatarColor), t;
+  });
+  return {
+    titleLevel: Y(a.titleLevel),
+    steps: m
+  };
+};
+window.customElements.define("proteger-mail-spam", z);

package/dist/components/qcm-deepfake.ce.js.js

@@ -1,7 +1,7 @@
-import { d as y, y as b, c as i, o, a as s, B as v, t as d, n as w, _, R as E, S as A, r as x, z as O, H as V, P, g as G, j as M, F as $, b as C, e as F, k as Q, E as k, U, K as H, l as K, f as W } from "../_plugin-vue_export-helper-BaC4eJh4.js";
-import { i as a, a as J, b as X } from "../i18n-BJ6FRipD.js";
-import { R as Y } from "../Retry-BYnFnneH.js";
-import { u as Z } from "../normalize-props-DtfVI0Xg.js";
+import { b as y, g as b, c as i, o, a as s, B as v, t as d, n as w, _, U as E, V as R, r as x, A as O, H as V, P, q as G, j as M, F as $, e as C, f as F, k as Q, E as k, W as U, K as W, l as H, d as K } from "../_plugin-vue_export-helper-D0N_62VD.js";
+import { i as a, a as J, b as X } from "../i18n-ekiZvzf6.js";
+import { R as Y } from "../Retry-BZf7NJz9.js";
+import { b as Z } from "../normalize-props-DH0oPBss.js";
 const ee = {}, te = {}, ae = {}, ne = {}, oe = {}, ie = {
   "qcm-deepfake": { options: ["une photo de sa chanteuse préférée", "une chanson de sa chanteuse préférée", "les partitions de la chanson", "une photo de Caroline", "un enregistrement de Caroline qui dit quelques phrases"], iaResultInfo: "Retrouvez ici les résultats du logiciel d'IA générative :", iaResultGenerated: "Résultat généré par le logiciel d'IA générative", in: "Entrée", out: "Sortie", waiting: "Logiciel d'IA générative", selectThreeElements: "Sélectionnez 3 éléments pour générer la vidéo de Caroline :", generateVideo: "Générer la vidéo !", loading: "Chargement…", restart: "Recommencer", element_one: "élément", element_other: "éléments", generateVideoInfo_one: "Plus que {{count}} élément", generateVideoInfo_other: "Plus que {{count}} éléments", restartInfo: "Essayez avec de nouveaux éléments", success: { title: "Bien joué !", description: "C'est bien la vidéo de Caroline. Vous avez utilisé les bons éléments." }, fail: { title: "Pas exactement…", description: "Le résultat ne convient pas. Recommencez en changeant les éléments en entrée." } }
 }, re = {}, se = {}, le = ["aria-hidden"], ce = ["aria-level"], de = ["src"], ue = {
@@ -65,7 +65,7 @@ const ee = {}, te = {}, ae = {}, ne = {}, oe = {}, ie = {
   }),
   emits: ["update:modelValue"],
   setup(e, { expose: u }) {
-    const n = A(e, "modelValue"), l = x(!1), t = b(() => n.value.length === 3 && !l.value || e.readonly);
+    const n = R(e, "modelValue"), l = x(!1), t = b(() => n.value.length === 3 && !l.value || e.readonly);
     function h(p) {
       if (t.value) {
         p.preventDefault();
@@ -104,7 +104,7 @@ const ee = {}, te = {}, ae = {}, ne = {}, oe = {}, ie = {
       V(" " + d(e.label), 1)
     ], 2));
   }
-}), xe = ".epreuve-button{--pix-neutral-0: #fff;--pix-neutral-800: #253858;--pix-neutral-900: #122647;--pix-secondary-500: #ffcb33;--pix-secondary-700: #a16206}.epreuve-button.primary{--background-color: var(--pix-neutral-800);--background-color-hover: var(--pix-neutral-900);--color: var(--pix-neutral-0);--color-hover: var(--pix-neutral-0)}.epreuve-button.warning{--background-color: var(--pix-secondary-500);--background-color-hover: var(--pix-secondary-700);--color: var(--pix-neutral-900);--color-hover: var(--pix-neutral-0)}.epreuve-button.primary,.epreuve-button.warning{align-items:center;background-color:var(--background-color);border:2px solid transparent;border-radius:8px;color:var(--color);cursor:pointer;display:flex;font-family:Roboto,sans-serif;font-size:1rem;font-weight:700;justify-content:center;gap:8px;line-height:24px;margin:0 auto;outline:none;padding:8px 24px;transition:background-color ease .5s,color ease .5s;width:fit-content;white-space:nowrap}:is(.epreuve-button.primary,.epreuve-button.warning)[aria-disabled=true]{cursor:not-allowed;opacity:.5}:is(.epreuve-button.primary,.epreuve-button.warning):not([aria-disabled=true]):hover{background-color:var(--background-color-hover);color:var(--color-hover);transition:background-color ease .5s,color ease .5s}:is(.epreuve-button.primary,.epreuve-button.warning):not([aria-disabled=true]):hover svg{color:var(--color-hover);transition:color ease .5s}:is(.epreuve-button.primary,.epreuve-button.warning):focus,:is(.epreuve-button.primary,.epreuve-button.warning):focus-visible{background-color:var(--background-color-hover);color:var(--color-hover);outline:1px solid var(--pix-neutral-0);outline-offset:-5px}", we = /* @__PURE__ */ _(ke, [["styles", [xe]]]), Se = { class: "container" }, Ie = { class: "left-side" }, qe = ["aria-level"], $e = { class: "left-side__description" }, Ce = { class: "left-side__action" }, Ve = {
+}), xe = ".epreuve-button{--pix-neutral-0: #fff;--pix-neutral-800: #253858;--pix-neutral-900: #122647;--pix-secondary-500: #ffcb33;--pix-secondary-700: #a16206}.epreuve-button.primary{--background-color: var(--pix-neutral-800);--background-color-hover: var(--pix-neutral-900);--color: var(--pix-neutral-0);--color-hover: var(--pix-neutral-0)}.epreuve-button.warning{--background-color: var(--pix-secondary-500);--background-color-hover: var(--pix-secondary-700);--color: var(--pix-neutral-900);--color-hover: var(--pix-neutral-0)}.epreuve-button.primary,.epreuve-button.warning{align-items:center;background-color:var(--background-color);border:2px solid transparent;border-radius:8px;color:var(--color);cursor:pointer;display:flex;font-family:Roboto,sans-serif;font-size:1rem;font-weight:700;justify-content:center;gap:8px;line-height:24px;margin:0 auto;outline:none;padding:8px 24px;transition:background-color ease .5s,color ease .5s;width:fit-content;white-space:nowrap}:is(.epreuve-button.primary,.epreuve-button.warning)[aria-disabled=true]{cursor:not-allowed;opacity:.5}:is(.epreuve-button.primary,.epreuve-button.warning):not([aria-disabled=true]):hover{background-color:var(--background-color-hover);color:var(--color-hover);transition:background-color ease .5s,color ease .5s}:is(.epreuve-button.primary,.epreuve-button.warning):not([aria-disabled=true]):hover svg{color:var(--color-hover);transition:color ease .5s}:is(.epreuve-button.primary,.epreuve-button.warning):focus,:is(.epreuve-button.primary,.epreuve-button.warning):focus-visible{background-color:var(--background-color-hover);color:var(--color-hover);outline:1px solid var(--pix-neutral-0);outline-offset:-5px}", we = /* @__PURE__ */ _(ke, [["styles", [xe]]]), qe = { class: "container" }, Ie = { class: "left-side" }, Se = ["aria-level"], $e = { class: "left-side__description" }, Ce = { class: "left-side__action" }, Ve = {
   key: 0,
   id: "optionsSelectedInfo",
   class: "left-side__lower-legend",
@@ -146,9 +146,9 @@ const ee = {}, te = {}, ae = {}, ne = {}, oe = {}, ie = {
         type: "search",
         image: e.searchImage
       }
-    ], S = b(() => n.value.length !== 3 || t.value === "search"), j = b(() => t.value === "search" ? a.t("qcm-deepfake.loading") : t.value === "info" ? a.t("qcm-deepfake.generateVideo") : a.t("qcm-deepfake.restart")), z = b(() => t.value === "info" ? a.t("qcm-deepfake.generateVideoInfo", { count: l.length - n.value.length }) : t.value === "fail" ? a.t("qcm-deepfake.restartInfo") : "");
-    function D() {
-      return S.value ? !1 : t.value === "info" ? L() : I();
+    ], q = b(() => n.value.length !== 3 || t.value === "search"), j = b(() => t.value === "search" ? a.t("qcm-deepfake.loading") : t.value === "info" ? a.t("qcm-deepfake.generateVideo") : a.t("qcm-deepfake.restart")), D = b(() => t.value === "info" ? a.t("qcm-deepfake.generateVideoInfo", { count: l.length - n.value.length }) : t.value === "fail" ? a.t("qcm-deepfake.restartInfo") : "");
+    function z() {
+      return q.value ? !1 : t.value === "info" ? L() : I();
     }
     function I() {
       h.value.forEach((c) => {
@@ -161,45 +161,45 @@ const ee = {}, te = {}, ae = {}, ne = {}, oe = {}, ie = {
     }
     return u({
       reset: I
-    }), (c, r) => (o(), i("div", Se, [
+    }), (c, r) => (o(), i("div", qe, [
       s("form", Ie, [
         s("div", {
           class: "left-side__subtitle",
           role: "heading",
           "aria-level": e.titleLevel
-        }, d(c.$t("qcm-deepfake.in")), 9, qe),
+        }, d(c.$t("qcm-deepfake.in")), 9, Se),
         s("fieldset", null, [
           s("legend", $e, d(c.$t("qcm-deepfake.selectThreeElements")), 1),
-          (o(!0), i($, null, C(Q(g), (f, q) => (o(), F(_e, {
+          (o(!0), i($, null, C(Q(g), (f, S) => (o(), F(_e, {
             ref_for: !0,
             ref_key: "optionsNode",
             ref: h,
             modelValue: n.value,
-            "onUpdate:modelValue": r[0] || (r[0] = (R) => n.value = R),
-            key: q,
+            "onUpdate:modelValue": r[0] || (r[0] = (A) => n.value = A),
+            key: S,
             class: "left-side__options",
             option: f,
-            value: q + 1,
+            value: S + 1,
             readonly: t.value !== "info"
           }, null, 8, ["modelValue", "option", "value", "readonly"]))), 128))
         ]),
         s("div", Ce, [
           k(we, {
-            onClick: K(D, ["prevent"]),
-            "aria-disabled": S.value,
+            onClick: H(z, ["prevent"]),
+            "aria-disabled": q.value,
             label: j.value,
             state: t.value === "info" ? "primary" : "warning",
             "aria-describedby": ["success", "search"].includes(t.value) ? void 0 : "optionsSelectedInfo"
           }, U({ _: 2 }, [
             t.value === "success" || t.value === "fail" ? {
               name: "icon",
-              fn: H(() => [
+              fn: W(() => [
                 k(Y)
               ]),
               key: "0"
             } : void 0
           ]), 1032, ["aria-disabled", "label", "state", "aria-describedby"]),
-          ["success", "search"].includes(t.value) ? v("", !0) : (o(), i("p", Ve, d(z.value), 1))
+          ["success", "search"].includes(t.value) ? v("", !0) : (o(), i("p", Ve, d(D.value), 1))
         ])
       ]),
       s("div", Ne, [
@@ -216,9 +216,9 @@ const ee = {}, te = {}, ae = {}, ne = {}, oe = {}, ie = {
       ])
     ]));
   }
-}), Te = "legend,label,p,div[role=heading]{font-family:Nunito,Roboto,sans-serif;color:#253858}", je = ".container[data-v-66f8d52f]{display:flex;gap:.8rem}.title[data-v-66f8d52f]{font-size:1.75rem;font-weight:700;text-align:center;margin-bottom:16px}.left-side[data-v-66f8d52f]{min-width:60%;border:solid 1px #b0d3f4;background:#fff;padding:.8rem;border-radius:10px}.left-side__lower-legend[data-v-66f8d52f]{font-size:.875rem;color:#5e6c84}.left-side__subtitle[data-v-66f8d52f]{font-size:1.25rem;font-weight:700;text-align:center}.left-side__options[data-v-66f8d52f]{display:flex;border:solid 1px #5e6c84;padding:.6rem;border-radius:5px;gap:.5rem}.left-side__description[data-v-66f8d52f]{font-weight:700}.left-side__button[data-v-66f8d52f]{display:flex;gap:.5rem;align-items:center;border:none;padding:.6rem 1.5rem;background:#ffcb33;color:#000;border-radius:25px;font-weight:700;cursor:pointer}.left-side__button.generate[data-v-66f8d52f]{background:#613fdd;color:#fff}.left-side__button[aria-disabled=true][data-v-66f8d52f]{cursor:not-allowed;background:#d3d3d3}.left-side__action[data-v-66f8d52f]{display:flex;flex-direction:column;align-items:center;text-align:center}.right-side[data-v-66f8d52f]{display:grid;border:solid 1px #b0d3f4;background:#fff;padding:.8rem;text-align:center;border-radius:10px}fieldset[data-v-66f8d52f]{border:none;display:flex;flex-direction:column;gap:.8rem}@media(max-width:770px){.container[data-v-66f8d52f]{flex-wrap:wrap}.left-side[data-v-66f8d52f],.right-side[data-v-66f8d52f]{width:100%}}", ze = /* @__PURE__ */ _(Be, [["styles", [Te, je]], ["__scopeId", "data-v-66f8d52f"]]);
+}), Te = "legend,label,p,div[role=heading]{font-family:Nunito,Roboto,sans-serif;color:#253858}", je = ".container[data-v-66f8d52f]{display:flex;gap:.8rem}.title[data-v-66f8d52f]{font-size:1.75rem;font-weight:700;text-align:center;margin-bottom:16px}.left-side[data-v-66f8d52f]{min-width:60%;border:solid 1px #b0d3f4;background:#fff;padding:.8rem;border-radius:10px}.left-side__lower-legend[data-v-66f8d52f]{font-size:.875rem;color:#5e6c84}.left-side__subtitle[data-v-66f8d52f]{font-size:1.25rem;font-weight:700;text-align:center}.left-side__options[data-v-66f8d52f]{display:flex;border:solid 1px #5e6c84;padding:.6rem;border-radius:5px;gap:.5rem}.left-side__description[data-v-66f8d52f]{font-weight:700}.left-side__button[data-v-66f8d52f]{display:flex;gap:.5rem;align-items:center;border:none;padding:.6rem 1.5rem;background:#ffcb33;color:#000;border-radius:25px;font-weight:700;cursor:pointer}.left-side__button.generate[data-v-66f8d52f]{background:#613fdd;color:#fff}.left-side__button[aria-disabled=true][data-v-66f8d52f]{cursor:not-allowed;background:#d3d3d3}.left-side__action[data-v-66f8d52f]{display:flex;flex-direction:column;align-items:center;text-align:center}.right-side[data-v-66f8d52f]{display:grid;border:solid 1px #b0d3f4;background:#fff;padding:.8rem;text-align:center;border-radius:10px}fieldset[data-v-66f8d52f]{border:none;display:flex;flex-direction:column;gap:.8rem}@media(max-width:770px){.container[data-v-66f8d52f]{flex-wrap:wrap}.left-side[data-v-66f8d52f],.right-side[data-v-66f8d52f]{width:100%}}", De = /* @__PURE__ */ _(Be, [["styles", [Te, je]], ["__scopeId", "data-v-66f8d52f"]]);
 J(/* @__PURE__ */ Object.assign({ "./locales/de-AT.json": ee, "./locales/en.json": te, "./locales/es-419.json": ae, "./locales/es.json": ne, "./locales/fr-BE.json": oe, "./locales/fr.json": ie, "./locales/it.json": re, "./locales/nl.json": se })).catch((e) => console.error(e));
-const N = W(ze, {
+const N = K(De, {
   configureApp(e) {
     a.changeLanguage(document?.documentElement?.lang || navigator.language), e.use(X, { i18next: a });
   }