ep-lib-ts 1.0.42 → 1.0.44

package/dist/EpBranchingScenario-vDe8SVyF.js

@@ -0,0 +1,160 @@
+import { defineComponent as H, ref as f, computed as L, createElementBlock as n, openBlock as l, normalizeStyle as k, createElementVNode as t, createCommentVNode as g, toDisplayString as d, unref as v, normalizeClass as c, createVNode as j, Fragment as y, renderList as b } from "vue";
+import { y as w, l as A, z as I, a as M } from "./index-hjRiaRG8.js";
+const q = { class: "font-bold text-3xl" }, z = ["innerHTML"], E = ["innerHTML"], F = ["src"], V = ["onClick"], B = {
+  key: 1,
+  class: "flex-grow flex"
+}, N = ["innerHTML"], O = ["src"], P = ["onClick"], Q = { class: "flex-grow flex flex-col items-center" }, R = { class: "grid grid-cols-2 gap-2" }, D = { class: "col-span-1 flex flex-col items-center" }, G = {
+  class: "flex flex-col relative w-full gap-4 px-5 py-5 items-start overflow-auto border-l-4 border-gray-700",
+  style: { "max-width": "600px", height: "300px" }
+}, J = { class: "flex flex-col col-span-1 justify-center items-center px-4 border-l-2 border-gray-700 overflow-auto" }, K = { class: "text-center" }, U = /* @__PURE__ */ H({
+  __name: "EpBranchingScenario",
+  props: {
+    scenarioTitle: {},
+    initialInstruction: { default: null },
+    generalFeedback: {},
+    bgColor: {},
+    decisionTree: {},
+    transitionAnimation: { default: "fade" }
+  },
+  setup(T) {
+    const m = T, a = f([]), u = f(0), r = f(null), p = f(!0), _ = (e) => {
+      let s = m.decisionTree;
+      if (e.length > 0)
+        for (let o = 0; o < e.length; o++)
+          s = s.options[e[o]];
+      return s !== m.decisionTree ? s : null;
+    }, C = () => {
+      h.value && (a.value.length === 0 && (p.value = !0), a.value.pop(), r.value = _(a.value), u.value = a.value.length);
+    }, h = L(() => u.value === 0 || r.value && r.value.options && r.value.options.length > 0), $ = () => {
+      u.value = 0, r.value = null, a.value = [], p.value = !0;
+    }, S = (e) => {
+      let s = [{ question: m.decisionTree.rootQuestion, choice: m.decisionTree.options[e[0]].name }], o = m.decisionTree.options[e[0]];
+      if (e.length > 1)
+        for (let i = 1; i < e.length; i++) {
+          let x = o.question;
+          o = o.options[e[i]], s.push({ question: x, choice: o.name });
+        }
+      return s;
+    };
+    return (e, s) => (l(), n("div", null, [
+      p.value ? (l(), n("div", {
+        key: 0,
+        class: "m-4 mx-auto w-2/3 bg-gray-200 dark:bg-slate-800 rounded-md flex flex-col items-center justify-around p-4 fade",
+        style: k({ minHeight: "500px", backgroundColor: e.bgColor })
+      }, [
+        t("h1", q, d(e.scenarioTitle), 1),
+        e.initialInstruction ? (l(), n("div", {
+          key: 0,
+          class: "text-center min-w-max m-3 flex flex-col items-center gap-3",
+          innerHTML: v(w)(e.initialInstruction)
+        }, null, 8, z)) : g("", !0),
+        t("button", {
+          class: "rounded bg-blue-500 text-white py-2 px-4 min-w-28 my-3",
+          onClick: s[0] || (s[0] = (o) => p.value = !1)
+        }, "Commencer")
+      ], 4)) : (l(), n("div", {
+        key: 1,
+        class: "m-4 mx-auto w-2/3 rounded-md flex flex-col p-4 bg-gray-200 dark:bg-slate-800",
+        style: k({ minHeight: "500px", backgroundColor: e.bgColor })
+      }, [
+        t("div", null, [
+          h.value ? (l(), n("button", {
+            key: 0,
+            class: c(`rounded bg-blue-500 text-white py-2 px-4 m-2 ${e.transitionAnimation}`),
+            onClick: C
+          }, [
+            j(A, {
+              "icon-path": v(I),
+              size: "25"
+            }, null, 8, ["icon-path"])
+          ], 2)) : g("", !0)
+        ]),
+        u.value === 0 ? (l(), n("div", {
+          key: 0,
+          class: c(`flex-grow flex flex-col items-center justify-around ${e.transitionAnimation}`)
+        }, [
+          t("div", {
+            class: "text-center min-w-max m-3 flex flex-col items-center gap-3",
+            innerHTML: v(w)(e.decisionTree.rootQuestion)
+          }, null, 8, E),
+          e.decisionTree.imgSrc ? (l(), n("img", {
+            key: 0,
+            src: e.decisionTree.imgSrc,
+            class: "rounded",
+            width: "200"
+          }, null, 8, F)) : g("", !0),
+          t("div", {
+            class: c(`w-full justify-items-center mx-4 grid ${e.decisionTree.options.length <= 2 ? "grid-cols-2" : "grid-cols-3"}`)
+          }, [
+            (l(!0), n(y, null, b(e.decisionTree.options, (o, i) => (l(), n("button", {
+              class: c(`rounded bg-blue-500 text-white py-2 px-4 min-w-28 max-w-40 my-3 ${i === e.decisionTree.options.length - 1 && i % 3 === 0 ? "col-span-3" : "col-span-1"}`),
+              key: i,
+              onClick: (x) => {
+                a.value.push(i), u.value++, r.value = o;
+              }
+            }, d(o.name), 11, V))), 128))
+          ], 2)
+        ], 2)) : (l(), n("div", B, [
+          h.value ? (l(), n("div", {
+            key: r.value.question,
+            class: c(`flex-grow flex flex-col items-center justify-around ${e.transitionAnimation}`)
+          }, [
+            t("div", {
+              class: "text-center min-w-max m-3 flex flex-col items-center gap-3",
+              innerHTML: v(w)(r.value.question)
+            }, null, 8, N),
+            r.value.imgSrc ? (l(), n("img", {
+              key: 0,
+              src: r.value.imgSrc,
+              class: "rounded",
+              width: "200"
+            }, null, 8, O)) : g("", !0),
+            t("div", {
+              class: c(`w-full justify-items-center mx-4 grid ${r.value.options.length <= 2 ? "grid-cols-2" : "grid-cols-3"}`)
+            }, [
+              (l(!0), n(y, null, b(r.value.options, (o, i) => (l(), n("button", {
+                class: c(`rounded bg-blue-500 text-white py-2 px-4 min-w-28 max-w-40 my-3 ${i === r.value.options.length - 1 && i % 3 === 0 ? "col-span-3" : "col-span-1"}`),
+                key: i,
+                onClick: (x) => {
+                  a.value.push(i), u.value++, r.value = o;
+                }
+              }, d(o.name), 11, P))), 128))
+            ], 2)
+          ], 2)) : (l(), n("div", {
+            key: 1,
+            class: c(`flex-grow flex flex-col items-center ${e.transitionAnimation}`)
+          }, [
+            t("div", Q, [
+              s[3] || (s[3] = t("h1", { class: "my-4 font-bold text-3xl" }, "Vous avez terminé le scénario!", -1)),
+              t("div", R, [
+                t("div", D, [
+                  s[1] || (s[1] = t("h3", { class: "font-bold" }, "Voici votre parcours", -1)),
+                  t("div", G, [
+                    (l(!0), n(y, null, b(S(a.value), (o, i) => (l(), n("div", {
+                      key: i,
+                      class: "path-item rounded bg-blue-500 text-white py-2 px-4 flex flex-col items-center"
+                    }, [
+                      t("u", null, d(o.question), 1),
+                      t("p", null, d(o.choice), 1)
+                    ]))), 128))
+                  ])
+                ]),
+                t("div", J, [
+                  s[2] || (s[2] = t("h3", { class: "font-bold" }, "Feedback général", -1)),
+                  t("p", K, d(e.generalFeedback), 1)
+                ])
+              ])
+            ]),
+            t("button", {
+              class: "rounded bg-blue-500 text-white py-2 px-4 min-w-28 my-3 col-span-1",
+              onClick: $
+            }, "Recommencer")
+          ], 2))
+        ]))
+      ], 4))
+    ]));
+  }
+}), Y = /* @__PURE__ */ M(U, [["__scopeId", "data-v-22a86a44"]]);
+export {
+  Y as default
+};

package/dist/EpBtn-CodZ5WkT.js

@@ -0,0 +1,4 @@
+import { e } from "./index-hjRiaRG8.js";
+export {
+  e as default
+};

package/dist/EpCard-bxcDoveo.js

@@ -0,0 +1,4 @@
+import { f } from "./index-hjRiaRG8.js";
+export {
+  f as default
+};

package/dist/EpCardLink-BpRg37fb.js

@@ -0,0 +1,4 @@
+import { V as f } from "./index-hjRiaRG8.js";
+export {
+  f as default
+};

package/dist/EpChip-DyPsThQ7.js

@@ -0,0 +1,4 @@
+import { g as f } from "./index-hjRiaRG8.js";
+export {
+  f as default
+};

package/dist/EpCodeblock-CTVen6ok.js

@@ -0,0 +1,4 @@
+import { A as f } from "./index-hjRiaRG8.js";
+export {
+  f as default
+};

package/dist/EpConclusion-CZSpnFN3.js

@@ -0,0 +1,4 @@
+import { B as f } from "./index-hjRiaRG8.js";
+export {
+  f as default
+};

package/dist/EpContentSlider-0KrwEp3v.js

@@ -0,0 +1,4 @@
+import { N as f } from "./index-hjRiaRG8.js";
+export {
+  f as default
+};

package/dist/{EpDarkmode-DV9Z9xYJ.js → EpDarkmode-CM5E89Mq.js}

@@ -1,5 +1,5 @@
 import { defineComponent as c, ref as u, onMounted as p, createElementBlock as r, openBlock as n, createStaticVNode as m, createElementVNode as a } from "vue";
-import { N as g } from "./index-DDAVtT-Z.js";
+import { O as g } from "./index-hjRiaRG8.js";
 const k = {
   key: 0,
   title: "Switch to light mode"

package/dist/EpDescription-BqAK-19p.js

@@ -0,0 +1,4 @@
+import { C as f } from "./index-hjRiaRG8.js";
+export {
+  f as default
+};

package/dist/EpDivider-Cz2UczzO.js

@@ -0,0 +1,4 @@
+import { h as f } from "./index-hjRiaRG8.js";
+export {
+  f as default
+};