@1024pix/epreuves-components 2.4.3 → 2.4.4

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

@@ -1,6 +1,6 @@
-import { d as j, G as T, c as p, o as d, F as K, E as v, K as r, B as C, a as e, t as a, H as _, T as D, _ as z, r as l, z as E, e as U, h as N, O as x, f as G } from "../_plugin-vue_export-helper-DOoVeFcJ.js";
-import { a as H, i as V, b as Q } from "../i18n-ecSMtuba.js";
-import { u as J } from "../normalize-props-AlmAfi_u.js";
+import { d as j, G as T, c as p, o as d, F as K, E as v, K as r, B as C, a as e, t as a, H as _, T as D, _ as z, r as l, z as E, e as U, h as N, O as x, f as G } from "../_plugin-vue_export-helper-CJxDisp0.js";
+import { a as H, i as V, b as Q } from "../i18n-Bs7vpvgi.js";
+import { u as J } from "../normalize-props-BAFlcMqH.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é" }
 }, ae = {}, le = {}, oe = {

package/dist/components/capacity-calculation.ce.js.js

@@ -1,7 +1,7 @@
-import { d as C, c as d, o, n as m, j as D, H as $, t as r, _ as v, P as O, Q as h, r as g, y as x, a as t, E as L, F as R, b as V, h as Z, i as z, S as F, K as T, e as f, B as N, f as P } from "../_plugin-vue_export-helper-DOoVeFcJ.js";
-import { i as k, a as H, b as K } from "../i18n-ecSMtuba.js";
-import { u as W } from "../normalize-props-AlmAfi_u.js";
-import { R as G } from "../Retry-CY90VQJl.js";
+import { d as C, c as d, o, n as m, j as D, H as $, t as r, _ as v, P as O, Q as h, r as g, y as x, a as t, E as L, F as R, b as V, h as Z, i as z, S as F, K as T, e as f, B as N, f as P } from "../_plugin-vue_export-helper-CJxDisp0.js";
+import { i as k, a as H, b as K } from "../i18n-Bs7vpvgi.js";
+import { u as W } from "../normalize-props-BAFlcMqH.js";
+import { R as G } from "../Retry-B27znRn6.js";
 const J = {}, X = {}, Y = {}, aa = {
   "capacity-calculation": { title: "Observer l'impact des demandes", in: { title: "Demandes à l'IA", aiQuestion: "Quelle est la demande à l'IA ?", aiOptions: ["Fais une vidéo d’une durée d'une minute.", "Écris un texte de 10 lignes.", "Fais un dessin de haute qualité."], userQuestion: "Combien d’utilisateurs font la demande en même temps ?", buttonLabel: { primary: "Observer l'effet", warning: "Recommencer" } }, out: { title: "Impact des demandes", consumption: { label: "Consommation d’électricité :", normal_weak: "Faible", normal_medium: "Moyenne", warning: "Très forte", error: "Très forte", initial: "À l'arrêt" }, capacity: { label: "État du supercalculateur :", normal_weak: "Normal", normal_medium: "Normal", warning: "Sollicitation maximale", error: "Ne peut pas répondre à la demande", initial: "À l'arrêt" } } }
 }, ea = {}, ta = {}, ca = /* @__PURE__ */ C({

package/dist/components/clickable-image.ce.js.js

@@ -1,5 +1,5 @@
-import { d as E, q as O, r as x, v as P, x as W, y as c, c as d, o as p, a as w, z as _, m as D, F as L, b as V, i as j, A as y, B as q, h as T, n as U, C as X, t as Y, _ as G, f as H } from "../_plugin-vue_export-helper-DOoVeFcJ.js";
-import { u as C } from "../normalize-props-AlmAfi_u.js";
+import { d as E, q as O, r as x, v as P, x as W, y as c, c as d, o as p, a as w, z as _, m as D, F as L, b as V, i as j, A as y, B as q, h as T, n as U, C as X, t as Y, _ as G, f as H } from "../_plugin-vue_export-helper-CJxDisp0.js";
+import { u as C } from "../normalize-props-BAFlcMqH.js";
 const J = { class: "container" }, K = ["onMouseenter", "onFocusin", "onClick", "aria-label"], v = 10, Q = /* @__PURE__ */ E({
   __name: "ClickableImage.ce",
   props: {

package/dist/components/complete-phrase.ce.js.js

@@ -1,7 +1,7 @@
-import { d as h, c as n, o, a, t as c, A as S, _ as f, n as P, j as A, H as N, r as y, y as m, B as z, F as x, b as k, e as v, E as q, f as M } from "../_plugin-vue_export-helper-DOoVeFcJ.js";
-import { u as O, a as E, i as L, b as I } from "../i18n-ecSMtuba.js";
-import { u as R } from "../normalize-props-AlmAfi_u.js";
-import { L as B } from "../LLMMessage.ce-Cjpb0CiE.js";
+import { d as h, c as n, o, a, t as c, A as S, _ as f, n as P, j as A, H as N, r as y, y as m, B as z, F as x, b as k, e as v, E as q, f as M } from "../_plugin-vue_export-helper-CJxDisp0.js";
+import { u as O, a as E, i as L, b as I } from "../i18n-Bs7vpvgi.js";
+import { u as R } from "../normalize-props-BAFlcMqH.js";
+import { L as B } from "../LLMMessage.ce-FJCO_wvC.js";
 const T = {}, V = {}, D = {}, F = {
   "complete-phrase": { title: "Probabilité du mot suivant", description: "Quand la barre est longue, le mot a une plus forte probabilité de convenir pour continuer cette phrase.", ariaLabelDescription: "Le mot {{name}} a une probabilité de {{percent}}%", clickHereButton: "Révéler le mot", successfullyCompletedSentence: "Cliquez sur le mot choisit par l’IA dans les propositions suivantes :", feedback: { sure: "En effet, c'est le mot le plus probable !", probably: "C’est possible ! Il peut aussi choisir le mot « {{word}} », qui est très probable...", notSure: "Pas sûr... Il choisira sans doute un mot plus probable : {{words, list(style: 'long'; type: 'disjunction';)}}." } }
 }, H = {}, Q = {}, W = { class: "probability-bar" }, U = { "aria-hidden": "true" }, G = { class: "sr-only" }, J = /* @__PURE__ */ h({

package/dist/components/flip-cards.ce.js.js

@@ -1,5 +1,5 @@
-import { d as m, c as n, o as d, F as u, a as t, n as v, h as p, t as f, B as y, _ as h, r as w, b as k, L as g, E as F, f as _ } from "../_plugin-vue_export-helper-DOoVeFcJ.js";
-import { u as L } from "../normalize-props-AlmAfi_u.js";
+import { d as m, c as n, o as d, F as u, a as t, n as v, h as p, t as f, B as y, _ as h, r as w, b as k, L as g, E as F, f as _ } from "../_plugin-vue_export-helper-CJxDisp0.js";
+import { u as L } from "../normalize-props-BAFlcMqH.js";
 const C = ["aria-hidden"], z = ["src"], N = ["title-level"], S = ["aria-hidden"], $ = ["aria-level"], B = { class: "description" }, E = { class: "image-container" }, U = ["src"], j = /* @__PURE__ */ m({
   __name: "FlipCard.ce",
   props: {

package/dist/components/image-quiz.ce.js.js

@@ -1,6 +1,6 @@
-import "../_plugin-vue_export-helper-DOoVeFcJ.js";
-import { n as p } from "../image-quiz.ce-CpI6lZ9m.js";
-import "../normalize-props-AlmAfi_u.js";
+import "../_plugin-vue_export-helper-CJxDisp0.js";
+import { n as p } from "../image-quiz.ce-jh8ME9Wm.js";
+import "../normalize-props-BAFlcMqH.js";
 export {
   p as normalizeImageQuizProps
 };

package/dist/components/image-quizzes.ce.js.js

@@ -1,5 +1,5 @@
-import { d as l, r as f, w, c as p, o, b as g, e as d, m as q, F as v, f as y } from "../_plugin-vue_export-helper-DOoVeFcJ.js";
-import { I as A, n as I } from "../image-quiz.ce-CpI6lZ9m.js";
+import { d as l, r as f, w, c as p, o, b as g, e as d, m as q, F as v, f as y } from "../_plugin-vue_export-helper-CJxDisp0.js";
+import { I as A, n as I } from "../image-quiz.ce-jh8ME9Wm.js";
 const _ = /* @__PURE__ */ l({
   __name: "ImageQuizzes.ce",
   props: {

package/dist/components/llm-compare-messages.ce.js.js

@@ -1,6 +1,6 @@
-import { d as c, c as t, o as s, a as e, t as n, F as r, b as m, E as i, _ as p, f as g } from "../_plugin-vue_export-helper-DOoVeFcJ.js";
-import { L as l } from "../LLMMessage.ce-Cjpb0CiE.js";
-import { p as u } from "../shadow-dom-DZbyKUWP.js";
+import { d as c, c as t, o as s, a as e, t as n, F as r, b as m, E as i, _ as p, f as g } from "../_plugin-vue_export-helper-CJxDisp0.js";
+import { L as l } from "../LLMMessage.ce-FJCO_wvC.js";
+import { p as u } from "../shadow-dom-Bs_4iILW.js";
 const f = {
   class: "header",
   "aria-hidden": "true"

package/dist/components/llm-messages.ce.js.js

@@ -1,6 +1,6 @@
-import { d as c, I as m, J as i, c as t, o as e, F as p, b as d, e as f, _ as g, f as u } from "../_plugin-vue_export-helper-DOoVeFcJ.js";
-import { L as h } from "../LLMMessage.ce-Cjpb0CiE.js";
-import { p as _ } from "../shadow-dom-DZbyKUWP.js";
+import { d as c, I as m, J as i, c as t, o as e, F as p, b as d, e as f, _ as g, f as u } from "../_plugin-vue_export-helper-CJxDisp0.js";
+import { L as h } from "../LLMMessage.ce-FJCO_wvC.js";
+import { p as _ } from "../shadow-dom-Bs_4iILW.js";
 const x = {
   class: "llm-messages",
   "aria-live": "polite"

package/dist/components/llm-prompt-select.ce.js.js

@@ -1,5 +1,5 @@
-import { d as h, r as c, G as y, c as d, o as m, E as w, a, H as k, F as b, b as L, t as S, _ as C, f as P } from "../_plugin-vue_export-helper-DOoVeFcJ.js";
-import { u as N } from "../normalize-props-AlmAfi_u.js";
+import { d as h, r as c, G as y, c as d, o as m, E as w, a, H as k, F as b, b as L, t as S, _ as C, f as P } from "../_plugin-vue_export-helper-CJxDisp0.js";
+import { u as N } from "../normalize-props-BAFlcMqH.js";
 import "./llm-messages.ce.js.js";
 const E = { class: "prompt-select" }, M = { class: "prompt-select__options" }, B = ["disabled", "onClick"], V = /* @__PURE__ */ h({
   __name: "LLMPromptSelect.ce",

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

@@ -1,11 +1,11 @@
-import { d as M, r as x, y as S, v as B, c as n, o as s, n as w, B as g, a as _, H as k, t as v, E, M as z, m as P, F as b, b as N, _ as D, q as T, e as V, f as F } from "../_plugin-vue_export-helper-DOoVeFcJ.js";
-import { L } from "../Loading.ce-1tk4uU9c.js";
-import { u as j, a as I } from "../normalize-props-AlmAfi_u.js";
-const O = ["part"], q = {
+import { d as S, r as x, y as M, v as B, c as i, o as n, n as w, B as l, a as h, H as k, t as v, E, M as z, m as P, F as b, b as N, _ as D, q as T, e as V, f as F } from "../_plugin-vue_export-helper-CJxDisp0.js";
+import { L } from "../Loading.ce-EWTMcywS.js";
+import { u as j, a as I, b as O } from "../normalize-props-BAFlcMqH.js";
+const q = ["part"], H = {
   key: 1,
   class: "message__loader message__content",
   "aria-hidden": "true"
-}, H = ["part"], R = { key: 1 }, G = { key: 0 }, J = /* @__PURE__ */ M({
+}, R = ["part"], G = { key: 1 }, J = { key: 0 }, K = /* @__PURE__ */ S({
   __name: "Message.ce",
   props: {
     displaySender: { type: Boolean, default: !0 },
@@ -14,108 +14,109 @@ const O = ["part"], q = {
     animationDuration: { type: Number },
     loadingDuration: { type: Number }
   },
-  setup(e, { expose: d }) {
-    const i = x("hidden"), l = x([]), p = S(() => e.message.content.split(`
+  setup(e, { expose: c }) {
+    const t = x("hidden"), d = x([]), m = M(() => e.message.content?.split(`
 `));
-    function m(t) {
+    function g(s) {
       return new Promise((a) => {
-        const o = setTimeout(a, t);
-        l.value.push(o);
+        const o = setTimeout(a, s);
+        d.value.push(o);
       });
     }
-    async function c() {
-      await m(e.startAnimation), i.value = "loading", await m(e.loadingDuration), i.value = "visible", await m(e.animationDuration);
+    async function u() {
+      await g(e.startAnimation), t.value = "loading", await g(e.loadingDuration), t.value = "visible", await g(e.animationDuration);
     }
-    B(c);
-    async function f() {
-      i.value = "hidden", l.value.forEach(clearTimeout), await c();
+    B(u);
+    async function y() {
+      t.value = "hidden", d.value.forEach(clearTimeout), await u();
     }
-    return d({
-      reset: f
-    }), (t, a) => (s(), n("div", {
+    return c({
+      reset: y
+    }), (s, a) => (n(), i("div", {
       class: w(["message", [
         `message--${e.message.direction}`,
-        { "hidden-state": i.value === "hidden" }
+        { "hidden-state": t.value === "hidden" }
       ]])
     }, [
-      e.displaySender ? (s(), n("p", {
+      e.displaySender ? (n(), i("p", {
         key: 0,
         class: "message__sender",
         part: `sender ${e.message.direction}`
       }, [
-        a[0] || (a[0] = _("span", { class: "sr-only" }, "Message de ", -1)),
+        a[0] || (a[0] = h("span", { class: "sr-only" }, "Message de ", -1)),
         k(v(e.message.userName), 1)
-      ], 8, O)) : g("", !0),
-      i.value === "loading" ? (s(), n("div", q, [
+      ], 8, q)) : l("", !0),
+      t.value === "loading" ? (n(), i("div", H, [
         E(L)
-      ])) : g("", !0),
-      _("p", {
-        class: w(["message__content", { "hidden-state": i.value !== "visible" }]),
+      ])) : l("", !0),
+      h("p", {
+        class: w(["message__content", { "hidden-state": t.value !== "visible" }]),
         part: `message ${e.message.direction}`
       }, [
-        e.message.image ? (s(), n("img", z(P({ key: 0 }, e.message.image)), null, 16)) : g("", !0),
-        e.message.image ? (s(), n("br", R)) : g("", !0),
-        (s(!0), n(b, null, N(p.value, (o, r) => (s(), n(b, { key: r }, [
-          r > 0 ? (s(), n("br", G)) : g("", !0),
+        e.message.image ? (n(), i("img", z(P({ key: 0 }, e.message.image)), null, 16)) : l("", !0),
+        e.message.image && m.value ? (n(), i("br", G)) : l("", !0),
+        (n(!0), i(b, null, N(m.value, (o, r) => (n(), i(b, { key: r }, [
+          r > 0 ? (n(), i("br", J)) : l("", !0),
           k(" " + v(o), 1)
         ], 64))), 128))
-      ], 10, H)
+      ], 10, R)
     ], 2));
   }
-}), K = ".message{max-width:80%;position:relative}.message--incoming{align-self:start}.message--incoming .message__sender{padding-left:10px}.message--incoming .message__loader{left:10px}.message--incoming .message__content{background-color:#e8e8e8}.message--outgoing{align-self:end}.message--outgoing .message__sender{padding-right:10px;text-align:right}.message--outgoing .message__loader{right:10px}.message--outgoing .message__content{background-color:#d1eaff}.message__sender{color:#444;font-size:.8rem;font-weight:700;margin:0}.message__loader{position:absolute;width:24px}.message__content{border-radius:16px;margin:0;padding:10px 14px}.message__content:not(.hidden-state){animation:fade .3s ease-in-out both}.message__content>img{max-width:100%}.hidden-state{visibility:hidden}@keyframes fade{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.message__content:not(.hidden-state){animation:none}.message__loader{display:none}.hidden-state{visibility:visible}}", Q = /* @__PURE__ */ D(J, [["styles", [K]]]), U = { part: "conversation" }, W = { class: "sr-only" }, X = /* @__PURE__ */ M({
+}), Q = ".message{max-width:80%;position:relative}.message--incoming{align-self:start}.message--incoming .message__sender{padding-left:10px}.message--incoming .message__loader{left:10px}.message--incoming .message__content{background-color:#e8e8e8}.message--outgoing{align-self:end}.message--outgoing .message__sender{padding-right:10px;text-align:right}.message--outgoing .message__loader{right:10px}.message--outgoing .message__content{background-color:#d1eaff}.message__sender{color:#444;font-size:.8rem;font-weight:700;margin:0}.message__loader{position:absolute;width:24px}.message__content{border-radius:16px;margin:0;padding:10px 14px}.message__content:not(.hidden-state){animation:fade .3s ease-in-out both}.message__content>img{max-width:100%}.hidden-state{visibility:hidden}@keyframes fade{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.message__content:not(.hidden-state){animation:none}.message__loader{display:none}.hidden-state{visibility:visible}}", U = /* @__PURE__ */ D(K, [["styles", [Q]]]), W = { part: "conversation" }, X = { class: "sr-only" }, Y = /* @__PURE__ */ S({
   __name: "MessageConversation.ce",
   props: {
     title: { default: "Conversation par messages", type: String },
     messages: { type: Array },
     animationSpeed: { default: 20, type: Number }
   },
-  setup(e, { expose: d }) {
-    const i = 50 * e.animationSpeed, l = 50 * e.animationSpeed, p = S(
+  setup(e, { expose: c }) {
+    const t = 50 * e.animationSpeed, d = 50 * e.animationSpeed, m = M(
       () => e.messages.reduce(
-        (t, a, o) => {
-          const r = c(a);
+        (s, a, o) => {
+          const r = u(a);
           if (o === 0)
             return [{ message: a, displaySender: !0, startAnimation: 0, animationDuration: r }];
           const {
-            message: u,
-            startAnimation: y,
-            animationDuration: h
-          } = t.at(-1), A = a.direction !== u.direction || a.userName !== u.userName, $ = y + h + i;
-          return [...t, { message: a, displaySender: A, startAnimation: $, animationDuration: r }];
+            message: p,
+            startAnimation: f,
+            animationDuration: _
+          } = s.at(-1), A = a.direction !== p.direction || a.userName !== p.userName, $ = f + _ + t;
+          return [...s, { message: a, displaySender: A, startAnimation: $, animationDuration: r }];
         },
         []
       )
-    ), m = T("messages");
-    function c(t) {
-      let a = t.content.length * e.animationSpeed;
-      return t.image && (a += l), a;
+    ), g = T("messages");
+    function u(s) {
+      let a = (s.content?.length ?? 0) * e.animationSpeed;
+      return s.image && (a += d), a;
     }
-    function f() {
-      m.value.forEach((t) => t.reset());
+    function y() {
+      g.value.forEach((s) => s.reset());
     }
-    return d({
-      reset: f
-    }), (t, a) => (s(), n("figure", U, [
-      _("figcaption", W, v(e.title), 1),
-      (s(!0), n(b, null, N(p.value, ({ message: o, displaySender: r, startAnimation: u, animationDuration: y }, h) => (s(), V(Q, {
+    return c({
+      reset: y
+    }), (s, a) => (n(), i("figure", W, [
+      h("figcaption", X, v(e.title), 1),
+      (n(!0), i(b, null, N(m.value, ({ message: o, displaySender: r, startAnimation: p, animationDuration: f }, _) => (n(), V(U, {
         ref_for: !0,
         ref: "messages",
         message: o,
-        "start-animation": u,
-        "animation-duration": y,
-        "loading-duration": i,
+        "start-animation": p,
+        "animation-duration": f,
+        "loading-duration": t,
         "display-sender": r,
-        key: h
+        key: _
       }, null, 8, ["message", "start-animation", "animation-duration", "display-sender"]))), 128))
     ]));
   }
-}), Y = "figure{background-color:#fff;border-radius:16px;display:flex;flex-direction:column;gap:8px;margin:0;padding:16px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}", Z = /* @__PURE__ */ D(X, [["styles", [Y]]]), C = F(Z);
+}), Z = "figure{background-color:#fff;border-radius:16px;display:flex;flex-direction:column;gap:8px;margin:0;padding:16px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}", ee = /* @__PURE__ */ D(Y, [["styles", [Z]]]), C = F(ee);
 C.prototype.normalizeProps = (e) => ({
   ...e,
   animationSpeed: j(e.animationSpeed),
-  messages: e.messages.map((d) => ({
-    ...d,
-    image: I(d.image)
+  messages: e.messages.map(({ type: c, content: t, image: d, ...m }) => ({
+    ...m,
+    content: O(t),
+    image: I(d)
   }))
 });
 window.customElements.define("message-conversation", C);

package/dist/components/mobile-shell.ce.js.js

@@ -1,4 +1,4 @@
-import { d as i, c as a, o as l, D as s, a as r, j as n, A as d, n as b, _ as p, f as h } from "../_plugin-vue_export-helper-DOoVeFcJ.js";
+import { d as i, c as a, o as l, D as s, a as r, j as n, A as d, n as b, _ as p, f as h } from "../_plugin-vue_export-helper-CJxDisp0.js";
 const m = {
   class: "content",
   part: "content"

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

@@ -1,6 +1,6 @@
-import { d as m, c, o, F as k, a as t, t as a, h as x, H as R, _ as f, B as C, b as D, q as _, r as b, y as u, A as Z, e as w, D as A, m as $, k as I, f as T } from "../_plugin-vue_export-helper-DOoVeFcJ.js";
-import { a as E, i as M, b as Q } from "../i18n-ecSMtuba.js";
-import { u as q } from "../normalize-props-AlmAfi_u.js";
+import { d as m, c, o, F as k, a as t, t as a, h as x, H as R, _ as f, B as C, b as D, q as _, r as b, y as u, A as Z, e as w, D as A, m as $, k as I, f as T } from "../_plugin-vue_export-helper-CJxDisp0.js";
+import { a as E, i as M, b as Q } from "../i18n-Bs7vpvgi.js";
+import { u as q } from "../normalize-props-BAFlcMqH.js";
 const O = {}, U = {}, G = {}, J = {
   "phishing-message": { title: "Message et émotions", description: "Pour chacun des cas ci-dessous : Ouvrez et lisez le message d’arnaque, puis répondez à la question.", messagePreviewTitle: "Messagerie :", feedBackQuizTitle: "Qu’avez-vous ressenti en lisant ce message ?", next: "Message suivant", step: "Étape {{step}} sur {{totalStep}}" }
 }, W = {}, K = {}, X = "data:image/svg+xml,%3csvg%20width='34'%20height='34'%20viewBox='0%200%2034%2034'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='34'%20height='34'%20rx='8'%20fill='%23E9F3EF'/%3e%3cpath%20d='M8%2025.3451V10.0551C8%209.52465%208.21071%209.01594%208.58579%208.64087C8.96086%208.2658%209.46957%208.05508%2010%208.05508H24C24.5304%208.05508%2025.0391%208.2658%2025.4142%208.64087C25.7893%209.01594%2026%209.52465%2026%2010.0551V20.0551C26%2020.5855%2025.7893%2021.0942%2025.4142%2021.4693C25.0391%2021.8444%2024.5304%2022.0551%2024%2022.0551H12.961C12.6612%2022.0551%2012.3653%2022.1225%2012.0951%2022.2524C11.8249%2022.3822%2011.5874%2022.5711%2011.4%2022.8051L9.069%2025.7191C8.99143%2025.8163%208.88556%2025.887%208.76604%2025.9214C8.64652%2025.9559%208.51926%2025.9523%208.40186%2025.9112C8.28446%2025.8701%208.18273%2025.7936%208.11073%2025.6922C8.03874%2025.5907%208.00005%2025.4695%208%2025.3451Z'%20stroke='%231C825D'%20stroke-width='2'/%3e%3c/svg%3e", Y = ["aria-level"], e2 = { class: "message-page-preview" }, t2 = { class: "card-wrapper" }, a2 = ["src"], i2 = ["aria-level"], s2 = { class: "card-wrapper__time" }, o2 = /* @__PURE__ */ m({

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

@@ -1,9 +1,9 @@
-import { r as x, q as P, y as v, N as J, v as Q, k as R, c as a, B as k, o as r, a as t, j as U, d as W, g as X, u as e2, G as t2, E as H, K as F, t as n, H as B, A as o2, F as Z, b as N, n as S, i as i2, h as w, L as n2, _ as s2, f as a2 } from "../_plugin-vue_export-helper-DOoVeFcJ.js";
-import { u as r2, a as l2, i as T, b as c2 } from "../i18n-ecSMtuba.js";
-import { u as d2 } from "../normalize-props-AlmAfi_u.js";
+import { r as x, q as P, y as v, N as J, v as Q, k as R, c as a, B as k, o as r, a as t, j as U, d as W, g as X, u as e2, G as t2, E as H, K as F, t as n, H as B, A as o2, F as Z, b as N, n as S, i as i2, h as w, L as n2, _ as s2, f as a2 } from "../_plugin-vue_export-helper-CJxDisp0.js";
+import { u as r2, a as l2, i as T, b as c2 } from "../i18n-Bs7vpvgi.js";
+import { u as d2 } from "../normalize-props-BAFlcMqH.js";
 import "./mobile-shell.ce.js.js";
-import { r as h2 } from "../temporal.utils-DGOneXL8.js";
-import { B as u2 } from "../ButtonTooltip.ce-CjtFa5aM.js";
+import { r as h2 } from "../temporal.utils-DBcWSjWy.js";
+import { B as u2 } from "../ButtonTooltip.ce-CZed5BUq.js";
 const g2 = {}, p2 = {}, f2 = {}, m2 = {
   "phishing-notification": { titleCta: "Catégorisez les notifications", categorization: { titleCta: "Catégorisez cette notification", from: "De : {{sender}}", titleCategories: "L’expéditeur se fait passer pour :" }, correction: "La catégorie {{selectedCategory}} n'est pas la bonne. La bonne catégorisation est : {{category}}", validation: "La catégorie {{selectedCategory}} est la bonne.", progressBarA11Y_one: "{{count}} réponse sur {{total}}", progressBarA11Y_other: "{{count}} réponses sur {{total}}", titleResult: "Résultats", result_one: "{{count}} / {{total}} bonne réponse", result_other: "{{count}} / {{total}} bonnes réponses", close: "Fermer" }
 }, _2 = {}, C2 = {}, w2 = ["tabindex"], v2 = ["tabindex"], k2 = {

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

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