@kiva/kv-components 6.64.1 → 6.65.1

package/dist/vue/KvSideSheet.js

@@ -1,11 +1,11 @@
-import { toRefs as P, ref as c, reactive as Q, computed as j, onMounted as X, onBeforeUnmount as Y, onUnmounted as Z, watch as g, resolveComponent as $, openBlock as p, createElementBlock as k, normalizeClass as b, withModifiers as ee, createElementVNode as w, normalizeStyle as H, createVNode as z, createCommentVNode as x, toDisplayString as te, renderSlot as F, nextTick as ne } from "vue";
-import { mdiArrowLeft as oe, mdiClose as ie, mdiOpenInNew as le } from "@mdi/js";
-import se from "./KvMaterialIcon.js";
-import ae from "../_virtual/_plugin-vue_export-helper.js";
-const de = {
+import { toRefs as Q, ref as c, reactive as X, computed as j, watch as g, onMounted as Y, onBeforeUnmount as Z, onUnmounted as $, resolveComponent as ee, openBlock as p, createElementBlock as k, normalizeClass as b, withModifiers as te, createElementVNode as w, normalizeStyle as H, createVNode as z, createCommentVNode as x, toDisplayString as ne, renderSlot as D, nextTick as oe } from "vue";
+import { mdiArrowLeft as ie, mdiClose as le, mdiOpenInNew as se } from "@mdi/js";
+import ae from "./KvMaterialIcon.js";
+import de from "../_virtual/_plugin-vue_export-helper.js";
+const re = {
   name: "KvSideSheet",
   components: {
-    KvMaterialIcon: se
+    KvMaterialIcon: ae
   },
   props: {
     /**
@@ -73,6 +73,13 @@ const de = {
     hideHeadlineBgOnMobile: {
       type: Boolean,
       default: !1
+    },
+    /**
+     * Whether to animate the opening of the side sheet
+     * */
+    isAnimated: {
+      type: Boolean,
+      default: !0
     }
   },
   emits: ["side-sheet-closed", "go-to-link"],
@@ -82,8 +89,9 @@ const de = {
       kvTrackFunction: I,
       trackEventCategory: M,
       widthDimensions: l,
-      hideHeadlineBgOnMobile: d
-    } = P(n), r = c(!1), a = c({}), O = c(null), m = c(null), y = c(null), _ = c(null), N = c(null), S = c(null), B = c(null), v = Q({
+      hideHeadlineBgOnMobile: d,
+      isAnimated: F
+    } = Q(n), r = c(!F.value), a = c({}), O = c(null), m = c(null), y = c(null), _ = c(null), N = c(null), S = c(null), B = c(null), v = X({
       headline: 0,
       controls: 0
     }), V = j(() => {
@@ -100,14 +108,14 @@ const de = {
         "2xl": 1536
       }, s = N.value || (typeof window < "u" ? window.innerWidth : 0), f = Object.keys(l.value).filter((u) => u !== "default").sort((u, R) => e[R] - e[u]).find((u) => s >= e[u]);
       return f ? l.value[f] : l.value.default || "100%";
-    }), A = (e, s) => {
+    }), G = (e, s) => {
       let f;
       return (...u) => {
         clearTimeout(f), f = setTimeout(() => e(...u), s);
       };
     }, C = () => {
       _.value = typeof window < "u" ? window.innerHeight : 0, N.value = typeof window < "u" ? window.innerWidth : 0, setTimeout(() => {
-        ne(() => {
+        oe(() => {
           var e;
           if (y.value) {
             const s = y.value.getBoundingClientRect();
@@ -121,57 +129,20 @@ const de = {
             v.controls = 0;
         });
       }, 300);
-    }, E = A(C, 100), T = () => {
+    }, E = G(C, 100), T = () => {
       const e = "tw-overflow-hidden";
       r.value ? document.body.classList.add(e) : document.body.classList.remove(e);
-    }, K = () => {
+    }, A = () => {
       r.value = !1, T(), I.value(M.value, "click", "side-sheet-closed"), setTimeout(() => {
         o("side-sheet-closed");
       }, 300), document.removeEventListener("keyup", L);
-    }, G = () => {
+    }, q = () => {
       o("go-to-link");
     }, L = (e) => {
-      (e == null ? void 0 : e.key) === "Escape" && K();
-    };
-    X(() => {
-      setTimeout(() => {
-        C();
-      }, 100), m.value && (S.value = new ResizeObserver(E), S.value.observe(m.value)), y.value && (B.value = new ResizeObserver(E), B.value.observe(y.value)), window.addEventListener("resize", E);
-    }), Y(() => {
-      r.value && document.body.classList.remove("tw-overflow-hidden");
-    }), Z(() => {
-      S.value && S.value.disconnect(), B.value && B.value.disconnect(), window.removeEventListener("resize", E);
-      const e = document.getElementById("side-sheet-styles");
-      e && e.remove();
-    }), g(() => {
-      var e;
-      return (e = i.controls) == null ? void 0 : e.call(i);
-    }, () => {
-      setTimeout(() => {
-        C();
-      }, 100);
-    }, { deep: !0 });
-    const q = j(() => ({
+      (e == null ? void 0 : e.key) === "Escape" && A();
+    }, J = j(() => ({
       width: W.value
-    }));
-    g(t, (e) => {
-      typeof window < "u" && (e ? (document.addEventListener("keyup", L), a.value = {}, setTimeout(() => {
-        r.value = !0, T(), C();
-      }, 10)) : (r.value = !1, T(), document.removeEventListener("keyup", L), a.value = {}));
-    }, { immediate: !0 }), g(W, (e) => {
-      r.value && t.value && a.value && Object.keys(a.value).length > 0 && (a.value = {
-        ...a.value,
-        width: e,
-        transition: "none"
-        // No animation for resize
-      }, setTimeout(() => {
-        a.value && Object.keys(a.value).length > 0 && (a.value = {
-          ...a.value,
-          transition: "all 0.3s ease-in-out"
-        });
-      }, 50));
-    });
-    const U = () => {
+    })), K = () => {
       if (typeof l.value == "object" && O.value) {
         const e = "side-sheet-styles";
         let s = document.getElementById(e);
@@ -182,9 +153,9 @@ const de = {
           lg: "1024px",
           xl: "1280px",
           "2xl": "1536px"
-        }, R = Object.keys(l.value).filter((h) => h !== "default").sort((h, J) => {
-          const D = ["sm", "md", "lg", "xl", "2xl"];
-          return D.indexOf(h) - D.indexOf(J);
+        }, R = Object.keys(l.value).filter((h) => h !== "default").sort((h, P) => {
+          const U = ["sm", "md", "lg", "xl", "2xl"];
+          return U.indexOf(h) - U.indexOf(P);
         }).map((h) => `
 						@media (min-width: ${f[h]}) {
 							#side-sheet-${n.trackEventCategory || "default"} {
@@ -195,35 +166,68 @@ const de = {
         s.textContent = R, O.value.id = `side-sheet-${n.trackEventCategory || "default"}`;
       }
     };
-    return g(l, () => {
-      r.value && U();
+    return g(t, (e) => {
+      typeof window < "u" && (e ? (document.addEventListener("keyup", L), a.value = {}, setTimeout(() => {
+        r.value = !0, T(), C();
+      }, 10)) : (r.value = !1, T(), document.removeEventListener("keyup", L), a.value = {}));
+    }, { immediate: !0 }), g(() => {
+      var e;
+      return (e = i.controls) == null ? void 0 : e.call(i);
+    }, () => {
+      setTimeout(() => {
+        C();
+      }, 100);
+    }, { deep: !0 }), g(W, (e) => {
+      r.value && t.value && a.value && Object.keys(a.value).length > 0 && (a.value = {
+        ...a.value,
+        width: e,
+        transition: "none"
+        // No animation for resize
+      }, setTimeout(() => {
+        a.value && Object.keys(a.value).length > 0 && (a.value = {
+          ...a.value,
+          transition: "all 0.3s ease-in-out"
+        });
+      }, 50));
+    }), g(l, () => {
+      r.value && K();
     }, { immediate: !0 }), g(r, (e) => {
-      e && U();
+      e && K();
+    }), Y(() => {
+      setTimeout(() => {
+        C();
+      }, 100), m.value && (S.value = new ResizeObserver(E), S.value.observe(m.value)), y.value && (B.value = new ResizeObserver(E), B.value.observe(y.value)), window.addEventListener("resize", E);
+    }), Z(() => {
+      r.value && document.body.classList.remove("tw-overflow-hidden");
+    }), $(() => {
+      S.value && S.value.disconnect(), B.value && B.value.disconnect(), window.removeEventListener("resize", E);
+      const e = document.getElementById("side-sheet-styles");
+      e && e.remove();
     }), {
-      closeSideSheet: K,
+      closeSideSheet: A,
       contentHeight: V,
       controlsRef: m,
       headlineRef: y,
       sideSheetRef: O,
-      sideSheetStyles: q,
-      goToLink: G,
-      mdiArrowLeft: oe,
-      mdiClose: ie,
-      mdiOpenInNew: le,
+      sideSheetStyles: J,
+      goToLink: q,
+      mdiArrowLeft: ie,
+      mdiClose: le,
+      mdiOpenInNew: se,
       modalStyles: a,
       open: r
     };
   }
-}, re = { class: "tw-flex tw-gap-1.5" }, ce = { key: 1 }, ue = { class: "tw-flex tw-gap-1.5" };
-function we(n, o, i, t, I, M) {
-  const l = $("kv-material-icon");
+}, ce = { class: "tw-flex tw-gap-1.5" }, ue = { key: 1 }, we = { class: "tw-flex tw-gap-1.5" };
+function fe(n, o, i, t, I, M) {
+  const l = ee("kv-material-icon");
   return i.visible ? (p(), k("div", {
     key: 0,
     class: b(["tw-block lg:tw-mt-0 tw-fixed tw-inset-0 tw-bg-black tw-transition-all md:tw-duration-150 tw-z-modal", {
       "tw-bg-opacity-0 tw-delay-300": !t.open,
       "tw-bg-opacity-low": t.open
     }]),
-    onClick: o[3] || (o[3] = ee((...d) => t.closeSideSheet && t.closeSideSheet(...d), ["self"]))
+    onClick: o[3] || (o[3] = te((...d) => t.closeSideSheet && t.closeSideSheet(...d), ["self"]))
   }, [
     w("div", {
       ref: "sideSheetRef",
@@ -246,7 +250,7 @@ function we(n, o, i, t, I, M) {
             "tw-border-b": i.showHeadlineBorder
           }])
         }, [
-          w("div", re, [
+          w("div", ce, [
             i.showBackButton ? (p(), k("button", {
               key: 0,
               class: "hover:tw-text-action-highlight tw-flex tw-items-center tw-justify-center",
@@ -257,9 +261,9 @@ function we(n, o, i, t, I, M) {
                 icon: t.mdiArrowLeft
               }, null, 8, ["icon"])
             ])) : x("", !0),
-            i.headline ? (p(), k("h3", ce, te(i.headline), 1)) : x("", !0)
+            i.headline ? (p(), k("h3", ue, ne(i.headline), 1)) : x("", !0)
           ]),
-          w("div", ue, [
+          w("div", we, [
             i.showGoToLink ? (p(), k("button", {
               key: 0,
               class: "hover:tw-text-action-highlight tw-flex tw-items-center tw-justify-center",
@@ -292,7 +296,7 @@ function we(n, o, i, t, I, M) {
               "tw-opacity-full": t.open
             }])
           }, [
-            F(n.$slots, "default")
+            D(n.$slots, "default")
           ], 2)
         ], 4),
         n.$slots.controls ? (p(), k("div", {
@@ -304,13 +308,13 @@ function we(n, o, i, t, I, M) {
           }]),
           style: { "z-index": "999" }
         }, [
-          F(n.$slots, "controls")
+          D(n.$slots, "controls")
         ], 2)) : x("", !0)
       ], 4)
     ], 6)
   ], 2)) : x("", !0);
 }
-const ye = /* @__PURE__ */ ae(de, [["render", we]]);
+const ge = /* @__PURE__ */ de(re, [["render", fe]]);
 export {
-  ye as default
+  ge as default
 };

package/dist/vue/KvWwwHeader/KvHeaderLinkBar.css

@@ -1 +1 @@
-.header-link[data-v-3a913e07]{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-3a913e07]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1));text-decoration-line:none}[data-v-3a913e07] .avatar div:first-child{display:flex}
+.header-link[data-v-2a224640]{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-2a224640]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1));text-decoration-line:none}[data-v-2a224640] .avatar div:first-child{display:flex}

package/dist/vue/KvWwwHeader/KvHeaderLinkBar.js

@@ -10,7 +10,7 @@ import { throttle as ce } from "../../utils/throttle.js";
 import { isLegacyPlaceholderAvatar as we } from "../../utils/imageUtils.js";
 import "./KvHeaderLinkBar.css";
 import fe from "../../_virtual/_plugin-vue_export-helper.js";
-const Me = h(() => import("./KvHeaderMobileMenu.js")), R = h(() => import("./KvHeaderMyKivaMenu.js")), ke = h(() => import("./LendMenu/KvLendMenu.js")), he = h(() => import("./KvHeaderTakeActionMenu.js")), ge = h(() => import("./KvHeaderAboutMenu.js")), F = 120, k = "avatar-menu", x = "menuButton", W = { top: "-3.75rem", width: "100%" }, A = "lendButton", be = {
+const Me = h(() => import("./KvHeaderMobileMenu.js")), R = h(() => import("./KvHeaderMyKivaMenu.js")), ke = h(() => import("./LendMenu/KvLendMenu.js")), he = h(() => import("./KvHeaderTakeActionMenu.js")), ge = h(() => import("./KvHeaderAboutMenu.js")), F = 150, k = "avatar-menu", x = "menuButton", W = { top: "-3.75rem", width: "100%" }, A = "lendButton", be = {
   components: {
     KvMaterialIcon: ue,
     KvIconBag: me,
@@ -285,7 +285,7 @@ function Ie(i, n, a, e, N, E) {
     ])
   ], 32);
 }
-const Pe = /* @__PURE__ */ fe(be, [["render", Ie], ["__scopeId", "data-v-3a913e07"]]);
+const Pe = /* @__PURE__ */ fe(be, [["render", Ie], ["__scopeId", "data-v-2a224640"]]);
 export {
   Pe as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kiva/kv-components",
-  "version": "6.64.1",
+  "version": "6.65.1",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -114,5 +114,5 @@
     "embla-carousel-fade",
     "popper.js"
   ],
-  "gitHead": "623e3e5c52ad8622dc088341b975052412c84980"
+  "gitHead": "745926420b7f23d6d719f15a7faec84d0086dbad"
 }