@1024pix/epreuves-components 1.3.0 → 1.4.0

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

@@ -0,0 +1,108 @@
+import { a as h, c as o, o as s, F as b, f as t, H as m, G as f, t as g, J as x, _, r as k, b as w, E as v, y as F, d as L } from "../_plugin-vue_export-helper-BaT1QC5Q.js";
+import { a as C, i as u, b as S } from "../i18n-BOk_ejZ-.js";
+import { s as z } from "../shuffled-CzcgAL34.js";
+const $ = {
+  "flip-cards": {}
+}, j = ["aria-hidden"], E = ["src"], N = ["title-level"], B = ["aria-hidden"], U = ["aria-level"], K = { class: "description" }, R = { class: "image-container" }, V = ["src"], A = /* @__PURE__ */ h({
+  __name: "FlipCard.ce",
+  props: {
+    color: { type: String },
+    description: { type: String },
+    icon: { type: String },
+    image: { type: String },
+    isFlipped: { type: Boolean },
+    name: { type: String },
+    titleLevel: { type: Number }
+  },
+  setup(i) {
+    const l = new URL(i.icon, import.meta.url).href, d = new URL(i.image, import.meta.url).href;
+    return (a, c) => (s(), o(b, null, [
+      t("div", {
+        class: m(["card recto", `${a.color}`]),
+        "aria-hidden": a.isFlipped ? "true" : "false"
+      }, [
+        t("img", {
+          class: "icon",
+          src: f(l),
+          alt: ""
+        }, null, 8, E),
+        t("div", {
+          role: "heading",
+          "title-level": a.titleLevel,
+          class: "title"
+        }, g(a.name), 9, N)
+      ], 10, j),
+      t("div", {
+        class: m(["card verso", { flipped: a.isFlipped, [a.color]: a.color }]),
+        "aria-hidden": a.isFlipped ? "false" : "true"
+      }, [
+        t("div", {
+          role: "heading",
+          "aria-level": a.titleLevel,
+          class: "title"
+        }, g(a.name), 9, U),
+        t("p", K, g(a.description), 1),
+        t("div", R, [
+          f(d) ? (s(), o("img", {
+            key: 0,
+            src: f(d),
+            alt: ""
+          }, null, 8, V)) : x("", !0)
+        ])
+      ], 10, B)
+    ], 64));
+  }
+}), D = "[data-v-1d94fd65]{box-sizing:border-box}.card[data-v-1d94fd65]{align-items:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#fff;border-radius:12px;color:#253858;display:flex;flex-direction:column;gap:1.2rem;inset:0;justify-content:center;padding:18px;position:absolute;transform:translateZ(0);transition:transform ease .5s}.card .title[data-v-1d94fd65]{font-family:Nunito,sans-serif;font-size:1rem;font-weight:700;line-height:29px}.card.recto.red[data-v-1d94fd65]{background:linear-gradient(150deg,#fff,#ff7373)}.card.recto.yellow[data-v-1d94fd65]{background:linear-gradient(150deg,#fff,#ffec73)}.card.recto.blue[data-v-1d94fd65]{background:linear-gradient(150deg,#fff,#2491ff)}.card.recto.purple[data-v-1d94fd65]{background:linear-gradient(150deg,#fff,#9177f2)}.card.recto.green[data-v-1d94fd65]{background:linear-gradient(150deg,#fff,#52d987)}.card.recto.pink[data-v-1d94fd65]{background:linear-gradient(150deg,#fff,#f041bf)}.card.recto .icon[data-v-1d94fd65]{display:block;height:auto;width:40px}.card.verso[data-v-1d94fd65]{line-height:1.2rem;padding:8px;text-align:center;transform:rotateY(180deg) translateZ(0)}.card.verso.flipped.red[data-v-1d94fd65]{border:2px solid #ff7373}.card.verso.flipped.yellow[data-v-1d94fd65]{border:2px solid #ffec73}.card.verso.flipped.blue[data-v-1d94fd65]{border:2px solid #2491ff}.card.verso.flipped.purple[data-v-1d94fd65]{border:2px solid #9177f2}.card.verso.flipped.green[data-v-1d94fd65]{border:2px solid #52d987}.card.verso.flipped.pink[data-v-1d94fd65]{border:2px solid #f041bf}.card.verso .description[data-v-1d94fd65]{font-size:.9rem;margin:0 0 8px}.card.verso .image-container[data-v-1d94fd65]{margin:8px 8px 16px;overflow:hidden;width:160px}.card.verso img[data-v-1d94fd65]{display:block;height:100%;object-fit:contain;width:100%}", G = /* @__PURE__ */ _(A, [["styles", [D]], ["__scopeId", "data-v-1d94fd65"]]), I = ["aria-label"], Y = ["aria-expanded", "onClick", "onKeydown"], Z = { class: "flip-container" }, H = /* @__PURE__ */ h({
+  __name: "FlipCards.ce",
+  props: {
+    name: { type: String },
+    cardList: { type: Array }
+  },
+  setup(i) {
+    const l = i, d = z(["red", "yellow", "blue", "purple", "green", "pink"]), a = k(
+      l.cardList.map((r, p) => ({
+        ...r,
+        color: d[p % d.length],
+        isFlipped: !1,
+        titleLevel: r.titleLevel ?? 2
+      }))
+    ), c = (r, p) => {
+      p.preventDefault(), r.isFlipped = !r.isFlipped;
+    };
+    return (r, p) => (s(), o("div", {
+      class: "flip-cards",
+      "aria-label": l.name
+    }, [
+      (s(!0), o(b, null, w(a.value, (e, y) => (s(), o("div", {
+        key: y,
+        class: m(["card-container", { flipped: e.isFlipped, [e.color]: e.color }]),
+        role: "button",
+        tabindex: "0",
+        "aria-expanded": e.isFlipped,
+        onClick: (n) => c(e, n),
+        onKeydown: [
+          v((n) => c(e, n), ["enter"]),
+          v((n) => c(e, n), ["space"])
+        ]
+      }, [
+        t("div", Z, [
+          F(G, {
+            color: e.color,
+            description: e.description,
+            icon: e.icon,
+            image: e.image,
+            "is-flipped": e.isFlipped,
+            name: e.name,
+            "title-level": e.titleLevel
+          }, null, 8, ["color", "description", "icon", "image", "is-flipped", "name", "title-level"])
+        ])
+      ], 42, Y))), 128))
+    ], 8, I));
+  }
+}), J = "[data-v-85c872ca]{box-sizing:border-box}.flip-cards[data-v-85c872ca]{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;max-width:100%;padding:0}.flip-cards .card-container[data-v-85c872ca]{cursor:pointer;flex:0 0 180px;height:250px;margin:0;perspective:1200px;outline:none;transform:scale(1);transition:transform ease .5s}.flip-cards .card-container[data-v-85c872ca]:hover,.flip-cards .card-container[data-v-85c872ca]:focus{transform:scale(1.05);transition:transform ease .5s;outline:none}.flip-cards .card-container .flip-container[data-v-85c872ca]{display:block;position:relative;width:100%;height:100%;padding:18px;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,.8,.2,1);will-change:transform}.flip-cards .card-container.flipped .flip-container[data-v-85c872ca]{transform:rotateY(180deg)}", O = /* @__PURE__ */ _(H, [["styles", [J]], ["__scopeId", "data-v-85c872ca"]]);
+C(/* @__PURE__ */ Object.assign({ "./locales/fr.json": $ })).catch((i) => console.error(i));
+window.customElements.define("flip-cards", L(O, {
+  configureApp(i) {
+    u.changeLanguage(document?.documentElement?.lang || navigator.language), i.use(S, { i18next: u });
+  }
+}));

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

@@ -1,4 +1,4 @@
-import { d as e } from "../_plugin-vue_export-helper-DK91u00G.js";
-import { I as m } from "../ImageQuiz.ce-DtarwFF1.js";
+import { d as e } from "../_plugin-vue_export-helper-BaT1QC5Q.js";
+import { I as m } from "../ImageQuiz.ce-BU1wvQqO.js";
 window.customElements.define("image-quiz", e(m));
 window.customElements.define("qcu-image", e(m));

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

@@ -1,5 +1,5 @@
-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-DK91u00G.js";
-import { I as A } from "../ImageQuiz.ce-DtarwFF1.js";
+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";
+import { I as A } from "../ImageQuiz.ce-BU1wvQqO.js";
 const h = /* @__PURE__ */ l({
   __name: "ImageQuizzes.ce",
   props: {

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

@@ -1,6 +1,6 @@
-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-DK91u00G.js";
-import { L as l } from "../LLMMessage.ce-CnMf3mGa.js";
-import { p as u } from "../shadow-dom-DTRtrvgC.js";
+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";
+import { L as l } from "../LLMMessage.ce-55YTC7a9.js";
+import { p as u } from "../shadow-dom-CLVtaG5r.js";
 const f = {
   class: "header",
   "aria-hidden": "true"

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

@@ -1,6 +1,6 @@
-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-DK91u00G.js";
-import { L as _ } from "../LLMMessage.ce-CnMf3mGa.js";
-import { p as x } from "../shadow-dom-DTRtrvgC.js";
+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";
+import { L as _ } from "../LLMMessage.ce-55YTC7a9.js";
+import { p as x } from "../shadow-dom-CLVtaG5r.js";
 const b = {
   class: "llm-messages",
   "aria-live": "polite"

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

@@ -1,4 +1,4 @@
-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-DK91u00G.js";
+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";
 import "./llm-messages.ce.js.js";
 const N = { class: "prompt-select" }, P = { class: "prompt-select__options" }, A = ["disabled", "onClick"], B = /* @__PURE__ */ v({
   __name: "LLMPromptSelect.ce",

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

@@ -1,10 +1,10 @@
-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-DK91u00G.js";
-import { L } from "../Loading.ce-BLJllV22.js";
+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";
+import { L } from "../Loading.ce-BQOiwGj0.js";
 const P = ["part"], I = {
   key: 1,
   class: "message__loader message__content",
   "aria-hidden": "true"
-}, j = ["part"], K = { key: 1 }, O = { key: 0 }, R = /* @__PURE__ */ D({
+}, j = ["part"], H = { key: 1 }, J = { key: 0 }, K = /* @__PURE__ */ D({
   __name: "Message.ce",
   props: {
     displaySender: { type: Boolean, default: !0 },
@@ -46,22 +46,22 @@ const P = ["part"], I = {
         x(v(e.message.userName), 1)
       ], 8, P)) : m("", !0),
       i.value === "loading" ? (s(), t("div", I, [
-        E(L)
+        B(L)
       ])) : m("", !0),
       h("p", {
         class: w(["message__content", { "hidden-state": i.value !== "visible" }]),
         part: `message ${e.message.direction}`
       }, [
-        e.message.image ? (s(), t("img", B(T({ key: 0 }, e.message.image)), null, 16)) : m("", !0),
-        e.message.image ? (s(), t("br", K)) : m("", !0),
+        e.message.image ? (s(), t("img", E(T({ key: 0 }, e.message.image)), null, 16)) : m("", !0),
+        e.message.image ? (s(), t("br", H)) : m("", !0),
         (s(!0), t(b, null, N(p.value, (o, r) => (s(), t(b, { key: r }, [
-          r > 0 ? (s(), t("br", O)) : m("", !0),
+          r > 0 ? (s(), t("br", J)) : m("", !0),
           x(" " + v(o), 1)
         ], 64))), 128))
       ], 10, j)
     ], 2));
   }
-}), q = ".message{max-width:80%;position:relative}.message--incoming{align-self:start}.message--incoming .message__sender{padding-left:10px}.message--incoming .message__loader{left:10px}.message--incoming .message__content{background-color:#e8e8e8}.message--outgoing{align-self:end}.message--outgoing .message__sender{padding-right:10px;text-align:right}.message--outgoing .message__loader{right:10px}.message--outgoing .message__content{background-color:#d1eaff}.message__sender{color:#444;font-size:.8rem;font-weight:700;margin:0}.message__loader{position:absolute;width:24px}.message__content{border-radius:16px;margin:0;padding:10px 14px}.message__content:not(.hidden-state){animation:fade .3s ease-in-out both}.message__content>img{max-width:100%}.hidden-state{visibility:hidden}@keyframes fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){.message__content:not(.hidden-state){animation:none}.message__loader{display:none}.hidden-state{visibility:visible}}", G = /* @__PURE__ */ S(R, [["styles", [q]]]), H = { part: "conversation" }, J = { class: "sr-only" }, Q = /* @__PURE__ */ D({
+}), 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({
   __name: "MessageConversation.ce",
   props: {
     title: { default: "Conversation par messages", type: String },
@@ -94,9 +94,9 @@ const P = ["part"], I = {
     }
     return c({
       reset: f
-    }), (e, a) => (s(), t("figure", H, [
-      h("figcaption", J, v(e.title), 1),
-      (s(!0), t(b, null, N(p.value, ({ message: o, displaySender: r, startAnimation: u, animationDuration: y }, _) => (s(), z(G, {
+    }), (e, a) => (s(), t("figure", q, [
+      h("figcaption", G, v(e.title), 1),
+      (s(!0), t(b, null, N(p.value, ({ message: o, displaySender: r, startAnimation: u, animationDuration: y }, _) => (s(), z(R, {
         ref_for: !0,
         ref: "messages",
         message: o,

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

@@ -1,5 +1,5 @@
-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-DK91u00G.js";
-import { a as m, i as r, b as f } from "../i18n-Gv3Ze5vF.js";
+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";
+import { a as m, i as r, b as f } from "../i18n-BOk_ejZ-.js";
 const v = {}, y = {}, b = {
   "pix-article": { byAuthor: "Par {{author}}" }
 }, S = {}, L = {}, j = ["titleLevel"], x = { class: "article__metadata" }, A = { class: "article__author" }, E = ["innerHTML"], H = /* @__PURE__ */ g({

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

@@ -1,6 +1,6 @@
-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-DK91u00G.js";
-import { a as V, i as N, b as P } from "../i18n-Gv3Ze5vF.js";
-import { B, N as M } from "../NavigationButton.ce-Cz9511sV.js";
+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";
+import { a as V, i as N, b as P } from "../i18n-BOk_ejZ-.js";
+import { B, N as M } from "../NavigationButton.ce-CgyZHLpi.js";
 const F = {
   "pix-carousel": { license: "Image license", next: "Next", of: "{{ currentSlide }} of {{ slideLength }}", previous: "Previous", slide: "Slide", title: "Carousel" }
 }, G = {
@@ -39,13 +39,13 @@ const F = {
         class: "title"
       }, [
         z(t.$slots, "pagination"),
-        j(" " + g(t.title), 1)
+        E(" " + g(t.title), 1)
       ], 8, W),
       i.value ? (o(), l("div", {
         key: 0,
         class: "description",
         innerHTML: t.description
-      }, null, 8, q)) : t.description ? (o(), l("p", K, g(t.description), 1)) : E("", !0)
+      }, null, 8, q)) : t.description ? (o(), l("p", K, g(t.description), 1)) : j("", !0)
     ], 2));
   }
 }), 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 = {
           src: e.slide.image.src
         }, null, 12, Y),
         e.slide.license ? (o(), l("p", ee, [
-          j(g(e.slide.license.attribution) + " / ", 1),
+          E(g(e.slide.license.attribution) + " / ", 1),
           r("a", {
             href: e.slide.license.url,
             target: "_blank"
           }, g(e.slide.license.name), 9, ie)
-        ])) : E("", !0)
+        ])) : j("", !0)
       ], 4)) : e.type === "image-text" ? (o(), l("div", te, [
         r("img", {
           alt: e.slide.image.alt,

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

@@ -1,7 +1,7 @@
-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-DK91u00G.js";
-import { a as q, i as w, b as R } from "../i18n-Gv3Ze5vF.js";
-import { N as M } from "../NavigationButton.ce-Cz9511sV.js";
-const U = {}, J = {}, K = {
+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";
+import { a as q, i as w, b as J } from "../i18n-BOk_ejZ-.js";
+import { N as M } from "../NavigationButton.ce-CgyZHLpi.js";
+const R = {}, U = {}, K = {
   "pix-cursor": { confirm: "Valider", next: "Suivant", previous: "Précédent", selectAnOption: "Sélectionnez une option", youHaveChosen: "Vous avez choisi : { choice }" }
 }, Q = {}, W = {}, X = ["for"], Y = {
   class: "visible-options",
@@ -18,7 +18,7 @@ const U = {}, J = {}, K = {
     options: { type: Array }
   },
   setup(d, { expose: j }) {
-    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));
+    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));
     function z() {
       o.value = !0;
     }
@@ -49,13 +49,13 @@ const U = {}, J = {}, K = {
           }, u(t.$t("pix-cursor.selectAnOption")), 9, X),
           s("ul", Y, [
             (i(!0), a(f, null, b(t.options, (n, e) => (i(), a("li", {
-              onClick: (E) => h(e),
+              onClick: (H) => h(e),
               key: e
             }, u(n.label), 9, Z))), 128))
           ]),
           s("datalist", { id: c(_) }, [
             (i(!0), a(f, null, b(t.options, (n, e) => (i(), a("option", {
-              onClick: (E) => h(e),
+              onClick: (H) => h(e),
               key: e,
               value: e,
               label: n.label
@@ -70,12 +70,12 @@ const U = {}, J = {}, K = {
             max: t.options.length - 1,
             disabled: o.value
           }, null, 8, te), [
-            [H, r.value]
+            [E, r.value]
           ]),
           s("div", ne, [
             g(M, {
               onClick: $,
-              disabled: o.value || N.value,
+              disabled: o.value || I.value,
               label: t.$t("pix-cursor.previous"),
               "aria-controls": c(v),
               "aria-disabled": o.value,
@@ -103,7 +103,7 @@ const U = {}, J = {}, K = {
             ]),
             g(M, {
               onClick: O,
-              disabled: o.value || I.value,
+              disabled: o.value || N.value,
               label: t.$t("pix-cursor.next"),
               "aria-controls": c(v),
               "aria-disabled": o.value,
@@ -129,9 +129,9 @@ const U = {}, J = {}, K = {
     };
   }
 }), 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"]]);
-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));
+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));
 window.customElements.define("pix-cursor", G(pe, {
   configureApp(d) {
-    w.changeLanguage(document?.documentElement?.lang || navigator.language), d.use(R, { i18next: w });
+    w.changeLanguage(document?.documentElement?.lang || navigator.language), d.use(J, { i18next: w });
   }
 }));

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

@@ -1,6 +1,6 @@
-import { a as k, c, o as r, f as t, E as b, t as d, D as C, _ as w, O as B, P as E, r as y, k as _, l as R, A as V, Q as j, g as O, F as h, b as x, e as M, I as G, q as P, y as F, d as Q } from "../_plugin-vue_export-helper-DK91u00G.js";
-import { i as s, a as H, b as U } from "../i18n-Gv3Ze5vF.js";
-const W = {}, Z = {}, J = {
+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";
+import { i as s, a as Q, b as U } from "../i18n-BOk_ejZ-.js";
+const J = {}, W = {}, Z = {
   "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 :", 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" }
 }, K = {}, X = {}, Y = ["aria-hidden"], ee = ["aria-level"], te = ["src"], ae = { class: "description" }, ie = ["src"], se = ["aria-level"], ne = /* @__PURE__ */ k({
   __name: "NarrativeAnswer.ce",
@@ -49,7 +49,7 @@ const W = {}, Z = {}, J = {
   }
 }), 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({
   __name: "Option.ce",
-  props: /* @__PURE__ */ B({
+  props: /* @__PURE__ */ A({
     option: { type: String },
     value: { type: Number },
     readonly: { type: Boolean }
@@ -59,7 +59,7 @@ const W = {}, Z = {}, J = {
   }),
   emits: ["update:modelValue"],
   setup(a, { expose: e }) {
-    const l = E(a, "modelValue"), u = y(!1), i = _(() => l.value.length === 3 && !u.value || a.readonly);
+    const l = B(a, "modelValue"), u = y(!1), i = _(() => l.value.length === 3 && !u.value || a.readonly);
     function v(m) {
       if (i.value) {
         m.preventDefault();
@@ -72,7 +72,7 @@ const W = {}, Z = {}, J = {
     }), (m, g) => (r(), c("label", {
       class: C({ selected: u.value, disabled: i.value })
     }, [
-      R(t("input", {
+      E(t("input", {
         type: "checkbox",
         name: "options",
         onClick: v,
@@ -166,12 +166,12 @@ const W = {}, Z = {}, J = {
           }, d(n.$t("qcm-deepfake.in")), 9, ge),
           t("fieldset", null, [
             t("legend", ve, d(n.$t("qcm-deepfake.selectThreeElements")), 1),
-            (r(!0), c(h, null, x(G(p), (f, S) => (r(), M(ue, {
+            (r(!0), c(h, null, x(M(p), (f, S) => (r(), G(ue, {
               ref_for: !0,
               ref_key: "optionsNode",
               ref: v,
               modelValue: l.value,
-              "onUpdate:modelValue": o[0] || (o[0] = (A) => l.value = A),
+              "onUpdate:modelValue": o[0] || (o[0] = (R) => l.value = R),
               key: S,
               class: "left-side__options",
               option: f,
@@ -213,8 +213,8 @@ const W = {}, Z = {}, J = {
     ], 64));
   }
 }), 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"]]);
-H(/* @__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));
-window.customElements.define("qcm-deepfake", Q(Ie, {
+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));
+window.customElements.define("qcm-deepfake", H(Ie, {
   configureApp(a) {
     s.changeLanguage(document?.documentElement?.lang || navigator.language), a.use(U, { i18next: s });
   }

package/dist/{i18n-Gv3Ze5vF.js → i18n-BOk_ejZ-.js}

@@ -1,4 +1,4 @@
-import { s as Le, n as we, a as ve, i as Re } from "./_plugin-vue_export-helper-DK91u00G.js";
+import { s as Le, n as we, a as ve, i as Re } from "./_plugin-vue_export-helper-BaT1QC5Q.js";
 const d = (o) => typeof o == "string", V = () => {
   let o, e;
   const t = new Promise((i, s) => {

package/dist/index.js

@@ -1,6 +1,8 @@
 import "./components/calcul-impact.ce.js.js";
+import "./components/capacity-calculation.ce.js.js";
 import "./components/clickable-image.ce.js.js";
 import "./components/complete-phrase.ce.js.js";
+import "./components/flip-cards.ce.js.js";
 import "./components/image-quiz.ce.js.js";
 import "./components/image-quizzes.ce.js.js";
 import "./components/message-conversation.ce.js.js";

package/dist/metadata.js

@@ -1,48 +1,56 @@
 const i = "usable", s = {
   isInteractive: !0,
   mobileUsability: i
-}, a = "not-accessible", o = !0, c = "unusable", l = {
+}, a = "accessible", c = !0, o = "not-recommended", l = {
   accessibility: a,
-  isInteractive: o,
-  mobileUsability: c
-}, n = !0, b = "not-recommended", m = {
-  isInteractive: n,
-  mobileUsability: b
-}, _ = !0, r = "usable", v = {
-  isInteractive: _,
-  mobileUsability: r
-}, u = !0, y = "usable", $ = {
-  isInteractive: u,
-  mobileUsability: y
-}, I = !1, U = "usable", d = {
-  isInteractive: I,
-  mobileUsability: U
-}, g = !1, p = "usable", j = {
-  isInteractive: g,
+  isInteractive: c,
+  mobileUsability: o
+}, n = "not-accessible", b = !0, m = "unusable", _ = {
+  accessibility: n,
+  isInteractive: b,
+  mobileUsability: m
+}, r = !0, v = "not-recommended", y = {
+  isInteractive: r,
+  mobileUsability: v
+}, u = "accessible", $ = !0, d = "usable", I = {
+  accessibility: u,
+  isInteractive: $,
+  mobileUsability: d
+}, U = !0, p = "usable", g = {
+  isInteractive: U,
   mobileUsability: p
-}, x = "accessible", f = !0, q = "usable", z = {
-  accessibility: x,
-  isInteractive: f,
-  mobileUsability: q
-}, k = !0, O = "not-recommended", h = {
-  isInteractive: k,
-  mobileUsability: O
-}, E = !1, w = "unusable", A = {
-  isInteractive: E,
-  mobileUsability: w
-}, B = !1, C = "usable", D = {
-  isInteractive: B,
-  mobileUsability: C
-}, F = !0, G = "usable", H = {
-  isInteractive: F,
-  mobileUsability: G
-}, J = !0, K = "not-recommended", L = {
-  isInteractive: J,
-  mobileUsability: K
-}, M = /* @__PURE__ */ Object.assign({ "./calcul-impact/calcul-impact.metadata.json": s, "./clickable-image/clickable-image.metadata.json": l, "./complete-phrase/complete-phrase.metadata.json": m, "./image-quiz/image-quiz.metadata.json": v, "./image-quiz/image-quizzes.metadata.json": $, "./message-conversation/message-conversation.metadata.json": d, "./pix-article/pix-article.metadata.json": j, "./pix-carousel/pix-carousel.metadata.json": z, "./pix-cursor/pix-cursor.metadata.json": h, "./pix-llm/llm-compare-messages.metadata.json": A, "./pix-llm/llm-messages.metadata.json": D, "./pix-llm/llm-prompt-select.metadata.json": H, "./qcm-deepfake/qcm-deepfake.metadata.json": L }), N = Object.fromEntries(Object.entries(M).map(([t, e]) => [
+}, j = !0, x = "usable", f = {
+  isInteractive: j,
+  mobileUsability: x
+}, q = !1, z = "usable", k = {
+  isInteractive: q,
+  mobileUsability: z
+}, O = !1, h = "usable", E = {
+  isInteractive: O,
+  mobileUsability: h
+}, w = "accessible", A = !0, B = "usable", C = {
+  accessibility: w,
+  isInteractive: A,
+  mobileUsability: B
+}, D = !0, F = "not-recommended", G = {
+  isInteractive: D,
+  mobileUsability: F
+}, H = !1, J = "unusable", K = {
+  isInteractive: H,
+  mobileUsability: J
+}, L = !1, M = "usable", N = {
+  isInteractive: L,
+  mobileUsability: M
+}, P = !0, Q = "usable", R = {
+  isInteractive: P,
+  mobileUsability: Q
+}, S = !0, T = "not-recommended", V = {
+  isInteractive: S,
+  mobileUsability: T
+}, W = /* @__PURE__ */ Object.assign({ "./calcul-impact/calcul-impact.metadata.json": s, "./capacity-calculation/capacity-calculation.metadata.json": l, "./clickable-image/clickable-image.metadata.json": _, "./complete-phrase/complete-phrase.metadata.json": y, "./flip-cards/flip-cards.metadata.json": I, "./image-quiz/image-quiz.metadata.json": g, "./image-quiz/image-quizzes.metadata.json": f, "./message-conversation/message-conversation.metadata.json": k, "./pix-article/pix-article.metadata.json": E, "./pix-carousel/pix-carousel.metadata.json": C, "./pix-cursor/pix-cursor.metadata.json": G, "./pix-llm/llm-compare-messages.metadata.json": K, "./pix-llm/llm-messages.metadata.json": N, "./pix-llm/llm-prompt-select.metadata.json": R, "./qcm-deepfake/qcm-deepfake.metadata.json": V }), X = Object.fromEntries(Object.entries(W).map(([t, e]) => [
   t.replace(/^.*\/([^/]+)\.metadata\.json$/, "$1"),
   e
 ]));
 export {
-  N as metadata
+  X as metadata
 };