@wikicasa-dev/components 1.2.3 → 1.2.4

package/dist/components.js

@@ -1,5 +1,137 @@
-import "vue";
-import { a as r } from "./main-CH5Gft3f.js";
+import { defineComponent as c, openBlock as l, createElementBlock as d, normalizeClass as u, normalizeStyle as w, createElementVNode as $, ref as f, onBeforeMount as h, withModifiers as y, createBlock as b, createCommentVNode as k, renderSlot as v, createVNode as B } from "vue";
+const N = c({
+  name: "BaseIcon",
+  props: {
+    lazyLoading: { type: Boolean, default: !1 },
+    altAttribute: {
+      type: String,
+      default: ""
+    },
+    iconName: {
+      type: String,
+      default: ""
+    },
+    iconType: {
+      type: String,
+      default: "icon-md"
+    },
+    iconClass: {
+      type: String,
+      default: "tw-mr-5px"
+    }
+  }
+}), g = (t, a) => {
+  const o = t.__vccOpts || t;
+  for (const [s, r] of a)
+    o[s] = r;
+  return o;
+}, C = ["id", "alt", "src", "width", "height", "loading"];
+function S(t, a, o, s, r, p) {
+  return l(), d("img", {
+    id: t.$attrs.id,
+    class: u(["tw-inline-block", t.iconType, t.iconClass]),
+    alt: t.altAttribute || t.$attrs.alt,
+    style: w(t.$attrs.style),
+    src: t.$attrs.src ? t.$attrs.src : "",
+    width: t.$attrs.width,
+    height: t.$attrs.height,
+    loading: t.lazyLoading ? "lazy" : "eager"
+  }, null, 14, C);
+}
+const z = /* @__PURE__ */ g(N, [["render", S], ["__scopeId", "data-v-5d8617bb"]]), L = {
+  viewBox: "0 0 128 128",
+  class: "icon-spin tw-h-6 tw-w-6"
+}, I = ["stroke-width"], M = /* @__PURE__ */ c({
+  __name: "StaticSpinner",
+  props: {
+    thickness: { default: 9 },
+    color: { default: "tw-stroke-white" }
+  },
+  setup(t) {
+    return (a, o) => (l(), d("div", {
+      class: u(["tw-m-auto tw-flex tw-items-center tw-justify-center", a.color])
+    }, [
+      (l(), d("svg", L, [
+        $("circle", {
+          class: "path",
+          cx: "64",
+          cy: "64",
+          r: "42",
+          fill: "none",
+          "stroke-width": a.thickness
+        }, null, 8, I)
+      ]))
+    ], 2));
+  }
+}), A = /* @__PURE__ */ g(M, [["__scopeId", "data-v-a9cef034"]]), E = ["id", "data-cy", "type", "data-active", "disabled", "aria-labelledby"], V = /* @__PURE__ */ c({
+  __name: "BaseButton",
+  props: {
+    lazyLoadIcon: { type: Boolean, default: !0 },
+    btnClass: { default: "" },
+    iconName: { default: "" },
+    iconNameHovering: { default: "" },
+    iconClass: { default: "tw-mr-[5px]" },
+    isEmpty: { type: Boolean, default: !1 },
+    keepActive: { type: Boolean, default: !1 },
+    isLoading: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["mouseover", "mouseout", "click"],
+  setup(t) {
+    const a = t, o = f(!1), s = f("");
+    h(() => {
+      s.value = a.iconName ?? "";
+    });
+    const r = () => {
+      o.value = !0, a.iconNameHovering && m(a.iconNameHovering);
+    }, p = () => {
+      o.value = !1, a.iconNameHovering && m(a.iconName);
+    }, m = (e) => {
+      s.value = e;
+    };
+    return (e, n) => (l(), d("button", {
+      id: e.$attrs.id,
+      "data-cy": e.$attrs["data-cy"],
+      type: e.$attrs.type,
+      class: u([
+        {
+          "tw-btn": !e.isEmpty,
+          "tw-btn-empty": e.isEmpty,
+          "active tw-font-medium": e.keepActive,
+          "tw-flex tw-items-center tw-justify-center": e.iconName || e.isLoading
+        },
+        e.btnClass
+      ]),
+      style: w(e.$attrs.style),
+      "data-active": e.keepActive,
+      disabled: e.isLoading || e.disabled,
+      "aria-labelledby": e.$attrs.id,
+      onMouseover: n[0] || (n[0] = y((i) => {
+        r(), e.$emit("mouseover", i);
+      }, ["stop"])),
+      onMouseout: n[1] || (n[1] = y((i) => {
+        p(), e.$emit("mouseout", i);
+      }, ["stop"])),
+      onClick: n[2] || (n[2] = (i) => e.$emit("click", i))
+    }, [
+      e.iconName && !e.isLoading ? (l(), b(z, {
+        key: e.$attrs.id ? e.$attrs.id : `btn-${e.iconName}`,
+        "icon-name": s.value,
+        "icon-class": e.iconClass,
+        "alt-attribute": "button icon",
+        "lazy-loading": e.lazyLoadIcon
+      }, null, 8, ["icon-name", "icon-class", "lazy-loading"])) : k("", !0),
+      e.isLoading ? v(e.$slots, "spinner", { key: 2 }, () => [
+        B(A, {
+          color: e.btnClass.includes("tw-btn-light") ? "tw-stroke-black" : "tw-stroke-white"
+        }, null, 8, ["color"])
+      ]) : v(e.$slots, "default", {
+        key: 1,
+        hover: o.value
+      })
+    ], 46, E));
+  }
+});
 export {
-  r as BaseButton
+  V as BaseButton
 };