@kiva/kv-components 6.21.1 → 6.22.1

package/dist/vue/KvSideSheet.js

@@ -1,4 +1,4 @@
-import { toRefs as J, ref as w, reactive as P, computed as z, onMounted as Q, onUnmounted as j, watch as p, resolveComponent as Y, openBlock as k, createElementBlock as b, normalizeClass as x, withModifiers as Z, createElementVNode as f, normalizeStyle as W, createVNode as _, createCommentVNode as S, toDisplayString as $, renderSlot as U, nextTick as ee } from "vue";
+import { toRefs as J, ref as w, reactive as P, computed as z, onMounted as Q, onUnmounted as j, watch as p, resolveComponent as Y, openBlock as k, createElementBlock as b, normalizeClass as x, withModifiers as Z, createElementVNode as h, normalizeStyle as W, createVNode as _, createCommentVNode as S, toDisplayString as $, renderSlot as U, nextTick as ee } from "vue";
 import { mdiArrowLeft as te, mdiClose as oe, mdiExportVariant as ne } from "@mdi/js";
 import ie from "./KvMaterialIcon.js";
 import le from "../_virtual/_plugin-vue_export-helper.js";
@@ -81,7 +81,7 @@ const ae = {
       visible: t,
       kvTrackFunction: V,
       trackEventCategory: K,
-      animationSourceElement: h,
+      animationSourceElement: f,
       widthDimensions: i
     } = J(l), u = w(!1), B = w({}), s = w({}), L = w(null), m = w(null), y = w(null), M = w(window.innerHeight), D = w(window.innerWidth), v = P({
       headline: 0,
@@ -162,7 +162,7 @@ const ae = {
         document.addEventListener("keyup", H), s.value = {}, setTimeout(() => {
           u.value = !0, O(), E();
         }, 10);
-        const o = (n = h.value) == null ? void 0 : n.getBoundingClientRect(), d = (o == null ? void 0 : o.top) ?? 0, g = (o == null ? void 0 : o.left) ?? 0, c = (o == null ? void 0 : o.width) ?? 0, R = (o == null ? void 0 : o.height) ?? 0;
+        const o = (n = f.value) == null ? void 0 : n.getBoundingClientRect(), d = (o == null ? void 0 : o.top) ?? 0, g = (o == null ? void 0 : o.left) ?? 0, c = (o == null ? void 0 : o.width) ?? 0, R = (o == null ? void 0 : o.height) ?? 0;
         o && (d || g || c || R) && (B.value = {
           position: "fixed",
           top: `${d}px`,
@@ -182,7 +182,7 @@ const ae = {
           };
         }, 10));
       } else
-        u.value = !1, O(), document.removeEventListener("keyup", H), h.value && Object.keys(B.value).length > 0 ? s.value = {
+        u.value = !1, O(), document.removeEventListener("keyup", H), f.value && Object.keys(B.value).length > 0 ? s.value = {
           ...B.value,
           transition: "all 0.3s ease-in-out"
         } : s.value = {};
@@ -246,7 +246,7 @@ const ae = {
   }
 }, se = { class: "tw-flex tw-gap-1.5" }, re = { key: 1 }, de = { class: "tw-flex tw-gap-1.5" };
 function ce(l, a, r, t, V, K) {
-  const h = Y("kv-material-icon");
+  const f = Y("kv-material-icon");
   return r.visible ? (k(), b("div", {
     key: 0,
     class: x(["tw-block lg:tw-mt-0 tw-fixed tw-inset-0 tw-bg-black tw-transition-all md:tw-duration-150 tw-z-modal", {
@@ -255,7 +255,7 @@ function ce(l, a, r, t, V, K) {
     }]),
     onClick: a[3] || (a[3] = Z((...i) => t.closeSideSheet && t.closeSideSheet(...i), ["self"]))
   }, [
-    f("div", {
+    h("div", {
       ref: "sideSheetRef",
       class: x(["tw-fixed tw-right-0 tw-transition-all tw-duration-300 tw-bg-white tw-overflow-y-auto", {
         "tw-translate-x-full": !t.open,
@@ -264,11 +264,11 @@ function ce(l, a, r, t, V, K) {
       }]),
       style: W(t.sideSheetStyles)
     }, [
-      f("div", {
+      h("div", {
         class: "tw-flex tw-flex-col tw-h-full",
         style: W(t.modalStyles)
       }, [
-        f("div", {
+        h("div", {
           ref: "headlineRef",
           class: x(["tw-flex tw-justify-between tw-transition-opacity tw-duration-200 tw-px-3 tw-py-2 tw-border-tertiary", {
             "tw-opacity-0": !t.open,
@@ -276,46 +276,47 @@ function ce(l, a, r, t, V, K) {
             "tw-border-b": r.showHeadlineBorder
           }])
         }, [
-          f("div", se, [
+          h("div", se, [
             r.showBackButton ? (k(), b("button", {
               key: 0,
               class: "hover:tw-text-action-highlight tw-flex tw-items-center tw-justify-center",
               onClick: a[0] || (a[0] = (...i) => t.closeSideSheet && t.closeSideSheet(...i))
             }, [
-              _(h, {
+              _(f, {
                 class: "tw-w-3 tw-h-3",
                 icon: t.mdiArrowLeft
               }, null, 8, ["icon"])
             ])) : S("", !0),
             r.headline ? (k(), b("h2", re, $(r.headline), 1)) : S("", !0)
           ]),
-          f("div", de, [
+          h("div", de, [
             r.showGoToLink ? (k(), b("button", {
               key: 0,
               class: "hover:tw-text-action-highlight tw-flex tw-items-center tw-justify-center",
               onClick: a[1] || (a[1] = (...i) => t.goToLink && t.goToLink(...i))
             }, [
-              _(h, {
+              _(f, {
                 class: "tw-w-3 tw-h-3",
                 icon: t.mdiExportVariant
               }, null, 8, ["icon"])
             ])) : S("", !0),
-            f("button", {
+            h("button", {
               class: "hover:tw-text-action-highlight tw-flex tw-items-center tw-justify-center",
               onClick: a[2] || (a[2] = (...i) => t.closeSideSheet && t.closeSideSheet(...i))
             }, [
-              _(h, {
+              _(f, {
                 class: "tw-w-3 tw-h-3",
                 icon: t.mdiClose
               }, null, 8, ["icon"])
             ])
           ])
         ], 2),
-        f("div", {
+        h("div", {
+          id: "sidesheet-content",
           class: "tw-overflow-y-auto tw-overscroll-y-contain",
           style: W({ height: t.contentHeight + "px" })
         }, [
-          f("div", {
+          h("div", {
             class: x(["tw-p-2 tw-transition-opacity tw-duration-200", {
               "tw-opacity-0": !t.open,
               "tw-opacity-full": t.open

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kiva/kv-components",
-  "version": "6.21.1",
+  "version": "6.22.1",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -111,5 +111,5 @@
     "embla-carousel-fade",
     "popper.js"
   ],
-  "gitHead": "aa646dc5aeb545bca9a0dc5a574bebc9e438a4d2"
+  "gitHead": "2e79f200809fc5329546c0c1a75acbb1238d2c03"
 }