@sepveneto/free-dom 0.12.0-beta.0 → 0.12.0

package/dist/index.css

@@ -1,4 +1,4 @@
-/* ../../../../../../../tmp/tmp-1923-wOVpZZwj554Y/core/src/style/index.css */
+/* ../../../../../../../tmp/tmp-1955-TXizoLOtOqOd/core/src/style/index.css */
 :root {
   --vv-free-dom--theme: rgb(64, 137, 239);
   --vv-free-dom--line: var(--vv-free-dom--theme);

package/dist/index.d.ts

@@ -121,11 +121,11 @@ declare const FreeScene: vue.DefineComponent<{
     };
     minWidth: {
         type: NumberConstructor;
-        default: number;
+        default: undefined;
     };
     minHeight: {
         type: NumberConstructor;
-        default: number;
+        default: undefined;
     };
     lockAspectRatio: BooleanConstructor;
     disabledDrag: BooleanConstructor;
@@ -176,11 +176,11 @@ declare const FreeScene: vue.DefineComponent<{
     };
     minWidth: {
         type: NumberConstructor;
-        default: number;
+        default: undefined;
     };
     minHeight: {
         type: NumberConstructor;
-        default: number;
+        default: undefined;
     };
     lockAspectRatio: BooleanConstructor;
     disabledDrag: BooleanConstructor;

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`;
@@ -19865,7 +19865,8 @@ var freeDom = (0, import_vue_demi17.defineComponent)({
       }),
       trigger: (pos) => {
         emit2("update:modelValue", pos);
-      }
+      },
+      props
     });
     const sceneContext = useSceneContext(domRef, context, props);
     onClickOutside(domRef, () => {
@@ -19884,11 +19885,13 @@ var freeDom = (0, import_vue_demi17.defineComponent)({
     (0, import_vue_demi17.onMounted)(() => {
       props.autoSize && syncSize();
     });
-    const style = (0, import_vue_demi17.computed)(() => ({
-      width: `${width.value}px`,
-      height: `${height.value}px`,
-      transform: `translate(${x.value}px, ${y.value}px)`
-    }));
+    const style = (0, import_vue_demi17.computed)(() => {
+      return {
+        width: `${width.value}px`,
+        height: `${height.value}px`,
+        transform: `translate(${x.value}px, ${y.value}px)`
+      };
+    });
     const onDrag = (evt, coreData) => {
       if (!canDrag.value)
         return;
@@ -19958,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");
     };
@@ -20119,8 +20122,14 @@ var freeDomWrapProps = {
   keyboard: Boolean,
   disabledBatch: Boolean,
   handle: freeDomProps.handle,
-  minWidth: freeDomProps.minWidth,
-  minHeight: freeDomProps.minHeight,
+  minWidth: {
+    type: Number,
+    default: void 0
+  },
+  minHeight: {
+    type: Number,
+    default: void 0
+  },
   lockAspectRatio: freeDomProps.lockAspectRatio,
   disabledDrag: freeDomProps.disabledDrag,
   disabledResize: freeDomProps.disabledResize,
@@ -20167,7 +20176,14 @@ var FreeDomWrap = (0, import_vue_demi18.defineComponent)({
     const mask = useMask(rectRef, props, nodes);
     function runCorrect() {
       nodes.value.forEach((pos) => {
-        const { x, y, width: width2, height: height2 } = correct(pos.node._rect);
+        const minWidth = props.minWidth || pos.node.props.minWidth;
+        const minHeight = props.minHeight || pos.node.props.minHeight;
+        const { x, y, width: width2, height: height2 } = correct(
+          // @ts-expect-error: triggered after mount
+          pos.node._rect,
+          minWidth,
+          minHeight
+        );
         pos.node._rect.x = x;
         pos.node._rect.y = y;
         pos.node._rect.width = width2;
@@ -20190,7 +20206,7 @@ var FreeDomWrap = (0, import_vue_demi18.defineComponent)({
       const { x, y, width: w, height: h8 } = pos;
       return x >= 0 && x + w <= width.value && y >= 0 && y + h8 <= height.value;
     }
-    function correct(pos) {
+    function correct(pos, minWidth, minHeight) {
       let x = Math.max(pos.x, 0);
       let y = Math.max(pos.y, 0);
       let w = pos.width;
@@ -20198,14 +20214,14 @@ var FreeDomWrap = (0, import_vue_demi18.defineComponent)({
       if (pos.x + pos.width > width.value) {
         x = width.value - pos.width;
         if (x < 0) {
-          w = width.value;
+          w = Math.max(width.value, minWidth);
           x = 0;
         }
       }
       if (pos.y + pos.height > height.value) {
         y = height.value - pos.height;
         if (y < 0) {
-          h8 = height.value;
+          h8 = Math.max(height.value, minHeight);
           y = 0;
         }
       }

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`;
@@ -19862,7 +19862,8 @@ var freeDom = defineComponent5({
       }),
       trigger: (pos) => {
         emit2("update:modelValue", pos);
-      }
+      },
+      props
     });
     const sceneContext = useSceneContext(domRef, context, props);
     onClickOutside(domRef, () => {
@@ -19881,11 +19882,13 @@ var freeDom = defineComponent5({
     onMounted4(() => {
       props.autoSize && syncSize();
     });
-    const style = computed10(() => ({
-      width: `${width.value}px`,
-      height: `${height.value}px`,
-      transform: `translate(${x.value}px, ${y.value}px)`
-    }));
+    const style = computed10(() => {
+      return {
+        width: `${width.value}px`,
+        height: `${height.value}px`,
+        transform: `translate(${x.value}px, ${y.value}px)`
+      };
+    });
     const onDrag = (evt, coreData) => {
       if (!canDrag.value)
         return;
@@ -19955,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");
     };
@@ -20116,8 +20119,14 @@ var freeDomWrapProps = {
   keyboard: Boolean,
   disabledBatch: Boolean,
   handle: freeDomProps.handle,
-  minWidth: freeDomProps.minWidth,
-  minHeight: freeDomProps.minHeight,
+  minWidth: {
+    type: Number,
+    default: void 0
+  },
+  minHeight: {
+    type: Number,
+    default: void 0
+  },
   lockAspectRatio: freeDomProps.lockAspectRatio,
   disabledDrag: freeDomProps.disabledDrag,
   disabledResize: freeDomProps.disabledResize,
@@ -20164,7 +20173,14 @@ var FreeDomWrap = defineComponent6({
     const mask = useMask(rectRef, props, nodes);
     function runCorrect() {
       nodes.value.forEach((pos) => {
-        const { x, y, width: width2, height: height2 } = correct(pos.node._rect);
+        const minWidth = props.minWidth || pos.node.props.minWidth;
+        const minHeight = props.minHeight || pos.node.props.minHeight;
+        const { x, y, width: width2, height: height2 } = correct(
+          // @ts-expect-error: triggered after mount
+          pos.node._rect,
+          minWidth,
+          minHeight
+        );
         pos.node._rect.x = x;
         pos.node._rect.y = y;
         pos.node._rect.width = width2;
@@ -20187,7 +20203,7 @@ var FreeDomWrap = defineComponent6({
       const { x, y, width: w, height: h8 } = pos;
       return x >= 0 && x + w <= width.value && y >= 0 && y + h8 <= height.value;
     }
-    function correct(pos) {
+    function correct(pos, minWidth, minHeight) {
       let x = Math.max(pos.x, 0);
       let y = Math.max(pos.y, 0);
       let w = pos.width;
@@ -20195,14 +20211,14 @@ var FreeDomWrap = defineComponent6({
       if (pos.x + pos.width > width.value) {
         x = width.value - pos.width;
         if (x < 0) {
-          w = width.value;
+          w = Math.max(width.value, minWidth);
           x = 0;
         }
       }
       if (pos.y + pos.height > height.value) {
         y = height.value - pos.height;
         if (y < 0) {
-          h8 = height.value;
+          h8 = Math.max(height.value, minHeight);
           y = 0;
         }
       }

package/package.json

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