ep-lib-ts 1.0.35 → 1.0.37

package/dist/EpBranchingScenario-5sbzBXZ0.js

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

package/dist/EpBtn-B1xGgn2Y.js

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

package/dist/EpCard-CEjoqwN4.js

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

package/dist/EpCheckbox-Da_2WoCs.js

@@ -0,0 +1,4 @@
+import { _ as f } from "./EpCheckbox.vue_vue_type_script_setup_true_lang-Dqi62vJ8.js";
+export {
+  f as default
+};

package/dist/{EpCheckbox-BtJRFbS_.js → EpCheckbox.vue_vue_type_script_setup_true_lang-Dqi62vJ8.js}

@@ -1,4 +1,4 @@
-import { defineComponent as y, computed as b, toRefs as g, openBlock as x, createElementBlock as v, withDirectives as _, createElementVNode as d, unref as e, vModelCheckbox as h, toDisplayString as k } from "vue";
+import { defineComponent as y, computed as b, toRefs as g, createElementBlock as x, openBlock as _, withDirectives as v, createElementVNode as d, unref as e, vModelCheckbox as h, toDisplayString as k } from "vue";
 const V = { class: "cursor-pointer flex items-center rounded-md py-3 px-3 text-xs font-semibold uppercase sm:flex-1 hover:bg-gray-200" }, B = ["id", "value", "disabled", "readonly"], C = { class: "ml-2" }, D = /* @__PURE__ */ y({
   __name: "EpCheckbox",
   props: {
@@ -18,11 +18,11 @@ const V = { class: "cursor-pointer flex items-center rounded-md py-3 px-3 text-x
       set(a) {
         n("update:modelValue", a);
       }
-    }), { id: u, label: i, disabled: c, readonly: p, value: m } = g(o);
-    return (a, l) => (x(), v("label", V, [
-      _(d("input", {
+    }), { id: i, label: u, disabled: c, readonly: p, value: m } = g(o);
+    return (a, l) => (_(), x("label", V, [
+      v(d("input", {
         type: "checkbox",
-        id: e(u),
+        id: e(i),
         "onUpdate:modelValue": l[0] || (l[0] = (f) => t.value = f),
         value: e(m),
         disabled: e(c),
@@ -32,10 +32,10 @@ const V = { class: "cursor-pointer flex items-center rounded-md py-3 px-3 text-x
       }, null, 8, B), [
         [h, t.value]
       ]),
-      d("span", C, k(e(i)), 1)
+      d("span", C, k(e(u)), 1)
     ]));
   }
 });
 export {
-  D as default
+  D as _
 };

package/dist/EpChip-d8r-FDqu.js

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

package/dist/EpCodeblock-Cu1MOvmi.js

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

package/dist/EpConclusion-Dk_FFixG.js

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

package/dist/EpContentSlider-dx8Hu4OS.js

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

package/dist/{EpDarkmode-BHYy2H_7.js → EpDarkmode-CuVlLi72.js}

@@ -1,5 +1,5 @@
-import { defineComponent as c, ref as u, onMounted as p, openBlock as r, createElementBlock as n, createStaticVNode as m, createElementVNode as a } from "vue";
-import { I as g } from "./index-CAb7BIas.js";
+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 { L as g } from "./index-BkHXngnv.js";
 const k = {
   key: 0,
   title: "Switch to light mode"
@@ -18,13 +18,13 @@ const k = {
     };
     return p(() => {
       s(t.value);
-    }), (e, o) => (r(), n("button", {
+    }), (e, o) => (n(), r("button", {
       onClick: h,
       class: "p-2 rounded-full transition-colors duration-300 hover:bg-gray-700 hover:scale-105"
     }, [
-      t.value === "dark" ? (r(), n("span", k, o[0] || (o[0] = [
+      t.value === "dark" ? (n(), r("span", k, o[0] || (o[0] = [
         m('<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sun"><circle cx="12" cy="12" r="4"></circle><path d="M12 2v2"></path><path d="M12 20v2"></path><path d="m4.93 4.93 1.41 1.41"></path><path d="m17.66 17.66 1.41 1.41"></path><path d="M2 12h2"></path><path d="M20 12h2"></path><path d="m6.34 17.66-1.41 1.41"></path><path d="m19.07 4.93-1.41 1.41"></path></svg>', 1)
-      ]))) : (r(), n("span", v, o[1] || (o[1] = [
+      ]))) : (n(), r("span", v, o[1] || (o[1] = [
         a("svg", {
           xmlns: "http://www.w3.org/2000/svg",
           width: "24",

package/dist/EpDescription-B00PjQg0.js

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

package/dist/EpDivider-CukqZw1a.js

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

package/dist/EpEdu-B5N7RG49.js

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

package/dist/EpFlex-DAtWa--7.js

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

package/dist/EpFunnelChart-jn5C9tAB.js

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

package/dist/EpHeader-Cwx5Qb6Q.js

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

package/dist/{EpHotsPot-DFz_Du9o.js → EpHotsPot-nT87sUMT.js}

@@ -1,4 +1,4 @@
-import { defineComponent as x, toRefs as g, computed as b, ref as c, openBlock as n, createElementBlock as l, createElementVNode as o, toDisplayString as m, unref as u, Fragment as k, renderList as C, normalizeClass as P, normalizeStyle as $, createCommentVNode as w } from "vue";
+import { defineComponent as x, toRefs as g, computed as b, ref as c, createElementBlock as n, openBlock as l, createElementVNode as o, toDisplayString as m, unref as u, createCommentVNode as k, Fragment as C, renderList as P, normalizeStyle as $, normalizeClass as w } from "vue";
 const z = { class: "text-xl font-bold" }, B = { class: "relative" }, L = ["src", "alt"], M = ["onClick"], E = {
   key: 0,
   class: "absolute inset-0 flex items-center justify-center bg-black bg-opacity-5 px-2"
@@ -24,20 +24,20 @@ const z = { class: "text-xl font-bold" }, B = { class: "relative" }, L = ["src",
     }, y = () => {
       a.value = !1, r.value = "";
     };
-    return (e, t) => (n(), l("div", null, [
+    return (e, t) => (l(), n("div", null, [
       o("h2", z, m(u(d)), 1),
       o("div", B, [
         o("img", {
           src: u(h),
           alt: `l'image de ${u(d)}`
         }, null, 8, L),
-        (n(!0), l(k, null, C(_.value, (s) => (n(), l("button", {
+        (l(!0), n(C, null, P(_.value, (s) => (l(), n("button", {
           key: s.id,
           onClick: (D) => v(s.title, s.content),
-          class: P("absolute text-white px-4 py-2 shadow-md bg-primary"),
+          class: w("absolute text-white px-4 py-2 shadow-md bg-primary"),
           style: $(`${s.position}`)
         }, "+", 12, M))), 128)),
-        a.value ? (n(), l("div", E, [
+        a.value ? (l(), n("div", E, [
           o("div", H, [
             o("h4", null, m(p.value), 1),
             o("div", {
@@ -49,7 +49,7 @@ const z = { class: "text-xl font-bold" }, B = { class: "relative" }, L = ["src",
               class: "mt-4 bg-primary text-white px-2 py-1 text-sm"
             }, m(e.labels.fermer), 1)
           ])
-        ])) : w("", !0)
+        ])) : k("", !0)
       ])
     ]));
   }

package/dist/EpHover-Kp8XbqYO.js

@@ -0,0 +1,4 @@
+import { _ as f } from "./EpHover.vue_vue_type_script_setup_true_lang-BxiamS7-.js";
+export {
+  f as default
+};

package/dist/EpHover.vue_vue_type_script_setup_true_lang-BxiamS7-.js

@@ -0,0 +1,36 @@
+import { defineComponent as i, computed as r, createElementBlock as u, openBlock as c, renderSlot as p, createElementVNode as d, unref as f, normalizeClass as m, normalizeStyle as x } from "vue";
+import { k as h } from "./index-BkHXngnv.js";
+const v = { class: "relative group overflow-hidden bg-cover bg-no-repeat" }, g = ["innerHTML"], _ = /* @__PURE__ */ i({
+  __name: "EpHover",
+  props: {
+    bgColor: { default: "beige" },
+    textColor: { default: "black" },
+    text: { default: "" },
+    animation: { default: "translateX" },
+    seeThrough: { type: Boolean },
+    textSize: {}
+  },
+  setup(a) {
+    const e = a, l = r(() => {
+      let t = "";
+      e.animation == "scale" ? t = "group-hover:scale-105" : e.animation == "translateY" ? t = "translate-y-96 group-hover:translate-y-0" : e.animation == "translateX" && (t = "translate-x-96 group-hover:translate-x-0");
+      let o = e.seeThrough ? "group-hover:opacity-90" : "group-hover:opacity-100", s = e.textSize ? `text-${e.textSize}` : "text-md";
+      return t + " " + o + " " + s;
+    }), n = r(() => ({
+      backgroundColor: e.bgColor,
+      color: e.textColor
+    }));
+    return (t, o) => (c(), u("div", v, [
+      p(t.$slots, "default"),
+      d("div", {
+        style: x(n.value),
+        class: m(`rounded-t-md absolute bottom-0 left-0 right-0 top-0 max-h-full w-full p-10 dark:text-white box-border whitespace-normal overflow-x-auto overflow-y-auto
+            flex flex-col opacity-0 transition duration-1000 ease-in-out ${l.value}`),
+        innerHTML: f(h)(t.text)
+      }, null, 14, g)
+    ]));
+  }
+});
+export {
+  _
+};

package/dist/EpHoverCard-DRRYl4MK.js

@@ -0,0 +1,84 @@
+import { defineComponent as w, computed as l, toRefs as $, createElementBlock as s, openBlock as a, normalizeClass as d, createBlock as B, createCommentVNode as n, createElementVNode as r, unref as t, withCtx as S, renderSlot as i, toDisplayString as x, createVNode as T } from "vue";
+import { _ as z } from "./EpHover.vue_vue_type_script_setup_true_lang-BxiamS7-.js";
+import { u as p, i as E, j as N } from "./index-BkHXngnv.js";
+const V = ["src"], j = {
+  key: 0,
+  class: "mb-2 flex items-center justify-between dark:text-white"
+}, A = { class: "text-2xl dark:text-white font-bold" }, W = { key: 0 }, D = { class: "dark:text-white" }, H = { class: "dark:text-white max-w-4xl" }, G = /* @__PURE__ */ w({
+  __name: "EpHoverCard",
+  props: {
+    title: { default: null },
+    subtitle: { default: null },
+    outlined: { type: Boolean, default: !1 },
+    flat: { type: Boolean, default: !1 },
+    icon: { default: null },
+    color: { default: null },
+    src: { default: null },
+    maxWidth: { default: "max-w-4xl" },
+    density: { default: "default" },
+    hoverContent: {},
+    hoverBg: { default: "" },
+    hoverAnimation: { default: "translateY" },
+    seeThrough: { type: Boolean },
+    textSize: {},
+    hoverColor: {}
+  },
+  setup(v) {
+    const e = v, b = l(() => e.flat ? "" : "shadow-lg"), k = l(() => e.outlined && e.color ? `border solid ${p("border", e.color)}` : e.outlined ? "border solid border-primary dark:border-primary" : "dark:border dark:solid dark:border-primary"), y = l(() => e.color && !e.outlined ? `${p("bg", e.color)}` : "bg-white text-black"), C = l(() => e.color && !e.outlined ? "text-white" : "text-gray-600"), _ = l(() => E[e.density]), g = l(() => `
+    ${b.value} 
+    ${k.value} 
+    ${y.value} 
+    ${e.maxWidth} 
+    rounded-md 
+    dark:bg-dark
+    dark:text-white
+    my-4 `), { title: u, subtitle: c, icon: h, src: f, hoverContent: m } = $(e);
+    return (o, R) => (a(), s("div", {
+      class: d(`${g.value} mx-auto`)
+    }, [
+      t(f) && t(m) ? (a(), B(z, {
+        key: 0,
+        textColor: o.hoverColor,
+        textSize: o.textSize,
+        seeThrough: o.seeThrough,
+        bgColor: o.hoverBg,
+        animation: o.hoverAnimation,
+        text: t(m)
+      }, {
+        default: S(() => [
+          r("img", {
+            src: t(f),
+            class: "w-full rounded-t-md",
+            alt: "header card"
+          }, null, 8, V)
+        ]),
+        _: 1
+      }, 8, ["textColor", "textSize", "seeThrough", "bgColor", "animation", "text"])) : n("", !0),
+      r("div", {
+        class: d(_.value)
+      }, [
+        t(u) || t(c) ? (a(), s("div", j, [
+          r("div", null, [
+            r("h3", A, x(t(u)), 1),
+            r("h4", {
+              class: d(`text-xs dark:text-white ${C.value}`)
+            }, x(t(c)), 3)
+          ]),
+          t(h) ? (a(), s("div", W, [
+            T(N, { "icon-path": t(h) }, null, 8, ["icon-path"])
+          ])) : n("", !0)
+        ])) : n("", !0),
+        i(o.$slots, "card-header"),
+        r("div", D, [
+          i(o.$slots, "default")
+        ]),
+        r("div", H, [
+          i(o.$slots, "card-actions")
+        ])
+      ], 2)
+    ], 2));
+  }
+});
+export {
+  G as default
+};

package/dist/EpIcon-DitBbcuQ.js

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

package/dist/EpIframe-C5c1K8RE.js

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

package/dist/EpImg-YPH6mMcR.js

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