ep-lib-ts 1.0.70 → 1.0.72

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

@@ -1,38 +1,38 @@
-import { defineComponent, ref, computed, defineAsyncComponent, createElementBlock, openBlock, createElementVNode, createCommentVNode, toDisplayString, Fragment, renderList, normalizeClass, createVNode, unref, Transition, withCtx, createBlock, resolveDynamicComponent, Suspense, mergeProps, createTextVNode, normalizeStyle } from "vue";
+import { defineComponent, ref, computed, defineAsyncComponent, createElementBlock, openBlock, createElementVNode, createCommentVNode, normalizeClass, toDisplayString, Fragment, renderList, createVNode, unref, Transition, withCtx, createBlock, resolveDynamicComponent, Suspense, mergeProps, createTextVNode, normalizeStyle } from "vue";
 import { useComponent } from "../../composables/useComponent.js";
 import { useRenderText } from "../../composables/useRenderText.js";
 import { mdiArrowLeft, mdiArrowRight } from "@mdi/js";
 import _sfc_main$1 from "../basics/EpIcon.vue.js";
 import Comp from "../signages/EpSkeleton.vue.js";
-const _hoisted_1 = { class: "relative h-[600px] flex flex-col p-6 bg-surface-2 dark:bg-surface-2-dark w-full overflow-hidden rounded-lg shadow-xl" };
+const _hoisted_1 = { class: "relative h-[600px] flex flex-col p-6 w-full overflow-hidden rounded-lg shadow-xl bg-surface-2 dark:bg-surface-2-dark" };
 const _hoisted_2 = { class: "flex justify-between items-center pb-3 mb-3 border-b-2 border-gray-600 dark:border-gray-300" };
-const _hoisted_3 = { class: "text-2xl font-bold text-primary" };
-const _hoisted_4 = {
+const _hoisted_3 = {
   key: 0,
   class: "flex items-center space-x-3"
 };
-const _hoisted_5 = { class: "flex space-x-2" };
-const _hoisted_6 = ["onClick"];
-const _hoisted_7 = { class: "flex space-x-2" };
+const _hoisted_4 = { class: "flex space-x-2" };
+const _hoisted_5 = ["onClick"];
+const _hoisted_6 = { class: "flex space-x-2" };
+const _hoisted_7 = ["disabled"];
 const _hoisted_8 = ["disabled"];
-const _hoisted_9 = ["disabled"];
-const _hoisted_10 = { class: "text-sm" };
-const _hoisted_11 = { class: "flex flex-grow items-center justify-center overflow-hidden mb-4" };
-const _hoisted_12 = {
+const _hoisted_9 = { class: "text-sm" };
+const _hoisted_10 = { class: "flex flex-grow items-center justify-center overflow-hidden mb-4" };
+const _hoisted_11 = {
   key: 0,
   class: "flex items-center justify-center w-full h-full"
 };
-const _hoisted_13 = {
+const _hoisted_12 = {
   key: 1,
   class: "flex items-center justify-center w-full h-full"
 };
+const _hoisted_13 = ["innerHTML"];
 const _hoisted_14 = {
-  key: 2,
+  key: 0,
   class: "flex items-center justify-center p-2 md:w-1/2 w-full",
   style: { "max-height": "100%" }
 };
 const _hoisted_15 = {
-  key: 3,
+  key: 1,
   class: "flex-1 p-2 overflow-y-auto md:w-1/2 w-full"
 };
 const _hoisted_16 = ["innerHTML"];
@@ -43,7 +43,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     slides: {},
     loading: { default: "...loading" },
     noData: { default: "No data available" },
-    mediaPosition: { default: "left" }
+    mediaPosition: { default: "left" },
+    titleSize: { default: "md" }
   },
   setup(__props) {
     const props = __props;
@@ -127,11 +128,73 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           img: "",
           uid: 2,
           content: "",
-          component: null
+          component: null,
+          twoColumns: false,
+          layoutRatio: "50/50"
         };
       }
       return props.slides[currentIndex.value];
     });
+    const getTitleClasses = computed(() => {
+      const base = "font-bold ep-text-primary mb-3";
+      switch (props.titleSize) {
+        case "sm":
+          return `${base} text-xl`;
+        case "lg":
+          return `${base} text-4xl`;
+        case "md":
+        default:
+          return `${base} text-2xl`;
+      }
+    });
+    const getGridClasses = computed(() => {
+      if (!currentSlide.value.twoColumns) return "";
+      switch (currentSlide.value.layoutRatio) {
+        case "20/80":
+          return "grid grid-cols-5 gap-6";
+        case "40/60":
+          return "grid grid-cols-5 gap-6";
+        case "60/40":
+          return "grid grid-cols-5 gap-6";
+        case "80/20":
+          return "grid grid-cols-5 gap-6";
+        case "50/50":
+        default:
+          return "grid grid-cols-2 gap-6";
+      }
+    });
+    const getMediaColSpan = computed(() => {
+      if (!currentSlide.value.twoColumns) return "";
+      switch (currentSlide.value.layoutRatio) {
+        case "20/80":
+          return "col-span-1";
+        case "40/60":
+          return "col-span-2";
+        case "60/40":
+          return "col-span-3";
+        case "80/20":
+          return "col-span-4";
+        case "50/50":
+        default:
+          return "col-span-1";
+      }
+    });
+    const getContentColSpan = computed(() => {
+      if (!currentSlide.value.twoColumns) return "";
+      switch (currentSlide.value.layoutRatio) {
+        case "20/80":
+          return "col-span-4";
+        case "40/60":
+          return "col-span-3";
+        case "60/40":
+          return "col-span-2";
+        case "80/20":
+          return "col-span-1";
+        case "50/50":
+        default:
+          return "col-span-1";
+      }
+    });
     const hasTextContent = computed(() => {
       const content = currentSlide.value.content;
       return content && content.trim().length > 0;
@@ -172,9 +235,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createElementVNode("div", _hoisted_2, [
-          createElementVNode("h5", _hoisted_3, toDisplayString(currentSlide.value.title), 1),
-          props.slides.length ? (openBlock(), createElementBlock("div", _hoisted_4, [
-            createElementVNode("div", _hoisted_5, [
+          createElementVNode("h5", {
+            class: normalizeClass(getTitleClasses.value)
+          }, toDisplayString(currentSlide.value.title), 3),
+          props.slides.length ? (openBlock(), createElementBlock("div", _hoisted_3, [
+            createElementVNode("div", _hoisted_4, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(props.slides.length, (_, i) => {
                 return openBlock(), createElementBlock("span", {
                   key: `slide-index-${i}`,
@@ -183,10 +248,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     "w-2 h-2 rounded-full cursor-pointer",
                     i === currentIndex.value ? "bg-primary" : "bg-neutral"
                   ])
-                }, null, 10, _hoisted_6);
+                }, null, 10, _hoisted_5);
               }), 128))
             ]),
-            createElementVNode("div", _hoisted_7, [
+            createElementVNode("div", _hoisted_6, [
               createElementVNode("button", {
                 class: "nav-btn",
                 onClick: prev,
@@ -196,7 +261,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   "icon-path": unref(mdiArrowLeft),
                   size: "24"
                 }, null, 8, ["icon-path"])
-              ], 8, _hoisted_8),
+              ], 8, _hoisted_7),
               createElementVNode("button", {
                 class: "nav-btn",
                 onClick: next,
@@ -206,12 +271,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   "icon-path": unref(mdiArrowRight),
                   size: "24"
                 }, null, 8, ["icon-path"])
-              ], 8, _hoisted_9)
+              ], 8, _hoisted_8)
             ]),
-            createElementVNode("span", _hoisted_10, toDisplayString(currentIndex.value + 1) + " / " + toDisplayString(props.slides.length), 1)
+            createElementVNode("span", _hoisted_9, toDisplayString(currentIndex.value + 1) + " / " + toDisplayString(props.slides.length), 1)
           ])) : createCommentVNode("", true)
         ]),
-        createElementVNode("div", _hoisted_11, [
+        createElementVNode("div", _hoisted_10, [
           createVNode(Transition, {
             name: "slide-fade",
             mode: "out-in"
@@ -221,18 +286,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 key: currentSlide.value.uid,
                 ref: (el) => updateSlideRefs(el, currentIndex.value),
                 class: normalizeClass([
-                  "flex w-full h-full gap-2",
-                  hasTextContent.value ? props.mediaPosition === "left" ? "flex-row" : "flex-row-reverse" : "justify-center"
+                  "flex w-full h-full",
+                  currentSlide.value.twoColumns ? getGridClasses.value : "gap-2",
+                  !currentSlide.value.twoColumns && hasTextContent.value ? props.mediaPosition === "left" ? "flex-row" : "flex-row-reverse" : !currentSlide.value.twoColumns ? "justify-center" : ""
                 ])
               }, [
-                isLoading.value ? (openBlock(), createElementBlock("div", _hoisted_12, [
+                isLoading.value ? (openBlock(), createElementBlock("div", _hoisted_11, [
                   createVNode(Comp, {
                     type: "rectangle",
                     height: 100,
                     width: 100,
                     loading: true
                   })
-                ])) : !hasTextContent.value && !currentSlideMediaContent.value ? (openBlock(), createElementBlock("div", _hoisted_13, [
+                ])) : !hasTextContent.value && !currentSlideMediaContent.value ? (openBlock(), createElementBlock("div", _hoisted_12, [
                   createVNode(Comp, {
                     class: "p-4",
                     type: "rectangle",
@@ -241,43 +307,84 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     loading: true
                   })
                 ])) : createCommentVNode("", true),
-                currentSlideMediaContent.value ? (openBlock(), createElementBlock("div", _hoisted_14, [
-                  currentSlide.value.img ? (openBlock(), createBlock(resolveDynamicComponent(currentSlideMediaContent.value), {
+                currentSlide.value.twoColumns ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+                  currentSlideMediaContent.value ? (openBlock(), createElementBlock("div", {
                     key: 0,
-                    src: currentSlide.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"])) : currentSlide.value.component ? (openBlock(), createBlock(Suspense, { key: 1 }, {
-                    fallback: withCtx(() => [
-                      createTextVNode(toDisplayString(_ctx.loading), 1)
-                    ]),
-                    default: withCtx(() => [
-                      (openBlock(), createBlock(resolveDynamicComponent(currentSlideMediaContent.value), mergeProps({ ...currentSlide.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
-                  })) : createCommentVNode("", true)
-                ])) : createCommentVNode("", true),
-                hasTextContent.value ? (openBlock(), createElementBlock("div", _hoisted_15, [
-                  createElementVNode("div", {
-                    innerHTML: unref(useRenderText)(currentSlide.value.content),
-                    class: "text-base leading-relaxed text-black dark:text-white"
-                  }, null, 8, _hoisted_16)
-                ])) : createCommentVNode("", true)
+                    class: normalizeClass([getMediaColSpan.value, "flex items-center justify-center p-2"]),
+                    style: { "max-height": "100%" }
+                  }, [
+                    currentSlide.value.img ? (openBlock(), createBlock(resolveDynamicComponent(currentSlideMediaContent.value), {
+                      key: 0,
+                      src: currentSlide.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"])) : currentSlide.value.component ? (openBlock(), createBlock(Suspense, { key: 1 }, {
+                      fallback: withCtx(() => [
+                        createTextVNode(toDisplayString(_ctx.loading), 1)
+                      ]),
+                      default: withCtx(() => [
+                        (openBlock(), createBlock(resolveDynamicComponent(currentSlideMediaContent.value), mergeProps({ ...currentSlide.value.component.data }, {
+                          cols: "11",
+                          class: "max-h-full max-w-full object-contain"
+                        }), null, 16))
+                      ]),
+                      _: 1
+                    })) : createCommentVNode("", true)
+                  ], 2)) : createCommentVNode("", true),
+                  hasTextContent.value ? (openBlock(), createElementBlock("div", {
+                    key: 1,
+                    class: normalizeClass([getContentColSpan.value, "p-2 overflow-y-auto"])
+                  }, [
+                    createElementVNode("div", {
+                      innerHTML: unref(useRenderText)(currentSlide.value.content),
+                      class: "text-base leading-relaxed"
+                    }, null, 8, _hoisted_13)
+                  ], 2)) : createCommentVNode("", true)
+                ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 3 }, [
+                  currentSlideMediaContent.value ? (openBlock(), createElementBlock("div", _hoisted_14, [
+                    currentSlide.value.img ? (openBlock(), createBlock(resolveDynamicComponent(currentSlideMediaContent.value), {
+                      key: 0,
+                      src: currentSlide.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"])) : currentSlide.value.component ? (openBlock(), createBlock(Suspense, { key: 1 }, {
+                      fallback: withCtx(() => [
+                        createTextVNode(toDisplayString(_ctx.loading), 1)
+                      ]),
+                      default: withCtx(() => [
+                        (openBlock(), createBlock(resolveDynamicComponent(currentSlideMediaContent.value), mergeProps({ ...currentSlide.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
+                    })) : createCommentVNode("", true)
+                  ])) : createCommentVNode("", true),
+                  hasTextContent.value ? (openBlock(), createElementBlock("div", _hoisted_15, [
+                    createElementVNode("div", {
+                      innerHTML: unref(useRenderText)(currentSlide.value.content),
+                      class: "text-base leading-relaxed"
+                    }, null, 8, _hoisted_16)
+                  ])) : createCommentVNode("", true)
+                ], 64))
               ], 2)) : createCommentVNode("", true)
             ]),
             _: 1

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

@@ -1 +1 @@
-{"version":3,"file":"EpContentSlider.vue.js","sources":["../../../src/components/interactions/EpContentSlider.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  ref,\n  computed,\n  defineAsyncComponent,\n  type ComponentPublicInstance,\n} from \"vue\";\nimport { useComponent } from \"~/composables/useComponent\";\nimport { useRenderText } from \"~/composables/useRenderText\";\nimport { mdiArrowLeft, mdiArrowRight } from \"@mdi/js\";\nimport EpIcon from \"~/components/basics/EpIcon.vue\";\nimport EpSkeleton from \"~/components/signages/EpSkeleton.vue\";\nimport type { EpContentSliderProps } from \"~/types/interactions/EpContentSlider\";\n\nconst props = withDefaults(defineProps<EpContentSliderProps>(), {\n  loading: \"...loading\",\n  noData: \"No data available\",\n  mediaPosition: \"left\",\n});\n\nconst dynamicComponents = import.meta.glob(\n    '../{basics,educationals,forms,interactions,signages}/**/*.vue'\n) as Record<string, () => Promise<{ default: any }>>;\n\nfunction resolveAsyncByName(name: string) {\n  for (const [path, loader] of Object.entries(dynamicComponents)) {\n    if (path.endsWith(`/${name}.vue`)) {\n      // ensure the loader returns the component itself (module.default)\n      return defineAsyncComponent(() => loader().then((m) => m.default));\n    }\n  }\n  return null\n}\n\nconst currentIndex = ref(0);\nconst isLoading = ref(false);\nconst slideRefs = ref<(HTMLElement | null)[]>([]);\n\nconst currentSlide = computed(() => {\n  if (!props.slides || props.slides.length === 0) {\n    return {\n      title: props.noData,\n      img: \"\",\n      uid: 2,\n      content: \"\",\n      component: null,\n    };\n  }\n  return props.slides[currentIndex.value];\n});\n\nconst hasTextContent = computed(() => {\n  const content = currentSlide.value.content;\n  return content && content.trim().length > 0;\n});\n\nconst currentSlideMediaContent = computed(() => {\n  if (currentSlide.value.img) {\n    return defineAsyncComponent(() => import(\"../basics/EpImg.vue\"));\n  }\n  if (currentSlide.value.component) {\n    const { name } = useComponent(currentSlide.value.component.type)\n    return resolveAsyncByName(name)\n  }\n  return null\n});\n\nconst max = computed(() => currentIndex.value < props.slides.length - 1);\n\nconst next = async () => {\n  isLoading.value = true;\n  if (max.value) {\n    currentIndex.value += 1;\n  }\n  isLoading.value = false;\n};\n\nconst prev = async () => {\n  isLoading.value = true;\n  if (currentIndex.value > 0) {\n    currentIndex.value -= 1;\n  }\n  isLoading.value = false;\n};\n\nconst goTo = (index: number) => (currentIndex.value = index);\n\nconst updateSlideRefs = (\n  el: Element | ComponentPublicInstance | null,\n  index: number\n) => {\n  if (el instanceof HTMLElement) {\n    slideRefs.value[index] = el;\n  } else {\n    slideRefs.value[index] = null;\n  }\n};\n</script>\n\n<template>\n  <div\n    class=\"relative h-[600px] flex flex-col p-6 bg-surface-2 dark:bg-surface-2-dark w-full overflow-hidden rounded-lg shadow-xl\"\n  >\n    <!-- Header section with navigation -->\n    <div\n      class=\"flex justify-between items-center pb-3 mb-3 border-b-2 border-gray-600 dark:border-gray-300\"\n    >\n      <h5 class=\"text-2xl font-bold text-primary\">{{ currentSlide.title }}</h5>\n      <div class=\"flex items-center space-x-3\" v-if=\"props.slides.length\">\n        <!-- Bullets -->\n        <div class=\"flex space-x-2\">\n          <span\n            v-for=\"(_, i) in props.slides.length\"\n            :key=\"`slide-index-${i}`\"\n            @click=\"goTo(i)\"\n            :class=\"[\n              'w-2 h-2 rounded-full cursor-pointer',\n              i === currentIndex ? 'bg-primary' : 'bg-neutral',\n            ]\"\n          />\n        </div>\n\n        <!-- Controls -->\n        <div class=\"flex space-x-2\">\n          <button class=\"nav-btn\" @click=\"prev\" :disabled=\"currentIndex === 0\">\n            <EpIcon :icon-path=\"mdiArrowLeft\" size=\"24\" />\n          </button>\n          <button class=\"nav-btn\" @click=\"next\" :disabled=\"!max\">\n            <EpIcon :icon-path=\"mdiArrowRight\" size=\"24\" />\n          </button>\n        </div>\n        <span class=\"text-sm\"\n          >{{ currentIndex + 1 }} / {{ props.slides.length }}</span\n        >\n      </div>\n    </div>\n\n    <!-- Slider content -->\n    <div\n      class=\"flex flex-grow items-center justify-center overflow-hidden mb-4\"\n    >\n      <transition name=\"slide-fade\" mode=\"out-in\">\n        <div\n          v-if=\"props.slides.length > 0\"\n          :key=\"currentSlide.uid\"\n          :ref=\"(el) => updateSlideRefs(el, currentIndex)\"\n          :class=\"[\n            'flex w-full h-full gap-2',\n            hasTextContent\n              ? props.mediaPosition === 'left'\n                ? 'flex-row'\n                : 'flex-row-reverse'\n              : 'justify-center',\n          ]\"\n        >\n          <div\n            v-if=\"isLoading\"\n            class=\"flex items-center justify-center w-full h-full\"\n          >\n            <EpSkeleton\n              :type=\"'rectangle'\"\n              :height=\"100\"\n              :width=\"100\"\n              :loading=\"true\"\n            />\n          </div>\n\n          <div\n            v-else-if=\"!hasTextContent && !currentSlideMediaContent\"\n            class=\"flex items-center justify-center w-full h-full\"\n          >\n            <EpSkeleton\n              class=\"p-4\"\n              :type=\"'rectangle'\"\n              :height=\"150\"\n              :width=\"150\"\n              :loading=\"true\"\n            />\n          </div>\n\n          <!-- Media content -->\n          <div\n            v-if=\"currentSlideMediaContent\"\n            class=\"flex items-center justify-center p-2 md:w-1/2 w-full\"\n            style=\"max-height: 100%\"\n          >\n            <!--condition is img-->\n            <template v-if=\"currentSlide.img\">\n              <component\n                :is=\"currentSlideMediaContent\"\n                :src=\"currentSlide.img\"\n                cols=\"11\"\n                class=\"max-h-full max-w-full object-contain\"\n                :style=\"{\n                  height: 'auto',\n                  maxHeight: '100%',\n                  objectFit: 'contain',\n                  margin: 'auto',\n                }\"\n              ></component>\n            </template>\n            <template v-else-if=\"currentSlide.component\">\n              <Suspense>\n                <component\n                  :is=\"currentSlideMediaContent\"\n                  v-bind=\"{ ...currentSlide.component.data }\"\n                  cols=\"11\"\n                  class=\"max-h-full max-w-full object-contain\"\n                  :style=\"{\n                    height: 'auto',\n                    maxHeight: '100%',\n                    objectFit: 'contain',\n                    margin: 'auto',\n                  }\"\n                >\n                </component>\n                <template #fallback>\n                  {{ loading }}\n                </template>\n              </Suspense>\n            </template>\n          </div>\n\n          <!-- Text content -->\n          <div\n            v-if=\"hasTextContent\"\n            class=\"flex-1 p-2 overflow-y-auto md:w-1/2 w-full\"\n          >\n            <div\n              v-html=\"useRenderText(currentSlide.content)\"\n              class=\"text-base leading-relaxed text-black dark:text-white\"\n            ></div>\n          </div>\n        </div>\n      </transition>\n    </div>\n\n    <!-- Progress bar -->\n    <div class=\"mt-2 h-2 w-full bg-gray-300 rounded-full\">\n      <div\n        class=\"bg-primary h-full rounded-full transition-all duration-300\"\n        :style=\"{\n          width: ((currentIndex + 1) / props.slides.length) * 100 + '%',\n        }\"\n      />\n    </div>\n  </div>\n</template>\n"],"names":["_openBlock","_createElementBlock","_createElementVNode","_toDisplayString","_Fragment","_renderList","_normalizeClass","_createVNode","EpIcon","_unref","_Transition","EpSkeleton","_createBlock","_resolveDynamicComponent","_Suspense","loading","_mergeProps","_normalizeStyle"],"mappings":"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"}
+{"version":3,"file":"EpContentSlider.vue.js","sources":["../../../src/components/interactions/EpContentSlider.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  ref,\n  computed,\n  defineAsyncComponent,\n  type ComponentPublicInstance,\n} from \"vue\";\nimport { useComponent } from \"~/composables/useComponent\";\nimport { useRenderText } from \"~/composables/useRenderText\";\nimport { mdiArrowLeft, mdiArrowRight } from \"@mdi/js\";\nimport EpIcon from \"~/components/basics/EpIcon.vue\";\nimport EpSkeleton from \"~/components/signages/EpSkeleton.vue\";\nimport type { EpContentSliderProps } from \"~/types/interactions/EpContentSlider\";\n\nconst props = withDefaults(defineProps<EpContentSliderProps>(), {\n  loading: \"...loading\",\n  noData: \"No data available\",\n  mediaPosition: \"left\",\n  titleSize: \"md\"\n});\n\nconst dynamicComponents = import.meta.glob(\n    '../{basics,educationals,forms,interactions,signages}/**/*.vue'\n) as Record<string, () => Promise<{ default: any }>>;\n\nfunction resolveAsyncByName(name: string) {\n  for (const [path, loader] of Object.entries(dynamicComponents)) {\n    if (path.endsWith(`/${name}.vue`)) {\n      // ensure the loader returns the component itself (module.default)\n      return defineAsyncComponent(() => loader().then((m) => m.default));\n    }\n  }\n  return null\n}\n\nconst currentIndex = ref(0);\nconst isLoading = ref(false);\nconst slideRefs = ref<(HTMLElement | null)[]>([]);\n\nconst currentSlide = computed(() => {\n  if (!props.slides || props.slides.length === 0) {\n    return {\n      title: props.noData,\n      img: \"\",\n      uid: 2,\n      content: \"\",\n      component: null,\n      twoColumns: false,\n      layoutRatio: \"50/50\"\n    };\n  }\n  return props.slides[currentIndex.value];\n});\n\n// Title size classes\nconst getTitleClasses = computed(() => {\n  const base = 'font-bold ep-text-primary mb-3'\n  switch (props.titleSize) {\n    case 'sm': return `${base} text-xl`\n    case 'lg': return `${base} text-4xl`\n    case 'md':\n    default: return `${base} text-2xl`\n  }\n});\n\n// Two-column layout helpers\nconst getGridClasses = computed(() => {\n  if (!currentSlide.value.twoColumns) return ''\n\n  switch (currentSlide.value.layoutRatio) {\n    case '20/80': return 'grid grid-cols-5 gap-6'\n    case '40/60': return 'grid grid-cols-5 gap-6'\n    case '60/40': return 'grid grid-cols-5 gap-6'\n    case '80/20': return 'grid grid-cols-5 gap-6'\n    case '50/50':\n    default: return 'grid grid-cols-2 gap-6'\n  }\n});\n\nconst getMediaColSpan = computed(() => {\n  if (!currentSlide.value.twoColumns) return ''\n\n  switch (currentSlide.value.layoutRatio) {\n    case '20/80': return 'col-span-1'\n    case '40/60': return 'col-span-2'\n    case '60/40': return 'col-span-3'\n    case '80/20': return 'col-span-4'\n    case '50/50':\n    default: return 'col-span-1'\n  }\n});\n\nconst getContentColSpan = computed(() => {\n  if (!currentSlide.value.twoColumns) return ''\n\n  switch (currentSlide.value.layoutRatio) {\n    case '20/80': return 'col-span-4'\n    case '40/60': return 'col-span-3'\n    case '60/40': return 'col-span-2'\n    case '80/20': return 'col-span-1'\n    case '50/50':\n    default: return 'col-span-1'\n  }\n});\n\nconst hasTextContent = computed(() => {\n  const content = currentSlide.value.content;\n  return content && content.trim().length > 0;\n});\n\nconst currentSlideMediaContent = computed(() => {\n  if (currentSlide.value.img) {\n    return defineAsyncComponent(() => import(\"../basics/EpImg.vue\"));\n  }\n  if (currentSlide.value.component) {\n    const { name } = useComponent(currentSlide.value.component.type)\n    return resolveAsyncByName(name)\n  }\n  return null\n});\n\nconst max = computed(() => currentIndex.value < props.slides.length - 1);\n\nconst next = async () => {\n  isLoading.value = true;\n  if (max.value) {\n    currentIndex.value += 1;\n  }\n  isLoading.value = false;\n};\n\nconst prev = async () => {\n  isLoading.value = true;\n  if (currentIndex.value > 0) {\n    currentIndex.value -= 1;\n  }\n  isLoading.value = false;\n};\n\nconst goTo = (index: number) => (currentIndex.value = index);\n\nconst updateSlideRefs = (\n  el: Element | ComponentPublicInstance | null,\n  index: number\n) => {\n  if (el instanceof HTMLElement) {\n    slideRefs.value[index] = el;\n  } else {\n    slideRefs.value[index] = null;\n  }\n};\n</script>\n\n<template>\n  <div\n      class=\"relative h-[600px] flex flex-col p-6 w-full overflow-hidden rounded-lg shadow-xl bg-surface-2 dark:bg-surface-2-dark\"\n  >\n    <!-- Header section with navigation -->\n    <div\n        class=\"flex justify-between items-center pb-3 mb-3 border-b-2 border-gray-600 dark:border-gray-300\"\n    >\n      <h5 :class=\"getTitleClasses\">{{ currentSlide.title }}</h5>\n      <div class=\"flex items-center space-x-3\" v-if=\"props.slides.length\">\n        <!-- Bullets -->\n        <div class=\"flex space-x-2\">\n          <span\n            v-for=\"(_, i) in props.slides.length\"\n            :key=\"`slide-index-${i}`\"\n            @click=\"goTo(i)\"\n            :class=\"[\n              'w-2 h-2 rounded-full cursor-pointer',\n              i === currentIndex ? 'bg-primary' : 'bg-neutral',\n            ]\"\n          />\n        </div>\n\n        <!-- Controls -->\n        <div class=\"flex space-x-2\">\n          <button class=\"nav-btn\" @click=\"prev\" :disabled=\"currentIndex === 0\">\n            <EpIcon :icon-path=\"mdiArrowLeft\" size=\"24\" />\n          </button>\n          <button class=\"nav-btn\" @click=\"next\" :disabled=\"!max\">\n            <EpIcon :icon-path=\"mdiArrowRight\" size=\"24\" />\n          </button>\n        </div>\n        <span class=\"text-sm\"\n          >{{ currentIndex + 1 }} / {{ props.slides.length }}</span\n        >\n      </div>\n    </div>\n\n    <!-- Slider content -->\n    <div\n      class=\"flex flex-grow items-center justify-center overflow-hidden mb-4\"\n    >\n      <transition name=\"slide-fade\" mode=\"out-in\">\n        <div\n            v-if=\"props.slides.length > 0\"\n            :key=\"currentSlide.uid\"\n            :ref=\"(el) => updateSlideRefs(el, currentIndex)\"\n            :class=\"[\n            'flex w-full h-full',\n            currentSlide.twoColumns ? getGridClasses : 'gap-2',\n            !currentSlide.twoColumns && hasTextContent\n              ? props.mediaPosition === 'left'\n                ? 'flex-row'\n                : 'flex-row-reverse'\n              : !currentSlide.twoColumns ? 'justify-center' : ''\n          ]\"\n        >\n          <div\n            v-if=\"isLoading\"\n            class=\"flex items-center justify-center w-full h-full\"\n          >\n            <EpSkeleton\n              :type=\"'rectangle'\"\n              :height=\"100\"\n              :width=\"100\"\n              :loading=\"true\"\n            />\n          </div>\n\n          <div\n            v-else-if=\"!hasTextContent && !currentSlideMediaContent\"\n            class=\"flex items-center justify-center w-full h-full\"\n          >\n            <EpSkeleton\n              class=\"p-4\"\n              :type=\"'rectangle'\"\n              :height=\"150\"\n              :width=\"150\"\n              :loading=\"true\"\n            />\n          </div>\n\n          <!-- 2 column layout -->\n          <template v-if=\"currentSlide.twoColumns\">\n            <!-- Media column -->\n            <div\n                v-if=\"currentSlideMediaContent\"\n                :class=\"getMediaColSpan\"\n                class=\"flex items-center justify-center p-2\"\n                style=\"max-height: 100%\"\n            >\n              <template v-if=\"currentSlide.img\">\n                <component\n                    :is=\"currentSlideMediaContent\"\n                    :src=\"currentSlide.img\"\n                    cols=\"11\"\n                    class=\"max-h-full max-w-full object-contain\"\n                    :style=\"{\n                    height: 'auto',\n                    maxHeight: '100%',\n                    objectFit: 'contain',\n                    margin: 'auto',\n                  }\"\n                />\n              </template>\n              <template v-else-if=\"currentSlide.component\">\n                <Suspense>\n                  <component\n                      :is=\"currentSlideMediaContent\"\n                      v-bind=\"{ ...currentSlide.component.data }\"\n                      cols=\"11\"\n                      class=\"max-h-full max-w-full object-contain\"\n                  />\n                  <template #fallback>{{ loading }}</template>\n                </Suspense>\n              </template>\n            </div>\n\n            <!-- Text column -->\n            <div\n                v-if=\"hasTextContent\"\n                :class=\"getContentColSpan\"\n                class=\"p-2 overflow-y-auto\"\n            >\n              <div\n                  v-html=\"useRenderText(currentSlide.content)\"\n                  class=\"text-base leading-relaxed\"\n              />\n            </div>\n          </template>\n\n          <!-- single column  -->\n          <template v-else>\n            <!-- Media content -->\n            <div\n                v-if=\"currentSlideMediaContent\"\n                class=\"flex items-center justify-center p-2 md:w-1/2 w-full\"\n                style=\"max-height: 100%\"\n            >\n              <template v-if=\"currentSlide.img\">\n                <component\n                    :is=\"currentSlideMediaContent\"\n                    :src=\"currentSlide.img\"\n                    cols=\"11\"\n                    class=\"max-h-full max-w-full object-contain\"\n                    :style=\"{\n                    height: 'auto',\n                    maxHeight: '100%',\n                    objectFit: 'contain',\n                    margin: 'auto',\n                  }\"\n                />\n              </template>\n              <template v-else-if=\"currentSlide.component\">\n                <Suspense>\n                  <component\n                      :is=\"currentSlideMediaContent\"\n                      v-bind=\"{ ...currentSlide.component.data }\"\n                      cols=\"11\"\n                      class=\"max-h-full max-w-full object-contain\"\n                      :style=\"{\n                      height: 'auto',\n                      maxHeight: '100%',\n                      objectFit: 'contain',\n                      margin: 'auto',\n                    }\"\n                  />\n                  <template #fallback>{{ loading }}</template>\n                </Suspense>\n              </template>\n            </div>\n\n            <!-- Text content -->\n            <div\n                v-if=\"hasTextContent\"\n                class=\"flex-1 p-2 overflow-y-auto md:w-1/2 w-full\"\n            >\n              <div\n                  v-html=\"useRenderText(currentSlide.content)\"\n                  class=\"text-base leading-relaxed\"\n              />\n            </div>\n          </template>\n        </div>\n      </transition>\n    </div>\n\n    <!-- Progress bar -->\n    <div class=\"mt-2 h-2 w-full bg-gray-300 rounded-full\">\n      <div\n        class=\"bg-primary h-full rounded-full transition-all duration-300\"\n        :style=\"{\n          width: ((currentIndex + 1) / props.slides.length) * 100 + '%',\n        }\"\n      />\n    </div>\n  </div>\n</template>"],"names":["_openBlock","_createElementBlock","_createElementVNode","_toDisplayString","_Fragment","_renderList","_normalizeClass","_createVNode","EpIcon","_unref","_Transition","EpSkeleton","_createBlock","_resolveDynamicComponent","_Suspense","loading","_mergeProps","_normalizeStyle"],"mappings":"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"}

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

@@ -103,7 +103,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         return defineAsyncComponent(() => import("../signages/EpNothing.vue.js"));
       }
       return defineAsyncComponent(
-        () => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "../basics/EpAvatar.vue": () => import("../basics/EpAvatar.vue.js"), "../basics/EpBadge.vue": () => import("../basics/EpBadge.vue.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.vue.js"), "../forms/EpInput.vue": () => import("../forms/EpInput.vue.js"), "../forms/EpRadio.vue": () => import("../forms/EpRadio.vue.js"), "../forms/EpRadioSummative.vue": () => import("../forms/EpRadioSummative.vue.js"), "../forms/EpSelect.vue": () => import("../forms/EpSelect.vue.js"), "../forms/EpSwitch.vue": () => import("../forms/EpSwitch.vue.js"), "../forms/EpTextarea.vue": () => import("../forms/EpTextarea.vue.js"), "../forms/EpToggle.vue": () => import("../forms/EpToggle.vue.js"), "./Ep360Image.vue": () => import("./Ep360Image.vue.js"), "./Ep360Video.vue": () => import("./Ep360Video.vue.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.vue2.js"), "../medias/EpAudio.vue": () => import("../medias/EpAudio.vue2.js"), "../medias/EpCardLink.vue": () => import("../medias/EpCardLink.vue2.js"), "../medias/EpCarousel.vue": () => import("../medias/EpCarousel.vue2.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.vue.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.vue.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") }), `../${componentToLoad.path}/${componentToLoad.name}.vue`, 3)
+        () => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "../basics/EpAvatar.vue": () => import("../basics/EpAvatar.vue.js"), "../basics/EpBadge.vue": () => import("../basics/EpBadge.vue.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.vue.js"), "../forms/EpInput.vue": () => import("../forms/EpInput.vue.js"), "../forms/EpRadio.vue": () => import("../forms/EpRadio.vue.js"), "../forms/EpRadioSummative.vue": () => import("../forms/EpRadioSummative.vue.js"), "../forms/EpSelect.vue": () => import("../forms/EpSelect.vue.js"), "../forms/EpSwitch.vue": () => import("../forms/EpSwitch.vue.js"), "../forms/EpTextarea.vue": () => import("../forms/EpTextarea.vue.js"), "../forms/EpToggle.vue": () => import("../forms/EpToggle.vue.js"), "./Ep360Image.vue": () => import("./Ep360Image.vue.js"), "./Ep360Video.vue": () => import("./Ep360Video.vue.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.vue2.js"), "../medias/EpAudio.vue": () => import("../medias/EpAudio.vue2.js"), "../medias/EpCardLink.vue": () => import("../medias/EpCardLink.vue2.js"), "../medias/EpCarousel.vue": () => import("../medias/EpCarousel.vue2.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.vue.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.vue.js"), "../tools/BgAudio.vue": () => import("../tools/BgAudio.vue2.js"), "../tools/Details.vue": () => import("../tools/Details.vue2.js"), "../tools/DisplayBox.vue": () => import("../tools/DisplayBox.vue.js"), "../tools/SvgFilter.vue": () => import("../tools/SvgFilter.vue.js"), "../tools/TextMedia.vue": () => import("../tools/TextMedia.vue2.js"), "../tools/TimelineItem.vue": () => import("../tools/TimelineItem.vue.js"), "../tools/TwoColsMedia.vue": () => import("../tools/TwoColsMedia.vue.js") }), `../${componentToLoad.path}/${componentToLoad.name}.vue`, 3)
       );
     };
     const { title, hideIcon, question, src } = toRefs(props);
@@ -113,7 +113,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         type: _ctx.type,
         hideIcon: unref(hideIcon),
         icon: unref(mdiHelpCircle),
-        "label-intentions": _ctx.labelIntentions
+        "label-intentions": _ctx.labelIntentions,
+        card: ""
       }, createSlots({
         content: withCtx(() => [
           createElementVNode("div", _hoisted_2, [

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

@@ -1 +1 @@
-{"version":3,"file":"EpQuestion.vue.js","sources":["../../../src/components/interactions/EpQuestion.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { watch, ref, toRefs, computed, defineAsyncComponent } from \"vue\";\nimport EpEdu from \"~/components/educationals/EpEdu.vue\";\nimport { type Answer } from \"~/types/Answer\";\nimport { useRenderText } from \"~/composables/useRenderText\";\nimport { useComponent } from \"~/composables/useComponent\";\nimport { mdiHelpCircle } from \"@mdi/js\";\nimport EpImg from \"~/components/basics/EpImg.vue\";\nimport EpRadio from \"~/components/forms/EpRadio.vue\";\nimport EpBtn from \"~/components/basics/EpBtn.vue\";\nimport EpAlert from \"~/components/signages/EpAlert.vue\";\nimport type { EpQuestionProps } from \"~/types/interactions/EpQuestion\";\n\nconst props = withDefaults(defineProps<EpQuestionProps>(), {\n  type: \"neutral\",\n  hideIcon: false,\n  shuffle: false,\n  before: false,\n  numeration: false,\n  labelNoAnswer: \"Veuillez choisir une réponse\",\n  labelAnswerBtn: \"Valider\",\n  labelTryAgainBtn: \"Réessayer\",\n});\n\nconst renderText = computed(() => {\n  if (!props.intentions) {\n    return null;\n  }\n  return useRenderText(props.intentions);\n});\n\n//shuffle and list\nconst shuffleAnswers = computed(() => {\n  const array = props.answers;\n  if (props.shuffle) {\n    for (let i = array.length - 1; i > 0; i--) {\n      const j = Math.floor(Math.random() * (i + 1));\n      const temp = array[i];\n      array[i] = array[j];\n      array[j] = temp;\n    }\n  }\n  return array;\n});\n\nconst alphabet = [\"A\", \"B\", \"C\", \"D\", \"E\", \"F\", \"G\", \"H\", \"I\", \"J\"];\nconst typeList = (index: number) => {\n  if (props.numeration) {\n    return alphabet[index];\n  }\n  return index + 1;\n};\n\n///user answer\nconst userAnswer = ref(\"\");\nconst answered = ref(false);\nconst valid = ref(true);\nconst response = ref<Answer>({\n  type: \"warning\",\n  text: \"no found\",\n  component: null,\n  feedback: \"\",\n});\nconst checkAnswer = () => {\n  if (userAnswer.value === \"\") {\n    valid.value = false;\n    return;\n  }\n  const valuesAnswer = props.answers.find((x) => x.uid === userAnswer.value);\n  if (!valuesAnswer) {\n    return;\n  }\n  response.value = valuesAnswer!;\n  answered.value = true;\n};\n\nconst reset = () => {\n  answered.value = false;\n  userAnswer.value = \"\";\n};\n\nwatch(userAnswer, (val) => {\n  if (val !== \"\") {\n    valid.value = true;\n  }\n});\n\n//get Component asyncComponent\nconst getCompontent = (name: string | undefined) => {\n  const componentToLoad = useComponent(name);\n  //console.log(componentToLoad)\n  if (componentToLoad.name === \"EpNothing\") {\n    return defineAsyncComponent(() => import(\"../signages/EpNothing.vue\"));\n  }\n  return defineAsyncComponent(\n    () => import(`../${componentToLoad.path}/${componentToLoad.name}.vue`)\n  );\n};\n\n//returned values from props\nconst { title, intentions, hideIcon, question, src } = toRefs(props);\n</script>\n\n<template>\n  <EpEdu\n    :title=\"title\"\n    :type=\"type\"\n    :hideIcon=\"hideIcon\"\n    :icon=\"mdiHelpCircle\"\n    :label-intentions=\"labelIntentions\"\n  >\n    <template #intentions v-if=\"renderText\">\n      <div v-html=\"renderText\" />\n    </template>\n    <template #content>\n      <div class=\"mt-5\">\n        <EpImg\n          v-if=\"src && before\"\n          :src=\"src\"\n          :alt=\"`Image soutien à la question`\"\n          cols=\"5\"\n        />\n        <div v-html=\"useRenderText(question)\" class=\"my-6\" />\n        <EpImg\n          v-if=\"src && !before\"\n          :src=\"src\"\n          :alt=\"`Image soutien à la question`\"\n          cols=\"5\"\n        />\n\n        <div class=\"mb-6\">\n          <ol class=\"no-list\">\n            <li v-for=\"(answer, i) in shuffleAnswers\" :key=\"answer.uid\">\n              <EpRadio\n                :label=\"`${typeList(i)}. ${answer.text}`\"\n                v-model=\"userAnswer\"\n                :value=\"answer.uid\"\n                :disabled=\"answered\"\n                type=\"primary\"\n              ></EpRadio>\n            </li>\n          </ol>\n          <EpAlert type=\"error\" outlined noIcon v-if=\"!valid\">\n            {{ labelNoAnswer }}\n          </EpAlert>\n        </div>\n\n        <div v-if=\"answered\" class=\"mb-2\">\n          <EpAlert :type=\"response.type\" outlined>\n            <div v-html=\"useRenderText(response.feedback)\" />\n          </EpAlert>\n\n          <div v-if=\"response.component\" class=\"my-2\">\n            <component\n              :is=\"getCompontent(response.component.type)\"\n              v-bind=\"{ ...response.component.data }\"\n            ></component>\n          </div>\n        </div>\n\n        <EpBtn\n          type=\"primary\"\n          @click=\"checkAnswer\"\n          :disabled=\"answered\"\n          outlined\n          extraClass=\"mr-2\"\n          >{{ labelAnswerBtn }}</EpBtn\n        >\n        <EpBtn type=\"primary\" v-if=\"answered\" @click=\"reset\" outlined>{{\n          labelTryAgainBtn\n        }}</EpBtn>\n      </div>\n    </template>\n    <!-- <template #actions>\n       <EpBtn :color=\"type=='base'?'text-gray-700':'text-white'\" :type=\"type\">[Repair btn style... to change]</EpBtn>\n     </template> -->\n  </EpEdu>\n</template>\n"],"names":["_createBlock","EpEdu","_unref","type","labelIntentions","_createElementVNode","before","EpImg","_openBlock","_createElementBlock","_Fragment","_renderList","_createVNode","EpRadio","EpAlert","labelNoAnswer","_resolveDynamicComponent","_normalizeProps","_guardReactiveProps","EpBtn","labelAnswerBtn","labelTryAgainBtn"],"mappings":"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"}
+{"version":3,"file":"EpQuestion.vue.js","sources":["../../../src/components/interactions/EpQuestion.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { watch, ref, toRefs, computed, defineAsyncComponent } from \"vue\";\nimport EpEdu from \"~/components/educationals/EpEdu.vue\";\nimport { type Answer } from \"~/types/Answer\";\nimport { useRenderText } from \"~/composables/useRenderText\";\nimport { useComponent } from \"~/composables/useComponent\";\nimport { mdiHelpCircle } from \"@mdi/js\";\nimport EpImg from \"~/components/basics/EpImg.vue\";\nimport EpRadio from \"~/components/forms/EpRadio.vue\";\nimport EpBtn from \"~/components/basics/EpBtn.vue\";\nimport EpAlert from \"~/components/signages/EpAlert.vue\";\nimport type { EpQuestionProps } from \"~/types/interactions/EpQuestion\";\n\nconst props = withDefaults(defineProps<EpQuestionProps>(), {\n  type: \"neutral\",\n  hideIcon: false,\n  shuffle: false,\n  before: false,\n  numeration: false,\n  labelNoAnswer: \"Veuillez choisir une réponse\",\n  labelAnswerBtn: \"Valider\",\n  labelTryAgainBtn: \"Réessayer\",\n});\n\nconst renderText = computed(() => {\n  if (!props.intentions) {\n    return null;\n  }\n  return useRenderText(props.intentions);\n});\n\n//shuffle and list\nconst shuffleAnswers = computed(() => {\n  const array = props.answers;\n  if (props.shuffle) {\n    for (let i = array.length - 1; i > 0; i--) {\n      const j = Math.floor(Math.random() * (i + 1));\n      const temp = array[i];\n      array[i] = array[j];\n      array[j] = temp;\n    }\n  }\n  return array;\n});\n\nconst alphabet = [\"A\", \"B\", \"C\", \"D\", \"E\", \"F\", \"G\", \"H\", \"I\", \"J\"];\nconst typeList = (index: number) => {\n  if (props.numeration) {\n    return alphabet[index];\n  }\n  return index + 1;\n};\n\n///user answer\nconst userAnswer = ref(\"\");\nconst answered = ref(false);\nconst valid = ref(true);\nconst response = ref<Answer>({\n  type: \"warning\",\n  text: \"no found\",\n  component: null,\n  feedback: \"\",\n});\nconst checkAnswer = () => {\n  if (userAnswer.value === \"\") {\n    valid.value = false;\n    return;\n  }\n  const valuesAnswer = props.answers.find((x) => x.uid === userAnswer.value);\n  if (!valuesAnswer) {\n    return;\n  }\n  response.value = valuesAnswer!;\n  answered.value = true;\n};\n\nconst reset = () => {\n  answered.value = false;\n  userAnswer.value = \"\";\n};\n\nwatch(userAnswer, (val) => {\n  if (val !== \"\") {\n    valid.value = true;\n  }\n});\n\n//get Component asyncComponent\nconst getCompontent = (name: string | undefined) => {\n  const componentToLoad = useComponent(name);\n  //console.log(componentToLoad)\n  if (componentToLoad.name === \"EpNothing\") {\n    return defineAsyncComponent(() => import(\"../signages/EpNothing.vue\"));\n  }\n  return defineAsyncComponent(\n    () => import(`../${componentToLoad.path}/${componentToLoad.name}.vue`)\n  );\n};\n\n//returned values from props\nconst { title, intentions, hideIcon, question, src } = toRefs(props);\n</script>\n\n<template>\n  <EpEdu\n    :title=\"title\"\n    :type=\"type\"\n    :hideIcon=\"hideIcon\"\n    :icon=\"mdiHelpCircle\"\n    :label-intentions=\"labelIntentions\"\n    card\n  >\n    <template #intentions v-if=\"renderText\">\n      <div v-html=\"renderText\" />\n    </template>\n    <template #content>\n      <div class=\"mt-5\">\n        <EpImg\n          v-if=\"src && before\"\n          :src=\"src\"\n          :alt=\"`Image soutien à la question`\"\n          cols=\"5\"\n        />\n        <div v-html=\"useRenderText(question)\" class=\"my-6\" />\n        <EpImg\n          v-if=\"src && !before\"\n          :src=\"src\"\n          :alt=\"`Image soutien à la question`\"\n          cols=\"5\"\n        />\n\n        <div class=\"mb-6\">\n          <ol class=\"no-list\">\n            <li v-for=\"(answer, i) in shuffleAnswers\" :key=\"answer.uid\">\n              <EpRadio\n                :label=\"`${typeList(i)}. ${answer.text}`\"\n                v-model=\"userAnswer\"\n                :value=\"answer.uid\"\n                :disabled=\"answered\"\n                type=\"primary\"\n              ></EpRadio>\n            </li>\n          </ol>\n          <EpAlert type=\"error\" outlined noIcon v-if=\"!valid\">\n            {{ labelNoAnswer }}\n          </EpAlert>\n        </div>\n\n        <div v-if=\"answered\" class=\"mb-2\">\n          <EpAlert :type=\"response.type\" outlined>\n            <div v-html=\"useRenderText(response.feedback)\" />\n          </EpAlert>\n\n          <div v-if=\"response.component\" class=\"my-2\">\n            <component\n              :is=\"getCompontent(response.component.type)\"\n              v-bind=\"{ ...response.component.data }\"\n            ></component>\n          </div>\n        </div>\n\n        <EpBtn\n          type=\"primary\"\n          @click=\"checkAnswer\"\n          :disabled=\"answered\"\n          outlined\n          extraClass=\"mr-2\"\n          >{{ labelAnswerBtn }}</EpBtn\n        >\n        <EpBtn type=\"primary\" v-if=\"answered\" @click=\"reset\" outlined>{{\n          labelTryAgainBtn\n        }}</EpBtn>\n      </div>\n    </template>\n    <!-- <template #actions>\n       <EpBtn :color=\"type=='base'?'text-gray-700':'text-white'\" :type=\"type\">[Repair btn style... to change]</EpBtn>\n     </template> -->\n  </EpEdu>\n</template>\n"],"names":["_createBlock","EpEdu","_unref","type","labelIntentions","_createElementVNode","before","EpImg","_openBlock","_createElementBlock","_Fragment","_renderList","_createVNode","EpRadio","EpAlert","labelNoAnswer","_resolveDynamicComponent","_normalizeProps","_guardReactiveProps","EpBtn","labelAnswerBtn","labelTryAgainBtn"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,UAAM,QAAQ;AAWd,UAAM,aAAa,SAAS,MAAM;AAChC,UAAI,CAAC,MAAM,YAAY;AACrB,eAAO;AAAA,MACT;AACA,aAAO,cAAc,MAAM,UAAU;AAAA,IACvC,CAAC;AAGD,UAAM,iBAAiB,SAAS,MAAM;AACpC,YAAM,QAAQ,MAAM;AACpB,UAAI,MAAM,SAAS;AACjB,iBAAS,IAAI,MAAM,SAAS,GAAG,IAAI,GAAG,KAAK;AACzC,gBAAM,IAAI,KAAK,MAAM,KAAK,YAAY,IAAI,EAAE;AAC5C,gBAAM,OAAO,MAAM,CAAC;AACpB,gBAAM,CAAC,IAAI,MAAM,CAAC;AAClB,gBAAM,CAAC,IAAI;AAAA,QACb;AAAA,MACF;AACA,aAAO;AAAA,IACT,CAAC;AAED,UAAM,WAAW,CAAC,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,GAAG;AAClE,UAAM,WAAW,CAAC,UAAkB;AAClC,UAAI,MAAM,YAAY;AACpB,eAAO,SAAS,KAAK;AAAA,MACvB;AACA,aAAO,QAAQ;AAAA,IACjB;AAGA,UAAM,aAAa,IAAI,EAAE;AACzB,UAAM,WAAW,IAAI,KAAK;AAC1B,UAAM,QAAQ,IAAI,IAAI;AACtB,UAAM,WAAW,IAAY;AAAA,MAC3B,MAAM;AAAA,MACN,MAAM;AAAA,MACN,WAAW;AAAA,MACX,UAAU;AAAA,IAAA,CACX;AACD,UAAM,cAAc,MAAM;AACxB,UAAI,WAAW,UAAU,IAAI;AAC3B,cAAM,QAAQ;AACd;AAAA,MACF;AACA,YAAM,eAAe,MAAM,QAAQ,KAAK,CAAC,MAAM,EAAE,QAAQ,WAAW,KAAK;AACzE,UAAI,CAAC,cAAc;AACjB;AAAA,MACF;AACA,eAAS,QAAQ;AACjB,eAAS,QAAQ;AAAA,IACnB;AAEA,UAAM,QAAQ,MAAM;AAClB,eAAS,QAAQ;AACjB,iBAAW,QAAQ;AAAA,IACrB;AAEA,UAAM,YAAY,CAAC,QAAQ;AACzB,UAAI,QAAQ,IAAI;AACd,cAAM,QAAQ;AAAA,MAChB;AAAA,IACF,CAAC;AAGD,UAAM,gBAAgB,CAAC,SAA6B;AAClD,YAAM,kBAAkB,aAAa,IAAI;AAEzC,UAAI,gBAAgB,SAAS,aAAa;AACxC,eAAO,qBAAqB,MAAM,OAAO,8BAA2B,CAAC;AAAA,MACvE;AACA,aAAO;AAAA,QACL,MAAM,qCAAA,uBAAA,OAAA,EAAA,0BAAA,MAAA,OAAA,2BAAA,GAAA,yBAAA,MAAA,OAAA,0BAAA,GAAA,uBAAA,MAAA,OAAA,yBAAA,GAAA,wBAAA,MAAA,OAAA,0BAAA,GAAA,wBAAA,MAAA,OAAA,0BAAA,GAAA,2BAAA,MAAA,OAAA,6BAAA,GAAA,wBAAA,MAAA,OAAA,0BAAA,GAAA,yBAAA,MAAA,OAAA,2BAAA,GAAA,6BAAA,MAAA,OAAA,+BAAA,GAAA,wBAAA,MAAA,OAAA,0BAAA,GAAA,uBAAA,MAAA,OAAA,yBAAA,GAAA,+BAAA,MAAA,OAAA,iCAAA,GAAA,wBAAA,MAAA,OAAA,yBAAA,GAAA,4BAAA,MAAA,OAAA,8BAAA,GAAA,2BAAA,MAAA,OAAA,6BAAA,GAAA,+BAAA,MAAA,OAAA,iCAAA,GAAA,2BAAA,MAAA,OAAA,6BAAA,GAAA,+BAAA,MAAA,OAAA,iCAAA,GAAA,yBAAA,MAAA,OAAA,2BAAA,GAAA,wBAAA,MAAA,OAAA,0BAAA,GAAA,4BAAA,MAAA,OAAA,8BAAA,GAAA,+BAAA,MAAA,OAAA,iCAAA,GAAA,6BAAA,MAAA,OAAA,+BAAA,GAAA,4BAAA,MAAA,OAAA,8BAAA,GAAA,2CAAA,MAAA,OAAA,4CAAA,GAAA,mCAAA,MAAA,OAAA,qCAAA,GAAA,oCAAA,MAAA,OAAA,sCAAA,GAAA,qCAAA,MAAA,OAAA,uCAAA,GAAA,kCAAA,MAAA,OAAA,oCAAA,GAAA,6BAAA,MAAA,OAAA,+BAAA,GAAA,sCAAA,MAAA,OAAA,wCAAA,GAAA,sCAAA,MAAA,OAAA,wCAAA,GAAA,mCAAA,MAAA,OAAA,qCAAA,GAAA,iCAAA,MAAA,OAAA,mCAAA,GAAA,kCAAA,MAAA,OAAA,oCAAA,GAAA,+BAAA,MAAA,OAAA,iCAAA,GAAA,2CAAA,MAAA,OAAA,6CAAA,GAAA,2BAAA,MAAA,OAAA,4BAAA,GAAA,wBAAA,MAAA,OAAA,yBAAA,GAAA,wBAAA,MAAA,OAAA,yBAAA,GAAA,iCAAA,MAAA,OAAA,kCAAA,GAAA,yBAAA,MAAA,OAAA,0BAAA,GAAA,yBAAA,MAAA,OAAA,0BAAA,GAAA,2BAAA,MAAA,OAAA,4BAAA,GAAA,yBAAA,MAAA,OAAA,0BAAA,GAAA,oBAAA,MAAA,OAAA,qBAAA,GAAA,oBAAA,MAAA,OAAA,qBAAA,GAAA,qBAAA,MAAA,OAAA,sBAAA,GAAA,yBAAA,MAAA,OAAA,2BAAA,GAAA,oBAAA,MAAA,OAAA,sBAAA,GAAA,qBAAA,MAAA,OAAA,uBAAA,GAAA,mBAAA,MAAA,OAAA,qBAAA,GAAA,iBAAA,MAAA,OAAA,mBAAA,GAAA,oBAAA,MAAA,OAAA,sBAAA,GAAA,0BAAA,MAAA,OAAA,4BAAA,GAAA,mBAAA,MAAA,OAAA,qBAAA,GAAA,gBAAA,MAAA,OAAA,iBAAA,GAAA,mBAAA,MAAA,OAAA,qBAAA,GAAA,yBAAA,MAAA,OAAA,2BAAA,GAAA,4BAAA,MAAA,OAAA,8BAAA,GAAA,4BAAA,MAAA,OAAA,8BAAA,GAAA,6BAAA,MAAA,OAAA,8BAAA,GAAA,0BAAA,MAAA,OAAA,4BAAA,GAAA,yBAAA,MAAA,OAAA,0BAAA,GAAA,wBAAA,MAAA,OAAA,0BAAA,GAAA,+BAAA,MAAA,OAAA,iCAAA,GAAA,6BAAA,MAAA,OAAA,+BAAA,GAAA,iCAAA,MAAA,OAAA,kCAAA,GAAA,4BAAA,MAAA,OAAA,8BAAA,GAAA,uBAAA,MAAA,OAAA,yBAAA,GAAA,wBAAA,MAAA,OAAA,0BAAA,GAAA,4BAAA,MAAA,OAAA,6BAAA,GAAA,yBAAA,MAAA,OAAA,2BAAA,GAAA,gCAAA,MAAA,OAAA,kCAAA,GAAA,2BAAA,MAAA,OAAA,6BAAA,GAAA,2BAAA,MAAA,OAAA,4BAAA,GAAA,2BAAA,MAAA,OAAA,6BAAA,GAAA,4BAAA,MAAA,OAAA,8BAAA,GAAA,6BAAA,MAAA,OAAA,8BAAA,GAAA,2BAAA,MAAA,OAAA,6BAAA,GAAA,8BAAA,MAAA,OAAA,+BAAA,GAAA,wBAAA,MAAA,OAAA,0BAAA,GAAA,wBAAA,MAAA,OAAA,0BAAA,GAAA,2BAAA,MAAA,OAAA,4BAAA,GAAA,0BAAA,MAAA,OAAA,2BAAA,GAAA,0BAAA,MAAA,OAAA,4BAAA,GAAA,6BAAA,MAAA,OAAA,8BAAA,GAAA,6BAAA,MAAA,OAAA,8BAAA,EAAA,CAAA,GAAA,MAAA,gBAAA,IAAA,IAAA,gBAAA,IAAA,QAAA,CAAA;AAAA,MAAyD;AAAA,IAEnE;AAGA,UAAM,EAAE,OAAmB,UAAU,UAAU,IAAA,IAAQ,OAAO,KAAK;;0BAIjEA,YAyEQC,aAAA;AAAA,QAxEL,OAAOC,MAAA,KAAA;AAAA,QACP,MAAMC,KAAAA;AAAAA,QACN,UAAUD,MAAA,QAAA;AAAA,QACV,MAAMA,MAAA,aAAA;AAAA,QACN,oBAAkBE,KAAAA;AAAAA,QACnB,MAAA;AAAA,MAAA;QAKW,iBACT,MAwDM;AAAA,UAxDNC,mBAwDM,OAxDN,YAwDM;AAAA,YAtDIH,MAAA,GAAA,KAAOI,KAAAA,uBADfN,YAKEO,aAAA;AAAA;cAHC,KAAKL,MAAA,GAAA;AAAA,cACL,KAAK;AAAA,cACN,MAAK;AAAA,YAAA;YAEPG,mBAAqD,OAAA;AAAA,cAAhD,WAAQH,MAAA,aAAA,EAAcA,MAAA,QAAA,CAAQ;AAAA,cAAG,OAAM;AAAA,YAAA;YAEpCA,MAAA,GAAA,MAAQI,KAAAA,uBADhBN,YAKEO,aAAA;AAAA;cAHC,KAAKL,MAAA,GAAA;AAAA,cACL,KAAK;AAAA,cACN,MAAK;AAAA,YAAA;YAGPG,mBAeM,OAfN,YAeM;AAAA,cAdJA,mBAUK,MAVL,YAUK;AAAA,iBATHG,UAAA,IAAA,GAAAC,mBAQKC,UAAA,MAAAC,WARqB,eAAA,OAAc,CAA5B,QAAQ,MAAC;sCAArBF,mBAQK,MAAA;AAAA,oBARsC,KAAK,OAAO;AAAA,kBAAA;oBACrDG,YAMWC,aAAA;AAAA,sBALR,UAAU,SAAS,CAAC,CAAA,KAAM,OAAO,IAAI;AAAA,kCAC7B,WAAA;AAAA,mFAAA,WAAU,QAAA;AAAA,sBAClB,OAAO,OAAO;AAAA,sBACd,UAAU,SAAA;AAAA,sBACX,MAAK;AAAA,oBAAA;;;;eAIkC,MAAA,sBAA7Cb,YAEUc,MAAA;AAAA;gBAFD,MAAK;AAAA,gBAAQ,UAAA;AAAA,gBAAS,QAAA;AAAA,cAAA;iCAC7B,MAAmB;AAAA,kDAAhBC,KAAAA,aAAa,GAAA,CAAA;AAAA,gBAAA;;;;YAIT,SAAA,SAAXP,UAAA,GAAAC,mBAWM,OAXN,YAWM;AAAA,cAVJG,YAEUE,MAAA;AAAA,gBAFA,MAAM,SAAA,MAAS;AAAA,gBAAM,UAAA;AAAA,cAAA;iCAC7B,MAAiD;AAAA,kBAAjDT,mBAAiD,OAAA;AAAA,oBAA5C,WAAQH,MAAA,aAAA,EAAc,SAAA,MAAS,QAAQ;AAAA,kBAAA;;;;cAGnC,SAAA,MAAS,aAApBM,aAAAC,mBAKM,OALN,YAKM;AAAA,iBAJJD,UAAA,GAAAR,YAGagB,wBAFN,cAAc,SAAA,MAAS,UAAU,IAAI,CAAA,GAAAC,eAAAC,mBAAA,EAAA,GAC7B,SAAA,MAAS,UAAU,MAAI,CAAA,GAAA,MAAA,EAAA;AAAA,cAAA;;YAK1CN,YAOCO,aAAA;AAAA,cANC,MAAK;AAAA,cACJ,SAAO;AAAA,cACP,UAAU,SAAA;AAAA,cACX,UAAA;AAAA,cACA,YAAW;AAAA,YAAA;+BACV,MAAoB;AAAA,gDAAjBC,KAAAA,cAAc,GAAA,CAAA;AAAA,cAAA;;;YAEQ,SAAA,sBAA5BpB,YAEUmB,aAAA;AAAA;cAFH,MAAK;AAAA,cAA2B,SAAO;AAAA,cAAO,UAAA;AAAA,YAAA;+BAAS,MAE5D;AAAA,gDADAE,KAAAA,gBAAgB,GAAA,CAAA;AAAA,cAAA;;;;;;;QA1DM,WAAA;gBAAjB;AAAA,sBACT,MAA2B;AAAA,YAA3BhB,mBAA2B,OAAA,EAAtB,WAAQ,WAAA,SAAU,MAAA,GAAA,UAAA;AAAA,UAAA;;;;;;;"}

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

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, createElementBlock, openBlock, createCommentVNode, createElementVNode, toDisplayString, Fragment, renderList, createVNode, createBlock } from "vue";
 import _sfc_main$2 from "../basics/EpDivider.vue.js";
 import _sfc_main$1 from "../forms/EpRadioSummative.vue2.js";
-const _hoisted_1 = { class: "mt-4 bg-surface-2 dark:bg-surface-2-dark p-4" };
+const _hoisted_1 = { class: "mt-4 bg-surface-2 dark:bg-surface-2-dark p-4 rounded" };
 const _hoisted_2 = {
   key: 0,
   class: "text-xl font-semibold mb-6"

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

@@ -1 +1 @@
-{"version":3,"file":"EpSummativeTable.vue.js","sources":["../../../src/components/interactions/EpSummativeTable.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, computed } from \"vue\";\nimport EpDivider from \"~/components/basics/EpDivider.vue\";\nimport EpRadioSummative from \"~/components/forms/EpRadioSummative.vue\";\nimport type { EpSummativeTableProps } from \"~/types/interactions/EpSummativeTable\";\nconst totalValue = ref<number[]>([]);\n\nconst {\n  title,\n  questions,\n  totalLabel = \"Total :\",\n} = defineProps<EpSummativeTableProps>();\n\nconst resultSummative = computed(() => {\n  return totalValue.value.reduce(\n    (total, currentvalue) => total + currentvalue,\n    0\n  );\n});\n\n//cette function sera efface, en creant le nouveau editeur\nconst transformNumber = (value: string | number) => {\n  const num = Number(value);\n  if (isNaN(num)) {\n    return 0;\n  } else {\n    return num;\n  }\n};\n</script>\n\n<template>\n  <div class=\"mt-4 bg-surface-2 dark:bg-surface-2-dark p-4\">\n    <h4 v-if=\"title\" class=\"text-xl font-semibold mb-6\">{{ title }}</h4>\n    <template v-for=\"(question, i) in questions\" :key=\"`item-question-${i}`\">\n      <p class=\"py-2 rounded\">\n        {{ question.label }}\n      </p>\n      <div class=\"flex flex-row flex-wrap gap-y-2 sm:gap-x-4\">\n        <template\n          v-for=\"(_option, j) in question.options\"\n          :key=\"`option-question-${j}`\"\n        >\n          <EpRadioSummative\n            :id=\"`option-${i}-${j}-${_option.uid}`\"\n            :name=\"`option-${i}-${j}-${_option.uid}`\"\n            :label=\"_option.label\"\n            :value=\"transformNumber(_option.value)\"\n            v-model=\"totalValue[i]\"\n          >\n          </EpRadioSummative>\n        </template>\n      </div>\n      <EpDivider />\n    </template>\n    <div class=\"text-right pr-16\">\n      <span class=\"text-sm font-semibold uppercase\"\n        >{{ totalLabel }} {{ resultSummative }}</span\n      >\n    </div>\n  </div>\n</template>\n"],"names":["_openBlock","_createElementBlock","title","_toDisplayString","_Fragment","_renderList","questions","_createElementVNode","_createBlock","EpRadioSummative","_createVNode","EpDivider","totalLabel"],"mappings":";;;;;;;;;;;;;;;;;;;;AAKA,UAAM,aAAa,IAAc,EAAE;AAQnC,UAAM,kBAAkB,SAAS,MAAM;AACrC,aAAO,WAAW,MAAM;AAAA,QACtB,CAAC,OAAO,iBAAiB,QAAQ;AAAA,QACjC;AAAA,MAAA;AAAA,IAEJ,CAAC;AAGD,UAAM,kBAAkB,CAAC,UAA2B;AAClD,YAAM,MAAM,OAAO,KAAK;AACxB,UAAI,MAAM,GAAG,GAAG;AACd,eAAO;AAAA,MACT,OAAO;AACL,eAAO;AAAA,MACT;AAAA,IACF;;AAIE,aAAAA,UAAA,GAAAC,mBA4BM,OA5BN,YA4BM;AAAA,QA3BMC,KAAAA,sBAAVD,mBAAoE,MAApE,YAAoEE,gBAAbD,KAAAA,KAAK,GAAA,CAAA;SAC5DF,UAAA,IAAA,GAAAC,mBAoBWG,UAAA,MAAAC,WApBuBC,KAAAA,WAAS,CAAzB,UAAU,MAAC;;kCAAuC,CAAC;AAAA,UAAA;YACnEC,mBAEI,KAFJ,YAEIJ,gBADC,SAAS,KAAK,GAAA,CAAA;AAAA,YAEnBI,mBAcM,OAdN,YAcM;AAAA,eAbJP,UAAA,IAAA,GAAAC,mBAYWG,2BAXc,SAAS,SAAO,CAA/B,SAAS,MAAC;oCAGlBI,YAOmBC,aAAA;AAAA,0CATM,CAAC;AAAA,kBAGvB,cAAc,CAAC,IAAI,CAAC,IAAI,QAAQ,GAAG;AAAA,kBACnC,gBAAgB,CAAC,IAAI,CAAC,IAAI,QAAQ,GAAG;AAAA,kBACrC,OAAO,QAAQ;AAAA,kBACf,OAAO,gBAAgB,QAAQ,KAAK;AAAA,kBAC5B,YAAA,WAAA,MAAW,CAAC;AAAA,kBAAZ,uBAAA,CAAA,WAAA,WAAA,MAAW,CAAC,IAAA;AAAA,gBAAA;;;YAK3BC,YAAaC,WAAA;AAAA,UAAA;;QAEfJ,mBAIM,OAJN,YAIM;AAAA,UAHJA,mBAEC,QAFD,YAECJ,gBADKS,eAAU,IAAG,sBAAI,gBAAA,KAAe,GAAA,CAAA;AAAA,QAAA;;;;;"}
+{"version":3,"file":"EpSummativeTable.vue.js","sources":["../../../src/components/interactions/EpSummativeTable.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, computed } from \"vue\";\nimport EpDivider from \"~/components/basics/EpDivider.vue\";\nimport EpRadioSummative from \"~/components/forms/EpRadioSummative.vue\";\nimport type { EpSummativeTableProps } from \"~/types/interactions/EpSummativeTable\";\nconst totalValue = ref<number[]>([]);\n\nconst {\n  title,\n  questions,\n  totalLabel = \"Total :\",\n} = defineProps<EpSummativeTableProps>();\n\nconst resultSummative = computed(() => {\n  return totalValue.value.reduce(\n    (total, currentvalue) => total + currentvalue,\n    0\n  );\n});\n\n//cette function sera efface, en creant le nouveau editeur\nconst transformNumber = (value: string | number) => {\n  const num = Number(value);\n  if (isNaN(num)) {\n    return 0;\n  } else {\n    return num;\n  }\n};\n</script>\n\n<template>\n  <div class=\"mt-4 bg-surface-2 dark:bg-surface-2-dark p-4 rounded\">\n    <h4 v-if=\"title\" class=\"text-xl font-semibold mb-6\">{{ title }}</h4>\n    <template v-for=\"(question, i) in questions\" :key=\"`item-question-${i}`\">\n      <p class=\"py-2 rounded\">\n        {{ question.label }}\n      </p>\n      <div class=\"flex flex-row flex-wrap gap-y-2 sm:gap-x-4\">\n        <template\n          v-for=\"(_option, j) in question.options\"\n          :key=\"`option-question-${j}`\"\n        >\n          <EpRadioSummative\n            :id=\"`option-${i}-${j}-${_option.uid}`\"\n            :name=\"`option-${i}-${j}-${_option.uid}`\"\n            :label=\"_option.label\"\n            :value=\"transformNumber(_option.value)\"\n            v-model=\"totalValue[i]\"\n          >\n          </EpRadioSummative>\n        </template>\n      </div>\n      <EpDivider />\n    </template>\n    <div class=\"text-right pr-16\">\n      <span class=\"text-sm font-semibold uppercase\"\n        >{{ totalLabel }} {{ resultSummative }}</span\n      >\n    </div>\n  </div>\n</template>\n"],"names":["_openBlock","_createElementBlock","title","_toDisplayString","_Fragment","_renderList","questions","_createElementVNode","_createBlock","EpRadioSummative","_createVNode","EpDivider","totalLabel"],"mappings":";;;;;;;;;;;;;;;;;;;;AAKA,UAAM,aAAa,IAAc,EAAE;AAQnC,UAAM,kBAAkB,SAAS,MAAM;AACrC,aAAO,WAAW,MAAM;AAAA,QACtB,CAAC,OAAO,iBAAiB,QAAQ;AAAA,QACjC;AAAA,MAAA;AAAA,IAEJ,CAAC;AAGD,UAAM,kBAAkB,CAAC,UAA2B;AAClD,YAAM,MAAM,OAAO,KAAK;AACxB,UAAI,MAAM,GAAG,GAAG;AACd,eAAO;AAAA,MACT,OAAO;AACL,eAAO;AAAA,MACT;AAAA,IACF;;AAIE,aAAAA,UAAA,GAAAC,mBA4BM,OA5BN,YA4BM;AAAA,QA3BMC,KAAAA,sBAAVD,mBAAoE,MAApE,YAAoEE,gBAAbD,KAAAA,KAAK,GAAA,CAAA;SAC5DF,UAAA,IAAA,GAAAC,mBAoBWG,UAAA,MAAAC,WApBuBC,KAAAA,WAAS,CAAzB,UAAU,MAAC;;kCAAuC,CAAC;AAAA,UAAA;YACnEC,mBAEI,KAFJ,YAEIJ,gBADC,SAAS,KAAK,GAAA,CAAA;AAAA,YAEnBI,mBAcM,OAdN,YAcM;AAAA,eAbJP,UAAA,IAAA,GAAAC,mBAYWG,2BAXc,SAAS,SAAO,CAA/B,SAAS,MAAC;oCAGlBI,YAOmBC,aAAA;AAAA,0CATM,CAAC;AAAA,kBAGvB,cAAc,CAAC,IAAI,CAAC,IAAI,QAAQ,GAAG;AAAA,kBACnC,gBAAgB,CAAC,IAAI,CAAC,IAAI,QAAQ,GAAG;AAAA,kBACrC,OAAO,QAAQ;AAAA,kBACf,OAAO,gBAAgB,QAAQ,KAAK;AAAA,kBAC5B,YAAA,WAAA,MAAW,CAAC;AAAA,kBAAZ,uBAAA,CAAA,WAAA,WAAA,MAAW,CAAC,IAAA;AAAA,gBAAA;;;YAK3BC,YAAaC,WAAA;AAAA,UAAA;;QAEfJ,mBAIM,OAJN,YAIM;AAAA,UAHJA,mBAEC,QAFD,YAECJ,gBADKS,eAAU,IAAG,sBAAI,gBAAA,KAAe,GAAA,CAAA;AAAA,QAAA;;;;;"}

package/dist/components/medias/EpCarousel.vue.js

@@ -11,11 +11,11 @@ const _hoisted_1 = {
 };
 const _hoisted_2 = { key: 1 };
 const _hoisted_3 = { class: "flex items-center justify-center mb-2" };
-const _hoisted_4 = { class: "bg-surface dark:bg-surface-dark shadow-xl p-4 lg:max-w-[800px] mx-auto border-solid border" };
+const _hoisted_4 = { class: "dark:bg-surface-2-dark shadow-xl p-4 lg:max-w-[800px] mx-auto border-solid border" };
 const _hoisted_5 = ["src"];
 const _hoisted_6 = {
   key: 0,
-  class: "mt-2 text-sm text-center text-base-black dark:text-white"
+  class: "mt-2 text-sm text-center"
 };
 const _hoisted_7 = {
   key: 1,