@kiva/kv-components 6.46.0 → 6.47.0

package/dist/vue/KvWwwHeader.js

@@ -1,18 +1,14 @@
-import { ref as s, shallowRef as L, resolveComponent as c, resolveDirective as H, openBlock as h, createBlock as p, withCtx as d, createElementVNode as g, createVNode as r, Transition as w, withDirectives as _, vShow as b, createElementBlock as O, normalizeClass as x, createCommentVNode as B, resolveDynamicComponent as I } from "vue";
-import N from "./KvWwwHeader/KvHeaderLinkBar.js";
-import E from "./KvWwwHeader/KvHeaderLogo.js";
-import M from "./KvWwwHeader/KvHeaderSearchBar.js";
-import A from "./KvThemeProvider.js";
-import T from "./KvWwwHeader/KvHeaderSearchSuggestions.js";
+import { ref as i, shallowRef as C, resolveComponent as c, resolveDirective as H, openBlock as v, createBlock as h, withCtx as f, createElementVNode as m, createVNode as u, Transition as k, withDirectives as g, vShow as p, createElementBlock as L, normalizeStyle as M, resolveDynamicComponent as B } from "vue";
+import D from "./KvWwwHeader/KvHeaderLinkBar.js";
+import x from "./KvWwwHeader/KvHeaderLogo.js";
+import N from "./KvThemeProvider.js";
 import "./KvWwwHeader.css";
-import V from "../_virtual/_plugin-vue_export-helper.js";
-const D = {
+import T from "../_virtual/_plugin-vue_export-helper.js";
+const U = {
   components: {
-    KvHeaderLinkBar: N,
-    KvHeaderLogo: E,
-    KvHeaderSearchBar: M,
-    KvThemeProvider: A,
-    KvHeaderSearchSuggestions: T
+    KvHeaderLinkBar: D,
+    KvHeaderLogo: x,
+    KvThemeProvider: N
   },
   props: {
     loggedIn: {
@@ -42,152 +38,121 @@ const D = {
     userId: {
       type: Number,
       default: null
+    },
+    myDashboardUrl: {
+      type: String,
+      default: "/mykiva"
+    },
+    lenderName: {
+      type: String,
+      default: ""
+    },
+    lenderImageUrl: {
+      type: String,
+      default: ""
+    },
+    isMobile: {
+      type: Boolean,
+      default: !1
     }
   },
   emits: [
     "load-lend-menu-data"
   ],
-  setup(C, { emit: n }) {
-    const t = s(!0), e = s(null), m = s(!1), k = s(null), l = s(!1), i = L(null), u = s(null);
-    let f;
+  setup(I, { emit: n }) {
+    const e = i(!0), t = i(null), a = i(!1), l = C(null), d = i(null), r = i({ left: 0, position: "relative" });
+    let s;
     return {
-      afterLinksNotVisible: () => {
-        m.value = !0;
-      },
-      afterSearchClosed: () => {
-        t.value = !0;
-      },
-      afterSearchOpen: () => {
-        var a;
-        (a = e.value) == null || a.onOpen();
-      },
       emitLendMenuEvent: () => {
         n("load-lend-menu-data");
       },
-      linksVisible: t,
-      searchOpen: m,
-      menuOpen: l,
-      onHover: (a, o) => {
-        o ? (clearTimeout(f), i.value = o, l.value = !0) : l.value && (f = setTimeout(() => {
-          l.value = !1, i.value = null;
+      linksVisible: e,
+      menuOpen: a,
+      onHover: (_, o, y) => {
+        o ? (clearTimeout(s), l.value !== o && (r.value = { left: 0, position: "relative" }), l.value = o, a.value = !0, y && (r.value = {
+          ...y,
+          position: "absolute"
+        })) : a.value && (s = setTimeout(() => {
+          a.value = !1, l.value = null;
         }, 200));
       },
-      openSearch: () => {
-        t.value = !1;
-      },
-      closeSearch: () => {
-        m.value = !1;
-      },
-      getSuggestions: (a) => {
-        var o;
-        (o = e.value) == null || o.getSuggestions(a);
-      },
-      loadMenuData: (a) => {
+      loadMenuData: (_) => {
         var o;
-        (o = u.value) == null || o.onLoad(a);
+        (o = d.value) == null || o.onLoad(_);
       },
-      activeHeaderItem: k,
-      searchBar: e,
-      menuComponent: i,
-      menuComponentInstance: u
+      activeHeaderItem: t,
+      menuComponent: l,
+      menuComponentInstance: d,
+      menuPosition: r
     };
   }
-}, K = {
+}, S = {
   class: "header-margins tw-relative tw-py-1 tw-px-1.5 tw-font-medium",
   style: { height: "3.75rem" }
-}, U = { class: "header-margins tw-px-2.5" };
-function z(C, n, t, e, m, k) {
-  const l = c("kv-header-link-bar"), i = c("kv-header-logo"), u = c("kv-header-search-bar"), f = c("kv-header-search-suggestions"), S = c("kv-theme-provider"), y = H("kv-track-event");
-  return h(), p(S, {
+}, E = {
+  href: "/",
+  class: "tw-px-1 tw-py-2 tw-cursor-pointer tw-absolute tw-top-1/2 tw-left-1/2 tw--translate-y-1/2 tw--translate-x-1/2 tw-transition-all tw-duration-300"
+}, K = {
+  class: "tw-absolute tw-z-modal tw-h-full tw-inset-x-0 tw-bg-eco-green-4 bg-opacity-50 tw-min-h-screen",
+  style: { top: "3.75rem" }
+}, V = { class: "header-margins tw-px-2.5" };
+function z(I, n, e, t, a, l) {
+  const d = c("kv-header-link-bar"), r = c("kv-header-logo"), s = c("kv-theme-provider"), b = H("kv-track-event");
+  return v(), h(s, {
     tag: "div",
-    class: "tw-bg-secondary tw-border-b tw-border-tertiary"
+    class: "tw-border-b tw-border-tertiary"
   }, {
-    default: d(() => [
-      g("nav", K, [
-        r(w, {
-          name: "header-fade",
-          onAfterLeave: e.afterLinksNotVisible
-        }, {
-          default: d(() => [
-            _(r(l, {
-              "logged-in": t.loggedIn,
-              "basket-count": t.basketCount,
-              "login-url": t.loginUrl,
-              "open-menu-item": e.menuComponent,
-              onItemHover: e.onHover,
-              onOpenSearch: e.openSearch
-            }, null, 8, ["logged-in", "basket-count", "login-url", "open-menu-item", "onItemHover", "onOpenSearch"]), [
-              [b, e.linksVisible]
+    default: f(() => [
+      m("nav", S, [
+        u(k, { name: "header-fade" }, {
+          default: f(() => [
+            g(u(d, {
+              "logged-in": e.loggedIn,
+              "basket-count": e.basketCount,
+              "login-url": e.loginUrl,
+              "open-menu-item": t.menuComponent,
+              "my-dashboard-url": e.myDashboardUrl,
+              "lender-name": e.lenderName,
+              "lender-image-url": e.lenderImageUrl,
+              "is-mobile": e.isMobile,
+              onItemHover: t.onHover
+            }, null, 8, ["logged-in", "basket-count", "login-url", "open-menu-item", "my-dashboard-url", "lender-name", "lender-image-url", "is-mobile", "onItemHover"]), [
+              [p, t.linksVisible]
             ])
           ]),
           _: 1
-        }, 8, ["onAfterLeave"]),
-        _((h(), O("a", {
-          href: "/",
-          class: x(["tw-px-1 tw-py-2 tw-cursor-pointer tw-absolute tw-top-1/2 tw-left-1/2 tw--translate-y-1/2 tw--translate-x-1/2 tw-transition-all tw-duration-300", {
-            "tw-opacity-0 md:tw-opacity-full md:tw-left-2.5 md:tw-translate-x-0": e.searchOpen
-          }])
-        }, [
-          r(i)
-        ], 2)), [
-          [y, ["TopNav", "click-Logo"]]
-        ]),
-        r(w, {
-          name: "header-fade",
-          onAfterEnter: e.afterSearchOpen,
-          onAfterLeave: e.afterSearchClosed
-        }, {
-          default: d(() => [
-            _(r(u, {
-              ref: "searchBar",
-              class: "tw-absolute tw-left-1/2 tw--translate-x-1/2 tw-top-1/2 tw--translate-y-1/2 tw-h-full tw-w-full",
-              style: {
-                "max-width": "600px"
-              },
-              onCloseSearch: e.closeSearch
-            }, null, 8, ["onCloseSearch"]), [
-              [b, e.searchOpen]
-            ])
-          ]),
-          _: 1
-        }, 8, ["onAfterEnter", "onAfterLeave"])
+        }),
+        g((v(), L("a", E, [
+          u(r)
+        ])), [
+          [b, ["TopNav", "click-Logo"]]
+        ])
       ]),
-      r(w, {
-        name: "header-fade",
-        onAfterEnter: e.afterSearchOpen
-      }, {
-        default: d(() => [
-          e.searchOpen ? (h(), p(f, { key: 0 })) : B("", !0)
-        ]),
-        _: 1
-      }, 8, ["onAfterEnter"]),
-      r(w, { name: "header-fade" }, {
-        default: d(() => [
-          _(g("div", {
-            class: "tw-absolute tw-z-modal tw-h-full tw-inset-x-0 tw-bg-eco-green-4 bg-opacity-50 tw-min-h-screen",
-            style: { top: "3.75rem" },
-            onClick: n[2] || (n[2] = (...v) => e.closeSearch && e.closeSearch(...v))
-          }, [
-            g("div", {
-              class: "tw-bg-secondary tw-w-full",
-              onMouseover: n[0] || (n[0] = (v) => e.onHover(e.activeHeaderItem, e.menuComponent)),
-              onMouseout: n[1] || (n[1] = (v) => e.onHover())
+      u(k, { name: "header-fade" }, {
+        default: f(() => [
+          g(m("div", K, [
+            m("div", {
+              class: "tw-bg-primary",
+              style: M(t.menuPosition),
+              onMouseover: n[0] || (n[0] = (w) => t.onHover(t.activeHeaderItem, t.menuComponent)),
+              onMouseout: n[1] || (n[1] = (w) => t.onHover())
             }, [
-              g("div", U, [
-                (h(), p(I(e.menuComponent), {
+              m("div", V, [
+                (v(), h(B(t.menuComponent), {
                   ref: "menuComponentInstance",
-                  "logged-in": t.loggedIn,
-                  "login-url": t.loginUrl,
-                  "user-id": t.userId,
-                  balance: t.balance,
-                  "is-borrower": t.isBorrower,
-                  "is-trustee": t.isTrustee,
-                  onLoadLendMenuData: e.emitLendMenuEvent
-                }, null, 40, ["logged-in", "login-url", "user-id", "balance", "is-borrower", "is-trustee", "onLoadLendMenuData"]))
+                  "logged-in": e.loggedIn,
+                  "login-url": e.loginUrl,
+                  "user-id": e.userId,
+                  balance: e.balance,
+                  "is-borrower": e.isBorrower,
+                  "is-trustee": e.isTrustee,
+                  "my-dashboard-url": e.myDashboardUrl,
+                  onLoadLendMenuData: t.emitLendMenuEvent
+                }, null, 40, ["logged-in", "login-url", "user-id", "balance", "is-borrower", "is-trustee", "my-dashboard-url", "onLoadLendMenuData"]))
               ])
-            ], 32)
+            ], 36)
           ], 512), [
-            [b, e.menuOpen || e.searchOpen]
+            [p, t.menuOpen]
           ])
         ]),
         _: 1
@@ -196,7 +161,7 @@ function z(C, n, t, e, m, k) {
     _: 1
   });
 }
-const te = /* @__PURE__ */ V(D, [["render", z], ["__scopeId", "data-v-2269b77f"]]);
+const F = /* @__PURE__ */ T(U, [["render", z], ["__scopeId", "data-v-bd1e99de"]]);
 export {
-  te as default
+  F as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kiva/kv-components",
-  "version": "6.46.0",
+  "version": "6.47.0",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -63,7 +63,6 @@
     "eslint-plugin-vue": "^7.9.0",
     "flag-icons": "^7.3.0",
     "focus-trap": "^6.9.4",
-    "fuse.js": "^7.1.0",
     "graphql-tag": "^2.12.6",
     "import-meta-loader": "^1.1.0",
     "jest": "^27.4.3",
@@ -114,5 +113,5 @@
     "embla-carousel-fade",
     "popper.js"
   ],
-  "gitHead": "10e63d7a940721ead5070aff7d1b4f6fb45aa58d"
+  "gitHead": "f741923b1b8b537eb11232bcdf53a09dc2d35ee2"
 }

package/dist/utils/event.js

@@ -1,7 +0,0 @@
-import { onMounted as t, onUnmounted as r } from "vue";
-function i(e, n, o) {
-  t(() => e.value.addEventListener(n, o)), r(() => e.value.removeEventListener(n, o));
-}
-export {
-  i as useEventListener
-};

package/dist/utils/loanSearch/queryParamUtils.js

@@ -1,13 +0,0 @@
-function s(t) {
-  const e = [
-    "activity",
-    "city_state",
-    "loanTags",
-    "state",
-    "loanLimit"
-  ];
-  return Object.keys(t).filter((a) => e.includes(a)).length > 0;
-}
-export {
-  s as hasExcludedQueryParams
-};

package/dist/utils/markMatches.js

@@ -1,12 +0,0 @@
-function i(a, r) {
-  if (!r || !r.length)
-    return a;
-  const e = r.map((t) => t[0]).flat(), f = r.map((t) => t[1]).flat();
-  return Array.from(a).map((t, n) => {
-    const s = e.indexOf(n) > -1 ? '<mark class="tw-bg-tertiary tw-rounded-sm tw-mix-blend-multiply tw-p-0.5 tw--m-0.5">' : "", c = f.indexOf(n) > -1 ? "</mark>" : "";
-    return `${s}${t}${c}`;
-  }).join("");
-}
-export {
-  i as default
-};

package/dist/utils/searchEngine.js

@@ -1,56 +0,0 @@
-import a from "fuse.js";
-import { startsWith as u } from "./comparators.js";
-class p {
-  constructor(e = []) {
-    this.ready = new Promise((s) => {
-      this.resolveReady = s;
-    }), e.length && this.init(e);
-  }
-  /**
-    * Resets the engine with the provided data
-    *
-    * @param data The data to reset with
-    */
-  reset(e) {
-    this.fuse ? this.fuse.setCollection(e) : this.init(e);
-  }
-  /**
-    * Initializes the engine with the provided data
-    *
-    * @param data The data to use
-    */
-  init(e) {
-    var s;
-    this.fuse = new a(e, {
-      threshold: 0.25,
-      distance: 1e5,
-      includeMatches: !0,
-      keys: ["label", "keywords"]
-    }), (s = this.resolveReady) == null || s.call(this);
-  }
-  /**
-    * Searches using Fuze
-    *
-    * @param query The query to search
-    * @returns Matching results with results that start with query sorted first
-    */
-  search(e) {
-    return this.ready.then(() => new Promise((s) => {
-      var h;
-      const i = (h = this.fuse) == null ? void 0 : h.search(e), r = i == null ? void 0 : i.filter((o) => {
-        var t;
-        return (t = o.matches) == null ? void 0 : t.length;
-      }), n = r == null ? void 0 : r.map(({ item: o, matches: t }) => {
-        var l;
-        return {
-          ...o,
-          matches: (l = t == null ? void 0 : t.map((c) => c.indices)) == null ? void 0 : l.flat()
-        };
-      });
-      s((n == null ? void 0 : n.sort(u(e, "label"))) ?? []);
-    }));
-  }
-}
-export {
-  p as default
-};

package/dist/utils/siteSearch.js

@@ -1,112 +0,0 @@
-import { ref as s, computed as f, watch as b } from "vue";
-import { gql as q } from "@apollo/client/core";
-import { useEventListener as g } from "./event.js";
-import x from "./markMatches.js";
-import { hasExcludedQueryParams as I } from "./loanSearch/queryParamUtils.js";
-import G from "./searchEngine.js";
-import { groupBy as U } from "./arrayUtils.js";
-const d = {}, S = [
-  "Gender",
-  "Regions",
-  "Countries and Territories",
-  "United States",
-  "U.S. cities",
-  "Sectors",
-  "Group or Individual",
-  "Attributes",
-  "User tags",
-  "Partners",
-  "Gifts"
-];
-function O() {
-  const i = s(null), o = s(""), v = s(""), t = s(-1), c = s([]), m = new G(), l = f(() => {
-    const e = U(c.value, "group");
-    return Object.keys(e).map((r) => {
-      const a = e[r].slice(0, 5).map((n) => ({
-        ...n,
-        html: x(n.label, n.matches)
-      }));
-      return { name: r, suggestions: a };
-    }).sort((r, a) => {
-      const n = S.indexOf(r.name), u = S.indexOf(a.name);
-      return n === -1 && u === -1 ? r.name.localeCompare(a.name) : n === -1 ? 1 : u === -1 ? -1 : n - u;
-    });
-  }), p = f(() => l.value.reduce((e, r) => e + r.suggestions.length, 0)), w = (e) => {
-    e.query({
-      query: q`
-				query LoanSearchSuggestions {
-					lend {
-						loanSearchSuggestions {
-							group
-							label
-							query
-						}
-					}
-				}
-			`
-    }).then(({ data: r }) => {
-      r && r.lend && m.reset([
-        ...r.lend.loanSearchSuggestions,
-        {
-          group: "Gifts",
-          label: "Kiva Cards",
-          keywords: ["gift card", "kiva card", "gift", "gift certificate"],
-          url: "https://www.kiva.org/gifts/kiva-cards"
-        },
-        {
-          group: "Gifts",
-          label: "Kiva Store",
-          keywords: ["gift card", "kiva card", "gift", "gift certificate"],
-          url: "https://store.kiva.org"
-        }
-      ]);
-    });
-  }, h = f(() => {
-    if (t.value === -1)
-      return {};
-    let e = t.value, r = 0;
-    for (; e >= l.value[r].suggestions.length; )
-      e -= l.value[r].suggestions.length, r += 1;
-    return l.value[r].suggestions[e];
-  });
-  return b(h, (e) => {
-    v.value = (e == null ? void 0 : e.label) ?? o.value;
-  }), g(i, "input", (e) => {
-    e.target.value !== o.value && (o.value = e.target.value, t.value = -1, o.value.length > 0 ? m.search(o.value).then((r) => {
-      c.value = r;
-    }) : c.value = []);
-  }), g(i, "keydown", (e) => {
-    e.key === "ArrowUp" ? (e.preventDefault(), t.value === -1 && (t.value = p.value), t.value -= 1) : e.key === "ArrowDown" && (e.preventDefault(), t.value += 1, t.value === p.value && (t.value = -1));
-  }), g(i, "blur", () => {
-    t.value = -1;
-  }), {
-    searchInput: i,
-    displayTerm: v,
-    suggestionSections: l,
-    highlightedSuggestion: h,
-    getSuggestions: w,
-    runSearch: (e) => {
-      const r = typeof e == "object";
-      if (r && e.url)
-        window.location.href = e.url;
-      else {
-        let a;
-        if (r && e.query) {
-          const [y, k] = e.query.split("=");
-          a = { [y]: k };
-        } else
-          a = { queryString: e };
-        let n = "/lend/filter";
-        I(a) && (n = "/lend");
-        const u = new URLSearchParams(a).toString();
-        window.location.href = `${window.location.origin}${n}?${u}`;
-      }
-    }
-  };
-}
-function K(i = "default") {
-  return d[i] || (d[i] = O()), d[i];
-}
-export {
-  K as useSiteSearch
-};

package/dist/vue/KvWwwHeader/KvHeaderSearchBar.js

@@ -1,72 +0,0 @@
-import { ref as f, resolveComponent as u, resolveDirective as h, openBlock as c, createElementBlock as w, withDirectives as d, createElementVNode as p, withKeys as v, vModelText as y, createVNode as x, normalizeClass as _, createTextVNode as S } from "vue";
-import { useSiteSearch as g } from "../../utils/siteSearch.js";
-import { mdiMagnify as k } from "@mdi/js";
-import b from "../KvMaterialIcon.js";
-import T from "../../_virtual/_plugin-vue_export-helper.js";
-const V = {
-  components: {
-    KvMaterialIcon: b
-  },
-  emits: [
-    "close-search"
-  ],
-  setup(m, { emit: t }) {
-    const {
-      searchInput: n,
-      displayTerm: e,
-      runSearch: i,
-      getSuggestions: a
-    } = g(), o = f(!1);
-    return {
-      mdiMagnify: k,
-      closeSearch: () => {
-        o.value = !1, t("close-search");
-      },
-      displayTerm: e,
-      onOpen: () => {
-        var s;
-        o.value = !0, (s = n.value) == null || s.focus();
-      },
-      searchInput: n,
-      searchExitVisible: o,
-      runSearch: i,
-      getSuggestions: a
-    };
-  }
-}, E = { class: "tw-inline-flex tw-pl-1.5 md:tw-pl-0 tw-w-full" }, C = { class: "tw-flex-none tw-order-first tw-inline-flex tw-items-center tw-my-1.5 tw-p-0.5 tw-rounded-l tw-bg-tertiary peer-placeholder-shown:tw-bg-secondary tw-transition-colors tw-duration-100" };
-function K(m, t, n, e, i, a) {
-  const o = u("kv-material-icon"), l = h("kv-track-event");
-  return c(), w("div", E, [
-    d(p("input", {
-      ref: "searchInput",
-      "onUpdate:modelValue": t[0] || (t[0] = (r) => e.displayTerm = r),
-      type: "text",
-      placeholder: "Search",
-      class: "tw-peer tw-flex-1 tw-min-w-0 tw-my-1.5 tw-px-1 tw-rounded-r tw-bg-tertiary placeholder-shown:tw-bg-secondary focus:tw-outline-none placeholder:tw-text-gray-300 placeholder:tw-font-medium tw-transition-colors tw-duration-100",
-      onKeydown: t[1] || (t[1] = v((r) => e.runSearch(e.displayTerm), ["enter"]))
-    }, null, 544), [
-      [y, e.displayTerm]
-    ]),
-    p("div", C, [
-      x(o, {
-        class: "tw-w-3 tw-h-3",
-        icon: e.mdiMagnify
-      }, null, 8, ["icon"])
-    ]),
-    d((c(), w("button", {
-      class: _(["tw-px-2.5 tw-transition-opacity", {
-        "tw-opacity-full tw-duration-300": e.searchExitVisible,
-        "tw-opacity-0 tw-duration-100": !e.searchExitVisible
-      }]),
-      onClick: t[2] || (t[2] = (...r) => e.closeSearch && e.closeSearch(...r))
-    }, t[3] || (t[3] = [
-      S(" Cancel ")
-    ]), 2)), [
-      [l, ["TopNav", "click-cancel-search"]]
-    ])
-  ]);
-}
-const O = /* @__PURE__ */ T(V, [["render", K]]);
-export {
-  O as default
-};

package/dist/vue/KvWwwHeader/KvHeaderSearchSuggestions.css

@@ -1 +0,0 @@
-.search-results[data-v-f3f87a06]{top:3.75rem}

package/dist/vue/KvWwwHeader/KvHeaderSearchSuggestions.js

@@ -1,57 +0,0 @@
-import { useSiteSearch as h } from "../../utils/siteSearch.js";
-import { withDirectives as u, openBlock as t, createElementBlock as e, createElementVNode as i, Fragment as d, renderList as c, toDisplayString as w, normalizeClass as m, withModifiers as p, vShow as _ } from "vue";
-import "./KvHeaderSearchSuggestions.css";
-import g from "../../_virtual/_plugin-vue_export-helper.js";
-const f = {
-  setup() {
-    const {
-      suggestionSections: a,
-      highlightedSuggestion: r,
-      runSearch: l
-    } = h();
-    return {
-      suggestionSections: a,
-      highlightedSuggestion: r,
-      runSearch: l
-    };
-  }
-}, S = { class: "search-results tw-absolute tw-bg-primary tw-border tw-border-tertiary tw-p-2.5 tw-w-full tw-z-popover" }, v = {
-  style: {
-    "max-width": "600px"
-  },
-  class: "tw-mx-auto"
-}, y = ["data-testid"], b = { class: "tw-text-base tw-py-0.5" }, x = ["onClick"], k = ["innerHTML"];
-function M(a, r, l, o, C, H) {
-  return u((t(), e("div", S, [
-    i("ol", v, [
-      (t(!0), e(d, null, c(o.suggestionSections, (s) => (t(), e("li", {
-        key: s.name,
-        "data-testid": `header-search-results-${s.name}`
-      }, [
-        i("h2", b, w(s.name), 1),
-        i("ol", null, [
-          (t(!0), e(d, null, c(s.suggestions, (n) => (t(), e("li", {
-            key: n.label,
-            "data-testid": "header-search-result-item",
-            class: m(["tw-pl-1.5 tw-py-0.5 tw-rounded-sm tw-font-medium tw-cursor-pointer hover:tw-bg-tertiary hover:tw-underline", {
-              "tw-bg-tertiary tw-underline": o.highlightedSuggestion === n
-            }]),
-            onMousedown: r[0] || (r[0] = p(() => {
-            }, ["prevent"])),
-            onClick: (L) => o.runSearch(n)
-          }, [
-            i("span", {
-              innerHTML: n.html
-            }, null, 8, k)
-          ], 42, x))), 128))
-        ])
-      ], 8, y))), 128))
-    ])
-  ], 512)), [
-    [_, o.suggestionSections.length]
-  ]);
-}
-const T = /* @__PURE__ */ g(f, [["render", M], ["__scopeId", "data-v-f3f87a06"]]);
-export {
-  T as default
-};