ep-lib-ts 1.0.56 → 1.0.58

package/dist/components/interactions/EpDraggable.vue.js

@@ -0,0 +1,144 @@
+import { defineComponent as D, ref as c, onMounted as S, onUnmounted as j, computed as y, createElementBlock as r, openBlock as l, createElementVNode as u, createVNode as f, unref as v, withCtx as k, Fragment as x, renderList as P, toDisplayString as V, createBlock as H, normalizeStyle as W, createCommentVNode as w } from "vue";
+import { VueDraggableNext as C } from "vue-draggable-next";
+import { mdiCloseThick as F, mdiCheckBold as M } from "@mdi/js";
+import R from "../basics/EpIcon.vue.js";
+const T = { class: "flex flex-col" }, $ = { class: "grid grid-cols-3 gap-3 w-full my-8" }, q = { class: "col-span-1 m-6" }, G = ["src"], J = {
+  key: 1,
+  class: "cursor-grab active:cursor-grabbing"
+}, K = { class: "col-span-2 relative" }, O = ["src"], Q = ["src"], X = {
+  key: 1,
+  class: "cursor-grab active:cursor-grabbing"
+}, Y = {
+  key: 2,
+  class: "absolute -top-5 -right-5 bg-red-500 text-white px-2 py-1 rounded-md"
+}, Z = {
+  key: 3,
+  class: "absolute -top-5 -right-5 bg-green-500 text-white px-2 py-1 rounded-md"
+}, le = /* @__PURE__ */ D({
+  __name: "EpDraggable",
+  props: {
+    answers: {},
+    src: {},
+    sockets: {}
+  },
+  setup(A) {
+    const d = A, b = c(0), _ = c(0), g = c({ width: 0, height: 0 }), h = c(null), p = () => {
+      if (!h.value) return;
+      const t = h.value.getBoundingClientRect();
+      g.value = { width: t.width, height: t.height };
+    };
+    S(() => {
+      window.addEventListener("resize", p);
+    }), j(() => {
+      window.removeEventListener("resize", p);
+    });
+    const E = (t) => {
+      b.value = t.target.naturalWidth, _.value = t.target.naturalHeight, p();
+    }, z = y(() => g.value.width == 0 ? 1 : g.value.width / b.value), B = y(() => g.value.height == 0 ? 1 : g.value.height / _.value), n = c([...d.answers]), e = c(
+      d.sockets.map((t) => ({
+        choice: [],
+        expected: t.correctAnswer,
+        allowPut: !0
+      }))
+    ), I = (t, s) => {
+      n.value = n.value.filter(
+        (o) => o.name !== t.clone.name
+      ), e.value[s].allowPut = !1;
+    }, L = (t, s) => {
+      e.value[s].choice = [], e.value[s].allowPut = !0;
+    }, i = c(!1), N = () => {
+      i.value = !0, e.value.forEach((t) => {
+        t.allowPut = !1;
+      });
+    }, U = () => {
+      i.value = !1, n.value = [...d.answers], e.value.forEach((t) => {
+        t.choice = [], t.allowPut = !0;
+      });
+    };
+    return (t, s) => (l(), r("div", T, [
+      u("div", $, [
+        u("div", q, [
+          f(v(C), {
+            class: "dragArea bg-gray-700 rounded-md p-4 min-h-5 list-group w-full",
+            modelValue: n.value,
+            "onUpdate:modelValue": s[0] || (s[0] = (o) => n.value = o),
+            group: { name: "answers", pull: !i.value, put: !i.value }
+          }, {
+            default: k(() => [
+              (l(!0), r(x, null, P(n.value, (o) => (l(), r("div", {
+                class: "list-group-item bg-gray-300 dark:bg-gray-800 m-1 p-3 rounded-md text-center flex justify-center items-center",
+                key: o.name
+              }, [
+                o.isImg ? (l(), r("img", {
+                  key: 0,
+                  class: "cursor-grab active:cursor-grabbing max-w-32 rounded",
+                  src: o.src,
+                  alt: "img"
+                }, null, 8, G)) : (l(), r("p", J, V(o.name), 1))
+              ]))), 128))
+            ]),
+            _: 1
+          }, 8, ["modelValue", "group"])
+        ]),
+        u("div", K, [
+          u("img", {
+            onLoad: E,
+            ref_key: "myImage",
+            ref: h,
+            src: d.src,
+            alt: "img",
+            class: "w-full h-full select-none"
+          }, null, 40, O),
+          (l(!0), r(x, null, P(d.sockets, (o, a) => (l(), H(v(C), {
+            class: "dropArea absolute bg-gray-300 dark:bg-gray-800 p-4 rounded-md min-w-14 max-w-32",
+            key: a,
+            modelValue: e.value[a].choice,
+            "onUpdate:modelValue": (m) => e.value[a].choice = m,
+            group: { put: e.value[a].allowPut },
+            style: W({
+              left: o.xPos * z.value + "px",
+              top: o.yPos * B.value + "px"
+            }),
+            onAdd: (m) => I(m, a),
+            onRemove: (m) => L(m, a)
+          }, {
+            default: k(() => [
+              e.value[a].choice[0] && e.value[a].choice[0].isImg ? (l(), r("img", {
+                key: 0,
+                class: "cursor-grab active:cursor-grabbing rounded",
+                src: e.value[a].choice[0].src,
+                alt: "img"
+              }, null, 8, Q)) : e.value[a].choice[0] ? (l(), r("p", X, V(e.value[a].choice[0].name), 1)) : w("", !0),
+              i.value && e.value[a].choice[0]?.name !== e.value[a].expected ? (l(), r("span", Y, [
+                f(R, {
+                  iconPath: v(F),
+                  size: "18"
+                }, null, 8, ["iconPath"])
+              ])) : w("", !0),
+              i.value && e.value[a].choice[0]?.name === e.value[a].expected ? (l(), r("span", Z, [
+                f(R, {
+                  iconPath: v(M),
+                  size: "18"
+                }, null, 8, ["iconPath"])
+              ])) : w("", !0)
+            ]),
+            _: 2
+          }, 1032, ["modelValue", "onUpdate:modelValue", "group", "style", "onAdd", "onRemove"]))), 128))
+        ])
+      ]),
+      u("div", { class: "flex justify-center gap-4 mt-8" }, [
+        u("button", {
+          class: "bg-blue-500 text-white px-3 py-2 rounded-md text-center",
+          onClick: N
+        }, " Valider "),
+        u("button", {
+          class: "bg-blue-500 text-white px-3 py-2 rounded-md text-center",
+          onClick: U
+        }, " Recommencer ")
+      ])
+    ]));
+  }
+});
+export {
+  le as default
+};

package/dist/components/interactions/EpDraggable.vue2.js

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

package/dist/{EpHotsPot-nT87sUMT.js → components/interactions/EpHotSpot.vue.js}

@@ -1,9 +1,9 @@
-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";
+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 $, normalizeStyle as P, 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"
-}, H = { class: "mx-2 bg-white p-2 shadow-md" }, R = ["innerHTML"], N = /* @__PURE__ */ x({
-  __name: "EpHotsPot",
+}, H = { class: "mx-2 bg-white p-2 shadow-md" }, R = ["innerHTML"], F = /* @__PURE__ */ x({
+  __name: "EpHotSpot",
   props: {
     id: {},
     imageURL: {},
@@ -31,12 +31,12 @@ const z = { class: "text-xl font-bold" }, B = { class: "relative" }, L = ["src",
           src: u(h),
           alt: `l'image de ${u(d)}`
         }, null, 8, L),
-        (l(!0), n(C, null, P(_.value, (s) => (l(), n("button", {
+        (l(!0), n(C, null, $(_.value, (s) => (l(), n("button", {
           key: s.id,
-          onClick: (D) => v(s.title, s.content),
+          onClick: (S) => v(s.title, s.content),
           class: w("absolute text-white px-4 py-2 shadow-md bg-primary"),
-          style: $(`${s.position}`)
-        }, "+", 12, M))), 128)),
+          style: P(`${s.position}`)
+        }, " + ", 12, M))), 128)),
         a.value ? (l(), n("div", E, [
           o("div", H, [
             o("h4", null, m(p.value), 1),
@@ -55,5 +55,5 @@ const z = { class: "text-xl font-bold" }, B = { class: "relative" }, L = ["src",
   }
 });
 export {
-  N as default
+  F as default
 };

package/dist/components/interactions/EpHotSpot.vue2.js

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

package/dist/components/interactions/EpModal.vue.js

@@ -0,0 +1,55 @@
+import { defineComponent as m, computed as f, createBlock as p, openBlock as l, Teleport as V, createVNode as o, Transition as _, withCtx as a, createElementBlock as b, createCommentVNode as k, withModifiers as w, createElementVNode as s, normalizeClass as h, renderSlot as v } from "vue";
+import z from "../basics/EpCard.vue.js";
+const B = { class: "mx-auto" }, E = /* @__PURE__ */ m({
+  __name: "EpModal",
+  props: {
+    modelValue: { type: Boolean, default: !1 },
+    title: { default: null },
+    subtitle: { default: null },
+    icon: { default: null },
+    persistent: { type: Boolean, default: !1 },
+    size: { default: "default" }
+  },
+  emits: ["update:modelValue"],
+  setup(i, { emit: n }) {
+    const t = i, d = {
+      compact: "w-[45%]",
+      default: "w-[75%]",
+      comfortable: "w-[85%]"
+    }, u = n, r = () => {
+      t.persistent || u("update:modelValue", !1);
+    }, c = f(() => d[t.size]);
+    return (e, C) => (l(), p(V, { to: "body" }, [
+      o(_, { name: "modal" }, {
+        default: a(() => [
+          e.modelValue ? (l(), b("div", {
+            key: 0,
+            class: "modal-mask",
+            onClick: w(r, ["self"])
+          }, [
+            s("div", {
+              class: h(`modal-container ${c.value} max-h-screen overflow-auto`)
+            }, [
+              s("div", B, [
+                o(z, {
+                  title: e.title,
+                  subtitle: e.subtitle,
+                  icon: e.icon
+                }, {
+                  default: a(() => [
+                    v(e.$slots, "default")
+                  ]),
+                  _: 3
+                }, 8, ["title", "subtitle", "icon"])
+              ])
+            ], 2)
+          ])) : k("", !0)
+        ]),
+        _: 3
+      })
+    ]));
+  }
+});
+export {
+  E as default
+};

package/dist/components/interactions/EpModal.vue3.js

@@ -0,0 +1,5 @@
+import o from "./EpModal.vue.js";
+/* empty css             */
+export {
+  o as default
+};

package/dist/components/interactions/EpQuestion.vue.js

@@ -0,0 +1,175 @@
+import F from "../../_virtual/dynamic-import-helper.js";
+import { defineComponent as j, computed as k, ref as d, watch as q, toRefs as P, createBlock as u, openBlock as o, unref as i, createSlots as O, withCtx as m, createElementVNode as l, createCommentVNode as v, createElementBlock as E, createVNode as g, Fragment as Q, renderList as z, createTextVNode as y, toDisplayString as h, resolveDynamicComponent as G, normalizeProps as J, guardReactiveProps as K, defineAsyncComponent as T } from "vue";
+import U from "../educationals/EpEdu.vue.js";
+import { useRenderText as C } from "../../composables/useRenderText.js";
+import { useComponent as W } from "../../composables/useComponent.js";
+import { mdiHelpCircle as X } from "@mdi/js";
+import S from "../basics/EpImg.vue.js";
+import Y from "../forms/EpRadio.vue.js";
+import I from "../basics/EpBtn.vue.js";
+import B from "../signages/EpAlert.vue.js";
+const Z = ["innerHTML"], ee = { class: "mt-5" }, te = ["innerHTML"], oe = { class: "mb-6" }, ie = { class: "no-list" }, re = {
+  key: 2,
+  class: "mb-2"
+}, ae = ["innerHTML"], se = {
+  key: 0,
+  class: "my-2"
+}, ge = /* @__PURE__ */ j({
+  __name: "EpQuestion",
+  props: {
+    title: {},
+    intentions: {},
+    labelIntentions: {},
+    hideIcon: { type: Boolean, default: !1 },
+    type: { default: "neutral" },
+    question: {},
+    answers: {},
+    shuffle: { type: Boolean, default: !1 },
+    before: { type: Boolean, default: !1 },
+    numeration: { type: Boolean, default: !1 },
+    src: {},
+    labelNoAnswer: { default: "Veuillez choisir une réponse" },
+    labelAnswerBtn: { default: "Valider" },
+    labelTryAgainBtn: { default: "Réessayer" }
+  },
+  setup(L) {
+    const r = L, _ = k(() => r.intentions ? C(r.intentions) : null), w = k(() => {
+      const e = r.answers;
+      if (r.shuffle)
+        for (let t = e.length - 1; t > 0; t--) {
+          const p = Math.floor(Math.random() * (t + 1)), b = e[t];
+          e[t] = e[p], e[p] = b;
+        }
+      return e;
+    }), A = ["A", "B", "C", "D", "E", "F", "G", "H", "I", "J"], H = (e) => r.numeration ? A[e] : e + 1, a = d(""), s = d(!1), f = d(!0), n = d({
+      type: "warning",
+      text: "no found",
+      component: null,
+      feedback: ""
+    }), V = () => {
+      if (a.value === "") {
+        f.value = !1;
+        return;
+      }
+      const e = r.answers.find((t) => t.uid === a.value);
+      e && (n.value = e, s.value = !0);
+    }, D = () => {
+      s.value = !1, a.value = "";
+    };
+    q(a, (e) => {
+      e !== "" && (f.value = !0);
+    });
+    const M = (e) => {
+      const t = W(e);
+      return t.name === "EpNothing" ? T(() => import("../signages/EpNothing.vue.js")) : T(
+        () => F(/* @__PURE__ */ Object.assign({ "../basics/EpAvatar.vue": () => import("../basics/EpAvatar.vue2.js"), "../basics/EpBadge.vue": () => import("../basics/EpBadge.vue2.js"), "../basics/EpBtn.vue": () => import("../basics/EpBtn.vue2.js"), "../basics/EpCard.vue": () => import("../basics/EpCard.vue2.js"), "../basics/EpChip.vue": () => import("../basics/EpChip.vue2.js"), "../basics/EpDivider.vue": () => import("../basics/EpDivider.vue2.js"), "../basics/EpFlex.vue": () => import("../basics/EpFlex.vue2.js"), "../basics/EpHover.vue": () => import("../basics/EpHover.vue2.js"), "../basics/EpHoverCard.vue": () => import("../basics/EpHoverCard.vue2.js"), "../basics/EpIcon.vue": () => import("../basics/EpIcon.vue2.js"), "../basics/EpImg.vue": () => import("../basics/EpImg.vue2.js"), "../basics/EpImgCarousel.vue": () => import("../basics/EpImgCarousel.vue2.js"), "../basics/EpList.vue": () => import("../basics/EpList.vue.js"), "../basics/EpListItem.vue": () => import("../basics/EpListItem.vue2.js"), "../basics/EpSection.vue": () => import("../basics/EpSection.vue2.js"), "../basics/EpSectionCols.vue": () => import("../basics/EpSectionCols.vue2.js"), "../basics/EpSpinner.vue": () => import("../basics/EpSpinner.vue2.js"), "../basics/EpStackedList.vue": () => import("../basics/EpStackedList.vue2.js"), "../basics/EpTable.vue": () => import("../basics/EpTable.vue2.js"), "../basics/EpText.vue": () => import("../basics/EpText.vue2.js"), "../charts/EpBarChart.vue": () => import("../charts/EpBarChart.vue2.js"), "../charts/EpFunnelChart.vue": () => import("../charts/EpFunnelChart.vue2.js"), "../charts/EpLineChart.vue": () => import("../charts/EpLineChart.vue2.js"), "../charts/EpPieChart.vue": () => import("../charts/EpPieChart.vue2.js"), "../educationals/EpBranchingScenario.vue": () => import("../educationals/EpBranchingScenario.vue.js"), "../educationals/EpCodeblock.vue": () => import("../educationals/EpCodeblock.vue3.js"), "../educationals/EpConclusion.vue": () => import("../educationals/EpConclusion.vue2.js"), "../educationals/EpDescription.vue": () => import("../educationals/EpDescription.vue2.js"), "../educationals/EpDocument.vue": () => import("../educationals/EpDocument.vue2.js"), "../educationals/EpEdu.vue": () => import("../educationals/EpEdu.vue2.js"), "../educationals/EpInstructions.vue": () => import("../educationals/EpInstructions.vue2.js"), "../educationals/EpIntroduction.vue": () => import("../educationals/EpIntroduction.vue2.js"), "../educationals/EpObjective.vue": () => import("../educationals/EpObjective.vue2.js"), "../educationals/EpReading.vue": () => import("../educationals/EpReading.vue2.js"), "../educationals/EpResource.vue": () => import("../educationals/EpResource.vue2.js"), "../educationals/EpScope.vue": () => import("../educationals/EpScope.vue2.js"), "../educationals/EpSpecificObjective.vue": () => import("../educationals/EpSpecificObjective.vue2.js"), "../forms/EpCheckbox.vue": () => import("../forms/EpCheckbox.vue2.js"), "../forms/EpInput.vue": () => import("../forms/EpInput.vue2.js"), "../forms/EpRadio.vue": () => import("../forms/EpRadio.vue2.js"), "../forms/EpRadioSummative.vue": () => import("../forms/EpRadioSummative.vue2.js"), "../forms/EpSelect.vue": () => import("../forms/EpSelect.vue2.js"), "../forms/EpSwitch.vue": () => import("../forms/EpSwitch.vue2.js"), "../forms/EpTextarea.vue": () => import("../forms/EpTextarea.vue2.js"), "../forms/EpToggle.vue": () => import("../forms/EpToggle.vue2.js"), "./Ep360Image.vue": () => import("./Ep360Image.vue2.js"), "./Ep360Video.vue": () => import("./Ep360Video.vue2.js"), "./EpAccordeon.vue": () => import("./EpAccordeon.vue.js"), "./EpContentSlider.vue": () => import("./EpContentSlider.vue2.js"), "./EpDarkMode.vue": () => import("./EpDarkMode.vue2.js"), "./EpDraggable.vue": () => import("./EpDraggable.vue2.js"), "./EpHotSpot.vue": () => import("./EpHotSpot.vue2.js"), "./EpModal.vue": () => import("./EpModal.vue3.js"), "./EpQuestion.vue": () => import("./EpQuestion.vue2.js"), "./EpSummativeTable.vue": () => import("./EpSummativeTable.vue2.js"), "./EpSvgShow.vue": () => import("./EpSvgShow.vue2.js"), "./EpTabs.vue": () => import("./EpTabs.vue.js"), "./EpTooltip.vue": () => import("./EpTooltip.vue3.js"), "../medias/EpAudio.vue": () => import("../medias/EpAudio.vue2.js"), "../medias/EpCardLink.vue": () => import("../medias/EpCardLink.vue2.js"), "../medias/EpCarousel.vue": () => import("../medias/EpCarousel.vue.js"), "../medias/EpHierarchy.vue": () => import("../medias/EpHierarchy.vue.js"), "../medias/EpIframe.vue": () => import("../medias/EpIframe.vue2.js"), "../medias/EpKatex.vue": () => import("../medias/EpKatex.vue.js"), "../medias/EpLink.vue": () => import("../medias/EpLink.vue2.js"), "../medias/EpLinkVersion.vue": () => import("../medias/EpLinkVersion.vue2.js"), "../medias/EpLottieSvg.vue": () => import("../medias/EpLottieSvg.vue2.js"), "../medias/EpSensibleImage.vue": () => import("../medias/EpSensibleImage.vue.js"), "../medias/EpSoftware.vue": () => import("../medias/EpSoftware.vue2.js"), "../medias/EpSvg.vue": () => import("../medias/EpSvg.vue2.js"), "../medias/EpTerm.vue": () => import("../medias/EpTerm.vue2.js"), "../medias/EpTimeLine.vue": () => import("../medias/EpTimeLine.vue3.js"), "../medias/EpVideo.vue": () => import("../medias/EpVideo.vue2.js"), "../medias/EpVideoPanopto.vue": () => import("../medias/EpVideoPanopto.vue2.js"), "../medias/EpWordDef.vue": () => import("../medias/EpWordDef.vue2.js"), "../signages/EpAlert.vue": () => import("../signages/EpAlert.vue.js"), "../signages/EpBadge.vue": () => import("../signages/EpBadge.vue2.js"), "../signages/EpHeader.vue": () => import("../signages/EpHeader.vue2.js"), "../signages/EpNothing.vue": () => import("../signages/EpNothing.vue.js"), "../signages/EpQuote.vue": () => import("../signages/EpQuote.vue2.js"), "../signages/EpSkeleton.vue": () => import("../signages/EpSkeleton.vue3.js"), "../tools/BgAudio.vue": () => import("../tools/BgAudio.vue.js"), "../tools/Details.vue": () => import("../tools/Details.vue.js"), "../tools/DisplayBox.vue": () => import("../tools/DisplayBox.vue.js"), "../tools/SvgFilter.vue": () => import("../tools/SvgFilter.vue.js"), "../tools/TextMedia.vue": () => import("../tools/TextMedia.vue.js"), "../tools/TimelineItem.vue": () => import("../tools/TimelineItem.vue.js"), "../tools/TwoColsMedia.vue": () => import("../tools/TwoColsMedia.vue.js") }), `../${t.path}/${t.name}.vue`, 3)
+      );
+    }, { title: R, intentions: ne, hideIcon: x, question: N, src: c } = P(r);
+    return (e, t) => (o(), u(U, {
+      title: i(R),
+      type: e.type,
+      hideIcon: i(x),
+      icon: i(X),
+      "label-intentions": e.labelIntentions
+    }, O({
+      content: m(() => [
+        l("div", ee, [
+          i(c) && e.before ? (o(), u(S, {
+            key: 0,
+            src: i(c),
+            alt: "Image soutien à la question",
+            cols: "5"
+          }, null, 8, ["src"])) : v("", !0),
+          l("div", {
+            innerHTML: i(C)(i(N)),
+            class: "my-6"
+          }, null, 8, te),
+          i(c) && !e.before ? (o(), u(S, {
+            key: 1,
+            src: i(c),
+            alt: "Image soutien à la question",
+            cols: "5"
+          }, null, 8, ["src"])) : v("", !0),
+          l("div", oe, [
+            l("ol", ie, [
+              (o(!0), E(Q, null, z(w.value, (p, b) => (o(), E("li", {
+                key: p.uid
+              }, [
+                g(Y, {
+                  label: `${H(b)}. ${p.text}`,
+                  modelValue: a.value,
+                  "onUpdate:modelValue": t[0] || (t[0] = ($) => a.value = $),
+                  value: p.uid,
+                  disabled: s.value,
+                  type: "primary"
+                }, null, 8, ["label", "modelValue", "value", "disabled"])
+              ]))), 128))
+            ]),
+            f.value ? v("", !0) : (o(), u(B, {
+              key: 0,
+              type: "error",
+              outlined: "",
+              noIcon: ""
+            }, {
+              default: m(() => [
+                y(h(e.labelNoAnswer), 1)
+              ]),
+              _: 1
+            }))
+          ]),
+          s.value ? (o(), E("div", re, [
+            g(B, {
+              type: n.value.type,
+              outlined: ""
+            }, {
+              default: m(() => [
+                l("div", {
+                  innerHTML: i(C)(n.value.feedback)
+                }, null, 8, ae)
+              ]),
+              _: 1
+            }, 8, ["type"]),
+            n.value.component ? (o(), E("div", se, [
+              (o(), u(G(M(n.value.component.type)), J(K({ ...n.value.component.data })), null, 16))
+            ])) : v("", !0)
+          ])) : v("", !0),
+          g(I, {
+            type: "primary",
+            onClick: V,
+            disabled: s.value,
+            outlined: "",
+            extraClass: "mr-2"
+          }, {
+            default: m(() => [
+              y(h(e.labelAnswerBtn), 1)
+            ]),
+            _: 1
+          }, 8, ["disabled"]),
+          s.value ? (o(), u(I, {
+            key: 3,
+            type: "primary",
+            onClick: D,
+            outlined: ""
+          }, {
+            default: m(() => [
+              y(h(e.labelTryAgainBtn), 1)
+            ]),
+            _: 1
+          })) : v("", !0)
+        ])
+      ]),
+      _: 2
+    }, [
+      _.value ? {
+        name: "intentions",
+        fn: m(() => [
+          l("div", { innerHTML: _.value }, null, 8, Z)
+        ]),
+        key: "0"
+      } : void 0
+    ]), 1032, ["title", "type", "hideIcon", "icon", "label-intentions"]));
+  }
+});
+export {
+  ge as default
+};

package/dist/components/interactions/EpQuestion.vue2.js

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

package/dist/components/interactions/EpSummativeTable.vue.js

@@ -0,0 +1,49 @@
+import { defineComponent as _, ref as v, computed as h, createElementBlock as o, openBlock as t, createCommentVNode as k, createElementVNode as r, toDisplayString as n, Fragment as d, renderList as c, createVNode as $, createBlock as g } from "vue";
+import x from "../basics/EpDivider.vue.js";
+import V from "../forms/EpRadioSummative.vue.js";
+const y = { class: "mt-4 bg-base-light p-4 dark:bg-dark dark:border-y-2" }, N = {
+  key: 0,
+  class: "text-xl font-semibold mb-6"
+}, q = { class: "text-black dark:text-base-light py-2 rounded" }, B = { class: "flex flex-row flex-wrap gap-y-2 sm:gap-x-4" }, E = { class: "text-right pr-16" }, L = { class: "text-sm font-semibold uppercase" }, U = /* @__PURE__ */ _({
+  __name: "EpSummativeTable",
+  props: {
+    title: {},
+    questions: {},
+    totalLabel: { default: "Total :" }
+  },
+  setup(S) {
+    const u = v([]), p = h(() => u.value.reduce(
+      (e, l) => e + l,
+      0
+    )), b = (e) => {
+      const l = Number(e);
+      return isNaN(l) ? 0 : l;
+    };
+    return (e, l) => (t(), o("div", y, [
+      e.title ? (t(), o("h4", N, n(e.title), 1)) : k("", !0),
+      (t(!0), o(d, null, c(e.questions, (i, a) => (t(), o(d, {
+        key: `item-question-${a}`
+      }, [
+        r("p", q, n(i.label), 1),
+        r("div", B, [
+          (t(!0), o(d, null, c(i.options, (s, m) => (t(), g(V, {
+            key: `option-question-${m}`,
+            id: `option-${a}-${m}-${s.uid}`,
+            name: `option-${a}-${m}-${s.uid}`,
+            label: s.label,
+            value: b(s.value),
+            modelValue: u.value[a],
+            "onUpdate:modelValue": (f) => u.value[a] = f
+          }, null, 8, ["id", "name", "label", "value", "modelValue", "onUpdate:modelValue"]))), 128))
+        ]),
+        $(x)
+      ], 64))), 128)),
+      r("div", E, [
+        r("span", L, n(e.totalLabel) + " " + n(p.value), 1)
+      ])
+    ]));
+  }
+});
+export {
+  U as default
+};

package/dist/components/interactions/EpSummativeTable.vue2.js

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

package/dist/components/interactions/EpSvgShow.vue.js

@@ -0,0 +1,69 @@
+import { defineComponent as f, ref as d, computed as v, onMounted as h, nextTick as p, createElementBlock as L, openBlock as y } from "vue";
+import { useRenderText as E } from "../../composables/useRenderText.js";
+const g = ["innerHTML"], A = /* @__PURE__ */ f({
+  __name: "EpSvgShow",
+  props: {
+    svg: {},
+    animation: { default: "" },
+    multiple: { type: Boolean, default: !1 }
+  },
+  setup(u) {
+    const r = u, l = d(""), s = d(null), a = v(() => {
+      switch (r.animation) {
+        case "translateX":
+          return "animate-slide";
+        case "scale":
+          return "animate-zoom";
+        default:
+          return "animate-fade";
+      }
+    }), m = (t) => {
+      if (!s.value) return;
+      const e = s.value.querySelector(
+        `[data-scene="${t}"]`
+      );
+      if (!e) return;
+      if (!e.classList.contains("hidden")) {
+        e.classList.add("hidden"), e.classList.remove(a.value);
+        const i = s.value.getElementsByClassName(
+          `scene-${t}`
+        );
+        Array.from(i).forEach((n) => {
+          n.classList.add("hidden"), n.classList.remove(a.value);
+        });
+      } else {
+        r.multiple || c(), e.classList.remove("hidden"), e.classList.add(a.value);
+        const i = s.value.getElementsByClassName(
+          `scene-${t}`
+        );
+        Array.from(i).forEach((n) => {
+          n.classList.remove("hidden"), n.classList.add(a.value);
+        });
+      }
+    }, c = () => {
+      if (!s.value) return;
+      const t = s.value.querySelectorAll("[data-scene]");
+      Array.from(t).forEach((e) => {
+        e.classList.contains("hidden") || (e.classList.add("hidden"), e.classList.remove(a.value));
+      });
+    };
+    return h(async () => {
+      if (l.value = E(r.svg), await p(), !s.value) return;
+      c();
+      const t = s.value.querySelectorAll("[data-btn]");
+      Array.from(t).forEach((e) => {
+        e.classList.add("cursor-pointer"), e.addEventListener("click", () => {
+          const o = e.getAttribute("data-btn");
+          m(o ?? "");
+        });
+      });
+    }), (t, e) => (y(), L("div", {
+      ref_key: "svgContainer",
+      ref: s,
+      innerHTML: l.value
+    }, null, 8, g));
+  }
+});
+export {
+  A as default
+};

package/dist/components/interactions/EpSvgShow.vue2.js

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

package/dist/components/interactions/EpTabs.vue.js

@@ -0,0 +1,12 @@
+import { createElementBlock as e, openBlock as t, createElementVNode as o } from "vue";
+import n from "../../_virtual/_plugin-vue_export-helper.js";
+const s = {}, c = { class: "p-12 bg-warning-light w-[50%] mx-auto border-2 border-warning dark:bg-warning" };
+function a(p, r) {
+  return t(), e("div", c, [...r[0] || (r[0] = [
+    o("p", { class: "text-center text-error font-bold uppercase" }, "In progress", -1)
+  ])]);
+}
+const l = /* @__PURE__ */ n(s, [["render", a]]);
+export {
+  l as default
+};

package/dist/components/interactions/EpTooltip.vue.js

@@ -0,0 +1,24 @@
+import { defineComponent as s, computed as t, createElementBlock as p, openBlock as i, renderSlot as u, createElementVNode as c, normalizeClass as d, toDisplayString as m } from "vue";
+import { typeTooltip as f } from "../../types/Tooltip.js";
+const y = { class: "group relative w-max" }, x = /* @__PURE__ */ s({
+  __name: "EpTooltip",
+  props: {
+    text: {},
+    styles: { default: "light" },
+    placement: { default: "top" },
+    type: {},
+    arrow: { default: "none" }
+  },
+  setup(o) {
+    const e = o, a = t(() => e.placement), n = t(() => e.arrow == "arrow" ? e.styles == "dark" ? "arrowdark" : "arrow" : e.styles == "light" ? "default" : "dark"), l = t(() => `${f[a.value]?.[n.value]}`);
+    return (r, w) => (i(), p("div", y, [
+      u(r.$slots, "default"),
+      c("span", {
+        class: d(`pointer-events-none absolute  w-max rounded  px-2 py-1 text-sm font-medium  opacity-0 shadow transition-opacity group-hover:opacity-100  ${l.value} `)
+      }, m(r.text), 3)
+    ]));
+  }
+});
+export {
+  x as default
+};

package/dist/components/interactions/EpTooltip.vue3.js

@@ -0,0 +1,5 @@
+import o from "./EpTooltip.vue.js";
+/* empty css               */
+export {
+  o as default
+};