ep-lib-ts 1.0.55 → 1.0.57

package/dist/components/forms/EpSwitch.vue.js

@@ -0,0 +1,48 @@
+import { defineComponent as p, computed as h, toRefs as m, createElementBlock as b, openBlock as y, createElementVNode as t, unref as e, normalizeClass as k, toDisplayString as g } from "vue";
+import { ColorVariants as _ } from "../../types/Switch.js";
+const x = { class: "relative inline-flex items-center cursor-pointer" }, v = ["id", "checked", "value", "disabled"], V = ["for"], z = /* @__PURE__ */ p({
+  __name: "EpSwitch",
+  props: {
+    id: { default: "toggle" },
+    type: { default: "base" },
+    label: { default: "" },
+    modelValue: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    readonly: { type: Boolean, default: !1 },
+    checked: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue"],
+  setup(s, { emit: d }) {
+    const l = s, c = d, a = (n) => {
+      c("update:modelValue", n.target.checked);
+    }, i = h(() => `${_[l.type]}`), { id: r, label: f, type: w, modelValue: o, disabled: u, readonly: B, checked: C } = m(l);
+    return (n, E) => (y(), b("div", null, [
+      t("label", x, [
+        t("input", {
+          id: e(r),
+          type: "checkbox",
+          checked: e(o),
+          value: e(o),
+          onInput: a,
+          class: "sr-only peer",
+          role: "switch",
+          disabled: e(u),
+          onChange: a
+        }, null, 40, v),
+        t("div", {
+          class: k(`w-11 h-6 bg-gray-200 peer-focus:outline-none peer-focus:ring-4         
+          ${i.value} dark:bg-gray-700 peer-checked:after:translate-x-full rtl:peer-checked:after:-translate-x-full 
+          peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:start-[2px] 
+          after:bg-white  after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5  after:transition-all `)
+        }, null, 2)
+      ]),
+      t("label", {
+        class: "inline-block pl-[0.15rem] hover:cursor-pointer",
+        for: e(r)
+      }, g(e(f)), 9, V)
+    ]));
+  }
+});
+export {
+  z as default
+};

package/dist/components/forms/EpSwitch.vue2.js

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

package/dist/{EpTextarea-VJ4pdPV_.js → components/forms/EpTextarea.vue.js}

@@ -1,5 +1,5 @@
 import { defineComponent as a, toRefs as n, createElementBlock as d, openBlock as s, createElementVNode as e, unref as f, toDisplayString as b } from "vue";
-const p = { class: "w-96" }, u = { class: "relative w-full min-w-[200px]" }, i = ["disabled"], c = { class: "before:content[' '] after:content[' '] pointer-events-none absolute left-0 -top-1.5 flex h-full w-full select-none text-[11px] font-normal leading-tight text-blue-400 transition-all before:pointer-events-none before:mt-[6.5px] before:mr-1 before:box-border before:block before:h-1.5 before:w-2.5 before:rounded-tl-md before:border-t before:border-l before:border-neutral-300 before:transition-all after:pointer-events-none after:mt-[6.5px] after:ml-1 after:box-border after:block after:h-1.5 after:w-2.5 after:flex-grow after:rounded-tr-md after:border-t after:border-r after:border-neutral-300 after:transition-all peer-placeholder-shown:text-sm peer-placeholder-shown:leading-[3.75] peer-placeholder-shown:text-blue-500 peer-placeholder-shown:before:border-transparent peer-placeholder-shown:after:border-transparent peer-focus:text-[11px] peer-focus:leading-tight peer-focus:text-blue-500 peer-focus:before:border-t-2 peer-focus:before:border-l-2 peer-focus:before:border-blue-500 peer-focus:after:border-t-2 peer-focus:after:border-r-2 peer-focus:after:border-blue-500 peer-disabled:text-transparent peer-disabled:before:border-transparent peer-disabled:after:border-transparent peer-disabled:peer-placeholder-shown:text-blue-500" }, V = /* @__PURE__ */ a({
+const p = { class: "w-96" }, u = { class: "relative w-full min-w-[200px]" }, i = ["disabled"], c = { class: "before:content[' '] after:content[' '] pointer-events-none absolute left-0 -top-1.5 flex h-full w-full select-none text-[11px] font-normal leading-tight text-blue-400 transition-all before:pointer-events-none before:mt-[6.5px] before:mr-1 before:box-border before:block before:h-1.5 before:w-2.5 before:rounded-tl-md before:border-t before:border-l before:border-neutral-300 before:transition-all after:pointer-events-none after:mt-[6.5px] after:ml-1 after:box-border after:block after:h-1.5 after:w-2.5 after:flex-grow after:rounded-tr-md after:border-t after:border-r after:border-neutral-300 after:transition-all peer-placeholder-shown:text-sm peer-placeholder-shown:leading-[3.75] peer-placeholder-shown:text-blue-500 peer-placeholder-shown:before:border-transparent peer-placeholder-shown:after:border-transparent peer-focus:text-[11px] peer-focus:leading-tight peer-focus:text-blue-500 peer-focus:before:border-t-2 peer-focus:before:border-l-2 peer-focus:before:border-blue-500 peer-focus:after:border-t-2 peer-focus:after:border-r-2 peer-focus:after:border-blue-500 peer-disabled:text-transparent peer-disabled:before:border-transparent peer-disabled:after:border-transparent peer-disabled:peer-placeholder-shown:text-blue-500" }, m = /* @__PURE__ */ a({
   __name: "EpTextarea",
   props: {
     id: { default: "0" },
@@ -16,22 +16,13 @@ const p = { class: "w-96" }, u = { class: "relative w-full min-w-[200px]" }, i =
     }) }
   },
   emits: ["update:modelValue"],
-  setup(r, { emit: h }) {
-    const t = r, {
-      id: m,
-      label: x,
-      type: w,
-      modelValue: _,
-      placeholder: g,
-      iconPath: y,
-      disabled: o,
-      readonly: v
-    } = n(t);
-    return (l, k) => (s(), d("div", p, [
+  setup(r) {
+    const t = r, { disabled: o } = n(t);
+    return (l, h) => (s(), d("div", p, [
       e("div", u, [
         e("textarea", {
           disabled: f(o),
-          class: "peer h-full min-h-[100px] w-full resize-none rounded-[7px] border border-neutral-300 bg-transparent px-3 py-2.5 font-sans text-sm font-normal text-neutral-700 outline outline-0 transition-all placeholder-shown:border placeholder-shown:border-neutral-300 placeholder-shown:border-t-neutral-200 focus:border-2 focus:border-blue-500 focus:border-t-transparent focus:outline-0 disabled:resize-none disabled:border-0 disabled:bg-neutral-100 disabled:cursor-not-allowed disabled:bg-neutral-200 focus:ring-0",
+          class: "peer h-full min-h-[100px] w-full resize-none rounded-[7px] border border-neutral-300 bg-transparent px-3 py-2.5 font-sans text-sm font-normal text-neutral-700 outline outline-0 transition-all placeholder-shown:border placeholder-shown:border-neutral-300 placeholder-shown:border-t-neutral-200 focus:border-2 focus:border-blue-500 focus:border-t-transparent focus:outline-0 disabled:resize-none disabled:border-0 disabled:cursor-not-allowed disabled:bg-neutral-200 focus:ring-0",
           placeholder: " "
         }, null, 8, i),
         e("label", c, b(l.labels.message), 1)
@@ -40,5 +31,5 @@ const p = { class: "w-96" }, u = { class: "relative w-full min-w-[200px]" }, i =
   }
 });
 export {
-  V as default
+  m as default
 };

package/dist/components/forms/EpTextarea.vue2.js

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

package/dist/{EpToggle-BTkTNVEz.js → components/forms/EpToggle.vue.js}

@@ -1,5 +1,5 @@
 import { defineComponent as s, toRefs as n, createElementBlock as u, openBlock as b, createElementVNode as o, unref as e, toDisplayString as _ } from "vue";
-const p = ["id", "type", "checked", "disabled"], h = ["for"], B = /* @__PURE__ */ s({
+const p = ["id", "type", "checked", "disabled"], h = ["for"], x = /* @__PURE__ */ s({
   __name: "EpToggle",
   props: {
     id: { default: "toggle" },
@@ -15,22 +15,13 @@ const p = ["id", "type", "checked", "disabled"], h = ["for"], B = /* @__PURE__ *
     }) }
   },
   emits: ["update:modelValue"],
-  setup(a, { emit: i }) {
-    const t = a, {
-      id: r,
-      label: k,
-      type: c,
-      modelValue: m,
-      placeholder: x,
-      disabled: f,
-      readonly: g,
-      checked: l
-    } = n(t);
-    return (d, w) => (b(), u("div", null, [
+  setup(t) {
+    const a = t, { id: r, type: c, disabled: f, checked: d } = n(a);
+    return (l, k) => (b(), u("div", null, [
       o("input", {
         id: e(r),
         type: e(c),
-        checked: e(l),
+        checked: e(d),
         class: "form-checkbox mr-2 mt-[0rem] h-4 w-8 appearance-none rounded-full bg-neutral-200 border-neutral-300 before:pointer-events-none before:absolute before:h-3.5 before:w-3.5 before:rounded-full before:bg-transparent before:content-[''] after:absolute after:z-[2] after:-mt-[0rem] after:h-3.5 after:w-3.5 after:rounded-full after:border-none after:bg-neutral-50 after:shadow-[0_0px_3px_0_rgb(0_0_0_/_7%),_0_2px_2px_0_rgb(0_0_0_/_4%)] after:transition-[background-color_0.2s,transform_0.2s] after:content-[''] checked:bg-none checked:bg-blue-600 checked:after:absolute checked:after:z-[2] checked:after:-mt-[0px] checked:after:ml-[1.0625rem] checked:after:h-3.5 checked:after:w-3.5 checked:after:rounded-full checked:after:border-none checked:after:bg-neutral-100 checked:after:shadow-[0_3px_1px_-2px_rgba(0,0,0,0.2),_0_2px_2px_0_rgba(0,0,0,0.14),_0_1px_5px_0_rgba(0,0,0,0.12)] checked:after:transition-[background-color_0.2s,transform_0.2s] checked:after:content-[''] hover:cursor-pointer focus:outline-none focus:ring-0 focus:before:scale-75 focus:before:opacity-[0.12] focus:before:mt-[0.1rem] focus:before:shadow-[3px_-1px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-3.5 focus:after:w-3.5 focus:after:-mt-[0rem] focus:after:rounded-full focus:after:content-[''] checked:focus:border-neutral-200 checked:focus:bg-blue-600 checked:focus:before:ml-[1rem] checked:focus:before:mt-[0.1rem] checked:focus:before:scale-75 checked:focus:before:shadow-[3px_-1px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] dark:bg-neutral-600 dark:after:bg-neutral-400 dark:checked:bg-blue-600 dark:checked:after:bg-blue-600 dark:focus:before:shadow-[3px_-1px_0px_13px_rgba(255,255,255,0.4)] dark:checked:focus:before:shadow-[3px_-1px_0px_13px_#3b71ca] disabled:opacity-40 disabled:cursor-not-allowed",
         role: "switch",
         disabled: e(f)
@@ -38,10 +29,10 @@ const p = ["id", "type", "checked", "disabled"], h = ["for"], B = /* @__PURE__ *
       o("label", {
         class: "inline-block pl-[0.15rem] hover:cursor-pointer",
         for: e(r)
-      }, _(d.labels.defaultSwitch), 9, h)
+      }, _(l.labels.defaultSwitch), 9, h)
     ]));
   }
 });
 export {
-  B as default
+  x as default
 };

package/dist/components/forms/EpToggle.vue2.js

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

package/dist/{Ep360Image-T9Z_eSbf.js → components/interactions/Ep360Image.vue.js}

@@ -2,7 +2,7 @@ import { defineComponent as e, createElementBlock as r, openBlock as t } from "v
 const m = /* @__PURE__ */ e({
   __name: "Ep360Image",
   setup(n) {
-    return (o, a) => (t(), r("div", null, " La lib aframe et three.js à revoir "));
+    return (o, a) => (t(), r("div", null, "La lib aframe et three.js à revoir"));
   }
 });
 export {

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

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

package/dist/{Ep360Video-CkVrfj8k.js → components/interactions/Ep360Video.vue.js}

@@ -2,7 +2,7 @@ import { defineComponent as e, createElementBlock as r, openBlock as t } from "v
 const p = /* @__PURE__ */ e({
   __name: "Ep360Video",
   setup(o) {
-    return (n, a) => (t(), r("div", null, " La lib aframe et three.js à revoir "));
+    return (n, a) => (t(), r("div", null, "La lib aframe et three.js à revoir"));
   }
 });
 export {

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

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

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

@@ -0,0 +1,7 @@
+import o from "./EpAccordeon.vue2.js";
+/* empty css                 */
+import r from "../../_virtual/_plugin-vue_export-helper.js";
+const a = /* @__PURE__ */ r(o, [["__scopeId", "data-v-f7c467a7"]]);
+export {
+  a as default
+};

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

@@ -0,0 +1,75 @@
+import { defineComponent as $, ref as p, computed as a, onMounted as b, toRefs as w, createElementBlock as d, openBlock as i, createElementVNode as o, normalizeClass as n, unref as r, createBlock as H, createCommentVNode as _, createTextVNode as B, toDisplayString as C, renderSlot as E } from "vue";
+import V from "../basics/EpIcon.vue.js";
+import m from "../../composables/useColors.js";
+import { typeAccordeon as D } from "../../types/Accordeon.js";
+const N = { class: "py-3" }, M = /* @__PURE__ */ $({
+  __name: "EpAccordeon",
+  props: {
+    type: { default: "base" },
+    icon: {},
+    open: { type: Boolean, default: !1 },
+    outlined: { type: Boolean, default: !1 },
+    title: { default: "En savoir plus" },
+    small: { type: Boolean }
+  },
+  setup(f) {
+    const t = f, l = p(t.open), s = p(), y = a(() => t.outlined ? "outlined" : "default"), v = a(() => `flex justify-between items-center px-4 ${t.small ? "py-1" : "py-2"} cursor-pointer ${D[t.type]?.[y.value]}`), x = a(() => `px-4 ${m(
+      "bg",
+      t.type + "light"
+    )} dark:bg-dark dark:${m("border", t.type + "dark")} ${l.value ? "" : "dark:border-0"}`);
+    b(() => {
+      var e = s.value;
+      t.open && (e.style.maxHeight = e.scrollHeight + "px");
+    });
+    function g() {
+      l.value = !l.value;
+      var e = s.value;
+      e.style.maxHeight ? e.style.maxHeight = null : e.style.maxHeight = e.scrollHeight + "px", e.style.transition || (e.style.transition = "max-height 0.2s ease-out");
+    }
+    const { title: h, icon: c, small: k } = w(t);
+    return (e, u) => (i(), d("div", null, [
+      o("div", {
+        class: n(v.value),
+        onClick: g
+      }, [
+        o("h3", {
+          class: n(`${r(k) ? "text" : "text-lg"} flex items-center`)
+        }, [
+          r(c) ? (i(), H(V, {
+            key: 0,
+            "icon-path": r(c),
+            size: "28",
+            extraClass: "mr-2"
+          }, null, 8, ["icon-path"])) : _("", !0),
+          B(C(r(h)), 1)
+        ], 2),
+        (i(), d("svg", {
+          xmlns: "http://www.w3.org/2000/svg",
+          fill: "none",
+          viewBox: "0 0 24 24",
+          "stroke-width": "1.5",
+          stroke: "currentColor",
+          class: n(`mx-4 my-3 h-6 w-6 transition-all duration-200 ${l.value ? "rotate-45" : ""}`)
+        }, [...u[0] || (u[0] = [
+          o("path", {
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round",
+            d: "M12 6v12m6-6H6"
+          }, null, -1)
+        ])], 2))
+      ], 2),
+      o("div", {
+        ref_key: "collapsible",
+        ref: s,
+        class: n(`${x.value} content`)
+      }, [
+        o("div", N, [
+          E(e.$slots, "default", {}, void 0, !0)
+        ])
+      ], 2)
+    ]));
+  }
+});
+export {
+  M as default
+};

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

@@ -0,0 +1,184 @@
+import B from "../../_virtual/dynamic-import-helper.js";
+import { defineComponent as R, ref as E, computed as m, defineAsyncComponent as w, createElementBlock as r, openBlock as t, createElementVNode as a, createCommentVNode as l, toDisplayString as c, Fragment as A, renderList as M, normalizeClass as k, createVNode as u, unref as g, Transition as V, withCtx as h, createBlock as b, resolveDynamicComponent as C, Suspense as F, mergeProps as N, createTextVNode as P, normalizeStyle as $ } from "vue";
+import { useComponent as z } from "../../composables/useComponent.js";
+import { useRenderText as O } from "../../composables/useRenderText.js";
+import { mdiArrowLeft as Q, mdiArrowRight as K } from "@mdi/js";
+import S from "../basics/EpIcon.vue.js";
+import T from "../signages/EpSkeleton.vue.js";
+/* empty css                          */
+const W = { class: "relative h-[600px] flex flex-col p-6 bg-zinc-100 dark:bg-dark w-full overflow-hidden rounded-lg shadow-xl" }, q = { class: "flex justify-between items-center pb-3 mb-3 border-b-2 border-gray-600 dark:border-gray-300" }, G = { class: "text-2xl font-bold text-primary" }, J = {
+  key: 0,
+  class: "flex items-center space-x-3"
+}, U = { class: "flex space-x-2" }, X = ["onClick"], Y = { class: "flex space-x-2" }, Z = ["disabled"], ee = ["disabled"], te = { class: "text-sm" }, ie = { class: "flex flex-grow items-center justify-center overflow-hidden mb-4" }, oe = {
+  key: 0,
+  class: "flex items-center justify-center w-full h-full"
+}, se = {
+  key: 1,
+  class: "flex items-center justify-center w-full h-full"
+}, ae = {
+  key: 2,
+  class: "flex items-center justify-center p-2 md:w-1/2 w-full",
+  style: { "max-height": "100%" }
+}, re = {
+  key: 3,
+  class: "flex-1 p-2 overflow-y-auto md:w-1/2 w-full"
+}, le = ["innerHTML"], ne = { class: "mt-2 h-2 w-full bg-gray-300 rounded-full" }, he = /* @__PURE__ */ R({
+  __name: "EpContentSlider",
+  props: {
+    slides: {},
+    loading: { default: "...loading" },
+    noData: { default: "No data available" },
+    mediaPosition: { default: "left" }
+  },
+  setup(L) {
+    const i = L, o = E(0), n = E(!1), x = E([]), s = m(() => !i.slides || i.slides.length === 0 ? {
+      title: i.noData,
+      img: "",
+      uid: 2,
+      content: "",
+      component: null
+    } : i.slides[o.value]), d = m(() => {
+      const e = s.value.content;
+      return e && e.trim().length > 0;
+    }), p = m(() => {
+      if (s.value.img)
+        return w(() => import("../basics/EpImg.vue2.js"));
+      if (s.value.component) {
+        const e = z(s.value.component?.type);
+        return w(
+          () => B(/* @__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.vue2.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") }), `../${e.path}/${e.name}.vue`, 3)
+        );
+      }
+      return null;
+    }), _ = m(() => o.value < i.slides.length - 1), j = async () => {
+      n.value = !0, _.value && (o.value += 1), n.value = !1;
+    }, D = async () => {
+      n.value = !0, o.value > 0 && (o.value -= 1), n.value = !1;
+    }, I = (e) => o.value = e, H = (e, v) => {
+      e instanceof HTMLElement ? x.value[v] = e : x.value[v] = null;
+    };
+    return (e, v) => (t(), r("div", W, [
+      a("div", q, [
+        a("h5", G, c(s.value.title), 1),
+        i.slides.length ? (t(), r("div", J, [
+          a("div", U, [
+            (t(!0), r(A, null, M(i.slides.length, (y, f) => (t(), r("span", {
+              key: `slide-index-${f}`,
+              onClick: (ue) => I(f),
+              class: k([
+                "w-2 h-2 rounded-full cursor-pointer",
+                f === o.value ? "bg-primary" : "bg-gray-400"
+              ])
+            }, null, 10, X))), 128))
+          ]),
+          a("div", Y, [
+            a("button", {
+              class: "nav-btn",
+              onClick: D,
+              disabled: o.value === 0
+            }, [
+              u(S, {
+                "icon-path": g(Q),
+                size: "24"
+              }, null, 8, ["icon-path"])
+            ], 8, Z),
+            a("button", {
+              class: "nav-btn",
+              onClick: j,
+              disabled: !_.value
+            }, [
+              u(S, {
+                "icon-path": g(K),
+                size: "24"
+              }, null, 8, ["icon-path"])
+            ], 8, ee)
+          ]),
+          a("span", te, c(o.value + 1) + " / " + c(i.slides.length), 1)
+        ])) : l("", !0)
+      ]),
+      a("div", ie, [
+        u(V, {
+          name: "slide-fade",
+          mode: "out-in"
+        }, {
+          default: h(() => [
+            i.slides.length > 0 ? (t(), r("div", {
+              key: s.value.uid,
+              ref: (y) => H(y, o.value),
+              class: k([
+                "flex w-full h-full gap-2",
+                d.value ? i.mediaPosition === "left" ? "flex-row" : "flex-row-reverse" : "justify-center"
+              ])
+            }, [
+              n.value ? (t(), r("div", oe, [
+                u(T, {
+                  type: "rectangle",
+                  height: 100,
+                  width: 100,
+                  loading: !0
+                })
+              ])) : !d.value && !p.value ? (t(), r("div", se, [
+                u(T, {
+                  class: "p-4",
+                  type: "rectangle",
+                  height: 150,
+                  width: 150,
+                  loading: !0
+                })
+              ])) : l("", !0),
+              p.value ? (t(), r("div", ae, [
+                s.value.img ? (t(), b(C(p.value), {
+                  key: 0,
+                  src: s.value.img,
+                  cols: "11",
+                  class: "max-h-full max-w-full object-contain",
+                  style: {
+                    height: "auto",
+                    maxHeight: "100%",
+                    objectFit: "contain",
+                    margin: "auto"
+                  }
+                }, null, 8, ["src"])) : s.value.component ? (t(), b(F, { key: 1 }, {
+                  fallback: h(() => [
+                    P(c(e.loading), 1)
+                  ]),
+                  default: h(() => [
+                    (t(), b(C(p.value), N({ ...s.value.component.data }, {
+                      cols: "11",
+                      class: "max-h-full max-w-full object-contain",
+                      style: {
+                        height: "auto",
+                        maxHeight: "100%",
+                        objectFit: "contain",
+                        margin: "auto"
+                      }
+                    }), null, 16))
+                  ]),
+                  _: 1
+                })) : l("", !0)
+              ])) : l("", !0),
+              d.value ? (t(), r("div", re, [
+                a("div", {
+                  innerHTML: g(O)(s.value.content),
+                  class: "text-base leading-relaxed text-black dark:text-white"
+                }, null, 8, le)
+              ])) : l("", !0)
+            ], 2)) : l("", !0)
+          ]),
+          _: 1
+        })
+      ]),
+      a("div", ne, [
+        a("div", {
+          class: "bg-primary h-full rounded-full transition-all duration-300",
+          style: $({
+            width: (o.value + 1) / i.slides.length * 100 + "%"
+          })
+        }, null, 4)
+      ])
+    ]));
+  }
+});
+export {
+  he as default
+};

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

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

package/dist/{EpDarkmode-Kj9ZCege.js → components/interactions/EpDarkMode.vue.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-Cllz2Ia3.js";
+import { useColorMode as g } from "@vueuse/core";
 const k = {
   key: 0,
   title: "Switch to light mode"
@@ -7,7 +7,7 @@ const k = {
   key: 1,
   title: "Switch to dark mode"
 }, _ = /* @__PURE__ */ c({
-  __name: "EpDarkmode",
+  __name: "EpDarkMode",
   emits: ["update:userMode"],
   setup(w, { emit: l }) {
     const d = g(), i = l, t = u(localStorage.getItem("user-theme") || "light"), s = (e) => {
@@ -22,9 +22,9 @@ const k = {
       onClick: h,
       class: "p-2 rounded-full transition-colors duration-300 hover:bg-gray-700 hover:scale-105"
     }, [
-      t.value === "dark" ? (n(), r("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)
-      ]))) : (n(), r("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",
@@ -39,7 +39,7 @@ const k = {
         }, [
           a("path", { d: "M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z" })
         ], -1)
-      ])))
+      ])]))
     ]));
   }
 });

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

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