@sepveneto/free-dom 0.3.0 → 0.4.0

package/dist/index.css

@@ -1,4 +1,4 @@
-/* ../../../../../../../tmp/tmp-1812-xR8NNKBE7ahD/core/src/style/index.css */
+/* ../../../../../../../tmp/tmp-1800-oTeH5e7LtwVq/core/src/style/index.css */
 :root {
   --free-dom-theme: #4089ef;
   --free-dom-line: var(--free-dom-theme);
@@ -27,6 +27,7 @@
   transition: border-color 0.3s;
   box-sizing: content-box;
   user-select: none;
+  overflow: hidden;
 }
 .free-dom__widget-wrapper.is-absolute {
   position: absolute;

package/dist/index.d.ts

@@ -47,6 +47,14 @@ declare const freeDom: vue_demi.DefineComponent<{
         type: vue_demi.PropType<[number, number]>;
         default: undefined;
     };
+    onDragStart: {
+        type: FunctionConstructor;
+        default: undefined;
+    };
+    onDragEnd: {
+        type: FunctionConstructor;
+        default: undefined;
+    };
 }, {
     widgetRef: vue_demi.ShallowRef<any>;
     canMove: vue_demi.ComputedRef<boolean>;
@@ -109,6 +117,14 @@ declare const freeDom: vue_demi.DefineComponent<{
         type: vue_demi.PropType<[number, number]>;
         default: undefined;
     };
+    onDragStart: {
+        type: FunctionConstructor;
+        default: undefined;
+    };
+    onDragEnd: {
+        type: FunctionConstructor;
+        default: undefined;
+    };
 }>> & {
     "onUpdate:x"?: ((...args: any[]) => any) | undefined;
     "onUpdate:y"?: ((...args: any[]) => any) | undefined;
@@ -129,6 +145,8 @@ declare const freeDom: vue_demi.DefineComponent<{
     handler: "dot" | "mark";
     diagonal: boolean;
     grid: [number, number];
+    onDragStart: Function;
+    onDragEnd: Function;
 }>;
 declare const freeScene: vue_demi.DefineComponent<{
     absolute: {

package/dist/index.js

@@ -189,6 +189,14 @@ var FreeDom = (0, import_vue_demi2.defineComponent)({
     grid: {
       type: Object,
       default: void 0
+    },
+    onDragStart: {
+      type: Function,
+      default: void 0
+    },
+    onDragEnd: {
+      type: Function,
+      default: void 0
     }
   },
   emits: ["update:x", "update:y", "update:width", "update:height", "select"],
@@ -275,6 +283,9 @@ var FreeDom = (0, import_vue_demi2.defineComponent)({
         return;
       isScale.value = true;
       active.value = true;
+      const shouldUpdate = props.onDragStart?.();
+      if (shouldUpdate === false)
+        return;
       const { clientX, clientY } = evt;
       useResize(clientX, clientY, _rect, dot, diagonal.value, snapGrid.value, {
         onMove() {
@@ -284,6 +295,7 @@ var FreeDom = (0, import_vue_demi2.defineComponent)({
           trigger();
         },
         onUp() {
+          props.onDragEnd?.();
           isScale.value = false;
           EventBus.emit("moveup", uuid);
           emitPos();
@@ -328,6 +340,9 @@ var FreeDom = (0, import_vue_demi2.defineComponent)({
         return;
       isMove.value = true;
       active.value = true;
+      const shouldUpdate = props.onDragStart?.();
+      if (shouldUpdate === false)
+        return;
       const pos = getStyle(_style.value);
       const move = (mouseEvt) => {
         const { clientX, clientY } = mouseEvt;
@@ -343,6 +358,7 @@ var FreeDom = (0, import_vue_demi2.defineComponent)({
         trigger();
       };
       const up = () => {
+        props.onDragEnd?.();
         isMove.value = false;
         EventBus.emit("moveup", uuid);
         document.removeEventListener("mousemove", move);

package/dist/index.mjs

@@ -176,6 +176,14 @@ var FreeDom = defineComponent({
     grid: {
       type: Object,
       default: void 0
+    },
+    onDragStart: {
+      type: Function,
+      default: void 0
+    },
+    onDragEnd: {
+      type: Function,
+      default: void 0
     }
   },
   emits: ["update:x", "update:y", "update:width", "update:height", "select"],
@@ -262,6 +270,9 @@ var FreeDom = defineComponent({
         return;
       isScale.value = true;
       active.value = true;
+      const shouldUpdate = props.onDragStart?.();
+      if (shouldUpdate === false)
+        return;
       const { clientX, clientY } = evt;
       useResize(clientX, clientY, _rect, dot, diagonal.value, snapGrid.value, {
         onMove() {
@@ -271,6 +282,7 @@ var FreeDom = defineComponent({
           trigger();
         },
         onUp() {
+          props.onDragEnd?.();
           isScale.value = false;
           EventBus.emit("moveup", uuid);
           emitPos();
@@ -315,6 +327,9 @@ var FreeDom = defineComponent({
         return;
       isMove.value = true;
       active.value = true;
+      const shouldUpdate = props.onDragStart?.();
+      if (shouldUpdate === false)
+        return;
       const pos = getStyle(_style.value);
       const move = (mouseEvt) => {
         const { clientX, clientY } = mouseEvt;
@@ -330,6 +345,7 @@ var FreeDom = defineComponent({
         trigger();
       };
       const up = () => {
+        props.onDragEnd?.();
         isMove.value = false;
         EventBus.emit("moveup", uuid);
         document.removeEventListener("mousemove", move);

package/package.json

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