@1024pix/epreuves-components 4.0.1 → 4.1.0

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

@@ -1,6 +1,6 @@
-import { b as g, c as r, o as n, F as m, a as i, n as f, t as l, B as x, _ as u, r as y, e as k, N as v, E as w, d as F } from "../_plugin-vue_export-helper-D0N_62VD.js";
+import { b as g, o as r, c as n, F as m, a as i, t as f, x as l, l as x, _ as u, r as y, e as k, N as v, C as w, d as F } from "../_plugin-vue_export-helper-B-lVMTio.js";
 import { b as _ } from "../normalize-props-DH0oPBss.js";
-const L = ["aria-hidden"], C = ["src"], N = ["aria-level"], z = ["aria-hidden"], S = ["aria-level"], $ = { class: "description" }, B = { class: "image-container" }, E = ["src"], j = /* @__PURE__ */ g({
+const C = ["aria-hidden"], L = ["src"], N = ["aria-level"], z = ["aria-hidden"], S = ["aria-level"], $ = { class: "description" }, B = { class: "image-container" }, j = ["src"], E = /* @__PURE__ */ g({
   __name: "FlipCard.ce",
   props: {
     titleLevel: { type: Number },
@@ -12,7 +12,7 @@ const L = ["aria-hidden"], C = ["src"], N = ["aria-level"], z = ["aria-hidden"],
     name: { type: String }
   },
   setup(e) {
-    return (s, p) => (n(), r(m, null, [
+    return (s, p) => (r(), n(m, null, [
       i("div", {
         class: f(["card recto", `${e.color}`]),
         "aria-hidden": e.isFlipped ? "true" : "false"
@@ -21,13 +21,13 @@ const L = ["aria-hidden"], C = ["src"], N = ["aria-level"], z = ["aria-hidden"],
           class: "icon",
           src: e.icon,
           alt: ""
-        }, null, 8, C),
+        }, null, 8, L),
         i("div", {
           role: "heading",
           "aria-level": e.titleLevel,
           class: "title"
         }, l(e.name), 9, N)
-      ], 10, L),
+      ], 10, C),
       i("div", {
         class: f(["card verso", { flipped: e.isFlipped, [e.color]: e.color }]),
         "aria-hidden": e.isFlipped ? "false" : "true"
@@ -39,16 +39,16 @@ const L = ["aria-hidden"], C = ["src"], N = ["aria-level"], z = ["aria-hidden"],
         }, l(e.name), 9, S),
         i("p", $, l(e.description), 1),
         i("div", B, [
-          e.image ? (n(), r("img", {
+          e.image ? (r(), n("img", {
             key: 0,
             src: e.image,
             alt: ""
-          }, null, 8, E)) : x("", !0)
+          }, null, 8, j)) : x("", !0)
         ])
       ], 10, z)
     ], 64));
   }
-}), K = "[data-v-c0da3f12]{box-sizing:border-box}.card[data-v-c0da3f12]{align-items:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#fff;border-radius:12px;color:#253858;display:flex;flex-direction:column;gap:1.2rem;inset:0;justify-content:center;padding:18px;position:absolute;transform:translateZ(0);transition:transform ease .5s}.card .title[data-v-c0da3f12]{font-family:Nunito,sans-serif;font-size:1rem;font-weight:700;line-height:29px}.card.recto.red[data-v-c0da3f12]{background:linear-gradient(150deg,#fff,#ff7373)}.card.recto.yellow[data-v-c0da3f12]{background:linear-gradient(150deg,#fff,#ffec73)}.card.recto.blue[data-v-c0da3f12]{background:linear-gradient(150deg,#fff,#2491ff)}.card.recto.purple[data-v-c0da3f12]{background:linear-gradient(150deg,#fff,#9177f2)}.card.recto.green[data-v-c0da3f12]{background:linear-gradient(150deg,#fff,#52d987)}.card.recto.pink[data-v-c0da3f12]{background:linear-gradient(150deg,#fff,#f041bf)}.card.recto .icon[data-v-c0da3f12]{display:block;height:auto;width:40px}.card.verso[data-v-c0da3f12]{line-height:1.2rem;padding:8px;text-align:center;transform:rotateY(180deg) translateZ(0)}.card.verso.flipped.red[data-v-c0da3f12]{border:2px solid #ff7373}.card.verso.flipped.yellow[data-v-c0da3f12]{border:2px solid #ffec73}.card.verso.flipped.blue[data-v-c0da3f12]{border:2px solid #2491ff}.card.verso.flipped.purple[data-v-c0da3f12]{border:2px solid #9177f2}.card.verso.flipped.green[data-v-c0da3f12]{border:2px solid #52d987}.card.verso.flipped.pink[data-v-c0da3f12]{border:2px solid #f041bf}.card.verso .description[data-v-c0da3f12]{font-size:.9rem;margin:0 0 8px}.card.verso .image-container[data-v-c0da3f12]{margin:8px 8px 16px;overflow:hidden;width:160px}.card.verso img[data-v-c0da3f12]{display:block;height:100%;object-fit:contain;width:100%}", V = /* @__PURE__ */ u(j, [["styles", [K]], ["__scopeId", "data-v-c0da3f12"]]), D = { class: "flip-cards" }, I = ["aria-level"], Y = ["aria-expanded", "onClick", "onKeydown"], Z = { class: "flip-container" }, A = /* @__PURE__ */ g({
+}), K = "[data-v-c0da3f12]{box-sizing:border-box}.card[data-v-c0da3f12]{align-items:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#fff;border-radius:12px;color:#253858;display:flex;flex-direction:column;gap:1.2rem;inset:0;justify-content:center;padding:18px;position:absolute;transform:translateZ(0);transition:transform ease .5s}.card .title[data-v-c0da3f12]{font-family:Nunito,sans-serif;font-size:1rem;font-weight:700;line-height:29px}.card.recto.red[data-v-c0da3f12]{background:linear-gradient(150deg,#fff,#ff7373)}.card.recto.yellow[data-v-c0da3f12]{background:linear-gradient(150deg,#fff,#ffec73)}.card.recto.blue[data-v-c0da3f12]{background:linear-gradient(150deg,#fff,#2491ff)}.card.recto.purple[data-v-c0da3f12]{background:linear-gradient(150deg,#fff,#9177f2)}.card.recto.green[data-v-c0da3f12]{background:linear-gradient(150deg,#fff,#52d987)}.card.recto.pink[data-v-c0da3f12]{background:linear-gradient(150deg,#fff,#f041bf)}.card.recto .icon[data-v-c0da3f12]{display:block;height:auto;width:40px}.card.verso[data-v-c0da3f12]{line-height:1.2rem;padding:8px;text-align:center;transform:rotateY(180deg) translateZ(0)}.card.verso.flipped.red[data-v-c0da3f12]{border:2px solid #ff7373}.card.verso.flipped.yellow[data-v-c0da3f12]{border:2px solid #ffec73}.card.verso.flipped.blue[data-v-c0da3f12]{border:2px solid #2491ff}.card.verso.flipped.purple[data-v-c0da3f12]{border:2px solid #9177f2}.card.verso.flipped.green[data-v-c0da3f12]{border:2px solid #52d987}.card.verso.flipped.pink[data-v-c0da3f12]{border:2px solid #f041bf}.card.verso .description[data-v-c0da3f12]{font-size:.9rem;margin:0 0 8px}.card.verso .image-container[data-v-c0da3f12]{margin:8px 8px 16px;overflow:hidden;width:160px}.card.verso img[data-v-c0da3f12]{display:block;height:100%;object-fit:contain;width:100%}", V = /* @__PURE__ */ u(E, [["styles", [K]], ["__scopeId", "data-v-c0da3f12"]]), D = { class: "flip-cards" }, I = ["aria-level"], Y = ["aria-expanded", "onClick", "onKeydown"], Z = { class: "flip-container" }, A = /* @__PURE__ */ g({
   __name: "FlipCards.ce",
   props: {
     titleLevel: { default: 2, type: Number },
@@ -65,13 +65,13 @@ const L = ["aria-hidden"], C = ["src"], N = ["aria-level"], z = ["aria-hidden"],
     ), c = (t, o) => {
       o.preventDefault(), t.isFlipped = !t.isFlipped;
     };
-    return (t, o) => (n(), r("div", D, [
+    return (t, o) => (r(), n("div", D, [
       i("div", {
         role: "heading",
         "aria-level": e.titleLevel,
         class: "sr-only"
       }, l(e.name), 9, I),
-      (n(!0), r(m, null, k(p.value, (a, b) => (n(), r("div", {
+      (r(!0), n(m, null, k(p.value, (a, b) => (r(), n("div", {
         key: b,
         class: f(["card-container", { flipped: a.isFlipped, [a.color]: a.color }]),
         role: "button",

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

@@ -1,7 +1,7 @@
-import { n as t } from "../image-quiz.ce-DqalWHKw.js";
-import "../_plugin-vue_export-helper-D0N_62VD.js";
+import { n as t } from "../image-quiz.ce-BK6-8YF1.js";
+import "../_plugin-vue_export-helper-B-lVMTio.js";
 import "../normalize-props-DH0oPBss.js";
-import "../i18n-lite-t2jNOu0C.js";
+import "../i18n-lite-BIJ2LVs6.js";
 export {
   t as normalizeImageQuizProps
 };

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

@@ -1,6 +1,6 @@
-import { I as g, _ as f, a as z, b as v, c as w, d, e as p, f as b, g as j, n as A } from "../image-quiz.ce-DqalWHKw.js";
-import { b as q, r as E, w as h, c as y, o as l, e as I, f as k, m as B, F as Q, d as C } from "../_plugin-vue_export-helper-D0N_62VD.js";
-import { i as n } from "../i18n-lite-t2jNOu0C.js";
+import { I as g, _ as f, a as z, b as v, c as w, d, e as p, f as b, g as j, n as A } from "../image-quiz.ce-BK6-8YF1.js";
+import { b as q, r as E, w as h, o as l, c as y, e as I, f as k, m as B, F as Q, d as C } from "../_plugin-vue_export-helper-B-lVMTio.js";
+import { i as n } from "../i18n-lite-BIJ2LVs6.js";
 const F = /* @__PURE__ */ q({
   __name: "ImageQuizzes.ce",
   props: {

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

@@ -1,6 +1,6 @@
-import { b as c, c as t, o as s, a as e, t as n, F as r, e as m, E as i, _ as p, d as g } from "../_plugin-vue_export-helper-D0N_62VD.js";
-import { L as l } from "../LLMMessage.ce-Bdmf0R1g.js";
-import { p as u } from "../shadow-dom-C3AZuSZe.js";
+import { b as c, o as t, c as s, a as e, x as n, F as r, e as m, C as i, _ as p, d as g } from "../_plugin-vue_export-helper-B-lVMTio.js";
+import { L as l } from "../LLMMessage.ce-jLEqjxsl.js";
+import { p as u } from "../shadow-dom-Bouq869n.js";
 const f = {
   class: "header",
   "aria-hidden": "true"
@@ -13,7 +13,7 @@ const f = {
     messages: { type: Array }
   },
   setup(o) {
-    return u(), (L, N) => (s(), t(r, null, [
+    return u(), (L, N) => (t(), s(r, null, [
       e("div", f, [
         e("div", null, [
           e("p", h, n(o.conversation1.title), 1)
@@ -24,11 +24,11 @@ const f = {
       ]),
       e("p", v, " Comparaison entre la conversation " + n(o.conversation1.title) + " et la conversation " + n(o.conversation2.title), 1),
       e("div", y, [
-        (s(!0), t(r, null, m(o.messages, (a, d) => (s(), t("div", {
+        (t(!0), s(r, null, m(o.messages, (a, d) => (t(), s("div", {
           key: d,
           class: "llm-compare-messages__row"
         }, [
-          Array.isArray(a) ? (s(), t(r, { key: 0 }, [
+          Array.isArray(a) ? (t(), s(r, { key: 0 }, [
             e("div", null, [
               i(l, {
                 message: a[0],
@@ -41,7 +41,7 @@ const f = {
                 name: o.conversation2.llmName
               }, null, 8, ["message", "name"])
             ])
-          ], 64)) : (s(), t(r, { key: 1 }, [
+          ], 64)) : (t(), s(r, { key: 1 }, [
             e("div", null, [
               i(l, {
                 message: a,

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

@@ -1,10 +1,10 @@
-import { b as c, I as m, J as i, c as t, o as e, F as p, e as d, f, _ as g, d as u } from "../_plugin-vue_export-helper-D0N_62VD.js";
-import { L as h } from "../LLMMessage.ce-Bdmf0R1g.js";
-import { p as _ } from "../shadow-dom-C3AZuSZe.js";
+import { b as c, L as m, M as i, o as e, c as t, F as p, e as d, f, _ as g, d as u } from "../_plugin-vue_export-helper-B-lVMTio.js";
+import { L as h } from "../LLMMessage.ce-jLEqjxsl.js";
+import { p as _ } from "../shadow-dom-Bouq869n.js";
 const x = {
   class: "llm-messages",
   "aria-live": "polite"
-}, b = /* @__PURE__ */ c({
+}, L = /* @__PURE__ */ c({
   __name: "LLMMessages.ce",
   props: {
     messages: { type: Array }
@@ -18,12 +18,12 @@ const x = {
     }
     return i(async () => {
       a.messages, r();
-    }), (L, w) => (e(), t("div", x, [
+    }), (y, w) => (e(), t("div", x, [
       (e(!0), t(p, null, d(s.messages, (l, n) => (e(), f(h, {
         key: n,
         message: l
       }, null, 8, ["message"]))), 128))
     ]));
   }
-}), v = "*{box-sizing:border-box}:host{height:100%;overflow:auto;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){:host{scroll-behavior:auto}}.llm-messages{display:flex;flex-direction:column;gap:29px;padding:24px}", y = /* @__PURE__ */ g(b, [["styles", [v]]]);
-window.customElements.define("llm-messages", u(y));
+}), b = "*{box-sizing:border-box}:host{height:100%;overflow:auto;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){:host{scroll-behavior:auto}}.llm-messages{display:flex;flex-direction:column;gap:29px;padding:24px}", v = /* @__PURE__ */ g(L, [["styles", [b]]]);
+window.customElements.define("llm-messages", u(v));

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

@@ -1,4 +1,4 @@
-import { b as h, r as c, G as y, c as d, o as m, E as w, a, H as k, F as b, e as L, t as S, _ as C, d as P } from "../_plugin-vue_export-helper-D0N_62VD.js";
+import { b as h, r as c, K as y, o as d, c as m, C as w, a, E as k, F as b, e as C, x as L, _ as S, d as P } from "../_plugin-vue_export-helper-B-lVMTio.js";
 import { b as N } from "../normalize-props-DH0oPBss.js";
 import "./llm-messages.ce.js.js";
 const E = { class: "prompt-select" }, M = { class: "prompt-select__options" }, B = ["disabled", "onClick"], V = /* @__PURE__ */ h({
@@ -46,7 +46,7 @@ const E = { class: "prompt-select" }, M = { class: "prompt-select__options" }, B
     }
     return (e, t) => {
       const p = y("llm-messages");
-      return m(), d(b, null, [
+      return d(), m(b, null, [
         w(p, { messages: s.value }, null, 8, ["messages"]),
         a("div", E, [
           t[0] || (t[0] = a("p", { class: "prompt-select__label" }, [
@@ -54,17 +54,17 @@ const E = { class: "prompt-select" }, M = { class: "prompt-select__options" }, B
             a("span", { class: "sr-only" }, "  une fois sélectionnés, les prompts ne sont plus disponibles. ")
           ], -1)),
           a("div", M, [
-            (m(!0), d(b, null, L(u.value, (n, i) => (m(), d("button", {
+            (d(!0), m(b, null, C(u.value, (n, i) => (d(), m("button", {
               key: i,
               disabled: n.disabled || l.value,
               onClick: (f) => v(n)
-            }, S(n.prompt), 9, B))), 128))
+            }, L(n.prompt), 9, B))), 128))
           ])
         ])
       ], 64);
     };
   }
-}), z = ".sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);border:0}llm-messages{display:block;height:400px}.prompt-select{font-family:Roboto,sans-serif;border-top:solid 1px #253858;padding:16px 24px 24px}.prompt-select__label{margin-top:0;font-weight:700;color:#253858}.prompt-select__options{display:flex;gap:1rem;justify-content:left;flex-wrap:wrap}.prompt-select__options>button{padding:1rem 1.5rem;border:none;background:#cec3f4;border-radius:16px;border:1px solid #ffffff;color:#130261;font-size:.875rem;box-shadow:0 4px 12px -4px #957ee833}.prompt-select__options>button:hover:not(:disabled){background:#9a8dc7;color:#fff;cursor:pointer}.prompt-select__options>button:disabled{cursor:not-allowed;color:#1010104d}", A = /* @__PURE__ */ C(V, [["styles", [z]]]), _ = P(A);
+}), z = ".sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);border:0}llm-messages{display:block;height:400px}.prompt-select{font-family:Roboto,sans-serif;border-top:solid 1px #253858;padding:16px 24px 24px}.prompt-select__label{margin-top:0;font-weight:700;color:#253858}.prompt-select__options{display:flex;gap:1rem;justify-content:left;flex-wrap:wrap}.prompt-select__options>button{padding:1rem 1.5rem;border:none;background:#cec3f4;border-radius:16px;border:1px solid #ffffff;color:#130261;font-size:.875rem;box-shadow:0 4px 12px -4px #957ee833}.prompt-select__options>button:hover:not(:disabled){background:#9a8dc7;color:#fff;cursor:pointer}.prompt-select__options>button:disabled{cursor:not-allowed;color:#1010104d}", A = /* @__PURE__ */ S(V, [["styles", [z]]]), _ = P(A);
 _.prototype.normalizeProps = (r) => ({
   ...r,
   speed: N(r.speed)

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

@@ -1,15 +1,15 @@
-import { b as I, j as L, c as d, o as n, n as N, a as s, B as _, f as m, l as x, t as g, E as b, K as v, x as V, _ as S, r as D, g as M, G as O, F as T, e as q, H, d as K } from "../_plugin-vue_export-helper-D0N_62VD.js";
-import { a as J, i as U, b as Q } from "../i18n-ekiZvzf6.js";
-import { B as W } from "../Button.ce-CTKrSDrC.js";
-import { _ as Z, a as A, F as X } from "../Cross.ce.vue_vue_type_script_setup_true_lang-CVBFTfq5.js";
+import { b as j, h as L, o as n, c as d, t as N, a as s, y as h, f as m, x as g, C as b, D as v, l as _, n as V, _ as S, r as D, K as O, F as M, e as q, E as K, g as T, d as H } from "../_plugin-vue_export-helper-B-lVMTio.js";
+import { a as J, i as U, b as Q } from "../i18n-CsT7k7zW.js";
+import { B as W } from "../Button.ce-DZ8jDtW5.js";
+import { _ as Z, a as A, F as X } from "../Cross.ce.vue_vue_type_script_setup_true_lang-l4hAa4eW.js";
 import { s as F } from "../shuffled-B8VGTceh.js";
-import { B as j } from "../ButtonTooltip.ce-CtHo2Dwx.js";
+import { B as I } from "../ButtonTooltip.ce-BnJlaEqx.js";
 const Y = {}, e0 = {}, a0 = {}, t0 = {}, s0 = {}, n0 = {
   "mdp-classement": { correct: "Correct", incorrect: "Incorrect", strong: "Fort", weak: "Faible", moveUp: "Classer l'élément comme étant plus fort", moveDown: "Classer l'élément comme étant plus faible", altInformation: "Une liste de mots de passe à ordonner du plus fort au plus faible", validate: "Valider", feedback: { positiveTitle: "Bien joué !", positiveContent: "Ton classement est correct !  Dans cette liste, seul le mot de passe {strongestPassword} est un mot de passe fort.", negativeTitle: "Pas tout à fait", negativeContent: "Plus un mot de passe est long, varié et imprévisible, plus il est fort. Il n'y a qu'un seul mot de passe fort dans cette liste." } }
 }, o0 = {}, r0 = {}, i0 = "data:image/svg+xml,%3csvg%20width='16'%20height='10'%20viewBox='0%200%2016%2010'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7.61667%209.1C7.41756%209.1%207.227%209.06556%207.045%208.99667C6.86278%208.92778%206.697%208.81878%206.54767%208.66967L0.422334%202.54433C0.140778%202.26256%200%201.90889%200%201.48333C0%201.05778%200.140778%200.704111%200.422334%200.422333C0.704112%200.140777%201.05778%200%201.48333%200C1.90889%200%202.26256%200.140777%202.54433%200.422333L7.61667%205.495L12.689%200.422333C12.9708%200.140777%2013.3244%200%2013.75%200C14.1756%200%2014.5292%200.140777%2014.811%200.422333C15.0926%200.704111%2015.2333%201.05778%2015.2333%201.48333C15.2333%201.90889%2015.0926%202.26256%2014.811%202.54433L8.68567%208.66967C8.53633%208.81878%208.37056%208.92778%208.18833%208.99667C8.00633%209.06556%207.81578%209.1%207.61667%209.1Z'%20fill='url(%23paint0_linear_3023_127)'/%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_3023_127'%20x1='0'%20y1='4.55'%20x2='15.2333'%20y2='4.55'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%232B7FFF'/%3e%3cstop%20offset='1'%20stop-color='%2300b8db'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e", l0 = "data:image/svg+xml,%3csvg%20width='16'%20height='10'%20viewBox='0%200%2016%2010'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7.61667%203.63033L2.54433%208.703C2.26256%208.98456%201.90889%209.12533%201.48333%209.12533C1.05778%209.12533%200.704112%208.98456%200.422334%208.703C0.140778%208.42122%200%208.06756%200%207.642C0%207.21645%200.140778%206.86278%200.422334%206.581L6.54767%200.455666C6.85167%200.151888%207.208%200%207.61667%200C8.02533%200%208.38167%200.151888%208.68567%200.455666L14.811%206.581C15.0926%206.86278%2015.2333%207.21645%2015.2333%207.642C15.2333%208.06756%2015.0926%208.42122%2014.811%208.703C14.5292%208.98456%2014.1756%209.12533%2013.75%209.12533C13.3244%209.12533%2012.9708%208.98456%2012.689%208.703L7.61667%203.63033Z'%20fill='url(%23paint0_linear_3023_130)'/%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_3023_130'%20x1='0'%20y1='4.56267'%20x2='15.2333'%20y2='4.56267'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%232B7FFF'/%3e%3cstop%20offset='1'%20stop-color='%2300b8db'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e", d0 = "data:image/svg+xml,%3csvg%20width='16'%20height='10'%20viewBox='0%200%2016%2010'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7.61667%209.1C7.41756%209.1%207.227%209.06556%207.045%208.99667C6.86278%208.92778%206.697%208.81878%206.54767%208.66967L0.422334%202.54433C0.140778%202.26256%200%201.90889%200%201.48333C0%201.05778%200.140778%200.704111%200.422334%200.422333C0.704112%200.140777%201.05778%200%201.48333%200C1.90889%200%202.26256%200.140777%202.54433%200.422333L7.61667%205.495L12.689%200.422333C12.9708%200.140777%2013.3244%200%2013.75%200C14.1756%200%2014.5292%200.140777%2014.811%200.422333C15.0926%200.704111%2015.2333%201.05778%2015.2333%201.48333C15.2333%201.90889%2015.0926%202.26256%2014.811%202.54433L8.68567%208.66967C8.53633%208.81878%208.37056%208.92778%208.18833%208.99667C8.00633%209.06556%207.81578%209.1%207.61667%209.1Z'%20fill='%23CDD1D9'/%3e%3c/svg%3e", c0 = "data:image/svg+xml,%3csvg%20width='16'%20height='10'%20viewBox='0%200%2016%2010'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7.61667%203.63033L2.54433%208.703C2.26256%208.98456%201.90889%209.12533%201.48333%209.12533C1.05778%209.12533%200.704112%208.98456%200.422334%208.703C0.140778%208.42122%200%208.06756%200%207.642C0%207.21645%200.140778%206.86278%200.422334%206.581L6.54767%200.455666C6.85167%200.151888%207.208%200%207.61667%200C8.02533%200%208.38167%200.151888%208.68567%200.455666L14.811%206.581C15.0926%206.86278%2015.2333%207.21645%2015.2333%207.642C15.2333%208.06756%2015.0926%208.42122%2014.811%208.703C14.5292%208.98456%2014.1756%209.12533%2013.75%209.12533C13.3244%209.12533%2012.9708%208.98456%2012.689%208.703L7.61667%203.63033Z'%20fill='%23cdd1d9'/%3e%3c/svg%3e", p0 = "data:image/svg+xml,%3csvg%20width='9'%20height='15'%20viewBox='0%200%209%2015'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%201.5C0%201.29%20-1.55065e-07%201.1865%200.0119998%201.0995C0.0501813%200.824562%200.177043%200.569595%200.373319%200.373319C0.569595%200.177043%200.824562%200.0501813%201.0995%200.0119998C1.185%20-1.55065e-07%201.29%200%201.5%200C1.71%200%201.8135%20-1.55065e-07%201.9005%200.0119998C2.17544%200.0501813%202.4304%200.177043%202.62668%200.373319C2.82296%200.569595%202.94982%200.824562%202.988%201.0995C3%201.185%203%201.29%203%201.5C3%201.71%203%201.8135%202.988%201.9005C2.94982%202.17544%202.82296%202.4304%202.62668%202.62668C2.4304%202.82296%202.17544%202.94982%201.9005%202.988C1.815%203%201.71%203%201.5%203C1.29%203%201.1865%203%201.0995%202.988C0.824562%202.94982%200.569595%202.82296%200.373319%202.62668C0.177043%202.4304%200.0501813%202.17544%200.0119998%201.9005C-1.55065e-07%201.815%200%201.71%200%201.5ZM0%207.5C0%207.29%20-1.55065e-07%207.1865%200.0119998%207.0995C0.0501813%206.82456%200.177043%206.5696%200.373319%206.37332C0.569595%206.17704%200.824562%206.05018%201.0995%206.012C1.185%206%201.29%206%201.5%206C1.71%206%201.8135%206%201.9005%206.012C2.17544%206.05018%202.4304%206.17704%202.62668%206.37332C2.82296%206.5696%202.94982%206.82456%202.988%207.0995C3%207.185%203%207.29%203%207.5C3%207.71%203%207.8135%202.988%207.9005C2.94982%208.17544%202.82296%208.4304%202.62668%208.62668C2.4304%208.82296%202.17544%208.94982%201.9005%208.988C1.815%209%201.71%209%201.5%209C1.29%209%201.1865%209%201.0995%208.988C0.824562%208.94982%200.569595%208.82296%200.373319%208.62668C0.177043%208.4304%200.0501813%208.17544%200.0119998%207.9005C-1.55065e-07%207.815%200%207.71%200%207.5ZM0%2013.5C0%2013.2915%20-1.55065e-07%2013.1865%200.0119998%2013.0995C0.0504049%2012.8251%200.177181%2012.5706%200.373135%2012.3746C0.56909%2012.1787%200.823553%2012.0519%201.098%2012.0135C1.1865%2012.0015%201.29%2012.0015%201.4985%2012.0015C1.707%2012.0015%201.8135%2012.0015%201.899%2012.0135C2.17345%2012.0519%202.42791%2012.1787%202.62386%2012.3746C2.81982%2012.5706%202.94659%2012.8251%202.985%2013.0995C2.997%2013.1865%202.997%2013.2915%202.997%2013.5C2.997%2013.7085%202.997%2013.8135%202.985%2013.9005C2.94659%2014.1749%202.81982%2014.4294%202.62386%2014.6254C2.42791%2014.8213%202.17345%2014.9481%201.899%2014.9865C1.812%2014.9985%201.707%2014.9985%201.4985%2014.9985C1.29%2014.9985%201.185%2014.9985%201.098%2014.9865C0.823553%2014.9481%200.56909%2014.8213%200.373135%2014.6254C0.177181%2014.4294%200.0504049%2014.1749%200.0119998%2013.9005C-1.55065e-07%2013.8135%200%2013.7085%200%2013.5ZM6%201.5C6%201.29%206%201.1865%206.012%201.0995C6.05018%200.824562%206.17704%200.569595%206.37332%200.373319C6.5696%200.177043%206.82456%200.0501813%207.0995%200.0119998C7.185%20-1.55065e-07%207.29%200%207.5%200C7.71%200%207.8135%20-1.55065e-07%207.9005%200.0119998C8.17544%200.0501813%208.4304%200.177043%208.62668%200.373319C8.82296%200.569595%208.94982%200.824562%208.988%201.0995C9%201.185%209%201.29%209%201.5C9%201.71%209%201.8135%208.988%201.9005C8.94982%202.17544%208.82296%202.4304%208.62668%202.62668C8.4304%202.82296%208.17544%202.94982%207.9005%202.988C7.815%203%207.71%203%207.5%203C7.29%203%207.1865%203%207.0995%202.988C6.82456%202.94982%206.5696%202.82296%206.37332%202.62668C6.17704%202.4304%206.05018%202.17544%206.012%201.9005C6%201.815%206%201.71%206%201.5ZM6%207.5C6%207.29%206%207.1865%206.012%207.0995C6.05018%206.82456%206.17704%206.5696%206.37332%206.37332C6.5696%206.17704%206.82456%206.05018%207.0995%206.012C7.185%206%207.29%206%207.5%206C7.71%206%207.8135%206%207.9005%206.012C8.17544%206.05018%208.4304%206.17704%208.62668%206.37332C8.82296%206.5696%208.94982%206.82456%208.988%207.0995C9%207.185%209%207.29%209%207.5C9%207.71%209%207.8135%208.988%207.9005C8.94982%208.17544%208.82296%208.4304%208.62668%208.62668C8.4304%208.82296%208.17544%208.94982%207.9005%208.988C7.815%209%207.71%209%207.5%209C7.29%209%207.1865%209%207.0995%208.988C6.82456%208.94982%206.5696%208.82296%206.37332%208.62668C6.17704%208.4304%206.05018%208.17544%206.012%207.9005C6%207.815%206%207.71%206%207.5ZM6%2013.5C6%2013.2915%206%2013.1865%206.012%2013.0995C6.05041%2012.8251%206.17718%2012.5706%206.37314%2012.3746C6.56909%2012.1787%206.82355%2012.0519%207.098%2012.0135C7.1865%2012.0015%207.29%2012.0015%207.4985%2012.0015C7.7085%2012.0015%207.8135%2012.0015%207.899%2012.0135C8.17345%2012.0519%208.42791%2012.1787%208.62386%2012.3746C8.81982%2012.5706%208.94659%2012.8251%208.985%2013.0995C8.997%2013.1865%208.997%2013.2915%208.997%2013.5C8.997%2013.7085%208.997%2013.8135%208.985%2013.9005C8.94659%2014.1749%208.81982%2014.4294%208.62386%2014.6254C8.42791%2014.8213%208.17345%2014.9481%207.899%2014.9865C7.812%2014.9985%207.707%2014.9985%207.4985%2014.9985C7.29%2014.9985%207.185%2014.9985%207.098%2014.9865C6.82355%2014.9481%206.56909%2014.8213%206.37314%2014.6254C6.17718%2014.4294%206.05041%2014.1749%206.012%2013.9005C6%2013.8135%206%2013.7085%206%2013.5Z'%20fill='%23CDD1D9'/%3e%3c/svg%3e", C0 = { class: "card-left" }, g0 = ["src"], v0 = ["id"], u0 = {
   key: 0,
   class: "card-right"
-}, f0 = ["src"], m0 = ["src"], b0 = /* @__PURE__ */ I({
+}, f0 = ["src"], m0 = ["src"], b0 = /* @__PURE__ */ j({
   __name: "DraggableCard.ce",
   props: {
     password: { type: String },
@@ -18,8 +18,8 @@ const Y = {}, e0 = {}, a0 = {}, t0 = {}, s0 = {}, n0 = {
     state: { type: String }
   },
   emits: ["move-up", "move-down", "dragstart", "drop"],
-  setup(t, { emit: h }) {
-    const u = L("card"), r = L("button-up"), c = h;
+  setup(t, { emit: x }) {
+    const u = L("card"), r = L("button-up"), c = x;
     function p(o) {
       o.dataTransfer.setDragImage(u.value, 30, 30), c("dragstart", o);
     }
@@ -39,9 +39,9 @@ const Y = {}, e0 = {}, a0 = {}, t0 = {}, s0 = {}, n0 = {
           draggable: "",
           onDragstart: p,
           onDrop: i[0] || (i[0] = (w) => c("drop", w)),
-          onDragenter: i[1] || (i[1] = x(() => {
+          onDragenter: i[1] || (i[1] = h(() => {
           }, ["prevent"])),
-          onDragover: i[2] || (i[2] = x(() => {
+          onDragover: i[2] || (i[2] = h(() => {
           }, ["prevent"]))
         }, null, 40, g0)) : t.state === "correct" ? (n(), m(Z, {
           key: 1,
@@ -59,7 +59,7 @@ const Y = {}, e0 = {}, a0 = {}, t0 = {}, s0 = {}, n0 = {
         }, g(t.password), 9, v0)
       ]),
       t.state === "active" ? (n(), d("div", u0, [
-        b(j, {
+        b(I, {
           class: "move",
           ref: "button-up",
           onClick: f,
@@ -75,7 +75,7 @@ const Y = {}, e0 = {}, a0 = {}, t0 = {}, s0 = {}, n0 = {
           ]),
           _: 1
         }, 8, ["label", "disabled", "aria-describedby"]),
-        b(j, {
+        b(I, {
           class: "move",
           onClick: i[3] || (i[3] = (w) => o.$emit("move-down")),
           label: o.$t("mdp-classement.moveDown"),
@@ -93,24 +93,24 @@ const Y = {}, e0 = {}, a0 = {}, t0 = {}, s0 = {}, n0 = {
       ])) : _("", !0)
     ], 2));
   }
-}), w0 = "p[data-v-b5698134]{margin:5px}.drag-handle[data-v-b5698134]{cursor:grabbing;z-index:217;-webkit-user-select:none;user-select:none;padding:0 4px}svg.icon[data-v-b5698134]{width:24px;height:24px}.card[data-v-b5698134]{display:flex;align-items:center;justify-content:space-between;background:#fff;border-radius:100px;box-shadow:0 4px 8px #07142e14;padding:8px;border:solid 1px transparent}.card .card-left[data-v-b5698134]{display:flex;align-items:center;gap:12px;padding-left:8px}.card .card-right[data-v-b5698134]{display:flex;gap:16px;padding-right:8px}.correct[data-v-b5698134]{border:solid 1px #00a85a}.incorrect[data-v-b5698134]{border:solid 1px #ee6911}[data-v-b5698134] .move{background:none;border:none}@media screen and (max-width:768px){.card .card-left[data-v-b5698134]{gap:8px}.card .card-right[data-v-b5698134]{gap:4px}.drag-handle[data-v-b5698134]{display:none}}", _0 = /* @__PURE__ */ S(b0, [["styles", [w0]], ["__scopeId", "data-v-b5698134"]]), x0 = { class: "wrapper" }, h0 = { class: "sr-only" }, y0 = { class: "ranking-container" }, D0 = { class: "strongness-bar__container" }, k0 = ["onDrop"], $0 = {
+}), w0 = "p[data-v-b5698134]{margin:5px}.drag-handle[data-v-b5698134]{cursor:grabbing;z-index:217;-webkit-user-select:none;user-select:none;padding:0 4px}svg.icon[data-v-b5698134]{width:24px;height:24px}.card[data-v-b5698134]{display:flex;align-items:center;justify-content:space-between;background:#fff;border-radius:100px;box-shadow:0 4px 8px #07142e14;padding:8px;border:solid 1px transparent}.card .card-left[data-v-b5698134]{display:flex;align-items:center;gap:12px;padding-left:8px}.card .card-right[data-v-b5698134]{display:flex;gap:16px;padding-right:8px}.correct[data-v-b5698134]{border:solid 1px #00a85a}.incorrect[data-v-b5698134]{border:solid 1px #ee6911}[data-v-b5698134] .move{background:none;border:none}@media screen and (max-width:768px){.card .card-left[data-v-b5698134]{gap:8px}.card .card-right[data-v-b5698134]{gap:4px}.drag-handle[data-v-b5698134]{display:none}}", _0 = /* @__PURE__ */ S(b0, [["styles", [w0]], ["__scopeId", "data-v-b5698134"]]), h0 = { class: "wrapper" }, x0 = { class: "sr-only" }, y0 = { class: "ranking-container" }, D0 = { class: "strongness-bar__container" }, k0 = ["onDrop"], $0 = {
   key: 0,
   class: "validate-container"
 }, B0 = {
   class: "feedback",
   "aria-live": "polite"
-}, L0 = /* @__PURE__ */ I({
+}, L0 = /* @__PURE__ */ j({
   __name: "MdpClassement.ce",
   props: {
     passwords: { type: Array }
   },
-  setup(t, { expose: h }) {
-    const u = t, r = D(F(u.passwords, { ensureIsShuffled: !0 })), c = D(!1), p = D(!0), f = M(() => r.value.map((e, a) => ({
+  setup(t, { expose: x }) {
+    const u = t, r = D(F(u.passwords, { ensureIsShuffled: !0 })), c = D(!1), p = D(!0), f = T(() => r.value.map((e, a) => ({
       password: e,
       isFirst: a === 0,
       isLast: a === r.value.length - 1,
       state: i(a, e)
-    }))), o = M(() => f.value.every(({ state: e }) => e === "correct"));
+    }))), o = T(() => f.value.every(({ state: e }) => e === "correct"));
     function i(e, a) {
       return p.value ? "active" : a === u.passwords[e] ? "correct" : "incorrect";
     }
@@ -130,13 +130,13 @@ const Y = {}, e0 = {}, a0 = {}, t0 = {}, s0 = {}, n0 = {
     function E() {
       p.value = !1;
     }
-    return h({
+    return x({
       reset: w
     }), (e, a) => {
       const y = O("i18next");
-      return n(), d(T, null, [
-        s("div", x0, [
-          s("p", h0, g(e.$t("mdp-classement.altInformation")), 1),
+      return n(), d(M, null, [
+        s("div", h0, [
+          s("p", x0, g(e.$t("mdp-classement.altInformation")), 1),
           s("div", y0, [
             s("div", D0, [
               s("p", null, g(e.$t("mdp-classement.strong")), 1),
@@ -144,12 +144,12 @@ const Y = {}, e0 = {}, a0 = {}, t0 = {}, s0 = {}, n0 = {
               s("p", null, g(e.$t("mdp-classement.weak")), 1)
             ]),
             s("ul", null, [
-              (n(!0), d(T, null, q(f.value, ({ password: B, isFirst: G, isLast: P, state: R }, C) => (n(), d("li", { key: B }, [
+              (n(!0), d(M, null, q(f.value, ({ password: B, isFirst: P, isLast: R, state: G }, C) => (n(), d("li", { key: B }, [
                 b(_0, {
                   password: B,
-                  "is-up-disabled": G,
-                  "is-down-disabled": P,
-                  state: R,
+                  "is-up-disabled": P,
+                  "is-down-disabled": R,
+                  state: G,
                   onMoveUp: (l) => k(C, C - 1),
                   onMoveDown: (l) => k(C, C + 1),
                   onDragstart: (l) => z(l, C),
@@ -159,9 +159,9 @@ const Y = {}, e0 = {}, a0 = {}, t0 = {}, s0 = {}, n0 = {
                 c.value ? (n(), d("div", {
                   key: 0,
                   onDrop: (l) => $(l, C),
-                  onDragenter: a[1] || (a[1] = x(() => {
+                  onDragenter: a[1] || (a[1] = h(() => {
                   }, ["prevent"])),
-                  onDragover: a[2] || (a[2] = x(() => {
+                  onDragover: a[2] || (a[2] = h(() => {
                   }, ["prevent"])),
                   class: "drop-down"
                 }, null, 40, k0)) : _("", !0)
@@ -175,7 +175,7 @@ const Y = {}, e0 = {}, a0 = {}, t0 = {}, s0 = {}, n0 = {
             onClick: E
           }, {
             default: v(() => [
-              H(g(e.$t("mdp-classement.validate")), 1)
+              K(g(e.$t("mdp-classement.validate")), 1)
             ]),
             _: 1
           })
@@ -212,7 +212,7 @@ const Y = {}, e0 = {}, a0 = {}, t0 = {}, s0 = {}, n0 = {
   }
 }), M0 = "[data-v-65c2c799]{--pix-neutral-800: #253858;font-family:Nunito,Roboto,sans-serif;color:var(--pix-neutral-800)}.sr-only[data-v-65c2c799]{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.strongness-bar__container[data-v-65c2c799]{display:flex;flex-direction:column;align-items:center;gap:8px}.strongness-bar__container p[data-v-65c2c799]{font-family:Roboto,sans-serif;font-size:14px;font-weight:700}.strongness-bar__container .strongness-bar[data-v-65c2c799]{width:10px;height:calc(100% - 48px);border-radius:16px;background:linear-gradient(180deg,#2b7fff,#00b8db)}.wrapper[data-v-65c2c799]{background:#eaf1ff;border-radius:8px;padding:24px}.wrapper .draggable-card[data-v-65c2c799]{border:solid 2px #f0f}.icon-size[data-v-65c2c799]{width:16px;height:16px}.ranking-container[data-v-65c2c799]{display:flex}.ranking-container ul[data-v-65c2c799]{width:100%;display:flex;flex-direction:column;gap:12px}.ranking-container li[data-v-65c2c799]{position:relative;list-style-type:none}.ranking-container .drop-down[data-v-65c2c799]{border:dashed 1px #2b7fff;top:0;height:calc(100% + 10px);position:absolute;width:100%;opacity:.5;z-index:90}.validate-container[data-v-65c2c799]{width:100%;display:flex;justify-content:center;margin:24px 0 8px}.validate-container .validate[data-v-65c2c799]{font-size:14px;font-weight:700}.feedback div[data-v-65c2c799]{margin:24px 0 8px}@media screen and (max-width:768px){.wrapper[data-v-65c2c799]{padding:12px}ul[data-v-65c2c799]{padding-left:8px}}", T0 = /* @__PURE__ */ S(L0, [["styles", [M0]], ["__scopeId", "data-v-65c2c799"]]);
 J(/* @__PURE__ */ Object.assign({ "./locales/de-AT.json": Y, "./locales/en.json": e0, "./locales/es-419.json": a0, "./locales/es.json": t0, "./locales/fr-BE.json": s0, "./locales/fr.json": n0, "./locales/it.json": o0, "./locales/nl.json": r0 })).catch((t) => console.error(t));
-window.customElements.define("mdp-classement", K(T0, {
+window.customElements.define("mdp-classement", H(T0, {
   configureApp(t) {
     U.changeLanguage(document?.documentElement?.lang || navigator.language), t.use(Q, { i18next: U });
   }

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

@@ -1,11 +1,11 @@
-import { b as S, r as x, g as M, y as B, c as i, o as n, n as w, B as c, a as h, H as k, t as v, E, O as T, m as z, F as b, e as N, _ as D, j as P, f as V, d as j } from "../_plugin-vue_export-helper-D0N_62VD.js";
-import { L as F } from "../Loading.ce-Bh7-h48F.js";
-import { b as L, u as O, a as I } from "../normalize-props-DH0oPBss.js";
-const H = ["part"], R = {
+import { b as S, k as E, o as n, c as i, t as x, a as _, E as k, x as v, l, C as T, O as B, m as z, F as b, e as M, r as w, g as N, _ as D, h as P, f as V, d as F } from "../_plugin-vue_export-helper-B-lVMTio.js";
+import { L } from "../Loading.ce-DDtlSLlu.js";
+import { u as O, a as j, b as I } from "../normalize-props-DH0oPBss.js";
+const R = ["part"], q = {
   key: 1,
   class: "message__loader message__content",
   "aria-hidden": "true"
-}, q = ["part"], G = { key: 1 }, J = { key: 0 }, K = /* @__PURE__ */ S({
+}, G = ["part"], H = { key: 1 }, J = { key: 0 }, K = /* @__PURE__ */ S({
   __name: "Message.ce",
   props: {
     displaySender: { type: Boolean, default: !0 },
@@ -14,8 +14,8 @@ const H = ["part"], R = {
     animationDuration: { type: Number },
     loadingDuration: { type: Number }
   },
-  setup(e, { expose: l }) {
-    const t = x("hidden"), d = x([]), m = M(() => e.message.content?.split(`
+  setup(e, { expose: c }) {
+    const t = w("hidden"), d = w([]), m = N(() => e.message.content?.split(`
 `));
     function g(s) {
       return new Promise((a) => {
@@ -26,14 +26,14 @@ const H = ["part"], R = {
     async function u() {
       await g(e.startAnimation), t.value = "loading", await g(e.loadingDuration), t.value = "visible", await g(e.animationDuration);
     }
-    B(u);
+    E(u);
     async function y() {
       t.value = "hidden", d.value.forEach(clearTimeout), await u();
     }
-    return l({
+    return c({
       reset: y
     }), (s, a) => (n(), i("div", {
-      class: w(["message", [
+      class: x(["message", [
         `message--${e.message.direction}`,
         { "hidden-state": t.value === "hidden" }
       ]])
@@ -43,23 +43,23 @@ const H = ["part"], R = {
         class: "message__sender",
         part: `sender ${e.message.direction}`
       }, [
-        a[0] || (a[0] = h("span", { class: "sr-only" }, "Message de ", -1)),
+        a[0] || (a[0] = _("span", { class: "sr-only" }, "Message de ", -1)),
         k(v(e.message.userName), 1)
-      ], 8, H)) : c("", !0),
-      t.value === "loading" ? (n(), i("div", R, [
-        E(F)
-      ])) : c("", !0),
-      h("p", {
-        class: w(["message__content", { "hidden-state": t.value !== "visible" }]),
+      ], 8, R)) : l("", !0),
+      t.value === "loading" ? (n(), i("div", q, [
+        T(L)
+      ])) : l("", !0),
+      _("p", {
+        class: x(["message__content", { "hidden-state": t.value !== "visible" }]),
         part: `message ${e.message.direction}`
       }, [
-        e.message.image ? (n(), i("img", T(z({ key: 0 }, e.message.image)), null, 16)) : c("", !0),
-        e.message.image && m.value ? (n(), i("br", G)) : c("", !0),
-        (n(!0), i(b, null, N(m.value, (o, r) => (n(), i(b, { key: r }, [
-          r > 0 ? (n(), i("br", J)) : c("", !0),
+        e.message.image ? (n(), i("img", B(z({ key: 0 }, e.message.image)), null, 16)) : l("", !0),
+        e.message.image && m.value ? (n(), i("br", H)) : l("", !0),
+        (n(!0), i(b, null, M(m.value, (o, r) => (n(), i(b, { key: r }, [
+          r > 0 ? (n(), i("br", J)) : l("", !0),
           k(" " + v(o), 1)
         ], 64))), 128))
-      ], 10, q)
+      ], 10, G)
     ], 2));
   }
 }), 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({
@@ -69,8 +69,8 @@ const H = ["part"], R = {
     messages: { type: Array },
     animationSpeed: { default: 20, type: Number }
   },
-  setup(e, { expose: l }) {
-    const t = 50 * e.animationSpeed, d = 50 * e.animationSpeed, m = M(
+  setup(e, { expose: c }) {
+    const t = 50 * e.animationSpeed, d = 50 * e.animationSpeed, m = N(
       () => e.messages.reduce(
         (s, a, o) => {
           const r = u(a);
@@ -79,8 +79,8 @@ const H = ["part"], R = {
           const {
             message: p,
             startAnimation: f,
-            animationDuration: _
-          } = s.at(-1), A = a.direction !== p.direction || a.userName !== p.userName, $ = f + _ + t;
+            animationDuration: h
+          } = s.at(-1), A = a.direction !== p.direction || a.userName !== p.userName, $ = f + h + t;
           return [...s, { message: a, displaySender: A, startAnimation: $, animationDuration: r }];
         },
         []
@@ -93,11 +93,11 @@ const H = ["part"], R = {
     function y() {
       g.value.forEach((s) => s.reset());
     }
-    return l({
+    return c({
       reset: y
     }), (s, a) => (n(), i("figure", W, [
-      h("figcaption", X, v(e.conversationTitle), 1),
-      (n(!0), i(b, null, N(m.value, ({ message: o, displaySender: r, startAnimation: p, animationDuration: f }, _) => (n(), V(U, {
+      _("figcaption", X, v(e.conversationTitle), 1),
+      (n(!0), i(b, null, M(m.value, ({ message: o, displaySender: r, startAnimation: p, animationDuration: f }, h) => (n(), V(U, {
         ref_for: !0,
         ref: "messages",
         message: o,
@@ -105,17 +105,17 @@ const H = ["part"], R = {
         "animation-duration": f,
         "loading-duration": t,
         "display-sender": r,
-        key: _
+        key: h
       }, null, 8, ["message", "start-animation", "animation-duration", "display-sender"]))), 128))
     ]));
   }
-}), 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 = j(ee);
+}), 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: L(e.animationSpeed),
-  messages: e.messages.map(({ type: l, content: t, image: d, ...m }) => ({
+  animationSpeed: I(e.animationSpeed),
+  messages: e.messages.map(({ type: c, content: t, image: d, ...m }) => ({
     ...m,
-    content: I(t),
+    content: j(t),
     image: O(d)
   }))
 });

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

@@ -1,4 +1,4 @@
-import { b as i, c as a, o as l, D as s, a as r, q as n, s as d, n as b, _ as p, d as h } from "../_plugin-vue_export-helper-D0N_62VD.js";
+import { b as i, o as a, c as l, J as s, a as r, q as n, z as d, t as b, _ as p, d as h } from "../_plugin-vue_export-helper-B-lVMTio.js";
 const m = {
   class: "content",
   part: "content"
@@ -10,17 +10,17 @@ const m = {
     persistMobileShell: { type: Boolean, default: !1 },
     marginTop: { default: 25, type: Number }
   },
-  setup(e) {
-    return (o, t) => (l(), a("div", {
-      class: b(["mobile", { "hide-mobile-shell": !e.persistMobileShell }]),
+  setup(t) {
+    return (o, e) => (a(), l("div", {
+      class: b(["mobile", { "hide-mobile-shell": !t.persistMobileShell }]),
       part: "screen",
       style: d({
-        "--aspect-ratio": e.aspectRatio,
-        "--max-width": `${e.maxWidth}px`,
-        "--margin-top": `${e.marginTop}px`
+        "--aspect-ratio": t.aspectRatio,
+        "--max-width": `${t.maxWidth}px`,
+        "--margin-top": `${t.marginTop}px`
       })
     }, [
-      t[0] || (t[0] = s('<div class="cache-top"><div class="camera"></div></div><div class="buttons"><div class="button small"></div><div class="button long"></div><div class="button long"></div></div>', 2)),
+      e[0] || (e[0] = s('<div class="cache-top"><div class="camera"></div></div><div class="buttons"><div class="button small"></div><div class="button long"></div><div class="button long"></div></div>', 2)),
       r("div", m, [
         n(o.$slots, "default")
       ])