ep-lib-ts 1.0.71 → 1.0.73

package/dist/components/basics/EpAvatar.vue.js

@@ -1,4 +1,58 @@
-import _sfc_main from "./EpAvatar.vue2.js";
+import { defineComponent, computed, createElementBlock, openBlock, createCommentVNode, createElementVNode, normalizeClass, toDisplayString } from "vue";
+import { typeAvatar } from "../../types/Avatar.js";
+import useColors from "../../composables/useColors.js";
+const _hoisted_1 = { key: 0 };
+const _hoisted_2 = ["src", "alt"];
+const _hoisted_3 = { key: 1 };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "EpAvatar",
+  props: {
+    src: { default: "" },
+    alt: { default: "" },
+    color: { default: "primary" },
+    size: { default: "small" },
+    variant: { default: "circle" },
+    name: { default: "" }
+  },
+  setup(__props) {
+    const props = __props;
+    const style = computed(() => {
+      return props.variant;
+    });
+    const size = computed(() => {
+      return props.size;
+    });
+    const final_style = computed(() => {
+      var _a;
+      return `${(_a = typeAvatar[style.value]) == null ? void 0 : _a[size.value]}`;
+    });
+    const bgcolor = computed(() => {
+      return useColors(props.color);
+    });
+    const final_name = computed(() => {
+      if (props.name.length > 2) {
+        return props.name.slice(0, 2);
+      } else {
+        return props.name;
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", null, [
+        props.src != "" ? (openBlock(), createElementBlock("div", _hoisted_1, [
+          createElementVNode("img", {
+            src: props.src,
+            alt: props.alt,
+            class: normalizeClass(`${final_style.value} `)
+          }, null, 10, _hoisted_2)
+        ])) : props.src == "" ? (openBlock(), createElementBlock("div", _hoisted_3, [
+          createElementVNode("div", {
+            class: normalizeClass(`${final_style.value}  ${bgcolor.value}  justify-center font-bold text-white flex items-center`)
+          }, toDisplayString(final_name.value), 3)
+        ])) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
 export {
   _sfc_main as default
 };

package/dist/components/basics/EpAvatar.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"EpAvatar.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"EpAvatar.vue.js","sources":["../../../src/components/basics/EpAvatar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { typeAvatar } from \"~/types/Avatar\";\nimport type { EpAvatarProps } from \"~/types/basics/EpAvatar\";\nimport useColors from \"~/composables/useColors\";\n\n// define parameter and default valule\nconst props = withDefaults(defineProps<EpAvatarProps>(), {\n  src: \"\",\n  alt: \"\",\n  color: \"primary\",\n  size: \"small\",\n  variant: \"circle\",\n  name: \"\",\n});\n\nconst style = computed(() => {\n  return props.variant;\n});\n\nconst size = computed(() => {\n  return props.size;\n});\n\nconst final_style = computed(() => {\n  return `${typeAvatar[style.value]?.[size.value]}`;\n});\n\nconst bgcolor = computed(() => {\n  return useColors(props.color);\n});\n\nconst final_name = computed(() => {\n  if (props.name.length > 2) {\n    return props.name.slice(0, 2);\n  } else {\n    return props.name;\n  }\n});\n</script>\n<template>\n  <div>\n    <div v-if=\"props.src != ''\">\n      <img :src=\"props.src\" :alt=\"props.alt\" :class=\"`${final_style} `\" />\n    </div>\n    <div v-else-if=\"props.src == ''\">\n      <div\n        :class=\"`${final_style}  ${bgcolor}  justify-center font-bold text-white flex items-center`\"\n      >\n        {{ final_name }}\n      </div>\n    </div>\n  </div>\n</template>\n"],"names":["_createElementBlock","_createElementVNode","_normalizeClass"],"mappings":";;;;;;;;;;;;;;;;;AAOA,UAAM,QAAQ;AASd,UAAM,QAAQ,SAAS,MAAM;AAC3B,aAAO,MAAM;AAAA,IACf,CAAC;AAED,UAAM,OAAO,SAAS,MAAM;AAC1B,aAAO,MAAM;AAAA,IACf,CAAC;AAED,UAAM,cAAc,SAAS,MAAM;;AACjC,aAAO,IAAG,gBAAW,MAAM,KAAK,MAAtB,mBAA0B,KAAK,MAAM;AAAA,IACjD,CAAC;AAED,UAAM,UAAU,SAAS,MAAM;AAC7B,aAAO,UAAU,MAAM,KAAK;AAAA,IAC9B,CAAC;AAED,UAAM,aAAa,SAAS,MAAM;AAChC,UAAI,MAAM,KAAK,SAAS,GAAG;AACzB,eAAO,MAAM,KAAK,MAAM,GAAG,CAAC;AAAA,MAC9B,OAAO;AACL,eAAO,MAAM;AAAA,MACf;AAAA,IACF,CAAC;;0BAGCA,mBAWM,OAAA,MAAA;AAAA,QAVO,MAAM,OAAG,mBAApBA,mBAEM,OAAA,YAAA;AAAA,UADJC,mBAAoE,OAAA;AAAA,YAA9D,KAAK,MAAM;AAAA,YAAM,KAAK,MAAM;AAAA,YAAM,yBAAU,YAAA,KAAW,GAAA;AAAA,UAAA;cAE/C,MAAM,OAAG,mBAAzBD,mBAMM,OAAA,YAAA;AAAA,UALJC,mBAIM,OAAA;AAAA,YAHH,OAAKC,eAAA,GAAK,YAAA,KAAW,KAAK,QAAA,KAAO,yDAAA;AAAA,UAAA,mBAE/B,WAAA,KAAU,GAAA,CAAA;AAAA,QAAA;;;;;"}

package/dist/components/basics/EpAvatar.vue2.js

@@ -1,58 +1,4 @@
-import { defineComponent, computed, createElementBlock, openBlock, createCommentVNode, createElementVNode, normalizeClass, toDisplayString } from "vue";
-import { typeAvatar } from "../../types/Avatar.js";
-import useColors from "../../composables/useColors.js";
-const _hoisted_1 = { key: 0 };
-const _hoisted_2 = ["src", "alt"];
-const _hoisted_3 = { key: 1 };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "EpAvatar",
-  props: {
-    src: { default: "" },
-    alt: { default: "" },
-    color: { default: "primary" },
-    size: { default: "small" },
-    variant: { default: "circle" },
-    name: { default: "" }
-  },
-  setup(__props) {
-    const props = __props;
-    const style = computed(() => {
-      return props.variant;
-    });
-    const size = computed(() => {
-      return props.size;
-    });
-    const final_style = computed(() => {
-      var _a;
-      return `${(_a = typeAvatar[style.value]) == null ? void 0 : _a[size.value]}`;
-    });
-    const bgcolor = computed(() => {
-      return useColors(props.color);
-    });
-    const final_name = computed(() => {
-      if (props.name.length > 2) {
-        return props.name.slice(0, 2);
-      } else {
-        return props.name;
-      }
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", null, [
-        props.src != "" ? (openBlock(), createElementBlock("div", _hoisted_1, [
-          createElementVNode("img", {
-            src: props.src,
-            alt: props.alt,
-            class: normalizeClass(`${final_style.value} `)
-          }, null, 10, _hoisted_2)
-        ])) : props.src == "" ? (openBlock(), createElementBlock("div", _hoisted_3, [
-          createElementVNode("div", {
-            class: normalizeClass(`${final_style.value}  ${bgcolor.value}  justify-center font-bold text-white flex items-center`)
-          }, toDisplayString(final_name.value), 3)
-        ])) : createCommentVNode("", true)
-      ]);
-    };
-  }
-});
+import _sfc_main from "./EpAvatar.vue.js";
 export {
   _sfc_main as default
 };

package/dist/components/basics/EpAvatar.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"EpAvatar.vue2.js","sources":["../../../src/components/basics/EpAvatar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { typeAvatar } from \"~/types/Avatar\";\nimport type { EpAvatarProps } from \"~/types/basics/EpAvatar\";\nimport useColors from \"~/composables/useColors\";\n\n// define parameter and default valule\nconst props = withDefaults(defineProps<EpAvatarProps>(), {\n  src: \"\",\n  alt: \"\",\n  color: \"primary\",\n  size: \"small\",\n  variant: \"circle\",\n  name: \"\",\n});\n\nconst style = computed(() => {\n  return props.variant;\n});\n\nconst size = computed(() => {\n  return props.size;\n});\n\nconst final_style = computed(() => {\n  return `${typeAvatar[style.value]?.[size.value]}`;\n});\n\nconst bgcolor = computed(() => {\n  return useColors(props.color);\n});\n\nconst final_name = computed(() => {\n  if (props.name.length > 2) {\n    return props.name.slice(0, 2);\n  } else {\n    return props.name;\n  }\n});\n</script>\n<template>\n  <div>\n    <div v-if=\"props.src != ''\">\n      <img :src=\"props.src\" :alt=\"props.alt\" :class=\"`${final_style} `\" />\n    </div>\n    <div v-else-if=\"props.src == ''\">\n      <div\n        :class=\"`${final_style}  ${bgcolor}  justify-center font-bold text-white flex items-center`\"\n      >\n        {{ final_name }}\n      </div>\n    </div>\n  </div>\n</template>\n"],"names":["_createElementBlock","_createElementVNode","_normalizeClass"],"mappings":";;;;;;;;;;;;;;;;;AAOA,UAAM,QAAQ;AASd,UAAM,QAAQ,SAAS,MAAM;AAC3B,aAAO,MAAM;AAAA,IACf,CAAC;AAED,UAAM,OAAO,SAAS,MAAM;AAC1B,aAAO,MAAM;AAAA,IACf,CAAC;AAED,UAAM,cAAc,SAAS,MAAM;;AACjC,aAAO,IAAG,gBAAW,MAAM,KAAK,MAAtB,mBAA0B,KAAK,MAAM;AAAA,IACjD,CAAC;AAED,UAAM,UAAU,SAAS,MAAM;AAC7B,aAAO,UAAU,MAAM,KAAK;AAAA,IAC9B,CAAC;AAED,UAAM,aAAa,SAAS,MAAM;AAChC,UAAI,MAAM,KAAK,SAAS,GAAG;AACzB,eAAO,MAAM,KAAK,MAAM,GAAG,CAAC;AAAA,MAC9B,OAAO;AACL,eAAO,MAAM;AAAA,MACf;AAAA,IACF,CAAC;;0BAGCA,mBAWM,OAAA,MAAA;AAAA,QAVO,MAAM,OAAG,mBAApBA,mBAEM,OAAA,YAAA;AAAA,UADJC,mBAAoE,OAAA;AAAA,YAA9D,KAAK,MAAM;AAAA,YAAM,KAAK,MAAM;AAAA,YAAM,yBAAU,YAAA,KAAW,GAAA;AAAA,UAAA;cAE/C,MAAM,OAAG,mBAAzBD,mBAMM,OAAA,YAAA;AAAA,UALJC,mBAIM,OAAA;AAAA,YAHH,OAAKC,eAAA,GAAK,YAAA,KAAW,KAAK,QAAA,KAAO,yDAAA;AAAA,UAAA,mBAE/B,WAAA,KAAU,GAAA,CAAA;AAAA,QAAA;;;;;"}
+{"version":3,"file":"EpAvatar.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/basics/EpDivider.vue.js

@@ -13,7 +13,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const props = __props;
     const border = computed(() => {
       if (props.color) {
-        return `${props.size} ${useColors(props.color)}`;
+        const color = props.color === "white" ? "border-white" : useColors(props.color, "border");
+        return `${props.size} ${color}`;
       }
       return `${props.size} border border-netural`;
     });

package/dist/components/basics/EpDivider.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"EpDivider.vue.js","sources":["../../../src/components/basics/EpDivider.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport type { EpDividerProps } from \"~/types/basics/EpDivider\";\nimport useColors from \"~/composables/useColors\";\n\nconst props = withDefaults(defineProps<EpDividerProps>(), {\n  color: \"neutral\",\n  size: \"border\",\n  inset: false,\n  icon: null,\n  margin: \"my-2\",\n});\n\nconst border = computed(() => {\n  if (props.color) {\n    return `${props.size} ${useColors(props.color)}`;\n  }\n  return `${props.size} border border-netural`;\n});\n\nconst styles = computed(() => {\n  return `${border.value} ${props.inset ? \"w-9/12 mx-auto\" : \"w-full\"} ${\n    props.margin\n  }`;\n});\n</script>\n\n<template>\n  <hr :class=\"`h-px ${styles}`\" />\n</template>\n"],"names":["_createElementBlock"],"mappings":";;;;;;;;;;;;AAKA,UAAM,QAAQ;AAQd,UAAM,SAAS,SAAS,MAAM;AAC5B,UAAI,MAAM,OAAO;AACf,eAAO,GAAG,MAAM,IAAI,IAAI,UAAU,MAAM,KAAK,CAAC;AAAA,MAChD;AACA,aAAO,GAAG,MAAM,IAAI;AAAA,IACtB,CAAC;AAED,UAAM,SAAS,SAAS,MAAM;AAC5B,aAAO,GAAG,OAAO,KAAK,IAAI,MAAM,QAAQ,mBAAmB,QAAQ,IACjE,MAAM,MACR;AAAA,IACF,CAAC;;0BAICA,mBAAgC,MAAA;AAAA,QAA3B,8BAAe,OAAA,KAAM,EAAA;AAAA,MAAA;;;;"}
+{"version":3,"file":"EpDivider.vue.js","sources":["../../../src/components/basics/EpDivider.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport type { EpDividerProps } from \"~/types/basics/EpDivider\";\nimport useColors from \"~/composables/useColors\";\n\nconst props = withDefaults(defineProps<EpDividerProps>(), {\n  color: \"neutral\",\n  size: \"border\",\n  inset: false,\n  icon: null,\n  margin: \"my-2\",\n});\n\nconst border = computed(() => {\n  if (props.color) {\n    const color = props.color === \"white\" ? 'border-white' : useColors(props.color, 'border')\n    return `${props.size} ${color}`;\n  }\n  return `${props.size} border border-netural`;\n});\n\nconst styles = computed(() => {\n  return `${border.value} ${props.inset ? \"w-9/12 mx-auto\" : \"w-full\"} ${\n    props.margin\n  }`;\n});\n</script>\n\n<template>\n  <hr :class=\"`h-px ${styles}`\" />\n</template>\n"],"names":["_createElementBlock"],"mappings":";;;;;;;;;;;;AAKA,UAAM,QAAQ;AAQd,UAAM,SAAS,SAAS,MAAM;AAC5B,UAAI,MAAM,OAAO;AACf,cAAM,QAAQ,MAAM,UAAU,UAAU,iBAAiB,UAAU,MAAM,OAAO,QAAQ;AACxF,eAAO,GAAG,MAAM,IAAI,IAAI,KAAK;AAAA,MAC/B;AACA,aAAO,GAAG,MAAM,IAAI;AAAA,IACtB,CAAC;AAED,UAAM,SAAS,SAAS,MAAM;AAC5B,aAAO,GAAG,OAAO,KAAK,IAAI,MAAM,QAAQ,mBAAmB,QAAQ,IACjE,MAAM,MACR;AAAA,IACF,CAAC;;0BAICA,mBAAgC,MAAA;AAAA,QAA3B,8BAAe,OAAA,KAAM,EAAA;AAAA,MAAA;;;;"}

package/dist/components/basics/EpStackedList.vue.js

@@ -1,5 +1,5 @@
 import { defineComponent, computed, createElementBlock, openBlock, normalizeClass, Fragment, renderList, createBlock, resolveDynamicComponent, mergeProps, withCtx, createElementVNode, createCommentVNode, toDisplayString, unref, createVNode } from "vue";
-import _sfc_main$1 from "./EpAvatar.vue2.js";
+import _sfc_main$1 from "./EpAvatar.vue.js";
 import _sfc_main$2 from "./EpIcon.vue.js";
 import { useRenderText } from "../../composables/useRenderText.js";
 import { roundedType } from "../../types/StackedList.js";

package/dist/components/basics/EpTable.vue.js

@@ -3,10 +3,10 @@ import _sfc_main$1 from "./EpCard.vue.js";
 const _hoisted_1 = { class: "min-w-full divide-y shadow" };
 const _hoisted_2 = {
   key: 0,
-  class: "bg-surface dark:bg-surface-dark"
+  class: "bg-surface-2 dark:bg-surface-2-dark"
 };
 const _hoisted_3 = { class: "divide-y" };
-const styleTh = "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider dark:text-white";
+const styleTh = "px-6 py-3 text-left text-xs font-medium uppercase tracking-wider";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "EpTable",
   props: {
@@ -39,7 +39,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               (openBlock(true), createElementBlock(Fragment, null, renderList(unref(arrayContent), (tr, i) => {
                 return openBlock(), createElementBlock("tr", {
                   key: `tr-${i}`,
-                  class: "hover:bg-gray-200 dark:hover:bg-black"
+                  class: "hover:bg-neutral-50 dark:hover:bg-neutral-950"
                 }, [
                   (openBlock(true), createElementBlock(Fragment, null, renderList(tr, (value, j) => {
                     return openBlock(), createElementBlock("td", {

package/dist/components/basics/EpTable.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"EpTable.vue.js","sources":["../../../src/components/basics/EpTable.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { toRefs } from \"vue\";\nimport EpCard from \"../basics/EpCard.vue\";\nimport type { EpTableProps } from \"~/types/basics/EpTable\";\n\nconst props = defineProps<EpTableProps>();\n\nconst { headers, arrayContent, title } = toRefs(props);\n\nconst styleTh =\n  \"px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider dark:text-white\";\n</script>\n<template>\n  <EpCard flat :title=\"title\">\n    <table class=\"min-w-full divide-y shadow\">\n      <thead class=\"bg-surface dark:bg-surface-dark\" v-if=\"headers\">\n        <tr>\n          <th\n            v-for=\"(title, i) in headers\"\n            :key=\"`th-${i}`\"\n            scope=\"col\"\n            :class=\"styleTh\"\n          >\n            {{ title }}\n          </th>\n        </tr>\n      </thead>\n      <tbody class=\"divide-y\">\n        <tr\n          v-for=\"(tr, i) in arrayContent\"\n          :key=\"`tr-${i}`\"\n          class=\"hover:bg-gray-200 dark:hover:bg-black\"\n        >\n          <td v-for=\"(value, j) in tr\" :key=\"`td-${i}-${j}`\" class=\"px-6 py-4\">\n            {{ value }}\n          </td>\n        </tr>\n      </tbody>\n    </table>\n  </EpCard>\n</template>\n"],"names":["_createBlock","EpCard","_unref","_createElementVNode","_openBlock","_createElementBlock","_Fragment","_renderList","title"],"mappings":";;;;;;;;AASA,MAAM,UACJ;;;;;;;;;AALF,UAAM,QAAQ;AAEd,UAAM,EAAE,SAAS,cAAc,MAAA,IAAU,OAAO,KAAK;;0BAMnDA,YA0BSC,aAAA;AAAA,QA1BD,MAAA;AAAA,QAAM,OAAOC,MAAA,KAAA;AAAA,MAAA;yBACnB,MAwBQ;AAAA,UAxBRC,mBAwBQ,SAxBR,YAwBQ;AAAA,YAvB+CD,MAAA,OAAA,KAArDE,aAAAC,mBAWQ,SAXR,YAWQ;AAAA,cAVNF,mBASK,MAAA,MAAA;AAAA,iBARHC,UAAA,IAAA,GAAAC,mBAOKC,UAAA,MAAAC,WANkBL,MAAA,OAAA,GAAO,CAApBM,QAAO,MAAC;sCADlBH,mBAOK,MAAA;AAAA,oBALF,WAAW,CAAC;AAAA,oBACb,OAAM;AAAA,oBACL,sBAAO,OAAO;AAAA,kBAAA,mBAEZG,MAAK,GAAA,CAAA;AAAA;;;YAIdL,mBAUQ,SAVR,YAUQ;AAAA,eATNC,UAAA,IAAA,GAAAC,mBAQKC,UAAA,MAAAC,WAPeL,MAAA,YAAA,GAAY,CAAtB,IAAI,MAAC;oCADfG,mBAQK,MAAA;AAAA,kBANF,WAAW,CAAC;AAAA,kBACb,OAAM;AAAA,gBAAA;mBAEND,UAAA,IAAA,GAAAC,mBAEKC,UAAA,MAAAC,WAFoB,IAAE,CAAf,OAAO,MAAC;wCAApBF,mBAEK,MAAA;AAAA,sBAFyB,KAAG,MAAQ,CAAC,IAAI,CAAC;AAAA,sBAAI,OAAM;AAAA,oBAAA,mBACpD,KAAK,GAAA,CAAA;AAAA;;;;;;;;;;;"}
+{"version":3,"file":"EpTable.vue.js","sources":["../../../src/components/basics/EpTable.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { toRefs } from \"vue\";\nimport EpCard from \"../basics/EpCard.vue\";\nimport type { EpTableProps } from \"~/types/basics/EpTable\";\n\nconst props = defineProps<EpTableProps>();\n\nconst { headers, arrayContent, title } = toRefs(props);\n\nconst styleTh =\n  \"px-6 py-3 text-left text-xs font-medium uppercase tracking-wider\";\n</script>\n<template>\n  <EpCard flat :title=\"title\">\n    <table class=\"min-w-full divide-y shadow\">\n      <thead class=\"bg-surface-2 dark:bg-surface-2-dark\" v-if=\"headers\">\n        <tr>\n          <th\n            v-for=\"(title, i) in headers\"\n            :key=\"`th-${i}`\"\n            scope=\"col\"\n            :class=\"styleTh\"\n          >\n            {{ title }}\n          </th>\n        </tr>\n      </thead>\n      <tbody class=\"divide-y\">\n        <tr\n          v-for=\"(tr, i) in arrayContent\"\n          :key=\"`tr-${i}`\"\n          class=\"hover:bg-neutral-50 dark:hover:bg-neutral-950\"\n        >\n          <td v-for=\"(value, j) in tr\" :key=\"`td-${i}-${j}`\" class=\"px-6 py-4\">\n            {{ value }}\n          </td>\n        </tr>\n      </tbody>\n    </table>\n  </EpCard>\n</template>\n"],"names":["_createBlock","EpCard","_unref","_createElementVNode","_openBlock","_createElementBlock","_Fragment","_renderList","title"],"mappings":";;;;;;;;AASA,MAAM,UACJ;;;;;;;;;AALF,UAAM,QAAQ;AAEd,UAAM,EAAE,SAAS,cAAc,MAAA,IAAU,OAAO,KAAK;;0BAMnDA,YA0BSC,aAAA;AAAA,QA1BD,MAAA;AAAA,QAAM,OAAOC,MAAA,KAAA;AAAA,MAAA;yBACnB,MAwBQ;AAAA,UAxBRC,mBAwBQ,SAxBR,YAwBQ;AAAA,YAvBmDD,MAAA,OAAA,KAAzDE,aAAAC,mBAWQ,SAXR,YAWQ;AAAA,cAVNF,mBASK,MAAA,MAAA;AAAA,iBARHC,UAAA,IAAA,GAAAC,mBAOKC,UAAA,MAAAC,WANkBL,MAAA,OAAA,GAAO,CAApBM,QAAO,MAAC;sCADlBH,mBAOK,MAAA;AAAA,oBALF,WAAW,CAAC;AAAA,oBACb,OAAM;AAAA,oBACL,sBAAO,OAAO;AAAA,kBAAA,mBAEZG,MAAK,GAAA,CAAA;AAAA;;;YAIdL,mBAUQ,SAVR,YAUQ;AAAA,eATNC,UAAA,IAAA,GAAAC,mBAQKC,UAAA,MAAAC,WAPeL,MAAA,YAAA,GAAY,CAAtB,IAAI,MAAC;oCADfG,mBAQK,MAAA;AAAA,kBANF,WAAW,CAAC;AAAA,kBACb,OAAM;AAAA,gBAAA;mBAEND,UAAA,IAAA,GAAAC,mBAEKC,UAAA,MAAAC,WAFoB,IAAE,CAAf,OAAO,MAAC;wCAApBF,mBAEK,MAAA;AAAA,sBAFyB,KAAG,MAAQ,CAAC,IAAI,CAAC;AAAA,sBAAI,OAAM;AAAA,oBAAA,mBACpD,KAAK,GAAA,CAAA;AAAA;;;;;;;;;;;"}

package/dist/components/basics/EpText.vue.js

@@ -3,7 +3,7 @@ import { isHtml } from "../../composables/isHtml.js";
 import { useRenderText } from "../../composables/useRenderText.js";
 import Comp from "../interactions/EpAccordeon.vue.js";
 import _sfc_main$1 from "../medias/EpTerm.vue.js";
-const _hoisted_1 = { class: "px-2 text-black dark:text-white" };
+const _hoisted_1 = { class: "px-2" };
 const _hoisted_2 = { key: 1 };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "EpText",

package/dist/components/basics/EpText.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"EpText.vue.js","sources":["../../../src/components/basics/EpText.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, toRefs, h, type VNode } from \"vue\";\nimport type { Glossary } from \"~/types/Glossary\"\nimport { isHtml } from \"~/composables/isHtml\";\nimport { useRenderText } from \"~/composables/useRenderText\";\nimport EpAccordeon from \"~/components/interactions/EpAccordeon.vue\";\nimport EpTerm from \"~/components/medias/EpTerm.vue\";\nimport type { EpTextProps } from \"~/types/basics/EpText\";\n\nconst props = withDefaults(defineProps<EpTextProps>(), {\n  compact: false,\n  labelDefinition: \"Définition\",\n  labelDomain: \"Domaine\",\n  labelVariations: \"Variations\",\n  labelRelations: \"Relations\",\n  labelClose: \"Fermer\",\n});\n\nconst { compact } = toRefs(props);\n\nconst renderTitle = computed(() => props.title || \"En savoir plus\");\n\nfunction parseHtmlToVNodes(html: string): (VNode | string)[] {\n  const container = document.createElement(\"div\");\n  container.innerHTML = html;\n\n  const nodes: (VNode | string)[] = [];\n\n  container.childNodes.forEach((node) => {\n    if (node.nodeType === 3) {\n      // Text node\n      const text = node.textContent?.trim();\n      if (text) nodes.push(text); // only push non-empty text\n    } else if (node.nodeType === 1) {\n      const el = node as HTMLElement;\n\n      if (el.classList.contains(\"ep_glossary_item\")) {\n        const id = el.getAttribute(\"data-id\");\n        const render_word = el.innerHTML;\n\n        let _glossary: Glossary[] = [];\n        if (props.glossary) {\n          _glossary = props.glossary.map((item) => ({\n            ...item,\n            id: item.documentId ?? item.id\n          }));\n        }\n\n        const term = _glossary.find((word) => word.id === id);\n\n        if (term) {\n          const foundedRelations = _glossary.filter((x) =>\n            x.relation.some((r: string) => r === id)\n          );\n          const termsRelation = foundedRelations.map((x) => x.term);\n          const stringRelations = termsRelation.join(', ')\n          const stringVariations = term.variation.join(', ')\n\n          nodes.push(\n            h(\n              \"div\",\n              { style: \"display:inline\" },\n              h(\n                EpTerm,\n                {\n                  term: term.term,\n                  word: render_word,\n                  variations: stringVariations,\n                  graminfo: term.graminfo,\n                  src: term.img ?? \"\",\n                  domain: term.domain,\n                  relations: stringRelations,\n                  labelDefinition: props.labelDefinition,\n                  labelDomain: props.labelDomain,\n                  labelVariations: props.labelVariations,\n                  labelRelations: props.labelRelations,\n                  labelClose: props.labelClose,\n                },\n                () => {\n                      const def = useRenderText(term.definition);\n                      if (!isHtml(def)) {\n                        return h(\"div\", { innerHTML: def });\n                      }\n                      return parseHtmlToVNodes(def);\n                    }\n              )\n            )\n          );\n          return;\n        }\n      }\n      nodes.push(\n        h(\n          el.tagName.toLowerCase(),\n          {},\n          parseHtmlToVNodes(el.innerHTML) \n        )\n      );\n    }\n  });\n\n  return nodes;\n}\n\nconst renderText = computed(() => {\n  if (!props.content) return [h(\"div\")];\n  if (!isHtml(props.content)) {\n    return [h(\"div\", { innerHTML: useRenderText(props.content) })];\n  }\n\n  const formatted = useRenderText(props.content)\n\n  return parseHtmlToVNodes(formatted);\n});\n</script>\n\n<template>\n  <div class=\"px-2 text-black dark:text-white\">\n    <EpAccordeon v-if=\"compact\" outlined :title=\"renderTitle\">\n      <div>\n        <component :is=\"node\" v-for=\"(node, i) in renderText\" :key=\"i\" />\n      </div>\n    </EpAccordeon>\n    <div v-else>\n      <component :is=\"node\" v-for=\"(node, i) in renderText\" :key=\"i\" />\n    </div>\n  </div>\n</template>\n"],"names":["_a","EpTerm","_openBlock","_createElementBlock","_unref","_createBlock","EpAccordeon","_createElementVNode","_Fragment","_renderList","_resolveDynamicComponent"],"mappings":"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"}
+{"version":3,"file":"EpText.vue.js","sources":["../../../src/components/basics/EpText.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, toRefs, h, type VNode } from \"vue\";\nimport type { Glossary } from \"~/types/Glossary\"\nimport { isHtml } from \"~/composables/isHtml\";\nimport { useRenderText } from \"~/composables/useRenderText\";\nimport EpAccordeon from \"~/components/interactions/EpAccordeon.vue\";\nimport EpTerm from \"~/components/medias/EpTerm.vue\";\nimport type { EpTextProps } from \"~/types/basics/EpText\";\n\nconst props = withDefaults(defineProps<EpTextProps>(), {\n  compact: false,\n  labelDefinition: \"Définition\",\n  labelDomain: \"Domaine\",\n  labelVariations: \"Variations\",\n  labelRelations: \"Relations\",\n  labelClose: \"Fermer\",\n});\n\nconst { compact } = toRefs(props);\n\nconst renderTitle = computed(() => props.title || \"En savoir plus\");\n\nfunction parseHtmlToVNodes(html: string): (VNode | string)[] {\n  const container = document.createElement(\"div\");\n  container.innerHTML = html;\n\n  const nodes: (VNode | string)[] = [];\n\n  container.childNodes.forEach((node) => {\n    if (node.nodeType === 3) {\n      // Text node\n      const text = node.textContent?.trim();\n      if (text) nodes.push(text); // only push non-empty text\n    } else if (node.nodeType === 1) {\n      const el = node as HTMLElement;\n\n      if (el.classList.contains(\"ep_glossary_item\")) {\n        const id = el.getAttribute(\"data-id\");\n        const render_word = el.innerHTML;\n\n        let _glossary: Glossary[] = [];\n        if (props.glossary) {\n          _glossary = props.glossary.map((item) => ({\n            ...item,\n            id: item.documentId ?? item.id\n          }));\n        }\n\n        const term = _glossary.find((word) => word.id === id);\n\n        if (term) {\n          const foundedRelations = _glossary.filter((x) =>\n            x.relation.some((r: string) => r === id)\n          );\n          const termsRelation = foundedRelations.map((x) => x.term);\n          const stringRelations = termsRelation.join(', ')\n          const stringVariations = term.variation.join(', ')\n\n          nodes.push(\n            h(\n              \"div\",\n              { style: \"display:inline\" },\n              h(\n                EpTerm,\n                {\n                  term: term.term,\n                  word: render_word,\n                  variations: stringVariations,\n                  graminfo: term.graminfo,\n                  src: term.img ?? \"\",\n                  domain: term.domain,\n                  relations: stringRelations,\n                  labelDefinition: props.labelDefinition,\n                  labelDomain: props.labelDomain,\n                  labelVariations: props.labelVariations,\n                  labelRelations: props.labelRelations,\n                  labelClose: props.labelClose,\n                },\n                () => {\n                      const def = useRenderText(term.definition);\n                      if (!isHtml(def)) {\n                        return h(\"div\", { innerHTML: def });\n                      }\n                      return parseHtmlToVNodes(def);\n                    }\n              )\n            )\n          );\n          return;\n        }\n      }\n      nodes.push(\n        h(\n          el.tagName.toLowerCase(),\n          {},\n          parseHtmlToVNodes(el.innerHTML) \n        )\n      );\n    }\n  });\n\n  return nodes;\n}\n\nconst renderText = computed(() => {\n  if (!props.content) return [h(\"div\")];\n  if (!isHtml(props.content)) {\n    return [h(\"div\", { innerHTML: useRenderText(props.content) })];\n  }\n\n  const formatted = useRenderText(props.content)\n\n  return parseHtmlToVNodes(formatted);\n});\n</script>\n\n<template>\n  <div class=\"px-2\">\n    <EpAccordeon v-if=\"compact\" outlined :title=\"renderTitle\">\n      <div>\n        <component :is=\"node\" v-for=\"(node, i) in renderText\" :key=\"i\" />\n      </div>\n    </EpAccordeon>\n    <div v-else>\n      <component :is=\"node\" v-for=\"(node, i) in renderText\" :key=\"i\" />\n    </div>\n  </div>\n</template>\n"],"names":["_a","EpTerm","_openBlock","_createElementBlock","_unref","_createBlock","EpAccordeon","_createElementVNode","_Fragment","_renderList","_resolveDynamicComponent"],"mappings":"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"}

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

@@ -7,22 +7,20 @@ const _hoisted_1 = { class: "lg:col-span-8 lg:mt-0 lg:border-l dark:border-gray-
 const _hoisted_2 = { class: "py-2" };
 const _hoisted_3 = {
   key: 0,
-  class: "text-base font-semibold leading-7 text-gray-900 dark:text-gray-100"
+  class: "text-base font-semibold leading-7"
 };
-const _hoisted_4 = { class: "text-gray-600 dark:text-gray-300" };
-const _hoisted_5 = {
+const _hoisted_4 = {
   key: 2,
   class: "mt-6 lg:col-span-5 lg:mt-0 lg:flex lg:items-center"
 };
-const _hoisted_6 = { class: "lg:col-span-2" };
-const _hoisted_7 = { class: "text-pretty text-3xl font-semibold tracking-tight text-gray-900 dark:text-gray-100 sm:text-xl pr-4" };
-const _hoisted_8 = { class: "lg:col-span-8 lg:mt-0 lg:border-l dark:border-gray-700 lg:pl-4" };
-const _hoisted_9 = { class: "py-2" };
-const _hoisted_10 = {
+const _hoisted_5 = { class: "lg:col-span-2" };
+const _hoisted_6 = { class: "text-pretty text-3xl font-semibold tracking-tight sm:text-xl pr-4" };
+const _hoisted_7 = { class: "lg:col-span-8 lg:mt-0 lg:border-l dark:border-gray-700 lg:pl-4" };
+const _hoisted_8 = { class: "py-2" };
+const _hoisted_9 = {
   key: 0,
-  class: "text-base font-semibold leading-7 text-gray-900 dark:text-gray-100"
+  class: "text-base font-semibold leading-7"
 };
-const _hoisted_11 = { class: "text-gray-600 dark:text-gray-300" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "EpConclusion",
   props: {
@@ -63,16 +61,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             createElementVNode("div", _hoisted_1, [
               createElementVNode("div", _hoisted_2, [
                 unref(subtitle) ? (openBlock(), createElementBlock("h3", _hoisted_3, toDisplayString(unref(subtitle)), 1)) : createCommentVNode("", true),
-                createElementVNode("div", _hoisted_4, [
+                createElementVNode("div", null, [
                   renderSlot(_ctx.$slots, "default")
                 ])
               ])
             ])
           ]),
           _: 3
-        }, 8, ["modelValue", "title"])) : (openBlock(), createElementBlock("div", _hoisted_5, [
-          createElementVNode("div", _hoisted_6, [
-            createElementVNode("h2", _hoisted_7, [
+        }, 8, ["modelValue", "title"])) : (openBlock(), createElementBlock("div", _hoisted_4, [
+          createElementVNode("div", _hoisted_5, [
+            createElementVNode("h2", _hoisted_6, [
               unref(icon) ? (openBlock(), createBlock(_sfc_main$3, {
                 key: 0,
                 "icon-path": unref(icon),
@@ -82,10 +80,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               createTextVNode(" " + toDisplayString(unref(title)), 1)
             ])
           ]),
-          createElementVNode("div", _hoisted_8, [
-            createElementVNode("div", _hoisted_9, [
-              unref(subtitle) ? (openBlock(), createElementBlock("h3", _hoisted_10, toDisplayString(unref(subtitle)), 1)) : createCommentVNode("", true),
-              createElementVNode("div", _hoisted_11, [
+          createElementVNode("div", _hoisted_7, [
+            createElementVNode("div", _hoisted_8, [
+              unref(subtitle) ? (openBlock(), createElementBlock("h3", _hoisted_9, toDisplayString(unref(subtitle)), 1)) : createCommentVNode("", true),
+              createElementVNode("div", null, [
                 renderSlot(_ctx.$slots, "default")
               ])
             ])

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

@@ -1 +1 @@
-{"version":3,"file":"EpConclusion.vue.js","sources":["../../../src/components/educationals/EpConclusion.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { toRefs } from \"vue\";\nimport { ref } from \"vue\";\nimport EpIcon from \"~/components/basics/EpIcon.vue\";\nimport EpModal from \"~/components/interactions/EpModal.vue\";\nimport EpBtn from \"~/components/basics/EpBtn.vue\";\nimport type { EpConclusionProps } from \"~/types/educationals/EpConclusion\";\n\nconst props = withDefaults(defineProps<EpConclusionProps>(), {\n  modal: true,\n  title: \"Conclusion\",\n  btnType: \"base\",\n  btnRounded: true,\n  btnOutlined: true,\n});\nconst { title, icon, subtitle, modal, btnType, btnRounded, btnOutlined } = toRefs(props);\n\nconst showDefaultModal = ref(false);\n</script>\n<template>\n  <div>\n    <EpBtn\n      v-if=\"modal\"\n      :btnType=\"btnType\"\n      :rounded=\"btnRounded\"\n      :outlined=\"btnOutlined\"\n      @click=\"showDefaultModal = true\"\n    >\n      {{ title }}\n    </EpBtn>\n    <EpModal v-if=\"modal\" v-model=\"showDefaultModal\" :title=\"title\">\n      <div class=\"lg:col-span-2\"></div>\n      <div\n        class=\"lg:col-span-8 lg:mt-0 lg:border-l dark:border-gray-700 lg:pl-4\"\n      >\n        <div class=\"py-2\">\n          <h3\n            v-if=\"subtitle\"\n            class=\"text-base font-semibold leading-7 text-gray-900 dark:text-gray-100\"\n          >\n            {{ subtitle }}\n          </h3>\n          <div class=\"text-gray-600 dark:text-gray-300\">\n            <slot />\n          </div>\n        </div>\n      </div>\n    </EpModal>\n    <div v-else class=\"mt-6 lg:col-span-5 lg:mt-0 lg:flex lg:items-center\">\n      <div class=\"lg:col-span-2\">\n        <h2\n          class=\"text-pretty text-3xl font-semibold tracking-tight text-gray-900 dark:text-gray-100 sm:text-xl pr-4\"\n        >\n          <EpIcon v-if=\"icon\" :icon-path=\"icon\" size=\"28\" extraClass=\"mr-2\" />\n          {{ title }}\n        </h2>\n      </div>\n      <div\n        class=\"lg:col-span-8 lg:mt-0 lg:border-l dark:border-gray-700 lg:pl-4\"\n      >\n        <div class=\"py-2\">\n          <h3\n            v-if=\"subtitle\"\n            class=\"text-base font-semibold leading-7 text-gray-900 dark:text-gray-100\"\n          >\n            {{ subtitle }}\n          </h3>\n          <div class=\"text-gray-600 dark:text-gray-300\">\n            <slot />\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n"],"names":["_createElementBlock","_unref","_createBlock","EpBtn","EpModal","_createElementVNode","_toDisplayString","_renderSlot","_openBlock","EpIcon","_createTextVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,UAAM,QAAQ;AAOd,UAAM,EAAE,OAAO,MAAM,UAAU,OAAO,SAAS,YAAY,YAAA,IAAgB,OAAO,KAAK;AAEvF,UAAM,mBAAmB,IAAI,KAAK;;0BAGhCA,mBAqDM,OAAA,MAAA;AAAA,QAnDIC,MAAA,KAAA,kBADRC,YAQQC,aAAA;AAAA;UANL,SAASF,MAAA,OAAA;AAAA,UACT,SAASA,MAAA,UAAA;AAAA,UACT,UAAUA,MAAA,WAAA;AAAA,UACV,+CAAO,iBAAA,QAAgB;AAAA,QAAA;2BAExB,MAAW;AAAA,4CAARA,MAAA,KAAA,CAAK,GAAA,CAAA;AAAA,UAAA;;;QAEKA,MAAA,KAAA,kBAAfC,YAiBUE,aAAA;AAAA;sBAjBqB,iBAAA;AAAA,uEAAA,iBAAgB,QAAA;AAAA,UAAG,OAAOH,MAAA,KAAA;AAAA,QAAA;2BACvD,MAAiC;AAAA,sCAAjCI,mBAAiC,OAAA,EAA5B,OAAM,gBAAA,GAAe,MAAA,EAAA;AAAA,YAC1BA,mBAcM,OAdN,YAcM;AAAA,cAXJA,mBAUM,OAVN,YAUM;AAAA,gBARIJ,MAAA,QAAA,kBADRD,mBAKK,MALL,YAKKM,gBADAL,MAAA,QAAA,CAAQ,GAAA,CAAA;gBAEbI,mBAEM,OAFN,YAEM;AAAA,kBADJE,WAAQ,KAAA,QAAA,SAAA;AAAA,gBAAA;;;;;2CAKhBC,aAAAR,mBAwBM,OAxBN,YAwBM;AAAA,UAvBJK,mBAOM,OAPN,YAOM;AAAA,YANJA,mBAKK,MALL,YAKK;AAAA,cAFWJ,MAAA,IAAA,kBAAdC,YAAoEO,aAAA;AAAA;gBAA/C,aAAWR,MAAA,IAAA;AAAA,gBAAM,MAAK;AAAA,gBAAK,YAAW;AAAA,cAAA;cAASS,gBAAA,sBACjET,MAAA,KAAA,CAAK,GAAA,CAAA;AAAA,YAAA;;UAGZI,mBAcM,OAdN,YAcM;AAAA,YAXJA,mBAUM,OAVN,YAUM;AAAA,cARIJ,MAAA,QAAA,kBADRD,mBAKK,MALL,aAKKM,gBADAL,MAAA,QAAA,CAAQ,GAAA,CAAA;cAEbI,mBAEM,OAFN,aAEM;AAAA,gBADJE,WAAQ,KAAA,QAAA,SAAA;AAAA,cAAA;;;;;;;;"}
+{"version":3,"file":"EpConclusion.vue.js","sources":["../../../src/components/educationals/EpConclusion.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { toRefs } from \"vue\";\nimport { ref } from \"vue\";\nimport EpIcon from \"~/components/basics/EpIcon.vue\";\nimport EpModal from \"~/components/interactions/EpModal.vue\";\nimport EpBtn from \"~/components/basics/EpBtn.vue\";\nimport type { EpConclusionProps } from \"~/types/educationals/EpConclusion\";\n\nconst props = withDefaults(defineProps<EpConclusionProps>(), {\n  modal: true,\n  title: \"Conclusion\",\n  btnType: \"base\",\n  btnRounded: true,\n  btnOutlined: true,\n});\nconst { title, icon, subtitle, modal, btnType, btnRounded, btnOutlined } = toRefs(props);\n\nconst showDefaultModal = ref(false);\n</script>\n<template>\n  <div>\n    <EpBtn\n      v-if=\"modal\"\n      :btnType=\"btnType\"\n      :rounded=\"btnRounded\"\n      :outlined=\"btnOutlined\"\n      @click=\"showDefaultModal = true\"\n    >\n      {{ title }}\n    </EpBtn>\n    <EpModal v-if=\"modal\" v-model=\"showDefaultModal\" :title=\"title\">\n      <div class=\"lg:col-span-2\"></div>\n      <div\n        class=\"lg:col-span-8 lg:mt-0 lg:border-l dark:border-gray-700 lg:pl-4\"\n      >\n        <div class=\"py-2\">\n          <h3\n            v-if=\"subtitle\"\n            class=\"text-base font-semibold leading-7 \"\n          >\n            {{ subtitle }}\n          </h3>\n          <div>\n            <slot />\n          </div>\n        </div>\n      </div>\n    </EpModal>\n    <div v-else class=\"mt-6 lg:col-span-5 lg:mt-0 lg:flex lg:items-center\">\n      <div class=\"lg:col-span-2\">\n        <h2\n          class=\"text-pretty text-3xl font-semibold tracking-tight sm:text-xl pr-4\"\n        >\n          <EpIcon v-if=\"icon\" :icon-path=\"icon\" size=\"28\" extraClass=\"mr-2\" />\n          {{ title }}\n        </h2>\n      </div>\n      <div\n        class=\"lg:col-span-8 lg:mt-0 lg:border-l dark:border-gray-700 lg:pl-4\"\n      >\n        <div class=\"py-2\">\n          <h3\n            v-if=\"subtitle\"\n            class=\"text-base font-semibold leading-7\"\n          >\n            {{ subtitle }}\n          </h3>\n          <div>\n            <slot />\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n"],"names":["_createElementBlock","_unref","_createBlock","EpBtn","EpModal","_createElementVNode","_toDisplayString","_renderSlot","_openBlock","EpIcon","_createTextVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,UAAM,QAAQ;AAOd,UAAM,EAAE,OAAO,MAAM,UAAU,OAAO,SAAS,YAAY,YAAA,IAAgB,OAAO,KAAK;AAEvF,UAAM,mBAAmB,IAAI,KAAK;;0BAGhCA,mBAqDM,OAAA,MAAA;AAAA,QAnDIC,MAAA,KAAA,kBADRC,YAQQC,aAAA;AAAA;UANL,SAASF,MAAA,OAAA;AAAA,UACT,SAASA,MAAA,UAAA;AAAA,UACT,UAAUA,MAAA,WAAA;AAAA,UACV,+CAAO,iBAAA,QAAgB;AAAA,QAAA;2BAExB,MAAW;AAAA,4CAARA,MAAA,KAAA,CAAK,GAAA,CAAA;AAAA,UAAA;;;QAEKA,MAAA,KAAA,kBAAfC,YAiBUE,aAAA;AAAA;sBAjBqB,iBAAA;AAAA,uEAAA,iBAAgB,QAAA;AAAA,UAAG,OAAOH,MAAA,KAAA;AAAA,QAAA;2BACvD,MAAiC;AAAA,sCAAjCI,mBAAiC,OAAA,EAA5B,OAAM,gBAAA,GAAe,MAAA,EAAA;AAAA,YAC1BA,mBAcM,OAdN,YAcM;AAAA,cAXJA,mBAUM,OAVN,YAUM;AAAA,gBARIJ,MAAA,QAAA,kBADRD,mBAKK,MALL,YAKKM,gBADAL,MAAA,QAAA,CAAQ,GAAA,CAAA;gBAEbI,mBAEM,OAAA,MAAA;AAAA,kBADJE,WAAQ,KAAA,QAAA,SAAA;AAAA,gBAAA;;;;;2CAKhBC,aAAAR,mBAwBM,OAxBN,YAwBM;AAAA,UAvBJK,mBAOM,OAPN,YAOM;AAAA,YANJA,mBAKK,MALL,YAKK;AAAA,cAFWJ,MAAA,IAAA,kBAAdC,YAAoEO,aAAA;AAAA;gBAA/C,aAAWR,MAAA,IAAA;AAAA,gBAAM,MAAK;AAAA,gBAAK,YAAW;AAAA,cAAA;cAASS,gBAAA,sBACjET,MAAA,KAAA,CAAK,GAAA,CAAA;AAAA,YAAA;;UAGZI,mBAcM,OAdN,YAcM;AAAA,YAXJA,mBAUM,OAVN,YAUM;AAAA,cARIJ,MAAA,QAAA,kBADRD,mBAKK,MALL,YAKKM,gBADAL,MAAA,QAAA,CAAQ,GAAA,CAAA;cAEbI,mBAEM,OAAA,MAAA;AAAA,gBADJE,WAAQ,KAAA,QAAA,SAAA;AAAA,cAAA;;;;;;;;"}

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

@@ -2,14 +2,13 @@ import { defineComponent, toRefs, createElementBlock, openBlock, createElementVN
 import _sfc_main$1 from "../basics/EpIcon.vue.js";
 const _hoisted_1 = { class: "lg:grid lg:grid-cols-12 lg:gap-8" };
 const _hoisted_2 = { class: "lg:col-span-2" };
-const _hoisted_3 = { class: "text-pretty text-3xl font-semibold tracking-tight text-gray-900 dark:text-gray-100 sm:text-xl" };
+const _hoisted_3 = { class: "text-pretty text-3xl font-semibold tracking-tight sm:text-xl" };
 const _hoisted_4 = { class: "lg:col-span-8 lg:mt-0 lg:border-l dark:border-gray-700 lg:pl-4" };
 const _hoisted_5 = { class: "py-2" };
 const _hoisted_6 = {
   key: 0,
-  class: "text-base font-semibold leading-7 text-gray-900 dark:text-gray-100"
+  class: "text-base font-semibold leading-7"
 };
-const _hoisted_7 = { class: "text-gray-600 dark:text-gray-300" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "EpDescription",
   props: {
@@ -36,7 +35,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         createElementVNode("div", _hoisted_4, [
           createElementVNode("div", _hoisted_5, [
             unref(subtitle) ? (openBlock(), createElementBlock("h3", _hoisted_6, toDisplayString(unref(subtitle)), 1)) : createCommentVNode("", true),
-            createElementVNode("div", _hoisted_7, [
+            createElementVNode("div", null, [
               renderSlot(_ctx.$slots, "default")
             ])
           ])

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

@@ -1 +1 @@
-{"version":3,"file":"EpDescription.vue.js","sources":["../../../src/components/educationals/EpDescription.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { toRefs } from \"vue\";\nimport EpIcon from \"~/components/basics/EpIcon.vue\";\nimport type { EpDescriptionProps } from \"~/types/educationals/EpDescription\";\n\nconst props = withDefaults(defineProps<EpDescriptionProps>(), {\n  title: \"Description\",\n});\nconst { title, icon, subtitle } = toRefs(props);\n</script>\n<template>\n  <div class=\"lg:grid lg:grid-cols-12 lg:gap-8\">\n    <div class=\"lg:col-span-2\">\n      <h2\n        class=\"text-pretty text-3xl font-semibold tracking-tight text-gray-900 dark:text-gray-100 sm:text-xl\"\n      >\n        <EpIcon v-if=\"icon\" :icon-path=\"icon\" size=\"28\" extraClass=\"mr-2\" />\n        {{ title }}\n      </h2>\n    </div>\n    <div class=\"lg:col-span-8 lg:mt-0 lg:border-l dark:border-gray-700 lg:pl-4\">\n      <div class=\"py-2\">\n        <h3\n          v-if=\"subtitle\"\n          class=\"text-base font-semibold leading-7 text-gray-900 dark:text-gray-100\"\n        >\n          {{ subtitle }}\n        </h3>\n        <div class=\"text-gray-600 dark:text-gray-300\">\n          <slot />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n"],"names":["_openBlock","_createElementBlock","_createElementVNode","_unref","_createBlock","EpIcon","_createTextVNode","_toDisplayString","_renderSlot"],"mappings":";;;;;;;;;;;;;;;;;;;;AAKA,UAAM,QAAQ;AAGd,UAAM,EAAE,OAAO,MAAM,SAAA,IAAa,OAAO,KAAK;;AAG5C,aAAAA,UAAA,GAAAC,mBAsBM,OAtBN,YAsBM;AAAA,QArBJC,mBAOM,OAPN,YAOM;AAAA,UANJA,mBAKK,MALL,YAKK;AAAA,YAFWC,MAAA,IAAA,kBAAdC,YAAoEC,aAAA;AAAA;cAA/C,aAAWF,MAAA,IAAA;AAAA,cAAM,MAAK;AAAA,cAAK,YAAW;AAAA,YAAA;YAASG,gBAAA,sBACjEH,MAAA,KAAA,CAAK,GAAA,CAAA;AAAA,UAAA;;QAGZD,mBAYM,OAZN,YAYM;AAAA,UAXJA,mBAUM,OAVN,YAUM;AAAA,YARIC,MAAA,QAAA,kBADRF,mBAKK,MALL,YAKKM,gBADAJ,MAAA,QAAA,CAAQ,GAAA,CAAA;YAEbD,mBAEM,OAFN,YAEM;AAAA,cADJM,WAAQ,KAAA,QAAA,SAAA;AAAA,YAAA;;;;;;;"}
+{"version":3,"file":"EpDescription.vue.js","sources":["../../../src/components/educationals/EpDescription.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { toRefs } from \"vue\";\nimport EpIcon from \"~/components/basics/EpIcon.vue\";\nimport type { EpDescriptionProps } from \"~/types/educationals/EpDescription\";\n\nconst props = withDefaults(defineProps<EpDescriptionProps>(), {\n  title: \"Description\",\n});\nconst { title, icon, subtitle } = toRefs(props);\n</script>\n<template>\n  <div class=\"lg:grid lg:grid-cols-12 lg:gap-8\">\n    <div class=\"lg:col-span-2\">\n      <h2\n        class=\"text-pretty text-3xl font-semibold tracking-tight sm:text-xl\"\n      >\n        <EpIcon v-if=\"icon\" :icon-path=\"icon\" size=\"28\" extraClass=\"mr-2\" />\n        {{ title }}\n      </h2>\n    </div>\n    <div class=\"lg:col-span-8 lg:mt-0 lg:border-l dark:border-gray-700 lg:pl-4\">\n      <div class=\"py-2\">\n        <h3\n          v-if=\"subtitle\"\n          class=\"text-base font-semibold leading-7\"\n        >\n          {{ subtitle }}\n        </h3>\n        <div>\n          <slot />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n"],"names":["_openBlock","_createElementBlock","_createElementVNode","_unref","_createBlock","EpIcon","_createTextVNode","_toDisplayString","_renderSlot"],"mappings":";;;;;;;;;;;;;;;;;;;AAKA,UAAM,QAAQ;AAGd,UAAM,EAAE,OAAO,MAAM,SAAA,IAAa,OAAO,KAAK;;AAG5C,aAAAA,UAAA,GAAAC,mBAsBM,OAtBN,YAsBM;AAAA,QArBJC,mBAOM,OAPN,YAOM;AAAA,UANJA,mBAKK,MALL,YAKK;AAAA,YAFWC,MAAA,IAAA,kBAAdC,YAAoEC,aAAA;AAAA;cAA/C,aAAWF,MAAA,IAAA;AAAA,cAAM,MAAK;AAAA,cAAK,YAAW;AAAA,YAAA;YAASG,gBAAA,sBACjEH,MAAA,KAAA,CAAK,GAAA,CAAA;AAAA,UAAA;;QAGZD,mBAYM,OAZN,YAYM;AAAA,UAXJA,mBAUM,OAVN,YAUM;AAAA,YARIC,MAAA,QAAA,kBADRF,mBAKK,MALL,YAKKM,gBADAJ,MAAA,QAAA,CAAQ,GAAA,CAAA;YAEbD,mBAEM,OAAA,MAAA;AAAA,cADJM,WAAQ,KAAA,QAAA,SAAA;AAAA,YAAA;;;;;;;"}

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

@@ -71,7 +71,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return `flex flex-col justify-between`;
     });
     const bgColor = computed(() => {
-      return props.card ? "bg-surface-2 dark:bg-surface-2-dark" : "bg-surface dark:bg-surface-dark";
+      return props.card ? "bg-surface-2 dark:bg-surface-2-dark rounded p-4" : "";
     });
     const { title, hideIcon } = toRefs(props);
     return (_ctx, _cache) => {

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

@@ -1 +1 @@
-{"version":3,"file":"EpEdu.vue.js","sources":["../../../src/components/educationals/EpEdu.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { toRefs, computed, useSlots, type SetupContext } from \"vue\";\nimport { mediaVariants } from \"~/types/Medias\";\nimport EpIcon from \"~/components/basics/EpIcon.vue\";\nimport EpDivider from \"~/components/basics/EpDivider.vue\";\nimport EpScope from \"~/components/educationals/EpScope.vue\";\nimport { mdiLeadPencil } from \"@mdi/js\";\nimport type { EpEduProps } from \"~/types/educationals/EpEdu\";\n\nconst props = withDefaults(defineProps<EpEduProps>(), {\n  title: null,\n  type: \"neutral\",\n  hideIcon: false,\n  flat: true,\n  labelIntentions: \"\",\n  card: false\n});\n\n//get slots\nconst slots: SetupContext[\"slots\"] = useSlots();\n\nconst hasIntentions = computed(() => {\n  return slots.intentions ? true : false;\n});\n\nconst hasActions = computed(() => {\n  return slots.actions ? true : false;\n});\n\nconst renderIcon = computed(() => {\n  if (props.icon) {\n    return props.icon;\n  }\n  return mdiLeadPencil;\n});\n\nconst topBarStyle = computed(() => {\n  return `${mediaVariants[props.type]} text-left  ${\n    props.flat ? \"\" : \"rounded-t-md\"\n  } flex justify-between items-center `;\n});\n\nconst bottomBarStyle = computed(() => {\n  return `${mediaVariants[props.type]} text-right`;\n});\n\nconst paddingTopStyle = computed(() => {\n  if (props.type != \"neutral\") {\n    return `px-5 py-2`;\n  }\n});\n\nconst paddingBottomStyle = computed(() => {\n  if (props.type != \"neutral\") {\n    return `pr-5`;\n  }\n});\nconst boxPaddingStyle = computed(() => {\n  if (props.type != \"neutral\") {\n    return `px-5`;\n  }\n});\n\nconst containerStyle = computed(() => {\n  if (hasActions.value || hasIntentions.value || props.title) {\n    return ` overflow-hidden ${\n      props.flat ? \"\" : \"shadow-md\"\n    } flex flex-col justify-start h-full`;\n  }\n  return `flex flex-col justify-between`;\n});\n\n\nconst bgColor = computed(()=> {\n   return props.card ? 'bg-surface-2 dark:bg-surface-2-dark' : 'bg-surface dark:bg-surface-dark'\n})\n\n\n\nconst { title, hideIcon } = toRefs(props);\n</script>\n\n<template>\n  <div :class=\"`${containerStyle} ${bgColor}`\">\n    <div\n      :class=\"`${topBarStyle} ${paddingTopStyle}`\"\n      v-if=\"title || mandateLevel\"\n    >\n      <!-- <EpIcon :size=\"24\" :icon-path=\"mdiBookOpenVariant\"/> -->\n      <h3>\n        <EpIcon\n          v-if=\"!hideIcon\"\n          :iconPath=\"renderIcon\"\n          size=\"24\"\n          class=\"mr-2\"\n        />\n        <span class=\"font-bold align-middle\">{{ title }}</span>\n      </h3>\n      <EpScope v-if=\"mandateLevel\" :mandateLevel=\"mandateLevel\"></EpScope>\n    </div>\n    <div :class=\"`${boxPaddingStyle} `\">\n      <div class=\"py-4\" v-if=\"hasIntentions\">\n        <!-- <EpIcon :size=\"24\" :icon-path=\"mdiInformationOutline\"/> -->\n        <h4\n          v-if=\"labelIntentions\"\n          class=\"font-light text-sm pb-1 tracking-wide\"\n        >\n          {{ labelIntentions }}\n        </h4>\n        <slot name=\"intentions\" />\n        <EpDivider />\n      </div>\n      <div class=\"pt-2\">\n        <slot name=\"content\" />\n      </div>\n    </div>\n    <div\n      :class=\"`${bottomBarStyle} ${paddingBottomStyle}`\"\n      v-if=\"hasActions\"\n    >\n      <slot name=\"actions\" />\n    </div>\n  </div>\n</template>\n"],"names":["_createElementBlock","_normalizeClass","_unref","mandateLevel","_createElementVNode","_createBlock","EpIcon","_toDisplayString","EpScope","_openBlock","labelIntentions","_renderSlot","_createVNode","EpDivider"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,UAAM,QAAQ;AAUd,UAAM,QAA+B,SAAA;AAErC,UAAM,gBAAgB,SAAS,MAAM;AACnC,aAAO,MAAM,aAAa,OAAO;AAAA,IACnC,CAAC;AAED,UAAM,aAAa,SAAS,MAAM;AAChC,aAAO,MAAM,UAAU,OAAO;AAAA,IAChC,CAAC;AAED,UAAM,aAAa,SAAS,MAAM;AAChC,UAAI,MAAM,MAAM;AACd,eAAO,MAAM;AAAA,MACf;AACA,aAAO;AAAA,IACT,CAAC;AAED,UAAM,cAAc,SAAS,MAAM;AACjC,aAAO,GAAG,cAAc,MAAM,IAAI,CAAC,eACjC,MAAM,OAAO,KAAK,cACpB;AAAA,IACF,CAAC;AAED,UAAM,iBAAiB,SAAS,MAAM;AACpC,aAAO,GAAG,cAAc,MAAM,IAAI,CAAC;AAAA,IACrC,CAAC;AAED,UAAM,kBAAkB,SAAS,MAAM;AACrC,UAAI,MAAM,QAAQ,WAAW;AAC3B,eAAO;AAAA,MACT;AAAA,IACF,CAAC;AAED,UAAM,qBAAqB,SAAS,MAAM;AACxC,UAAI,MAAM,QAAQ,WAAW;AAC3B,eAAO;AAAA,MACT;AAAA,IACF,CAAC;AACD,UAAM,kBAAkB,SAAS,MAAM;AACrC,UAAI,MAAM,QAAQ,WAAW;AAC3B,eAAO;AAAA,MACT;AAAA,IACF,CAAC;AAED,UAAM,iBAAiB,SAAS,MAAM;AACpC,UAAI,WAAW,SAAS,cAAc,SAAS,MAAM,OAAO;AAC1D,eAAO,oBACL,MAAM,OAAO,KAAK,WACpB;AAAA,MACF;AACA,aAAO;AAAA,IACT,CAAC;AAGD,UAAM,UAAU,SAAS,MAAK;AAC3B,aAAO,MAAM,OAAO,wCAAwC;AAAA,IAC/D,CAAC;AAID,UAAM,EAAE,OAAO,aAAa,OAAO,KAAK;;0BAItCA,mBAuCM,OAAA;AAAA,QAvCA,OAAKC,eAAA,GAAK,eAAA,KAAc,IAAI,QAAA,KAAO,EAAA;AAAA,MAAA;QAG/BC,MAAA,KAAA,KAASC,KAAAA,6BAFjBH,mBAeM,OAAA;AAAA;UAdH,OAAKC,eAAA,GAAK,YAAA,KAAW,IAAI,gBAAA,KAAe,EAAA;AAAA,QAAA;UAIzCG,mBAQK,MAAA,MAAA;AAAA,aANMF,MAAA,QAAA,kBADTG,YAKEC,aAAA;AAAA;cAHC,UAAU,WAAA;AAAA,cACX,MAAK;AAAA,cACL,OAAM;AAAA,YAAA;YAERF,mBAAuD,QAAvD,YAAuDG,gBAAfL,MAAA,KAAA,CAAK,GAAA,CAAA;AAAA,UAAA;UAEhCC,KAAAA,6BAAfE,YAAoEG,aAAA;AAAA;YAAtC,cAAcL,KAAAA;AAAAA,UAAAA;;QAE9CC,mBAeM,OAAA;AAAA,UAfA,yBAAU,gBAAA,KAAe,GAAA;AAAA,QAAA;UACL,cAAA,SAAxBK,UAAA,GAAAT,mBAUM,OAVN,YAUM;AAAA,YAPIU,KAAAA,gCADRV,mBAKK,MALL,YAKKO,gBADAG,KAAAA,eAAe,GAAA,CAAA;YAEpBC,WAA0B,KAAA,QAAA,YAAA;AAAA,YAC1BC,YAAaC,WAAA;AAAA,UAAA;UAEfT,mBAEM,OAFN,YAEM;AAAA,YADJO,WAAuB,KAAA,QAAA,SAAA;AAAA,UAAA;;QAKnB,WAAA,sBAFRX,mBAKM,OAAA;AAAA;UAJH,OAAKC,eAAA,GAAK,eAAA,KAAc,IAAI,mBAAA,KAAkB,EAAA;AAAA,QAAA;UAG/CU,WAAuB,KAAA,QAAA,SAAA;AAAA,QAAA;;;;;"}
+{"version":3,"file":"EpEdu.vue.js","sources":["../../../src/components/educationals/EpEdu.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { toRefs, computed, useSlots, type SetupContext } from \"vue\";\nimport { mediaVariants } from \"~/types/Medias\";\nimport EpIcon from \"~/components/basics/EpIcon.vue\";\nimport EpDivider from \"~/components/basics/EpDivider.vue\";\nimport EpScope from \"~/components/educationals/EpScope.vue\";\nimport { mdiLeadPencil } from \"@mdi/js\";\nimport type { EpEduProps } from \"~/types/educationals/EpEdu\";\n\nconst props = withDefaults(defineProps<EpEduProps>(), {\n  title: null,\n  type: \"neutral\",\n  hideIcon: false,\n  flat: true,\n  labelIntentions: \"\",\n  card: false\n});\n\n//get slots\nconst slots: SetupContext[\"slots\"] = useSlots();\n\nconst hasIntentions = computed(() => {\n  return slots.intentions ? true : false;\n});\n\nconst hasActions = computed(() => {\n  return slots.actions ? true : false;\n});\n\nconst renderIcon = computed(() => {\n  if (props.icon) {\n    return props.icon;\n  }\n  return mdiLeadPencil;\n});\n\nconst topBarStyle = computed(() => {\n  return `${mediaVariants[props.type]} text-left  ${\n    props.flat ? \"\" : \"rounded-t-md\"\n  } flex justify-between items-center `;\n});\n\nconst bottomBarStyle = computed(() => {\n  return `${mediaVariants[props.type]} text-right`;\n});\n\nconst paddingTopStyle = computed(() => {\n  if (props.type != \"neutral\") {\n    return `px-5 py-2`;\n  }\n});\n\nconst paddingBottomStyle = computed(() => {\n  if (props.type != \"neutral\") {\n    return `pr-5`;\n  }\n});\nconst boxPaddingStyle = computed(() => {\n  if (props.type != \"neutral\") {\n    return `px-5`;\n  }\n});\n\nconst containerStyle = computed(() => {\n  if (hasActions.value || hasIntentions.value || props.title) {\n    return ` overflow-hidden ${\n      props.flat ? \"\" : \"shadow-md\"\n    } flex flex-col justify-start h-full`;\n  }\n  return `flex flex-col justify-between`;\n});\n\n\nconst bgColor = computed(()=> {\n   return props.card ? 'bg-surface-2 dark:bg-surface-2-dark rounded p-4' : ''\n})\n\n\n\nconst { title, hideIcon } = toRefs(props);\n</script>\n\n<template>\n  <div :class=\"`${containerStyle} ${bgColor}`\">\n    <div\n      :class=\"`${topBarStyle} ${paddingTopStyle}`\"\n      v-if=\"title || mandateLevel\"\n    >\n      <!-- <EpIcon :size=\"24\" :icon-path=\"mdiBookOpenVariant\"/> -->\n      <h3>\n        <EpIcon\n          v-if=\"!hideIcon\"\n          :iconPath=\"renderIcon\"\n          size=\"24\"\n          class=\"mr-2\"\n        />\n        <span class=\"font-bold align-middle\">{{ title }}</span>\n      </h3>\n      <EpScope v-if=\"mandateLevel\" :mandateLevel=\"mandateLevel\"></EpScope>\n    </div>\n    <div :class=\"`${boxPaddingStyle} `\">\n      <div class=\"py-4\" v-if=\"hasIntentions\">\n        <!-- <EpIcon :size=\"24\" :icon-path=\"mdiInformationOutline\"/> -->\n        <h4\n          v-if=\"labelIntentions\"\n          class=\"font-light text-sm pb-1 tracking-wide\"\n        >\n          {{ labelIntentions }}\n        </h4>\n        <slot name=\"intentions\" />\n        <EpDivider />\n      </div>\n      <div class=\"pt-2\">\n        <slot name=\"content\" />\n      </div>\n    </div>\n    <div\n      :class=\"`${bottomBarStyle} ${paddingBottomStyle}`\"\n      v-if=\"hasActions\"\n    >\n      <slot name=\"actions\" />\n    </div>\n  </div>\n</template>\n"],"names":["_createElementBlock","_normalizeClass","_unref","mandateLevel","_createElementVNode","_createBlock","EpIcon","_toDisplayString","EpScope","_openBlock","labelIntentions","_renderSlot","_createVNode","EpDivider"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,UAAM,QAAQ;AAUd,UAAM,QAA+B,SAAA;AAErC,UAAM,gBAAgB,SAAS,MAAM;AACnC,aAAO,MAAM,aAAa,OAAO;AAAA,IACnC,CAAC;AAED,UAAM,aAAa,SAAS,MAAM;AAChC,aAAO,MAAM,UAAU,OAAO;AAAA,IAChC,CAAC;AAED,UAAM,aAAa,SAAS,MAAM;AAChC,UAAI,MAAM,MAAM;AACd,eAAO,MAAM;AAAA,MACf;AACA,aAAO;AAAA,IACT,CAAC;AAED,UAAM,cAAc,SAAS,MAAM;AACjC,aAAO,GAAG,cAAc,MAAM,IAAI,CAAC,eACjC,MAAM,OAAO,KAAK,cACpB;AAAA,IACF,CAAC;AAED,UAAM,iBAAiB,SAAS,MAAM;AACpC,aAAO,GAAG,cAAc,MAAM,IAAI,CAAC;AAAA,IACrC,CAAC;AAED,UAAM,kBAAkB,SAAS,MAAM;AACrC,UAAI,MAAM,QAAQ,WAAW;AAC3B,eAAO;AAAA,MACT;AAAA,IACF,CAAC;AAED,UAAM,qBAAqB,SAAS,MAAM;AACxC,UAAI,MAAM,QAAQ,WAAW;AAC3B,eAAO;AAAA,MACT;AAAA,IACF,CAAC;AACD,UAAM,kBAAkB,SAAS,MAAM;AACrC,UAAI,MAAM,QAAQ,WAAW;AAC3B,eAAO;AAAA,MACT;AAAA,IACF,CAAC;AAED,UAAM,iBAAiB,SAAS,MAAM;AACpC,UAAI,WAAW,SAAS,cAAc,SAAS,MAAM,OAAO;AAC1D,eAAO,oBACL,MAAM,OAAO,KAAK,WACpB;AAAA,MACF;AACA,aAAO;AAAA,IACT,CAAC;AAGD,UAAM,UAAU,SAAS,MAAK;AAC3B,aAAO,MAAM,OAAO,oDAAoD;AAAA,IAC3E,CAAC;AAID,UAAM,EAAE,OAAO,aAAa,OAAO,KAAK;;0BAItCA,mBAuCM,OAAA;AAAA,QAvCA,OAAKC,eAAA,GAAK,eAAA,KAAc,IAAI,QAAA,KAAO,EAAA;AAAA,MAAA;QAG/BC,MAAA,KAAA,KAASC,KAAAA,6BAFjBH,mBAeM,OAAA;AAAA;UAdH,OAAKC,eAAA,GAAK,YAAA,KAAW,IAAI,gBAAA,KAAe,EAAA;AAAA,QAAA;UAIzCG,mBAQK,MAAA,MAAA;AAAA,aANMF,MAAA,QAAA,kBADTG,YAKEC,aAAA;AAAA;cAHC,UAAU,WAAA;AAAA,cACX,MAAK;AAAA,cACL,OAAM;AAAA,YAAA;YAERF,mBAAuD,QAAvD,YAAuDG,gBAAfL,MAAA,KAAA,CAAK,GAAA,CAAA;AAAA,UAAA;UAEhCC,KAAAA,6BAAfE,YAAoEG,aAAA;AAAA;YAAtC,cAAcL,KAAAA;AAAAA,UAAAA;;QAE9CC,mBAeM,OAAA;AAAA,UAfA,yBAAU,gBAAA,KAAe,GAAA;AAAA,QAAA;UACL,cAAA,SAAxBK,UAAA,GAAAT,mBAUM,OAVN,YAUM;AAAA,YAPIU,KAAAA,gCADRV,mBAKK,MALL,YAKKO,gBADAG,KAAAA,eAAe,GAAA,CAAA;YAEpBC,WAA0B,KAAA,QAAA,YAAA;AAAA,YAC1BC,YAAaC,WAAA;AAAA,UAAA;UAEfT,mBAEM,OAFN,YAEM;AAAA,YADJO,WAAuB,KAAA,QAAA,SAAA;AAAA,UAAA;;QAKnB,WAAA,sBAFRX,mBAKM,OAAA;AAAA;UAJH,OAAKC,eAAA,GAAK,eAAA,KAAc,IAAI,mBAAA,KAAkB,EAAA;AAAA,QAAA;UAG/CU,WAAuB,KAAA,QAAA,SAAA;AAAA,QAAA;;;;;"}

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

@@ -4,7 +4,7 @@ import Comp from "../interactions/EpAccordeon.vue.js";
 import _sfc_main$2 from "../basics/EpImg.vue.js";
 const _hoisted_1 = { class: "lg:grid lg:grid-cols-12 lg:gap-8" };
 const _hoisted_2 = { class: "lg:col-span-2" };
-const _hoisted_3 = { class: "text-pretty text-3xl font-semibold tracking-tight text-gray-900 dark:text-gray-100 sm:text-xl" };
+const _hoisted_3 = { class: "text-pretty text-3xl font-semibold tracking-tight sm:text-xl" };
 const _hoisted_4 = { class: "lg:col-span-8 lg:mt-0 lg:border-l dark:border-gray-700 lg:pl-4" };
 const _hoisted_5 = { class: "py-2" };
 const _hoisted_6 = ["innerHTML"];
@@ -48,8 +48,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   }, null, 8, _hoisted_6),
                   instruction.src ? (openBlock(), createBlock(_sfc_main$2, {
                     key: 0,
-                    src: instruction.src
-                  }, null, 8, ["src"])) : createCommentVNode("", true)
+                    src: instruction.src,
+                    cols: instruction.cols
+                  }, null, 8, ["src", "cols"])) : createCommentVNode("", true)
                 ]),
                 _: 2
               }, 1032, ["title", "open"]);

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

@@ -1 +1 @@
-{"version":3,"file":"EpInstructions.vue.js","sources":["../../../src/components/educationals/EpInstructions.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { toRefs } from \"vue\";\nimport EpIcon from \"~/components/basics/EpIcon.vue\";\nimport EpAccordeon from \"~/components/interactions/EpAccordeon.vue\";\nimport type { EpInstructionsProps } from \"~/types/educationals/EpInstructions\";\nimport EpImg from \"../basics/EpImg.vue\";\n\nconst props = withDefaults(defineProps<EpInstructionsProps>(), {\n  title: \"Consignes\",\n});\n\nconst { title, icon } = toRefs(props);\n</script>\n<template>\n  <div class=\"lg:grid lg:grid-cols-12 lg:gap-8\">\n    <div class=\"lg:col-span-2\">\n      <h2\n        class=\"text-pretty text-3xl font-semibold tracking-tight text-gray-900 dark:text-gray-100 sm:text-xl\"\n      >\n        <EpIcon v-if=\"icon\" :icon-path=\"icon\" size=\"28\" extraClass=\"mr-2\" />\n        {{ title }}\n      </h2>\n    </div>\n    <div class=\"lg:col-span-8 lg:mt-0 lg:border-l dark:border-gray-700 lg:pl-4\">\n      <div class=\"py-2\">\n        <template\n          v-for=\"instruction in instructions\"\n          :key=\"`instruction-${instruction.uid}`\"\n        >\n          <EpAccordeon\n            small\n            outlined\n            :title=\"instruction.title\"\n            :open=\"instruction.open\"\n          >\n            <div v-html=\"instruction.content\" />\n            <EpImg v-if=\"instruction.src\" :src=\"instruction.src\" />\n          </EpAccordeon>\n        </template>\n      </div>\n    </div>\n  </div>\n</template>\n"],"names":["_openBlock","_createElementBlock","_createElementVNode","_unref","_createBlock","EpIcon","_createTextVNode","_Fragment","_renderList","instructions","EpAccordeon","EpImg"],"mappings":";;;;;;;;;;;;;;;;;;;AAOA,UAAM,QAAQ;AAId,UAAM,EAAE,OAAO,SAAS,OAAO,KAAK;;AAGlC,aAAAA,UAAA,GAAAC,mBA2BM,OA3BN,YA2BM;AAAA,QA1BJC,mBAOM,OAPN,YAOM;AAAA,UANJA,mBAKK,MALL,YAKK;AAAA,YAFWC,MAAA,IAAA,kBAAdC,YAAoEC,aAAA;AAAA;cAA/C,aAAWF,MAAA,IAAA;AAAA,cAAM,MAAK;AAAA,cAAK,YAAW;AAAA,YAAA;YAASG,gBAAA,sBACjEH,MAAA,KAAA,CAAK,GAAA,CAAA;AAAA,UAAA;;QAGZD,mBAiBM,OAjBN,YAiBM;AAAA,UAhBJA,mBAeM,OAfN,YAeM;AAAA,8BAdJD,mBAaWM,UAAA,MAAAC,WAZaC,KAAAA,cAAY,CAA3B,gBAAW;kCAGlBL,YAQcM,MAAA;AAAA,gBAVO,KAAA,eAAA,YAAY,GAAG;AAAA,gBAGlC,OAAA;AAAA,gBACA,UAAA;AAAA,gBACC,OAAO,YAAY;AAAA,gBACnB,MAAM,YAAY;AAAA,cAAA;iCAEnB,MAAoC;AAAA,kBAApCR,mBAAoC,OAAA;AAAA,oBAA/B,WAAQ,YAAY;AAAA,kBAAA;kBACZ,YAAY,oBAAzBE,YAAuDO,aAAA;AAAA;oBAAxB,KAAK,YAAY;AAAA,kBAAA;;;;;;;;;;;"}
+{"version":3,"file":"EpInstructions.vue.js","sources":["../../../src/components/educationals/EpInstructions.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { toRefs } from \"vue\";\nimport EpIcon from \"~/components/basics/EpIcon.vue\";\nimport EpAccordeon from \"~/components/interactions/EpAccordeon.vue\";\nimport type { EpInstructionsProps } from \"~/types/educationals/EpInstructions\";\nimport EpImg from \"../basics/EpImg.vue\";\n\nconst props = withDefaults(defineProps<EpInstructionsProps>(), {\n  title: \"Consignes\",\n});\n\nconst { title, icon } = toRefs(props);\n</script>\n<template>\n  <div class=\"lg:grid lg:grid-cols-12 lg:gap-8\">\n    <div class=\"lg:col-span-2\">\n      <h2\n        class=\"text-pretty text-3xl font-semibold tracking-tight sm:text-xl\"\n      >\n        <EpIcon v-if=\"icon\" :icon-path=\"icon\" size=\"28\" extraClass=\"mr-2\" />\n        {{ title }}\n      </h2>\n    </div>\n    <div class=\"lg:col-span-8 lg:mt-0 lg:border-l dark:border-gray-700 lg:pl-4\">\n      <div class=\"py-2\">\n        <template\n          v-for=\"instruction in instructions\"\n          :key=\"`instruction-${instruction.uid}`\"\n        >\n          <EpAccordeon\n            small\n            outlined\n            :title=\"instruction.title\"\n            :open=\"instruction.open\"\n          >\n            <div v-html=\"instruction.content\" />\n            <EpImg v-if=\"instruction.src\" :src=\"instruction.src\" :cols=\"instruction.cols\" />\n          </EpAccordeon>\n        </template>\n      </div>\n    </div>\n  </div>\n</template>\n"],"names":["_openBlock","_createElementBlock","_createElementVNode","_unref","_createBlock","EpIcon","_createTextVNode","_Fragment","_renderList","instructions","EpAccordeon","EpImg"],"mappings":";;;;;;;;;;;;;;;;;;;AAOA,UAAM,QAAQ;AAId,UAAM,EAAE,OAAO,SAAS,OAAO,KAAK;;AAGlC,aAAAA,UAAA,GAAAC,mBA2BM,OA3BN,YA2BM;AAAA,QA1BJC,mBAOM,OAPN,YAOM;AAAA,UANJA,mBAKK,MALL,YAKK;AAAA,YAFWC,MAAA,IAAA,kBAAdC,YAAoEC,aAAA;AAAA;cAA/C,aAAWF,MAAA,IAAA;AAAA,cAAM,MAAK;AAAA,cAAK,YAAW;AAAA,YAAA;YAASG,gBAAA,sBACjEH,MAAA,KAAA,CAAK,GAAA,CAAA;AAAA,UAAA;;QAGZD,mBAiBM,OAjBN,YAiBM;AAAA,UAhBJA,mBAeM,OAfN,YAeM;AAAA,8BAdJD,mBAaWM,UAAA,MAAAC,WAZaC,KAAAA,cAAY,CAA3B,gBAAW;kCAGlBL,YAQcM,MAAA;AAAA,gBAVO,KAAA,eAAA,YAAY,GAAG;AAAA,gBAGlC,OAAA;AAAA,gBACA,UAAA;AAAA,gBACC,OAAO,YAAY;AAAA,gBACnB,MAAM,YAAY;AAAA,cAAA;iCAEnB,MAAoC;AAAA,kBAApCR,mBAAoC,OAAA;AAAA,oBAA/B,WAAQ,YAAY;AAAA,kBAAA;kBACZ,YAAY,oBAAzBE,YAAgFO,aAAA;AAAA;oBAAjD,KAAK,YAAY;AAAA,oBAAM,MAAM,YAAY;AAAA,kBAAA;;;;;;;;;;;"}

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

@@ -2,14 +2,13 @@ import { defineComponent, createElementBlock, openBlock, createElementVNode, cre
 import _sfc_main$1 from "../basics/EpIcon.vue.js";
 const _hoisted_1 = { class: "lg:grid lg:grid-cols-12 lg:gap-8" };
 const _hoisted_2 = { class: "lg:col-span-2" };
-const _hoisted_3 = { class: "text-pretty text-3xl font-semibold tracking-tight text-gray-900 dark:text-gray-100 sm:text-xl" };
+const _hoisted_3 = { class: "text-pretty text-3xl font-semibold tracking-tight sm:text-xl" };
 const _hoisted_4 = { class: "lg:col-span-8 lg:mt-0 lg:border-l dark:border-gray-700 lg:pl-4" };
 const _hoisted_5 = { class: "py-2" };
 const _hoisted_6 = {
   key: 0,
-  class: "text-base font-semibold leading-7 text-gray-900 dark:text-gray-100"
+  class: "text-base font-semibold leading-7"
 };
-const _hoisted_7 = { class: "text-gray-600 dark:text-gray-300" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "EpIntroduction",
   props: {
@@ -34,7 +33,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         createElementVNode("div", _hoisted_4, [
           createElementVNode("div", _hoisted_5, [
             _ctx.subtitle ? (openBlock(), createElementBlock("h3", _hoisted_6, toDisplayString(_ctx.subtitle), 1)) : createCommentVNode("", true),
-            createElementVNode("div", _hoisted_7, [
+            createElementVNode("div", null, [
               renderSlot(_ctx.$slots, "default")
             ])
           ])

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

@@ -1 +1 @@
-{"version":3,"file":"EpIntroduction.vue.js","sources":["../../../src/components/educationals/EpIntroduction.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport EpIcon from \"~/components/basics/EpIcon.vue\";\nimport type { EpIntroductionProps } from \"~/types/educationals/EpIntroduction\";\n\nconst {\n  title = \"Introduction\",\n  icon,\n  subtitle,\n} = defineProps<EpIntroductionProps>();\n</script>\n<template>\n  <div class=\"lg:grid lg:grid-cols-12 lg:gap-8\">\n    <div class=\"lg:col-span-2\">\n      <h2\n        class=\"text-pretty text-3xl font-semibold tracking-tight text-gray-900 dark:text-gray-100 sm:text-xl\"\n      >\n        <EpIcon v-if=\"icon\" :icon-path=\"icon\" size=\"28\" extraClass=\"mr-2\" />\n        {{ title }}\n      </h2>\n    </div>\n    <div class=\"lg:col-span-8 lg:mt-0 lg:border-l dark:border-gray-700 lg:pl-4\">\n      <div class=\"py-2\">\n        <h3\n          v-if=\"subtitle\"\n          class=\"text-base font-semibold leading-7 text-gray-900 dark:text-gray-100\"\n        >\n          {{ subtitle }}\n        </h3>\n        <div class=\"text-gray-600 dark:text-gray-300\">\n          <slot />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n"],"names":["_openBlock","_createElementBlock","_createElementVNode","icon","_createBlock","EpIcon","_createTextVNode","title","subtitle","_toDisplayString","_renderSlot"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAWE,aAAAA,UAAA,GAAAC,mBAsBM,OAtBN,YAsBM;AAAA,QArBJC,mBAOM,OAPN,YAOM;AAAA,UANJA,mBAKK,MALL,YAKK;AAAA,YAFWC,KAAAA,qBAAdC,YAAoEC,aAAA;AAAA;cAA/C,aAAWF,KAAAA;AAAAA,cAAM,MAAK;AAAA,cAAK,YAAW;AAAA,YAAA;YAASG,gBAAA,sBACjEC,KAAAA,KAAK,GAAA,CAAA;AAAA,UAAA;;QAGZL,mBAYM,OAZN,YAYM;AAAA,UAXJA,mBAUM,OAVN,YAUM;AAAA,YARIM,KAAAA,yBADRP,mBAKK,MALL,YAKKQ,gBADAD,KAAAA,QAAQ,GAAA,CAAA;YAEbN,mBAEM,OAFN,YAEM;AAAA,cADJQ,WAAQ,KAAA,QAAA,SAAA;AAAA,YAAA;;;;;;;"}
+{"version":3,"file":"EpIntroduction.vue.js","sources":["../../../src/components/educationals/EpIntroduction.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport EpIcon from \"~/components/basics/EpIcon.vue\";\nimport type { EpIntroductionProps } from \"~/types/educationals/EpIntroduction\";\n\nconst {\n  title = \"Introduction\",\n  icon,\n  subtitle,\n} = defineProps<EpIntroductionProps>();\n</script>\n<template>\n  <div class=\"lg:grid lg:grid-cols-12 lg:gap-8\">\n    <div class=\"lg:col-span-2\">\n      <h2\n        class=\"text-pretty text-3xl font-semibold tracking-tight sm:text-xl\"\n      >\n        <EpIcon v-if=\"icon\" :icon-path=\"icon\" size=\"28\" extraClass=\"mr-2\" />\n        {{ title }}\n      </h2>\n    </div>\n    <div class=\"lg:col-span-8 lg:mt-0 lg:border-l dark:border-gray-700 lg:pl-4\">\n      <div class=\"py-2\">\n        <h3\n          v-if=\"subtitle\"\n          class=\"text-base font-semibold leading-7\"\n        >\n          {{ subtitle }}\n        </h3>\n        <div>\n          <slot />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n"],"names":["_openBlock","_createElementBlock","_createElementVNode","icon","_createBlock","EpIcon","_createTextVNode","title","subtitle","_toDisplayString","_renderSlot"],"mappings":";;;;;;;;;;;;;;;;;;;;AAWE,aAAAA,UAAA,GAAAC,mBAsBM,OAtBN,YAsBM;AAAA,QArBJC,mBAOM,OAPN,YAOM;AAAA,UANJA,mBAKK,MALL,YAKK;AAAA,YAFWC,KAAAA,qBAAdC,YAAoEC,aAAA;AAAA;cAA/C,aAAWF,KAAAA;AAAAA,cAAM,MAAK;AAAA,cAAK,YAAW;AAAA,YAAA;YAASG,gBAAA,sBACjEC,KAAAA,KAAK,GAAA,CAAA;AAAA,UAAA;;QAGZL,mBAYM,OAZN,YAYM;AAAA,UAXJA,mBAUM,OAVN,YAUM;AAAA,YARIM,KAAAA,yBADRP,mBAKK,MALL,YAKKQ,gBADAD,KAAAA,QAAQ,GAAA,CAAA;YAEbN,mBAEM,OAAA,MAAA;AAAA,cADJQ,WAAQ,KAAA,QAAA,SAAA;AAAA,YAAA;;;;;;;"}

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.vue2.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)
       );
     };
     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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"}