@kiva/kv-components 6.40.5 → 6.41.0

package/dist/vue/KvWwwHeader/KvHeaderLinkBar.css

@@ -1 +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}}
+.header-link[data-v-ed7c52d8]{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-ed7c52d8]: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-ed7c52d8]{padding-left:1.25rem;padding-right:1.25rem}}

package/dist/vue/KvWwwHeader/KvHeaderLinkBar.js

@@ -1,13 +1,13 @@
-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 { defineAsyncComponent as f, ref as i, onMounted as B, resolveComponent as g, resolveDirective as C, openBlock as l, createElementBlock as a, normalizeClass as o, createVNode as s, createCommentVNode as v, withDirectives as c, createTextVNode as h, createElementVNode as w } from "vue";
+import { mdiAccountCircle as p, mdiChevronDown as N, mdiMagnify as S, mdiMenu as T } from "@mdi/js";
+import U from "../KvMaterialIcon.js";
+import A 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 = {
+import D from "../../_virtual/_plugin-vue_export-helper.js";
+const V = f(() => import("./KvHeaderMobileMenu.js")), _ = f(() => import("./KvHeaderMyKivaMenu.js")), E = f(() => import("./LendMenu/KvLendMenu.js")), W = {
   components: {
-    KvMaterialIcon: S,
-    KvIconBag: p
+    KvMaterialIcon: U,
+    KvIconBag: A
   },
   props: {
     loggedIn: {
@@ -32,19 +32,21 @@ const U = f(() => import("./KvHeaderMobileMenu.js")), A = f(() => import("./KvHe
     "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);
-      },
+    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), K = (m, H) => {
+      e("item-hover", m, H);
+    }, L = () => {
+      var m;
+      e("open-search", (m = r.value) == null ? void 0 : m.offsetLeft);
+    };
+    return B(() => {
+      import("./KvHeaderMobileMenu.js"), import("./KvHeaderMyKivaMenu.js"), import("./LendMenu/KvLendMenu.js");
+    }), {
+      mdiAccountCircle: p,
+      mdiChevronDown: N,
+      mdiMagnify: S,
+      mdiMenu: T,
+      onHover: K,
+      openSearch: L,
       avatar: t,
       lendButton: n,
       aboutUsLink: M,
@@ -55,15 +57,15 @@ const U = f(() => import("./KvHeaderMobileMenu.js")), A = f(() => import("./KvHe
       searchButton: r,
       signInLink: I,
       menuButton: x,
-      KvHeaderMobileMenu: U,
-      KvHeaderMyKivaMenu: A,
-      KvLendMenu: D
+      KvHeaderMobileMenu: V,
+      KvHeaderMyKivaMenu: _,
+      KvLendMenu: E
     };
   }
-}, _ = { 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", _, [
+}, j = { class: "tw-h-full tw-flex tw-items-center" }, z = ["href"];
+function F(y, e, t, n, M, b) {
+  const d = g("kv-material-icon"), k = g("kv-icon-bag"), u = C("kv-track-event");
+  return l(), a("div", j, [
     t.loggedIn ? (l(), a("button", {
       key: 0,
       ref: "avatar",
@@ -77,7 +79,7 @@ function W(y, e, t, n, M, b) {
         icon: n.mdiAccountCircle,
         class: "tw-w-3"
       }, null, 8, ["icon"])
-    ], 34)) : m("", !0),
+    ], 34)) : v("", !0),
     c((l(), a("a", {
       ref: "lendButton",
       href: "/lend-by-category",
@@ -108,7 +110,7 @@ function W(y, e, t, n, M, b) {
       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", {
+    t.loggedIn ? v("", !0) : (l(), a("a", {
       key: 1,
       ref: "borrowLink",
       href: "/borrow",
@@ -131,7 +133,7 @@ function W(y, e, t, n, M, b) {
       }, null, 8, ["count"])
     ], 2)), [
       [u, ["TopNav", "click-Basket"]]
-    ]) : m("", !0),
+    ]) : v("", !0),
     c((l(), a("button", {
       ref: "searchButton",
       class: o(["header-link tw-flex", {
@@ -146,14 +148,14 @@ function W(y, e, t, n, M, b) {
     ], 2)), [
       [u, ["TopNav", "click-Search-toggle"]]
     ]),
-    t.loggedIn ? m("", !0) : c((l(), a("a", {
+    t.loggedIn ? v("", !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)), [
+    ]), 10, z)), [
       [u, ["TopNav", "click-Sign-in"]]
     ]),
     c((l(), a("button", {
@@ -170,7 +172,7 @@ function W(y, e, t, n, M, b) {
     ])
   ]);
 }
-const Q = /* @__PURE__ */ T(V, [["render", W], ["__scopeId", "data-v-850c5e69"]]);
+const R = /* @__PURE__ */ D(W, [["render", F], ["__scopeId", "data-v-ed7c52d8"]]);
 export {
-  Q as default
+  R as default
 };

package/dist/vue/KvWwwHeader/LendMenu/KvLendMegaMenu.css

@@ -1 +1 @@
-.menu-heading[data-v-695e2428]{font-weight:300;font-size:1rem;letter-spacing:0em;line-height:1.5}@media (min-width: 64rem){.menu-heading[data-v-695e2428]{font-size:1.0625rem;letter-spacing:0em}}.menu-heading[data-v-695e2428]{font-weight:400}.region-list[data-v-695e2428],.search-list[data-v-695e2428]{-moz-column-fill:auto;column-fill:auto;-moz-columns:3;columns:3;gap:2rem}.mega-menu-link[data-v-695e2428]{display:inline-block;padding-top:.5rem;padding-bottom:.5rem;--tw-text-opacity: 1;color:rgba(var(--text-primary),var(--tw-text-opacity, 1));text-decoration-line:none}.mega-menu-link[data-v-695e2428]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1));text-decoration-line:underline}.link-item[data-v-695e2428]{width:11rem;text-decoration-line:none}.link-item[data-v-695e2428]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1));text-decoration-line:underline}
+.menu-heading[data-v-c47f9ef7]{font-weight:300;font-size:1rem;letter-spacing:0em;line-height:1.5}@media (min-width: 64rem){.menu-heading[data-v-c47f9ef7]{font-size:1.0625rem;letter-spacing:0em}}.menu-heading[data-v-c47f9ef7]{font-weight:400}.region-list[data-v-c47f9ef7],.search-list[data-v-c47f9ef7]{-moz-column-fill:auto;column-fill:auto;-moz-columns:3;columns:3;gap:2rem}.mega-menu-link[data-v-c47f9ef7]{display:inline-block;padding-top:.5rem;padding-bottom:.5rem;--tw-text-opacity: 1;color:rgba(var(--text-primary),var(--tw-text-opacity, 1));text-decoration-line:none}.mega-menu-link[data-v-c47f9ef7]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1));text-decoration-line:underline}.link-item[data-v-c47f9ef7]{width:11rem;text-decoration-line:none}.link-item[data-v-c47f9ef7]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1));text-decoration-line:underline}

package/dist/vue/KvWwwHeader/LendMenu/KvLendMegaMenu.js

@@ -46,7 +46,7 @@ const z = {
     }
   },
   setup(p) {
-    const e = L(null), i = L(""), l = k(() => i.value !== ""), y = (a) => i.value === a, S = (a) => {
+    const e = L(null), i = L(""), l = k(() => i.value !== ""), f = (a) => i.value === a, S = (a) => {
       i.value = a;
     }, h = k(() => {
       var r;
@@ -56,19 +56,19 @@ const z = {
         a.transform = `translateX(${o * -1}px)`;
       }
       return a;
-    }), f = k(() => p.regions.filter((a) => y(a.name))), _ = k(() => p.searches.length > 0);
+    }), y = k(() => p.regions.filter((a) => f(a.name))), _ = k(() => p.searches.length > 0);
     return {
       mdiArrowRight: N,
       mdiChevronLeft: T,
       categoriesSection: e,
       openedSection: i,
       sectionOpen: l,
-      isOpenSection: y,
+      isOpenSection: f,
       openSection: S,
       onClose: () => {
         i.value = "";
       },
-      openRegions: f,
+      openRegions: y,
       computedStyle: h,
       hasSearches: _,
       savedSearchesTitle: "Saved searches"
@@ -96,8 +96,8 @@ const z = {
   href: "/lend/countries-not-lent",
   class: "tw-text-primary tw-text-left hover:tw-text-action tw-py-1 tw-inline-block tw-no-underline hover:tw-underline"
 }, le = { class: "tw-col-span-2" }, ie = { class: "tw-col-span-8 tw-flex tw-flex-col" }, ae = { class: "tw-flex tw-whitespace-nowrap tw-h-full" }, re = { class: "tw-font-medium" }, ce = ["aria-pressed", "onClick"];
-function de(p, e, i, l, y, S) {
-  const h = u("kv-loading-placeholder"), f = u("kv-material-icon"), _ = u("kv-lend-menu-search-list"), b = u("kv-lend-menu-country-list"), a = u("kv-grid"), r = R("kv-track-event");
+function de(p, e, i, l, f, S) {
+  const h = u("kv-loading-placeholder"), y = u("kv-material-icon"), _ = u("kv-lend-menu-search-list"), b = u("kv-lend-menu-country-list"), a = u("kv-grid"), r = R("kv-track-event");
   return n(), s("div", E, [
     t("div", {
       style: A(l.computedStyle),
@@ -197,7 +197,7 @@ function de(p, e, i, l, y, S) {
               class: "tw-flex",
               onClick: e[1] || (e[1] = (o) => l.openedSection = "")
             }, [
-              w(f, {
+              w(y, {
                 class: "tw-flex-shrink-0 tw-w-3 tw-h-3",
                 icon: l.mdiChevronLeft
               }, null, 8, ["icon"]),
@@ -230,7 +230,7 @@ function de(p, e, i, l, y, S) {
                   }, [
                     d((n(), s("button", {
                       "aria-pressed": l.isOpenSection(o.name) ? "true" : "false",
-                      class: O(["tw-text-primary tw-text-left tw-py-1 hover:tw-text-action-highlight hover:tw-underline", { "tw-text-action": l.isOpenSection(o.name) }]),
+                      class: O(["tw-text-primary tw-text-left tw-py-1 hover:tw-text-action hover:tw-underline", { "tw-text-action": l.isOpenSection(o.name) }]),
                       onClick: (g) => l.openSection(o.name)
                     }, [
                       m(x(o.name), 1)
@@ -257,7 +257,7 @@ function de(p, e, i, l, y, S) {
     ], 4)
   ]);
 }
-const _e = /* @__PURE__ */ F(z, [["render", de], ["__scopeId", "data-v-695e2428"]]);
+const _e = /* @__PURE__ */ F(z, [["render", de], ["__scopeId", "data-v-c47f9ef7"]]);
 export {
   _e as default
 };

package/dist/vue/KvWwwHeader/LendMenu/KvLendMenuCountryList.css

@@ -1 +1 @@
-.country-list-item[data-v-219fb066]{width:11rem}
+.country-list-item[data-v-b291d337]{width:11rem}

package/dist/vue/KvWwwHeader/LendMenu/KvLendMenuCountryList.js

@@ -1,7 +1,7 @@
-import { resolveDirective as n, openBlock as e, createElementBlock as o, Fragment as c, renderList as a, withDirectives as l, createTextVNode as p, toDisplayString as r } from "vue";
+import { resolveDirective as i, openBlock as e, createElementBlock as o, Fragment as c, renderList as a, withDirectives as l, createTextVNode as d, toDisplayString as r } from "vue";
 import "./KvLendMenuCountryList.css";
-import _ from "../../../_virtual/_plugin-vue_export-helper.js";
-const d = {
+import p from "../../../_virtual/_plugin-vue_export-helper.js";
+const _ = {
   name: "CountryList",
   props: {
     countries: {
@@ -9,12 +9,12 @@ const d = {
       default: () => []
     }
   }
-}, m = { class: "tw-whitespace-nowrap tw-font-medium" }, u = ["href"], f = {
+}, m = { class: "tw-whitespace-nowrap tw-font-medium" }, u = ["href"], w = {
   key: 1,
   class: "tw-block tw-py-1 tw-text-tertiary"
 };
-function w(h, k, s, v, y, x) {
-  const i = n("kv-track-event");
+function f(k, v, s, h, y, x) {
+  const n = i("kv-track-event");
   return e(), o("ul", m, [
     (e(!0), o(c, null, a(s.countries, (t) => (e(), o("li", {
       key: t.isoCode,
@@ -23,16 +23,16 @@ function w(h, k, s, v, y, x) {
       t.count > 0 ? l((e(), o("a", {
         key: 0,
         href: `/lend/filter?country=${t.isoCode}`,
-        class: "tw-text-primary hover:tw-text-action-highlight tw-block tw-w-full tw-py-1"
+        class: "tw-text-primary hover:tw-text-action tw-block tw-w-full tw-py-1"
       }, [
-        p(r(t.name) + " (" + r(t.count) + ") ", 1)
+        d(r(t.name) + " (" + r(t.count) + ") ", 1)
       ], 8, u)), [
-        [i, ["TopNav", "click-Lend-Country", t.name]]
-      ]) : (e(), o("span", f, r(t.name) + " (0) ", 1))
+        [n, ["TopNav", "click-Lend-Country", t.name]]
+      ]) : (e(), o("span", w, r(t.name) + " (0) ", 1))
     ]))), 128))
   ]);
 }
-const $ = /* @__PURE__ */ _(d, [["render", w], ["__scopeId", "data-v-219fb066"]]);
+const b = /* @__PURE__ */ p(_, [["render", f], ["__scopeId", "data-v-b291d337"]]);
 export {
-  $ as default
+  b as default
 };

package/dist/vue/KvWwwHeader/LendMenu/KvLendMenuSearchList.js

@@ -1,32 +1,32 @@
-import { openBlock as e, createElementBlock as r, Fragment as a, renderList as l, createElementVNode as o, toDisplayString as i } from "vue";
-import c from "../../../_virtual/_plugin-vue_export-helper.js";
-const h = {
+import { openBlock as e, createElementBlock as r, Fragment as a, renderList as l, createElementVNode as o, toDisplayString as c } from "vue";
+import i from "../../../_virtual/_plugin-vue_export-helper.js";
+const p = {
   props: {
     searches: {
       type: Array,
       default: () => []
     }
   }
-}, p = { class: "tw-font-book" }, d = ["href"];
-function f(u, s, n, w, m, _) {
-  return e(), r("ul", p, [
+}, d = { class: "tw-font-book" }, f = ["href"];
+function u(w, s, n, m, _, h) {
+  return e(), r("ul", d, [
     (e(!0), r(a, null, l(n.searches, (t) => (e(), r("li", {
       key: t.id
     }, [
       o("a", {
-        class: "tw-text-primary hover:tw-text-action-highlight tw-block tw-w-full tw-py-1",
+        class: "tw-text-primary hover:tw-text-action tw-block tw-w-full tw-py-1",
         href: t.url
-      }, i(t.name), 9, d)
+      }, c(t.name), 9, f)
     ]))), 128)),
     s[0] || (s[0] = o("li", null, [
       o("a", {
-        class: "tw-text-primary hover:tw-text-action-highlight tw-block tw-w-full tw-py-1",
+        class: "tw-text-primary hover:tw-text-action tw-block tw-w-full tw-py-1",
         href: "/lend/saved-search"
       }, " Manage saved searches ")
     ], -1))
   ]);
 }
-const x = /* @__PURE__ */ c(h, [["render", f]]);
+const k = /* @__PURE__ */ i(p, [["render", u]]);
 export {
-  x as default
+  k as default
 };

package/dist/vue/KvWwwHeader.css

@@ -1 +1 @@
-.header-margins[data-v-adc253f8]{margin:0 auto;max-width:1400px}.header-fade-enter-active[data-v-adc253f8]{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.header-fade-leave-active[data-v-adc253f8]{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.1s}.header-fade-enter[data-v-adc253f8],.header-fade-leave-to[data-v-adc253f8]{opacity:0}.header-fade-leave[data-v-adc253f8],.header-fade-enter-to[data-v-adc253f8]{opacity:1}.bg-opacity-50[data-v-adc253f8]{background-color:rgba(var(--bg-action-highlight),.5)}
+.header-margins[data-v-2269b77f]{margin:0 auto;max-width:1400px}.header-fade-enter-active[data-v-2269b77f]{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.header-fade-leave-active[data-v-2269b77f]{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.1s}.header-fade-enter[data-v-2269b77f],.header-fade-leave-to[data-v-2269b77f]{opacity:0}.header-fade-leave[data-v-2269b77f],.header-fade-enter-to[data-v-2269b77f]{opacity:1}.bg-opacity-50[data-v-2269b77f]{background-color:rgba(var(--bg-action-highlight),.5)}

package/dist/vue/KvWwwHeader.js

@@ -140,7 +140,7 @@ function z(C, n, t, e, m, k) {
           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 tw-min-h-screen",
+              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"
               },
@@ -164,7 +164,7 @@ function z(C, n, t, e, m, k) {
       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",
+            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))
           }, [
@@ -196,7 +196,7 @@ function z(C, n, t, e, m, k) {
     _: 1
   });
 }
-const te = /* @__PURE__ */ V(D, [["render", z], ["__scopeId", "data-v-adc253f8"]]);
+const te = /* @__PURE__ */ V(D, [["render", z], ["__scopeId", "data-v-2269b77f"]]);
 export {
   te as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kiva/kv-components",
-  "version": "6.40.5",
+  "version": "6.41.0",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -114,5 +114,5 @@
     "embla-carousel-fade",
     "popper.js"
   ],
-  "gitHead": "7684d83b97745310b7d55001d3dab0878c9acd33"
+  "gitHead": "fec3b15362bc58b76ca926df00d9d3da9c29e20f"
 }