@zealsolutions/zeal-ui 1.0.0-alpha.360 → 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,16 +1,17 @@
-import { openBlock as a, createElementBlock as u, createVNode as T, createElementVNode as r, createTextVNode as j, mergeModels as te, useModel as ke, getCurrentInstance as ie, ref as k, computed as $, watch as K, nextTick as ne, onMounted as ge, onBeforeUnmount as we, createBlock as E, 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 ce, withCtx as ue, resolveDynamicComponent as de, unref as F, vShow as pe, renderSlot as V } from "vue";
+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-CQjz2EXM.js";
 import fe from "../../MagnifyingGlassIcon-ChYNIA-H.js";
-import { _ as Ae } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+import { _ as Ie } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 import { o as xe } from "../../index-D9ihCfA2.js";
-import oe from "../../BellIcon-lK5EZXNf.js";
-import Ie from "../../CircleCheckIcon-CA15yXgI.js";
-import Ee from "../../XMarkIcon-DKJ_--uA.js";
-const Ne = /* @__PURE__ */ r("span", { class: "hidden whitespace-nowrap sm:inline" }, "Search", -1), He = /* @__PURE__ */ r("kbd", { class: "zui-search-kbd hidden items-center gap-px rounded border-[1px] border-proclusteal-300 dark:border-line bg-proclusteal-100 dark:bg-surface px-[5px] py-0.5 font-sans text-[11px] font-bold leading-none text-proclusteal-500 dark:text-content-muted sm:inline-flex" }, [
+import ae from "../../BellIcon-lK5EZXNf.js";
+import Ee from "../../CircleCheckIcon-CA15yXgI.js";
+import Ne from "../../XMarkIcon-DKJ_--uA.js";
+const He = /* @__PURE__ */ r("span", { class: "hidden whitespace-nowrap sm:inline" }, "Search", -1), Oe = /* @__PURE__ */ r("kbd", { class: "zui-search-kbd hidden items-center gap-px rounded border-[1px] border-proclusteal-300 dark:border-line bg-proclusteal-100 dark:bg-surface px-[5px] py-0.5 font-sans text-[11px] font-bold leading-none text-proclusteal-500 dark:text-content-muted sm:inline-flex" }, [
   /* @__PURE__ */ r("span", null, "⌘"),
   /* @__PURE__ */ j("K ")
-], -1), Oe = {
+], -1), Le = {
   __name: "GlobalSearchPill",
   emits: ["click"],
   setup(e) {
@@ -22,8 +23,8 @@ const Ne = /* @__PURE__ */ r("span", { class: "hidden whitespace-nowrap sm:inlin
       onClick: o[0] || (o[0] = (y) => i.$emit("click"))
     }, [
       T(fe, { class: "!h-[15px] !w-[15px] flex-none text-proclusteal-950 dark:text-focus" }),
-      Ne,
-      He
+      He,
+      Oe
     ]));
   }
 }, D = {
@@ -39,15 +40,15 @@ const Ne = /* @__PURE__ */ r("span", { class: "hidden whitespace-nowrap sm:inlin
   EDS: { label: "Equipment Data", colour: "#708090", icon: '<path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"/><rect x="8" y="2" width="8" height="4" rx="1" ry="1"/><line x1="8" y1="12" x2="16" y2="12"/><line x1="8" y1="16" x2="14" y2="16"/>' },
   TIS: { label: "Training Sheets", colour: "#4682b4", icon: '<line x1="8" y1="6" x2="21" y2="6"/><line x1="8" y1="12" x2="21" y2="12"/><line x1="8" y1="18" x2="21" y2="18"/><line x1="3" y1="6" x2="3.01" y2="6"/><line x1="3" y1="12" x2="3.01" y2="12"/><line x1="3" y1="18" x2="3.01" y2="18"/>' },
   Training: { label: "Training", colour: "#3f7cac", icon: '<path d="M22 10 12 5 2 10l10 5 10-5z"/><path d="M6 12v5c0 1 2.7 3 6 3s6-2 6-3v-5"/>' }
-}, Le = {
+}, ze = {
   colour: "#9aa4ad",
   icon: '<circle cx="11" cy="11" r="7"/><line x1="21" y1="21" x2="16.65" y2="16.65"/>'
 };
-function ze(e, i = {}) {
+function De(e, i = {}) {
   const o = { ...D, ...i };
-  return Object.prototype.hasOwnProperty.call(o, e) ? o[e] : { ...Le, label: e };
+  return Object.prototype.hasOwnProperty.call(o, e) ? o[e] : { ...ze, label: e };
 }
-function De(e) {
+function je(e) {
   return (e == null ? "" : String(e)).replace(/[&<>"']/g, (i) => ({
     "&": "&amp;",
     "<": "&lt;",
@@ -76,23 +77,23 @@ function O(e) {
   }
   return o.protocol === "http:" || o.protocol === "https:" ? i : "";
 }
-function je(e) {
+function Pe(e) {
   return String(e || "").toLowerCase().split(/\s+/).filter((i) => i.length >= 2);
 }
-function ae(e, i) {
-  const o = De(e);
+function re(e, i) {
+  const o = je(e);
   if (!i || !i.length)
     return o;
   const y = new RegExp(`(${i.map((p) => p.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")).join("|")})`, "ig");
   return o.replace(y, "<mark>$1</mark>");
 }
-const Pe = (e) => (Se("data-v-80fd510b"), e = e(), _e(), e), Ue = { class: "zui-search-field flex items-center gap-2.5 border-b-[1px] border-proclusteal-200 dark:border-line px-4 py-3.5" }, Be = ["placeholder"], Re = {
+const Ue = (e) => (Se("data-v-80fd510b"), e = e(), _e(), e), Be = { class: "zui-search-field flex items-center gap-2.5 border-b-[1px] border-proclusteal-200 dark:border-line px-4 py-3.5" }, Re = ["placeholder"], Ve = {
   key: 0,
   class: "px-[18px] pb-0.5 pt-3.5 text-[15px] font-extrabold text-[#1e262c] dark:text-content"
-}, Ve = {
+}, Ke = {
   key: 1,
   class: "border-b-[1px] border-proclusteal-200 dark:border-line px-[18px] pb-3 pt-2.5"
-}, Ke = ["onClick"], qe = { class: "zui-search-group sticky top-0 z-[1] border-t-[1px] border-proclusteal-200 dark:border-line bg-proclusteal-150 dark:bg-surface px-[18px] py-2 text-[12px] font-extrabold tracking-[0.3px] text-proclusteal-700 dark:text-content" }, Ge = { class: "ml-0.5 text-[#667079] dark:text-content-muted" }, Fe = ["href", "data-row-idx", "onClick", "onMouseenter"], Qe = ["innerHTML"], Ye = { class: "min-w-0 flex-1" }, Xe = ["innerHTML"], Je = ["innerHTML"], We = /* @__PURE__ */ Pe(() => /* @__PURE__ */ r("svg", {
+}, qe = ["onClick"], Ge = { class: "zui-search-group sticky top-0 z-[1] border-t-[1px] border-proclusteal-200 dark:border-line bg-proclusteal-150 dark:bg-surface px-[18px] py-2 text-[12px] font-extrabold tracking-[0.3px] text-proclusteal-700 dark:text-content" }, Fe = { class: "ml-0.5 text-[#667079] dark:text-content-muted" }, Qe = ["href", "data-row-idx", "onClick", "onMouseenter"], Ye = ["innerHTML"], Xe = { class: "min-w-0 flex-1" }, Je = ["innerHTML"], We = ["innerHTML"], Ze = /* @__PURE__ */ Ue(() => /* @__PURE__ */ r("svg", {
   class: "h-4 w-4 flex-none text-[#c2cad1] dark:text-content-muted",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -102,9 +103,9 @@ const Pe = (e) => (Se("data-v-80fd510b"), e = e(), _e(), e), Ue = { class: "zui-
   "stroke-linejoin": "round"
 }, [
   /* @__PURE__ */ r("polyline", { points: "9 18 15 12 9 6" })
-], -1)), re = "zui-search-chip mb-2 mr-2 inline-flex cursor-pointer items-center gap-[7px] rounded-[20px] border-[1px] border-[#dde3e8] dark:border-line bg-[#f4f6f8] dark:bg-surface px-3.5 py-1.5 text-[13px] font-bold text-proclusteal-700 dark:text-content hover:border-proclusteal-950 dark:hover:border-focus", le = "!border-proclusteal-950 !bg-proclusteal-950 !text-white", R = "zui-search-state px-5 py-[26px] text-center text-[13px] font-medium text-[#667079] dark:text-content-muted", Ze = {
+], -1)), le = "zui-search-chip mb-2 mr-2 inline-flex cursor-pointer items-center gap-[7px] rounded-[20px] border-[1px] border-[#dde3e8] dark:border-line bg-[#f4f6f8] dark:bg-surface px-3.5 py-1.5 text-[13px] font-bold text-proclusteal-700 dark:text-content hover:border-proclusteal-950 dark:hover:border-focus", se = "!border-proclusteal-950 !bg-proclusteal-950 !text-white", V = "zui-search-state px-5 py-[26px] text-center text-[13px] font-medium text-[#667079] dark:text-content-muted", et = {
   __name: "GlobalSearchModal",
-  props: /* @__PURE__ */ te({
+  props: /* @__PURE__ */ ne({
     searchProvider: {
       type: Function,
       required: !0
@@ -129,45 +130,45 @@ const Pe = (e) => (Se("data-v-80fd510b"), e = e(), _e(), e), Ue = { class: "zui-
     open: { type: Boolean, default: !1 },
     openModifiers: {}
   }),
-  emits: /* @__PURE__ */ te(["navigate"], ["update:open"]),
+  emits: /* @__PURE__ */ ne(["navigate"], ["update:open"]),
   setup(e, { emit: i }) {
-    const o = e, y = i, p = ke(e, "open"), x = ie(), w = k(null), _ = k(null), A = k(null), g = k(""), S = k(""), m = k([]), f = k("all"), n = k("zero"), c = k(-1);
-    let d = null, C = 0, L = null, I = null;
-    const Q = $(() => je(S.value)), Y = (t) => ze(t, o.types), X = $(() => {
+    const o = e, y = i, p = ke(e, "open"), x = ce(), w = k(null), _ = k(null), A = k(null), g = k(""), S = k(""), m = k([]), f = k("all"), n = k("zero"), c = k(-1);
+    let d = null, C = 0, L = null, E = null;
+    const Y = $(() => Pe(S.value)), X = (t) => De(t, o.types), J = $(() => {
       let t = 0;
       return m.value.filter((s) => f.value === "all" || s.type === f.value).map((s) => {
-        const l = Y(s.type);
+        const l = X(s.type);
         return {
           type: s.type,
           label: l.label,
           items: s.items.map((h) => ({
             url: O(h.Url),
-            titleHtml: ae(h.Title, Q.value),
-            subtitleHtml: ae(h.Subtitle, Q.value),
+            titleHtml: re(h.Title, Y.value),
+            subtitleHtml: re(h.Subtitle, Y.value),
             tileColour: he(h.Colour) || l.colour,
             tileIcon: l.icon,
             flatIdx: t++
           }))
         };
       });
-    }), J = $(() => X.value.flatMap((t) => t.items)), ye = $(() => m.value.reduce((t, s) => t + s.items.length, 0));
+    }), W = $(() => J.value.flatMap((t) => t.items)), ye = $(() => m.value.reduce((t, s) => t + s.items.length, 0));
     function U(t) {
-      const s = J.value;
+      const s = W.value;
       if (!s.length) {
         c.value = -1;
         return;
       }
-      c.value = Math.min(Math.max(t, 0), s.length - 1), ne(() => {
+      c.value = Math.min(Math.max(t, 0), s.length - 1), oe(() => {
         var h;
         const l = (h = A.value) == null ? void 0 : h.querySelector(`[data-row-idx="${c.value}"]`);
         l == null || l.scrollIntoView({ block: "nearest" });
       });
     }
-    function W(t) {
+    function Z(t) {
       var s;
       f.value = t, U(0), (s = w.value) == null || s.focus();
     }
-    function Z(t) {
+    function ee(t) {
       var s, l;
       t && (y("navigate", t), (l = (s = x == null ? void 0 : x.vnode) == null ? void 0 : s.props) != null && l.onNavigate || (window.location.href = t), z());
     }
@@ -197,10 +198,10 @@ const Pe = (e) => (Se("data-v-80fd510b"), e = e(), _e(), e), Ue = { class: "zui-
       }
       d = setTimeout(() => me(s), o.debounce);
     }), K(p, (t) => {
-      t ? (L = document.activeElement, g.value = "", S.value = "", m.value = [], f.value = "all", n.value = "zero", c.value = -1, I = document.body.style.overflow, document.body.style.overflow = "hidden", ne(() => {
+      t ? (L = document.activeElement, g.value = "", S.value = "", m.value = [], f.value = "all", n.value = "zero", c.value = -1, E = document.body.style.overflow, document.body.style.overflow = "hidden", oe(() => {
         var s;
         return (s = w.value) == null ? void 0 : s.focus();
-      })) : (clearTimeout(d), C++, I !== null && (document.body.style.overflow = I, I = null), L != null && L.focus && L.focus());
+      })) : (clearTimeout(d), C++, E !== null && (document.body.style.overflow = E, E = null), L != null && L.focus && L.focus());
     }, { immediate: !0 });
     function ve(t) {
       var s;
@@ -219,10 +220,10 @@ const Pe = (e) => (Se("data-v-80fd510b"), e = e(), _e(), e), Ue = { class: "zui-
       if (t.key === "Enter") {
         if (t.isComposing)
           return;
-        const l = J.value;
+        const l = W.value;
         if (!l.length)
           return;
-        t.preventDefault(), Z(l[c.value >= 0 ? c.value : 0].url);
+        t.preventDefault(), ee(l[c.value >= 0 ? c.value : 0].url);
         return;
       }
       if (t.key === "Tab") {
@@ -239,7 +240,7 @@ const Pe = (e) => (Se("data-v-80fd510b"), e = e(), _e(), e), Ue = { class: "zui-
       const s = (t.tagName || "").toLowerCase();
       return s === "input" || s === "textarea" || s === "select" || t.isContentEditable;
     }
-    function ee(t) {
+    function te(t) {
       if (t.key === "Escape" && p.value) {
         t.preventDefault(), z();
         return;
@@ -251,10 +252,10 @@ const Pe = (e) => (Se("data-v-80fd510b"), e = e(), _e(), e), Ue = { class: "zui-
       t.key === "/" && !p.value && !be(document.activeElement) && (t.preventDefault(), p.value = !0);
     }
     return ge(() => {
-      document.addEventListener("keydown", ee);
+      document.addEventListener("keydown", te);
     }), we(() => {
-      document.removeEventListener("keydown", ee), clearTimeout(d), C++, I !== null && (document.body.style.overflow = I, I = null);
-    }), (t, s) => (a(), E(Ce, { to: "body" }, [
+      document.removeEventListener("keydown", te), clearTimeout(d), C++, E !== null && (document.body.style.overflow = E, E = null);
+    }), (t, s) => (a(), I(Ce, { to: "body" }, [
       p.value ? (a(), u("div", {
         key: 0,
         class: "zui-search-overlay fixed inset-0 z-[20000] flex items-start justify-center bg-[#11181c]/45",
@@ -269,7 +270,7 @@ const Pe = (e) => (Se("data-v-80fd510b"), e = e(), _e(), e), Ue = { class: "zui-
           "aria-modal": "true",
           "aria-label": "Search"
         }, [
-          r("div", Ue, [
+          r("div", Be, [
             T(fe, { class: "!h-[18px] !w-[18px] flex-none text-proclusteal-400 dark:text-content-muted" }),
             G(r("input", {
               ref_key: "inputEl",
@@ -279,7 +280,7 @@ const Pe = (e) => (Se("data-v-80fd510b"), e = e(), _e(), e), Ue = { class: "zui-
               autocomplete: "off",
               placeholder: e.placeholder,
               class: "zui-search-input flex-1 border-0 bg-[transparent] p-0 text-[16px] text-[#1e262c] dark:text-content outline-none placeholder:text-proclusteal-400 dark:placeholder:text-content-muted focus:ring-0"
-            }, null, 8, Be), [
+            }, null, 8, Re), [
               [$e, g.value]
             ]),
             r("button", {
@@ -290,12 +291,12 @@ const Pe = (e) => (Se("data-v-80fd510b"), e = e(), _e(), e), Ue = { class: "zui-
               onClick: z
             }, "×")
           ]),
-          n.value === "results" ? (a(), u("div", Re, " Search results ")) : v("", !0),
-          n.value === "results" ? (a(), u("div", Ve, [
+          n.value === "results" ? (a(), u("div", Ve, " Search results ")) : v("", !0),
+          n.value === "results" ? (a(), u("div", Ke, [
             r("button", {
               type: "button",
-              class: M([re, f.value === "all" ? le : ""]),
-              onClick: s[1] || (s[1] = (l) => W("all"))
+              class: M([le, f.value === "all" ? se : ""]),
+              onClick: s[1] || (s[1] = (l) => Z("all"))
             }, [
               j(" All "),
               r("span", {
@@ -305,14 +306,14 @@ const Pe = (e) => (Se("data-v-80fd510b"), e = e(), _e(), e), Ue = { class: "zui-
             (a(!0), u(H, null, P(m.value, (l) => (a(), u("button", {
               key: l.type,
               type: "button",
-              class: M([re, f.value === l.type ? le : ""]),
-              onClick: (h) => W(l.type)
+              class: M([le, f.value === l.type ? se : ""]),
+              onClick: (h) => Z(l.type)
             }, [
-              j(b(Y(l.type).label) + " ", 1),
+              j(b(X(l.type).label) + " ", 1),
               r("span", {
                 class: M(["font-bold", f.value === l.type ? "opacity-85" : "opacity-60"])
               }, "(" + b(l.items.length) + ")", 3)
-            ], 10, Ke))), 128))
+            ], 10, qe))), 128))
           ])) : v("", !0),
           r("div", {
             ref_key: "resultsEl",
@@ -321,29 +322,29 @@ const Pe = (e) => (Se("data-v-80fd510b"), e = e(), _e(), e), Ue = { class: "zui-
           }, [
             n.value === "zero" ? (a(), u("div", {
               key: 0,
-              class: M(R)
+              class: M(V)
             }, " Search across SOPs, incidents, assets, people and more — you only ever see what you have access to. ")) : n.value === "hint" ? (a(), u("div", {
               key: 1,
-              class: M(R)
+              class: M(V)
             }, " Keep typing… enter at least " + b(e.minChars) + " characters to search. ", 1)) : n.value === "empty" ? (a(), u("div", {
               key: 2,
-              class: M(R)
+              class: M(V)
             }, " No results for “" + b(S.value) + "” — try a broader term or a code. ", 1)) : n.value === "error" ? (a(), u("div", {
               key: 3,
-              class: M(R)
-            }, " Search is temporarily unavailable. ")) : (a(!0), u(H, { key: 4 }, P(X.value, (l) => (a(), u("div", {
+              class: M(V)
+            }, " Search is temporarily unavailable. ")) : (a(!0), u(H, { key: 4 }, P(J.value, (l) => (a(), u("div", {
               key: l.type
             }, [
-              r("div", qe, [
+              r("div", Ge, [
                 j(b(l.label) + " ", 1),
-                r("span", Ge, "(" + b(l.items.length) + ")", 1)
+                r("span", Fe, "(" + b(l.items.length) + ")", 1)
               ]),
               (a(!0), u(H, null, P(l.items, (h) => (a(), u("a", {
                 key: h.flatIdx,
                 href: h.url || null,
                 class: M(["zui-search-row flex items-center gap-[13px] px-[18px] py-[11px] text-[#1e262c] dark:text-content no-underline", { "bg-proclusteal-50 dark:bg-surface-hover": h.flatIdx === c.value }]),
                 "data-row-idx": h.flatIdx,
-                onClick: N((B) => Z(h.url), ["exact", "prevent"]),
+                onClick: N((B) => ee(h.url), ["exact", "prevent"]),
                 onMouseenter: (B) => c.value = h.flatIdx
               }, [
                 r("span", {
@@ -359,27 +360,27 @@ const Pe = (e) => (Se("data-v-80fd510b"), e = e(), _e(), e), Ue = { class: "zui-
                     "stroke-linecap": "round",
                     "stroke-linejoin": "round",
                     innerHTML: h.tileIcon
-                  }, null, 8, Qe))
+                  }, null, 8, Ye))
                 ], 4),
-                r("span", Ye, [
+                r("span", Xe, [
                   r("span", {
                     class: "gs-marked block truncate text-[14px] font-bold",
                     innerHTML: h.titleHtml
-                  }, null, 8, Xe),
+                  }, null, 8, Je),
                   r("span", {
                     class: "gs-marked mt-0.5 block truncate text-[12.5px] text-[#5b6570] dark:text-content-muted",
                     innerHTML: h.subtitleHtml
-                  }, null, 8, Je)
+                  }, null, 8, We)
                 ]),
-                We
-              ], 42, Fe))), 128))
+                Ze
+              ], 42, Qe))), 128))
             ]))), 128))
           ], 512)
         ], 512)
       ], 32)) : v("", !0)
     ]));
   }
-}, et = /* @__PURE__ */ Ae(Ze, [["__scopeId", "data-v-80fd510b"]]), se = {
+}, tt = /* @__PURE__ */ Ie(et, [["__scopeId", "data-v-80fd510b"]]), ie = {
   "reference library": "RefLib",
   reflib: "RefLib",
   repository: "RefLib",
@@ -397,7 +398,7 @@ const Pe = (e) => (Se("data-v-80fd510b"), e = e(), _e(), e), Ue = { class: "zui-
   directory: "Contact",
   "telephone directory": "Contact"
 };
-function tt(e) {
+function nt(e) {
   if (!e)
     return "";
   const i = String(e).trim();
@@ -408,11 +409,11 @@ function tt(e) {
     o = i;
   else {
     const y = i.toLowerCase(), p = Object.keys(D).find((x) => x.toLowerCase() === y);
-    p ? o = p : Object.prototype.hasOwnProperty.call(se, y) && (o = se[y]);
+    p ? o = p : Object.prototype.hasOwnProperty.call(ie, y) && (o = ie[y]);
   }
   return !o || !Object.prototype.hasOwnProperty.call(D, o) ? "" : D[o].icon || "";
 }
-function nt(e) {
+function ot(e) {
   if (!e)
     return "";
   if (e.dateText)
@@ -420,19 +421,19 @@ function nt(e) {
   const i = e.notifyday != null ? String(e.notifyday).replace(/^0/, "") : "", o = e.notifymonthname ? String(e.notifymonthname) : "", y = e.notifyyear != null ? String(e.notifyyear) : "";
   return [i, o, y].filter(Boolean).join(" ");
 }
-const ot = {
+const at = {
   key: 0,
   class: "absolute -right-[3px] -top-[3px] h-2 w-2 rounded-full bg-[#dd3730] ring-2 ring-white dark:ring-surface-raised"
-}, at = { class: "absolute right-0 top-full z-30 mt-2 w-[400px] max-w-[90vw] origin-top-right overflow-hidden rounded-[10px] border-[1px] border-proclusteal-300 dark:border-line bg-surface-raised shadow-zeal-md" }, rt = { class: "max-h-[420px] overflow-y-auto" }, lt = {
+}, rt = { class: "absolute right-0 top-full z-30 mt-2 w-[400px] max-w-[90vw] origin-top-right overflow-hidden rounded-[10px] border-[1px] border-proclusteal-300 dark:border-line bg-surface-raised shadow-zeal-md" }, lt = { class: "max-h-[420px] overflow-y-auto" }, st = {
   key: 0,
   class: "px-5 py-[26px] text-center text-[13px] font-medium text-[#667079] dark:text-content-muted"
-}, st = {
+}, it = {
   key: 1,
   class: "px-5 py-[26px] text-center text-[13px] font-medium text-[#667079] dark:text-content-muted"
-}, it = ["onClick"], ct = { class: "inline-flex h-[42px] w-[42px] flex-none items-center justify-center rounded-[10px] bg-proclusteal-950 text-white" }, ut = ["innerHTML"], dt = { class: "min-w-0 flex-1" }, pt = { class: "block truncate text-[14px] font-bold text-[#1e262c] dark:text-content" }, ft = { class: "block truncate text-[12.5px] text-[#5b6570] dark:text-content-muted" }, xt = {
+}, ct = ["onClick"], ut = { class: "inline-flex h-[42px] w-[42px] flex-none items-center justify-center rounded-[10px] bg-proclusteal-950 text-white" }, dt = ["innerHTML"], pt = { class: "min-w-0 flex-1" }, ft = { class: "block truncate text-[14px] font-bold text-[#1e262c] dark:text-content" }, xt = { class: "block truncate text-[12.5px] text-[#5b6570] dark:text-content-muted" }, ht = {
   key: 0,
   class: "mt-0.5 block text-[12px] text-proclusteal-500 dark:text-content-muted"
-}, ht = { class: "flex flex-none flex-col items-center gap-2 pt-0.5 text-proclusteal-600 dark:text-content-muted" }, yt = ["onClick"], mt = ["onClick"], vt = ["href"], bt = {
+}, yt = { class: "flex flex-none flex-col items-center gap-2 pt-0.5 text-proclusteal-600 dark:text-content-muted" }, mt = ["onClick"], vt = ["onClick"], bt = ["href"], kt = {
   __name: "HeaderNotificationDropdown",
   props: {
     // The feed as /personal/GetNotifications.ashx returns it: { data: [...] }. Null means
@@ -478,13 +479,13 @@ const ot = {
       const c = g(n.VueAppTypeIcon) || g(n.AppTypeName);
       if (c)
         return { component: c, path: "" };
-      const d = tt(n.AppTypeName);
-      return d ? { component: null, path: d } : { component: oe, path: "" };
+      const d = nt(n.AppTypeName);
+      return d ? { component: null, path: d } : { component: ae, path: "" };
     }
     const m = $(() => w.value.map((n) => ({
       item: n,
       icon: S(n),
-      date: nt(n),
+      date: ot(n),
       unread: n.ClassRead === "unread"
     })));
     function f(n) {
@@ -504,10 +505,10 @@ const ot = {
         "aria-label": "View Notifications",
         onClick: A
       }, [
-        T(oe, { class: "!h-[21px] !w-[21px]" }),
-        _.value ? (a(), u("span", ot)) : v("", !0)
+        T(ae, { class: "!h-[21px] !w-[21px]" }),
+        _.value ? (a(), u("span", at)) : v("", !0)
       ]),
-      T(ce, {
+      T(ue, {
         "enter-active-class": "transition-all ease-out duration-75",
         "enter-from-class": "scale-95 opacity-0",
         "enter-to-class": "scale-100 opacity-100",
@@ -515,17 +516,17 @@ const ot = {
         "leave-from-class": "scale-100 opacity-100",
         "leave-to-class": "scale-95 opacity-0"
       }, {
-        default: ue(() => [
-          G(r("div", at, [
-            r("div", rt, [
-              e.notifications ? w.value.length ? v("", !0) : (a(), u("div", st, " No notifications. ")) : (a(), u("div", lt, " Loading notifications… ")),
+        default: F(() => [
+          G(r("div", rt, [
+            r("div", lt, [
+              e.notifications ? w.value.length ? v("", !0) : (a(), u("div", it, " No notifications. ")) : (a(), u("div", st, " Loading notifications… ")),
               (a(!0), u(H, null, P(m.value, (d) => (a(), u("div", {
                 key: d.item.NotifyID,
                 class: M(["flex cursor-pointer items-start gap-3 border-b-[1px] border-proclusteal-200 dark:border-line px-4 py-3", d.unread ? "bg-proclusteal-50 dark:bg-surface-hover" : "bg-surface-raised"]),
                 onClick: (C) => f(d.item.url)
               }, [
-                r("span", ct, [
-                  d.icon.component ? (a(), E(de(d.icon.component), {
+                r("span", ut, [
+                  d.icon.component ? (a(), I(de(d.icon.component), {
                     key: 0,
                     class: "!h-5 !w-5"
                   })) : (a(), u("svg", {
@@ -538,14 +539,14 @@ const ot = {
                     "stroke-linecap": "round",
                     "stroke-linejoin": "round",
                     innerHTML: d.icon.path
-                  }, null, 8, ut))
+                  }, null, 8, dt))
                 ]),
-                r("span", dt, [
-                  r("span", pt, b(d.item.notifyname), 1),
-                  r("span", ft, b(d.item.summary), 1),
-                  d.date ? (a(), u("span", xt, b(d.date), 1)) : v("", !0)
+                r("span", pt, [
+                  r("span", ft, b(d.item.notifyname), 1),
+                  r("span", xt, b(d.item.summary), 1),
+                  d.date ? (a(), u("span", ht, b(d.date), 1)) : v("", !0)
                 ]),
-                r("span", ht, [
+                r("span", yt, [
                   d.unread ? (a(), u("button", {
                     key: 0,
                     type: "button",
@@ -554,8 +555,8 @@ const ot = {
                     "aria-label": "Mark notification as read",
                     onClick: N((C) => n.$emit("markAsRead", d.item.NotifyID), ["stop"])
                   }, [
-                    T(Ie, { class: "!h-4 !w-4" })
-                  ], 8, yt)) : v("", !0),
+                    T(Ee, { class: "!h-4 !w-4" })
+                  ], 8, mt)) : v("", !0),
                   r("button", {
                     type: "button",
                     class: "hover:text-[#dd3730]",
@@ -563,16 +564,16 @@ const ot = {
                     "aria-label": "Delete notification",
                     onClick: N((C) => n.$emit("deleteNotification", d.item.NotifyID), ["stop"])
                   }, [
-                    T(Ee, { class: "!w-3" })
-                  ], 8, mt)
+                    T(Ne, { class: "!w-3" })
+                  ], 8, vt)
                 ])
-              ], 10, it))), 128))
+              ], 10, ct))), 128))
             ]),
             r("a", {
-              href: F(O)(e.notificationsUrl) || null,
+              href: Q(O)(e.notificationsUrl) || null,
               class: "block border-t-[1px] border-proclusteal-200 dark:border-line px-4 py-2.5 text-center text-[13px] font-bold text-proclusteal-700 dark:text-content no-underline hover:bg-proclusteal-50 dark:hover:bg-surface-hover hover:text-proclusteal-900 dark:hover:text-focus",
               onClick: c[0] || (c[0] = N((d) => f(e.notificationsUrl), ["exact", "prevent"]))
-            }, " See all notifications ", 8, vt)
+            }, " See all notifications ", 8, bt)
           ], 512), [
             [pe, x.value]
           ])
@@ -581,13 +582,13 @@ const ot = {
       })
     ], 512));
   }
-}, kt = ["src"], gt = {
+}, gt = ["src"], wt = {
   key: 1,
   class: "inline-flex h-[34px] w-[34px] items-center justify-center rounded-full bg-proclusteal-900 text-[13px] font-bold uppercase leading-none tracking-[0.5px] text-white"
-}, wt = { class: "absolute right-0 top-full z-30 mt-2 w-[260px] origin-top-right rounded-[10px] border-[1px] border-proclusteal-300 dark:border-line bg-surface-raised py-1 shadow-zeal-md" }, Ct = { class: "flex max-w-[260px] flex-col gap-0.5 whitespace-normal px-[18px] pb-2.5 pt-3" }, $t = { class: "block text-[14px] font-bold text-proclusteal-800 dark:text-content" }, St = /* @__PURE__ */ r("span", { class: "my-1.5 block h-0.5 w-8 flex-none rounded-[1px] bg-[#cdd4da] dark:bg-line-strong" }, null, -1), _t = { class: "block break-words text-[12px] leading-[1.3] text-proclusteal-600 dark:text-content-muted" }, Mt = /* @__PURE__ */ r("div", { class: "h-px bg-proclusteal-200 dark:bg-line" }, null, -1), Tt = {
+}, Ct = { class: "absolute right-0 top-full z-30 mt-2 w-[260px] origin-top-right rounded-[10px] border-[1px] border-proclusteal-300 dark:border-line bg-surface-raised py-1 shadow-zeal-md" }, $t = { class: "flex max-w-[260px] flex-col gap-0.5 whitespace-normal px-[18px] pb-2.5 pt-3" }, St = { class: "block text-[14px] font-bold text-proclusteal-800 dark:text-content" }, _t = /* @__PURE__ */ r("span", { class: "my-1.5 block h-0.5 w-8 flex-none rounded-[1px] bg-[#cdd4da] dark:bg-line-strong" }, null, -1), Mt = { class: "block break-words text-[12px] leading-[1.3] text-proclusteal-600 dark:text-content-muted" }, Tt = /* @__PURE__ */ r("div", { class: "h-px bg-proclusteal-200 dark:bg-line" }, null, -1), At = {
   key: 0,
   class: "my-1 h-px bg-proclusteal-200 dark:bg-line"
-}, At = ["href", "onClick"], It = {
+}, It = ["href", "onClick"], Et = {
   __name: "HeaderUserMenu",
   props: {
     user: {
@@ -630,9 +631,9 @@ const ot = {
           alt: "",
           class: "h-[34px] w-[34px] rounded-full object-cover",
           onError: m[0] || (m[0] = (f) => w.value = !0)
-        }, null, 40, kt)) : (a(), u("span", gt, b(A.value), 1))
+        }, null, 40, gt)) : (a(), u("span", wt, b(A.value), 1))
       ]),
-      T(ce, {
+      T(ue, {
         "enter-active-class": "transition-all ease-out duration-75",
         "enter-from-class": "scale-95 opacity-0",
         "enter-to-class": "scale-100 opacity-100",
@@ -640,27 +641,27 @@ const ot = {
         "leave-from-class": "scale-100 opacity-100",
         "leave-to-class": "scale-95 opacity-0"
       }, {
-        default: ue(() => [
-          G(r("div", wt, [
-            r("div", Ct, [
-              r("span", $t, b(_.value), 1),
-              St,
-              r("span", _t, b(e.user.orgName), 1)
+        default: F(() => [
+          G(r("div", Ct, [
+            r("div", $t, [
+              r("span", St, b(_.value), 1),
+              _t,
+              r("span", Mt, b(e.user.orgName), 1)
             ]),
-            Mt,
+            Tt,
             (a(!0), u(H, null, P(e.menuItems, (f, n) => (a(), u(H, { key: n }, [
-              f.divider ? (a(), u("div", Tt)) : (a(), u("a", {
+              f.divider ? (a(), u("div", At)) : (a(), u("a", {
                 key: 1,
-                href: f.href && F(O)(f.href) || null,
+                href: f.href && Q(O)(f.href) || null,
                 class: "flex items-center gap-2.5 px-[18px] py-2 text-[13px] font-semibold text-proclusteal-700 dark:text-content no-underline hover:bg-proclusteal-50 dark:hover:bg-surface-hover hover:text-proclusteal-900 dark:hover:text-focus",
                 onClick: N((c) => g(f), ["exact", "prevent"])
               }, [
-                f.icon ? (a(), E(de(f.icon), {
+                f.icon ? (a(), I(de(f.icon), {
                   key: 0,
                   class: "!h-4 !w-4 flex-none"
                 })) : v("", !0),
                 r("span", null, b(f.label), 1)
-              ], 8, At))
+              ], 8, It))
             ], 64))), 128))
           ], 512), [
             [pe, x.value]
@@ -670,13 +671,13 @@ const ot = {
       })
     ], 512));
   }
-}, Et = { class: "flex h-[70px] shrink-0 items-center justify-between border-b-[1px] border-proclusteal-300 dark:border-line bg-surface-raised px-[15px] font-sans shadow-[0_1px_3px_rgba(20,40,45,0.05)] sm:px-[25px]" }, Nt = { class: "flex min-w-0 items-center gap-[18px]" }, Ht = {
+}, Nt = { class: "flex h-[70px] shrink-0 items-center justify-between border-b-[1px] border-proclusteal-300 dark:border-line bg-surface-raised px-[15px] font-sans shadow-[0_1px_3px_rgba(20,40,45,0.05)] sm:px-[25px]" }, Ht = { class: "flex min-w-0 items-center gap-[18px]" }, Ot = {
   key: 0,
   class: "hidden whitespace-nowrap text-[18px] font-semibold text-proclusteal-800 dark:text-content sm:inline"
-}, Ot = {
+}, Lt = {
   key: 0,
   class: "font-normal text-black-800 dark:text-content-muted"
-}, Lt = ["href", "title", "aria-label"], zt = { class: "flex items-center gap-[18px] sm:gap-[25px]" }, Gt = {
+}, zt = ["href", "aria-label"], Dt = { class: "flex items-center gap-[18px] sm:gap-[25px]" }, Qt = {
   __name: "AppHeader",
   props: {
     title: {
@@ -754,7 +755,7 @@ const ot = {
     "notifications-open"
   ],
   setup(e, { emit: i }) {
-    const o = e, y = i, p = ie(), x = k(!1), w = $(() => !!o.notifications || o.unreadCount !== null && o.unreadCount !== void 0), _ = $(() => he(o.accentColour)), A = $(() => _.value || "#1c6f63");
+    const o = e, y = i, p = ce(), x = k(!1), w = $(() => !!o.notifications || o.unreadCount !== null && o.unreadCount !== void 0), _ = $(() => he(o.accentColour)), A = $(() => _.value || "#1c6f63");
     function g(n) {
       var d, C;
       if (!n)
@@ -771,12 +772,12 @@ const ot = {
     function f(n) {
       y("menu-select", n), n.href && g(n.href);
     }
-    return (n, c) => (a(), u("header", Et, [
-      r("div", Nt, [
-        V(n.$slots, "logo"),
-        e.title ? (a(), u("span", Ht, [
+    return (n, c) => (a(), u("header", Nt, [
+      r("div", Ht, [
+        R(n.$slots, "logo"),
+        e.title ? (a(), u("span", Ot, [
           j(b(e.title), 1),
-          e.subtitle ? (a(), u("span", Ot, " " + b(e.subtitle), 1)) : v("", !0)
+          e.subtitle ? (a(), u("span", Lt, " " + b(e.subtitle), 1)) : v("", !0)
         ])) : v("", !0),
         _.value ? (a(), u("span", {
           key: 1,
@@ -788,16 +789,23 @@ const ot = {
           class: "flex items-center gap-7 text-proclusteal-600 dark:text-content-muted",
           style: q({ "--hdr-accent": A.value })
         }, [
-          e.homeUrl ? (a(), u("a", {
+          e.homeUrl ? (a(), I(Ae, {
             key: 0,
-            href: F(O)(e.homeUrl) || null,
-            class: "hover:text-[var(--hdr-accent)]",
-            title: e.homeTooltip,
-            "aria-label": e.homeTooltip,
-            onClick: N(S, ["exact", "prevent"])
-          }, [
-            T(Me, { class: "!h-[22px] !w-[22px]" })
-          ], 8, Lt)) : v("", !0),
+            text: e.homeTooltip,
+            position: "bottom"
+          }, {
+            default: F(() => [
+              r("a", {
+                href: Q(O)(e.homeUrl) || null,
+                class: "hover:text-[var(--hdr-accent)]",
+                "aria-label": e.homeTooltip,
+                onClick: N(S, ["exact", "prevent"])
+              }, [
+                T(Me, { class: "!h-[22px] !w-[22px]" })
+              ], 8, zt)
+            ]),
+            _: 1
+          }, 8, ["text"])) : v("", !0),
           e.showBack ? (a(), u("button", {
             key: 1,
             type: "button",
@@ -807,17 +815,18 @@ const ot = {
             onClick: m
           }, [
             T(Te, { class: "!h-[22px] !w-[22px]" })
-          ])) : v("", !0)
+          ])) : v("", !0),
+          R(n.$slots, "nav-extra")
         ], 4),
-        V(n.$slots, "left")
+        R(n.$slots, "left")
       ]),
-      r("div", zt, [
-        V(n.$slots, "right"),
-        e.searchProvider ? (a(), E(Oe, {
+      r("div", Dt, [
+        R(n.$slots, "right"),
+        e.searchProvider ? (a(), I(Le, {
           key: 0,
           onClick: c[0] || (c[0] = (d) => x.value = !0)
         })) : v("", !0),
-        w.value ? (a(), E(bt, {
+        w.value ? (a(), I(kt, {
           key: 1,
           notifications: e.notifications,
           "unread-count": e.unreadCount,
@@ -828,14 +837,14 @@ const ot = {
           onOpen: c[3] || (c[3] = (d) => n.$emit("notifications-open")),
           onNavigate: g
         }, null, 8, ["notifications", "unread-count", "notifications-url", "icon-map"])) : v("", !0),
-        e.user ? (a(), E(It, {
+        e.user ? (a(), I(Et, {
           key: 2,
           user: e.user,
           "menu-items": e.menuItems,
           onSelect: f
         }, null, 8, ["user", "menu-items"])) : v("", !0)
       ]),
-      e.searchProvider ? (a(), E(et, {
+      e.searchProvider ? (a(), I(tt, {
         key: 0,
         open: x.value,
         "onUpdate:open": c[4] || (c[4] = (d) => x.value = d),
@@ -848,11 +857,11 @@ const ot = {
   }
 };
 export {
-  Gt as AppHeader,
+  Qt as AppHeader,
   D as DEFAULT_SEARCH_TYPES,
-  et as GlobalSearchModal,
-  Oe as GlobalSearchPill,
-  bt as HeaderNotificationDropdown,
-  It as HeaderUserMenu,
+  tt as GlobalSearchModal,
+  Le as GlobalSearchPill,
+  kt as HeaderNotificationDropdown,
+  Et as HeaderUserMenu,
   O as safeUrl
 };

package/dist/components/tooltips/index.js

@@ -1,112 +1,6 @@
-import { _ as J } from "../../BaseTooltip-CcnCHpL4.js";
-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: d
-    }, p = i(!1);
-    let v = null, m = null;
-    const r = i(!1), w = i(null), T = i(null), g = i({ top: "0px", left: "0px" });
-    function h() {
-      const e = w.value, t = T.value;
-      if (!e || !t)
-        return;
-      const o = e.getBoundingClientRect(), E = t.offsetWidth, M = window.scrollY || document.documentElement.scrollTop, S = window.scrollX || document.documentElement.scrollLeft, B = o.left + S + o.width / 2, L = o.top + M - c.offset, X = B - E / 2;
-      g.value = {
-        top: `${Math.round(L)}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), p.value = !0, r.value = !0, C(() => {
-        setTimeout(() => {
-          h();
-        }, 0);
-      }), window.addEventListener("scroll", u), window.addEventListener("resize", u));
-    }
-    function b() {
-      p.value = !1, v = setTimeout(() => {
-        p.value || d();
-      }, 100);
-    }
-    function d() {
-      r.value = !1, k(f), window.removeEventListener("scroll", u), window.removeEventListener("resize", u);
-    }
-    return z(() => {
-      d();
-    }), (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(g.value),
-          ref_key: "tooltipEl",
-          ref: T,
-          onMouseenter: x,
-          onMouseleave: b
-        }, [
-          a("div", I, [
-            W(_(s.text) + " ", 1),
-            R
-          ])
-        ], 36), [
-          [q, r.value]
-        ])
-      ]))
-    ], 64));
-  }
-};
+import { _ as r } from "../../BaseTooltip-CcnCHpL4.js";
+import { _ as a } from "../../Tooltip-CQjz2EXM.js";
 export {
-  J as BaseTooltip,
-  j as Tooltip
+  r as BaseTooltip,
+  a as Tooltip
 };

package/package.json

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