ep-lib-ts 1.0.59 → 1.0.60

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

@@ -1,25 +1,26 @@
-import { defineComponent as y, computed as d, toRefs as w, createBlock as k, openBlock as u, unref as t, createSlots as v, withCtx as r, createElementBlock as C, createCommentVNode as _, normalizeClass as x, createVNode as B, createElementVNode as c, toDisplayString as I } from "vue";
-import F from "../educationals/EpEdu.vue.js";
-import { mdiTriangle as H } from "@mdi/js";
-import { isHtml as M } from "../../composables/isHtml.js";
-import { useMarkdown as T } from "../../composables/useMarkdown.js";
-import { useColorMode as V } from "@vueuse/core";
-import E from "vue3-apexcharts";
-const L = ["innerHTML"], A = /* @__PURE__ */ y({
+import { defineComponent, computed, toRefs, createBlock, openBlock, unref, createSlots, withCtx, createElementBlock, createCommentVNode, normalizeClass, createVNode, createElementVNode, toDisplayString } from "vue";
+import _sfc_main$1 from "../educationals/EpEdu.vue.js";
+import { mdiTriangle } from "@mdi/js";
+import { isHtml } from "../../composables/isHtml.js";
+import { useMarkdown } from "../../composables/useMarkdown.js";
+import { useColorMode } from "@vueuse/core";
+import VueApexCharts from "vue3-apexcharts";
+const _hoisted_1 = ["innerHTML"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "EpFunnelChart",
   props: {
     series: {},
     labels: {},
     id: {},
     title: {},
-    center: { type: Boolean, default: !0 },
+    center: { type: Boolean, default: true },
     intentions: {},
     hideIcon: { type: Boolean },
     type: { default: "neutral" },
     source: {},
     width: { default: "800" },
     height: { default: 350 },
-    isFunnel: { type: Boolean, default: !0 },
+    isFunnel: { type: Boolean, default: true },
     colors: { default: () => [
       "#283243",
       "#3b4f6d",
@@ -31,82 +32,102 @@ const L = ["innerHTML"], A = /* @__PURE__ */ y({
       "#b0cee0"
     ] }
   },
-  setup(p) {
-    const e = p, i = d(() => e.intentions ? M(e.intentions) ? e.intentions : T(e.intentions) : null), m = V(), h = d(() => ({
-      chart: {
-        type: "bar",
-        background: "transparent",
-        height: e.height
-      },
-      plotOptions: {
-        bar: {
-          borderRadius: 0,
-          horizontal: !0,
-          distributed: !0,
-          barHeight: "80%",
-          isFunnel: e.isFunnel
-        }
-      },
-      theme: {
-        mode: m.value
-      },
-      colors: e.colors,
-      dataLabels: {
-        enabled: !0,
-        formatter: function(n, o) {
-          let s = "";
-          return o.w.globals.labels[o.dataPointIndex] && (s = o.w.globals.labels[o.dataPointIndex] + " "), s + n;
+  setup(__props) {
+    const props = __props;
+    const renderText = computed(() => {
+      if (!props.intentions) {
+        return null;
+      }
+      if (!isHtml(props.intentions)) {
+        return useMarkdown(props.intentions);
+      }
+      return props.intentions;
+    });
+    const mode = useColorMode();
+    const optionsFunnel = computed(() => {
+      return {
+        chart: {
+          type: "bar",
+          background: "transparent",
+          height: props.height
+        },
+        plotOptions: {
+          bar: {
+            borderRadius: 0,
+            horizontal: true,
+            distributed: true,
+            barHeight: "80%",
+            isFunnel: props.isFunnel
+          }
+        },
+        theme: {
+          mode: mode.value
         },
-        dropShadow: {
-          enabled: !0
+        colors: props.colors,
+        dataLabels: {
+          enabled: true,
+          formatter: function(val, opt) {
+            let label = "";
+            if (opt.w.globals.labels[opt.dataPointIndex]) {
+              label = opt.w.globals.labels[opt.dataPointIndex] + " ";
+            }
+            return label + val;
+          },
+          dropShadow: {
+            enabled: true
+          }
+        },
+        xaxis: {
+          categories: props.labels
+        },
+        legend: {
+          show: false
         }
-      },
-      xaxis: {
-        categories: e.labels
-      },
-      legend: {
-        show: !1
-      }
-    })), { center: f, series: l, source: a, labels: b, width: g } = w(e);
-    return (n, o) => (u(), k(F, {
-      title: n.title,
-      type: n.type,
-      hideIcon: n.hideIcon,
-      icon: t(H)
-    }, v({
-      content: r(() => [
-        t(b) && t(l) ? (u(), C("div", {
-          key: 0,
-          class: x(`p-4 ${t(f) ? "flex justify-center" : ""}`)
-        }, [
-          B(t(E), {
-            type: "bar",
-            width: t(g),
-            height: n.height,
-            options: h.value,
-            series: t(l)
-          }, null, 8, ["width", "height", "options", "series"])
-        ], 2)) : _("", !0)
-      ]),
-      _: 2
-    }, [
-      i.value ? {
-        name: "intentions",
-        fn: r(() => [
-          c("div", { innerHTML: i.value }, null, 8, L)
-        ]),
-        key: "0"
-      } : void 0,
-      t(a) ? {
-        name: "actions",
-        fn: r(() => [
-          c("p", null, I(t(a)), 1)
+      };
+    });
+    const { center, series, source, labels, width } = toRefs(props);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$1, {
+        title: _ctx.title,
+        type: _ctx.type,
+        hideIcon: _ctx.hideIcon,
+        icon: unref(mdiTriangle)
+      }, createSlots({
+        content: withCtx(() => [
+          unref(labels) && unref(series) ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: normalizeClass(`p-4 ${unref(center) ? "flex justify-center" : ""}`)
+          }, [
+            createVNode(unref(VueApexCharts), {
+              type: "bar",
+              width: unref(width),
+              height: _ctx.height,
+              options: optionsFunnel.value,
+              series: unref(series)
+            }, null, 8, ["width", "height", "options", "series"])
+          ], 2)) : createCommentVNode("", true)
         ]),
-        key: "1"
-      } : void 0
-    ]), 1032, ["title", "type", "hideIcon", "icon"]));
+        _: 2
+      }, [
+        renderText.value ? {
+          name: "intentions",
+          fn: withCtx(() => [
+            createElementVNode("div", { innerHTML: renderText.value }, null, 8, _hoisted_1)
+          ]),
+          key: "0"
+        } : void 0,
+        unref(source) ? {
+          name: "actions",
+          fn: withCtx(() => [
+            createElementVNode("p", null, toDisplayString(unref(source)), 1)
+          ]),
+          key: "1"
+        } : void 0
+      ]), 1032, ["title", "type", "hideIcon", "icon"]);
+    };
   }
 });
 export {
-  A as default
+  _sfc_main as default
 };
+//# sourceMappingURL=EpFunnelChart.vue.js.map

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

@@ -0,0 +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 {\n  EpFunnelChartProps,\n  OptionsFormmater,\n} 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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,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/EpFunnelChart.vue2.js

@@ -1,4 +1,5 @@
-import f from "./EpFunnelChart.vue.js";
+import _sfc_main from "./EpFunnelChart.vue.js";
 export {
-  f as default
+  _sfc_main as default
 };
+//# sourceMappingURL=EpFunnelChart.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EpFunnelChart.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -1,17 +1,19 @@
-import { defineComponent as k, computed as d, toRefs as _, createBlock as b, openBlock as n, unref as e, createSlots as w, withCtx as i, createElementBlock as c, normalizeClass as C, createVNode as g, createElementVNode as p, toDisplayString as u, createTextVNode as B } from "vue";
-import L from "../educationals/EpEdu.vue.js";
-import { mdiChartLine as N } from "@mdi/js";
-import { isHtml as x } from "../../composables/isHtml.js";
-import { useMarkdown as D } from "../../composables/useMarkdown.js";
-import { useColorMode as I } from "@vueuse/core";
-import M from "vue3-apexcharts";
-const T = ["innerHTML"], V = { key: 1 }, R = /* @__PURE__ */ k({
+import { defineComponent, computed, toRefs, createBlock, openBlock, unref, createSlots, withCtx, createElementBlock, normalizeClass, createVNode, createElementVNode, toDisplayString, createTextVNode } from "vue";
+import _sfc_main$1 from "../educationals/EpEdu.vue.js";
+import { mdiChartLine } from "@mdi/js";
+import { isHtml } from "../../composables/isHtml.js";
+import { useMarkdown } from "../../composables/useMarkdown.js";
+import { useColorMode } from "@vueuse/core";
+import VueApexCharts from "vue3-apexcharts";
+const _hoisted_1 = ["innerHTML"];
+const _hoisted_2 = { key: 1 };
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "EpLineChart",
   props: {
     series: {},
     options: {},
     id: {},
-    center: { type: Boolean, default: !0 },
+    center: { type: Boolean, default: true },
     title: {},
     intentions: {},
     hideIcon: { type: Boolean },
@@ -20,72 +22,89 @@ const T = ["innerHTML"], V = { key: 1 }, R = /* @__PURE__ */ k({
     width: { default: "500" },
     dataNoDisponible: { default: "Data no disponible" }
   },
-  setup(m) {
-    const t = m, r = d(() => t.intentions ? x(t.intentions) ? t.intentions : D(t.intentions) : null), f = I(), s = d(() => ({
-      ...t.options,
-      theme: {
-        mode: f.value
-      },
-      dataLabels: {
-        enabled: !1
-      },
-      stroke: {
-        curve: "straight"
-      },
-      chart: {
-        background: "transparent",
-        type: "line",
-        zoom: {
-          enabled: !1
-        }
-      },
-      grid: {
-        row: {
-          colors: void 0,
-          opacity: 0.2
-        }
+  setup(__props) {
+    const props = __props;
+    const renderText = computed(() => {
+      if (!props.intentions) {
+        return null;
       }
-    })), { center: h, series: a, source: l, width: y, dataNoDisponible: v } = _(t);
-    return (o, E) => (n(), b(L, {
-      title: o.title,
-      type: o.type,
-      hideIcon: o.hideIcon,
-      icon: e(N)
-    }, w({
-      content: i(() => [
-        s.value && e(a) ? (n(), c("div", {
-          key: 0,
-          class: C(`p-4 ${e(h) ? "flex justify-center" : ""}`)
-        }, [
-          g(e(M), {
-            width: e(y),
-            type: "line",
-            options: s.value,
-            series: e(a)
-          }, null, 8, ["width", "options", "series"])
-        ], 2)) : (n(), c("div", V, [
-          p("p", null, u(e(v)), 1)
-        ]))
-      ]),
-      _: 2
-    }, [
-      r.value ? {
-        name: "intentions",
-        fn: i(() => [
-          p("div", { innerHTML: r.value }, null, 8, T)
-        ]),
-        key: "0"
-      } : void 0,
-      e(l) ? {
-        name: "actions",
-        fn: i(() => [
-          B(u(e(l)), 1)
+      if (!isHtml(props.intentions)) {
+        return useMarkdown(props.intentions);
+      }
+      return props.intentions;
+    });
+    const mode = useColorMode();
+    const globalOptions = computed(() => {
+      return {
+        ...props.options,
+        theme: {
+          mode: mode.value
+        },
+        dataLabels: {
+          enabled: false
+        },
+        stroke: {
+          curve: "straight"
+        },
+        chart: {
+          background: "transparent",
+          type: "line",
+          zoom: {
+            enabled: false
+          }
+        },
+        grid: {
+          row: {
+            colors: void 0,
+            opacity: 0.2
+          }
+        }
+      };
+    });
+    const { center, series, source, width, dataNoDisponible } = toRefs(props);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$1, {
+        title: _ctx.title,
+        type: _ctx.type,
+        hideIcon: _ctx.hideIcon,
+        icon: unref(mdiChartLine)
+      }, createSlots({
+        content: withCtx(() => [
+          globalOptions.value && unref(series) ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: normalizeClass(`p-4 ${unref(center) ? "flex justify-center" : ""}`)
+          }, [
+            createVNode(unref(VueApexCharts), {
+              width: unref(width),
+              type: "line",
+              options: globalOptions.value,
+              series: unref(series)
+            }, null, 8, ["width", "options", "series"])
+          ], 2)) : (openBlock(), createElementBlock("div", _hoisted_2, [
+            createElementVNode("p", null, toDisplayString(unref(dataNoDisponible)), 1)
+          ]))
         ]),
-        key: "1"
-      } : void 0
-    ]), 1032, ["title", "type", "hideIcon", "icon"]));
+        _: 2
+      }, [
+        renderText.value ? {
+          name: "intentions",
+          fn: withCtx(() => [
+            createElementVNode("div", { innerHTML: renderText.value }, null, 8, _hoisted_1)
+          ]),
+          key: "0"
+        } : void 0,
+        unref(source) ? {
+          name: "actions",
+          fn: withCtx(() => [
+            createTextVNode(toDisplayString(unref(source)), 1)
+          ]),
+          key: "1"
+        } : void 0
+      ]), 1032, ["title", "type", "hideIcon", "icon"]);
+    };
   }
 });
 export {
-  R as default
+  _sfc_main as default
 };
+//# sourceMappingURL=EpLineChart.vue.js.map

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

@@ -0,0 +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 { 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/EpLineChart.vue2.js

@@ -1,4 +1,5 @@
-import f from "./EpLineChart.vue.js";
+import _sfc_main from "./EpLineChart.vue.js";
 export {
-  f as default
+  _sfc_main as default
 };
+//# sourceMappingURL=EpLineChart.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EpLineChart.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -1,18 +1,20 @@
-import { defineComponent as v, computed as p, toRefs as _, createBlock as C, openBlock as o, unref as e, createSlots as w, withCtx as i, createElementBlock as d, normalizeClass as b, createVNode as B, createElementVNode as r, toDisplayString as c } from "vue";
-import D from "../educationals/EpEdu.vue.js";
-import { mdiChartPie as I } from "@mdi/js";
-import { isHtml as M } from "../../composables/isHtml.js";
-import { useMarkdown as N } from "../../composables/useMarkdown.js";
-import { useColorMode as g } from "@vueuse/core";
-import E from "vue3-apexcharts";
-const H = ["innerHTML"], T = { key: 1 }, A = /* @__PURE__ */ v({
+import { defineComponent, computed, toRefs, createBlock, openBlock, unref, createSlots, withCtx, createElementBlock, normalizeClass, createVNode, createElementVNode, toDisplayString } from "vue";
+import _sfc_main$1 from "../educationals/EpEdu.vue.js";
+import { mdiChartPie } from "@mdi/js";
+import { isHtml } from "../../composables/isHtml.js";
+import { useMarkdown } from "../../composables/useMarkdown.js";
+import { useColorMode } from "@vueuse/core";
+import VueApexCharts from "vue3-apexcharts";
+const _hoisted_1 = ["innerHTML"];
+const _hoisted_2 = { key: 1 };
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "EpPieChart",
   props: {
     series: {},
     options: {},
     id: {},
     title: {},
-    center: { type: Boolean, default: !0 },
+    center: { type: Boolean, default: true },
     intentions: {},
     hideIcon: { type: Boolean },
     type: { default: "neutral" },
@@ -20,56 +22,73 @@ const H = ["innerHTML"], T = { key: 1 }, A = /* @__PURE__ */ v({
     width: { default: "500" },
     dataNoDisponible: { default: "Data no disponible" }
   },
-  setup(u) {
-    const t = u, s = p(() => t.intentions ? M(t.intentions) ? t.intentions : N(t.intentions) : null), m = g(), f = p(() => ({
-      ...t.options,
-      theme: {
-        mode: m.value
-      },
-      chart: {
-        background: "transparent"
+  setup(__props) {
+    const props = __props;
+    const renderText = computed(() => {
+      if (!props.intentions) {
+        return null;
       }
-    })), { center: h, series: a, source: l, width: y, dataNoDisponible: k } = _(t);
-    return (n, V) => (o(), C(D, {
-      title: n.title,
-      type: n.type,
-      hideIcon: n.hideIcon,
-      icon: e(I)
-    }, w({
-      content: i(() => [
-        n.options && e(a) ? (o(), d("div", {
-          key: 0,
-          class: b(`p-4 ${e(h) ? "flex justify-center" : ""}`)
-        }, [
-          B(e(E), {
-            width: e(y),
-            type: "pie",
-            options: f.value,
-            series: e(a)
-          }, null, 8, ["width", "options", "series"])
-        ], 2)) : (o(), d("div", T, [
-          r("p", null, c(e(k)), 1)
-        ]))
-      ]),
-      _: 2
-    }, [
-      s.value ? {
-        name: "intentions",
-        fn: i(() => [
-          r("div", { innerHTML: s.value }, null, 8, H)
-        ]),
-        key: "0"
-      } : void 0,
-      e(l) ? {
-        name: "actions",
-        fn: i(() => [
-          r("p", null, c(e(l)), 1)
+      if (!isHtml(props.intentions)) {
+        return useMarkdown(props.intentions);
+      }
+      return props.intentions;
+    });
+    const mode = useColorMode();
+    const globalOptions = computed(() => {
+      return {
+        ...props.options,
+        theme: {
+          mode: mode.value
+        },
+        chart: {
+          background: "transparent"
+        }
+      };
+    });
+    const { center, series, source, width, dataNoDisponible } = toRefs(props);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$1, {
+        title: _ctx.title,
+        type: _ctx.type,
+        hideIcon: _ctx.hideIcon,
+        icon: unref(mdiChartPie)
+      }, createSlots({
+        content: withCtx(() => [
+          _ctx.options && unref(series) ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: normalizeClass(`p-4 ${unref(center) ? "flex justify-center" : ""}`)
+          }, [
+            createVNode(unref(VueApexCharts), {
+              width: unref(width),
+              type: "pie",
+              options: globalOptions.value,
+              series: unref(series)
+            }, null, 8, ["width", "options", "series"])
+          ], 2)) : (openBlock(), createElementBlock("div", _hoisted_2, [
+            createElementVNode("p", null, toDisplayString(unref(dataNoDisponible)), 1)
+          ]))
         ]),
-        key: "1"
-      } : void 0
-    ]), 1032, ["title", "type", "hideIcon", "icon"]));
+        _: 2
+      }, [
+        renderText.value ? {
+          name: "intentions",
+          fn: withCtx(() => [
+            createElementVNode("div", { innerHTML: renderText.value }, null, 8, _hoisted_1)
+          ]),
+          key: "0"
+        } : void 0,
+        unref(source) ? {
+          name: "actions",
+          fn: withCtx(() => [
+            createElementVNode("p", null, toDisplayString(unref(source)), 1)
+          ]),
+          key: "1"
+        } : void 0
+      ]), 1032, ["title", "type", "hideIcon", "icon"]);
+    };
   }
 });
 export {
-  A as default
+  _sfc_main as default
 };
+//# sourceMappingURL=EpPieChart.vue.js.map

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

@@ -0,0 +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 { 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/charts/EpPieChart.vue2.js

@@ -1,4 +1,5 @@
-import f from "./EpPieChart.vue.js";
+import _sfc_main from "./EpPieChart.vue.js";
 export {
-  f as default
+  _sfc_main as default
 };
+//# sourceMappingURL=EpPieChart.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EpPieChart.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -1,7 +1,8 @@
-import o from "./EpBranchingScenario.vue2.js";
+import _sfc_main from "./EpBranchingScenario.vue2.js";
 /* empty css                         */
-import t from "../../_virtual/_plugin-vue_export-helper.js";
-const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-2a6d792e"]]);
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
+const Comp = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2a6d792e"]]);
 export {
-  a as default
+  Comp as default
 };
+//# sourceMappingURL=EpBranchingScenario.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EpBranchingScenario.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}