@kiva/kv-components 6.64.0 → 6.64.1

package/dist/vue/KvSideSheet.js

@@ -1,5 +1,5 @@
-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 oe } from "vue";
-import { mdiArrowLeft as ne, mdiClose as ie, mdiOpenInNew as le } from "@mdi/js";
+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 = {
@@ -65,7 +65,7 @@ const de = {
     widthDimensions: {
       type: [String, Object],
       default: () => ({ default: "100%", md: "50%" }),
-      validator: (o) => typeof o == "string" ? /^(\d+px|[\d.]+%|auto|inherit|initial)$/.test(o) : typeof o == "object" ? Object.keys(o).every((n) => ["default", "sm", "md", "lg", "xl", "2xl"].includes(n) && /^(\d+px|[\d.]+%|auto|inherit|initial)$/.test(o[n])) : !1
+      validator: (n) => typeof n == "string" ? /^(\d+px|[\d.]+%|auto|inherit|initial)$/.test(n) : typeof n == "object" ? Object.keys(n).every((o) => ["default", "sm", "md", "lg", "xl", "2xl"].includes(o) && /^(\d+px|[\d.]+%|auto|inherit|initial)$/.test(n[o])) : !1
     },
     /**
      * Whether to hide the background of the headline section on mobile (e.g., in Borrower Profile Sidesheet)
@@ -76,14 +76,14 @@ const de = {
     }
   },
   emits: ["side-sheet-closed", "go-to-link"],
-  setup(o, { emit: n, slots: i }) {
+  setup(n, { emit: o, slots: i }) {
     const {
       visible: t,
       kvTrackFunction: I,
       trackEventCategory: M,
       widthDimensions: l,
       hideHeadlineBgOnMobile: d
-    } = P(o), 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({
+    } = 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({
       headline: 0,
       controls: 0
     }), V = j(() => {
@@ -98,7 +98,7 @@ const de = {
         lg: 1024,
         xl: 1280,
         "2xl": 1536
-      }, s = N.value || window.innerWidth, f = Object.keys(l.value).filter((u) => u !== "default").sort((u, R) => e[R] - e[u]).find((u) => s >= e[u]);
+      }, 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) => {
       let f;
@@ -106,8 +106,8 @@ const de = {
         clearTimeout(f), f = setTimeout(() => e(...u), s);
       };
     }, C = () => {
-      _.value = window.innerHeight, N.value = window.innerWidth, setTimeout(() => {
-        oe(() => {
+      _.value = typeof window < "u" ? window.innerHeight : 0, N.value = typeof window < "u" ? window.innerWidth : 0, setTimeout(() => {
+        ne(() => {
           var e;
           if (y.value) {
             const s = y.value.getBoundingClientRect();
@@ -126,10 +126,10 @@ const de = {
       r.value ? document.body.classList.add(e) : document.body.classList.remove(e);
     }, K = () => {
       r.value = !1, T(), I.value(M.value, "click", "side-sheet-closed"), setTimeout(() => {
-        n("side-sheet-closed");
+        o("side-sheet-closed");
       }, 300), document.removeEventListener("keyup", L);
     }, G = () => {
-      n("go-to-link");
+      o("go-to-link");
     }, L = (e) => {
       (e == null ? void 0 : e.key) === "Escape" && K();
     };
@@ -187,12 +187,12 @@ const de = {
           return D.indexOf(h) - D.indexOf(J);
         }).map((h) => `
 						@media (min-width: ${f[h]}) {
-							#side-sheet-${o.trackEventCategory || "default"} {
+							#side-sheet-${n.trackEventCategory || "default"} {
 								width: ${l.value[h]} !important;
 							}
 						}
 					`).join("");
-        s.textContent = R, O.value.id = `side-sheet-${o.trackEventCategory || "default"}`;
+        s.textContent = R, O.value.id = `side-sheet-${n.trackEventCategory || "default"}`;
       }
     };
     return g(l, () => {
@@ -207,7 +207,7 @@ const de = {
       sideSheetRef: O,
       sideSheetStyles: q,
       goToLink: G,
-      mdiArrowLeft: ne,
+      mdiArrowLeft: oe,
       mdiClose: ie,
       mdiOpenInNew: le,
       modalStyles: a,
@@ -215,7 +215,7 @@ const de = {
     };
   }
 }, re = { class: "tw-flex tw-gap-1.5" }, ce = { key: 1 }, ue = { class: "tw-flex tw-gap-1.5" };
-function we(o, n, i, t, I, M) {
+function we(n, o, i, t, I, M) {
   const l = $("kv-material-icon");
   return i.visible ? (p(), k("div", {
     key: 0,
@@ -223,14 +223,14 @@ function we(o, n, i, t, I, M) {
       "tw-bg-opacity-0 tw-delay-300": !t.open,
       "tw-bg-opacity-low": t.open
     }]),
-    onClick: n[3] || (n[3] = ee((...d) => t.closeSideSheet && t.closeSideSheet(...d), ["self"]))
+    onClick: o[3] || (o[3] = ee((...d) => t.closeSideSheet && t.closeSideSheet(...d), ["self"]))
   }, [
     w("div", {
       ref: "sideSheetRef",
       class: b(["tw-fixed tw-right-0 tw-transition-all tw-duration-300 tw-bg-white", {
         "tw-translate-x-full": !t.open,
         "tw-translate-x-0": t.open,
-        "tw-h-full": o.$slots.controls
+        "tw-h-full": n.$slots.controls
       }]),
       style: H(t.sideSheetStyles)
     }, [
@@ -250,7 +250,7 @@ function we(o, n, i, t, I, M) {
             i.showBackButton ? (p(), k("button", {
               key: 0,
               class: "hover:tw-text-action-highlight tw-flex tw-items-center tw-justify-center",
-              onClick: n[0] || (n[0] = (...d) => t.closeSideSheet && t.closeSideSheet(...d))
+              onClick: o[0] || (o[0] = (...d) => t.closeSideSheet && t.closeSideSheet(...d))
             }, [
               z(l, {
                 class: "tw-w-3 tw-h-3",
@@ -263,7 +263,7 @@ function we(o, n, i, t, I, M) {
             i.showGoToLink ? (p(), k("button", {
               key: 0,
               class: "hover:tw-text-action-highlight tw-flex tw-items-center tw-justify-center",
-              onClick: n[1] || (n[1] = (...d) => t.goToLink && t.goToLink(...d))
+              onClick: o[1] || (o[1] = (...d) => t.goToLink && t.goToLink(...d))
             }, [
               z(l, {
                 class: "tw-w-3 tw-h-3",
@@ -272,7 +272,7 @@ function we(o, n, i, t, I, M) {
             ])) : x("", !0),
             w("button", {
               class: "hover:tw-text-action-highlight tw-flex tw-items-center tw-justify-center",
-              onClick: n[2] || (n[2] = (...d) => t.closeSideSheet && t.closeSideSheet(...d))
+              onClick: o[2] || (o[2] = (...d) => t.closeSideSheet && t.closeSideSheet(...d))
             }, [
               z(l, {
                 class: "tw-w-3 tw-h-3",
@@ -292,10 +292,10 @@ function we(o, n, i, t, I, M) {
               "tw-opacity-full": t.open
             }])
           }, [
-            F(o.$slots, "default")
+            F(n.$slots, "default")
           ], 2)
         ], 4),
-        o.$slots.controls ? (p(), k("div", {
+        n.$slots.controls ? (p(), k("div", {
           key: 0,
           ref: "controlsRef",
           class: b(["tw-absolute tw-bottom-0 tw-w-full tw-border-t tw-border-tertiary tw-bg-white tw-transition-opacity tw-duration-200", {
@@ -304,7 +304,7 @@ function we(o, n, i, t, I, M) {
           }]),
           style: { "z-index": "999" }
         }, [
-          F(o.$slots, "controls")
+          F(n.$slots, "controls")
         ], 2)) : x("", !0)
       ], 4)
     ], 6)

package/package.json

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