@marsio/vue-draggable 1.0.8 → 1.0.10

package/build/cjs/utils/domFns.js

@@ -6,12 +6,50 @@ Object.defineProperty(exports, "__esModule", {
 exports.removeUserSelectStyles = exports.removeEvent = exports.removeClassName = exports.outerWidth = exports.outerHeight = exports.offsetXYFromParent = exports.matchesSelectorAndParentsTo = exports.matchesSelector = exports.innerWidth = exports.innerHeight = exports.getTranslation = exports.getTouchIdentifier = exports.getTouch = exports.createSVGTransform = exports.createCSSTransform = exports.addUserSelectStyles = exports.addEvent = exports.addClassName = void 0;
 var _getPrefix = _interopRequireWildcard(require("./getPrefix"));
 var _shims = require("./shims");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 /**
  * Provides utility functions for DOM manipulation and event handling.
  */
 
+const transformKey = (0, _getPrefix.browserPrefixToKey)('transform', _getPrefix.default);
+const zeroOffsetParentRect = {
+  left: 0,
+  top: 0
+};
+const offsetParentRectCache = new WeakMap();
+const getOffsetParentRect = offsetParent => {
+  const ownerDocument = offsetParent.ownerDocument;
+  if (offsetParent === ownerDocument.body) return zeroOffsetParentRect;
+  let entry = offsetParentRectCache.get(offsetParent);
+  if (!entry) {
+    entry = {
+      rect: null,
+      rafId: null
+    };
+    offsetParentRectCache.set(offsetParent, entry);
+  }
+  const cached = entry.rect;
+  if (cached) return cached;
+  const rect = offsetParent.getBoundingClientRect();
+  const nextRect = {
+    left: rect.left,
+    top: rect.top
+  };
+  entry.rect = nextRect;
+  if (entry.rafId == null) {
+    const ownerWindow = ownerDocument.defaultView;
+    if (ownerWindow?.requestAnimationFrame) {
+      entry.rafId = ownerWindow.requestAnimationFrame(() => {
+        entry.rect = null;
+        entry.rafId = null;
+      });
+    } else {
+      entry.rect = null;
+    }
+  }
+  return nextRect;
+};
+
 /**
  * Cached method name for matchesSelector.
  */
@@ -171,11 +209,7 @@ const innerWidth = node => {
  */
 exports.innerWidth = innerWidth;
 const offsetXYFromParent = (evt, offsetParent, scale) => {
-  const isBody = offsetParent === offsetParent.ownerDocument.body;
-  const offsetParentRect = isBody ? {
-    left: 0,
-    top: 0
-  } : offsetParent.getBoundingClientRect();
+  const offsetParentRect = getOffsetParentRect(offsetParent);
   const x = (evt.clientX + offsetParent.scrollLeft - offsetParentRect.left) / scale;
   const y = (evt.clientY + offsetParent.scrollTop - offsetParentRect.top) / scale;
   return {
@@ -218,7 +252,7 @@ exports.getTranslation = getTranslation;
 const createCSSTransform = (controlPos, positionOffset) => {
   const translation = getTranslation(controlPos, positionOffset, 'px');
   return {
-    [(0, _getPrefix.browserPrefixToKey)('transform', _getPrefix.default)]: translation
+    [transformKey]: translation
   };
 };
 
@@ -320,14 +354,10 @@ const addUserSelectStyles = doc => {
 exports.addUserSelectStyles = addUserSelectStyles;
 const removeUserSelectStyles = doc => {
   if (!doc) return;
-  try {
-    if (doc.body) removeClassName(doc.body, 'vue-draggable-transparent-selection');
-    const selection = doc.getSelection();
-    if (selection && selection.type !== 'Caret') {
-      selection.removeAllRanges();
-    }
-  } catch (e) {
-    console.error(e);
+  if (doc.body) removeClassName(doc.body, 'vue-draggable-transparent-selection');
+  const selection = doc.getSelection?.();
+  if (selection && selection.type !== 'Caret') {
+    selection.removeAllRanges();
   }
 };
 exports.removeUserSelectStyles = removeUserSelectStyles;

package/build/cjs/utils/noop.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.noop = exports.default = void 0;
+const noop = () => {};
+exports.noop = noop;
+var _default = exports.default = noop;

package/build/cjs/utils/positionFns.js

@@ -6,35 +6,32 @@ Object.defineProperty(exports, "__esModule", {
 exports.snapToGrid = exports.getControlPosition = exports.getBoundPosition = exports.createDraggableData = exports.createCoreData = exports.canDragY = exports.canDragX = void 0;
 var _domFns = require("./domFns");
 var _shims = require("./shims");
-// Quick clone for bounds. We're doing this because we don't want to mess with the original bounds object.
-// It's a simple copy, nothing fancy.
-const cloneBounds = bounds => {
-  return {
-    left: bounds.left,
-    top: bounds.top,
-    right: bounds.right,
-    bottom: bounds.bottom
-  };
-};
-
-// This one's a bit tricky. We're trying to find the actual DOM node for a draggable component.
-// It's using some internal stuff, so don't worry if it looks a bit weird.
-const findDOMNode = draggable => {
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  return draggable.findDOMNode();
+const selectorBoundsCache = new WeakMap();
+const getCachedBoundElement = (node, selector, ownerDocument) => {
+  let perNode = selectorBoundsCache.get(node);
+  if (!perNode) {
+    perNode = new Map();
+    selectorBoundsCache.set(node, perNode);
+  }
+  if (perNode.has(selector)) {
+    const cached = perNode.get(selector) || null;
+    if (cached === null) return null;
+    if (ownerDocument.contains(cached)) return cached;
+  }
+  const next = ownerDocument.querySelector(selector);
+  perNode.set(selector, next);
+  return next;
 };
 
 // Ever got annoyed by CSS values being strings? Yeah, me too. This function takes those strings and turns them into numbers.
 // Also, it warns you if something's not right, which is pretty handy.
 const parseStyleToInt = (style, property) => {
   if (!(property in style)) {
-    console.warn(`Property "${String(property)}" does not exist on the provided style object.`);
     return 0;
   }
   const value = style[property];
   const parsed = parseInt(value, 10);
   if (isNaN(parsed)) {
-    console.warn(`Value of property "${String(property)}" is not a valid number.`);
     return 0;
   }
   return parsed;
@@ -44,9 +41,8 @@ const parseStyleToInt = (style, property) => {
 // It's a bit of math and some conditionals. Nothing too scary, but it does the job.
 const getBoundPosition = (draggable, x, y) => {
   if (!draggable.props.bounds) return [x, y];
-  let bounds = draggable.props.bounds;
-  bounds = typeof bounds === 'string' ? bounds : cloneBounds(bounds);
-  const node = findDOMNode(draggable);
+  const boundsProp = draggable.props.bounds;
+  const node = draggable.findDOMNode();
   if (!node) return [x, y];
   const {
     ownerDocument
@@ -55,24 +51,61 @@ const getBoundPosition = (draggable, x, y) => {
   if (!ownerWindow) {
     return [x, y];
   }
-  if (typeof bounds === 'string') {
-    const boundNode = bounds === 'parent' ? node.parentNode : ownerDocument.querySelector(bounds);
-    if (!(boundNode instanceof ownerWindow.HTMLElement)) {
-      throw new Error(`Bounds selector "${bounds}" could not find an element.`);
+  let bounds;
+  if (typeof boundsProp === 'string') {
+    const cacheKey = boundsProp;
+    const cache = draggable.__boundsCache;
+    if (cache && cache.key === cacheKey && cache.node === node && cache.boundEl && cache.bounds && cache.boundClientWidth === cache.boundEl.clientWidth && cache.boundClientHeight === cache.boundEl.clientHeight && cache.nodeClientWidth === node.clientWidth && cache.nodeClientHeight === node.clientHeight) {
+      bounds = cache.bounds;
+    } else {
+      const boundNode = boundsProp === 'parent' ? node.parentNode : getCachedBoundElement(node, boundsProp, ownerDocument);
+      if (!(boundNode instanceof ownerWindow.HTMLElement)) {
+        throw new Error(`Bounds selector "${boundsProp}" could not find an element.`);
+      }
+      const nodeStyle = ownerWindow.getComputedStyle(node);
+      const boundNodeStyle = ownerWindow.getComputedStyle(boundNode);
+      const boundPaddingLeft = parseStyleToInt(boundNodeStyle, 'paddingLeft');
+      const boundPaddingRight = parseStyleToInt(boundNodeStyle, 'paddingRight');
+      const boundPaddingTop = parseStyleToInt(boundNodeStyle, 'paddingTop');
+      const boundPaddingBottom = parseStyleToInt(boundNodeStyle, 'paddingBottom');
+      const nodeMarginLeft = parseStyleToInt(nodeStyle, 'marginLeft');
+      const nodeMarginRight = parseStyleToInt(nodeStyle, 'marginRight');
+      const nodeMarginTop = parseStyleToInt(nodeStyle, 'marginTop');
+      const nodeMarginBottom = parseStyleToInt(nodeStyle, 'marginBottom');
+      const nodeBorderLeft = parseStyleToInt(nodeStyle, 'borderLeftWidth');
+      const nodeBorderRight = parseStyleToInt(nodeStyle, 'borderRightWidth');
+      const nodeBorderTop = parseStyleToInt(nodeStyle, 'borderTopWidth');
+      const nodeBorderBottom = parseStyleToInt(nodeStyle, 'borderBottomWidth');
+      const boundInnerWidth = boundNode.clientWidth - boundPaddingLeft - boundPaddingRight;
+      const boundInnerHeight = boundNode.clientHeight - boundPaddingTop - boundPaddingBottom;
+      const nodeOuterWidth = node.clientWidth + nodeBorderLeft + nodeBorderRight;
+      const nodeOuterHeight = node.clientHeight + nodeBorderTop + nodeBorderBottom;
+      bounds = {
+        left: -node.offsetLeft + boundPaddingLeft + nodeMarginLeft,
+        top: -node.offsetTop + boundPaddingTop + nodeMarginTop,
+        right: boundInnerWidth - nodeOuterWidth - node.offsetLeft + boundPaddingRight - nodeMarginRight,
+        bottom: boundInnerHeight - nodeOuterHeight - node.offsetTop + boundPaddingBottom - nodeMarginBottom
+      };
+      if (cache) {
+        cache.key = cacheKey;
+        cache.node = node;
+        cache.boundEl = boundNode;
+        cache.boundClientWidth = boundNode.clientWidth;
+        cache.boundClientHeight = boundNode.clientHeight;
+        cache.nodeClientWidth = node.clientWidth;
+        cache.nodeClientHeight = node.clientHeight;
+        cache.bounds = bounds;
+      }
     }
-    const nodeStyle = ownerWindow.getComputedStyle(node);
-    const boundNodeStyle = ownerWindow.getComputedStyle(boundNode);
-    bounds = {
-      left: -node.offsetLeft + parseStyleToInt(boundNodeStyle, 'paddingLeft') + parseStyleToInt(nodeStyle, 'marginLeft'),
-      top: -node.offsetTop + parseStyleToInt(boundNodeStyle, 'paddingTop') + parseStyleToInt(nodeStyle, 'marginTop'),
-      right: (0, _domFns.innerWidth)(boundNode) - (0, _domFns.outerWidth)(node) - node.offsetLeft + parseStyleToInt(boundNodeStyle, 'paddingRight') - parseStyleToInt(nodeStyle, 'marginRight'),
-      bottom: (0, _domFns.innerHeight)(boundNode) - (0, _domFns.outerHeight)(node) - node.offsetTop + parseStyleToInt(boundNodeStyle, 'paddingBottom') - parseStyleToInt(nodeStyle, 'marginBottom')
-    };
+  } else {
+    bounds = boundsProp;
   }
 
-  // Clamp x and y to be within the bounds.
-  x = Math.max(Math.min(x, bounds.right || 0), bounds.left || 0);
-  y = Math.max(Math.min(y, bounds.bottom || 0), bounds.top || 0);
+  // Clamp x and y to be within the bounds (only when provided).
+  if (typeof bounds.left === 'number') x = Math.max(x, bounds.left);
+  if (typeof bounds.right === 'number') x = Math.min(x, bounds.right);
+  if (typeof bounds.top === 'number') y = Math.max(y, bounds.top);
+  if (typeof bounds.bottom === 'number') y = Math.min(y, bounds.bottom);
   return [x, y];
 };
 
@@ -102,10 +135,12 @@ exports.canDragY = canDragY;
 const getControlPosition = (e, draggableCore, touchIdentifier) => {
   const touchObj = typeof touchIdentifier === 'number' ? (0, _domFns.getTouch)(e, touchIdentifier) : null;
   if (typeof touchIdentifier === 'number' && !touchObj) return null; // not the right touch
-  const node = findDOMNode(draggableCore);
+  const node = draggableCore.findDOMNode();
+  if (!node) return null;
   // User can provide an offsetParent if desired.
   const offsetParent = draggableCore.props.offsetParent || node.offsetParent || node.ownerDocument.body;
-  return (0, _domFns.offsetXYFromParent)(touchObj || e, offsetParent, draggableCore.props.scale);
+  const scale = typeof draggableCore.props.scale === 'number' ? draggableCore.props.scale : 1;
+  return (0, _domFns.offsetXYFromParent)(touchObj || e, offsetParent, scale);
 };
 
 // When you start dragging, or move the draggable, this function updates the state with the new position.
@@ -114,7 +149,10 @@ exports.getControlPosition = getControlPosition;
 const createCoreData = (draggable, x, y) => {
   const state = draggable.state;
   const isStart = !(0, _shims.isNum)(state.lastX);
-  const node = findDOMNode(draggable);
+  const node = draggable.findDOMNode();
+  if (!node) {
+    throw new Error('<DraggableCore> not mounted on DragStart!');
+  }
   if (isStart) {
     // If this is our first move, use the x and y as last coords.
     return {
@@ -144,7 +182,7 @@ const createCoreData = (draggable, x, y) => {
 // It's for when you're scaling the draggable and need the position to reflect that.
 exports.createCoreData = createCoreData;
 const createDraggableData = (draggable, coreData) => {
-  const scale = draggable.props.scale;
+  const scale = typeof draggable.props.scale === 'number' ? draggable.props.scale : 1;
   return {
     node: coreData.node,
     x: draggable.state.x + coreData.deltaX / scale,

package/build/cjs/utils/shims.js

@@ -59,11 +59,11 @@ function int(a) {
  * @param {string} propsName - The name of the prop.
  * @param {string} componentName - The name of the component.
  */
-function dontSetMe(propsName, componentName) {
+function dontSetMe(propsName, _componentName) {
+  void _componentName;
   return {
     validator() {
       if (!propsName) {
-        console.error(`Invalid prop ${propsName} passed to ${componentName} - do not set this, set it on the child.`);
         return false;
       }
       // 如果有其他验证逻辑，可以在这里添加

package/build/web/vue-draggable.min.js

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define(["vue"],t):"object"==typeof exports?exports.VueDraggable=t(require("vue")):e.VueDraggable=t(e.Vue)}(self,(e=>(()=>{var t={582:e=>{e.exports=function(e,t){return null==e?void 0:e[t]}},644:(e,t,n)=>{var r=n(582);e.exports=function(e,t,n){var o=null==e?void 0:r(e,t);return void 0===o?n:o}},116:function(e,t,n){"use strict";var r=this&&this.__assign||function(){return r=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},r.apply(this,arguments)},o=this&&this.__rest||function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n},a=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.DraggableCore=t.default=t.draggableProps=void 0;var i=n(594),l=n(594),u=a(n(644)),s=a(n(53)),d=n(212),c=n(461),f=n(811),g=a(n(917));t.DraggableCore=g.default;var p=a(n(463)),v=n(917);t.draggableProps=r(r({},v.draggableCoreProps),{axis:{type:String,default:"both"},bounds:{type:[Object,String,Boolean],default:!1},defaultClassName:{type:String,default:"vue-draggable"},defaultClassNameDragging:{type:String,default:"vue-draggable-dragging"},defaultClassNameDragged:{type:String,default:"vue-draggable-dragged"},defaultPosition:{type:Object,default:function(){return{x:0,y:0}}},positionOffset:{type:Object},position:{type:Object,default:void 0}});var m="Draggable",y=(0,l.defineComponent)({compatConfig:{MODE:3},name:m,inheritAttrs:!1,props:r(r({},t.draggableProps),{style:(0,f.dontSetMe)("style",m),class:(0,f.dontSetMe)("class",m),transform:(0,f.dontSetMe)("transform",m)}),setup:function(e,t){var n=t.slots,a=(0,l.ref)(null);e.position&&!e.dragFn&&e.stopFn;var f=(0,l.reactive)({dragging:!1,dragged:!1,x:e.position?e.position.x:e.defaultPosition.x,y:e.position?e.position.y:e.defaultPosition.y,prevPropsPosition:r({},e.position),slackX:0,slackY:0,isElementSVG:!1}),v=function(){return(0,u.default)(e,"nodeRef.value")||a.value};(0,l.onMounted)((function(){void 0!==window.SVGElement&&v()instanceof window.SVGElement&&(f.isElementSVG=!0)})),(0,l.onUnmounted)((function(){f.dragging=!1}));var m=function(t,n){var r;if((0,p.default)("Draggable: onDragStart: %j",n),!1===(null===(r=e.startFn)||void 0===r?void 0:r.call(e,t,(0,c.createDraggableData)({props:e,state:f},n))))return!1;f.dragging=!0,f.dragged=!0},y=function(t,n){var r,o,a;if(!f.dragging)return!1;(0,p.default)("Draggable: dragFn: %j",n);var i=(0,c.createDraggableData)({props:e,state:f},n),l={x:i.x,y:i.y,slackX:0,slackY:0};if(e.bounds){var u=l.x,s=l.y;l.x+=f.slackX,l.y+=f.slackY;var d=(0,c.getBoundPosition)({props:e,findDOMNode:v},l.x,l.y),g=d[0],m=d[1];l.x=g,l.y=m,l.slackX=f.slackX+(u-l.x),l.slackY=f.slackY+(s-l.y),i.x=l.x,i.y=l.y,i.deltaX=l.x-(null!==(r=f.x)&&void 0!==r?r:0),i.deltaY=l.y-(null!==(o=f.y)&&void 0!==o?o:0)}if(!1===(null===(a=e.dragFn)||void 0===a?void 0:a.call(e,t,i)))return!1;Object.keys(l).forEach((function(e){f[e]=l[e]}))},b=function(t,n){var r;if(!f.dragging)return!1;if(!1===(null===(r=e.stopFn)||void 0===r?void 0:r.call(e,t,(0,c.createDraggableData)({props:e,state:f},n))))return!1;(0,p.default)("Draggable: onDragStop: %j",n);var o={dragging:!1,slackX:0,slackY:0};if(Boolean(e.position)){var a=e.position,i=a.x,l=a.y;o.x=i,o.y=l}Object.keys(o).forEach((function(e){f[e]=o[e]}))};return function(){e.axis,e.bounds;var t,u,p,v=e.defaultPosition,h=e.defaultClassName,S=e.defaultClassNameDragging,D=e.defaultClassNameDragged,x=e.position,P=e.positionOffset,O=(e.scale,o(e,["axis","bounds","defaultPosition","defaultClassName","defaultClassNameDragging","defaultClassNameDragged","position","positionOffset","scale"])),w={},C="",N=!Boolean(x)||f.dragging,T=x||v,j={x:null!==(u=(0,c.canDragX)({props:e})&&N?f.x:T.x)&&void 0!==u?u:0,y:null!==(p=(0,c.canDragY)({props:e})&&N?f.y:T.y)&&void 0!==p?p:0};f.isElementSVG?C=(0,d.createSVGTransform)(j,P):w=(0,d.createCSSTransform)(j,P);var M=(0,s.default)(h,((t={})[S]=f.dragging,t[D]=f.dragged,t)),E=n.default?n.default()[0]:null;if(!E)return null;var _,X=(0,l.cloneVNode)(E,{class:M,style:w,transform:C}),Y=r(r({},O),{startFn:m,dragFn:y,stopFn:b});return(0,i.createVNode)(g.default,(0,i.mergeProps)({ref:a},Y),"function"==typeof(_=X)||"[object Object]"===Object.prototype.toString.call(_)&&!(0,i.isVNode)(_)?X:{default:function(){return[X]}})}}});t.default=y},917:function(e,t,n){"use strict";var r=this&&this.__assign||function(){return r=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},r.apply(this,arguments)},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.draggableCoreProps=t.draggableCoreDefaultProps=t.defaultDraggableEventHandler=void 0;var a=o(n(644)),i=n(594),l=function(){},u=n(212),s=n(461),d=o(n(463)),c=n(811),f={start:"touchstart",move:"touchmove",stop:"touchend"},g={start:"mousedown",move:"mousemove",stop:"mouseup"};t.defaultDraggableEventHandler=function(e,t){return!0};var p=g;t.draggableCoreDefaultProps={allowAnyClick:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},enableUserSelectHack:{type:Boolean,default:!0},startFn:{type:Function,default:function(){return l}},dragFn:{type:Function,default:function(){return l}},stopFn:{type:Function,default:function(){return l}},scale:{type:Number,default:1}},t.draggableCoreProps=r(r({},t.draggableCoreDefaultProps),{cancel:{type:String},offsetParent:{type:Object,validator:function(e){return(0,c.propIsNotNode)(e)}},grid:{type:Array},handle:{type:String},nodeRef:{type:Object,default:function(){return null}}});t.default=(0,i.defineComponent)({compatConfig:{MODE:3},name:"DraggableCore",inheritAttrs:!1,props:r({},t.draggableCoreProps),emits:["mousedown","mouseup","touchend"],setup:function(e,t){var n=t.slots,r=t.emit,o=(0,i.ref)(null),l=(0,i.reactive)({dragging:!1,lastX:NaN,lastY:NaN,touchIdentifier:null,mounted:!1}),c=function(){var t;return(null===(t=e.nodeRef)||void 0===t?void 0:t.value)||o.value},v=function(t){var n,r,o=(0,s.getControlPosition)(t,{props:e,findDOMNode:c},l.touchIdentifier);if(null!=o){var a=o.x,i=o.y;if(Array.isArray(e.grid)){var u=a-l.lastX,f=i-l.lastY;if(u=(n=(0,s.snapToGrid)(e.grid,u,f))[0],f=n[1],!u&&!f)return;a=l.lastX+u,i=l.lastY+f}var g=(0,s.createCoreData)({props:e,findDOMNode:c,state:l},a,i);if((0,d.default)("DraggableCore: handleDrag: %j",g),!1!==(null===(r=e.dragFn)||void 0===r?void 0:r.call(e,t,g))&&!1!==l.mounted)l.lastX=a,l.lastY=i;else try{m(new MouseEvent("mouseup"))}catch(e){var p=document.createEvent("MouseEvents");p.initMouseEvent("mouseup",!0,!0,window,0,0,0,0,0,!1,!1,!1,!1,0,null),m(p)}}},m=function(t){var n,r;if(l.dragging){var o=(0,s.getControlPosition)(t,{props:e,findDOMNode:c},l.touchIdentifier);if(null!=o){var a=o.x,i=o.y;if(Array.isArray(e.grid)){var f=a-l.lastX||0,g=i-l.lastY||0;f=(n=(0,s.snapToGrid)(e.grid,f,g))[0],g=n[1],a=l.lastX+f,i=l.lastY+g}var y=(0,s.createCoreData)({props:e,findDOMNode:c,state:l},a,i);if(!1===(null===(r=e.stopFn)||void 0===r?void 0:r.call(e,t,y))||!1===l.mounted)return!1;var b=c();b&&e.enableUserSelectHack&&(0,u.removeUserSelectStyles)(b.ownerDocument),(0,d.default)("DraggableCore: handleDragStop: %j",y),l.dragging=!1,l.lastX=NaN,l.lastY=NaN,b&&((0,d.default)("DraggableCore: Removing handlers"),(0,u.removeEvent)(b.ownerDocument,p.move,v),(0,u.removeEvent)(b.ownerDocument,p.stop,m))}}},y=function(t){var n;if(r("mousedown",t),!e.allowAnyClick&&"number"==typeof t.button&&0!==t.button)return!1;var o=c();(0,a.default)(o,"ownerDocument.body");var i=o.ownerDocument;if(!(e.disabled||i&&!(t.target instanceof i.defaultView.Node)||e.handle&&!(0,u.matchesSelectorAndParentsTo)(t.target,e.handle,o)||e.cancel&&(0,u.matchesSelectorAndParentsTo)(t.target,e.cancel,o))){"touchstart"===t.type&&t.preventDefault();var f=(0,u.getTouchIdentifier)(t);l.touchIdentifier=f;var g=(0,s.getControlPosition)(t,{props:e,findDOMNode:c},f);if(null!=g){var y=g.x,b=g.y,h=(0,s.createCoreData)({props:e,findDOMNode:c,state:l},y,b);(0,d.default)("DraggableCore: handleDragStart: %j",h),(0,d.default)("calling",e.startFn),!1!==(null===(n=e.startFn)||void 0===n?void 0:n.call(e,t,h))&&!1!==l.mounted&&(e.enableUserSelectHack&&(0,u.addUserSelectStyles)(i),l.dragging=!0,l.lastX=y,l.lastY=b,(0,u.addEvent)(i,p.move,v),(0,u.addEvent)(i,p.stop,m))}}},b=function(e){return p=g,r("mousedown",e),y(e)},h=function(e){return p=g,m(e)},S=function(e){return p=f,y(e)},D=function(e){return p=f,m(e)};return(0,i.onMounted)((function(){l.mounted=!0;var e=c();e&&(0,u.addEvent)(e,f.start,S,{passive:!1})})),(0,i.onUnmounted)((function(){l.mounted=!1;var t=c();if(t){var n=t.ownerDocument;(0,u.removeEvent)(n,g.move,v),(0,u.removeEvent)(n,f.move,v),(0,u.removeEvent)(n,g.stop,m),(0,u.removeEvent)(n,f.stop,m),(0,u.removeEvent)(t,f.start,S,{passive:!1}),e.enableUserSelectHack&&(0,u.removeUserSelectStyles)(n)}})),function(){var t=n.default?n.default()[0]:null;if(!t)return null;"object"==typeof t.type&&t.type;return(0,i.isVNode)(t)?(0,i.cloneVNode)(t,{onMousedown:b,onMouseup:h,onTouchend:D,ref:e.nodeRef||o}):t}}})},549:(e,t,n)=>{"use strict";var r=n(116),o=r.default,a=r.DraggableCore;e.exports=o,e.exports.default=o,e.exports.DraggableCore=a},212:function(e,t,n){"use strict";var r=this&&this.__assign||function(){return r=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},r.apply(this,arguments)},o=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),a=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),i=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&o(t,e,n);return a(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.removeUserSelectStyles=t.addUserSelectStyles=t.removeClassName=t.addClassName=t.getTouchIdentifier=t.getTouch=t.createSVGTransform=t.createCSSTransform=t.getTranslation=t.offsetXYFromParent=t.innerWidth=t.innerHeight=t.outerWidth=t.outerHeight=t.removeEvent=t.addEvent=t.matchesSelectorAndParentsTo=t.matchesSelector=void 0;var l=i(n(157)),u=n(811),s="";t.matchesSelector=function(e,t){return s||(s=(0,u.findInArray)(["matches","webkitMatchesSelector","mozMatchesSelector","msMatchesSelector","oMatchesSelector"],(function(t){return(0,u.isFunction)(e[t])}))),!!(0,u.isFunction)(e[s])&&e[s](t)};t.matchesSelectorAndParentsTo=function(e,n,r){var o=e;do{if((0,t.matchesSelector)(o,n))return!0;if(o===r)return!1;o=o.parentNode}while(o);return!1};t.addEvent=function(e,t,n,o){if(e){var a=r({capture:!0},o);e.addEventListener?e.addEventListener(t,n,a):e.attachEvent?e.attachEvent("on".concat(t),n):e["on".concat(t)]=n}};t.removeEvent=function(e,t,n,o){var a;if(e){var i=r({capture:!0},o);e.removeEventListener?e.removeEventListener(t,n,i):e.detachEvent?null===(a=e.detachEvent)||void 0===a||a.call(e,"on"+t,n):e["on".concat(t)]=null}};t.outerHeight=function(e){var t,n=e.clientHeight,r=null===(t=e.ownerDocument.defaultView)||void 0===t?void 0:t.getComputedStyle(e);return n+=(0,u.int)(r.borderTopWidth),n+=(0,u.int)(r.borderBottomWidth)};t.outerWidth=function(e){var t,n,r=e.clientWidth,o=null===(n=null===(t=e.ownerDocument)||void 0===t?void 0:t.defaultView)||void 0===n?void 0:n.getComputedStyle(e);return r+=(0,u.int)(o.borderLeftWidth),r+=(0,u.int)(o.borderRightWidth)};t.innerHeight=function(e){var t,n,r=e.clientHeight,o=null===(n=null===(t=e.ownerDocument)||void 0===t?void 0:t.defaultView)||void 0===n?void 0:n.getComputedStyle(e);return r-=(0,u.int)(o.paddingTop),r-=(0,u.int)(o.paddingBottom)};t.innerWidth=function(e){var t,n,r=e.clientWidth,o=null===(n=null===(t=e.ownerDocument)||void 0===t?void 0:t.defaultView)||void 0===n?void 0:n.getComputedStyle(e);return r-=(0,u.int)(o.paddingLeft),r-=(0,u.int)(o.paddingRight)};t.offsetXYFromParent=function(e,t,n){var r=t===t.ownerDocument.body?{left:0,top:0}:t.getBoundingClientRect();return{x:(e.clientX+t.scrollLeft-r.left)/n,y:(e.clientY+t.scrollTop-r.top)/n}};t.getTranslation=function(e,t,n){var r=e.x,o=e.y,a="translate(".concat(r).concat(n,",").concat(o).concat(n,")");if(t){var i="".concat("string"==typeof t.x?t.x:t.x+n),l="".concat("string"==typeof t.y?t.y:t.y+n);a="translate(".concat(i,", ").concat(l,")")+a}return a};t.createCSSTransform=function(e,n){var r,o=(0,t.getTranslation)(e,n,"px");return(r={})[(0,l.browserPrefixToKey)("transform",l.default)]=o,r};t.createSVGTransform=function(e,n){return(0,t.getTranslation)(e,n,"")};t.getTouch=function(e,t){return e.targetTouches&&(0,u.findInArray)(e.targetTouches,(function(e){return t===e.identifier}))||e.changedTouches&&(0,u.findInArray)(e.changedTouches,(function(e){return t===e.identifier}))};t.getTouchIdentifier=function(e){return e.targetTouches&&e.targetTouches[0]?e.targetTouches[0].identifier:e.changedTouches&&e.changedTouches[0]?e.changedTouches[0].identifier:null};t.addClassName=function(e,t){e.classList?e.classList.add(t):e.className.match(new RegExp("(?:^|\\s)".concat(t,"(?!\\S)")))||(e.className+=" ".concat(t))};t.removeClassName=function(e,t){e.classList?e.classList.remove(t):e.className=e.className.replace(new RegExp("(?:^|\\s)".concat(t,"(?!\\S)"),"g"),"")};t.addUserSelectStyles=function(e){if(e){var n=e.getElementById("vue-draggable-style-el");n||((n=e.createElement("style")).type="text/css",n.id="vue-draggable-style-el",n.innerHTML=".vue-draggable-transparent-selection *::-moz-selection {all: inherit;}\n",n.innerHTML+=".vue-draggable-transparent-selection *::selection {all: inherit;}\n",e.getElementsByTagName("head")[0].appendChild(n)),e.body&&(0,t.addClassName)(e.body,"vue-draggable-transparent-selection")}};t.removeUserSelectStyles=function(e){if(e)try{e.body&&(0,t.removeClassName)(e.body,"vue-draggable-transparent-selection");var n=e.getSelection();n&&"Caret"!==n.type&&n.removeAllRanges()}catch(e){}}},157:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.browserPrefixToStyle=t.browserPrefixToKey=t.getPrefix=void 0;var n=["Moz","Webkit","O","ms"];function r(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"transform";if("undefined"==typeof window||void 0===window.document)return"";var t=window.document.documentElement.style;if(e in t)return"";for(var r=0;r<n.length;r++)if(o(e,n[r])in t)return n[r];return""}function o(e,t){return t?"".concat(t).concat(function(e){for(var t="",n=!0,r=0;r<e.length;r++)n?(t+=e[r].toUpperCase(),n=!1):"-"===e[r]?n=!0:t+=e[r];return t}(e)):e}t.getPrefix=r,t.browserPrefixToKey=o,t.browserPrefixToStyle=function(e,t){return t?"-".concat(t.toLowerCase(),"-").concat(e):e},t.default=r()},463:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(){}},461:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.createDraggableData=t.createCoreData=t.getControlPosition=t.canDragY=t.canDragX=t.snapToGrid=t.getBoundPosition=void 0;var r=n(212),o=n(811),a=function(e){return e.findDOMNode()},i=function(e,t){if(!(t in e))return 0;var n=e[t],r=parseInt(n,10);return isNaN(r)?0:r};t.getBoundPosition=function(e,t,n){if(!e.props.bounds)return[t,n];var o=e.props.bounds;o="string"==typeof o?o:function(e){return{left:e.left,top:e.top,right:e.right,bottom:e.bottom}}(o);var l=a(e);if(!l)return[t,n];var u=l.ownerDocument,s=null==u?void 0:u.defaultView;if(!s)return[t,n];if("string"==typeof o){var d="parent"===o?l.parentNode:u.querySelector(o);if(!(d instanceof s.HTMLElement))throw new Error('Bounds selector "'.concat(o,'" could not find an element.'));var c=s.getComputedStyle(l),f=s.getComputedStyle(d);o={left:-l.offsetLeft+i(f,"paddingLeft")+i(c,"marginLeft"),top:-l.offsetTop+i(f,"paddingTop")+i(c,"marginTop"),right:(0,r.innerWidth)(d)-(0,r.outerWidth)(l)-l.offsetLeft+i(f,"paddingRight")-i(c,"marginRight"),bottom:(0,r.innerHeight)(d)-(0,r.outerHeight)(l)-l.offsetTop+i(f,"paddingBottom")-i(c,"marginBottom")}}return[t=Math.max(Math.min(t,o.right||0),o.left||0),n=Math.max(Math.min(n,o.bottom||0),o.top||0)]};t.snapToGrid=function(e,t,n){return[Math.round(t/e[0])*e[0],Math.round(n/e[1])*e[1]]};t.canDragX=function(e){return"both"===e.props.axis||"x"===e.props.axis};t.canDragY=function(e){return"both"===e.props.axis||"y"===e.props.axis};t.getControlPosition=function(e,t,n){var o="number"==typeof n?(0,r.getTouch)(e,n):null;if("number"==typeof n&&!o)return null;var i=a(t),l=t.props.offsetParent||i.offsetParent||i.ownerDocument.body;return(0,r.offsetXYFromParent)(o||e,l,t.props.scale)};t.createCoreData=function(e,t,n){var r=e.state,i=!(0,o.isNum)(r.lastX),l=a(e);return i?{node:l,deltaX:0,deltaY:0,lastX:t,lastY:n,x:t,y:n}:{node:l,deltaX:t-r.lastX,deltaY:n-r.lastY,lastX:r.lastX,lastY:r.lastY,x:t,y:n}};t.createDraggableData=function(e,t){var n=e.props.scale;return{node:t.node,x:e.state.x+t.deltaX/n,y:e.state.y+t.deltaY/n,deltaX:t.deltaX/n,deltaY:t.deltaY/n,lastX:e.state.x,lastY:e.state.y}}},811:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.propIsNotNode=t.dontSetMe=t.int=t.isNum=t.isFunction=t.findInArray=void 0,t.findInArray=function(e,t){for(var n=0,r=e.length;n<r;n++){var o=e instanceof TouchList?e.item(n):e[n];if(null!==o&&t(o,n,e))return o}},t.isFunction=function(e){return"function"==typeof e||"[object Function]"===Object.prototype.toString.call(e)},t.isNum=function(e){return"number"==typeof e&&!isNaN(e)},t.int=function(e){return parseInt(e,10)},t.dontSetMe=function(e,t){return{validator:function(){return!!e}}},t.propIsNotNode=function(e){return"object"==typeof e&&null!==e&&"nodeType"in e&&1===e.nodeType}},53:(e,t,n)=>{"use strict";function r(e){var t,n,o="";if("string"==typeof e||"number"==typeof e)o+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(n=r(e[t]))&&(o&&(o+=" "),o+=n);else for(t in e)e[t]&&(o&&(o+=" "),o+=t);return o}function o(){for(var e,t,n=0,o="";n<arguments.length;)(e=arguments[n++])&&(t=r(e))&&(o&&(o+=" "),o+=t);return o}n.r(t),n.d(t,{clsx:()=>o,default:()=>a});const a=o},594:t=>{"use strict";t.exports=e}},n={};function r(e){var o=n[e];if(void 0!==o)return o.exports;var a=n[e]={exports:{}};return t[e].call(a.exports,a,a.exports,r),a.exports}return r.d=(e,t)=>{for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r(549)})()));
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define(["vue"],t):"object"==typeof exports?exports.VueDraggable=t(require("vue")):e.VueDraggable=t(e.Vue)}(globalThis,e=>(()=>{"use strict";var t={53(e,t,n){function r(e){var t,n,o="";if("string"==typeof e||"number"==typeof e)o+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(n=r(e[t]))&&(o&&(o+=" "),o+=n);else for(t in e)e[t]&&(o&&(o+=" "),o+=t);return o}function o(){for(var e,t,n=0,o="";n<arguments.length;)(e=arguments[n++])&&(t=r(e))&&(o&&(o+=" "),o+=t);return o}n.r(t),n.d(t,{clsx:()=>o,default:()=>a});const a=o},74(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.getPrefix=r,t.browserPrefixToKey=o,t.browserPrefixToStyle=function(e,t){return t?"-".concat(t.toLowerCase(),"-").concat(e):e};var n=["Moz","Webkit","O","ms"];function r(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"transform";if("undefined"==typeof window||void 0===window.document)return"";var t=window.document.documentElement.style;if(e in t)return"";for(var r=0;r<n.length;r++)if(o(e,n[r])in t)return n[r];return""}function o(e,t){return t?"".concat(t).concat(function(e){for(var t="",n=!0,r=0;r<e.length;r++)n?(t+=e[r].toUpperCase(),n=!1):"-"===e[r]?n=!0:t+=e[r];return t}(e)):e}t.default=r()},104(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(){}},257(e,t,n){var r,o=this&&this.__assign||function(){return o=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},o.apply(this,arguments)},a=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),i=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||(r=function(e){return r=Object.getOwnPropertyNames||function(e){var t=[];for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[t.length]=n);return t},r(e)},function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n=r(e),o=0;o<n.length;o++)"default"!==n[o]&&a(t,e,n[o]);return i(t,e),t});Object.defineProperty(t,"__esModule",{value:!0}),t.removeUserSelectStyles=t.addUserSelectStyles=t.removeClassName=t.addClassName=t.getTouchIdentifier=t.getTouch=t.createSVGTransform=t.createCSSTransform=t.getTranslation=t.offsetXYFromParent=t.innerWidth=t.innerHeight=t.outerWidth=t.outerHeight=t.removeEvent=t.addEvent=t.matchesSelectorAndParentsTo=t.matchesSelector=void 0;var u=l(n(74)),d=n(912),c=(0,u.browserPrefixToKey)("transform",u.default),f={left:0,top:0},s=new WeakMap,p="";t.matchesSelector=function(e,t){return p||(p=(0,d.findInArray)(["matches","webkitMatchesSelector","mozMatchesSelector","msMatchesSelector","oMatchesSelector"],function(t){return(0,d.isFunction)(e[t])})),!!(0,d.isFunction)(e[p])&&e[p](t)};t.matchesSelectorAndParentsTo=function(e,n,r){var o=e;do{if((0,t.matchesSelector)(o,n))return!0;if(o===r)return!1;o=o.parentNode}while(o);return!1};t.addEvent=function(e,t,n,r){if(e){var a=o({capture:!0},r);e.addEventListener?e.addEventListener(t,n,a):e.attachEvent?e.attachEvent("on".concat(t),n):e["on".concat(t)]=n}};t.removeEvent=function(e,t,n,r){var a;if(e){var i=o({capture:!0},r);e.removeEventListener?e.removeEventListener(t,n,i):e.detachEvent?null===(a=e.detachEvent)||void 0===a||a.call(e,"on"+t,n):e["on".concat(t)]=null}};t.outerHeight=function(e){var t,n=e.clientHeight,r=null===(t=e.ownerDocument.defaultView)||void 0===t?void 0:t.getComputedStyle(e);return n+=(0,d.int)(r.borderTopWidth),n+=(0,d.int)(r.borderBottomWidth)};t.outerWidth=function(e){var t,n,r=e.clientWidth,o=null===(n=null===(t=e.ownerDocument)||void 0===t?void 0:t.defaultView)||void 0===n?void 0:n.getComputedStyle(e);return r+=(0,d.int)(o.borderLeftWidth),r+=(0,d.int)(o.borderRightWidth)};t.innerHeight=function(e){var t,n,r=e.clientHeight,o=null===(n=null===(t=e.ownerDocument)||void 0===t?void 0:t.defaultView)||void 0===n?void 0:n.getComputedStyle(e);return r-=(0,d.int)(o.paddingTop),r-=(0,d.int)(o.paddingBottom)};t.innerWidth=function(e){var t,n,r=e.clientWidth,o=null===(n=null===(t=e.ownerDocument)||void 0===t?void 0:t.defaultView)||void 0===n?void 0:n.getComputedStyle(e);return r-=(0,d.int)(o.paddingLeft),r-=(0,d.int)(o.paddingRight)};t.offsetXYFromParent=function(e,t,n){var r=function(e){var t=e.ownerDocument;if(e===t.body)return f;var n=s.get(e);n||(n={rect:null,rafId:null},s.set(e,n));var r=n.rect;if(r)return r;var o=e.getBoundingClientRect(),a={left:o.left,top:o.top};if(n.rect=a,null==n.rafId){var i=t.defaultView;(null==i?void 0:i.requestAnimationFrame)?n.rafId=i.requestAnimationFrame(function(){n.rect=null,n.rafId=null}):n.rect=null}return a}(t);return{x:(e.clientX+t.scrollLeft-r.left)/n,y:(e.clientY+t.scrollTop-r.top)/n}};t.getTranslation=function(e,t,n){var r=e.x,o=e.y,a="translate(".concat(r).concat(n,",").concat(o).concat(n,")");if(t){var i="".concat("string"==typeof t.x?t.x:t.x+n),l="".concat("string"==typeof t.y?t.y:t.y+n);a="translate(".concat(i,", ").concat(l,")")+a}return a};t.createCSSTransform=function(e,n){var r,o=(0,t.getTranslation)(e,n,"px");return(r={})[c]=o,r};t.createSVGTransform=function(e,n){return(0,t.getTranslation)(e,n,"")};t.getTouch=function(e,t){return e.targetTouches&&(0,d.findInArray)(e.targetTouches,function(e){return t===e.identifier})||e.changedTouches&&(0,d.findInArray)(e.changedTouches,function(e){return t===e.identifier})};t.getTouchIdentifier=function(e){return e.targetTouches&&e.targetTouches[0]?e.targetTouches[0].identifier:e.changedTouches&&e.changedTouches[0]?e.changedTouches[0].identifier:null};t.addClassName=function(e,t){e.classList?e.classList.add(t):e.className.match(new RegExp("(?:^|\\s)".concat(t,"(?!\\S)")))||(e.className+=" ".concat(t))};t.removeClassName=function(e,t){e.classList?e.classList.remove(t):e.className=e.className.replace(new RegExp("(?:^|\\s)".concat(t,"(?!\\S)"),"g"),"")};t.addUserSelectStyles=function(e){if(e){var n=e.getElementById("vue-draggable-style-el");n||((n=e.createElement("style")).type="text/css",n.id="vue-draggable-style-el",n.innerHTML=".vue-draggable-transparent-selection *::-moz-selection {all: inherit;}\n",n.innerHTML+=".vue-draggable-transparent-selection *::selection {all: inherit;}\n",e.getElementsByTagName("head")[0].appendChild(n)),e.body&&(0,t.addClassName)(e.body,"vue-draggable-transparent-selection")}};t.removeUserSelectStyles=function(e){var n;if(e){e.body&&(0,t.removeClassName)(e.body,"vue-draggable-transparent-selection");var r=null===(n=e.getSelection)||void 0===n?void 0:n.call(e);r&&"Caret"!==r.type&&r.removeAllRanges()}}},265(e,t,n){var r=this&&this.__assign||function(){return r=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},r.apply(this,arguments)},o=this&&this.__rest||function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n},a=this&&this.__spreadArray||function(e,t,n){if(n||2===arguments.length)for(var r,o=0,a=t.length;o<a;o++)!r&&o in t||(r||(r=Array.prototype.slice.call(t,0,o)),r[o]=t[o]);return e.concat(r||Array.prototype.slice.call(t))},i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.DraggableCore=t.default=t.draggableProps=void 0;var l=n(594),u=i(n(53)),d=n(257),c=n(774),f=n(912),s=i(n(524));t.DraggableCore=s.default;var p=i(n(104)),v=i(n(572)),g=n(524);t.draggableProps=r(r({},g.draggableCoreProps),{axis:{type:String,default:"both"},directionLock:{type:Boolean,default:!1},directionLockThreshold:{type:Number,default:4},bounds:{type:[Object,String,Boolean],default:!1},defaultClassName:{type:String,default:"vue-draggable"},defaultClassNameDragging:{type:String,default:"vue-draggable-dragging"},defaultClassNameDragged:{type:String,default:"vue-draggable-dragged"},defaultPosition:{type:Object,default:function(){return{x:0,y:0}}},positionOffset:{type:Object},position:{type:Object,default:void 0}});var m="Draggable",y=(0,l.defineComponent)({compatConfig:{MODE:3},name:m,inheritAttrs:!1,props:r(r({},t.draggableProps),{style:(0,f.dontSetMe)("style",m),class:(0,f.dontSetMe)("class",m),transform:(0,f.dontSetMe)("transform",m)}),setup:function(e,t){var n,i,f,g,m,y,h=t.slots,b=(0,l.ref)(null),N=(0,l.reactive)({dragging:!1,dragged:!1,x:null!==(f=null!==(i=null===(n=e.position)||void 0===n?void 0:n.x)&&void 0!==i?i:e.defaultPosition.x)&&void 0!==f?f:0,y:null!==(y=null!==(m=null===(g=e.position)||void 0===g?void 0:g.y)&&void 0!==m?m:e.defaultPosition.y)&&void 0!==y?y:0,slackX:0,slackY:0,isElementSVG:!1}),w=function(e){return!!e&&"object"==typeof e&&"nodeType"in e&&1===e.nodeType},S=function(){var t=e.nodeRef;if(function(e){return!!e&&"object"==typeof e&&"value"in e}(t)){var n=t.value;if(w(n))return n}else if(w(t))return t;return b.value},D={props:e,findDOMNode:S,__boundsCache:{key:"",node:null,boundEl:null,boundClientWidth:0,boundClientHeight:0,nodeClientWidth:0,nodeClientHeight:0,bounds:null}},C=null,x=N.x,T=N.y,M=N.slackX,P=N.slackY,E=null,O=NaN,_=NaN,X=0,Y=0,A=function(){E=null,O=NaN,_=NaN,X=0,Y=0},j=function(){C=null,x===N.x&&T===N.y&&M===N.slackX&&P===N.slackY||(N.x=x,N.y=T,N.slackX=M,N.slackY=P)};(0,l.onMounted)(function(){void 0!==window.SVGElement&&S()instanceof window.SVGElement&&(N.isElementSVG=!0)}),(0,l.onUnmounted)(function(){N.dragging=!1,null!=C&&(window.cancelAnimationFrame(C),C=null)});var F=function(t,n){var r;if((0,p.default)("Draggable: onDragStart: %j",n),Boolean(e.position)?(x=e.position.x,T=e.position.y):(x=N.x,T=N.y),M=N.slackX,P=N.slackY,D.__boundsCache.key="",D.__boundsCache.node=null,D.__boundsCache.boundEl=null,D.__boundsCache.boundClientWidth=0,D.__boundsCache.boundClientHeight=0,D.__boundsCache.nodeClientWidth=0,D.__boundsCache.nodeClientHeight=0,D.__boundsCache.bounds=null,A(),j(),e.startFn!==v.default){var o="number"==typeof e.scale?e.scale:1,a={node:n.node,x:x+n.deltaX/o,y:T+n.deltaY/o,deltaX:n.deltaX/o,deltaY:n.deltaY/o,lastX:x,lastY:T};if(!1===(null===(r=e.startFn)||void 0===r?void 0:r.call(e,t,a)))return!1}N.dragging=!0,N.dragged=!0},I=function(t,n){var r;if(!N.dragging)return!1;(0,p.default)("Draggable: dragFn: %j",n);var o="number"==typeof e.scale?e.scale:1,a=n.deltaX/o,i=n.deltaY/o,l=x+a,u=T+i,d=0,f=0,s=a,g=i,m=(0,c.canDragX)({props:e}),y=(0,c.canDragY)({props:e}),h=m,b=y;if(e.directionLock&&m&&y){if(null==E){X+=a,Y+=i;var w=function(){var t="number"==typeof e.directionLockThreshold?e.directionLockThreshold:0;if(t<=0)return 0;var n="number"==typeof e.scale?e.scale:1;return n?t/n:t}();(!w||Math.hypot(X,Y)>=w)&&(E=Math.abs(X)>=Math.abs(Y)?"x":"y",O=x,_=T)}"x"===E&&Number.isFinite(_)?g=(u=_)-T:"y"===E&&Number.isFinite(O)&&(s=(l=O)-x)}if("x"===E&&(b=!1),"y"===E&&(h=!1),h||(l=x,s=0),b||(u=T,g=0),e.bounds){var S=l,A=u,F=h?M:0,I=b?P:0;l+=F,u+=I;var k=(0,c.getBoundPosition)(D,l,u);d=F+(S-(l=k[0])),f=I+(A-(u=k[1])),s=l-x,g=u-T}if(h||(d=0),b||(f=0),e.dragFn!==v.default){var L={node:n.node,x:l,y:u,deltaX:s,deltaY:g,lastX:x,lastY:T};if(!1===(null===(r=e.dragFn)||void 0===r?void 0:r.call(e,t,L)))return!1}x=l,T=u,M=d,P=f,e.useRafDrag?(null!=C&&(window.cancelAnimationFrame(C),C=null),j()):null==C&&(C=window.requestAnimationFrame(j))},k=function(t,n){var r;if(!N.dragging)return!1;if(e.stopFn!==v.default){var o="number"==typeof e.scale?e.scale:1,a=(0,c.canDragX)({props:e}),i=(0,c.canDragY)({props:e})&&"x"!==E,l=a&&"y"!==E?n.deltaX/o:0,u=i?n.deltaY/o:0,d={node:n.node,x:x+l,y:T+u,deltaX:l,deltaY:u,lastX:x,lastY:T};if(!1===(null===(r=e.stopFn)||void 0===r?void 0:r.call(e,t,d)))return!1}(0,p.default)("Draggable: onDragStop: %j",n),A();var f={dragging:!1,slackX:0,slackY:0};if(Boolean(e.position)){var s=e.position,g=s.x,m=s.y;f.x=g,f.y=m}N.dragging=f.dragging,M=f.slackX,P=f.slackY,"number"==typeof f.x&&(x=f.x),"number"==typeof f.y&&(T=f.y),null!=C&&(window.cancelAnimationFrame(C),C=null),j()};return function(){e.axis,e.directionLock,e.directionLockThreshold,e.bounds;var t,n,i,f=e.defaultPosition,p=e.defaultClassName,v=e.defaultClassNameDragging,g=e.defaultClassNameDragged,m=e.position,y=e.positionOffset,w=(e.scale,o(e,["axis","directionLock","directionLockThreshold","bounds","defaultPosition","defaultClassName","defaultClassNameDragging","defaultClassNameDragged","position","positionOffset","scale"])),S={},D="",C=!Boolean(m)||N.dragging,x=m||f,T={x:null!==(n=(0,c.canDragX)({props:e})&&C?N.x:x.x)&&void 0!==n?n:0,y:null!==(i=(0,c.canDragY)({props:e})&&C?N.y:x.y)&&void 0!==i?i:0};N.isElementSVG?D=(0,d.createSVGTransform)(T,y):S=(0,d.createCSSTransform)(T,y);var M=(0,u.default)(p,((t={})[v]=N.dragging,t[g]=N.dragged,t)),P=function(){for(var e=h.default?h.default():[],t=Array.isArray(e)?a([],e,!0):[e];t.length;){var n=t.shift();if(Array.isArray(n))for(var r=n.length-1;r>=0;r-=1)t.unshift(n[r]);else if((0,l.isVNode)(n)&&n.type!==l.Comment)if(n.type!==l.Text){if(n.type!==l.Fragment)return n;var o=n.children;if(Array.isArray(o))for(r=o.length-1;r>=0;r-=1)t.unshift(o[r])}else{var i="string"==typeof n.children?n.children:"";if(!i||!i.trim())continue}}return null}();if(!P)return null;var E=(0,l.cloneVNode)(P,{class:M,style:S,transform:D}),O=r(r({},w),{startFn:F,dragFn:I,stopFn:k});return(0,l.createVNode)(s.default,(0,l.mergeProps)(O,{nodeRef:e.nodeRef||b}),{default:function(){return E}})}}});t.default=y},524(e,t,n){var r=this&&this.__assign||function(){return r=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},r.apply(this,arguments)},o=this&&this.__spreadArray||function(e,t,n){if(n||2===arguments.length)for(var r,o=0,a=t.length;o<a;o++)!r&&o in t||(r||(r=Array.prototype.slice.call(t,0,o)),r[o]=t[o]);return e.concat(r||Array.prototype.slice.call(t))},a=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.draggableCoreProps=t.draggableCoreDefaultProps=t.defaultDraggableEventHandler=void 0;var i=n(594),l=a(n(572)),u=n(257),d=n(774),c=a(n(104)),f=n(912),s={start:"touchstart",move:"touchmove",stop:"touchend",cancel:"touchcancel"},p={start:"mousedown",move:"mousemove",stop:"mouseup"},v={start:"pointerdown",move:"pointermove",stop:"pointerup",cancel:"pointercancel"};t.defaultDraggableEventHandler=function(e,t){return!0},t.draggableCoreDefaultProps={allowAnyClick:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},allowMobileScroll:{type:Boolean,default:!1},autoScroll:{type:Boolean,default:!1},autoScrollThreshold:{type:Number,default:30},autoScrollMaxSpeed:{type:Number,default:20},autoScrollAxis:{type:String,default:"both"},autoScrollIncludeWindow:{type:Boolean,default:!0},autoScrollContainer:{type:[Object,String,Array],default:null},cancelInteractiveElements:{type:Boolean,default:!1},enableClickSuppression:{type:Boolean,default:!1},clickSuppressionDuration:{type:Number,default:250},dragStartThreshold:{type:Number,default:0},dragStartDelay:{type:Number,default:0},dragStartDelayTolerance:{type:Number,default:5},enableUserSelectHack:{type:Boolean,default:!0},useRafDrag:{type:Boolean,default:!1},startFn:{type:Function,default:l.default},dragFn:{type:Function,default:l.default},stopFn:{type:Function,default:l.default},scale:{type:Number,default:1}},t.draggableCoreProps=r(r({},t.draggableCoreDefaultProps),{cancel:{type:String},offsetParent:{type:Object,validator:function(e){return(0,f.propIsNotNode)(e)}},grid:{type:Array},handle:{type:String},nodeRef:{type:Object,default:function(){return null}}});t.default=(0,i.defineComponent)({compatConfig:{MODE:3},name:"DraggableCore",inheritAttrs:!1,props:r({},t.draggableCoreProps),emits:["mousedown","mouseup","touchend"],setup:function(e,t){var n=t.slots,r=t.emit,a=(0,i.ref)(null),f=p,g=null,m=null,y=null,h=NaN,b=NaN,N=!1,w=null,S=NaN,D=NaN,C=NaN,x=NaN,T=null,M=null,P=!1,E=null,O=!1,_=null,X=null,Y=null,A=null,j=[],F=null,I=null,k=0,L=function(e){return!!e&&"object"==typeof e&&"nodeType"in e&&1===e.nodeType},W=function(e){return!!e&&"object"==typeof e&&"value"in e},H={dragging:!1,lastX:NaN,lastY:NaN,touchIdentifier:null,pointerIdentifier:null,mounted:!1},V=function(){if(g)return g;var t=e.nodeRef;if(W(t)){var n=t.value;if(L(n))return n}else if(L(t))return t;return a.value},B=function(){var e;return(null===(e=null==g?void 0:g.ownerDocument)||void 0===e?void 0:e.defaultView)||window},R=function(){var t="number"==typeof e.dragStartDelay?e.dragStartDelay:0;return t>0?t:0},U=function(){var t="number"==typeof e.dragStartThreshold?e.dragStartThreshold:0;if(t<=0)return 0;var n="number"==typeof e.scale?e.scale:1;return n?t/n:t},G=function(t,n){var r=function(){var t="number"==typeof e.dragStartDelayTolerance?e.dragStartDelayTolerance:0;if(t<=0)return 0;var n="number"==typeof e.scale?e.scale:1;return n?t/n:t}();if(r<=0)return!1;if(!Number.isFinite(S)||!Number.isFinite(D))return!1;var o=t-S,a=n-D;return o*o+a*a>r*r},q=function(){var e;if(null!=T){var t=M||window;null===(e=t.clearTimeout)||void 0===e||e.call(t,T),T=null,M=null}},z=function(){var e;if(null!=Y){var t=(null==_?void 0:_.defaultView)||window;null===(e=t.clearTimeout)||void 0===e||e.call(t,Y),Y=null}_&&X&&_.removeEventListener("click",X,!0),_=null,X=null},K=function(e){return!!e&&"object"==typeof e&&"pointerId"in e},J=function(){var e,t;if(I){var n=H.pointerIdentifier;if("number"==typeof n){try{(null===(e=I.hasPointerCapture)||void 0===e?void 0:e.call(I,n))?I.releasePointerCapture(n):null===(t=I.releasePointerCapture)||void 0===t||t.call(I,n)}catch(e){}I=null}else I=null}},Q=function(e,t){var n=t.getComputedStyle(e),r=n.overflowY,o=n.overflowX,a=("auto"===r||"scroll"===r||"overlay"===r)&&e.scrollHeight>e.clientHeight;return("auto"===o||"scroll"===o||"overlay"===o)&&e.scrollWidth>e.clientWidth||a},Z=function(e,t){var n=t.ownerDocument,r=n.defaultView||window;if("string"==typeof e){var o=e.trim();if(!o)return[];if("window"===o)return[r];if("self"===o)return[t];if("parent"===o){var a=t.parentElement;return a?[a]:[]}var i=n.querySelector(o);return i&&i instanceof r.HTMLElement?[i]:[]}return e===r?[r]:L(e)?[e]:[]},$=function(t){var n=!1!==e.autoScrollIncludeWindow,r=e.autoScrollContainer;if(null==r)return function(e,t){for(var n=e.ownerDocument,r=n.defaultView||window,o=[],a=e.parentElement;a&&a!==n.body;)Q(a,r)&&o.push(a),a=a.parentElement;return t&&o.push(r),o}(t,n);for(var o=[],a=0,i=Array.isArray(r)?r:[r];a<i.length;a++){var l=i[a];o.push.apply(o,Z(l,t))}if(n){var u=t.ownerDocument.defaultView||window;o.push(u)}for(var d=[],c=new Set,f=0,s=o;f<s.length;f++){var p=s[f];c.has(p)||(c.add(p),d.push(p))}return d},ee=function(){var e;if(null!=A){var t=B();null===(e=t.cancelAnimationFrame)||void 0===e||e.call(t,A),A=null}},te=function(e,t,n){var r=0,o=0;if(t){var a=e.scrollLeft,i=Math.max(0,e.scrollWidth-e.clientWidth),l=Math.max(0,Math.min(a+t,i));e.scrollLeft=l,r=l-a}if(n){a=e.scrollTop,i=Math.max(0,e.scrollHeight-e.clientHeight),l=Math.max(0,Math.min(a+n,i));e.scrollTop=l,o=l-a}return{dx:r,dy:o}},ne=function(e,t,n){var r=e.document,o=r.scrollingElement||r.documentElement||r.body;return o?te(o,t,n):(e.scrollBy(t,n),{dx:t,dy:n})},re=function(e,t,n){if(t<=0||n<=0)return 0;if(e>=t)return 0;var r=(t-Math.max(0,Math.min(e,t)))/t,o=Math.ceil(r*n);return o>0?o:0},oe=function(e,t,n,r,o){var a=e.getBoundingClientRect(),i=Math.min(r,a.width/2),l=Math.min(r,a.height/2),u=0,d=0;if(i>0){var c=Math.abs(t-a.left),f=Math.abs(a.right-t);(c<i||f<i)&&(u=c<=f?-re(c,i,o):re(f,i,o))}if(l>0){var s=Math.abs(n-a.top),p=Math.abs(a.bottom-n);(s<l||p<l)&&(d=s<=p?-re(s,l,o):re(p,l,o))}return{dx:u,dy:d}},ae=function(e,t,n,r,o){var a=e.innerWidth||0,i=e.innerHeight||0,l=Math.min(r,a/2),u=Math.min(r,i/2),d=0,c=0;if(l>0){var f=Math.abs(t),s=Math.abs(a-t);(f<l||s<l)&&(d=f<=s?-re(f,l,o):re(s,l,o))}if(u>0){var p=Math.abs(n),v=Math.abs(i-n);(p<u||v<u)&&(c=p<=v?-re(p,u,o):re(v,u,o))}return{dx:d,dy:c}},ie=function(){if(A=null,e.autoScroll&&H.dragging&&j.length){var t=function(){var t="number"==typeof e.autoScrollThreshold?e.autoScrollThreshold:0;return t>0?t:0}(),n=function(){var t="number"==typeof e.autoScrollMaxSpeed?e.autoScrollMaxSpeed:0;return t>0?t:0}();if(t&&n){var r=F||y;if(r){var o=function(e){if("number"==typeof H.pointerIdentifier){var t=e;return"number"!=typeof t.pointerId||t.pointerId!==H.pointerIdentifier?null:"number"==typeof t.clientX&&"number"==typeof t.clientY?{clientX:t.clientX,clientY:t.clientY}:null}if("number"==typeof H.touchIdentifier){var n=(0,u.getTouch)(e,H.touchIdentifier);return n&&"number"==typeof n.clientX&&"number"==typeof n.clientY?{clientX:n.clientX,clientY:n.clientY}:null}var r=e;return"number"==typeof r.clientX&&"number"==typeof r.clientY?{clientX:r.clientX,clientY:r.clientY}:null}(r);if(o){var a=o.clientX,i=o.clientY,l=B(),d=function(){var t=e.autoScrollAxis;return"x"===t||"y"===t||"none"===t?t:"both"}(),c="both"===d||"x"===d,f="both"===d||"y"===d;if(c||f){for(var s=!c,p=!f,v=!1,g=0,m=j;g<m.length;g++){var h=m[g];if(s&&p)break;var b=h===l?ae(l,a,i,t,n):oe(h,a,i,t,n),N=b.dx,w=b.dy,S=s?0:N,D=p?0:w;if(S||D){var C=h===l?ne(l,S,D):te(h,S,D);C.dx&&(s=!0),C.dy&&(p=!0),(C.dx||C.dy)&&(v=!0)}}v&&(F=r,e.useRafDrag?(fe(),y=r,se()):pe(r),H.dragging&&le())}}}}}},le=function(){if(e.autoScroll&&H.dragging&&null==A){var t=B();A=t.requestAnimationFrame(ie)}},ue=function(){var e=V();fe(),q(),ee(),H.dragging=!1,H.lastX=NaN,H.lastY=NaN,H.touchIdentifier=null,J(),H.pointerIdentifier=null,g=null,y=null,h=NaN,b=NaN,N=!1,w=null,S=NaN,D=NaN,C=NaN,x=NaN,P=!1,E=null,O=!1,j=[],F=null,e&&((0,u.removeEvent)(e.ownerDocument,f.move,pe),(0,u.removeEvent)(e.ownerDocument,f.stop,ve),f.cancel&&(0,u.removeEvent)(e.ownerDocument,f.cancel,ve))},de=function(t,n,r,o){var a,i=(0,d.createCoreData)({props:e,findDOMNode:V,state:{lastX:NaN,lastY:NaN}},n,r);if((0,c.default)("DraggableCore: handleDragStart: %j",i),(0,c.default)("calling",e.startFn),!1===(e.startFn!==l.default?null===(a=e.startFn)||void 0===a?void 0:a.call(e,t,i):void 0)||!1===H.mounted)return ue(),!1;var f=V();if(f&&e.enableUserSelectHack&&(0,u.addUserSelectStyles)(f.ownerDocument),(null==o?void 0:o.resetLastCoords)&&(H.lastX=n,H.lastY=r,h=n,b=r),N=!1,w=null,P=!1,E=null,H.dragging=!0,F=t,e.autoScroll){var s=V();j=s?$(s):[],le()}return!0},ce=function(e,t,n){return N?"delay"===w?!!P&&de(e,t,n,{resetLastCoords:!0}):!!function(e,t){var n=U();if(n<=0)return!0;if(!Number.isFinite(S)||!Number.isFinite(D))return!0;var r=e-S,o=t-D;return r*r+o*o>=n*n}(t,n)&&de(e,t,n):H.dragging},fe=function(){var e;if(null!=m){var t=B();null===(e=t.cancelAnimationFrame)||void 0===e||e.call(t,m),m=null}},se=function(){var t,n;if(m=null,H.dragging||N){var r=y;if(r){F=r;var o=(0,d.getControlPosition)(r,{props:e,findDOMNode:V},H.touchIdentifier);if(null!=o){var a=o.x,i=o.y,u=Number.isFinite(h)?h:H.lastX,f=Number.isFinite(b)?b:H.lastY;if(!H.dragging){if("delay"===w&&(C=a,x=i,!P))return void(G(a,i)&&ue());if(!ce(r,a,i))return}if(a!==u||i!==f){if(Array.isArray(e.grid)){var s=a-u,p=i-f;if(s=(t=(0,d.snapToGrid)(e.grid,s,p))[0],p=t[1],!s&&!p)return;a=u+s,i=f+p}h=a,b=i;var v=(0,d.createCoreData)({props:e,findDOMNode:V,state:H},a,i);(0,c.default)("DraggableCore: handleDrag: %j",v),!1!==(e.dragFn!==l.default?null===(n=e.dragFn)||void 0===n?void 0:n.call(e,r,v):void 0)&&!1!==H.mounted?(H.lastX=a,H.lastY=i,O=!0,le()):ve(r)}}}}},pe=function(t){var n,r;if("number"==typeof H.pointerIdentifier){if(!K(t))return;if(t.pointerId!==H.pointerIdentifier)return}if(F=t,e.useRafDrag){if(f===s||f===v&&K(t)&&"touch"===t.pointerType){var o=(0,d.getControlPosition)(t,{props:e,findDOMNode:V},H.touchIdentifier);if(null==o)return;var a=o.x,i=o.y;if(!H.dragging){if("delay"===w&&(C=a,x=i,!P))return void(G(a,i)&&ue());if(!ce(t,a,i))return}e.allowMobileScroll||!1===t.cancelable||t.preventDefault()}return y=t,function(e){if(null==m){var t=B();m=t.requestAnimationFrame(e)}}(se),void le()}var u=(0,d.getControlPosition)(t,{props:e,findDOMNode:V},H.touchIdentifier);if(null!=u){var p=u.x,g=u.y;if(!H.dragging){if("delay"===w&&(C=p,x=g,!P))return void(G(p,g)&&ue());if(!ce(t,p,g))return}if((f===s||f===v&&K(t)&&"touch"===t.pointerType)&&!e.allowMobileScroll&&!1!==t.cancelable&&t.preventDefault(),p!==H.lastX||g!==H.lastY){if(Array.isArray(e.grid)){var h=p-H.lastX,b=g-H.lastY;if(h=(n=(0,d.snapToGrid)(e.grid,h,b))[0],b=n[1],!h&&!b)return;p=H.lastX+h,g=H.lastY+b}var N=(0,d.createCoreData)({props:e,findDOMNode:V,state:H},p,g);(0,c.default)("DraggableCore: handleDrag: %j",N),!1!==(e.dragFn!==l.default?null===(r=e.dragFn)||void 0===r?void 0:r.call(e,t,N):void 0)&&!1!==H.mounted?(H.lastX=p,H.lastY=g,O=!0,le()):ve(t)}}},ve=function(t){var n,r;if((H.dragging||N)&&("number"!=typeof H.pointerIdentifier||!K(t)||t.pointerId===H.pointerIdentifier)){e.useRafDrag&&null!=m&&(fe(),se()),ee(),j=[],F=null;var o=V();if(H.dragging){var a=(0,d.getControlPosition)(t,{props:e,findDOMNode:V},H.touchIdentifier);if(null==a)return;var i=a.x,s=a.y;if(Array.isArray(e.grid)){var p=i-H.lastX||0,v=s-H.lastY||0;p=(n=(0,d.snapToGrid)(e.grid,p,v))[0],v=n[1],i=H.lastX+p,s=H.lastY+v}var T=(0,d.createCoreData)({props:e,findDOMNode:V,state:H},i,s);if(!1===(e.stopFn!==l.default?null===(r=e.stopFn)||void 0===r?void 0:r.call(e,t,T):void 0)||!1===H.mounted)return!1;o&&e.enableUserSelectHack&&(0,u.removeUserSelectStyles)(o.ownerDocument),(0,c.default)("DraggableCore: handleDragStop: %j",T)}o&&H.dragging&&O&&function(t){if(e.enableClickSuppression){var n="number"==typeof e.clickSuppressionDuration?e.clickSuppressionDuration:0;if(!(n<0)){z();var r=t.defaultView||window,o=Date.now()+n,a=function(e){var t;Date.now()>o||(e.preventDefault(),e.stopPropagation(),null===(t=e.stopImmediatePropagation)||void 0===t||t.call(e)),z()};_=t,X=a,t.addEventListener("click",a,!0),Y=r.setTimeout(function(){z()},n)}}}(o.ownerDocument),H.dragging=!1,H.lastX=NaN,H.lastY=NaN,H.touchIdentifier=null,J(),H.pointerIdentifier=null,g=null,y=null,h=NaN,b=NaN,N=!1,w=null,S=NaN,D=NaN,C=NaN,x=NaN,P=!1,E=null,q(),O=!1,o&&((0,c.default)("DraggableCore: Removing handlers"),(0,u.removeEvent)(o.ownerDocument,f.move,pe),(0,u.removeEvent)(o.ownerDocument,f.stop,ve),f.cancel&&(0,u.removeEvent)(o.ownerDocument,f.cancel,ve))}},ge=function(t){var n;if(r("mousedown",t),!e.allowAnyClick&&"number"==typeof t.button&&0!==t.button)return!1;var o=V();null===(n=null==o?void 0:o.ownerDocument)||void 0===n||n.body;var a=o.ownerDocument;if(!(e.disabled||a&&!(t.target instanceof a.defaultView.Node)||e.handle&&!(0,u.matchesSelectorAndParentsTo)(t.target,e.handle,o)||e.cancel&&(0,u.matchesSelectorAndParentsTo)(t.target,e.cancel,o)||e.cancelInteractiveElements&&(0,u.matchesSelectorAndParentsTo)(t.target,'input,textarea,button,select,option,a,[contenteditable]:not([contenteditable="false"])',o))){var i=K(t)?t:null;H.pointerIdentifier=i?i.pointerId:null;var l=null==H.pointerIdentifier?(0,u.getTouchIdentifier)(t):null;H.touchIdentifier=l;var c=(0,d.getControlPosition)(t,{props:e,findDOMNode:V},l);if(null!=c){var p=c.x,m=c.y;g=o,y=null,H.lastX=p,H.lastY=m,h=p,b=m,fe(),q(),z(),P=!1,E=null,O=!1,S=p,D=m,C=p,x=m;var _=("touchstart"===t.type||"touch"===(null==i?void 0:i.pointerType))&&R()>0;if(N=_||U()>0,"delay"===(w=_?"delay":N?"threshold":null)){var X=R();E=t;var Y=a.defaultView||window;M=Y,T=Y.setTimeout(function(){if(T=null,M=null,P=!0,N&&"delay"===w&&!H.dragging&&!1!==H.mounted){var e=Number.isFinite(C)?C:S,n=Number.isFinite(x)?x:D;de(E||t,e,n,{resetLastCoords:!0})}},X)}else if(!N){if(!1===de(t,p,m))return!1}var A=f===s||f===v&&"touch"===(null==i?void 0:i.pointerType)?{passive:!1}:void 0;(0,u.addEvent)(a,f.move,pe,A),(0,u.addEvent)(a,f.stop,ve,A),f.cancel&&(0,u.addEvent)(a,f.cancel,ve,A),f===v&&i&&function(e,t){if(e.setPointerCapture)try{e.setPointerCapture(t),I=e}catch(e){}}(o,i.pointerId)}}},me=function(e){if(K(e)){var t=V();if(t&&function(e,t){if("touch"!==t.pointerType)return!0;var n=(e.ownerDocument.defaultView||window).getComputedStyle(e).touchAction||"";return""!==n&&"auto"!==n}(t,e))return"touch"===e.pointerType&&(k=Date.now()+100),f=v,ge(e)}},ye=function(e){if(void 0===B().PointerEvent)return f=p,ge(e)},he=function(e){if(void 0===B().PointerEvent)return f=p,ve(e)},be=function(e){if(!(k&&Date.now()<k))return f=s,ge(e);k=0},Ne=function(e){return f=s,ve(e)};(0,i.onMounted)(function(){H.mounted=!0;var e=V();e&&(0,u.addEvent)(e,s.start,be,{passive:!1})}),(0,i.onUnmounted)(function(){H.mounted=!1,g=null,fe(),q(),z(),ee(),J(),H.pointerIdentifier=null,H.touchIdentifier=null,j=[],F=null;var t=V();if(t){var n=t.ownerDocument;(0,u.removeEvent)(n,p.move,pe),(0,u.removeEvent)(n,s.move,pe),(0,u.removeEvent)(n,v.move,pe),(0,u.removeEvent)(n,p.stop,ve),(0,u.removeEvent)(n,s.stop,ve),(0,u.removeEvent)(n,s.cancel,ve),(0,u.removeEvent)(n,v.stop,ve),(0,u.removeEvent)(n,v.cancel,ve),(0,u.removeEvent)(t,s.start,be,{passive:!1}),e.enableUserSelectHack&&(0,u.removeUserSelectStyles)(n)}});return function(){var t=function(){for(var e=n.default?n.default():[],t=Array.isArray(e)?o([],e,!0):[e];t.length;){var r=t.shift();if(Array.isArray(r))for(var a=r.length-1;a>=0;a-=1)t.unshift(r[a]);else if((0,i.isVNode)(r)&&r.type!==i.Comment)if(r.type!==i.Text){if(r.type!==i.Fragment)return r;var l=r.children;if(Array.isArray(l))for(a=l.length-1;a>=0;a-=1)t.unshift(l[a])}else{var u="string"==typeof r.children?r.children:"";if(!u||!u.trim())continue}}return null}();if(!t)return null;var r=e.nodeRef,l=W(r)?r:a;return(0,i.isVNode)(t)?(0,i.cloneVNode)(t,{onPointerdown:me,onMousedown:ye,onMouseup:he,onTouchend:Ne,ref:l}):t}}})},572(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.noop=void 0;t.noop=function(){},t.default=t.noop},594(t){t.exports=e},762(e,t,n){var r=n(265),o=r.default,a=r.DraggableCore;e.exports=o,e.exports.default=o,e.exports.DraggableCore=a},774(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.createDraggableData=t.createCoreData=t.getControlPosition=t.canDragY=t.canDragX=t.snapToGrid=t.getBoundPosition=void 0;var r=n(257),o=n(912),a=new WeakMap,i=function(e,t){if(!(t in e))return 0;var n=e[t],r=parseInt(n,10);return isNaN(r)?0:r};t.getBoundPosition=function(e,t,n){if(!e.props.bounds)return[t,n];var r=e.props.bounds,o=e.findDOMNode();if(!o)return[t,n];var l,u=o.ownerDocument,d=null==u?void 0:u.defaultView;if(!d)return[t,n];if("string"==typeof r){var c=r,f=e.__boundsCache;if(f&&f.key===c&&f.node===o&&f.boundEl&&f.bounds&&f.boundClientWidth===f.boundEl.clientWidth&&f.boundClientHeight===f.boundEl.clientHeight&&f.nodeClientWidth===o.clientWidth&&f.nodeClientHeight===o.clientHeight)l=f.bounds;else{var s="parent"===r?o.parentNode:function(e,t,n){var r=a.get(e);if(r||(r=new Map,a.set(e,r)),r.has(t)){var o=r.get(t)||null;if(null===o)return null;if(n.contains(o))return o}var i=n.querySelector(t);return r.set(t,i),i}(o,r,u);if(!(s instanceof d.HTMLElement))throw new Error('Bounds selector "'.concat(r,'" could not find an element.'));var p=d.getComputedStyle(o),v=d.getComputedStyle(s),g=i(v,"paddingLeft"),m=i(v,"paddingRight"),y=i(v,"paddingTop"),h=i(v,"paddingBottom"),b=i(p,"marginLeft"),N=i(p,"marginRight"),w=i(p,"marginTop"),S=i(p,"marginBottom"),D=i(p,"borderLeftWidth"),C=i(p,"borderRightWidth"),x=i(p,"borderTopWidth"),T=i(p,"borderBottomWidth"),M=s.clientWidth-g-m,P=s.clientHeight-y-h,E=o.clientWidth+D+C,O=o.clientHeight+x+T;l={left:-o.offsetLeft+g+b,top:-o.offsetTop+y+w,right:M-E-o.offsetLeft+m-N,bottom:P-O-o.offsetTop+h-S},f&&(f.key=c,f.node=o,f.boundEl=s,f.boundClientWidth=s.clientWidth,f.boundClientHeight=s.clientHeight,f.nodeClientWidth=o.clientWidth,f.nodeClientHeight=o.clientHeight,f.bounds=l)}}else l=r;return"number"==typeof l.left&&(t=Math.max(t,l.left)),"number"==typeof l.right&&(t=Math.min(t,l.right)),"number"==typeof l.top&&(n=Math.max(n,l.top)),"number"==typeof l.bottom&&(n=Math.min(n,l.bottom)),[t,n]};t.snapToGrid=function(e,t,n){return[Math.round(t/e[0])*e[0],Math.round(n/e[1])*e[1]]};t.canDragX=function(e){return"both"===e.props.axis||"x"===e.props.axis};t.canDragY=function(e){return"both"===e.props.axis||"y"===e.props.axis};t.getControlPosition=function(e,t,n){var o="number"==typeof n?(0,r.getTouch)(e,n):null;if("number"==typeof n&&!o)return null;var a=t.findDOMNode();if(!a)return null;var i=t.props.offsetParent||a.offsetParent||a.ownerDocument.body,l="number"==typeof t.props.scale?t.props.scale:1;return(0,r.offsetXYFromParent)(o||e,i,l)};t.createCoreData=function(e,t,n){var r=e.state,a=!(0,o.isNum)(r.lastX),i=e.findDOMNode();if(!i)throw new Error("<DraggableCore> not mounted on DragStart!");return a?{node:i,deltaX:0,deltaY:0,lastX:t,lastY:n,x:t,y:n}:{node:i,deltaX:t-r.lastX,deltaY:n-r.lastY,lastX:r.lastX,lastY:r.lastY,x:t,y:n}};t.createDraggableData=function(e,t){var n="number"==typeof e.props.scale?e.props.scale:1;return{node:t.node,x:e.state.x+t.deltaX/n,y:e.state.y+t.deltaY/n,deltaX:t.deltaX/n,deltaY:t.deltaY/n,lastX:e.state.x,lastY:e.state.y}}},912(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.findInArray=function(e,t){for(var n=0,r=e.length;n<r;n++){var o=e instanceof TouchList?e.item(n):e[n];if(null!==o&&t(o,n,e))return o}},t.isFunction=function(e){return"function"==typeof e||"[object Function]"===Object.prototype.toString.call(e)},t.isNum=function(e){return"number"==typeof e&&!isNaN(e)},t.int=function(e){return parseInt(e,10)},t.dontSetMe=function(e,t){return{validator:function(){return!!e}}},t.propIsNotNode=function(e){return"object"==typeof e&&null!==e&&"nodeType"in e&&1===e.nodeType}}},n={};function r(e){var o=n[e];if(void 0!==o)return o.exports;var a=n[e]={exports:{}};return t[e].call(a.exports,a,a.exports,r),a.exports}return r.d=(e,t)=>{for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r(762)})());

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@marsio/vue-draggable",
-  "version": "1.0.8",
+  "version": "1.0.10",
   "description": "Vue draggable component",
   "main": "build/cjs/cjs.js",
   "unpkg": "build/web/vue-draggable.min.js",
@@ -91,5 +91,6 @@
     "clsx": "^1.1.1",
     "lodash": "^4.17.21",
     "vue": "^3.2.23"
-  }
-}
+  },
+  "packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
+}

package/typings/index.d.ts

@@ -1,56 +1,89 @@
 declare module '@marsio/vue-draggable' {
-  import { DefineComponent, PropType, Ref } from 'vue';
-  import { DraggableProps } from '../utils/types'
-
-  interface ControlPosition {x: number, y: number}
-  interface PositionOffsetControlPosition {x: number|string, y: number|string}
-  interface DraggableBounds {
-    left?: number;
-    right?: number;
-    top?: number;
-    bottom?: number;
+  import type { DefineComponent, Ref } from 'vue'
+
+  export type Axis = 'both' | 'x' | 'y' | 'none'
+
+  export interface ControlPosition {
+    x: number
+    y: number
   }
-  interface DraggableData {
-    node: HTMLElement,
-    x: number, y: number,
-    deltaX: number, deltaY: number,
-    lastX: number, lastY: number
+
+  export interface PositionOffsetControlPosition {
+    x: number | string
+    y: number | string
   }
 
-  type DraggableEvent = MouseEvent | TouchEvent
-  type DraggableEventHandler = (e: MouseEvent, data: DraggableData) => void | false
-  type DraggableCoreProps = {
-    allowAnyClick: boolean,
-    disabled: boolean,
-    enableUserSelectHack: boolean,
-    startFn: DraggableEventHandler,
-    dragFn: DraggableEventHandler,
-    stopFn: DraggableEventHandler,
-    scale: number,
-    cancel: string,
-    offsetParent: HTMLElement,
-    grid: [number, number],
-    handle: string
+  export interface DraggableBounds {
+    left?: number
+    right?: number
+    top?: number
+    bottom?: number
   }
 
-  type DraggableProps = DraggableCoreProps & {
-    axis: Axis,
-    bounds: Bounds,
-    defaultClassName: string
-    defaultClassNameDragging: string
-    defaultClassNameDragged: string
-    position: ControlPosition
-    positionOffset: PositionOffsetControlPosition
-    defaultPosition: PositionOffsetControlPosition
+  export interface DraggableData {
+    node: HTMLElement
+    x: number
+    y: number
+    deltaX: number
+    deltaY: number
+    lastX: number
+    lastY: number
   }
-  
-  const Draggable: DefineComponent<Partial<DraggableProps>>;
-  const DraggableCore: DefineComponent<Partial<DraggableCoreProps>>;
-  export { Draggable as default, DraggableCore};
-
-  export {
-    DraggableBounds, DraggableData, DraggableEvent,
-    DraggableCoreProps, DraggableProps, DraggableEventHandler,
-    PositionOffsetControlPosition, ControlPosition
+
+  export type DraggableEvent = MouseEvent | TouchEvent | PointerEvent
+  export type DraggableEventHandler = (e: DraggableEvent, data: DraggableData) => void | false
+
+  export interface DraggableCoreProps {
+    allowAnyClick?: boolean
+    disabled?: boolean
+    enableUserSelectHack?: boolean
+    useRafDrag?: boolean
+    scale?: number
+
+    cancel?: string
+    offsetParent?: HTMLElement
+    grid?: [number, number]
+    handle?: string
+    nodeRef?: Ref<HTMLElement | null>
+
+    allowMobileScroll?: boolean
+
+    autoScroll?: boolean
+    autoScrollThreshold?: number
+    autoScrollMaxSpeed?: number
+    autoScrollAxis?: Axis
+    autoScrollIncludeWindow?: boolean
+    autoScrollContainer?: string | HTMLElement | Window | Array<string | HTMLElement | Window> | null
+
+    cancelInteractiveElements?: boolean
+    enableClickSuppression?: boolean
+    clickSuppressionDuration?: number
+
+    dragStartThreshold?: number
+    dragStartDelay?: number
+    dragStartDelayTolerance?: number
+
+    startFn?: DraggableEventHandler
+    dragFn?: DraggableEventHandler
+    stopFn?: DraggableEventHandler
   }
+
+  export interface DraggableProps extends DraggableCoreProps {
+    axis?: Axis
+    directionLock?: boolean
+    directionLockThreshold?: number
+    bounds?: DraggableBounds | string | false
+    defaultClassName?: string
+    defaultClassNameDragging?: string
+    defaultClassNameDragged?: string
+    defaultPosition?: ControlPosition
+    positionOffset?: PositionOffsetControlPosition
+    position?: ControlPosition
+  }
+
+  const Draggable: DefineComponent<DraggableProps>
+  const DraggableCore: DefineComponent<DraggableCoreProps>
+
+  export { DraggableCore }
+  export default Draggable
 }