@1024pix/epreuves-components 2.3.0 → 2.4.1

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

@@ -1,21 +1,21 @@
-import { d as h, c as n, o, a, A as c, t as j, _ as f, y as P, C as A, G as N, r as y, k as m, v as z, F as x, b as k, e as v, D as q, f as M } from "../_plugin-vue_export-helper-D7ghZaw4.js";
-import { u as O, a as I, i as L, b as R } from "../i18n-CGAadjAA.js";
-import { u as T } from "../normalize-props-AlmAfi_u.js";
-import { L as C } from "../LLMMessage.ce-DOzBmUDF.js";
-const E = {}, D = {}, V = {}, F = {
+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";
+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';)}}." } }
-}, Q = {}, W = {}, G = { class: "probability-bar" }, H = { "aria-hidden": "true" }, U = { class: "sr-only" }, J = /* @__PURE__ */ h({
+}, H = {}, Q = {}, W = { class: "probability-bar" }, U = { "aria-hidden": "true" }, G = { class: "sr-only" }, J = /* @__PURE__ */ h({
   __name: "ProbabilityBar.ce",
   props: {
     name: { type: String },
     percent: { type: Number }
   },
   setup(e) {
-    return (d, t) => (o(), n("div", G, [
-      a("p", H, c(e.name), 1),
-      a("p", U, c(d.$t("complete-phrase.ariaLabelDescription", { name: e.name, percent: e.percent })), 1),
+    return (d, t) => (o(), n("div", W, [
+      a("p", U, c(e.name), 1),
+      a("p", G, c(d.$t("complete-phrase.ariaLabelDescription", { name: e.name, percent: e.percent })), 1),
       a("div", {
-        style: j(`width: ${e.percent}%`),
+        style: S(`width: ${e.percent}%`),
         class: "probability-bar__percent",
         "aria-hidden": "true"
       }, null, 4),
@@ -111,11 +111,11 @@ const E = {}, D = {}, V = {}, F = {
       a("p", pe, c(r.$t("complete-phrase.description")), 1),
       a("section", ue, [
         a("div", be, [
-          q(C, {
+          q(B, {
             class: "container__message",
             message: { content: e.userMessage, direction: "outbound" }
           }, null, 8, ["message"]),
-          q(C, {
+          q(B, {
             class: "container__message",
             message: { content: g.value, direction: "inbound" }
           }, null, 8, ["message"])
@@ -127,10 +127,10 @@ const E = {}, D = {}, V = {}, F = {
             id: `currentProbability${b}`,
             "aria-hidden": b !== t.value
           }, [
-            (o(!0), n(x, null, k(u, ($, S) => (o(), v(X, {
+            (o(!0), n(x, null, k(u, ($, j) => (o(), v(X, {
               name: $.name,
               percent: $.percent,
-              key: S
+              key: j
             }, null, 8, ["name", "percent"]))), 128))
           ], 10, he))), 128))
         ])
@@ -150,14 +150,14 @@ const E = {}, D = {}, V = {}, F = {
     ]));
   }
 }), _e = "*{font-family:Roboto,sans-serif;color:#122647}.complete-phrase__title{font-family:Nunito,sans-serif;font-size:1.75rem;font-weight:700;line-height:36px;text-align:center}.complete-phrase__description{text-align:center;font-size:1rem;font-weight:400;line-height:24px}.complete-phrase__container{display:grid;gap:32px;grid-template-columns:3fr 2fr;margin-bottom:24px}.complete-phrase-container__conversation{background:#fff;border:1px solid #cdd1d9;border-radius:16px;display:flex;flex-direction:column;gap:32px;padding:1rem}.complete-phrase-container__conversation .message{align-items:center}.complete-phrase-container__probabilities{display:grid}.complete-phrase-container__probabilities .probability{display:flex;flex-direction:column;gap:16px;grid-row:1;grid-column:1}.complete-phrase-container__probabilities .probability.hidden{visibility:hidden}.complete-message-word:last-child{border:none;filter:blur(4px);font-weight:600;height:auto;width:auto}.complete-message-word--visible:last-child{color:inherit;filter:none;font-weight:700}.complete-message-word--hidden:last-child{background-color:#f4f5f7;border-radius:4px;border:1px dashed #5e6c84;color:transparent;display:inline-block;filter:none;padding:2px 4px}.complete-message-word:nth-last-child(2){font-weight:600}@media(max-width:600px){.complete-phrase__container{grid-template-columns:1fr}.complete-phrase-container__probabilities .probability.hidden{display:none}}", ge = /* @__PURE__ */ f(fe, [["styles", [_e]]]);
-I(/* @__PURE__ */ Object.assign({ "./locales/en.json": E, "./locales/es-419.json": D, "./locales/es.json": V, "./locales/fr.json": F, "./locales/it.json": Q, "./locales/nl.json": W })).catch((e) => console.error(e));
-const B = M(ge, {
+E(/* @__PURE__ */ Object.assign({ "./locales/en.json": T, "./locales/es-419.json": V, "./locales/es.json": D, "./locales/fr.json": F, "./locales/it.json": H, "./locales/nl.json": Q })).catch((e) => console.error(e));
+const C = M(ge, {
   configureApp(e) {
-    L.changeLanguage(document?.documentElement?.lang || navigator.language), e.use(R, { i18next: L });
+    L.changeLanguage(document?.documentElement?.lang || navigator.language), e.use(I, { i18next: L });
   }
 });
-B.prototype.normalizeProps = (e) => ({
+C.prototype.normalizeProps = (e) => ({
   ...e,
-  titleLevel: T(e.titleLevel)
+  titleLevel: R(e.titleLevel)
 });
-window.customElements.define("complete-phrase", B);
+window.customElements.define("complete-phrase", C);

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

@@ -1,6 +1,6 @@
-import { d as m, c as n, o as d, F as u, a as t, y as v, x as p, A as f, v as y, _ as h, r as w, b as k, J as g, D as F, f as _ } from "../_plugin-vue_export-helper-D7ghZaw4.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-DOoVeFcJ.js";
 import { u as L } from "../normalize-props-AlmAfi_u.js";
-const C = ["aria-hidden"], z = ["src"], N = ["title-level"], S = ["aria-hidden"], $ = ["aria-level"], B = { class: "description" }, U = { class: "image-container" }, j = ["src"], D = /* @__PURE__ */ m({
+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: {
     titleLevel: { type: Number },
@@ -39,17 +39,17 @@ const C = ["aria-hidden"], z = ["src"], N = ["title-level"], S = ["aria-hidden"]
           class: "title"
         }, f(e.name), 9, $),
         t("p", B, f(e.description), 1),
-        t("div", U, [
+        t("div", E, [
           p(l) ? (d(), n("img", {
             key: 0,
             src: p(l),
             alt: ""
-          }, null, 8, j)) : y("", !0)
+          }, null, 8, U)) : y("", !0)
         ])
       ], 10, S)
     ], 64));
   }
-}), E = "[data-v-897a493f]{box-sizing:border-box}.card[data-v-897a493f]{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-897a493f]{font-family:Nunito,sans-serif;font-size:1rem;font-weight:700;line-height:29px}.card.recto.red[data-v-897a493f]{background:linear-gradient(150deg,#fff,#ff7373)}.card.recto.yellow[data-v-897a493f]{background:linear-gradient(150deg,#fff,#ffec73)}.card.recto.blue[data-v-897a493f]{background:linear-gradient(150deg,#fff,#2491ff)}.card.recto.purple[data-v-897a493f]{background:linear-gradient(150deg,#fff,#9177f2)}.card.recto.green[data-v-897a493f]{background:linear-gradient(150deg,#fff,#52d987)}.card.recto.pink[data-v-897a493f]{background:linear-gradient(150deg,#fff,#f041bf)}.card.recto .icon[data-v-897a493f]{display:block;height:auto;width:40px}.card.verso[data-v-897a493f]{line-height:1.2rem;padding:8px;text-align:center;transform:rotateY(180deg) translateZ(0)}.card.verso.flipped.red[data-v-897a493f]{border:2px solid #ff7373}.card.verso.flipped.yellow[data-v-897a493f]{border:2px solid #ffec73}.card.verso.flipped.blue[data-v-897a493f]{border:2px solid #2491ff}.card.verso.flipped.purple[data-v-897a493f]{border:2px solid #9177f2}.card.verso.flipped.green[data-v-897a493f]{border:2px solid #52d987}.card.verso.flipped.pink[data-v-897a493f]{border:2px solid #f041bf}.card.verso .description[data-v-897a493f]{font-size:.9rem;margin:0 0 8px}.card.verso .image-container[data-v-897a493f]{margin:8px 8px 16px;overflow:hidden;width:160px}.card.verso img[data-v-897a493f]{display:block;height:100%;object-fit:contain;width:100%}", K = /* @__PURE__ */ h(D, [["styles", [E]], ["__scopeId", "data-v-897a493f"]]), V = { class: "flip-cards" }, A = ["aria-level"], I = ["aria-expanded", "onClick", "onKeydown"], R = { class: "flip-container" }, Y = /* @__PURE__ */ m({
+}), K = "[data-v-897a493f]{box-sizing:border-box}.card[data-v-897a493f]{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-897a493f]{font-family:Nunito,sans-serif;font-size:1rem;font-weight:700;line-height:29px}.card.recto.red[data-v-897a493f]{background:linear-gradient(150deg,#fff,#ff7373)}.card.recto.yellow[data-v-897a493f]{background:linear-gradient(150deg,#fff,#ffec73)}.card.recto.blue[data-v-897a493f]{background:linear-gradient(150deg,#fff,#2491ff)}.card.recto.purple[data-v-897a493f]{background:linear-gradient(150deg,#fff,#9177f2)}.card.recto.green[data-v-897a493f]{background:linear-gradient(150deg,#fff,#52d987)}.card.recto.pink[data-v-897a493f]{background:linear-gradient(150deg,#fff,#f041bf)}.card.recto .icon[data-v-897a493f]{display:block;height:auto;width:40px}.card.verso[data-v-897a493f]{line-height:1.2rem;padding:8px;text-align:center;transform:rotateY(180deg) translateZ(0)}.card.verso.flipped.red[data-v-897a493f]{border:2px solid #ff7373}.card.verso.flipped.yellow[data-v-897a493f]{border:2px solid #ffec73}.card.verso.flipped.blue[data-v-897a493f]{border:2px solid #2491ff}.card.verso.flipped.purple[data-v-897a493f]{border:2px solid #9177f2}.card.verso.flipped.green[data-v-897a493f]{border:2px solid #52d987}.card.verso.flipped.pink[data-v-897a493f]{border:2px solid #f041bf}.card.verso .description[data-v-897a493f]{font-size:.9rem;margin:0 0 8px}.card.verso .image-container[data-v-897a493f]{margin:8px 8px 16px;overflow:hidden;width:160px}.card.verso img[data-v-897a493f]{display:block;height:100%;object-fit:contain;width:100%}", V = /* @__PURE__ */ h(j, [["styles", [K]], ["__scopeId", "data-v-897a493f"]]), D = { class: "flip-cards" }, I = ["aria-level"], R = ["aria-expanded", "onClick", "onKeydown"], Y = { class: "flip-container" }, Z = /* @__PURE__ */ m({
   __name: "FlipCards.ce",
   props: {
     titleLevel: { default: 2, type: Number },
@@ -66,12 +66,12 @@ const C = ["aria-hidden"], z = ["src"], N = ["title-level"], S = ["aria-hidden"]
     ), s = (i, c) => {
       c.preventDefault(), i.isFlipped = !i.isFlipped;
     };
-    return (i, c) => (d(), n("div", V, [
+    return (i, c) => (d(), n("div", D, [
       t("div", {
         role: "heading",
         "aria-level": e.titleLevel,
         class: "sr-only"
-      }, f(e.name), 9, A),
+      }, f(e.name), 9, I),
       (d(!0), n(u, null, k(l.value, (a, x) => (d(), n("div", {
         key: x,
         class: v(["card-container", { flipped: a.isFlipped, [a.color]: a.color }]),
@@ -84,8 +84,8 @@ const C = ["aria-hidden"], z = ["src"], N = ["title-level"], S = ["aria-hidden"]
           g((r) => s(a, r), ["space"])
         ]
       }, [
-        t("div", R, [
-          F(K, {
+        t("div", Y, [
+          F(V, {
             color: a.color,
             description: a.description,
             icon: a.icon,
@@ -95,10 +95,10 @@ const C = ["aria-hidden"], z = ["src"], N = ["title-level"], S = ["aria-hidden"]
             "title-level": e.titleLevel + 1
           }, null, 8, ["color", "description", "icon", "image", "is-flipped", "name", "title-level"])
         ])
-      ], 42, I))), 128))
+      ], 42, R))), 128))
     ]));
   }
-}), Z = "[data-v-394f37d2]{box-sizing:border-box}.sr-only[data-v-394f37d2]{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.flip-cards[data-v-394f37d2]{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;max-width:100%;padding:0}.flip-cards .card-container[data-v-394f37d2]{cursor:pointer;flex:0 0 180px;height:250px;margin:0;perspective:1200px;outline:none;transform:scale(1);transition:transform ease .5s}.flip-cards .card-container[data-v-394f37d2]:hover,.flip-cards .card-container[data-v-394f37d2]:focus{transform:scale(1.05);transition:transform ease .5s;outline:none}.flip-cards .card-container .flip-container[data-v-394f37d2]{display:block;position:relative;width:100%;height:100%;padding:18px;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,.8,.2,1);will-change:transform}.flip-cards .card-container.flipped .flip-container[data-v-394f37d2]{transform:rotateY(180deg)}", J = /* @__PURE__ */ h(Y, [["styles", [Z]], ["__scopeId", "data-v-394f37d2"]]), b = _(J);
+}), A = "[data-v-394f37d2]{box-sizing:border-box}.sr-only[data-v-394f37d2]{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.flip-cards[data-v-394f37d2]{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;max-width:100%;padding:0}.flip-cards .card-container[data-v-394f37d2]{cursor:pointer;flex:0 0 180px;height:250px;margin:0;perspective:1200px;outline:none;transform:scale(1);transition:transform ease .5s}.flip-cards .card-container[data-v-394f37d2]:hover,.flip-cards .card-container[data-v-394f37d2]:focus{transform:scale(1.05);transition:transform ease .5s;outline:none}.flip-cards .card-container .flip-container[data-v-394f37d2]{display:block;position:relative;width:100%;height:100%;padding:18px;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,.8,.2,1);will-change:transform}.flip-cards .card-container.flipped .flip-container[data-v-394f37d2]{transform:rotateY(180deg)}", P = /* @__PURE__ */ h(Z, [["styles", [A]], ["__scopeId", "data-v-394f37d2"]]), b = _(P);
 b.prototype.normalizeProps = (e) => ({
   ...e,
   titleLevel: L(e.titleLevel)

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

@@ -1,5 +1,5 @@
-import "../_plugin-vue_export-helper-D7ghZaw4.js";
-import { n as p } from "../image-quiz.ce-3HDl6Z67.js";
+import "../_plugin-vue_export-helper-DOoVeFcJ.js";
+import { n as p } from "../image-quiz.ce-CpI6lZ9m.js";
 import "../normalize-props-AlmAfi_u.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-D7ghZaw4.js";
-import { I as A, n as I } from "../image-quiz.ce-3HDl6Z67.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-DOoVeFcJ.js";
+import { I as A, n as I } from "../image-quiz.ce-CpI6lZ9m.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, A as n, F as r, b as m, D as i, _ as p, f as g } from "../_plugin-vue_export-helper-D7ghZaw4.js";
-import { L as l } from "../LLMMessage.ce-DOzBmUDF.js";
-import { p as u } from "../shadow-dom-CFAQERh6.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-DOoVeFcJ.js";
+import { L as l } from "../LLMMessage.ce-Cjpb0CiE.js";
+import { p as u } from "../shadow-dom-DZbyKUWP.js";
 const f = {
   class: "header",
   "aria-hidden": "true"

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

@@ -1,6 +1,6 @@
-import { d as c, H as m, I 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-D7ghZaw4.js";
-import { L as h } from "../LLMMessage.ce-DOzBmUDF.js";
-import { p as _ } from "../shadow-dom-CFAQERh6.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-DOoVeFcJ.js";
+import { L as h } from "../LLMMessage.ce-Cjpb0CiE.js";
+import { p as _ } from "../shadow-dom-DZbyKUWP.js";
 const x = {
   class: "llm-messages",
   "aria-live": "polite"

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

@@ -1,7 +1,7 @@
-import { d as h, r as c, E as y, c as d, o as m, D as w, a, G as k, F as b, b as L, A as S, _ as C, f as P } from "../_plugin-vue_export-helper-D7ghZaw4.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-DOoVeFcJ.js";
 import { u as N } from "../normalize-props-AlmAfi_u.js";
 import "./llm-messages.ce.js.js";
-const E = { class: "prompt-select" }, M = { class: "prompt-select__options" }, A = ["disabled", "onClick"], B = /* @__PURE__ */ h({
+const E = { class: "prompt-select" }, M = { class: "prompt-select__options" }, B = ["disabled", "onClick"], V = /* @__PURE__ */ h({
   __name: "LLMPromptSelect.ce",
   props: {
     messages: { type: Array },
@@ -58,13 +58,13 @@ const E = { class: "prompt-select" }, M = { class: "prompt-select__options" }, A
               key: i,
               disabled: n.disabled || l.value,
               onClick: (f) => v(n)
-            }, S(n.prompt), 9, A))), 128))
+            }, S(n.prompt), 9, B))), 128))
           ])
         ])
       ], 64);
     };
   }
-}), V = ".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}", z = /* @__PURE__ */ C(B, [["styles", [V]]]), _ = P(z);
+}), 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);
 _.prototype.normalizeProps = (r) => ({
   ...r,
   speed: N(r.speed)

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

@@ -1,11 +1,11 @@
-import { d as S, r as x, k as D, h as B, c as n, o as s, y as k, v as g, a as _, G as w, A as v, D as E, K as z, m as P, F as b, b as M, _ as N, g as T, e as V, f as F } from "../_plugin-vue_export-helper-D7ghZaw4.js";
-import { L } from "../Loading.ce-CiVWBT3g.js";
+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"], G = {
+const O = ["part"], q = {
   key: 1,
   class: "message__loader message__content",
   "aria-hidden": "true"
-}, K = ["part"], R = { key: 1 }, q = { key: 0 }, H = /* @__PURE__ */ S({
+}, H = ["part"], R = { key: 1 }, G = { key: 0 }, J = /* @__PURE__ */ M({
   __name: "Message.ce",
   props: {
     displaySender: { type: Boolean, default: !0 },
@@ -15,7 +15,7 @@ const O = ["part"], G = {
     loadingDuration: { type: Number }
   },
   setup(e, { expose: d }) {
-    const i = x("hidden"), l = x([]), p = D(() => e.message.content.split(`
+    const i = x("hidden"), l = x([]), p = S(() => e.message.content.split(`
 `));
     function m(t) {
       return new Promise((a) => {
@@ -33,7 +33,7 @@ const O = ["part"], G = {
     return d({
       reset: f
     }), (t, a) => (s(), n("div", {
-      class: k(["message", [
+      class: w(["message", [
         `message--${e.message.direction}`,
         { "hidden-state": i.value === "hidden" }
       ]])
@@ -44,25 +44,25 @@ const O = ["part"], G = {
         part: `sender ${e.message.direction}`
       }, [
         a[0] || (a[0] = _("span", { class: "sr-only" }, "Message de ", -1)),
-        w(v(e.message.userName), 1)
+        k(v(e.message.userName), 1)
       ], 8, O)) : g("", !0),
-      i.value === "loading" ? (s(), n("div", G, [
+      i.value === "loading" ? (s(), n("div", q, [
         E(L)
       ])) : g("", !0),
       _("p", {
-        class: k(["message__content", { "hidden-state": i.value !== "visible" }]),
+        class: w(["message__content", { "hidden-state": i.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, M(p.value, (o, r) => (s(), n(b, { key: r }, [
-          r > 0 ? (s(), n("br", q)) : g("", !0),
-          w(" " + v(o), 1)
+        (s(!0), n(b, null, N(p.value, (o, r) => (s(), n(b, { key: r }, [
+          r > 0 ? (s(), n("br", G)) : g("", !0),
+          k(" " + v(o), 1)
         ], 64))), 128))
-      ], 10, K)
+      ], 10, H)
     ], 2));
   }
-}), J = ".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__ */ N(H, [["styles", [J]]]), U = { part: "conversation" }, W = { class: "sr-only" }, X = /* @__PURE__ */ S({
+}), 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({
   __name: "MessageConversation.ce",
   props: {
     title: { default: "Conversation par messages", type: String },
@@ -70,7 +70,7 @@ const O = ["part"], G = {
     animationSpeed: { default: 20, type: Number }
   },
   setup(e, { expose: d }) {
-    const i = 50 * e.animationSpeed, l = 50 * e.animationSpeed, p = D(
+    const i = 50 * e.animationSpeed, l = 50 * e.animationSpeed, p = S(
       () => e.messages.reduce(
         (t, a, o) => {
           const r = c(a);
@@ -80,8 +80,8 @@ const O = ["part"], G = {
             message: u,
             startAnimation: y,
             animationDuration: h
-          } = t.at(-1), C = a.direction !== u.direction || a.userName !== u.userName, $ = y + h + i;
-          return [...t, { message: a, displaySender: C, startAnimation: $, animationDuration: r }];
+          } = t.at(-1), A = a.direction !== u.direction || a.userName !== u.userName, $ = y + h + i;
+          return [...t, { message: a, displaySender: A, startAnimation: $, animationDuration: r }];
         },
         []
       )
@@ -97,7 +97,7 @@ const O = ["part"], G = {
       reset: f
     }), (t, a) => (s(), n("figure", U, [
       _("figcaption", W, v(e.title), 1),
-      (s(!0), n(b, null, M(p.value, ({ message: o, displaySender: r, startAnimation: u, animationDuration: y }, h) => (s(), V(Q, {
+      (s(!0), n(b, null, N(p.value, ({ message: o, displaySender: r, startAnimation: u, animationDuration: y }, h) => (s(), V(Q, {
         ref_for: !0,
         ref: "messages",
         message: o,
@@ -109,8 +109,8 @@ const O = ["part"], G = {
       }, 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__ */ N(X, [["styles", [Y]]]), A = F(Z);
-A.prototype.normalizeProps = (e) => ({
+}), 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);
+C.prototype.normalizeProps = (e) => ({
   ...e,
   animationSpeed: j(e.animationSpeed),
   messages: e.messages.map((d) => ({
@@ -118,4 +118,4 @@ A.prototype.normalizeProps = (e) => ({
     image: I(d.image)
   }))
 });
-window.customElements.define("message-conversation", A);
+window.customElements.define("message-conversation", C);

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

@@ -1,5 +1,8 @@
-import { d as i, c as a, o as l, B as s, a as r, C as d, t as n, y as b, _ as p, f as h } from "../_plugin-vue_export-helper-D7ghZaw4.js";
-const m = { class: "content" }, c = /* @__PURE__ */ i({
+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";
+const m = {
+  class: "content",
+  part: "content"
+}, c = /* @__PURE__ */ i({
   __name: "MobileShell.ce",
   props: {
     aspectRatio: { default: "1/2", type: null },
@@ -11,7 +14,7 @@ const m = { class: "content" }, c = /* @__PURE__ */ i({
     return (o, t) => (l(), a("div", {
       class: b(["mobile", { "hide-mobile-shell": !e.persistMobileShell }]),
       part: "screen",
-      style: n({
+      style: d({
         "--aspect-ratio": e.aspectRatio,
         "--max-width": `${e.maxWidth}px`,
         "--margin-top": `${e.marginTop}px`
@@ -19,9 +22,9 @@ const m = { class: "content" }, c = /* @__PURE__ */ i({
     }, [
       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)),
       r("div", m, [
-        d(o.$slots, "default")
+        n(o.$slots, "default")
       ])
     ], 6));
   }
-}), x = '*{box-sizing:border-box;margin:0;padding:0}.mobile{position:absolute;z-index:3;width:100%;left:50%;transform:translate(-50%);border-radius:30px;border:10px solid black;box-shadow:5px 5px 5px #0000004d;box-sizing:content-box;aspect-ratio:var(--aspect-ratio);max-width:var(--max-width);top:var(--margin-top)}.mobile:before{content:"";position:absolute;z-index:1;top:-1px;left:-1px;width:100%;height:100%;border-radius:20px;box-shadow:inset 2px 2px 3px #0000004d}.mobile:after{content:"";position:absolute;top:-7px;left:-5px;width:85%;height:50%;border-top-left-radius:25px;border-top:.1rem solid rgba(255,255,255,.8);border-right:2px solid transparent;filter:blur(1px)}.content{position:absolute;width:100%;height:100%;z-index:5;overflow:hidden;border-radius:20px}.mobile .cache-top{position:absolute;z-index:6;top:0;left:32.5%;width:35%;height:15px;background:#000;border-bottom-left-radius:20px;border-bottom-right-radius:20px}.mobile .cache-top .camera{position:absolute;top:40%;right:5%;width:9%;max-width:10px;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:#ffffff4d}.cache-top .camera:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:25%;height:25%;border-radius:50%;background:#fff;filter:blur(1px)}.mobile .buttons{position:absolute;top:10%;left:-12.5px;height:20%;width:5px}.mobile .button{width:5px;background:#000;margin-bottom:10px;border-radius:30%}.mobile .button.small{height:15%;margin-bottom:10px}.mobile .button.long{height:30%}@media only screen and (max-width:768px){.hide-mobile-shell:after,.hide-mobile-shell .cache-top,.hide-mobile-shell .buttons{display:none}.hide-mobile-shell{border-width:0}.hide-mobile-shell .content{border:solid 2px black}}', u = /* @__PURE__ */ p(c, [["styles", [x]]]), f = h(u);
+}), x = '*{box-sizing:border-box;margin:0;padding:0}.mobile{position:relative;z-index:3;width:100%;left:50%;transform:translate(-50%);border-radius:30px;border:10px solid black;box-shadow:5px 5px 5px #0000004d;box-sizing:content-box;aspect-ratio:var(--aspect-ratio);max-width:var(--max-width);margin-top:var(--margin-top)}.mobile:before{content:"";position:absolute;z-index:1;top:-1px;left:-1px;width:100%;height:100%;border-radius:20px;box-shadow:inset 2px 2px 3px #0000004d}.mobile:after{content:"";position:absolute;top:-7px;left:-5px;width:85%;height:50%;border-top-left-radius:25px;border-top:.1rem solid rgba(255,255,255,.8);border-right:2px solid transparent;filter:blur(1px)}.content{position:absolute;width:100%;height:100%;z-index:5;border-radius:20px;-ms-overflow-style:none;scrollbar-width:none}.content::-webkit-scrollbar{display:none}.mobile .cache-top{position:absolute;z-index:6;top:0;left:32.5%;width:35%;height:15px;background:#000;border-bottom-left-radius:20px;border-bottom-right-radius:20px}.mobile .cache-top .camera{position:absolute;top:40%;right:5%;width:9%;max-width:10px;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:#ffffff4d}.cache-top .camera:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:25%;height:25%;border-radius:50%;background:#fff;filter:blur(1px)}.mobile .buttons{position:absolute;top:10%;left:-12.5px;height:20%;width:5px}.mobile .button{width:5px;background:#000;margin-bottom:10px;border-radius:30%}.mobile .button.small{height:15%;margin-bottom:10px}.mobile .button.long{height:30%}@media only screen and (max-width:768px){.hide-mobile-shell:after,.hide-mobile-shell .cache-top,.hide-mobile-shell .buttons{display:none}.hide-mobile-shell{border-width:0}.hide-mobile-shell .content{border:solid 2px black}}', u = /* @__PURE__ */ p(c, [["styles", [x]]]), f = h(u);
 window.customElements.define("mobile-shell", f);