@kiva/kv-components 6.59.0 → 6.59.2

package/dist/vue/KvWwwHeader/KvHeaderDropdownLink.js

@@ -1,8 +1,8 @@
-import { getCurrentInstance as u, computed as d, resolveComponent as m, openBlock as f, createElementBlock as w, createElementVNode as h, normalizeClass as i, renderSlot as p, createVNode as v } from "vue";
-import C from "../KvMaterialIcon.js";
+import { getCurrentInstance as u, computed as d, resolveComponent as m, openBlock as f, createElementBlock as w, withModifiers as h, createElementVNode as p, normalizeClass as i, renderSlot as v, createVNode as C } from "vue";
+import M from "../KvMaterialIcon.js";
 import x from "../../_virtual/_plugin-vue_export-helper.js";
-const M = {
-  components: { KvMaterialIcon: C },
+const y = {
+  components: { KvMaterialIcon: M },
   props: {
     refName: {
       type: String,
@@ -64,28 +64,28 @@ const M = {
       }
     };
   }
-}, y = ["href"];
-function k(e, n, o, r, a, c) {
+}, k = ["href"];
+function I(e, n, o, r, a, c) {
   const l = m("KvMaterialIcon");
   return f(), w("a", {
     ref: o.refName,
     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: o.href,
     onMouseover: n[0] || (n[0] = (...t) => r.handleMouseOver && r.handleMouseOver(...t)),
-    onTouchstart: n[1] || (n[1] = (...t) => r.handleTouchStart && r.handleTouchStart(...t))
+    onTouchstart: n[1] || (n[1] = h((...t) => r.handleTouchStart && r.handleTouchStart(...t), ["prevent"]))
   }, [
-    h("div", {
+    p("div", {
       class: i(["tw-flex tw-items-center", r.computedClass])
     }, [
-      p(e.$slots, "default"),
-      v(l, {
+      v(e.$slots, "default"),
+      C(l, {
         class: i(["tw-inline tw-w-3 tw-ml-0.5 tw-transition-transform tw-duration-300", { "tw-rotate-180": o.openMenuItem === o.menuComponent }]),
         icon: o.dropdownIcon
       }, null, 8, ["class", "icon"])
     ], 2)
-  ], 40, y);
+  ], 40, k);
 }
-const _ = /* @__PURE__ */ x(M, [["render", k]]);
+const O = /* @__PURE__ */ x(y, [["render", I]]);
 export {
-  _ as default
+  O as default
 };

package/dist/vue/KvWwwHeader/KvHeaderMyKivaMenu.js

@@ -1,7 +1,7 @@
 import d from "./KvHeaderMenuLink.js";
-import { resolveComponent as u, openBlock as a, createElementBlock as i, createVNode as s, withCtx as o, createTextVNode as r, createBlock as l, createCommentVNode as f } from "vue";
-import m from "../../_virtual/_plugin-vue_export-helper.js";
-const p = {
+import { resolveComponent as u, resolveDirective as m, openBlock as t, createElementBlock as p, withDirectives as a, createBlock as i, withCtx as l, createTextVNode as s, createCommentVNode as f } from "vue";
+import v from "../../_virtual/_plugin-vue_export-helper.js";
+const k = {
   components: {
     KvHeaderMenuLink: d
   },
@@ -24,72 +24,88 @@ const p = {
     }
   }
 }, w = { class: "tw--mt-0.5 tw-pb-0.5 tw-flex tw-flex-col tw-items-start tw-font-medium tw-px-2.5" };
-function y(b, e, n, k, v, x) {
-  const t = u("kv-header-menu-link");
-  return a(), i("nav", w, [
-    s(t, {
+function y(c, o, n, b, T, D) {
+  const e = u("kv-header-menu-link"), r = m("kv-track-event");
+  return t(), p("nav", w, [
+    a((t(), i(e, {
       href: n.myDashboardUrl,
       class: "md:tw-hidden"
     }, {
-      default: o(() => e[0] || (e[0] = [
-        r(" My Dashboard ")
+      default: l(() => o[0] || (o[0] = [
+        s(" My Dashboard ")
       ])),
       _: 1
-    }, 8, ["href"]),
-    s(t, { href: "/portfolio" }, {
-      default: o(() => e[1] || (e[1] = [
-        r(" Portfolio ")
+    }, 8, ["href"])), [
+      [r, ["TopNav", "click-Dashboard"]]
+    ]),
+    a((t(), i(e, { href: "/portfolio" }, {
+      default: l(() => o[1] || (o[1] = [
+        s(" Portfolio ")
       ])),
       _: 1
-    }),
-    s(t, { href: "/teams/my-teams" }, {
-      default: o(() => e[2] || (e[2] = [
-        r(" My Teams ")
+    })), [
+      [r, ["TopNav", "click-Portfolio-Portfolio"]]
+    ]),
+    a((t(), i(e, { href: "/teams/my-teams" }, {
+      default: l(() => o[2] || (o[2] = [
+        s(" My Teams ")
       ])),
       _: 1
-    }),
-    s(t, { href: "/portfolio/donations" }, {
-      default: o(() => e[3] || (e[3] = [
-        r(" Donations ")
+    })), [
+      [r, ["TopNav", "click-Portfolio-My Teams"]]
+    ]),
+    a((t(), i(e, { href: "/portfolio/donations" }, {
+      default: l(() => o[3] || (o[3] = [
+        s(" Donations ")
       ])),
       _: 1
-    }),
-    s(t, { href: "/settings" }, {
-      default: o(() => e[4] || (e[4] = [
-        r(" Settings ")
+    })), [
+      [r, ["TopNav", "click-Portfolio-Donations"]]
+    ]),
+    a((t(), i(e, { href: "/settings" }, {
+      default: l(() => o[4] || (o[4] = [
+        s(" Settings ")
       ])),
       _: 1
-    }),
-    n.isBorrower ? (a(), l(t, {
+    })), [
+      [r, ["TopNav", "click-Portfolio-Settings"]]
+    ]),
+    n.isBorrower ? a((t(), i(e, {
       key: 0,
       href: "/my/borrower"
     }, {
-      default: o(() => e[5] || (e[5] = [
-        r(" Borrower Dashboard ")
+      default: l(() => o[5] || (o[5] = [
+        s(" Borrower Dashboard ")
       ])),
       _: 1
-    })) : f("", !0),
-    n.isTrustee ? (a(), l(t, {
+    })), [
+      [r, ["TopNav", "click-Portfolio-My borrower Dashboard"]]
+    ]) : f("", !0),
+    n.isTrustee ? a((t(), i(e, {
       key: 1,
       href: "/my/trustee"
     }, {
-      default: o(() => e[6] || (e[6] = [
-        r(" Trustee Dashboard ")
+      default: l(() => o[6] || (o[6] = [
+        s(" Trustee Dashboard ")
       ])),
       _: 1
-    })) : f("", !0),
-    s(t, {
+    })), [
+      [r, ["TopNav", "click-Portfolio-My Trustee Dashboard"]]
+    ]) : f("", !0),
+    a((t(), i(e, {
       href: "/ui-logout",
       class: "tw-border-t tw-border-secondary tw-w-full"
     }, {
-      default: o(() => e[7] || (e[7] = [
-        r(" Sign out ")
+      default: l(() => o[7] || (o[7] = [
+        s(" Sign out ")
       ])),
       _: 1
-    })
+    })), [
+      [r, ["TopNav", "click-Portfolio-Sign out"]]
+    ])
   ]);
 }
-const g = /* @__PURE__ */ m(p, [["render", y]]);
+const h = /* @__PURE__ */ v(k, [["render", y]]);
 export {
-  g as default
+  h as default
 };

package/dist/vue/KvWwwHeader.css

@@ -1 +1 @@
-.header-fade-enter-active[data-v-9410d912]{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.header-fade-leave-active[data-v-9410d912]{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.1s}.header-fade-enter[data-v-9410d912],.header-fade-leave-to[data-v-9410d912]{opacity:0}.header-fade-leave[data-v-9410d912],.header-fade-enter-to[data-v-9410d912]{opacity:1}.bg-opacity-50[data-v-9410d912]{background-color:rgba(var(--bg-action-highlight),.5)}
+.header-fade-enter-active[data-v-8d56e82f]{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.header-fade-leave-active[data-v-8d56e82f]{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.1s}.header-fade-enter[data-v-8d56e82f],.header-fade-leave-to[data-v-8d56e82f]{opacity:0}.header-fade-leave[data-v-8d56e82f],.header-fade-enter-to[data-v-8d56e82f]{opacity:1}.bg-opacity-50[data-v-8d56e82f]{background-color:rgba(var(--bg-action-highlight),.5)}

package/dist/vue/KvWwwHeader.js

@@ -1,18 +1,18 @@
-import { ref as a, shallowRef as N, computed as B, onMounted as S, onBeforeUnmount as x, resolveComponent as g, resolveDirective as A, openBlock as w, createBlock as E, withCtx as b, createElementVNode as k, normalizeStyle as h, createVNode as v, Transition as I, withDirectives as _, vShow as C, createElementBlock as K, normalizeClass as O, resolveDynamicComponent as G } from "vue";
-import z from "@kiva/kv-tokens";
-import P from "./KvWwwHeader/KvHeaderLinkBar.js";
-import R from "./KvWwwHeader/KvHeaderLogo.js";
-import V from "./KvThemeProvider.js";
-import W from "./KvPageContainer.js";
-import { throttle as Y } from "../utils/throttle.js";
+import { ref as a, shallowRef as N, computed as B, onMounted as S, onBeforeUnmount as x, resolveComponent as g, resolveDirective as A, openBlock as w, createBlock as E, withCtx as b, createElementVNode as k, normalizeStyle as h, createVNode as v, Transition as I, withDirectives as y, vShow as T, createElementBlock as K, normalizeClass as O, resolveDynamicComponent as G, withModifiers as z } from "vue";
+import P from "@kiva/kv-tokens";
+import R from "./KvWwwHeader/KvHeaderLinkBar.js";
+import V from "./KvWwwHeader/KvHeaderLogo.js";
+import W from "./KvThemeProvider.js";
+import Y from "./KvPageContainer.js";
+import { throttle as j } from "../utils/throttle.js";
 import "./KvWwwHeader.css";
-import j from "../_virtual/_plugin-vue_export-helper.js";
-const q = "3.75rem", F = ["lendMenu", "aboutUsLink"], J = {
+import q from "../_virtual/_plugin-vue_export-helper.js";
+const F = "3.75rem", J = ["lendMenu", "aboutUsLink"], Q = {
   components: {
-    KvHeaderLinkBar: P,
-    KvHeaderLogo: R,
-    KvThemeProvider: V,
-    KvPageContainer: W
+    KvHeaderLinkBar: R,
+    KvHeaderLogo: V,
+    KvThemeProvider: W,
+    KvPageContainer: Y
   },
   props: {
     loggedIn: {
@@ -67,42 +67,42 @@ const q = "3.75rem", F = ["lendMenu", "aboutUsLink"], J = {
   emits: [
     "load-lend-menu-data"
   ],
-  setup(L, { emit: o }) {
+  setup(C, { emit: o }) {
     const n = a(!0), e = a(null), r = a(!1), i = N(null), u = a(null), d = a({ left: 0, position: "relative" }), m = a(!1), c = a(null);
     let f;
     const l = B(() => {
       var s, t;
       return ((t = (s = u.value) == null ? void 0 : s.$options) == null ? void 0 : t.name) === "KvHeaderMobileMenu";
-    }), y = (s, t, p) => {
+    }), _ = (s, t, p) => {
       t ? (c.value = s, clearTimeout(f), i.value !== t && (d.value = { left: 0, position: "relative" }), i.value = t, r.value = !0, p && (d.value = {
         ...p,
         position: "absolute"
       })) : r.value && (f = setTimeout(() => {
         r.value = !1, i.value = null;
       }, 100));
-    }, T = (s) => {
+    }, L = (s) => {
       var t;
       (t = u.value) == null || t.onLoad(s);
     }, U = () => {
-      if (!l.value) return y();
+      if (!l.value) return _();
     }, D = () => {
       o("load-lend-menu-data");
-    }, H = () => {
-      m.value = (window == null ? void 0 : window.innerWidth) < z.breakpoints.md, m.value && F.includes(c.value) && (i.value = null, r.value = !1);
-    }, M = Y(H, 100);
+    }, M = () => {
+      m.value = (window == null ? void 0 : window.innerWidth) < P.breakpoints.md, m.value && J.includes(c.value) && (i.value = null, r.value = !1);
+    }, H = j(M, 100);
     return S(() => {
-      H(), window.addEventListener("resize", M);
+      M(), window.addEventListener("resize", H);
     }), x(() => {
-      window.removeEventListener("resize", M);
+      window.removeEventListener("resize", H);
     }), {
-      HEADER_HEIGHT: q,
+      HEADER_HEIGHT: F,
       emitLendMenuEvent: D,
       isMobile: m,
       linksVisible: n,
       menuOpen: r,
       isMobileMenuActive: l,
-      onHover: y,
-      loadMenuData: T,
+      onHover: _,
+      loadMenuData: L,
       handleOverlayClick: U,
       activeHeaderItem: e,
       menuComponent: i,
@@ -110,11 +110,11 @@ const q = "3.75rem", F = ["lendMenu", "aboutUsLink"], J = {
       menuPosition: d
     };
   }
-}, Q = {
+}, X = {
   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"
 };
-function X(L, o, n, e, r, i) {
+function Z(C, o, n, e, r, i) {
   const u = g("kv-header-link-bar"), d = g("kv-header-logo"), m = g("kv-page-container"), c = g("kv-theme-provider"), f = A("kv-track-event");
   return w(), E(c, {
     tag: "div",
@@ -129,7 +129,7 @@ function X(L, o, n, e, r, i) {
           default: b(() => [
             v(I, { name: "header-fade" }, {
               default: b(() => [
-                _(v(u, {
+                y(v(u, {
                   "logged-in": n.loggedIn,
                   "basket-count": n.basketCount,
                   "login-url": n.loginUrl,
@@ -141,12 +141,12 @@ function X(L, o, n, e, r, i) {
                   balance: n.balance,
                   onItemHover: e.onHover
                 }, null, 8, ["logged-in", "basket-count", "login-url", "open-menu-item", "my-dashboard-url", "lender-name", "lender-image-url", "is-mobile", "balance", "onItemHover"]), [
-                  [C, e.linksVisible]
+                  [T, e.linksVisible]
                 ])
               ]),
               _: 1
             }),
-            _((w(), K("a", Q, [
+            y((w(), K("a", X, [
               v(d)
             ])), [
               [f, ["TopNav", "click-Logo"]]
@@ -157,10 +157,10 @@ function X(L, o, n, e, r, i) {
       ], 4),
       v(I, { name: "header-fade" }, {
         default: b(() => [
-          _(k("div", {
+          y(k("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: h({ top: e.HEADER_HEIGHT }),
-            onTouchstart: o[3] || (o[3] = (...l) => e.handleOverlayClick && e.handleOverlayClick(...l))
+            onTouchstart: o[4] || (o[4] = (...l) => e.handleOverlayClick && e.handleOverlayClick(...l))
           }, [
             k("div", {
               class: O(["tw-bg-primary tw-overflow-y-auto", { "tw-min-h-dvh": e.isMobileMenuActive }]),
@@ -168,8 +168,8 @@ function X(L, o, n, e, r, i) {
                 ...e.menuPosition,
                 maxHeight: e.isMobileMenuActive ? "auto" : `calc(100dvh - ${e.HEADER_HEIGHT})`
               }),
-              onMouseover: o[1] || (o[1] = (l) => e.onHover(e.activeHeaderItem, e.menuComponent)),
-              onMouseout: o[2] || (o[2] = (l) => e.onHover())
+              onMouseover: o[2] || (o[2] = (l) => e.onHover(e.activeHeaderItem, e.menuComponent)),
+              onMouseout: o[3] || (o[3] = (l) => e.onHover())
             }, [
               (w(), E(G(e.menuComponent), {
                 ref: "menuComponentInstance",
@@ -183,11 +183,13 @@ function X(L, o, n, e, r, i) {
                 "is-mobile": e.isMobile,
                 "countries-not-lent-to-url": n.countriesNotLentToUrl,
                 onLoadLendMenuData: e.emitLendMenuEvent,
-                onClosingMenu: o[0] || (o[0] = (l) => e.onHover())
+                onClosingMenu: o[0] || (o[0] = (l) => e.onHover()),
+                onTouchstart: o[1] || (o[1] = z(() => {
+                }, ["stop"]))
               }, null, 40, ["logged-in", "login-url", "user-id", "is-borrower", "is-trustee", "my-dashboard-url", "show-m-g-upsell-link", "is-mobile", "countries-not-lent-to-url", "onLoadLendMenuData"]))
             ], 38)
           ], 36), [
-            [C, e.menuOpen]
+            [T, e.menuOpen]
           ])
         ]),
         _: 1
@@ -196,7 +198,7 @@ function X(L, o, n, e, r, i) {
     _: 1
   });
 }
-const ie = /* @__PURE__ */ j(J, [["render", X], ["__scopeId", "data-v-9410d912"]]);
+const se = /* @__PURE__ */ q(Q, [["render", Z], ["__scopeId", "data-v-8d56e82f"]]);
 export {
-  ie as default
+  se as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kiva/kv-components",
-  "version": "6.59.0",
+  "version": "6.59.2",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -114,5 +114,5 @@
     "embla-carousel-fade",
     "popper.js"
   ],
-  "gitHead": "c72469590ff52f8d85cd01679685ed3ee9f59dcf"
+  "gitHead": "f18fb4d90181546a717f4ef9ca060be9ecc47651"
 }