@sepveneto/free-dom 0.12.0-beta.2 → 0.12.1

package/dist/index.css

@@ -1,4 +1,4 @@
-/* ../../../../../../../tmp/tmp-1932-reazjYfj4HU7/core/src/style/index.css */
+/* ../../../../../../../tmp/tmp-1868-V6O6nD1p0lI4/core/src/style/index.css */
 :root {
   --vv-free-dom--theme: rgb(64, 137, 239);
   --vv-free-dom--line: var(--vv-free-dom--theme);
@@ -12,6 +12,9 @@
   position: absolute;
   cursor: move;
 }
+.vv-free-dom--draggable img {
+  pointer-events: none;
+}
 .vv-free-dom--draggable:focus-visible {
   outline: none;
 }
@@ -127,3 +130,6 @@
 .vv-resize-dom--disabled {
   display: none;
 }
+.vv-resize-dom--box img {
+  pointer-events: none;
+}

package/dist/index.js

@@ -18449,8 +18449,8 @@ function useDraggableData(props) {
     props.dragStartFn(evt, data);
   };
   const handleDrag = (evt, data) => {
-    x.value = data.x;
-    y.value = data.y;
+    x.value = Number(data.x.toFixed(2));
+    y.value = Number(data.y.toFixed(2));
     deltaX.value = data.deltaX;
     deltaY.value = data.deltaY;
     props.dragFn(evt, data);
@@ -19661,11 +19661,11 @@ var resizeDomCore = (0, import_vue_demi16.defineComponent)({
       return Array.isArray(_dots) ? _dots : Dots;
     });
     const lastRect = (0, import_vue_demi16.shallowRef)();
-    function runConstraints(width, height) {
+    function runConstraints(width, height, axis) {
       const { lockAspectRatio } = props;
       if (!props.minHeight && !props.minWidth && !lockAspectRatio)
         return [width, height];
-      if (lockAspectRatio) {
+      if (lockAspectRatio && axis.length === 2) {
         const ratio = props.width / props.height;
         if (ratio > 1) {
           height = Math.max(height, props.minHeight);
@@ -19697,7 +19697,7 @@ var resizeDomCore = (0, import_vue_demi16.defineComponent)({
         let width = props.width + (canDragX ? deltaX : 0);
         let height = props.height + (canDragY ? deltaY : 0);
         if (!evt.shiftKey) {
-          [width, height] = runConstraints(width, height);
+          [width, height] = runConstraints(width, height, axis);
         }
         const sizeChanged = width !== props.width || height !== props.height;
         const fnName = `${handleName}Fn`;
@@ -19961,10 +19961,10 @@ var freeDom = (0, import_vue_demi17.defineComponent)({
       const isValid = sceneContext.check?.({ x: _x, y: _y, width: w, height: h8 });
       if (!isValid)
         return;
-      width.value = w;
-      height.value = h8;
-      x.value = _x;
-      y.value = _y;
+      width.value = Number(w.toFixed(2));
+      height.value = Number(h8.toFixed(2));
+      x.value = Number(_x.toFixed(2));
+      y.value = Number(_y.toFixed(2));
       props.resizeFn(evt, { node, width: w, height: h8, handle: axis });
       sceneContext?.emit("move");
     };

package/dist/index.mjs

@@ -18446,8 +18446,8 @@ function useDraggableData(props) {
     props.dragStartFn(evt, data);
   };
   const handleDrag = (evt, data) => {
-    x.value = data.x;
-    y.value = data.y;
+    x.value = Number(data.x.toFixed(2));
+    y.value = Number(data.y.toFixed(2));
     deltaX.value = data.deltaX;
     deltaY.value = data.deltaY;
     props.dragFn(evt, data);
@@ -19658,11 +19658,11 @@ var resizeDomCore = defineComponent4({
       return Array.isArray(_dots) ? _dots : Dots;
     });
     const lastRect = shallowRef5();
-    function runConstraints(width, height) {
+    function runConstraints(width, height, axis) {
       const { lockAspectRatio } = props;
       if (!props.minHeight && !props.minWidth && !lockAspectRatio)
         return [width, height];
-      if (lockAspectRatio) {
+      if (lockAspectRatio && axis.length === 2) {
         const ratio = props.width / props.height;
         if (ratio > 1) {
           height = Math.max(height, props.minHeight);
@@ -19694,7 +19694,7 @@ var resizeDomCore = defineComponent4({
         let width = props.width + (canDragX ? deltaX : 0);
         let height = props.height + (canDragY ? deltaY : 0);
         if (!evt.shiftKey) {
-          [width, height] = runConstraints(width, height);
+          [width, height] = runConstraints(width, height, axis);
         }
         const sizeChanged = width !== props.width || height !== props.height;
         const fnName = `${handleName}Fn`;
@@ -19958,10 +19958,10 @@ var freeDom = defineComponent5({
       const isValid = sceneContext.check?.({ x: _x, y: _y, width: w, height: h8 });
       if (!isValid)
         return;
-      width.value = w;
-      height.value = h8;
-      x.value = _x;
-      y.value = _y;
+      width.value = Number(w.toFixed(2));
+      height.value = Number(h8.toFixed(2));
+      x.value = Number(_x.toFixed(2));
+      y.value = Number(_y.toFixed(2));
       props.resizeFn(evt, { node, width: w, height: h8, handle: axis });
       sceneContext?.emit("move");
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sepveneto/free-dom",
-  "version": "0.12.0-beta.2",
+  "version": "0.12.1",
   "description": "",
   "main": "dist/index.cjs",
   "module": "dist/index.mjs",