@teammodlr/ui-kit 3.0.0-beta.15 → 3.0.0-beta.17

package/lib/index.es.js

@@ -11907,7 +11907,7 @@ function zh(e, t, n, o, a, r) {
   return g(), A("div", qh, [
     L(f, {
       open: e.isOpen,
-      "onUpdate:open": t[14] || (t[14] = (p) => e.isOpen = p)
+      "onUpdate:open": t[15] || (t[15] = (p) => e.isOpen = p)
     }, {
       default: $(() => [
         L(s, { "as-child": "" }, {
@@ -11915,7 +11915,9 @@ function zh(e, t, n, o, a, r) {
             I("div", {
               ref: "referenceRef",
               tabindex: "0",
-              onFocus: t[0] || (t[0] = (p) => e.isOpen = !0),
+              onMousedown: t[0] || (t[0] = he(() => {
+              }, ["prevent"])),
+              onFocus: t[1] || (t[1] = (p) => e.isOpen = !0),
               class: M(e.style.trigger)
             }, [
               S(e.$slots, "default", {
@@ -11953,15 +11955,15 @@ function zh(e, t, n, o, a, r) {
               align: e.resolvedAlign,
               "side-offset": 4,
               "collision-padding": 8,
-              onOpenAutoFocus: t[12] || (t[12] = he(() => {
+              onOpenAutoFocus: t[13] || (t[13] = he(() => {
               }, ["prevent"])),
-              onCloseAutoFocus: t[13] || (t[13] = he(() => {
+              onCloseAutoFocus: t[14] || (t[14] = he(() => {
               }, ["prevent"]))
             }, {
               default: $(() => [
                 I("div", {
                   ref: "picker",
-                  onMousedown: t[3] || (t[3] = (...p) => e.handleMouseDown && e.handleMouseDown(...p)),
+                  onMousedown: t[4] || (t[4] = (...p) => e.handleMouseDown && e.handleMouseDown(...p)),
                   class: M(e.style.colours),
                   style: ce(`background: rgb(${e.mainColor.r}, ${e.mainColor.g}, ${e.mainColor.b});`)
                 }, [
@@ -11973,8 +11975,8 @@ function zh(e, t, n, o, a, r) {
                   }, null, 2),
                   I("div", {
                     class: M(e.style.sliderThumb),
-                    onMousedown: t[1] || (t[1] = (...p) => e.handleMouseDown && e.handleMouseDown(...p)),
-                    onDragover: t[2] || (t[2] = he(() => {
+                    onMousedown: t[2] || (t[2] = (...p) => e.handleMouseDown && e.handleMouseDown(...p)),
+                    onDragover: t[3] || (t[3] = he(() => {
                     }, ["prevent"])),
                     style: ce({ left: `${e.position.x * 100}%`, top: `${e.position.y * 100}%` })
                   }, null, 38)
@@ -12004,13 +12006,13 @@ function zh(e, t, n, o, a, r) {
                   I("div", Dh, [
                     L(i, {
                       modelValue: e.hueSlider,
-                      "onUpdate:modelValue": t[4] || (t[4] = (p) => e.hueSlider = p),
+                      "onUpdate:modelValue": t[5] || (t[5] = (p) => e.hueSlider = p),
                       onChange: e.onSliderChangeComplete,
                       background: "linear-gradient(to right, #FF0000, #FFFF00, #00FF00, #00FFFF, #0000FF, #FF00FF, #FF0000)"
                     }, null, 8, ["modelValue", "onChange"]),
                     L(i, {
                       modelValue: e.opacitySlider,
-                      "onUpdate:modelValue": t[5] || (t[5] = (p) => e.opacitySlider = p),
+                      "onUpdate:modelValue": t[6] || (t[6] = (p) => e.opacitySlider = p),
                       onChange: e.onSliderChangeComplete,
                       background: `linear-gradient(to right, rgba(${e.finalColor.r}, ${e.finalColor.g}, ${e.finalColor.b}, 0), rgba(${e.finalColor.r}, ${e.finalColor.g}, ${e.finalColor.b}, 1))`
                     }, null, 8, ["modelValue", "onChange", "background"])
@@ -12026,7 +12028,7 @@ function zh(e, t, n, o, a, r) {
                       block: "",
                       ref: "rInputElement",
                       modelValue: e.rInput,
-                      "onUpdate:modelValue": t[6] || (t[6] = (p) => e.rInput = p),
+                      "onUpdate:modelValue": t[7] || (t[7] = (p) => e.rInput = p),
                       name: "r",
                       placeholder: "R"
                     }, null, 8, ["onKeyup", "onBlur", "modelValue"]),
@@ -12036,7 +12038,7 @@ function zh(e, t, n, o, a, r) {
                       block: "",
                       ref: "gInputElement",
                       modelValue: e.gInput,
-                      "onUpdate:modelValue": t[7] || (t[7] = (p) => e.gInput = p),
+                      "onUpdate:modelValue": t[8] || (t[8] = (p) => e.gInput = p),
                       name: "g",
                       placeholder: "G"
                     }, null, 8, ["onKeyup", "onBlur", "modelValue"]),
@@ -12046,7 +12048,7 @@ function zh(e, t, n, o, a, r) {
                       block: "",
                       ref: "bInputElement",
                       modelValue: e.bInput,
-                      "onUpdate:modelValue": t[8] || (t[8] = (p) => e.bInput = p),
+                      "onUpdate:modelValue": t[9] || (t[9] = (p) => e.bInput = p),
                       name: "b",
                       placeholder: "B"
                     }, null, 8, ["onKeyup", "onBlur", "modelValue"]),
@@ -12056,7 +12058,7 @@ function zh(e, t, n, o, a, r) {
                       block: "",
                       ref: "aInputElement",
                       modelValue: e.aInput,
-                      "onUpdate:modelValue": t[9] || (t[9] = (p) => e.aInput = p),
+                      "onUpdate:modelValue": t[10] || (t[10] = (p) => e.aInput = p),
                       name: "a",
                       placeholder: "A"
                     }, null, 8, ["onKeyup", "onBlur", "modelValue"])
@@ -12065,7 +12067,7 @@ function zh(e, t, n, o, a, r) {
                     onKeyup: yt(e.commitHexInput, ["enter"]),
                     onBlur: e.commitHexInput,
                     modelValue: e.hexInputUser,
-                    "onUpdate:modelValue": t[10] || (t[10] = (p) => e.hexInputUser = p),
+                    "onUpdate:modelValue": t[11] || (t[11] = (p) => e.hexInputUser = p),
                     block: "",
                     ref: "hexInputElement",
                     name: "hex",
@@ -12073,7 +12075,7 @@ function zh(e, t, n, o, a, r) {
                   }, null, 8, ["onKeyup", "onBlur", "modelValue"])),
                   L(l, {
                     icon: "",
-                    onClick: t[11] || (t[11] = he((p) => e.rgbOrHex = !e.rgbOrHex, ["prevent"]))
+                    onClick: t[12] || (t[12] = he((p) => e.rgbOrHex = !e.rgbOrHex, ["prevent"]))
                   }, {
                     default: $(() => [
                       (g(), A("svg", Ph, Ih))
@@ -12288,7 +12290,8 @@ function eb(e, t, n, o, a, r) {
   }, 8, ["open"])) : e.isContextMenu ? (g(), q(f, J({
     key: 1,
     open: e.isOpen,
-    "onUpdate:open": t[1] || (t[1] = (T) => e.isOpen = T)
+    "onUpdate:open": t[1] || (t[1] = (T) => e.isOpen = T),
+    modal: e.modal
   }, e.$attrs), {
     default: $(() => [
       L(u, { "as-child": "" }, {
@@ -12314,7 +12317,7 @@ function eb(e, t, n, o, a, r) {
       })
     ]),
     _: 3
-  }, 16, ["open"])) : e.isSubmenu ? (g(), q(h, {
+  }, 16, ["open", "modal"])) : e.isSubmenu ? (g(), q(h, {
     key: 2,
     open: e.isOpen,
     "onUpdate:open": t[2] || (t[2] = (T) => e.isOpen = T)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teammodlr/ui-kit",
-  "version": "3.0.0-beta.15",
+  "version": "3.0.0-beta.17",
   "description": "",
   "main": "lib/index.cjs.js",
   "module": "lib/index.es.js",

package/src/components/colorpicker/ColorPicker.vue

@@ -2,7 +2,7 @@
     <div ref="wrapper" class="m-color-picker">
         <PopoverRoot v-model:open="isOpen">
             <PopoverTrigger as-child>
-                <div ref="referenceRef" tabindex="0" @focus="isOpen = true" :class="style.trigger">
+                <div ref="referenceRef" tabindex="0" @mousedown.prevent @focus="isOpen = true" :class="style.trigger">
                     <slot :r="finalColor.r" :g="finalColor.g" :b="finalColor.b" :a="finalColor.a" :hex="hexInput"
                         :transparent="style.transparent">
                         <div :class="style.reference">

package/src/components/dropdown/Dropdown.vue

@@ -9,7 +9,7 @@
             </ContextMenuSubContent>
         </ContextMenuPortal>
     </ContextMenuSub>
-    <ContextMenuRoot v-else-if="isContextMenu" v-model:open="isOpen" v-bind="$attrs">
+    <ContextMenuRoot v-else-if="isContextMenu" v-model:open="isOpen" :modal="modal" v-bind="$attrs">
         <ContextMenuTrigger as-child>
             <slot />
         </ContextMenuTrigger>