@1024pix/epreuves-components 2.1.0 → 2.2.0

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

@@ -1,5 +1,5 @@
-import { d as S, r as x, k as D, h as E, c as n, o as s, D as k, E as g, f as _, A as w, t as v, y as B, I as z, m as P, F as b, a as M, _ as N, g as T, b as V, e as F } from "../_plugin-vue_export-helper-BGEtPlxS.js";
-import { L as I } from "../Loading.ce-kO02LfAR.js";
+import { d as S, r as x, k as M, h as B, c as n, o as s, v as k, E as g, a as _, B as w, y as v, z as E, I as z, m as P, F as b, b as N, _ as D, g as T, e as V, f as F } from "../_plugin-vue_export-helper-CP5OpzZH.js";
+import { L as I } from "../Loading.ce-CjAv1WaY.js";
 import { u as L, a as j } from "../normalize-props-AlmAfi_u.js";
 const O = ["part"], R = {
   key: 1,
@@ -15,7 +15,7 @@ const O = ["part"], R = {
     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 = M(() => e.message.content.split(`
 `));
     function m(t) {
       return new Promise((a) => {
@@ -26,7 +26,7 @@ const O = ["part"], R = {
     async function c() {
       await m(e.startAnimation), i.value = "loading", await m(e.loadingDuration), i.value = "visible", await m(e.animationDuration);
     }
-    E(c);
+    B(c);
     async function f() {
       i.value = "hidden", l.value.forEach(clearTimeout), await c();
     }
@@ -47,7 +47,7 @@ const O = ["part"], R = {
         w(v(e.message.userName), 1)
       ], 8, O)) : g("", !0),
       i.value === "loading" ? (s(), n("div", R, [
-        B(I)
+        E(I)
       ])) : g("", !0),
       _("p", {
         class: k(["message__content", { "hidden-state": i.value !== "visible" }]),
@@ -55,14 +55,14 @@ const O = ["part"], R = {
       }, [
         e.message.image ? (s(), n("img", z(P({ key: 0 }, e.message.image)), null, 16)) : g("", !0),
         e.message.image ? (s(), n("br", G)) : g("", !0),
-        (s(!0), n(b, null, M(p.value, (o, r) => (s(), n(b, { key: r }, [
+        (s(!0), n(b, null, N(p.value, (o, r) => (s(), n(b, { key: r }, [
           r > 0 ? (s(), n("br", H)) : g("", !0),
           w(" " + v(o), 1)
         ], 64))), 128))
       ], 10, q)
     ], 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__ */ N(J, [["styles", [K]]]), 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__ */ S({
   __name: "MessageConversation.ce",
   props: {
     title: { default: "Conversation par messages", type: String },
@@ -70,7 +70,7 @@ const O = ["part"], R = {
     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 = M(
       () => e.messages.reduce(
         (t, a, o) => {
           const r = c(a);
@@ -80,8 +80,8 @@ const O = ["part"], R = {
             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"], R = {
       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"], R = {
       }, 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: L(e.animationSpeed),
   messages: e.messages.map((d) => ({
@@ -118,4 +118,4 @@ A.prototype.normalizeProps = (e) => ({
     image: j(d.image)
   }))
 });
-window.customElements.define("message-conversation", A);
+window.customElements.define("message-conversation", C);

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

@@ -1,5 +1,5 @@
-import { d as u, c as a, o as n, f as t, t as i, F as l, a as d, G as h, _ as m, e as f } from "../_plugin-vue_export-helper-BGEtPlxS.js";
-import { a as p, i as o, b as v } from "../i18n-D3E2CT0o.js";
+import { d as u, c as a, o as n, a as t, y as i, F as l, b as d, G as h, _ as m, f } from "../_plugin-vue_export-helper-CP5OpzZH.js";
+import { a as p, i as o, b as v } from "../i18n-BB4WILwM.js";
 import { u as y } from "../normalize-props-AlmAfi_u.js";
 const b = {}, x = {}, S = {}, L = {
   "pix-article": { byAuthor: "Par {{author}}" }

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

@@ -1,6 +1,6 @@
-import { d as S, c as n, o as t, D as M, f as s, E as L, L as R, A as z, t as g, G as l, _ as h, r as $, K as V, k as w, y as m, x as k, J as P, M as _, F as A, a as N, b as T, e as F } from "../_plugin-vue_export-helper-BGEtPlxS.js";
-import { a as G, i as B, b as O } from "../i18n-D3E2CT0o.js";
-import { B as j, N as D } from "../NavigationButton.ce-BUeEdL4x.js";
+import { d as S, c as n, o as t, v as M, a as s, E as L, L as R, B as z, y as g, G as l, _ as h, r as $, K as V, k as w, z as m, t as k, J as P, M as _, F as A, b as N, e as B, f as F } from "../_plugin-vue_export-helper-CP5OpzZH.js";
+import { a as G, i as T, b as O } from "../i18n-BB4WILwM.js";
+import { B as j, N as D } from "../NavigationButton.ce-DlErTyfv.js";
 import { u as C, a as W } from "../normalize-props-AlmAfi_u.js";
 const Z = {
   "pix-carousel": { license: "Image license", next: "Next", of: "{{ currentSlide }} of {{ slideLength }}", previous: "Previous", slide: "Slide", title: "Carousel" }
@@ -56,7 +56,7 @@ const U = ["aria-level"], X = ["innerHTML"], ee = {
 }, le = ["alt", "src"], se = {
   key: 0,
   class: "license"
-}, oe = ["href"], re = { class: "img-container" }, de = ["alt", "src", "height"], ce = ["innerHTML"], ue = {
+}, oe = ["href"], re = { class: "img-container" }, de = ["alt", "src"], ce = ["innerHTML"], ue = {
   key: 1,
   class: "text-container"
 }, pe = ["innerHTML"], me = /* @__PURE__ */ S({
@@ -109,8 +109,7 @@ const U = ["aria-level"], X = ["innerHTML"], ee = {
         s("div", re, [
           s("img", {
             alt: e.slide.image.alt,
-            src: e.slide.image.src,
-            height: e.slide.displayHeight
+            src: e.slide.image.src
           }, null, 8, de)
         ]),
         l(E)(e.slide.text) ? (t(), n("div", {
@@ -132,7 +131,7 @@ const U = ["aria-level"], X = ["innerHTML"], ee = {
       }, null, 8, ["description", "title", "is-active", "title-level"])
     ], 10, ne));
   }
-}), ge = ".slide{transition:transform ease-in-out .8s;height:100%}.slide.off,.slide.initStart{transition:none;transform:translate(100vw)}.slide.initStart.is-next,.slide.initEnd{transform:translate(-100vw)}.slide.initEnd.is-next{transform:translate(100vw)}.slide.on{transform:translate(0)}.slide.disable-animation{transition:none}.image-container{position:relative;display:flex;justify-content:center;align-items:center;margin:auto;max-width:890px;border-radius:8px}.image-container--is-not-image{justify-content:left}.image-container img{height:100%;width:100%;object-fit:contain;filter:drop-shadow(0px 8px 12px rgba(0,0,0,.2));border-radius:16px}.license{position:absolute;font-size:.8rem;bottom:0;margin:0;padding:2px 8px;max-width:50%;border-top-left-radius:8px;border-top-right-radius:8px;text-align:center;background:#ffffffe6}.text-container{margin:auto;width:fit-content}.text-image-container{display:flex;gap:12px;padding:16px;filter:drop-shadow(0px 8px 12px rgba(0,0,0,.2));border-radius:16px;background:#fff}.text-image-container .img-container{width:calc(var(--image-display) / (var(--image-display) + var(--text-display)) * 100%);display:flex;justify-content:center;align-items:center}.text-image-container .img-container img{max-width:100%;width:auto;height:auto}.text-image-container .text-container{width:calc(var(--text-display) / (var(--image-display) + var(--text-display)) * 100%)}.text-image-container .text-container>*{margin:0}@media only screen and (max-width:576px){.license{font-size:.5rem}.image-container img{border-radius:8px;width:95%}.text-image-container{flex-direction:column}.text-image-container .img-container,.text-image-container .text-container{width:100%}}@media(prefers-reduced-motion:reduce){.slide{transition:none}}", fe = /* @__PURE__ */ h(me, [["styles", [ge]]]), ve = {}, xe = {
+}), ge = ".slide{transition:transform ease-in-out .8s;height:100%}.slide.off,.slide.initStart{transition:none;transform:translate(100vw)}.slide.initStart.is-next,.slide.initEnd{transform:translate(-100vw)}.slide.initEnd.is-next{transform:translate(100vw)}.slide.on{transform:translate(0)}.slide.disable-animation{transition:none}.image-container{position:relative;display:flex;justify-content:center;align-items:center;margin:auto;max-width:890px;border-radius:8px}.image-container--is-not-image{justify-content:left}.image-container img{height:100%;width:100%;object-fit:contain;filter:drop-shadow(0px 8px 12px rgba(0,0,0,.2));border-radius:16px}.license{position:absolute;font-size:.8rem;bottom:0;margin:0;padding:2px 8px;max-width:50%;border-top-left-radius:8px;border-top-right-radius:8px;text-align:center;background:#ffffffe6}.text-container{margin:auto;width:fit-content}.text-image-container{display:flex;flex:1;gap:12px;padding:16px;filter:drop-shadow(0px 8px 12px rgba(0,0,0,.2));border-radius:16px;background:#fff}.text-image-container .img-container{width:calc(var(--image-display) / (var(--image-display) + var(--text-display)) * 100%);display:flex;justify-content:center;align-items:center}.text-image-container .img-container img{max-width:100%;width:auto;height:auto}.text-image-container .text-container{width:calc(var(--text-display) / (var(--image-display) + var(--text-display)) * 100%)}.text-image-container .text-container>*{margin:0}@media only screen and (max-width:576px){.license{font-size:.5rem}.image-container img{border-radius:8px;width:95%}.text-image-container{flex-direction:column}.text-image-container .img-container,.text-image-container .text-container{width:100%}}@media(prefers-reduced-motion:reduce){.slide{transition:none}}", fe = /* @__PURE__ */ h(me, [["styles", [ge]]]), ve = {}, xe = {
   width: "25",
   height: "24",
   viewBox: "0 0 25 24",
@@ -162,7 +161,7 @@ function _e(e, i) {
     }, null, -1)
   ])]);
 }
-const Ce = /* @__PURE__ */ h(be, [["render", _e]]), Le = ["aria-roledescription"], $e = ["id"], Se = { class: "footer" }, ke = { class: "control" }, Ae = { class: "slide-info-container" }, Ne = { class: "pagination" }, Te = /* @__PURE__ */ S({
+const Ce = /* @__PURE__ */ h(be, [["render", _e]]), Le = ["aria-roledescription"], $e = ["id"], Se = { class: "footer" }, ke = { class: "control" }, Ae = { class: "slide-info-container" }, Ne = { class: "pagination" }, Be = /* @__PURE__ */ S({
   __name: "Carousel.ce",
   props: {
     randomSlides: { type: Boolean },
@@ -200,7 +199,7 @@ const Ce = /* @__PURE__ */ h(be, [["render", _e]]), Le = ["aria-roledescription"
           ]),
           _: 1
         }, 8, ["disabled", "aria-controls", "label"]),
-        (t(!0), n(A, null, N(a.value, (u, p) => (t(), T(fe, {
+        (t(!0), n(A, null, N(a.value, (u, p) => (t(), B(fe, {
           key: p,
           slide: u,
           direction: y.value,
@@ -243,7 +242,7 @@ const Ce = /* @__PURE__ */ h(be, [["render", _e]]), Le = ["aria-roledescription"
           }, null, 8, ["label", "aria-controls", "disabled"])
         ]),
         s("div", Ae, [
-          (t(!0), n(A, null, N(a.value, (u, p) => (t(), T(H, {
+          (t(!0), n(A, null, N(a.value, (u, p) => (t(), B(H, {
             key: p,
             description: u.description,
             title: u.title,
@@ -260,11 +259,11 @@ const Ce = /* @__PURE__ */ h(be, [["render", _e]]), Le = ["aria-roledescription"
       ])
     ], 8, Le));
   }
-}), Be = "*{--pix-neutral-0: white;--pix-neutral-100: #cdd1d9;--pix-neutral-800: #253858;--pix-primary-100: #cec3f4;--pix-primary-300: #957ee8;--pix-primary-700: #452d9d;--pix-primary-900: #291a5d;font-family:Roboto,sans-serif;color:var(--pix-neutral-800)}section{display:flex;flex-direction:column;gap:12px;overflow:hidden;padding-top:12px}section .slides{display:grid;grid-template-columns:32px auto 32px;gap:16px;width:100%}section .slides .slide{align-items:center;display:flex;grid-row:1;grid-column:2}section .slides .carousel__nav{height:80%;margin:auto 0;background:var(--pix-primary-100);fill:var(--pix-neutral-800);border:none;cursor:pointer;z-index:9;padding:0}section .slides .carousel__nav:hover{background:var(--pix-primary-300);fill:var(--pix-neutral-0)}section .slides .carousel__nav:active,section .slides .carousel__nav:focus,section .slides .carousel__nav:focus-visible{background:var(--pix-primary-700);fill:var(--pix-neutral-0)}section .slides .carousel__nav:focus,section .slides .carousel__nav:focus-visible{outline-offset:-4px;outline:1px solid var(--pix-neutral-0)}section .slides .carousel__nav.previous{border-top-right-radius:1rem;border-bottom-right-radius:1rem}section .slides .carousel__nav.next{border-top-left-radius:1rem;border-bottom-left-radius:1rem}section .slides .carousel__nav.disabled,section .slides .carousel__nav.disabled:hover{background:transparent;cursor:not-allowed;fill:var(--pix-neutral-100)}.footer{padding:16px 56px;display:flex;align-items:start;gap:16px}.footer .footer-separator{border-left:1px solid;width:1px}.footer .control{display:flex;gap:8px;align-items:center}.footer .tooltip-container button.disabled{fill:var(--pix-neutral-100)}.footer .slide-info-container{display:grid;grid-template-columns:1fr}.footer .slide-info-container .pagination{display:inline-flex;align-items:center;font-size:.75rem;font-family:Roboto,sans-serif;font-weight:400;color:var(--pix-primary-900);border-radius:50px;padding:3px 12px;background-color:var(--pix-primary-100);height:18px;text-wrap:nowrap;transform:translateY(-.25rem)}.footer .info{display:grid;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media only screen and (max-width:576px){section .slides{grid-template-columns:0 100% 0;gap:0}section .slides .carousel__nav{display:none}.footer{flex-direction:column;padding:16px}.footer .footer-separator{display:none}}", je = /* @__PURE__ */ h(Te, [["styles", [Be]]]);
+}), Te = "*{--pix-neutral-0: white;--pix-neutral-100: #cdd1d9;--pix-neutral-800: #253858;--pix-primary-100: #cec3f4;--pix-primary-300: #957ee8;--pix-primary-700: #452d9d;--pix-primary-900: #291a5d;font-family:Roboto,sans-serif;color:var(--pix-neutral-800)}section{display:flex;flex-direction:column;gap:12px;overflow:hidden;padding-top:12px}section .slides{display:grid;grid-template-columns:32px auto 32px;gap:16px;width:100%}section .slides .slide{align-items:center;display:flex;grid-row:1;grid-column:2}section .slides .carousel__nav{height:80%;margin:auto 0;background:var(--pix-primary-100);fill:var(--pix-neutral-800);border:none;cursor:pointer;z-index:9;padding:0}section .slides .carousel__nav:hover{background:var(--pix-primary-300);fill:var(--pix-neutral-0)}section .slides .carousel__nav:active,section .slides .carousel__nav:focus,section .slides .carousel__nav:focus-visible{background:var(--pix-primary-700);fill:var(--pix-neutral-0)}section .slides .carousel__nav:focus,section .slides .carousel__nav:focus-visible{outline-offset:-4px;outline:1px solid var(--pix-neutral-0)}section .slides .carousel__nav.previous{border-top-right-radius:1rem;border-bottom-right-radius:1rem}section .slides .carousel__nav.next{border-top-left-radius:1rem;border-bottom-left-radius:1rem}section .slides .carousel__nav.disabled,section .slides .carousel__nav.disabled:hover{background:transparent;cursor:not-allowed;fill:var(--pix-neutral-100)}.footer{padding:16px 56px;display:flex;align-items:start;gap:16px}.footer .footer-separator{border-left:1px solid;width:1px}.footer .control{display:flex;gap:8px;align-items:center}.footer .tooltip-container button.disabled{fill:var(--pix-neutral-100)}.footer .slide-info-container{display:grid;grid-template-columns:1fr}.footer .slide-info-container .pagination{display:inline-flex;align-items:center;font-size:.75rem;font-family:Roboto,sans-serif;font-weight:400;color:var(--pix-primary-900);border-radius:50px;padding:3px 12px;background-color:var(--pix-primary-100);height:18px;text-wrap:nowrap;transform:translateY(-.25rem)}.footer .info{display:grid;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media only screen and (max-width:576px){section .slides{grid-template-columns:0 100% 0;gap:0}section .slides .carousel__nav{display:none}.footer{flex-direction:column;padding:16px}.footer .footer-separator{display:none}}", je = /* @__PURE__ */ h(Be, [["styles", [Te]]]);
 G(/* @__PURE__ */ Object.assign({ "./locales/en.json": Z, "./locales/es-419.json": J, "./locales/es.json": K, "./locales/fr.json": Y, "./locales/it.json": q, "./locales/nl.json": Q })).catch((e) => console.error(e));
 const I = F(je, {
   configureApp(e) {
-    B.changeLanguage(document?.documentElement?.lang || navigator.language), e.use(O, { i18next: B });
+    T.changeLanguage(document?.documentElement?.lang || navigator.language), e.use(O, { i18next: T });
   }
 });
 I.prototype.normalizeProps = (e) => ({

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

@@ -1,6 +1,6 @@
-import { d as S, r as k, J as y, k as m, z as A, c as a, o as i, f as s, l as B, G as d, t as u, F as f, a as b, N as H, y as g, D as C, M as L, E as D, q as F, _ as P, e as G } from "../_plugin-vue_export-helper-BGEtPlxS.js";
-import { a as q, i as w, b as J } from "../i18n-D3E2CT0o.js";
-import { N as j } from "../NavigationButton.ce-BUeEdL4x.js";
+import { d as E, r as k, J as y, k as m, A as S, c as a, o as i, a as s, l as B, G as d, y as u, F as f, b, N as H, z as g, v as C, M as L, E as F, q as P, _ as D, f as G } from "../_plugin-vue_export-helper-CP5OpzZH.js";
+import { a as q, i as w, b as J } from "../i18n-BB4WILwM.js";
+import { N as j } from "../NavigationButton.ce-DlErTyfv.js";
 const R = {}, U = {}, K = {}, Q = {
   "pix-cursor": { confirm: "Valider", next: "Suivant", previous: "Précédent", selectAnOption: "Sélectionnez une option", youHaveChosen: "Vous avez choisi : { choice }" }
 }, W = {}, X = {}, Y = ["for"], Z = {
@@ -12,7 +12,7 @@ const R = {}, U = {}, K = {}, Q = {
 }, ce = {
   key: 0,
   class: "confirm"
-}, de = ["innerHTML", "aria-hidden"], ue = /* @__PURE__ */ S({
+}, de = ["innerHTML", "aria-hidden"], ue = /* @__PURE__ */ E({
   __name: "PixCursor.ce",
   props: {
     options: { type: Array }
@@ -37,10 +37,10 @@ const R = {}, U = {}, K = {}, Q = {
     return M({
       reset: T
     }), (l, h) => {
-      const V = A("i18next");
+      const V = S("i18next");
       return i(), a("form", {
         class: "pix-cursor",
-        onSubmit: F(z, ["prevent"])
+        onSubmit: P(z, ["prevent"])
       }, [
         s("div", null, [
           s("label", {
@@ -49,13 +49,13 @@ const R = {}, U = {}, K = {}, Q = {
           }, u(l.$t("pix-cursor.selectAnOption")), 9, Y),
           s("ul", Z, [
             (i(!0), a(f, null, b(n.options, (t, e) => (i(), a("li", {
-              onClick: (E) => _(e),
+              onClick: (A) => _(e),
               key: e
             }, u(t.label), 9, ee))), 128))
           ]),
           s("datalist", { id: d(x) }, [
             (i(!0), a(f, null, b(n.options, (t, e) => (i(), a("option", {
-              onClick: (E) => _(e),
+              onClick: (A) => _(e),
               key: e,
               value: e,
               label: t.label
@@ -114,7 +114,7 @@ const R = {}, U = {}, K = {}, Q = {
           ])
         ]),
         s("div", le, [
-          o.value ? D("", !0) : (i(), a("button", ce, u(l.$t("pix-cursor.confirm")), 1)),
+          o.value ? F("", !0) : (i(), a("button", ce, u(l.$t("pix-cursor.confirm")), 1)),
           (i(!0), a(f, null, b(n.options, (t, e) => (i(), a("p", {
             innerHTML: t.feedback.text,
             key: e,
@@ -128,7 +128,7 @@ const R = {}, U = {}, K = {}, Q = {
       ], 32);
     };
   }
-}), pe = "[data-v-58e704c5]{--pix-neutral-800: #253858;font-family:Nunito,sans-serif;color:var(--pix-neutral-800)}.pix-cursor[data-v-58e704c5]{display:flex;flex-direction:column;justify-content:center;margin:auto;padding:2rem;gap:1rem;overflow:hidden}.pix-cursor p[data-v-58e704c5]{text-align:center;font-size:1.1rem}.pix-cursor .chosen-option[data-v-58e704c5]{font-weight:700}.pix-cursor .visible-options[data-v-58e704c5]{display:flex;justify-content:space-between;margin:0;padding:0}.pix-cursor .visible-options li[data-v-58e704c5]{cursor:pointer;list-style:none}.pix-cursor input[data-v-58e704c5]{width:100%}.pix-cursor .confirm[data-v-58e704c5]{padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:600;font-size:1.25rem;letter-spacing:1.1;width:fit-content;margin:auto;border:none;color:#fff;background:#4075ff;grid-row:1;grid-column:1}.pix-cursor .confirm[data-v-58e704c5]:hover{background:#355ac4;transition:background ease .1s}.pix-cursor .navigation-container[data-v-58e704c5]{display:flex;justify-content:center;align-items:center;gap:1rem}.pix-cursor .navigation-container .chosen-text-container[data-v-58e704c5]{display:grid}.pix-cursor .navigation-container .chosen-text-container p[data-v-58e704c5]{grid-row:1;grid-column:1}.pix-cursor .navigation-container .chosen-text-container p.hidden[data-v-58e704c5]{transform:translate(100vw)}.pix-cursor .footer[data-v-58e704c5]{display:grid;grid-template-columns:auto;align-items:center;justify-content:center}.pix-cursor .feedback[data-v-58e704c5]{padding:1rem 1.2rem;border-left:solid 4px;border-radius:8px;grid-column:1;grid-row:1;text-align:start;margin:0}.pix-cursor .feedback.hidden[data-v-58e704c5]{visibility:hidden;transform:translate(100vw)}.pix-cursor .feedback.good[data-v-58e704c5]{background:#e8f5e9;border-left-color:#4caf51}.pix-cursor .feedback.bad[data-v-58e704c5]{background:#ffebee;border-left-color:#f44337}.pix-cursor .feedback.neutral[data-v-58e704c5]{background:#e8f6ff;border-left-color:#464ee0}.pix-cursor .feedback.close[data-v-58e704c5]{background:#fff8e1;border-left-color:#ffc108}", ve = /* @__PURE__ */ P(ue, [["styles", [pe]], ["__scopeId", "data-v-58e704c5"]]);
+}), pe = "[data-v-58e704c5]{--pix-neutral-800: #253858;font-family:Nunito,sans-serif;color:var(--pix-neutral-800)}.pix-cursor[data-v-58e704c5]{display:flex;flex-direction:column;justify-content:center;margin:auto;padding:2rem;gap:1rem;overflow:hidden}.pix-cursor p[data-v-58e704c5]{text-align:center;font-size:1.1rem}.pix-cursor .chosen-option[data-v-58e704c5]{font-weight:700}.pix-cursor .visible-options[data-v-58e704c5]{display:flex;justify-content:space-between;margin:0;padding:0}.pix-cursor .visible-options li[data-v-58e704c5]{cursor:pointer;list-style:none}.pix-cursor input[data-v-58e704c5]{width:100%}.pix-cursor .confirm[data-v-58e704c5]{padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:600;font-size:1.25rem;letter-spacing:1.1;width:fit-content;margin:auto;border:none;color:#fff;background:#4075ff;grid-row:1;grid-column:1}.pix-cursor .confirm[data-v-58e704c5]:hover{background:#355ac4;transition:background ease .1s}.pix-cursor .navigation-container[data-v-58e704c5]{display:flex;justify-content:center;align-items:center;gap:1rem}.pix-cursor .navigation-container .chosen-text-container[data-v-58e704c5]{display:grid}.pix-cursor .navigation-container .chosen-text-container p[data-v-58e704c5]{grid-row:1;grid-column:1}.pix-cursor .navigation-container .chosen-text-container p.hidden[data-v-58e704c5]{transform:translate(100vw)}.pix-cursor .footer[data-v-58e704c5]{display:grid;grid-template-columns:auto;align-items:center;justify-content:center}.pix-cursor .feedback[data-v-58e704c5]{padding:1rem 1.2rem;border-left:solid 4px;border-radius:8px;grid-column:1;grid-row:1;text-align:start;margin:0}.pix-cursor .feedback.hidden[data-v-58e704c5]{visibility:hidden;transform:translate(100vw)}.pix-cursor .feedback.good[data-v-58e704c5]{background:#e8f5e9;border-left-color:#4caf51}.pix-cursor .feedback.bad[data-v-58e704c5]{background:#ffebee;border-left-color:#f44337}.pix-cursor .feedback.neutral[data-v-58e704c5]{background:#e8f6ff;border-left-color:#464ee0}.pix-cursor .feedback.close[data-v-58e704c5]{background:#fff8e1;border-left-color:#ffc108}", ve = /* @__PURE__ */ D(ue, [["styles", [pe]], ["__scopeId", "data-v-58e704c5"]]);
 q(/* @__PURE__ */ Object.assign({ "./locales/en.json": R, "./locales/es-419.json": U, "./locales/es.json": K, "./locales/fr.json": Q, "./locales/it.json": W, "./locales/nl.json": X })).catch((n) => console.error(n));
 window.customElements.define("pix-cursor", G(ve, {
   configureApp(n) {

package/dist/components/qcm-deepfake.ce.js.js

@@ -1,12 +1,13 @@
-import { d as y, k as b, c as o, o as l, f as n, E as g, t as c, D as k, _ as C, O as E, P as j, r as _, l as R, A as V, Q as O, g as G, F as I, a as S, b as M, G as P, q as Q, y as F, e as H } from "../_plugin-vue_export-helper-BGEtPlxS.js";
-import { i as a, a as U, b as W } from "../i18n-D3E2CT0o.js";
+import { d as y, k as b, c as i, o, a as s, E as v, y as c, v as w, _, O as E, P as A, r as x, l as O, B as V, Q as G, L as M, g as P, F as $, b as C, e as Q, G as F, z as k, R as U, M as W, q as H, f as J } from "../_plugin-vue_export-helper-CP5OpzZH.js";
+import { i as a, a as K, b as X } from "../i18n-BB4WILwM.js";
+import { R as Y } from "../Retry--whpA3a8.js";
 import { u as Z } from "../normalize-props-AlmAfi_u.js";
-const J = {}, K = {}, X = {}, Y = {
+const ee = {}, te = {}, ae = {}, ne = {
   "qcm-deepfake": { options: ["une photo de sa chanteuse préférée", "une chanson de sa chanteuse préférée", "les partitions de la chanson", "une photo de Caroline", "un enregistrement de Caroline qui dit quelques phrases"], iaResultInfo: "Retrouvez ici les résultats du logiciel d'IA générative :", iaResultGenerated: "Résultat généré par le logiciel d'IA générative", in: "Entrée", out: "Sortie", waiting: "Logiciel d'IA générative", selectThreeElements: "Sélectionnez 3 éléments pour générer la vidéo de Caroline :", generateVideo: "Générer la vidéo !", loading: "Chargement…", restart: "Recommencer", element_one: "élément", element_other: "éléments", generateVideoInfo_one: "Plus que {{count}} élément", generateVideoInfo_other: "Plus que {{count}} éléments", restartInfo: "Essayez avec de nouveaux éléments", success: { title: "Bien joué !", description: "C'est bien la vidéo de Caroline. Vous avez utilisé les bons éléments." }, fail: { title: "Pas exactement…", description: "Le résultat ne convient pas. Recommencez en changeant les éléments en entrée." } }
-}, ee = {}, te = {}, ae = ["aria-hidden"], ie = ["aria-level"], se = ["src"], ne = {
+}, oe = {}, ie = {}, re = ["aria-hidden"], se = ["aria-level"], le = ["src"], de = {
   key: 1,
   class: "description"
-}, le = ["src"], oe = ["aria-level"], re = /* @__PURE__ */ y({
+}, ce = ["src"], ue = ["aria-level"], fe = /* @__PURE__ */ y({
   __name: "NarrativeAnswer.ce",
   props: {
     messageTitle: { type: String },
@@ -18,41 +19,41 @@ const J = {}, K = {}, X = {}, Y = {
     type: { type: String }
   },
   setup(e) {
-    const f = e, i = b(() => f.type === "success" || f.type === "fail" ? a.t("qcm-deepfake.out") : a.t("qcm-deepfake.waiting"));
-    return (r, t) => (l(), o("div", {
+    const u = e, n = b(() => u.type === "success" || u.type === "fail" ? a.t("qcm-deepfake.out") : a.t("qcm-deepfake.waiting"));
+    return (l, t) => (o(), i("div", {
       class: "right-container",
       "aria-hidden": e.type !== e.stateAnswer
     }, [
-      n("div", {
+      s("div", {
         class: "subtitle",
         role: "heading",
         "aria-level": e.titleLevel
-      }, c(i.value), 9, ie),
-      e.type === "search" ? (l(), o("img", {
+      }, c(n.value), 9, se),
+      e.type === "search" ? (o(), i("img", {
         key: 0,
         src: e.image,
         alt: ""
-      }, null, 8, se)) : g("", !0),
-      e.type === "success" || e.type === "fail" ? (l(), o("p", ne, c(e.title), 1)) : g("", !0),
-      e.type !== "search" ? (l(), o("img", {
+      }, null, 8, le)) : v("", !0),
+      e.type === "success" || e.type === "fail" ? (o(), i("p", de, c(e.title), 1)) : v("", !0),
+      e.type !== "search" ? (o(), i("img", {
         key: 2,
         src: e.image,
         alt: ""
-      }, null, 8, le)) : g("", !0),
-      e.messageTitle ? (l(), o("div", {
+      }, null, 8, ce)) : v("", !0),
+      e.messageTitle ? (o(), i("div", {
         key: 3,
-        class: k(["answer-block", e.stateAnswer])
+        class: w(["answer-block", e.stateAnswer])
       }, [
-        n("div", {
+        s("div", {
           class: "answer-block__title",
           role: "heading",
           "aria-level": e.titleLevel + 1
-        }, c(e.messageTitle), 9, oe),
-        n("p", null, c(e.messageDescription), 1)
-      ], 2)) : g("", !0)
-    ], 8, ae));
+        }, c(e.messageTitle), 9, ue),
+        s("p", null, c(e.messageDescription), 1)
+      ], 2)) : v("", !0)
+    ], 8, re));
   }
-}), de = ".right-container[data-v-2a82aa38]{grid-row:1/1;grid-column:1/1}.right-container[aria-hidden=true][data-v-2a82aa38]{visibility:hidden}img[data-v-2a82aa38]{margin-block:.5rem}.subtitle[data-v-2a82aa38]{font-size:1.25rem;font-weight:700;text-align:center}.description[data-v-2a82aa38]{font-weight:700;margin-top:0;margin-bottom:0}img[data-v-2a82aa38]{width:200px;height:auto}.answer-block[data-v-2a82aa38]{background:#e8e8e8;margin-inline:1rem;padding:.5rem;border-radius:10px}.answer-block p[data-v-2a82aa38]{margin-bottom:0}.answer-block.success[data-v-2a82aa38]{background:#e8f3ef}.answer-block.fail[data-v-2a82aa38]{border-radius:16px;background:#fbecec}", ce = /* @__PURE__ */ C(re, [["styles", [de]], ["__scopeId", "data-v-2a82aa38"]]), ue = ["aria-disabled"], fe = /* @__PURE__ */ y({
+}), ge = ".right-container[data-v-2a82aa38]{grid-row:1/1;grid-column:1/1}.right-container[aria-hidden=true][data-v-2a82aa38]{visibility:hidden}img[data-v-2a82aa38]{margin-block:.5rem}.subtitle[data-v-2a82aa38]{font-size:1.25rem;font-weight:700;text-align:center}.description[data-v-2a82aa38]{font-weight:700;margin-top:0;margin-bottom:0}img[data-v-2a82aa38]{width:200px;height:auto}.answer-block[data-v-2a82aa38]{background:#e8e8e8;margin-inline:1rem;padding:.5rem;border-radius:10px}.answer-block p[data-v-2a82aa38]{margin-bottom:0}.answer-block.success[data-v-2a82aa38]{background:#e8f3ef}.answer-block.fail[data-v-2a82aa38]{border-radius:16px;background:#fbecec}", pe = /* @__PURE__ */ _(fe, [["styles", [ge]], ["__scopeId", "data-v-2a82aa38"]]), me = ["aria-disabled"], ve = /* @__PURE__ */ y({
   __name: "Option.ce",
   props: /* @__PURE__ */ E({
     option: { type: String },
@@ -63,49 +64,55 @@ const J = {}, K = {}, X = {}, Y = {
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(e, { expose: f }) {
-    const i = j(e, "modelValue"), r = _(!1), t = b(() => i.value.length === 3 && !r.value || e.readonly);
-    function h(v) {
+  setup(e, { expose: u }) {
+    const n = A(e, "modelValue"), l = x(!1), t = b(() => n.value.length === 3 && !l.value || e.readonly);
+    function h(p) {
       if (t.value) {
-        v.preventDefault();
+        p.preventDefault();
         return;
       }
-      v.target.checked ? i.value.push(e.option) : i.value = i.value.filter((m) => m !== e.option);
+      p.target.checked ? n.value.push(e.option) : n.value = n.value.filter((g) => g !== e.option);
     }
-    return f({
-      isChecked: r
-    }), (v, p) => (l(), o("label", {
-      class: k({ selected: r.value, disabled: t.value })
+    return u({
+      isChecked: l
+    }), (p, m) => (o(), i("label", {
+      class: w({ selected: l.value, disabled: t.value })
     }, [
-      R(n("input", {
+      O(s("input", {
         type: "checkbox",
         name: "options",
         onClick: h,
         "aria-disabled": t.value,
-        "onUpdate:modelValue": p[0] || (p[0] = (m) => r.value = m)
-      }, null, 8, ue), [
-        [O, r.value]
+        "onUpdate:modelValue": m[0] || (m[0] = (g) => l.value = g)
+      }, null, 8, me), [
+        [G, l.value]
       ]),
       V(c(e.option), 1)
     ], 2));
   }
-}), me = ".selected[data-v-a067b43a]{background:#f7f5ff}.disabled[data-v-a067b43a]{cursor:not-allowed;background:#efefef}.disabled.selected[data-v-a067b43a]{background:#d6d5dd}", ge = /* @__PURE__ */ C(fe, [["styles", [me]], ["__scopeId", "data-v-a067b43a"]]), ve = { class: "container" }, pe = { class: "left-side" }, be = ["aria-level"], he = { class: "left-side__description" }, _e = { class: "left-side__action" }, ye = ["aria-disabled", "aria-describedby"], ke = {
-  key: 0,
-  "aria-hidden": "true",
-  width: "20",
-  height: "20",
-  viewBox: "0 0 20 20",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg"
-}, Ce = {
+}), be = ".selected[data-v-a067b43a]{background:#f7f5ff}.disabled[data-v-a067b43a]{cursor:not-allowed;background:#efefef}.disabled.selected[data-v-a067b43a]{background:#d6d5dd}", he = /* @__PURE__ */ _(ve, [["styles", [be]], ["__scopeId", "data-v-a067b43a"]]), ye = /* @__PURE__ */ y({
+  __name: "Button.ce",
+  props: {
+    label: { type: String },
+    state: { type: String }
+  },
+  setup(e) {
+    return (u, n) => (o(), i("button", {
+      class: w(["epreuve-button", e.state])
+    }, [
+      M(u.$slots, "icon"),
+      V(" " + c(e.label), 1)
+    ], 2));
+  }
+}), _e = ".epreuve-button{--pix-neutral-0: #fff;--pix-neutral-800: #253858;--pix-neutral-900: #122647;--pix-secondary-500: #ffcb33;--pix-secondary-700: #a16206}.epreuve-button.primary{--background-color: var(--pix-neutral-800);--background-color-hover: var(--pix-neutral-900);--color: var(--pix-neutral-0);--color-hover: var(--pix-neutral-0)}.epreuve-button.warning{--background-color: var(--pix-secondary-500);--background-color-hover: var(--pix-secondary-700);--color: var(--pix-neutral-900);--color-hover: var(--pix-neutral-0)}.epreuve-button.primary,.epreuve-button.warning{align-items:center;background-color:var(--background-color);border:2px solid transparent;border-radius:8px;color:var(--color);cursor:pointer;display:flex;font-family:Roboto,sans-serif;font-size:1rem;font-weight:700;justify-content:center;gap:8px;line-height:24px;margin:0 auto;outline:none;padding:8px 24px;transition:background-color ease .5s,color ease .5s;width:fit-content;white-space:nowrap}:is(.epreuve-button.primary,.epreuve-button.warning)[aria-disabled=true]{cursor:not-allowed;opacity:.5}:is(.epreuve-button.primary,.epreuve-button.warning):not([aria-disabled=true]):hover{background-color:var(--background-color-hover);color:var(--color-hover);transition:background-color ease .5s,color ease .5s}:is(.epreuve-button.primary,.epreuve-button.warning):not([aria-disabled=true]):hover svg{color:var(--color-hover);transition:color ease .5s}:is(.epreuve-button.primary,.epreuve-button.warning):focus,:is(.epreuve-button.primary,.epreuve-button.warning):focus-visible{background-color:var(--background-color-hover);color:var(--color-hover);outline:1px solid var(--pix-neutral-0);outline-offset:-5px}", ke = /* @__PURE__ */ _(ye, [["styles", [_e]]]), xe = { class: "container" }, we = { class: "left-side" }, qe = ["aria-level"], Ie = { class: "left-side__description" }, Se = { class: "left-side__action" }, $e = {
   key: 0,
   id: "optionsSelectedInfo",
   class: "left-side__lower-legend",
   "aria-hidden": "true"
-}, we = {
+}, Ce = {
   class: "right-side",
   "aria-live": "polite"
-}, xe = /* @__PURE__ */ y({
+}, Ve = /* @__PURE__ */ y({
   __name: "QcmDeepfake.ce",
   props: {
     titleLevel: { default: 2, type: Number },
@@ -115,8 +122,8 @@ const J = {}, K = {}, X = {}, Y = {
     searchImage: { type: String },
     searchDelay: { default: 3e3, type: Number }
   },
-  setup(e, { expose: f }) {
-    const i = _([]), r = [2, 4, 5], t = _("info"), h = G("optionsNode"), v = a.t("qcm-deepfake.options", { returnObjects: !0 }), p = ["👩‍🎤", "🎧", "🎶", "👩", "🎙️"], m = v.map((d, s) => `${p[s]} ${d}`), N = m.filter((d, s) => r.includes(s + 1)), D = [
+  setup(e, { expose: u }) {
+    const n = x([]), l = [2, 4, 5], t = x("info"), h = P("optionsNode"), p = a.t("qcm-deepfake.options", { returnObjects: !0 }), m = ["👩‍🎤", "🎧", "🎶", "👩", "🎙️"], g = p.map((d, r) => `${m[r]} ${d}`), z = g.filter((d, r) => l.includes(r + 1)), B = [
       {
         type: "info",
         image: e.infoImage
@@ -139,85 +146,85 @@ const J = {}, K = {}, X = {}, Y = {
         type: "search",
         image: e.searchImage
       }
-    ], w = b(() => i.value.length !== 3 || t.value === "search"), T = b(() => t.value === "search" ? a.t("qcm-deepfake.loading") : t.value === "info" ? a.t("qcm-deepfake.generateVideo") : a.t("qcm-deepfake.restart")), L = b(() => t.value === "info" ? a.t("qcm-deepfake.generateVideoInfo", { count: r.length - i.value.length }) : t.value === "fail" ? a.t("qcm-deepfake.restartInfo") : "");
-    function z() {
-      if (!w.value)
-        return t.value === "info" ? B() : x();
+    ], q = b(() => n.value.length !== 3 || t.value === "search"), D = b(() => t.value === "search" ? a.t("qcm-deepfake.loading") : t.value === "info" ? a.t("qcm-deepfake.generateVideo") : a.t("qcm-deepfake.restart")), L = b(() => t.value === "info" ? a.t("qcm-deepfake.generateVideoInfo", { count: l.length - n.value.length }) : t.value === "fail" ? a.t("qcm-deepfake.restartInfo") : "");
+    function T() {
+      return q.value ? !1 : t.value === "info" ? R() : I();
     }
-    function x() {
+    function I() {
       h.value.forEach((d) => {
         d.isChecked = !1;
-      }), i.value = [], t.value = "info";
+      }), n.value = [], t.value = "info";
     }
-    async function B() {
-      const d = i.value.every((s) => N.includes(s.trim()));
-      t.value = "search", await new Promise((s) => setTimeout(s, e.searchDelay)), d ? t.value = "success" : t.value = "fail";
+    async function R() {
+      const d = n.value.every((r) => z.includes(r.trim()));
+      t.value = "search", await new Promise((r) => setTimeout(r, e.searchDelay)), d ? t.value = "success" : t.value = "fail";
     }
-    return f({
-      reset: x
-    }), (d, s) => (l(), o("div", ve, [
-      n("form", pe, [
-        n("div", {
+    return u({
+      reset: I
+    }), (d, r) => (o(), i("div", xe, [
+      s("form", we, [
+        s("div", {
           class: "left-side__subtitle",
           role: "heading",
           "aria-level": e.titleLevel
-        }, c(d.$t("qcm-deepfake.in")), 9, be),
-        n("fieldset", null, [
-          n("legend", he, c(d.$t("qcm-deepfake.selectThreeElements")), 1),
-          (l(!0), o(I, null, S(P(m), (u, q) => (l(), M(ge, {
+        }, c(d.$t("qcm-deepfake.in")), 9, qe),
+        s("fieldset", null, [
+          s("legend", Ie, c(d.$t("qcm-deepfake.selectThreeElements")), 1),
+          (o(!0), i($, null, C(F(g), (f, S) => (o(), Q(he, {
             ref_for: !0,
             ref_key: "optionsNode",
             ref: h,
-            modelValue: i.value,
-            "onUpdate:modelValue": s[0] || (s[0] = (A) => i.value = A),
-            key: q,
+            modelValue: n.value,
+            "onUpdate:modelValue": r[0] || (r[0] = (j) => n.value = j),
+            key: S,
             class: "left-side__options",
-            option: u,
-            value: q + 1,
+            option: f,
+            value: S + 1,
             readonly: t.value !== "info"
           }, null, 8, ["modelValue", "option", "value", "readonly"]))), 128))
         ]),
-        n("div", _e, [
-          n("button", {
-            onClick: Q(z, ["prevent"]),
-            class: k(["left-side__button", { generate: t.value === "info" }]),
-            "aria-disabled": w.value,
+        s("div", Se, [
+          k(ke, {
+            onClick: H(T, ["prevent"]),
+            "aria-disabled": q.value,
+            label: D.value,
+            state: t.value === "info" ? "primary" : "warning",
             "aria-describedby": ["success", "search"].includes(t.value) ? void 0 : "optionsSelectedInfo"
-          }, [
-            t.value === "success" || t.value === "fail" ? (l(), o("svg", ke, [...s[1] || (s[1] = [
-              n("path", {
-                d: "M9.98002 16.836C8.07572 16.836 6.4603 16.1728 5.13377 14.8462C3.80725 13.5197 3.14398 11.9043 3.14398 9.99998C3.14398 8.09568 3.80725 6.48026 5.13377 5.15373C6.4603 3.8272 8.07572 3.16394 9.98002 3.16394C10.9684 3.16394 11.9108 3.36686 12.8073 3.77269C13.7038 4.17839 14.4713 4.76095 15.1096 5.5204V4.03707C15.1096 3.7897 15.1933 3.58234 15.3606 3.41498C15.528 3.24762 15.7354 3.16394 15.9827 3.16394C16.2302 3.16394 16.4377 3.24762 16.605 3.41498C16.7724 3.58234 16.8561 3.7897 16.8561 4.03707V8.29352C16.8561 8.5595 16.7645 8.78394 16.5815 8.96686C16.3986 9.14991 16.1741 9.24144 15.9081 9.24144H11.6417C11.3957 9.24144 11.1895 9.15776 11.0231 8.9904C10.8568 8.82304 10.7736 8.61561 10.7736 8.36811C10.7736 8.12213 10.8572 7.91595 11.0246 7.74956C11.192 7.58318 11.3993 7.49998 11.6467 7.49998H14.2438C13.7993 6.74207 13.199 6.14589 12.4427 5.71144C11.6866 5.277 10.8657 5.05977 9.98002 5.05977C8.6078 5.05977 7.44141 5.54005 6.48086 6.50061C5.52016 7.4613 5.03982 8.62776 5.03982 9.99998C5.03982 11.3722 5.52016 12.5387 6.48086 13.4994C7.44141 14.4599 8.6078 14.9402 9.98002 14.9402C10.8879 14.9402 11.7218 14.713 12.4817 14.2587C13.2416 13.8046 13.8384 13.1963 14.2723 12.4339C14.402 12.2189 14.5845 12.0692 14.8198 11.9848C15.055 11.9005 15.2895 11.8996 15.5236 11.9823C15.7733 12.0651 15.9534 12.2275 16.064 12.4696C16.1744 12.7118 16.1675 12.9401 16.0431 13.1544C15.4537 14.2688 14.6221 15.161 13.5484 15.831C12.4745 16.501 11.285 16.836 9.98002 16.836Z",
-                fill: "#122647"
-              }, null, -1)
-            ])])) : g("", !0),
-            V(" " + c(T.value), 1)
-          ], 10, ye),
-          ["success", "search"].includes(t.value) ? g("", !0) : (l(), o("p", Ce, c(L.value), 1))
+          }, U({ _: 2 }, [
+            t.value === "success" || t.value === "fail" ? {
+              name: "icon",
+              fn: W(() => [
+                k(Y)
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1032, ["aria-disabled", "label", "state", "aria-describedby"]),
+          ["success", "search"].includes(t.value) ? v("", !0) : (o(), i("p", $e, c(L.value), 1))
         ])
       ]),
-      n("div", we, [
-        (l(), o(I, null, S(D, (u) => F(ce, {
-          key: u,
+      s("div", Ce, [
+        (o(), i($, null, C(B, (f) => k(pe, {
+          key: f,
           "title-level": e.titleLevel,
-          type: u.type,
-          image: u.image,
-          title: u.title,
-          "message-title": u.messageTitle,
-          "message-description": u.messageDescription,
+          type: f.type,
+          image: f.image,
+          title: f.title,
+          "message-title": f.messageTitle,
+          "message-description": f.messageDescription,
           "state-answer": t.value
         }, null, 8, ["title-level", "type", "image", "title", "message-title", "message-description", "state-answer"])), 64))
       ])
     ]));
   }
-}), qe = "legend,label,p,div[role=heading]{font-family:Nunito,Roboto,sans-serif;color:#253858}", Ie = ".container[data-v-70eee258]{display:flex;gap:.8rem}.title[data-v-70eee258]{font-size:1.75rem;font-weight:700;text-align:center;margin-bottom:16px}.left-side[data-v-70eee258]{min-width:60%;border:solid 1px #b0d3f4;background:#fff;padding:.8rem;border-radius:10px}.left-side__lower-legend[data-v-70eee258]{font-size:.875rem;color:#5e6c84}.left-side__subtitle[data-v-70eee258]{font-size:1.25rem;font-weight:700;text-align:center}.left-side__options[data-v-70eee258]{display:flex;border:solid 1px #5e6c84;padding:.6rem;border-radius:5px;gap:.5rem}.left-side__description[data-v-70eee258]{font-weight:700}.left-side__button[data-v-70eee258]{display:flex;gap:.5rem;align-items:center;border:none;padding:.6rem 1.5rem;background:#ffcb33;color:#000;border-radius:25px;font-weight:700;cursor:pointer}.left-side__button.generate[data-v-70eee258]{background:#613fdd;color:#fff}.left-side__button[aria-disabled=true][data-v-70eee258]{cursor:not-allowed;background:#d3d3d3}.left-side__action[data-v-70eee258]{display:flex;flex-direction:column;align-items:center;text-align:center}.right-side[data-v-70eee258]{display:grid;border:solid 1px #b0d3f4;background:#fff;padding:.8rem;text-align:center;border-radius:10px}fieldset[data-v-70eee258]{border:none;display:flex;flex-direction:column;gap:.8rem}@media(max-width:770px){.container[data-v-70eee258]{flex-wrap:wrap}.left-side[data-v-70eee258],.right-side[data-v-70eee258]{width:100%}}", Se = /* @__PURE__ */ C(xe, [["styles", [qe, Ie]], ["__scopeId", "data-v-70eee258"]]);
-U(/* @__PURE__ */ Object.assign({ "./locales/en.json": J, "./locales/es-419.json": K, "./locales/es.json": X, "./locales/fr.json": Y, "./locales/it.json": ee, "./locales/nl.json": te })).catch((e) => console.error(e));
-const $ = H(Se, {
+}), Ne = "legend,label,p,div[role=heading]{font-family:Nunito,Roboto,sans-serif;color:#253858}", ze = ".container[data-v-66f8d52f]{display:flex;gap:.8rem}.title[data-v-66f8d52f]{font-size:1.75rem;font-weight:700;text-align:center;margin-bottom:16px}.left-side[data-v-66f8d52f]{min-width:60%;border:solid 1px #b0d3f4;background:#fff;padding:.8rem;border-radius:10px}.left-side__lower-legend[data-v-66f8d52f]{font-size:.875rem;color:#5e6c84}.left-side__subtitle[data-v-66f8d52f]{font-size:1.25rem;font-weight:700;text-align:center}.left-side__options[data-v-66f8d52f]{display:flex;border:solid 1px #5e6c84;padding:.6rem;border-radius:5px;gap:.5rem}.left-side__description[data-v-66f8d52f]{font-weight:700}.left-side__button[data-v-66f8d52f]{display:flex;gap:.5rem;align-items:center;border:none;padding:.6rem 1.5rem;background:#ffcb33;color:#000;border-radius:25px;font-weight:700;cursor:pointer}.left-side__button.generate[data-v-66f8d52f]{background:#613fdd;color:#fff}.left-side__button[aria-disabled=true][data-v-66f8d52f]{cursor:not-allowed;background:#d3d3d3}.left-side__action[data-v-66f8d52f]{display:flex;flex-direction:column;align-items:center;text-align:center}.right-side[data-v-66f8d52f]{display:grid;border:solid 1px #b0d3f4;background:#fff;padding:.8rem;text-align:center;border-radius:10px}fieldset[data-v-66f8d52f]{border:none;display:flex;flex-direction:column;gap:.8rem}@media(max-width:770px){.container[data-v-66f8d52f]{flex-wrap:wrap}.left-side[data-v-66f8d52f],.right-side[data-v-66f8d52f]{width:100%}}", Be = /* @__PURE__ */ _(Ve, [["styles", [Ne, ze]], ["__scopeId", "data-v-66f8d52f"]]);
+K(/* @__PURE__ */ Object.assign({ "./locales/en.json": ee, "./locales/es-419.json": te, "./locales/es.json": ae, "./locales/fr.json": ne, "./locales/it.json": oe, "./locales/nl.json": ie })).catch((e) => console.error(e));
+const N = J(Be, {
   configureApp(e) {
-    a.changeLanguage(document?.documentElement?.lang || navigator.language), e.use(W, { i18next: a });
+    a.changeLanguage(document?.documentElement?.lang || navigator.language), e.use(X, { i18next: a });
   }
 });
-$.prototype.normalizeProps = (e) => ({
+N.prototype.normalizeProps = (e) => ({
   ...e,
   titleLevel: Z(e.titleLevel)
 });
-window.customElements.define("qcm-deepfake", $);
+window.customElements.define("qcm-deepfake", N);