@kiva/kv-shop 3.7.64 → 3.7.66

package/dist/kv-components/dist/vue/KvTabPanel.js

@@ -2,13 +2,13 @@ import l from "./KvTabPanel2.js";
 import { createBlock as o, openBlock as a, Transition as r, withCtx as s, withDirectives as c, createElementBlock as n, renderSlot as d, vShow as p } from "vue";
 import v from "../_virtual/_plugin-vue_export-helper.js";
 const w = ["id", "aria-hidden", "aria-labelledby"];
-function b(i, f, t, e, u, m) {
+function b(i, f, t, e, m, u) {
   return a(), o(r, {
     "enter-active-class": "tw-transition-opacity tw-duration-700",
     "leave-active-class": "",
-    "enter-class": "tw-opacity-0 tw-absolute tw-top-0",
+    "enter-from-class": "tw-opacity-0 tw-absolute tw-top-0",
     "enter-to-class": "tw-opacity-full",
-    "leave-class": "",
+    "leave-from-class": "",
     "leave-to-class": "tw-opacity-0 tw-absolute tw-top-0"
   }, {
     default: s(() => [

package/dist/kv-components/dist/vue/KvTabs.js

@@ -1,32 +1,32 @@
-import n from "./KvTabs2.js";
-import { createElementBlock as d, openBlock as c, normalizeClass as l, createElementVNode as a, renderSlot as s, normalizeStyle as w } from "vue";
-import m from "../_virtual/_plugin-vue_export-helper.js";
-const b = { class: "tw-relative" };
-function f(o, r, e, t, v, p) {
-  return c(), d("div", {
+import w from "./KvTabs2.js";
+import { createElementBlock as d, openBlock as s, normalizeClass as l, createElementVNode as o, renderSlot as i, normalizeStyle as m } from "vue";
+import c from "../_virtual/_plugin-vue_export-helper.js";
+const f = { class: "tw-relative" };
+function v(r, a, e, t, p, b) {
+  return s(), d("div", {
     class: l(e.vertical ? "md:tw-flex" : "")
   }, [
-    a("div", {
+    o("div", {
       role: "tablist",
       class: l(["tw-flex tw-overflow-auto tw-relative tw-gap-x-2.5 md:tw-gap-x-5 lg:tw-gap-x-6 tw-mb-3 lg:tw-mb-4", { "md:tw-flex-col md:tw-mr-3": e.vertical }]),
-      onKeydown: r[0] || (r[0] = (i) => t.handleKeyDown(i))
+      onKeydown: a[0] || (a[0] = (n) => t.handleKeyDown(n))
     }, [
-      s(o.$slots, "tabNav"),
-      a("div", {
+      i(r.$slots, "tabNav"),
+      o("div", {
         class: l(["tw-absolute tw-bottom-0 tw-h-0.5 tw-left-0 tw-bg-primary-inverse tw-rounded-full tw-origin-left tw-transition-all tw-duration-300", { "tw-hidden md:tw-block tw-top-0 md:tw-bg-action": e.vertical }]),
-        style: w(`
-					width: ${t.selectedTabEl && !e.vertical ? t.selectedTabEl.clientWidth : 3}px;
-					height: ${t.selectedTabEl && e.vertical ? `${t.selectedTabEl.clientHeight}px` : "0.25rem"};
-					transform: ${t.selectedTabEl && !e.vertical ? `translateX(${t.selectedTabEl.offsetLeft}px)` : t.selectedTabEl ? `translateY(${t.selectedTabEl.offsetTop}px)` : null};
+        style: m(`
+					width: ${t.indicatorStyle.width}px;
+					height: ${t.indicatorStyle.height};
+					transform: ${t.indicatorStyle.transform};
 				`)
       }, null, 6)
     ], 34),
-    a("div", b, [
-      s(o.$slots, "tabPanels")
+    o("div", f, [
+      i(r.$slots, "tabPanels")
     ])
   ], 2);
 }
-const E = /* @__PURE__ */ m(n, [["render", f]]);
+const x = /* @__PURE__ */ c(w, [["render", v]]);
 export {
-  E as default
+  x as default
 };

package/dist/kv-components/dist/vue/KvTabs2.js

@@ -1,60 +1,70 @@
-import { reactive as m, ref as b, computed as I, provide as x, onMounted as h, onBeforeUnmount as y, getCurrentInstance as k } from "vue";
-const g = {
+import { reactive as h, ref as b, computed as I, provide as g, watch as y, nextTick as k, onMounted as $, onBeforeUnmount as D } from "vue";
+const T = {
   props: {
     vertical: {
       type: Boolean,
       default: !1
     }
   },
-  setup(D, { emit: d }) {
-    const t = m({
+  setup(m, { emit: p }) {
+    const t = h({
       selectedIndex: 0,
       setTab: null,
       navItems: []
-    }), c = b(null), u = I(() => {
+    }), i = b(null), r = I(() => {
       var e;
-      const { navItems: o, selectedIndex: s } = t;
-      return ((e = o[s]) == null ? void 0 : e.$el) ?? null;
-    }), f = () => {
-      const e = k();
-      e && e.proxy.$forceUpdate();
-    }, n = (e) => {
-      t.selectedIndex = e, u.value.scrollIntoView({ behavior: "smooth", block: "nearest" }), d("tab-changed", e);
+      const { navItems: a, selectedIndex: c } = t;
+      return ((e = a[c]) == null ? void 0 : e.$el) ?? null;
+    }), n = h({
+      width: 3,
+      height: "0.25rem",
+      transform: ""
+    }), s = () => {
+      const e = r.value;
+      e && (m.vertical ? (n.width = 3, n.height = `${e.clientHeight}px`, n.transform = `translateY(${e.offsetTop}px)`) : (n.width = e.clientWidth, n.height = "0.25rem", n.transform = `translateX(${e.offsetLeft}px)`));
+    }, o = (e) => {
+      t.selectedIndex = e, r.value.scrollIntoView({ behavior: "smooth", block: "nearest" }), p("tab-changed", e);
     };
-    t.setTab = n, x("$KvTabContext", t);
-    const i = (e) => {
-      const { navItems: o, selectedIndex: s } = t, a = () => {
+    t.setTab = o, g("$KvTabContext", t);
+    const w = (e) => {
+      const { navItems: a, selectedIndex: c } = t, v = () => {
         var l;
-        const v = o.find((p) => p.isActive);
-        v && ((l = v.$el) == null || l.focus());
-      }, r = o.length;
+        const f = a.find((x) => x.isActive);
+        f && ((l = f.$el) == null || l.focus());
+      }, d = a.length;
       if (e.key === "ArrowRight") {
         e.preventDefault();
-        const l = (s + 1) % r;
-        n(l), a();
+        const l = (c + 1) % d;
+        o(l), v();
       }
       if (e.key === "ArrowLeft") {
         e.preventDefault();
-        const l = (s - 1 + r) % r;
-        n(l), a();
+        const l = (c - 1 + d) % d;
+        o(l), v();
       }
-      e.key === "Home" && (e.preventDefault(), n(0), a()), e.key === "End" && (e.preventDefault(), n(r - 1), a());
+      e.key === "Home" && (e.preventDefault(), o(0), v()), e.key === "End" && (e.preventDefault(), o(d - 1), v());
+    }, u = () => {
+      var e;
+      (e = i.value) == null || e.disconnect(), r.value && (i.value = new ResizeObserver(() => {
+        s();
+      }), i.value.observe(r.value));
     };
-    return h(() => {
-      t.navItems.forEach((e, o) => {
-        e.selected && n(o);
-      }), c.value = new ResizeObserver(() => {
-        f();
-      }), c.value.observe(u.value);
-    }), y(() => {
-      c.value.disconnect();
+    return y(r, () => {
+      u(), k(s);
+    }), $(() => {
+      t.navItems.forEach((e, a) => {
+        e.selected && o(a);
+      }), s(), u(), window.addEventListener("resize", s);
+    }), D(() => {
+      var e;
+      (e = i.value) == null || e.disconnect(), window.removeEventListener("resize", s);
     }), {
-      handleKeyDown: i,
-      selectedTabEl: u,
+      handleKeyDown: w,
+      indicatorStyle: n,
       tabContext: t
     };
   }
 };
 export {
-  g as default
+  T as default
 };

package/dist/kv-components/dist/vue/KvWwwHeader/LendMenu/KvLendListMenu2.js

@@ -1,6 +1,6 @@
 import { mdiArrowRight as v } from "@mdi/js";
-import { ref as t, computed as h } from "vue";
-import y from "../../KvAccordionItem.js";
+import { ref as t, computed as y } from "vue";
+import h from "../../KvAccordionItem.js";
 import g from "../../KvLoadingPlaceholder.js";
 import L from "./KvLendMenuCountryList.js";
 import b from "./KvLendMenuSearchList.js";
@@ -11,7 +11,7 @@ import T from "../../../utils/paramCase.js";
 import M from "../../KvMaterialIcon.js";
 const j = {
   components: {
-    KvAccordionItem: y,
+    KvAccordionItem: h,
     KvTab: K,
     KvTabPanel: A,
     KvTabs: C,
@@ -59,7 +59,7 @@ const j = {
     }
   },
   setup(f) {
-    const a = t(null), n = t([]), i = t(null), c = h(() => f.searches.length > 0);
+    const a = t(null), n = t([]), i = t(null), c = y(() => f.searches.length > 0);
     return {
       mdiArrowRight: v,
       hasSearches: c,
@@ -67,11 +67,11 @@ const j = {
       regionAccordions: n,
       searchesLink: i,
       onClose: () => {
-        var u, e, s, o, m, l, p;
-        (s = (e = (u = a.value) == null ? void 0 : u.tabContext) == null ? void 0 : e.setTab) == null || s.call(e, 0), (m = (o = n.value) == null ? void 0 : o.forEach) == null || m.call(o, (r) => {
+        var u, e, s, o, p, l, m;
+        (s = (e = (u = a.value) == null ? void 0 : u.tabContext) == null ? void 0 : e.setTab) == null || s.call(e, 0), (p = (o = n.value) == null ? void 0 : o.forEach) == null || p.call(o, (r) => {
           var d;
           (d = r == null ? void 0 : r.collapse) == null || d.call(r);
-        }), (p = (l = i.value) == null ? void 0 : l.collapse) == null || p.call(l);
+        }), (m = (l = i.value) == null ? void 0 : l.collapse) == null || m.call(l);
       },
       paramCase: T
     };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@kiva/kv-shop",
-    "version": "3.7.64",
+    "version": "3.7.66",
     "type": "module",
     "publishConfig": {
         "access": "public"
@@ -34,7 +34,7 @@
     "devDependencies": {
         "@apollo/client": "^3.13.1",
         "@kiva/kv-analytics": "^1.3.1",
-        "@kiva/kv-components": "^8.8.0",
+        "@kiva/kv-components": "^8.9.1",
         "@kiva/vite-plugin-vue-lib-css": "^2.0.0",
         "@types/braintree-web-drop-in": "^1.39.3",
         "@types/jest": "^29.5.14",
@@ -63,5 +63,5 @@
         "numeral": "2.x",
         "vue": "3.x"
     },
-    "gitHead": "ad3a7e8530e8f47ad2a93e41c3307173755dbcde"
+    "gitHead": "ff3cad55e305990584c6d393f118b979987720ba"
 }