@1024pix/epreuves-components 4.6.0 → 4.6.2

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

@@ -1,36 +1,36 @@
-import { a as C, o as v, f as J, E as r, D as a, A as n, x as l, h as b, c as g, F as W, b as i, l as F, y as R, _ as N, v as X, Q as B, r as f, g as Y, n as M, d as ee } from "../_plugin-vue_export-helper-DJlRxzRH.js";
-import { i as y } from "../i18n-lite-X2ADNonj.js";
+import { b as C, o as v, f as J, D as r, C as t, E as i, x as a, h as b, c as g, F as W, a as n, l as F, y as P, _ as R, v as X, Q as z, r as f, g as Y, n as M, d as ee } from "../_plugin-vue_export-helper-CD1RUA2y.js";
+import { i as w } from "../i18n-lite-WQsHAHqG.js";
 import { b as oe } from "../normalize-props-DH0oPBss.js";
-import { p as te } from "../shadow-dom-Dh5hLXcx.js";
-import { B as V, I as j } from "../Icon.ce-AUDpzQic.js";
-import { M as L, I as S } from "../Modal.ce-CRJ7RcAX.js";
-const le = {
+import { p as le } from "../shadow-dom-DSLDIcsa.js";
+import { B as j, I as N } from "../Icon.ce-DqVOTSTE.js";
+import { M as L, I as B } from "../Modal.ce-DCTwYJKJ.js";
+const ae = {}, te = {}, ne = {}, ie = {}, se = {
   "autocompletion-mdp": { title: "Connexion", "label-email": "Adresse e-mail", "label-password": "Mot de passe", connect: "Se connecter", forgot: "Mot de passe oublié ?", "a11y-info": "le menu d'auto-completion de votre gestionnaire de mot de passe est disponible. Appuyez sur flèche du bas pour le sélectionner.", vault: { url: "www.toptracteur.pix.org", email: "elio@pixmail.org", placeholder: "mon-email@pixmail.org" }, button: { "email-label": "Remplir le champ adresse e-mail avec la valeur: elio@pixmail.org", "password-label": "Remplir le champ mot de passe avec la valeur enregistrée", label: "Remplir" }, feedback: { title: "Bravo !", content: "Grâce à une extension de navigateur proposée par le gestionnaire de mot de passe, vous pouvez vous connecter facilement en remplissant automatiquement les champs d'identification." } }
-}, ae = {
+}, de = {}, ue = {}, re = {}, ce = {}, pe = {}, me = {}, fe = {
   "unavailable-feature": { title: "Fonctionnalité désactivée", content: "Vous n'avez pas accès à cette fonctionnalité.", close: "Fermer" }
-}, ie = "data:image/svg+xml,%3csvg%20width='18'%20height='18'%20viewBox='0%200%2018%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8.99976%2011.25V12.75M4.49976%2015.75H13.4998C13.8976%2015.75%2014.2791%2015.592%2014.5604%2015.3107C14.8417%2015.0294%2014.9998%2014.6478%2014.9998%2014.25V9.75C14.9998%209.35218%2014.8417%208.97064%2014.5604%208.68934C14.2791%208.40804%2013.8976%208.25%2013.4998%208.25H4.49976C4.10193%208.25%203.7204%208.40804%203.4391%208.68934C3.15779%208.97064%202.99976%209.35218%202.99976%209.75V14.25C2.99976%2014.6478%203.15779%2015.0294%203.4391%2015.3107C3.7204%2015.592%204.10193%2015.75%204.49976%2015.75ZM11.9998%208.25V5.25C11.9998%204.45435%2011.6837%203.69129%2011.1211%203.12868C10.5585%202.56607%209.79541%202.25%208.99976%202.25C8.20411%202.25%207.44104%202.56607%206.87844%203.12868C6.31583%203.69129%205.99976%204.45435%205.99976%205.25V8.25H11.9998Z'%20stroke='white'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e", ne = /* @__PURE__ */ C({
+}, be = {}, ve = {}, ge = "data:image/svg+xml,%3csvg%20width='18'%20height='18'%20viewBox='0%200%2018%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8.99976%2011.25V12.75M4.49976%2015.75H13.4998C13.8976%2015.75%2014.2791%2015.592%2014.5604%2015.3107C14.8417%2015.0294%2014.9998%2014.6478%2014.9998%2014.25V9.75C14.9998%209.35218%2014.8417%208.97064%2014.5604%208.68934C14.2791%208.40804%2013.8976%208.25%2013.4998%208.25H4.49976C4.10193%208.25%203.7204%208.40804%203.4391%208.68934C3.15779%208.97064%202.99976%209.35218%202.99976%209.75V14.25C2.99976%2014.6478%203.15779%2015.0294%203.4391%2015.3107C3.7204%2015.592%204.10193%2015.75%204.49976%2015.75ZM11.9998%208.25V5.25C11.9998%204.45435%2011.6837%203.69129%2011.1211%203.12868C10.5585%202.56607%209.79541%202.25%208.99976%202.25C8.20411%202.25%207.44104%202.56607%206.87844%203.12868C6.31583%203.69129%205.99976%204.45435%205.99976%205.25V8.25H11.9998Z'%20stroke='white'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e", _e = /* @__PURE__ */ C({
   __name: "UnavailableFeatureModal.ce",
   props: {
     show: { type: Boolean }
   },
   emits: ["close"],
   setup(o) {
-    return (s, p) => (v(), J(L, {
+    return (s, c) => (v(), J(L, {
       loop: !0,
       show: o.show
     }, {
       title: r(() => [
-        n(l(s.$t("unavailable-feature.title")), 1)
+        i(a(s.$t("unavailable-feature.title")), 1)
       ]),
       content: r(() => [
-        n(l(s.$t("unavailable-feature.content")), 1)
+        i(a(s.$t("unavailable-feature.content")), 1)
       ]),
       footer: r(() => [
-        a(V, {
-          onClick: p[0] || (p[0] = (d) => s.$emit("close"))
+        t(j, {
+          onClick: c[0] || (c[0] = (d) => s.$emit("close"))
         }, {
           default: r(() => [
-            n(l(s.$t("unavailable-feature.close")), 1)
+            i(a(s.$t("unavailable-feature.close")), 1)
           ]),
           _: 1
         })
@@ -38,18 +38,18 @@ const le = {
       _: 1
     }, 8, ["show"]));
   }
-}), se = { "aria-live": "polite" }, de = {
+}), he = { "aria-live": "polite" }, we = {
   key: 0,
   class: "sr-only"
-}, ue = {
+}, ye = {
   key: 0,
   "aria-labelledby": "dialog-label",
   class: "autocompletion-modal",
   role: "dialog"
-}, re = {
+}, xe = {
   id: "dialog-label",
   class: "autocompletion-modal__url"
-}, pe = { class: "autocompletion-modal__identity" }, ce = { key: 0 }, me = /* @__PURE__ */ C({
+}, ke = { class: "autocompletion-modal__identity" }, $e = { key: 0 }, Fe = /* @__PURE__ */ C({
   __name: "AutocompletionModal.ce",
   props: {
     valueToFill: { type: String },
@@ -60,41 +60,41 @@ const le = {
   },
   emits: ["fill-input", "hide-modal"],
   setup(o, { expose: s }) {
-    const p = b("buttonFill");
-    return s({ buttonFill: p }), (d, t) => (v(), g(W, null, [
-      i("div", se, [
-        o.displayModal ? (v(), g("p", de, l(d.$t("autocompletion-mdp.a11y-info")), 1)) : F("", !0)
+    const c = b("buttonFill");
+    return s({ buttonFill: c }), (d, l) => (v(), g(W, null, [
+      n("div", he, [
+        o.displayModal ? (v(), g("p", we, a(d.$t("autocompletion-mdp.a11y-info")), 1)) : F("", !0)
       ]),
-      o.displayModal ? (v(), g("div", ue, [
-        i("p", re, l(o.savedUrl), 1),
-        i("div", pe, [
-          a(j, {
+      o.displayModal ? (v(), g("div", ye, [
+        n("p", xe, a(o.savedUrl), 1),
+        n("div", ke, [
+          t(N, {
             "background-color": "#bed4ff",
             class: "dialog-label-icon"
           }, {
             default: r(() => [
-              n(l(d.$t("autocompletion-mdp.vault.email").at(0).toUpperCase()), 1)
+              i(a(d.$t("autocompletion-mdp.vault.email").at(0).toUpperCase()), 1)
             ]),
             _: 1
           }),
-          i("p", null, [
-            o.relatedValueToFill ? (v(), g("span", ce, [
-              n(l(o.relatedValueToFill), 1),
-              t[2] || (t[2] = i("br", null, null, -1))
+          n("p", null, [
+            o.relatedValueToFill ? (v(), g("span", $e, [
+              i(a(o.relatedValueToFill), 1),
+              l[2] || (l[2] = n("br", null, null, -1))
             ])) : F("", !0),
-            n(l(o.valueToFill), 1)
+            i(a(o.valueToFill), 1)
           ]),
-          a(V, {
+          t(j, {
             ref_key: "buttonFill",
-            ref: p,
+            ref: c,
             tabindex: "-1",
             "aria-label": o.buttonAriaLabel,
             variant: "secondary",
-            onClick: t[0] || (t[0] = R((u) => d.$emit("fill-input", o.valueToFill), ["prevent"])),
-            onFocusout: t[1] || (t[1] = (u) => d.$emit("hide-modal"))
+            onClick: l[0] || (l[0] = P((u) => d.$emit("fill-input", o.valueToFill), ["prevent"])),
+            onFocusout: l[1] || (l[1] = (u) => d.$emit("hide-modal"))
           }, {
             default: r(() => [
-              n(l(d.$t("autocompletion-mdp.button.label")), 1)
+              i(a(d.$t("autocompletion-mdp.button.label")), 1)
             ]),
             _: 1
           }, 8, ["aria-label"])
@@ -102,85 +102,85 @@ const le = {
       ])) : F("", !0)
     ], 64));
   }
-}), fe = ".autocompletion-modal[data-v-2dd3430d]{position:absolute;z-index:1;border-radius:8px;border:1px solid #c8cfd9;box-shadow:0 6px 12px #07142e14;padding:8px 16px 16px;width:100%;margin-top:8px;background-color:#fff}.autocompletion-modal__url[data-v-2dd3430d]{color:#4f6384;margin-bottom:8px}.autocompletion-modal__identity[data-v-2dd3430d]{display:flex;gap:16px;align-items:center}.autocompletion-modal__identity button[data-v-2dd3430d]{margin-left:auto}.autocompletion-modal[data-v-2dd3430d] .rounded-icon{width:2rem;height:2rem;display:flex;justify-content:center;font-size:1rem;font-weight:700}@media(max-width:576px){.autocompletion-modal__identity[data-v-2dd3430d]{flex-wrap:wrap}.autocompletion-modal__identity button[data-v-2dd3430d]{margin-left:0;flex-grow:1}}", P = /* @__PURE__ */ N(me, [["styles", [fe]], ["__scopeId", "data-v-2dd3430d"]]), be = { class: "wrapper" }, ve = ["aria-level"], ge = ["src"], he = { class: "wrapper__input" }, we = { class: "wrapper__input" }, ye = /* @__PURE__ */ C({
+}), Me = ".autocompletion-modal[data-v-1d7ac28f]{position:absolute;z-index:1;border-radius:8px;border:1px solid #c8cfd9;box-shadow:0 6px 12px #07142e14;padding:8px 16px 16px;width:100%;margin-top:8px;background-color:#fff}.autocompletion-modal__url[data-v-1d7ac28f]{color:#4f6384;margin-bottom:8px}.autocompletion-modal__identity[data-v-1d7ac28f]{display:flex;gap:16px;align-items:center}.autocompletion-modal__identity button[data-v-1d7ac28f]{margin-left:auto}.autocompletion-modal[data-v-1d7ac28f] .rounded-icon{width:2rem;height:2rem;display:flex;justify-content:center;font-size:1rem;font-weight:700}@media(max-width:576px){.autocompletion-modal__identity[data-v-1d7ac28f]{flex-wrap:wrap}.autocompletion-modal__identity button[data-v-1d7ac28f]{margin-left:0;flex-grow:1}}", S = /* @__PURE__ */ R(Fe, [["styles", [Me]], ["__scopeId", "data-v-1d7ac28f"]]), Ce = { class: "wrapper" }, je = ["aria-level"], Ve = ["src"], Ee = { class: "wrapper__input" }, Ae = { class: "wrapper__input" }, Ie = /* @__PURE__ */ C({
   __name: "AutocompletionMdp.ce",
   props: {
     titleLevel: { type: Number }
   },
   setup(o, { expose: s }) {
-    te();
-    function p() {
-      t.value = "", u.value = "", x.value = !1, c.value = !1, m.value = !1, h.value = !1;
+    le();
+    function c() {
+      l.value = "", u.value = "", y.value = !1, p.value = !1, m.value = !1, _.value = !1;
     }
-    const d = b("success-modal"), t = f(""), u = f(""), x = f(!1), c = f(!1), m = f(!1), h = f(!1), E = b("emailInput"), I = b("passwordInput"), _ = b("fillEmailModal"), k = b("fillPasswordModal"), H = Y(() => !(t.value && u.value));
+    const d = b("success-modal"), l = f(""), u = f(""), y = f(!1), p = f(!1), m = f(!1), _ = f(!1), V = b("emailInput"), E = b("passwordInput"), x = b("fillEmailModal"), k = b("fillPasswordModal"), H = Y(() => !(l.value && u.value));
     async function q() {
-      x.value = !0, await M(), d.value.dialogElement.focus();
+      y.value = !0, await M(), d.value.dialogElement.focus();
     }
     function D() {
-      t.value || (c.value = !0, m.value = !1);
+      l.value || (p.value = !0, m.value = !1);
     }
     function G() {
-      u.value || (c.value = !1, m.value = !0);
+      u.value || (p.value = !1, m.value = !0);
     }
     function A(e) {
-      e?.relatedTarget !== _?.value?.buttonFill?.buttonElement && (c.value = !1);
+      e?.relatedTarget !== x?.value?.buttonFill?.buttonElement && (p.value = !1);
     }
-    function z(e) {
+    function I(e) {
       e?.relatedTarget !== k?.value?.buttonFill?.buttonElement && (m.value = !1);
     }
     async function K(e) {
-      t.value = e, await M(), c.value = !1, E.value.inputField.focus();
+      l.value = e, await M(), p.value = !1, V.value.inputField.focus();
     }
     async function O(e) {
-      u.value = e, await M(), m.value = !1, I.value.inputField.focus();
+      u.value = e, await M(), m.value = !1, E.value.inputField.focus();
     }
     function Z() {
-      _?.value?.buttonFill?.buttonElement.focus();
+      x?.value?.buttonFill?.buttonElement.focus();
     }
     function Q() {
       k?.value?.buttonFill?.buttonElement.focus();
     }
     function T() {
-      h.value = !h.value;
+      _.value = !_.value;
     }
     return s({
-      reset: p
-    }), (e, w) => (v(), g("div", be, [
-      i("div", {
+      reset: c
+    }), (e, h) => (v(), g("div", Ce, [
+      n("div", {
         "aria-level": o.titleLevel ?? 2,
         class: "title",
         role: "heading"
       }, [
-        a(j, { "background-color": "#2c75ff" }, {
+        t(N, { "background-color": "#2c75ff" }, {
           default: r(() => [
-            i("img", {
-              src: X(ie),
+            n("img", {
+              src: X(ge),
               alt: ""
-            }, null, 8, ge)
+            }, null, 8, Ve)
           ]),
           _: 1
         }),
-        n(" " + l(e.$t("autocompletion-mdp.title")), 1)
-      ], 8, ve),
-      i("form", null, [
-        i("div", he, [
-          a(S, {
+        i(" " + a(e.$t("autocompletion-mdp.title")), 1)
+      ], 8, je),
+      n("form", null, [
+        n("div", Ee, [
+          t(B, {
             ref_key: "emailInput",
-            ref: E,
-            modelValue: t.value,
-            "onUpdate:modelValue": w[0] || (w[0] = ($) => t.value = $),
+            ref: V,
+            modelValue: l.value,
+            "onUpdate:modelValue": h[0] || (h[0] = ($) => l.value = $),
             label: e.$t("autocompletion-mdp.label-email"),
             readonly: !0,
             placeholder: e.$t("autocompletion-mdp.vault.placeholder"),
             type: "text",
             onFocusin: D,
             onFocusout: A,
-            onKeydown: B(Z, ["down"])
+            onKeydown: z(Z, ["down"])
           }, null, 8, ["modelValue", "label", "placeholder"]),
-          a(P, {
+          t(S, {
             ref_key: "fillEmailModal",
-            ref: _,
-            "display-modal": c.value,
+            ref: x,
+            "display-modal": p.value,
             "saved-url": e.$t("autocompletion-mdp.vault.url"),
             "value-to-fill": e.$t("autocompletion-mdp.vault.email"),
             "button-aria-label": e.$t("autocompletion-mdp.button.email-label"),
@@ -188,20 +188,20 @@ const le = {
             onHideModal: A
           }, null, 8, ["display-modal", "saved-url", "value-to-fill", "button-aria-label"])
         ]),
-        i("div", we, [
-          a(S, {
+        n("div", Ae, [
+          t(B, {
             ref_key: "passwordInput",
-            ref: I,
+            ref: E,
             modelValue: u.value,
-            "onUpdate:modelValue": w[1] || (w[1] = ($) => u.value = $),
+            "onUpdate:modelValue": h[1] || (h[1] = ($) => u.value = $),
             label: e.$t("autocompletion-mdp.label-password"),
             readonly: !0,
             type: "text",
             onFocusin: G,
-            onFocusout: z,
-            onKeydown: B(Q, ["down"])
+            onFocusout: I,
+            onKeydown: z(Q, ["down"])
           }, null, 8, ["modelValue", "label"]),
-          a(P, {
+          t(S, {
             ref_key: "fillPasswordModal",
             ref: k,
             "display-modal": m.value,
@@ -210,44 +210,44 @@ const le = {
             "related-value-to-fill": e.$t("autocompletion-mdp.vault.email"),
             "button-aria-label": e.$t("autocompletion-mdp.button.password-label"),
             onFillInput: O,
-            onHideModal: z
+            onHideModal: I
           }, null, 8, ["display-modal", "saved-url", "related-value-to-fill", "button-aria-label"])
         ]),
-        a(V, {
+        t(j, {
           "is-disabled": H.value,
           class: "connect",
           onClick: q
         }, {
           default: r(() => [
-            n(l(e.$t("autocompletion-mdp.connect")), 1)
+            i(a(e.$t("autocompletion-mdp.connect")), 1)
           ]),
           _: 1
         }, 8, ["is-disabled"])
       ]),
-      i("a", {
+      n("a", {
         class: "forgot-link",
         href: "#",
-        onClick: R(T, ["prevent"])
-      }, l(e.$t("autocompletion-mdp.forgot")), 1),
-      a(L, {
+        onClick: P(T, ["prevent"])
+      }, a(e.$t("autocompletion-mdp.forgot")), 1),
+      t(L, {
         ref: "success-modal",
         content: e.$t("autocompletion-mdp.feedback.content"),
         loop: !1,
-        show: x.value,
+        show: y.value,
         title: e.$t("autocompletion-mdp.feedback.title")
       }, null, 8, ["content", "show", "title"]),
-      a(ne, {
-        show: h.value,
+      t(_e, {
+        show: _.value,
         onClose: T
       }, null, 8, ["show"])
     ]));
   }
-}), xe = "*{--text-blue: #122647;--background-blue: #253858;font-family:Nunito,Roboto,sans-serif;font-size:14px;box-sizing:border-box}h1,h2,h3,h4,h5,h6{color:var(--text-blue);font-family:Nunito,sans-serif}h2{color:var(--text-blue);font-size:20px}p,a,span,li{color:var(--text-blue);font-family:Roboto,sans-serif}button{border-radius:8px;background:var(--background-blue);font-weight:700;font-size:16px}button:disabled{background:#c8cfd9}input{border-radius:10px;border:#cdd1d9;background:#f4f5f7}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border: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}", _e = ".wrapper[data-v-b47b4dfe]{padding:25px;border-radius:14px;position:relative;background:#fff;box-shadow:0 2px 5px #4a3aff40,0 -2px 5px #4a3aff26 inset,0 1px 1px #ffffff1a inset,0 3px 4px #dfeeff1a inset}.wrapper__input[data-v-b47b4dfe]{position:relative;width:100%}[data-v-b47b4dfe] label{margin-top:16px}.title[data-v-b47b4dfe]{display:flex;align-items:center;gap:8px;font-size:1.25rem;font-weight:700}.connect[data-v-b47b4dfe]{display:block;width:100%;margin:16px auto}.forgot-link[data-v-b47b4dfe]{display:block;width:100%;text-align:center;font-size:.875rem}", ke = /* @__PURE__ */ N(ye, [["styles", [xe, _e]], ["__scopeId", "data-v-b47b4dfe"]]);
-y.addTranslationsFromGlobResults(/* @__PURE__ */ Object.assign({ "./locales/fr.json": le }));
-y.addTranslationsFromGlobResults(/* @__PURE__ */ Object.assign({ "../common/poi-design-system/unavailable-feature/locales/fr.json": ae }));
-const U = ee(ke, {
+}), Te = "*{--text-blue: #122647;--background-blue: #253858;font-family:Nunito,Roboto,sans-serif;font-size:14px;box-sizing:border-box}h1,h2,h3,h4,h5,h6{color:var(--text-blue);font-family:Nunito,sans-serif}h2{color:var(--text-blue);font-size:20px}p,a,span,li{color:var(--text-blue);font-family:Roboto,sans-serif}button{border-radius:8px;background:var(--background-blue);font-weight:700;font-size:16px}button:disabled{background:#c8cfd9}input{border-radius:10px;border:#cdd1d9;background:#f4f5f7}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border: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}", ze = ".wrapper[data-v-ffa98bb7]{padding:25px;border-radius:14px;position:relative;background:#fff;box-shadow:0 2px 5px #4a3aff40,0 -2px 5px #4a3aff26 inset,0 1px 1px #ffffff1a inset,0 3px 4px #dfeeff1a inset}.wrapper__input[data-v-ffa98bb7]{position:relative;width:100%}[data-v-ffa98bb7] label{margin-top:16px}.title[data-v-ffa98bb7]{display:flex;align-items:center;gap:8px;font-size:1.25rem;font-weight:700}.connect[data-v-ffa98bb7]{display:block;width:100%;margin:16px auto}.forgot-link[data-v-ffa98bb7]{display:block;width:100%;text-align:center;font-size:.875rem}", Be = /* @__PURE__ */ R(Ie, [["styles", [Te, ze]], ["__scopeId", "data-v-ffa98bb7"]]);
+w.addTranslationsFromGlobResults(/* @__PURE__ */ Object.assign({ "./locales/de-AT.json": ae, "./locales/en.json": te, "./locales/es-419.json": ne, "./locales/es.json": ie, "./locales/fr.json": se, "./locales/it.json": de, "./locales/nl.json": ue }));
+w.addTranslationsFromGlobResults(/* @__PURE__ */ Object.assign({ "../common/poi-design-system/unavailable-feature/locales/de-AT.json": re, "../common/poi-design-system/unavailable-feature/locales/en.json": ce, "../common/poi-design-system/unavailable-feature/locales/es-419.json": pe, "../common/poi-design-system/unavailable-feature/locales/es.json": me, "../common/poi-design-system/unavailable-feature/locales/fr.json": fe, "../common/poi-design-system/unavailable-feature/locales/it.json": be, "../common/poi-design-system/unavailable-feature/locales/nl.json": ve }));
+const U = ee(Be, {
   configureApp(o) {
-    y.changeLanguage(document?.documentElement?.lang || navigator.language), o.use(y);
+    w.changeLanguage(document?.documentElement?.lang || navigator.language), o.use(w);
   }
 });
 U.prototype.normalizeProps = (o) => ({

package/dist/components/button.ce.js.js

@@ -1,4 +1,4 @@
-import { d as t } from "../_plugin-vue_export-helper-DJlRxzRH.js";
-import { B as o } from "../Button.ce-C-lBihdF.js";
+import { d as t } from "../_plugin-vue_export-helper-CD1RUA2y.js";
+import { B as o } from "../Button.ce-CsTDnAGh.js";
 const e = t(o);
 window.customElements.define("pix-button", e);

package/dist/components/calcul-impact.ce.js.js

@@ -1,5 +1,5 @@
-import { a as V, K as R, o as d, c as p, F as U, D as v, E as r, b as e, x as a, A as _, l as C, U as D, _ as z, v as E, H as j, T as x, f as K, r as l, d as H } from "../_plugin-vue_export-helper-DJlRxzRH.js";
-import { a as G, i as N, b as Q } from "../i18n-C0iMUvqX.js";
+import { b as V, K as R, o as m, c as p, F as U, C as v, D as r, a as e, x as a, E as _, l as C, U as D, _ as z, v as E, H as j, T as x, f as K, r as l, d as H } from "../_plugin-vue_export-helper-CD1RUA2y.js";
+import { a as G, i as N, b as Q } from "../i18n-C-1Ne5JG.js";
 import { b as J } from "../normalize-props-DH0oPBss.js";
 const X = {}, Z = {}, ee = {}, te = {}, ae = {}, le = {
   "calcul-impact": { title: "Calculez votre impact IA", subtitle: "Quels ont été vos usages de l'IA la semaine dernière ?", numberOfConversationLabel: "Nombre de conversations courtes :", numberOfImagesLabel: "Nombre de créations d’images :", seePersonalImpact: "Voir votre impact personnel sur une semaine", seeCollectiveImpact: "Si 1 million de personnes faisaient comme vous toutes les semaines pendant un an", legals: "Estimations basées sur l'étude Hugging Face, Carnegie Mellon University, Allen Institute for AI, Oct 2024", yourPersonalImpact: "Votre impact personnel", consumptionForAWeek: "Votre consommation sur une semaine", consumptionForAYear: "1 million de personnes toutes les semaines pendant un an", personalConsumption: "Vous avez consommé environ {{energy}} Wh", personalDuration: "Cela équivaut à {{number}} minutes de micro-ondes", collectiveConsumption: "Cela représenterait {{energy}} kWh, soit l'équivalent de la consommation en électricité de {{homes}} foyers français", collectiveDuration: "Équivalent à {{number}} minutes de micro-ondes", planeKilometers: "Et {{kilometers}} km parcourus en avion", yourCollectiveImpact: "Impact collectif simulé" }
@@ -9,7 +9,7 @@ const X = {}, Z = {}, ee = {}, te = {}, ae = {}, le = {
 }, se = ["aria-level"], re = { class: "consumption" }, ce = { style: { "font-weight": "bold" } }, ue = { style: { "font-weight": "bold" } }, ve = {
   key: 0,
   class: "result-calculation"
-}, de = ["titleLevel"], me = { class: "consumption" }, pe = { style: { "font-weight": "bold" } }, be = { style: { "font-weight": "bold" } }, fe = { style: { "font-weight": "bold" } }, ye = { style: { "font-weight": "bold" } }, ge = /* @__PURE__ */ V({
+}, me = ["titleLevel"], de = { class: "consumption" }, pe = { style: { "font-weight": "bold" } }, fe = { style: { "font-weight": "bold" } }, be = { style: { "font-weight": "bold" } }, ye = { style: { "font-weight": "bold" } }, ge = /* @__PURE__ */ V({
   __name: "ImpactsResults.ce",
   props: {
     titleLevel: { type: Number },
@@ -21,15 +21,15 @@ const X = {}, Z = {}, ee = {}, te = {}, ae = {}, le = {
   setup(t) {
     return (o, n) => {
       const i = R("i18next");
-      return d(), p(U, null, [
+      return m(), p(U, null, [
         v(D, { name: "fade-perso" }, {
           default: r(() => [
-            t.isPersonal ? (d(), p("div", ie, [
+            t.isPersonal ? (m(), p("div", ie, [
               e("div", {
                 class: "header",
                 role: "heading",
                 "aria-level": t.titleLevel + 1
-              }, "📌 " + a(o.$t("calcul-impact.yourPersonalImpact")), 9, se),
+              }, " 📌 " + a(o.$t("calcul-impact.yourPersonalImpact")), 9, se),
               e("p", re, a(o.$t("calcul-impact.consumptionForAWeek")), 1),
               e("p", null, [
                 n[0] || (n[0] = _(" ⚡ ", -1)),
@@ -59,13 +59,13 @@ const X = {}, Z = {}, ee = {}, te = {}, ae = {}, le = {
         }),
         v(D, { name: "fade-collectif" }, {
           default: r(() => [
-            t.isCollective ? (d(), p("div", ve, [
+            t.isCollective ? (m(), p("div", ve, [
               e("div", {
                 class: "header",
                 role: "heading",
                 titleLevel: t.titleLevel + 1
-              }, "🌍 " + a(o.$t("calcul-impact.yourCollectiveImpact")), 9, de),
-              e("p", me, a(o.$t("calcul-impact.consumptionForAYear")), 1),
+              }, " 🌍 " + a(o.$t("calcul-impact.yourCollectiveImpact")), 9, me),
+              e("p", de, a(o.$t("calcul-impact.consumptionForAYear")), 1),
               e("p", null, [
                 n[2] || (n[2] = _(" ⚡ ", -1)),
                 v(i, {
@@ -75,7 +75,7 @@ const X = {}, Z = {}, ee = {}, te = {}, ae = {}, le = {
                     e("span", pe, a(t.byYearForAMillion.collectiveAnnualEnergy), 1)
                   ]),
                   homes: r(() => [
-                    e("span", be, a(t.byYearForAMillion.equivalentPopulationByCity), 1)
+                    e("span", fe, a(t.byYearForAMillion.equivalentPopulationByCity), 1)
                   ]),
                   _: 1
                 }, 8, ["translation"])
@@ -86,7 +86,7 @@ const X = {}, Z = {}, ee = {}, te = {}, ae = {}, le = {
                   translation: o.$t("calcul-impact.collectiveDuration")
                 }, {
                   number: r(() => [
-                    e("span", fe, a(t.byYearForAMillion.collectiveMicrowavesDuration), 1)
+                    e("span", be, a(t.byYearForAMillion.collectiveMicrowavesDuration), 1)
                   ]),
                   _: 1
                 }, 8, ["translation"])
@@ -109,25 +109,25 @@ const X = {}, Z = {}, ee = {}, te = {}, ae = {}, le = {
       ], 64);
     };
   }
-}), _e = ".result-calculation[data-v-b69dd4ff]{background:#e0f7fa;border-left:solid 3px #00796b;padding:1rem;border-radius:10px}.header[data-v-b69dd4ff]{font-size:1.125rem;font-weight:700}.consumption[data-v-b69dd4ff]{font-style:italic}.fade-perso-enter-active[data-v-b69dd4ff],.fade-collectif-enter-active[data-v-b69dd4ff]{transition:all .3s ease-out}.fade-perso-leave-active[data-v-b69dd4ff],.fade-collectif-leave-active[data-v-b69dd4ff]{transition:all .8s cubic-bezier(1,.5,.8,1)}.fade-perso-enter-from[data-v-b69dd4ff],.fade-collectif-enter-from[data-v-b69dd4ff],.fade-perso-leave-to[data-v-b69dd4ff],.fade-collectif-leave-to[data-v-b69dd4ff]{transform:translate(20px);opacity:0}", Ce = /* @__PURE__ */ z(ge, [["styles", [_e]], ["__scopeId", "data-v-b69dd4ff"]]), he = { class: "container" }, ke = ["arial-level"], Ie = { for: "numberOfConversation" }, we = { for: "numberOfImage" }, $e = { class: "legals" }, Be = /* @__PURE__ */ V({
+}), _e = ".result-calculation[data-v-4769d7ea]{background:#e0f7fa;border-left:solid 3px #00796b;padding:1rem;border-radius:10px}.header[data-v-4769d7ea]{font-size:1.125rem;font-weight:700}.consumption[data-v-4769d7ea]{font-style:italic}.fade-perso-enter-active[data-v-4769d7ea],.fade-collectif-enter-active[data-v-4769d7ea]{transition:all .3s ease-out}.fade-perso-leave-active[data-v-4769d7ea],.fade-collectif-leave-active[data-v-4769d7ea]{transition:all .8s cubic-bezier(1,.5,.8,1)}.fade-perso-enter-from[data-v-4769d7ea],.fade-collectif-enter-from[data-v-4769d7ea],.fade-perso-leave-to[data-v-4769d7ea],.fade-collectif-leave-to[data-v-4769d7ea]{transform:translate(20px);opacity:0}", Ce = /* @__PURE__ */ z(ge, [["styles", [_e]], ["__scopeId", "data-v-4769d7ea"]]), he = { class: "container" }, ke = ["arial-level"], Ie = { for: "numberOfConversation" }, we = { for: "numberOfImage" }, $e = { class: "legals" }, Be = /* @__PURE__ */ V({
   __name: "CalculImpact.ce",
   props: {
     titleLevel: { type: Number }
   },
   setup(t, { expose: o }) {
-    const i = t.titleLevel ?? 2, b = l(10), f = l(2), w = l(0), $ = l(0), B = l(0), c = l(!1), y = l(!1);
+    const i = t.titleLevel ?? 2, f = l(10), b = l(2), w = l(0), $ = l(0), B = l(0), c = l(!1), y = l(!1);
     function q() {
-      b.value = 10, f.value = 2, u.value = {}, m.value = {}, w.value = 0, $.value = 0, B.value = 0, c.value = !1, y.value = !1, k.value = 0, A.value = 0, g.value = 0, F.value = 0, L.value = 0;
+      f.value = 10, b.value = 2, u.value = {}, d.value = {}, w.value = 0, $.value = 0, B.value = 0, c.value = !1, y.value = !1, k.value = 0, F.value = 0, g.value = 0, A.value = 0, L.value = 0;
     }
     const h = {
       text: { energy: 2.9, co2: 1.5 },
       image: { energy: 32, co2: 20 }
-    }, u = l({}), m = l({}), k = l(0), A = l(0), g = l(0), F = l(0), L = l(0);
+    }, u = l({}), d = l({}), k = l(0), F = l(0), g = l(0), A = l(0), L = l(0);
     function P() {
-      k.value = b.value * h.text.energy + f.value * h.image.energy, A.value = b.value * h.text.co2 + f.value * h.image.co2, w.value = Number((k.value / 0.8).toFixed(1)), u.value.energyByWeek = k.value.toFixed(1), u.value.personalMicrowavesDuration = w.value, u.value.co2ByWeek = A.value.toFixed(1);
+      k.value = f.value * h.text.energy + b.value * h.image.energy, F.value = f.value * h.text.co2 + b.value * h.image.co2, w.value = Number((k.value / 0.8).toFixed(1)), u.value.energyByWeek = k.value.toFixed(1), u.value.personalMicrowavesDuration = w.value, u.value.co2ByWeek = F.value.toFixed(1);
     }
     function M() {
-      g.value = u.value.energyByWeek * 52 * 1e6 / 1e3, F.value = u.value.co2ByWeek * 52 * 1e6 / 1e6, L.value = Math.round(g.value / 2300), $.value = g.value / 0.8, B.value = F.value * 2410, m.value.collectiveMicrowavesDuration = $.value.toLocaleString(), m.value.kilometerByPlane = B.value.toLocaleString(), m.value.equivalentPopulationByCity = L.value.toLocaleString(), m.value.collectiveAnnualEnergy = g.value.toLocaleString();
+      g.value = u.value.energyByWeek * 52 * 1e6 / 1e3, A.value = u.value.co2ByWeek * 52 * 1e6 / 1e6, L.value = Math.round(g.value / 2300), $.value = g.value / 0.8, B.value = A.value * 2410, d.value.collectiveMicrowavesDuration = $.value.toLocaleString(), d.value.kilometerByPlane = B.value.toLocaleString(), d.value.equivalentPopulationByCity = L.value.toLocaleString(), d.value.collectiveAnnualEnergy = g.value.toLocaleString();
     }
     function S() {
       P(), c.value = !0;
@@ -140,53 +140,53 @@ const X = {}, Z = {}, ee = {}, te = {}, ae = {}, le = {
     }
     return o({
       reset: q
-    }), (s, I) => (d(), p("div", he, [
+    }), (s, I) => (m(), p("div", he, [
       e("div", {
         class: "title",
         role: "heading",
         "arial-level": E(i)
-      }, "📊 " + a(s.$t("calcul-impact.title")), 9, ke),
+      }, " 📊 " + a(s.$t("calcul-impact.title")), 9, ke),
       e("p", null, a(s.$t("calcul-impact.subtitle")), 1),
       e("label", Ie, "🤖 " + a(s.$t("calcul-impact.numberOfConversationLabel")), 1),
       j(e("input", {
-        onChange: W,
-        type: "number",
         id: "numberOfConversation",
-        "onUpdate:modelValue": I[0] || (I[0] = (O) => b.value = O)
+        "onUpdate:modelValue": I[0] || (I[0] = (O) => f.value = O),
+        type: "number",
+        onChange: W
       }, null, 544), [
-        [x, b.value]
+        [x, f.value]
       ]),
       e("label", we, "🖼️ " + a(s.$t("calcul-impact.numberOfImagesLabel")), 1),
       j(e("input", {
-        onChange: W,
-        type: "number",
         id: "numberOfImage",
-        "onUpdate:modelValue": I[1] || (I[1] = (O) => f.value = O)
+        "onUpdate:modelValue": I[1] || (I[1] = (O) => b.value = O),
+        type: "number",
+        onChange: W
       }, null, 544), [
-        [x, f.value]
+        [x, b.value]
       ]),
-      c.value ? (d(), K(Ce, {
+      c.value ? (m(), K(Ce, {
         key: 0,
         "is-collective": y.value,
         "is-personal": c.value,
         "title-level": E(i),
         "by-week-for-one": u.value,
-        "by-year-for-a-million": m.value
+        "by-year-for-a-million": d.value
       }, null, 8, ["is-collective", "is-personal", "title-level", "by-week-for-one", "by-year-for-a-million"])) : C("", !0),
-      c.value ? C("", !0) : (d(), p("button", {
+      c.value ? C("", !0) : (m(), p("button", {
         key: 1,
         onClick: S
-      }, "📌 " + a(s.$t("calcul-impact.seePersonalImpact")), 1)),
-      c.value && !y.value ? (d(), p("button", {
+      }, " 📌 " + a(s.$t("calcul-impact.seePersonalImpact")), 1)),
+      c.value && !y.value ? (m(), p("button", {
         key: 2,
         onClick: T
-      }, "🌍 " + a(s.$t("calcul-impact.seeCollectiveImpact")), 1)) : C("", !0),
-      e("p", $e, "📝 " + a(s.$t("calcul-impact.legals")), 1)
+      }, " 🌍 " + a(s.$t("calcul-impact.seeCollectiveImpact")), 1)) : C("", !0),
+      e("p", $e, " 📝 " + a(s.$t("calcul-impact.legals")), 1)
     ]));
   }
-}), Ae = "[data-v-7fbb31b5]{font-family:Nunito,Roboto,sans-serif;color:#253858}p[data-v-7fbb31b5]{padding:0}.container[data-v-7fbb31b5]{display:flex;flex-direction:column;gap:1rem}.container button[data-v-7fbb31b5]{border:0;border-radius:5px;font-size:.9rem;background:#357abd;color:#fff;width:50%;padding:.4rem .8rem;margin:auto;cursor:pointer}.container button[data-v-7fbb31b5]:hover{background:#225d93}.container input[data-v-7fbb31b5]{border:solid 1px lightgrey;border-radius:5px;padding-block:.2rem;width:40%}.container label[data-v-7fbb31b5]{font-weight:700}.container .legals[data-v-7fbb31b5]{font-size:.9rem;font-style:italic}.container .title[data-v-7fbb31b5]{font-size:1.3rem;font-weight:700}@media only screen and (max-width:768px){.container button[data-v-7fbb31b5]{width:100%}.container input[data-v-7fbb31b5]{width:80%}}", Fe = /* @__PURE__ */ z(Be, [["styles", [Ae]], ["__scopeId", "data-v-7fbb31b5"]]);
+}), Fe = "[data-v-61643738]{font-family:Nunito,Roboto,sans-serif;color:#253858}p[data-v-61643738]{padding:0}.container[data-v-61643738]{display:flex;flex-direction:column;gap:1rem}.container button[data-v-61643738]{border:0;border-radius:5px;font-size:.9rem;background:#357abd;color:#fff;width:50%;padding:.4rem .8rem;margin:auto;cursor:pointer}.container button[data-v-61643738]:hover{background:#225d93}.container input[data-v-61643738]{border:solid 1px lightgrey;border-radius:5px;padding-block:.2rem;width:40%}.container label[data-v-61643738]{font-weight:700}.container .legals[data-v-61643738]{font-size:.9rem;font-style:italic}.container .title[data-v-61643738]{font-size:1.3rem;font-weight:700}@media only screen and (max-width:768px){.container button[data-v-61643738]{width:100%}.container input[data-v-61643738]{width:80%}}", Ae = /* @__PURE__ */ z(Be, [["styles", [Fe]], ["__scopeId", "data-v-61643738"]]);
 G(/* @__PURE__ */ Object.assign({ "./locales/de-AT.json": X, "./locales/en.json": Z, "./locales/es-419.json": ee, "./locales/es.json": te, "./locales/fr-BE.json": ae, "./locales/fr.json": le, "./locales/it.json": oe, "./locales/nl.json": ne })).catch((t) => console.error(t));
-const Y = H(Fe, {
+const Y = H(Ae, {
   configureApp(t) {
     N.changeLanguage(document?.documentElement?.lang || navigator.language), t.use(Q, {
       i18next: N,