@kiva/kv-components 6.40.1 → 6.40.3

package/dist/index.js

@@ -66,26 +66,27 @@ import { default as ho } from "./vue/KvVotingCardV2.js";
 import { KV_WIDE_LOAN_CARD_FRAGMENT as Vo, KV_WIDE_LOAN_CARD_USER_FRAGMENT as Bo, default as ko } from "./vue/KvWideLoanCard.js";
 import { default as bo } from "./vue/KvAtbModal.js";
 import { default as Uo } from "./vue/KvSecondaryNav.js";
-import { default as Wo, Mash as Ho } from "./utils/Alea.js";
-import { useAttrs as zo } from "./utils/attrs.js";
-import { carouselUtil as qo } from "./utils/carousels.js";
-import { collapse as Xo, expand as Yo } from "./utils/expander.js";
-import { isLegacyPlaceholderAvatar as $o, randomizedUserAvatarClass as er } from "./utils/imageUtils.js";
-import { LOAN_CALLOUTS_FRAGMENT as rr, LOAN_GEOCODE_FRAGMENT as tr, LOAN_PROGRESS_FRAGMENT as ar, loanCardComputedProperties as fr, loanCardMethods as lr } from "./utils/loanCard.js";
-import { BALANCE_CAMPAIGN as dr, BASE_CAMPAIGN as mr, ERL_COOKIE_NAME as pr, NO_BALANCE_CAMPAIGN as ur, TOP_UP_CAMPAIGN as xr, getDropdownPriceArray as nr, getLendCtaSelectedOption as Kr, isBetween25And50 as vr, isLessThan25 as Ar } from "./utils/loanUtils.js";
-import { animationCoordinator as ir, generateMapMarkers as _r, getCoordinatesBetween as Lr, getCountryColor as Nr, getLoansIntervals as Tr } from "./utils/mapUtils.js";
-import { lockPrintSingleEl as Er, unlockPrintSingleEl as Rr } from "./utils/printing.js";
-import { lockScroll as Mr, lockScrollSmallOnly as Sr, unlockScroll as Ir, unlockScrollSmallOnly as Gr } from "./utils/scrollLock.js";
-import { buildTailwindClassName as Pr, headerNumberCase as hr, kebabCase as Fr, removeObjectProperty as Vr } from "./utils/themeUtils.js";
-import { throttle as kr } from "./utils/throttle.js";
-import { isTargetElement as br, offBodyTouchstart as yr, onBodyTouchstart as Ur } from "./utils/touchEvents.js";
-import { getTreemap as Wr } from "./utils/treemap.js";
-import { KvBlueskyIcon as jr } from "./assets/icons/bluesky.js";
+import { default as Wo } from "./vue/KvWwwHeader.js";
+import { default as jo, Mash as zo } from "./utils/Alea.js";
+import { useAttrs as qo } from "./utils/attrs.js";
+import { carouselUtil as Xo } from "./utils/carousels.js";
+import { collapse as Zo, expand as $o } from "./utils/expander.js";
+import { isLegacyPlaceholderAvatar as or, randomizedUserAvatarClass as rr } from "./utils/imageUtils.js";
+import { LOAN_CALLOUTS_FRAGMENT as ar, LOAN_GEOCODE_FRAGMENT as fr, LOAN_PROGRESS_FRAGMENT as lr, loanCardComputedProperties as sr, loanCardMethods as dr } from "./utils/loanCard.js";
+import { BALANCE_CAMPAIGN as pr, BASE_CAMPAIGN as ur, ERL_COOKIE_NAME as xr, NO_BALANCE_CAMPAIGN as nr, TOP_UP_CAMPAIGN as Kr, getDropdownPriceArray as vr, getLendCtaSelectedOption as Ar, isBetween25And50 as Cr, isLessThan25 as ir } from "./utils/loanUtils.js";
+import { animationCoordinator as Lr, generateMapMarkers as Nr, getCoordinatesBetween as Tr, getCountryColor as cr, getLoansIntervals as Er } from "./utils/mapUtils.js";
+import { lockPrintSingleEl as Or, unlockPrintSingleEl as Mr } from "./utils/printing.js";
+import { lockScroll as Ir, lockScrollSmallOnly as Gr, unlockScroll as gr, unlockScrollSmallOnly as Pr } from "./utils/scrollLock.js";
+import { buildTailwindClassName as Fr, headerNumberCase as Vr, kebabCase as Br, removeObjectProperty as kr } from "./utils/themeUtils.js";
+import { throttle as br } from "./utils/throttle.js";
+import { isTargetElement as Ur, offBodyTouchstart as wr, onBodyTouchstart as Wr } from "./utils/touchEvents.js";
+import { getTreemap as jr } from "./utils/treemap.js";
+import { KvBlueskyIcon as Qr } from "./assets/icons/bluesky.js";
 export {
-  Wo as Alea,
-  dr as BALANCE_CAMPAIGN,
-  mr as BASE_CAMPAIGN,
-  pr as ERL_COOKIE_NAME,
+  jo as Alea,
+  pr as BALANCE_CAMPAIGN,
+  ur as BASE_CAMPAIGN,
+  xr as ERL_COOKIE_NAME,
   E as KV_CLASSIC_LOAN_CARD_FRAGMENT,
   R as KV_CLASSIC_LOAN_CARD_USER_FRAGMET,
   ae as KV_INTRODUCTION_LOAN_CARD_FRAGMENT,
@@ -101,7 +102,7 @@ export {
   r as KvAccordionItem,
   a as KvActivityRow,
   bo as KvAtbModal,
-  jr as KvBlueskyIcon,
+  Qr as KvBlueskyIcon,
   l as KvBorrowerImage,
   d as KvButton,
   p as KvCardFrame,
@@ -167,42 +168,43 @@ export {
   go as KvVotingCard,
   ho as KvVotingCardV2,
   ko as KvWideLoanCard,
-  rr as LOAN_CALLOUTS_FRAGMENT,
-  tr as LOAN_GEOCODE_FRAGMENT,
-  ar as LOAN_PROGRESS_FRAGMENT,
-  Ho as Mash,
-  ur as NO_BALANCE_CAMPAIGN,
-  xr as TOP_UP_CAMPAIGN,
-  ir as animationCoordinator,
-  Pr as buildTailwindClassName,
-  qo as carouselUtil,
-  Xo as collapse,
-  Yo as expand,
-  _r as generateMapMarkers,
-  Lr as getCoordinatesBetween,
-  Nr as getCountryColor,
-  nr as getDropdownPriceArray,
-  Kr as getLendCtaSelectedOption,
-  Tr as getLoansIntervals,
-  Wr as getTreemap,
-  hr as headerNumberCase,
-  vr as isBetween25And50,
-  $o as isLegacyPlaceholderAvatar,
-  Ar as isLessThan25,
-  br as isTargetElement,
-  Fr as kebabCase,
-  fr as loanCardComputedProperties,
-  lr as loanCardMethods,
-  Er as lockPrintSingleEl,
-  Mr as lockScroll,
-  Sr as lockScrollSmallOnly,
-  yr as offBodyTouchstart,
-  Ur as onBodyTouchstart,
-  er as randomizedUserAvatarClass,
-  Vr as removeObjectProperty,
-  kr as throttle,
-  Rr as unlockPrintSingleEl,
-  Ir as unlockScroll,
-  Gr as unlockScrollSmallOnly,
-  zo as useAttrs
+  Wo as KvWwwHeader,
+  ar as LOAN_CALLOUTS_FRAGMENT,
+  fr as LOAN_GEOCODE_FRAGMENT,
+  lr as LOAN_PROGRESS_FRAGMENT,
+  zo as Mash,
+  nr as NO_BALANCE_CAMPAIGN,
+  Kr as TOP_UP_CAMPAIGN,
+  Lr as animationCoordinator,
+  Fr as buildTailwindClassName,
+  Xo as carouselUtil,
+  Zo as collapse,
+  $o as expand,
+  Nr as generateMapMarkers,
+  Tr as getCoordinatesBetween,
+  cr as getCountryColor,
+  vr as getDropdownPriceArray,
+  Ar as getLendCtaSelectedOption,
+  Er as getLoansIntervals,
+  jr as getTreemap,
+  Vr as headerNumberCase,
+  Cr as isBetween25And50,
+  or as isLegacyPlaceholderAvatar,
+  ir as isLessThan25,
+  Ur as isTargetElement,
+  Br as kebabCase,
+  sr as loanCardComputedProperties,
+  dr as loanCardMethods,
+  Or as lockPrintSingleEl,
+  Ir as lockScroll,
+  Gr as lockScrollSmallOnly,
+  wr as offBodyTouchstart,
+  Wr as onBodyTouchstart,
+  rr as randomizedUserAvatarClass,
+  kr as removeObjectProperty,
+  br as throttle,
+  Mr as unlockPrintSingleEl,
+  gr as unlockScroll,
+  Pr as unlockScrollSmallOnly,
+  qo as useAttrs
 };

package/dist/utils/arrayUtils.js

@@ -0,0 +1,8 @@
+const o = (n, r) => n.reduce((t, e) => {
+  const c = e[r];
+  return t[c] || (t[c] = []), t[c].push(e), t;
+}, {}), u = (n) => (r, t) => r[n] > t[n] ? 1 : t[n] > r[n] ? -1 : 0;
+export {
+  o as groupBy,
+  u as sortBy
+};

package/dist/utils/comparators.js

@@ -0,0 +1,28 @@
+function a(o) {
+  return (t, r) => {
+    if (typeof t == "object" && typeof r == "object" && o)
+      return t[o].localeCompare(r[o]);
+    if (typeof t == "string" && typeof r == "string")
+      return t.localeCompare(r);
+  };
+}
+function b(o, t) {
+  const r = o.toLowerCase();
+  return (e, n) => {
+    const s = typeof e == "object", u = typeof n == "object", c = (s && t ? e[t] : e).toLowerCase(), i = (u && t ? n[t] : n).toLowerCase(), p = c.indexOf(r), f = i.indexOf(r);
+    return p === 0 ? f === 0 ? a()(c, i) : -1 : f === 0 ? 1 : a()(c, i);
+  };
+}
+function j(o, t) {
+  if (!Array.isArray(o))
+    throw new TypeError("list must be an array");
+  return (r, e) => {
+    const n = r[t], s = e[t];
+    return o.indexOf(n) < o.indexOf(s) ? -1 : 1;
+  };
+}
+export {
+  a as abc,
+  j as indexIn,
+  b as startsWith
+};

package/dist/utils/event.js

@@ -0,0 +1,7 @@
+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

@@ -0,0 +1,13 @@
+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

@@ -0,0 +1,12 @@
+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/paramCase.js

@@ -0,0 +1,6 @@
+function a(e) {
+  return e.replace(/([a-z])([A-Z])/g, "$1-$2").replace(/[\s_]+/g, "-").toLowerCase();
+}
+export {
+  a as default
+};

package/dist/utils/searchEngine.js

@@ -0,0 +1,56 @@
+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

@@ -0,0 +1,112 @@
+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/KvIconBag.js

@@ -0,0 +1,41 @@
+import { openBlock as n, createElementBlock as s, createElementVNode as t, toDisplayString as l } from "vue";
+import r from "../_virtual/_plugin-vue_export-helper.js";
+const i = {
+  props: {
+    count: {
+      type: Number,
+      default: 0
+    }
+  }
+}, f = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24"
+}, c = { id: "countMask" }, d = {
+  x: "12",
+  y: "17",
+  fill: "#000",
+  style: { "font-size": "9px", "font-weight": "631", "text-anchor": "middle" }
+};
+function u(p, o, e, a, m, _) {
+  return n(), s("svg", f, [
+    t("defs", null, [
+      t("mask", c, [
+        o[0] || (o[0] = t("rect", {
+          width: "100%",
+          height: "100%",
+          fill: "#fff"
+        }, null, -1)),
+        t("text", d, l(e.count), 1)
+      ])
+    ]),
+    o[1] || (o[1] = t("path", {
+      d: "M12,3A3,3 0 0,1 15,6H9A3,3 0 0,1 12,3M19,6H17A5,5 0 0,0 12,1A5,5 0 0,0 7,6H5C3.89,6 3,6.89 3,8V20A2,2 0 0,0 5,22H19A2,2 0 0,0 21,20V8C21,6.89 20.1,6 19,6Z",
+      fill: "currentColor",
+      mask: "url(#countMask)"
+    }, null, -1))
+  ]);
+}
+const h = /* @__PURE__ */ r(i, [["render", u]]);
+export {
+  h as default
+};

package/dist/vue/KvLogo.js

@@ -0,0 +1,18 @@
+import { openBlock as e, createElementBlock as t, createElementVNode as c } from "vue";
+import r from "../_virtual/_plugin-vue_export-helper.js";
+const n = {}, h = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 57 23"
+};
+function l(m, o) {
+  return e(), t("svg", h, o[0] || (o[0] = [
+    c("path", {
+      d: "M4.695.391H0v22.141h4.695V.391zm12.899 22.141h4.695V7.011h-4.695v15.521zm12.159 0h5.413l5.413-15.521h-4.662s-2.544 8.445-3.293 11.119h-.066c-.75-2.674-3.326-11.119-3.326-11.119h-4.956l5.477 15.521zm-23.537-8.31c7.37 0 9.092-6.158 9.092-7.21h-.637c-7.372 0-9.094 6.157-9.094 7.21h.639zm-.639.969c0 1.117 1.276 7.403 9.222 7.403h.638c0-1.119-1.277-7.403-9.221-7.403h-.639zM22.746 2.739C22.746 1.272 21.671 0 19.941 0c-1.727 0-2.804 1.272-2.804 2.739 0 1.468 1.077 2.739 2.804 2.739 1.73 0 2.805-1.271 2.805-2.739M57 7.011h-4.532V9.13c-.783-1.631-2.608-2.543-4.729-2.543-3.848 0-6.88 3.129-6.88 8.184 0 5.087 2.935 8.185 6.652 8.185 2.608 0 4.173-1.272 4.956-2.675v2.25H57V7.011zm-4.663 8.151c0 2.871-1.76 4.208-3.522 4.208-1.924 0-3.163-1.956-3.163-4.598 0-2.608 1.305-4.598 3.326-4.598 1.663 0 3.359 1.37 3.359 4.206v.782z",
+      fill: "currentColor"
+    }, null, -1)
+  ]));
+}
+const v = /* @__PURE__ */ r(n, [["render", l]]);
+export {
+  v as default
+};

package/dist/vue/KvWwwHeader/KvHeaderLinkBar.css

@@ -0,0 +1 @@
+.header-link[data-v-850c5e69]{cursor:pointer;padding:1rem .5rem;--tw-text-opacity: 1;color:rgba(var(--text-primary),var(--tw-text-opacity, 1));text-decoration-line:none}.header-link[data-v-850c5e69]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1));text-decoration-line:none}@media (min-width: 64rem){.header-link[data-v-850c5e69]{padding-left:1.25rem;padding-right:1.25rem}}

package/dist/vue/KvWwwHeader/KvHeaderLinkBar.js

@@ -0,0 +1,176 @@
+import { defineAsyncComponent as f, ref as i, resolveComponent as g, resolveDirective as L, openBlock as l, createElementBlock as a, normalizeClass as o, createVNode as s, createCommentVNode as m, withDirectives as c, createTextVNode as h, createElementVNode as w } from "vue";
+import { mdiAccountCircle as H, mdiChevronDown as B, mdiMagnify as C, mdiMenu as N } from "@mdi/js";
+import S from "../KvMaterialIcon.js";
+import p from "../KvIconBag.js";
+import "./KvHeaderLinkBar.css";
+import T from "../../_virtual/_plugin-vue_export-helper.js";
+const U = f(() => import("./KvHeaderMobileMenu.js")), A = f(() => import("./KvHeaderMyKivaMenu.js")), D = f(() => import("./LendMenu/KvLendMenu.js")), V = {
+  components: {
+    KvMaterialIcon: S,
+    KvIconBag: p
+  },
+  props: {
+    loggedIn: {
+      type: Boolean,
+      default: !1
+    },
+    basketCount: {
+      type: Number,
+      default: 0
+    },
+    openMenuItem: {
+      type: [Object, Function],
+      default: null
+    },
+    loginUrl: {
+      type: String,
+      default: "/ui-login"
+    }
+  },
+  emits: [
+    "item-hover",
+    "open-search"
+  ],
+  setup(y, { emit: e }) {
+    const t = i(null), n = i(null), M = i(null), b = i(null), d = i(null), k = i(null), u = i(null), r = i(null), I = i(null), x = i(null);
+    return {
+      mdiAccountCircle: H,
+      mdiChevronDown: B,
+      mdiMagnify: C,
+      mdiMenu: N,
+      onHover: (v, K) => {
+        e("item-hover", v, K);
+      },
+      openSearch: () => {
+        var v;
+        e("open-search", (v = r.value) == null ? void 0 : v.offsetLeft);
+      },
+      avatar: t,
+      lendButton: n,
+      aboutUsLink: M,
+      partnerWithUsLink: b,
+      borrowLink: d,
+      supportKivaLink: k,
+      basketLink: u,
+      searchButton: r,
+      signInLink: I,
+      menuButton: x,
+      KvHeaderMobileMenu: U,
+      KvHeaderMyKivaMenu: A,
+      KvLendMenu: D
+    };
+  }
+}, _ = { class: "tw-h-full tw-flex tw-items-center" }, E = ["href"];
+function W(y, e, t, n, M, b) {
+  const d = g("kv-material-icon"), k = g("kv-icon-bag"), u = L("kv-track-event");
+  return l(), a("div", _, [
+    t.loggedIn ? (l(), a("button", {
+      key: 0,
+      ref: "avatar",
+      class: o(["header-link lg:tw-order-last tw-inline-flex", {
+        "tw-text-tertiary": t.openMenuItem && t.openMenuItem !== n.KvHeaderMyKivaMenu
+      }]),
+      onMouseover: e[0] || (e[0] = (r) => n.onHover(n.avatar, n.KvHeaderMyKivaMenu)),
+      onMouseout: e[1] || (e[1] = (r) => n.onHover())
+    }, [
+      s(d, {
+        icon: n.mdiAccountCircle,
+        class: "tw-w-3"
+      }, null, 8, ["icon"])
+    ], 34)) : m("", !0),
+    c((l(), a("a", {
+      ref: "lendButton",
+      href: "/lend-by-category",
+      class: o(["tw-px-1.5 tw-py-1 tw-mx-1 tw-border-2 tw-text-eco-green-3 tw-border-current tw-no-underline hover:tw-no-underline tw-inline-flex tw-items-center", {
+        "tw-text-tertiary": t.openMenuItem && t.openMenuItem !== n.KvLendMenu
+      }]),
+      style: { "border-radius": "1rem" },
+      onMouseover: e[2] || (e[2] = (r) => n.onHover(n.lendButton, n.KvLendMenu)),
+      onMouseout: e[3] || (e[3] = (r) => n.onHover())
+    }, [
+      e[7] || (e[7] = h(" Lend ")),
+      e[8] || (e[8] = w("span", { class: "tw-hidden lg:tw-inline tw-ml-0.5" }, "now", -1)),
+      s(d, {
+        class: o(["tw-hidden md:tw-inline tw-w-3 tw-ml-0.5 tw-transition-transform tw-duration-300", { "tw-rotate-180": t.openMenuItem === n.KvLendMenu }]),
+        icon: n.mdiChevronDown
+      }, null, 8, ["class", "icon"])
+    ], 34)), [
+      [u, ["TopNav", "click-Lend"]]
+    ]),
+    w("a", {
+      ref: "aboutUsLink",
+      href: "/about",
+      class: o(["header-link tw-hidden lg:tw-block", { "tw-text-tertiary": !!t.openMenuItem }])
+    }, " About us ", 2),
+    w("a", {
+      ref: "partnerWithUsLink",
+      href: "/about/partner-with-us",
+      class: o(["header-link tw-hidden lg:tw-block", { "tw-text-tertiary": !!t.openMenuItem }])
+    }, " Partner with us ", 2),
+    e[10] || (e[10] = w("div", { class: "tw-flex-1 tw-h-full" }, null, -1)),
+    t.loggedIn ? m("", !0) : (l(), a("a", {
+      key: 1,
+      ref: "borrowLink",
+      href: "/borrow",
+      class: o(["header-link tw-hidden lg:tw-block", { "tw-text-tertiary": !!t.openMenuItem }])
+    }, " Borrow ", 2)),
+    w("a", {
+      ref: "supportKivaLink",
+      href: "/donate/supportus",
+      class: o(["header-link tw-hidden lg:tw-block", { "tw-text-tertiary": !!t.openMenuItem }])
+    }, " Support Kiva ", 2),
+    t.basketCount > 0 ? c((l(), a("a", {
+      key: 2,
+      ref: "basketLink",
+      href: "/basket",
+      class: o(["header-link tw-relative", { "tw-text-tertiary": !!t.openMenuItem }])
+    }, [
+      s(k, {
+        class: "tw-w-3 tw-h-3 tw-pointer-events-none",
+        count: t.basketCount
+      }, null, 8, ["count"])
+    ], 2)), [
+      [u, ["TopNav", "click-Basket"]]
+    ]) : m("", !0),
+    c((l(), a("button", {
+      ref: "searchButton",
+      class: o(["header-link tw-flex", {
+        "tw-text-tertiary": !!t.openMenuItem
+      }]),
+      onClick: e[4] || (e[4] = (...r) => n.openSearch && n.openSearch(...r))
+    }, [
+      s(d, {
+        class: "tw-w-3 tw-h-3",
+        icon: n.mdiMagnify
+      }, null, 8, ["icon"])
+    ], 2)), [
+      [u, ["TopNav", "click-Search-toggle"]]
+    ]),
+    t.loggedIn ? m("", !0) : c((l(), a("a", {
+      key: 3,
+      ref: "signInLink",
+      href: t.loginUrl,
+      class: o(["header-link tw-hidden lg:tw-block", { "tw-text-tertiary": !!t.openMenuItem }])
+    }, e[9] || (e[9] = [
+      h(" Sign in ")
+    ]), 10, E)), [
+      [u, ["TopNav", "click-Sign-in"]]
+    ]),
+    c((l(), a("button", {
+      ref: "menuButton",
+      class: o(["header-link tw-inline-flex lg:tw-hidden", {
+        "tw-text-tertiary": t.openMenuItem && t.openMenuItem !== n.KvHeaderMobileMenu
+      }]),
+      onMouseover: e[5] || (e[5] = (r) => n.onHover(n.menuButton, n.KvHeaderMobileMenu)),
+      onMouseout: e[6] || (e[6] = (r) => n.onHover())
+    }, [
+      s(d, { icon: n.mdiMenu }, null, 8, ["icon"])
+    ], 34)), [
+      [u, t.openMenuItem === n.KvHeaderMobileMenu ? ["TopNav", "click-Hamburger-menu"] : null]
+    ])
+  ]);
+}
+const Q = /* @__PURE__ */ T(V, [["render", W], ["__scopeId", "data-v-850c5e69"]]);
+export {
+  Q as default
+};

package/dist/vue/KvWwwHeader/KvHeaderLogo.js

@@ -0,0 +1,18 @@
+import t from "../KvLogo.js";
+import { resolveComponent as e, openBlock as n, createElementBlock as r, createVNode as c } from "vue";
+import s from "../../_virtual/_plugin-vue_export-helper.js";
+const a = {
+  components: {
+    KvLogo: t
+  }
+}, m = { class: "tw-h-3 tw-w-2 md:tw-w-8 tw-overflow-hidden" };
+function p(_, d, l, w, f, i) {
+  const o = e("kv-logo");
+  return n(), r("div", m, [
+    c(o, { class: "tw-text-brand tw-w-auto tw-h-full tw-mx-auto" })
+  ]);
+}
+const x = /* @__PURE__ */ s(a, [["render", p]]);
+export {
+  x as default
+};

package/dist/vue/KvWwwHeader/KvHeaderMenuLink.js

@@ -0,0 +1,12 @@
+import { openBlock as t, createElementBlock as r, renderSlot as o } from "vue";
+import n from "../../_virtual/_plugin-vue_export-helper.js";
+const c = {}, s = { class: "tw-py-1.5 tw-cursor-pointer tw-no-underline hover:tw-no-underline tw-text-primary hover:tw-text-action" };
+function a(e, i) {
+  return t(), r("a", s, [
+    o(e.$slots, "default")
+  ]);
+}
+const _ = /* @__PURE__ */ n(c, [["render", a]]);
+export {
+  _ as default
+};