@zealsolutions/zeal-ui 1.0.0-alpha.361 → 1.0.0-alpha.362

package/dist/Tooltip-CQjz2EXM.js

@@ -0,0 +1,115 @@
+import { ref as r, onUnmounted as M, openBlock as y, createElementBlock as L, Fragment as z, createElementVNode as m, renderSlot as B, createBlock as X, Teleport as D, withDirectives as N, normalizeStyle as $, createTextVNode as C, toDisplayString as F, normalizeClass as P, vShow as V, nextTick as Y } from "vue";
+const s = r(null);
+function q() {
+  function e(t) {
+    s.value && s.value !== t && s.value.hideImmediate(), s.value = t;
+  }
+  function n(t) {
+    s.value === t && (s.value = null);
+  }
+  return {
+    register: e,
+    unregister: n
+  };
+}
+function H({ rect: e, scrollX: n = 0, scrollY: t = 0, position: v = "top", offset: u = 20 }) {
+  const l = v === "bottom", c = e.left + n + e.width / 2, p = l ? e.bottom + t + u : e.top + t - u;
+  return {
+    top: `${Math.round(p)}px`,
+    left: `${Math.round(c)}px`,
+    transform: l ? "translateX(-50%)" : "translateX(-50%) translateY(-100%)",
+    position: "absolute",
+    pointerEvents: "none"
+  };
+}
+const I = { class: "px-4 py-2 text-center pointer-events-none" }, U = {
+  __name: "Tooltip",
+  props: {
+    text: {
+      type: String,
+      required: !0
+    },
+    position: {
+      type: String,
+      default: "top"
+      // 'top', 'bottom', 'left', 'right'
+    },
+    offset: {
+      type: Number,
+      default: 20
+      // Offset from the trigger element
+    }
+  },
+  setup(e) {
+    const n = e, { register: t, unregister: v } = q(), u = {
+      hideImmediate: w
+    }, l = r(!1);
+    let c = null, p = null;
+    const d = r(!1), b = r(null), T = r(null), g = r({ top: "0px", left: "0px" });
+    function h() {
+      const o = b.value, i = T.value;
+      if (!o || !i)
+        return;
+      const a = o.getBoundingClientRect(), k = window.scrollY || document.documentElement.scrollTop, S = window.scrollX || document.documentElement.scrollLeft;
+      g.value = H({ rect: a, scrollX: S, scrollY: k, position: n.position, offset: n.offset });
+    }
+    function f() {
+      clearTimeout(p), p = setTimeout(() => {
+        h();
+      }, 50);
+    }
+    function E() {
+      d.value || (clearTimeout(c), t(u), l.value = !0, d.value = !0, Y(() => {
+        setTimeout(() => {
+          h();
+        }, 0);
+      }), window.addEventListener("scroll", f), window.addEventListener("resize", f));
+    }
+    function x() {
+      l.value = !1, c = setTimeout(() => {
+        l.value || w();
+      }, 100);
+    }
+    function w() {
+      d.value = !1, v(u), window.removeEventListener("scroll", f), window.removeEventListener("resize", f);
+    }
+    return M(() => {
+      w();
+    }), (o, i) => (y(), L(z, null, [
+      m("span", {
+        ref_key: "triggerEl",
+        ref: b,
+        onMouseenter: E,
+        onMouseleave: x,
+        onFocus: i[0] || (i[0] = (...a) => o.showTooltip && o.showTooltip(...a)),
+        onBlur: i[1] || (i[1] = (...a) => o.hideTooltip && o.hideTooltip(...a)),
+        tabindex: "0",
+        class: "inline-block will-change"
+      }, [
+        B(o.$slots, "default")
+      ], 544),
+      (y(), X(D, { to: "body" }, [
+        N(m("div", {
+          class: "absolute z-50 bg-black-950 text-white font-semibold text-xs text-center rounded whitespace-nowrap pointer-events-none transition-none",
+          style: $(g.value),
+          ref_key: "tooltipEl",
+          ref: T,
+          onMouseenter: E,
+          onMouseleave: x
+        }, [
+          m("div", I, [
+            C(F(e.text) + " ", 1),
+            m("span", {
+              class: P(["absolute left-1/2 w-2 h-2 bg-black-950 rotate-45 -translate-x-1/2 pointer-events-none", e.position === "bottom" ? "-top-1" : "-bottom-1"])
+            }, null, 2)
+          ])
+        ], 36), [
+          [V, d.value]
+        ])
+      ]))
+    ], 64));
+  }
+};
+export {
+  U as _
+};

package/dist/components/header/index.js

@@ -1,7 +1,7 @@
 import { openBlock as a, createElementBlock as u, createVNode as T, createElementVNode as r, createTextVNode as j, mergeModels as ne, useModel as ke, getCurrentInstance as ce, ref as k, computed as $, watch as K, nextTick as oe, onMounted as ge, onBeforeUnmount as we, createBlock as I, Teleport as Ce, withModifiers as N, withDirectives as G, vModelText as $e, createCommentVNode as v, normalizeClass as M, toDisplayString as b, Fragment as H, renderList as P, normalizeStyle as q, pushScopeId as Se, popScopeId as _e, Transition as ue, withCtx as F, resolveDynamicComponent as de, unref as Q, vShow as pe, renderSlot as R } from "vue";
 import Me from "../../HouseIcon-BxmNyxvv.js";
 import Te from "../../ArrowLeftIcon-Cgsy08pY.js";
-import { _ as Ae } from "../../Tooltip-9q1tA0wI.js";
+import { _ as Ae } from "../../Tooltip-CQjz2EXM.js";
 import fe from "../../MagnifyingGlassIcon-ChYNIA-H.js";
 import { _ as Ie } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 import { o as xe } from "../../index-D9ihCfA2.js";

package/dist/components/tooltips/index.js

@@ -1,5 +1,5 @@
 import { _ as r } from "../../BaseTooltip-CcnCHpL4.js";
-import { _ as a } from "../../Tooltip-9q1tA0wI.js";
+import { _ as a } from "../../Tooltip-CQjz2EXM.js";
 export {
   r as BaseTooltip,
   a as Tooltip

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zealsolutions/zeal-ui",
-  "version": "1.0.0-alpha.361",
+  "version": "1.0.0-alpha.362",
   "description": "UI library for Zeal Solutions",
   "author": "Zeal Solutions",
   "license": "ISC",

package/dist/Tooltip-9q1tA0wI.js

@@ -1,110 +0,0 @@
-import { ref as i, onUnmounted as z, openBlock as y, createElementBlock as D, Fragment as N, createElementVNode as a, renderSlot as Y, createBlock as $, Teleport as F, withDirectives as P, normalizeStyle as V, createTextVNode as W, toDisplayString as _, vShow as q, nextTick as C } from "vue";
-const l = i(null);
-function H() {
-  function s(n) {
-    l.value && l.value !== n && l.value.hideImmediate(), l.value = n;
-  }
-  function c(n) {
-    l.value === n && (l.value = null);
-  }
-  return {
-    register: s,
-    unregister: c
-  };
-}
-const I = { class: "px-4 py-2 text-center pointer-events-none" }, R = /* @__PURE__ */ a("span", { class: "fixed left-1/2 -bottom-1 w-2 h-2 bg-black-950 rotate-45 -translate-x-1/2 pointer-events-none" }, null, -1), j = {
-  __name: "Tooltip",
-  props: {
-    text: {
-      type: String,
-      required: !0
-    },
-    position: {
-      type: String,
-      default: "top"
-      // 'top', 'bottom', 'left', 'right'
-    },
-    offset: {
-      type: Number,
-      default: 20
-      // Offset from the trigger element
-    }
-  },
-  setup(s) {
-    const c = s, { register: n, unregister: k } = H(), f = {
-      hideImmediate: p
-    }, d = i(!1);
-    let v = null, m = null;
-    const r = i(!1), w = i(null), g = i(null), T = i({ top: "0px", left: "0px" });
-    function h() {
-      const e = w.value, t = g.value;
-      if (!e || !t)
-        return;
-      const o = e.getBoundingClientRect(), E = t.offsetWidth, M = window.scrollY || document.documentElement.scrollTop, S = window.scrollX || document.documentElement.scrollLeft, L = o.left + S + o.width / 2, B = o.top + M - c.offset, X = L - E / 2;
-      T.value = {
-        top: `${Math.round(B)}px`,
-        left: `${Math.round(X)}px`,
-        transform: "translateY(-100%) translateX(-50%) translateX(" + (E - 16) / 2 + "px)",
-        // Adjust for tooltip width and padding
-        position: "absolute",
-        pointerEvents: "none"
-      };
-    }
-    function u() {
-      clearTimeout(m), m = setTimeout(() => {
-        h();
-      }, 50);
-    }
-    function x() {
-      r.value || (clearTimeout(v), n(f), d.value = !0, r.value = !0, C(() => {
-        setTimeout(() => {
-          h();
-        }, 0);
-      }), window.addEventListener("scroll", u), window.addEventListener("resize", u));
-    }
-    function b() {
-      d.value = !1, v = setTimeout(() => {
-        d.value || p();
-      }, 100);
-    }
-    function p() {
-      r.value = !1, k(f), window.removeEventListener("scroll", u), window.removeEventListener("resize", u);
-    }
-    return z(() => {
-      p();
-    }), (e, t) => (y(), D(N, null, [
-      a("span", {
-        ref_key: "triggerEl",
-        ref: w,
-        onMouseenter: x,
-        onMouseleave: b,
-        onFocus: t[0] || (t[0] = (...o) => e.showTooltip && e.showTooltip(...o)),
-        onBlur: t[1] || (t[1] = (...o) => e.hideTooltip && e.hideTooltip(...o)),
-        tabindex: "0",
-        class: "inline-block will-change"
-      }, [
-        Y(e.$slots, "default")
-      ], 544),
-      (y(), $(F, { to: "body" }, [
-        P(a("div", {
-          class: "absolute z-50 bg-black-950 text-white font-semibold text-xs text-center rounded whitespace-nowrap pointer-events-none transition-none",
-          style: V(T.value),
-          ref_key: "tooltipEl",
-          ref: g,
-          onMouseenter: x,
-          onMouseleave: b
-        }, [
-          a("div", I, [
-            W(_(s.text) + " ", 1),
-            R
-          ])
-        ], 36), [
-          [q, r.value]
-        ])
-      ]))
-    ], 64));
-  }
-};
-export {
-  j as _
-};