@1024pix/epreuves-components 1.4.5 → 1.5.0

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

@@ -1,14 +1,15 @@
-import { a as z, z as T, c as p, o as v, F as U, y as u, M as s, E as C, f as e, t as a, A as _, T as D, _ as Y, r as l, l as E, e as K, I as N, N as V, d as G } from "../_plugin-vue_export-helper-CwwQJ1m6.js";
-import { a as H, i as j, b as Q } from "../i18n-gncqQJ0G.js";
-const x = {}, J = {}, X = {
+import { d as j, z as T, c as p, o as d, F as U, y as v, M as r, E as C, f as e, t as a, A as _, T as D, _ as z, r as l, l as N, b as G, G as E, N as x, e as K } from "../_plugin-vue_export-helper-BGEtPlxS.js";
+import { a as H, i as V, b as Q } from "../i18n-D3E2CT0o.js";
+import { u as J } from "../normalize-props-AlmAfi_u.js";
+const X = {}, Z = {}, ee = {}, te = {
   "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é" }
-}, Z = {}, ee = {}, te = {
+}, ae = {}, le = {}, oe = {
   key: 0,
   class: "result-calculation"
-}, ae = ["aria-level"], le = { class: "consumption" }, oe = { style: { "font-weight": "bold" } }, ne = { style: { "font-weight": "bold" } }, ie = {
+}, ne = ["aria-level"], ie = { class: "consumption" }, se = { style: { "font-weight": "bold" } }, re = { style: { "font-weight": "bold" } }, ce = {
   key: 0,
   class: "result-calculation"
-}, se = ["titleLevel"], re = { class: "consumption" }, ce = { style: { "font-weight": "bold" } }, ue = { style: { "font-weight": "bold" } }, ve = { style: { "font-weight": "bold" } }, de = { style: { "font-weight": "bold" } }, me = /* @__PURE__ */ z({
+}, ue = ["titleLevel"], ve = { class: "consumption" }, de = { style: { "font-weight": "bold" } }, me = { style: { "font-weight": "bold" } }, pe = { style: { "font-weight": "bold" } }, be = { style: { "font-weight": "bold" } }, fe = /* @__PURE__ */ j({
   __name: "ImpactsResults.ce",
   props: {
     titleLevel: { type: Number },
@@ -17,37 +18,37 @@ const x = {}, J = {}, X = {
     isPersonal: { type: Boolean },
     isCollective: { type: Boolean }
   },
-  setup(d) {
-    return (t, o) => {
-      const n = T("i18next");
-      return v(), p(U, null, [
-        u(D, { name: "fade-perso" }, {
-          default: s(() => [
-            t.isPersonal ? (v(), p("div", te, [
+  setup(t) {
+    return (o, n) => {
+      const i = T("i18next");
+      return d(), p(U, null, [
+        v(D, { name: "fade-perso" }, {
+          default: r(() => [
+            t.isPersonal ? (d(), p("div", oe, [
               e("div", {
                 class: "header",
                 role: "heading",
                 "aria-level": t.titleLevel + 1
-              }, "📌 " + a(t.$t("calcul-impact.yourPersonalImpact")), 9, ae),
-              e("p", le, a(t.$t("calcul-impact.consumptionForAWeek")), 1),
+              }, "📌 " + a(o.$t("calcul-impact.yourPersonalImpact")), 9, ne),
+              e("p", ie, a(o.$t("calcul-impact.consumptionForAWeek")), 1),
               e("p", null, [
-                o[0] || (o[0] = _(" ⚡ ", -1)),
-                u(n, {
-                  translation: t.$t("calcul-impact.personalConsumption")
+                n[0] || (n[0] = _(" ⚡ ", -1)),
+                v(i, {
+                  translation: o.$t("calcul-impact.personalConsumption")
                 }, {
-                  energy: s(() => [
-                    e("span", oe, a(t.byWeekForOne.energyByWeek), 1)
+                  energy: r(() => [
+                    e("span", se, a(t.byWeekForOne.energyByWeek), 1)
                   ]),
                   _: 1
                 }, 8, ["translation"])
               ]),
               e("p", null, [
-                o[1] || (o[1] = _(" 🍽️ ", -1)),
-                u(n, {
-                  translation: t.$t("calcul-impact.personalDuration")
+                n[1] || (n[1] = _(" 🍽️ ", -1)),
+                v(i, {
+                  translation: o.$t("calcul-impact.personalDuration")
                 }, {
-                  number: s(() => [
-                    e("span", ne, a(t.byWeekForOne.personalMicrowavesDuration), 1)
+                  number: r(() => [
+                    e("span", re, a(t.byWeekForOne.personalMicrowavesDuration), 1)
                   ]),
                   _: 1
                 }, 8, ["translation"])
@@ -56,47 +57,47 @@ const x = {}, J = {}, X = {
           ]),
           _: 1
         }),
-        u(D, { name: "fade-collectif" }, {
-          default: s(() => [
-            t.isCollective ? (v(), p("div", ie, [
+        v(D, { name: "fade-collectif" }, {
+          default: r(() => [
+            t.isCollective ? (d(), p("div", ce, [
               e("div", {
                 class: "header",
                 role: "heading",
                 titleLevel: t.titleLevel + 1
-              }, "🌍 " + a(t.$t("calcul-impact.yourCollectiveImpact")), 9, se),
-              e("p", re, a(t.$t("calcul-impact.consumptionForAYear")), 1),
+              }, "🌍 " + a(o.$t("calcul-impact.yourCollectiveImpact")), 9, ue),
+              e("p", ve, a(o.$t("calcul-impact.consumptionForAYear")), 1),
               e("p", null, [
-                o[2] || (o[2] = _(" ⚡ ", -1)),
-                u(n, {
-                  translation: t.$t("calcul-impact.collectiveConsumption")
+                n[2] || (n[2] = _(" ⚡ ", -1)),
+                v(i, {
+                  translation: o.$t("calcul-impact.collectiveConsumption")
                 }, {
-                  energy: s(() => [
-                    e("span", ce, a(t.byYearForAMillion.collectiveAnnualEnergy), 1)
+                  energy: r(() => [
+                    e("span", de, a(t.byYearForAMillion.collectiveAnnualEnergy), 1)
                   ]),
-                  homes: s(() => [
-                    e("span", ue, a(t.byYearForAMillion.equivalentPopulationByCity), 1)
+                  homes: r(() => [
+                    e("span", me, a(t.byYearForAMillion.equivalentPopulationByCity), 1)
                   ]),
                   _: 1
                 }, 8, ["translation"])
               ]),
               e("p", null, [
-                o[3] || (o[3] = _(" 🍽️ ", -1)),
-                u(n, {
-                  translation: t.$t("calcul-impact.collectiveDuration")
+                n[3] || (n[3] = _(" 🍽️ ", -1)),
+                v(i, {
+                  translation: o.$t("calcul-impact.collectiveDuration")
                 }, {
-                  number: s(() => [
-                    e("span", ve, a(t.byYearForAMillion.collectiveMicrowavesDuration), 1)
+                  number: r(() => [
+                    e("span", pe, a(t.byYearForAMillion.collectiveMicrowavesDuration), 1)
                   ]),
                   _: 1
                 }, 8, ["translation"])
               ]),
               e("p", null, [
-                o[4] || (o[4] = _(" ✈️ ", -1)),
-                u(n, {
-                  translation: t.$t("calcul-impact.planeKilometers")
+                n[4] || (n[4] = _(" ✈️ ", -1)),
+                v(i, {
+                  translation: o.$t("calcul-impact.planeKilometers")
                 }, {
-                  kilometers: s(() => [
-                    e("span", de, a(t.byYearForAMillion.kilometerByPlane), 1)
+                  kilometers: r(() => [
+                    e("span", be, a(t.byYearForAMillion.kilometerByPlane), 1)
                   ]),
                   _: 1
                 }, 8, ["translation"])
@@ -108,89 +109,94 @@ const x = {}, J = {}, X = {
       ], 64);
     };
   }
-}), pe = ".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}", be = /* @__PURE__ */ Y(me, [["styles", [pe]], ["__scopeId", "data-v-b69dd4ff"]]), fe = { class: "container" }, ye = ["arial-level"], ge = { for: "numberOfConversation" }, _e = { for: "numberOfImage" }, Ce = { class: "legals" }, he = /* @__PURE__ */ z({
+}), ye = ".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}", ge = /* @__PURE__ */ z(fe, [["styles", [ye]], ["__scopeId", "data-v-b69dd4ff"]]), _e = { class: "container" }, Ce = ["arial-level"], he = { for: "numberOfConversation" }, ke = { for: "numberOfImage" }, Ie = { class: "legals" }, we = /* @__PURE__ */ j({
   __name: "CalculImpact.ce",
   props: {
     titleLevel: { type: Number }
   },
-  setup(d, { expose: t }) {
-    const n = d.titleLevel ?? 2, b = l(10), f = l(2), w = l(0), $ = l(0), B = l(0), r = l(!1), y = l(!1);
+  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);
     function q() {
-      b.value = 10, f.value = 2, c.value = {}, m.value = {}, w.value = 0, $.value = 0, B.value = 0, r.value = !1, y.value = !1, k.value = 0, F.value = 0, g.value = 0, A.value = 0, O.value = 0;
+      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, 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 }
-    }, c = l({}), m = l({}), k = l(0), F = l(0), g = l(0), A = l(0), O = l(0);
+    }, u = l({}), m = 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, F.value = b.value * h.text.co2 + f.value * h.image.co2, w.value = Number((k.value / 0.8).toFixed(1)), c.value.energyByWeek = k.value.toFixed(1), c.value.personalMicrowavesDuration = w.value, c.value.co2ByWeek = F.value.toFixed(1);
+      k.value = b.value * h.text.energy + f.value * h.image.energy, F.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 = F.value.toFixed(1);
     }
     function M() {
-      g.value = c.value.energyByWeek * 52 * 1e6 / 1e3, A.value = c.value.co2ByWeek * 52 * 1e6 / 1e6, O.value = Math.round(g.value / 2300), $.value = g.value / 0.8, B.value = A.value * 2410, m.value.collectiveMicrowavesDuration = $.value.toLocaleString(), m.value.kilometerByPlane = B.value.toLocaleString(), m.value.equivalentPopulationByCity = O.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, m.value.collectiveMicrowavesDuration = $.value.toLocaleString(), m.value.kilometerByPlane = B.value.toLocaleString(), m.value.equivalentPopulationByCity = L.value.toLocaleString(), m.value.collectiveAnnualEnergy = g.value.toLocaleString();
     }
     function S() {
-      P(), r.value = !0;
+      P(), c.value = !0;
     }
     function R() {
       M(), y.value = !0;
     }
     function W() {
-      r.value && y.value && (P(), M());
+      c.value && y.value && (P(), M());
     }
-    return t({
+    return o({
       reset: q
-    }), (i, I) => (v(), p("div", fe, [
+    }), (s, I) => (d(), p("div", _e, [
       e("div", {
         class: "title",
         role: "heading",
-        "arial-level": N(n)
-      }, "📊 " + a(i.$t("calcul-impact.title")), 9, ye),
-      e("p", null, a(i.$t("calcul-impact.subtitle")), 1),
-      e("label", ge, "🤖 " + a(i.$t("calcul-impact.numberOfConversationLabel")), 1),
-      E(e("input", {
+        "arial-level": E(i)
+      }, "📊 " + a(s.$t("calcul-impact.title")), 9, Ce),
+      e("p", null, a(s.$t("calcul-impact.subtitle")), 1),
+      e("label", he, "🤖 " + a(s.$t("calcul-impact.numberOfConversationLabel")), 1),
+      N(e("input", {
         onChange: W,
         type: "number",
         id: "numberOfConversation",
-        "onUpdate:modelValue": I[0] || (I[0] = (L) => b.value = L)
+        "onUpdate:modelValue": I[0] || (I[0] = (O) => b.value = O)
       }, null, 544), [
-        [V, b.value]
+        [x, b.value]
       ]),
-      e("label", _e, "🖼️ " + a(i.$t("calcul-impact.numberOfImagesLabel")), 1),
-      E(e("input", {
+      e("label", ke, "🖼️ " + a(s.$t("calcul-impact.numberOfImagesLabel")), 1),
+      N(e("input", {
         onChange: W,
         type: "number",
         id: "numberOfImage",
-        "onUpdate:modelValue": I[1] || (I[1] = (L) => f.value = L)
+        "onUpdate:modelValue": I[1] || (I[1] = (O) => f.value = O)
       }, null, 544), [
-        [V, f.value]
+        [x, f.value]
       ]),
-      r.value ? (v(), K(be, {
+      c.value ? (d(), G(ge, {
         key: 0,
         "is-collective": y.value,
-        "is-personal": r.value,
-        "title-level": N(n),
-        "by-week-for-one": c.value,
+        "is-personal": c.value,
+        "title-level": E(i),
+        "by-week-for-one": u.value,
         "by-year-for-a-million": m.value
       }, null, 8, ["is-collective", "is-personal", "title-level", "by-week-for-one", "by-year-for-a-million"])) : C("", !0),
-      r.value ? C("", !0) : (v(), p("button", {
+      c.value ? C("", !0) : (d(), p("button", {
         key: 1,
         onClick: S
-      }, "📌 " + a(i.$t("calcul-impact.seePersonalImpact")), 1)),
-      r.value && !y.value ? (v(), p("button", {
+      }, "📌 " + a(s.$t("calcul-impact.seePersonalImpact")), 1)),
+      c.value && !y.value ? (d(), p("button", {
         key: 2,
         onClick: R
-      }, "🌍 " + a(i.$t("calcul-impact.seeCollectiveImpact")), 1)) : C("", !0),
-      e("p", Ce, "📝 " + a(i.$t("calcul-impact.legals")), 1)
+      }, "🌍 " + a(s.$t("calcul-impact.seeCollectiveImpact")), 1)) : C("", !0),
+      e("p", Ie, "📝 " + a(s.$t("calcul-impact.legals")), 1)
     ]));
   }
-}), ke = "[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%}}", Ie = /* @__PURE__ */ Y(he, [["styles", [ke]], ["__scopeId", "data-v-7fbb31b5"]]);
-H(/* @__PURE__ */ Object.assign({ "./locales/en.json": x, "./locales/es.json": J, "./locales/fr.json": X, "./locales/it.json": Z, "./locales/nl.json": ee })).catch((d) => console.error(d));
-window.customElements.define("calcul-impact", G(Ie, {
-  configureApp(d) {
-    j.changeLanguage(document?.documentElement?.lang || navigator.language), d.use(Q, {
-      i18next: j,
+}), $e = "[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%}}", Be = /* @__PURE__ */ z(we, [["styles", [$e]], ["__scopeId", "data-v-7fbb31b5"]]);
+H(/* @__PURE__ */ Object.assign({ "./locales/en.json": X, "./locales/es-419.json": Z, "./locales/es.json": ee, "./locales/fr.json": te, "./locales/it.json": ae, "./locales/nl.json": le })).catch((t) => console.error(t));
+const Y = K(Be, {
+  configureApp(t) {
+    V.changeLanguage(document?.documentElement?.lang || navigator.language), t.use(Q, {
+      i18next: V,
       slotStart: "{{",
       slotEnd: "}}"
     });
   }
-}));
+});
+Y.prototype.normalizeProps = (t) => ({
+  ...t,
+  titleLevel: J(t.titleLevel)
+});
+window.customElements.define("calcul-impact", Y);