@1024pix/epreuves-components 1.4.2 → 1.4.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (26) hide show
  1. package/dist/{ImageQuiz.ce-BU1wvQqO.js → ImageQuiz.ce-BLOWdEiw.js} +66 -56
  2. package/dist/{LLMMessage.ce-55YTC7a9.js → LLMMessage.ce-DnZ8kE2i.js} +7 -7
  3. package/dist/{Loading.ce-BQOiwGj0.js → Loading.ce-FI776zdC.js} +1 -1
  4. package/dist/{NavigationButton.ce-CgyZHLpi.js → NavigationButton.ce-gp04deGY.js} +8 -8
  5. package/dist/{_plugin-vue_export-helper-BaT1QC5Q.js → _plugin-vue_export-helper-CwwQJ1m6.js} +6 -6
  6. package/dist/components/calcul-impact.ce.js.js +12 -12
  7. package/dist/components/capacity-calculation.ce.js.js +95 -100
  8. package/dist/components/clickable-image.ce.js.js +1 -1
  9. package/dist/components/complete-phrase.ce.js.js +8 -8
  10. package/dist/components/flip-cards.ce.js.js +62 -61
  11. package/dist/components/image-quiz.ce.js.js +2 -2
  12. package/dist/components/image-quizzes.ce.js.js +2 -2
  13. package/dist/components/llm-compare-messages.ce.js.js +3 -3
  14. package/dist/components/llm-messages.ce.js.js +3 -3
  15. package/dist/components/llm-prompt-select.ce.js.js +1 -1
  16. package/dist/components/message-conversation.ce.js.js +11 -11
  17. package/dist/components/pix-article.ce.js.js +2 -2
  18. package/dist/components/pix-carousel.ce.js.js +7 -7
  19. package/dist/components/pix-cursor.ce.js.js +12 -12
  20. package/dist/components/qcm-deepfake.ce.js.js +120 -124
  21. package/dist/{i18n-BOk_ejZ-.js → i18n-gncqQJ0G.js} +1 -1
  22. package/dist/metadata.js +55 -44
  23. package/dist/schema.js +10 -10
  24. package/dist/{shadow-dom-CLVtaG5r.js → shadow-dom-MxYtPVXS.js} +1 -1
  25. package/package.json +1 -1
  26. package/dist/shuffled-CzcgAL34.js +0 -14
@@ -1,5 +1,5 @@
1
- import { a as l, r as f, w, c as z, o as t, b as p, e as d, m as g, F as v, d as _ } from "../_plugin-vue_export-helper-BaT1QC5Q.js";
2
- import { I as A } from "../ImageQuiz.ce-BU1wvQqO.js";
1
+ import { a as l, r as f, w, c as z, o as t, b as p, e as d, m as g, F as v, d as _ } from "../_plugin-vue_export-helper-CwwQJ1m6.js";
2
+ import { I as A } from "../ImageQuiz.ce-BLOWdEiw.js";
3
3
  const h = /* @__PURE__ */ l({
4
4
  __name: "ImageQuizzes.ce",
5
5
  props: {
@@ -1,6 +1,6 @@
1
- import { a as m, c as r, o as a, f as e, t as n, F as t, b as p, y as i, _ as c, d as g } from "../_plugin-vue_export-helper-BaT1QC5Q.js";
2
- import { L as l } from "../LLMMessage.ce-55YTC7a9.js";
3
- import { p as u } from "../shadow-dom-CLVtaG5r.js";
1
+ import { a as m, c as r, o as a, f as e, t as n, F as t, b as p, y as i, _ as c, d as g } from "../_plugin-vue_export-helper-CwwQJ1m6.js";
2
+ import { L as l } from "../LLMMessage.ce-DnZ8kE2i.js";
3
+ import { p as u } from "../shadow-dom-MxYtPVXS.js";
4
4
  const f = {
5
5
  class: "header",
6
6
  "aria-hidden": "true"
@@ -1,6 +1,6 @@
1
- import { a as m, B as i, C as p, c as o, o as e, F as d, b as g, e as u, _ as f, d as h } from "../_plugin-vue_export-helper-BaT1QC5Q.js";
2
- import { L as _ } from "../LLMMessage.ce-55YTC7a9.js";
3
- import { p as x } from "../shadow-dom-CLVtaG5r.js";
1
+ import { a as m, B as i, C as p, c as o, o as e, F as d, b as g, e as u, _ as f, d as h } from "../_plugin-vue_export-helper-CwwQJ1m6.js";
2
+ import { L as _ } from "../LLMMessage.ce-DnZ8kE2i.js";
3
+ import { p as x } from "../shadow-dom-MxYtPVXS.js";
4
4
  const b = {
5
5
  class: "llm-messages",
6
6
  "aria-live": "polite"
@@ -1,4 +1,4 @@
1
- import { a as v, r as c, z as y, c as i, o as d, y as h, f as l, A as w, F as f, b as k, t as S, _ as C, d as L } from "../_plugin-vue_export-helper-BaT1QC5Q.js";
1
+ import { a as v, r as c, z as y, c as i, o as d, y as h, f as l, A as w, F as f, b as k, t as S, _ as C, d as L } from "../_plugin-vue_export-helper-CwwQJ1m6.js";
2
2
  import "./llm-messages.ce.js.js";
3
3
  const N = { class: "prompt-select" }, P = { class: "prompt-select__options" }, A = ["disabled", "onClick"], B = /* @__PURE__ */ v({
4
4
  __name: "LLMPromptSelect.ce",
@@ -1,10 +1,10 @@
1
- import { a as D, r as k, k as M, h as $, c as t, o as s, H as w, J as m, f as h, A as x, t as v, y as B, K as E, m as T, F as b, b as N, _ as S, g as V, e as z, d as F } from "../_plugin-vue_export-helper-BaT1QC5Q.js";
2
- import { L } from "../Loading.ce-BQOiwGj0.js";
1
+ import { a as D, r as k, k as M, h as $, c as t, o as s, D as w, E as m, f as h, A as x, t as v, y as E, K as B, m as T, F as b, b as N, _ as S, g as V, e as z, d as F } from "../_plugin-vue_export-helper-CwwQJ1m6.js";
2
+ import { L } from "../Loading.ce-FI776zdC.js";
3
3
  const P = ["part"], I = {
4
4
  key: 1,
5
5
  class: "message__loader message__content",
6
6
  "aria-hidden": "true"
7
- }, j = ["part"], H = { key: 1 }, J = { key: 0 }, K = /* @__PURE__ */ D({
7
+ }, j = ["part"], K = { key: 1 }, O = { key: 0 }, R = /* @__PURE__ */ D({
8
8
  __name: "Message.ce",
9
9
  props: {
10
10
  displaySender: { type: Boolean, default: !0 },
@@ -46,22 +46,22 @@ const P = ["part"], I = {
46
46
  x(v(e.message.userName), 1)
47
47
  ], 8, P)) : m("", !0),
48
48
  i.value === "loading" ? (s(), t("div", I, [
49
- B(L)
49
+ E(L)
50
50
  ])) : m("", !0),
51
51
  h("p", {
52
52
  class: w(["message__content", { "hidden-state": i.value !== "visible" }]),
53
53
  part: `message ${e.message.direction}`
54
54
  }, [
55
- e.message.image ? (s(), t("img", E(T({ key: 0 }, e.message.image)), null, 16)) : m("", !0),
56
- e.message.image ? (s(), t("br", H)) : m("", !0),
55
+ e.message.image ? (s(), t("img", B(T({ key: 0 }, e.message.image)), null, 16)) : m("", !0),
56
+ e.message.image ? (s(), t("br", K)) : m("", !0),
57
57
  (s(!0), t(b, null, N(p.value, (o, r) => (s(), t(b, { key: r }, [
58
- r > 0 ? (s(), t("br", J)) : m("", !0),
58
+ r > 0 ? (s(), t("br", O)) : m("", !0),
59
59
  x(" " + v(o), 1)
60
60
  ], 64))), 128))
61
61
  ], 10, j)
62
62
  ], 2));
63
63
  }
64
- }), O = ".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}}", R = /* @__PURE__ */ S(K, [["styles", [O]]]), q = { part: "conversation" }, G = { class: "sr-only" }, Q = /* @__PURE__ */ D({
64
+ }), 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}}", G = /* @__PURE__ */ S(R, [["styles", [q]]]), H = { part: "conversation" }, J = { class: "sr-only" }, Q = /* @__PURE__ */ D({
65
65
  __name: "MessageConversation.ce",
66
66
  props: {
67
67
  title: { default: "Conversation par messages", type: String },
@@ -94,9 +94,9 @@ const P = ["part"], I = {
94
94
  }
95
95
  return c({
96
96
  reset: f
97
- }), (e, a) => (s(), t("figure", q, [
98
- h("figcaption", G, v(e.title), 1),
99
- (s(!0), t(b, null, N(p.value, ({ message: o, displaySender: r, startAnimation: u, animationDuration: y }, _) => (s(), z(R, {
97
+ }), (e, a) => (s(), t("figure", H, [
98
+ h("figcaption", J, v(e.title), 1),
99
+ (s(!0), t(b, null, N(p.value, ({ message: o, displaySender: r, startAnimation: u, animationDuration: y }, _) => (s(), z(G, {
100
100
  ref_for: !0,
101
101
  ref: "messages",
102
102
  message: o,
@@ -1,5 +1,5 @@
1
- import { a as g, c as n, o as i, f as a, t as l, F as o, b as d, G as h, _ as u, d as p } from "../_plugin-vue_export-helper-BaT1QC5Q.js";
2
- import { a as m, i as r, b as f } from "../i18n-BOk_ejZ-.js";
1
+ import { a as g, c as n, o as i, f as a, t as l, F as o, b as d, I as h, _ as u, d as p } from "../_plugin-vue_export-helper-CwwQJ1m6.js";
2
+ import { a as m, i as r, b as f } from "../i18n-gncqQJ0G.js";
3
3
  const v = {}, y = {}, b = {
4
4
  "pix-article": { byAuthor: "Par {{author}}" }
5
5
  }, S = {}, L = {}, j = ["titleLevel"], x = { class: "article__metadata" }, A = { class: "article__author" }, E = ["innerHTML"], H = /* @__PURE__ */ g({
@@ -1,6 +1,6 @@
1
- import { a as C, k as h, c as l, o, H as T, f as r, J as j, L as z, A as E, t as g, _ as b, r as w, I as H, G as u, y as m, x as $, D, M as _, F as S, b as k, e as A, d as I } from "../_plugin-vue_export-helper-BaT1QC5Q.js";
2
- import { a as V, i as N, b as P } from "../i18n-BOk_ejZ-.js";
3
- import { B, N as M } from "../NavigationButton.ce-CgyZHLpi.js";
1
+ import { a as C, k as h, c as l, o, D as T, f as r, E, L as z, A as j, t as g, _ as b, r as w, J as H, I as u, y as m, x as $, G as D, M as _, F as S, b as k, e as A, d as I } from "../_plugin-vue_export-helper-CwwQJ1m6.js";
2
+ import { a as V, i as N, b as P } from "../i18n-gncqQJ0G.js";
3
+ import { B, N as M } from "../NavigationButton.ce-gp04deGY.js";
4
4
  const F = {
5
5
  "pix-carousel": { license: "Image license", next: "Next", of: "{{ currentSlide }} of {{ slideLength }}", previous: "Previous", slide: "Slide", title: "Carousel" }
6
6
  }, G = {
@@ -39,13 +39,13 @@ const F = {
39
39
  class: "title"
40
40
  }, [
41
41
  z(t.$slots, "pagination"),
42
- E(" " + g(t.title), 1)
42
+ j(" " + g(t.title), 1)
43
43
  ], 8, W),
44
44
  i.value ? (o(), l("div", {
45
45
  key: 0,
46
46
  class: "description",
47
47
  innerHTML: t.description
48
- }, null, 8, q)) : t.description ? (o(), l("p", K, g(t.description), 1)) : j("", !0)
48
+ }, null, 8, q)) : t.description ? (o(), l("p", K, g(t.description), 1)) : E("", !0)
49
49
  ], 2));
50
50
  }
51
51
  }), U = ".slide-info{transform:translate(100vw);grid-column:1;grid-row:1;height:fit-content;border-left:1px solid transparent;padding-left:16px;padding-top:4px}.slide-info p{margin-top:8px;margin-bottom:0}.slide-info.active{border-left-color:gray;transform:translate(0)}.slide-info .title{display:flex;align-items:center;font-size:1.25rem;font-family:Nunito,sans-serif;font-style:normal;font-weight:700;line-height:1.75rem;gap:8px;min-height:24px}.slide-info .description{font-size:.875rem}.slide-info .description ul li,.slide-info .description ol li{margin-left:1rem}@media only screen and (max-width: 576px){.slide-info.active{border:none;padding-left:0}}", R = /* @__PURE__ */ b(Q, [["styles", [U]]]), X = ["aria-hidden", "aria-roledescription", "aria-label"], Y = ["alt", "src"], ee = {
@@ -94,12 +94,12 @@ const F = {
94
94
  src: e.slide.image.src
95
95
  }, null, 12, Y),
96
96
  e.slide.license ? (o(), l("p", ee, [
97
- E(g(e.slide.license.attribution) + " / ", 1),
97
+ j(g(e.slide.license.attribution) + " / ", 1),
98
98
  r("a", {
99
99
  href: e.slide.license.url,
100
100
  target: "_blank"
101
101
  }, g(e.slide.license.name), 9, ie)
102
- ])) : j("", !0)
102
+ ])) : E("", !0)
103
103
  ], 4)) : e.type === "image-text" ? (o(), l("div", te, [
104
104
  r("img", {
105
105
  alt: e.slide.image.alt,
@@ -1,7 +1,7 @@
1
- import { a as S, r as k, D as y, k as m, z as A, c as a, o as i, f as s, l as B, G as c, t as u, F as f, b, N as E, y as g, H as C, M as L, J as D, q as F, _ as P, d as G } from "../_plugin-vue_export-helper-BaT1QC5Q.js";
2
- import { a as q, i as w, b as J } from "../i18n-BOk_ejZ-.js";
3
- import { N as M } from "../NavigationButton.ce-CgyZHLpi.js";
4
- const R = {}, U = {}, K = {
1
+ import { a as S, r as k, G as y, k as m, z as A, c as a, o as i, f as s, l as B, I as c, t as u, F as f, b, N as H, y as g, D as C, M as L, E as D, q as F, _ as P, d as G } from "../_plugin-vue_export-helper-CwwQJ1m6.js";
2
+ import { a as q, i as w, b as R } from "../i18n-gncqQJ0G.js";
3
+ import { N as M } from "../NavigationButton.ce-gp04deGY.js";
4
+ const U = {}, J = {}, K = {
5
5
  "pix-cursor": { confirm: "Valider", next: "Suivant", previous: "Précédent", selectAnOption: "Sélectionnez une option", youHaveChosen: "Vous avez choisi : { choice }" }
6
6
  }, Q = {}, W = {}, X = ["for"], Y = {
7
7
  class: "visible-options",
@@ -18,7 +18,7 @@ const R = {}, U = {}, K = {
18
18
  options: { type: Array }
19
19
  },
20
20
  setup(d, { expose: j }) {
21
- const p = d, r = k(Math.floor(p.options.length / 2)), o = k(!1), v = y(), _ = y(), N = m(() => r.value === p.options.length - 1), I = m(() => r.value === 0), l = m(() => Number(r.value));
21
+ const p = d, r = k(Math.floor(p.options.length / 2)), o = k(!1), v = y(), _ = y(), I = m(() => r.value === p.options.length - 1), N = m(() => r.value === 0), l = m(() => Number(r.value));
22
22
  function z() {
23
23
  o.value = !0;
24
24
  }
@@ -49,13 +49,13 @@ const R = {}, U = {}, K = {
49
49
  }, u(t.$t("pix-cursor.selectAnOption")), 9, X),
50
50
  s("ul", Y, [
51
51
  (i(!0), a(f, null, b(t.options, (n, e) => (i(), a("li", {
52
- onClick: (H) => h(e),
52
+ onClick: (E) => h(e),
53
53
  key: e
54
54
  }, u(n.label), 9, Z))), 128))
55
55
  ]),
56
56
  s("datalist", { id: c(_) }, [
57
57
  (i(!0), a(f, null, b(t.options, (n, e) => (i(), a("option", {
58
- onClick: (H) => h(e),
58
+ onClick: (E) => h(e),
59
59
  key: e,
60
60
  value: e,
61
61
  label: n.label
@@ -70,12 +70,12 @@ const R = {}, U = {}, K = {
70
70
  max: t.options.length - 1,
71
71
  disabled: o.value
72
72
  }, null, 8, te), [
73
- [E, r.value]
73
+ [H, r.value]
74
74
  ]),
75
75
  s("div", ne, [
76
76
  g(M, {
77
77
  onClick: $,
78
- disabled: o.value || I.value,
78
+ disabled: o.value || N.value,
79
79
  label: t.$t("pix-cursor.previous"),
80
80
  "aria-controls": c(v),
81
81
  "aria-disabled": o.value,
@@ -103,7 +103,7 @@ const R = {}, U = {}, K = {
103
103
  ]),
104
104
  g(M, {
105
105
  onClick: O,
106
- disabled: o.value || N.value,
106
+ disabled: o.value || I.value,
107
107
  label: t.$t("pix-cursor.next"),
108
108
  "aria-controls": c(v),
109
109
  "aria-disabled": o.value,
@@ -129,9 +129,9 @@ const R = {}, U = {}, K = {
129
129
  };
130
130
  }
131
131
  }), ue = "[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}", pe = /* @__PURE__ */ P(de, [["styles", [ue]], ["__scopeId", "data-v-58e704c5"]]);
132
- q(/* @__PURE__ */ Object.assign({ "./locales/en.json": R, "./locales/es.json": U, "./locales/fr.json": K, "./locales/it.json": Q, "./locales/nl.json": W })).catch((d) => console.error(d));
132
+ q(/* @__PURE__ */ Object.assign({ "./locales/en.json": U, "./locales/es.json": J, "./locales/fr.json": K, "./locales/it.json": Q, "./locales/nl.json": W })).catch((d) => console.error(d));
133
133
  window.customElements.define("pix-cursor", G(pe, {
134
134
  configureApp(d) {
135
- w.changeLanguage(document?.documentElement?.lang || navigator.language), d.use(J, { i18next: w });
135
+ w.changeLanguage(document?.documentElement?.lang || navigator.language), d.use(R, { i18next: w });
136
136
  }
137
137
  }));
@@ -1,8 +1,11 @@
1
- import { a as k, c, o as r, f as t, J as b, t as d, H as C, _ as w, O as A, P as B, r as y, k as _, l as E, A as V, R as j, g as O, F as h, b as x, e as G, G as M, q as P, y as F, d as H } from "../_plugin-vue_export-helper-BaT1QC5Q.js";
2
- import { i as s, a as Q, b as U } from "../i18n-BOk_ejZ-.js";
3
- const J = {}, W = {}, Z = {
4
- "qcm-deepfake": { options: ["une photo de sa chanteuse préférée", "une chanson de sa chanteuse préférée", "un enregistrement de Caroline qui chante", "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 dIA générative :", title: "Recréez la vidéo de Caroline", in: "Entrée", out: "Sortie", selectThreeElements: "Sélectionnez 3 éléments pour générer la vidéo :", generateVideo: "Générer la vidéo !", 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: "Super !", 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." }, searchTitle: "Le logiciel d’IA générative crée la vidéo" }
5
- }, K = {}, X = {}, Y = ["aria-hidden"], ee = ["aria-level"], te = ["src"], ae = { class: "description" }, ie = ["src"], se = ["aria-level"], ne = /* @__PURE__ */ k({
1
+ import { a as y, k as h, c as d, o, f as l, E as p, t as c, D as k, _ as C, O as E, P as L, r as b, l as R, A as V, R as j, g as O, F as x, b as S, e as M, I as G, q as P, y as F, d as H } from "../_plugin-vue_export-helper-CwwQJ1m6.js";
2
+ import { i as s, a as Q, b as U } from "../i18n-gncqQJ0G.js";
3
+ const W = {}, Z = {}, J = {
4
+ "qcm-deepfake": { options: ["une photo de sa chanteuse préférée", "une chanson de sa chanteuse préférée", "un enregistrement de Caroline qui chante", "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." } }
5
+ }, K = {}, X = {}, Y = ["aria-hidden"], ee = ["aria-level"], te = ["src"], ae = {
6
+ key: 1,
7
+ class: "description"
8
+ }, se = ["src"], ie = ["aria-level"], ne = /* @__PURE__ */ y({
6
9
  __name: "NarrativeAnswer.ce",
7
10
  props: {
8
11
  messageTitle: { type: String },
@@ -14,42 +17,43 @@ const J = {}, W = {}, Z = {
14
17
  type: { type: String }
15
18
  },
16
19
  setup(a) {
17
- return (e, l) => (r(), c("div", {
20
+ const f = a, i = h(() => f.type === "success" || f.type === "fail" ? s.t("qcm-deepfake.out") : s.t("qcm-deepfake.waiting"));
21
+ return (e, t) => (o(), d("div", {
18
22
  class: "right-container",
19
23
  "aria-hidden": e.type !== e.stateAnswer
20
24
  }, [
21
- t("div", {
25
+ l("div", {
22
26
  class: "subtitle",
23
27
  role: "heading",
24
- "aria-level": e.titleLevel + 1
25
- }, d(e.$t("qcm-deepfake.out")), 9, ee),
26
- e.type === "search" ? (r(), c("img", {
28
+ "aria-level": e.titleLevel
29
+ }, c(i.value), 9, ee),
30
+ e.type === "search" ? (o(), d("img", {
27
31
  key: 0,
28
32
  src: e.image,
29
33
  alt: ""
30
- }, null, 8, te)) : b("", !0),
31
- t("p", ae, d(e.title), 1),
32
- e.type !== "search" ? (r(), c("img", {
33
- key: 1,
34
+ }, null, 8, te)) : p("", !0),
35
+ e.type === "success" || e.type === "fail" ? (o(), d("p", ae, c(e.title), 1)) : p("", !0),
36
+ e.type !== "search" ? (o(), d("img", {
37
+ key: 2,
34
38
  src: e.image,
35
39
  alt: ""
36
- }, null, 8, ie)) : b("", !0),
37
- e.messageTitle ? (r(), c("div", {
38
- key: 2,
39
- class: C(["answer-block", e.stateAnswer])
40
+ }, null, 8, se)) : p("", !0),
41
+ e.messageTitle ? (o(), d("div", {
42
+ key: 3,
43
+ class: k(["answer-block", e.stateAnswer])
40
44
  }, [
41
- t("div", {
45
+ l("div", {
42
46
  class: "answer-block__title",
43
47
  role: "heading",
44
- "aria-level": e.titleLevel + 2
45
- }, d(e.messageTitle), 9, se),
46
- t("p", null, d(e.messageDescription), 1)
47
- ], 2)) : b("", !0)
48
+ "aria-level": e.titleLevel + 1
49
+ }, c(e.messageTitle), 9, ie),
50
+ l("p", null, c(e.messageDescription), 1)
51
+ ], 2)) : p("", !0)
48
52
  ], 8, Y));
49
53
  }
50
- }), le = ".right-container[data-v-3d782b51]{grid-row:1/1;grid-column:1/1}.right-container[aria-hidden=true][data-v-3d782b51]{visibility:hidden}img[data-v-3d782b51]{margin-block:.5rem}.subtitle[data-v-3d782b51]{font-size:1.25rem;font-weight:700;text-align:center}.description[data-v-3d782b51]{font-weight:700;margin-top:0;margin-bottom:0}img[data-v-3d782b51]{width:200px;height:auto}.answer-block[data-v-3d782b51]{background:#e8e8e8;margin-inline:1rem;padding:.5rem;border-radius:10px}.answer-block p[data-v-3d782b51]{margin-bottom:0}.answer-block.success[data-v-3d782b51]{background:#e8f3ef}.answer-block.fail[data-v-3d782b51]{border-radius:16px;background:#fbecec}", oe = /* @__PURE__ */ w(ne, [["styles", [le]], ["__scopeId", "data-v-3d782b51"]]), re = ["aria-disabled"], de = /* @__PURE__ */ k({
54
+ }), le = ".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}", oe = /* @__PURE__ */ C(ne, [["styles", [le]], ["__scopeId", "data-v-2a82aa38"]]), re = ["aria-disabled"], de = /* @__PURE__ */ y({
51
55
  __name: "Option.ce",
52
- props: /* @__PURE__ */ A({
56
+ props: /* @__PURE__ */ E({
53
57
  option: { type: String },
54
58
  value: { type: Number },
55
59
  readonly: { type: Boolean }
@@ -58,33 +62,33 @@ const J = {}, W = {}, Z = {
58
62
  modelModifiers: {}
59
63
  }),
60
64
  emits: ["update:modelValue"],
61
- setup(a, { expose: e }) {
62
- const l = B(a, "modelValue"), u = y(!1), i = _(() => l.value.length === 3 && !u.value || a.readonly);
63
- function v(m) {
64
- if (i.value) {
65
+ setup(a, { expose: f }) {
66
+ const i = L(a, "modelValue"), e = b(!1), t = h(() => i.value.length === 3 && !e.value || a.readonly);
67
+ function _(m) {
68
+ if (t.value) {
65
69
  m.preventDefault();
66
70
  return;
67
71
  }
68
- m.target.checked ? l.value.push(a.option) : l.value = l.value.filter((p) => p !== a.option);
72
+ m.target.checked ? i.value.push(a.option) : i.value = i.value.filter((g) => g !== a.option);
69
73
  }
70
- return e({
71
- isChecked: u
72
- }), (m, g) => (r(), c("label", {
73
- class: C({ selected: u.value, disabled: i.value })
74
+ return f({
75
+ isChecked: e
76
+ }), (m, v) => (o(), d("label", {
77
+ class: k({ selected: e.value, disabled: t.value })
74
78
  }, [
75
- E(t("input", {
79
+ R(l("input", {
76
80
  type: "checkbox",
77
81
  name: "options",
78
- onClick: v,
79
- "aria-disabled": i.value,
80
- "onUpdate:modelValue": g[0] || (g[0] = (p) => u.value = p)
82
+ onClick: _,
83
+ "aria-disabled": t.value,
84
+ "onUpdate:modelValue": v[0] || (v[0] = (g) => e.value = g)
81
85
  }, null, 8, re), [
82
- [j, u.value]
86
+ [j, e.value]
83
87
  ]),
84
- V(d(m.option), 1)
88
+ V(c(m.option), 1)
85
89
  ], 2));
86
90
  }
87
- }), ce = ".selected[data-v-a067b43a]{background:#f7f5ff}.disabled[data-v-a067b43a]{cursor:not-allowed;background:#efefef}.disabled.selected[data-v-a067b43a]{background:#d6d5dd}", ue = /* @__PURE__ */ w(de, [["styles", [ce]], ["__scopeId", "data-v-a067b43a"]]), fe = ["aria-level"], me = { class: "container" }, pe = { class: "left-side" }, ge = ["aria-level"], ve = { class: "left-side__description" }, be = { class: "left-side__action" }, _e = ["aria-disabled"], he = {
91
+ }), ce = ".selected[data-v-a067b43a]{background:#f7f5ff}.disabled[data-v-a067b43a]{cursor:not-allowed;background:#efefef}.disabled.selected[data-v-a067b43a]{background:#d6d5dd}", ue = /* @__PURE__ */ C(de, [["styles", [ce]], ["__scopeId", "data-v-a067b43a"]]), fe = { class: "container" }, me = { class: "left-side" }, ge = ["aria-level"], pe = { class: "left-side__description" }, ve = { class: "left-side__action" }, he = ["aria-disabled", "aria-describedby"], _e = {
88
92
  key: 0,
89
93
  "aria-hidden": "true",
90
94
  width: "20",
@@ -92,14 +96,15 @@ const J = {}, W = {}, Z = {
92
96
  viewBox: "0 0 20 20",
93
97
  fill: "none",
94
98
  xmlns: "http://www.w3.org/2000/svg"
95
- }, ye = {
99
+ }, be = {
100
+ key: 0,
96
101
  id: "optionsSelectedInfo",
97
102
  class: "left-side__lower-legend",
98
103
  "aria-hidden": "true"
99
- }, ke = {
104
+ }, ye = {
100
105
  class: "right-side",
101
106
  "aria-live": "polite"
102
- }, Ce = /* @__PURE__ */ k({
107
+ }, ke = /* @__PURE__ */ y({
103
108
  __name: "QcmDeepfake.ce",
104
109
  props: {
105
110
  titleLevel: { default: 2, type: Number },
@@ -107,14 +112,13 @@ const J = {}, W = {}, Z = {
107
112
  failImage: { type: String },
108
113
  infoImage: { type: String },
109
114
  searchImage: { type: String },
110
- searchDelay: { default: 2e3, type: Number }
115
+ searchDelay: { default: 4e3, type: Number }
111
116
  },
112
- setup(a, { expose: e }) {
113
- const l = y([]), u = [2, 4, 5], i = y("info"), v = O("optionsNode"), m = s.t("qcm-deepfake.options", { returnObjects: !0 }), g = ["👩‍🎤", "🎧", "🎤", "👩", "🎙️"], p = m.map((n, o) => `${g[o]} ${n}`), $ = p.filter((n, o) => u.includes(o + 1)), T = [
117
+ setup(a, { expose: f }) {
118
+ const i = b([]), e = [2, 4, 5], t = b("info"), _ = O("optionsNode"), m = s.t("qcm-deepfake.options", { returnObjects: !0 }), v = ["👩‍🎤", "🎧", "🎤", "👩", "🎙️"], g = m.map((r, n) => `${v[n]} ${r}`), $ = g.filter((r, n) => e.includes(n + 1)), N = [
114
119
  {
115
120
  type: "info",
116
- image: a.infoImage,
117
- title: s.t("qcm-deepfake.iaResultInfo")
121
+ image: a.infoImage
118
122
  },
119
123
  {
120
124
  type: "success",
@@ -132,89 +136,81 @@ const J = {}, W = {}, Z = {
132
136
  },
133
137
  {
134
138
  type: "search",
135
- image: a.searchImage,
136
- title: s.t("qcm-deepfake.searchTitle")
139
+ image: a.searchImage
137
140
  }
138
- ], q = _(() => l.value.length !== 3), N = _(() => i.value === "info" ? s.t("qcm-deepfake.generateVideo") : s.t("qcm-deepfake.restart")), D = _(() => i.value === "info" ? s.t("qcm-deepfake.generateVideoInfo", { count: u.length - l.value.length }) : s.t("qcm-deepfake.restartInfo"));
139
- function z() {
140
- return i.value === "info" ? L() : I();
141
+ ], w = h(() => i.value.length !== 3 || t.value === "search"), D = h(() => t.value === "search" ? s.t("qcm-deepfake.loading") : t.value === "info" ? s.t("qcm-deepfake.generateVideo") : s.t("qcm-deepfake.restart")), T = h(() => t.value === "info" ? s.t("qcm-deepfake.generateVideoInfo", { count: e.length - i.value.length }) : t.value === "fail" ? s.t("qcm-deepfake.restartInfo") : "");
142
+ function B() {
143
+ if (!w.value)
144
+ return t.value === "info" ? z() : q();
141
145
  }
142
- function I() {
143
- v.value.forEach((n) => {
144
- n.isChecked = !1;
145
- }), l.value = [], i.value = "info";
146
+ function q() {
147
+ _.value.forEach((r) => {
148
+ r.isChecked = !1;
149
+ }), i.value = [], t.value = "info";
146
150
  }
147
- async function L() {
148
- if (q.value) return;
149
- const n = l.value.every((o) => $.includes(o.trim()));
150
- i.value = "search", await new Promise((o) => setTimeout(o, a.searchDelay)), n ? i.value = "success" : i.value = "fail";
151
+ async function z() {
152
+ const r = i.value.every((n) => $.includes(n.trim()));
153
+ t.value = "search", await new Promise((n) => setTimeout(n, a.searchDelay)), r ? t.value = "success" : t.value = "fail";
151
154
  }
152
- return e({
153
- reset: I
154
- }), (n, o) => (r(), c(h, null, [
155
- t("div", {
156
- role: "heading",
157
- "aria-level": n.titleLevel,
158
- class: "title"
159
- }, d(n.$t("qcm-deepfake.title")), 9, fe),
160
- t("div", me, [
161
- t("form", pe, [
162
- t("div", {
163
- class: "left-side__subtitle",
164
- role: "heading",
165
- "aria-level": n.titleLevel + 1
166
- }, d(n.$t("qcm-deepfake.in")), 9, ge),
167
- t("fieldset", null, [
168
- t("legend", ve, d(n.$t("qcm-deepfake.selectThreeElements")), 1),
169
- (r(!0), c(h, null, x(M(p), (f, S) => (r(), G(ue, {
170
- ref_for: !0,
171
- ref_key: "optionsNode",
172
- ref: v,
173
- modelValue: l.value,
174
- "onUpdate:modelValue": o[0] || (o[0] = (R) => l.value = R),
175
- key: S,
176
- class: "left-side__options",
177
- option: f,
178
- value: S + 1,
179
- readonly: i.value !== "info"
180
- }, null, 8, ["modelValue", "option", "value", "readonly"]))), 128))
181
- ]),
182
- t("div", be, [
183
- t("button", {
184
- onClick: P(z, ["prevent"]),
185
- class: C(["left-side__button", { generate: i.value === "info" }]),
186
- "aria-disabled": q.value,
187
- "aria-describedby": "optionsSelectedInfo"
188
- }, [
189
- i.value !== "info" ? (r(), c("svg", he, [...o[1] || (o[1] = [
190
- t("path", {
191
- 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",
192
- fill: "#122647"
193
- }, null, -1)
194
- ])])) : b("", !0),
195
- V(" " + d(N.value), 1)
196
- ], 10, _e),
197
- t("p", ye, d(D.value), 1)
198
- ])
155
+ return f({
156
+ reset: q
157
+ }), (r, n) => (o(), d("div", fe, [
158
+ l("form", me, [
159
+ l("div", {
160
+ class: "left-side__subtitle",
161
+ role: "heading",
162
+ "aria-level": r.titleLevel
163
+ }, c(r.$t("qcm-deepfake.in")), 9, ge),
164
+ l("fieldset", null, [
165
+ l("legend", pe, c(r.$t("qcm-deepfake.selectThreeElements")), 1),
166
+ (o(!0), d(x, null, S(G(g), (u, I) => (o(), M(ue, {
167
+ ref_for: !0,
168
+ ref_key: "optionsNode",
169
+ ref: _,
170
+ modelValue: i.value,
171
+ "onUpdate:modelValue": n[0] || (n[0] = (A) => i.value = A),
172
+ key: I,
173
+ class: "left-side__options",
174
+ option: u,
175
+ value: I + 1,
176
+ readonly: t.value !== "info"
177
+ }, null, 8, ["modelValue", "option", "value", "readonly"]))), 128))
199
178
  ]),
200
- t("div", ke, [
201
- (r(), c(h, null, x(T, (f) => F(oe, {
202
- key: f,
203
- "title-level": n.titleLevel,
204
- type: f.type,
205
- image: f.image,
206
- title: f.title,
207
- "message-title": f.messageTitle,
208
- "message-description": f.messageDescription,
209
- "state-answer": i.value
210
- }, null, 8, ["title-level", "type", "image", "title", "message-title", "message-description", "state-answer"])), 64))
179
+ l("div", ve, [
180
+ l("button", {
181
+ onClick: P(B, ["prevent"]),
182
+ class: k(["left-side__button", { generate: t.value === "info" }]),
183
+ "aria-disabled": w.value,
184
+ "aria-describedby": ["success", "search"].includes(t.value) ? void 0 : "optionsSelectedInfo"
185
+ }, [
186
+ t.value === "success" || t.value === "fail" ? (o(), d("svg", _e, [...n[1] || (n[1] = [
187
+ l("path", {
188
+ 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",
189
+ fill: "#122647"
190
+ }, null, -1)
191
+ ])])) : p("", !0),
192
+ V(" " + c(D.value), 1)
193
+ ], 10, he),
194
+ ["success", "search"].includes(t.value) ? p("", !0) : (o(), d("p", be, c(T.value), 1))
211
195
  ])
196
+ ]),
197
+ l("div", ye, [
198
+ (o(), d(x, null, S(N, (u) => F(oe, {
199
+ key: u,
200
+ "title-level": r.titleLevel,
201
+ type: u.type,
202
+ image: u.image,
203
+ title: u.title,
204
+ "message-title": u.messageTitle,
205
+ "message-description": u.messageDescription,
206
+ "state-answer": t.value
207
+ }, null, 8, ["title-level", "type", "image", "title", "message-title", "message-description", "state-answer"])), 64))
212
208
  ])
213
- ], 64));
209
+ ]));
214
210
  }
215
- }), we = "legend,label,p,div[role=heading]{font-family:Nunito,Roboto,sans-serif;color:#253858}", qe = ".container[data-v-a7a0f3aa]{display:flex;gap:.8rem}.title[data-v-a7a0f3aa]{font-size:1.75rem;font-weight:700;text-align:center;margin-bottom:16px}.left-side[data-v-a7a0f3aa]{min-width:60%;border:solid 1px #b0d3f4;background:#fff;padding:.8rem;border-radius:10px}.left-side__lower-legend[data-v-a7a0f3aa]{font-size:.875rem;color:#5e6c84}.left-side__subtitle[data-v-a7a0f3aa]{font-size:1.25rem;font-weight:700;text-align:center}.left-side__options[data-v-a7a0f3aa]{display:flex;border:solid 1px #5e6c84;padding:.6rem;border-radius:5px;gap:.5rem}.left-side__description[data-v-a7a0f3aa]{font-weight:700}.left-side__button[data-v-a7a0f3aa]{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-a7a0f3aa]{background:#613fdd;color:#fff}.left-side__button[aria-disabled=true][data-v-a7a0f3aa]{cursor:not-allowed;background:#d3d3d3}.left-side__action[data-v-a7a0f3aa]{display:flex;flex-direction:column;align-items:center;text-align:center}.right-side[data-v-a7a0f3aa]{display:grid;border:solid 1px #b0d3f4;background:#fff;padding:.8rem;text-align:center;border-radius:10px}fieldset[data-v-a7a0f3aa]{border:none;display:flex;flex-direction:column;gap:.8rem}@media (max-width: 770px){.container[data-v-a7a0f3aa]{flex-wrap:wrap}.left-side[data-v-a7a0f3aa],.right-side[data-v-a7a0f3aa]{width:100%}}", Ie = /* @__PURE__ */ w(Ce, [["styles", [we, qe]], ["__scopeId", "data-v-a7a0f3aa"]]);
216
- Q(/* @__PURE__ */ Object.assign({ "./locales/en.json": J, "./locales/es.json": W, "./locales/fr.json": Z, "./locales/it.json": K, "./locales/nl.json": X })).catch((a) => console.error(a));
217
- window.customElements.define("qcm-deepfake", H(Ie, {
211
+ }), Ce = "legend,label,p,div[role=heading]{font-family:Nunito,Roboto,sans-serif;color:#253858}", we = ".container[data-v-02f097d7]{display:flex;gap:.8rem}.title[data-v-02f097d7]{font-size:1.75rem;font-weight:700;text-align:center;margin-bottom:16px}.left-side[data-v-02f097d7]{min-width:60%;border:solid 1px #b0d3f4;background:#fff;padding:.8rem;border-radius:10px}.left-side__lower-legend[data-v-02f097d7]{font-size:.875rem;color:#5e6c84}.left-side__subtitle[data-v-02f097d7]{font-size:1.25rem;font-weight:700;text-align:center}.left-side__options[data-v-02f097d7]{display:flex;border:solid 1px #5e6c84;padding:.6rem;border-radius:5px;gap:.5rem}.left-side__description[data-v-02f097d7]{font-weight:700}.left-side__button[data-v-02f097d7]{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-02f097d7]{background:#613fdd;color:#fff}.left-side__button[aria-disabled=true][data-v-02f097d7]{cursor:not-allowed;background:#d3d3d3}.left-side__action[data-v-02f097d7]{display:flex;flex-direction:column;align-items:center;text-align:center}.right-side[data-v-02f097d7]{display:grid;border:solid 1px #b0d3f4;background:#fff;padding:.8rem;text-align:center;border-radius:10px}fieldset[data-v-02f097d7]{border:none;display:flex;flex-direction:column;gap:.8rem}@media (max-width: 770px){.container[data-v-02f097d7]{flex-wrap:wrap}.left-side[data-v-02f097d7],.right-side[data-v-02f097d7]{width:100%}}", qe = /* @__PURE__ */ C(ke, [["styles", [Ce, we]], ["__scopeId", "data-v-02f097d7"]]);
212
+ Q(/* @__PURE__ */ Object.assign({ "./locales/en.json": W, "./locales/es.json": Z, "./locales/fr.json": J, "./locales/it.json": K, "./locales/nl.json": X })).catch((a) => console.error(a));
213
+ window.customElements.define("qcm-deepfake", H(qe, {
218
214
  configureApp(a) {
219
215
  s.changeLanguage(document?.documentElement?.lang || navigator.language), a.use(U, { i18next: s });
220
216
  }
@@ -1,4 +1,4 @@
1
- import { s as Le, n as we, a as ve, i as Re } from "./_plugin-vue_export-helper-BaT1QC5Q.js";
1
+ import { s as Le, n as we, a as ve, i as Re } from "./_plugin-vue_export-helper-CwwQJ1m6.js";
2
2
  const d = (o) => typeof o == "string", V = () => {
3
3
  let o, e;
4
4
  const t = new Promise((i, s) => {