@kiva/kv-components 7.2.1 → 7.2.2

package/dist/vue/KvUtilityMenu.js

@@ -1,8 +1,8 @@
-import { ref as a, onMounted as f, onBeforeUnmount as g, resolveComponent as h, resolveDirective as y, openBlock as s, createElementBlock as d, normalizeClass as u, withDirectives as m, withModifiers as k, createVNode as p, createElementVNode as b, normalizeStyle as C, renderSlot as M, vShow as S } from "vue";
+import { ref as r, onMounted as f, onBeforeUnmount as g, resolveComponent as h, resolveDirective as y, openBlock as s, createElementBlock as d, normalizeClass as u, withDirectives as m, withModifiers as b, createVNode as k, createElementVNode as S, normalizeStyle as C, renderSlot as M, vShow as z } from "vue";
 import { mdiDotsVertical as w } from "@mdi/js";
 import _ from "./KvMaterialIcon.js";
-import z from "../_virtual/_plugin-vue_export-helper.js";
-const A = {
+import B from "../_virtual/_plugin-vue_export-helper.js";
+const p = {
   name: "KvUtilityMenu",
   components: {
     KvMaterialIcon: _
@@ -22,11 +22,12 @@ const A = {
     },
     buttonSize: {
       type: String,
-      default: "medium",
+      default: "large",
       validator(n) {
         return [
           "small",
-          "medium"
+          "medium",
+          "large"
         ].includes(n);
       }
     },
@@ -34,6 +35,14 @@ const A = {
       type: String,
       default: w
     },
+    menuBorderClass: {
+      type: String,
+      default: "tw-border tw-border-tertiary"
+    },
+    menuRadiusClass: {
+      type: String,
+      default: "tw-rounded"
+    },
     menuPosition: {
       type: String,
       default: "left-aligned",
@@ -49,8 +58,8 @@ const A = {
     "kv-utility-menu-clicked"
   ],
   setup(n, { emit: i }) {
-    const t = a(null), e = a(!1), c = a(null), l = (r) => {
-      t.value && !t.value.contains(r.target) && (e.value = !1);
+    const t = r(null), e = r(!1), c = r(null), l = (a) => {
+      t.value && !t.value.contains(a.target) && (e.value = !1);
     }, o = () => {
       e.value = !e.value, i("kv-utility-menu-clicked", { open: e.value });
     };
@@ -68,11 +77,15 @@ const A = {
     };
   }
 };
-function B(n, i, t, e, c, l) {
-  const o = h("KvMaterialIcon"), r = y("kv-track-event");
+function A(n, i, t, e, c, l) {
+  const o = h("KvMaterialIcon"), a = y("kv-track-event");
   return s(), d("div", {
     class: u(["tw-relative utility-menu-wrapper", [
-      t.buttonSize === "small" ? "tw-w-4 tw-h-4" : "tw-w-6 tw-h-6"
+      {
+        "tw-w-4 tw-h-4": t.buttonSize === "small",
+        "tw-w-5 tw-h-5": t.buttonSize === "medium",
+        "tw-w-6 tw-h-6": t.buttonSize === "large"
+      }
     ]])
   }, [
     m((s(), d("button", {
@@ -80,28 +93,36 @@ function B(n, i, t, e, c, l) {
       class: u(["tw-absolute tw-bg-white tw-flex tw-items-center tw-justify-center menu-trigger", [
         t.buttonBorderClass,
         t.buttonRadiusClass,
-        t.buttonSize === "small" ? "tw-w-4 tw-h-4" : "tw-w-6 tw-h-6"
+        {
+          "tw-w-4 tw-h-4": t.buttonSize === "small",
+          "tw-w-5 tw-h-5": t.buttonSize === "medium",
+          "tw-w-6 tw-h-6": t.buttonSize === "large"
+        }
       ]]),
-      onClick: i[0] || (i[0] = k((...v) => e.handleMenuAnchorClick && e.handleMenuAnchorClick(...v), ["stop"]))
+      onClick: i[0] || (i[0] = b((...v) => e.handleMenuAnchorClick && e.handleMenuAnchorClick(...v), ["stop"]))
     }, [
-      p(o, { icon: t.icon }, null, 8, ["icon"])
+      k(o, { icon: t.icon }, null, 8, ["icon"])
     ], 2)), [
-      [r, [t.analyticsCategory, "click", "utility-menu"]]
+      [a, [t.analyticsCategory, "click", "utility-menu"]]
     ]),
-    m(b("div", {
+    m(S("div", {
       ref: "optionsMenu",
-      class: u(["tw-absolute tw-rounded tw-border tw-border-tertiary tw-bg-white tw-z-1 tw-shadow-lg vertical-menu", [{
-        "tw-right-0": t.menuPosition === "right-aligned"
-      }]]),
+      class: u(["tw-absolute tw-bg-white tw-z-1 tw-shadow-lg vertical-menu", [
+        t.menuBorderClass,
+        t.menuRadiusClass,
+        {
+          "tw-right-0": t.menuPosition === "right-aligned"
+        }
+      ]]),
       style: C(`width: 236px; top: ${t.buttonSize === "small" ? "2.5rem" : "3.5rem"};`)
     }, [
       M(n.$slots, "default")
     ], 6), [
-      [S, e.menuOpen]
+      [z, e.menuOpen]
     ])
   ], 2);
 }
-const I = /* @__PURE__ */ z(A, [["render", B]]);
+const D = /* @__PURE__ */ B(p, [["render", A]]);
 export {
-  I as default
+  D as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kiva/kv-components",
-  "version": "7.2.1",
+  "version": "7.2.2",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -114,5 +114,5 @@
     "embla-carousel-fade",
     "popper.js"
   ],
-  "gitHead": "2ba609a200516c70a984b3c44105b96befa92a3c"
+  "gitHead": "a1f47f0b2511bbed3305b181a8e139e175657237"
 }