ep-lib-ts 1.0.68 → 1.0.70

package/dist/components/educationals/EpResource.vue.js

@@ -43,7 +43,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         return defineAsyncComponent(() => import("./EpReading.vue2.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"), "./EpBranchingScenario.vue": () => import("./EpBranchingScenario.vue.js"), "./EpCodeblock.vue": () => import("./EpCodeblock.vue3.js"), "./EpConclusion.vue": () => import("./EpConclusion.vue2.js"), "./EpDescription.vue": () => import("./EpDescription.vue2.js"), "./EpDocument.vue": () => import("./EpDocument.vue2.js"), "./EpEdu.vue": () => import("./EpEdu.vue2.js"), "./EpInstructions.vue": () => import("./EpInstructions.vue2.js"), "./EpIntroduction.vue": () => import("./EpIntroduction.vue2.js"), "./EpObjective.vue": () => import("./EpObjective.vue2.js"), "./EpReading.vue": () => import("./EpReading.vue2.js"), "./EpResource.vue": () => import("./EpResource.vue2.js"), "./EpScope.vue": () => import("./EpScope.vue2.js"), "./EpSpecificObjective.vue": () => import("./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"), "../interactions/Ep360Image.vue": () => import("../interactions/Ep360Image.vue.js"), "../interactions/Ep360Video.vue": () => import("../interactions/Ep360Video.vue.js"), "../interactions/EpAccordeon.vue": () => import("../interactions/EpAccordeon.vue.js"), "../interactions/EpContentSlider.vue": () => import("../interactions/EpContentSlider.vue2.js"), "../interactions/EpDarkMode.vue": () => import("../interactions/EpDarkMode.vue2.js"), "../interactions/EpDraggable.vue": () => import("../interactions/EpDraggable.vue2.js"), "../interactions/EpHotSpot.vue": () => import("../interactions/EpHotSpot.vue2.js"), "../interactions/EpModal.vue": () => import("../interactions/EpModal.vue3.js"), "../interactions/EpQuestion.vue": () => import("../interactions/EpQuestion.vue2.js"), "../interactions/EpSummativeTable.vue": () => import("../interactions/EpSummativeTable.vue2.js"), "../interactions/EpSvgShow.vue": () => import("../interactions/EpSvgShow.vue2.js"), "../interactions/EpTabs.vue": () => import("../interactions/EpTabs.vue.js"), "../interactions/EpTooltip.vue": () => import("../interactions/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.vue.js"), "../tools/Details.vue": () => import("../tools/Details.vue.js"), "../tools/DisplayBox.vue": () => import("../tools/DisplayBox.vue.js"), "../tools/SvgFilter.vue": () => import("../tools/SvgFilter.vue.js"), "../tools/TextMedia.vue": () => import("../tools/TextMedia.vue.js"), "../tools/TimelineItem.vue": () => import("../tools/TimelineItem.vue.js"), "../tools/TwoColsMedia.vue": () => import("../tools/TwoColsMedia.vue.js") }), `../${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"), "./EpBranchingScenario.vue": () => import("./EpBranchingScenario.vue.js"), "./EpCodeblock.vue": () => import("./EpCodeblock.vue3.js"), "./EpConclusion.vue": () => import("./EpConclusion.vue2.js"), "./EpDescription.vue": () => import("./EpDescription.vue2.js"), "./EpDocument.vue": () => import("./EpDocument.vue2.js"), "./EpEdu.vue": () => import("./EpEdu.vue2.js"), "./EpInstructions.vue": () => import("./EpInstructions.vue2.js"), "./EpIntroduction.vue": () => import("./EpIntroduction.vue2.js"), "./EpObjective.vue": () => import("./EpObjective.vue2.js"), "./EpReading.vue": () => import("./EpReading.vue2.js"), "./EpResource.vue": () => import("./EpResource.vue2.js"), "./EpScope.vue": () => import("./EpScope.vue2.js"), "./EpSpecificObjective.vue": () => import("./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"), "../interactions/Ep360Image.vue": () => import("../interactions/Ep360Image.vue.js"), "../interactions/Ep360Video.vue": () => import("../interactions/Ep360Video.vue.js"), "../interactions/EpAccordeon.vue": () => import("../interactions/EpAccordeon.vue.js"), "../interactions/EpContentSlider.vue": () => import("../interactions/EpContentSlider.vue2.js"), "../interactions/EpDarkMode.vue": () => import("../interactions/EpDarkMode.vue2.js"), "../interactions/EpDraggable.vue": () => import("../interactions/EpDraggable.vue2.js"), "../interactions/EpHotSpot.vue": () => import("../interactions/EpHotSpot.vue2.js"), "../interactions/EpModal.vue": () => import("../interactions/EpModal.vue3.js"), "../interactions/EpQuestion.vue": () => import("../interactions/EpQuestion.vue2.js"), "../interactions/EpSummativeTable.vue": () => import("../interactions/EpSummativeTable.vue2.js"), "../interactions/EpSvgShow.vue": () => import("../interactions/EpSvgShow.vue2.js"), "../interactions/EpTabs.vue": () => import("../interactions/EpTabs.vue.js"), "../interactions/EpTooltip.vue": () => import("../interactions/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)
       );
     };
     const typeRess = computed(() => {

package/dist/components/educationals/EpResource.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"EpResource.vue.js","sources":["../../../src/components/educationals/EpResource.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { defineAsyncComponent, computed, toRefs } from \"vue\";\nimport { useComponent } from \"~/composables/useComponent\";\nimport type { EpResourceProps } from \"~/types/educationals/EpResource\";\n\nconst { type = \"neutral\", resource, pages } = defineProps<EpResourceProps>();\n\nconst resourceInfo = computed(() => {\n  if (!resource.hasOwnProperty(\"content\")) {\n    return \"EpNothing\";\n  }\n  //console.log(resource)\n  const typeRess = Object.keys(resource.content)[0];\n  const ress = Object.assign({}, resource.content[typeRess]);\n\n  ress.pages = pages;\n  ress.type = typeRess;\n  ress.intentions = pages;\n  if (typeRess === \"clip\") {\n    ress.src = ress.url;\n  }\n  if (typeRess === \"website\") {\n    ress.href = ress.url;\n    ress.label = ress.title;\n  }\n  if (typeRess === \"book\" && pages) {\n    //ress.intentions = pages\n    ress.pages = null;\n  }\n  if (ress.version_link) {\n    ress.url = ress.version_link.url;\n  }\n\n  return ress;\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  if (componentToLoad.name === \"EpReading\") {\n    return defineAsyncComponent(() => import(`./EpReading.vue`));\n  }\n  return defineAsyncComponent(\n    () => import(`../${componentToLoad.path}/${componentToLoad.name}.vue`)\n  );\n};\n\nconst typeRess = computed(() => {\n  if (resourceInfo.value.type && resourceInfo.value.type === \"website\") {\n    if (type === \"base\") {\n      return \"primary\";\n    }\n  }\n  return type;\n});\n</script>\n\n<template>\n  <component\n    :is=\"getCompontent(resourceInfo.type)\"\n    v-bind=\"{ ...resourceInfo }\"\n    :mandateLevel=\"mandateLevel\"\n    :intentions=\"pages\"\n    :type=\"typeRess\"\n  ></component>\n</template>\n"],"names":["typeRess","_createBlock","_resolveDynamicComponent","_mergeProps","mandateLevel","pages"],"mappings":"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"}
+{"version":3,"file":"EpResource.vue.js","sources":["../../../src/components/educationals/EpResource.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { defineAsyncComponent, computed, toRefs } from \"vue\";\nimport { useComponent } from \"~/composables/useComponent\";\nimport type { EpResourceProps } from \"~/types/educationals/EpResource\";\n\nconst { type = \"neutral\", resource, pages } = defineProps<EpResourceProps>();\n\nconst resourceInfo = computed(() => {\n  if (!resource.hasOwnProperty(\"content\")) {\n    return \"EpNothing\";\n  }\n  //console.log(resource)\n  const typeRess = Object.keys(resource.content)[0];\n  const ress = Object.assign({}, resource.content[typeRess]);\n\n  ress.pages = pages;\n  ress.type = typeRess;\n  ress.intentions = pages;\n  if (typeRess === \"clip\") {\n    ress.src = ress.url;\n  }\n  if (typeRess === \"website\") {\n    ress.href = ress.url;\n    ress.label = ress.title;\n  }\n  if (typeRess === \"book\" && pages) {\n    //ress.intentions = pages\n    ress.pages = null;\n  }\n  if (ress.version_link) {\n    ress.url = ress.version_link.url;\n  }\n\n  return ress;\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  if (componentToLoad.name === \"EpReading\") {\n    return defineAsyncComponent(() => import(`./EpReading.vue`));\n  }\n  return defineAsyncComponent(\n    () => import(`../${componentToLoad.path}/${componentToLoad.name}.vue`)\n  );\n};\n\nconst typeRess = computed(() => {\n  if (resourceInfo.value.type && resourceInfo.value.type === \"website\") {\n    if (type === \"base\") {\n      return \"primary\";\n    }\n  }\n  return type;\n});\n</script>\n\n<template>\n  <component\n    :is=\"getCompontent(resourceInfo.type)\"\n    v-bind=\"{ ...resourceInfo }\"\n    :mandateLevel=\"mandateLevel\"\n    :intentions=\"pages\"\n    :type=\"typeRess\"\n  ></component>\n</template>\n"],"names":["typeRess","_createBlock","_resolveDynamicComponent","_mergeProps","mandateLevel","pages"],"mappings":"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"}

package/dist/components/educationals/EpSpecificObjective.vue.js

@@ -1,12 +1,17 @@
-import { defineComponent, computed, createElementBlock, openBlock, normalizeClass, createElementVNode, createCommentVNode, toDisplayString } from "vue";
-const _hoisted_1 = { class: "flex flex-col lg:flex-row lg:items-center gap-y-2 lg:gap-x-4" };
+import { defineComponent, computed, createElementBlock, openBlock, createCommentVNode, createElementVNode, normalizeClass, Fragment, renderList, toDisplayString } from "vue";
+const _hoisted_1 = { class: "flex rounded-lg lg:ml-10 ml-0 border border-t-gray-100 border-r-gray-100 border-b-gray-100" };
 const _hoisted_2 = {
+  key: 0,
+  class: "rounded-s-lg overflow-hidden flex"
+};
+const _hoisted_3 = { class: "flex flex-col lg:flex-row lg:items-center gap-y-2 lg:gap-x-4" };
+const _hoisted_4 = {
   key: 0,
   class: "flex-none self-start lg:self-center"
 };
-const _hoisted_3 = { class: "inline-flex items-center rounded-md px-2 py-1 text-xs font-medium ring-1 ring-inset ring-primary-600/20" };
-const _hoisted_4 = { class: "flex-auto" };
-const _hoisted_5 = { class: "mt-1" };
+const _hoisted_5 = { class: "inline-flex items-center rounded-md px-2 py-1 text-xs font-medium ring-1 ring-inset ring-primary-600/20" };
+const _hoisted_6 = { class: "flex-auto" };
+const _hoisted_7 = { class: "mt-1" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "EpSpecificObjective",
   props: {
@@ -18,23 +23,39 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const styles = computed(() => {
-      const tabStyle = __props.tab ? `border-l-8 ${__props.color} ` : "";
-      const bgStyle = __props.bg ? "ep-surface-2" : "";
-      return `${tabStyle} ${bgStyle}`;
+      const bgStyle = __props.bg ? "bg-surface-2 dark:bg-surface-2-dark" : "";
+      return `${bgStyle}`;
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(`${styles.value} rounded-lg p-4 lg:ml-10 ml-0 border border-t-gray-100 border-r-gray-100 border-b-gray-100`)
-      }, [
-        createElementVNode("div", _hoisted_1, [
-          _ctx.label ? (openBlock(), createElementBlock("div", _hoisted_2, [
-            createElementVNode("div", _hoisted_3, toDisplayString(_ctx.label), 1)
-          ])) : createCommentVNode("", true),
-          createElementVNode("div", _hoisted_4, [
-            createElementVNode("dd", _hoisted_5, toDisplayString(_ctx.content), 1)
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        _ctx.tab ? (openBlock(), createElementBlock("div", _hoisted_2, [
+          !Array.isArray(_ctx.color) ? (openBlock(), createElementBlock("span", {
+            key: 0,
+            class: normalizeClass(`border-l-8 ${_ctx.color} h-full`)
+          }, null, 2)) : (openBlock(), createElementBlock("div", {
+            key: 1,
+            class: normalizeClass(`w-2 grid ${"grid-rows-" + _ctx.color.length}`)
+          }, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.color, (col) => {
+              return openBlock(), createElementBlock("span", {
+                class: normalizeClass(`border-l-8 ${col} row-span-1`)
+              }, null, 2);
+            }), 256))
+          ], 2))
+        ])) : createCommentVNode("", true),
+        createElementVNode("div", {
+          class: normalizeClass(`${styles.value} p-4`)
+        }, [
+          createElementVNode("div", _hoisted_3, [
+            _ctx.label ? (openBlock(), createElementBlock("div", _hoisted_4, [
+              createElementVNode("div", _hoisted_5, toDisplayString(_ctx.label), 1)
+            ])) : createCommentVNode("", true),
+            createElementVNode("div", _hoisted_6, [
+              createElementVNode("dd", _hoisted_7, toDisplayString(_ctx.content), 1)
+            ])
           ])
-        ])
-      ], 2);
+        ], 2)
+      ]);
     };
   }
 });

package/dist/components/educationals/EpSpecificObjective.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"EpSpecificObjective.vue.js","sources":["../../../src/components/educationals/EpSpecificObjective.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport type { EpSpecificObjectiveProps } from \"~/types/educationals/EpSpecificObjective\";\n\nconst {\n  color = \"border-gray-200\",\n  tab = false,\n  bg,\n} = defineProps<EpSpecificObjectiveProps>();\n\nconst styles = computed(() => {\n  const tabStyle = tab ? `border-l-8 ${color} ` : \"\";\n  const bgStyle = bg ? \"ep-surface-2\" : \"\";\n  return `${tabStyle} ${bgStyle}`;\n});\n</script>\n\n<template>\n  <div\n    :class=\"`${styles} rounded-lg p-4 lg:ml-10 ml-0 border border-t-gray-100 border-r-gray-100 border-b-gray-100`\"\n  >\n    <!-- mobile: column (stacked). lg and up: row (two columns) -->\n    <div class=\"flex flex-col lg:flex-row lg:items-center gap-y-2 lg:gap-x-4\">\n      <div v-if=\"label\" class=\"flex-none self-start lg:self-center\">\n        <div\n          class=\"inline-flex items-center rounded-md px-2 py-1 text-xs font-medium ring-1 ring-inset ring-primary-600/20\"\n        >\n          {{ label }}\n        </div>\n      </div>\n\n      <div class=\"flex-auto\">\n        <dd class=\"mt-1\">\n          {{ content }}\n        </dd>\n      </div>\n    </div>\n  </div>\n</template>\n"],"names":["_createElementBlock","_createElementVNode","label","_openBlock","_toDisplayString","content"],"mappings":";;;;;;;;;;;;;;;;;;;AAUA,UAAM,SAAS,SAAS,MAAM;AAC5B,YAAM,WAAW,QAAA,MAAM,cAAc,QAAA,KAAK,MAAM;AAChD,YAAM,UAAU,QAAA,KAAK,iBAAiB;AACtC,aAAO,GAAG,QAAQ,IAAI,OAAO;AAAA,IAC/B,CAAC;;0BAICA,mBAmBM,OAAA;AAAA,QAlBH,yBAAU,OAAA,KAAM,4FAAA;AAAA,MAAA;QAGjBC,mBAcM,OAdN,YAcM;AAAA,UAbOC,KAAAA,SAAXC,UAAA,GAAAH,mBAMM,OANN,YAMM;AAAA,YALJC,mBAIM,OAJN,YAIMG,gBADDF,KAAAA,KAAK,GAAA,CAAA;AAAA,UAAA;UAIZD,mBAIM,OAJN,YAIM;AAAA,YAHJA,mBAEK,MAFL,YAEKG,gBADAC,KAAAA,OAAO,GAAA,CAAA;AAAA,UAAA;;;;;;"}
+{"version":3,"file":"EpSpecificObjective.vue.js","sources":["../../../src/components/educationals/EpSpecificObjective.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport type { EpSpecificObjectiveProps } from \"~/types/educationals/EpSpecificObjective\";\n\nconst {\n  color = \"border-gray-200\",\n  tab = false,\n  bg,\n} = defineProps<EpSpecificObjectiveProps>();\n\nconst styles = computed(() => {\n  const bgStyle = bg ? \"bg-surface-2 dark:bg-surface-2-dark\" : \"\";\n  return `${bgStyle}`;\n});\n</script>\n\n<template>\n  <div class=\"flex rounded-lg lg:ml-10 ml-0 border border-t-gray-100 border-r-gray-100 border-b-gray-100\">\n    <div v-if=\"tab\" class=\"rounded-s-lg overflow-hidden flex\">\n      <span v-if=\"!Array.isArray(color)\" :class=\"`border-l-8 ${color} h-full`\"></span>\n      <div v-else :class=\"`w-2 grid ${'grid-rows-' + color.length}`\">\n        <span v-for=\"col in color\" :class=\"`border-l-8 ${col} row-span-1`\"></span>\n      </div>\n    </div>\n    <div\n      :class=\"`${styles} p-4`\"\n    >\n      <!-- mobile: column (stacked). lg and up: row (two columns) -->\n      <div class=\"flex flex-col lg:flex-row lg:items-center gap-y-2 lg:gap-x-4\">\n        <div v-if=\"label\" class=\"flex-none self-start lg:self-center\">\n          <div\n            class=\"inline-flex items-center rounded-md px-2 py-1 text-xs font-medium ring-1 ring-inset ring-primary-600/20\"\n          >\n            {{ label }}\n          </div>\n        </div>\n        <div class=\"flex-auto\">\n          <dd class=\"mt-1\">\n            {{ content }}\n          </dd>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n"],"names":["_openBlock","_createElementBlock","tab","color","_normalizeClass","_Fragment","_renderList","_createElementVNode","label","_toDisplayString","content"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAUA,UAAM,SAAS,SAAS,MAAM;AAC5B,YAAM,UAAU,QAAA,KAAK,wCAAwC;AAC7D,aAAO,GAAG,OAAO;AAAA,IACnB,CAAC;;AAIC,aAAAA,UAAA,GAAAC,mBA0BM,OA1BN,YA0BM;AAAA,QAzBOC,KAAAA,OAAXF,UAAA,GAAAC,mBAKM,OALN,YAKM;AAAA,WAJS,MAAM,QAAQE,KAAAA,KAAK,kBAAhCF,mBAAgF,QAAA;AAAA;YAA5C,oCAAqBE,KAAAA,KAAK,SAAA;AAAA,UAAA,6BAC9DF,mBAEM,OAAA;AAAA;YAFO,OAAKG,eAAA,YAAA,eAA6BD,KAAAA,MAAM,MAAM,EAAA;AAAA,UAAA;8BACzDF,mBAA0EI,UAAA,MAAAC,WAAtDH,KAAAA,OAAK,CAAZ,QAAG;kCAAhBF,mBAA0E,QAAA;AAAA,gBAA9C,oCAAqB,GAAG,aAAA;AAAA,cAAA;;;;QAGxDM,mBAkBM,OAAA;AAAA,UAjBH,yBAAU,OAAA,KAAM,MAAA;AAAA,QAAA;UAGjBA,mBAaM,OAbN,YAaM;AAAA,YAZOC,KAAAA,SAAXR,UAAA,GAAAC,mBAMM,OANN,YAMM;AAAA,cALJM,mBAIM,OAJN,YAIME,gBADDD,KAAAA,KAAK,GAAA,CAAA;AAAA,YAAA;YAGZD,mBAIM,OAJN,YAIM;AAAA,cAHJA,mBAEK,MAFL,YAEKE,gBADAC,KAAAA,OAAO,GAAA,CAAA;AAAA,YAAA;;;;;;;"}

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

@@ -1,7 +1,7 @@
 import _sfc_main from "./EpAccordeon.vue2.js";
 /* empty css                 */
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
-const Comp = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-bceaac29"]]);
+const Comp = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2a09fe07"]]);
 export {
   Comp as default
 };

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

@@ -1,6 +1,7 @@
 import { defineComponent, ref, computed, onMounted, toRefs, createElementBlock, openBlock, createElementVNode, normalizeClass, unref, createBlock, createCommentVNode, createTextVNode, toDisplayString, renderSlot } from "vue";
 import _sfc_main$1 from "../basics/EpIcon.vue.js";
 import { typeAccordeon } from "../../types/Accordeon.js";
+import useColors from "../../composables/useColors.js";
 const _hoisted_1 = { class: "py-3" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "EpAccordeon",
@@ -27,8 +28,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return `flex justify-between items-center px-4 ${props.small ? "py-1" : "py-2"} cursor-pointer ${(_a = typeAccordeon[props.type]) == null ? void 0 : _a[isOutlined.value]}`;
     });
     const contentStyles = computed(() => {
-      const colorBorder = `ep-border-${props.type.toLocaleLowerCase()}`;
-      return `px-4 ep-surface-2 border border-t-0 ${showDiv.value ? colorBorder : "border-0"}`;
+      const colorBorder = useColors(props.type.toLocaleLowerCase(), "border");
+      return `px-4 bg-surface-2 dark:bg-surface-2-dark border border-t-0 ${showDiv.value ? colorBorder : "border-0"}`;
     });
     onMounted(() => {
       var content = collapsible.value;

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

@@ -1 +1 @@
-{"version":3,"file":"EpAccordeon.vue2.js","sources":["../../../src/components/interactions/EpAccordeon.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, toRefs, onMounted, computed } from \"vue\";\nimport EpIcon from \"~/components/basics/EpIcon.vue\";\nimport { typeAccordeon } from \"~/types/Accordeon\";\nimport type { EpAccordeonProps } from \"~/types/interactions/EpAccordeon\";\n\nconst props = withDefaults(defineProps<EpAccordeonProps>(), {\n  open: false,\n  type: \"base\",\n  outlined: false,\n  title: \"En savoir plus\",\n});\n\nconst showDiv = ref(props.open);\nconst collapsible = ref();\n\nconst isOutlined = computed(() => {\n  if (props.outlined) {\n    return \"outlined\";\n  }\n  return \"default\";\n});\n\nconst stylesHeader = computed(() => {\n  return `flex justify-between items-center px-4 ${\n    props.small ? \"py-1\" : \"py-2\"\n  } cursor-pointer ${typeAccordeon[props.type]?.[isOutlined.value]}`;\n});\n\nconst contentStyles = computed(() => {\n  const colorBorder = `ep-border-${props.type.toLocaleLowerCase()}`\n  return `px-4 ep-surface-2 border border-t-0 ${\n    showDiv.value ? colorBorder : \"border-0\"\n  }`;\n});\n\nonMounted(() => {\n  var content = collapsible.value;\n  if (props.open) {\n    content.style.maxHeight = content.scrollHeight + \"px\";\n  }\n});\n\nfunction toggleDivVisibility() {\n  showDiv.value = !showDiv.value;\n  var content = collapsible.value;\n  if (content.style.maxHeight) {\n    content.style.maxHeight = null;\n  } else {\n    content.style.maxHeight = content.scrollHeight + \"px\";\n  }\n  //add transition\n  if (!content.style.transition) {\n    content.style.transition = \"max-height 0.2s ease-out\";\n  }\n}\n\nconst { title, icon, small } = toRefs(props);\n</script>\n\n<template>\n  <div>\n    <div :class=\"stylesHeader\" @click=\"toggleDivVisibility\">\n      <h3 :class=\"`${small ? 'text' : 'text-lg'} flex items-center`\">\n        <EpIcon\n          v-if=\"icon\"\n          :icon-path=\"icon\"\n          size=\"28\"\n          extraClass=\"mr-2\"\n        ></EpIcon\n        >{{ title }}\n      </h3>\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        fill=\"none\"\n        viewBox=\"0 0 24 24\"\n        stroke-width=\"1.5\"\n        stroke=\"currentColor\"\n        :class=\"`mx-4 my-3 h-6 w-6 transition-all duration-200 ${\n          showDiv ? 'rotate-45' : ''\n        }`\"\n      >\n        <path\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          d=\"M12 6v12m6-6H6\"\n        />\n      </svg>\n    </div>\n    <div ref=\"collapsible\" :class=\"`${contentStyles} ep-accordeon-content`\">\n      <div class=\"py-3\">\n        <slot />\n      </div>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.ep-accordeon-content {\n  max-height: 0;\n  overflow: hidden;\n}\n</style>\n"],"names":["_createElementBlock","_createElementVNode","_unref","_createBlock","EpIcon","_normalizeClass","_renderSlot"],"mappings":";;;;;;;;;;;;;;;AAMA,UAAM,QAAQ;AAOd,UAAM,UAAU,IAAI,MAAM,IAAI;AAC9B,UAAM,cAAc,IAAA;AAEpB,UAAM,aAAa,SAAS,MAAM;AAChC,UAAI,MAAM,UAAU;AAClB,eAAO;AAAA,MACT;AACA,aAAO;AAAA,IACT,CAAC;AAED,UAAM,eAAe,SAAS,MAAM;;AAClC,aAAO,0CACL,MAAM,QAAQ,SAAS,MACzB,oBAAmB,mBAAc,MAAM,IAAI,MAAxB,mBAA4B,WAAW,MAAM;AAAA,IAClE,CAAC;AAED,UAAM,gBAAgB,SAAS,MAAM;AACnC,YAAM,cAAc,aAAa,MAAM,KAAK,mBAAmB;AAC/D,aAAO,uCACL,QAAQ,QAAQ,cAAc,UAChC;AAAA,IACF,CAAC;AAED,cAAU,MAAM;AACd,UAAI,UAAU,YAAY;AAC1B,UAAI,MAAM,MAAM;AACd,gBAAQ,MAAM,YAAY,QAAQ,eAAe;AAAA,MACnD;AAAA,IACF,CAAC;AAED,aAAS,sBAAsB;AAC7B,cAAQ,QAAQ,CAAC,QAAQ;AACzB,UAAI,UAAU,YAAY;AAC1B,UAAI,QAAQ,MAAM,WAAW;AAC3B,gBAAQ,MAAM,YAAY;AAAA,MAC5B,OAAO;AACL,gBAAQ,MAAM,YAAY,QAAQ,eAAe;AAAA,MACnD;AAEA,UAAI,CAAC,QAAQ,MAAM,YAAY;AAC7B,gBAAQ,MAAM,aAAa;AAAA,MAC7B;AAAA,IACF;AAEA,UAAM,EAAE,OAAO,MAAM,MAAA,IAAU,OAAO,KAAK;;0BAIzCA,mBAiCM,OAAA,MAAA;AAAA,QAhCJC,mBA0BM,OAAA;AAAA,UA1BA,sBAAO,aAAA,KAAY;AAAA,UAAG,SAAO;AAAA,QAAA;UACjCA,mBAQK,MAAA;AAAA,YARA,yBAAUC,MAAA,KAAA,IAAK,SAAA,SAAA,oBAAA;AAAA,UAAA;YAEVA,MAAA,IAAA,kBADRC,YAMCC,aAAA;AAAA;cAJE,aAAWF,MAAA,IAAA;AAAA,cACZ,MAAK;AAAA,cACL,YAAW;AAAA,YAAA;4CAETA,MAAA,KAAA,CAAK,GAAA,CAAA;AAAA,UAAA;wBAEXF,mBAeM,OAAA;AAAA,YAdJ,OAAM;AAAA,YACN,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,gBAAa;AAAA,YACb,QAAO;AAAA,YACN,OAAKK,eAAA,iDAA8D,QAAA,QAAO,cAAA;;YAI3EJ,mBAIE,QAAA;AAAA,cAHA,kBAAe;AAAA,cACf,mBAAgB;AAAA,cAChB,GAAE;AAAA,YAAA;;;QAIRA,mBAIM,OAAA;AAAA,mBAJG;AAAA,UAAJ,KAAI;AAAA,UAAe,yBAAU,cAAA,KAAa,uBAAA;AAAA,QAAA;UAC7CA,mBAEM,OAFN,YAEM;AAAA,YADJK,WAAQ,KAAA,QAAA,WAAA,CAAA,GAAA,QAAA,IAAA;AAAA,UAAA;;;;;;"}
+{"version":3,"file":"EpAccordeon.vue2.js","sources":["../../../src/components/interactions/EpAccordeon.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, toRefs, onMounted, computed } from \"vue\";\nimport EpIcon from \"~/components/basics/EpIcon.vue\";\nimport { typeAccordeon } from \"~/types/Accordeon\";\nimport type { EpAccordeonProps } from \"~/types/interactions/EpAccordeon\";\nimport useColors from \"~/composables/useColors\";\n\nconst props = withDefaults(defineProps<EpAccordeonProps>(), {\n  open: false,\n  type: \"base\",\n  outlined: false,\n  title: \"En savoir plus\",\n});\n\nconst showDiv = ref(props.open);\nconst collapsible = ref();\n\nconst isOutlined = computed(() => {\n  if (props.outlined) {\n    return \"outlined\";\n  }\n  return \"default\";\n});\n\nconst stylesHeader = computed(() => {\n  return `flex justify-between items-center px-4 ${\n    props.small ? \"py-1\" : \"py-2\"\n  } cursor-pointer ${typeAccordeon[props.type]?.[isOutlined.value]}`;\n});\n\nconst contentStyles = computed(() => {\n  const colorBorder = useColors(props.type.toLocaleLowerCase(), 'border')\n  return `px-4 bg-surface-2 dark:bg-surface-2-dark border border-t-0 ${\n    showDiv.value ? colorBorder : \"border-0\"\n  }`;\n});\n\nonMounted(() => {\n  var content = collapsible.value;\n  if (props.open) {\n    content.style.maxHeight = content.scrollHeight + \"px\";\n  }\n});\n\nfunction toggleDivVisibility() {\n  showDiv.value = !showDiv.value;\n  var content = collapsible.value;\n  if (content.style.maxHeight) {\n    content.style.maxHeight = null;\n  } else {\n    content.style.maxHeight = content.scrollHeight + \"px\";\n  }\n  //add transition\n  if (!content.style.transition) {\n    content.style.transition = \"max-height 0.2s ease-out\";\n  }\n}\n\nconst { title, icon, small } = toRefs(props);\n</script>\n\n<template>\n  <div>\n    <div :class=\"stylesHeader\" @click=\"toggleDivVisibility\">\n      <h3 :class=\"`${small ? 'text' : 'text-lg'} flex items-center`\">\n        <EpIcon\n          v-if=\"icon\"\n          :icon-path=\"icon\"\n          size=\"28\"\n          extraClass=\"mr-2\"\n        ></EpIcon\n        >{{ title }}\n      </h3>\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        fill=\"none\"\n        viewBox=\"0 0 24 24\"\n        stroke-width=\"1.5\"\n        stroke=\"currentColor\"\n        :class=\"`mx-4 my-3 h-6 w-6 transition-all duration-200 ${\n          showDiv ? 'rotate-45' : ''\n        }`\"\n      >\n        <path\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          d=\"M12 6v12m6-6H6\"\n        />\n      </svg>\n    </div>\n    <div ref=\"collapsible\" :class=\"`${contentStyles} ep-accordeon-content`\">\n      <div class=\"py-3\">\n        <slot />\n      </div>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.ep-accordeon-content {\n  max-height: 0;\n  overflow: hidden;\n}\n</style>\n"],"names":["_createElementBlock","_createElementVNode","_unref","_createBlock","EpIcon","_normalizeClass","_renderSlot"],"mappings":";;;;;;;;;;;;;;;;AAOA,UAAM,QAAQ;AAOd,UAAM,UAAU,IAAI,MAAM,IAAI;AAC9B,UAAM,cAAc,IAAA;AAEpB,UAAM,aAAa,SAAS,MAAM;AAChC,UAAI,MAAM,UAAU;AAClB,eAAO;AAAA,MACT;AACA,aAAO;AAAA,IACT,CAAC;AAED,UAAM,eAAe,SAAS,MAAM;;AAClC,aAAO,0CACL,MAAM,QAAQ,SAAS,MACzB,oBAAmB,mBAAc,MAAM,IAAI,MAAxB,mBAA4B,WAAW,MAAM;AAAA,IAClE,CAAC;AAED,UAAM,gBAAgB,SAAS,MAAM;AACnC,YAAM,cAAc,UAAU,MAAM,KAAK,kBAAA,GAAqB,QAAQ;AACtE,aAAO,8DACL,QAAQ,QAAQ,cAAc,UAChC;AAAA,IACF,CAAC;AAED,cAAU,MAAM;AACd,UAAI,UAAU,YAAY;AAC1B,UAAI,MAAM,MAAM;AACd,gBAAQ,MAAM,YAAY,QAAQ,eAAe;AAAA,MACnD;AAAA,IACF,CAAC;AAED,aAAS,sBAAsB;AAC7B,cAAQ,QAAQ,CAAC,QAAQ;AACzB,UAAI,UAAU,YAAY;AAC1B,UAAI,QAAQ,MAAM,WAAW;AAC3B,gBAAQ,MAAM,YAAY;AAAA,MAC5B,OAAO;AACL,gBAAQ,MAAM,YAAY,QAAQ,eAAe;AAAA,MACnD;AAEA,UAAI,CAAC,QAAQ,MAAM,YAAY;AAC7B,gBAAQ,MAAM,aAAa;AAAA,MAC7B;AAAA,IACF;AAEA,UAAM,EAAE,OAAO,MAAM,MAAA,IAAU,OAAO,KAAK;;0BAIzCA,mBAiCM,OAAA,MAAA;AAAA,QAhCJC,mBA0BM,OAAA;AAAA,UA1BA,sBAAO,aAAA,KAAY;AAAA,UAAG,SAAO;AAAA,QAAA;UACjCA,mBAQK,MAAA;AAAA,YARA,yBAAUC,MAAA,KAAA,IAAK,SAAA,SAAA,oBAAA;AAAA,UAAA;YAEVA,MAAA,IAAA,kBADRC,YAMCC,aAAA;AAAA;cAJE,aAAWF,MAAA,IAAA;AAAA,cACZ,MAAK;AAAA,cACL,YAAW;AAAA,YAAA;4CAETA,MAAA,KAAA,CAAK,GAAA,CAAA;AAAA,UAAA;wBAEXF,mBAeM,OAAA;AAAA,YAdJ,OAAM;AAAA,YACN,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,gBAAa;AAAA,YACb,QAAO;AAAA,YACN,OAAKK,eAAA,iDAA8D,QAAA,QAAO,cAAA;;YAI3EJ,mBAIE,QAAA;AAAA,cAHA,kBAAe;AAAA,cACf,mBAAgB;AAAA,cAChB,GAAE;AAAA,YAAA;;;QAIRA,mBAIM,OAAA;AAAA,mBAJG;AAAA,UAAJ,KAAI;AAAA,UAAe,yBAAU,cAAA,KAAa,uBAAA;AAAA,QAAA;UAC7CA,mBAEM,OAFN,YAEM;AAAA,YADJK,WAAQ,KAAA,QAAA,WAAA,CAAA,GAAA,QAAA,IAAA;AAAA,UAAA;;;;;;"}

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

@@ -4,9 +4,9 @@ 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 ep-surface-2 w-full overflow-hidden rounded-lg shadow-xl" };
+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_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 ep-text-primary" };
+const _hoisted_3 = { class: "text-2xl font-bold text-primary" };
 const _hoisted_4 = {
   key: 0,
   class: "flex items-center space-x-3"
@@ -181,7 +181,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   onClick: ($event) => goTo(i),
                   class: normalizeClass([
                     "w-2 h-2 rounded-full cursor-pointer",
-                    i === currentIndex.value ? "ep-bg-primary" : "ep-bg-neutral"
+                    i === currentIndex.value ? "bg-primary" : "bg-neutral"
                   ])
                 }, null, 10, _hoisted_6);
               }), 128))

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 ep-surface-2 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 ep-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 ? 'ep-bg-primary' : 'ep-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});\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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"}

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.vue.js"), "../tools/Details.vue": () => import("../tools/Details.vue.js"), "../tools/DisplayBox.vue": () => import("../tools/DisplayBox.vue.js"), "../tools/SvgFilter.vue": () => import("../tools/SvgFilter.vue.js"), "../tools/TextMedia.vue": () => import("../tools/TextMedia.vue.js"), "../tools/TimelineItem.vue": () => import("../tools/TimelineItem.vue.js"), "../tools/TwoColsMedia.vue": () => import("../tools/TwoColsMedia.vue.js") }), `../${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.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)
       );
     };
     const { title, hideIcon, question, src } = toRefs(props);

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  >\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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"}

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 ep-surface-2 p-4" };
+const _hoisted_1 = { class: "mt-4 bg-surface-2 dark:bg-surface-2-dark p-4" };
 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 ep-surface-2 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\">\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/EpAudio.vue.js

@@ -2,7 +2,7 @@ import { defineComponent, computed, toRefs, createBlock, openBlock, unref, creat
 import { isHtml } from "../../composables/isHtml.js";
 import { useMarkdown } from "../../composables/useMarkdown.js";
 import { mdiHeadphones } from "@mdi/js";
-import _sfc_main$2 from "../tools/BgAudio.vue2.js";
+import _sfc_main$2 from "../tools/BgAudio.vue.js";
 import Comp from "../signages/EpAlert.vue.js";
 import _sfc_main$1 from "../educationals/EpEdu.vue.js";
 const _hoisted_1 = ["innerHTML"];

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-white dark:bg-dark shadow-xl p-4 lg:max-w-[800px] mx-auto border-solid border" };
+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_5 = ["src"];
 const _hoisted_6 = {
   key: 0,
-  class: "mt-2 text-sm text-center text-base-dark dark:text-white"
+  class: "mt-2 text-sm text-center text-base-black dark:text-white"
 };
 const _hoisted_7 = {
   key: 1,

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

@@ -1 +1 @@
-{"version":3,"file":"EpCarousel.vue.js","sources":["../../../src/components/medias/EpCarousel.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { toRefs, ref, computed } from \"vue\";\nimport { mdiChevronLeftCircleOutline } from \"@mdi/js\";\nimport { mdiChevronRightCircleOutline } from \"@mdi/js\";\nimport type { InfoModal } from \"~/types/Image\";\nimport EpIcon from \"~/components/basics/EpIcon.vue\";\nimport EpBtn from \"~/components/basics/EpBtn.vue\";\nimport EpModal from \"~/components/interactions/EpModal.vue\";\nimport EpImgCarousel from \"~/components/basics/EpImgCarousel.vue\";\nimport type { EpCarouselProps } from \"~/types/medias/EpCarousel\";\n\nconst props = withDefaults(defineProps<EpCarouselProps>(), {\n  gallery: false,\n  isCenter: false,\n  puzzle: false,\n  sizeThumbnail: \"medium\",\n  labelRef: \"Référence\",\n  labelClose: \"Fermer\",\n  labelRefLib: \"Référence bibliographique\",\n});\n\n// Logique Carousel normal\nconst currentIndex = ref<number>(0);\nconst dialog = ref<boolean>(false);\n\nconst prevSlide = () => {\n  const isFirstSlide = currentIndex.value === 0;\n  const newIndex = isFirstSlide\n    ? props.carrouselImg.length - 1\n    : currentIndex.value - 1;\n  currentIndex.value = newIndex;\n};\n\nconst nextSlide = () => {\n  const isTheLastSlide = currentIndex.value === props.carrouselImg.length - 1;\n  const newIndex = isTheLastSlide ? 0 : currentIndex.value + 1;\n  currentIndex.value = newIndex;\n};\n\nconst isCenterStyle = computed(() => {\n  return props.isCenter ? \"justify-center\" : \"\";\n});\n\n// Logique Carousel gallery\nconst managedIndex = ref(0);\nconst managedInfoModal = ref({ src: \"\", caption: \"\", bib: \"\" } as InfoModal);\n\nconst newFocus = (index: number) => {\n  managedIndex.value = index;\n  managedInfoModal.value = {\n    src: props.carrouselImg[index].src,\n    caption: props.carrouselImg[index].caption,\n    bib: props.carrouselImg[index].bib,\n  };\n};\n\nconst managedPrevSlide = () => {\n  const isFirstSlide = managedIndex.value === 0;\n  const newIndex = isFirstSlide\n    ? props.carrouselImg.length - 1\n    : managedIndex.value - 1;\n  managedIndex.value = newIndex;\n  managedInfoModal.value = {\n    src: props.carrouselImg[newIndex].src,\n    caption: props.carrouselImg[newIndex].caption,\n    bib: props.carrouselImg[newIndex].bib,\n  };\n};\n\nconst managedNextSlide = () => {\n  const isTheLastSlide = managedIndex.value === props.carrouselImg.length - 1;\n  const newIndex = isTheLastSlide ? 0 : managedIndex.value + 1;\n  managedIndex.value = newIndex;\n  managedInfoModal.value = {\n    src: props.carrouselImg[newIndex].src,\n    caption: props.carrouselImg[newIndex].caption,\n    bib: props.carrouselImg[newIndex].bib,\n  };\n};\n\nconst { carrouselImg, sizeThumbnail } = toRefs(props);\n</script>\n\n<template>\n  <h2 v-if=\"props.title\" class=\"text-xl font-semibold mt-10 mb-4 text-center\">\n    {{ props.title }}\n  </h2>\n\n  <div v-if=\"!gallery\">\n    <div class=\"flex items-center justify-center mb-2\">\n      <button class=\"p-2\" @click=\"prevSlide\">\n        <EpIcon :icon-path=\"mdiChevronLeftCircleOutline\" />\n      </button>\n      {{ currentIndex + 1 }}/{{ carrouselImg.length }}\n      <button class=\"p-2\" @click=\"nextSlide\">\n        <EpIcon :icon-path=\"mdiChevronRightCircleOutline\" />\n      </button>\n    </div>\n    <div\n      class=\"bg-white dark:bg-dark shadow-xl p-4 lg:max-w-[800px] mx-auto border-solid border\"\n    >\n      <!-- <div class=\"max-w-[800px] h-[550px] m-auto relative\">\n        <div\n          class=\"w-full h-full bg-center duration-500\"\n          :style=\"`background-image:url('${carrouselImg[currentIndex].src}')`\"\n        />\n      </div> -->\n\n      <img\n        :src=\"carrouselImg[currentIndex].src\"\n        alt=\"image\"\n        class=\"rounded-sm m-auto\"\n      />\n\n      <div\n        v-if=\"carrouselImg[currentIndex]?.caption\"\n        class=\"mt-2 text-sm text-center text-base-dark dark:text-white\"\n      >\n        {{ carrouselImg[currentIndex].caption }}\n      </div>\n      <div v-if=\"carrouselImg[currentIndex]?.bib\" class=\"flex justify-end mt-2\">\n        <EpBtn type=\"primary\" @click=\"dialog = true\" dark>{{ labelRef }}</EpBtn>\n      </div>\n    </div>\n    <EpModal v-model=\"dialog\" :title=\"labelRefLib\">\n      <div v-html=\"carrouselImg[currentIndex].bib\" />\n      <div class=\"flex justify-end\">\n        <EpBtn @click=\"dialog = false\" type=\"primary\" dark>{{\n          labelClose\n        }}</EpBtn>\n      </div>\n    </EpModal>\n  </div>\n\n  <div v-else-if=\"!puzzle\" :class=\"`flex flex-wrap ${isCenterStyle}`\">\n    <template\n      v-for=\"(image, index) in carrouselImg\"\n      :key=\"`image-${image?.uid}`\"\n    >\n      <EpImgCarousel\n        :src=\"image.src\"\n        :bib=\"image.bib\"\n        :caption=\"image.caption\"\n        :label-ref=\"labelRef\"\n        :label-close=\"labelClose\"\n        :size-thumbnail=\"sizeThumbnail\"\n        managed-modal\n        @new-focus=\"newFocus(index)\"\n        :info-modal=\"managedInfoModal\"\n        @prev-slide=\"managedPrevSlide\"\n        @next-slide=\"managedNextSlide\"\n      ></EpImgCarousel>\n    </template>\n  </div>\n\n  <div v-else-if=\"puzzle\" :class=\"`columns-3xs mx-5 gap-2`\">\n    <template\n      v-for=\"(image, index) in carrouselImg\"\n      :key=\"`image-${image?.uid}`\"\n    >\n      <EpImgCarousel\n        :src=\"image.src\"\n        :bib=\"image.bib\"\n        :caption=\"image.caption\"\n        :label-ref=\"labelRef\"\n        :label-close=\"labelClose\"\n        puzzle\n        managed-modal\n        @new-focus=\"newFocus(index)\"\n        :info-modal=\"managedInfoModal\"\n        @prev-slide=\"managedPrevSlide\"\n        @next-slide=\"managedNextSlide\"\n      ></EpImgCarousel>\n    </template>\n  </div>\n</template>\n\n\n"],"names":["_openBlock","_createElementBlock","_toDisplayString","gallery","_createElementVNode","_createVNode","EpIcon","_unref","EpBtn","labelRef","EpModal","labelRefLib","labelClose","puzzle","_Fragment","_renderList","_createBlock","EpImgCarousel"],"mappings":"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"}
+{"version":3,"file":"EpCarousel.vue.js","sources":["../../../src/components/medias/EpCarousel.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { toRefs, ref, computed } from \"vue\";\nimport { mdiChevronLeftCircleOutline } from \"@mdi/js\";\nimport { mdiChevronRightCircleOutline } from \"@mdi/js\";\nimport type { InfoModal } from \"~/types/Image\";\nimport EpIcon from \"~/components/basics/EpIcon.vue\";\nimport EpBtn from \"~/components/basics/EpBtn.vue\";\nimport EpModal from \"~/components/interactions/EpModal.vue\";\nimport EpImgCarousel from \"~/components/basics/EpImgCarousel.vue\";\nimport type { EpCarouselProps } from \"~/types/medias/EpCarousel\";\n\nconst props = withDefaults(defineProps<EpCarouselProps>(), {\n  gallery: false,\n  isCenter: false,\n  puzzle: false,\n  sizeThumbnail: \"medium\",\n  labelRef: \"Référence\",\n  labelClose: \"Fermer\",\n  labelRefLib: \"Référence bibliographique\",\n});\n\n// Logique Carousel normal\nconst currentIndex = ref<number>(0);\nconst dialog = ref<boolean>(false);\n\nconst prevSlide = () => {\n  const isFirstSlide = currentIndex.value === 0;\n  const newIndex = isFirstSlide\n    ? props.carrouselImg.length - 1\n    : currentIndex.value - 1;\n  currentIndex.value = newIndex;\n};\n\nconst nextSlide = () => {\n  const isTheLastSlide = currentIndex.value === props.carrouselImg.length - 1;\n  const newIndex = isTheLastSlide ? 0 : currentIndex.value + 1;\n  currentIndex.value = newIndex;\n};\n\nconst isCenterStyle = computed(() => {\n  return props.isCenter ? \"justify-center\" : \"\";\n});\n\n// Logique Carousel gallery\nconst managedIndex = ref(0);\nconst managedInfoModal = ref({ src: \"\", caption: \"\", bib: \"\" } as InfoModal);\n\nconst newFocus = (index: number) => {\n  managedIndex.value = index;\n  managedInfoModal.value = {\n    src: props.carrouselImg[index].src,\n    caption: props.carrouselImg[index].caption,\n    bib: props.carrouselImg[index].bib,\n  };\n};\n\nconst managedPrevSlide = () => {\n  const isFirstSlide = managedIndex.value === 0;\n  const newIndex = isFirstSlide\n    ? props.carrouselImg.length - 1\n    : managedIndex.value - 1;\n  managedIndex.value = newIndex;\n  managedInfoModal.value = {\n    src: props.carrouselImg[newIndex].src,\n    caption: props.carrouselImg[newIndex].caption,\n    bib: props.carrouselImg[newIndex].bib,\n  };\n};\n\nconst managedNextSlide = () => {\n  const isTheLastSlide = managedIndex.value === props.carrouselImg.length - 1;\n  const newIndex = isTheLastSlide ? 0 : managedIndex.value + 1;\n  managedIndex.value = newIndex;\n  managedInfoModal.value = {\n    src: props.carrouselImg[newIndex].src,\n    caption: props.carrouselImg[newIndex].caption,\n    bib: props.carrouselImg[newIndex].bib,\n  };\n};\n\nconst { carrouselImg, sizeThumbnail } = toRefs(props);\n</script>\n\n<template>\n  <h2 v-if=\"props.title\" class=\"text-xl font-semibold mt-10 mb-4 text-center\">\n    {{ props.title }}\n  </h2>\n\n  <div v-if=\"!gallery\">\n    <div class=\"flex items-center justify-center mb-2\">\n      <button class=\"p-2\" @click=\"prevSlide\">\n        <EpIcon :icon-path=\"mdiChevronLeftCircleOutline\" />\n      </button>\n      {{ currentIndex + 1 }}/{{ carrouselImg.length }}\n      <button class=\"p-2\" @click=\"nextSlide\">\n        <EpIcon :icon-path=\"mdiChevronRightCircleOutline\" />\n      </button>\n    </div>\n    <div\n      class=\"bg-surface dark:bg-surface-dark shadow-xl p-4 lg:max-w-[800px] mx-auto border-solid border\"\n    >\n      <!-- <div class=\"max-w-[800px] h-[550px] m-auto relative\">\n        <div\n          class=\"w-full h-full bg-center duration-500\"\n          :style=\"`background-image:url('${carrouselImg[currentIndex].src}')`\"\n        />\n      </div> -->\n\n      <img\n        :src=\"carrouselImg[currentIndex].src\"\n        alt=\"image\"\n        class=\"rounded-sm m-auto\"\n      />\n\n      <div\n        v-if=\"carrouselImg[currentIndex]?.caption\"\n        class=\"mt-2 text-sm text-center text-base-black dark:text-white\"\n      >\n        {{ carrouselImg[currentIndex].caption }}\n      </div>\n      <div v-if=\"carrouselImg[currentIndex]?.bib\" class=\"flex justify-end mt-2\">\n        <EpBtn type=\"primary\" @click=\"dialog = true\" dark>{{ labelRef }}</EpBtn>\n      </div>\n    </div>\n    <EpModal v-model=\"dialog\" :title=\"labelRefLib\">\n      <div v-html=\"carrouselImg[currentIndex].bib\" />\n      <div class=\"flex justify-end\">\n        <EpBtn @click=\"dialog = false\" type=\"primary\" dark>{{\n          labelClose\n        }}</EpBtn>\n      </div>\n    </EpModal>\n  </div>\n\n  <div v-else-if=\"!puzzle\" :class=\"`flex flex-wrap ${isCenterStyle}`\">\n    <template\n      v-for=\"(image, index) in carrouselImg\"\n      :key=\"`image-${image?.uid}`\"\n    >\n      <EpImgCarousel\n        :src=\"image.src\"\n        :bib=\"image.bib\"\n        :caption=\"image.caption\"\n        :label-ref=\"labelRef\"\n        :label-close=\"labelClose\"\n        :size-thumbnail=\"sizeThumbnail\"\n        managed-modal\n        @new-focus=\"newFocus(index)\"\n        :info-modal=\"managedInfoModal\"\n        @prev-slide=\"managedPrevSlide\"\n        @next-slide=\"managedNextSlide\"\n      ></EpImgCarousel>\n    </template>\n  </div>\n\n  <div v-else-if=\"puzzle\" :class=\"`columns-3xs mx-5 gap-2`\">\n    <template\n      v-for=\"(image, index) in carrouselImg\"\n      :key=\"`image-${image?.uid}`\"\n    >\n      <EpImgCarousel\n        :src=\"image.src\"\n        :bib=\"image.bib\"\n        :caption=\"image.caption\"\n        :label-ref=\"labelRef\"\n        :label-close=\"labelClose\"\n        puzzle\n        managed-modal\n        @new-focus=\"newFocus(index)\"\n        :info-modal=\"managedInfoModal\"\n        @prev-slide=\"managedPrevSlide\"\n        @next-slide=\"managedNextSlide\"\n      ></EpImgCarousel>\n    </template>\n  </div>\n</template>\n\n\n"],"names":["_openBlock","_createElementBlock","_toDisplayString","gallery","_createElementVNode","_createVNode","EpIcon","_unref","EpBtn","labelRef","EpModal","labelRefLib","labelClose","puzzle","_Fragment","_renderList","_createBlock","EpImgCarousel"],"mappings":"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"}

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

@@ -6,7 +6,7 @@ import _sfc_main$1 from "../educationals/EpEdu.vue.js";
 import { useRenderText } from "../../composables/useRenderText.js";
 import { mdiLaptop, mdiOpenInNew } from "@mdi/js";
 const _hoisted_1 = ["innerHTML"];
-const _hoisted_2 = { class: "flex flex-col items-center border rounded-lg ep-surface-2 md:flex-row mt-2" };
+const _hoisted_2 = { class: "flex flex-col items-center border rounded-lg bg-surface-2 dark:bg-surface-2-dark md:flex-row mt-2" };
 const _hoisted_3 = ["src", "alt"];
 const _hoisted_4 = {
   key: 1,