ep-lib-ts 1.0.58 → 1.0.60

package/dist/_virtual/_plugin-vue_export-helper.js

@@ -1,9 +1,11 @@
-const s = (t, e) => {
-  const o = t.__vccOpts || t;
-  for (const [r, c] of e)
-    o[r] = c;
-  return o;
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
 };
 export {
-  s as default
+  _export_sfc as default
 };
+//# sourceMappingURL=_plugin-vue_export-helper.js.map

package/dist/_virtual/_plugin-vue_export-helper.js.map

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

package/dist/_virtual/dynamic-import-helper.js

@@ -1,9 +1,11 @@
-const l = (r, n, t) => {
-  const e = r[n];
-  return e ? typeof e == "function" ? e() : Promise.resolve(e) : new Promise((i, o) => {
-    (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(o.bind(null, /* @__PURE__ */ new Error("Unknown variable dynamic import: " + n + (n.split("/").length !== t ? ". Note that variables only represent file names one level deep." : ""))));
+const __variableDynamicImportRuntimeHelper = (glob$1, path$13, segs) => {
+  const v = glob$1[path$13];
+  if (v) return typeof v === "function" ? v() : Promise.resolve(v);
+  return new Promise((_, reject) => {
+    (typeof queueMicrotask === "function" ? queueMicrotask : setTimeout)(reject.bind(null, /* @__PURE__ */ new Error("Unknown variable dynamic import: " + path$13 + (path$13.split("/").length !== segs ? ". Note that variables only represent file names one level deep." : ""))));
   });
 };
 export {
-  l as default
+  __variableDynamicImportRuntimeHelper as default
 };
+//# sourceMappingURL=dynamic-import-helper.js.map

package/dist/_virtual/dynamic-import-helper.js.map

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

package/dist/assets/ep-lib-ts.css

@@ -0,0 +1,235 @@
+
+.content[data-v-f7c467a7] {
+  max-height: 0;
+  overflow: hidden;
+}
+
+.modal-mask {
+  position: fixed;
+  z-index: 6998;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: rgba(0, 0, 0, 0.5);
+  display: flex;
+  transition: opacity 0.3s ease;
+}
+.modal-container {
+  margin: auto;
+  max-height: 95%;
+  transition: all 0.3s ease;
+  z-index: 7000;
+}
+.modal-header h3 {
+  margin-top: 0;
+  color: #42b983;
+}
+.modal-body {
+  margin: 20px 0;
+}
+.modal-default-button {
+  float: right;
+}
+.modal-enter-from {
+  opacity: 0;
+}
+.modal-leave-to {
+  opacity: 0;
+}
+.modal-enter-from .modal-container,
+.modal-leave-to .modal-container {
+  transform: scale(1.1);
+}
+
+.custom_index {
+  z-index: 9999;
+  position: absolute;
+  right: 12rem;
+}
+
+pre {
+  white-space: break-spaces;
+}
+
+.tree-wrapper[data-v-74d1794a] {
+  overflow: auto;
+  border: 1px solid #ddd;
+}
+.tree-container[data-v-74d1794a] {
+  width: 100%;
+  overflow-x: auto;
+}
+
+@keyframes fade-2a6d792e {
+0% {
+    opacity: 0;
+}
+100% {
+    opacity: 1;
+}
+}
+@keyframes scale-2a6d792e {
+0% {
+    transform: scale(0.5);
+    opacity: 0;
+}
+100% {
+    transform: scale(1);
+    opacity: 1;
+}
+}
+@keyframes slideY-2a6d792e {
+0% {
+    transform: translateY(-100%);
+    opacity: 0;
+}
+100% {
+    transform: translateY(0);
+    opacity: 1;
+}
+}
+
+/* Transition animation */
+.fade[data-v-2a6d792e] {
+  animation: fade-2a6d792e 1s;
+}
+.scale[data-v-2a6d792e] {
+  animation: scale-2a6d792e 1s;
+}
+.slideY[data-v-2a6d792e] {
+  animation: slideY-2a6d792e 1s;
+}
+
+.shape {
+  height: var(--e74a7594);
+  width: var(--68e48852);
+}
+
+.ep-info-box[data-v-82c73734] a {
+  text-decoration: underline;
+  font-weight: 500;
+}
+
+.v-enter-active[data-v-91694b55],
+.v-leave-active[data-v-91694b55] {
+  transition: opacity 0.5s ease;
+}
+.v-enter-from[data-v-91694b55],
+.v-leave-to[data-v-91694b55] {
+  opacity: 0;
+}
+
+.katex[data-v-c2d47687] {
+  font-size: 1.6em;
+}
+
+.content[data-v-30db13fc] {
+  max-height: 0;
+  overflow: hidden;
+}
+
+.list-enter-active,
+.list-leave-active {
+  transition: all 0.5s ease;
+}
+.list-enter-from,
+.list-leave-to {
+  opacity: 0;
+  transform: translateX(30px);
+}
+
+.arrow-light-top::before {
+  content: " ";
+  position: absolute;
+  top: 100%; /* At the bottom of the tooltip */
+  left: 50%;
+  margin-left: -5px;
+  border-width: 5px;
+  border-style: solid;
+  border-color: rgba(0, 0, 0, 0.2) transparent transparent transparent;
+}
+.arrow-dark-top::before {
+  content: " ";
+  position: absolute;
+  top: 100%; /* At the bottom of the tooltip */
+  left: 50%;
+  margin-left: -5px;
+  border-width: 5px;
+  border-style: solid;
+  border-color: black transparent transparent transparent;
+}
+.arrow-light-bottom::before {
+  content: "";
+  position: absolute;
+  display: inline-block;
+  left: 50%;
+  bottom: 100%;
+  border-right: 7px solid transparent;
+  border-bottom: 7px solid #eee;
+  border-left: 7px solid transparent;
+  border-bottom-color: rgba(0, 0, 0, 0.2);
+}
+.arrow-dark-bottom::before {
+  content: "";
+  position: absolute;
+  display: inline-block;
+  left: 50%;
+  bottom: 100%;
+  border-right: 7px solid transparent;
+  border-bottom: 7px solid black;
+  border-left: 7px solid transparent;
+  border-bottom-color: black transparent transparent transparent;
+}
+.arrow-light-left::before {
+  position: absolute;
+  display: inline-block;
+  left: 100%;
+  top: 50%;
+  content: "";
+  margin-right: 0px;
+  border-top: 5px solid transparent;
+  border-left: 5px solid #eee;
+  border-bottom: 5px solid transparent;
+  border-left-color: rgba(0, 0, 0, 0.2);
+}
+.arrow-dark-left::before {
+  position: absolute;
+  display: inline-block;
+  left: 100%;
+  top: 50%;
+  content: "";
+  margin-right: 0px;
+  border-top: 5px solid transparent;
+  border-left: 5px solid black;
+  border-bottom: 5px solid transparent;
+  border-left-color: black transparent transparent transparent;
+}
+.arrow-light-right::before {
+  position: absolute;
+  display: inline-block;
+  right: 100%;
+  top: 50%;
+  content: "";
+  margin-right: 0px;
+  border-top: 5px solid transparent;
+  border-right: 5px solid #eee;
+  border-bottom: 5px solid transparent;
+  border-right-color: rgba(0, 0, 0, 0.2);
+}
+.arrow-dark-right::before {
+  position: absolute;
+  display: inline-block;
+  right: 100%;
+  top: 50%;
+  content: "";
+  margin-right: 0px;
+  border-top: 5px solid transparent;
+  border-right: 5px solid black;
+  border-bottom: 5px solid transparent;
+  border-right-color: black transparent transparent transparent;
+}
+
+.sensible-content[data-v-6d05cf69] {
+  position: relative;
+}

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

@@ -1,6 +1,9 @@
-import { defineComponent as d, computed as t, createElementBlock as r, openBlock as a, createCommentVNode as f, createElementVNode as n, normalizeClass as s, toDisplayString as p } from "vue";
-import { typeAvatar as v } from "../../types/Avatar.js";
-const _ = { key: 0 }, y = ["src", "alt"], h = { key: 1 }, $ = /* @__PURE__ */ d({
+import { defineComponent, computed, createElementBlock, openBlock, createCommentVNode, createElementVNode, normalizeClass, toDisplayString } from "vue";
+import { typeAvatar } from "../../types/Avatar.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: "" },
@@ -10,23 +13,46 @@ const _ = { key: 0 }, y = ["src", "alt"], h = { key: 1 }, $ = /* @__PURE__ */ d(
     variant: { default: "circle" },
     name: { default: "" }
   },
-  setup(o) {
-    const e = o, c = t(() => e.variant), i = t(() => e.size), l = t(() => `${v[c.value]?.[i.value]}`), u = t(() => " bg-" + e.color), m = t(() => e.name.length > 2 ? e.name.slice(0, 2) : e.name);
-    return (g, k) => (a(), r("div", null, [
-      e.src != "" ? (a(), r("div", _, [
-        n("img", {
-          src: e.src,
-          alt: e.alt,
-          class: s(`${l.value} `)
-        }, null, 10, y)
-      ])) : e.src == "" ? (a(), r("div", h, [
-        n("div", {
-          class: s(`${l.value}  ${u.value}  justify-center font-bold text-white flex items-center`)
-        }, p(m.value), 3)
-      ])) : f("", !0)
-    ]));
+  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 " bg-" + 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 {
-  $ as default
+  _sfc_main as default
 };
+//# sourceMappingURL=EpAvatar.vue.js.map

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

@@ -0,0 +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 { EpAvatarProps } from \"~/types/basics/EpAvatar\";\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 \" bg-\" + 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":";;;;;;;;;;;;;;;;AAMA,UAAM,QAAQ;AASd,UAAM,QAAQ,SAAS,MAAM;AAC3B,aAAO,MAAM;AAAA,IACf,CAAC;AAED,UAAM,OAAO,SAAS,MAAM;AAC1B,aAAO,MAAM;AAAA,IACf,CAAC;AAED,UAAM,cAAc,SAAS,MAAM;;AACjC,aAAO,IAAG,gBAAW,MAAM,KAAK,MAAtB,mBAA0B,KAAK,MAAM;AAAA,IACjD,CAAC;AAED,UAAM,UAAU,SAAS,MAAM;AAC7B,aAAO,SAAS,MAAM;AAAA,IACxB,CAAC;AAED,UAAM,aAAa,SAAS,MAAM;AAChC,UAAI,MAAM,KAAK,SAAS,GAAG;AACzB,eAAO,MAAM,KAAK,MAAM,GAAG,CAAC;AAAA,MAC9B,OAAO;AACL,eAAO,MAAM;AAAA,MACf;AAAA,IACF,CAAC;;0BAGCA,mBAWM,OAAA,MAAA;AAAA,QAVO,MAAM,OAAG,mBAApBA,mBAEM,OAAA,YAAA;AAAA,UADJC,mBAAoE,OAAA;AAAA,YAA9D,KAAK,MAAM;AAAA,YAAM,KAAK,MAAM;AAAA,YAAM,yBAAU,YAAA,KAAW,GAAA;AAAA,UAAA;cAE/C,MAAM,OAAG,mBAAzBD,mBAMM,OAAA,YAAA;AAAA,UALJC,mBAIM,OAAA;AAAA,YAHH,OAAKC,eAAA,GAAK,YAAA,KAAW,KAAK,QAAA,KAAO,yDAAA;AAAA,UAAA,mBAE/B,WAAA,KAAU,GAAA,CAAA;AAAA,QAAA;;;;;"}

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

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

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

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

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

@@ -1,22 +1,5 @@
-import { defineComponent as a, computed as r, toRefs as l, createElementBlock as s, openBlock as d, createElementVNode as p } from "vue";
-import t from "../../composables/useColors.js";
-const u = { class: "p-12 bg-warning-light w-[50%] mx-auto border-2 border-warning dark:bg-warning-dark" }, g = /* @__PURE__ */ a({
-  __name: "EpBadge",
-  props: {
-    color: { default: "primary" },
-    outlined: { type: Boolean },
-    square: { type: Boolean, default: !1 },
-    iconPath: { default: null }
-  },
-  setup(n) {
-    const e = n;
-    r(() => e.outlined ? t("border", e.color) : t("bg", e.color)), r(() => e.square ? "" : "rounded-full");
-    const { iconPath: c } = l(e);
-    return (i, o) => (d(), s("div", u, [...o[0] || (o[0] = [
-      p("p", { class: "text-center text-error font-bold uppercase" }, "In progress", -1)
-    ])]));
-  }
-});
+import _sfc_main from "./EpBadge.vue2.js";
 export {
-  g as default
+  _sfc_main as default
 };
+//# sourceMappingURL=EpBadge.vue.js.map

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

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

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

@@ -1,4 +1,31 @@
-import f from "./EpBadge.vue.js";
+import { defineComponent, computed, toRefs, createElementBlock, openBlock, createElementVNode } from "vue";
+import useColors from "../../composables/useColors.js";
+const _hoisted_1 = { class: "p-12 bg-warning-light w-[50%] mx-auto border-2 border-warning dark:bg-warning-dark" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "EpBadge",
+  props: {
+    color: { default: "primary" },
+    outlined: { type: Boolean },
+    square: { type: Boolean, default: false },
+    iconPath: { default: null }
+  },
+  setup(__props) {
+    const props = __props;
+    computed(() => {
+      return props.outlined ? useColors("border", props.color) : useColors("bg", props.color);
+    });
+    computed(() => {
+      return props.square ? "" : "rounded-full";
+    });
+    toRefs(props);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [..._cache[0] || (_cache[0] = [
+        createElementVNode("p", { class: "text-center text-error font-bold uppercase" }, "In progress", -1)
+      ])]);
+    };
+  }
+});
 export {
-  f as default
+  _sfc_main as default
 };
+//# sourceMappingURL=EpBadge.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EpBadge.vue2.js","sources":["../../../src/components/basics/EpBadge.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { toRefs, computed } from \"vue\";\nimport useColors from \"~/composables/useColors\";\nimport { EpBadgeProps } from \"~/types/basics/EpBadge\";\n\nconst props = withDefaults(defineProps<EpBadgeProps>(), {\n  color: \"primary\",\n  square: false,\n  iconPath: null,\n});\n\nconst styleChip = computed(() => {\n  return props.outlined\n    ? useColors(\"border\", props.color)\n    : useColors(\"bg\", props.color);\n});\n\nconst typeChip = computed(() => {\n  return props.square ? \"\" : \"rounded-full\";\n});\n\nconst { iconPath } = toRefs(props);\n\n/*\n//image gallery\n\"labelRef\": \"Reference\",\n\"labelClose\": \"Close\",\n\"labelRefLib\": \"Reference Library\",\n\n\n//reading\n\"labelCard\": \"Reading\",\n\"labelRead\": \"Read\",\n\"labelIn\": \"In\",\n\"labelIntentions\": \"Important topics\",\n\"labelDetails\":\"details\",\n\"labelClose\":\"Close\",\n\n\n//video\n\"labelIntentions\": \"Important topics\"\n\n\n//quiz\n\"labelNoAnswer\":\"Please choose an answer.\",\n\"labelAnswerBtn\" : \"Submit\",\n\"labelTryAgainBtn\": \"Try Again\",\n\n\nCompulsory\nOptional\n*/\n</script>\n\n<template>\n  <!-- <span :class=\"`py-2 px-3 ${styleChip} ${typeChip} mx-2 text-sm`\">\n    <EpIcon v-if=\"icon\" :iconPath=\"icon\" size=\"20\" extraClass=\"mr-2\"/>\n    <slot/>\n  </span> -->\n  <!--\n  <span class=\"text-white badge absolute -top-1 -right-1 flex h-3 w-3\">\n    <span class=\"animate-ping absolute inline-flex h-full w-full rounded-full bg-red-400 opacity-75\"/>\n    <span class=\"relative inline-flex rounded-full h-3 w-3 bg-red-500\">\n    \n      <EpIcon v-if=\"iconPath\" :iconPath=\"iconPath\" size=\"32\" extra-class=\"p-1\"/>\n    </span>\n  </span>-->\n  <div\n    class=\"p-12 bg-warning-light w-[50%] mx-auto border-2 border-warning dark:bg-warning-dark\"\n  >\n    <p class=\"text-center text-error font-bold uppercase\">In progress</p>\n  </div>\n</template>\n"],"names":["_openBlock","_createElementBlock","_createElementVNode"],"mappings":";;;;;;;;;;;;AAKA,UAAM,QAAQ;AAMI,aAAS,MAAM;AAC/B,aAAO,MAAM,WACT,UAAU,UAAU,MAAM,KAAK,IAC/B,UAAU,MAAM,MAAM,KAAK;AAAA,IACjC,CAAC;AAEgB,aAAS,MAAM;AAC9B,aAAO,MAAM,SAAS,KAAK;AAAA,IAC7B,CAAC;AAEoB,WAAO,KAAK;;AA8C/B,aAAAA,UAAA,GAAAC,mBAIM,OAJN,YAIM,CAAA,GAAA,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA;AAAA,QADJC,mBAAqE,KAAA,EAAlE,OAAM,6CAAA,GAA6C,eAAW,EAAA;AAAA,MAAA;;;;"}

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

@@ -1,13 +1,15 @@
-import { defineComponent as $, computed as r, toRefs as B, createElementBlock as p, openBlock as l, unref as t, normalizeClass as m, createBlock as i, createCommentVNode as u, renderSlot as y } from "vue";
-import d from "./EpIcon.vue.js";
-import { bgVariants as h, sizeVariants as C } from "../../types/Btn.js";
-const x = ["disabled"], _ = ["disabled", "href"], V = /* @__PURE__ */ $({
+import { defineComponent, computed, toRefs, createElementBlock, openBlock, unref, normalizeClass, createBlock, createCommentVNode, renderSlot } from "vue";
+import _sfc_main$1 from "./EpIcon.vue.js";
+import { bgVariants, sizeVariants } from "../../types/Btn.js";
+const _hoisted_1 = ["disabled"];
+const _hoisted_2 = ["disabled", "href"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "EpBtn",
   props: {
     type: { default: "base" },
     disabled: { type: Boolean },
     block: { type: Boolean },
-    rounded: { type: Boolean, default: !1 },
+    rounded: { type: Boolean, default: false },
     size: { default: "medium" },
     appendIcon: { default: null },
     prependIcon: { default: null },
@@ -16,64 +18,88 @@ const x = ["disabled"], _ = ["disabled", "href"], V = /* @__PURE__ */ $({
     extraClass: { default: null },
     href: {}
   },
-  setup(z) {
-    const e = z, b = r(() => e.outlined ? "outlined" : "default"), k = r(() => e.text ? `${h[e.type].text}` : `${h[e.type]?.[b.value]}`), c = r(() => `
+  setup(__props) {
+    const props = __props;
+    const isOutlined = computed(() => {
+      if (props.outlined) {
+        return "outlined";
+      }
+      return "default";
+    });
+    const styleBtn = computed(() => {
+      var _a;
+      if (props.text) {
+        return `${bgVariants[props.type].text}`;
+      }
+      return `${(_a = bgVariants[props.type]) == null ? void 0 : _a[isOutlined.value]}`;
+    });
+    const styles = computed(() => {
+      return `
   transition
   font-medium
-  ${k.value}
-  ${C[e.size]} 
-  ${e.disabled ? "opacity-50" : ""} 
-  ${e.block ? "w-full block" : ""} 
-  ${e.rounded ? "rounded-md" : ""}
-  ${e.extraClass ? e.extraClass : "transition"}`), a = r(() => {
-      if (e.size === "large")
+  ${styleBtn.value}
+  ${sizeVariants[props.size]} 
+  ${props.disabled ? "opacity-50" : ""} 
+  ${props.block ? "w-full block" : ""} 
+  ${props.rounded ? "rounded-md" : ""}
+  ${props.extraClass ? props.extraClass : "transition"}`;
+    });
+    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";
-    }), { disabled: f, prependIcon: n, appendIcon: s } = B(e);
-    return (o, v) => o.href ? (l(), p("a", {
-      key: 1,
-      class: m(`${c.value} flex justify-center items-center`),
-      disabled: t(f),
-      href: o.href,
-      target: "_blank"
-    }, [
-      t(n) ? (l(), i(d, {
+      }
+    });
+    const { disabled, prependIcon, appendIcon } = toRefs(props);
+    return (_ctx, _cache) => {
+      return !_ctx.href ? (openBlock(), createElementBlock("button", {
         key: 0,
-        iconPath: t(n),
-        size: a.value,
-        extraClass: "mr-2"
-      }, null, 8, ["iconPath", "size"])) : u("", !0),
-      y(o.$slots, "default"),
-      t(s) ? (l(), i(d, {
+        class: normalizeClass(styles.value),
+        disabled: unref(disabled)
+      }, [
+        unref(prependIcon) ? (openBlock(), createBlock(_sfc_main$1, {
+          key: 0,
+          iconPath: unref(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)
+      ], 10, _hoisted_1)) : (openBlock(), createElementBlock("a", {
         key: 1,
-        iconPath: t(s),
-        size: a.value,
-        extraClass: "ml-2"
-      }, null, 8, ["iconPath", "size"])) : u("", !0)
-    ], 10, _)) : (l(), p("button", {
-      key: 0,
-      class: m(c.value),
-      disabled: t(f)
-    }, [
-      t(n) ? (l(), i(d, {
-        key: 0,
-        iconPath: t(n),
-        size: a.value,
-        extraClass: "mr-2"
-      }, null, 8, ["iconPath", "size"])) : u("", !0),
-      y(o.$slots, "default"),
-      t(s) ? (l(), i(d, {
-        key: 1,
-        iconPath: t(s),
-        size: a.value,
-        extraClass: "ml-2"
-      }, null, 8, ["iconPath", "size"])) : u("", !0)
-    ], 10, x));
+        class: normalizeClass(`${styles.value} flex justify-center items-center`),
+        disabled: unref(disabled),
+        href: _ctx.href,
+        target: "_blank"
+      }, [
+        unref(prependIcon) ? (openBlock(), createBlock(_sfc_main$1, {
+          key: 0,
+          iconPath: unref(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)
+      ], 10, _hoisted_2));
+    };
   }
 });
 export {
-  V as default
+  _sfc_main as default
 };
+//# sourceMappingURL=EpBtn.vue.js.map

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

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

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

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

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

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