@shopify/draggable - npm Package Compare versions

Comparing version 1.0.0-beta.10 to 1.0.0-beta.11

CHANGELOG.md

 # Changelog
 
+## v1.0.0-beta.11 - 2020-07-14
+
+### Added
+
+- Added `exclude` option to allow disable default plugins and sensors
+- Added missing plugin types
+- Support set the type of callback function according to the event type
+
+### Changed
+
+- Fixes drag start concurrency (`delay` and `distance` options)
+- Fixes text in mirror blurry
+- Fixes accidently append mirror
+
 ## v1.0.0-beta.10 - 2020-06-18
@@ -7,8 +21,8 @@
 
-* Added `SortAnimation` plugin
-* Added `distance?: number` to DraggableOptions TS interface
+- Added `SortAnimation` plugin
+- Added `distance?: number` to DraggableOptions TS interface
 
 ### Changed
 
-* Fix mirror dimensions when `constrainDimensions` is active and not using fixed item width
+- Fix mirror dimensions when `constrainDimensions` is active and not using fixed item width
 
@@ -19,9 +33,9 @@ ## v1.0.0-beta.9 - 2019-08-26
 
-* Added `distance` option
-* Added `thresholdX` and `thresholdY` mirror options
+- Added `distance` option
+- Added `thresholdX` and `thresholdY` mirror options
 
 ### Changed
 
-* Fixes preventing of contextmenu in MouseSensor
-* Fixes SortableEvent `over` and `overContainer` giving incorrect properties
+- Fixes preventing of contextmenu in MouseSensor
+- Fixes SortableEvent `over` and `overContainer` giving incorrect properties
 
@@ -28,0 +42,0 @@ ## v1.0.0-beta.8 - 2018-09-07

index.d.ts

@@ -27,2 +27,62 @@ declare module '@shopify/draggable/lib/draggable.bundle.legacy' {
 
+    type GetEventByEventName<eventName> = eventName extends 'draggable:initialize'
+        ? DraggableInitializedEvent
+        : eventName extends 'draggable:destroy'
+        ? DraggableDestroyEvent
+        : eventName extends 'drag:start'
+        ? DragStartEvent
+        : eventName extends 'drag:move'
+        ? DragMoveEvent
+        : eventName extends 'drag:over'
+        ? DragOverEvent
+        : eventName extends 'drag:over:container'
+        ? DragOverContainerEvent
+        : eventName extends 'drag:out'
+        ? DragOutEvent
+        : eventName extends 'drag:out:container'
+        ? DragOutContainerEvent
+        : eventName extends 'drag:stop'
+        ? DragStopEvent
+        : eventName extends 'drag:pressure'
+        ? DragPressureEvent
+        : eventName extends 'mirror:create'
+        ? MirrorCreateEvent
+        : eventName extends 'mirror:created'
+        ? MirrorCreatedEvent
+        : eventName extends 'mirror:attached'
+        ? MirrorAttachedEvent
+        : eventName extends 'mirror:move'
+        ? MirrorMoveEvent
+        : eventName extends 'mirror:destroy'
+        ? MirrorDestroyEvent
+        : eventName extends 'droppable:dropped'
+        ? DroppableDroppedEvent
+        : eventName extends 'droppable:returned'
+        ? DroppableReturnedEvent
+        : eventName extends 'sortable:start'
+        ? SortableStartEvent
+        : eventName extends 'sortable:sort'
+        ? SortableSortEvent
+        : eventName extends 'sortable:sorted'
+        ? SortableSortedEvent
+        : eventName extends 'sortable:stop'
+        ? SortableStopEvent
+        : eventName extends 'swappable:start'
+        ? SwappableStartEvent
+        : eventName extends 'swappable:swap'
+        ? SwappableSwapEvent
+        : eventName extends 'swappable:swapped'
+        ? SwappableSwappedEvent
+        : eventName extends 'swappable:stop'
+        ? SwappableStopEvent
+        : eventName extends 'collidable:in'
+        ? CollidableInEvent
+        : eventName extends 'collidable:out'
+        ? CollidableOutEvent
+        : eventName extends 'snap:in'
+        ? SnapInEvent
+        : eventName extends 'snap:out'
+        ? SnapOutEvent
+        : AbstractEvent;
+
     /**
@@ -81,3 +141,4 @@ * DragEvent
         'drag:stop' |
-        'drag:pressure';
+        'drag:pressure' |
+        MirrorEventNames;
 
@@ -116,5 +177,6 @@ export class DraggableEvent extends AbstractEvent {
         swapAnimation?: SwapAnimationOptions;
+        sortAnimation?: SortAnimationOptions;
     }
 
-    export class Draggable<EventListType extends string = DraggableEventNames | MirrorEventNames> {
+    export class Draggable<EventListType = DraggableEventNames> {
         static Plugins: {
@@ -128,4 +190,4 @@ Announcement: typeof Announcement,
         destroy(): void;
-        on(eventName: EventListType, callback: (event: AbstractEvent) => void): this;
-        off(eventName: EventListType, callback: (event: AbstractEvent) => void): this;
+        on<T extends EventListType>(eventName: T, callback: (event: GetEventByEventName<T>) => void): this;
+        off<T extends EventListType>(eventName: T, callback: (event: GetEventByEventName<T>) => void): this;
         trigger(event: typeof AbstractEvent): void;
@@ -285,3 +347,4 @@ addPlugin(...plugins: Array<typeof AbstractPlugin>): this;
         'droppable:dropped' |
-        'droppable:returned';
+        'droppable:returned' |
+        DraggableEventNames;
 
@@ -318,3 +381,3 @@ export class DroppableEvent extends AbstractEvent {
 
-    export class Droppable extends Draggable<DraggableEventNames | DroppableEventNames | MirrorEventNames> {
+    export class Droppable<T = DroppableEventNames> extends Draggable<T> {
         constructor(containers: DraggableContainer, options: DroppableOptions);
@@ -331,3 +394,4 @@ getClassNameFor(name: DroppableClassNames): string;
         'sortable:sorted' |
-        'sortable:stop';
+        'sortable:stop' |
+        DraggableEventNames;
 
@@ -364,3 +428,3 @@ export class SortableEvent extends AbstractEvent {
 
-    export class Sortable extends Draggable<DraggableEventNames | MirrorEventNames | SortableEventNames> { }
+    export class Sortable<T = SortableEventNames> extends Draggable<T> { }
 
@@ -374,3 +438,4 @@ /**
         'swappable:swapped' |
-        'swappable:stop';
+        'swappable:stop' |
+        DraggableEventNames;
 
@@ -394,3 +459,3 @@ export class SwappableEvent extends AbstractEvent {
 
-    export class Swappable extends Draggable<DraggableEventNames | MirrorEventNames | SwappableEventNames> { }
+    export class Swappable<T = SwappableEventNames> extends Draggable<T> { }
 
@@ -400,2 +465,13 @@ /**
      */
+    export type CollidableEventNames =
+        'collidable:in' |
+        'collidable:out';
+
+    export class CollidableEvent extends AbstractEvent {
+        readonly dragEvent: DragEvent;
+        readonly collidingElement: HTMLElement;
+    }
+    export class CollidableInEvent extends CollidableEvent { }
+    export class CollidableOutEvent extends CollidableEvent { }
+
     export type Collidables = string | NodeList | HTMLElement[] | (() => NodeList | HTMLElement[]);
@@ -409,3 +485,3 @@
     /**
-     * ResizeMirror
+     * ResizeMirror Plugin
      */
@@ -418,4 +494,15 @@ class ResizeMirror extends AbstractPlugin {
     /**
-     * Snappable
+     * Snappable Plugin
      */
+    export type SnappableEventNames =
+        'snap:in' |
+        'snap:out';
+
+    export class SnapEvent extends AbstractEvent {
+        readonly dragEvent: DragEvent;
+        readonly snappable: HTMLElement;
+    }
+    export class SnapInEvent extends SnapEvent { }
+    export class SnapOutEvent extends SnapEvent { }
+
     class Snappable extends AbstractPlugin {
@@ -427,3 +514,3 @@ protected attach(): void;
     /**
-     * SwapAnimation
+     * SwapAnimation Plugin
      */
@@ -441,5 +528,19 @@ export interface SwapAnimationOptions {
 
+    /**
+     * SortAnimation
+     */
+    export interface SortAnimationOptions {
+        duration?: number;
+        easingFunction?: string;
+    }
+
+    class SortAnimation extends AbstractPlugin {
+        protected attach(): void;
+        protected detach(): void;
+    }
+
     export const Plugins: {
         Collidable: typeof Collidable,
         SwapAnimation: typeof SwapAnimation,
+        SortAnimation: typeof SortAnimation,
         ResizeMirror: typeof ResizeMirror,
@@ -446,0 +547,0 @@ Snappable: typeof Snappable,

lib/plugins.js

@@ -94,3 +94,3 @@ (function webpackUniversalModuleDefinition(root, factory) {
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 25);
+/******/ 	return __webpack_require__(__webpack_require__.s = 27);
 /******/ })
@@ -109,3 +109,3 @@ /************************************************************************/
 
-var _AbstractPlugin = __webpack_require__(20);
+var _AbstractPlugin = __webpack_require__(22);
 
@@ -152,3 +152,3 @@ var _AbstractPlugin2 = _interopRequireDefault(_AbstractPlugin);
 
-var _closest = __webpack_require__(19);
+var _closest = __webpack_require__(21);
 
@@ -162,3 +162,3 @@ Object.defineProperty(exports, 'closest', {
 
-var _requestNextAnimationFrame = __webpack_require__(17);
+var _requestNextAnimationFrame = __webpack_require__(19);
 
@@ -172,3 +172,3 @@ Object.defineProperty(exports, 'requestNextAnimationFrame', {
 
-var _distance = __webpack_require__(15);
+var _distance = __webpack_require__(17);
 
@@ -182,2 +182,11 @@ Object.defineProperty(exports, 'distance', {
 
+var _touchCoords = __webpack_require__(15);
+
+Object.defineProperty(exports, 'touchCoords', {
+  enumerable: true,
+  get: function () {
+    return _interopRequireDefault(_touchCoords).default;
+  }
+});
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -196,3 +205,3 @@
 
-var _AbstractEvent = __webpack_require__(22);
+var _AbstractEvent = __webpack_require__(24);
 
@@ -216,3 +225,3 @@ var _AbstractEvent2 = _interopRequireDefault(_AbstractEvent);
 
-var _CollidableEvent = __webpack_require__(23);
+var _CollidableEvent = __webpack_require__(25);
 
@@ -1044,2 +1053,6 @@ Object.keys(_CollidableEvent).forEach(function (key) {
     requestAnimationFrame(() => {
+      if (!this.mirror.parentNode) {
+        return;
+      }
+
       if (this.mirror.parentNode !== overContainer) {
@@ -1104,2 +1117,42 @@ overContainer.appendChild(this.mirror);
 });
+exports.default = touchCoords;
+/**
+ * Returns the first touch event found in touches or changedTouches of a touch events.
+ * @param {TouchEvent} event a touch event
+ * @return {Touch} a touch object
+ */
+function touchCoords(event = {}) {
+  const { touches, changedTouches } = event;
+  return touches && touches[0] || changedTouches && changedTouches[0];
+}
+
+/***/ }),
+/* 15 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _touchCoords = __webpack_require__(14);
+
+var _touchCoords2 = _interopRequireDefault(_touchCoords);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+exports.default = _touchCoords2.default;
+
+/***/ }),
+/* 16 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.default = distance;
@@ -1119,3 +1172,3 @@ /**
 /***/ }),
-/* 15 */
+/* 17 */
 /***/ (function(module, exports, __webpack_require__) {
@@ -1130,3 +1183,3 @@
 
-var _distance = __webpack_require__(14);
+var _distance = __webpack_require__(16);
 
@@ -1140,3 +1193,3 @@ var _distance2 = _interopRequireDefault(_distance);
 /***/ }),
-/* 16 */
+/* 18 */
 /***/ (function(module, exports, __webpack_require__) {
@@ -1158,3 +1211,3 @@
 /***/ }),
-/* 17 */
+/* 19 */
 /***/ (function(module, exports, __webpack_require__) {
@@ -1169,3 +1222,3 @@
 
-var _requestNextAnimationFrame = __webpack_require__(16);
+var _requestNextAnimationFrame = __webpack_require__(18);
 
@@ -1179,3 +1232,3 @@ var _requestNextAnimationFrame2 = _interopRequireDefault(_requestNextAnimationFrame);
 /***/ }),
-/* 18 */
+/* 20 */
 /***/ (function(module, exports, __webpack_require__) {
@@ -1248,3 +1301,3 @@
 /***/ }),
-/* 19 */
+/* 21 */
 /***/ (function(module, exports, __webpack_require__) {
@@ -1259,3 +1312,3 @@
 
-var _closest = __webpack_require__(18);
+var _closest = __webpack_require__(20);
 
@@ -1269,3 +1322,3 @@ var _closest2 = _interopRequireDefault(_closest);
 /***/ }),
-/* 20 */
+/* 22 */
 /***/ (function(module, exports, __webpack_require__) {
@@ -1319,3 +1372,3 @@
 /***/ }),
-/* 21 */
+/* 23 */
 /***/ (function(module, exports, __webpack_require__) {
@@ -1495,3 +1548,3 @@
 /***/ }),
-/* 22 */
+/* 24 */
 /***/ (function(module, exports, __webpack_require__) {
@@ -1597,3 +1650,3 @@
 /***/ }),
-/* 23 */
+/* 25 */
 /***/ (function(module, exports, __webpack_require__) {
@@ -1679,3 +1732,3 @@
 /***/ }),
-/* 24 */
+/* 26 */
 /***/ (function(module, exports, __webpack_require__) {
@@ -1702,3 +1755,3 @@
 
-var _Collidable = __webpack_require__(21);
+var _Collidable = __webpack_require__(23);
 
@@ -1712,3 +1765,3 @@ var _Collidable2 = _interopRequireDefault(_Collidable);
 /***/ }),
-/* 25 */
+/* 27 */
 /***/ (function(module, exports, __webpack_require__) {
@@ -1723,3 +1776,3 @@
 
-var _Collidable = __webpack_require__(24);
+var _Collidable = __webpack_require__(26);
 
@@ -1726,0 +1779,0 @@ Object.defineProperty(exports, 'Collidable', {

lib/plugins/collidable.js

@@ -94,3 +94,3 @@ (function webpackUniversalModuleDefinition(root, factory) {
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 14);
+/******/ 	return __webpack_require__(__webpack_require__.s = 16);
 /******/ })
@@ -109,3 +109,3 @@ /************************************************************************/
 
-var _CollidableEvent = __webpack_require__(13);
+var _CollidableEvent = __webpack_require__(15);
 
@@ -132,2 +132,42 @@ Object.keys(_CollidableEvent).forEach(function (key) {
 });
+exports.default = touchCoords;
+/**
+ * Returns the first touch event found in touches or changedTouches of a touch events.
+ * @param {TouchEvent} event a touch event
+ * @return {Touch} a touch object
+ */
+function touchCoords(event = {}) {
+  const { touches, changedTouches } = event;
+  return touches && touches[0] || changedTouches && changedTouches[0];
+}
+
+/***/ }),
+/* 2 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _touchCoords = __webpack_require__(1);
+
+var _touchCoords2 = _interopRequireDefault(_touchCoords);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+exports.default = _touchCoords2.default;
+
+/***/ }),
+/* 3 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.default = distance;
@@ -147,3 +187,3 @@ /**
 /***/ }),
-/* 2 */
+/* 4 */
 /***/ (function(module, exports, __webpack_require__) {
@@ -158,3 +198,3 @@
 
-var _distance = __webpack_require__(1);
+var _distance = __webpack_require__(3);
 
@@ -168,3 +208,3 @@ var _distance2 = _interopRequireDefault(_distance);
 /***/ }),
-/* 3 */
+/* 5 */
 /***/ (function(module, exports, __webpack_require__) {
@@ -186,3 +226,3 @@
 /***/ }),
-/* 4 */
+/* 6 */
 /***/ (function(module, exports, __webpack_require__) {
@@ -197,3 +237,3 @@
 
-var _requestNextAnimationFrame = __webpack_require__(3);
+var _requestNextAnimationFrame = __webpack_require__(5);
 
@@ -207,3 +247,3 @@ var _requestNextAnimationFrame2 = _interopRequireDefault(_requestNextAnimationFrame);
 /***/ }),
-/* 5 */
+/* 7 */
 /***/ (function(module, exports, __webpack_require__) {
@@ -276,3 +316,3 @@
 /***/ }),
-/* 6 */
+/* 8 */
 /***/ (function(module, exports, __webpack_require__) {
@@ -287,3 +327,3 @@
 
-var _closest = __webpack_require__(5);
+var _closest = __webpack_require__(7);
 
@@ -297,3 +337,3 @@ var _closest2 = _interopRequireDefault(_closest);
 /***/ }),
-/* 7 */
+/* 9 */
 /***/ (function(module, exports, __webpack_require__) {
@@ -308,3 +348,3 @@
 
-var _closest = __webpack_require__(6);
+var _closest = __webpack_require__(8);
 
@@ -318,3 +358,3 @@ Object.defineProperty(exports, 'closest', {
 
-var _requestNextAnimationFrame = __webpack_require__(4);
+var _requestNextAnimationFrame = __webpack_require__(6);
 
@@ -328,3 +368,3 @@ Object.defineProperty(exports, 'requestNextAnimationFrame', {
 
-var _distance = __webpack_require__(2);
+var _distance = __webpack_require__(4);
 
@@ -338,6 +378,15 @@ Object.defineProperty(exports, 'distance', {
 
+var _touchCoords = __webpack_require__(2);
+
+Object.defineProperty(exports, 'touchCoords', {
+  enumerable: true,
+  get: function () {
+    return _interopRequireDefault(_touchCoords).default;
+  }
+});
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 /***/ }),
-/* 8 */
+/* 10 */
 /***/ (function(module, exports, __webpack_require__) {
@@ -391,3 +440,3 @@
 /***/ }),
-/* 9 */
+/* 11 */
 /***/ (function(module, exports, __webpack_require__) {
@@ -402,3 +451,3 @@
 
-var _AbstractPlugin = __webpack_require__(8);
+var _AbstractPlugin = __webpack_require__(10);
 
@@ -412,3 +461,3 @@ var _AbstractPlugin2 = _interopRequireDefault(_AbstractPlugin);
 /***/ }),
-/* 10 */
+/* 12 */
 /***/ (function(module, exports, __webpack_require__) {
@@ -423,7 +472,7 @@
 
-var _AbstractPlugin = __webpack_require__(9);
+var _AbstractPlugin = __webpack_require__(11);
 
 var _AbstractPlugin2 = _interopRequireDefault(_AbstractPlugin);
 
-var _utils = __webpack_require__(7);
+var _utils = __webpack_require__(9);
 
@@ -589,3 +638,3 @@ var _CollidableEvent = __webpack_require__(0);
 /***/ }),
-/* 11 */
+/* 13 */
 /***/ (function(module, exports, __webpack_require__) {
@@ -691,3 +740,3 @@
 /***/ }),
-/* 12 */
+/* 14 */
 /***/ (function(module, exports, __webpack_require__) {
@@ -702,3 +751,3 @@
 
-var _AbstractEvent = __webpack_require__(11);
+var _AbstractEvent = __webpack_require__(13);
 
@@ -712,3 +761,3 @@ var _AbstractEvent2 = _interopRequireDefault(_AbstractEvent);
 /***/ }),
-/* 13 */
+/* 15 */
 /***/ (function(module, exports, __webpack_require__) {
@@ -724,3 +773,3 @@
 
-var _AbstractEvent = __webpack_require__(12);
+var _AbstractEvent = __webpack_require__(14);
 
@@ -795,3 +844,3 @@ var _AbstractEvent2 = _interopRequireDefault(_AbstractEvent);
 /***/ }),
-/* 14 */
+/* 16 */
 /***/ (function(module, exports, __webpack_require__) {
@@ -818,3 +867,3 @@
 
-var _Collidable = __webpack_require__(10);
+var _Collidable = __webpack_require__(12);
 
@@ -821,0 +870,0 @@ var _Collidable2 = _interopRequireDefault(_Collidable);

lib/plugins/resize-mirror.js

@@ -94,3 +94,3 @@ (function webpackUniversalModuleDefinition(root, factory) {
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 10);
+/******/ 	return __webpack_require__(__webpack_require__.s = 12);
 /******/ })
@@ -108,2 +108,42 @@ /************************************************************************/
 });
+exports.default = touchCoords;
+/**
+ * Returns the first touch event found in touches or changedTouches of a touch events.
+ * @param {TouchEvent} event a touch event
+ * @return {Touch} a touch object
+ */
+function touchCoords(event = {}) {
+  const { touches, changedTouches } = event;
+  return touches && touches[0] || changedTouches && changedTouches[0];
+}
+
+/***/ }),
+/* 1 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _touchCoords = __webpack_require__(0);
+
+var _touchCoords2 = _interopRequireDefault(_touchCoords);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+exports.default = _touchCoords2.default;
+
+/***/ }),
+/* 2 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.default = distance;
@@ -123,3 +163,3 @@ /**
 /***/ }),
-/* 1 */
+/* 3 */
 /***/ (function(module, exports, __webpack_require__) {
@@ -134,3 +174,3 @@
 
-var _distance = __webpack_require__(0);
+var _distance = __webpack_require__(2);
 
@@ -144,3 +184,3 @@ var _distance2 = _interopRequireDefault(_distance);
 /***/ }),
-/* 2 */
+/* 4 */
 /***/ (function(module, exports, __webpack_require__) {
@@ -162,3 +202,3 @@
 /***/ }),
-/* 3 */
+/* 5 */
 /***/ (function(module, exports, __webpack_require__) {
@@ -173,3 +213,3 @@
 
-var _requestNextAnimationFrame = __webpack_require__(2);
+var _requestNextAnimationFrame = __webpack_require__(4);
 
@@ -183,3 +223,3 @@ var _requestNextAnimationFrame2 = _interopRequireDefault(_requestNextAnimationFrame);
 /***/ }),
-/* 4 */
+/* 6 */
 /***/ (function(module, exports, __webpack_require__) {
@@ -252,3 +292,3 @@
 /***/ }),
-/* 5 */
+/* 7 */
 /***/ (function(module, exports, __webpack_require__) {
@@ -263,3 +303,3 @@
 
-var _closest = __webpack_require__(4);
+var _closest = __webpack_require__(6);
 
@@ -273,3 +313,3 @@ var _closest2 = _interopRequireDefault(_closest);
 /***/ }),
-/* 6 */
+/* 8 */
 /***/ (function(module, exports, __webpack_require__) {
@@ -284,3 +324,3 @@
 
-var _closest = __webpack_require__(5);
+var _closest = __webpack_require__(7);
 
@@ -294,3 +334,3 @@ Object.defineProperty(exports, 'closest', {
 
-var _requestNextAnimationFrame = __webpack_require__(3);
+var _requestNextAnimationFrame = __webpack_require__(5);
 
@@ -304,3 +344,3 @@ Object.defineProperty(exports, 'requestNextAnimationFrame', {
 
-var _distance = __webpack_require__(1);
+var _distance = __webpack_require__(3);
 
@@ -314,6 +354,15 @@ Object.defineProperty(exports, 'distance', {
 
+var _touchCoords = __webpack_require__(1);
+
+Object.defineProperty(exports, 'touchCoords', {
+  enumerable: true,
+  get: function () {
+    return _interopRequireDefault(_touchCoords).default;
+  }
+});
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 /***/ }),
-/* 7 */
+/* 9 */
 /***/ (function(module, exports, __webpack_require__) {
@@ -367,3 +416,3 @@
 /***/ }),
-/* 8 */
+/* 10 */
 /***/ (function(module, exports, __webpack_require__) {
@@ -378,3 +427,3 @@
 
-var _AbstractPlugin = __webpack_require__(7);
+var _AbstractPlugin = __webpack_require__(9);
 
@@ -388,3 +437,3 @@ var _AbstractPlugin2 = _interopRequireDefault(_AbstractPlugin);
 /***/ }),
-/* 9 */
+/* 11 */
 /***/ (function(module, exports, __webpack_require__) {
@@ -402,7 +451,7 @@
 
-var _AbstractPlugin = __webpack_require__(8);
+var _AbstractPlugin = __webpack_require__(10);
 
 var _AbstractPlugin2 = _interopRequireDefault(_AbstractPlugin);
 
-var _utils = __webpack_require__(6);
+var _utils = __webpack_require__(8);
 
@@ -526,2 +575,6 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
     requestAnimationFrame(() => {
+      if (!this.mirror.parentNode) {
+        return;
+      }
+
       if (this.mirror.parentNode !== overContainer) {
@@ -556,3 +609,3 @@ overContainer.appendChild(this.mirror);
 /***/ }),
-/* 10 */
+/* 12 */
 /***/ (function(module, exports, __webpack_require__) {
@@ -568,3 +621,3 @@
 
-var _ResizeMirror = __webpack_require__(9);
+var _ResizeMirror = __webpack_require__(11);
 
@@ -571,0 +624,0 @@ var _ResizeMirror2 = _interopRequireDefault(_ResizeMirror);

package.json

 {
   "name": "@shopify/draggable",
-  "version": "1.0.0-beta.10",
+  "version": "1.0.0-beta.11",
   "private": false,
@@ -5,0 +5,0 @@ "license": "MIT",

README.md

@@ -66,15 +66,15 @@ [![CircleCI](https://circleci.com/gh/Shopify/draggable/tree/master.svg?style=shield)](https://circleci.com/gh/Shopify/draggable/tree/master)
 <!-- Entire bundle -->
-<script src="https://cdn.jsdelivr.net/npm/@shopify/draggable@1.0.0-beta.8/lib/draggable.bundle.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/@shopify/draggable@1.0.0-beta.11/lib/draggable.bundle.js"></script>
 <!-- legacy bundle for older browsers (IE11) -->
-<script src="https://cdn.jsdelivr.net/npm/@shopify/draggable@1.0.0-beta.8/lib/draggable.bundle.legacy.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/@shopify/draggable@1.0.0-beta.11/lib/draggable.bundle.legacy.js"></script>
 <!-- Draggable only -->
-<script src="https://cdn.jsdelivr.net/npm/@shopify/draggable@1.0.0-beta.8/lib/draggable.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/@shopify/draggable@1.0.0-beta.11/lib/draggable.js"></script>
 <!-- Sortable only -->
-<script src="https://cdn.jsdelivr.net/npm/@shopify/draggable@1.0.0-beta.8/lib/sortable.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/@shopify/draggable@1.0.0-beta.11/lib/sortable.js"></script>
 <!-- Droppable only -->
-<script src="https://cdn.jsdelivr.net/npm/@shopify/draggable@1.0.0-beta.8/lib/droppable.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/@shopify/draggable@1.0.0-beta.11/lib/droppable.js"></script>
 <!-- Swappable only -->
-<script src="https://cdn.jsdelivr.net/npm/@shopify/draggable@1.0.0-beta.8/lib/swappable.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/@shopify/draggable@1.0.0-beta.11/lib/swappable.js"></script>
 <!-- Plugins only -->
-<script src="https://cdn.jsdelivr.net/npm/@shopify/draggable@1.0.0-beta.8/lib/plugins.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/@shopify/draggable@1.0.0-beta.11/lib/plugins.js"></script>
 ```
@@ -155,3 +155,3 @@
 
-We are currently working on `v1.0.0-beta.8`. Check out the [project board](https://github.com/Shopify/draggable/projects/3) to see tasks and follow progress on the release. Any Pull Requests should be pointed against the feature branch `v1.0.0-beta.8`.
+We are currently working on `v1.0.0-beta.11`. Check out the [project board](https://github.com/Shopify/draggable/projects/3) to see tasks and follow progress on the release. Any Pull Requests should be pointed against the feature branch `v1.0.0-beta.11`.
 
@@ -158,0 +158,0 @@ ## Related resources

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

3201066

increased by1.32%

Lines of code

93014

increased by1.14%

No dependency changes