@kiva/kv-components 6.65.0 → 6.66.0

package/dist/vue/KvSideSheet.js

@@ -1,11 +1,11 @@
-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 = {
+import { toRefs as X, ref as d, reactive as Y, computed as j, watch as g, onMounted as Z, onBeforeUnmount as $, onUnmounted as ee, resolveComponent as te, openBlock as p, createElementBlock as k, normalizeClass as b, withModifiers as ne, createElementVNode as w, normalizeStyle as H, createVNode as z, createCommentVNode as x, toDisplayString as oe, renderSlot as F, nextTick as ie } from "vue";
+import { mdiArrowLeft as le, mdiClose as ae, mdiOpenInNew as se } from "@mdi/js";
+import de from "./KvMaterialIcon.js";
+import re from "../_virtual/_plugin-vue_export-helper.js";
+const ce = {
   name: "KvSideSheet",
   components: {
-    KvMaterialIcon: ae
+    KvMaterialIcon: de
   },
   props: {
     /**
@@ -86,18 +86,18 @@ const re = {
   setup(n, { emit: o, slots: i }) {
     const {
       visible: t,
-      kvTrackFunction: I,
-      trackEventCategory: M,
+      kvTrackFunction: M,
+      trackEventCategory: I,
       widthDimensions: l,
-      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({
+      hideHeadlineBgOnMobile: r,
+      isAnimated: V
+    } = X(n), c = d(!V.value), s = d({}), O = d(null), m = d(null), y = d(null), _ = d(null), N = d(null), S = d(null), B = d(null), W = d("100vh"), v = Y({
       headline: 0,
       controls: 0
-    }), V = j(() => {
-      const e = _.value - (d.value ? 0 : v.headline) - v.controls;
+    }), G = j(() => {
+      const e = _.value - (r.value ? 0 : v.headline) - v.controls;
       return Math.max(e, 0);
-    }), W = j(() => {
+    }), A = j(() => {
       if (typeof l.value == "string")
         return l.value;
       const e = {
@@ -106,56 +106,56 @@ const re = {
         lg: 1024,
         xl: 1280,
         "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]);
+      }, a = 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) => a >= e[u]);
       return f ? l.value[f] : l.value.default || "100%";
-    }), G = (e, s) => {
+    }), q = (e, a) => {
       let f;
       return (...u) => {
-        clearTimeout(f), f = setTimeout(() => e(...u), s);
+        clearTimeout(f), f = setTimeout(() => e(...u), a);
       };
     }, C = () => {
       _.value = typeof window < "u" ? window.innerHeight : 0, N.value = typeof window < "u" ? window.innerWidth : 0, setTimeout(() => {
-        oe(() => {
+        ie(() => {
           var e;
           if (y.value) {
-            const s = y.value.getBoundingClientRect();
-            v.headline = s.height;
+            const a = y.value.getBoundingClientRect();
+            v.headline = a.height;
           } else
             v.headline = 0;
           if ((e = i.controls) != null && e.call(i) && m.value) {
-            const s = m.value.getBoundingClientRect();
-            v.controls = s.height;
+            const a = m.value.getBoundingClientRect();
+            v.controls = a.height;
           } else
             v.controls = 0;
         });
       }, 300);
-    }, E = G(C, 100), T = () => {
+    }, E = q(C, 100), T = () => {
       const e = "tw-overflow-hidden";
-      r.value ? document.body.classList.add(e) : document.body.classList.remove(e);
-    }, A = () => {
-      r.value = !1, T(), I.value(M.value, "click", "side-sheet-closed"), setTimeout(() => {
+      c.value ? document.body.classList.add(e) : document.body.classList.remove(e);
+    }, K = () => {
+      c.value = !1, T(), M.value(I.value, "click", "side-sheet-closed"), setTimeout(() => {
         o("side-sheet-closed");
       }, 300), document.removeEventListener("keyup", L);
-    }, q = () => {
+    }, J = () => {
       o("go-to-link");
     }, L = (e) => {
-      (e == null ? void 0 : e.key) === "Escape" && A();
-    }, J = j(() => ({
-      width: W.value
-    })), K = () => {
+      (e == null ? void 0 : e.key) === "Escape" && K();
+    }, P = j(() => ({
+      width: A.value
+    })), U = () => {
       if (typeof l.value == "object" && O.value) {
         const e = "side-sheet-styles";
-        let s = document.getElementById(e);
-        s || (s = document.createElement("style"), s.id = e, document.head.appendChild(s));
+        let a = document.getElementById(e);
+        a || (a = document.createElement("style"), a.id = e, document.head.appendChild(a));
         const f = {
           sm: "640px",
           md: "768px",
           lg: "1024px",
           xl: "1280px",
           "2xl": "1536px"
-        }, 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);
+        }, R = Object.keys(l.value).filter((h) => h !== "default").sort((h, Q) => {
+          const D = ["sm", "md", "lg", "xl", "2xl"];
+          return D.indexOf(h) - D.indexOf(Q);
         }).map((h) => `
 						@media (min-width: ${f[h]}) {
 							#side-sheet-${n.trackEventCategory || "default"} {
@@ -163,13 +163,13 @@ const re = {
 							}
 						}
 					`).join("");
-        s.textContent = R, O.value.id = `side-sheet-${n.trackEventCategory || "default"}`;
+        a.textContent = R, O.value.id = `side-sheet-${n.trackEventCategory || "default"}`;
       }
     };
     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 = {}));
+      typeof window < "u" && (e ? (document.addEventListener("keyup", L), s.value = {}, setTimeout(() => {
+        c.value = !0, T(), C();
+      }, 10)) : (c.value = !1, T(), document.removeEventListener("keyup", L), s.value = {}));
     }, { immediate: !0 }), g(() => {
       var e;
       return (e = i.controls) == null ? void 0 : e.call(i);
@@ -177,57 +177,58 @@ const re = {
       setTimeout(() => {
         C();
       }, 100);
-    }, { deep: !0 }), g(W, (e) => {
-      r.value && t.value && a.value && Object.keys(a.value).length > 0 && (a.value = {
-        ...a.value,
+    }, { deep: !0 }), g(A, (e) => {
+      c.value && t.value && s.value && Object.keys(s.value).length > 0 && (s.value = {
+        ...s.value,
         width: e,
         transition: "none"
         // No animation for resize
       }, setTimeout(() => {
-        a.value && Object.keys(a.value).length > 0 && (a.value = {
-          ...a.value,
+        s.value && Object.keys(s.value).length > 0 && (s.value = {
+          ...s.value,
           transition: "all 0.3s ease-in-out"
         });
       }, 50));
     }), g(l, () => {
-      r.value && K();
-    }, { immediate: !0 }), g(r, (e) => {
-      e && K();
-    }), Y(() => {
-      setTimeout(() => {
+      c.value && U();
+    }, { immediate: !0 }), g(c, (e) => {
+      e && U();
+    }), Z(() => {
+      W.value = "auto", 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");
     }), $(() => {
+      c.value && document.body.classList.remove("tw-overflow-hidden");
+    }), ee(() => {
       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: A,
-      contentHeight: V,
+      closeSideSheet: K,
+      contentHeight: G,
       controlsRef: m,
       headlineRef: y,
       sideSheetRef: O,
-      sideSheetStyles: J,
-      goToLink: q,
-      mdiArrowLeft: ie,
-      mdiClose: le,
+      sideSheetStyles: P,
+      goToLink: J,
+      mdiArrowLeft: le,
+      mdiClose: ae,
       mdiOpenInNew: se,
-      modalStyles: a,
-      open: r
+      modalStyles: s,
+      open: c,
+      loadingContentMinHeight: W
     };
   }
-}, 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");
+}, ue = { class: "tw-flex tw-gap-1.5" }, we = { key: 1 }, fe = { class: "tw-flex tw-gap-1.5" };
+function ve(n, o, i, t, M, I) {
+  const l = te("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] = te((...d) => t.closeSideSheet && t.closeSideSheet(...d), ["self"]))
+    onClick: o[3] || (o[3] = ne((...r) => t.closeSideSheet && t.closeSideSheet(...r), ["self"]))
   }, [
     w("div", {
       ref: "sideSheetRef",
@@ -250,24 +251,24 @@ function fe(n, o, i, t, I, M) {
             "tw-border-b": i.showHeadlineBorder
           }])
         }, [
-          w("div", ce, [
+          w("div", ue, [
             i.showBackButton ? (p(), k("button", {
               key: 0,
               class: "hover:tw-text-action-highlight tw-flex tw-items-center tw-justify-center",
-              onClick: o[0] || (o[0] = (...d) => t.closeSideSheet && t.closeSideSheet(...d))
+              onClick: o[0] || (o[0] = (...r) => t.closeSideSheet && t.closeSideSheet(...r))
             }, [
               z(l, {
                 class: "tw-w-3 tw-h-3",
                 icon: t.mdiArrowLeft
               }, null, 8, ["icon"])
             ])) : x("", !0),
-            i.headline ? (p(), k("h3", ue, ne(i.headline), 1)) : x("", !0)
+            i.headline ? (p(), k("h3", we, oe(i.headline), 1)) : x("", !0)
           ]),
-          w("div", we, [
+          w("div", fe, [
             i.showGoToLink ? (p(), k("button", {
               key: 0,
               class: "hover:tw-text-action-highlight tw-flex tw-items-center tw-justify-center",
-              onClick: o[1] || (o[1] = (...d) => t.goToLink && t.goToLink(...d))
+              onClick: o[1] || (o[1] = (...r) => t.goToLink && t.goToLink(...r))
             }, [
               z(l, {
                 class: "tw-w-3 tw-h-3",
@@ -276,7 +277,7 @@ function fe(n, o, i, t, I, M) {
             ])) : x("", !0),
             w("button", {
               class: "hover:tw-text-action-highlight tw-flex tw-items-center tw-justify-center",
-              onClick: o[2] || (o[2] = (...d) => t.closeSideSheet && t.closeSideSheet(...d))
+              onClick: o[2] || (o[2] = (...r) => t.closeSideSheet && t.closeSideSheet(...r))
             }, [
               z(l, {
                 class: "tw-w-3 tw-h-3",
@@ -288,7 +289,10 @@ function fe(n, o, i, t, I, M) {
         w("div", {
           id: "sidesheet-content",
           class: "tw-overflow-y-auto tw-overscroll-y-contain",
-          style: H({ height: t.contentHeight + "px" })
+          style: H([
+            { "min-height": t.loadingContentMinHeight },
+            { height: t.contentHeight + "px" }
+          ])
         }, [
           w("div", {
             class: b(["tw-px-2 tw-transition-opacity tw-duration-200", {
@@ -296,7 +300,7 @@ function fe(n, o, i, t, I, M) {
               "tw-opacity-full": t.open
             }])
           }, [
-            D(n.$slots, "default")
+            F(n.$slots, "default")
           ], 2)
         ], 4),
         n.$slots.controls ? (p(), k("div", {
@@ -308,13 +312,13 @@ function fe(n, o, i, t, I, M) {
           }]),
           style: { "z-index": "999" }
         }, [
-          D(n.$slots, "controls")
+          F(n.$slots, "controls")
         ], 2)) : x("", !0)
       ], 4)
     ], 6)
   ], 2)) : x("", !0);
 }
-const ge = /* @__PURE__ */ de(re, [["render", fe]]);
+const pe = /* @__PURE__ */ re(ce, [["render", ve]]);
 export {
-  ge as default
+  pe 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.65.0",
+  "version": "6.66.0",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -114,5 +114,5 @@
     "embla-carousel-fade",
     "popper.js"
   ],
-  "gitHead": "7eaf279276abe20afa6d5f9de928938039dbc5e3"
+  "gitHead": "151b1d58b96a8e43a0e3096651504d57890e91ab"
 }