ep-lib-ts 1.0.58 → 1.0.60

package/dist/components/medias/EpKatex.vue2.js

@@ -1,58 +1,74 @@
-import { defineComponent as c, ref as f, onMounted as p, computed as m, toRefs as u, createBlock as d, openBlock as h, unref as i, createSlots as y, withCtx as l, createElementVNode as o, normalizeClass as v } from "vue";
-import I from "katex";
-import _ from "../educationals/EpEdu.vue.js";
-import { mdiFunctionVariant as k } from "@mdi/js";
-import { isHtml as x } from "../../composables/isHtml.js";
-import { useMarkdown as b } from "../../composables/useMarkdown.js";
-const w = ["innerHTML"], $ = /* @__PURE__ */ c({
+import { defineComponent, ref, onMounted, computed, toRefs, createBlock, openBlock, unref, createSlots, withCtx, createElementVNode, normalizeClass } from "vue";
+import katex from "katex";
+import _sfc_main$1 from "../educationals/EpEdu.vue.js";
+import { mdiFunctionVariant } from "@mdi/js";
+import { isHtml } from "../../composables/isHtml.js";
+import { useMarkdown } from "../../composables/useMarkdown.js";
+const _hoisted_1 = ["innerHTML"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "EpKatex",
   props: {
     content: {},
-    center: { type: Boolean, default: !1 },
+    center: { type: Boolean, default: false },
     title: {},
     intentions: {},
     hideIcon: { type: Boolean },
     type: {},
     labelIntentions: {}
   },
-  setup(a) {
-    const e = a, t = f();
-    p(() => {
-      t.value && I.render(String.raw`${e.content}`, t.value, {
-        throwOnError: !1,
-        output: "html"
-      });
+  setup(__props) {
+    const props = __props;
+    const renderKatex = ref();
+    onMounted(() => {
+      if (renderKatex.value) {
+        katex.render(String.raw`${props.content}`, renderKatex.value, {
+          throwOnError: false,
+          output: "html"
+        });
+      }
     });
-    const r = m(() => e.intentions ? x(e.intentions) ? e.intentions : b(e.intentions) : null), { center: s } = u(e);
-    return (n, B) => (h(), d(_, {
-      title: n.title,
-      type: n.type,
-      hideIcon: n.hideIcon,
-      icon: i(k),
-      labelIntentions: n.labelIntentions
-    }, y({
-      content: l(() => [
-        o("div", {
-          class: v(`p-4 ${i(s) ? "flex justify-center" : ""}`)
-        }, [
-          o("div", {
-            ref_key: "renderKatex",
-            ref: t
-          }, null, 512)
-        ], 2)
-      ]),
-      _: 2
-    }, [
-      r.value ? {
-        name: "intentions",
-        fn: l(() => [
-          o("div", { innerHTML: r.value }, null, 8, w)
+    const renderText = computed(() => {
+      if (!props.intentions) {
+        return null;
+      }
+      if (!isHtml(props.intentions)) {
+        return useMarkdown(props.intentions);
+      }
+      return props.intentions;
+    });
+    const { center } = toRefs(props);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$1, {
+        title: _ctx.title,
+        type: _ctx.type,
+        hideIcon: _ctx.hideIcon,
+        icon: unref(mdiFunctionVariant),
+        labelIntentions: _ctx.labelIntentions
+      }, createSlots({
+        content: withCtx(() => [
+          createElementVNode("div", {
+            class: normalizeClass(`p-4 ${unref(center) ? "flex justify-center" : ""}`)
+          }, [
+            createElementVNode("div", {
+              ref_key: "renderKatex",
+              ref: renderKatex
+            }, null, 512)
+          ], 2)
         ]),
-        key: "0"
-      } : void 0
-    ]), 1032, ["title", "type", "hideIcon", "icon", "labelIntentions"]));
+        _: 2
+      }, [
+        renderText.value ? {
+          name: "intentions",
+          fn: withCtx(() => [
+            createElementVNode("div", { innerHTML: renderText.value }, null, 8, _hoisted_1)
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1032, ["title", "type", "hideIcon", "icon", "labelIntentions"]);
+    };
   }
 });
 export {
-  $ as default
+  _sfc_main as default
 };
+//# sourceMappingURL=EpKatex.vue2.js.map

package/dist/components/medias/EpKatex.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EpKatex.vue2.js","sources":["../../../src/components/medias/EpKatex.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { onMounted, ref, computed, toRefs } from \"vue\";\nimport katex from \"katex\";\nimport EpEdu from \"~/components/educationals/EpEdu.vue\";\nimport { mdiFunctionVariant } from \"@mdi/js\";\nimport { isHtml } from \"~/composables/isHtml\";\nimport { useMarkdown } from \"~/composables/useMarkdown\";\nimport { EpKatexProps } from \"~/types/medias/EpKatex\";\n\nconst props = withDefaults(defineProps<EpKatexProps>(), {\n  center: false,\n});\n\nconst renderKatex = ref<HTMLDivElement>();\n\nonMounted(() => {\n  if (renderKatex.value) {\n    katex.render(String.raw`${props.content}`, renderKatex.value, {\n      throwOnError: false,\n      output: \"html\",\n    });\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 { center } = toRefs(props);\n</script>\n\n<template>\n  <EpEdu\n    :title=\"title\"\n    :type=\"type\"\n    :hideIcon=\"hideIcon\"\n    :icon=\"mdiFunctionVariant\"\n    :labelIntentions=\"labelIntentions\"\n  >\n    <template #intentions v-if=\"renderText\">\n      <div v-html=\"renderText\" />\n    </template>\n    <template #content>\n      <div :class=\"`p-4 ${center ? 'flex justify-center' : ''}`\">\n        <div ref=\"renderKatex\" />\n      </div>\n    </template>\n    <!-- <template #actions>\n       <EpBtn :color=\"type=='base'?'text-gray-700':'text-white'\" :type=\"type\">[Repair btn style... to change]</EpBtn>\n     </template> -->\n  </EpEdu>\n</template>\n\n<style scoped>\n.katex {\n  font-size: 1.6em;\n}\n</style>\n"],"names":["_createBlock","EpEdu","title","type","hideIcon","_unref","labelIntentions","_createElementVNode"],"mappings":";;;;;;;;;;;;;;;;;;;AASA,UAAM,QAAQ;AAId,UAAM,cAAc,IAAA;AAEpB,cAAU,MAAM;AACd,UAAI,YAAY,OAAO;AACrB,cAAM,OAAO,OAAO,MAAM,MAAM,OAAO,IAAI,YAAY,OAAO;AAAA,UAC5D,cAAc;AAAA,UACd,QAAQ;AAAA,QAAA,CACT;AAAA,MACH;AAAA,IACF,CAAC;AAED,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,EAAE,OAAA,IAAW,OAAO,KAAK;;0BAI7BA,YAkBQC,aAAA;AAAA,QAjBL,OAAOC,KAAAA;AAAAA,QACP,MAAMC,KAAAA;AAAAA,QACN,UAAUC,KAAAA;AAAAA,QACV,MAAMC,MAAA,kBAAA;AAAA,QACN,iBAAiBC,KAAAA;AAAAA,MAAAA;QAKP,iBACT,MAEM;AAAA,UAFNC,mBAEM,OAAA;AAAA,YAFA,6BAAcF,MAAA,MAAA,IAAM,wBAAA,EAAA,EAAA;AAAA,UAAA;YACxBE,mBAAyB,OAAA;AAAA,uBAAhB;AAAA,cAAJ,KAAI;AAAA,YAAA;;;;;QALe,WAAA;gBAAjB;AAAA,sBACT,MAA2B;AAAA,YAA3BA,mBAA2B,OAAA,EAAtB,WAAQ,WAAA,SAAU,MAAA,GAAA,UAAA;AAAA,UAAA;;;;;;;"}

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

@@ -1,10 +1,14 @@
-import { defineComponent as p, computed as l, toRefs as _, createBlock as h, openBlock as v, unref as e, createSlots as I, withCtx as o, createElementVNode as n, createVNode as b, toDisplayString as k, normalizeClass as y } from "vue";
-import w from "../basics/EpBtn.vue.js";
-import { mdiLinkVariant as C } from "@mdi/js";
-import L from "../educationals/EpEdu.vue.js";
-import g from "../../composables/useColors.js";
-import { useRenderText as x } from "../../composables/useRenderText.js";
-const z = ["innerHTML"], B = { class: "flex justify-center" }, T = { class: "w-4/5" }, V = { class: "font-medium tracking-wider" }, S = /* @__PURE__ */ p({
+import { defineComponent, computed, toRefs, createBlock, openBlock, unref, createSlots, withCtx, createElementVNode, createVNode, toDisplayString, normalizeClass } from "vue";
+import _sfc_main$2 from "../basics/EpBtn.vue.js";
+import { mdiLinkVariant } from "@mdi/js";
+import _sfc_main$1 from "../educationals/EpEdu.vue.js";
+import useColors from "../../composables/useColors.js";
+import { useRenderText } from "../../composables/useRenderText.js";
+const _hoisted_1 = ["innerHTML"];
+const _hoisted_2 = { class: "flex justify-center" };
+const _hoisted_3 = { class: "w-4/5" };
+const _hoisted_4 = { class: "font-medium tracking-wider" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "EpLink",
   props: {
     url: {},
@@ -13,61 +17,74 @@ const z = ["innerHTML"], B = { class: "flex justify-center" }, T = { class: "w-4
     mandateLevel: {},
     labelIntentions: {},
     type: { default: "neutral" },
-    hideIcon: { type: Boolean, default: !1 },
+    hideIcon: { type: Boolean, default: false },
     labelCard: {},
     icon: {}
   },
-  setup(s) {
-    const t = s, i = l(() => t.icon ? t.icon : C), c = l(() => `absolute ${g(
-      "bg",
-      "primarydark"
-    )} bottom-0 w-0 left-1/2 h-full -translate-x-1/2 transition-all ease-in-out duration-300 group-hover:w-[105%] -z-[1] group-focus:w-[105%]`), { url: d, title: u, intentions: r, mandateLevel: m, hideIcon: f } = _(t);
-    return (a, $) => (v(), h(L, {
-      title: a.labelCard,
-      icon: i.value,
-      flat: "",
-      hideIcon: e(f),
-      mandateLevel: e(m),
-      labelIntentions: a.labelIntentions
-    }, I({
-      content: o(() => [
-        n("div", B, [
-          n("div", T, [
-            b(w, {
-              block: "",
-              rounded: "",
-              type: "primary",
-              prependIcon: i.value,
-              href: e(d),
-              extraClass: "group font-medium tracking-wide relative inline-flex justify-center overflow-hidden z-10 transition-all duration-300 ease-in-out "
-            }, {
-              default: o(() => [
-                n("div", null, [
-                  n("span", V, k(e(u)), 1),
-                  n("span", {
-                    class: y(c.value)
-                  }, null, 2)
-                ])
-              ]),
-              _: 1
-            }, 8, ["prependIcon", "href"])
+  setup(__props) {
+    const props = __props;
+    const renderIcon = computed(() => {
+      if (props.icon) {
+        return props.icon;
+      }
+      return mdiLinkVariant;
+    });
+    const hoverColor = computed(() => {
+      return `absolute ${useColors(
+        "bg",
+        "primarydark"
+      )} bottom-0 w-0 left-1/2 h-full -translate-x-1/2 transition-all ease-in-out duration-300 group-hover:w-[105%] -z-[1] group-focus:w-[105%]`;
+    });
+    const { url, title, intentions, mandateLevel, hideIcon } = toRefs(props);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$1, {
+        title: _ctx.labelCard,
+        icon: renderIcon.value,
+        flat: "",
+        hideIcon: unref(hideIcon),
+        mandateLevel: unref(mandateLevel),
+        labelIntentions: _ctx.labelIntentions
+      }, createSlots({
+        content: withCtx(() => [
+          createElementVNode("div", _hoisted_2, [
+            createElementVNode("div", _hoisted_3, [
+              createVNode(_sfc_main$2, {
+                block: "",
+                rounded: "",
+                type: "primary",
+                prependIcon: renderIcon.value,
+                href: unref(url),
+                extraClass: "group font-medium tracking-wide relative inline-flex justify-center overflow-hidden z-10 transition-all duration-300 ease-in-out "
+              }, {
+                default: withCtx(() => [
+                  createElementVNode("div", null, [
+                    createElementVNode("span", _hoisted_4, toDisplayString(unref(title)), 1),
+                    createElementVNode("span", {
+                      class: normalizeClass(hoverColor.value)
+                    }, null, 2)
+                  ])
+                ]),
+                _: 1
+              }, 8, ["prependIcon", "href"])
+            ])
           ])
-        ])
-      ]),
-      _: 2
-    }, [
-      e(r) ? {
-        name: "intentions",
-        fn: o(() => [
-          n("div", {
-            innerHTML: e(x)(e(r))
-          }, null, 8, z)
         ]),
-        key: "0"
-      } : void 0
-    ]), 1032, ["title", "icon", "hideIcon", "mandateLevel", "labelIntentions"]));
+        _: 2
+      }, [
+        unref(intentions) ? {
+          name: "intentions",
+          fn: withCtx(() => [
+            createElementVNode("div", {
+              innerHTML: unref(useRenderText)(unref(intentions))
+            }, null, 8, _hoisted_1)
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1032, ["title", "icon", "hideIcon", "mandateLevel", "labelIntentions"]);
+    };
   }
 });
 export {
-  S as default
+  _sfc_main as default
 };
+//# sourceMappingURL=EpLink.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EpLink.vue.js","sources":["../../../src/components/medias/EpLink.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, toRefs } from \"vue\";\nimport EpBtn from \"~/components/basics/EpBtn.vue\";\nimport { mdiLinkVariant } from \"@mdi/js\";\nimport EpEdu from \"~/components/educationals/EpEdu.vue\";\nimport useColors from \"~/composables/useColors\";\nimport { useRenderText } from \"~/composables/useRenderText\";\nimport { EpLinkProps } from \"~/types/medias/EpLink\";\n\nconst props = withDefaults(defineProps<EpLinkProps>(), {\n  type: \"neutral\",\n  hideIcon: false,\n});\n\nconst renderIcon = computed(() => {\n  if (props.icon) {\n    return props.icon;\n  }\n  return mdiLinkVariant;\n});\n\nconst hoverColor = computed(() => {\n  return `absolute ${useColors(\n    \"bg\",\n    \"primary\" + \"dark\"\n  )} bottom-0 w-0 left-1/2 h-full -translate-x-1/2 transition-all ease-in-out duration-300 group-hover:w-[105%] -z-[1] group-focus:w-[105%]`;\n});\n\nconst { url, title, intentions, mandateLevel, hideIcon } = toRefs(props);\n</script>\n\n<template>\n  <EpEdu\n    :title=\"labelCard\"\n    :icon=\"renderIcon\"\n    flat\n    :hideIcon=\"hideIcon\"\n    :mandateLevel=\"mandateLevel\"\n    :labelIntentions=\"labelIntentions\"\n  >\n    <template #intentions v-if=\"intentions\">\n      <div v-html=\"useRenderText(intentions)\" />\n    </template>\n    <template #content>\n      <div class=\"flex justify-center\">\n        <div class=\"w-4/5\">\n          <EpBtn\n            block\n            rounded\n            type=\"primary\"\n            :prependIcon=\"renderIcon\"\n            :href=\"url\"\n            extraClass=\"group font-medium tracking-wide relative inline-flex justify-center overflow-hidden z-10 transition-all duration-300 ease-in-out \"\n          >\n            <div>\n              <span class=\"font-medium tracking-wider\">{{ title }}</span>\n              <span :class=\"hoverColor\" />\n            </div>\n          </EpBtn>\n        </div>\n      </div>\n    </template>\n  </EpEdu>\n</template>\n"],"names":["_createBlock","EpEdu","labelCard","_unref","labelIntentions","_createElementVNode","_createVNode","EpBtn","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AASA,UAAM,QAAQ;AAKd,UAAM,aAAa,SAAS,MAAM;AAChC,UAAI,MAAM,MAAM;AACd,eAAO,MAAM;AAAA,MACf;AACA,aAAO;AAAA,IACT,CAAC;AAED,UAAM,aAAa,SAAS,MAAM;AAChC,aAAO,YAAY;AAAA,QACjB;AAAA,QACA;AAAA,MAAA,CACD;AAAA,IACH,CAAC;AAED,UAAM,EAAE,KAAK,OAAO,YAAY,cAAc,SAAA,IAAa,OAAO,KAAK;;0BAIrEA,YA8BQC,aAAA;AAAA,QA7BL,OAAOC,KAAAA;AAAAA,QACP,MAAM,WAAA;AAAA,QACP,MAAA;AAAA,QACC,UAAUC,MAAA,QAAA;AAAA,QACV,cAAcA,MAAA,YAAA;AAAA,QACd,iBAAiBC,KAAAA;AAAAA,MAAAA;QAKP,iBACT,MAgBM;AAAA,UAhBNC,mBAgBM,OAhBN,YAgBM;AAAA,YAfJA,mBAcM,OAdN,YAcM;AAAA,cAbJC,YAYQC,aAAA;AAAA,gBAXN,OAAA;AAAA,gBACA,SAAA;AAAA,gBACA,MAAK;AAAA,gBACJ,aAAa,WAAA;AAAA,gBACb,MAAMJ,MAAA,GAAA;AAAA,gBACP,YAAW;AAAA,cAAA;iCAEX,MAGM;AAAA,kBAHNE,mBAGM,OAAA,MAAA;AAAA,oBAFJA,mBAA2D,QAA3D,YAA2DG,gBAAfL,MAAA,KAAA,CAAK,GAAA,CAAA;AAAA,oBACjDE,mBAA4B,QAAA;AAAA,sBAArB,sBAAO,WAAA,KAAU;AAAA,oBAAA;;;;;;;;;;QAhBNF,MAAA,UAAA;gBAAjB;AAAA,sBACT,MAA0C;AAAA,YAA1CE,mBAA0C,OAAA;AAAA,cAArC,WAAQF,MAAA,aAAA,EAAcA,MAAA,UAAA,CAAU;AAAA,YAAA;;;;;;;;"}

package/dist/components/medias/EpLink.vue2.js

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

package/dist/components/medias/EpLink.vue2.js.map

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

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

@@ -1,34 +1,43 @@
-import { defineComponent as m, toRefs as p, createElementBlock as o, unref as t, openBlock as i, createVNode as l, toDisplayString as _ } from "vue";
-import f from "./EpLink.vue.js";
-import d from "./EpIframe.vue.js";
-const h = { key: 0 }, g = { key: 1 }, k = { key: 2 }, D = /* @__PURE__ */ m({
+import { defineComponent, toRefs, createElementBlock, unref, openBlock, createVNode, toDisplayString } from "vue";
+import _sfc_main$1 from "./EpLink.vue.js";
+import _sfc_main$2 from "./EpIframe.vue.js";
+const _hoisted_1 = { key: 0 };
+const _hoisted_2 = { key: 1 };
+const _hoisted_3 = { key: 2 };
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "EpLinkVersion",
   props: {
     type: {},
     link: {},
-    big: { type: Boolean, default: !1 },
+    big: { type: Boolean, default: false },
     customHeight: {},
-    labels: { default: () => ({
-      noData: "no data"
-    }) }
+    labels: { default: () => {
+      return {
+        noData: "no data"
+      };
+    } }
   },
-  setup(s) {
-    const r = s, { type: n, link: e, big: a, customHeight: c } = p(r);
-    return (u, b) => t(n) === "button" ? (i(), o("div", h, [
-      l(f, {
-        title: t(e).title,
-        url: t(e).url
-      }, null, 8, ["title", "url"])
-    ])) : t(n) === "iframe" ? (i(), o("div", g, [
-      l(d, {
-        title: t(e).title,
-        src: t(e).url,
-        big: t(a),
-        "custom-height": t(c)
-      }, null, 8, ["title", "src", "big", "custom-height"])
-    ])) : (i(), o("div", k, _(u.labels.noData), 1));
+  setup(__props) {
+    const props = __props;
+    const { type, link, big, customHeight } = toRefs(props);
+    return (_ctx, _cache) => {
+      return unref(type) === "button" ? (openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(_sfc_main$1, {
+          title: unref(link).title,
+          url: unref(link).url
+        }, null, 8, ["title", "url"])
+      ])) : unref(type) === "iframe" ? (openBlock(), createElementBlock("div", _hoisted_2, [
+        createVNode(_sfc_main$2, {
+          title: unref(link).title,
+          src: unref(link).url,
+          big: unref(big),
+          "custom-height": unref(customHeight)
+        }, null, 8, ["title", "src", "big", "custom-height"])
+      ])) : (openBlock(), createElementBlock("div", _hoisted_3, toDisplayString(_ctx.labels.noData), 1));
+    };
   }
 });
 export {
-  D as default
+  _sfc_main as default
 };
+//# sourceMappingURL=EpLinkVersion.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EpLinkVersion.vue.js","sources":["../../../src/components/medias/EpLinkVersion.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { toRefs } from \"vue\";\nimport EpLink from \"~/components/medias/EpLink.vue\";\nimport EpIframe from \"~/components/medias/EpIframe.vue\";\nimport { EpLinkVersionProps } from \"~/types/medias/EpLinkVersion\";\n\nconst props = withDefaults(defineProps<EpLinkVersionProps>(), {\n  big: false,\n  labels: () => {\n    return {\n      noData: \"no data\",\n    };\n  },\n});\n\nconst { type, link, big, customHeight } = toRefs(props);\n</script>\n\n<template>\n  <div v-if=\"type === 'button'\">\n    <EpLink :title=\"link.title\" :url=\"link.url\"></EpLink>\n  </div>\n  <div v-else-if=\"type === 'iframe'\">\n    <EpIframe\n      :title=\"link.title\"\n      :src=\"link.url\"\n      :big=\"big\"\n      :custom-height=\"customHeight\"\n    ></EpIframe>\n  </div>\n  <div v-else>\n    {{ labels.noData }}\n  </div>\n</template>\n"],"names":["_unref","_createElementBlock","_createVNode","EpLink","EpIframe","_toDisplayString","labels"],"mappings":";;;;;;;;;;;;;;;;;;;;AAMA,UAAM,QAAQ;AASd,UAAM,EAAE,MAAM,MAAM,KAAK,aAAA,IAAiB,OAAO,KAAK;;aAIzCA,MAAA,IAAA,MAAI,yBAAfC,mBAEM,OAAA,YAAA;AAAA,QADJC,YAAqDC,aAAA;AAAA,UAA5C,OAAOH,MAAA,IAAA,EAAK;AAAA,UAAQ,KAAKA,MAAA,IAAA,EAAK;AAAA,QAAA;YAEzBA,MAAA,IAAA,MAAI,yBAApBC,mBAOM,OAAA,YAAA;AAAA,QANJC,YAKYE,aAAA;AAAA,UAJT,OAAOJ,MAAA,IAAA,EAAK;AAAA,UACZ,KAAKA,MAAA,IAAA,EAAK;AAAA,UACV,KAAKA,MAAA,GAAA;AAAA,UACL,iBAAeA,MAAA,YAAA;AAAA,QAAA;0BAGpBC,mBAEM,OAAA,YAAAI,gBADDC,KAAAA,OAAO,MAAM,GAAA,CAAA;AAAA;;;"}

package/dist/components/medias/EpLinkVersion.vue2.js

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

package/dist/components/medias/EpLinkVersion.vue2.js.map

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

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

@@ -1,47 +1,67 @@
-import { defineComponent as i, ref as p, watchEffect as f, createElementBlock as s, openBlock as u, createVNode as y, createCommentVNode as d, unref as c, normalizeStyle as m, toDisplayString as v } from "vue";
-import { DotLottieVue as h } from "@lottiefiles/dotlottie-vue";
-const g = { class: "flex flex-col items-center" }, L = /* @__PURE__ */ i({
+import { defineComponent, ref, watchEffect, createElementBlock, openBlock, createVNode, createCommentVNode, unref, normalizeStyle, toDisplayString } from "vue";
+import { DotLottieVue } from "@lottiefiles/dotlottie-vue";
+const _hoisted_1 = { class: "flex flex-col items-center" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "EpLottieSvg",
   props: {
     src: {},
-    autoPlay: { type: Boolean, default: !1 },
-    loop: { type: Boolean, default: !1 },
+    autoPlay: { type: Boolean, default: false },
+    loop: { type: Boolean, default: false },
     speed: { default: 1 },
     width: { default: 150 },
     height: { default: 150 },
-    pauseOnClick: { type: Boolean, default: !1 },
-    pauseButton: { type: Boolean, default: !1 },
-    playOnHover: { type: Boolean, default: !1 },
+    pauseOnClick: { type: Boolean, default: false },
+    pauseButton: { type: Boolean, default: false },
+    playOnHover: { type: Boolean, default: false },
     onComplete: {}
   },
-  setup(r) {
-    const o = r, l = p(o.autoPlay ? "Arrêter" : "Jouer"), t = p(null), a = () => {
-      t.value && (t.value.getDotLottieInstance().isPlaying ? (t.value.getDotLottieInstance().pause(), l.value = "Jouer") : (t.value.getDotLottieInstance().play(), l.value = "Arrêter"));
+  setup(__props) {
+    const props = __props;
+    const buttonText = ref(props.autoPlay ? "Arrêter" : "Jouer");
+    const playerRef = ref(null);
+    const managePlayState = () => {
+      if (playerRef.value) {
+        if (playerRef.value.getDotLottieInstance().isPlaying) {
+          playerRef.value.getDotLottieInstance().pause();
+          buttonText.value = "Jouer";
+        } else {
+          playerRef.value.getDotLottieInstance().play();
+          buttonText.value = "Arrêter";
+        }
+      }
+    };
+    watchEffect(() => {
+      if (playerRef.value) {
+        playerRef.value.getDotLottieInstance().addEventListener("complete", () => {
+          if (props.onComplete) {
+            props.onComplete();
+          }
+        });
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(unref(DotLottieVue), {
+          src: _ctx.src,
+          loop: _ctx.loop,
+          autoplay: _ctx.autoPlay,
+          style: normalizeStyle(`width: ${_ctx.width}px; height: ${_ctx.height}px;`),
+          speed: Number(_ctx.speed),
+          "play-on-hover": _ctx.playOnHover,
+          ref_key: "playerRef",
+          ref: playerRef,
+          onClick: _cache[0] || (_cache[0] = ($event) => _ctx.pauseOnClick ? managePlayState() : "")
+        }, null, 8, ["src", "loop", "autoplay", "style", "speed", "play-on-hover"]),
+        _ctx.pauseButton ? (openBlock(), createElementBlock("button", {
+          key: 0,
+          class: "rounded bg-blue-500 text-white py-2 px-4 min-w-28 my-3",
+          onClick: managePlayState
+        }, toDisplayString(buttonText.value), 1)) : createCommentVNode("", true)
+      ]);
     };
-    return f(() => {
-      t.value && t.value.getDotLottieInstance().addEventListener("complete", () => {
-        o.onComplete && o.onComplete();
-      });
-    }), (e, n) => (u(), s("div", g, [
-      y(c(h), {
-        src: e.src,
-        loop: e.loop,
-        autoplay: e.autoPlay,
-        style: m(`width: ${e.width}px; height: ${e.height}px;`),
-        speed: Number(e.speed),
-        "play-on-hover": e.playOnHover,
-        ref_key: "playerRef",
-        ref: t,
-        onClick: n[0] || (n[0] = (B) => e.pauseOnClick ? a() : "")
-      }, null, 8, ["src", "loop", "autoplay", "style", "speed", "play-on-hover"]),
-      e.pauseButton ? (u(), s("button", {
-        key: 0,
-        class: "rounded bg-blue-500 text-white py-2 px-4 min-w-28 my-3",
-        onClick: a
-      }, v(l.value), 1)) : d("", !0)
-    ]));
   }
 });
 export {
-  L as default
+  _sfc_main as default
 };
+//# sourceMappingURL=EpLottieSvg.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EpLottieSvg.vue.js","sources":["../../../src/components/medias/EpLottieSvg.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { DotLottieVue } from \"@lottiefiles/dotlottie-vue\";\nimport { ref, watchEffect } from \"vue\";\nimport { EpLottieSvgProps } from \"~/types/medias/EpLottieSvg\";\n\nconst props = withDefaults(defineProps<EpLottieSvgProps>(), {\n  autoPlay: false,\n  loop: false,\n  speed: 1,\n  width: 150,\n  height: 150,\n  pauseOnClick: false,\n  pauseButton: false,\n  playOnHover: false,\n});\n\nconst buttonText = ref(props.autoPlay ? \"Arrêter\" : \"Jouer\");\n\nconst playerRef = ref<any | null>(null);\n\nconst managePlayState = () => {\n  if (playerRef.value) {\n    if (playerRef.value.getDotLottieInstance().isPlaying) {\n      playerRef.value.getDotLottieInstance().pause();\n      buttonText.value = \"Jouer\";\n    } else {\n      playerRef.value.getDotLottieInstance().play();\n      buttonText.value = \"Arrêter\";\n    }\n  }\n};\n\nwatchEffect(() => {\n  if (playerRef.value) {\n    playerRef.value.getDotLottieInstance().addEventListener(\"complete\", () => {\n      if (props.onComplete) {\n        props.onComplete();\n      }\n    });\n  }\n});\n</script>\n\n<template>\n  <div class=\"flex flex-col items-center\">\n    <DotLottieVue\n      :src=\"src\"\n      :loop=\"loop\"\n      :autoplay=\"autoPlay\"\n      :style=\"`width: ${width}px; height: ${height}px;`\"\n      :speed=\"Number(speed)\"\n      :play-on-hover=\"playOnHover\"\n      ref=\"playerRef\"\n      @click=\"pauseOnClick ? managePlayState() : ''\"\n    />\n    <button\n      class=\"rounded bg-blue-500 text-white py-2 px-4 min-w-28 my-3\"\n      v-if=\"pauseButton\"\n      @click=\"managePlayState\"\n    >\n      {{ buttonText }}\n    </button>\n  </div>\n</template>\n"],"names":["_openBlock","_createElementBlock","_createVNode","_unref","src","loop","autoPlay","_normalizeStyle","width","height","speed","playOnHover","pauseOnClick","pauseButton"],"mappings":";;;;;;;;;;;;;;;;;;AAKA,UAAM,QAAQ;AAWd,UAAM,aAAa,IAAI,MAAM,WAAW,YAAY,OAAO;AAE3D,UAAM,YAAY,IAAgB,IAAI;AAEtC,UAAM,kBAAkB,MAAM;AAC5B,UAAI,UAAU,OAAO;AACnB,YAAI,UAAU,MAAM,qBAAA,EAAuB,WAAW;AACpD,oBAAU,MAAM,qBAAA,EAAuB,MAAA;AACvC,qBAAW,QAAQ;AAAA,QACrB,OAAO;AACL,oBAAU,MAAM,qBAAA,EAAuB,KAAA;AACvC,qBAAW,QAAQ;AAAA,QACrB;AAAA,MACF;AAAA,IACF;AAEA,gBAAY,MAAM;AAChB,UAAI,UAAU,OAAO;AACnB,kBAAU,MAAM,qBAAA,EAAuB,iBAAiB,YAAY,MAAM;AACxE,cAAI,MAAM,YAAY;AACpB,kBAAM,WAAA;AAAA,UACR;AAAA,QACF,CAAC;AAAA,MACH;AAAA,IACF,CAAC;;AAIC,aAAAA,UAAA,GAAAC,mBAkBM,OAlBN,YAkBM;AAAA,QAjBJC,YASEC,MAAA,YAAA,GAAA;AAAA,UARC,KAAKC,KAAAA;AAAAA,UACL,MAAMC,KAAAA;AAAAA,UACN,UAAUC,KAAAA;AAAAA,UACV,OAAKC,eAAA,UAAYC,KAAAA,KAAK,eAAeC,KAAAA,MAAM,KAAA;AAAA,UAC3C,OAAO,OAAOC,KAAAA,KAAK;AAAA,UACnB,iBAAeC,KAAAA;AAAAA,mBACZ;AAAA,UAAJ,KAAI;AAAA,UACH,SAAK,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,CAAA,WAAEC,KAAAA,eAAe,gBAAA,IAAe;AAAA,QAAA;QAIhCC,KAAAA,4BAFRZ,mBAMS,UAAA;AAAA;UALP,OAAM;AAAA,UAEL,SAAO;AAAA,QAAA,mBAEL,WAAA,KAAU,GAAA,CAAA;;;;;"}

package/dist/components/medias/EpLottieSvg.vue2.js

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

package/dist/components/medias/EpLottieSvg.vue2.js.map

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

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

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

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

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