ep-lib-ts 1.0.59 → 1.0.60

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

@@ -1,80 +1,131 @@
-import { defineComponent as E, computed as r, toRefs as L, useSlots as N, createElementBlock as o, openBlock as l, normalizeClass as n, createCommentVNode as s, unref as t, createVNode as b, renderSlot as c, createElementVNode as d, toDisplayString as p } from "vue";
-import V from "./EpIcon.vue.js";
-import T from "../medias/EpSvg.vue.js";
-import v from "../../composables/useColors.js";
-import { density_style as W } from "../../types/Card.js";
-const j = ["src"], z = {
+import { defineComponent, computed, toRefs, useSlots, createElementBlock, openBlock, normalizeClass, createCommentVNode, unref, createVNode, renderSlot, createElementVNode, toDisplayString } from "vue";
+import _sfc_main$2 from "./EpIcon.vue.js";
+import _sfc_main$1 from "../medias/EpSvg.vue.js";
+import useColors from "../../composables/useColors.js";
+import { density_style } from "../../types/Card.js";
+const _hoisted_1 = ["src"];
+const _hoisted_2 = {
   key: 1,
   class: "w-full rounded-t-md dark:text-white"
-}, D = {
+};
+const _hoisted_3 = {
   key: 0,
   class: "mb-2 flex items-center justify-between dark:text-white"
-}, R = { class: "text-2xl dark:text-white font-bold" }, q = { key: 0 }, A = { class: "dark:text-white" }, F = { class: "dark:text-white" }, O = /* @__PURE__ */ E({
+};
+const _hoisted_4 = { class: "text-2xl dark:text-white font-bold" };
+const _hoisted_5 = { key: 0 };
+const _hoisted_6 = { class: "dark:text-white" };
+const _hoisted_7 = { class: "dark:text-white" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "EpCard",
   props: {
     title: { default: null },
     subtitle: { default: null },
-    outlined: { type: Boolean, default: !1 },
-    flat: { type: Boolean, default: !1 },
+    outlined: { type: Boolean, default: false },
+    flat: { type: Boolean, default: false },
     icon: { default: null },
     color: { default: null },
     src: { default: null },
     maxWidth: { default: "max-w-full" },
     density: { default: "default" },
     svg: {},
-    isLink: { type: Boolean, default: !1 }
+    isLink: { type: Boolean, default: false }
   },
-  setup(_) {
-    const e = _, x = r(() => e.flat ? "" : "shadow-lg"), y = r(() => e.outlined && e.color ? `border solid ${v("border", e.color)}` : e.outlined ? "border solid border-primary dark:border-white" : "dark:border dark:solid dark:border-white"), w = r(() => e.isLink ? "dark:hover:border-white hover:border-primary hover:border hover:border rounded-md cursor-pointer" : ""), $ = r(() => e.color && !e.outlined ? `${v("bg", e.color)}` : "bg-white text-black"), g = r(() => e.color && !e.outlined ? "text-white" : "text-gray-600"), C = r(() => W[e.density]), B = r(() => `
-    ${x.value} 
-    ${y.value} 
-    ${$.value} 
-    ${e.maxWidth} 
+  setup(__props) {
+    const props = __props;
+    const shadowCard = computed(() => {
+      return !props.flat ? "shadow-lg" : "";
+    });
+    const borderColor = computed(() => {
+      if (props.outlined && props.color) {
+        return `border solid ${useColors("border", props.color)}`;
+      }
+      if (props.outlined) {
+        return "border solid border-primary dark:border-white";
+      }
+      return "dark:border dark:solid dark:border-white";
+    });
+    const isLinkStyle = computed(() => {
+      if (props.isLink) {
+        return "dark:hover:border-white hover:border-primary hover:border hover:border rounded-md cursor-pointer";
+      }
+      return "";
+    });
+    const bgColor = computed(() => {
+      if (props.color && !props.outlined) {
+        return `${useColors("bg", props.color)}`;
+      }
+      return `bg-white text-black`;
+    });
+    const subTitleText = computed(() => {
+      if (props.color && !props.outlined) {
+        return "text-white";
+      }
+      return "text-gray-600";
+    });
+    const density_class = computed(() => {
+      return density_style[props.density];
+    });
+    const stylesCard = computed(() => {
+      return `
+    ${shadowCard.value} 
+    ${borderColor.value} 
+    ${bgColor.value} 
+    ${props.maxWidth} 
     rounded-md 
     dark:bg-dark
     dark:text-white
-    `), { title: f, subtitle: h, icon: a, src: i, svg: m } = L(e), S = N(), k = r(() => !!S.default || !!e.title || !!e.subtitle || !!e.icon);
-    return (u, G) => (l(), o("div", {
-      class: n(`${B.value} ${w.value}`)
-    }, [
-      t(i) ? (l(), o("img", {
-        key: 0,
-        src: t(i),
-        class: n(`w-full ${k.value ? "rounded-t-md" : "rounded-md"}`),
-        alt: "header card"
-      }, null, 10, j)) : s("", !0),
-      !t(i) && t(m) ? (l(), o("div", z, [
-        b(T, { content: t(m) }, null, 8, ["content"])
-      ])) : s("", !0),
-      k.value ? (l(), o("div", {
-        key: 2,
-        class: n(C.value)
+    `;
+    });
+    const { title, subtitle, icon, src, svg } = toRefs(props);
+    const slots = useSlots();
+    const hasContent = computed(() => {
+      return !!slots.default || !!props.title || !!props.subtitle || !!props.icon;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(`${stylesCard.value} ${isLinkStyle.value}`)
       }, [
-        t(f) || t(h) || t(a) ? (l(), o("div", D, [
-          d("div", null, [
-            d("h3", R, p(t(f)), 1),
-            d("h4", {
-              class: n(`text-xs dark:text-white ${g.value}`)
-            }, p(t(h)), 3)
+        unref(src) ? (openBlock(), createElementBlock("img", {
+          key: 0,
+          src: unref(src),
+          class: normalizeClass(`w-full ${hasContent.value ? "rounded-t-md" : "rounded-md"}`),
+          alt: "header card"
+        }, null, 10, _hoisted_1)) : createCommentVNode("", true),
+        !unref(src) && unref(svg) ? (openBlock(), createElementBlock("div", _hoisted_2, [
+          createVNode(_sfc_main$1, { content: unref(svg) }, null, 8, ["content"])
+        ])) : createCommentVNode("", true),
+        hasContent.value ? (openBlock(), createElementBlock("div", {
+          key: 2,
+          class: normalizeClass(density_class.value)
+        }, [
+          unref(title) || unref(subtitle) || unref(icon) ? (openBlock(), createElementBlock("div", _hoisted_3, [
+            createElementVNode("div", null, [
+              createElementVNode("h3", _hoisted_4, toDisplayString(unref(title)), 1),
+              createElementVNode("h4", {
+                class: normalizeClass(`text-xs dark:text-white ${subTitleText.value}`)
+              }, toDisplayString(unref(subtitle)), 3)
+            ]),
+            unref(icon) ? (openBlock(), createElementBlock("div", _hoisted_5, [
+              createVNode(_sfc_main$2, {
+                "icon-path": unref(icon),
+                "extra-class": "dark:text-white"
+              }, null, 8, ["icon-path"])
+            ])) : createCommentVNode("", true)
+          ])) : createCommentVNode("", true),
+          renderSlot(_ctx.$slots, "card-header"),
+          createElementVNode("div", _hoisted_6, [
+            renderSlot(_ctx.$slots, "default")
           ]),
-          t(a) ? (l(), o("div", q, [
-            b(V, {
-              "icon-path": t(a),
-              "extra-class": "dark:text-white"
-            }, null, 8, ["icon-path"])
-          ])) : s("", !0)
-        ])) : s("", !0),
-        c(u.$slots, "card-header"),
-        d("div", A, [
-          c(u.$slots, "default")
-        ]),
-        d("div", F, [
-          c(u.$slots, "card-actions")
-        ])
-      ], 2)) : s("", !0)
-    ], 2));
+          createElementVNode("div", _hoisted_7, [
+            renderSlot(_ctx.$slots, "card-actions")
+          ])
+        ], 2)) : createCommentVNode("", true)
+      ], 2);
+    };
   }
 });
 export {
-  O as default
+  _sfc_main as default
 };
+//# sourceMappingURL=EpCard.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EpCard.vue.js","sources":["../../../src/components/basics/EpCard.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { toRefs, computed, useSlots, type Slots } from \"vue\";\nimport EpIcon from \"~/components/basics/EpIcon.vue\";\nimport EpSvg from \"~/components/medias/EpSvg.vue\";\nimport useColors from \"~/composables/useColors\";\nimport { density_style } from \"~/types/Card\";\nimport { EpCardProps } from \"~/types/basics/EpCard\";\n\nconst props = withDefaults(defineProps<EpCardProps>(), {\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-full\",\n  isLink: false,\n});\n\n//styles card\nconst shadowCard = computed(() => {\n  return !props.flat ? \"shadow-lg\" : \"\";\n});\n\nconst borderColor = computed(() => {\n  if (props.outlined && props.color) {\n    return `border solid ${useColors(\"border\", props.color)}`;\n  }\n  if (props.outlined) {\n    return \"border solid border-primary dark:border-white\";\n  }\n  return \"dark:border dark:solid dark:border-white\";\n});\n\nconst isLinkStyle = computed(() => {\n  if (props.isLink) {\n    return \"dark:hover:border-white hover:border-primary hover:border hover:border rounded-md cursor-pointer\";\n  }\n  return \"\";\n});\n\nconst bgColor = computed(() => {\n  if (props.color && !props.outlined) {\n    return `${useColors(\"bg\", props.color)}`;\n  }\n  return `bg-white text-black`;\n});\n\nconst subTitleText = computed(() => {\n  if (props.color && !props.outlined) {\n    return \"text-white\";\n  }\n  return \"text-gray-600\";\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    ${bgColor.value} \n    ${props.maxWidth} \n    rounded-md \n    dark:bg-dark\n    dark:text-white\n    `;\n});\n\nconst { title, subtitle, icon, src, svg } = toRefs(props);\n\nconst slots: Slots = useSlots();\n\nconst hasContent = computed(() => {\n  return !!slots.default || !!props.title || !!props.subtitle || !!props.icon;\n});\n</script>\n<template>\n  <div :class=\"`${stylesCard} ${isLinkStyle}`\">\n    <img\n      v-if=\"src\"\n      :src=\"src\"\n      :class=\"`w-full ${hasContent ? 'rounded-t-md' : 'rounded-md'}`\"\n      alt=\"header card\"\n    />\n    <div v-if=\"!src && svg\" class=\"w-full rounded-t-md dark:text-white\">\n      <EpSvg :content=\"svg\" />\n    </div>\n\n    <div :class=\"density_class\" v-if=\"hasContent\">\n      <div\n        v-if=\"title || subtitle || icon\"\n        class=\"mb-2 flex items-center justify-between dark:text-white\"\n      >\n        <div>\n          <h3 class=\"text-2xl dark:text-white font-bold\">{{ title }}</h3>\n          <h4 :class=\"`text-xs dark:text-white ${subTitleText}`\">\n            {{ subtitle }}\n          </h4>\n        </div>\n        <div v-if=\"icon\">\n          <EpIcon :icon-path=\"icon\" extra-class=\"dark:text-white\" />\n        </div>\n      </div>\n      <slot name=\"card-header\" />\n      <div class=\"dark:text-white\">\n        <slot />\n      </div>\n      <div class=\"dark:text-white\">\n        <slot name=\"card-actions\" />\n      </div>\n    </div>\n  </div>\n</template>\n"],"names":["_createElementBlock","_normalizeClass","_unref","_openBlock","_createVNode","EpSvg","_createElementVNode","_toDisplayString","EpIcon","_renderSlot"],"mappings":"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"}

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

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

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

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

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

@@ -1,7 +1,7 @@
-import { defineComponent as m, computed as t, toRefs as z, createElementBlock as h, openBlock as a, normalizeClass as y, createBlock as o, createCommentVNode as s, renderSlot as C, unref as u } from "vue";
-import i from "./EpIcon.vue.js";
-import { sizeChipVariants as k, chipVariants as B } from "../../types/Chip.js";
-const P = /* @__PURE__ */ m({
+import { defineComponent, computed, toRefs, createElementBlock, openBlock, normalizeClass, createBlock, createCommentVNode, renderSlot, unref } from "vue";
+import _sfc_main$1 from "./EpIcon.vue.js";
+import { sizeChipVariants, chipVariants } from "../../types/Chip.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "EpChip",
   props: {
     type: { default: "base" },
@@ -9,41 +9,62 @@ const P = /* @__PURE__ */ m({
     outlined: { type: Boolean },
     appendIcon: { default: null },
     prependIcon: { default: null },
-    square: { type: Boolean, default: !1 },
-    dark: { type: Boolean, default: !1 }
+    square: { type: Boolean, default: false },
+    dark: { type: Boolean, default: false }
   },
-  setup(p) {
-    const e = p, c = t(() => e.outlined ? "outlined" : "default"), d = t(() => e.square ? "" : "rounded-full"), f = t(() => `
-     ${k[e.size]}
-     ${d.value}
-     ${B[e.type]?.[c.value]} 
-  `), r = t(() => {
-      if (e.size === "large")
+  setup(__props) {
+    const props = __props;
+    const isOutlined = computed(() => {
+      if (props.outlined) {
+        return "outlined";
+      }
+      return "default";
+    });
+    const typeChip = computed(() => {
+      return props.square ? "" : "rounded-full";
+    });
+    const stylesChip = computed(() => {
+      var _a;
+      return `
+     ${sizeChipVariants[props.size]}
+     ${typeChip.value}
+     ${(_a = chipVariants[props.type]) == null ? void 0 : _a[isOutlined.value]} 
+  `;
+    });
+    const sizeIcon = computed(() => {
+      if (props.size === "large") {
         return "30";
-      if (e.size === "medium")
+      }
+      if (props.size === "medium") {
         return "20";
-      if (e.size === "small")
+      }
+      if (props.size === "small") {
         return "15";
-    }), { appendIcon: l } = z(e);
-    return (n, I) => (a(), h("span", {
-      class: y(`${f.value} mx-2 cursor-default`)
-    }, [
-      n.prependIcon ? (a(), o(i, {
-        key: 0,
-        iconPath: n.prependIcon,
-        size: r.value,
-        extraClass: "mr-2"
-      }, null, 8, ["iconPath", "size"])) : s("", !0),
-      C(n.$slots, "default"),
-      u(l) ? (a(), o(i, {
-        key: 1,
-        iconPath: u(l),
-        size: r.value,
-        extraClass: "ml-2"
-      }, null, 8, ["iconPath", "size"])) : s("", !0)
-    ], 2));
+      }
+    });
+    const { appendIcon } = toRefs(props);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("span", {
+        class: normalizeClass(`${stylesChip.value} mx-2 cursor-default`)
+      }, [
+        _ctx.prependIcon ? (openBlock(), createBlock(_sfc_main$1, {
+          key: 0,
+          iconPath: _ctx.prependIcon,
+          size: sizeIcon.value,
+          extraClass: "mr-2"
+        }, null, 8, ["iconPath", "size"])) : createCommentVNode("", true),
+        renderSlot(_ctx.$slots, "default"),
+        unref(appendIcon) ? (openBlock(), createBlock(_sfc_main$1, {
+          key: 1,
+          iconPath: unref(appendIcon),
+          size: sizeIcon.value,
+          extraClass: "ml-2"
+        }, null, 8, ["iconPath", "size"])) : createCommentVNode("", true)
+      ], 2);
+    };
   }
 });
 export {
-  P as default
+  _sfc_main as default
 };
+//# sourceMappingURL=EpChip.vue.js.map

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

@@ -0,0 +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 { 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;;;;;"}

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

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

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

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

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

@@ -1,21 +1,33 @@
-import { defineComponent as n, computed as r, createElementBlock as s, openBlock as a, normalizeClass as u } from "vue";
-import c from "../../composables/useColors.js";
-const f = /* @__PURE__ */ n({
+import { defineComponent, computed, createElementBlock, openBlock, normalizeClass } from "vue";
+import useColors from "../../composables/useColors.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "EpDivider",
   props: {
     color: { default: null },
     size: { default: "border" },
-    inset: { type: Boolean, default: !1 },
+    inset: { type: Boolean, default: false },
     icon: { default: null },
     margin: { default: "my-2" }
   },
-  setup(o) {
-    const e = o, l = r(() => e.color ? `${e.size} ${c("border", e.color)}` : `${e.size} border-grey-700`), t = r(() => `${l.value} ${e.inset ? "w-9/12 mx-auto" : "w-full"} ${e.margin}`);
-    return (i, m) => (a(), s("hr", {
-      class: u(`h-px ${t.value}`)
-    }, null, 2));
+  setup(__props) {
+    const props = __props;
+    const border = computed(() => {
+      if (props.color) {
+        return `${props.size} ${useColors("border", props.color)}`;
+      }
+      return `${props.size} border-grey-700`;
+    });
+    const styles = computed(() => {
+      return `${border.value} ${props.inset ? "w-9/12 mx-auto" : "w-full"} ${props.margin}`;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("hr", {
+        class: normalizeClass(`h-px ${styles.value}`)
+      }, null, 2);
+    };
   }
 });
 export {
-  f as default
+  _sfc_main as default
 };
+//# sourceMappingURL=EpDivider.vue.js.map

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

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

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

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

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

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

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

@@ -1,12 +1,16 @@
-import { defineComponent as o, createElementBlock as t, openBlock as r, renderSlot as n } from "vue";
-const s = { class: "grid grid-cols-2 gap-4" }, p = /* @__PURE__ */ o({
+import { defineComponent, createElementBlock, openBlock, renderSlot } from "vue";
+const _hoisted_1 = { class: "grid grid-cols-2 gap-4" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "EpFlex",
-  setup(c) {
-    return (e, l) => (r(), t("div", s, [
-      n(e.$slots, "default")
-    ]));
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        renderSlot(_ctx.$slots, "default")
+      ]);
+    };
   }
 });
 export {
-  p as default
+  _sfc_main as default
 };
+//# sourceMappingURL=EpFlex.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EpFlex.vue.js","sources":["../../../src/components/basics/EpFlex.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/*\nimport { computed } from \"vue\";\nimport useColors from \"~/composables/useColors\";\n\nconst props = withDefaults(defineProps<EpFlexProps>(), {\n  color: null,\n  size: \"border\",\n  inset: false,\n  icon: null,\n});\n\nconst border = computed(() => {\n  if (props.color) {\n    return `${props.size} ${useColors(\"border\", props.color)}`;\n  }\n  return `${props.size} border-grey-700`;\n});\n\nconst styles = computed(() => {\n  return `${border.value} ${props.inset ? \"w-9/12 mx-auto\" : \"w-full\"}`;\n});*/\n</script>\n\n<template>\n  <!-- <hr :class=\"`h-px ${styles} my-2`\"> -->\n  <!-- Option: content-between self-center justify-evenly  place-items-stretch-->\n  <!-- mb-20 flex md:flex-row flex-col ep-flex gap-4 justify-evenly -->\n  <div class=\"grid grid-cols-2 gap-4\">\n    <slot />\n  </div>\n</template>\n\n//TODO component\n"],"names":["_openBlock","_createElementBlock","_renderSlot"],"mappings":";;;;;;AA4BE,aAAAA,UAAA,GAAAC,mBAEM,OAFN,YAEM;AAAA,QADJC,WAAQ,KAAA,QAAA,SAAA;AAAA,MAAA;;;;"}

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

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

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

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

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

@@ -1,6 +1,8 @@
-import { defineComponent as i, computed as r, createElementBlock as u, openBlock as c, renderSlot as p, createElementVNode as d, unref as f, normalizeClass as m, normalizeStyle as h } from "vue";
-import { useRenderText as x } from "../../composables/useRenderText.js";
-const v = { class: "relative group overflow-hidden bg-cover bg-no-repeat" }, g = ["innerHTML"], _ = /* @__PURE__ */ i({
+import { defineComponent, computed, createElementBlock, openBlock, renderSlot, createElementVNode, unref, normalizeClass, normalizeStyle } from "vue";
+import { useRenderText } from "../../composables/useRenderText.js";
+const _hoisted_1 = { class: "relative group overflow-hidden bg-cover bg-no-repeat" };
+const _hoisted_2 = ["innerHTML"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "EpHover",
   props: {
     bgColor: { default: "beige" },
@@ -10,27 +12,40 @@ const v = { class: "relative group overflow-hidden bg-cover bg-no-repeat" }, g =
     seeThrough: { type: Boolean },
     textSize: {}
   },
-  setup(a) {
-    const e = a, l = r(() => {
-      let t = "";
-      e.animation == "scale" ? t = "group-hover:scale-105" : e.animation == "translateY" ? t = "translate-y-96 group-hover:translate-y-0" : e.animation == "translateX" && (t = "translate-x-96 group-hover:translate-x-0");
-      let o = e.seeThrough ? "group-hover:opacity-90" : "group-hover:opacity-100", s = e.textSize ? e.textSize : "";
-      return t + " " + o + " " + s;
-    }), n = r(() => ({
-      backgroundColor: e.bgColor,
-      color: e.textColor
-    }));
-    return (t, o) => (c(), u("div", v, [
-      p(t.$slots, "default"),
-      d("div", {
-        style: h(n.value),
-        class: m(`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 ${l.value}`),
-        innerHTML: f(x)(t.text)
-      }, null, 14, g)
-    ]));
+  setup(__props) {
+    const props = __props;
+    const hoverstyle = computed(() => {
+      let css = "";
+      if (props.animation == "scale") css = `group-hover:scale-105`;
+      else if (props.animation == "translateY") {
+        css = `translate-y-96 group-hover:translate-y-0`;
+      } else if (props.animation == "translateX") {
+        css = `translate-x-96 group-hover:translate-x-0`;
+      }
+      let opacity = props.seeThrough ? "group-hover:opacity-90" : "group-hover:opacity-100";
+      let textSize = props.textSize ? props.textSize : "";
+      return css + " " + opacity + " " + textSize;
+    });
+    const styleObject = computed(() => {
+      return {
+        backgroundColor: props.bgColor,
+        color: props.textColor
+      };
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        renderSlot(_ctx.$slots, "default"),
+        createElementVNode("div", {
+          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)
+        }, null, 14, _hoisted_2)
+      ]);
+    };
   }
 });
 export {
-  _ as default
+  _sfc_main as default
 };
+//# sourceMappingURL=EpHover.vue.js.map

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

@@ -0,0 +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 { 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;;;;;"}

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

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

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

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