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

package/dist/index.css

@@ -1,4 +1,4 @@
-/* ../../../../../../../tmp/tmp-1923-wOVpZZwj554Y/core/src/style/index.css */
+/* ../../../../../../../tmp/tmp-1932-reazjYfj4HU7/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

@@ -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;
@@ -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

@@ -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;
@@ -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-beta.2",
   "description": "",
   "main": "dist/index.cjs",
   "module": "dist/index.mjs",