@zealsolutions/zeal-ui 1.0.0-alpha.364 → 1.0.0-alpha.366

package/dist/components/header/index.js

@@ -1,14 +1,14 @@
-import { openBlock as a, createElementBlock as i, createVNode as I, createElementVNode as r, createTextVNode as B, mergeModels as le, useModel as _e, getCurrentInstance as fe, ref as k, computed as C, watch as q, nextTick as se, onMounted as Se, onBeforeUnmount as Me, createBlock as T, Teleport as Ie, withModifiers as E, withDirectives as Y, vModelText as Ae, createCommentVNode as m, normalizeClass as M, toDisplayString as b, Fragment as N, renderList as L, unref as W, normalizeStyle as G, pushScopeId as Te, popScopeId as Ne, Transition as xe, withCtx as J, resolveDynamicComponent as he, vShow as ye, renderSlot as V } from "vue";
+import { openBlock as a, createElementBlock as i, createVNode as I, createElementVNode as r, createTextVNode as B, mergeModels as le, useModel as $e, getCurrentInstance as fe, ref as k, computed as C, watch as q, nextTick as se, onMounted as Se, onBeforeUnmount as Me, createBlock as A, Teleport as Ie, withModifiers as H, withDirectives as Y, vModelText as Te, createCommentVNode as v, normalizeClass as M, toDisplayString as b, Fragment as N, renderList as O, unref as W, normalizeStyle as G, pushScopeId as Ae, popScopeId as Ne, Transition as xe, withCtx as J, resolveDynamicComponent as he, vShow as ye, renderSlot as V } from "vue";
 import ze from "../../HouseIcon-BxmNyxvv.js";
-import Ee from "../../ArrowLeftIcon-Cgsy08pY.js";
-import { _ as He } from "../../Tooltip-CQjz2EXM.js";
+import He from "../../ArrowLeftIcon-Cgsy08pY.js";
+import { _ as Ee } from "../../Tooltip-CQjz2EXM.js";
 import ve from "../../MagnifyingGlassIcon-ChYNIA-H.js";
-import { _ as Oe } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+import { _ as Le } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 import { o as me } from "../../index-D9ihCfA2.js";
 import ie from "../../BellIcon-lK5EZXNf.js";
-import Le from "../../CircleCheckIcon-CA15yXgI.js";
+import Oe from "../../CircleCheckIcon-CA15yXgI.js";
 import je from "../../XMarkIcon-DKJ_--uA.js";
-const De = /* @__PURE__ */ r("span", { class: "hidden whitespace-nowrap sm:inline" }, "Search", -1), Pe = /* @__PURE__ */ r("kbd", { class: "zui-search-kbd hidden items-center gap-px rounded border-[1px] border-surface-raised/40 bg-surface-raised/15 px-[5px] py-0.5 font-sans text-[11px] font-bold leading-none text-surface-raised/90 sm:inline-flex" }, [
+const De = /* @__PURE__ */ r("span", { class: "hidden whitespace-nowrap sm:inline" }, "Search", -1), Pe = /* @__PURE__ */ r("kbd", { class: "zui-search-kbd hidden items-center gap-px rounded border-[1px] border-white/40 bg-white/15 px-[5px] py-0.5 font-sans text-[11px] font-bold leading-none text-white/90 sm:inline-flex" }, [
   /* @__PURE__ */ r("span", null, "⌘"),
   /* @__PURE__ */ B("K ")
 ], -1), Ue = {
@@ -17,12 +17,12 @@ const De = /* @__PURE__ */ r("span", { class: "hidden whitespace-nowrap sm:inlin
   setup(e) {
     return (l, n) => (a(), i("button", {
       type: "button",
-      class: "zui-search-pill inline-flex h-[34px] cursor-pointer items-center justify-center gap-[7px] rounded-lg border-[1px] border-solid border-content bg-content pl-[11px] pr-[9px] font-sans text-[13px] font-semibold text-surface-raised transition-[background-color,border-color,box-shadow] duration-150 hover:border-content-muted hover:bg-content-muted hover:shadow-[0_1px_3px_rgba(20,40,45,0.18)] focus:border-content-muted focus:bg-content-muted focus:outline-none",
+      class: "zui-search-pill inline-flex h-[34px] cursor-pointer items-center justify-center gap-[7px] rounded-lg border-[1px] border-solid border-proclusteal-900 bg-proclusteal-900 pl-[11px] pr-[9px] font-sans text-[13px] font-semibold text-white transition-[border-color,box-shadow] duration-150 hover:border-proclusteal-950 hover:shadow-[0_1px_3px_rgba(20,40,45,0.25)] focus:border-proclusteal-950 focus:outline-none",
       title: "Search (Ctrl K)",
       "aria-label": "Search (Ctrl K)",
       onClick: n[0] || (n[0] = (h) => l.$emit("click"))
     }, [
-      I(ve, { class: "!h-[15px] !w-[15px] flex-none text-surface-raised" }),
+      I(ve, { class: "!h-[15px] !w-[15px] flex-none text-white" }),
       De,
       Pe
     ]));
@@ -129,7 +129,7 @@ function Fe() {
   }
   return [];
 }
-const X = (e) => (Te("data-v-24311187"), e = e(), Ne(), e), Ye = { class: "zui-search-field flex items-center gap-2.5 border-b-[1px] border-proclusteal-200 dark:border-line px-4 py-3.5" }, Je = ["placeholder"], Qe = {
+const X = (e) => (Ae("data-v-7b7d8437"), e = e(), Ne(), e), Ye = { class: "zui-search-field flex items-center gap-2.5 border-b-[1px] border-proclusteal-200 dark:border-line px-4 py-3.5" }, Je = ["placeholder"], Qe = {
   key: 0,
   class: "px-[18px] pb-0.5 pt-3.5 text-[15px] font-extrabold text-[#1e262c] dark:text-content"
 }, Xe = {
@@ -153,7 +153,7 @@ const X = (e) => (Te("data-v-24311187"), e = e(), Ne(), e), Ye = { class: "zui-s
     r: "10"
   }),
   /* @__PURE__ */ r("polyline", { points: "12 6 12 12 16 14" })
-], -1)), rt = { class: "min-w-0 flex-1 truncate" }, lt = { 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" }, st = { class: "ml-0.5 text-[#667079] dark:text-content-muted" }, it = ["href", "target", "rel", "data-row-idx", "onClick", "onMouseenter"], ct = ["innerHTML"], ut = { class: "min-w-0 flex-1" }, dt = ["innerHTML"], pt = ["innerHTML"], ft = /* @__PURE__ */ X(() => /* @__PURE__ */ r("svg", {
+], -1)), rt = { class: "min-w-0 flex-1 truncate" }, lt = { 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" }, st = { class: "ml-0.5 text-[#667079] dark:text-content-muted" }, it = ["href", "target", "rel", "data-row-idx", "onClick", "onMouseenter"], ct = ["innerHTML"], ut = { class: "min-w-0 flex-1" }, dt = { class: "flex min-w-0 items-center gap-[6px]" }, pt = ["aria-label", "innerHTML"], ft = ["innerHTML"], xt = ["innerHTML"], ht = /* @__PURE__ */ X(() => /* @__PURE__ */ r("svg", {
   class: "h-4 w-4 flex-none text-[#c2cad1] dark:text-content-muted",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -163,7 +163,7 @@ const X = (e) => (Te("data-v-24311187"), e = e(), Ne(), e), Ye = { class: "zui-s
   "stroke-linejoin": "round"
 }, [
   /* @__PURE__ */ r("polyline", { points: "9 18 15 12 9 6" })
-], -1)), ue = "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", de = "!border-proclusteal-950 !bg-proclusteal-950 !text-white", K = "zui-search-state px-5 py-[26px] text-center text-[13px] font-medium text-[#667079] dark:text-content-muted", xt = {
+], -1)), ue = "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", de = "!border-proclusteal-950 !bg-proclusteal-950 !text-white", K = "zui-search-state px-5 py-[26px] text-center text-[13px] font-medium text-[#667079] dark:text-content-muted", yt = {
   __name: "GlobalSearchModal",
   props: /* @__PURE__ */ le({
     searchProvider: {
@@ -192,100 +192,109 @@ const X = (e) => (Te("data-v-24311187"), e = e(), Ne(), e), Ye = { class: "zui-s
   }),
   emits: /* @__PURE__ */ le(["navigate"], ["update:open"]),
   setup(e, { emit: l }) {
-    const n = e, h = l, f = _e(e, "open"), y = fe(), w = k(null), _ = k(null), A = k(null), g = k(""), $ = k(""), v = k([]), x = k("all"), o = k("zero"), u = k(-1), p = k([]);
-    let S = null, H = 0, D = null, z = null;
-    const Z = C(() => Ke($.value)), ee = (t) => Re(t, n.types), te = C(() => {
+    const n = e, h = l, f = $e(e, "open"), y = fe(), w = k(null), $ = k(null), T = k(null), g = k(""), _ = k(""), m = k([]), x = k("all"), o = k("zero"), d = k(-1), p = k([]);
+    let S = null, E = 0, D = null, z = null;
+    const Z = C(() => Ke(_.value)), ee = (t) => Re(t, n.types), te = C(() => {
       let t = 0;
-      return v.value.filter((c) => x.value === "all" || c.type === x.value).map((c) => {
-        const s = ee(c.type);
+      return m.value.filter((u) => x.value === "all" || u.type === x.value).map((u) => {
+        const s = ee(u.type);
         return {
-          type: c.type,
+          type: u.type,
           label: s.label,
-          items: c.items.map((d) => ({
-            url: j(d.Url),
-            titleHtml: ce(d.Title, Z.value),
-            subtitleHtml: ce(d.Subtitle, Z.value),
-            tileColour: be(d.Colour) || s.colour,
-            // #518: the item's own kind wins, the group's icon is the fallback.
-            tileIcon: qe(d.Kind, s.icon),
+          items: u.items.map((c) => ({
+            url: j(c.Url),
+            titleHtml: ce(c.Title, Z.value),
+            subtitleHtml: ce(c.Subtitle, Z.value),
+            tileColour: be(c.Colour) || s.colour,
+            // #518, REVISED 2026-09-26 (user: "the main icon to be Ref Library and then a
+            // small icon next to the name to show what type of document it is"). The tile
+            // carries the GROUP icon again - it is what tells the reader which part of
+            // Proclus a hit came from, and the first revision threw that away by putting the
+            // file type there instead.
+            tileIcon: s.icon,
+            // The file type, as a small badge beside the title. `null` fallback rather than
+            // the group icon: an item with no kind must render NO badge, not a second copy
+            // of the tile icon next to its own name.
+            kindIcon: qe(c.Kind, null),
+            kindLabel: typeof c.Kind == "string" ? c.Kind : "",
             // #519: a file opens in a new tab so the search - and whatever the user was
             // doing behind it - is still there when they close the document. The ITEM may
             // override its group, because one group can hold both files and pages.
-            newWindow: d.NewWindow === !0 || d.NewWindow !== !1 && s.newWindow === !0,
+            newWindow: c.NewWindow === !0 || c.NewWindow !== !1 && s.newWindow === !0,
             flatIdx: t++
           }))
         };
       });
-    }), ne = C(() => te.value.flatMap((t) => t.items)), ge = C(() => v.value.reduce((t, c) => t + c.items.length, 0));
+    }), ne = C(() => te.value.flatMap((t) => t.items)), ge = C(() => m.value.reduce((t, u) => t + u.items.length, 0));
     function R(t) {
-      const c = ne.value;
-      if (!c.length) {
-        u.value = -1;
+      const u = ne.value;
+      if (!u.length) {
+        d.value = -1;
         return;
       }
-      u.value = Math.min(Math.max(t, 0), c.length - 1), se(() => {
-        var d;
-        const s = (d = A.value) == null ? void 0 : d.querySelector(`[data-row-idx="${u.value}"]`);
+      d.value = Math.min(Math.max(t, 0), u.length - 1), se(() => {
+        var c;
+        const s = (c = T.value) == null ? void 0 : c.querySelector(`[data-row-idx="${d.value}"]`);
         s == null || s.scrollIntoView({ block: "nearest" });
       });
     }
     function oe(t) {
-      var c;
-      x.value = t, R(0), (c = w.value) == null || c.focus();
+      var u;
+      x.value = t, R(0), (u = w.value) == null || u.focus();
     }
-    function ae(t, c = !1) {
-      var s, d;
+    function ae(t, u = !1) {
+      var s, c;
       if (t) {
-        if (c) {
-          window.open(t, "_blank", "noopener"), O();
+        if (u) {
+          window.open(t, "_blank", "noopener"), L();
           return;
         }
-        h("navigate", t), (d = (s = y == null ? void 0 : y.vnode) == null ? void 0 : s.props) != null && d.onNavigate || (window.location.href = t), O();
+        h("navigate", t), (c = (s = y == null ? void 0 : y.vnode) == null ? void 0 : s.props) != null && c.onNavigate || (window.location.href = t), L();
       }
     }
-    function O() {
+    function L() {
       f.value = !1;
     }
     async function we(t) {
-      const c = ++H;
-      $.value = t;
+      const u = ++E;
+      _.value = t;
       try {
         const s = await n.searchProvider(t);
-        if (c !== H || !f.value)
+        if (u !== E || !f.value)
           return;
-        v.value = s && s.groups || [], x.value = "all", o.value = v.value.length ? "results" : "empty", v.value.length && (p.value = Ge(t)), R(0);
+        m.value = s && s.groups || [], x.value = "all", o.value = m.value.length ? "results" : "empty", m.value.length && (p.value = Ge(t)), R(0);
       } catch {
-        if (c !== H || !f.value)
+        if (u !== E || !f.value)
           return;
-        v.value = [], o.value = "error", u.value = -1;
+        m.value = [], o.value = "error", d.value = -1;
       }
     }
     q(g, (t) => {
       clearTimeout(S);
-      const c = t.trim();
-      if (c.length < n.minChars) {
-        H++, v.value = [], o.value = c.length ? "hint" : "zero", u.value = -1;
+      const u = t.trim();
+      if (u.length < n.minChars) {
+        E++, m.value = [], o.value = u.length ? "hint" : "zero", d.value = -1;
         return;
       }
-      S = setTimeout(() => we(c), n.debounce);
+      S = setTimeout(() => we(u), n.debounce);
     }), q(f, (t) => {
-      t ? (D = document.activeElement, p.value = F(), g.value = "", $.value = "", v.value = [], x.value = "all", o.value = "zero", u.value = -1, z = document.body.style.overflow, document.body.style.overflow = "hidden", se(() => {
-        var c;
-        return (c = w.value) == null ? void 0 : c.focus();
-      })) : (clearTimeout(S), H++, z !== null && (document.body.style.overflow = z, z = null), D != null && D.focus && D.focus());
+      t ? (D = document.activeElement, p.value = F(), g.value = "", _.value = "", m.value = [], x.value = "all", o.value = "zero", d.value = -1, z = document.body.style.overflow, document.body.style.overflow = "hidden", se(() => {
+        var u;
+        return (u = w.value) == null ? void 0 : u.focus();
+      })) : (clearTimeout(S), E++, z !== null && (document.body.style.overflow = z, z = null), D != null && D.focus && D.focus());
     }, { immediate: !0 });
     function Ce(t) {
-      var c;
+      var u;
       if (t.key === "Escape") {
-        t.preventDefault(), O();
+        t.preventDefault(), L();
         return;
       }
       if (t.key === "ArrowDown") {
-        t.preventDefault(), R(u.value + 1);
+        t.preventDefault(), R(d.value + 1);
         return;
       }
       if (t.key === "ArrowUp") {
-        t.preventDefault(), R(u.value - 1);
+        t.preventDefault(), R(d.value - 1);
         return;
       }
       if (t.key === "Enter") {
@@ -295,49 +304,49 @@ const X = (e) => (Te("data-v-24311187"), e = e(), Ne(), e), Ye = { class: "zui-s
         if (!s.length)
           return;
         t.preventDefault();
-        const d = s[u.value >= 0 ? u.value : 0];
-        ae(d.url, d.newWindow);
+        const c = s[d.value >= 0 ? d.value : 0];
+        ae(c.url, c.newWindow);
         return;
       }
       if (t.key === "Tab") {
-        const s = (c = _.value) == null ? void 0 : c.querySelectorAll('input, button, a[href], [tabindex]:not([tabindex="-1"])');
+        const s = (u = $.value) == null ? void 0 : u.querySelectorAll('input, button, a[href], [tabindex]:not([tabindex="-1"])');
         if (!(s != null && s.length))
           return;
-        const d = s[0], P = s[s.length - 1];
-        t.shiftKey && document.activeElement === d ? (t.preventDefault(), P.focus()) : !t.shiftKey && document.activeElement === P && (t.preventDefault(), d.focus());
+        const c = s[0], P = s[s.length - 1];
+        t.shiftKey && document.activeElement === c ? (t.preventDefault(), P.focus()) : !t.shiftKey && document.activeElement === P && (t.preventDefault(), c.focus());
       }
     }
-    function $e(t) {
+    function _e(t) {
       if (!t)
         return !1;
-      const c = (t.tagName || "").toLowerCase();
-      return c === "input" || c === "textarea" || c === "select" || t.isContentEditable;
+      const u = (t.tagName || "").toLowerCase();
+      return u === "input" || u === "textarea" || u === "select" || t.isContentEditable;
     }
     function re(t) {
       if (t.key === "Escape" && f.value) {
-        t.preventDefault(), O();
+        t.preventDefault(), L();
         return;
       }
       if ((t.ctrlKey || t.metaKey) && (t.key === "k" || t.key === "K")) {
         t.preventDefault(), f.value = !f.value;
         return;
       }
-      t.key === "/" && !f.value && !$e(document.activeElement) && (t.preventDefault(), f.value = !0);
+      t.key === "/" && !f.value && !_e(document.activeElement) && (t.preventDefault(), f.value = !0);
     }
     return Se(() => {
       document.addEventListener("keydown", re);
     }), Me(() => {
-      document.removeEventListener("keydown", re), clearTimeout(S), H++, z !== null && (document.body.style.overflow = z, z = null);
-    }), (t, c) => (a(), T(Ie, { to: "body" }, [
+      document.removeEventListener("keydown", re), clearTimeout(S), E++, z !== null && (document.body.style.overflow = z, z = null);
+    }), (t, u) => (a(), A(Ie, { to: "body" }, [
       f.value ? (a(), i("div", {
         key: 0,
         class: "zui-search-overlay fixed inset-0 z-[20000] flex items-start justify-center bg-[#11181c]/45",
-        onMousedown: E(O, ["self"]),
+        onMousedown: H(L, ["self"]),
         onKeydown: Ce
       }, [
         r("div", {
           ref_key: "panelEl",
-          ref: _,
+          ref: $,
           class: "zui-search-panel mt-[4vh] flex max-h-[88vh] w-[94%] max-w-[720px] flex-col overflow-hidden rounded-[14px] bg-surface-raised font-sans shadow-[0_30px_80px_rgba(0,0,0,0.3)] sm:mt-[8vh] sm:max-h-[82vh]",
           role: "dialog",
           "aria-modal": "true",
@@ -348,49 +357,49 @@ const X = (e) => (Te("data-v-24311187"), e = e(), Ne(), e), Ye = { class: "zui-s
             Y(r("input", {
               ref_key: "inputEl",
               ref: w,
-              "onUpdate:modelValue": c[0] || (c[0] = (s) => g.value = s),
+              "onUpdate:modelValue": u[0] || (u[0] = (s) => g.value = s),
               type: "text",
               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, Je), [
-              [Ae, g.value]
+              [Te, g.value]
             ]),
             r("button", {
               type: "button",
               class: "cursor-pointer border-0 bg-[transparent] px-1 text-[22px] leading-none text-proclusteal-400 dark:text-content-muted hover:text-proclusteal-700 dark:hover:text-content",
               "aria-label": "Close search",
               title: "Close (Esc)",
-              onClick: O
+              onClick: L
             }, "×")
           ]),
-          o.value === "results" ? (a(), i("div", Qe, " Search results ")) : m("", !0),
+          o.value === "results" ? (a(), i("div", Qe, " Search results ")) : v("", !0),
           o.value === "results" ? (a(), i("div", Xe, [
             r("button", {
               type: "button",
               class: M([ue, x.value === "all" ? de : ""]),
-              onClick: c[1] || (c[1] = (s) => oe("all"))
+              onClick: u[1] || (u[1] = (s) => oe("all"))
             }, [
               B(" All "),
               r("span", {
                 class: M(["font-bold", x.value === "all" ? "opacity-85" : "opacity-60"])
               }, "(" + b(ge.value) + ")", 3)
             ], 2),
-            (a(!0), i(N, null, L(v.value, (s) => (a(), i("button", {
+            (a(!0), i(N, null, O(m.value, (s) => (a(), i("button", {
               key: s.type,
               type: "button",
               class: M([ue, x.value === s.type ? de : ""]),
-              onClick: (d) => oe(s.type)
+              onClick: (c) => oe(s.type)
             }, [
               B(b(ee(s.type).label) + " ", 1),
               r("span", {
                 class: M(["font-bold", x.value === s.type ? "opacity-85" : "opacity-60"])
               }, "(" + b(s.items.length) + ")", 3)
             ], 10, Ze))), 128))
-          ])) : m("", !0),
+          ])) : v("", !0),
           r("div", {
             ref_key: "resultsEl",
-            ref: A,
+            ref: T,
             class: "zui-search-results overflow-y-auto pb-2.5"
           }, [
             o.value === "zero" && p.value.length ? (a(), i("div", et, [
@@ -400,10 +409,10 @@ const X = (e) => (Te("data-v-24311187"), e = e(), Ne(), e), Ye = { class: "zui-s
                   type: "button",
                   class: "cursor-pointer border-0 bg-[transparent] p-0 text-[12px] font-semibold text-[#667079] dark:text-content-muted hover:text-proclusteal-950 dark:hover:text-focus",
                   "data-test": "search-recent-clear",
-                  onClick: c[2] || (c[2] = (s) => p.value = W(Fe)())
+                  onClick: u[2] || (u[2] = (s) => p.value = W(Fe)())
                 }, "Clear")
               ]),
-              (a(!0), i(N, null, L(p.value, (s, d) => (a(), i("button", {
+              (a(!0), i(N, null, O(p.value, (s, c) => (a(), i("button", {
                 key: s,
                 type: "button",
                 "data-test": "search-recent-item",
@@ -422,29 +431,29 @@ const X = (e) => (Te("data-v-24311187"), e = e(), Ne(), e), Ye = { class: "zui-s
             }, " Keep typing… enter at least " + b(e.minChars) + " characters to search. ", 1)) : o.value === "empty" ? (a(), i("div", {
               key: 3,
               class: M(K)
-            }, " No results for “" + b($.value) + "” — try a broader term or a code. ", 1)) : o.value === "error" ? (a(), i("div", {
+            }, " No results for “" + b(_.value) + "” — try a broader term or a code. ", 1)) : o.value === "error" ? (a(), i("div", {
               key: 4,
               class: M(K)
-            }, " Search is temporarily unavailable. ")) : (a(!0), i(N, { key: 5 }, L(te.value, (s) => (a(), i("div", {
+            }, " Search is temporarily unavailable. ")) : (a(!0), i(N, { key: 5 }, O(te.value, (s) => (a(), i("div", {
               key: s.type
             }, [
               r("div", lt, [
                 B(b(s.label) + " ", 1),
                 r("span", st, "(" + b(s.items.length) + ")", 1)
               ]),
-              (a(!0), i(N, null, L(s.items, (d) => (a(), i("a", {
-                key: d.flatIdx,
-                href: d.url || null,
-                target: d.newWindow ? "_blank" : null,
-                rel: d.newWindow ? "noopener noreferrer" : 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": d.flatIdx === u.value }]),
-                "data-row-idx": d.flatIdx,
-                onClick: E((P) => ae(d.url, d.newWindow), ["exact", "prevent"]),
-                onMouseenter: (P) => u.value = d.flatIdx
+              (a(!0), i(N, null, O(s.items, (c) => (a(), i("a", {
+                key: c.flatIdx,
+                href: c.url || null,
+                target: c.newWindow ? "_blank" : null,
+                rel: c.newWindow ? "noopener noreferrer" : 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": c.flatIdx === d.value }]),
+                "data-row-idx": c.flatIdx,
+                onClick: H((P) => ae(c.url, c.newWindow), ["exact", "prevent"]),
+                onMouseenter: (P) => d.value = c.flatIdx
               }, [
                 r("span", {
                   class: "inline-flex h-[42px] w-[42px] flex-none items-center justify-center rounded-[10px] text-white",
-                  style: G({ background: d.tileColour })
+                  style: G({ background: c.tileColour })
                 }, [
                   (a(), i("svg", {
                     class: "h-5 w-5",
@@ -454,28 +463,43 @@ const X = (e) => (Te("data-v-24311187"), e = e(), Ne(), e), Ye = { class: "zui-s
                     "stroke-width": "2",
                     "stroke-linecap": "round",
                     "stroke-linejoin": "round",
-                    innerHTML: d.tileIcon
+                    innerHTML: c.tileIcon
                   }, null, 8, ct))
                 ], 4),
                 r("span", ut, [
-                  r("span", {
-                    class: "gs-marked block truncate text-[14px] font-bold",
-                    innerHTML: d.titleHtml
-                  }, null, 8, dt),
+                  r("span", dt, [
+                    c.kindIcon ? (a(), i("svg", {
+                      key: 0,
+                      class: "h-[13px] w-[13px] flex-none text-[#8a969c] dark:text-content-muted",
+                      viewBox: "0 0 24 24",
+                      fill: "none",
+                      stroke: "currentColor",
+                      "stroke-width": "2",
+                      "stroke-linecap": "round",
+                      "stroke-linejoin": "round",
+                      "aria-label": c.kindLabel,
+                      role: "img",
+                      innerHTML: c.kindIcon
+                    }, null, 8, pt)) : v("", !0),
+                    r("span", {
+                      class: "gs-marked min-w-0 truncate text-[14px] font-bold",
+                      innerHTML: c.titleHtml
+                    }, null, 8, ft)
+                  ]),
                   r("span", {
                     class: "gs-marked mt-0.5 block truncate text-[12.5px] text-[#5b6570] dark:text-content-muted",
-                    innerHTML: d.subtitleHtml
-                  }, null, 8, pt)
+                    innerHTML: c.subtitleHtml
+                  }, null, 8, xt)
                 ]),
-                ft
+                ht
               ], 42, it))), 128))
             ]))), 128))
           ], 512)
         ], 512)
-      ], 32)) : m("", !0)
+      ], 32)) : v("", !0)
     ]));
   }
-}, ht = /* @__PURE__ */ Oe(xt, [["__scopeId", "data-v-24311187"]]), pe = {
+}, vt = /* @__PURE__ */ Le(yt, [["__scopeId", "data-v-7b7d8437"]]), pe = {
   "reference library": "RefLib",
   reflib: "RefLib",
   repository: "RefLib",
@@ -493,7 +517,7 @@ const X = (e) => (Te("data-v-24311187"), e = e(), Ne(), e), Ye = { class: "zui-s
   directory: "Contact",
   "telephone directory": "Contact"
 };
-function yt(e) {
+function mt(e) {
   if (!e)
     return "";
   const l = String(e).trim();
@@ -508,7 +532,7 @@ function yt(e) {
   }
   return !n || !Object.prototype.hasOwnProperty.call(U, n) ? "" : U[n].icon || "";
 }
-function vt(e) {
+function bt(e) {
   if (!e)
     return "";
   if (e.dateText)
@@ -516,19 +540,19 @@ function vt(e) {
   const l = e.notifyday != null ? String(e.notifyday).replace(/^0/, "") : "", n = e.notifymonthname ? String(e.notifymonthname) : "", h = e.notifyyear != null ? String(e.notifyyear) : "";
   return [l, n, h].filter(Boolean).join(" ");
 }
-const mt = {
+const kt = {
   key: 0,
   class: "absolute -right-[3px] -top-[3px] h-2 w-2 rounded-full bg-[#dd3730] ring-2 ring-white dark:ring-surface-raised"
-}, bt = { 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" }, kt = { class: "max-h-[420px] overflow-y-auto" }, gt = {
+}, gt = { 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" }, wt = { class: "max-h-[420px] overflow-y-auto" }, Ct = {
   key: 0,
   class: "px-5 py-[26px] text-center text-[13px] font-medium text-[#667079] dark:text-content-muted"
-}, wt = {
+}, _t = {
   key: 1,
   class: "px-5 py-[26px] text-center text-[13px] font-medium text-[#667079] dark:text-content-muted"
-}, Ct = ["onClick"], $t = { class: "inline-flex h-[42px] w-[42px] flex-none items-center justify-center rounded-[10px] bg-proclusteal-950 text-white" }, _t = ["innerHTML"], St = { class: "min-w-0 flex-1" }, Mt = { class: "block truncate text-[14px] font-bold text-[#1e262c] dark:text-content" }, It = { class: "block truncate text-[12.5px] text-[#5b6570] dark:text-content-muted" }, At = {
+}, $t = ["onClick"], St = { class: "inline-flex h-[42px] w-[42px] flex-none items-center justify-center rounded-[10px] bg-proclusteal-950 text-white" }, Mt = ["innerHTML"], It = { class: "min-w-0 flex-1" }, Tt = { class: "block truncate text-[14px] font-bold text-[#1e262c] dark:text-content" }, At = { class: "block truncate text-[12.5px] text-[#5b6570] dark:text-content-muted" }, Nt = {
   key: 0,
   class: "mt-0.5 block text-[12px] text-proclusteal-500 dark:text-content-muted"
-}, Tt = { class: "flex flex-none flex-col items-center gap-2 pt-0.5 text-proclusteal-600 dark:text-content-muted" }, Nt = ["onClick"], zt = ["onClick"], Et = ["href"], Ht = {
+}, zt = { class: "flex flex-none flex-col items-center gap-2 pt-0.5 text-proclusteal-600 dark:text-content-muted" }, Ht = ["onClick"], Et = ["onClick"], Lt = ["href"], Ot = {
   __name: "HeaderNotificationDropdown",
   props: {
     // The feed as /personal/GetNotifications.ashx returns it: { data: [...] }. Null means
@@ -560,35 +584,35 @@ const mt = {
     const n = e, h = l, f = k(null), y = k(!1), w = C(() => {
       var o;
       return ((o = n.notifications) == null ? void 0 : o.data) || [];
-    }), _ = C(() => n.unreadCount !== null && n.unreadCount !== void 0 ? n.unreadCount > 0 : w.value.some((o) => o.ClassRead === "unread"));
+    }), $ = C(() => n.unreadCount !== null && n.unreadCount !== void 0 ? n.unreadCount > 0 : w.value.some((o) => o.ClassRead === "unread"));
     me(f, () => {
       y.value = !1;
     });
-    function A() {
+    function T() {
       y.value = !y.value, y.value && h("open");
     }
     function g(o) {
       return o && Object.prototype.hasOwnProperty.call(n.iconMap, o) && n.iconMap[o] || null;
     }
-    function $(o) {
-      const u = g(o.VueAppTypeIcon) || g(o.AppTypeName);
-      if (u)
-        return { component: u, path: "" };
-      const p = yt(o.AppTypeName);
+    function _(o) {
+      const d = g(o.VueAppTypeIcon) || g(o.AppTypeName);
+      if (d)
+        return { component: d, path: "" };
+      const p = mt(o.AppTypeName);
       return p ? { component: null, path: p } : { component: ie, path: "" };
     }
-    const v = C(() => w.value.map((o) => ({
+    const m = C(() => w.value.map((o) => ({
       item: o,
-      icon: $(o),
-      date: vt(o),
+      icon: _(o),
+      date: bt(o),
       unread: o.ClassRead === "unread"
     })));
     function x(o) {
       y.value = !1;
-      const u = j(o);
-      u && h("navigate", u);
+      const d = j(o);
+      d && h("navigate", d);
     }
-    return (o, u) => (a(), i("div", {
+    return (o, d) => (a(), i("div", {
       ref_key: "rootEl",
       ref: f,
       class: "relative font-sans"
@@ -598,10 +622,10 @@ const mt = {
         class: "relative flex cursor-pointer items-center justify-center text-proclusteal-600 dark:text-content-muted transition-colors duration-150 hover:text-proclusteal-900 dark:hover:text-focus",
         title: "View Notifications",
         "aria-label": "View Notifications",
-        onClick: A
+        onClick: T
       }, [
         I(ie, { class: "!h-[21px] !w-[21px]" }),
-        _.value ? (a(), i("span", mt)) : m("", !0)
+        $.value ? (a(), i("span", kt)) : v("", !0)
       ]),
       I(xe, {
         "enter-active-class": "transition-all ease-out duration-75",
@@ -612,16 +636,16 @@ const mt = {
         "leave-to-class": "scale-95 opacity-0"
       }, {
         default: J(() => [
-          Y(r("div", bt, [
-            r("div", kt, [
-              e.notifications ? w.value.length ? m("", !0) : (a(), i("div", wt, " No notifications. ")) : (a(), i("div", gt, " Loading notifications… ")),
-              (a(!0), i(N, null, L(v.value, (p) => (a(), i("div", {
+          Y(r("div", gt, [
+            r("div", wt, [
+              e.notifications ? w.value.length ? v("", !0) : (a(), i("div", _t, " No notifications. ")) : (a(), i("div", Ct, " Loading notifications… ")),
+              (a(!0), i(N, null, O(m.value, (p) => (a(), i("div", {
                 key: p.item.NotifyID,
                 class: M(["flex cursor-pointer items-start gap-3 border-b-[1px] border-proclusteal-200 dark:border-line px-4 py-3", p.unread ? "bg-proclusteal-50 dark:bg-surface-hover" : "bg-surface-raised"]),
                 onClick: (S) => x(p.item.url)
               }, [
-                r("span", $t, [
-                  p.icon.component ? (a(), T(he(p.icon.component), {
+                r("span", St, [
+                  p.icon.component ? (a(), A(he(p.icon.component), {
                     key: 0,
                     class: "!h-5 !w-5"
                   })) : (a(), i("svg", {
@@ -634,41 +658,41 @@ const mt = {
                     "stroke-linecap": "round",
                     "stroke-linejoin": "round",
                     innerHTML: p.icon.path
-                  }, null, 8, _t))
+                  }, null, 8, Mt))
                 ]),
-                r("span", St, [
-                  r("span", Mt, b(p.item.notifyname), 1),
-                  r("span", It, b(p.item.summary), 1),
-                  p.date ? (a(), i("span", At, b(p.date), 1)) : m("", !0)
+                r("span", It, [
+                  r("span", Tt, b(p.item.notifyname), 1),
+                  r("span", At, b(p.item.summary), 1),
+                  p.date ? (a(), i("span", Nt, b(p.date), 1)) : v("", !0)
                 ]),
-                r("span", Tt, [
+                r("span", zt, [
                   p.unread ? (a(), i("button", {
                     key: 0,
                     type: "button",
                     class: "hover:text-proclusteal-900 dark:hover:text-focus",
                     title: "Mark notification as read",
                     "aria-label": "Mark notification as read",
-                    onClick: E((S) => o.$emit("markAsRead", p.item.NotifyID), ["stop"])
+                    onClick: H((S) => o.$emit("markAsRead", p.item.NotifyID), ["stop"])
                   }, [
-                    I(Le, { class: "!h-4 !w-4" })
-                  ], 8, Nt)) : m("", !0),
+                    I(Oe, { class: "!h-4 !w-4" })
+                  ], 8, Ht)) : v("", !0),
                   r("button", {
                     type: "button",
                     class: "hover:text-[#dd3730]",
                     title: "Delete notification",
                     "aria-label": "Delete notification",
-                    onClick: E((S) => o.$emit("deleteNotification", p.item.NotifyID), ["stop"])
+                    onClick: H((S) => o.$emit("deleteNotification", p.item.NotifyID), ["stop"])
                   }, [
                     I(je, { class: "!w-3" })
-                  ], 8, zt)
+                  ], 8, Et)
                 ])
-              ], 10, Ct))), 128))
+              ], 10, $t))), 128))
             ]),
             r("a", {
               href: W(j)(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: u[0] || (u[0] = E((p) => x(e.notificationsUrl), ["exact", "prevent"]))
-            }, " See all notifications ", 8, Et)
+              onClick: d[0] || (d[0] = H((p) => x(e.notificationsUrl), ["exact", "prevent"]))
+            }, " See all notifications ", 8, Lt)
           ], 512), [
             [ye, y.value]
           ])
@@ -677,13 +701,13 @@ const mt = {
       })
     ], 512));
   }
-}, Ot = ["src"], Lt = {
+}, jt = ["src"], Dt = {
   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"
-}, jt = { 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" }, Dt = { class: "flex max-w-[260px] flex-col gap-0.5 whitespace-normal px-[18px] pb-2.5 pt-3" }, Pt = { class: "block text-[14px] font-bold text-proclusteal-800 dark:text-content" }, Ut = /* @__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), Bt = { class: "block break-words text-[12px] leading-[1.3] text-proclusteal-600 dark:text-content-muted" }, Rt = /* @__PURE__ */ r("div", { class: "h-px bg-proclusteal-200 dark:bg-line" }, null, -1), Vt = {
+}, Pt = { 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" }, Ut = { class: "flex max-w-[260px] flex-col gap-0.5 whitespace-normal px-[18px] pb-2.5 pt-3" }, Bt = { class: "block text-[14px] font-bold text-proclusteal-800 dark:text-content" }, Rt = /* @__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), Vt = { class: "block break-words text-[12px] leading-[1.3] text-proclusteal-600 dark:text-content-muted" }, Kt = /* @__PURE__ */ r("div", { class: "h-px bg-proclusteal-200 dark:bg-line" }, null, -1), Wt = {
   key: 0,
   class: "my-1 h-px bg-proclusteal-200 dark:bg-line"
-}, Kt = ["href", "onClick"], Wt = {
+}, qt = ["href", "onClick"], Gt = {
   __name: "HeaderUserMenu",
   props: {
     user: {
@@ -701,14 +725,14 @@ const mt = {
     q(() => n.user.avatarUrl, () => {
       w.value = !1;
     });
-    const _ = C(() => `${n.user.firstName || ""} ${n.user.surname || ""}`.trim()), A = C(() => `${(n.user.firstName || "").charAt(0)}${(n.user.surname || "").charAt(0)}`.toUpperCase());
+    const $ = C(() => `${n.user.firstName || ""} ${n.user.surname || ""}`.trim()), T = C(() => `${(n.user.firstName || "").charAt(0)}${(n.user.surname || "").charAt(0)}`.toUpperCase());
     me(f, () => {
       y.value = !1;
     });
-    function g($) {
-      y.value = !1, h("select", $);
+    function g(_) {
+      y.value = !1, h("select", _);
     }
-    return ($, v) => (a(), i("div", {
+    return (_, m) => (a(), i("div", {
       ref_key: "rootEl",
       ref: f,
       class: "relative font-sans"
@@ -718,15 +742,15 @@ const mt = {
         class: "flex cursor-pointer items-center justify-center",
         title: "View Menu Options",
         "aria-label": "View Menu Options",
-        onClick: v[1] || (v[1] = (x) => y.value = !y.value)
+        onClick: m[1] || (m[1] = (x) => y.value = !y.value)
       }, [
         e.user.avatarUrl && !w.value ? (a(), i("img", {
           key: 0,
           src: e.user.avatarUrl,
           alt: "",
           class: "h-[34px] w-[34px] rounded-full object-cover",
-          onError: v[0] || (v[0] = (x) => w.value = !0)
-        }, null, 40, Ot)) : (a(), i("span", Lt, b(A.value), 1))
+          onError: m[0] || (m[0] = (x) => w.value = !0)
+        }, null, 40, jt)) : (a(), i("span", Dt, b(T.value), 1))
       ]),
       I(xe, {
         "enter-active-class": "transition-all ease-out duration-75",
@@ -737,26 +761,26 @@ const mt = {
         "leave-to-class": "scale-95 opacity-0"
       }, {
         default: J(() => [
-          Y(r("div", jt, [
-            r("div", Dt, [
-              r("span", Pt, b(_.value), 1),
-              Ut,
-              r("span", Bt, b(e.user.orgName), 1)
+          Y(r("div", Pt, [
+            r("div", Ut, [
+              r("span", Bt, b($.value), 1),
+              Rt,
+              r("span", Vt, b(e.user.orgName), 1)
             ]),
-            Rt,
-            (a(!0), i(N, null, L(e.menuItems, (x, o) => (a(), i(N, { key: o }, [
-              x.divider ? (a(), i("div", Vt)) : (a(), i("a", {
+            Kt,
+            (a(!0), i(N, null, O(e.menuItems, (x, o) => (a(), i(N, { key: o }, [
+              x.divider ? (a(), i("div", Wt)) : (a(), i("a", {
                 key: 1,
                 href: x.href && W(j)(x.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: E((u) => g(x), ["exact", "prevent"])
+                onClick: H((d) => g(x), ["exact", "prevent"])
               }, [
-                x.icon ? (a(), T(he(x.icon), {
+                x.icon ? (a(), A(he(x.icon), {
                   key: 0,
                   class: "!h-4 !w-4 flex-none"
-                })) : m("", !0),
+                })) : v("", !0),
                 r("span", null, b(x.label), 1)
-              ], 8, Kt))
+              ], 8, qt))
             ], 64))), 128))
           ], 512), [
             [ye, y.value]
@@ -766,13 +790,13 @@ const mt = {
       })
     ], 512));
   }
-}, qt = { 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]" }, Gt = { class: "flex min-w-0 items-center gap-[18px]" }, Ft = {
+}, Ft = { 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]" }, Yt = { class: "flex min-w-0 items-center gap-[18px]" }, Jt = {
   key: 0,
   class: "hidden whitespace-nowrap text-[18px] font-semibold text-proclusteal-800 dark:text-content sm:inline"
-}, Yt = {
+}, Qt = {
   key: 0,
   class: "font-normal text-black-800 dark:text-content-muted"
-}, Jt = ["href", "aria-label"], Qt = { class: "flex items-center gap-[18px] sm:gap-[25px]" }, cn = {
+}, Xt = ["href", "aria-label"], Zt = { class: "flex items-center gap-[18px] sm:gap-[25px]" }, dn = {
   __name: "AppHeader",
   props: {
     title: {
@@ -857,41 +881,41 @@ const mt = {
     "notifications-open"
   ],
   setup(e, { emit: l }) {
-    const n = e, h = l, f = fe(), y = k(!1), w = C(() => !!n.notifications || n.unreadCount !== null && n.unreadCount !== void 0), _ = C(() => be(n.accentColour)), A = C(() => _.value || "#1c6f63");
+    const n = e, h = l, f = fe(), y = k(!1), w = C(() => !!n.notifications || n.unreadCount !== null && n.unreadCount !== void 0), $ = C(() => be(n.accentColour)), T = C(() => $.value || "#1c6f63");
     function g(o) {
       var p, S;
       if (!o)
         return;
-      const u = j(o);
-      u && (h("navigate", u), (S = (p = f == null ? void 0 : f.vnode) == null ? void 0 : p.props) != null && S.onNavigate || (window.location.href = u));
+      const d = j(o);
+      d && (h("navigate", d), (S = (p = f == null ? void 0 : f.vnode) == null ? void 0 : p.props) != null && S.onNavigate || (window.location.href = d));
     }
-    function $() {
+    function _() {
       h("home"), g(n.homeUrl);
     }
-    function v() {
+    function m() {
       window.history.back();
     }
     function x(o) {
       h("menu-select", o), o.href && g(o.href);
     }
-    return (o, u) => (a(), i("header", qt, [
-      r("div", Gt, [
+    return (o, d) => (a(), i("header", Ft, [
+      r("div", Yt, [
         V(o.$slots, "logo"),
-        e.title ? (a(), i("span", Ft, [
+        e.title ? (a(), i("span", Jt, [
           B(b(e.title), 1),
-          e.subtitle ? (a(), i("span", Yt, " " + b(e.subtitle), 1)) : m("", !0)
-        ])) : m("", !0),
-        _.value ? (a(), i("span", {
+          e.subtitle ? (a(), i("span", Qt, " " + b(e.subtitle), 1)) : v("", !0)
+        ])) : v("", !0),
+        $.value ? (a(), i("span", {
           key: 1,
           class: "h-[45px] w-[2px] shrink-0",
-          style: G({ background: _.value }),
+          style: G({ background: $.value }),
           "aria-hidden": "true"
-        }, null, 4)) : m("", !0),
+        }, null, 4)) : v("", !0),
         r("nav", {
           class: "flex items-center gap-7 text-proclusteal-600 dark:text-content-muted",
-          style: G({ "--hdr-accent": A.value })
+          style: G({ "--hdr-accent": T.value })
         }, [
-          e.homeUrl ? (a(), T(He, {
+          e.homeUrl ? (a(), A(Ee, {
             key: 0,
             text: e.homeTooltip,
             position: "bottom"
@@ -901,71 +925,71 @@ const mt = {
                 href: W(j)(e.homeUrl) || null,
                 class: "hover:text-[var(--hdr-accent)]",
                 "aria-label": e.homeTooltip,
-                onClick: E($, ["exact", "prevent"])
+                onClick: H(_, ["exact", "prevent"])
               }, [
                 I(ze, { class: "!h-[22px] !w-[22px]" })
-              ], 8, Jt)
+              ], 8, Xt)
             ]),
             _: 1
-          }, 8, ["text"])) : m("", !0),
+          }, 8, ["text"])) : v("", !0),
           e.showBack ? (a(), i("button", {
             key: 1,
             type: "button",
             class: "cursor-pointer hover:text-[var(--hdr-accent)]",
             title: "Go Back",
             "aria-label": "Go Back",
-            onClick: v
+            onClick: m
           }, [
-            I(Ee, { class: "!h-[22px] !w-[22px]" })
-          ])) : m("", !0),
+            I(He, { class: "!h-[22px] !w-[22px]" })
+          ])) : v("", !0),
           V(o.$slots, "nav-extra")
         ], 4),
         V(o.$slots, "left")
       ]),
-      r("div", Qt, [
+      r("div", Zt, [
         V(o.$slots, "right"),
         e.ready ? (a(), i(N, { key: 0 }, [
-          e.searchProvider ? (a(), T(Ue, {
+          e.searchProvider ? (a(), A(Ue, {
             key: 0,
-            onClick: u[0] || (u[0] = (p) => y.value = !0)
-          })) : m("", !0),
-          w.value ? (a(), T(Ht, {
+            onClick: d[0] || (d[0] = (p) => y.value = !0)
+          })) : v("", !0),
+          w.value ? (a(), A(Ot, {
             key: 1,
             notifications: e.notifications,
             "unread-count": e.unreadCount,
             "notifications-url": e.notificationsUrl,
             "icon-map": e.notificationIconMap,
-            onMarkAsRead: u[1] || (u[1] = (p) => o.$emit("markAsRead", p)),
-            onDeleteNotification: u[2] || (u[2] = (p) => o.$emit("deleteNotification", p)),
-            onOpen: u[3] || (u[3] = (p) => o.$emit("notifications-open")),
+            onMarkAsRead: d[1] || (d[1] = (p) => o.$emit("markAsRead", p)),
+            onDeleteNotification: d[2] || (d[2] = (p) => o.$emit("deleteNotification", p)),
+            onOpen: d[3] || (d[3] = (p) => o.$emit("notifications-open")),
             onNavigate: g
-          }, null, 8, ["notifications", "unread-count", "notifications-url", "icon-map"])) : m("", !0),
-          e.user ? (a(), T(Wt, {
+          }, null, 8, ["notifications", "unread-count", "notifications-url", "icon-map"])) : v("", !0),
+          e.user ? (a(), A(Gt, {
             key: 2,
             user: e.user,
             "menu-items": e.menuItems,
             onSelect: x
-          }, null, 8, ["user", "menu-items"])) : m("", !0)
-        ], 64)) : m("", !0)
+          }, null, 8, ["user", "menu-items"])) : v("", !0)
+        ], 64)) : v("", !0)
       ]),
-      e.searchProvider ? (a(), T(ht, {
+      e.searchProvider ? (a(), A(vt, {
         key: 0,
         open: y.value,
-        "onUpdate:open": u[4] || (u[4] = (p) => y.value = p),
+        "onUpdate:open": d[4] || (d[4] = (p) => y.value = p),
         "search-provider": e.searchProvider,
         placeholder: e.searchPlaceholder,
         types: e.searchTypes,
         onNavigate: g
-      }, null, 8, ["open", "search-provider", "placeholder", "types"])) : m("", !0)
+      }, null, 8, ["open", "search-provider", "placeholder", "types"])) : v("", !0)
     ]));
   }
 };
 export {
-  cn as AppHeader,
+  dn as AppHeader,
   U as DEFAULT_SEARCH_TYPES,
-  ht as GlobalSearchModal,
+  vt as GlobalSearchModal,
   Ue as GlobalSearchPill,
-  Ht as HeaderNotificationDropdown,
-  Wt as HeaderUserMenu,
+  Ot as HeaderNotificationDropdown,
+  Gt as HeaderUserMenu,
   j as safeUrl
 };

package/dist/style.css

@@ -1 +1 @@
-.preview-content[data-v-781d71ec] ul{list-style:disc;margin-left:1.5rem}.preview-content[data-v-781d71ec] ol{list-style:decimal;margin-left:1.5rem}.preview-content[data-v-781d71ec] p{margin-bottom:.5rem}.preview-content[data-v-781d71ec] a{color:#326d68;text-decoration:underline}.preview-content[data-v-781d71ec] img{max-width:100%;height:auto}.preview-content[data-v-781d71ec] table{border-collapse:collapse}.preview-content[data-v-781d71ec] td,.preview-content[data-v-781d71ec] th{border:1px solid #c8ced0;padding:4px 8px}.preview-content[data-v-781d71ec] ins{text-decoration:none;background-color:#d4fcbc}.preview-content[data-v-781d71ec] del{text-decoration:line-through;background-color:#fbb6c2;color:#555}.gs-marked[data-v-24311187] mark{background:#1a8a7d33;color:inherit;border-radius:3px;padding:0 2px}.columns-container[data-v-5373471c]{position:relative;margin:16px 0;border-radius:8px}.columns-content[data-v-5373471c]{min-height:100px}@media (max-width: 767px){.columns-content[data-v-5373471c]{flex-direction:column!important}}.v-enter-active,.v-leave-active{transition:opacity .3s ease}.v-enter-from,.v-leave-to{opacity:0}
+.preview-content[data-v-781d71ec] ul{list-style:disc;margin-left:1.5rem}.preview-content[data-v-781d71ec] ol{list-style:decimal;margin-left:1.5rem}.preview-content[data-v-781d71ec] p{margin-bottom:.5rem}.preview-content[data-v-781d71ec] a{color:#326d68;text-decoration:underline}.preview-content[data-v-781d71ec] img{max-width:100%;height:auto}.preview-content[data-v-781d71ec] table{border-collapse:collapse}.preview-content[data-v-781d71ec] td,.preview-content[data-v-781d71ec] th{border:1px solid #c8ced0;padding:4px 8px}.preview-content[data-v-781d71ec] ins{text-decoration:none;background-color:#d4fcbc}.preview-content[data-v-781d71ec] del{text-decoration:line-through;background-color:#fbb6c2;color:#555}.gs-marked[data-v-7b7d8437] mark{background:#1a8a7d33;color:inherit;border-radius:3px;padding:0 2px}.columns-container[data-v-5373471c]{position:relative;margin:16px 0;border-radius:8px}.columns-content[data-v-5373471c]{min-height:100px}@media (max-width: 767px){.columns-content[data-v-5373471c]{flex-direction:column!important}}.v-enter-active,.v-leave-active{transition:opacity .3s ease}.v-enter-from,.v-leave-to{opacity:0}

package/package.json

@@ -1,123 +1,123 @@
-{
-  "name": "@zealsolutions/zeal-ui",
-  "version": "1.0.0-alpha.364",
-  "description": "UI library for Zeal Solutions",
-  "author": "Zeal Solutions",
-  "license": "ISC",
-  "bugs": {
-    "url": "https://github.com/zeal-solutions/zeal-ui/issues"
-  },
-  "homepage": "https://github.com/zeal-solutions/zeal-ui#readme",
-  "keywords": [
-    "zeal",
-    "ui"
-  ],
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/zeal-solutions/zeal-ui.git"
-  },
-  "main": "dist/index.js",
-  "browser": "dist/index.js",
-  "module": "dist/index.js",
-  "files": [
-    "dist/*"
-  ],
-  "exports": {
-    "./css/typography.css": "./dist/css/typography.css",
-    "./css/base.css": "./dist/css/base.css",
-    "./css/editorStyles.css": "./dist/css/editorStyles.css",
-    "./css/theme.css": "./dist/css/theme.css",
-    "./config/tailwind": "./dist/config/tailwind/index.js",
-    "./buttons": "./dist/components/buttons/index.js",
-    "./forms": "./dist/components/forms/index.js",
-    "./header": "./dist/components/header/index.js",
-    "./icons": "./dist/components/icons/index.js",
-    "./inputs": "./dist/components/inputs/index.js",
-    "./layouts": "./dist/components/layouts/index.js",
-    "./logos": "./dist/components/logos/index.js",
-    "./menus": "./dist/components/menus/index.js",
-    "./modals": "./dist/components/modals/index.js",
-    "./navigation": "./dist/components/navigation/index.js",
-    "./overlays": "./dist/components/overlays/index.js",
-    "./session": "./dist/components/session/index.js",
-    "./sop-diff": "./dist/components/sop-diff/index.js",
-    "./style.css": "./dist/style.css",
-    "./tiptap": "./dist/components/tiptap/index.js",
-    "./tooltips": "./dist/components/tooltips/index.js",
-    "./transitions": "./dist/components/transitions/index.js",
-    "./utils": "./dist/utils/index.js",
-    "./tables": "./dist/components/tables/index.js",
-    "./datepicker": "./dist/components/datepicker/index.js"
-  },
-  "type": "module",
-  "scripts": {
-    "dev": "vite",
-    "build": "vite build",
-    "build:publish": "npm run build && npm publish",
-    "prepublishOnly": "npm run build",
-    "preview": "vite preview",
-    "test": "vitest run",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "chromatic": "npx chromatic --project-token=chpt_368bf7fc8d469c1"
-  },
-  "dependencies": {
-    "@floating-ui/dom": "^1.7.2",
-    "@floating-ui/vue": "^1.1.7",
-    "@gocapsule/column-extension": "^1.0.0-beta-3",
-    "@tailwindcss/forms": "^0.5.7",
-    "@tailwindcss/line-clamp": "^0.4.4",
-    "@tiptap-extend/columns": "^2.1.6",
-    "@tiptap/core": "^2.6.6",
-    "@tiptap/extension-bubble-menu": "^2.6.6",
-    "@tiptap/extension-color": "^2.6.6",
-    "@tiptap/extension-document": "^2.6.6",
-    "@tiptap/extension-gapcursor": "^2.8.0",
-    "@tiptap/extension-heading": "^2.6.6",
-    "@tiptap/extension-link": "^2.23.0",
-    "@tiptap/extension-list-item": "^2.6.6",
-    "@tiptap/extension-paragraph": "^2.6.6",
-    "@tiptap/extension-placeholder": "^2.12.0",
-    "@tiptap/extension-table": "^2.8.0",
-    "@tiptap/extension-table-cell": "^2.8.0",
-    "@tiptap/extension-table-header": "^2.8.0",
-    "@tiptap/extension-table-row": "^2.8.0",
-    "@tiptap/extension-text": "^2.6.6",
-    "@tiptap/extension-text-align": "^2.7.2",
-    "@tiptap/extension-text-style": "^2.6.6",
-    "@tiptap/extension-underline": "^2.6.6",
-    "@tiptap/pm": "^2.6.6",
-    "@tiptap/starter-kit": "^2.6.6",
-    "@tiptap/vue-3": "^2.7.2",
-    "@vueuse/core": "^11.2.0",
-    "axios": "^1.6.8",
-    "i": "^0.3.7",
-    "less": "^4.2.0",
-    "lodash": "^4.17.21",
-    "postcss": "^8.4.38",
-    "tailwindcss": "^3.4.3",
-    "tailwindcss-convert-px-to-rem": "^1.0.4",
-    "vue": "^3.4.21"
-  },
-  "devDependencies": {
-    "@chromatic-com/storybook": "^1.6.0",
-    "@storybook/addon-essentials": "^8.1.11",
-    "@storybook/addon-interactions": "^8.1.11",
-    "@storybook/addon-links": "^8.1.11",
-    "@storybook/addon-mdx-gfm": "^8.1.11",
-    "@storybook/blocks": "^8.1.11",
-    "@storybook/test": "^8.1.11",
-    "@storybook/vue3": "^8.1.11",
-    "@storybook/vue3-vite": "^8.1.11",
-    "@vitejs/plugin-vue": "^5.0.4",
-    "@vue/test-utils": "^2.4.11",
-    "@whitespace/storybook-addon-html": "^6.1.1",
-    "autoprefixer": "^10.4.19",
-    "chromatic": "^11.3.1",
-    "jsdom": "^25.0.0",
-    "storybook": "^8.1.11",
-    "vite": "^5.2.8",
-    "vite-plugin-vue-devtools": "^7.0.25",
-    "vitest": "^3.0.0"
-  }
-}
+{
+  "name": "@zealsolutions/zeal-ui",
+  "version": "1.0.0-alpha.366",
+  "description": "UI library for Zeal Solutions",
+  "author": "Zeal Solutions",
+  "license": "ISC",
+  "bugs": {
+    "url": "https://github.com/zeal-solutions/zeal-ui/issues"
+  },
+  "homepage": "https://github.com/zeal-solutions/zeal-ui#readme",
+  "keywords": [
+    "zeal",
+    "ui"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/zeal-solutions/zeal-ui.git"
+  },
+  "main": "dist/index.js",
+  "browser": "dist/index.js",
+  "module": "dist/index.js",
+  "files": [
+    "dist/*"
+  ],
+  "exports": {
+    "./css/typography.css": "./dist/css/typography.css",
+    "./css/base.css": "./dist/css/base.css",
+    "./css/editorStyles.css": "./dist/css/editorStyles.css",
+    "./css/theme.css": "./dist/css/theme.css",
+    "./config/tailwind": "./dist/config/tailwind/index.js",
+    "./buttons": "./dist/components/buttons/index.js",
+    "./forms": "./dist/components/forms/index.js",
+    "./header": "./dist/components/header/index.js",
+    "./icons": "./dist/components/icons/index.js",
+    "./inputs": "./dist/components/inputs/index.js",
+    "./layouts": "./dist/components/layouts/index.js",
+    "./logos": "./dist/components/logos/index.js",
+    "./menus": "./dist/components/menus/index.js",
+    "./modals": "./dist/components/modals/index.js",
+    "./navigation": "./dist/components/navigation/index.js",
+    "./overlays": "./dist/components/overlays/index.js",
+    "./session": "./dist/components/session/index.js",
+    "./sop-diff": "./dist/components/sop-diff/index.js",
+    "./style.css": "./dist/style.css",
+    "./tiptap": "./dist/components/tiptap/index.js",
+    "./tooltips": "./dist/components/tooltips/index.js",
+    "./transitions": "./dist/components/transitions/index.js",
+    "./utils": "./dist/utils/index.js",
+    "./tables": "./dist/components/tables/index.js",
+    "./datepicker": "./dist/components/datepicker/index.js"
+  },
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "build:publish": "npm run build && npm publish",
+    "prepublishOnly": "npm run build",
+    "preview": "vite preview",
+    "test": "vitest run",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "chromatic": "npx chromatic --project-token=chpt_368bf7fc8d469c1"
+  },
+  "dependencies": {
+    "@floating-ui/dom": "^1.7.2",
+    "@floating-ui/vue": "^1.1.7",
+    "@gocapsule/column-extension": "^1.0.0-beta-3",
+    "@tailwindcss/forms": "^0.5.7",
+    "@tailwindcss/line-clamp": "^0.4.4",
+    "@tiptap-extend/columns": "^2.1.6",
+    "@tiptap/core": "^2.6.6",
+    "@tiptap/extension-bubble-menu": "^2.6.6",
+    "@tiptap/extension-color": "^2.6.6",
+    "@tiptap/extension-document": "^2.6.6",
+    "@tiptap/extension-gapcursor": "^2.8.0",
+    "@tiptap/extension-heading": "^2.6.6",
+    "@tiptap/extension-link": "^2.23.0",
+    "@tiptap/extension-list-item": "^2.6.6",
+    "@tiptap/extension-paragraph": "^2.6.6",
+    "@tiptap/extension-placeholder": "^2.12.0",
+    "@tiptap/extension-table": "^2.8.0",
+    "@tiptap/extension-table-cell": "^2.8.0",
+    "@tiptap/extension-table-header": "^2.8.0",
+    "@tiptap/extension-table-row": "^2.8.0",
+    "@tiptap/extension-text": "^2.6.6",
+    "@tiptap/extension-text-align": "^2.7.2",
+    "@tiptap/extension-text-style": "^2.6.6",
+    "@tiptap/extension-underline": "^2.6.6",
+    "@tiptap/pm": "^2.6.6",
+    "@tiptap/starter-kit": "^2.6.6",
+    "@tiptap/vue-3": "^2.7.2",
+    "@vueuse/core": "^11.2.0",
+    "axios": "^1.6.8",
+    "i": "^0.3.7",
+    "less": "^4.2.0",
+    "lodash": "^4.17.21",
+    "postcss": "^8.4.38",
+    "tailwindcss": "^3.4.3",
+    "tailwindcss-convert-px-to-rem": "^1.0.4",
+    "vue": "^3.4.21"
+  },
+  "devDependencies": {
+    "@chromatic-com/storybook": "^1.6.0",
+    "@storybook/addon-essentials": "^8.1.11",
+    "@storybook/addon-interactions": "^8.1.11",
+    "@storybook/addon-links": "^8.1.11",
+    "@storybook/addon-mdx-gfm": "^8.1.11",
+    "@storybook/blocks": "^8.1.11",
+    "@storybook/test": "^8.1.11",
+    "@storybook/vue3": "^8.1.11",
+    "@storybook/vue3-vite": "^8.1.11",
+    "@vitejs/plugin-vue": "^5.0.4",
+    "@vue/test-utils": "^2.4.11",
+    "@whitespace/storybook-addon-html": "^6.1.1",
+    "autoprefixer": "^10.4.19",
+    "chromatic": "^11.3.1",
+    "jsdom": "^25.0.0",
+    "storybook": "^8.1.11",
+    "vite": "^5.2.8",
+    "vite-plugin-vue-devtools": "^7.0.25",
+    "vitest": "^3.0.0"
+  }
+}