@kiva/kv-components 6.52.0 → 6.52.2

package/dist/vue/KvWwwHeader/KvHeaderDropdownLink.js

@@ -1,8 +1,8 @@
-import { getCurrentInstance as d, computed as u, resolveComponent as c, openBlock as m, createElementBlock as f, normalizeClass as l, renderSlot as p, createVNode as w } from "vue";
-import v from "../KvMaterialIcon.js";
-import h from "../../_virtual/_plugin-vue_export-helper.js";
-const C = {
-  components: { KvMaterialIcon: v },
+import { getCurrentInstance as d, computed as c, resolveComponent as m, openBlock as u, createElementBlock as f, createElementVNode as w, normalizeClass as l, renderSlot as p, createVNode as v } from "vue";
+import h from "../KvMaterialIcon.js";
+import C from "../../_virtual/_plugin-vue_export-helper.js";
+const x = {
+  components: { KvMaterialIcon: h },
   props: {
     refName: {
       type: String,
@@ -39,7 +39,7 @@ const C = {
   setup(e, { emit: o }) {
     const { proxy: n } = d();
     return {
-      computedClass: u(() => [
+      computedClass: c(() => [
         e.baseClass,
         { "tw-text-tertiary": e.openMenuItem && e.openMenuItem !== e.menuComponent }
       ]),
@@ -61,22 +61,26 @@ const C = {
     };
   }
 }, M = ["href"];
-function x(e, o, n, r, i, s) {
-  const a = c("KvMaterialIcon");
-  return m(), f("a", {
+function y(e, o, n, r, i, s) {
+  const a = m("KvMaterialIcon");
+  return u(), f("a", {
     ref: n.refName,
-    class: l(["tw-py-1 tw-no-underline hover:tw-no-underline tw-text-primary hover:tw-text-action tw-items-center tw-cursor-pointer", r.computedClass]),
+    class: "tw-py-1 tw-no-underline hover:tw-no-underline tw-text-primary hover:tw-text-action tw-items-center tw-cursor-pointer",
     href: n.href,
     onMouseover: o[0] || (o[0] = (...t) => r.handleMouseOver && r.handleMouseOver(...t))
   }, [
-    p(e.$slots, "default"),
-    w(a, {
-      class: l(["tw-inline tw-w-3 tw-ml-0.5 tw-transition-transform tw-duration-300", { "tw-rotate-180": n.openMenuItem === n.menuComponent }]),
-      icon: n.dropdownIcon
-    }, null, 8, ["class", "icon"])
-  ], 42, M);
+    w("div", {
+      class: l(["tw-flex tw-items-center", r.computedClass])
+    }, [
+      p(e.$slots, "default"),
+      v(a, {
+        class: l(["tw-inline tw-w-3 tw-ml-0.5 tw-transition-transform tw-duration-300", { "tw-rotate-180": n.openMenuItem === n.menuComponent }]),
+        icon: n.dropdownIcon
+      }, null, 8, ["class", "icon"])
+    ], 2)
+  ], 40, M);
 }
-const O = /* @__PURE__ */ h(C, [["render", x]]);
+const O = /* @__PURE__ */ C(x, [["render", y]]);
 export {
   O as default
 };

package/dist/vue/KvWwwHeader/KvHeaderLinkBar.css

@@ -1 +1 @@
-.header-link[data-v-47d9197a]{cursor:pointer;padding-top:1rem;padding-bottom:1rem;--tw-text-opacity: 1;color:rgba(var(--text-primary),var(--tw-text-opacity, 1));text-decoration-line:none}.header-link[data-v-47d9197a]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1));text-decoration-line:none}
+.header-link[data-v-479de318]{cursor:pointer;padding-top:1rem;padding-bottom:1rem;--tw-text-opacity: 1;color:rgba(var(--text-primary),var(--tw-text-opacity, 1));text-decoration-line:none}.header-link[data-v-479de318]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1));text-decoration-line:none}

package/dist/vue/KvWwwHeader/KvHeaderLinkBar.js

@@ -1,4 +1,4 @@
-import { defineAsyncComponent as w, ref as i, computed as j, onMounted as F, onUnmounted as q, resolveComponent as k, resolveDirective as G, openBlock as a, createElementBlock as c, withDirectives as v, normalizeClass as b, createVNode as _, createBlock as g, withCtx as x, createTextVNode as M, createElementVNode as D, createCommentVNode as h, vShow as J, toDisplayString as Q } from "vue";
+import { defineAsyncComponent as M, ref as i, computed as j, onMounted as F, onUnmounted as q, resolveComponent as k, resolveDirective as G, openBlock as a, createElementBlock as c, withDirectives as v, normalizeClass as b, createVNode as _, createBlock as g, withCtx as x, createTextVNode as w, createElementVNode as D, createCommentVNode as h, vShow as J, toDisplayString as Q } from "vue";
 import { mdiAccountCircle as X, mdiChevronDown as Y, mdiMagnify as Z, mdiMenu as $ } from "@mdi/js";
 import ee from "numeral";
 import ne from "../KvMaterialIcon.js";
@@ -8,7 +8,7 @@ import le from "../KvUserAvatar.js";
 import { throttle as ie } from "../../utils/throttle.js";
 import "./KvHeaderLinkBar.css";
 import re from "../../_virtual/_plugin-vue_export-helper.js";
-const ae = w(() => import("./KvHeaderMobileMenu.js")), C = w(() => import("./KvHeaderMyKivaMenu.js")), de = w(() => import("./LendMenu/KvLendMenu.js")), ue = w(() => import("./KvHeaderTakeActionMenu.js")), me = w(() => import("./KvHeaderAboutMenu.js")), E = 146, p = "avatar-menu", L = "menuButton", S = { top: "-3.75rem", width: "100%" }, se = {
+const ae = M(() => import("./KvHeaderMobileMenu.js")), C = M(() => import("./KvHeaderMyKivaMenu.js")), ue = M(() => import("./LendMenu/KvLendMenu.js")), de = M(() => import("./KvHeaderTakeActionMenu.js")), me = M(() => import("./KvHeaderAboutMenu.js")), E = 146, p = "avatar-menu", L = "menuButton", S = { top: "-3.75rem", width: "100%" }, se = {
   components: {
     KvMaterialIcon: ne,
     KvIconBag: te,
@@ -56,39 +56,39 @@ const ae = w(() => import("./KvHeaderMobileMenu.js")), C = w(() => import("./KvH
   emits: [
     "item-hover"
   ],
-  setup(u, { emit: e }) {
-    const t = i(null), n = i(null), B = i(null), K = i(null), A = i(null), f = i(null), y = i(null), I = i(null), d = i(null), o = i(null), T = i(!1), m = (l, s, r = null) => {
+  setup(d, { emit: e }) {
+    const t = i(null), n = i(null), B = i(null), K = i(null), y = i(null), f = i(null), A = i(null), T = i(null), u = i(null), o = i(null), I = i(!1), m = (l, s, r = null) => {
       e("item-hover", l, s, r);
     }, V = (l, s, r = null) => {
-      u.isMobile || m(
+      navigator.maxTouchPoints || (o.value = l, m(
         l,
         s,
-        l === L && u.isMobile ? S : r
-      );
-    }, R = (l) => {
-      !T.value && o.value === l && (o.value = null, m());
-    }, P = () => {
+        l === L && d.isMobile ? S : r
+      ));
+    }, P = (l) => {
+      !I.value && o.value === l && (o.value = null, m());
+    }, R = () => {
       var U, N;
       const l = (N = (U = t.value) == null ? void 0 : U.userAvatar) == null ? void 0 : N.getBoundingClientRect();
       if (!l) return null;
       const r = l.left + l.width / 2 - E / 2;
       return {
-        ...r + E > window.innerWidth ? { right: 0 } : { left: u.isMobile ? 0 : `${r}px` },
+        ...r + E > window.innerWidth ? { right: 0 } : { left: d.isMobile ? 0 : `${r}px` },
         marginTop: "-2px",
         // Avoid closing avatar menu on header edge
-        borderRadius: u.isMobile ? "auto" : "0px 0px 8px 8px",
-        width: u.isMobile ? "100%" : "auto"
+        borderRadius: d.isMobile ? "auto" : "0px 0px 8px 8px",
+        width: d.isMobile ? "100%" : "auto"
       };
     }, H = () => {
-      o.value = p, m(t.value, C, P());
+      o.value = p, m(t.value, C, R());
     }, z = (l, s) => {
       let r = null;
-      T.value = !0, r && clearTimeout(r), o.value === L && (o.value = null), !o.value || o.value !== l ? (o.value = l, l === p ? H() : l === L && u.isMobile ? m(l, s, S) : m(l, s)) : (o.value = null, m()), r = setTimeout(() => {
-        T.value = !1;
-      });
+      I.value = !0, r && clearTimeout(r), o.value === L && (o.value = null), !o.value || o.value !== l ? (o.value = l, l === p ? H() : l === L && d.isMobile ? m(l, s, S) : m(l, s)) : (o.value = null, m()), r = setTimeout(() => {
+        I.value = !1;
+      }, 100);
     }, O = ie(() => {
       o.value === p && H();
-    }, 50), W = j(() => u.isMobile ? void 0 : "/lend-by-category");
+    }, 100), W = j(() => d.isMobile ? void 0 : "/lend-by-category");
     return F(() => {
       import("./KvHeaderMobileMenu.js"), import("./KvHeaderMyKivaMenu.js"), import("./LendMenu/KvLendMenu.js"), import("./KvHeaderTakeActionMenu.js"), import("./KvHeaderAboutMenu.js"), window.addEventListener("resize", O);
     }), q(() => {
@@ -106,29 +106,29 @@ const ae = w(() => import("./KvHeaderMobileMenu.js")), C = w(() => import("./KvH
       lendButton: n,
       aboutUsLink: B,
       partnerWithUsLink: K,
-      borrowLink: A,
+      borrowLink: y,
       supportKivaLink: f,
-      basketLink: y,
-      signInLink: I,
-      menuButton: d,
+      basketLink: A,
+      signInLink: T,
+      menuButton: u,
       lendUrl: W,
       handleOnHover: V,
       handleTouchStart: z,
-      handleMouseOut: R,
+      handleMouseOut: P,
       handleAvatarMenuPosition: H,
       KvHeaderMobileMenu: ae,
       KvHeaderMyKivaMenu: C,
-      KvLendMenu: de,
-      KvHeaderTakeActionMenu: ue,
+      KvLendMenu: ue,
+      KvHeaderTakeActionMenu: de,
       KvHeaderAboutMenu: me
     };
   }
 }, ve = { class: "tw-h-full tw-flex tw-items-center tw-gap-0.5 md:tw-gap-1.5 lg:tw-gap-2.5" }, ce = ["href"], fe = {
   key: 0,
   class: "tw-bg-eco-green-1 tw-py-0.5 tw-px-1 tw-text-eco-green-4"
-}, Me = ["href"];
-function we(u, e, t, n, B, K) {
-  const A = k("kv-material-icon"), f = k("KvHeaderDropdownLink"), y = k("kv-icon-bag"), I = k("KvUserAvatar"), d = G("kv-track-event");
+}, we = ["href"];
+function Me(d, e, t, n, B, K) {
+  const y = k("kv-material-icon"), f = k("KvHeaderDropdownLink"), A = k("kv-icon-bag"), T = k("KvUserAvatar"), u = G("kv-track-event");
   return a(), c("div", ve, [
     v((a(), c("button", {
       ref: "menuButton",
@@ -139,11 +139,12 @@ function we(u, e, t, n, B, K) {
       onMouseout: e[1] || (e[1] = (o) => n.handleMouseOut("menuButton")),
       onTouchstart: e[2] || (e[2] = (o) => n.handleTouchStart("menuButton", n.KvHeaderMobileMenu))
     }, [
-      _(A, { icon: n.mdiMenu }, null, 8, ["icon"])
+      _(y, { icon: n.mdiMenu }, null, 8, ["icon"])
     ], 34)), [
-      [d, t.openMenuItem === n.KvHeaderMobileMenu ? ["TopNav", "click-Hamburger-menu"] : null]
+      [u, t.openMenuItem === n.KvHeaderMobileMenu ? ["TopNav", "click-Hamburger-menu"] : null]
     ]),
     v((a(), g(f, {
+      class: "tw-py-1",
       "ref-name": "lendButton",
       href: n.lendUrl,
       "menu-component": n.KvLendMenu,
@@ -155,15 +156,15 @@ function we(u, e, t, n, B, K) {
       onTouchstart: e[4] || (e[4] = (o) => n.handleTouchStart("lendButton", n.KvLendMenu))
     }, {
       default: x(() => e[10] || (e[10] = [
-        M(" Lend ")
+        w(" Lend ")
       ])),
       _: 1
     }, 8, ["href", "menu-component", "open-menu-item", "dropdown-icon", "onOnHover"])), [
-      [d, ["TopNav", "click-Lend"]]
+      [u, ["TopNav", "click-Lend"]]
     ]),
     v((a(), g(f, {
       "ref-name": "takeActionButton",
-      "base-class": "tw-hidden md:tw-inline-flex tw-py-2",
+      "base-class": "tw-hidden md:tw-inline-flex tw-py-1",
       "menu-component": n.KvHeaderTakeActionMenu,
       "open-menu-item": t.openMenuItem,
       "dropdown-icon": n.mdiChevronDown,
@@ -172,16 +173,16 @@ function we(u, e, t, n, B, K) {
       onMouseout: e[5] || (e[5] = (o) => n.handleMouseOut("takeActionButton"))
     }, {
       default: x(() => e[11] || (e[11] = [
-        M(" Take action ")
+        w(" Take action ")
       ])),
       _: 1
     }, 8, ["menu-component", "open-menu-item", "dropdown-icon", "onOnHover"])), [
-      [d, ["TopNav", "click-TakeAction"]]
+      [u, ["TopNav", "click-TakeAction"]]
     ]),
     v((a(), g(f, {
       "ref-name": "aboutUsLink",
       "data-testid": "header-about",
-      "base-class": "tw-hidden md:tw-inline-flex tw-py-2",
+      "base-class": "tw-hidden md:tw-inline-flex tw-py-1",
       "menu-component": n.KvHeaderAboutMenu,
       "open-menu-item": t.openMenuItem,
       "dropdown-icon": n.mdiChevronDown,
@@ -190,11 +191,11 @@ function we(u, e, t, n, B, K) {
       onMouseout: e[6] || (e[6] = (o) => n.handleMouseOut("aboutUsLink"))
     }, {
       default: x(() => e[12] || (e[12] = [
-        M(" About ")
+        w(" About ")
       ])),
       _: 1
     }, 8, ["menu-component", "open-menu-item", "dropdown-icon", "onOnHover"])), [
-      [d, ["TopNav", "click-About"]]
+      [u, ["TopNav", "click-About"]]
     ]),
     e[15] || (e[15] = D("div", { class: "tw-flex-1 tw-h-full" }, null, -1)),
     t.loggedIn ? v((a(), c("a", {
@@ -203,9 +204,9 @@ function we(u, e, t, n, B, K) {
       href: t.myDashboardUrl,
       class: b(["header-link tw-hidden md:tw-block", { "tw-text-tertiary": !!t.openMenuItem }])
     }, e[13] || (e[13] = [
-      M(" My dashboard ")
+      w(" My dashboard ")
     ]), 10, ce)), [
-      [d, ["TopNav", "click-Dashboard"]]
+      [u, ["TopNav", "click-Dashboard"]]
     ]) : h("", !0),
     v((a(), c("a", {
       ref: "basketLink",
@@ -213,13 +214,13 @@ function we(u, e, t, n, B, K) {
       class: b(["header-link tw-relative", { "tw-text-tertiary": !!t.openMenuItem }]),
       "data-testid": "header-basket"
     }, [
-      _(y, {
+      _(A, {
         class: "tw-w-3 tw-h-3 tw-pointer-events-none",
         count: t.basketCount
       }, null, 8, ["count"])
     ], 2)), [
       [J, t.basketCount > 0],
-      [d, ["TopNav", "click-Basket"]]
+      [u, ["TopNav", "click-Basket"]]
     ]),
     D("div", {
       class: "tw-cursor-pointer tw-flex tw-items-center tw-gap-1 tw-py-1.5",
@@ -228,7 +229,7 @@ function we(u, e, t, n, B, K) {
       onTouchstart: e[9] || (e[9] = (o) => n.handleTouchStart(n.AVATAR_MENU_ID))
     }, [
       t.loggedIn ? (a(), c("span", fe, Q(n.numeral(t.balance).format("$0")), 1)) : h("", !0),
-      t.loggedIn ? (a(), g(I, {
+      t.loggedIn ? (a(), g(T, {
         key: 1,
         ref: "avatar",
         "lender-name": t.lenderName,
@@ -242,13 +243,13 @@ function we(u, e, t, n, B, K) {
       href: t.loginUrl,
       class: b(["header-link", { "tw-text-tertiary": !!t.openMenuItem }])
     }, e[14] || (e[14] = [
-      M(" Sign in ")
-    ]), 10, Me)), [
-      [d, ["TopNav", "click-Sign-in"]]
+      w(" Sign in ")
+    ]), 10, we)), [
+      [u, ["TopNav", "click-Sign-in"]]
     ])
   ]);
 }
-const Le = /* @__PURE__ */ re(se, [["render", we], ["__scopeId", "data-v-47d9197a"]]);
+const Le = /* @__PURE__ */ re(se, [["render", Me], ["__scopeId", "data-v-479de318"]]);
 export {
   Le as default
 };

package/dist/vue/KvWwwHeader/KvHeaderMobileMenu.css

@@ -1 +1 @@
-.mobile-link[data-v-ba014b01]{--tw-text-opacity: 1;color:rgba(var(--text-primary),var(--tw-text-opacity, 1));text-decoration-line:none}.mobile-link[data-v-ba014b01]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1));text-decoration-line:underline}
+.mobile-link[data-v-cdd5b09b]{--tw-text-opacity: 1;color:rgba(var(--text-primary),var(--tw-text-opacity, 1));text-decoration-line:none}.mobile-link[data-v-cdd5b09b]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1));text-decoration-line:underline}

package/dist/vue/KvWwwHeader/KvHeaderMobileMenu.js

@@ -90,6 +90,7 @@ function P(k, e, v, j, c, q) {
       onClick: e[0] || (e[0] = (l) => k.$emit("closing-menu"))
     }, null, 8, ["icon"])) : y("", !0),
     p(d, {
+      id: "accordion-take-action-menu",
       open: "",
       class: "tw-w-full tw-border-b-0"
     }, {
@@ -113,7 +114,10 @@ function P(k, e, v, j, c, q) {
       ]),
       _: 1
     }),
-    p(d, { class: "tw-w-full" }, {
+    p(d, {
+      id: "accordion-about-menu",
+      class: "tw-w-full"
+    }, {
       header: a(() => e[2] || (e[2] = [
         r("h3", null, "About", -1)
       ])),
@@ -165,7 +169,7 @@ function P(k, e, v, j, c, q) {
     })
   ]);
 }
-const Q = /* @__PURE__ */ I(K, [["render", P], ["__scopeId", "data-v-ba014b01"]]);
+const Q = /* @__PURE__ */ I(K, [["render", P], ["__scopeId", "data-v-cdd5b09b"]]);
 export {
   Q as default
 };

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

@@ -1,5 +1,5 @@
 import { gql as f } from "@apollo/client/core";
-import { toRefs as q, ref as i, computed as k, onMounted as S, resolveComponent as h, openBlock as x, createBlock as A, withCtx as B, createVNode as w } from "vue";
+import { toRefs as q, ref as i, computed as w, onMounted as S, resolveComponent as h, openBlock as x, createBlock as A, withCtx as B, createVNode as k } from "vue";
 import F from "./KvLendListMenu.js";
 import N from "./KvLendMegaMenu.js";
 import { indexIn as O } from "../../../utils/comparators.js";
@@ -23,10 +23,10 @@ const E = {
     }
   },
   emits: ["load-lend-menu-data"],
-  setup(y, { emit: p }) {
+  setup(p, { emit: y }) {
     const {
       userId: s
-    } = q(y), e = i([]), g = i([]), m = i(0), u = i([]), v = [
+    } = q(p), e = i([]), g = i([]), m = i(0), c = i([]), v = [
       "North America",
       "Central America",
       "South America",
@@ -35,7 +35,7 @@ const E = {
       "Middle East",
       "Asia",
       "Oceania"
-    ], c = i(!0), C = i(!0), M = async (a) => {
+    ], u = i(!0), C = i(!0), M = async (a) => {
       var r, t, o, d;
       if (a.watchQuery({
         query: f`query countryFacets {
@@ -54,7 +54,7 @@ const E = {
       }).subscribe({
         next: ({ data: n }) => {
           var l;
-          g.value = ((l = n == null ? void 0 : n.lend) == null ? void 0 : l.countryFacets) ?? [], c.value = !1;
+          g.value = ((l = n == null ? void 0 : n.lend) == null ? void 0 : l.countryFacets) ?? [], u.value = !1;
         }
       }), a.watchQuery({
         query: f`
@@ -102,9 +102,9 @@ const E = {
           },
           fetchPolicy: "network-only"
         });
-        m.value = ((t = (r = n == null ? void 0 : n.lend) == null ? void 0 : r.loans) == null ? void 0 : t.totalCount) ?? 0, u.value = ((d = (o = n == null ? void 0 : n.my) == null ? void 0 : o.savedSearches) == null ? void 0 : d.values) ?? [];
+        m.value = ((t = (r = n == null ? void 0 : n.lend) == null ? void 0 : r.loans) == null ? void 0 : t.totalCount) ?? 0, c.value = ((d = (o = n == null ? void 0 : n.my) == null ? void 0 : o.savedSearches) == null ? void 0 : d.values) ?? [];
       }
-    }, b = k(() => {
+    }, b = w(() => {
       const a = g.value.map((o) => ({
         name: o.country.name,
         region: o.country.region,
@@ -117,7 +117,7 @@ const E = {
           countries: d.sort(L("name"))
         });
       return t.sort(O(v, "name"));
-    }), I = k(() => {
+    }), I = w(() => {
       var r;
       return ((r = e.value) == null ? void 0 : r.map((t) => {
         const o = JSON.parse(JSON.stringify(t));
@@ -125,23 +125,23 @@ const E = {
       })).sort(L("name"));
     });
     return S(() => {
-      p("load-lend-menu-data");
+      y("load-lend-menu-data");
     }), {
       onLoad: M,
       regions: b,
       computedCategories: I,
       isChannelsLoading: C,
-      isRegionsLoading: c,
-      savedSearches: u,
+      isRegionsLoading: u,
+      savedSearches: c,
       favoritesCount: m
     };
   }
 };
-function G(y, p, s, e, g, m) {
-  const u = h("kv-lend-list-menu"), v = h("kv-lend-mega-menu"), c = h("kv-page-container");
-  return x(), A(c, null, {
+function G(p, y, s, e, g, m) {
+  const c = h("kv-lend-list-menu"), v = h("kv-lend-mega-menu"), u = h("kv-page-container");
+  return x(), A(u, { class: "tw-pt-2 lg:tw-pt-0" }, {
     default: B(() => [
-      w(u, {
+      k(c, {
         class: "lg:tw-hidden",
         categories: e.computedCategories,
         regions: e.regions,
@@ -152,7 +152,7 @@ function G(y, p, s, e, g, m) {
         "is-channels-loading": e.isChannelsLoading,
         "show-m-g-upsell-link": s.showMGUpsellLink
       }, null, 8, ["categories", "regions", "user-id", "favorites", "searches", "is-regions-loading", "is-channels-loading", "show-m-g-upsell-link"]),
-      w(v, {
+      k(v, {
         class: "tw-hidden lg:tw-block",
         categories: e.computedCategories,
         regions: e.regions,

package/dist/vue/KvWwwHeader.css

@@ -1 +1 @@
-.header-fade-enter-active[data-v-15ce8e36]{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.header-fade-leave-active[data-v-15ce8e36]{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.1s}.header-fade-enter[data-v-15ce8e36],.header-fade-leave-to[data-v-15ce8e36]{opacity:0}.header-fade-leave[data-v-15ce8e36],.header-fade-enter-to[data-v-15ce8e36]{opacity:1}.bg-opacity-50[data-v-15ce8e36]{background-color:rgba(var(--bg-action-highlight),.5)}.header-container[data-v-15ce8e36]{max-width:67rem;margin-left:auto;margin-right:auto}@media screen and (width >= 67rem){.header-container>div[data-v-15ce8e36]{padding-left:0;padding-right:0}}
+.header-fade-enter-active[data-v-e61834a3]{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.header-fade-leave-active[data-v-e61834a3]{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.1s}.header-fade-enter[data-v-e61834a3],.header-fade-leave-to[data-v-e61834a3]{opacity:0}.header-fade-leave[data-v-e61834a3],.header-fade-enter-to[data-v-e61834a3]{opacity:1}.bg-opacity-50[data-v-e61834a3]{background-color:rgba(var(--bg-action-highlight),.5)}.header-container[data-v-e61834a3]{max-width:67rem;margin-left:auto;margin-right:auto}@media screen and (width >= 67rem){.header-container>div[data-v-e61834a3]{padding-left:0;padding-right:0}}

package/dist/vue/KvWwwHeader.js

@@ -72,7 +72,7 @@ const V = "3.75rem", O = {
         position: "absolute"
       })) : a.value && (u = setTimeout(() => {
         a.value = !1, r.value = null;
-      }, 50));
+      }, 100));
     }, v = (p) => {
       var t;
       (t = m.value) == null || t.onLoad(p);
@@ -180,7 +180,7 @@ function j(C, n, o, e, a, r) {
     _: 1
   });
 }
-const oe = /* @__PURE__ */ P(O, [["render", j], ["__scopeId", "data-v-15ce8e36"]]);
+const oe = /* @__PURE__ */ P(O, [["render", j], ["__scopeId", "data-v-e61834a3"]]);
 export {
   oe as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kiva/kv-components",
-  "version": "6.52.0",
+  "version": "6.52.2",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -114,5 +114,5 @@
     "embla-carousel-fade",
     "popper.js"
   ],
-  "gitHead": "b70a4ee4d2e8d41cbe2afc4ff3fb66fc4e8bd4e2"
+  "gitHead": "531add36b257b0bcca471bd86289564ba00b7e18"
 }