@studiometa/js-toolkit 2.0.0-beta.12 → 2.0.0-beta.16

package/decorators/withScrolledInView.js

@@ -1,35 +1,41 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
 import withMountWhenInView from "./withMountWhenInView.js";
 import { damp, clamp, clamp01 } from "../utils/index.js";
 function withScrolledInView(BaseClass, options) {
-  return class extends withMountWhenInView(BaseClass, options) {
-    static config = {
-      name: `${BaseClass.config.name}WithMountWhenInView`,
-      emits: ["scrolledInView"]
-    };
-    __props = {
-      start: {
-        x: 0,
-        y: 0
-      },
-      end: {
-        x: 0,
-        y: 0
-      },
-      current: {
-        x: 0,
-        y: 0
-      },
-      progress: {
-        x: 0,
-        y: 0
-      },
-      dampedProgress: {
-        x: 0,
-        y: 0
-      }
-    };
-    dampFactor = 0.1;
-    dampPrecision = 1e-3;
+  var _a;
+  return _a = class extends withMountWhenInView(BaseClass, options) {
+    constructor() {
+      super(...arguments);
+      __publicField(this, "__props", {
+        start: {
+          x: 0,
+          y: 0
+        },
+        end: {
+          x: 0,
+          y: 0
+        },
+        current: {
+          x: 0,
+          y: 0
+        },
+        progress: {
+          x: 0,
+          y: 0
+        },
+        dampedProgress: {
+          x: 0,
+          y: 0
+        }
+      });
+      __publicField(this, "dampFactor", 0.1);
+      __publicField(this, "dampPrecision", 1e-3);
+    }
     mounted() {
       this.__setProps();
     }
@@ -74,7 +80,10 @@ function withScrolledInView(BaseClass, options) {
       this.__props.dampedProgress.x = damp(xProgress, this.__props.dampedProgress.x);
       this.__props.dampedProgress.y = damp(yProgress, this.__props.dampedProgress.y);
     }
-  };
+  }, __publicField(_a, "config", {
+    name: `${BaseClass.config.name}WithMountWhenInView`,
+    emits: ["scrolledInView"]
+  }), _a;
 }
 export {
   withScrolledInView as default

package/decorators/withVue2.cjs

@@ -2,6 +2,7 @@ var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
   for (var name in all)
@@ -20,21 +21,22 @@ var __toCommonJS = /* @__PURE__ */ ((cache) => {
     return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
   };
 })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+
+// packages/js-toolkit/decorators/withVue2.js
 var withVue2_exports = {};
 __export(withVue2_exports, {
   default: () => withVue2_default
 });
 var withVue2_default = (BaseClass, Vue) => {
-  return class WithVue2 extends BaseClass {
-    static config = {
-      ...BaseClass.config || {},
-      name: `${BaseClass?.config?.name ?? ""}WithVue`,
-      refs: [...BaseClass?.config?.refs ?? [], "vue"]
-    };
-    $vue;
-    static vueConfig;
+  var _a, _b, _c;
+  return _c = class extends BaseClass {
     constructor(element) {
       super(element);
+      __publicField(this, "$vue");
       const { vueConfig } = this.constructor;
       if (!vueConfig) {
         throw new Error("[withVue] You must define a `vueConfig` object.");
@@ -53,6 +55,11 @@ var withVue2_default = (BaseClass, Vue) => {
         this.$vue.$destroy();
       });
     }
-  };
+  }, __publicField(_c, "config", {
+    ...BaseClass.config,
+    name: `${BaseClass.config.name}WithVue`,
+    refs: [...(_b = (_a = BaseClass.config) == null ? void 0 : _a.refs) != null ? _b : [], "vue"]
+  }), __publicField(_c, "vueConfig"), _c;
 };
 module.exports = __toCommonJS(withVue2_exports);
+if (module.exports.default) module.exports = module.exports.default;

package/decorators/withVue2.js

@@ -1,14 +1,15 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
 var withVue2_default = (BaseClass, Vue) => {
-  return class WithVue2 extends BaseClass {
-    static config = {
-      ...BaseClass.config || {},
-      name: `${BaseClass?.config?.name ?? ""}WithVue`,
-      refs: [...BaseClass?.config?.refs ?? [], "vue"]
-    };
-    $vue;
-    static vueConfig;
+  var _a, _b, _c;
+  return _c = class extends BaseClass {
     constructor(element) {
       super(element);
+      __publicField(this, "$vue");
       const { vueConfig } = this.constructor;
       if (!vueConfig) {
         throw new Error("[withVue] You must define a `vueConfig` object.");
@@ -27,7 +28,11 @@ var withVue2_default = (BaseClass, Vue) => {
         this.$vue.$destroy();
       });
     }
-  };
+  }, __publicField(_c, "config", {
+    ...BaseClass.config,
+    name: `${BaseClass.config.name}WithVue`,
+    refs: [...(_b = (_a = BaseClass.config) == null ? void 0 : _a.refs) != null ? _b : [], "vue"]
+  }), __publicField(_c, "vueConfig"), _c;
 };
 export {
   withVue2_default as default

package/helpers/createApp.cjs

@@ -20,6 +20,8 @@ var __toCommonJS = /* @__PURE__ */ ((cache) => {
     return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
   };
 })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+
+// packages/js-toolkit/helpers/createApp.js
 var createApp_exports = {};
 __export(createApp_exports, {
   default: () => createApp
@@ -52,3 +54,4 @@ function createApp(App, rootElement) {
   };
 }
 module.exports = __toCommonJS(createApp_exports);
+if (module.exports.default) module.exports = module.exports.default;

package/helpers/importOnInteraction.cjs

@@ -20,11 +20,13 @@ var __toCommonJS = /* @__PURE__ */ ((cache) => {
     return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
   };
 })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+
+// packages/js-toolkit/helpers/importOnInteraction.js
 var importOnInteraction_exports = {};
 __export(importOnInteraction_exports, {
   default: () => importOnInteraction
 });
-var import_utils = require("./utils.js");
+var import_utils = require("./utils.cjs");
 function importOnInteraction(fn, nameOrSelectorOrElement, events, parent) {
   const normalizedEvents = typeof events === "string" ? [events] : events;
   let ResolvedClass;
@@ -35,7 +37,7 @@ function importOnInteraction(fn, nameOrSelectorOrElement, events, parent) {
     });
   };
   return new Promise((resolve) => {
-    const elements = (0, import_utils.getTargetElements)(nameOrSelectorOrElement, parent?.$el);
+    const elements = (0, import_utils.getTargetElements)(nameOrSelectorOrElement, parent == null ? void 0 : parent.$el);
     const eventListenerOptions = {
       capture: true,
       passive: true,
@@ -52,3 +54,4 @@ function importOnInteraction(fn, nameOrSelectorOrElement, events, parent) {
   });
 }
 module.exports = __toCommonJS(importOnInteraction_exports);
+if (module.exports.default) module.exports = module.exports.default;

package/helpers/importOnInteraction.js

@@ -9,7 +9,7 @@ function importOnInteraction(fn, nameOrSelectorOrElement, events, parent) {
     });
   };
   return new Promise((resolve) => {
-    const elements = getTargetElements(nameOrSelectorOrElement, parent?.$el);
+    const elements = getTargetElements(nameOrSelectorOrElement, parent == null ? void 0 : parent.$el);
     const eventListenerOptions = {
       capture: true,
       passive: true,

package/helpers/importWhenIdle.cjs

@@ -20,6 +20,8 @@ var __toCommonJS = /* @__PURE__ */ ((cache) => {
     return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
   };
 })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+
+// packages/js-toolkit/helpers/importWhenIdle.js
 var importWhenIdle_exports = {};
 __export(importWhenIdle_exports, {
   default: () => importWhenIdle
@@ -33,7 +35,8 @@ function importWhenIdle(fn, options) {
     });
   };
   return new Promise((resolve) => {
-    const timeout = options?.timeout ?? 1;
+    var _a;
+    const timeout = (_a = options == null ? void 0 : options.timeout) != null ? _a : 1;
     if (!("requestIdleCallback" in window)) {
       setTimeout(() => {
         resolver(resolve);
@@ -43,8 +46,9 @@ function importWhenIdle(fn, options) {
         setTimeout(() => {
           resolver(resolve);
         }, 0);
-      }, { timeout: options?.timeout });
+      }, { timeout: options == null ? void 0 : options.timeout });
     }
   });
 }
 module.exports = __toCommonJS(importWhenIdle_exports);
+if (module.exports.default) module.exports = module.exports.default;

package/helpers/importWhenIdle.js

@@ -7,7 +7,8 @@ function importWhenIdle(fn, options) {
     });
   };
   return new Promise((resolve) => {
-    const timeout = options?.timeout ?? 1;
+    var _a;
+    const timeout = (_a = options == null ? void 0 : options.timeout) != null ? _a : 1;
     if (!("requestIdleCallback" in window)) {
       setTimeout(() => {
         resolver(resolve);
@@ -17,7 +18,7 @@ function importWhenIdle(fn, options) {
         setTimeout(() => {
           resolver(resolve);
         }, 0);
-      }, { timeout: options?.timeout });
+      }, { timeout: options == null ? void 0 : options.timeout });
     }
   });
 }

package/helpers/importWhenVisible.cjs

@@ -20,11 +20,13 @@ var __toCommonJS = /* @__PURE__ */ ((cache) => {
     return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
   };
 })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+
+// packages/js-toolkit/helpers/importWhenVisible.js
 var importWhenVisible_exports = {};
 __export(importWhenVisible_exports, {
   default: () => importWhenVisible
 });
-var import_utils = require("./utils.js");
+var import_utils = require("./utils.cjs");
 function importWhenVisible(fn, nameOrSelectorOrElement, parent, observerOptions = {}) {
   let ResolvedClass;
   const resolver = (resolve, cb) => {
@@ -45,8 +47,9 @@ function importWhenVisible(fn, nameOrSelectorOrElement, parent, observerOptions
         }, 0);
       }
     }, observerOptions);
-    const elements = (0, import_utils.getTargetElements)(nameOrSelectorOrElement, parent?.$el);
+    const elements = (0, import_utils.getTargetElements)(nameOrSelectorOrElement, parent == null ? void 0 : parent.$el);
     elements.forEach((element) => observer.observe(element));
   });
 }
 module.exports = __toCommonJS(importWhenVisible_exports);
+if (module.exports.default) module.exports = module.exports.default;

package/helpers/importWhenVisible.js

@@ -19,7 +19,7 @@ function importWhenVisible(fn, nameOrSelectorOrElement, parent, observerOptions
         }, 0);
       }
     }, observerOptions);
-    const elements = getTargetElements(nameOrSelectorOrElement, parent?.$el);
+    const elements = getTargetElements(nameOrSelectorOrElement, parent == null ? void 0 : parent.$el);
     elements.forEach((element) => observer.observe(element));
   });
 }

package/helpers/index.cjs

@@ -25,6 +25,8 @@ var __toCommonJS = /* @__PURE__ */ ((cache) => {
     return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
   };
 })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+
+// packages/js-toolkit/helpers/index.js
 var helpers_exports = {};
 __export(helpers_exports, {
   createApp: () => import_createApp.default,
@@ -32,8 +34,9 @@ __export(helpers_exports, {
   importWhenIdle: () => import_importWhenIdle.default,
   importWhenVisible: () => import_importWhenVisible.default
 });
-var import_createApp = __toESM(require("./createApp.js"), 1);
-var import_importOnInteraction = __toESM(require("./importOnInteraction.js"), 1);
-var import_importWhenIdle = __toESM(require("./importWhenIdle.js"), 1);
-var import_importWhenVisible = __toESM(require("./importWhenVisible.js"), 1);
+var import_createApp = __toESM(require("./createApp.cjs"), 1);
+var import_importOnInteraction = __toESM(require("./importOnInteraction.cjs"), 1);
+var import_importWhenIdle = __toESM(require("./importWhenIdle.cjs"), 1);
+var import_importWhenVisible = __toESM(require("./importWhenVisible.cjs"), 1);
 module.exports = __toCommonJS(helpers_exports);
+if (module.exports.default) module.exports = module.exports.default;

package/helpers/utils.cjs

@@ -20,11 +20,13 @@ var __toCommonJS = /* @__PURE__ */ ((cache) => {
     return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
   };
 })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+
+// packages/js-toolkit/helpers/utils.js
 var utils_exports = {};
 __export(utils_exports, {
   getTargetElements: () => getTargetElements
 });
-var import_utils = require("../Base/utils.js");
+var import_utils = require("../Base/utils.cjs");
 function getTargetElements(nameOrSelectorOrElement, context) {
   if (typeof nameOrSelectorOrElement === "string") {
     return (0, import_utils.getComponentElements)(nameOrSelectorOrElement, context);
@@ -35,3 +37,4 @@ function getTargetElements(nameOrSelectorOrElement, context) {
   return nameOrSelectorOrElement;
 }
 module.exports = __toCommonJS(utils_exports);
+if (module.exports.default) module.exports = module.exports.default;

package/index.cjs

@@ -25,12 +25,15 @@ var __toCommonJS = /* @__PURE__ */ ((cache) => {
     return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
   };
 })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+
+// packages/js-toolkit/index.js
 var js_toolkit_exports = {};
 __export(js_toolkit_exports, {
   Base: () => import_Base.default
 });
-var import_Base = __toESM(require("./Base/index.js"), 1);
-__reExport(js_toolkit_exports, require("./decorators/index.js"));
-__reExport(js_toolkit_exports, require("./helpers/index.js"));
-__reExport(js_toolkit_exports, require("./services/index.js"));
+var import_Base = __toESM(require("./Base/index.cjs"), 1);
+__reExport(js_toolkit_exports, require("./decorators/index.cjs"));
+__reExport(js_toolkit_exports, require("./helpers/index.cjs"));
+__reExport(js_toolkit_exports, require("./services/index.cjs"));
 module.exports = __toCommonJS(js_toolkit_exports);
+if (module.exports.default) module.exports = module.exports.default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@studiometa/js-toolkit",
-  "version": "2.0.0-beta.12",
+  "version": "2.0.0-beta.16",
   "description": "A set of useful little bits of JavaScript to boost your project! 🚀",
   "publishConfig": {
     "access": "public"
@@ -39,7 +39,6 @@
     "toolkit"
   ],
   "dependencies": {
-    "@babel/runtime": "^7.15.4",
     "deepmerge": "^4.2.2"
   }
 }

package/services/Service.cjs

@@ -2,6 +2,7 @@ var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
   for (var name in all)
@@ -20,16 +21,22 @@ var __toCommonJS = /* @__PURE__ */ ((cache) => {
     return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
   };
 })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+
+// packages/js-toolkit/services/Service.js
 var Service_exports = {};
 __export(Service_exports, {
   default: () => Service
 });
-class Service {
+var Service = class {
   constructor() {
+    __publicField(this, "props");
     this.callbacks = /* @__PURE__ */ new Map();
     this.isInit = false;
   }
-  props;
   updateProps(...args) {
     this.props = args;
     throw new Error("The `updateProps` method must be implemented.");
@@ -69,5 +76,6 @@ class Service {
     });
     return this;
   }
-}
+};
 module.exports = __toCommonJS(Service_exports);
+if (module.exports.default) module.exports = module.exports.default;

package/services/Service.js

@@ -1,9 +1,15 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
 class Service {
   constructor() {
+    __publicField(this, "props");
     this.callbacks = /* @__PURE__ */ new Map();
     this.isInit = false;
   }
-  props;
   updateProps(...args) {
     this.props = args;
     throw new Error("The `updateProps` method must be implemented.");

package/services/drag.cjs

@@ -4,6 +4,7 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
   for (var name in all)
@@ -25,55 +26,62 @@ var __toCommonJS = /* @__PURE__ */ ((cache) => {
     return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
   };
 })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+
+// packages/js-toolkit/services/drag.js
 var drag_exports = {};
 __export(drag_exports, {
   default: () => useDrag
 });
-var import_Service = __toESM(require("./Service.js"), 1);
-var import_pointer = __toESM(require("./pointer.js"), 1);
-var import_raf = __toESM(require("./raf.js"), 1);
-var import_inertiaFinalValue = __toESM(require("../utils/math/inertiaFinalValue.js"), 1);
-const MODES = {
+var import_Service = __toESM(require("./Service.cjs"), 1);
+var import_pointer = __toESM(require("./pointer.cjs"), 1);
+var import_raf = __toESM(require("./raf.cjs"), 1);
+var import_inertiaFinalValue = __toESM(require("../utils/math/inertiaFinalValue.cjs"), 1);
+var MODES = {
   START: "start",
   DRAG: "drag",
   DROP: "drop",
   INERTIA: "inertia",
   STOP: "stop"
 };
-let instanceIds = 0;
-class Drag extends import_Service.default {
-  id;
-  props = {
-    target: null,
-    mode: void 0,
-    isGrabbing: false,
-    hasInertia: false,
-    x: 0,
-    y: 0,
-    delta: {
-      x: 0,
-      y: 0
-    },
-    origin: {
-      x: 0,
-      y: 0
-    },
-    distance: {
-      x: 0,
-      y: 0
-    },
-    final: {
-      x: 0,
-      y: 0
-    }
-  };
-  options = {
-    dampFactor: 0.85
-  };
+var id = 0;
+var Drag = class extends import_Service.default {
   constructor(target, options = {}) {
     super();
-    instanceIds += 1;
-    this.id = `drag-${instanceIds}`;
+    __publicField(this, "id");
+    __publicField(this, "props", {
+      target: null,
+      mode: void 0,
+      isGrabbing: false,
+      hasInertia: false,
+      x: 0,
+      y: 0,
+      delta: {
+        x: 0,
+        y: 0
+      },
+      origin: {
+        x: 0,
+        y: 0
+      },
+      distance: {
+        x: 0,
+        y: 0
+      },
+      final: {
+        x: 0,
+        y: 0
+      }
+    });
+    __publicField(this, "options", {
+      dampFactor: 0.85,
+      dragTreshold: 10
+    });
+    id += 1;
+    this.id = `drag-${id}`;
     this.props.target = target;
     this.options = { ...this.options, ...options };
     this.pointerHandler = this.pointerHandler.bind(this);
@@ -84,18 +92,34 @@ class Drag extends import_Service.default {
     const options = { passive: true };
     this.props.target.addEventListener("mousedown", this, options);
     this.props.target.addEventListener("touchstart", this, options);
+    this.props.target.addEventListener("dragstart", this, { capture: true });
+    this.props.target.addEventListener("click", this, { capture: true });
     const pointer = (0, import_pointer.default)();
     pointer.add(this.id, this.pointerHandler);
     return this;
   }
   kill() {
-    this.props.target.removeEventListener("mousemove", this);
-    this.props.target.removeEventListener("touchmove", this);
+    this.props.target.removeEventListener("mousedown", this);
+    this.props.target.removeEventListener("touchstart", this);
+    this.props.target.removeEventListener("dragstart", this);
+    this.props.target.removeEventListener("click", this);
     const pointer = (0, import_pointer.default)();
     pointer.remove(this.id);
     return this;
   }
   handleEvent(event) {
+    if (event.type === "dragstart") {
+      event.preventDefault();
+      return;
+    }
+    if (event.type === "click") {
+      if (this.__shouldPreventClick) {
+        event.stopImmediatePropagation();
+        event.stopPropagation();
+        event.preventDefault();
+      }
+      return;
+    }
     const x = event instanceof MouseEvent ? event.clientX : event.touches[0].clientX;
     const y = event instanceof MouseEvent ? event.clientY : event.touches[0].clientY;
     this.start(x, y);
@@ -152,6 +176,7 @@ class Drag extends import_Service.default {
     }
   }
   pointerHandler(props) {
+    props.event.preventDefault();
     if (this.props.isGrabbing) {
       this.props.x = props.x;
       this.props.y = props.y;
@@ -173,8 +198,11 @@ class Drag extends import_Service.default {
   updateProps() {
     return this.props;
   }
-}
-const instances = /* @__PURE__ */ new WeakMap();
+  get __shouldPreventClick() {
+    return Math.abs(this.props.distance.x) > this.options.dragTreshold || Math.abs(this.props.distance.y) > this.options.dragTreshold;
+  }
+};
+var instances = /* @__PURE__ */ new WeakMap();
 function useDrag(target, options) {
   let drag = instances.get(target);
   if (!drag) {
@@ -190,3 +218,4 @@ function useDrag(target, options) {
   return drag;
 }
 module.exports = __toCommonJS(drag_exports);
+if (module.exports.default) module.exports = module.exports.default;

package/services/drag.d.ts

@@ -74,4 +74,5 @@ export type DragServiceProps = {
 };
 export type DragServiceOptions = {
     dampFactor?: number | undefined;
+    dragTreshold?: number | undefined;
 };