@kiva/kv-components 6.59.0 → 6.59.1

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.1",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -114,5 +114,5 @@
     "embla-carousel-fade",
     "popper.js"
   ],
-  "gitHead": "c72469590ff52f8d85cd01679685ed3ee9f59dcf"
+  "gitHead": "5e81fd793bb59057127a7ce5aa7729b5a8fdd879"
 }