ep-lib-ts 1.1.12 → 1.1.13

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

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

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

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

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

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

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

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

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

@@ -57,7 +57,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     const { disabled, prependIcon, appendIcon } = toRefs(props);
     return (_ctx, _cache) => {
-      return !_ctx.href ? (openBlock(), createElementBlock("button", {
+      return !__props.href ? (openBlock(), createElementBlock("button", {
         key: 0,
         class: normalizeClass(styles.value),
         disabled: unref(disabled)
@@ -79,7 +79,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         key: 1,
         class: normalizeClass(`${styles.value} flex justify-center items-center`),
         disabled: unref(disabled),
-        href: _ctx.href,
+        href: __props.href,
         target: "_blank"
       }, [
         unref(prependIcon) ? (openBlock(), createBlock(_sfc_main$1, {

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

@@ -1 +1 @@
-{"version":3,"file":"EpBtn.vue.js","sources":["../../../src/components/basics/EpBtn.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { toRefs, computed } from \"vue\";\nimport EpIcon from \"~/components/basics/EpIcon.vue\";\n///types with Capital letters... object with styles same name in lowercase\nimport { bgVariants, sizeVariants } from \"~/types/Btn\";\nimport type { EpBtnProps } from \"~/types/basics/EpBtn\";\n\n//define only defaults values\nconst props = withDefaults(defineProps<EpBtnProps>(), {\n  type: \"base\",\n  rounded: false,\n  size: \"medium\",\n  appendIcon: null,\n  prependIcon: null,\n  extraClass: null,\n});\n\nconst isOutlined = computed(() => {\n  if (props.outlined) {\n    return \"outlined\";\n  }\n  return \"default\";\n});\n\n///add bg or text\nconst styleBtn = computed(() => {\n  if (props.text) {\n    return `${bgVariants[props.type].text}`;\n  }\n  return `${bgVariants[props.type]?.[isOutlined.value]}`;\n});\n\nconst styles = computed(() => {\n  return `\n  transition\n  font-medium\n  ${styleBtn.value}\n  ${sizeVariants[props.size]} \n  ${props.disabled ? \"opacity-50\" : \"\"} \n  ${props.block ? \"w-full block\" : \"\"} \n  ${props.rounded ? \"rounded-md\" : \"\"}\n  ${props.extraClass ? props.extraClass : \"transition\"}`;\n});\n\nconst sizeIcon = computed(() => {\n  if (props.size === \"large\") {\n    return \"30\";\n  }\n  if (props.size === \"medium\") {\n    return \"20\";\n  }\n  if (props.size === \"small\") {\n    return \"15\";\n  }\n});\n\n//destructuring props to quick use in template\nconst { disabled, prependIcon, appendIcon } = toRefs(props);\n</script>\n\n<template>\n  <button :class=\"styles\" :disabled=\"disabled\" v-if=\"!href\">\n    <EpIcon\n      v-if=\"prependIcon\"\n      :iconPath=\"prependIcon\"\n      :size=\"sizeIcon\"\n      extraClass=\"mr-2\"\n    />\n    <slot />\n    <EpIcon\n      v-if=\"appendIcon\"\n      :iconPath=\"appendIcon\"\n      :size=\"sizeIcon\"\n      extraClass=\"ml-2\"\n    />\n  </button>\n  <a\n    :class=\"`${styles} flex justify-center items-center`\"\n    :disabled=\"disabled\"\n    :href=\"href\"\n    target=\"_blank\"\n    v-else\n  >\n    <EpIcon\n      v-if=\"prependIcon\"\n      :iconPath=\"prependIcon\"\n      :size=\"sizeIcon\"\n      extraClass=\"mr-2\"\n    />\n    <slot />\n    <EpIcon\n      v-if=\"appendIcon\"\n      :iconPath=\"appendIcon\"\n      :size=\"sizeIcon\"\n      extraClass=\"ml-2\"\n    />\n  </a>\n</template>\n"],"names":["href","_createElementBlock","_unref","_createBlock","EpIcon","_renderSlot"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAQA,UAAM,QAAQ;AASd,UAAM,aAAa,SAAS,MAAM;AAChC,UAAI,MAAM,UAAU;AAClB,eAAO;AAAA,MACT;AACA,aAAO;AAAA,IACT,CAAC;AAGD,UAAM,WAAW,SAAS,MAAM;;AAC9B,UAAI,MAAM,MAAM;AACd,eAAO,GAAG,WAAW,MAAM,IAAI,EAAE,IAAI;AAAA,MACvC;AACA,aAAO,IAAG,gBAAW,MAAM,IAAI,MAArB,mBAAyB,WAAW,MAAM;AAAA,IACtD,CAAC;AAED,UAAM,SAAS,SAAS,MAAM;AAC5B,aAAO;AAAA;AAAA;AAAA,IAGL,SAAS,KAAK;AAAA,IACd,aAAa,MAAM,IAAI,CAAC;AAAA,IACxB,MAAM,WAAW,eAAe,EAAE;AAAA,IAClC,MAAM,QAAQ,iBAAiB,EAAE;AAAA,IACjC,MAAM,UAAU,eAAe,EAAE;AAAA,IACjC,MAAM,aAAa,MAAM,aAAa,YAAY;AAAA,IACtD,CAAC;AAED,UAAM,WAAW,SAAS,MAAM;AAC9B,UAAI,MAAM,SAAS,SAAS;AAC1B,eAAO;AAAA,MACT;AACA,UAAI,MAAM,SAAS,UAAU;AAC3B,eAAO;AAAA,MACT;AACA,UAAI,MAAM,SAAS,SAAS;AAC1B,eAAO;AAAA,MACT;AAAA,IACF,CAAC;AAGD,UAAM,EAAE,UAAU,aAAa,WAAA,IAAe,OAAO,KAAK;;cAIJA,KAAAA,qBAApDC,mBAcS,UAAA;AAAA;QAdA,sBAAO,OAAA,KAAM;AAAA,QAAG,UAAUC,MAAA,QAAA;AAAA,MAAA;QAEzBA,MAAA,WAAA,kBADRC,YAKEC,aAAA;AAAA;UAHC,UAAUF,MAAA,WAAA;AAAA,UACV,MAAM,SAAA;AAAA,UACP,YAAW;AAAA,QAAA;QAEbG,WAAQ,KAAA,QAAA,SAAA;AAAA,QAEAH,MAAA,UAAA,kBADRC,YAKEC,aAAA;AAAA;UAHC,UAAUF,MAAA,UAAA;AAAA,UACV,MAAM,SAAA;AAAA,UACP,YAAW;AAAA,QAAA;0CAGfD,mBAoBI,KAAA;AAAA;QAnBD,yBAAU,OAAA,KAAM,mCAAA;AAAA,QAChB,UAAUC,MAAA,QAAA;AAAA,QACV,MAAMF,KAAAA;AAAAA,QACP,QAAO;AAAA,MAAA;QAICE,MAAA,WAAA,kBADRC,YAKEC,aAAA;AAAA;UAHC,UAAUF,MAAA,WAAA;AAAA,UACV,MAAM,SAAA;AAAA,UACP,YAAW;AAAA,QAAA;QAEbG,WAAQ,KAAA,QAAA,SAAA;AAAA,QAEAH,MAAA,UAAA,kBADRC,YAKEC,aAAA;AAAA;UAHC,UAAUF,MAAA,UAAA;AAAA,UACV,MAAM,SAAA;AAAA,UACP,YAAW;AAAA,QAAA;;;;;"}
+{"version":3,"file":"EpBtn.vue.js","sources":["../../../src/components/basics/EpBtn.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { toRefs, computed } from \"vue\";\nimport EpIcon from \"~/components/basics/EpIcon.vue\";\n///types with Capital letters... object with styles same name in lowercase\nimport { bgVariants, sizeVariants } from \"~/types/Btn\";\nimport type { EpBtnProps } from \"~/types/basics/EpBtn\";\n\n//define only defaults values\nconst props = withDefaults(defineProps<EpBtnProps>(), {\n  type: \"base\",\n  rounded: false,\n  size: \"medium\",\n  appendIcon: null,\n  prependIcon: null,\n  extraClass: null,\n});\n\nconst isOutlined = computed(() => {\n  if (props.outlined) {\n    return \"outlined\";\n  }\n  return \"default\";\n});\n\n///add bg or text\nconst styleBtn = computed(() => {\n  if (props.text) {\n    return `${bgVariants[props.type].text}`;\n  }\n  return `${bgVariants[props.type]?.[isOutlined.value]}`;\n});\n\nconst styles = computed(() => {\n  return `\n  transition\n  font-medium\n  ${styleBtn.value}\n  ${sizeVariants[props.size]} \n  ${props.disabled ? \"opacity-50\" : \"\"} \n  ${props.block ? \"w-full block\" : \"\"} \n  ${props.rounded ? \"rounded-md\" : \"\"}\n  ${props.extraClass ? props.extraClass : \"transition\"}`;\n});\n\nconst sizeIcon = computed(() => {\n  if (props.size === \"large\") {\n    return \"30\";\n  }\n  if (props.size === \"medium\") {\n    return \"20\";\n  }\n  if (props.size === \"small\") {\n    return \"15\";\n  }\n});\n\n//destructuring props to quick use in template\nconst { disabled, prependIcon, appendIcon } = toRefs(props);\n</script>\n\n<template>\n  <button :class=\"styles\" :disabled=\"disabled\" v-if=\"!href\">\n    <EpIcon\n      v-if=\"prependIcon\"\n      :iconPath=\"prependIcon\"\n      :size=\"sizeIcon\"\n      extraClass=\"mr-2\"\n    />\n    <slot />\n    <EpIcon\n      v-if=\"appendIcon\"\n      :iconPath=\"appendIcon\"\n      :size=\"sizeIcon\"\n      extraClass=\"ml-2\"\n    />\n  </button>\n  <a\n    :class=\"`${styles} flex justify-center items-center`\"\n    :disabled=\"disabled\"\n    :href=\"href\"\n    target=\"_blank\"\n    v-else\n  >\n    <EpIcon\n      v-if=\"prependIcon\"\n      :iconPath=\"prependIcon\"\n      :size=\"sizeIcon\"\n      extraClass=\"mr-2\"\n    />\n    <slot />\n    <EpIcon\n      v-if=\"appendIcon\"\n      :iconPath=\"appendIcon\"\n      :size=\"sizeIcon\"\n      extraClass=\"ml-2\"\n    />\n  </a>\n</template>\n"],"names":["_createElementBlock","_unref","_createBlock","EpIcon","_renderSlot"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAQA,UAAM,QAAQ;AASd,UAAM,aAAa,SAAS,MAAM;AAChC,UAAI,MAAM,UAAU;AAClB,eAAO;AAAA,MACT;AACA,aAAO;AAAA,IACT,CAAC;AAGD,UAAM,WAAW,SAAS,MAAM;;AAC9B,UAAI,MAAM,MAAM;AACd,eAAO,GAAG,WAAW,MAAM,IAAI,EAAE,IAAI;AAAA,MACvC;AACA,aAAO,IAAG,gBAAW,MAAM,IAAI,MAArB,mBAAyB,WAAW,MAAM;AAAA,IACtD,CAAC;AAED,UAAM,SAAS,SAAS,MAAM;AAC5B,aAAO;AAAA;AAAA;AAAA,IAGL,SAAS,KAAK;AAAA,IACd,aAAa,MAAM,IAAI,CAAC;AAAA,IACxB,MAAM,WAAW,eAAe,EAAE;AAAA,IAClC,MAAM,QAAQ,iBAAiB,EAAE;AAAA,IACjC,MAAM,UAAU,eAAe,EAAE;AAAA,IACjC,MAAM,aAAa,MAAM,aAAa,YAAY;AAAA,IACtD,CAAC;AAED,UAAM,WAAW,SAAS,MAAM;AAC9B,UAAI,MAAM,SAAS,SAAS;AAC1B,eAAO;AAAA,MACT;AACA,UAAI,MAAM,SAAS,UAAU;AAC3B,eAAO;AAAA,MACT;AACA,UAAI,MAAM,SAAS,SAAS;AAC1B,eAAO;AAAA,MACT;AAAA,IACF,CAAC;AAGD,UAAM,EAAE,UAAU,aAAa,WAAA,IAAe,OAAO,KAAK;;cAIJ,QAAA,qBAApDA,mBAcS,UAAA;AAAA;QAdA,sBAAO,OAAA,KAAM;AAAA,QAAG,UAAUC,MAAA,QAAA;AAAA,MAAA;QAEzBA,MAAA,WAAA,kBADRC,YAKEC,aAAA;AAAA;UAHC,UAAUF,MAAA,WAAA;AAAA,UACV,MAAM,SAAA;AAAA,UACP,YAAW;AAAA,QAAA;QAEbG,WAAQ,KAAA,QAAA,SAAA;AAAA,QAEAH,MAAA,UAAA,kBADRC,YAKEC,aAAA;AAAA;UAHC,UAAUF,MAAA,UAAA;AAAA,UACV,MAAM,SAAA;AAAA,UACP,YAAW;AAAA,QAAA;0CAGfD,mBAoBI,KAAA;AAAA;QAnBD,yBAAU,OAAA,KAAM,mCAAA;AAAA,QAChB,UAAUC,MAAA,QAAA;AAAA,QACV,MAAM,QAAA;AAAA,QACP,QAAO;AAAA,MAAA;QAICA,MAAA,WAAA,kBADRC,YAKEC,aAAA;AAAA;UAHC,UAAUF,MAAA,WAAA;AAAA,UACV,MAAM,SAAA;AAAA,UACP,YAAW;AAAA,QAAA;QAEbG,WAAQ,KAAA,QAAA,SAAA;AAAA,QAEAH,MAAA,UAAA,kBADRC,YAKEC,aAAA;AAAA;UAHC,UAAUF,MAAA,UAAA;AAAA,UACV,MAAM,SAAA;AAAA,UACP,YAAW;AAAA,QAAA;;;;;"}

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

@@ -47,9 +47,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("span", {
         class: normalizeClass(`${stylesChip.value} mx-2 cursor-default`)
       }, [
-        _ctx.prependIcon ? (openBlock(), createBlock(_sfc_main$1, {
+        __props.prependIcon ? (openBlock(), createBlock(_sfc_main$1, {
           key: 0,
-          iconPath: _ctx.prependIcon,
+          iconPath: __props.prependIcon,
           size: sizeIcon.value,
           extraClass: "mr-2"
         }, null, 8, ["iconPath", "size"])) : createCommentVNode("", true),

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

@@ -1 +1 @@
-{"version":3,"file":"EpChip.vue.js","sources":["../../../src/components/basics/EpChip.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { toRefs, computed } from \"vue\";\nimport EpIcon from \"~/components/basics/EpIcon.vue\";\nimport { chipVariants, sizeChipVariants } from \"~/types/Chip\";\nimport type { EpChipProps } from \"~/types/basics/EpChip\";\n\nconst props = withDefaults(defineProps<EpChipProps>(), {\n  type: \"base\",\n  size: \"medium\",\n  square: false,\n  appendIcon: null,\n  prependIcon: null,\n  dark: false,\n});\n\nconst isOutlined = computed(() => {\n  if (props.outlined) {\n    return \"outlined\";\n  }\n  return \"default\";\n});\n\nconst typeChip = computed(() => {\n  return props.square ? \"\" : \"rounded-full\";\n});\n\nconst stylesChip = computed(() => {\n  return `\n     ${sizeChipVariants[props.size]}\n     ${typeChip.value}\n     ${chipVariants[props.type]?.[isOutlined.value]} \n  `;\n});\n\nconst sizeIcon = computed(() => {\n  if (props.size === \"large\") {\n    return \"30\";\n  }\n  if (props.size === \"medium\") {\n    return \"20\";\n  }\n  if (props.size === \"small\") {\n    return \"15\";\n  }\n});\n\nconst { appendIcon } = toRefs(props);\n</script>\n\n<template>\n  <span :class=\"`${stylesChip} mx-2 cursor-default`\">\n    <EpIcon\n      v-if=\"prependIcon\"\n      :iconPath=\"prependIcon\"\n      :size=\"sizeIcon\"\n      extraClass=\"mr-2\"\n    />\n    <slot />\n    <EpIcon\n      v-if=\"appendIcon\"\n      :iconPath=\"appendIcon\"\n      :size=\"sizeIcon\"\n      extraClass=\"ml-2\"\n    />\n  </span>\n</template>\n"],"names":["_createElementBlock","prependIcon","_createBlock","EpIcon","_renderSlot","_unref"],"mappings":";;;;;;;;;;;;;;;AAMA,UAAM,QAAQ;AASd,UAAM,aAAa,SAAS,MAAM;AAChC,UAAI,MAAM,UAAU;AAClB,eAAO;AAAA,MACT;AACA,aAAO;AAAA,IACT,CAAC;AAED,UAAM,WAAW,SAAS,MAAM;AAC9B,aAAO,MAAM,SAAS,KAAK;AAAA,IAC7B,CAAC;AAED,UAAM,aAAa,SAAS,MAAM;;AAChC,aAAO;AAAA,OACF,iBAAiB,MAAM,IAAI,CAAC;AAAA,OAC5B,SAAS,KAAK;AAAA,QACd,kBAAa,MAAM,IAAI,MAAvB,mBAA2B,WAAW,MAAM;AAAA;AAAA,IAEnD,CAAC;AAED,UAAM,WAAW,SAAS,MAAM;AAC9B,UAAI,MAAM,SAAS,SAAS;AAC1B,eAAO;AAAA,MACT;AACA,UAAI,MAAM,SAAS,UAAU;AAC3B,eAAO;AAAA,MACT;AACA,UAAI,MAAM,SAAS,SAAS;AAC1B,eAAO;AAAA,MACT;AAAA,IACF,CAAC;AAED,UAAM,EAAE,WAAA,IAAe,OAAO,KAAK;;0BAIjCA,mBAcO,QAAA;AAAA,QAdA,yBAAU,WAAA,KAAU,sBAAA;AAAA,MAAA;QAEjBC,KAAAA,4BADRC,YAKEC,aAAA;AAAA;UAHC,UAAUF,KAAAA;AAAAA,UACV,MAAM,SAAA;AAAA,UACP,YAAW;AAAA,QAAA;QAEbG,WAAQ,KAAA,QAAA,SAAA;AAAA,QAEAC,MAAA,UAAA,kBADRH,YAKEC,aAAA;AAAA;UAHC,UAAUE,MAAA,UAAA;AAAA,UACV,MAAM,SAAA;AAAA,UACP,YAAW;AAAA,QAAA;;;;;"}
+{"version":3,"file":"EpChip.vue.js","sources":["../../../src/components/basics/EpChip.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { toRefs, computed } from \"vue\";\nimport EpIcon from \"~/components/basics/EpIcon.vue\";\nimport { chipVariants, sizeChipVariants } from \"~/types/Chip\";\nimport type { EpChipProps } from \"~/types/basics/EpChip\";\n\nconst props = withDefaults(defineProps<EpChipProps>(), {\n  type: \"base\",\n  size: \"medium\",\n  square: false,\n  appendIcon: null,\n  prependIcon: null,\n  dark: false,\n});\n\nconst isOutlined = computed(() => {\n  if (props.outlined) {\n    return \"outlined\";\n  }\n  return \"default\";\n});\n\nconst typeChip = computed(() => {\n  return props.square ? \"\" : \"rounded-full\";\n});\n\nconst stylesChip = computed(() => {\n  return `\n     ${sizeChipVariants[props.size]}\n     ${typeChip.value}\n     ${chipVariants[props.type]?.[isOutlined.value]} \n  `;\n});\n\nconst sizeIcon = computed(() => {\n  if (props.size === \"large\") {\n    return \"30\";\n  }\n  if (props.size === \"medium\") {\n    return \"20\";\n  }\n  if (props.size === \"small\") {\n    return \"15\";\n  }\n});\n\nconst { appendIcon } = toRefs(props);\n</script>\n\n<template>\n  <span :class=\"`${stylesChip} mx-2 cursor-default`\">\n    <EpIcon\n      v-if=\"prependIcon\"\n      :iconPath=\"prependIcon\"\n      :size=\"sizeIcon\"\n      extraClass=\"mr-2\"\n    />\n    <slot />\n    <EpIcon\n      v-if=\"appendIcon\"\n      :iconPath=\"appendIcon\"\n      :size=\"sizeIcon\"\n      extraClass=\"ml-2\"\n    />\n  </span>\n</template>\n"],"names":["_createElementBlock","_createBlock","EpIcon","_renderSlot","_unref"],"mappings":";;;;;;;;;;;;;;;AAMA,UAAM,QAAQ;AASd,UAAM,aAAa,SAAS,MAAM;AAChC,UAAI,MAAM,UAAU;AAClB,eAAO;AAAA,MACT;AACA,aAAO;AAAA,IACT,CAAC;AAED,UAAM,WAAW,SAAS,MAAM;AAC9B,aAAO,MAAM,SAAS,KAAK;AAAA,IAC7B,CAAC;AAED,UAAM,aAAa,SAAS,MAAM;;AAChC,aAAO;AAAA,OACF,iBAAiB,MAAM,IAAI,CAAC;AAAA,OAC5B,SAAS,KAAK;AAAA,QACd,kBAAa,MAAM,IAAI,MAAvB,mBAA2B,WAAW,MAAM;AAAA;AAAA,IAEnD,CAAC;AAED,UAAM,WAAW,SAAS,MAAM;AAC9B,UAAI,MAAM,SAAS,SAAS;AAC1B,eAAO;AAAA,MACT;AACA,UAAI,MAAM,SAAS,UAAU;AAC3B,eAAO;AAAA,MACT;AACA,UAAI,MAAM,SAAS,SAAS;AAC1B,eAAO;AAAA,MACT;AAAA,IACF,CAAC;AAED,UAAM,EAAE,WAAA,IAAe,OAAO,KAAK;;0BAIjCA,mBAcO,QAAA;AAAA,QAdA,yBAAU,WAAA,KAAU,sBAAA;AAAA,MAAA;QAEjB,QAAA,4BADRC,YAKEC,aAAA;AAAA;UAHC,UAAU,QAAA;AAAA,UACV,MAAM,SAAA;AAAA,UACP,YAAW;AAAA,QAAA;QAEbC,WAAQ,KAAA,QAAA,SAAA;AAAA,QAEAC,MAAA,UAAA,kBADRH,YAKEC,aAAA;AAAA;UAHC,UAAUE,MAAA,UAAA;AAAA,UACV,MAAM,SAAA;AAAA,UACP,YAAW;AAAA,QAAA;;;;;"}

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

@@ -39,7 +39,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           style: normalizeStyle(styleObject.value),
           class: normalizeClass(`rounded-t-md absolute bottom-0 left-0 right-0 top-0 max-h-full w-full p-10 dark:text-white box-border whitespace-normal overflow-x-auto overflow-y-auto
             flex flex-col opacity-0 transition duration-1000 ease-in-out ${hoverstyle.value}`),
-          innerHTML: unref(useRenderText)(_ctx.text)
+          innerHTML: unref(useRenderText)(__props.text)
         }, null, 14, _hoisted_2)
       ]);
     };

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

@@ -1 +1 @@
-{"version":3,"file":"EpHover.vue.js","sources":["../../../src/components/basics/EpHover.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { useRenderText } from \"~/composables/useRenderText\";\nimport type { EpHoverProps } from \"~/types/basics/EpHover\";\n\nconst props = withDefaults(defineProps<EpHoverProps>(), {\n  bgColor: \"beige\",\n  textColor: \"black\",\n  text: \"\",\n  animation: \"translateX\",\n});\n\nconst hoverstyle = computed(() => {\n  let css = \"\";\n\n  if (props.animation == \"scale\") css = `group-hover:scale-105`;\n  else if (props.animation == \"translateY\") {\n    css = `translate-y-96 group-hover:translate-y-0`;\n  } else if (props.animation == \"translateX\") {\n    css = `translate-x-96 group-hover:translate-x-0`;\n  }\n\n  let opacity = props.seeThrough\n    ? \"group-hover:opacity-90\"\n    : \"group-hover:opacity-100\";\n  let textSize = props.textSize ? props.textSize : \"\";\n\n  return css + \" \" + opacity + \" \" + textSize;\n});\n\nconst styleObject = computed(() => {\n  return {\n    backgroundColor: props.bgColor,\n    color: props.textColor,\n  };\n});\n</script>\n\n<template>\n  <div class=\"relative group overflow-hidden bg-cover bg-no-repeat\">\n    <slot />\n    <div\n      :style=\"styleObject\"\n      :class=\"`rounded-t-md absolute bottom-0 left-0 right-0 top-0 max-h-full w-full p-10 dark:text-white box-border whitespace-normal overflow-x-auto overflow-y-auto\n            flex flex-col opacity-0 transition duration-1000 ease-in-out ${hoverstyle}`\"\n      v-html=\"useRenderText(text)\"\n    />\n  </div>\n</template>\n"],"names":["_openBlock","_createElementBlock","_renderSlot","_createElementVNode","_normalizeClass","_unref","text"],"mappings":";;;;;;;;;;;;;;;AAKA,UAAM,QAAQ;AAOd,UAAM,aAAa,SAAS,MAAM;AAChC,UAAI,MAAM;AAEV,UAAI,MAAM,aAAa,QAAS,OAAM;AAAA,eAC7B,MAAM,aAAa,cAAc;AACxC,cAAM;AAAA,MACR,WAAW,MAAM,aAAa,cAAc;AAC1C,cAAM;AAAA,MACR;AAEA,UAAI,UAAU,MAAM,aAChB,2BACA;AACJ,UAAI,WAAW,MAAM,WAAW,MAAM,WAAW;AAEjD,aAAO,MAAM,MAAM,UAAU,MAAM;AAAA,IACrC,CAAC;AAED,UAAM,cAAc,SAAS,MAAM;AACjC,aAAO;AAAA,QACL,iBAAiB,MAAM;AAAA,QACvB,OAAO,MAAM;AAAA,MAAA;AAAA,IAEjB,CAAC;;AAIC,aAAAA,UAAA,GAAAC,mBAQM,OARN,YAQM;AAAA,QAPJC,WAAQ,KAAA,QAAA,SAAA;AAAA,QACRC,mBAKE,OAAA;AAAA,UAJC,sBAAO,YAAA,KAAW;AAAA,UAClB,OAAKC,eAAA;AAAA,2EAAsO,WAAA,KAAU,EAAA;AAAA,UAEtP,WAAQC,MAAA,aAAA,EAAcC,KAAAA,IAAI;AAAA,QAAA;;;;;"}
+{"version":3,"file":"EpHover.vue.js","sources":["../../../src/components/basics/EpHover.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { useRenderText } from \"~/composables/useRenderText\";\nimport type { EpHoverProps } from \"~/types/basics/EpHover\";\n\nconst props = withDefaults(defineProps<EpHoverProps>(), {\n  bgColor: \"beige\",\n  textColor: \"black\",\n  text: \"\",\n  animation: \"translateX\",\n});\n\nconst hoverstyle = computed(() => {\n  let css = \"\";\n\n  if (props.animation == \"scale\") css = `group-hover:scale-105`;\n  else if (props.animation == \"translateY\") {\n    css = `translate-y-96 group-hover:translate-y-0`;\n  } else if (props.animation == \"translateX\") {\n    css = `translate-x-96 group-hover:translate-x-0`;\n  }\n\n  let opacity = props.seeThrough\n    ? \"group-hover:opacity-90\"\n    : \"group-hover:opacity-100\";\n  let textSize = props.textSize ? props.textSize : \"\";\n\n  return css + \" \" + opacity + \" \" + textSize;\n});\n\nconst styleObject = computed(() => {\n  return {\n    backgroundColor: props.bgColor,\n    color: props.textColor,\n  };\n});\n</script>\n\n<template>\n  <div class=\"relative group overflow-hidden bg-cover bg-no-repeat\">\n    <slot />\n    <div\n      :style=\"styleObject\"\n      :class=\"`rounded-t-md absolute bottom-0 left-0 right-0 top-0 max-h-full w-full p-10 dark:text-white box-border whitespace-normal overflow-x-auto overflow-y-auto\n            flex flex-col opacity-0 transition duration-1000 ease-in-out ${hoverstyle}`\"\n      v-html=\"useRenderText(text)\"\n    />\n  </div>\n</template>\n"],"names":["_openBlock","_createElementBlock","_renderSlot","_createElementVNode","_normalizeClass","_unref"],"mappings":";;;;;;;;;;;;;;;AAKA,UAAM,QAAQ;AAOd,UAAM,aAAa,SAAS,MAAM;AAChC,UAAI,MAAM;AAEV,UAAI,MAAM,aAAa,QAAS,OAAM;AAAA,eAC7B,MAAM,aAAa,cAAc;AACxC,cAAM;AAAA,MACR,WAAW,MAAM,aAAa,cAAc;AAC1C,cAAM;AAAA,MACR;AAEA,UAAI,UAAU,MAAM,aAChB,2BACA;AACJ,UAAI,WAAW,MAAM,WAAW,MAAM,WAAW;AAEjD,aAAO,MAAM,MAAM,UAAU,MAAM;AAAA,IACrC,CAAC;AAED,UAAM,cAAc,SAAS,MAAM;AACjC,aAAO;AAAA,QACL,iBAAiB,MAAM;AAAA,QACvB,OAAO,MAAM;AAAA,MAAA;AAAA,IAEjB,CAAC;;AAIC,aAAAA,UAAA,GAAAC,mBAQM,OARN,YAQM;AAAA,QAPJC,WAAQ,KAAA,QAAA,SAAA;AAAA,QACRC,mBAKE,OAAA;AAAA,UAJC,sBAAO,YAAA,KAAW;AAAA,UAClB,OAAKC,eAAA;AAAA,2EAAsO,WAAA,KAAU,EAAA;AAAA,UAEtP,WAAQC,MAAA,aAAA,EAAc,QAAA,IAAI;AAAA,QAAA;;;;;"}

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

@@ -67,15 +67,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(`${stylesCard.value} ${_ctx.inline ? "inline-block align-bottom m-3 w-full" : _ctx.thumbnail ? "inline-block align-bottom m-3 " + styleSizeThumbnail.value : "mx-auto"}`)
+        class: normalizeClass(`${stylesCard.value} ${__props.inline ? "inline-block align-bottom m-3 w-full" : __props.thumbnail ? "inline-block align-bottom m-3 " + styleSizeThumbnail.value : "mx-auto"}`)
       }, [
         unref(src) && unref(hoverContent) ? (openBlock(), createBlock(_sfc_main$1, {
           key: 0,
-          textColor: _ctx.hoverColor,
-          textSize: _ctx.textSize,
-          seeThrough: _ctx.seeThrough,
-          bgColor: _ctx.hoverBg,
-          animation: _ctx.hoverAnimation,
+          textColor: __props.hoverColor,
+          textSize: __props.textSize,
+          seeThrough: __props.seeThrough,
+          bgColor: __props.hoverBg,
+          animation: __props.hoverAnimation,
           text: unref(hoverContent)
         }, {
           default: withCtx(() => [

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

@@ -1 +1 @@
-{"version":3,"file":"EpHoverCard.vue.js","sources":["../../../src/components/basics/EpHoverCard.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, toRefs, useSlots, type Slots } from \"vue\";\nimport EpHover from \"~/components/basics/EpHover.vue\";\nimport EpIcon from \"~/components/basics//EpIcon.vue\";\nimport { density_style, sizeCardThumbnailStyle } from \"~/types/Card\";\nimport type { EpHoverCardProps } from \"~/types/basics/EpHoverCard\";\n\nconst props = withDefaults(defineProps<EpHoverCardProps>(), {\n  title: null,\n  subtitle: null,\n  outlined: false,\n  flat: false,\n  icon: null,\n  color: null,\n  src: null,\n  density: \"default\",\n  maxWidth: \"max-w-xl\",\n  hoverBg: \"\",\n  hoverAnimation: \"translateY\",\n  thumbnail: false,\n  sizeThumbnail: \"medium\",\n  inline: false\n});\n\n//styles card\nconst shadowCard = computed(() => {\n  return !props.flat ? \"shadow-lg\" : \"\";\n});\n\nconst borderColor = computed(() => {\n  if (props.outlined) {\n    return \"border border-neutral dark:border-white\";\n  }\n  return \"\";\n});\n\n\n\nconst density_class = computed(() => {\n  return density_style[props.density];\n});\n\nconst stylesCard = computed(() => {\n  return `\n    ${shadowCard.value} \n    ${borderColor.value} \n    ${props.maxWidth} \n    rounded-md \n    bg-surface-2 dark:bg-surface-2-dark`;\n});\n\nconst { title, subtitle, icon, src, hoverContent } = toRefs(props);\n\nconst slots: Slots = useSlots();\n\nconst hasContent = computed(() => {\n  return !!slots.default || !!props.title || !!props.subtitle;\n});\n\nconst styleSizeThumbnail = computed(() => {\n  return sizeCardThumbnailStyle[props.sizeThumbnail];\n});\n\n</script>\n\n<template>\n  <div :class=\"`${stylesCard} ${inline? 'inline-block align-bottom m-3 w-full' : thumbnail? ('inline-block align-bottom m-3 ' + styleSizeThumbnail) : 'mx-auto'}`\">\n    <EpHover\n      :textColor=\"hoverColor\"\n      :textSize=\"textSize\"\n      :seeThrough=\"seeThrough\"\n      :bgColor=\"hoverBg\"\n      :animation=\"hoverAnimation\"\n      :text=\"hoverContent\"\n      v-if=\"src && hoverContent\"\n    >\n      <img\n        :src=\"src\"\n        :class=\"`w-full ${hasContent ? 'rounded-t-md' : 'rounded-md'}`\"\n        alt=\"header card\"\n      />\n    </EpHover>\n    <div :class=\"density_class\" v-if=\"hasContent\">\n      <div\n        v-if=\"title || subtitle\"\n        class=\"mb-2 flex items-center justify-between\"\n      >\n        <div>\n          <h3 class=\"text-2xl font-bold\">{{ title }}</h3>\n          <h4 :class=\"`text-xs`\">\n            {{ subtitle }}\n          </h4>\n        </div>\n        <div v-if=\"icon\">\n          <EpIcon :icon-path=\"icon\" />\n        </div>\n      </div>\n      <slot name=\"card-header\" />\n      <div>\n        <slot />\n      </div>\n      <div class=\"max-w-4xl\">\n        <slot name=\"card-actions\" />\n      </div>\n    </div>\n  </div>\n</template>\n"],"names":["_createElementBlock","inline","thumbnail","_unref","_createBlock","EpHover","hoverColor","textSize","seeThrough","hoverBg","hoverAnimation","_createElementVNode","_openBlock","_toDisplayString","_createVNode","EpIcon","_renderSlot"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,UAAM,QAAQ;AAkBd,UAAM,aAAa,SAAS,MAAM;AAChC,aAAO,CAAC,MAAM,OAAO,cAAc;AAAA,IACrC,CAAC;AAED,UAAM,cAAc,SAAS,MAAM;AACjC,UAAI,MAAM,UAAU;AAClB,eAAO;AAAA,MACT;AACA,aAAO;AAAA,IACT,CAAC;AAID,UAAM,gBAAgB,SAAS,MAAM;AACnC,aAAO,cAAc,MAAM,OAAO;AAAA,IACpC,CAAC;AAED,UAAM,aAAa,SAAS,MAAM;AAChC,aAAO;AAAA,MACH,WAAW,KAAK;AAAA,MAChB,YAAY,KAAK;AAAA,MACjB,MAAM,QAAQ;AAAA;AAAA;AAAA,IAGpB,CAAC;AAED,UAAM,EAAE,OAAO,UAAU,MAAM,KAAK,aAAA,IAAiB,OAAO,KAAK;AAEjE,UAAM,QAAe,SAAA;AAErB,UAAM,aAAa,SAAS,MAAM;AAChC,aAAO,CAAC,CAAC,MAAM,WAAW,CAAC,CAAC,MAAM,SAAS,CAAC,CAAC,MAAM;AAAA,IACrD,CAAC;AAED,UAAM,qBAAqB,SAAS,MAAM;AACxC,aAAO,uBAAuB,MAAM,aAAa;AAAA,IACnD,CAAC;;0BAKCA,mBAuCM,OAAA;AAAA,QAvCA,yBAAU,WAAA,KAAU,IAAIC,cAAM,yCAA2CC,KAAAA,+CAA+C,mBAAA,QAAkB,SAAA,EAAA;AAAA,MAAA;QAQtIC,MAAA,GAAA,KAAOA,MAAA,YAAA,kBAPfC,YAcUC,aAAA;AAAA;UAbP,WAAWC,KAAAA;AAAAA,UACX,UAAUC,KAAAA;AAAAA,UACV,YAAYC,KAAAA;AAAAA,UACZ,SAASC,KAAAA;AAAAA,UACT,WAAWC,KAAAA;AAAAA,UACX,MAAMP,MAAA,YAAA;AAAA,QAAA;2BAGP,MAIE;AAAA,YAJFQ,mBAIE,OAAA;AAAA,cAHC,KAAKR,MAAA,GAAA;AAAA,cACL,gCAAiB,WAAA,QAAU,iBAAA,YAAA,EAAA;AAAA,cAC5B,KAAI;AAAA,YAAA;;;;QAG0B,WAAA,sBAAlCH,mBAsBM,OAAA;AAAA;UAtBA,sBAAO,cAAA,KAAa;AAAA,QAAA;UAEhBG,MAAA,KAAA,KAASA,MAAA,QAAA,KADjBS,aAAAZ,mBAaM,OAbN,YAaM;AAAA,YATJW,mBAKM,OAAA,MAAA;AAAA,cAJJA,mBAA+C,MAA/C,YAA+CE,gBAAbV,MAAA,KAAA,CAAK,GAAA,CAAA;AAAA,cACvCQ,mBAEK,MAFL,YAEKE,gBADAV,MAAA,QAAA,CAAQ,GAAA,CAAA;AAAA,YAAA;YAGJA,MAAA,IAAA,kBAAXH,mBAEM,OAAA,YAAA;AAAA,cADJc,YAA4BC,aAAA,EAAnB,aAAWZ,MAAA,IAAA,EAAA,GAAI,MAAA,GAAA,CAAA,WAAA,CAAA;AAAA,YAAA;;UAG5Ba,WAA2B,KAAA,QAAA,aAAA;AAAA,UAC3BL,mBAEM,OAAA,MAAA;AAAA,YADJK,WAAQ,KAAA,QAAA,SAAA;AAAA,UAAA;UAEVL,mBAEM,OAFN,YAEM;AAAA,YADJK,WAA4B,KAAA,QAAA,cAAA;AAAA,UAAA;;;;;;"}
+{"version":3,"file":"EpHoverCard.vue.js","sources":["../../../src/components/basics/EpHoverCard.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, toRefs, useSlots, type Slots } from \"vue\";\nimport EpHover from \"~/components/basics/EpHover.vue\";\nimport EpIcon from \"~/components/basics//EpIcon.vue\";\nimport { density_style, sizeCardThumbnailStyle } from \"~/types/Card\";\nimport type { EpHoverCardProps } from \"~/types/basics/EpHoverCard\";\n\nconst props = withDefaults(defineProps<EpHoverCardProps>(), {\n  title: null,\n  subtitle: null,\n  outlined: false,\n  flat: false,\n  icon: null,\n  color: null,\n  src: null,\n  density: \"default\",\n  maxWidth: \"max-w-xl\",\n  hoverBg: \"\",\n  hoverAnimation: \"translateY\",\n  thumbnail: false,\n  sizeThumbnail: \"medium\",\n  inline: false\n});\n\n//styles card\nconst shadowCard = computed(() => {\n  return !props.flat ? \"shadow-lg\" : \"\";\n});\n\nconst borderColor = computed(() => {\n  if (props.outlined) {\n    return \"border border-neutral dark:border-white\";\n  }\n  return \"\";\n});\n\n\n\nconst density_class = computed(() => {\n  return density_style[props.density];\n});\n\nconst stylesCard = computed(() => {\n  return `\n    ${shadowCard.value} \n    ${borderColor.value} \n    ${props.maxWidth} \n    rounded-md \n    bg-surface-2 dark:bg-surface-2-dark`;\n});\n\nconst { title, subtitle, icon, src, hoverContent } = toRefs(props);\n\nconst slots: Slots = useSlots();\n\nconst hasContent = computed(() => {\n  return !!slots.default || !!props.title || !!props.subtitle;\n});\n\nconst styleSizeThumbnail = computed(() => {\n  return sizeCardThumbnailStyle[props.sizeThumbnail];\n});\n\n</script>\n\n<template>\n  <div :class=\"`${stylesCard} ${inline? 'inline-block align-bottom m-3 w-full' : thumbnail? ('inline-block align-bottom m-3 ' + styleSizeThumbnail) : 'mx-auto'}`\">\n    <EpHover\n      :textColor=\"hoverColor\"\n      :textSize=\"textSize\"\n      :seeThrough=\"seeThrough\"\n      :bgColor=\"hoverBg\"\n      :animation=\"hoverAnimation\"\n      :text=\"hoverContent\"\n      v-if=\"src && hoverContent\"\n    >\n      <img\n        :src=\"src\"\n        :class=\"`w-full ${hasContent ? 'rounded-t-md' : 'rounded-md'}`\"\n        alt=\"header card\"\n      />\n    </EpHover>\n    <div :class=\"density_class\" v-if=\"hasContent\">\n      <div\n        v-if=\"title || subtitle\"\n        class=\"mb-2 flex items-center justify-between\"\n      >\n        <div>\n          <h3 class=\"text-2xl font-bold\">{{ title }}</h3>\n          <h4 :class=\"`text-xs`\">\n            {{ subtitle }}\n          </h4>\n        </div>\n        <div v-if=\"icon\">\n          <EpIcon :icon-path=\"icon\" />\n        </div>\n      </div>\n      <slot name=\"card-header\" />\n      <div>\n        <slot />\n      </div>\n      <div class=\"max-w-4xl\">\n        <slot name=\"card-actions\" />\n      </div>\n    </div>\n  </div>\n</template>\n"],"names":["_createElementBlock","_unref","_createBlock","EpHover","_createElementVNode","_openBlock","_toDisplayString","_createVNode","EpIcon","_renderSlot"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,UAAM,QAAQ;AAkBd,UAAM,aAAa,SAAS,MAAM;AAChC,aAAO,CAAC,MAAM,OAAO,cAAc;AAAA,IACrC,CAAC;AAED,UAAM,cAAc,SAAS,MAAM;AACjC,UAAI,MAAM,UAAU;AAClB,eAAO;AAAA,MACT;AACA,aAAO;AAAA,IACT,CAAC;AAID,UAAM,gBAAgB,SAAS,MAAM;AACnC,aAAO,cAAc,MAAM,OAAO;AAAA,IACpC,CAAC;AAED,UAAM,aAAa,SAAS,MAAM;AAChC,aAAO;AAAA,MACH,WAAW,KAAK;AAAA,MAChB,YAAY,KAAK;AAAA,MACjB,MAAM,QAAQ;AAAA;AAAA;AAAA,IAGpB,CAAC;AAED,UAAM,EAAE,OAAO,UAAU,MAAM,KAAK,aAAA,IAAiB,OAAO,KAAK;AAEjE,UAAM,QAAe,SAAA;AAErB,UAAM,aAAa,SAAS,MAAM;AAChC,aAAO,CAAC,CAAC,MAAM,WAAW,CAAC,CAAC,MAAM,SAAS,CAAC,CAAC,MAAM;AAAA,IACrD,CAAC;AAED,UAAM,qBAAqB,SAAS,MAAM;AACxC,aAAO,uBAAuB,MAAM,aAAa;AAAA,IACnD,CAAC;;0BAKCA,mBAuCM,OAAA;AAAA,QAvCA,yBAAU,WAAA,KAAU,IAAI,iBAAM,yCAA2C,QAAA,+CAA+C,mBAAA,QAAkB,SAAA,EAAA;AAAA,MAAA;QAQtIC,MAAA,GAAA,KAAOA,MAAA,YAAA,kBAPfC,YAcUC,aAAA;AAAA;UAbP,WAAW,QAAA;AAAA,UACX,UAAU,QAAA;AAAA,UACV,YAAY,QAAA;AAAA,UACZ,SAAS,QAAA;AAAA,UACT,WAAW,QAAA;AAAA,UACX,MAAMF,MAAA,YAAA;AAAA,QAAA;2BAGP,MAIE;AAAA,YAJFG,mBAIE,OAAA;AAAA,cAHC,KAAKH,MAAA,GAAA;AAAA,cACL,gCAAiB,WAAA,QAAU,iBAAA,YAAA,EAAA;AAAA,cAC5B,KAAI;AAAA,YAAA;;;;QAG0B,WAAA,sBAAlCD,mBAsBM,OAAA;AAAA;UAtBA,sBAAO,cAAA,KAAa;AAAA,QAAA;UAEhBC,MAAA,KAAA,KAASA,MAAA,QAAA,KADjBI,aAAAL,mBAaM,OAbN,YAaM;AAAA,YATJI,mBAKM,OAAA,MAAA;AAAA,cAJJA,mBAA+C,MAA/C,YAA+CE,gBAAbL,MAAA,KAAA,CAAK,GAAA,CAAA;AAAA,cACvCG,mBAEK,MAFL,YAEKE,gBADAL,MAAA,QAAA,CAAQ,GAAA,CAAA;AAAA,YAAA;YAGJA,MAAA,IAAA,kBAAXD,mBAEM,OAAA,YAAA;AAAA,cADJO,YAA4BC,aAAA,EAAnB,aAAWP,MAAA,IAAA,EAAA,GAAI,MAAA,GAAA,CAAA,WAAA,CAAA;AAAA,YAAA;;UAG5BQ,WAA2B,KAAA,QAAA,aAAA;AAAA,UAC3BL,mBAEM,OAAA,MAAA;AAAA,YADJK,WAAQ,KAAA,QAAA,SAAA;AAAA,UAAA;UAEVL,mBAEM,OAFN,YAEM;AAAA,YADJK,WAA4B,KAAA,QAAA,cAAA;AAAA,UAAA;;;;;;"}

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

@@ -99,14 +99,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const { src, alt, title, caption, thumbnail, bib } = toRefs(props);
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(unref(thumbnail) || _ctx.inline ? "inline" : "")
+        class: normalizeClass(unref(thumbnail) || __props.inline ? "inline" : "")
       }, [
         !unref(thumbnail) ? (openBlock(), createElementBlock("div", {
           key: 0,
-          class: normalizeClass(_ctx.inline ? "inline m-2" : "flex m-2")
+          class: normalizeClass(__props.inline ? "inline m-2" : "flex m-2")
         }, [
           createElementVNode("div", {
-            class: normalizeClass(`mx-auto rounded-md overflow-hidden bg-surface-2 dark:bg-surface-2-dark shadow-md  ${_ctx.inline ? `inline-block ${renderCols_inline.value}` : `${renderCols.value}`}`)
+            class: normalizeClass(`mx-auto rounded-md overflow-hidden bg-surface-2 dark:bg-surface-2-dark shadow-md  ${__props.inline ? `inline-block ${renderCols_inline.value}` : `${renderCols.value}`}`)
           }, [
             unref(isLoading) ? (openBlock(), createElementBlock("span", _hoisted_1, [
               createVNode(_sfc_main$1, {
@@ -120,7 +120,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               }, null, 8, ["icon-path"])
             ])) : (openBlock(), createElementBlock("div", {
               key: 2,
-              class: normalizeClass(`${!_ctx.noModal ? "cursor-pointer" : ""} dark:bg-white group relative`)
+              class: normalizeClass(`${!__props.noModal ? "cursor-pointer" : ""} dark:bg-white group relative`)
             }, [
               createElementVNode("img", {
                 class: "object-cover object-center w-full",
@@ -130,7 +130,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 ref_key: "imgEl",
                 ref: imgEl
               }, null, 8, _hoisted_3),
-              !_ctx.noModal ? (openBlock(), createElementBlock("div", _hoisted_4, [
+              !__props.noModal ? (openBlock(), createElementBlock("div", _hoisted_4, [
                 createVNode(_sfc_main$1, {
                   size: "28",
                   "icon-path": unref(mdiArrowExpandAll)
@@ -148,7 +148,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   type: "primary"
                 }, {
                   default: withCtx(() => [
-                    createTextVNode(toDisplayString(_ctx.labelRef), 1)
+                    createTextVNode(toDisplayString(__props.labelRef), 1)
                   ]),
                   _: 1
                 })
@@ -198,7 +198,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         createVNode(_sfc_main$3, {
           modelValue: showBib.value,
           "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => showBib.value = $event),
-          title: _ctx.labelRefLib
+          title: __props.labelRefLib
         }, {
           default: withCtx(() => [
             createElementVNode("div", {
@@ -214,7 +214,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 rounded: ""
               }, {
                 default: withCtx(() => [
-                  createTextVNode(toDisplayString(_ctx.labelClose), 1)
+                  createTextVNode(toDisplayString(__props.labelClose), 1)
                 ]),
                 _: 1
               })

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

@@ -1 +1 @@
-{"version":3,"file":"EpImg.vue.js","sources":["../../../src/components/basics/EpImg.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { toRefs, ref, computed } from \"vue\";\nimport { sizeThumbnailStyle, cols_img, cols_img_inline } from \"~/types/Image\";\nimport { useImage } from \"@vueuse/core\";\nimport EpModal from \"~/components/interactions/EpModal.vue\";\nimport EpIcon from \"~/components/basics/EpIcon.vue\";\nimport EpBtn from \"~/components/basics/EpBtn.vue\";\nimport { mdiArrowExpandAll } from \"@mdi/js\";\nimport { mdiImage } from \"@mdi/js\";\nimport { mdiImageRemove } from \"@mdi/js\";\nimport { useRenderText } from \"~/composables/useRenderText\";\nimport type { EpImgProps } from \"~/types/basics/EpImg\";\n\nconst props = withDefaults(defineProps<EpImgProps>(), {\n  alt: \"Image snfas\",\n  cols: \"6\",\n  thumbnail: false,\n  inline: false,\n  noModal: false,\n  sizeThumbnail: \"medium\",\n  labelClose: \"Fermer\",\n  labelRef: \"Référence\",\n  labelRefLib: \"Référence bibliographique\",\n});\n\n// To access freely the image\nconst imgEl = ref<HTMLImageElement | null>(null);\n\ndefineExpose({ imgEl });\n\nconst renderCols = computed(() => {\n  return cols_img[+props.cols];\n});\n\nconst renderCols_inline = computed(() => {\n  return cols_img_inline[+props.cols];\n});\n\nconst renderBib = computed(() => {\n  if (props.bib) {\n    return useRenderText(props.bib);\n  }\n  return \"\";\n});\n\nconst showModal = ref<boolean>(false);\n\nconst toggleModal = (): void => {\n  if (props.noModal) {\n    return;\n  }\n  showModal.value = !showModal.value;\n};\n\nconst showBib = ref<boolean>(false);\n\nconst toggleBib = (): void => {\n  showBib.value = !showBib.value;\n};\n\nconst styleSizeThumbnail = computed(() => {\n  return sizeThumbnailStyle[props.sizeThumbnail];\n});\n\nconst { isLoading, error } = useImage({ src: props.src });\nconst { src, alt, title, caption, thumbnail, bib, sizeThumbnail } =\n  toRefs(props);\n</script>\n\n<template>\n  <div :class=\"(thumbnail || inline)? 'inline' : ''\">\n    <div v-if=\"!thumbnail\" :class=\"inline? 'inline m-2' : 'flex m-2'\">\n      <div\n        :class=\"`mx-auto rounded-md overflow-hidden bg-surface-2 dark:bg-surface-2-dark shadow-md  ${inline? `inline-block ${renderCols_inline}` : `${renderCols}`}`\"\n      >\n        <template v-if=\"isLoading\">\n          <span class=\"text-gray-200\"\n            ><EpIcon :icon-path=\"mdiImage\" size=\"250\"></EpIcon\n          ></span>\n        </template>\n        <template v-else-if=\"error\">\n          <span class=\"text-red-200\"\n            ><EpIcon :icon-path=\"mdiImageRemove\" size=\"150\"></EpIcon\n          ></span>\n        </template>\n        <template v-else>\n          <div\n            :class=\"`${\n              !noModal ? 'cursor-pointer' : ''\n            } dark:bg-white group relative`\"\n          >\n            <img\n              class=\"object-cover object-center w-full\"\n              :src=\"src\"\n              :alt=\"alt\"\n              @click=\"toggleModal\"\n              ref=\"imgEl\"\n            />\n            <div\n              v-if=\"!noModal\"\n              class=\"absolute bottom-2 right-2 text-white text-center bg-black rounded opacity-0 transition-opacity duration-300 group-hover:opacity-50 cursor-pointer\"\n            >\n              <EpIcon size=\"28\" :icon-path=\"mdiArrowExpandAll\" />\n            </div>\n          </div>\n        </template>\n        <div\n          class=\"px-4 py-2 dark:rounded-b-md\"\n          v-if=\"title || caption || bib\"\n        >\n          <h2 class=\"text-2xl dark:text-white font-bold\">\n            {{ title }}\n          </h2>\n          <p class=\"text-gray-500 dark:text-white text-sm mt-4\">\n            {{ caption }}\n          </p>\n          <div class=\"text-right\" v-if=\"renderBib\">\n            <EpBtn @click=\"toggleBib\" rounded size=\"small\" type=\"primary\">{{\n              labelRef\n            }}</EpBtn>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div v-if=\"thumbnail\" class=\"relative group inline-block m-2\">\n      <img\n        :class=\"`${styleSizeThumbnail} object-cover object-center group-hover:opacity-30 `\"\n        :src=\"src\"\n        :alt=\"alt\"\n        ref=\"imgEl\"\n      />\n      <div\n        :class=\"`absolute top-0 left-0 ${styleSizeThumbnail} bg-black opacity-0 transition-opacity duration-300 group-hover:opacity-30 cursor-pointer`\"\n        @click=\"toggleModal\"\n      >\n        <div\n          class=\"absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 text-white text-center\"\n        >\n          <EpIcon :icon-path=\"mdiArrowExpandAll\" />\n        </div>\n      </div>\n    </div>\n    <EpModal v-model=\"showModal\">\n      <img\n        class=\"object-cover object-center h-5/6 w-5/6 mx-auto dark:bg-white\"\n        :src=\"src\"\n        :alt=\"alt\"\n        @click=\"toggleModal\"\n      />\n      <div class=\"px-4 py-2\" v-if=\"thumbnail\">\n        <h2 class=\"text-2xl dark:text-white font-bold\">\n          {{ title }}\n        </h2>\n        <p class=\"text-gray-500 dark:text-white text-sm mt-4\">\n          {{ caption }}\n        </p>\n        <div class=\"text-gray-700 dark:text-white mt-4\" v-html=\"renderBib\" />\n      </div>\n      <!-- <div class=\"flex justify-end\"><EpBtn @click=\"toggleModal\" size=\"small\" type=\"error\" outlined>Fermer</EpBtn/> -->\n    </EpModal>\n    <EpModal v-model=\"showBib\" :title=\"labelRefLib\">\n      <div class=\"text-gray-700 dark:text-white mt-4\" v-html=\"renderBib\" />\n      <div class=\"flex justify-end\">\n        <EpBtn @click=\"toggleBib\" size=\"small\" type=\"error\" outlined rounded>\n          {{ labelClose }}\n        </EpBtn>\n      </div>\n    </EpModal>\n  </div>\n</template>\n"],"names":["_createElementBlock","_normalizeClass","_unref","inline","_createElementVNode","_openBlock","_createVNode","EpIcon","noModal","_toDisplayString","EpBtn","labelRef","EpModal","labelRefLib","labelClose"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,UAAM,QAAQ;AAad,UAAM,QAAQ,IAA6B,IAAI;AAE/C,aAAa,EAAE,OAAO;AAEtB,UAAM,aAAa,SAAS,MAAM;AAChC,aAAO,SAAS,CAAC,MAAM,IAAI;AAAA,IAC7B,CAAC;AAED,UAAM,oBAAoB,SAAS,MAAM;AACvC,aAAO,gBAAgB,CAAC,MAAM,IAAI;AAAA,IACpC,CAAC;AAED,UAAM,YAAY,SAAS,MAAM;AAC/B,UAAI,MAAM,KAAK;AACb,eAAO,cAAc,MAAM,GAAG;AAAA,MAChC;AACA,aAAO;AAAA,IACT,CAAC;AAED,UAAM,YAAY,IAAa,KAAK;AAEpC,UAAM,cAAc,MAAY;AAC9B,UAAI,MAAM,SAAS;AACjB;AAAA,MACF;AACA,gBAAU,QAAQ,CAAC,UAAU;AAAA,IAC/B;AAEA,UAAM,UAAU,IAAa,KAAK;AAElC,UAAM,YAAY,MAAY;AAC5B,cAAQ,QAAQ,CAAC,QAAQ;AAAA,IAC3B;AAEA,UAAM,qBAAqB,SAAS,MAAM;AACxC,aAAO,mBAAmB,MAAM,aAAa;AAAA,IAC/C,CAAC;AAED,UAAM,EAAE,WAAW,UAAU,SAAS,EAAE,KAAK,MAAM,KAAK;AACxD,UAAM,EAAE,KAAK,KAAK,OAAO,SAAS,WAAW,IAAmB,IAC9D,OAAO,KAAK;;0BAIZA,mBAkGM,OAAA;AAAA,QAlGA,OAAKC,eAAGC,MAAA,SAAA,KAAaC,KAAAA,SAAM,WAAA,EAAA;AAAA,MAAA;SACnBD,MAAA,SAAA,kBAAZF,mBAoDM,OAAA;AAAA;UApDkB,sBAAOG,KAAAA,SAAM,eAAA,UAAA;AAAA,QAAA;UACnCC,mBAkDM,OAAA;AAAA,YAjDH,OAAKH,eAAA,qFAAuFE,KAAAA,SAAM,gBAAkB,kBAAA,KAAiB,QAAQ,WAAA,KAAU,EAAA,EAAA;AAAA,UAAA;YAExID,MAAA,SAAA,KACdG,aAAAL,mBAEQ,QAFR,YAEQ;AAAA,cADLM,YACFC,aAAA;AAAA,gBADW,aAAWL,MAAA,QAAA;AAAA,gBAAU,MAAK;AAAA,cAAA;kBAGnBA,MAAA,KAAA,KACnBG,UAAA,GAAAL,mBAEQ,QAFR,YAEQ;AAAA,cADLM,YACFC,aAAA;AAAA,gBADW,aAAWL,MAAA,cAAA;AAAA,gBAAgB,MAAK;AAAA,cAAA;gCAI5CF,mBAkBM,OAAA;AAAA;cAjBH,OAAKC,eAAA,IAAqBO,KAAAA,UAAO,mBAAA;;cAIlCJ,mBAME,OAAA;AAAA,gBALA,OAAM;AAAA,gBACL,KAAKF,MAAA,GAAA;AAAA,gBACL,KAAKA,MAAA,GAAA;AAAA,gBACL,SAAO;AAAA,yBACJ;AAAA,gBAAJ,KAAI;AAAA,cAAA;eAGGM,KAAAA,WADTH,aAAAL,mBAKM,OALN,YAKM;AAAA,gBADJM,YAAmDC,aAAA;AAAA,kBAA3C,MAAK;AAAA,kBAAM,aAAWL,MAAA,iBAAA;AAAA,gBAAA;;;YAM5BA,MAAA,KAAA,KAASA,MAAA,OAAA,KAAWA,MAAA,GAAA,KAF5BG,UAAA,GAAAL,mBAeM,OAfN,YAeM;AAAA,cAXJI,mBAEK,MAFL,YAEKK,gBADAP,MAAA,KAAA,CAAK,GAAA,CAAA;AAAA,cAEVE,mBAEI,KAFJ,YAEIK,gBADCP,MAAA,OAAA,CAAO,GAAA,CAAA;AAAA,cAEkB,UAAA,SAA9BG,UAAA,GAAAL,mBAIM,OAJN,YAIM;AAAA,gBAHJM,YAEUI,aAAA;AAAA,kBAFF,SAAO;AAAA,kBAAW,SAAA;AAAA,kBAAQ,MAAK;AAAA,kBAAQ,MAAK;AAAA,gBAAA;mCAAU,MAE5D;AAAA,oDADAC,KAAAA,QAAQ,GAAA,CAAA;AAAA,kBAAA;;;;;;;QAMPT,MAAA,SAAA,KAAXG,aAAAL,mBAiBM,OAjBN,YAiBM;AAAA,UAhBJI,mBAKE,OAAA;AAAA,YAJC,yBAAU,mBAAA,KAAkB,qDAAA;AAAA,YAC5B,KAAKF,MAAA,GAAA;AAAA,YACL,KAAKA,MAAA,GAAA;AAAA,qBACF;AAAA,YAAJ,KAAI;AAAA,UAAA;UAENE,mBASM,OAAA;AAAA,YARH,+CAAgC,mBAAA,KAAkB,2FAAA;AAAA,YAClD,SAAO;AAAA,UAAA;YAERA,mBAIM,OAJN,aAIM;AAAA,cADJE,YAAyCC,aAAA,EAAhC,aAAWL,MAAA,iBAAA,EAAA,GAAiB,MAAA,GAAA,CAAA,WAAA,CAAA;AAAA,YAAA;;;QAI3CI,YAiBUM,aAAA;AAAA,sBAjBQ,UAAA;AAAA,uEAAA,UAAS,QAAA;AAAA,QAAA;2BACzB,MAKE;AAAA,YALFR,mBAKE,OAAA;AAAA,cAJA,OAAM;AAAA,cACL,KAAKF,MAAA,GAAA;AAAA,cACL,KAAKA,MAAA,GAAA;AAAA,cACL,SAAO;AAAA,YAAA;YAEmBA,MAAA,SAAA,KAA7BG,aAAAL,mBAQM,OARN,aAQM;AAAA,cAPJI,mBAEK,MAFL,aAEKK,gBADAP,MAAA,KAAA,CAAK,GAAA,CAAA;AAAA,cAEVE,mBAEI,KAFJ,aAEIK,gBADCP,MAAA,OAAA,CAAO,GAAA,CAAA;AAAA,cAEZE,mBAAqE,OAAA;AAAA,gBAAhE,OAAM;AAAA,gBAAqC,WAAQ,UAAA;AAAA,cAAA;;;;;QAI5DE,YAOUM,aAAA;AAAA,sBAPQ,QAAA;AAAA,uEAAA,QAAO,QAAA;AAAA,UAAG,OAAOC,KAAAA;AAAAA,QAAAA;2BACjC,MAAqE;AAAA,YAArET,mBAAqE,OAAA;AAAA,cAAhE,OAAM;AAAA,cAAqC,WAAQ,UAAA;AAAA,YAAA;YACxDA,mBAIM,OAJN,aAIM;AAAA,cAHJE,YAEQI,aAAA;AAAA,gBAFA,SAAO;AAAA,gBAAW,MAAK;AAAA,gBAAQ,MAAK;AAAA,gBAAQ,UAAA;AAAA,gBAAS,SAAA;AAAA,cAAA;iCAC3D,MAAgB;AAAA,kDAAbI,KAAAA,UAAU,GAAA,CAAA;AAAA,gBAAA;;;;;;;;;;;"}
+{"version":3,"file":"EpImg.vue.js","sources":["../../../src/components/basics/EpImg.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { toRefs, ref, computed } from \"vue\";\nimport { sizeThumbnailStyle, cols_img, cols_img_inline } from \"~/types/Image\";\nimport { useImage } from \"@vueuse/core\";\nimport EpModal from \"~/components/interactions/EpModal.vue\";\nimport EpIcon from \"~/components/basics/EpIcon.vue\";\nimport EpBtn from \"~/components/basics/EpBtn.vue\";\nimport { mdiArrowExpandAll } from \"@mdi/js\";\nimport { mdiImage } from \"@mdi/js\";\nimport { mdiImageRemove } from \"@mdi/js\";\nimport { useRenderText } from \"~/composables/useRenderText\";\nimport type { EpImgProps } from \"~/types/basics/EpImg\";\n\nconst props = withDefaults(defineProps<EpImgProps>(), {\n  alt: \"Image snfas\",\n  cols: \"6\",\n  thumbnail: false,\n  inline: false,\n  noModal: false,\n  sizeThumbnail: \"medium\",\n  labelClose: \"Fermer\",\n  labelRef: \"Référence\",\n  labelRefLib: \"Référence bibliographique\",\n});\n\n// To access freely the image\nconst imgEl = ref<HTMLImageElement | null>(null);\n\ndefineExpose({ imgEl });\n\nconst renderCols = computed(() => {\n  return cols_img[+props.cols];\n});\n\nconst renderCols_inline = computed(() => {\n  return cols_img_inline[+props.cols];\n});\n\nconst renderBib = computed(() => {\n  if (props.bib) {\n    return useRenderText(props.bib);\n  }\n  return \"\";\n});\n\nconst showModal = ref<boolean>(false);\n\nconst toggleModal = (): void => {\n  if (props.noModal) {\n    return;\n  }\n  showModal.value = !showModal.value;\n};\n\nconst showBib = ref<boolean>(false);\n\nconst toggleBib = (): void => {\n  showBib.value = !showBib.value;\n};\n\nconst styleSizeThumbnail = computed(() => {\n  return sizeThumbnailStyle[props.sizeThumbnail];\n});\n\nconst { isLoading, error } = useImage({ src: props.src });\nconst { src, alt, title, caption, thumbnail, bib, sizeThumbnail } =\n  toRefs(props);\n</script>\n\n<template>\n  <div :class=\"(thumbnail || inline)? 'inline' : ''\">\n    <div v-if=\"!thumbnail\" :class=\"inline? 'inline m-2' : 'flex m-2'\">\n      <div\n        :class=\"`mx-auto rounded-md overflow-hidden bg-surface-2 dark:bg-surface-2-dark shadow-md  ${inline? `inline-block ${renderCols_inline}` : `${renderCols}`}`\"\n      >\n        <template v-if=\"isLoading\">\n          <span class=\"text-gray-200\"\n            ><EpIcon :icon-path=\"mdiImage\" size=\"250\"></EpIcon\n          ></span>\n        </template>\n        <template v-else-if=\"error\">\n          <span class=\"text-red-200\"\n            ><EpIcon :icon-path=\"mdiImageRemove\" size=\"150\"></EpIcon\n          ></span>\n        </template>\n        <template v-else>\n          <div\n            :class=\"`${\n              !noModal ? 'cursor-pointer' : ''\n            } dark:bg-white group relative`\"\n          >\n            <img\n              class=\"object-cover object-center w-full\"\n              :src=\"src\"\n              :alt=\"alt\"\n              @click=\"toggleModal\"\n              ref=\"imgEl\"\n            />\n            <div\n              v-if=\"!noModal\"\n              class=\"absolute bottom-2 right-2 text-white text-center bg-black rounded opacity-0 transition-opacity duration-300 group-hover:opacity-50 cursor-pointer\"\n            >\n              <EpIcon size=\"28\" :icon-path=\"mdiArrowExpandAll\" />\n            </div>\n          </div>\n        </template>\n        <div\n          class=\"px-4 py-2 dark:rounded-b-md\"\n          v-if=\"title || caption || bib\"\n        >\n          <h2 class=\"text-2xl dark:text-white font-bold\">\n            {{ title }}\n          </h2>\n          <p class=\"text-gray-500 dark:text-white text-sm mt-4\">\n            {{ caption }}\n          </p>\n          <div class=\"text-right\" v-if=\"renderBib\">\n            <EpBtn @click=\"toggleBib\" rounded size=\"small\" type=\"primary\">{{\n              labelRef\n            }}</EpBtn>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div v-if=\"thumbnail\" class=\"relative group inline-block m-2\">\n      <img\n        :class=\"`${styleSizeThumbnail} object-cover object-center group-hover:opacity-30 `\"\n        :src=\"src\"\n        :alt=\"alt\"\n        ref=\"imgEl\"\n      />\n      <div\n        :class=\"`absolute top-0 left-0 ${styleSizeThumbnail} bg-black opacity-0 transition-opacity duration-300 group-hover:opacity-30 cursor-pointer`\"\n        @click=\"toggleModal\"\n      >\n        <div\n          class=\"absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 text-white text-center\"\n        >\n          <EpIcon :icon-path=\"mdiArrowExpandAll\" />\n        </div>\n      </div>\n    </div>\n    <EpModal v-model=\"showModal\">\n      <img\n        class=\"object-cover object-center h-5/6 w-5/6 mx-auto dark:bg-white\"\n        :src=\"src\"\n        :alt=\"alt\"\n        @click=\"toggleModal\"\n      />\n      <div class=\"px-4 py-2\" v-if=\"thumbnail\">\n        <h2 class=\"text-2xl dark:text-white font-bold\">\n          {{ title }}\n        </h2>\n        <p class=\"text-gray-500 dark:text-white text-sm mt-4\">\n          {{ caption }}\n        </p>\n        <div class=\"text-gray-700 dark:text-white mt-4\" v-html=\"renderBib\" />\n      </div>\n      <!-- <div class=\"flex justify-end\"><EpBtn @click=\"toggleModal\" size=\"small\" type=\"error\" outlined>Fermer</EpBtn/> -->\n    </EpModal>\n    <EpModal v-model=\"showBib\" :title=\"labelRefLib\">\n      <div class=\"text-gray-700 dark:text-white mt-4\" v-html=\"renderBib\" />\n      <div class=\"flex justify-end\">\n        <EpBtn @click=\"toggleBib\" size=\"small\" type=\"error\" outlined rounded>\n          {{ labelClose }}\n        </EpBtn>\n      </div>\n    </EpModal>\n  </div>\n</template>\n"],"names":["_createElementBlock","_normalizeClass","_unref","_createElementVNode","_openBlock","_createVNode","EpIcon","_toDisplayString","EpBtn","EpModal"],"mappings":"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"}

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

@@ -74,15 +74,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createElementVNode("div", {
-          class: normalizeClass(`relative group ${!_ctx.puzzle ? "inline-block m-2" : "h-full mb-1"}`)
+          class: normalizeClass(`relative group ${!__props.puzzle ? "inline-block m-2" : "h-full mb-1"}`)
         }, [
           createElementVNode("img", {
-            class: normalizeClass(`${!_ctx.puzzle ? styleSizeThumbnail.value : "h-full w-full justify-self-stretch"} object-cover object-center group-hover:opacity-30 `),
+            class: normalizeClass(`${!__props.puzzle ? styleSizeThumbnail.value : "h-full w-full justify-self-stretch"} object-cover object-center group-hover:opacity-30 `),
             src: unref(src),
             alt: unref(alt)
           }, null, 10, _hoisted_2),
           createElementVNode("div", {
-            class: normalizeClass(`absolute top-0 left-0 ${!_ctx.puzzle ? styleSizeThumbnail.value : "h-full w-full"} bg-black opacity-0 transition-opacity duration-300 group-hover:opacity-30 cursor-pointer`),
+            class: normalizeClass(`absolute top-0 left-0 ${!__props.puzzle ? styleSizeThumbnail.value : "h-full w-full"} bg-black opacity-0 transition-opacity duration-300 group-hover:opacity-30 cursor-pointer`),
             onClick: toggleModal
           }, [
             createElementVNode("div", _hoisted_3, [
@@ -95,7 +95,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => showModal.value = $event)
         }, {
           default: withCtx(() => [
-            _ctx.managedModal ? (openBlock(), createElementBlock("div", _hoisted_4, [
+            __props.managedModal ? (openBlock(), createElementBlock("div", _hoisted_4, [
               createElementVNode("button", {
                 class: "p-2",
                 onClick: _cache[0] || (_cache[0] = ($event) => emits("prevSlide"))
@@ -111,13 +111,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ])) : createCommentVNode("", true),
             createElementVNode("img", {
               class: "object-cover object-center h-5/6 w-5/6 mx-auto dark:bg-white",
-              src: _ctx.managedModal && _ctx.infoModal ? _ctx.infoModal.src : unref(src),
+              src: __props.managedModal && __props.infoModal ? __props.infoModal.src : unref(src),
               alt: unref(alt),
               onClick: toggleModal
             }, null, 8, _hoisted_5),
             createElementVNode("div", _hoisted_6, [
               createElementVNode("h2", _hoisted_7, toDisplayString(unref(title)), 1),
-              createElementVNode("p", _hoisted_8, toDisplayString(_ctx.managedModal && _ctx.infoModal ? _ctx.infoModal.caption : unref(caption)), 1),
+              createElementVNode("p", _hoisted_8, toDisplayString(__props.managedModal && __props.infoModal ? __props.infoModal.caption : unref(caption)), 1),
               createElementVNode("div", {
                 class: "text-gray-700 dark:text-white mt-4",
                 innerHTML: renderBib.value
@@ -129,7 +129,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         createVNode(_sfc_main$2, {
           modelValue: showBib.value,
           "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => showBib.value = $event),
-          title: _ctx.labelRefLib
+          title: __props.labelRefLib
         }, {
           default: withCtx(() => [
             createElementVNode("div", {
@@ -144,7 +144,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 outlined: ""
               }, {
                 default: withCtx(() => [
-                  createTextVNode(toDisplayString(_ctx.labelClose), 1)
+                  createTextVNode(toDisplayString(__props.labelClose), 1)
                 ]),
                 _: 1
               })

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

@@ -1 +1 @@
-{"version":3,"file":"EpImgCarousel.vue.js","sources":["../../../src/components/basics/EpImgCarousel.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { toRefs, ref, computed } from \"vue\";\nimport { sizeThumbnailStyle } from \"~/types/Image\";\nimport EpModal from \"~/components/interactions/EpModal.vue\";\nimport EpIcon from \"~/components/basics/EpIcon.vue\";\nimport EpBtn from \"~/components/basics/EpBtn.vue\";\nimport {\n  mdiArrowExpandAll,\n  mdiChevronLeftCircleOutline,\n  mdiChevronRightCircleOutline,\n} from \"@mdi/js\";\nimport { useRenderText } from \"~/composables/useRenderText\";\nimport type { EpImgCarouselProps } from \"~/types/basics/EpImgCarousel\";\n\nconst props = withDefaults(defineProps<EpImgCarouselProps>(), {\n  alt: \"Image snfas\",\n  cols: \"6\",\n  noModal: false,\n  puzzle: false,\n  sizeThumbnail: \"medium\",\n  labelClose: \"Fermer\",\n  labelRef: \"Référence\",\n  labelRefLib: \"Référence bibliographique\",\n\n  managedModal: false,\n});\n\nconst renderBib = computed(() => {\n  if (props.managedModal && props.infoModal) {\n    return useRenderText(props.infoModal.bib ? props.infoModal.bib : \"\");\n  }\n  if (props.bib) {\n    return useRenderText(props.bib);\n  }\n  return \"\";\n});\n\nconst showModal = ref<boolean>(false);\n\nconst toggleModal = (): void => {\n  if (props.noModal) {\n    return;\n  }\n  showModal.value = !showModal.value;\n\n  if (props.managedModal) {\n    emits(\"newFocus\");\n  }\n};\n\nconst showBib = ref<boolean>(false);\n\nconst toggleBib = (): void => {\n  showBib.value = !showBib.value;\n};\n\nconst styleSizeThumbnail = computed(() => {\n  return sizeThumbnailStyle[props.sizeThumbnail];\n});\n\nconst { src, alt, title, caption, bib, sizeThumbnail } = toRefs(props);\n\nconst emits = defineEmits<{\n  newFocus: [];\n  nextSlide: [];\n  prevSlide: [];\n}>();\n</script>\n\n<template>\n  <div class=\"inline-block\">\n    <div\n      :class=\"`relative group ${!puzzle ? 'inline-block m-2' : 'h-full mb-1'}`\"\n    >\n      <img\n        :class=\"`${\n          !puzzle ? styleSizeThumbnail : 'h-full w-full justify-self-stretch'\n        } object-cover object-center group-hover:opacity-30 `\"\n        :src=\"src\"\n        :alt=\"alt\"\n      />\n      <div\n        :class=\"`absolute top-0 left-0 ${\n          !puzzle ? styleSizeThumbnail : 'h-full w-full'\n        } bg-black opacity-0 transition-opacity duration-300 group-hover:opacity-30 cursor-pointer`\"\n        @click=\"toggleModal\"\n      >\n        <div\n          class=\"absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 text-white text-center\"\n        >\n          <EpIcon :icon-path=\"mdiArrowExpandAll\" />\n        </div>\n      </div>\n    </div>\n\n    <EpModal v-model=\"showModal\">\n      <div v-if=\"managedModal\" class=\"flex items-center justify-center mb-2\">\n        <button class=\"p-2\" @click=\"emits('prevSlide')\">\n          <EpIcon :icon-path=\"mdiChevronLeftCircleOutline\" />\n        </button>\n        <button class=\"p-2\" @click=\"emits('nextSlide')\">\n          <EpIcon :icon-path=\"mdiChevronRightCircleOutline\" />\n        </button>\n      </div>\n      <img\n        class=\"object-cover object-center h-5/6 w-5/6 mx-auto dark:bg-white\"\n        :src=\"managedModal && infoModal ? infoModal.src : src\"\n        :alt=\"alt\"\n        @click=\"toggleModal\"\n      />\n      <div class=\"px-4 py-2\">\n        <h2 class=\"text-2xl dark:text-white font-bold\">{{ title }}</h2>\n        <p class=\"text-gray-500 dark:text-white text-sm mt-4 text-center\">\n          {{ managedModal && infoModal ? infoModal.caption : caption }}\n        </p>\n        <div class=\"text-gray-700 dark:text-white mt-4\" v-html=\"renderBib\" />\n      </div>\n    </EpModal>\n    <EpModal v-model=\"showBib\" :title=\"labelRefLib\">\n      <div class=\"text-gray-700 dark:text-white mt-4\" v-html=\"renderBib\" />\n      <div class=\"flex justify-end\">\n        <EpBtn @click=\"toggleBib\" size=\"small\" type=\"error\" outlined>\n          {{ labelClose }}\n        </EpBtn>\n      </div>\n    </EpModal>\n  </div>\n</template>\n"],"names":["_openBlock","_createElementBlock","_createElementVNode","puzzle","_normalizeClass","_unref","_createVNode","EpIcon","EpModal","managedModal","infoModal","_toDisplayString","labelRefLib","EpBtn","labelClose"],"mappings":"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"}
+{"version":3,"file":"EpImgCarousel.vue.js","sources":["../../../src/components/basics/EpImgCarousel.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { toRefs, ref, computed } from \"vue\";\nimport { sizeThumbnailStyle } from \"~/types/Image\";\nimport EpModal from \"~/components/interactions/EpModal.vue\";\nimport EpIcon from \"~/components/basics/EpIcon.vue\";\nimport EpBtn from \"~/components/basics/EpBtn.vue\";\nimport {\n  mdiArrowExpandAll,\n  mdiChevronLeftCircleOutline,\n  mdiChevronRightCircleOutline,\n} from \"@mdi/js\";\nimport { useRenderText } from \"~/composables/useRenderText\";\nimport type { EpImgCarouselProps } from \"~/types/basics/EpImgCarousel\";\n\nconst props = withDefaults(defineProps<EpImgCarouselProps>(), {\n  alt: \"Image snfas\",\n  cols: \"6\",\n  noModal: false,\n  puzzle: false,\n  sizeThumbnail: \"medium\",\n  labelClose: \"Fermer\",\n  labelRef: \"Référence\",\n  labelRefLib: \"Référence bibliographique\",\n\n  managedModal: false,\n});\n\nconst renderBib = computed(() => {\n  if (props.managedModal && props.infoModal) {\n    return useRenderText(props.infoModal.bib ? props.infoModal.bib : \"\");\n  }\n  if (props.bib) {\n    return useRenderText(props.bib);\n  }\n  return \"\";\n});\n\nconst showModal = ref<boolean>(false);\n\nconst toggleModal = (): void => {\n  if (props.noModal) {\n    return;\n  }\n  showModal.value = !showModal.value;\n\n  if (props.managedModal) {\n    emits(\"newFocus\");\n  }\n};\n\nconst showBib = ref<boolean>(false);\n\nconst toggleBib = (): void => {\n  showBib.value = !showBib.value;\n};\n\nconst styleSizeThumbnail = computed(() => {\n  return sizeThumbnailStyle[props.sizeThumbnail];\n});\n\nconst { src, alt, title, caption, bib, sizeThumbnail } = toRefs(props);\n\nconst emits = defineEmits<{\n  newFocus: [];\n  nextSlide: [];\n  prevSlide: [];\n}>();\n</script>\n\n<template>\n  <div class=\"inline-block\">\n    <div\n      :class=\"`relative group ${!puzzle ? 'inline-block m-2' : 'h-full mb-1'}`\"\n    >\n      <img\n        :class=\"`${\n          !puzzle ? styleSizeThumbnail : 'h-full w-full justify-self-stretch'\n        } object-cover object-center group-hover:opacity-30 `\"\n        :src=\"src\"\n        :alt=\"alt\"\n      />\n      <div\n        :class=\"`absolute top-0 left-0 ${\n          !puzzle ? styleSizeThumbnail : 'h-full w-full'\n        } bg-black opacity-0 transition-opacity duration-300 group-hover:opacity-30 cursor-pointer`\"\n        @click=\"toggleModal\"\n      >\n        <div\n          class=\"absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 text-white text-center\"\n        >\n          <EpIcon :icon-path=\"mdiArrowExpandAll\" />\n        </div>\n      </div>\n    </div>\n\n    <EpModal v-model=\"showModal\">\n      <div v-if=\"managedModal\" class=\"flex items-center justify-center mb-2\">\n        <button class=\"p-2\" @click=\"emits('prevSlide')\">\n          <EpIcon :icon-path=\"mdiChevronLeftCircleOutline\" />\n        </button>\n        <button class=\"p-2\" @click=\"emits('nextSlide')\">\n          <EpIcon :icon-path=\"mdiChevronRightCircleOutline\" />\n        </button>\n      </div>\n      <img\n        class=\"object-cover object-center h-5/6 w-5/6 mx-auto dark:bg-white\"\n        :src=\"managedModal && infoModal ? infoModal.src : src\"\n        :alt=\"alt\"\n        @click=\"toggleModal\"\n      />\n      <div class=\"px-4 py-2\">\n        <h2 class=\"text-2xl dark:text-white font-bold\">{{ title }}</h2>\n        <p class=\"text-gray-500 dark:text-white text-sm mt-4 text-center\">\n          {{ managedModal && infoModal ? infoModal.caption : caption }}\n        </p>\n        <div class=\"text-gray-700 dark:text-white mt-4\" v-html=\"renderBib\" />\n      </div>\n    </EpModal>\n    <EpModal v-model=\"showBib\" :title=\"labelRefLib\">\n      <div class=\"text-gray-700 dark:text-white mt-4\" v-html=\"renderBib\" />\n      <div class=\"flex justify-end\">\n        <EpBtn @click=\"toggleBib\" size=\"small\" type=\"error\" outlined>\n          {{ labelClose }}\n        </EpBtn>\n      </div>\n    </EpModal>\n  </div>\n</template>\n"],"names":["_openBlock","_createElementBlock","_createElementVNode","_normalizeClass","_unref","_createVNode","EpIcon","EpModal","_toDisplayString","EpBtn"],"mappings":"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"}

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

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