@soft-stech/bootsman-ui-shadcn 1.4.37 → 1.4.38

package/src/lib/useColorDraggable.ts

@@ -0,0 +1,75 @@
+import { type MaybeRefOrGetter, ref } from 'vue'
+import { useElementBounding, useEventListener, isClient, toValue } from '@vueuse/core'
+
+export function useColorDraggable(
+  targetElement: MaybeRefOrGetter<HTMLElement | null>,
+  containerElement: MaybeRefOrGetter<HTMLElement | null>,
+  axis: 'x' | 'y' | 'both' = 'both',
+  initialPosition = { x: 0, y: 0 },
+  disabled?: MaybeRefOrGetter<boolean | undefined>
+) {
+  const position = ref<{ x: number; y: number }>(initialPosition)
+  const pressedDelta = ref<{ x: number; y: number }>()
+
+  const handlePointerDown = (event: PointerEvent) => {
+    if (toValue(disabled)) return event.preventDefault()
+
+    const container = toValue(containerElement)
+    const targetRect = useElementBounding(targetElement)
+    const containerRect = useElementBounding(containerElement)
+
+    pressedDelta.value = {
+      x:
+        event.clientX -
+        (container
+          ? event.clientX - containerRect.left.value + container.scrollLeft
+          : targetRect.left.value),
+      y:
+        event.clientY -
+        (container
+          ? event.clientY - containerRect.top.value + container.scrollTop
+          : targetRect.top.value)
+    }
+
+    handlePointerMove(event)
+  }
+  const handlePointerMove = (event: PointerEvent) => {
+    if (!pressedDelta.value) return
+
+    const container = toValue(containerElement)
+    let { x, y } = position.value
+
+    if (container && (axis === 'x' || axis === 'both')) {
+      x = Math.min(
+        Math.max(0, ((event.clientX - pressedDelta.value.x) / container.scrollWidth) * 100),
+        100
+      )
+    }
+
+    if (container && (axis === 'y' || axis === 'both')) {
+      y = Math.min(
+        Math.max(0, ((event.clientY - pressedDelta.value.y) / container.scrollHeight) * 100),
+        100
+      )
+    }
+
+    position.value = { x, y }
+  }
+  const handlePointerUp = () => {
+    if (!pressedDelta.value) {
+      return
+    }
+
+    pressedDelta.value = undefined
+  }
+
+  if (isClient) {
+    useEventListener(containerElement, 'pointerdown', handlePointerDown)
+    useEventListener(window, 'pointermove', handlePointerMove)
+    useEventListener(window, 'pointerup', handlePointerUp)
+  }
+
+  return {
+    position
+  }
+}

package/dist/BuiAutoFormFieldInput.vue_vue_type_script_setup_true_lang-D4RSWQ2a.js

@@ -1,58 +0,0 @@
-import { defineComponent as _, computed as b, openBlock as i, createBlock as r, unref as o, withCtx as a, createVNode as n, normalizeProps as m, guardReactiveProps as l, createTextVNode as d, toDisplayString as f, createCommentVNode as s, renderSlot as g, resolveDynamicComponent as $, mergeProps as y } from "vue";
-import { _ as B } from "./BuiAutoFormLabel.vue_vue_type_script_setup_true_lang-NhOJHYJA.js";
-import { beautifyObjectName as N } from "./components/ui/auto-form/utils.js";
-import { Field as C } from "vee-validate";
-import { d as k, a as q, c as F, f as h } from "./utils-C11OfLQK.js";
-import { BuiInput as v } from "./components/ui/input/index.js";
-import "@vueuse/core";
-import { BuiTextarea as P } from "./components/ui/textarea/index.js";
-const L = /* @__PURE__ */ _({
-  __name: "BuiAutoFormFieldInput",
-  props: {
-    fieldName: {},
-    label: {},
-    required: { type: Boolean },
-    config: {},
-    disabled: { type: Boolean }
-  },
-  setup(p) {
-    const u = p, c = b(() => u.config?.component === "textarea" ? P : v);
-    return (e, V) => (i(), r(o(C), { name: e.fieldName }, {
-      default: a((t) => [
-        n(o(k), m(l(e.$attrs)), {
-          default: a(() => [
-            e.config?.hideLabel ? s("", !0) : (i(), r(B, {
-              key: 0,
-              required: e.required
-            }, {
-              default: a(() => [
-                d(f(e.config?.label || o(N)(e.label ?? e.fieldName)), 1)
-              ]),
-              _: 1
-            }, 8, ["required"])),
-            n(o(q), null, {
-              default: a(() => [
-                g(e.$slots, "default", m(l(t)), () => [
-                  (i(), r($(c.value), y({ type: "text" }, { ...t.componentField, ...e.config?.inputProps }, { disabled: e.disabled }), null, 16, ["disabled"]))
-                ])
-              ]),
-              _: 2
-            }, 1024),
-            e.config?.description ? (i(), r(o(F), { key: 1 }, {
-              default: a(() => [
-                d(f(e.config.description), 1)
-              ]),
-              _: 1
-            })) : s("", !0),
-            n(o(h))
-          ]),
-          _: 2
-        }, 1040)
-      ]),
-      _: 3
-    }, 8, ["name"]));
-  }
-});
-export {
-  L as _
-};

package/dist/BuiAutoFormFieldNumber.vue_vue_type_script_setup_true_lang-Db9bTqM3.js

@@ -1,57 +0,0 @@
-import { defineComponent as f, openBlock as o, createBlock as n, unref as i, withCtx as r, createVNode as a, createTextVNode as t, toDisplayString as m, createCommentVNode as d, renderSlot as s, normalizeProps as u, guardReactiveProps as p, mergeProps as c } from "vue";
-import { _ } from "./BuiAutoFormLabel.vue_vue_type_script_setup_true_lang-NhOJHYJA.js";
-import { beautifyObjectName as b } from "./components/ui/auto-form/utils.js";
-import { Field as g } from "vee-validate";
-import { d as N, a as y, c as $, f as B } from "./utils-C11OfLQK.js";
-import { BuiInput as h } from "./components/ui/input/index.js";
-import "@vueuse/core";
-const v = /* @__PURE__ */ f({
-  inheritAttrs: !1,
-  __name: "BuiAutoFormFieldNumber",
-  props: {
-    fieldName: {},
-    label: {},
-    required: { type: Boolean },
-    config: {},
-    disabled: { type: Boolean }
-  },
-  setup(k) {
-    return (e, q) => (o(), n(i(g), { name: e.fieldName }, {
-      default: r((l) => [
-        a(i(N), null, {
-          default: r(() => [
-            e.config?.hideLabel ? d("", !0) : (o(), n(_, {
-              key: 0,
-              required: e.required
-            }, {
-              default: r(() => [
-                t(m(e.config?.label || i(b)(e.label ?? e.fieldName)), 1)
-              ]),
-              _: 1
-            }, 8, ["required"])),
-            a(i(y), null, {
-              default: r(() => [
-                s(e.$slots, "default", u(p(l)), () => [
-                  a(i(h), c({ type: "number" }, { ...l.componentField, ...e.config?.inputProps }, { disabled: e.disabled }), null, 16, ["disabled"])
-                ])
-              ]),
-              _: 2
-            }, 1024),
-            e.config?.description ? (o(), n(i($), { key: 1 }, {
-              default: r(() => [
-                t(m(e.config.description), 1)
-              ]),
-              _: 1
-            })) : d("", !0),
-            a(i(B))
-          ]),
-          _: 2
-        }, 1024)
-      ]),
-      _: 3
-    }, 8, ["name"]));
-  }
-});
-export {
-  v as _
-};