ep-lib-ts 1.1.13 → 1.1.14

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

@@ -64,52 +64,52 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         class: "EpSection",
         id: `section-${unref(id)}`
       }, [
-        !__props.compact ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+        !_ctx.compact ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
           createElementVNode("div", {
             class: normalizeClass(`flex items-center ${styleTitle.value}`)
           }, [
-            __props.icon && !__props.endIcon ? (openBlock(), createBlock(_sfc_main$1, {
+            _ctx.icon && !_ctx.endIcon ? (openBlock(), createBlock(_sfc_main$1, {
               key: 0,
-              "icon-path": __props.icon,
+              "icon-path": _ctx.icon,
               size: iconSize.value
             }, null, 8, ["icon-path", "size"])) : createCommentVNode("", true),
             createElementVNode("div", {
-              class: normalizeClass(`${__props.endIcon ? "" : "ml-2"}`)
+              class: normalizeClass(`${_ctx.endIcon ? "" : "ml-2"}`)
             }, [
-              createElementVNode("h2", _hoisted_2, toDisplayString(__props.title), 1),
-              createElementVNode("h3", _hoisted_3, toDisplayString(__props.subtitle), 1)
+              createElementVNode("h2", _hoisted_2, toDisplayString(_ctx.title), 1),
+              createElementVNode("h3", _hoisted_3, toDisplayString(_ctx.subtitle), 1)
             ], 2),
-            __props.icon && __props.endIcon ? (openBlock(), createBlock(_sfc_main$1, {
+            _ctx.icon && _ctx.endIcon ? (openBlock(), createBlock(_sfc_main$1, {
               key: 1,
-              "icon-path": __props.icon,
+              "icon-path": _ctx.icon,
               size: iconSize.value
             }, null, 8, ["icon-path", "size"])) : createCommentVNode("", true)
           ], 2),
-          __props.media || __props.src ? (openBlock(), createElementBlock("div", {
+          _ctx.media || _ctx.src ? (openBlock(), createElementBlock("div", {
             key: 0,
-            class: normalizeClass(`flex ${__props.mediaAling}`)
+            class: normalizeClass(`flex ${_ctx.mediaAling}`)
           }, [
             createElementVNode("div", {
               class: normalizeClass(`dark:text-white ${renderCols.value}`)
             }, [
-              __props.media ? (openBlock(), createElementBlock("div", {
+              _ctx.media ? (openBlock(), createElementBlock("div", {
                 key: 0,
-                innerHTML: __props.media,
+                innerHTML: _ctx.media,
                 class: "w-full"
               }, null, 8, _hoisted_4)) : (openBlock(), createElementBlock("div", _hoisted_5, [
                 createElementVNode("img", {
-                  src: __props.src,
-                  alt: `image section ${__props.title}`
+                  src: _ctx.src,
+                  alt: `image section ${_ctx.title}`
                 }, null, 8, _hoisted_6)
               ]))
             ], 2)
           ], 2)) : createCommentVNode("", true),
-          __props.title || __props.subtitle ? (openBlock(), createBlock(_sfc_main$2, { key: 1 })) : createCommentVNode("", true),
+          _ctx.title || _ctx.subtitle ? (openBlock(), createBlock(_sfc_main$2, { key: 1 })) : createCommentVNode("", true),
           createElementVNode("div", {
-            class: normalizeClass(`flex ${__props.gap}`)
+            class: normalizeClass(`flex ${_ctx.gap}`)
           }, [
             createElementVNode("div", {
-              class: normalizeClass(`${__props.leftCol}`)
+              class: normalizeClass(`${_ctx.leftCol}`)
             }, [
               renderSlot(_ctx.$slots, "left")
             ], 2),
@@ -121,37 +121,37 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ], 2)
         ], 64)) : (openBlock(), createBlock(Comp, {
           key: 1,
-          title: __props.title,
-          subtitle: __props.subtitle,
-          open: __props.open,
-          icon: __props.icon,
+          title: _ctx.title,
+          subtitle: _ctx.subtitle,
+          open: _ctx.open,
+          icon: _ctx.icon,
           outlined: ""
         }, {
           default: withCtx(() => [
-            __props.media || __props.src ? (openBlock(), createElementBlock("div", {
+            _ctx.media || _ctx.src ? (openBlock(), createElementBlock("div", {
               key: 0,
-              class: normalizeClass(`flex ${__props.mediaAling}`)
+              class: normalizeClass(`flex ${_ctx.mediaAling}`)
             }, [
               createElementVNode("div", {
                 class: normalizeClass(`dark:text-white ${renderCols.value}`)
               }, [
-                __props.media ? (openBlock(), createElementBlock("div", {
+                _ctx.media ? (openBlock(), createElementBlock("div", {
                   key: 0,
-                  innerHTML: __props.media,
+                  innerHTML: _ctx.media,
                   class: "w-full"
                 }, null, 8, _hoisted_7)) : (openBlock(), createElementBlock("div", _hoisted_8, [
                   createElementVNode("img", {
-                    src: __props.src,
-                    alt: `image section ${__props.title}`
+                    src: _ctx.src,
+                    alt: `image section ${_ctx.title}`
                   }, null, 8, _hoisted_9)
                 ]))
               ], 2)
             ], 2)) : createCommentVNode("", true),
             createElementVNode("div", {
-              class: normalizeClass(`flex ${__props.gap}`)
+              class: normalizeClass(`flex ${_ctx.gap}`)
             }, [
               createElementVNode("div", {
-                class: normalizeClass(`${__props.leftCol}`)
+                class: normalizeClass(`${_ctx.leftCol}`)
               }, [
                 renderSlot(_ctx.$slots, "left")
               ], 2),

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

@@ -1 +1 @@
-{"version":3,"file":"EpSectionCols.vue.js","sources":["../../../src/components/basics/EpSectionCols.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { useCreateUid } from \"~/composables/useCreateUid\";\nimport { cols_img } from \"~/types/Image\";\nimport { allowedColWidths } from \"~/types/Cols\";\nimport EpDivider from \"~/components/basics/EpDivider.vue\";\nimport EpIcon from \"~/components/basics/EpIcon.vue\";\nimport type { EpSectionColsProps } from \"~/types/basics/EpSectionCols\";\nimport EpAccordeon from \"~/components/interactions/EpAccordeon.vue\";\n\nconst props = withDefaults(defineProps<EpSectionColsProps>(), {\n  title: null,\n  icon: null,\n  colsMedia: \"6\",\n  mediaAling: \"justify-center\",\n  gap: \"gap-1\",\n  leftCol: \"w-full\",\n});\n\nconst id = props.uid || useCreateUid()\n\nconst iconSize = computed(() => {\n  if (props.title && props.subtitle) return 40;\n  return 25;\n});\n\nconst styleTitle = computed(() => {\n  if (props.endIcon) {\n    return \"justify-between\";\n  }\n  return \"\";\n});\n\nconst renderCols = computed(() => {\n  return cols_img[+props.colsMedia];\n});\n\nconst rightCol = computed(() => {\n  if (props.leftCol === \"w-full\") return \"w-full\";\n  const leftIndex = allowedColWidths.indexOf(props.leftCol);\n  const rightIndex = allowedColWidths.length - leftIndex - 2;\n  return allowedColWidths[rightIndex] || \"w-full\";\n});\n</script>\n\n<template>\n  <section class=\"EpSection\" :id=\"`section-${id}`\">\n    <!--normal mode-->\n    <template v-if=\"!compact\">\n      <div :class=\"`flex items-center ${styleTitle}`\">\n        <EpIcon :icon-path=\"icon\" :size=\"iconSize\" v-if=\"icon && !endIcon\" />\n        <div :class=\"`${endIcon ? '' : 'ml-2'}`\">\n          <h2 class=\"text-2xl font-semibold dark:text-white\">{{ title }}</h2>\n          <h3 class=\"dark:text-white\">{{ subtitle }}</h3>\n        </div>\n        <EpIcon :icon-path=\"icon\" :size=\"iconSize\" v-if=\"icon && endIcon\" />\n      </div>\n      <div :class=\"`flex ${mediaAling}`\" v-if=\"media || src\">\n        <div :class=\"`dark:text-white ${renderCols}`\">\n          <!--svg s'importe sur l'image src-->\n          <div v-html=\"media\" class=\"w-full\" v-if=\"media\" />\n          <!-- img -->\n          <div v-else class=\"w-full\">\n            <img :src=\"src\" :alt=\"`image section ${title}`\" />\n          </div>\n        </div>\n      </div>\n      <EpDivider v-if=\"title || subtitle\" />\n      <!-- Two-column layout -->\n      <div :class=\"`flex ${gap}`\">\n        <!-- First column slot -->\n        <div :class=\"`${leftCol}`\">\n          <slot name=\"left\" />\n        </div>\n        <!-- Second column slot -->\n        <div :class=\"`${rightCol}`\">\n          <slot name=\"right\" />\n        </div>\n      </div>\n      <!--end layout-->\n\n    </template>\n    <!--compact mode-->\n    <template v-else>\n      <EpAccordeon :title=\"title\" :subtitle=\"subtitle\" :open=\"open\" :icon=\"icon\" outlined>\n        <div :class=\"`flex ${mediaAling}`\" v-if=\"media || src\">\n          <div :class=\"`dark:text-white ${renderCols}`\">\n            <!--svg s'importe sur l'image src-->\n            <div v-html=\"media\" class=\"w-full\" v-if=\"media\" />\n            <!-- img -->\n            <div v-else class=\"w-full\">\n              <img :src=\"src\" :alt=\"`image section ${title}`\" />\n            </div>\n          </div>\n        </div>\n        <!-- Two-column layout -->\n        <div :class=\"`flex ${gap}`\">\n          <!-- First column slot -->\n          <div :class=\"`${leftCol}`\">\n            <slot name=\"left\" />\n          </div>\n          <!-- Second column slot -->\n          <div :class=\"`${rightCol}`\">\n            <slot name=\"right\" />\n          </div>\n        </div>\n        <!--end layout-->\n      </EpAccordeon>\n    </template>\n\n  </section>\n</template>\n"],"names":["_createElementBlock","_unref","_Fragment","_createElementVNode","_createBlock","EpIcon","_toDisplayString","_openBlock","EpDivider","_renderSlot","EpAccordeon"],"mappings":"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"}
+{"version":3,"file":"EpSectionCols.vue.js","sources":["../../../src/components/basics/EpSectionCols.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { useCreateUid } from \"~/composables/useCreateUid\";\nimport { cols_img } from \"~/types/Image\";\nimport { allowedColWidths } from \"~/types/Cols\";\nimport EpDivider from \"~/components/basics/EpDivider.vue\";\nimport EpIcon from \"~/components/basics/EpIcon.vue\";\nimport type { EpSectionColsProps } from \"~/types/basics/EpSectionCols\";\nimport EpAccordeon from \"~/components/interactions/EpAccordeon.vue\";\n\nconst props = withDefaults(defineProps<EpSectionColsProps>(), {\n  title: null,\n  icon: null,\n  colsMedia: \"6\",\n  mediaAling: \"justify-center\",\n  gap: \"gap-1\",\n  leftCol: \"w-full\",\n});\n\nconst id = props.uid || useCreateUid()\n\nconst iconSize = computed(() => {\n  if (props.title && props.subtitle) return 40;\n  return 25;\n});\n\nconst styleTitle = computed(() => {\n  if (props.endIcon) {\n    return \"justify-between\";\n  }\n  return \"\";\n});\n\nconst renderCols = computed(() => {\n  return cols_img[+props.colsMedia];\n});\n\nconst rightCol = computed(() => {\n  if (props.leftCol === \"w-full\") return \"w-full\";\n  const leftIndex = allowedColWidths.indexOf(props.leftCol);\n  const rightIndex = allowedColWidths.length - leftIndex - 2;\n  return allowedColWidths[rightIndex] || \"w-full\";\n});\n</script>\n\n<template>\n  <section class=\"EpSection\" :id=\"`section-${id}`\">\n    <!--normal mode-->\n    <template v-if=\"!compact\">\n      <div :class=\"`flex items-center ${styleTitle}`\">\n        <EpIcon :icon-path=\"icon\" :size=\"iconSize\" v-if=\"icon && !endIcon\" />\n        <div :class=\"`${endIcon ? '' : 'ml-2'}`\">\n          <h2 class=\"text-2xl font-semibold dark:text-white\">{{ title }}</h2>\n          <h3 class=\"dark:text-white\">{{ subtitle }}</h3>\n        </div>\n        <EpIcon :icon-path=\"icon\" :size=\"iconSize\" v-if=\"icon && endIcon\" />\n      </div>\n      <div :class=\"`flex ${mediaAling}`\" v-if=\"media || src\">\n        <div :class=\"`dark:text-white ${renderCols}`\">\n          <!--svg s'importe sur l'image src-->\n          <div v-html=\"media\" class=\"w-full\" v-if=\"media\" />\n          <!-- img -->\n          <div v-else class=\"w-full\">\n            <img :src=\"src\" :alt=\"`image section ${title}`\" />\n          </div>\n        </div>\n      </div>\n      <EpDivider v-if=\"title || subtitle\" />\n      <!-- Two-column layout -->\n      <div :class=\"`flex ${gap}`\">\n        <!-- First column slot -->\n        <div :class=\"`${leftCol}`\">\n          <slot name=\"left\" />\n        </div>\n        <!-- Second column slot -->\n        <div :class=\"`${rightCol}`\">\n          <slot name=\"right\" />\n        </div>\n      </div>\n      <!--end layout-->\n\n    </template>\n    <!--compact mode-->\n    <template v-else>\n      <EpAccordeon :title=\"title\" :subtitle=\"subtitle\" :open=\"open\" :icon=\"icon\" outlined>\n        <div :class=\"`flex ${mediaAling}`\" v-if=\"media || src\">\n          <div :class=\"`dark:text-white ${renderCols}`\">\n            <!--svg s'importe sur l'image src-->\n            <div v-html=\"media\" class=\"w-full\" v-if=\"media\" />\n            <!-- img -->\n            <div v-else class=\"w-full\">\n              <img :src=\"src\" :alt=\"`image section ${title}`\" />\n            </div>\n          </div>\n        </div>\n        <!-- Two-column layout -->\n        <div :class=\"`flex ${gap}`\">\n          <!-- First column slot -->\n          <div :class=\"`${leftCol}`\">\n            <slot name=\"left\" />\n          </div>\n          <!-- Second column slot -->\n          <div :class=\"`${rightCol}`\">\n            <slot name=\"right\" />\n          </div>\n        </div>\n        <!--end layout-->\n      </EpAccordeon>\n    </template>\n\n  </section>\n</template>\n"],"names":["_createElementBlock","_unref","compact","_Fragment","_createElementVNode","icon","endIcon","_createBlock","EpIcon","_toDisplayString","title","subtitle","media","src","mediaAling","_openBlock","EpDivider","gap","leftCol","_renderSlot","EpAccordeon","open"],"mappings":"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"}

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

@@ -21,11 +21,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(styles.value)
       }, [
-        !__props.dots ? (openBlock(), createElementBlock("svg", {
+        !_ctx.dots ? (openBlock(), createElementBlock("svg", {
           key: 0,
           xmlns: "http://www.w3.org/2000/svg",
-          width: __props.size,
-          height: __props.size,
+          width: _ctx.size,
+          height: _ctx.size,
           class: "inline",
           viewBox: "0 0 32 32"
         }, [
@@ -51,8 +51,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ], 8, _hoisted_1)) : (openBlock(), createElementBlock("svg", {
           key: 1,
           xmlns: "http://www.w3.org/2000/svg",
-          width: __props.size,
-          height: __props.size,
+          width: _ctx.size,
+          height: _ctx.size,
           class: "inline",
           viewBox: "0 0 32 32"
         }, [

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

@@ -1 +1 @@
-{"version":3,"file":"EpSpinner.vue.js","sources":["../../../src/components/basics/EpSpinner.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from \"vue\";\nimport type { EpSpinnerProps } from \"~/types/basics/EpSpinner\";\n\nconst props = withDefaults(defineProps<EpSpinnerProps>(), {\n  color: \"primary\",\n  dots: false,\n  size: 46,\n  inline: false,\n});\n\nconst currentColor = computed(() => {\n  return props.color\n});\n\nconst styles = computed(() => {\n  return props.inline\n    ? \"\"\n    : \"flex flex-row w-full h-screen items-center justify-center\";\n});\n</script>\n\n<template>\n  <div :class=\"styles\">\n    <svg\n      v-if=\"!dots\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      :width=\"size\"\n      :height=\"size\"\n      class=\"inline\"\n      viewBox=\"0 0 32 32\"\n    >\n      <path\n        :class=\"currentColor\"\n        fill=\"currentColor\"\n        d=\"M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z\"\n        opacity=\".25\"\n      ></path>\n      <path\n        :class=\"currentColor\"\n        fill=\"currentColor\"\n        d=\"M12,4a8,8,0,0,1,7.89,6.7A1.53,1.53,0,0,0,21.38,12h0a1.5,1.5,0,0,0,1.48-1.75,11,11,0,0,0-21.72,0A1.5,1.5,0,0,0,2.62,12h0a1.53,1.53,0,0,0,1.49-1.3A8,8,0,0,1,12,4Z\"\n      >\n        <animateTransform\n          attributeName=\"transform\"\n          dur=\"0.75s\"\n          repeatCount=\"indefinite\"\n          type=\"rotate\"\n          values=\"0 12 12;360 12 12\"\n        ></animateTransform>\n      </path>\n    </svg>\n    <svg\n      v-else\n      xmlns=\"http://www.w3.org/2000/svg\"\n      :width=\"size\"\n      :height=\"size\"\n      class=\"inline\"\n      viewBox=\"0 0 32 32\"\n    >\n      <g>\n        <circle\n          cx=\"12\"\n          cy=\"2.5\"\n          r=\"1.5\"\n          :class=\"currentColor\"\n          fill=\"currentColor\"\n          opacity=\".14\"\n        />\n        <circle\n          cx=\"16.75\"\n          cy=\"3.77\"\n          r=\"1.5\"\n          :class=\"currentColor\"\n          fill=\"currentColor\"\n          opacity=\".29\"\n        />\n        <circle\n          cx=\"20.23\"\n          cy=\"7.25\"\n          r=\"1.5\"\n          :class=\"currentColor\"\n          fill=\"currentColor\"\n          opacity=\".43\"\n        />\n        <circle\n          cx=\"21.5\"\n          cy=\"12\"\n          r=\"1.5\"\n          :class=\"currentColor\"\n          fill=\"currentColor\"\n          opacity=\".57\"\n        />\n        <circle\n          cx=\"20.23\"\n          cy=\"16.75\"\n          r=\"1.5\"\n          :class=\"currentColor\"\n          fill=\"currentColor\"\n          opacity=\".71\"\n        />\n        <circle\n          cx=\"16.75\"\n          cy=\"20.23\"\n          r=\"1.5\"\n          :class=\"currentColor\"\n          fill=\"currentColor\"\n          opacity=\".86\"\n        />\n        <circle\n          cx=\"12\"\n          cy=\"21.5\"\n          r=\"1.5\"\n          :class=\"currentColor\"\n          fill=\"currentColor\"\n        />\n        <animateTransform\n          attributeName=\"transform\"\n          calcMode=\"discrete\"\n          dur=\"0.75s\"\n          repeatCount=\"indefinite\"\n          type=\"rotate\"\n          values=\"0 12 12;30 12 12;60 12 12;90 12 12;120 12 12;150 12 12;180 12 12;210 12 12;240 12 12;270 12 12;300 12 12;330 12 12;360 12 12\"\n        />\n      </g>\n    </svg>\n  </div>\n</template>\n"],"names":["_createElementBlock","_createElementVNode"],"mappings":";;;;;;;;;;;;AAIA,UAAM,QAAQ;AAOd,UAAM,eAAe,SAAS,MAAM;AAClC,aAAO,MAAM;AAAA,IACf,CAAC;AAED,UAAM,SAAS,SAAS,MAAM;AAC5B,aAAO,MAAM,SACT,KACA;AAAA,IACN,CAAC;;0BAICA,mBAuGM,OAAA;AAAA,QAvGA,sBAAO,OAAA,KAAM;AAAA,MAAA;SAER,QAAA,qBADTA,mBA2BM,OAAA;AAAA;UAzBJ,OAAM;AAAA,UACL,OAAO,QAAA;AAAA,UACP,QAAQ,QAAA;AAAA,UACT,OAAM;AAAA,UACN,SAAQ;AAAA,QAAA;UAERC,mBAKQ,QAAA;AAAA,YAJL,sBAAO,aAAA,KAAY;AAAA,YACpB,MAAK;AAAA,YACL,GAAE;AAAA,YACF,SAAQ;AAAA,UAAA;UAEVA,mBAYO,QAAA;AAAA,YAXJ,sBAAO,aAAA,KAAY;AAAA,YACpB,MAAK;AAAA,YACL,GAAE;AAAA,UAAA;YAEFA,mBAMoB,oBAAA;AAAA,cALlB,eAAc;AAAA,cACd,KAAI;AAAA,cACJ,aAAY;AAAA,cACZ,MAAK;AAAA,cACL,QAAO;AAAA,YAAA;;2CAIbD,mBAyEM,OAAA;AAAA;UAvEJ,OAAM;AAAA,UACL,OAAO,QAAA;AAAA,UACP,QAAQ,QAAA;AAAA,UACT,OAAM;AAAA,UACN,SAAQ;AAAA,QAAA;UAERC,mBAgEI,KAAA,MAAA;AAAA,YA/DFA,mBAOE,UAAA;AAAA,cANA,IAAG;AAAA,cACH,IAAG;AAAA,cACH,GAAE;AAAA,cACD,sBAAO,aAAA,KAAY;AAAA,cACpB,MAAK;AAAA,cACL,SAAQ;AAAA,YAAA;YAEVA,mBAOE,UAAA;AAAA,cANA,IAAG;AAAA,cACH,IAAG;AAAA,cACH,GAAE;AAAA,cACD,sBAAO,aAAA,KAAY;AAAA,cACpB,MAAK;AAAA,cACL,SAAQ;AAAA,YAAA;YAEVA,mBAOE,UAAA;AAAA,cANA,IAAG;AAAA,cACH,IAAG;AAAA,cACH,GAAE;AAAA,cACD,sBAAO,aAAA,KAAY;AAAA,cACpB,MAAK;AAAA,cACL,SAAQ;AAAA,YAAA;YAEVA,mBAOE,UAAA;AAAA,cANA,IAAG;AAAA,cACH,IAAG;AAAA,cACH,GAAE;AAAA,cACD,sBAAO,aAAA,KAAY;AAAA,cACpB,MAAK;AAAA,cACL,SAAQ;AAAA,YAAA;YAEVA,mBAOE,UAAA;AAAA,cANA,IAAG;AAAA,cACH,IAAG;AAAA,cACH,GAAE;AAAA,cACD,sBAAO,aAAA,KAAY;AAAA,cACpB,MAAK;AAAA,cACL,SAAQ;AAAA,YAAA;YAEVA,mBAOE,UAAA;AAAA,cANA,IAAG;AAAA,cACH,IAAG;AAAA,cACH,GAAE;AAAA,cACD,sBAAO,aAAA,KAAY;AAAA,cACpB,MAAK;AAAA,cACL,SAAQ;AAAA,YAAA;YAEVA,mBAME,UAAA;AAAA,cALA,IAAG;AAAA,cACH,IAAG;AAAA,cACH,GAAE;AAAA,cACD,sBAAO,aAAA,KAAY;AAAA,cACpB,MAAK;AAAA,YAAA;sCAEPA,mBAOE,oBAAA;AAAA,cANA,eAAc;AAAA,cACd,UAAS;AAAA,cACT,KAAI;AAAA,cACJ,aAAY;AAAA,cACZ,MAAK;AAAA,cACL,QAAO;AAAA,YAAA;;;;;;;"}
+{"version":3,"file":"EpSpinner.vue.js","sources":["../../../src/components/basics/EpSpinner.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from \"vue\";\nimport type { EpSpinnerProps } from \"~/types/basics/EpSpinner\";\n\nconst props = withDefaults(defineProps<EpSpinnerProps>(), {\n  color: \"primary\",\n  dots: false,\n  size: 46,\n  inline: false,\n});\n\nconst currentColor = computed(() => {\n  return props.color\n});\n\nconst styles = computed(() => {\n  return props.inline\n    ? \"\"\n    : \"flex flex-row w-full h-screen items-center justify-center\";\n});\n</script>\n\n<template>\n  <div :class=\"styles\">\n    <svg\n      v-if=\"!dots\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      :width=\"size\"\n      :height=\"size\"\n      class=\"inline\"\n      viewBox=\"0 0 32 32\"\n    >\n      <path\n        :class=\"currentColor\"\n        fill=\"currentColor\"\n        d=\"M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z\"\n        opacity=\".25\"\n      ></path>\n      <path\n        :class=\"currentColor\"\n        fill=\"currentColor\"\n        d=\"M12,4a8,8,0,0,1,7.89,6.7A1.53,1.53,0,0,0,21.38,12h0a1.5,1.5,0,0,0,1.48-1.75,11,11,0,0,0-21.72,0A1.5,1.5,0,0,0,2.62,12h0a1.53,1.53,0,0,0,1.49-1.3A8,8,0,0,1,12,4Z\"\n      >\n        <animateTransform\n          attributeName=\"transform\"\n          dur=\"0.75s\"\n          repeatCount=\"indefinite\"\n          type=\"rotate\"\n          values=\"0 12 12;360 12 12\"\n        ></animateTransform>\n      </path>\n    </svg>\n    <svg\n      v-else\n      xmlns=\"http://www.w3.org/2000/svg\"\n      :width=\"size\"\n      :height=\"size\"\n      class=\"inline\"\n      viewBox=\"0 0 32 32\"\n    >\n      <g>\n        <circle\n          cx=\"12\"\n          cy=\"2.5\"\n          r=\"1.5\"\n          :class=\"currentColor\"\n          fill=\"currentColor\"\n          opacity=\".14\"\n        />\n        <circle\n          cx=\"16.75\"\n          cy=\"3.77\"\n          r=\"1.5\"\n          :class=\"currentColor\"\n          fill=\"currentColor\"\n          opacity=\".29\"\n        />\n        <circle\n          cx=\"20.23\"\n          cy=\"7.25\"\n          r=\"1.5\"\n          :class=\"currentColor\"\n          fill=\"currentColor\"\n          opacity=\".43\"\n        />\n        <circle\n          cx=\"21.5\"\n          cy=\"12\"\n          r=\"1.5\"\n          :class=\"currentColor\"\n          fill=\"currentColor\"\n          opacity=\".57\"\n        />\n        <circle\n          cx=\"20.23\"\n          cy=\"16.75\"\n          r=\"1.5\"\n          :class=\"currentColor\"\n          fill=\"currentColor\"\n          opacity=\".71\"\n        />\n        <circle\n          cx=\"16.75\"\n          cy=\"20.23\"\n          r=\"1.5\"\n          :class=\"currentColor\"\n          fill=\"currentColor\"\n          opacity=\".86\"\n        />\n        <circle\n          cx=\"12\"\n          cy=\"21.5\"\n          r=\"1.5\"\n          :class=\"currentColor\"\n          fill=\"currentColor\"\n        />\n        <animateTransform\n          attributeName=\"transform\"\n          calcMode=\"discrete\"\n          dur=\"0.75s\"\n          repeatCount=\"indefinite\"\n          type=\"rotate\"\n          values=\"0 12 12;30 12 12;60 12 12;90 12 12;120 12 12;150 12 12;180 12 12;210 12 12;240 12 12;270 12 12;300 12 12;330 12 12;360 12 12\"\n        />\n      </g>\n    </svg>\n  </div>\n</template>\n"],"names":["_createElementBlock","dots","size","_createElementVNode"],"mappings":";;;;;;;;;;;;AAIA,UAAM,QAAQ;AAOd,UAAM,eAAe,SAAS,MAAM;AAClC,aAAO,MAAM;AAAA,IACf,CAAC;AAED,UAAM,SAAS,SAAS,MAAM;AAC5B,aAAO,MAAM,SACT,KACA;AAAA,IACN,CAAC;;0BAICA,mBAuGM,OAAA;AAAA,QAvGA,sBAAO,OAAA,KAAM;AAAA,MAAA;SAERC,KAAAA,qBADTD,mBA2BM,OAAA;AAAA;UAzBJ,OAAM;AAAA,UACL,OAAOE,KAAAA;AAAAA,UACP,QAAQA,KAAAA;AAAAA,UACT,OAAM;AAAA,UACN,SAAQ;AAAA,QAAA;UAERC,mBAKQ,QAAA;AAAA,YAJL,sBAAO,aAAA,KAAY;AAAA,YACpB,MAAK;AAAA,YACL,GAAE;AAAA,YACF,SAAQ;AAAA,UAAA;UAEVA,mBAYO,QAAA;AAAA,YAXJ,sBAAO,aAAA,KAAY;AAAA,YACpB,MAAK;AAAA,YACL,GAAE;AAAA,UAAA;YAEFA,mBAMoB,oBAAA;AAAA,cALlB,eAAc;AAAA,cACd,KAAI;AAAA,cACJ,aAAY;AAAA,cACZ,MAAK;AAAA,cACL,QAAO;AAAA,YAAA;;2CAIbH,mBAyEM,OAAA;AAAA;UAvEJ,OAAM;AAAA,UACL,OAAOE,KAAAA;AAAAA,UACP,QAAQA,KAAAA;AAAAA,UACT,OAAM;AAAA,UACN,SAAQ;AAAA,QAAA;UAERC,mBAgEI,KAAA,MAAA;AAAA,YA/DFA,mBAOE,UAAA;AAAA,cANA,IAAG;AAAA,cACH,IAAG;AAAA,cACH,GAAE;AAAA,cACD,sBAAO,aAAA,KAAY;AAAA,cACpB,MAAK;AAAA,cACL,SAAQ;AAAA,YAAA;YAEVA,mBAOE,UAAA;AAAA,cANA,IAAG;AAAA,cACH,IAAG;AAAA,cACH,GAAE;AAAA,cACD,sBAAO,aAAA,KAAY;AAAA,cACpB,MAAK;AAAA,cACL,SAAQ;AAAA,YAAA;YAEVA,mBAOE,UAAA;AAAA,cANA,IAAG;AAAA,cACH,IAAG;AAAA,cACH,GAAE;AAAA,cACD,sBAAO,aAAA,KAAY;AAAA,cACpB,MAAK;AAAA,cACL,SAAQ;AAAA,YAAA;YAEVA,mBAOE,UAAA;AAAA,cANA,IAAG;AAAA,cACH,IAAG;AAAA,cACH,GAAE;AAAA,cACD,sBAAO,aAAA,KAAY;AAAA,cACpB,MAAK;AAAA,cACL,SAAQ;AAAA,YAAA;YAEVA,mBAOE,UAAA;AAAA,cANA,IAAG;AAAA,cACH,IAAG;AAAA,cACH,GAAE;AAAA,cACD,sBAAO,aAAA,KAAY;AAAA,cACpB,MAAK;AAAA,cACL,SAAQ;AAAA,YAAA;YAEVA,mBAOE,UAAA;AAAA,cANA,IAAG;AAAA,cACH,IAAG;AAAA,cACH,GAAE;AAAA,cACD,sBAAO,aAAA,KAAY;AAAA,cACpB,MAAK;AAAA,cACL,SAAQ;AAAA,YAAA;YAEVA,mBAME,UAAA;AAAA,cALA,IAAG;AAAA,cACH,IAAG;AAAA,cACH,GAAE;AAAA,cACD,sBAAO,aAAA,KAAY;AAAA,cACpB,MAAK;AAAA,YAAA;sCAEPA,mBAOE,oBAAA;AAAA,cANA,eAAc;AAAA,cACd,UAAS;AAAA,cACT,KAAI;AAAA,cACJ,aAAY;AAAA,cACZ,MAAK;AAAA,cACL,QAAO;AAAA,YAAA;;;;;;;"}

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

@@ -42,7 +42,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("ul", {
         class: normalizeClass(`${className.value} dark:border-surface-2 border-surface-2-dark flex flex-col lg:mx-28`)
       }, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.elements, (elem, index) => {
+        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.elements, (elem, index) => {
           return openBlock(), createElementBlock("li", {
             key: index,
             class: "list-none py-4 sm:py-2 border-t border-surface-2-dark dark:border-surface-2 first:border-t-0"
@@ -58,18 +58,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               elem.avatar ? (openBlock(), createBlock(_sfc_main$1, mergeProps({
                 key: 0,
                 src: elem.avatar
-              }, { ref_for: true }, __props.avatarStyle, { class: "col-span-1 self-center justify-self-center" }), null, 16, ["src"])) : createCommentVNode("", true),
+              }, { ref_for: true }, _ctx.avatarStyle, { class: "col-span-1 self-center justify-self-center" }), null, 16, ["src"])) : createCommentVNode("", true),
               createElementVNode("div", _hoisted_2, [
                 createElementVNode("h3", _hoisted_3, toDisplayString(elem.title), 1),
                 createElementVNode("div", {
-                  class: normalizeClass(__props.cropped ? "line-clamp-3" : ""),
+                  class: normalizeClass(_ctx.cropped ? "line-clamp-3" : ""),
                   innerHTML: unref(useRenderText)(elem.description)
                 }, null, 10, _hoisted_4)
               ]),
               elem.icon ? (openBlock(), createElementBlock("div", _hoisted_5, [
                 createVNode(_sfc_main$2, {
                   "icon-path": elem.icon,
-                  size: __props.iconSize
+                  size: _ctx.iconSize
                 }, null, 8, ["icon-path", "size"])
               ])) : createCommentVNode("", true)
             ], 10, _hoisted_1)

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

@@ -1 +1 @@
-{"version":3,"file":"EpStackedList.vue.js","sources":["../../../src/components/basics/EpStackedList.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport EpAvatar from \"./EpAvatar.vue\";\nimport EpIcon from \"./EpIcon.vue\";\nimport { useRenderText } from \"../../composables/useRenderText\";\n\nimport {\n    type ListItem,\n    type AvatarStyle,\n    type RoundedStyle,\n    roundedType,\n} from \"../../types/StackedList\";\n\ninterface Props {\n    elements: ListItem[];\n    border?: boolean;\n    rounded?: RoundedStyle;\n    restricted?: boolean;\n    cropped?: boolean;\n    avatarStyle?: AvatarStyle;\n    iconSize?: number | string;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n    elements: () => [],\n    avatarStyle: () => ({\n        size: \"middle\",\n    }),\n    border: true,\n    rounded: \"small\",\n    restricted: false,\n    cropped: false,\n    iconSize: 36,\n});\n\nconst className = computed(() => {\n    const border = props.border ? \"border\" : \"border-0\";\n    const rounded = roundedType[props.rounded];\n    const padding = props.restricted ? \"p-0\" : \"p-2\";\n    return `${border} ${rounded} ${padding}`;\n});\n\nconst elementSpacing = computed(() => props.restricted ? \"p-3\" : \"mx-6 py-4\");\n\nconst handleClick = (elem: ListItem) => {\n    if (elem.url) {\n        window.open(elem.url, '_blank', 'noopener,noreferrer');\n    }\n};\n</script>\n\n<template>\n    <ul :class=\"`${className} dark:border-surface-2 border-surface-2-dark flex flex-col lg:mx-28`\">\n        <li v-for=\"(elem, index) in elements\" :key=\"index\"\n            class=\"list-none py-4 sm:py-2 border-t border-surface-2-dark dark:border-surface-2 first:border-t-0\">\n            <div :class=\"[\n                elementSpacing,\n                'grid grid-cols-[20%_60%_20%] gap-2 justify-items-start items-center p-2',\n                elem.url ? 'hover:bg-neutral-200 dark:hover:bg-surface-2-dark cursor-pointer' : ''\n            ]\" @click=\"handleClick(elem)\">\n                <EpAvatar v-if=\"elem.avatar\" :src=\"elem.avatar\" v-bind=\"avatarStyle\"\n                    class=\"col-span-1 self-center justify-self-center\" />\n\n                <div class=\"col-span-1 justify-self-start w-full\">\n                    <h3 class=\"font-semibold\">{{ elem.title }}</h3>\n                    <div :class=\"cropped ? 'line-clamp-3' : ''\" v-html=\"useRenderText(elem.description)\" />\n                </div>\n\n                <div v-if=\"elem.icon\"\n                    class=\"flex items-center justify-center col-span-1 w-full\">\n                    <EpIcon :icon-path=\"elem.icon\" :size=\"iconSize\" />\n                </div>\n            </div>\n        </li>\n    </ul>\n</template>"],"names":["_createElementBlock","_openBlock","_Fragment","_renderList","_createElementVNode","_normalizeClass","_createBlock","EpAvatar","_mergeProps","_toDisplayString","_unref","_createVNode","EpIcon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAuBA,UAAM,QAAQ;AAYd,UAAM,YAAY,SAAS,MAAM;AAC7B,YAAM,SAAS,MAAM,SAAS,WAAW;AACzC,YAAM,UAAU,YAAY,MAAM,OAAO;AACzC,YAAM,UAAU,MAAM,aAAa,QAAQ;AAC3C,aAAO,GAAG,MAAM,IAAI,OAAO,IAAI,OAAO;AAAA,IAC1C,CAAC;AAED,UAAM,iBAAiB,SAAS,MAAM,MAAM,aAAa,QAAQ,WAAW;AAE5E,UAAM,cAAc,CAAC,SAAmB;AACpC,UAAI,KAAK,KAAK;AACV,eAAO,KAAK,KAAK,KAAK,UAAU,qBAAqB;AAAA,MACzD;AAAA,IACJ;;0BAIIA,mBAsBK,MAAA;AAAA,QAtBA,yBAAU,UAAA,KAAS,qEAAA;AAAA,MAAA;SACpBC,UAAA,IAAA,GAAAD,mBAoBKE,UAAA,MAAAC,WApBuB,QAAA,UAAQ,CAAxB,MAAM,UAAK;8BAAvBH,mBAoBK,MAAA;AAAA,YApBkC,KAAK;AAAA,YACxC,OAAM;AAAA,UAAA;YACNI,mBAiBM,OAAA;AAAA,cAjBA,OAAKC,eAAA;AAAA,gBAAoB,eAAA;AAAA;gBAA2H,KAAK,MAAG,qEAAA;AAAA,cAAA;cAI9J,SAAK,CAAA,WAAE,YAAY,IAAI;AAAA,YAAA;cACP,KAAK,UAArBJ,UAAA,GAAAK,YACyDC,aADzDC,WACyD;AAAA;gBAD3B,KAAK,KAAK;AAAA,cAAA,sBAAgB,QAAA,aAAW,EAC/D,OAAM,6CAAA,CAA4C,GAAA,MAAA,IAAA,CAAA,KAAA,CAAA;cAEtDJ,mBAGM,OAHN,YAGM;AAAA,gBAFFA,mBAA+C,MAA/C,YAA+CK,gBAAlB,KAAK,KAAK,GAAA,CAAA;AAAA,gBACvCL,mBAAuF,OAAA;AAAA,kBAAjF,sBAAO,QAAA,UAAO,iBAAA,EAAA;AAAA,kBAAwB,WAAQM,MAAA,aAAA,EAAc,KAAK,WAAW;AAAA,gBAAA;;cAG3E,KAAK,QAAhBT,UAAA,GAAAD,mBAGM,OAHN,YAGM;AAAA,gBADFW,YAAkDC,aAAA;AAAA,kBAAzC,aAAW,KAAK;AAAA,kBAAO,MAAM,QAAA;AAAA,gBAAA;;;;;;;;;"}
+{"version":3,"file":"EpStackedList.vue.js","sources":["../../../src/components/basics/EpStackedList.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport EpAvatar from \"./EpAvatar.vue\";\nimport EpIcon from \"./EpIcon.vue\";\nimport { useRenderText } from \"../../composables/useRenderText\";\n\nimport {\n    type ListItem,\n    type AvatarStyle,\n    type RoundedStyle,\n    roundedType,\n} from \"../../types/StackedList\";\n\ninterface Props {\n    elements: ListItem[];\n    border?: boolean;\n    rounded?: RoundedStyle;\n    restricted?: boolean;\n    cropped?: boolean;\n    avatarStyle?: AvatarStyle;\n    iconSize?: number | string;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n    elements: () => [],\n    avatarStyle: () => ({\n        size: \"middle\",\n    }),\n    border: true,\n    rounded: \"small\",\n    restricted: false,\n    cropped: false,\n    iconSize: 36,\n});\n\nconst className = computed(() => {\n    const border = props.border ? \"border\" : \"border-0\";\n    const rounded = roundedType[props.rounded];\n    const padding = props.restricted ? \"p-0\" : \"p-2\";\n    return `${border} ${rounded} ${padding}`;\n});\n\nconst elementSpacing = computed(() => props.restricted ? \"p-3\" : \"mx-6 py-4\");\n\nconst handleClick = (elem: ListItem) => {\n    if (elem.url) {\n        window.open(elem.url, '_blank', 'noopener,noreferrer');\n    }\n};\n</script>\n\n<template>\n    <ul :class=\"`${className} dark:border-surface-2 border-surface-2-dark flex flex-col lg:mx-28`\">\n        <li v-for=\"(elem, index) in elements\" :key=\"index\"\n            class=\"list-none py-4 sm:py-2 border-t border-surface-2-dark dark:border-surface-2 first:border-t-0\">\n            <div :class=\"[\n                elementSpacing,\n                'grid grid-cols-[20%_60%_20%] gap-2 justify-items-start items-center p-2',\n                elem.url ? 'hover:bg-neutral-200 dark:hover:bg-surface-2-dark cursor-pointer' : ''\n            ]\" @click=\"handleClick(elem)\">\n                <EpAvatar v-if=\"elem.avatar\" :src=\"elem.avatar\" v-bind=\"avatarStyle\"\n                    class=\"col-span-1 self-center justify-self-center\" />\n\n                <div class=\"col-span-1 justify-self-start w-full\">\n                    <h3 class=\"font-semibold\">{{ elem.title }}</h3>\n                    <div :class=\"cropped ? 'line-clamp-3' : ''\" v-html=\"useRenderText(elem.description)\" />\n                </div>\n\n                <div v-if=\"elem.icon\"\n                    class=\"flex items-center justify-center col-span-1 w-full\">\n                    <EpIcon :icon-path=\"elem.icon\" :size=\"iconSize\" />\n                </div>\n            </div>\n        </li>\n    </ul>\n</template>"],"names":["_createElementBlock","_openBlock","_Fragment","_renderList","elements","_createElementVNode","_normalizeClass","_createBlock","EpAvatar","_mergeProps","avatarStyle","_toDisplayString","cropped","_unref","_createVNode","EpIcon","iconSize"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAuBA,UAAM,QAAQ;AAYd,UAAM,YAAY,SAAS,MAAM;AAC7B,YAAM,SAAS,MAAM,SAAS,WAAW;AACzC,YAAM,UAAU,YAAY,MAAM,OAAO;AACzC,YAAM,UAAU,MAAM,aAAa,QAAQ;AAC3C,aAAO,GAAG,MAAM,IAAI,OAAO,IAAI,OAAO;AAAA,IAC1C,CAAC;AAED,UAAM,iBAAiB,SAAS,MAAM,MAAM,aAAa,QAAQ,WAAW;AAE5E,UAAM,cAAc,CAAC,SAAmB;AACpC,UAAI,KAAK,KAAK;AACV,eAAO,KAAK,KAAK,KAAK,UAAU,qBAAqB;AAAA,MACzD;AAAA,IACJ;;0BAIIA,mBAsBK,MAAA;AAAA,QAtBA,yBAAU,UAAA,KAAS,qEAAA;AAAA,MAAA;SACpBC,UAAA,IAAA,GAAAD,mBAoBKE,UAAA,MAAAC,WApBuBC,KAAAA,UAAQ,CAAxB,MAAM,UAAK;8BAAvBJ,mBAoBK,MAAA;AAAA,YApBkC,KAAK;AAAA,YACxC,OAAM;AAAA,UAAA;YACNK,mBAiBM,OAAA;AAAA,cAjBA,OAAKC,eAAA;AAAA,gBAAoB,eAAA;AAAA;gBAA2H,KAAK,MAAG,qEAAA;AAAA,cAAA;cAI9J,SAAK,CAAA,WAAE,YAAY,IAAI;AAAA,YAAA;cACP,KAAK,UAArBL,UAAA,GAAAM,YACyDC,aADzDC,WACyD;AAAA;gBAD3B,KAAK,KAAK;AAAA,cAAA,sBAAgBC,KAAAA,aAAW,EAC/D,OAAM,6CAAA,CAA4C,GAAA,MAAA,IAAA,CAAA,KAAA,CAAA;cAEtDL,mBAGM,OAHN,YAGM;AAAA,gBAFFA,mBAA+C,MAA/C,YAA+CM,gBAAlB,KAAK,KAAK,GAAA,CAAA;AAAA,gBACvCN,mBAAuF,OAAA;AAAA,kBAAjF,sBAAOO,KAAAA,UAAO,iBAAA,EAAA;AAAA,kBAAwB,WAAQC,MAAA,aAAA,EAAc,KAAK,WAAW;AAAA,gBAAA;;cAG3E,KAAK,QAAhBZ,UAAA,GAAAD,mBAGM,OAHN,YAGM;AAAA,gBADFc,YAAkDC,aAAA;AAAA,kBAAzC,aAAW,KAAK;AAAA,kBAAO,MAAMC,KAAAA;AAAAA,gBAAAA;;;;;;;;;"}

package/dist/components/charts/EpBarChart.vue.js

@@ -51,9 +51,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const { center, series, source, width, dataNoDisponible } = toRefs(props);
     return (_ctx, _cache) => {
       return openBlock(), createBlock(_sfc_main$1, {
-        title: __props.title,
-        type: __props.type,
-        hideIcon: __props.hideIcon,
+        title: _ctx.title,
+        type: _ctx.type,
+        hideIcon: _ctx.hideIcon,
         icon: unref(mdiChartBar)
       }, createSlots({
         content: withCtx(() => [

package/dist/components/charts/EpBarChart.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"EpBarChart.vue.js","sources":["../../../src/components/charts/EpBarChart.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, toRefs } from \"vue\";\nimport EpEdu from \"~/components/educationals/EpEdu.vue\";\nimport { mdiChartBar } from \"@mdi/js\";\nimport { isHtml } from \"~/composables/isHtml\";\nimport { useMarkdown } from \"~/composables/useMarkdown\";\nimport { useColorMode } from \"@vueuse/core\";\nimport type { EpBarChartProps } from \"~/types/charts/EpBarChart\";\nimport VueApexCharts from \"vue3-apexcharts\";\nimport type { ApexOptions } from \"apexcharts\";\n\nconst props = withDefaults(defineProps<EpBarChartProps>(), {\n  center: true,\n  width: \"500\",\n  dataNoDisponible: \"Data no disponible\",\n});\n\nconst renderText = computed(() => {\n  if (!props.intentions) {\n    return null;\n  }\n  if (!isHtml(props.intentions)) {\n    return useMarkdown(props.intentions);\n  }\n  return props.intentions;\n});\n\nconst mode = useColorMode();\n\nconst globalOptions = computed<ApexOptions>(() => {\n  return {\n    ...props.options,\n    theme: {\n      mode: mode.value,\n    },\n    chart: {\n      background: \"transparent\",\n    },\n    dataLabels: {\n      enabled: false,\n    },\n  } as ApexOptions;\n});\n\nconst { center, series, source, width, dataNoDisponible } = toRefs(props);\n</script>\n\n<template>\n  <EpEdu :title=\"title\" :type=\"type\" :hideIcon=\"hideIcon\" :icon=\"mdiChartBar\">\n    <template #intentions v-if=\"renderText\">\n      <div v-html=\"renderText\" />\n    </template>\n    <template #content>\n      <div\n        :class=\"`p-4 ${center ? 'flex justify-center' : ''}`\"\n        v-if=\"globalOptions && series\"\n      >\n        <VueApexCharts\n          :width=\"width\"\n          type=\"bar\"\n          :options=\"globalOptions\"\n          :series=\"series\"\n        />\n      </div>\n      <div v-else>\n        <p>{{ dataNoDisponible }}</p>\n      </div>\n    </template>\n    <template #actions v-if=\"source\">\n      <p>{{ source }}</p>\n    </template>\n  </EpEdu>\n</template>\n"],"names":["_createBlock","EpEdu","_unref","_createElementBlock","_createVNode","_createElementVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAWA,UAAM,QAAQ;AAMd,UAAM,aAAa,SAAS,MAAM;AAChC,UAAI,CAAC,MAAM,YAAY;AACrB,eAAO;AAAA,MACT;AACA,UAAI,CAAC,OAAO,MAAM,UAAU,GAAG;AAC7B,eAAO,YAAY,MAAM,UAAU;AAAA,MACrC;AACA,aAAO,MAAM;AAAA,IACf,CAAC;AAED,UAAM,OAAO,aAAA;AAEb,UAAM,gBAAgB,SAAsB,MAAM;AAChD,aAAO;AAAA,QACL,GAAG,MAAM;AAAA,QACT,OAAO;AAAA,UACL,MAAM,KAAK;AAAA,QAAA;AAAA,QAEb,OAAO;AAAA,UACL,YAAY;AAAA,QAAA;AAAA,QAEd,YAAY;AAAA,UACV,SAAS;AAAA,QAAA;AAAA,MACX;AAAA,IAEJ,CAAC;AAED,UAAM,EAAE,QAAQ,QAAQ,QAAQ,OAAO,iBAAA,IAAqB,OAAO,KAAK;;0BAItEA,YAuBQC,aAAA;AAAA,QAvBA,OAAO,QAAA;AAAA,QAAQ,MAAM,QAAA;AAAA,QAAO,UAAU,QAAA;AAAA,QAAW,MAAMC,MAAA,WAAA;AAAA,MAAA;QAIlD,iBACT,MAUM;AAAA,UARE,cAAA,SAAiBA,MAAA,MAAA,kBAFzBC,mBAUM,OAAA;AAAA;YATH,6BAAcD,MAAA,MAAA,IAAM,wBAAA,EAAA,EAAA;AAAA,UAAA;YAGrBE,YAKEF,MAAA,aAAA,GAAA;AAAA,cAJC,OAAOA,MAAA,KAAA;AAAA,cACR,MAAK;AAAA,cACJ,SAAS,cAAA;AAAA,cACT,QAAQA,MAAA,MAAA;AAAA,YAAA;iCAGbC,mBAEM,OAAA,YAAA;AAAA,YADJE,mBAA6B,2BAAvBH,MAAA,gBAAA,CAAgB,GAAA,CAAA;AAAA,UAAA;;;;QAhBE,WAAA;gBAAjB;AAAA,sBACT,MAA2B;AAAA,YAA3BG,mBAA2B,OAAA,EAAtB,WAAQ,WAAA,SAAU,MAAA,GAAA,UAAA;AAAA,UAAA;;;QAkBAH,MAAA,MAAA;gBAAd;AAAA,sBACT,MAAmB;AAAA,YAAnBG,mBAAmB,2BAAbH,MAAA,MAAA,CAAM,GAAA,CAAA;AAAA,UAAA;;;;;;;"}
+{"version":3,"file":"EpBarChart.vue.js","sources":["../../../src/components/charts/EpBarChart.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, toRefs } from \"vue\";\nimport EpEdu from \"~/components/educationals/EpEdu.vue\";\nimport { mdiChartBar } from \"@mdi/js\";\nimport { isHtml } from \"~/composables/isHtml\";\nimport { useMarkdown } from \"~/composables/useMarkdown\";\nimport { useColorMode } from \"@vueuse/core\";\nimport type { EpBarChartProps } from \"~/types/charts/EpBarChart\";\nimport VueApexCharts from \"vue3-apexcharts\";\n\nconst props = withDefaults(defineProps<EpBarChartProps>(), {\n  center: true,\n  width: \"500\",\n  dataNoDisponible: \"Data no disponible\",\n});\n\nconst renderText = computed(() => {\n  if (!props.intentions) {\n    return null;\n  }\n  if (!isHtml(props.intentions)) {\n    return useMarkdown(props.intentions);\n  }\n  return props.intentions;\n});\n\nconst mode = useColorMode();\n\nconst globalOptions = computed(() => {\n  return {\n    ...props.options,\n    theme: {\n      mode: mode.value,\n    },\n    chart: {\n      background: \"transparent\",\n    },\n    dataLabels: {\n      enabled: false,\n    },\n  };\n});\n\nconst { center, series, source, width, dataNoDisponible } = toRefs(props);\n</script>\n\n<template>\n  <EpEdu :title=\"title\" :type=\"type\" :hideIcon=\"hideIcon\" :icon=\"mdiChartBar\">\n    <template #intentions v-if=\"renderText\">\n      <div v-html=\"renderText\" />\n    </template>\n    <template #content>\n      <div\n        :class=\"`p-4 ${center ? 'flex justify-center' : ''}`\"\n        v-if=\"globalOptions && series\"\n      >\n        <VueApexCharts\n          :width=\"width\"\n          type=\"bar\"\n          :options=\"globalOptions\"\n          :series=\"series\"\n        />\n      </div>\n      <div v-else>\n        <p>{{ dataNoDisponible }}</p>\n      </div>\n    </template>\n    <template #actions v-if=\"source\">\n      <p>{{ source }}</p>\n    </template>\n  </EpEdu>\n</template>\n"],"names":["_createBlock","EpEdu","title","type","hideIcon","_unref","_createElementBlock","_createVNode","_createElementVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAUA,UAAM,QAAQ;AAMd,UAAM,aAAa,SAAS,MAAM;AAChC,UAAI,CAAC,MAAM,YAAY;AACrB,eAAO;AAAA,MACT;AACA,UAAI,CAAC,OAAO,MAAM,UAAU,GAAG;AAC7B,eAAO,YAAY,MAAM,UAAU;AAAA,MACrC;AACA,aAAO,MAAM;AAAA,IACf,CAAC;AAED,UAAM,OAAO,aAAA;AAEb,UAAM,gBAAgB,SAAS,MAAM;AACnC,aAAO;AAAA,QACL,GAAG,MAAM;AAAA,QACT,OAAO;AAAA,UACL,MAAM,KAAK;AAAA,QAAA;AAAA,QAEb,OAAO;AAAA,UACL,YAAY;AAAA,QAAA;AAAA,QAEd,YAAY;AAAA,UACV,SAAS;AAAA,QAAA;AAAA,MACX;AAAA,IAEJ,CAAC;AAED,UAAM,EAAE,QAAQ,QAAQ,QAAQ,OAAO,iBAAA,IAAqB,OAAO,KAAK;;0BAItEA,YAuBQC,aAAA;AAAA,QAvBA,OAAOC,KAAAA;AAAAA,QAAQ,MAAMC,KAAAA;AAAAA,QAAO,UAAUC,KAAAA;AAAAA,QAAW,MAAMC,MAAA,WAAA;AAAA,MAAA;QAIlD,iBACT,MAUM;AAAA,UARE,cAAA,SAAiBA,MAAA,MAAA,kBAFzBC,mBAUM,OAAA;AAAA;YATH,6BAAcD,MAAA,MAAA,IAAM,wBAAA,EAAA,EAAA;AAAA,UAAA;YAGrBE,YAKEF,MAAA,aAAA,GAAA;AAAA,cAJC,OAAOA,MAAA,KAAA;AAAA,cACR,MAAK;AAAA,cACJ,SAAS,cAAA;AAAA,cACT,QAAQA,MAAA,MAAA;AAAA,YAAA;iCAGbC,mBAEM,OAAA,YAAA;AAAA,YADJE,mBAA6B,2BAAvBH,MAAA,gBAAA,CAAgB,GAAA,CAAA;AAAA,UAAA;;;;QAhBE,WAAA;gBAAjB;AAAA,sBACT,MAA2B;AAAA,YAA3BG,mBAA2B,OAAA,EAAtB,WAAQ,WAAA,SAAU,MAAA,GAAA,UAAA;AAAA,UAAA;;;QAkBAH,MAAA,MAAA;gBAAd;AAAA,sBACT,MAAmB;AAAA,YAAnBG,mBAAmB,2BAAbH,MAAA,MAAA,CAAM,GAAA,CAAA;AAAA,UAAA;;;;;;;"}

package/dist/components/charts/EpFunnelChart.vue.js

@@ -88,9 +88,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const { center, series, source, labels, width } = toRefs(props);
     return (_ctx, _cache) => {
       return openBlock(), createBlock(_sfc_main$1, {
-        title: __props.title,
-        type: __props.type,
-        hideIcon: __props.hideIcon,
+        title: _ctx.title,
+        type: _ctx.type,
+        hideIcon: _ctx.hideIcon,
         icon: unref(mdiTriangle)
       }, createSlots({
         content: withCtx(() => [
@@ -101,7 +101,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             createVNode(unref(VueApexCharts), {
               type: "bar",
               width: unref(width),
-              height: __props.height,
+              height: _ctx.height,
               options: optionsFunnel.value,
               series: unref(series)
             }, null, 8, ["width", "height", "options", "series"])

package/dist/components/charts/EpFunnelChart.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"EpFunnelChart.vue.js","sources":["../../../src/components/charts/EpFunnelChart.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, toRefs } from \"vue\";\nimport EpEdu from \"~/components/educationals/EpEdu.vue\";\nimport { mdiTriangle } from \"@mdi/js\";\nimport { isHtml } from \"~/composables/isHtml\";\nimport { useMarkdown } from \"~/composables/useMarkdown\";\nimport { useColorMode } from \"@vueuse/core\";\nimport type {\n  EpFunnelChartProps,\n  OptionsFormmater,\n} from \"~/types/charts/EpFunnelChart\";\nimport VueApexCharts from \"vue3-apexcharts\";\nimport type { ApexOptions } from \"apexcharts\";\n\nconst props = withDefaults(defineProps<EpFunnelChartProps>(), {\n  center: true,\n  type: \"neutral\",\n  width: \"800\",\n  height: 350,\n  isFunnel: true,\n  colors: () => [\n    \"#283243\",\n    \"#3b4f6d\",\n    \"#465e87\",\n    \"#5072a5\",\n    \"#648bb9\",\n    \"#6e9ac3\",\n    \"#8ab3d0\",\n    \"#b0cee0\",\n  ],\n});\n\nconst renderText = computed(() => {\n  if (!props.intentions) {\n    return null;\n  }\n  if (!isHtml(props.intentions)) {\n    return useMarkdown(props.intentions);\n  }\n  return props.intentions;\n});\n\nconst mode = useColorMode();\n\nconst optionsFunnel = computed<ApexOptions>(() => {\n  return {\n    chart: {\n      type: \"bar\",\n      background: \"transparent\",\n      height: props.height,\n    },\n    plotOptions: {\n      bar: {\n        borderRadius: 0,\n        horizontal: true,\n        distributed: true,\n        barHeight: \"80%\",\n        isFunnel: props.isFunnel,\n      },\n    },\n    theme: {\n      mode: mode.value,\n    },\n    colors: props.colors,\n    dataLabels: {\n      enabled: true,\n      formatter: function (val: string, opt: OptionsFormmater) {\n        let label = \"\";\n        if (opt.w.globals.labels[opt.dataPointIndex]) {\n          label = opt.w.globals.labels[opt.dataPointIndex] + \" \";\n        }\n        return label + val;\n      },\n      dropShadow: {\n        enabled: true,\n      },\n    },\n    xaxis: {\n      categories: props.labels,\n    },\n    legend: {\n      show: false,\n    },\n  } as ApexOptions;\n});\n\nconst { center, series, source, labels, width } = toRefs(props);\n</script>\n\n<template>\n  <EpEdu :title=\"title\" :type=\"type\" :hideIcon=\"hideIcon\" :icon=\"mdiTriangle\">\n    <template #intentions v-if=\"renderText\">\n      <div v-html=\"renderText\" />\n    </template>\n    <template #content>\n      <div\n        :class=\"`p-4 ${center ? 'flex justify-center' : ''}`\"\n        v-if=\"labels && series\"\n      >\n        <VueApexCharts\n          type=\"bar\"\n          :width=\"width\"\n          :height=\"height\"\n          :options=\"optionsFunnel\"\n          :series=\"series\"\n        />\n      </div>\n    </template>\n    <template #actions v-if=\"source\">\n      <p>{{ source }}</p>\n    </template>\n  </EpEdu>\n</template>\n"],"names":["_createBlock","EpEdu","_unref","_createElementBlock","_createVNode","_createElementVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcA,UAAM,QAAQ;AAkBd,UAAM,aAAa,SAAS,MAAM;AAChC,UAAI,CAAC,MAAM,YAAY;AACrB,eAAO;AAAA,MACT;AACA,UAAI,CAAC,OAAO,MAAM,UAAU,GAAG;AAC7B,eAAO,YAAY,MAAM,UAAU;AAAA,MACrC;AACA,aAAO,MAAM;AAAA,IACf,CAAC;AAED,UAAM,OAAO,aAAA;AAEb,UAAM,gBAAgB,SAAsB,MAAM;AAChD,aAAO;AAAA,QACL,OAAO;AAAA,UACL,MAAM;AAAA,UACN,YAAY;AAAA,UACZ,QAAQ,MAAM;AAAA,QAAA;AAAA,QAEhB,aAAa;AAAA,UACX,KAAK;AAAA,YACH,cAAc;AAAA,YACd,YAAY;AAAA,YACZ,aAAa;AAAA,YACb,WAAW;AAAA,YACX,UAAU,MAAM;AAAA,UAAA;AAAA,QAClB;AAAA,QAEF,OAAO;AAAA,UACL,MAAM,KAAK;AAAA,QAAA;AAAA,QAEb,QAAQ,MAAM;AAAA,QACd,YAAY;AAAA,UACV,SAAS;AAAA,UACT,WAAW,SAAU,KAAa,KAAuB;AACvD,gBAAI,QAAQ;AACZ,gBAAI,IAAI,EAAE,QAAQ,OAAO,IAAI,cAAc,GAAG;AAC5C,sBAAQ,IAAI,EAAE,QAAQ,OAAO,IAAI,cAAc,IAAI;AAAA,YACrD;AACA,mBAAO,QAAQ;AAAA,UACjB;AAAA,UACA,YAAY;AAAA,YACV,SAAS;AAAA,UAAA;AAAA,QACX;AAAA,QAEF,OAAO;AAAA,UACL,YAAY,MAAM;AAAA,QAAA;AAAA,QAEpB,QAAQ;AAAA,UACN,MAAM;AAAA,QAAA;AAAA,MACR;AAAA,IAEJ,CAAC;AAED,UAAM,EAAE,QAAQ,QAAQ,QAAQ,QAAQ,MAAA,IAAU,OAAO,KAAK;;0BAI5DA,YAqBQC,aAAA;AAAA,QArBA,OAAO,QAAA;AAAA,QAAQ,MAAM,QAAA;AAAA,QAAO,UAAU,QAAA;AAAA,QAAW,MAAMC,MAAA,WAAA;AAAA,MAAA;QAIlD,iBACT,MAWM;AAAA,UATEA,MAAA,MAAA,KAAUA,MAAA,MAAA,kBAFlBC,mBAWM,OAAA;AAAA;YAVH,6BAAcD,MAAA,MAAA,IAAM,wBAAA,EAAA,EAAA;AAAA,UAAA;YAGrBE,YAMEF,MAAA,aAAA,GAAA;AAAA,cALA,MAAK;AAAA,cACJ,OAAOA,MAAA,KAAA;AAAA,cACP,QAAQ,QAAA;AAAA,cACR,SAAS,cAAA;AAAA,cACT,QAAQA,MAAA,MAAA;AAAA,YAAA;;;;;QAba,WAAA;gBAAjB;AAAA,sBACT,MAA2B;AAAA,YAA3BG,mBAA2B,OAAA,EAAtB,WAAQ,WAAA,SAAU,MAAA,GAAA,UAAA;AAAA,UAAA;;;QAgBAH,MAAA,MAAA;gBAAd;AAAA,sBACT,MAAmB;AAAA,YAAnBG,mBAAmB,2BAAbH,MAAA,MAAA,CAAM,GAAA,CAAA;AAAA,UAAA;;;;;;;"}
+{"version":3,"file":"EpFunnelChart.vue.js","sources":["../../../src/components/charts/EpFunnelChart.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, toRefs } from \"vue\";\nimport EpEdu from \"~/components/educationals/EpEdu.vue\";\nimport { mdiTriangle } from \"@mdi/js\";\nimport { isHtml } from \"~/composables/isHtml\";\nimport { useMarkdown } from \"~/composables/useMarkdown\";\nimport { useColorMode } from \"@vueuse/core\";\nimport type { EpFunnelChartProps, OptionsFormmater  } from \"~/types/charts/EpFunnelChart\";\nimport VueApexCharts from \"vue3-apexcharts\";\n\nconst props = withDefaults(defineProps<EpFunnelChartProps>(), {\n  center: true,\n  type: \"neutral\",\n  width: \"800\",\n  height: 350,\n  isFunnel: true,\n  colors: () => [\n    \"#283243\",\n    \"#3b4f6d\",\n    \"#465e87\",\n    \"#5072a5\",\n    \"#648bb9\",\n    \"#6e9ac3\",\n    \"#8ab3d0\",\n    \"#b0cee0\",\n  ],\n});\n\nconst renderText = computed(() => {\n  if (!props.intentions) {\n    return null;\n  }\n  if (!isHtml(props.intentions)) {\n    return useMarkdown(props.intentions);\n  }\n  return props.intentions;\n});\n\nconst mode = useColorMode();\n\nconst optionsFunnel = computed(() => {\n  return {\n    chart: {\n      type: \"bar\",\n      background: \"transparent\",\n      height: props.height,\n    },\n    plotOptions: {\n      bar: {\n        borderRadius: 0,\n        horizontal: true,\n        distributed: true,\n        barHeight: \"80%\",\n        isFunnel: props.isFunnel,\n      },\n    },\n    theme: {\n      mode: mode.value,\n    },\n    colors: props.colors,\n    dataLabels: {\n      enabled: true,\n      formatter: function (val: string, opt: OptionsFormmater) {\n        let label = \"\";\n        if (opt.w.globals.labels[opt.dataPointIndex]) {\n          label = opt.w.globals.labels[opt.dataPointIndex] + \" \";\n        }\n        return label + val;\n      },\n      dropShadow: {\n        enabled: true,\n      },\n    },\n    xaxis: {\n      categories: props.labels,\n    },\n    legend: {\n      show: false,\n    },\n  };\n});\n\nconst { center, series, source, labels, width } = toRefs(props);\n</script>\n\n<template>\n  <EpEdu :title=\"title\" :type=\"type\" :hideIcon=\"hideIcon\" :icon=\"mdiTriangle\">\n    <template #intentions v-if=\"renderText\">\n      <div v-html=\"renderText\" />\n    </template>\n    <template #content>\n      <div\n        :class=\"`p-4 ${center ? 'flex justify-center' : ''}`\"\n        v-if=\"labels && series\"\n      >\n        <VueApexCharts\n          type=\"bar\"\n          :width=\"width\"\n          :height=\"height\"\n          :options=\"optionsFunnel\"\n          :series=\"series\"\n        />\n      </div>\n    </template>\n    <template #actions v-if=\"source\">\n      <p>{{ source }}</p>\n    </template>\n  </EpEdu>\n</template>\n"],"names":["_createBlock","EpEdu","title","type","hideIcon","_unref","_createElementBlock","_createVNode","height","_createElementVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,UAAM,QAAQ;AAkBd,UAAM,aAAa,SAAS,MAAM;AAChC,UAAI,CAAC,MAAM,YAAY;AACrB,eAAO;AAAA,MACT;AACA,UAAI,CAAC,OAAO,MAAM,UAAU,GAAG;AAC7B,eAAO,YAAY,MAAM,UAAU;AAAA,MACrC;AACA,aAAO,MAAM;AAAA,IACf,CAAC;AAED,UAAM,OAAO,aAAA;AAEb,UAAM,gBAAgB,SAAS,MAAM;AACnC,aAAO;AAAA,QACL,OAAO;AAAA,UACL,MAAM;AAAA,UACN,YAAY;AAAA,UACZ,QAAQ,MAAM;AAAA,QAAA;AAAA,QAEhB,aAAa;AAAA,UACX,KAAK;AAAA,YACH,cAAc;AAAA,YACd,YAAY;AAAA,YACZ,aAAa;AAAA,YACb,WAAW;AAAA,YACX,UAAU,MAAM;AAAA,UAAA;AAAA,QAClB;AAAA,QAEF,OAAO;AAAA,UACL,MAAM,KAAK;AAAA,QAAA;AAAA,QAEb,QAAQ,MAAM;AAAA,QACd,YAAY;AAAA,UACV,SAAS;AAAA,UACT,WAAW,SAAU,KAAa,KAAuB;AACvD,gBAAI,QAAQ;AACZ,gBAAI,IAAI,EAAE,QAAQ,OAAO,IAAI,cAAc,GAAG;AAC5C,sBAAQ,IAAI,EAAE,QAAQ,OAAO,IAAI,cAAc,IAAI;AAAA,YACrD;AACA,mBAAO,QAAQ;AAAA,UACjB;AAAA,UACA,YAAY;AAAA,YACV,SAAS;AAAA,UAAA;AAAA,QACX;AAAA,QAEF,OAAO;AAAA,UACL,YAAY,MAAM;AAAA,QAAA;AAAA,QAEpB,QAAQ;AAAA,UACN,MAAM;AAAA,QAAA;AAAA,MACR;AAAA,IAEJ,CAAC;AAED,UAAM,EAAE,QAAQ,QAAQ,QAAQ,QAAQ,MAAA,IAAU,OAAO,KAAK;;0BAI5DA,YAqBQC,aAAA;AAAA,QArBA,OAAOC,KAAAA;AAAAA,QAAQ,MAAMC,KAAAA;AAAAA,QAAO,UAAUC,KAAAA;AAAAA,QAAW,MAAMC,MAAA,WAAA;AAAA,MAAA;QAIlD,iBACT,MAWM;AAAA,UATEA,MAAA,MAAA,KAAUA,MAAA,MAAA,kBAFlBC,mBAWM,OAAA;AAAA;YAVH,6BAAcD,MAAA,MAAA,IAAM,wBAAA,EAAA,EAAA;AAAA,UAAA;YAGrBE,YAMEF,MAAA,aAAA,GAAA;AAAA,cALA,MAAK;AAAA,cACJ,OAAOA,MAAA,KAAA;AAAA,cACP,QAAQG,KAAAA;AAAAA,cACR,SAAS,cAAA;AAAA,cACT,QAAQH,MAAA,MAAA;AAAA,YAAA;;;;;QAba,WAAA;gBAAjB;AAAA,sBACT,MAA2B;AAAA,YAA3BI,mBAA2B,OAAA,EAAtB,WAAQ,WAAA,SAAU,MAAA,GAAA,UAAA;AAAA,UAAA;;;QAgBAJ,MAAA,MAAA;gBAAd;AAAA,sBACT,MAAmB;AAAA,YAAnBI,mBAAmB,2BAAbJ,MAAA,MAAA,CAAM,GAAA,CAAA;AAAA,UAAA;;;;;;;"}

package/dist/components/charts/EpLineChart.vue.js

@@ -64,9 +64,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const { center, series, source, width, dataNoDisponible } = toRefs(props);
     return (_ctx, _cache) => {
       return openBlock(), createBlock(_sfc_main$1, {
-        title: __props.title,
-        type: __props.type,
-        hideIcon: __props.hideIcon,
+        title: _ctx.title,
+        type: _ctx.type,
+        hideIcon: _ctx.hideIcon,
         icon: unref(mdiChartLine)
       }, createSlots({
         content: withCtx(() => [

package/dist/components/charts/EpLineChart.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"EpLineChart.vue.js","sources":["../../../src/components/charts/EpLineChart.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, toRefs } from \"vue\";\nimport EpEdu from \"~/components/educationals/EpEdu.vue\";\nimport { mdiChartLine } from \"@mdi/js\";\nimport { isHtml } from \"~/composables/isHtml\";\nimport { useMarkdown } from \"~/composables/useMarkdown\";\nimport { useColorMode } from \"@vueuse/core\";\nimport type { EpLineChartProps } from \"~/types/charts/EpLineChart\";\nimport VueApexCharts from \"vue3-apexcharts\";\nimport type { ApexOptions } from \"apexcharts\";\n\nconst props = withDefaults(defineProps<EpLineChartProps>(), {\n  center: true,\n  width: \"500\",\n  dataNoDisponible: \"Data no disponible\",\n});\n\nconst renderText = computed(() => {\n  if (!props.intentions) {\n    return null;\n  }\n  if (!isHtml(props.intentions)) {\n    return useMarkdown(props.intentions);\n  }\n  return props.intentions;\n});\n\nconst mode = useColorMode();\n\nconst globalOptions = computed<ApexOptions>(() => {\n  return {\n    ...props.options,\n    theme: {\n      mode: mode.value,\n    },\n    dataLabels: {\n      enabled: false,\n    },\n    stroke: {\n      curve: \"straight\",\n    },\n    chart: {\n      background: \"transparent\",\n      type: \"line\",\n      zoom: {\n        enabled: false,\n      },\n    },\n    grid: {\n      row: {\n        colors: undefined,\n        opacity: 0.2,\n      },\n    },\n  } as ApexOptions;\n});\n\nconst { center, series, source, width, dataNoDisponible } = toRefs(props);\n</script>\n\n<template>\n  <EpEdu :title=\"title\" :type=\"type\" :hideIcon=\"hideIcon\" :icon=\"mdiChartLine\">\n    <template #intentions v-if=\"renderText\">\n      <div v-html=\"renderText\" />\n    </template>\n    <template #content>\n      <div\n        :class=\"`p-4 ${center ? 'flex justify-center' : ''}`\"\n        v-if=\"globalOptions && series\"\n      >\n        <VueApexCharts\n          :width=\"width\"\n          type=\"line\"\n          :options=\"globalOptions\"\n          :series=\"series\"\n        />\n      </div>\n      <div v-else>\n        <p>{{ dataNoDisponible }}</p>\n      </div>\n    </template>\n    <template #actions v-if=\"source\">\n      {{ source }}\n    </template>\n  </EpEdu>\n</template>\n"],"names":["_createBlock","EpEdu","_unref","_createElementBlock","_createVNode","_createElementVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAWA,UAAM,QAAQ;AAMd,UAAM,aAAa,SAAS,MAAM;AAChC,UAAI,CAAC,MAAM,YAAY;AACrB,eAAO;AAAA,MACT;AACA,UAAI,CAAC,OAAO,MAAM,UAAU,GAAG;AAC7B,eAAO,YAAY,MAAM,UAAU;AAAA,MACrC;AACA,aAAO,MAAM;AAAA,IACf,CAAC;AAED,UAAM,OAAO,aAAA;AAEb,UAAM,gBAAgB,SAAsB,MAAM;AAChD,aAAO;AAAA,QACL,GAAG,MAAM;AAAA,QACT,OAAO;AAAA,UACL,MAAM,KAAK;AAAA,QAAA;AAAA,QAEb,YAAY;AAAA,UACV,SAAS;AAAA,QAAA;AAAA,QAEX,QAAQ;AAAA,UACN,OAAO;AAAA,QAAA;AAAA,QAET,OAAO;AAAA,UACL,YAAY;AAAA,UACZ,MAAM;AAAA,UACN,MAAM;AAAA,YACJ,SAAS;AAAA,UAAA;AAAA,QACX;AAAA,QAEF,MAAM;AAAA,UACJ,KAAK;AAAA,YACH,QAAQ;AAAA,YACR,SAAS;AAAA,UAAA;AAAA,QACX;AAAA,MACF;AAAA,IAEJ,CAAC;AAED,UAAM,EAAE,QAAQ,QAAQ,QAAQ,OAAO,iBAAA,IAAqB,OAAO,KAAK;;0BAItEA,YAuBQC,aAAA;AAAA,QAvBA,OAAO,QAAA;AAAA,QAAQ,MAAM,QAAA;AAAA,QAAO,UAAU,QAAA;AAAA,QAAW,MAAMC,MAAA,YAAA;AAAA,MAAA;QAIlD,iBACT,MAUM;AAAA,UARE,cAAA,SAAiBA,MAAA,MAAA,kBAFzBC,mBAUM,OAAA;AAAA;YATH,6BAAcD,MAAA,MAAA,IAAM,wBAAA,EAAA,EAAA;AAAA,UAAA;YAGrBE,YAKEF,MAAA,aAAA,GAAA;AAAA,cAJC,OAAOA,MAAA,KAAA;AAAA,cACR,MAAK;AAAA,cACJ,SAAS,cAAA;AAAA,cACT,QAAQA,MAAA,MAAA;AAAA,YAAA;iCAGbC,mBAEM,OAAA,YAAA;AAAA,YADJE,mBAA6B,2BAAvBH,MAAA,gBAAA,CAAgB,GAAA,CAAA;AAAA,UAAA;;;;QAhBE,WAAA;gBAAjB;AAAA,sBACT,MAA2B;AAAA,YAA3BG,mBAA2B,OAAA,EAAtB,WAAQ,WAAA,SAAU,MAAA,GAAA,UAAA;AAAA,UAAA;;;QAkBAH,MAAA,MAAA;gBAAd;AAAA,sBACT,MAAY;AAAA,4CAATA,MAAA,MAAA,CAAM,GAAA,CAAA;AAAA,UAAA;;;;;;;"}
+{"version":3,"file":"EpLineChart.vue.js","sources":["../../../src/components/charts/EpLineChart.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, toRefs } from \"vue\";\nimport EpEdu from \"~/components/educationals/EpEdu.vue\";\nimport { mdiChartLine } from \"@mdi/js\";\nimport { isHtml } from \"~/composables/isHtml\";\nimport { useMarkdown } from \"~/composables/useMarkdown\";\nimport { useColorMode } from \"@vueuse/core\";\nimport type { EpLineChartProps } from \"~/types/charts/EpLineChart\";\nimport VueApexCharts from \"vue3-apexcharts\";\n\nconst props = withDefaults(defineProps<EpLineChartProps>(), {\n  center: true,\n  width: \"500\",\n  dataNoDisponible: \"Data no disponible\",\n});\n\nconst renderText = computed(() => {\n  if (!props.intentions) {\n    return null;\n  }\n  if (!isHtml(props.intentions)) {\n    return useMarkdown(props.intentions);\n  }\n  return props.intentions;\n});\n\nconst mode = useColorMode();\n\nconst globalOptions = computed(() => {\n  return {\n    ...props.options,\n    theme: {\n      mode: mode.value,\n    },\n    dataLabels: {\n      enabled: false,\n    },\n    stroke: {\n      curve: \"straight\",\n    },\n    chart: {\n      background: \"transparent\",\n      type: \"line\",\n      zoom: {\n        enabled: false,\n      },\n    },\n    grid: {\n      row: {\n        colors: undefined,\n        opacity: 0.2,\n      },\n    },\n  };\n});\n\nconst { center, series, source, width, dataNoDisponible } = toRefs(props);\n</script>\n\n<template>\n  <EpEdu :title=\"title\" :type=\"type\" :hideIcon=\"hideIcon\" :icon=\"mdiChartLine\">\n    <template #intentions v-if=\"renderText\">\n      <div v-html=\"renderText\" />\n    </template>\n    <template #content>\n      <div\n        :class=\"`p-4 ${center ? 'flex justify-center' : ''}`\"\n        v-if=\"globalOptions && series\"\n      >\n        <VueApexCharts\n          :width=\"width\"\n          type=\"line\"\n          :options=\"globalOptions\"\n          :series=\"series\"\n        />\n      </div>\n      <div v-else>\n        <p>{{ dataNoDisponible }}</p>\n      </div>\n    </template>\n    <template #actions v-if=\"source\">\n      {{ source }}\n    </template>\n  </EpEdu>\n</template>\n"],"names":["_createBlock","EpEdu","title","type","hideIcon","_unref","_createElementBlock","_createVNode","_createElementVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAUA,UAAM,QAAQ;AAMd,UAAM,aAAa,SAAS,MAAM;AAChC,UAAI,CAAC,MAAM,YAAY;AACrB,eAAO;AAAA,MACT;AACA,UAAI,CAAC,OAAO,MAAM,UAAU,GAAG;AAC7B,eAAO,YAAY,MAAM,UAAU;AAAA,MACrC;AACA,aAAO,MAAM;AAAA,IACf,CAAC;AAED,UAAM,OAAO,aAAA;AAEb,UAAM,gBAAgB,SAAS,MAAM;AACnC,aAAO;AAAA,QACL,GAAG,MAAM;AAAA,QACT,OAAO;AAAA,UACL,MAAM,KAAK;AAAA,QAAA;AAAA,QAEb,YAAY;AAAA,UACV,SAAS;AAAA,QAAA;AAAA,QAEX,QAAQ;AAAA,UACN,OAAO;AAAA,QAAA;AAAA,QAET,OAAO;AAAA,UACL,YAAY;AAAA,UACZ,MAAM;AAAA,UACN,MAAM;AAAA,YACJ,SAAS;AAAA,UAAA;AAAA,QACX;AAAA,QAEF,MAAM;AAAA,UACJ,KAAK;AAAA,YACH,QAAQ;AAAA,YACR,SAAS;AAAA,UAAA;AAAA,QACX;AAAA,MACF;AAAA,IAEJ,CAAC;AAED,UAAM,EAAE,QAAQ,QAAQ,QAAQ,OAAO,iBAAA,IAAqB,OAAO,KAAK;;0BAItEA,YAuBQC,aAAA;AAAA,QAvBA,OAAOC,KAAAA;AAAAA,QAAQ,MAAMC,KAAAA;AAAAA,QAAO,UAAUC,KAAAA;AAAAA,QAAW,MAAMC,MAAA,YAAA;AAAA,MAAA;QAIlD,iBACT,MAUM;AAAA,UARE,cAAA,SAAiBA,MAAA,MAAA,kBAFzBC,mBAUM,OAAA;AAAA;YATH,6BAAcD,MAAA,MAAA,IAAM,wBAAA,EAAA,EAAA;AAAA,UAAA;YAGrBE,YAKEF,MAAA,aAAA,GAAA;AAAA,cAJC,OAAOA,MAAA,KAAA;AAAA,cACR,MAAK;AAAA,cACJ,SAAS,cAAA;AAAA,cACT,QAAQA,MAAA,MAAA;AAAA,YAAA;iCAGbC,mBAEM,OAAA,YAAA;AAAA,YADJE,mBAA6B,2BAAvBH,MAAA,gBAAA,CAAgB,GAAA,CAAA;AAAA,UAAA;;;;QAhBE,WAAA;gBAAjB;AAAA,sBACT,MAA2B;AAAA,YAA3BG,mBAA2B,OAAA,EAAtB,WAAQ,WAAA,SAAU,MAAA,GAAA,UAAA;AAAA,UAAA;;;QAkBAH,MAAA,MAAA;gBAAd;AAAA,sBACT,MAAY;AAAA,4CAATA,MAAA,MAAA,CAAM,GAAA,CAAA;AAAA,UAAA;;;;;;;"}

package/dist/components/charts/EpPieChart.vue.js

@@ -48,13 +48,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const { center, series, source, width, dataNoDisponible } = toRefs(props);
     return (_ctx, _cache) => {
       return openBlock(), createBlock(_sfc_main$1, {
-        title: __props.title,
-        type: __props.type,
-        hideIcon: __props.hideIcon,
+        title: _ctx.title,
+        type: _ctx.type,
+        hideIcon: _ctx.hideIcon,
         icon: unref(mdiChartPie)
       }, createSlots({
         content: withCtx(() => [
-          __props.options && unref(series) ? (openBlock(), createElementBlock("div", {
+          _ctx.options && unref(series) ? (openBlock(), createElementBlock("div", {
             key: 0,
             class: normalizeClass(`p-4 ${unref(center) ? "flex justify-center" : ""}`)
           }, [

package/dist/components/charts/EpPieChart.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"EpPieChart.vue.js","sources":["../../../src/components/charts/EpPieChart.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, toRefs } from \"vue\";\nimport EpEdu from \"~/components/educationals/EpEdu.vue\";\nimport { mdiChartPie } from \"@mdi/js\";\nimport { isHtml } from \"~/composables/isHtml\";\nimport { useMarkdown } from \"~/composables/useMarkdown\";\nimport { useColorMode } from \"@vueuse/core\";\nimport type { EpPieChartProps } from \"~/types/charts/EpPieChart\";\nimport VueApexCharts from \"vue3-apexcharts\";\nimport type { ApexOptions } from \"apexcharts\";\n\nconst props = withDefaults(defineProps<EpPieChartProps>(), {\n  center: true,\n  type: \"neutral\",\n  width: \"500\",\n  dataNoDisponible: \"Data no disponible\",\n});\n\nconst renderText = computed(() => {\n  if (!props.intentions) {\n    return null;\n  }\n  if (!isHtml(props.intentions)) {\n    return useMarkdown(props.intentions);\n  }\n  return props.intentions;\n});\n\nconst mode = useColorMode();\n\nconst globalOptions = computed<ApexOptions>(() => {\n  return {\n    ...props.options,\n    theme: {\n      mode: mode.value,\n    },\n    chart: {\n      background: \"transparent\",\n    },\n  } as ApexOptions;\n});\n\nconst { center, series, source, width, dataNoDisponible } = toRefs(props);\n</script>\n\n<template>\n  <EpEdu :title=\"title\" :type=\"type\" :hideIcon=\"hideIcon\" :icon=\"mdiChartPie\">\n    <template #intentions v-if=\"renderText\">\n      <div v-html=\"renderText\" />\n    </template>\n    <template #content>\n      <div\n        :class=\"`p-4 ${center ? 'flex justify-center' : ''}`\"\n        v-if=\"options && series\"\n      >\n        <VueApexCharts\n          :width=\"width\"\n          type=\"pie\"\n          :options=\"globalOptions\"\n          :series=\"series\"\n        />\n      </div>\n      <div v-else>\n        <p>{{ dataNoDisponible }}</p>\n      </div>\n    </template>\n    <template #actions v-if=\"source\">\n      <p>{{ source }}</p>\n    </template>\n  </EpEdu>\n</template>\n"],"names":["_createBlock","EpEdu","_unref","_createElementBlock","_createVNode","_createElementVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAWA,UAAM,QAAQ;AAOd,UAAM,aAAa,SAAS,MAAM;AAChC,UAAI,CAAC,MAAM,YAAY;AACrB,eAAO;AAAA,MACT;AACA,UAAI,CAAC,OAAO,MAAM,UAAU,GAAG;AAC7B,eAAO,YAAY,MAAM,UAAU;AAAA,MACrC;AACA,aAAO,MAAM;AAAA,IACf,CAAC;AAED,UAAM,OAAO,aAAA;AAEb,UAAM,gBAAgB,SAAsB,MAAM;AAChD,aAAO;AAAA,QACL,GAAG,MAAM;AAAA,QACT,OAAO;AAAA,UACL,MAAM,KAAK;AAAA,QAAA;AAAA,QAEb,OAAO;AAAA,UACL,YAAY;AAAA,QAAA;AAAA,MACd;AAAA,IAEJ,CAAC;AAED,UAAM,EAAE,QAAQ,QAAQ,QAAQ,OAAO,iBAAA,IAAqB,OAAO,KAAK;;0BAItEA,YAuBQC,aAAA;AAAA,QAvBA,OAAO,QAAA;AAAA,QAAQ,MAAM,QAAA;AAAA,QAAO,UAAU,QAAA;AAAA,QAAW,MAAMC,MAAA,WAAA;AAAA,MAAA;QAIlD,iBACT,MAUM;AAAA,UARE,QAAA,WAAWA,MAAA,MAAA,kBAFnBC,mBAUM,OAAA;AAAA;YATH,6BAAcD,MAAA,MAAA,IAAM,wBAAA,EAAA,EAAA;AAAA,UAAA;YAGrBE,YAKEF,MAAA,aAAA,GAAA;AAAA,cAJC,OAAOA,MAAA,KAAA;AAAA,cACR,MAAK;AAAA,cACJ,SAAS,cAAA;AAAA,cACT,QAAQA,MAAA,MAAA;AAAA,YAAA;iCAGbC,mBAEM,OAAA,YAAA;AAAA,YADJE,mBAA6B,2BAAvBH,MAAA,gBAAA,CAAgB,GAAA,CAAA;AAAA,UAAA;;;;QAhBE,WAAA;gBAAjB;AAAA,sBACT,MAA2B;AAAA,YAA3BG,mBAA2B,OAAA,EAAtB,WAAQ,WAAA,SAAU,MAAA,GAAA,UAAA;AAAA,UAAA;;;QAkBAH,MAAA,MAAA;gBAAd;AAAA,sBACT,MAAmB;AAAA,YAAnBG,mBAAmB,2BAAbH,MAAA,MAAA,CAAM,GAAA,CAAA;AAAA,UAAA;;;;;;;"}
+{"version":3,"file":"EpPieChart.vue.js","sources":["../../../src/components/charts/EpPieChart.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, toRefs } from \"vue\";\nimport EpEdu from \"~/components/educationals/EpEdu.vue\";\nimport { mdiChartPie } from \"@mdi/js\";\nimport { isHtml } from \"~/composables/isHtml\";\nimport { useMarkdown } from \"~/composables/useMarkdown\";\nimport { useColorMode } from \"@vueuse/core\";\nimport type { EpPieChartProps } from \"~/types/charts/EpPieChart\";\nimport VueApexCharts from \"vue3-apexcharts\";\n\nconst props = withDefaults(defineProps<EpPieChartProps>(), {\n  center: true,\n  type: \"neutral\",\n  width: \"500\",\n  dataNoDisponible: \"Data no disponible\",\n});\n\nconst renderText = computed(() => {\n  if (!props.intentions) {\n    return null;\n  }\n  if (!isHtml(props.intentions)) {\n    return useMarkdown(props.intentions);\n  }\n  return props.intentions;\n});\n\nconst mode = useColorMode();\n\nconst globalOptions = computed(() => {\n  return {\n    ...props.options,\n    theme: {\n      mode: mode.value,\n    },\n    chart: {\n      background: \"transparent\",\n    },\n  };\n});\n\nconst { center, series, source, width, dataNoDisponible } = toRefs(props);\n</script>\n\n<template>\n  <EpEdu :title=\"title\" :type=\"type\" :hideIcon=\"hideIcon\" :icon=\"mdiChartPie\">\n    <template #intentions v-if=\"renderText\">\n      <div v-html=\"renderText\" />\n    </template>\n    <template #content>\n      <div\n        :class=\"`p-4 ${center ? 'flex justify-center' : ''}`\"\n        v-if=\"options && series\"\n      >\n        <VueApexCharts\n          :width=\"width\"\n          type=\"pie\"\n          :options=\"globalOptions\"\n          :series=\"series\"\n        />\n      </div>\n      <div v-else>\n        <p>{{ dataNoDisponible }}</p>\n      </div>\n    </template>\n    <template #actions v-if=\"source\">\n      <p>{{ source }}</p>\n    </template>\n  </EpEdu>\n</template>\n"],"names":["_createBlock","EpEdu","title","type","hideIcon","_unref","options","_createElementBlock","_createVNode","_createElementVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAUA,UAAM,QAAQ;AAOd,UAAM,aAAa,SAAS,MAAM;AAChC,UAAI,CAAC,MAAM,YAAY;AACrB,eAAO;AAAA,MACT;AACA,UAAI,CAAC,OAAO,MAAM,UAAU,GAAG;AAC7B,eAAO,YAAY,MAAM,UAAU;AAAA,MACrC;AACA,aAAO,MAAM;AAAA,IACf,CAAC;AAED,UAAM,OAAO,aAAA;AAEb,UAAM,gBAAgB,SAAS,MAAM;AACnC,aAAO;AAAA,QACL,GAAG,MAAM;AAAA,QACT,OAAO;AAAA,UACL,MAAM,KAAK;AAAA,QAAA;AAAA,QAEb,OAAO;AAAA,UACL,YAAY;AAAA,QAAA;AAAA,MACd;AAAA,IAEJ,CAAC;AAED,UAAM,EAAE,QAAQ,QAAQ,QAAQ,OAAO,iBAAA,IAAqB,OAAO,KAAK;;0BAItEA,YAuBQC,aAAA;AAAA,QAvBA,OAAOC,KAAAA;AAAAA,QAAQ,MAAMC,KAAAA;AAAAA,QAAO,UAAUC,KAAAA;AAAAA,QAAW,MAAMC,MAAA,WAAA;AAAA,MAAA;QAIlD,iBACT,MAUM;AAAA,UAREC,KAAAA,WAAWD,MAAA,MAAA,kBAFnBE,mBAUM,OAAA;AAAA;YATH,6BAAcF,MAAA,MAAA,IAAM,wBAAA,EAAA,EAAA;AAAA,UAAA;YAGrBG,YAKEH,MAAA,aAAA,GAAA;AAAA,cAJC,OAAOA,MAAA,KAAA;AAAA,cACR,MAAK;AAAA,cACJ,SAAS,cAAA;AAAA,cACT,QAAQA,MAAA,MAAA;AAAA,YAAA;iCAGbE,mBAEM,OAAA,YAAA;AAAA,YADJE,mBAA6B,2BAAvBJ,MAAA,gBAAA,CAAgB,GAAA,CAAA;AAAA,UAAA;;;;QAhBE,WAAA;gBAAjB;AAAA,sBACT,MAA2B;AAAA,YAA3BI,mBAA2B,OAAA,EAAtB,WAAQ,WAAA,SAAU,MAAA,GAAA,UAAA;AAAA,UAAA;;;QAkBAJ,MAAA,MAAA;gBAAd;AAAA,sBACT,MAAmB;AAAA,YAAnBI,mBAAmB,2BAAbJ,MAAA,MAAA,CAAM,GAAA,CAAA;AAAA,UAAA;;;;;;;"}

package/dist/components/educationals/EpBranchingScenario.vue2.js

@@ -1,13 +1,13 @@
 import { defineComponent, ref, computed, createElementBlock, openBlock, createElementVNode, normalizeStyle, createCommentVNode, toDisplayString, createVNode, withCtx, unref, normalizeClass, createTextVNode, createBlock, Fragment, renderList } from "vue";
 import { useRenderText } from "../../composables/useRenderText.js";
 import _sfc_main$2 from "../basics/EpIcon.vue.js";
-import _sfc_main$4 from "../tools/Details.vue.js";
+import _sfc_main$4 from "../tools/Details.vue2.js";
 import _sfc_main$5 from "../interactions/EpModal.vue.js";
 /* empty css                           */
 import Comp from "../medias/EpHierarchy.vue.js";
 import _sfc_main$1 from "../basics/EpBtn.vue.js";
 import { mdiArrowLeft } from "@mdi/js";
-import _sfc_main$3 from "../tools/TextMedia.vue.js";
+import _sfc_main$3 from "../tools/TextMedia.vue2.js";
 const _hoisted_1 = { class: "mb-2" };
 const _hoisted_2 = { class: "font-bold text-3xl text-center" };
 const _hoisted_3 = {
@@ -145,17 +145,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", null, [
         createElementVNode("div", {
           class: "bg-surface-2 dark:bg-surface-2-dark rounded-md p-4 flex flex-col",
-          style: normalizeStyle({ minHeight: "500px", backgroundColor: __props.bgColor })
+          style: normalizeStyle({ minHeight: "500px", backgroundColor: _ctx.bgColor })
         }, [
           createElementVNode("div", _hoisted_1, [
-            createElementVNode("h1", _hoisted_2, toDisplayString(__props.title), 1),
+            createElementVNode("h1", _hoisted_2, toDisplayString(_ctx.title), 1),
             currentOption.value ? (openBlock(), createElementBlock("h2", _hoisted_3, toDisplayString(currentOption.value.name), 1)) : createCommentVNode("", true),
             currentOption.value ? (openBlock(), createElementBlock("div", _hoisted_4, [
               createVNode(_sfc_main$1, {
                 type: "primary",
                 rounded: "",
                 size: "small",
-                "extra-class": `${__props.transitionAnimation}`,
+                "extra-class": `${_ctx.transitionAnimation}`,
                 onClick: goToPrevious
               }, {
                 default: withCtx(() => [
@@ -171,9 +171,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           createElementVNode("div", null, [
             isIntroductoryPart.value ? (openBlock(), createElementBlock("div", _hoisted_5, [
               createVNode(_sfc_main$3, {
-                text: (_a = __props.initialInstruction) != null ? _a : "",
-                media: __props.media,
-                cols: __props.initialTwoCols,
+                text: (_a = _ctx.initialInstruction) != null ? _a : "",
+                media: _ctx.media,
+                cols: _ctx.initialTwoCols,
                 "flex-col": ""
               }, null, 8, ["text", "media", "cols"]),
               createElementVNode("div", {
@@ -185,14 +185,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   onClick: start
                 }, {
                   default: withCtx(() => [
-                    createTextVNode(toDisplayString(__props.labelStart), 1)
+                    createTextVNode(toDisplayString(_ctx.labelStart), 1)
                   ]),
                   _: 1
                 })
               ], 2)
             ])) : currentOption.value && !isIntroductoryPart.value ? (openBlock(), createElementBlock("div", _hoisted_6, [
               createElementVNode("div", {
-                class: normalizeClass(`${__props.transitionAnimation} my-12`)
+                class: normalizeClass(`${_ctx.transitionAnimation} my-12`)
               }, [
                 createVNode(_sfc_main$3, {
                   text: (_b = currentOption.value.text) != null ? _b : "",
@@ -223,19 +223,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     onClick: finish
                   }, {
                     default: withCtx(() => [
-                      createTextVNode(toDisplayString(__props.labelBtnFinish), 1)
+                      createTextVNode(toDisplayString(_ctx.labelBtnFinish), 1)
                     ]),
                     _: 1
                   })) : createCommentVNode("", true)
                 ])
               ], 2)
             ])) : (openBlock(), createElementBlock("div", _hoisted_8, [
-              createElementVNode("h3", _hoisted_9, toDisplayString(__props.labelFinish), 1),
+              createElementVNode("h3", _hoisted_9, toDisplayString(_ctx.labelFinish), 1),
               createElementVNode("div", {
-                class: normalizeClass(`flex gap-6 mt-3 ${!__props.generalFeedback ? "w-3/6 mx-auto" : ""}`)
+                class: normalizeClass(`flex gap-6 mt-3 ${!_ctx.generalFeedback ? "w-3/6 mx-auto" : ""}`)
               }, [
                 createElementVNode("div", _hoisted_10, [
-                  createElementVNode("h3", _hoisted_11, toDisplayString(__props.labelYourPath), 1),
+                  createElementVNode("h3", _hoisted_11, toDisplayString(_ctx.labelYourPath), 1),
                   createElementVNode("div", _hoisted_12, [
                     (openBlock(true), createElementBlock(Fragment, null, renderList(path.value, (item, i) => {
                       var _a2;
@@ -259,7 +259,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       onClick: _cache[0] || (_cache[0] = ($event) => showPath.value = true)
                     }, {
                       default: withCtx(() => [
-                        createTextVNode(toDisplayString(__props.labelShowFullPath), 1)
+                        createTextVNode(toDisplayString(_ctx.labelShowFullPath), 1)
                       ]),
                       _: 1
                     })
@@ -285,7 +285,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                           rounded: ""
                         }, {
                           default: withCtx(() => [
-                            createTextVNode(toDisplayString(__props.labelClose), 1)
+                            createTextVNode(toDisplayString(_ctx.labelClose), 1)
                           ]),
                           _: 1
                         })
@@ -294,9 +294,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     _: 1
                   }, 8, ["modelValue"])) : createCommentVNode("", true)
                 ]),
-                __props.generalFeedback ? (openBlock(), createElementBlock("div", _hoisted_16, [
+                _ctx.generalFeedback ? (openBlock(), createElementBlock("div", _hoisted_16, [
                   createElementVNode("div", {
-                    innerHTML: unref(useRenderText)(__props.generalFeedback)
+                    innerHTML: unref(useRenderText)(_ctx.generalFeedback)
                   }, null, 8, _hoisted_17)
                 ])) : createCommentVNode("", true)
               ], 2),
@@ -307,7 +307,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   onClick: restart
                 }, {
                   default: withCtx(() => [
-                    createTextVNode(toDisplayString(__props.labelRestart), 1)
+                    createTextVNode(toDisplayString(_ctx.labelRestart), 1)
                   ]),
                   _: 1
                 })