🚀 Big News:Socket Has Acquired Secure Annex.Learn More →
jquery-sortablejs
Advanced tools
jquery-sortablejs - npm Package Compare versions
+1520
| /** | ||
| * jQuery plugin for Sortable | ||
| * @author RubaXa <trash@rubaxa.org> | ||
| * @license MIT | ||
| */ | ||
| (function (factory) { | ||
| "use strict"; | ||
| if (typeof define === "function" && define.amd) { | ||
| define(["jquery"], factory); | ||
| } | ||
| else { | ||
| /* jshint sub:true */ | ||
| factory(jQuery); | ||
| } | ||
| })(function (jQuery) { | ||
| "use strict"; | ||
| var dragEl, | ||
| parentEl, | ||
| ghostEl, | ||
| cloneEl, | ||
| rootEl, | ||
| nextEl, | ||
| lastDownEl, | ||
| scrollEl, | ||
| scrollParentEl, | ||
| scrollCustomFn, | ||
| lastEl, | ||
| lastCSS, | ||
| lastParentCSS, | ||
| oldIndex, | ||
| newIndex, | ||
| activeGroup, | ||
| putSortable, | ||
| autoScroll = {}, | ||
| tapEvt, | ||
| touchEvt, | ||
| moved, | ||
| /** @const */ | ||
| R_SPACE = /\s+/g, | ||
| R_FLOAT = /left|right|inline/, | ||
| expando = 'Sortable' + (new Date).getTime(), | ||
| win = window, | ||
| document = win.document, | ||
| parseInt = win.parseInt, | ||
| $ = win.jQuery || win.Zepto, | ||
| Polymer = win.Polymer, | ||
| captureMode = false, | ||
| supportDraggable = !!('draggable' in document.createElement('div')), | ||
| supportCssPointerEvents = (function (el) { | ||
| // false when IE11 | ||
| if (!!navigator.userAgent.match(/Trident.*rv[ :]?11\./)) { | ||
| return false; | ||
| } | ||
| el = document.createElement('x'); | ||
| el.style.cssText = 'pointer-events:auto'; | ||
| return el.style.pointerEvents === 'auto'; | ||
| })(), | ||
| _silent = false, | ||
| abs = Math.abs, | ||
| min = Math.min, | ||
| savedInputChecked = [], | ||
| touchDragOverListeners = [], | ||
| _autoScroll = _throttle(function (/**Event*/evt, /**Object*/options, /**HTMLElement*/rootEl) { | ||
| // Bug: https://bugzilla.mozilla.org/show_bug.cgi?id=505521 | ||
| if (rootEl && options.scroll) { | ||
| var _this = rootEl[expando], | ||
| el, | ||
| rect, | ||
| sens = options.scrollSensitivity, | ||
| speed = options.scrollSpeed, | ||
| x = evt.clientX, | ||
| y = evt.clientY, | ||
| winWidth = window.innerWidth, | ||
| winHeight = window.innerHeight, | ||
| vx, | ||
| vy, | ||
| scrollOffsetX, | ||
| scrollOffsetY | ||
| ; | ||
| // Delect scrollEl | ||
| if (scrollParentEl !== rootEl) { | ||
| scrollEl = options.scroll; | ||
| scrollParentEl = rootEl; | ||
| scrollCustomFn = options.scrollFn; | ||
| if (scrollEl === true) { | ||
| scrollEl = rootEl; | ||
| do { | ||
| if ((scrollEl.offsetWidth < scrollEl.scrollWidth) || | ||
| (scrollEl.offsetHeight < scrollEl.scrollHeight) | ||
| ) { | ||
| break; | ||
| } | ||
| /* jshint boss:true */ | ||
| } while (scrollEl = scrollEl.parentNode); | ||
| } | ||
| } | ||
| if (scrollEl) { | ||
| el = scrollEl; | ||
| rect = scrollEl.getBoundingClientRect(); | ||
| vx = (abs(rect.right - x) <= sens) - (abs(rect.left - x) <= sens); | ||
| vy = (abs(rect.bottom - y) <= sens) - (abs(rect.top - y) <= sens); | ||
| } | ||
| if (!(vx || vy)) { | ||
| vx = (winWidth - x <= sens) - (x <= sens); | ||
| vy = (winHeight - y <= sens) - (y <= sens); | ||
| /* jshint expr:true */ | ||
| (vx || vy) && (el = win); | ||
| } | ||
| if (autoScroll.vx !== vx || autoScroll.vy !== vy || autoScroll.el !== el) { | ||
| autoScroll.el = el; | ||
| autoScroll.vx = vx; | ||
| autoScroll.vy = vy; | ||
| clearInterval(autoScroll.pid); | ||
| if (el) { | ||
| autoScroll.pid = setInterval(function () { | ||
| scrollOffsetY = vy ? vy * speed : 0; | ||
| scrollOffsetX = vx ? vx * speed : 0; | ||
| if ('function' === typeof(scrollCustomFn)) { | ||
| return scrollCustomFn.call(_this, scrollOffsetX, scrollOffsetY, evt); | ||
| } | ||
| if (el === win) { | ||
| win.scrollTo(win.pageXOffset + scrollOffsetX, win.pageYOffset + scrollOffsetY); | ||
| } else { | ||
| el.scrollTop += scrollOffsetY; | ||
| el.scrollLeft += scrollOffsetX; | ||
| } | ||
| }, 24); | ||
| } | ||
| } | ||
| } | ||
| }, 30), | ||
| _prepareGroup = function (options) { | ||
| function toFn(value, pull) { | ||
| if (value === void 0 || value === true) { | ||
| value = group.name; | ||
| } | ||
| if (typeof value === 'function') { | ||
| return value; | ||
| } else { | ||
| return function (to, from) { | ||
| var fromGroup = from.options.group.name; | ||
| return pull | ||
| ? value | ||
| : value && (value.join | ||
| ? value.indexOf(fromGroup) > -1 | ||
| : (fromGroup == value) | ||
| ); | ||
| }; | ||
| } | ||
| } | ||
| var group = {}; | ||
| var originalGroup = options.group; | ||
| if (!originalGroup || typeof originalGroup != 'object') { | ||
| originalGroup = {name: originalGroup}; | ||
| } | ||
| group.name = originalGroup.name; | ||
| group.checkPull = toFn(originalGroup.pull, true); | ||
| group.checkPut = toFn(originalGroup.put); | ||
| group.revertClone = originalGroup.revertClone; | ||
| options.group = group; | ||
| } | ||
| ; | ||
| /** | ||
| * @class Sortable | ||
| * @param {HTMLElement} el | ||
| * @param {Object} [options] | ||
| */ | ||
| function Sortable(el, options) { | ||
| if (!(el && el.nodeType && el.nodeType === 1)) { | ||
| throw 'Sortable: `el` must be HTMLElement, and not ' + {}.toString.call(el); | ||
| } | ||
| this.el = el; // root element | ||
| this.options = options = _extend({}, options); | ||
| // Export instance | ||
| el[expando] = this; | ||
| // Default options | ||
| var defaults = { | ||
| group: Math.random(), | ||
| sort: true, | ||
| disabled: false, | ||
| store: null, | ||
| handle: null, | ||
| scroll: true, | ||
| scrollSensitivity: 30, | ||
| scrollSpeed: 10, | ||
| draggable: /[uo]l/i.test(el.nodeName) ? 'li' : '>*', | ||
| ghostClass: 'sortable-ghost', | ||
| chosenClass: 'sortable-chosen', | ||
| dragClass: 'sortable-drag', | ||
| ignore: 'a, img', | ||
| filter: null, | ||
| preventOnFilter: true, | ||
| animation: 0, | ||
| setData: function (dataTransfer, dragEl) { | ||
| dataTransfer.setData('Text', dragEl.textContent); | ||
| }, | ||
| dropBubble: false, | ||
| dragoverBubble: false, | ||
| dataIdAttr: 'data-id', | ||
| delay: 0, | ||
| forceFallback: false, | ||
| fallbackClass: 'sortable-fallback', | ||
| fallbackOnBody: false, | ||
| fallbackTolerance: 0, | ||
| fallbackOffset: {x: 0, y: 0} | ||
| }; | ||
| // Set default options | ||
| for (var name in defaults) { | ||
| !(name in options) && (options[name] = defaults[name]); | ||
| } | ||
| _prepareGroup(options); | ||
| // Bind all private methods | ||
| for (var fn in this) { | ||
| if (fn.charAt(0) === '_' && typeof this[fn] === 'function') { | ||
| this[fn] = this[fn].bind(this); | ||
| } | ||
| } | ||
| // Setup drag mode | ||
| this.nativeDraggable = options.forceFallback ? false : supportDraggable; | ||
| // Bind events | ||
| _on(el, 'mousedown', this._onTapStart); | ||
| _on(el, 'touchstart', this._onTapStart); | ||
| _on(el, 'pointerdown', this._onTapStart); | ||
| if (this.nativeDraggable) { | ||
| _on(el, 'dragover', this); | ||
| _on(el, 'dragenter', this); | ||
| } | ||
| touchDragOverListeners.push(this._onDragOver); | ||
| // Restore sorting | ||
| options.store && this.sort(options.store.get(this)); | ||
| } | ||
| Sortable.prototype = /** @lends Sortable.prototype */ { | ||
| constructor: Sortable, | ||
| _onTapStart: function (/** Event|TouchEvent */evt) { | ||
| var _this = this, | ||
| el = this.el, | ||
| options = this.options, | ||
| preventOnFilter = options.preventOnFilter, | ||
| type = evt.type, | ||
| touch = evt.touches && evt.touches[0], | ||
| target = (touch || evt).target, | ||
| originalTarget = evt.target.shadowRoot && (evt.path && evt.path[0]) || target, | ||
| filter = options.filter, | ||
| startIndex; | ||
| _saveInputCheckedState(el); | ||
| // Don't trigger start event when an element is been dragged, otherwise the evt.oldindex always wrong when set option.group. | ||
| if (dragEl) { | ||
| return; | ||
| } | ||
| if (/mousedown|pointerdown/.test(type) && evt.button !== 0 || options.disabled) { | ||
| return; // only left button or enabled | ||
| } | ||
| target = _closest(target, options.draggable, el); | ||
| if (!target) { | ||
| return; | ||
| } | ||
| if (lastDownEl === target) { | ||
| // Ignoring duplicate `down` | ||
| return; | ||
| } | ||
| // Get the index of the dragged element within its parent | ||
| startIndex = _index(target, options.draggable); | ||
| // Check filter | ||
| if (typeof filter === 'function') { | ||
| if (filter.call(this, evt, target, this)) { | ||
| _dispatchEvent(_this, originalTarget, 'filter', target, el, startIndex); | ||
| preventOnFilter && evt.preventDefault(); | ||
| return; // cancel dnd | ||
| } | ||
| } | ||
| else if (filter) { | ||
| filter = filter.split(',').some(function (criteria) { | ||
| criteria = _closest(originalTarget, criteria.trim(), el); | ||
| if (criteria) { | ||
| _dispatchEvent(_this, criteria, 'filter', target, el, startIndex); | ||
| return true; | ||
| } | ||
| }); | ||
| if (filter) { | ||
| preventOnFilter && evt.preventDefault(); | ||
| return; // cancel dnd | ||
| } | ||
| } | ||
| if (options.handle && !_closest(originalTarget, options.handle, el)) { | ||
| return; | ||
| } | ||
| // Prepare `dragstart` | ||
| this._prepareDragStart(evt, touch, target, startIndex); | ||
| }, | ||
| _prepareDragStart: function (/** Event */evt, /** Touch */touch, /** HTMLElement */target, /** Number */startIndex) { | ||
| var _this = this, | ||
| el = _this.el, | ||
| options = _this.options, | ||
| ownerDocument = el.ownerDocument, | ||
| dragStartFn; | ||
| if (target && !dragEl && (target.parentNode === el)) { | ||
| tapEvt = evt; | ||
| rootEl = el; | ||
| dragEl = target; | ||
| parentEl = dragEl.parentNode; | ||
| nextEl = dragEl.nextSibling; | ||
| lastDownEl = target; | ||
| activeGroup = options.group; | ||
| oldIndex = startIndex; | ||
| this._lastX = (touch || evt).clientX; | ||
| this._lastY = (touch || evt).clientY; | ||
| dragEl.style['will-change'] = 'transform'; | ||
| dragStartFn = function () { | ||
| // Delayed drag has been triggered | ||
| // we can re-enable the events: touchmove/mousemove | ||
| _this._disableDelayedDrag(); | ||
| // Make the element draggable | ||
| dragEl.draggable = _this.nativeDraggable; | ||
| // Chosen item | ||
| _toggleClass(dragEl, options.chosenClass, true); | ||
| // Bind the events: dragstart/dragend | ||
| _this._triggerDragStart(evt, touch); | ||
| // Drag start event | ||
| _dispatchEvent(_this, rootEl, 'choose', dragEl, rootEl, oldIndex); | ||
| }; | ||
| // Disable "draggable" | ||
| options.ignore.split(',').forEach(function (criteria) { | ||
| _find(dragEl, criteria.trim(), _disableDraggable); | ||
| }); | ||
| _on(ownerDocument, 'mouseup', _this._onDrop); | ||
| _on(ownerDocument, 'touchend', _this._onDrop); | ||
| _on(ownerDocument, 'touchcancel', _this._onDrop); | ||
| _on(ownerDocument, 'pointercancel', _this._onDrop); | ||
| _on(ownerDocument, 'selectstart', _this); | ||
| if (options.delay) { | ||
| // If the user moves the pointer or let go the click or touch | ||
| // before the delay has been reached: | ||
| // disable the delayed drag | ||
| _on(ownerDocument, 'mouseup', _this._disableDelayedDrag); | ||
| _on(ownerDocument, 'touchend', _this._disableDelayedDrag); | ||
| _on(ownerDocument, 'touchcancel', _this._disableDelayedDrag); | ||
| _on(ownerDocument, 'mousemove', _this._disableDelayedDrag); | ||
| _on(ownerDocument, 'touchmove', _this._disableDelayedDrag); | ||
| _on(ownerDocument, 'pointermove', _this._disableDelayedDrag); | ||
| _this._dragStartTimer = setTimeout(dragStartFn, options.delay); | ||
| } else { | ||
| dragStartFn(); | ||
| } | ||
| } | ||
| }, | ||
| _disableDelayedDrag: function () { | ||
| var ownerDocument = this.el.ownerDocument; | ||
| clearTimeout(this._dragStartTimer); | ||
| _off(ownerDocument, 'mouseup', this._disableDelayedDrag); | ||
| _off(ownerDocument, 'touchend', this._disableDelayedDrag); | ||
| _off(ownerDocument, 'touchcancel', this._disableDelayedDrag); | ||
| _off(ownerDocument, 'mousemove', this._disableDelayedDrag); | ||
| _off(ownerDocument, 'touchmove', this._disableDelayedDrag); | ||
| _off(ownerDocument, 'pointermove', this._disableDelayedDrag); | ||
| }, | ||
| _triggerDragStart: function (/** Event */evt, /** Touch */touch) { | ||
| touch = touch || (evt.pointerType == 'touch' ? evt : null); | ||
| if (touch) { | ||
| // Touch device support | ||
| tapEvt = { | ||
| target: dragEl, | ||
| clientX: touch.clientX, | ||
| clientY: touch.clientY | ||
| }; | ||
| this._onDragStart(tapEvt, 'touch'); | ||
| } | ||
| else if (!this.nativeDraggable) { | ||
| this._onDragStart(tapEvt, true); | ||
| } | ||
| else { | ||
| _on(dragEl, 'dragend', this); | ||
| _on(rootEl, 'dragstart', this._onDragStart); | ||
| } | ||
| try { | ||
| if (document.selection) { | ||
| // Timeout neccessary for IE9 | ||
| setTimeout(function () { | ||
| document.selection.empty(); | ||
| }); | ||
| } else { | ||
| window.getSelection().removeAllRanges(); | ||
| } | ||
| } catch (err) { | ||
| } | ||
| }, | ||
| _dragStarted: function () { | ||
| if (rootEl && dragEl) { | ||
| var options = this.options; | ||
| // Apply effect | ||
| _toggleClass(dragEl, options.ghostClass, true); | ||
| _toggleClass(dragEl, options.dragClass, false); | ||
| Sortable.active = this; | ||
| // Drag start event | ||
| _dispatchEvent(this, rootEl, 'start', dragEl, rootEl, oldIndex); | ||
| } else { | ||
| this._nulling(); | ||
| } | ||
| }, | ||
| _emulateDragOver: function () { | ||
| if (touchEvt) { | ||
| if (this._lastX === touchEvt.clientX && this._lastY === touchEvt.clientY) { | ||
| return; | ||
| } | ||
| this._lastX = touchEvt.clientX; | ||
| this._lastY = touchEvt.clientY; | ||
| if (!supportCssPointerEvents) { | ||
| _css(ghostEl, 'display', 'none'); | ||
| } | ||
| var target = document.elementFromPoint(touchEvt.clientX, touchEvt.clientY), | ||
| parent = target, | ||
| i = touchDragOverListeners.length; | ||
| if (parent) { | ||
| do { | ||
| if (parent[expando]) { | ||
| while (i--) { | ||
| touchDragOverListeners[i]({ | ||
| clientX: touchEvt.clientX, | ||
| clientY: touchEvt.clientY, | ||
| target: target, | ||
| rootEl: parent | ||
| }); | ||
| } | ||
| break; | ||
| } | ||
| target = parent; // store last element | ||
| } | ||
| /* jshint boss:true */ | ||
| while (parent = parent.parentNode); | ||
| } | ||
| if (!supportCssPointerEvents) { | ||
| _css(ghostEl, 'display', ''); | ||
| } | ||
| } | ||
| }, | ||
| _onTouchMove: function (/**TouchEvent*/evt) { | ||
| if (tapEvt) { | ||
| var options = this.options, | ||
| fallbackTolerance = options.fallbackTolerance, | ||
| fallbackOffset = options.fallbackOffset, | ||
| touch = evt.touches ? evt.touches[0] : evt, | ||
| dx = (touch.clientX - tapEvt.clientX) + fallbackOffset.x, | ||
| dy = (touch.clientY - tapEvt.clientY) + fallbackOffset.y, | ||
| translate3d = evt.touches ? 'translate3d(' + dx + 'px,' + dy + 'px,0)' : 'translate(' + dx + 'px,' + dy + 'px)'; | ||
| // only set the status to dragging, when we are actually dragging | ||
| if (!Sortable.active) { | ||
| if (fallbackTolerance && | ||
| min(abs(touch.clientX - this._lastX), abs(touch.clientY - this._lastY)) < fallbackTolerance | ||
| ) { | ||
| return; | ||
| } | ||
| this._dragStarted(); | ||
| } | ||
| // as well as creating the ghost element on the document body | ||
| this._appendGhost(); | ||
| moved = true; | ||
| touchEvt = touch; | ||
| _css(ghostEl, 'webkitTransform', translate3d); | ||
| _css(ghostEl, 'mozTransform', translate3d); | ||
| _css(ghostEl, 'msTransform', translate3d); | ||
| _css(ghostEl, 'transform', translate3d); | ||
| evt.preventDefault(); | ||
| } | ||
| }, | ||
| _appendGhost: function () { | ||
| if (!ghostEl) { | ||
| var rect = dragEl.getBoundingClientRect(), | ||
| css = _css(dragEl), | ||
| options = this.options, | ||
| ghostRect; | ||
| ghostEl = dragEl.cloneNode(true); | ||
| _toggleClass(ghostEl, options.ghostClass, false); | ||
| _toggleClass(ghostEl, options.fallbackClass, true); | ||
| _toggleClass(ghostEl, options.dragClass, true); | ||
| _css(ghostEl, 'top', rect.top - parseInt(css.marginTop, 10)); | ||
| _css(ghostEl, 'left', rect.left - parseInt(css.marginLeft, 10)); | ||
| _css(ghostEl, 'width', rect.width); | ||
| _css(ghostEl, 'height', rect.height); | ||
| _css(ghostEl, 'opacity', '0.8'); | ||
| _css(ghostEl, 'position', 'fixed'); | ||
| _css(ghostEl, 'zIndex', '100000'); | ||
| _css(ghostEl, 'pointerEvents', 'none'); | ||
| options.fallbackOnBody && document.body.appendChild(ghostEl) || rootEl.appendChild(ghostEl); | ||
| // Fixing dimensions. | ||
| ghostRect = ghostEl.getBoundingClientRect(); | ||
| _css(ghostEl, 'width', rect.width * 2 - ghostRect.width); | ||
| _css(ghostEl, 'height', rect.height * 2 - ghostRect.height); | ||
| } | ||
| }, | ||
| _onDragStart: function (/**Event*/evt, /**boolean*/useFallback) { | ||
| var dataTransfer = evt.dataTransfer, | ||
| options = this.options; | ||
| this._offUpEvents(); | ||
| if (activeGroup.checkPull(this, this, dragEl, evt)) { | ||
| cloneEl = _clone(dragEl); | ||
| cloneEl.draggable = false; | ||
| cloneEl.style['will-change'] = ''; | ||
| _css(cloneEl, 'display', 'none'); | ||
| _toggleClass(cloneEl, this.options.chosenClass, false); | ||
| rootEl.insertBefore(cloneEl, dragEl); | ||
| _dispatchEvent(this, rootEl, 'clone', dragEl); | ||
| } | ||
| _toggleClass(dragEl, options.dragClass, true); | ||
| if (useFallback) { | ||
| if (useFallback === 'touch') { | ||
| // Bind touch events | ||
| _on(document, 'touchmove', this._onTouchMove); | ||
| _on(document, 'touchend', this._onDrop); | ||
| _on(document, 'touchcancel', this._onDrop); | ||
| _on(document, 'pointermove', this._onTouchMove); | ||
| _on(document, 'pointerup', this._onDrop); | ||
| } else { | ||
| // Old brwoser | ||
| _on(document, 'mousemove', this._onTouchMove); | ||
| _on(document, 'mouseup', this._onDrop); | ||
| } | ||
| this._loopId = setInterval(this._emulateDragOver, 50); | ||
| } | ||
| else { | ||
| if (dataTransfer) { | ||
| dataTransfer.effectAllowed = 'move'; | ||
| options.setData && options.setData.call(this, dataTransfer, dragEl); | ||
| } | ||
| _on(document, 'drop', this); | ||
| setTimeout(this._dragStarted, 0); | ||
| } | ||
| }, | ||
| _onDragOver: function (/**Event*/evt) { | ||
| var el = this.el, | ||
| target, | ||
| dragRect, | ||
| targetRect, | ||
| revert, | ||
| options = this.options, | ||
| group = options.group, | ||
| activeSortable = Sortable.active, | ||
| isOwner = (activeGroup === group), | ||
| isMovingBetweenSortable = false, | ||
| canSort = options.sort; | ||
| if (evt.preventDefault !== void 0) { | ||
| evt.preventDefault(); | ||
| !options.dragoverBubble && evt.stopPropagation(); | ||
| } | ||
| if (dragEl.animated) { | ||
| return; | ||
| } | ||
| moved = true; | ||
| if (activeSortable && !options.disabled && | ||
| (isOwner | ||
| ? canSort || (revert = !rootEl.contains(dragEl)) // Reverting item into the original list | ||
| : ( | ||
| putSortable === this || | ||
| ( | ||
| (activeSortable.lastPullMode = activeGroup.checkPull(this, activeSortable, dragEl, evt)) && | ||
| group.checkPut(this, activeSortable, dragEl, evt) | ||
| ) | ||
| ) | ||
| ) && | ||
| (evt.rootEl === void 0 || evt.rootEl === this.el) // touch fallback | ||
| ) { | ||
| // Smart auto-scrolling | ||
| _autoScroll(evt, options, this.el); | ||
| if (_silent) { | ||
| return; | ||
| } | ||
| target = _closest(evt.target, options.draggable, el); | ||
| dragRect = dragEl.getBoundingClientRect(); | ||
| if (putSortable !== this) { | ||
| putSortable = this; | ||
| isMovingBetweenSortable = true; | ||
| } | ||
| if (revert) { | ||
| _cloneHide(activeSortable, true); | ||
| parentEl = rootEl; // actualization | ||
| if (cloneEl || nextEl) { | ||
| rootEl.insertBefore(dragEl, cloneEl || nextEl); | ||
| } | ||
| else if (!canSort) { | ||
| rootEl.appendChild(dragEl); | ||
| } | ||
| return; | ||
| } | ||
| if ((el.children.length === 0) || (el.children[0] === ghostEl) || | ||
| (el === evt.target) && (_ghostIsLast(el, evt)) | ||
| ) { | ||
| //assign target only if condition is true | ||
| if (el.children.length !== 0 && el.children[0] !== ghostEl && el === evt.target) { | ||
| target = el.lastElementChild; | ||
| } | ||
| if (target) { | ||
| if (target.animated) { | ||
| return; | ||
| } | ||
| targetRect = target.getBoundingClientRect(); | ||
| } | ||
| _cloneHide(activeSortable, isOwner); | ||
| if (_onMove(rootEl, el, dragEl, dragRect, target, targetRect, evt) !== false) { | ||
| if (!dragEl.contains(el)) { | ||
| el.appendChild(dragEl); | ||
| parentEl = el; // actualization | ||
| } | ||
| this._animate(dragRect, dragEl); | ||
| target && this._animate(targetRect, target); | ||
| } | ||
| } | ||
| else if (target && !target.animated && target !== dragEl && (target.parentNode[expando] !== void 0)) { | ||
| if (lastEl !== target) { | ||
| lastEl = target; | ||
| lastCSS = _css(target); | ||
| lastParentCSS = _css(target.parentNode); | ||
| } | ||
| targetRect = target.getBoundingClientRect(); | ||
| var width = targetRect.right - targetRect.left, | ||
| height = targetRect.bottom - targetRect.top, | ||
| floating = R_FLOAT.test(lastCSS.cssFloat + lastCSS.display) | ||
| || (lastParentCSS.display == 'flex' && lastParentCSS['flex-direction'].indexOf('row') === 0), | ||
| isWide = (target.offsetWidth > dragEl.offsetWidth), | ||
| isLong = (target.offsetHeight > dragEl.offsetHeight), | ||
| halfway = (floating ? (evt.clientX - targetRect.left) / width : (evt.clientY - targetRect.top) / height) > 0.5, | ||
| nextSibling = target.nextElementSibling, | ||
| after = false | ||
| ; | ||
| if (floating) { | ||
| var elTop = dragEl.offsetTop, | ||
| tgTop = target.offsetTop; | ||
| if (elTop === tgTop) { | ||
| after = (target.previousElementSibling === dragEl) && !isWide || halfway && isWide; | ||
| } | ||
| else if (target.previousElementSibling === dragEl || dragEl.previousElementSibling === target) { | ||
| after = (evt.clientY - targetRect.top) / height > 0.5; | ||
| } else { | ||
| after = tgTop > elTop; | ||
| } | ||
| } else if (!isMovingBetweenSortable) { | ||
| after = (nextSibling !== dragEl) && !isLong || halfway && isLong; | ||
| } | ||
| var moveVector = _onMove(rootEl, el, dragEl, dragRect, target, targetRect, evt, after); | ||
| if (moveVector !== false) { | ||
| if (moveVector === 1 || moveVector === -1) { | ||
| after = (moveVector === 1); | ||
| } | ||
| _silent = true; | ||
| setTimeout(_unsilent, 30); | ||
| _cloneHide(activeSortable, isOwner); | ||
| if (!dragEl.contains(el)) { | ||
| if (after && !nextSibling) { | ||
| el.appendChild(dragEl); | ||
| } else { | ||
| target.parentNode.insertBefore(dragEl, after ? nextSibling : target); | ||
| } | ||
| } | ||
| parentEl = dragEl.parentNode; // actualization | ||
| this._animate(dragRect, dragEl); | ||
| this._animate(targetRect, target); | ||
| } | ||
| } | ||
| } | ||
| }, | ||
| _animate: function (prevRect, target) { | ||
| var ms = this.options.animation; | ||
| if (ms) { | ||
| var currentRect = target.getBoundingClientRect(); | ||
| if (prevRect.nodeType === 1) { | ||
| prevRect = prevRect.getBoundingClientRect(); | ||
| } | ||
| _css(target, 'transition', 'none'); | ||
| _css(target, 'transform', 'translate3d(' | ||
| + (prevRect.left - currentRect.left) + 'px,' | ||
| + (prevRect.top - currentRect.top) + 'px,0)' | ||
| ); | ||
| target.offsetWidth; // repaint | ||
| _css(target, 'transition', 'all ' + ms + 'ms'); | ||
| _css(target, 'transform', 'translate3d(0,0,0)'); | ||
| clearTimeout(target.animated); | ||
| target.animated = setTimeout(function () { | ||
| _css(target, 'transition', ''); | ||
| _css(target, 'transform', ''); | ||
| target.animated = false; | ||
| }, ms); | ||
| } | ||
| }, | ||
| _offUpEvents: function () { | ||
| var ownerDocument = this.el.ownerDocument; | ||
| _off(document, 'touchmove', this._onTouchMove); | ||
| _off(document, 'pointermove', this._onTouchMove); | ||
| _off(ownerDocument, 'mouseup', this._onDrop); | ||
| _off(ownerDocument, 'touchend', this._onDrop); | ||
| _off(ownerDocument, 'pointerup', this._onDrop); | ||
| _off(ownerDocument, 'touchcancel', this._onDrop); | ||
| _off(ownerDocument, 'pointercancel', this._onDrop); | ||
| _off(ownerDocument, 'selectstart', this); | ||
| }, | ||
| _onDrop: function (/**Event*/evt) { | ||
| var el = this.el, | ||
| options = this.options; | ||
| clearInterval(this._loopId); | ||
| clearInterval(autoScroll.pid); | ||
| clearTimeout(this._dragStartTimer); | ||
| // Unbind events | ||
| _off(document, 'mousemove', this._onTouchMove); | ||
| if (this.nativeDraggable) { | ||
| _off(document, 'drop', this); | ||
| _off(el, 'dragstart', this._onDragStart); | ||
| } | ||
| this._offUpEvents(); | ||
| if (evt) { | ||
| if (moved) { | ||
| evt.preventDefault(); | ||
| !options.dropBubble && evt.stopPropagation(); | ||
| } | ||
| ghostEl && ghostEl.parentNode && ghostEl.parentNode.removeChild(ghostEl); | ||
| if (rootEl === parentEl || Sortable.active.lastPullMode !== 'clone') { | ||
| // Remove clone | ||
| cloneEl && cloneEl.parentNode && cloneEl.parentNode.removeChild(cloneEl); | ||
| } | ||
| if (dragEl) { | ||
| if (this.nativeDraggable) { | ||
| _off(dragEl, 'dragend', this); | ||
| } | ||
| _disableDraggable(dragEl); | ||
| dragEl.style['will-change'] = ''; | ||
| // Remove class's | ||
| _toggleClass(dragEl, this.options.ghostClass, false); | ||
| _toggleClass(dragEl, this.options.chosenClass, false); | ||
| // Drag stop event | ||
| _dispatchEvent(this, rootEl, 'unchoose', dragEl, rootEl, oldIndex); | ||
| if (rootEl !== parentEl) { | ||
| newIndex = _index(dragEl, options.draggable); | ||
| if (newIndex >= 0) { | ||
| // Add event | ||
| _dispatchEvent(null, parentEl, 'add', dragEl, rootEl, oldIndex, newIndex); | ||
| // Remove event | ||
| _dispatchEvent(this, rootEl, 'remove', dragEl, rootEl, oldIndex, newIndex); | ||
| // drag from one list and drop into another | ||
| _dispatchEvent(null, parentEl, 'sort', dragEl, rootEl, oldIndex, newIndex); | ||
| _dispatchEvent(this, rootEl, 'sort', dragEl, rootEl, oldIndex, newIndex); | ||
| } | ||
| } | ||
| else { | ||
| if (dragEl.nextSibling !== nextEl) { | ||
| // Get the index of the dragged element within its parent | ||
| newIndex = _index(dragEl, options.draggable); | ||
| if (newIndex >= 0) { | ||
| // drag & drop within the same list | ||
| _dispatchEvent(this, rootEl, 'update', dragEl, rootEl, oldIndex, newIndex); | ||
| _dispatchEvent(this, rootEl, 'sort', dragEl, rootEl, oldIndex, newIndex); | ||
| } | ||
| } | ||
| } | ||
| if (Sortable.active) { | ||
| /* jshint eqnull:true */ | ||
| if (newIndex == null || newIndex === -1) { | ||
| newIndex = oldIndex; | ||
| } | ||
| _dispatchEvent(this, rootEl, 'end', dragEl, rootEl, oldIndex, newIndex); | ||
| // Save sorting | ||
| this.save(); | ||
| } | ||
| } | ||
| } | ||
| this._nulling(); | ||
| }, | ||
| _nulling: function() { | ||
| rootEl = | ||
| dragEl = | ||
| parentEl = | ||
| ghostEl = | ||
| nextEl = | ||
| cloneEl = | ||
| lastDownEl = | ||
| scrollEl = | ||
| scrollParentEl = | ||
| tapEvt = | ||
| touchEvt = | ||
| moved = | ||
| newIndex = | ||
| lastEl = | ||
| lastCSS = | ||
| putSortable = | ||
| activeGroup = | ||
| Sortable.active = null; | ||
| savedInputChecked.forEach(function (el) { | ||
| el.checked = true; | ||
| }); | ||
| savedInputChecked.length = 0; | ||
| }, | ||
| handleEvent: function (/**Event*/evt) { | ||
| switch (evt.type) { | ||
| case 'drop': | ||
| case 'dragend': | ||
| this._onDrop(evt); | ||
| break; | ||
| case 'dragover': | ||
| case 'dragenter': | ||
| if (dragEl) { | ||
| this._onDragOver(evt); | ||
| _globalDragOver(evt); | ||
| } | ||
| break; | ||
| case 'selectstart': | ||
| evt.preventDefault(); | ||
| break; | ||
| } | ||
| }, | ||
| /** | ||
| * Serializes the item into an array of string. | ||
| * @returns {String[]} | ||
| */ | ||
| toArray: function () { | ||
| var order = [], | ||
| el, | ||
| children = this.el.children, | ||
| i = 0, | ||
| n = children.length, | ||
| options = this.options; | ||
| for (; i < n; i++) { | ||
| el = children[i]; | ||
| if (_closest(el, options.draggable, this.el)) { | ||
| order.push(el.getAttribute(options.dataIdAttr) || _generateId(el)); | ||
| } | ||
| } | ||
| return order; | ||
| }, | ||
| /** | ||
| * Sorts the elements according to the array. | ||
| * @param {String[]} order order of the items | ||
| */ | ||
| sort: function (order) { | ||
| var items = {}, rootEl = this.el; | ||
| this.toArray().forEach(function (id, i) { | ||
| var el = rootEl.children[i]; | ||
| if (_closest(el, this.options.draggable, rootEl)) { | ||
| items[id] = el; | ||
| } | ||
| }, this); | ||
| order.forEach(function (id) { | ||
| if (items[id]) { | ||
| rootEl.removeChild(items[id]); | ||
| rootEl.appendChild(items[id]); | ||
| } | ||
| }); | ||
| }, | ||
| /** | ||
| * Save the current sorting | ||
| */ | ||
| save: function () { | ||
| var store = this.options.store; | ||
| store && store.set(this); | ||
| }, | ||
| /** | ||
| * For each element in the set, get the first element that matches the selector by testing the element itself and traversing up through its ancestors in the DOM tree. | ||
| * @param {HTMLElement} el | ||
| * @param {String} [selector] default: `options.draggable` | ||
| * @returns {HTMLElement|null} | ||
| */ | ||
| closest: function (el, selector) { | ||
| return _closest(el, selector || this.options.draggable, this.el); | ||
| }, | ||
| /** | ||
| * Set/get option | ||
| * @param {string} name | ||
| * @param {*} [value] | ||
| * @returns {*} | ||
| */ | ||
| option: function (name, value) { | ||
| var options = this.options; | ||
| if (value === void 0) { | ||
| return options[name]; | ||
| } else { | ||
| options[name] = value; | ||
| if (name === 'group') { | ||
| _prepareGroup(options); | ||
| } | ||
| } | ||
| }, | ||
| /** | ||
| * Destroy | ||
| */ | ||
| destroy: function () { | ||
| var el = this.el; | ||
| el[expando] = null; | ||
| _off(el, 'mousedown', this._onTapStart); | ||
| _off(el, 'touchstart', this._onTapStart); | ||
| _off(el, 'pointerdown', this._onTapStart); | ||
| if (this.nativeDraggable) { | ||
| _off(el, 'dragover', this); | ||
| _off(el, 'dragenter', this); | ||
| } | ||
| // Remove draggable attributes | ||
| Array.prototype.forEach.call(el.querySelectorAll('[draggable]'), function (el) { | ||
| el.removeAttribute('draggable'); | ||
| }); | ||
| touchDragOverListeners.splice(touchDragOverListeners.indexOf(this._onDragOver), 1); | ||
| this._onDrop(); | ||
| this.el = el = null; | ||
| } | ||
| }; | ||
| function _cloneHide(sortable, state) { | ||
| if (sortable.lastPullMode !== 'clone') { | ||
| state = true; | ||
| } | ||
| if (cloneEl && (cloneEl.state !== state)) { | ||
| _css(cloneEl, 'display', state ? 'none' : ''); | ||
| if (!state) { | ||
| if (cloneEl.state) { | ||
| if (sortable.options.group.revertClone) { | ||
| rootEl.insertBefore(cloneEl, nextEl); | ||
| sortable._animate(dragEl, cloneEl); | ||
| } else { | ||
| rootEl.insertBefore(cloneEl, dragEl); | ||
| } | ||
| } | ||
| } | ||
| cloneEl.state = state; | ||
| } | ||
| } | ||
| function _closest(/**HTMLElement*/el, /**String*/selector, /**HTMLElement*/ctx) { | ||
| if (el) { | ||
| ctx = ctx || document; | ||
| do { | ||
| if ((selector === '>*' && el.parentNode === ctx) || _matches(el, selector)) { | ||
| return el; | ||
| } | ||
| /* jshint boss:true */ | ||
| } while (el = _getParentOrHost(el)); | ||
| } | ||
| return null; | ||
| } | ||
| function _getParentOrHost(el) { | ||
| var parent = el.host; | ||
| return (parent && parent.nodeType) ? parent : el.parentNode; | ||
| } | ||
| function _globalDragOver(/**Event*/evt) { | ||
| if (evt.dataTransfer) { | ||
| evt.dataTransfer.dropEffect = 'move'; | ||
| } | ||
| evt.preventDefault(); | ||
| } | ||
| function _on(el, event, fn) { | ||
| el.addEventListener(event, fn, captureMode); | ||
| } | ||
| function _off(el, event, fn) { | ||
| el.removeEventListener(event, fn, captureMode); | ||
| } | ||
| function _toggleClass(el, name, state) { | ||
| if (el) { | ||
| if (el.classList) { | ||
| el.classList[state ? 'add' : 'remove'](name); | ||
| } | ||
| else { | ||
| var className = (' ' + el.className + ' ').replace(R_SPACE, ' ').replace(' ' + name + ' ', ' '); | ||
| el.className = (className + (state ? ' ' + name : '')).replace(R_SPACE, ' '); | ||
| } | ||
| } | ||
| } | ||
| function _css(el, prop, val) { | ||
| var style = el && el.style; | ||
| if (style) { | ||
| if (val === void 0) { | ||
| if (document.defaultView && document.defaultView.getComputedStyle) { | ||
| val = document.defaultView.getComputedStyle(el, ''); | ||
| } | ||
| else if (el.currentStyle) { | ||
| val = el.currentStyle; | ||
| } | ||
| return prop === void 0 ? val : val[prop]; | ||
| } | ||
| else { | ||
| if (!(prop in style)) { | ||
| prop = '-webkit-' + prop; | ||
| } | ||
| style[prop] = val + (typeof val === 'string' ? '' : 'px'); | ||
| } | ||
| } | ||
| } | ||
| function _find(ctx, tagName, iterator) { | ||
| if (ctx) { | ||
| var list = ctx.getElementsByTagName(tagName), i = 0, n = list.length; | ||
| if (iterator) { | ||
| for (; i < n; i++) { | ||
| iterator(list[i], i); | ||
| } | ||
| } | ||
| return list; | ||
| } | ||
| return []; | ||
| } | ||
| function _dispatchEvent(sortable, rootEl, name, targetEl, fromEl, startIndex, newIndex) { | ||
| sortable = (sortable || rootEl[expando]); | ||
| var evt = document.createEvent('Event'), | ||
| options = sortable.options, | ||
| onName = 'on' + name.charAt(0).toUpperCase() + name.substr(1); | ||
| evt.initEvent(name, true, true); | ||
| evt.to = rootEl; | ||
| evt.from = fromEl || rootEl; | ||
| evt.item = targetEl || rootEl; | ||
| evt.clone = cloneEl; | ||
| evt.oldIndex = startIndex; | ||
| evt.newIndex = newIndex; | ||
| rootEl.dispatchEvent(evt); | ||
| if (options[onName]) { | ||
| options[onName].call(sortable, evt); | ||
| } | ||
| } | ||
| function _onMove(fromEl, toEl, dragEl, dragRect, targetEl, targetRect, originalEvt, willInsertAfter) { | ||
| var evt, | ||
| sortable = fromEl[expando], | ||
| onMoveFn = sortable.options.onMove, | ||
| retVal; | ||
| evt = document.createEvent('Event'); | ||
| evt.initEvent('move', true, true); | ||
| evt.to = toEl; | ||
| evt.from = fromEl; | ||
| evt.dragged = dragEl; | ||
| evt.draggedRect = dragRect; | ||
| evt.related = targetEl || toEl; | ||
| evt.relatedRect = targetRect || toEl.getBoundingClientRect(); | ||
| evt.willInsertAfter = willInsertAfter; | ||
| fromEl.dispatchEvent(evt); | ||
| if (onMoveFn) { | ||
| retVal = onMoveFn.call(sortable, evt, originalEvt); | ||
| } | ||
| return retVal; | ||
| } | ||
| function _disableDraggable(el) { | ||
| el.draggable = false; | ||
| } | ||
| function _unsilent() { | ||
| _silent = false; | ||
| } | ||
| /** @returns {HTMLElement|false} */ | ||
| function _ghostIsLast(el, evt) { | ||
| var lastEl = el.lastElementChild, | ||
| rect = lastEl.getBoundingClientRect(); | ||
| // 5 — min delta | ||
| // abs — нельзя добавлять, а то глюки при наведении сверху | ||
| return (evt.clientY - (rect.top + rect.height) > 5) || | ||
| (evt.clientX - (rect.left + rect.width) > 5); | ||
| } | ||
| /** | ||
| * Generate id | ||
| * @param {HTMLElement} el | ||
| * @returns {String} | ||
| * @private | ||
| */ | ||
| function _generateId(el) { | ||
| var str = el.tagName + el.className + el.src + el.href + el.textContent, | ||
| i = str.length, | ||
| sum = 0; | ||
| while (i--) { | ||
| sum += str.charCodeAt(i); | ||
| } | ||
| return sum.toString(36); | ||
| } | ||
| /** | ||
| * Returns the index of an element within its parent for a selected set of | ||
| * elements | ||
| * @param {HTMLElement} el | ||
| * @param {selector} selector | ||
| * @return {number} | ||
| */ | ||
| function _index(el, selector) { | ||
| var index = 0; | ||
| if (!el || !el.parentNode) { | ||
| return -1; | ||
| } | ||
| while (el && (el = el.previousElementSibling)) { | ||
| if ((el.nodeName.toUpperCase() !== 'TEMPLATE') && (selector === '>*' || _matches(el, selector))) { | ||
| index++; | ||
| } | ||
| } | ||
| return index; | ||
| } | ||
| function _matches(/**HTMLElement*/el, /**String*/selector) { | ||
| if (el) { | ||
| selector = selector.split('.'); | ||
| var tag = selector.shift().toUpperCase(), | ||
| re = new RegExp('\\s(' + selector.join('|') + ')(?=\\s)', 'g'); | ||
| return ( | ||
| (tag === '' || el.nodeName.toUpperCase() == tag) && | ||
| (!selector.length || ((' ' + el.className + ' ').match(re) || []).length == selector.length) | ||
| ); | ||
| } | ||
| return false; | ||
| } | ||
| function _throttle(callback, ms) { | ||
| var args, _this; | ||
| return function () { | ||
| if (args === void 0) { | ||
| args = arguments; | ||
| _this = this; | ||
| setTimeout(function () { | ||
| if (args.length === 1) { | ||
| callback.call(_this, args[0]); | ||
| } else { | ||
| callback.apply(_this, args); | ||
| } | ||
| args = void 0; | ||
| }, ms); | ||
| } | ||
| }; | ||
| } | ||
| function _extend(dst, src) { | ||
| if (dst && src) { | ||
| for (var key in src) { | ||
| if (src.hasOwnProperty(key)) { | ||
| dst[key] = src[key]; | ||
| } | ||
| } | ||
| } | ||
| return dst; | ||
| } | ||
| function _clone(el) { | ||
| return $ | ||
| ? $(el).clone(true)[0] | ||
| : (Polymer && Polymer.dom | ||
| ? Polymer.dom(el).cloneNode(true) | ||
| : el.cloneNode(true) | ||
| ); | ||
| } | ||
| function _saveInputCheckedState(root) { | ||
| var inputs = root.getElementsByTagName('input'); | ||
| var idx = inputs.length; | ||
| while (idx--) { | ||
| var el = inputs[idx]; | ||
| el.checked && savedInputChecked.push(el); | ||
| } | ||
| } | ||
| // Fixed #973: | ||
| _on(document, 'touchmove', function (evt) { | ||
| if (Sortable.active) { | ||
| evt.preventDefault(); | ||
| } | ||
| }); | ||
| try { | ||
| window.addEventListener('test', null, Object.defineProperty({}, 'passive', { | ||
| get: function () { | ||
| captureMode = { | ||
| capture: false, | ||
| passive: false | ||
| }; | ||
| } | ||
| })); | ||
| } catch (err) {} | ||
| // Export utils | ||
| Sortable.utils = { | ||
| on: _on, | ||
| off: _off, | ||
| css: _css, | ||
| find: _find, | ||
| is: function (el, selector) { | ||
| return !!_closest(el, selector, el); | ||
| }, | ||
| extend: _extend, | ||
| throttle: _throttle, | ||
| closest: _closest, | ||
| toggleClass: _toggleClass, | ||
| clone: _clone, | ||
| index: _index | ||
| }; | ||
| /** | ||
| * Create sortable instance | ||
| * @param {HTMLElement} el | ||
| * @param {Object} [options] | ||
| */ | ||
| Sortable.create = function (el, options) { | ||
| return new Sortable(el, options); | ||
| }; | ||
| /** | ||
| * jQuery plugin for Sortable | ||
| * @param {Object|String} options | ||
| * @param {..*} [args] | ||
| * @returns {jQuery|*} | ||
| */ | ||
| jQuery.fn.sortable = function (options) { | ||
| var retVal, | ||
| args = arguments; | ||
| this.each(function () { | ||
| var $el = jQuery(this), | ||
| sortable = $el.data('sortable'); | ||
| if (!sortable && (options instanceof Object || !options)) { | ||
| sortable = new Sortable(this, options); | ||
| $el.data('sortable', sortable); | ||
| } | ||
| if (sortable) { | ||
| if (options === 'widget') { | ||
| retVal = sortable; | ||
| } | ||
| else if (options === 'destroy') { | ||
| sortable.destroy(); | ||
| $el.removeData('sortable'); | ||
| } | ||
| else if (typeof sortable[options] === 'function') { | ||
| retVal = sortable[options].apply(sortable, [].slice.call(args, 1)); | ||
| } | ||
| else if (options in sortable.options) { | ||
| retVal = sortable.option.apply(sortable, args); | ||
| } | ||
| } | ||
| }); | ||
| return (retVal === void 0) ? this : retVal; | ||
| }; | ||
| }); |
| !function(t){"use strict";"function"==typeof define&&define.amd?define(["jquery"],t):t(jQuery)}(function(t){"use strict";function e(t,e){if(!t||!t.nodeType||1!==t.nodeType)throw"Sortable: `el` must be HTMLElement, and not "+{}.toString.call(t);this.el=t,this.options=e=D({},e),t[q]=this;var n={group:Math.random(),sort:!0,disabled:!1,store:null,handle:null,scroll:!0,scrollSensitivity:30,scrollSpeed:10,draggable:/[uo]l/i.test(t.nodeName)?"li":">*",ghostClass:"sortable-ghost",chosenClass:"sortable-chosen",dragClass:"sortable-drag",ignore:"a, img",filter:null,preventOnFilter:!0,animation:0,setData:function(t,e){t.setData("Text",e.textContent)},dropBubble:!1,dragoverBubble:!1,dataIdAttr:"data-id",delay:0,forceFallback:!1,fallbackClass:"sortable-fallback",fallbackOnBody:!1,fallbackTolerance:0,fallbackOffset:{x:0,y:0}};for(var i in n)!(i in e)&&(e[i]=n[i]);st(e);for(var o in this)"_"===o.charAt(0)&&"function"==typeof this[o]&&(this[o]=this[o].bind(this));this.nativeDraggable=!e.forceFallback&&$,r(t,"mousedown",this._onTapStart),r(t,"touchstart",this._onTapStart),r(t,"pointerdown",this._onTapStart),this.nativeDraggable&&(r(t,"dragover",this),r(t,"dragenter",this)),at.push(this._onDragOver),e.store&&this.sort(e.store.get(this))}function n(t,e){"clone"!==t.lastPullMode&&(e=!0),E&&E.state!==e&&(c(E,"display",e?"none":""),e||E.state&&(t.options.group.revertClone?(x.insertBefore(E,N),t._animate(w,E)):x.insertBefore(E,w)),E.state=e)}function i(t,e,n){if(t){n=n||G;do{if(">*"===e&&t.parentNode===n||b(t,e))return t}while(t=o(t))}return null}function o(t){var e=t.host;return e&&e.nodeType?e:t.parentNode}function a(t){t.dataTransfer&&(t.dataTransfer.dropEffect="move"),t.preventDefault()}function r(t,e,n){t.addEventListener(e,n,K)}function s(t,e,n){t.removeEventListener(e,n,K)}function l(t,e,n){if(t)if(t.classList)t.classList[n?"add":"remove"](e);else{var i=(" "+t.className+" ").replace(W," ").replace(" "+e+" "," ");t.className=(i+(n?" "+e:"")).replace(W," ")}}function c(t,e,n){var i=t&&t.style;if(i){if(void 0===n)return G.defaultView&&G.defaultView.getComputedStyle?n=G.defaultView.getComputedStyle(t,""):t.currentStyle&&(n=t.currentStyle),void 0===e?n:n[e];e in i||(e="-webkit-"+e),i[e]=n+("string"==typeof n?"":"px")}}function h(t,e,n){if(t){var i=t.getElementsByTagName(e),o=0,a=i.length;if(n)for(;o<a;o++)n(i[o],o);return i}return[]}function d(t,e,n,i,o,a,r){t=t||e[q];var s=G.createEvent("Event"),l=t.options,c="on"+n.charAt(0).toUpperCase()+n.substr(1);s.initEvent(n,!0,!0),s.to=e,s.from=o||e,s.item=i||e,s.clone=E,s.oldIndex=a,s.newIndex=r,e.dispatchEvent(s),l[c]&&l[c].call(t,s)}function u(t,e,n,i,o,a,r,s){var l,c,h=t[q],d=h.options.onMove;return(l=G.createEvent("Event")).initEvent("move",!0,!0),l.to=e,l.from=t,l.dragged=n,l.draggedRect=i,l.related=o||e,l.relatedRect=a||e.getBoundingClientRect(),l.willInsertAfter=s,t.dispatchEvent(l),d&&(c=d.call(h,l,r)),c}function f(t){t.draggable=!1}function p(){et=!1}function g(t,e){var n=t.lastElementChild.getBoundingClientRect();return e.clientY-(n.top+n.height)>5||e.clientX-(n.left+n.width)>5}function v(t){for(var e=t.tagName+t.className+t.src+t.href+t.textContent,n=e.length,i=0;n--;)i+=e.charCodeAt(n);return i.toString(36)}function m(t,e){var n=0;if(!t||!t.parentNode)return-1;for(;t&&(t=t.previousElementSibling);)"TEMPLATE"===t.nodeName.toUpperCase()||">*"!==e&&!b(t,e)||n++;return n}function b(t,e){if(t){var n=(e=e.split(".")).shift().toUpperCase(),i=new RegExp("\\s("+e.join("|")+")(?=\\s)","g");return!(""!==n&&t.nodeName.toUpperCase()!=n||e.length&&((" "+t.className+" ").match(i)||[]).length!=e.length)}return!1}function _(t,e){var n,i;return function(){void 0===n&&(n=arguments,i=this,setTimeout(function(){1===n.length?t.call(i,n[0]):t.apply(i,n),n=void 0},e))}}function D(t,e){if(t&&e)for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n]);return t}function y(t){return Z?Z(t).clone(!0)[0]:J&&J.dom?J.dom(t).cloneNode(!0):t.cloneNode(!0)}function T(t){for(var e=t.getElementsByTagName("input"),n=e.length;n--;){var i=e[n];i.checked&&ot.push(i)}}var w,C,S,E,x,N,k,B,O,Y,X,A,M,P,R,I,L,j,F,U,H={},W=/\s+/g,V=/left|right|inline/,q="Sortable"+(new Date).getTime(),z=window,G=z.document,Q=z.parseInt,Z=z.jQuery||z.Zepto,J=z.Polymer,K=!1,$=!!("draggable"in G.createElement("div")),tt=function(t){return!navigator.userAgent.match(/Trident.*rv[ :]?11\./)&&(t=G.createElement("x"),t.style.cssText="pointer-events:auto","auto"===t.style.pointerEvents)}(),et=!1,nt=Math.abs,it=Math.min,ot=[],at=[],rt=_(function(t,e,n){if(n&&e.scroll){var i,o,a,r,s,l,c=n[q],h=e.scrollSensitivity,d=e.scrollSpeed,u=t.clientX,f=t.clientY,p=window.innerWidth,g=window.innerHeight;if(O!==n&&(B=e.scroll,O=n,Y=e.scrollFn,!0===B)){B=n;do{if(B.offsetWidth<B.scrollWidth||B.offsetHeight<B.scrollHeight)break}while(B=B.parentNode)}B&&(i=B,o=B.getBoundingClientRect(),a=(nt(o.right-u)<=h)-(nt(o.left-u)<=h),r=(nt(o.bottom-f)<=h)-(nt(o.top-f)<=h)),a||r||(r=(g-f<=h)-(f<=h),((a=(p-u<=h)-(u<=h))||r)&&(i=z)),H.vx===a&&H.vy===r&&H.el===i||(H.el=i,H.vx=a,H.vy=r,clearInterval(H.pid),i&&(H.pid=setInterval(function(){if(l=r?r*d:0,s=a?a*d:0,"function"==typeof Y)return Y.call(c,s,l,t);i===z?z.scrollTo(z.pageXOffset+s,z.pageYOffset+l):(i.scrollTop+=l,i.scrollLeft+=s)},24)))}},30),st=function(t){function e(t,e){return void 0!==t&&!0!==t||(t=n.name),"function"==typeof t?t:function(n,i){var o=i.options.group.name;return e?t:t&&(t.join?t.indexOf(o)>-1:o==t)}}var n={},i=t.group;i&&"object"==typeof i||(i={name:i}),n.name=i.name,n.checkPull=e(i.pull,!0),n.checkPut=e(i.put),n.revertClone=i.revertClone,t.group=n};e.prototype={constructor:e,_onTapStart:function(t){var e,n=this,o=this.el,a=this.options,r=a.preventOnFilter,s=t.type,l=t.touches&&t.touches[0],c=(l||t).target,h=t.target.shadowRoot&&t.path&&t.path[0]||c,u=a.filter;if(T(o),!w&&!(/mousedown|pointerdown/.test(s)&&0!==t.button||a.disabled)&&(c=i(c,a.draggable,o))&&k!==c){if(e=m(c,a.draggable),"function"==typeof u){if(u.call(this,t,c,this))return d(n,h,"filter",c,o,e),void(r&&t.preventDefault())}else if(u&&(u=u.split(",").some(function(t){if(t=i(h,t.trim(),o))return d(n,t,"filter",c,o,e),!0})))return void(r&&t.preventDefault());a.handle&&!i(h,a.handle,o)||this._prepareDragStart(t,l,c,e)}},_prepareDragStart:function(t,e,n,i){var o,a=this,s=a.el,c=a.options,u=s.ownerDocument;n&&!w&&n.parentNode===s&&(j=t,x=s,C=(w=n).parentNode,N=w.nextSibling,k=n,I=c.group,P=i,this._lastX=(e||t).clientX,this._lastY=(e||t).clientY,w.style["will-change"]="transform",o=function(){a._disableDelayedDrag(),w.draggable=a.nativeDraggable,l(w,c.chosenClass,!0),a._triggerDragStart(t,e),d(a,x,"choose",w,x,P)},c.ignore.split(",").forEach(function(t){h(w,t.trim(),f)}),r(u,"mouseup",a._onDrop),r(u,"touchend",a._onDrop),r(u,"touchcancel",a._onDrop),r(u,"pointercancel",a._onDrop),r(u,"selectstart",a),c.delay?(r(u,"mouseup",a._disableDelayedDrag),r(u,"touchend",a._disableDelayedDrag),r(u,"touchcancel",a._disableDelayedDrag),r(u,"mousemove",a._disableDelayedDrag),r(u,"touchmove",a._disableDelayedDrag),r(u,"pointermove",a._disableDelayedDrag),a._dragStartTimer=setTimeout(o,c.delay)):o())},_disableDelayedDrag:function(){var t=this.el.ownerDocument;clearTimeout(this._dragStartTimer),s(t,"mouseup",this._disableDelayedDrag),s(t,"touchend",this._disableDelayedDrag),s(t,"touchcancel",this._disableDelayedDrag),s(t,"mousemove",this._disableDelayedDrag),s(t,"touchmove",this._disableDelayedDrag),s(t,"pointermove",this._disableDelayedDrag)},_triggerDragStart:function(t,e){(e=e||("touch"==t.pointerType?t:null))?(j={target:w,clientX:e.clientX,clientY:e.clientY},this._onDragStart(j,"touch")):this.nativeDraggable?(r(w,"dragend",this),r(x,"dragstart",this._onDragStart)):this._onDragStart(j,!0);try{G.selection?setTimeout(function(){G.selection.empty()}):window.getSelection().removeAllRanges()}catch(t){}},_dragStarted:function(){if(x&&w){var t=this.options;l(w,t.ghostClass,!0),l(w,t.dragClass,!1),e.active=this,d(this,x,"start",w,x,P)}else this._nulling()},_emulateDragOver:function(){if(F){if(this._lastX===F.clientX&&this._lastY===F.clientY)return;this._lastX=F.clientX,this._lastY=F.clientY,tt||c(S,"display","none");var t=G.elementFromPoint(F.clientX,F.clientY),e=t,n=at.length;if(e)do{if(e[q]){for(;n--;)at[n]({clientX:F.clientX,clientY:F.clientY,target:t,rootEl:e});break}t=e}while(e=e.parentNode);tt||c(S,"display","")}},_onTouchMove:function(t){if(j){var n=this.options,i=n.fallbackTolerance,o=n.fallbackOffset,a=t.touches?t.touches[0]:t,r=a.clientX-j.clientX+o.x,s=a.clientY-j.clientY+o.y,l=t.touches?"translate3d("+r+"px,"+s+"px,0)":"translate("+r+"px,"+s+"px)";if(!e.active){if(i&&it(nt(a.clientX-this._lastX),nt(a.clientY-this._lastY))<i)return;this._dragStarted()}this._appendGhost(),U=!0,F=a,c(S,"webkitTransform",l),c(S,"mozTransform",l),c(S,"msTransform",l),c(S,"transform",l),t.preventDefault()}},_appendGhost:function(){if(!S){var t,e=w.getBoundingClientRect(),n=c(w),i=this.options;l(S=w.cloneNode(!0),i.ghostClass,!1),l(S,i.fallbackClass,!0),l(S,i.dragClass,!0),c(S,"top",e.top-Q(n.marginTop,10)),c(S,"left",e.left-Q(n.marginLeft,10)),c(S,"width",e.width),c(S,"height",e.height),c(S,"opacity","0.8"),c(S,"position","fixed"),c(S,"zIndex","100000"),c(S,"pointerEvents","none"),i.fallbackOnBody&&G.body.appendChild(S)||x.appendChild(S),t=S.getBoundingClientRect(),c(S,"width",2*e.width-t.width),c(S,"height",2*e.height-t.height)}},_onDragStart:function(t,e){var n=t.dataTransfer,i=this.options;this._offUpEvents(),I.checkPull(this,this,w,t)&&((E=y(w)).draggable=!1,E.style["will-change"]="",c(E,"display","none"),l(E,this.options.chosenClass,!1),x.insertBefore(E,w),d(this,x,"clone",w)),l(w,i.dragClass,!0),e?("touch"===e?(r(G,"touchmove",this._onTouchMove),r(G,"touchend",this._onDrop),r(G,"touchcancel",this._onDrop),r(G,"pointermove",this._onTouchMove),r(G,"pointerup",this._onDrop)):(r(G,"mousemove",this._onTouchMove),r(G,"mouseup",this._onDrop)),this._loopId=setInterval(this._emulateDragOver,50)):(n&&(n.effectAllowed="move",i.setData&&i.setData.call(this,n,w)),r(G,"drop",this),setTimeout(this._dragStarted,0))},_onDragOver:function(t){var o,a,r,s,l=this.el,h=this.options,d=h.group,f=e.active,v=I===d,m=!1,b=h.sort;if(void 0!==t.preventDefault&&(t.preventDefault(),!h.dragoverBubble&&t.stopPropagation()),!w.animated&&(U=!0,f&&!h.disabled&&(v?b||(s=!x.contains(w)):L===this||(f.lastPullMode=I.checkPull(this,f,w,t))&&d.checkPut(this,f,w,t))&&(void 0===t.rootEl||t.rootEl===this.el))){if(rt(t,h,this.el),et)return;if(o=i(t.target,h.draggable,l),a=w.getBoundingClientRect(),L!==this&&(L=this,m=!0),s)return n(f,!0),C=x,void(E||N?x.insertBefore(w,E||N):b||x.appendChild(w));if(0===l.children.length||l.children[0]===S||l===t.target&&g(l,t)){if(0!==l.children.length&&l.children[0]!==S&&l===t.target&&(o=l.lastElementChild),o){if(o.animated)return;r=o.getBoundingClientRect()}n(f,v),!1!==u(x,l,w,a,o,r,t)&&(w.contains(l)||(l.appendChild(w),C=l),this._animate(a,w),o&&this._animate(r,o))}else if(o&&!o.animated&&o!==w&&void 0!==o.parentNode[q]){X!==o&&(X=o,A=c(o),M=c(o.parentNode));var _=(r=o.getBoundingClientRect()).right-r.left,D=r.bottom-r.top,y=V.test(A.cssFloat+A.display)||"flex"==M.display&&0===M["flex-direction"].indexOf("row"),T=o.offsetWidth>w.offsetWidth,k=o.offsetHeight>w.offsetHeight,B=(y?(t.clientX-r.left)/_:(t.clientY-r.top)/D)>.5,O=o.nextElementSibling,Y=!1;if(y){var P=w.offsetTop,R=o.offsetTop;Y=P===R?o.previousElementSibling===w&&!T||B&&T:o.previousElementSibling===w||w.previousElementSibling===o?(t.clientY-r.top)/D>.5:R>P}else m||(Y=O!==w&&!k||B&&k);var j=u(x,l,w,a,o,r,t,Y);!1!==j&&(1!==j&&-1!==j||(Y=1===j),et=!0,setTimeout(p,30),n(f,v),w.contains(l)||(Y&&!O?l.appendChild(w):o.parentNode.insertBefore(w,Y?O:o)),C=w.parentNode,this._animate(a,w),this._animate(r,o))}}},_animate:function(t,e){var n=this.options.animation;if(n){var i=e.getBoundingClientRect();1===t.nodeType&&(t=t.getBoundingClientRect()),c(e,"transition","none"),c(e,"transform","translate3d("+(t.left-i.left)+"px,"+(t.top-i.top)+"px,0)"),e.offsetWidth,c(e,"transition","all "+n+"ms"),c(e,"transform","translate3d(0,0,0)"),clearTimeout(e.animated),e.animated=setTimeout(function(){c(e,"transition",""),c(e,"transform",""),e.animated=!1},n)}},_offUpEvents:function(){var t=this.el.ownerDocument;s(G,"touchmove",this._onTouchMove),s(G,"pointermove",this._onTouchMove),s(t,"mouseup",this._onDrop),s(t,"touchend",this._onDrop),s(t,"pointerup",this._onDrop),s(t,"touchcancel",this._onDrop),s(t,"pointercancel",this._onDrop),s(t,"selectstart",this)},_onDrop:function(t){var n=this.el,i=this.options;clearInterval(this._loopId),clearInterval(H.pid),clearTimeout(this._dragStartTimer),s(G,"mousemove",this._onTouchMove),this.nativeDraggable&&(s(G,"drop",this),s(n,"dragstart",this._onDragStart)),this._offUpEvents(),t&&(U&&(t.preventDefault(),!i.dropBubble&&t.stopPropagation()),S&&S.parentNode&&S.parentNode.removeChild(S),x!==C&&"clone"===e.active.lastPullMode||E&&E.parentNode&&E.parentNode.removeChild(E),w&&(this.nativeDraggable&&s(w,"dragend",this),f(w),w.style["will-change"]="",l(w,this.options.ghostClass,!1),l(w,this.options.chosenClass,!1),d(this,x,"unchoose",w,x,P),x!==C?(R=m(w,i.draggable))>=0&&(d(null,C,"add",w,x,P,R),d(this,x,"remove",w,x,P,R),d(null,C,"sort",w,x,P,R),d(this,x,"sort",w,x,P,R)):w.nextSibling!==N&&(R=m(w,i.draggable))>=0&&(d(this,x,"update",w,x,P,R),d(this,x,"sort",w,x,P,R)),e.active&&(null!=R&&-1!==R||(R=P),d(this,x,"end",w,x,P,R),this.save()))),this._nulling()},_nulling:function(){x=w=C=S=N=E=k=B=O=j=F=U=R=X=A=L=I=e.active=null,ot.forEach(function(t){t.checked=!0}),ot.length=0},handleEvent:function(t){switch(t.type){case"drop":case"dragend":this._onDrop(t);break;case"dragover":case"dragenter":w&&(this._onDragOver(t),a(t));break;case"selectstart":t.preventDefault()}},toArray:function(){for(var t,e=[],n=this.el.children,o=0,a=n.length,r=this.options;o<a;o++)i(t=n[o],r.draggable,this.el)&&e.push(t.getAttribute(r.dataIdAttr)||v(t));return e},sort:function(t){var e={},n=this.el;this.toArray().forEach(function(t,o){var a=n.children[o];i(a,this.options.draggable,n)&&(e[t]=a)},this),t.forEach(function(t){e[t]&&(n.removeChild(e[t]),n.appendChild(e[t]))})},save:function(){var t=this.options.store;t&&t.set(this)},closest:function(t,e){return i(t,e||this.options.draggable,this.el)},option:function(t,e){var n=this.options;if(void 0===e)return n[t];n[t]=e,"group"===t&&st(n)},destroy:function(){var t=this.el;t[q]=null,s(t,"mousedown",this._onTapStart),s(t,"touchstart",this._onTapStart),s(t,"pointerdown",this._onTapStart),this.nativeDraggable&&(s(t,"dragover",this),s(t,"dragenter",this)),Array.prototype.forEach.call(t.querySelectorAll("[draggable]"),function(t){t.removeAttribute("draggable")}),at.splice(at.indexOf(this._onDragOver),1),this._onDrop(),this.el=t=null}},r(G,"touchmove",function(t){e.active&&t.preventDefault()});try{window.addEventListener("test",null,Object.defineProperty({},"passive",{get:function(){K={capture:!1,passive:!1}}}))}catch(t){}e.utils={on:r,off:s,css:c,find:h,is:function(t,e){return!!i(t,e,t)},extend:D,throttle:_,closest:i,toggleClass:l,clone:y,index:m},e.create=function(t,n){return new e(t,n)},t.fn.sortable=function(n){var i,o=arguments;return this.each(function(){var a=t(this),r=a.data("sortable");r||!(n instanceof Object)&&n||(r=new e(this,n),a.data("sortable",r)),r&&("widget"===n?i=r:"destroy"===n?(r.destroy(),a.removeData("sortable")):"function"==typeof r[n]?i=r[n].apply(r,[].slice.call(o,1)):n in r.options&&(i=r.option.apply(r,o)))}),void 0===i?this:i}}); |
+4
-4
| { | ||
| "name": "jquery-sortablejs", | ||
| "version": "0.1.0", | ||
| "version": "1.6.1", | ||
| "description": "A jQuery binding to SortableJS.", | ||
| "main": "jquery.fn.sortable.js", | ||
| "main": "jquery-sortable.js", | ||
| "scripts": { | ||
@@ -14,4 +14,4 @@ "prepare": "grunt" | ||
| "files": [ | ||
| "jquery.fn.sortable.js", | ||
| "jquery.fn.sortable.min.js" | ||
| "jquery-sortable.js", | ||
| "jquery-sortable.min.js" | ||
| ], | ||
@@ -18,0 +18,0 @@ "keywords": [ |
| /** | ||
| * jQuery plugin for Sortable | ||
| * @author RubaXa <trash@rubaxa.org> | ||
| * @license MIT | ||
| */ | ||
| (function (factory) { | ||
| "use strict"; | ||
| if (typeof define === "function" && define.amd) { | ||
| define(["jquery"], factory); | ||
| } | ||
| else { | ||
| /* jshint sub:true */ | ||
| factory(jQuery); | ||
| } | ||
| })(function (jQuery) { | ||
| "use strict"; | ||
| var dragEl, | ||
| parentEl, | ||
| ghostEl, | ||
| cloneEl, | ||
| rootEl, | ||
| nextEl, | ||
| lastDownEl, | ||
| scrollEl, | ||
| scrollParentEl, | ||
| scrollCustomFn, | ||
| lastEl, | ||
| lastCSS, | ||
| lastParentCSS, | ||
| oldIndex, | ||
| newIndex, | ||
| activeGroup, | ||
| putSortable, | ||
| autoScroll = {}, | ||
| tapEvt, | ||
| touchEvt, | ||
| moved, | ||
| /** @const */ | ||
| R_SPACE = /\s+/g, | ||
| R_FLOAT = /left|right|inline/, | ||
| expando = 'Sortable' + (new Date).getTime(), | ||
| win = window, | ||
| document = win.document, | ||
| parseInt = win.parseInt, | ||
| $ = win.jQuery || win.Zepto, | ||
| Polymer = win.Polymer, | ||
| captureMode = false, | ||
| supportDraggable = !!('draggable' in document.createElement('div')), | ||
| supportCssPointerEvents = (function (el) { | ||
| // false when IE11 | ||
| if (!!navigator.userAgent.match(/Trident.*rv[ :]?11\./)) { | ||
| return false; | ||
| } | ||
| el = document.createElement('x'); | ||
| el.style.cssText = 'pointer-events:auto'; | ||
| return el.style.pointerEvents === 'auto'; | ||
| })(), | ||
| _silent = false, | ||
| abs = Math.abs, | ||
| min = Math.min, | ||
| savedInputChecked = [], | ||
| touchDragOverListeners = [], | ||
| _autoScroll = _throttle(function (/**Event*/evt, /**Object*/options, /**HTMLElement*/rootEl) { | ||
| // Bug: https://bugzilla.mozilla.org/show_bug.cgi?id=505521 | ||
| if (rootEl && options.scroll) { | ||
| var _this = rootEl[expando], | ||
| el, | ||
| rect, | ||
| sens = options.scrollSensitivity, | ||
| speed = options.scrollSpeed, | ||
| x = evt.clientX, | ||
| y = evt.clientY, | ||
| winWidth = window.innerWidth, | ||
| winHeight = window.innerHeight, | ||
| vx, | ||
| vy, | ||
| scrollOffsetX, | ||
| scrollOffsetY | ||
| ; | ||
| // Delect scrollEl | ||
| if (scrollParentEl !== rootEl) { | ||
| scrollEl = options.scroll; | ||
| scrollParentEl = rootEl; | ||
| scrollCustomFn = options.scrollFn; | ||
| if (scrollEl === true) { | ||
| scrollEl = rootEl; | ||
| do { | ||
| if ((scrollEl.offsetWidth < scrollEl.scrollWidth) || | ||
| (scrollEl.offsetHeight < scrollEl.scrollHeight) | ||
| ) { | ||
| break; | ||
| } | ||
| /* jshint boss:true */ | ||
| } while (scrollEl = scrollEl.parentNode); | ||
| } | ||
| } | ||
| if (scrollEl) { | ||
| el = scrollEl; | ||
| rect = scrollEl.getBoundingClientRect(); | ||
| vx = (abs(rect.right - x) <= sens) - (abs(rect.left - x) <= sens); | ||
| vy = (abs(rect.bottom - y) <= sens) - (abs(rect.top - y) <= sens); | ||
| } | ||
| if (!(vx || vy)) { | ||
| vx = (winWidth - x <= sens) - (x <= sens); | ||
| vy = (winHeight - y <= sens) - (y <= sens); | ||
| /* jshint expr:true */ | ||
| (vx || vy) && (el = win); | ||
| } | ||
| if (autoScroll.vx !== vx || autoScroll.vy !== vy || autoScroll.el !== el) { | ||
| autoScroll.el = el; | ||
| autoScroll.vx = vx; | ||
| autoScroll.vy = vy; | ||
| clearInterval(autoScroll.pid); | ||
| if (el) { | ||
| autoScroll.pid = setInterval(function () { | ||
| scrollOffsetY = vy ? vy * speed : 0; | ||
| scrollOffsetX = vx ? vx * speed : 0; | ||
| if ('function' === typeof(scrollCustomFn)) { | ||
| return scrollCustomFn.call(_this, scrollOffsetX, scrollOffsetY, evt); | ||
| } | ||
| if (el === win) { | ||
| win.scrollTo(win.pageXOffset + scrollOffsetX, win.pageYOffset + scrollOffsetY); | ||
| } else { | ||
| el.scrollTop += scrollOffsetY; | ||
| el.scrollLeft += scrollOffsetX; | ||
| } | ||
| }, 24); | ||
| } | ||
| } | ||
| } | ||
| }, 30), | ||
| _prepareGroup = function (options) { | ||
| function toFn(value, pull) { | ||
| if (value === void 0 || value === true) { | ||
| value = group.name; | ||
| } | ||
| if (typeof value === 'function') { | ||
| return value; | ||
| } else { | ||
| return function (to, from) { | ||
| var fromGroup = from.options.group.name; | ||
| return pull | ||
| ? value | ||
| : value && (value.join | ||
| ? value.indexOf(fromGroup) > -1 | ||
| : (fromGroup == value) | ||
| ); | ||
| }; | ||
| } | ||
| } | ||
| var group = {}; | ||
| var originalGroup = options.group; | ||
| if (!originalGroup || typeof originalGroup != 'object') { | ||
| originalGroup = {name: originalGroup}; | ||
| } | ||
| group.name = originalGroup.name; | ||
| group.checkPull = toFn(originalGroup.pull, true); | ||
| group.checkPut = toFn(originalGroup.put); | ||
| group.revertClone = originalGroup.revertClone; | ||
| options.group = group; | ||
| } | ||
| ; | ||
| /** | ||
| * @class Sortable | ||
| * @param {HTMLElement} el | ||
| * @param {Object} [options] | ||
| */ | ||
| function Sortable(el, options) { | ||
| if (!(el && el.nodeType && el.nodeType === 1)) { | ||
| throw 'Sortable: `el` must be HTMLElement, and not ' + {}.toString.call(el); | ||
| } | ||
| this.el = el; // root element | ||
| this.options = options = _extend({}, options); | ||
| // Export instance | ||
| el[expando] = this; | ||
| // Default options | ||
| var defaults = { | ||
| group: Math.random(), | ||
| sort: true, | ||
| disabled: false, | ||
| store: null, | ||
| handle: null, | ||
| scroll: true, | ||
| scrollSensitivity: 30, | ||
| scrollSpeed: 10, | ||
| draggable: /[uo]l/i.test(el.nodeName) ? 'li' : '>*', | ||
| ghostClass: 'sortable-ghost', | ||
| chosenClass: 'sortable-chosen', | ||
| dragClass: 'sortable-drag', | ||
| ignore: 'a, img', | ||
| filter: null, | ||
| preventOnFilter: true, | ||
| animation: 0, | ||
| setData: function (dataTransfer, dragEl) { | ||
| dataTransfer.setData('Text', dragEl.textContent); | ||
| }, | ||
| dropBubble: false, | ||
| dragoverBubble: false, | ||
| dataIdAttr: 'data-id', | ||
| delay: 0, | ||
| forceFallback: false, | ||
| fallbackClass: 'sortable-fallback', | ||
| fallbackOnBody: false, | ||
| fallbackTolerance: 0, | ||
| fallbackOffset: {x: 0, y: 0} | ||
| }; | ||
| // Set default options | ||
| for (var name in defaults) { | ||
| !(name in options) && (options[name] = defaults[name]); | ||
| } | ||
| _prepareGroup(options); | ||
| // Bind all private methods | ||
| for (var fn in this) { | ||
| if (fn.charAt(0) === '_' && typeof this[fn] === 'function') { | ||
| this[fn] = this[fn].bind(this); | ||
| } | ||
| } | ||
| // Setup drag mode | ||
| this.nativeDraggable = options.forceFallback ? false : supportDraggable; | ||
| // Bind events | ||
| _on(el, 'mousedown', this._onTapStart); | ||
| _on(el, 'touchstart', this._onTapStart); | ||
| _on(el, 'pointerdown', this._onTapStart); | ||
| if (this.nativeDraggable) { | ||
| _on(el, 'dragover', this); | ||
| _on(el, 'dragenter', this); | ||
| } | ||
| touchDragOverListeners.push(this._onDragOver); | ||
| // Restore sorting | ||
| options.store && this.sort(options.store.get(this)); | ||
| } | ||
| Sortable.prototype = /** @lends Sortable.prototype */ { | ||
| constructor: Sortable, | ||
| _onTapStart: function (/** Event|TouchEvent */evt) { | ||
| var _this = this, | ||
| el = this.el, | ||
| options = this.options, | ||
| preventOnFilter = options.preventOnFilter, | ||
| type = evt.type, | ||
| touch = evt.touches && evt.touches[0], | ||
| target = (touch || evt).target, | ||
| originalTarget = evt.target.shadowRoot && (evt.path && evt.path[0]) || target, | ||
| filter = options.filter, | ||
| startIndex; | ||
| _saveInputCheckedState(el); | ||
| // Don't trigger start event when an element is been dragged, otherwise the evt.oldindex always wrong when set option.group. | ||
| if (dragEl) { | ||
| return; | ||
| } | ||
| if (/mousedown|pointerdown/.test(type) && evt.button !== 0 || options.disabled) { | ||
| return; // only left button or enabled | ||
| } | ||
| target = _closest(target, options.draggable, el); | ||
| if (!target) { | ||
| return; | ||
| } | ||
| if (lastDownEl === target) { | ||
| // Ignoring duplicate `down` | ||
| return; | ||
| } | ||
| // Get the index of the dragged element within its parent | ||
| startIndex = _index(target, options.draggable); | ||
| // Check filter | ||
| if (typeof filter === 'function') { | ||
| if (filter.call(this, evt, target, this)) { | ||
| _dispatchEvent(_this, originalTarget, 'filter', target, el, startIndex); | ||
| preventOnFilter && evt.preventDefault(); | ||
| return; // cancel dnd | ||
| } | ||
| } | ||
| else if (filter) { | ||
| filter = filter.split(',').some(function (criteria) { | ||
| criteria = _closest(originalTarget, criteria.trim(), el); | ||
| if (criteria) { | ||
| _dispatchEvent(_this, criteria, 'filter', target, el, startIndex); | ||
| return true; | ||
| } | ||
| }); | ||
| if (filter) { | ||
| preventOnFilter && evt.preventDefault(); | ||
| return; // cancel dnd | ||
| } | ||
| } | ||
| if (options.handle && !_closest(originalTarget, options.handle, el)) { | ||
| return; | ||
| } | ||
| // Prepare `dragstart` | ||
| this._prepareDragStart(evt, touch, target, startIndex); | ||
| }, | ||
| _prepareDragStart: function (/** Event */evt, /** Touch */touch, /** HTMLElement */target, /** Number */startIndex) { | ||
| var _this = this, | ||
| el = _this.el, | ||
| options = _this.options, | ||
| ownerDocument = el.ownerDocument, | ||
| dragStartFn; | ||
| if (target && !dragEl && (target.parentNode === el)) { | ||
| tapEvt = evt; | ||
| rootEl = el; | ||
| dragEl = target; | ||
| parentEl = dragEl.parentNode; | ||
| nextEl = dragEl.nextSibling; | ||
| lastDownEl = target; | ||
| activeGroup = options.group; | ||
| oldIndex = startIndex; | ||
| this._lastX = (touch || evt).clientX; | ||
| this._lastY = (touch || evt).clientY; | ||
| dragEl.style['will-change'] = 'transform'; | ||
| dragStartFn = function () { | ||
| // Delayed drag has been triggered | ||
| // we can re-enable the events: touchmove/mousemove | ||
| _this._disableDelayedDrag(); | ||
| // Make the element draggable | ||
| dragEl.draggable = _this.nativeDraggable; | ||
| // Chosen item | ||
| _toggleClass(dragEl, options.chosenClass, true); | ||
| // Bind the events: dragstart/dragend | ||
| _this._triggerDragStart(evt, touch); | ||
| // Drag start event | ||
| _dispatchEvent(_this, rootEl, 'choose', dragEl, rootEl, oldIndex); | ||
| }; | ||
| // Disable "draggable" | ||
| options.ignore.split(',').forEach(function (criteria) { | ||
| _find(dragEl, criteria.trim(), _disableDraggable); | ||
| }); | ||
| _on(ownerDocument, 'mouseup', _this._onDrop); | ||
| _on(ownerDocument, 'touchend', _this._onDrop); | ||
| _on(ownerDocument, 'touchcancel', _this._onDrop); | ||
| _on(ownerDocument, 'pointercancel', _this._onDrop); | ||
| _on(ownerDocument, 'selectstart', _this); | ||
| if (options.delay) { | ||
| // If the user moves the pointer or let go the click or touch | ||
| // before the delay has been reached: | ||
| // disable the delayed drag | ||
| _on(ownerDocument, 'mouseup', _this._disableDelayedDrag); | ||
| _on(ownerDocument, 'touchend', _this._disableDelayedDrag); | ||
| _on(ownerDocument, 'touchcancel', _this._disableDelayedDrag); | ||
| _on(ownerDocument, 'mousemove', _this._disableDelayedDrag); | ||
| _on(ownerDocument, 'touchmove', _this._disableDelayedDrag); | ||
| _on(ownerDocument, 'pointermove', _this._disableDelayedDrag); | ||
| _this._dragStartTimer = setTimeout(dragStartFn, options.delay); | ||
| } else { | ||
| dragStartFn(); | ||
| } | ||
| } | ||
| }, | ||
| _disableDelayedDrag: function () { | ||
| var ownerDocument = this.el.ownerDocument; | ||
| clearTimeout(this._dragStartTimer); | ||
| _off(ownerDocument, 'mouseup', this._disableDelayedDrag); | ||
| _off(ownerDocument, 'touchend', this._disableDelayedDrag); | ||
| _off(ownerDocument, 'touchcancel', this._disableDelayedDrag); | ||
| _off(ownerDocument, 'mousemove', this._disableDelayedDrag); | ||
| _off(ownerDocument, 'touchmove', this._disableDelayedDrag); | ||
| _off(ownerDocument, 'pointermove', this._disableDelayedDrag); | ||
| }, | ||
| _triggerDragStart: function (/** Event */evt, /** Touch */touch) { | ||
| touch = touch || (evt.pointerType == 'touch' ? evt : null); | ||
| if (touch) { | ||
| // Touch device support | ||
| tapEvt = { | ||
| target: dragEl, | ||
| clientX: touch.clientX, | ||
| clientY: touch.clientY | ||
| }; | ||
| this._onDragStart(tapEvt, 'touch'); | ||
| } | ||
| else if (!this.nativeDraggable) { | ||
| this._onDragStart(tapEvt, true); | ||
| } | ||
| else { | ||
| _on(dragEl, 'dragend', this); | ||
| _on(rootEl, 'dragstart', this._onDragStart); | ||
| } | ||
| try { | ||
| if (document.selection) { | ||
| // Timeout neccessary for IE9 | ||
| setTimeout(function () { | ||
| document.selection.empty(); | ||
| }); | ||
| } else { | ||
| window.getSelection().removeAllRanges(); | ||
| } | ||
| } catch (err) { | ||
| } | ||
| }, | ||
| _dragStarted: function () { | ||
| if (rootEl && dragEl) { | ||
| var options = this.options; | ||
| // Apply effect | ||
| _toggleClass(dragEl, options.ghostClass, true); | ||
| _toggleClass(dragEl, options.dragClass, false); | ||
| Sortable.active = this; | ||
| // Drag start event | ||
| _dispatchEvent(this, rootEl, 'start', dragEl, rootEl, oldIndex); | ||
| } else { | ||
| this._nulling(); | ||
| } | ||
| }, | ||
| _emulateDragOver: function () { | ||
| if (touchEvt) { | ||
| if (this._lastX === touchEvt.clientX && this._lastY === touchEvt.clientY) { | ||
| return; | ||
| } | ||
| this._lastX = touchEvt.clientX; | ||
| this._lastY = touchEvt.clientY; | ||
| if (!supportCssPointerEvents) { | ||
| _css(ghostEl, 'display', 'none'); | ||
| } | ||
| var target = document.elementFromPoint(touchEvt.clientX, touchEvt.clientY), | ||
| parent = target, | ||
| i = touchDragOverListeners.length; | ||
| if (parent) { | ||
| do { | ||
| if (parent[expando]) { | ||
| while (i--) { | ||
| touchDragOverListeners[i]({ | ||
| clientX: touchEvt.clientX, | ||
| clientY: touchEvt.clientY, | ||
| target: target, | ||
| rootEl: parent | ||
| }); | ||
| } | ||
| break; | ||
| } | ||
| target = parent; // store last element | ||
| } | ||
| /* jshint boss:true */ | ||
| while (parent = parent.parentNode); | ||
| } | ||
| if (!supportCssPointerEvents) { | ||
| _css(ghostEl, 'display', ''); | ||
| } | ||
| } | ||
| }, | ||
| _onTouchMove: function (/**TouchEvent*/evt) { | ||
| if (tapEvt) { | ||
| var options = this.options, | ||
| fallbackTolerance = options.fallbackTolerance, | ||
| fallbackOffset = options.fallbackOffset, | ||
| touch = evt.touches ? evt.touches[0] : evt, | ||
| dx = (touch.clientX - tapEvt.clientX) + fallbackOffset.x, | ||
| dy = (touch.clientY - tapEvt.clientY) + fallbackOffset.y, | ||
| translate3d = evt.touches ? 'translate3d(' + dx + 'px,' + dy + 'px,0)' : 'translate(' + dx + 'px,' + dy + 'px)'; | ||
| // only set the status to dragging, when we are actually dragging | ||
| if (!Sortable.active) { | ||
| if (fallbackTolerance && | ||
| min(abs(touch.clientX - this._lastX), abs(touch.clientY - this._lastY)) < fallbackTolerance | ||
| ) { | ||
| return; | ||
| } | ||
| this._dragStarted(); | ||
| } | ||
| // as well as creating the ghost element on the document body | ||
| this._appendGhost(); | ||
| moved = true; | ||
| touchEvt = touch; | ||
| _css(ghostEl, 'webkitTransform', translate3d); | ||
| _css(ghostEl, 'mozTransform', translate3d); | ||
| _css(ghostEl, 'msTransform', translate3d); | ||
| _css(ghostEl, 'transform', translate3d); | ||
| evt.preventDefault(); | ||
| } | ||
| }, | ||
| _appendGhost: function () { | ||
| if (!ghostEl) { | ||
| var rect = dragEl.getBoundingClientRect(), | ||
| css = _css(dragEl), | ||
| options = this.options, | ||
| ghostRect; | ||
| ghostEl = dragEl.cloneNode(true); | ||
| _toggleClass(ghostEl, options.ghostClass, false); | ||
| _toggleClass(ghostEl, options.fallbackClass, true); | ||
| _toggleClass(ghostEl, options.dragClass, true); | ||
| _css(ghostEl, 'top', rect.top - parseInt(css.marginTop, 10)); | ||
| _css(ghostEl, 'left', rect.left - parseInt(css.marginLeft, 10)); | ||
| _css(ghostEl, 'width', rect.width); | ||
| _css(ghostEl, 'height', rect.height); | ||
| _css(ghostEl, 'opacity', '0.8'); | ||
| _css(ghostEl, 'position', 'fixed'); | ||
| _css(ghostEl, 'zIndex', '100000'); | ||
| _css(ghostEl, 'pointerEvents', 'none'); | ||
| options.fallbackOnBody && document.body.appendChild(ghostEl) || rootEl.appendChild(ghostEl); | ||
| // Fixing dimensions. | ||
| ghostRect = ghostEl.getBoundingClientRect(); | ||
| _css(ghostEl, 'width', rect.width * 2 - ghostRect.width); | ||
| _css(ghostEl, 'height', rect.height * 2 - ghostRect.height); | ||
| } | ||
| }, | ||
| _onDragStart: function (/**Event*/evt, /**boolean*/useFallback) { | ||
| var dataTransfer = evt.dataTransfer, | ||
| options = this.options; | ||
| this._offUpEvents(); | ||
| if (activeGroup.checkPull(this, this, dragEl, evt)) { | ||
| cloneEl = _clone(dragEl); | ||
| cloneEl.draggable = false; | ||
| cloneEl.style['will-change'] = ''; | ||
| _css(cloneEl, 'display', 'none'); | ||
| _toggleClass(cloneEl, this.options.chosenClass, false); | ||
| rootEl.insertBefore(cloneEl, dragEl); | ||
| _dispatchEvent(this, rootEl, 'clone', dragEl); | ||
| } | ||
| _toggleClass(dragEl, options.dragClass, true); | ||
| if (useFallback) { | ||
| if (useFallback === 'touch') { | ||
| // Bind touch events | ||
| _on(document, 'touchmove', this._onTouchMove); | ||
| _on(document, 'touchend', this._onDrop); | ||
| _on(document, 'touchcancel', this._onDrop); | ||
| _on(document, 'pointermove', this._onTouchMove); | ||
| _on(document, 'pointerup', this._onDrop); | ||
| } else { | ||
| // Old brwoser | ||
| _on(document, 'mousemove', this._onTouchMove); | ||
| _on(document, 'mouseup', this._onDrop); | ||
| } | ||
| this._loopId = setInterval(this._emulateDragOver, 50); | ||
| } | ||
| else { | ||
| if (dataTransfer) { | ||
| dataTransfer.effectAllowed = 'move'; | ||
| options.setData && options.setData.call(this, dataTransfer, dragEl); | ||
| } | ||
| _on(document, 'drop', this); | ||
| setTimeout(this._dragStarted, 0); | ||
| } | ||
| }, | ||
| _onDragOver: function (/**Event*/evt) { | ||
| var el = this.el, | ||
| target, | ||
| dragRect, | ||
| targetRect, | ||
| revert, | ||
| options = this.options, | ||
| group = options.group, | ||
| activeSortable = Sortable.active, | ||
| isOwner = (activeGroup === group), | ||
| isMovingBetweenSortable = false, | ||
| canSort = options.sort; | ||
| if (evt.preventDefault !== void 0) { | ||
| evt.preventDefault(); | ||
| !options.dragoverBubble && evt.stopPropagation(); | ||
| } | ||
| if (dragEl.animated) { | ||
| return; | ||
| } | ||
| moved = true; | ||
| if (activeSortable && !options.disabled && | ||
| (isOwner | ||
| ? canSort || (revert = !rootEl.contains(dragEl)) // Reverting item into the original list | ||
| : ( | ||
| putSortable === this || | ||
| ( | ||
| (activeSortable.lastPullMode = activeGroup.checkPull(this, activeSortable, dragEl, evt)) && | ||
| group.checkPut(this, activeSortable, dragEl, evt) | ||
| ) | ||
| ) | ||
| ) && | ||
| (evt.rootEl === void 0 || evt.rootEl === this.el) // touch fallback | ||
| ) { | ||
| // Smart auto-scrolling | ||
| _autoScroll(evt, options, this.el); | ||
| if (_silent) { | ||
| return; | ||
| } | ||
| target = _closest(evt.target, options.draggable, el); | ||
| dragRect = dragEl.getBoundingClientRect(); | ||
| if (putSortable !== this) { | ||
| putSortable = this; | ||
| isMovingBetweenSortable = true; | ||
| } | ||
| if (revert) { | ||
| _cloneHide(activeSortable, true); | ||
| parentEl = rootEl; // actualization | ||
| if (cloneEl || nextEl) { | ||
| rootEl.insertBefore(dragEl, cloneEl || nextEl); | ||
| } | ||
| else if (!canSort) { | ||
| rootEl.appendChild(dragEl); | ||
| } | ||
| return; | ||
| } | ||
| if ((el.children.length === 0) || (el.children[0] === ghostEl) || | ||
| (el === evt.target) && (_ghostIsLast(el, evt)) | ||
| ) { | ||
| //assign target only if condition is true | ||
| if (el.children.length !== 0 && el.children[0] !== ghostEl && el === evt.target) { | ||
| target = el.lastElementChild; | ||
| } | ||
| if (target) { | ||
| if (target.animated) { | ||
| return; | ||
| } | ||
| targetRect = target.getBoundingClientRect(); | ||
| } | ||
| _cloneHide(activeSortable, isOwner); | ||
| if (_onMove(rootEl, el, dragEl, dragRect, target, targetRect, evt) !== false) { | ||
| if (!dragEl.contains(el)) { | ||
| el.appendChild(dragEl); | ||
| parentEl = el; // actualization | ||
| } | ||
| this._animate(dragRect, dragEl); | ||
| target && this._animate(targetRect, target); | ||
| } | ||
| } | ||
| else if (target && !target.animated && target !== dragEl && (target.parentNode[expando] !== void 0)) { | ||
| if (lastEl !== target) { | ||
| lastEl = target; | ||
| lastCSS = _css(target); | ||
| lastParentCSS = _css(target.parentNode); | ||
| } | ||
| targetRect = target.getBoundingClientRect(); | ||
| var width = targetRect.right - targetRect.left, | ||
| height = targetRect.bottom - targetRect.top, | ||
| floating = R_FLOAT.test(lastCSS.cssFloat + lastCSS.display) | ||
| || (lastParentCSS.display == 'flex' && lastParentCSS['flex-direction'].indexOf('row') === 0), | ||
| isWide = (target.offsetWidth > dragEl.offsetWidth), | ||
| isLong = (target.offsetHeight > dragEl.offsetHeight), | ||
| halfway = (floating ? (evt.clientX - targetRect.left) / width : (evt.clientY - targetRect.top) / height) > 0.5, | ||
| nextSibling = target.nextElementSibling, | ||
| after = false | ||
| ; | ||
| if (floating) { | ||
| var elTop = dragEl.offsetTop, | ||
| tgTop = target.offsetTop; | ||
| if (elTop === tgTop) { | ||
| after = (target.previousElementSibling === dragEl) && !isWide || halfway && isWide; | ||
| } | ||
| else if (target.previousElementSibling === dragEl || dragEl.previousElementSibling === target) { | ||
| after = (evt.clientY - targetRect.top) / height > 0.5; | ||
| } else { | ||
| after = tgTop > elTop; | ||
| } | ||
| } else if (!isMovingBetweenSortable) { | ||
| after = (nextSibling !== dragEl) && !isLong || halfway && isLong; | ||
| } | ||
| var moveVector = _onMove(rootEl, el, dragEl, dragRect, target, targetRect, evt, after); | ||
| if (moveVector !== false) { | ||
| if (moveVector === 1 || moveVector === -1) { | ||
| after = (moveVector === 1); | ||
| } | ||
| _silent = true; | ||
| setTimeout(_unsilent, 30); | ||
| _cloneHide(activeSortable, isOwner); | ||
| if (!dragEl.contains(el)) { | ||
| if (after && !nextSibling) { | ||
| el.appendChild(dragEl); | ||
| } else { | ||
| target.parentNode.insertBefore(dragEl, after ? nextSibling : target); | ||
| } | ||
| } | ||
| parentEl = dragEl.parentNode; // actualization | ||
| this._animate(dragRect, dragEl); | ||
| this._animate(targetRect, target); | ||
| } | ||
| } | ||
| } | ||
| }, | ||
| _animate: function (prevRect, target) { | ||
| var ms = this.options.animation; | ||
| if (ms) { | ||
| var currentRect = target.getBoundingClientRect(); | ||
| if (prevRect.nodeType === 1) { | ||
| prevRect = prevRect.getBoundingClientRect(); | ||
| } | ||
| _css(target, 'transition', 'none'); | ||
| _css(target, 'transform', 'translate3d(' | ||
| + (prevRect.left - currentRect.left) + 'px,' | ||
| + (prevRect.top - currentRect.top) + 'px,0)' | ||
| ); | ||
| target.offsetWidth; // repaint | ||
| _css(target, 'transition', 'all ' + ms + 'ms'); | ||
| _css(target, 'transform', 'translate3d(0,0,0)'); | ||
| clearTimeout(target.animated); | ||
| target.animated = setTimeout(function () { | ||
| _css(target, 'transition', ''); | ||
| _css(target, 'transform', ''); | ||
| target.animated = false; | ||
| }, ms); | ||
| } | ||
| }, | ||
| _offUpEvents: function () { | ||
| var ownerDocument = this.el.ownerDocument; | ||
| _off(document, 'touchmove', this._onTouchMove); | ||
| _off(document, 'pointermove', this._onTouchMove); | ||
| _off(ownerDocument, 'mouseup', this._onDrop); | ||
| _off(ownerDocument, 'touchend', this._onDrop); | ||
| _off(ownerDocument, 'pointerup', this._onDrop); | ||
| _off(ownerDocument, 'touchcancel', this._onDrop); | ||
| _off(ownerDocument, 'pointercancel', this._onDrop); | ||
| _off(ownerDocument, 'selectstart', this); | ||
| }, | ||
| _onDrop: function (/**Event*/evt) { | ||
| var el = this.el, | ||
| options = this.options; | ||
| clearInterval(this._loopId); | ||
| clearInterval(autoScroll.pid); | ||
| clearTimeout(this._dragStartTimer); | ||
| // Unbind events | ||
| _off(document, 'mousemove', this._onTouchMove); | ||
| if (this.nativeDraggable) { | ||
| _off(document, 'drop', this); | ||
| _off(el, 'dragstart', this._onDragStart); | ||
| } | ||
| this._offUpEvents(); | ||
| if (evt) { | ||
| if (moved) { | ||
| evt.preventDefault(); | ||
| !options.dropBubble && evt.stopPropagation(); | ||
| } | ||
| ghostEl && ghostEl.parentNode && ghostEl.parentNode.removeChild(ghostEl); | ||
| if (rootEl === parentEl || Sortable.active.lastPullMode !== 'clone') { | ||
| // Remove clone | ||
| cloneEl && cloneEl.parentNode && cloneEl.parentNode.removeChild(cloneEl); | ||
| } | ||
| if (dragEl) { | ||
| if (this.nativeDraggable) { | ||
| _off(dragEl, 'dragend', this); | ||
| } | ||
| _disableDraggable(dragEl); | ||
| dragEl.style['will-change'] = ''; | ||
| // Remove class's | ||
| _toggleClass(dragEl, this.options.ghostClass, false); | ||
| _toggleClass(dragEl, this.options.chosenClass, false); | ||
| // Drag stop event | ||
| _dispatchEvent(this, rootEl, 'unchoose', dragEl, rootEl, oldIndex); | ||
| if (rootEl !== parentEl) { | ||
| newIndex = _index(dragEl, options.draggable); | ||
| if (newIndex >= 0) { | ||
| // Add event | ||
| _dispatchEvent(null, parentEl, 'add', dragEl, rootEl, oldIndex, newIndex); | ||
| // Remove event | ||
| _dispatchEvent(this, rootEl, 'remove', dragEl, rootEl, oldIndex, newIndex); | ||
| // drag from one list and drop into another | ||
| _dispatchEvent(null, parentEl, 'sort', dragEl, rootEl, oldIndex, newIndex); | ||
| _dispatchEvent(this, rootEl, 'sort', dragEl, rootEl, oldIndex, newIndex); | ||
| } | ||
| } | ||
| else { | ||
| if (dragEl.nextSibling !== nextEl) { | ||
| // Get the index of the dragged element within its parent | ||
| newIndex = _index(dragEl, options.draggable); | ||
| if (newIndex >= 0) { | ||
| // drag & drop within the same list | ||
| _dispatchEvent(this, rootEl, 'update', dragEl, rootEl, oldIndex, newIndex); | ||
| _dispatchEvent(this, rootEl, 'sort', dragEl, rootEl, oldIndex, newIndex); | ||
| } | ||
| } | ||
| } | ||
| if (Sortable.active) { | ||
| /* jshint eqnull:true */ | ||
| if (newIndex == null || newIndex === -1) { | ||
| newIndex = oldIndex; | ||
| } | ||
| _dispatchEvent(this, rootEl, 'end', dragEl, rootEl, oldIndex, newIndex); | ||
| // Save sorting | ||
| this.save(); | ||
| } | ||
| } | ||
| } | ||
| this._nulling(); | ||
| }, | ||
| _nulling: function() { | ||
| rootEl = | ||
| dragEl = | ||
| parentEl = | ||
| ghostEl = | ||
| nextEl = | ||
| cloneEl = | ||
| lastDownEl = | ||
| scrollEl = | ||
| scrollParentEl = | ||
| tapEvt = | ||
| touchEvt = | ||
| moved = | ||
| newIndex = | ||
| lastEl = | ||
| lastCSS = | ||
| putSortable = | ||
| activeGroup = | ||
| Sortable.active = null; | ||
| savedInputChecked.forEach(function (el) { | ||
| el.checked = true; | ||
| }); | ||
| savedInputChecked.length = 0; | ||
| }, | ||
| handleEvent: function (/**Event*/evt) { | ||
| switch (evt.type) { | ||
| case 'drop': | ||
| case 'dragend': | ||
| this._onDrop(evt); | ||
| break; | ||
| case 'dragover': | ||
| case 'dragenter': | ||
| if (dragEl) { | ||
| this._onDragOver(evt); | ||
| _globalDragOver(evt); | ||
| } | ||
| break; | ||
| case 'selectstart': | ||
| evt.preventDefault(); | ||
| break; | ||
| } | ||
| }, | ||
| /** | ||
| * Serializes the item into an array of string. | ||
| * @returns {String[]} | ||
| */ | ||
| toArray: function () { | ||
| var order = [], | ||
| el, | ||
| children = this.el.children, | ||
| i = 0, | ||
| n = children.length, | ||
| options = this.options; | ||
| for (; i < n; i++) { | ||
| el = children[i]; | ||
| if (_closest(el, options.draggable, this.el)) { | ||
| order.push(el.getAttribute(options.dataIdAttr) || _generateId(el)); | ||
| } | ||
| } | ||
| return order; | ||
| }, | ||
| /** | ||
| * Sorts the elements according to the array. | ||
| * @param {String[]} order order of the items | ||
| */ | ||
| sort: function (order) { | ||
| var items = {}, rootEl = this.el; | ||
| this.toArray().forEach(function (id, i) { | ||
| var el = rootEl.children[i]; | ||
| if (_closest(el, this.options.draggable, rootEl)) { | ||
| items[id] = el; | ||
| } | ||
| }, this); | ||
| order.forEach(function (id) { | ||
| if (items[id]) { | ||
| rootEl.removeChild(items[id]); | ||
| rootEl.appendChild(items[id]); | ||
| } | ||
| }); | ||
| }, | ||
| /** | ||
| * Save the current sorting | ||
| */ | ||
| save: function () { | ||
| var store = this.options.store; | ||
| store && store.set(this); | ||
| }, | ||
| /** | ||
| * For each element in the set, get the first element that matches the selector by testing the element itself and traversing up through its ancestors in the DOM tree. | ||
| * @param {HTMLElement} el | ||
| * @param {String} [selector] default: `options.draggable` | ||
| * @returns {HTMLElement|null} | ||
| */ | ||
| closest: function (el, selector) { | ||
| return _closest(el, selector || this.options.draggable, this.el); | ||
| }, | ||
| /** | ||
| * Set/get option | ||
| * @param {string} name | ||
| * @param {*} [value] | ||
| * @returns {*} | ||
| */ | ||
| option: function (name, value) { | ||
| var options = this.options; | ||
| if (value === void 0) { | ||
| return options[name]; | ||
| } else { | ||
| options[name] = value; | ||
| if (name === 'group') { | ||
| _prepareGroup(options); | ||
| } | ||
| } | ||
| }, | ||
| /** | ||
| * Destroy | ||
| */ | ||
| destroy: function () { | ||
| var el = this.el; | ||
| el[expando] = null; | ||
| _off(el, 'mousedown', this._onTapStart); | ||
| _off(el, 'touchstart', this._onTapStart); | ||
| _off(el, 'pointerdown', this._onTapStart); | ||
| if (this.nativeDraggable) { | ||
| _off(el, 'dragover', this); | ||
| _off(el, 'dragenter', this); | ||
| } | ||
| // Remove draggable attributes | ||
| Array.prototype.forEach.call(el.querySelectorAll('[draggable]'), function (el) { | ||
| el.removeAttribute('draggable'); | ||
| }); | ||
| touchDragOverListeners.splice(touchDragOverListeners.indexOf(this._onDragOver), 1); | ||
| this._onDrop(); | ||
| this.el = el = null; | ||
| } | ||
| }; | ||
| function _cloneHide(sortable, state) { | ||
| if (sortable.lastPullMode !== 'clone') { | ||
| state = true; | ||
| } | ||
| if (cloneEl && (cloneEl.state !== state)) { | ||
| _css(cloneEl, 'display', state ? 'none' : ''); | ||
| if (!state) { | ||
| if (cloneEl.state) { | ||
| if (sortable.options.group.revertClone) { | ||
| rootEl.insertBefore(cloneEl, nextEl); | ||
| sortable._animate(dragEl, cloneEl); | ||
| } else { | ||
| rootEl.insertBefore(cloneEl, dragEl); | ||
| } | ||
| } | ||
| } | ||
| cloneEl.state = state; | ||
| } | ||
| } | ||
| function _closest(/**HTMLElement*/el, /**String*/selector, /**HTMLElement*/ctx) { | ||
| if (el) { | ||
| ctx = ctx || document; | ||
| do { | ||
| if ((selector === '>*' && el.parentNode === ctx) || _matches(el, selector)) { | ||
| return el; | ||
| } | ||
| /* jshint boss:true */ | ||
| } while (el = _getParentOrHost(el)); | ||
| } | ||
| return null; | ||
| } | ||
| function _getParentOrHost(el) { | ||
| var parent = el.host; | ||
| return (parent && parent.nodeType) ? parent : el.parentNode; | ||
| } | ||
| function _globalDragOver(/**Event*/evt) { | ||
| if (evt.dataTransfer) { | ||
| evt.dataTransfer.dropEffect = 'move'; | ||
| } | ||
| evt.preventDefault(); | ||
| } | ||
| function _on(el, event, fn) { | ||
| el.addEventListener(event, fn, captureMode); | ||
| } | ||
| function _off(el, event, fn) { | ||
| el.removeEventListener(event, fn, captureMode); | ||
| } | ||
| function _toggleClass(el, name, state) { | ||
| if (el) { | ||
| if (el.classList) { | ||
| el.classList[state ? 'add' : 'remove'](name); | ||
| } | ||
| else { | ||
| var className = (' ' + el.className + ' ').replace(R_SPACE, ' ').replace(' ' + name + ' ', ' '); | ||
| el.className = (className + (state ? ' ' + name : '')).replace(R_SPACE, ' '); | ||
| } | ||
| } | ||
| } | ||
| function _css(el, prop, val) { | ||
| var style = el && el.style; | ||
| if (style) { | ||
| if (val === void 0) { | ||
| if (document.defaultView && document.defaultView.getComputedStyle) { | ||
| val = document.defaultView.getComputedStyle(el, ''); | ||
| } | ||
| else if (el.currentStyle) { | ||
| val = el.currentStyle; | ||
| } | ||
| return prop === void 0 ? val : val[prop]; | ||
| } | ||
| else { | ||
| if (!(prop in style)) { | ||
| prop = '-webkit-' + prop; | ||
| } | ||
| style[prop] = val + (typeof val === 'string' ? '' : 'px'); | ||
| } | ||
| } | ||
| } | ||
| function _find(ctx, tagName, iterator) { | ||
| if (ctx) { | ||
| var list = ctx.getElementsByTagName(tagName), i = 0, n = list.length; | ||
| if (iterator) { | ||
| for (; i < n; i++) { | ||
| iterator(list[i], i); | ||
| } | ||
| } | ||
| return list; | ||
| } | ||
| return []; | ||
| } | ||
| function _dispatchEvent(sortable, rootEl, name, targetEl, fromEl, startIndex, newIndex) { | ||
| sortable = (sortable || rootEl[expando]); | ||
| var evt = document.createEvent('Event'), | ||
| options = sortable.options, | ||
| onName = 'on' + name.charAt(0).toUpperCase() + name.substr(1); | ||
| evt.initEvent(name, true, true); | ||
| evt.to = rootEl; | ||
| evt.from = fromEl || rootEl; | ||
| evt.item = targetEl || rootEl; | ||
| evt.clone = cloneEl; | ||
| evt.oldIndex = startIndex; | ||
| evt.newIndex = newIndex; | ||
| rootEl.dispatchEvent(evt); | ||
| if (options[onName]) { | ||
| options[onName].call(sortable, evt); | ||
| } | ||
| } | ||
| function _onMove(fromEl, toEl, dragEl, dragRect, targetEl, targetRect, originalEvt, willInsertAfter) { | ||
| var evt, | ||
| sortable = fromEl[expando], | ||
| onMoveFn = sortable.options.onMove, | ||
| retVal; | ||
| evt = document.createEvent('Event'); | ||
| evt.initEvent('move', true, true); | ||
| evt.to = toEl; | ||
| evt.from = fromEl; | ||
| evt.dragged = dragEl; | ||
| evt.draggedRect = dragRect; | ||
| evt.related = targetEl || toEl; | ||
| evt.relatedRect = targetRect || toEl.getBoundingClientRect(); | ||
| evt.willInsertAfter = willInsertAfter; | ||
| fromEl.dispatchEvent(evt); | ||
| if (onMoveFn) { | ||
| retVal = onMoveFn.call(sortable, evt, originalEvt); | ||
| } | ||
| return retVal; | ||
| } | ||
| function _disableDraggable(el) { | ||
| el.draggable = false; | ||
| } | ||
| function _unsilent() { | ||
| _silent = false; | ||
| } | ||
| /** @returns {HTMLElement|false} */ | ||
| function _ghostIsLast(el, evt) { | ||
| var lastEl = el.lastElementChild, | ||
| rect = lastEl.getBoundingClientRect(); | ||
| // 5 — min delta | ||
| // abs — нельзя добавлять, а то глюки при наведении сверху | ||
| return (evt.clientY - (rect.top + rect.height) > 5) || | ||
| (evt.clientX - (rect.left + rect.width) > 5); | ||
| } | ||
| /** | ||
| * Generate id | ||
| * @param {HTMLElement} el | ||
| * @returns {String} | ||
| * @private | ||
| */ | ||
| function _generateId(el) { | ||
| var str = el.tagName + el.className + el.src + el.href + el.textContent, | ||
| i = str.length, | ||
| sum = 0; | ||
| while (i--) { | ||
| sum += str.charCodeAt(i); | ||
| } | ||
| return sum.toString(36); | ||
| } | ||
| /** | ||
| * Returns the index of an element within its parent for a selected set of | ||
| * elements | ||
| * @param {HTMLElement} el | ||
| * @param {selector} selector | ||
| * @return {number} | ||
| */ | ||
| function _index(el, selector) { | ||
| var index = 0; | ||
| if (!el || !el.parentNode) { | ||
| return -1; | ||
| } | ||
| while (el && (el = el.previousElementSibling)) { | ||
| if ((el.nodeName.toUpperCase() !== 'TEMPLATE') && (selector === '>*' || _matches(el, selector))) { | ||
| index++; | ||
| } | ||
| } | ||
| return index; | ||
| } | ||
| function _matches(/**HTMLElement*/el, /**String*/selector) { | ||
| if (el) { | ||
| selector = selector.split('.'); | ||
| var tag = selector.shift().toUpperCase(), | ||
| re = new RegExp('\\s(' + selector.join('|') + ')(?=\\s)', 'g'); | ||
| return ( | ||
| (tag === '' || el.nodeName.toUpperCase() == tag) && | ||
| (!selector.length || ((' ' + el.className + ' ').match(re) || []).length == selector.length) | ||
| ); | ||
| } | ||
| return false; | ||
| } | ||
| function _throttle(callback, ms) { | ||
| var args, _this; | ||
| return function () { | ||
| if (args === void 0) { | ||
| args = arguments; | ||
| _this = this; | ||
| setTimeout(function () { | ||
| if (args.length === 1) { | ||
| callback.call(_this, args[0]); | ||
| } else { | ||
| callback.apply(_this, args); | ||
| } | ||
| args = void 0; | ||
| }, ms); | ||
| } | ||
| }; | ||
| } | ||
| function _extend(dst, src) { | ||
| if (dst && src) { | ||
| for (var key in src) { | ||
| if (src.hasOwnProperty(key)) { | ||
| dst[key] = src[key]; | ||
| } | ||
| } | ||
| } | ||
| return dst; | ||
| } | ||
| function _clone(el) { | ||
| return $ | ||
| ? $(el).clone(true)[0] | ||
| : (Polymer && Polymer.dom | ||
| ? Polymer.dom(el).cloneNode(true) | ||
| : el.cloneNode(true) | ||
| ); | ||
| } | ||
| function _saveInputCheckedState(root) { | ||
| var inputs = root.getElementsByTagName('input'); | ||
| var idx = inputs.length; | ||
| while (idx--) { | ||
| var el = inputs[idx]; | ||
| el.checked && savedInputChecked.push(el); | ||
| } | ||
| } | ||
| // Fixed #973: | ||
| _on(document, 'touchmove', function (evt) { | ||
| if (Sortable.active) { | ||
| evt.preventDefault(); | ||
| } | ||
| }); | ||
| try { | ||
| window.addEventListener('test', null, Object.defineProperty({}, 'passive', { | ||
| get: function () { | ||
| captureMode = { | ||
| capture: false, | ||
| passive: false | ||
| }; | ||
| } | ||
| })); | ||
| } catch (err) {} | ||
| // Export utils | ||
| Sortable.utils = { | ||
| on: _on, | ||
| off: _off, | ||
| css: _css, | ||
| find: _find, | ||
| is: function (el, selector) { | ||
| return !!_closest(el, selector, el); | ||
| }, | ||
| extend: _extend, | ||
| throttle: _throttle, | ||
| closest: _closest, | ||
| toggleClass: _toggleClass, | ||
| clone: _clone, | ||
| index: _index | ||
| }; | ||
| /** | ||
| * Create sortable instance | ||
| * @param {HTMLElement} el | ||
| * @param {Object} [options] | ||
| */ | ||
| Sortable.create = function (el, options) { | ||
| return new Sortable(el, options); | ||
| }; | ||
| /** | ||
| * jQuery plugin for Sortable | ||
| * @param {Object|String} options | ||
| * @param {..*} [args] | ||
| * @returns {jQuery|*} | ||
| */ | ||
| jQuery.fn.sortable = function (options) { | ||
| var retVal, | ||
| args = arguments; | ||
| this.each(function () { | ||
| var $el = jQuery(this), | ||
| sortable = $el.data('sortable'); | ||
| if (!sortable && (options instanceof Object || !options)) { | ||
| sortable = new Sortable(this, options); | ||
| $el.data('sortable', sortable); | ||
| } | ||
| if (sortable) { | ||
| if (options === 'widget') { | ||
| retVal = sortable; | ||
| } | ||
| else if (options === 'destroy') { | ||
| sortable.destroy(); | ||
| $el.removeData('sortable'); | ||
| } | ||
| else if (typeof sortable[options] === 'function') { | ||
| retVal = sortable[options].apply(sortable, [].slice.call(args, 1)); | ||
| } | ||
| else if (options in sortable.options) { | ||
| retVal = sortable.option.apply(sortable, args); | ||
| } | ||
| } | ||
| }); | ||
| return (retVal === void 0) ? this : retVal; | ||
| }; | ||
| }); |
| !function(t){"use strict";"function"==typeof define&&define.amd?define(["jquery"],t):t(jQuery)}(function(t){"use strict";function e(t,e){if(!t||!t.nodeType||1!==t.nodeType)throw"Sortable: `el` must be HTMLElement, and not "+{}.toString.call(t);this.el=t,this.options=e=D({},e),t[q]=this;var n={group:Math.random(),sort:!0,disabled:!1,store:null,handle:null,scroll:!0,scrollSensitivity:30,scrollSpeed:10,draggable:/[uo]l/i.test(t.nodeName)?"li":">*",ghostClass:"sortable-ghost",chosenClass:"sortable-chosen",dragClass:"sortable-drag",ignore:"a, img",filter:null,preventOnFilter:!0,animation:0,setData:function(t,e){t.setData("Text",e.textContent)},dropBubble:!1,dragoverBubble:!1,dataIdAttr:"data-id",delay:0,forceFallback:!1,fallbackClass:"sortable-fallback",fallbackOnBody:!1,fallbackTolerance:0,fallbackOffset:{x:0,y:0}};for(var i in n)!(i in e)&&(e[i]=n[i]);st(e);for(var o in this)"_"===o.charAt(0)&&"function"==typeof this[o]&&(this[o]=this[o].bind(this));this.nativeDraggable=!e.forceFallback&&$,r(t,"mousedown",this._onTapStart),r(t,"touchstart",this._onTapStart),r(t,"pointerdown",this._onTapStart),this.nativeDraggable&&(r(t,"dragover",this),r(t,"dragenter",this)),at.push(this._onDragOver),e.store&&this.sort(e.store.get(this))}function n(t,e){"clone"!==t.lastPullMode&&(e=!0),E&&E.state!==e&&(c(E,"display",e?"none":""),e||E.state&&(t.options.group.revertClone?(x.insertBefore(E,N),t._animate(w,E)):x.insertBefore(E,w)),E.state=e)}function i(t,e,n){if(t){n=n||G;do{if(">*"===e&&t.parentNode===n||b(t,e))return t}while(t=o(t))}return null}function o(t){var e=t.host;return e&&e.nodeType?e:t.parentNode}function a(t){t.dataTransfer&&(t.dataTransfer.dropEffect="move"),t.preventDefault()}function r(t,e,n){t.addEventListener(e,n,K)}function s(t,e,n){t.removeEventListener(e,n,K)}function l(t,e,n){if(t)if(t.classList)t.classList[n?"add":"remove"](e);else{var i=(" "+t.className+" ").replace(W," ").replace(" "+e+" "," ");t.className=(i+(n?" "+e:"")).replace(W," ")}}function c(t,e,n){var i=t&&t.style;if(i){if(void 0===n)return G.defaultView&&G.defaultView.getComputedStyle?n=G.defaultView.getComputedStyle(t,""):t.currentStyle&&(n=t.currentStyle),void 0===e?n:n[e];e in i||(e="-webkit-"+e),i[e]=n+("string"==typeof n?"":"px")}}function h(t,e,n){if(t){var i=t.getElementsByTagName(e),o=0,a=i.length;if(n)for(;o<a;o++)n(i[o],o);return i}return[]}function d(t,e,n,i,o,a,r){t=t||e[q];var s=G.createEvent("Event"),l=t.options,c="on"+n.charAt(0).toUpperCase()+n.substr(1);s.initEvent(n,!0,!0),s.to=e,s.from=o||e,s.item=i||e,s.clone=E,s.oldIndex=a,s.newIndex=r,e.dispatchEvent(s),l[c]&&l[c].call(t,s)}function u(t,e,n,i,o,a,r,s){var l,c,h=t[q],d=h.options.onMove;return(l=G.createEvent("Event")).initEvent("move",!0,!0),l.to=e,l.from=t,l.dragged=n,l.draggedRect=i,l.related=o||e,l.relatedRect=a||e.getBoundingClientRect(),l.willInsertAfter=s,t.dispatchEvent(l),d&&(c=d.call(h,l,r)),c}function f(t){t.draggable=!1}function p(){et=!1}function g(t,e){var n=t.lastElementChild.getBoundingClientRect();return e.clientY-(n.top+n.height)>5||e.clientX-(n.left+n.width)>5}function v(t){for(var e=t.tagName+t.className+t.src+t.href+t.textContent,n=e.length,i=0;n--;)i+=e.charCodeAt(n);return i.toString(36)}function m(t,e){var n=0;if(!t||!t.parentNode)return-1;for(;t&&(t=t.previousElementSibling);)"TEMPLATE"===t.nodeName.toUpperCase()||">*"!==e&&!b(t,e)||n++;return n}function b(t,e){if(t){var n=(e=e.split(".")).shift().toUpperCase(),i=new RegExp("\\s("+e.join("|")+")(?=\\s)","g");return!(""!==n&&t.nodeName.toUpperCase()!=n||e.length&&((" "+t.className+" ").match(i)||[]).length!=e.length)}return!1}function _(t,e){var n,i;return function(){void 0===n&&(n=arguments,i=this,setTimeout(function(){1===n.length?t.call(i,n[0]):t.apply(i,n),n=void 0},e))}}function D(t,e){if(t&&e)for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n]);return t}function y(t){return Z?Z(t).clone(!0)[0]:J&&J.dom?J.dom(t).cloneNode(!0):t.cloneNode(!0)}function T(t){for(var e=t.getElementsByTagName("input"),n=e.length;n--;){var i=e[n];i.checked&&ot.push(i)}}var w,C,S,E,x,N,k,B,O,Y,X,A,M,P,R,I,L,j,F,U,H={},W=/\s+/g,V=/left|right|inline/,q="Sortable"+(new Date).getTime(),z=window,G=z.document,Q=z.parseInt,Z=z.jQuery||z.Zepto,J=z.Polymer,K=!1,$=!!("draggable"in G.createElement("div")),tt=function(t){return!navigator.userAgent.match(/Trident.*rv[ :]?11\./)&&(t=G.createElement("x"),t.style.cssText="pointer-events:auto","auto"===t.style.pointerEvents)}(),et=!1,nt=Math.abs,it=Math.min,ot=[],at=[],rt=_(function(t,e,n){if(n&&e.scroll){var i,o,a,r,s,l,c=n[q],h=e.scrollSensitivity,d=e.scrollSpeed,u=t.clientX,f=t.clientY,p=window.innerWidth,g=window.innerHeight;if(O!==n&&(B=e.scroll,O=n,Y=e.scrollFn,!0===B)){B=n;do{if(B.offsetWidth<B.scrollWidth||B.offsetHeight<B.scrollHeight)break}while(B=B.parentNode)}B&&(i=B,o=B.getBoundingClientRect(),a=(nt(o.right-u)<=h)-(nt(o.left-u)<=h),r=(nt(o.bottom-f)<=h)-(nt(o.top-f)<=h)),a||r||(r=(g-f<=h)-(f<=h),((a=(p-u<=h)-(u<=h))||r)&&(i=z)),H.vx===a&&H.vy===r&&H.el===i||(H.el=i,H.vx=a,H.vy=r,clearInterval(H.pid),i&&(H.pid=setInterval(function(){if(l=r?r*d:0,s=a?a*d:0,"function"==typeof Y)return Y.call(c,s,l,t);i===z?z.scrollTo(z.pageXOffset+s,z.pageYOffset+l):(i.scrollTop+=l,i.scrollLeft+=s)},24)))}},30),st=function(t){function e(t,e){return void 0!==t&&!0!==t||(t=n.name),"function"==typeof t?t:function(n,i){var o=i.options.group.name;return e?t:t&&(t.join?t.indexOf(o)>-1:o==t)}}var n={},i=t.group;i&&"object"==typeof i||(i={name:i}),n.name=i.name,n.checkPull=e(i.pull,!0),n.checkPut=e(i.put),n.revertClone=i.revertClone,t.group=n};e.prototype={constructor:e,_onTapStart:function(t){var e,n=this,o=this.el,a=this.options,r=a.preventOnFilter,s=t.type,l=t.touches&&t.touches[0],c=(l||t).target,h=t.target.shadowRoot&&t.path&&t.path[0]||c,u=a.filter;if(T(o),!w&&!(/mousedown|pointerdown/.test(s)&&0!==t.button||a.disabled)&&(c=i(c,a.draggable,o))&&k!==c){if(e=m(c,a.draggable),"function"==typeof u){if(u.call(this,t,c,this))return d(n,h,"filter",c,o,e),void(r&&t.preventDefault())}else if(u&&(u=u.split(",").some(function(t){if(t=i(h,t.trim(),o))return d(n,t,"filter",c,o,e),!0})))return void(r&&t.preventDefault());a.handle&&!i(h,a.handle,o)||this._prepareDragStart(t,l,c,e)}},_prepareDragStart:function(t,e,n,i){var o,a=this,s=a.el,c=a.options,u=s.ownerDocument;n&&!w&&n.parentNode===s&&(j=t,x=s,C=(w=n).parentNode,N=w.nextSibling,k=n,I=c.group,P=i,this._lastX=(e||t).clientX,this._lastY=(e||t).clientY,w.style["will-change"]="transform",o=function(){a._disableDelayedDrag(),w.draggable=a.nativeDraggable,l(w,c.chosenClass,!0),a._triggerDragStart(t,e),d(a,x,"choose",w,x,P)},c.ignore.split(",").forEach(function(t){h(w,t.trim(),f)}),r(u,"mouseup",a._onDrop),r(u,"touchend",a._onDrop),r(u,"touchcancel",a._onDrop),r(u,"pointercancel",a._onDrop),r(u,"selectstart",a),c.delay?(r(u,"mouseup",a._disableDelayedDrag),r(u,"touchend",a._disableDelayedDrag),r(u,"touchcancel",a._disableDelayedDrag),r(u,"mousemove",a._disableDelayedDrag),r(u,"touchmove",a._disableDelayedDrag),r(u,"pointermove",a._disableDelayedDrag),a._dragStartTimer=setTimeout(o,c.delay)):o())},_disableDelayedDrag:function(){var t=this.el.ownerDocument;clearTimeout(this._dragStartTimer),s(t,"mouseup",this._disableDelayedDrag),s(t,"touchend",this._disableDelayedDrag),s(t,"touchcancel",this._disableDelayedDrag),s(t,"mousemove",this._disableDelayedDrag),s(t,"touchmove",this._disableDelayedDrag),s(t,"pointermove",this._disableDelayedDrag)},_triggerDragStart:function(t,e){(e=e||("touch"==t.pointerType?t:null))?(j={target:w,clientX:e.clientX,clientY:e.clientY},this._onDragStart(j,"touch")):this.nativeDraggable?(r(w,"dragend",this),r(x,"dragstart",this._onDragStart)):this._onDragStart(j,!0);try{G.selection?setTimeout(function(){G.selection.empty()}):window.getSelection().removeAllRanges()}catch(t){}},_dragStarted:function(){if(x&&w){var t=this.options;l(w,t.ghostClass,!0),l(w,t.dragClass,!1),e.active=this,d(this,x,"start",w,x,P)}else this._nulling()},_emulateDragOver:function(){if(F){if(this._lastX===F.clientX&&this._lastY===F.clientY)return;this._lastX=F.clientX,this._lastY=F.clientY,tt||c(S,"display","none");var t=G.elementFromPoint(F.clientX,F.clientY),e=t,n=at.length;if(e)do{if(e[q]){for(;n--;)at[n]({clientX:F.clientX,clientY:F.clientY,target:t,rootEl:e});break}t=e}while(e=e.parentNode);tt||c(S,"display","")}},_onTouchMove:function(t){if(j){var n=this.options,i=n.fallbackTolerance,o=n.fallbackOffset,a=t.touches?t.touches[0]:t,r=a.clientX-j.clientX+o.x,s=a.clientY-j.clientY+o.y,l=t.touches?"translate3d("+r+"px,"+s+"px,0)":"translate("+r+"px,"+s+"px)";if(!e.active){if(i&&it(nt(a.clientX-this._lastX),nt(a.clientY-this._lastY))<i)return;this._dragStarted()}this._appendGhost(),U=!0,F=a,c(S,"webkitTransform",l),c(S,"mozTransform",l),c(S,"msTransform",l),c(S,"transform",l),t.preventDefault()}},_appendGhost:function(){if(!S){var t,e=w.getBoundingClientRect(),n=c(w),i=this.options;l(S=w.cloneNode(!0),i.ghostClass,!1),l(S,i.fallbackClass,!0),l(S,i.dragClass,!0),c(S,"top",e.top-Q(n.marginTop,10)),c(S,"left",e.left-Q(n.marginLeft,10)),c(S,"width",e.width),c(S,"height",e.height),c(S,"opacity","0.8"),c(S,"position","fixed"),c(S,"zIndex","100000"),c(S,"pointerEvents","none"),i.fallbackOnBody&&G.body.appendChild(S)||x.appendChild(S),t=S.getBoundingClientRect(),c(S,"width",2*e.width-t.width),c(S,"height",2*e.height-t.height)}},_onDragStart:function(t,e){var n=t.dataTransfer,i=this.options;this._offUpEvents(),I.checkPull(this,this,w,t)&&((E=y(w)).draggable=!1,E.style["will-change"]="",c(E,"display","none"),l(E,this.options.chosenClass,!1),x.insertBefore(E,w),d(this,x,"clone",w)),l(w,i.dragClass,!0),e?("touch"===e?(r(G,"touchmove",this._onTouchMove),r(G,"touchend",this._onDrop),r(G,"touchcancel",this._onDrop),r(G,"pointermove",this._onTouchMove),r(G,"pointerup",this._onDrop)):(r(G,"mousemove",this._onTouchMove),r(G,"mouseup",this._onDrop)),this._loopId=setInterval(this._emulateDragOver,50)):(n&&(n.effectAllowed="move",i.setData&&i.setData.call(this,n,w)),r(G,"drop",this),setTimeout(this._dragStarted,0))},_onDragOver:function(t){var o,a,r,s,l=this.el,h=this.options,d=h.group,f=e.active,v=I===d,m=!1,b=h.sort;if(void 0!==t.preventDefault&&(t.preventDefault(),!h.dragoverBubble&&t.stopPropagation()),!w.animated&&(U=!0,f&&!h.disabled&&(v?b||(s=!x.contains(w)):L===this||(f.lastPullMode=I.checkPull(this,f,w,t))&&d.checkPut(this,f,w,t))&&(void 0===t.rootEl||t.rootEl===this.el))){if(rt(t,h,this.el),et)return;if(o=i(t.target,h.draggable,l),a=w.getBoundingClientRect(),L!==this&&(L=this,m=!0),s)return n(f,!0),C=x,void(E||N?x.insertBefore(w,E||N):b||x.appendChild(w));if(0===l.children.length||l.children[0]===S||l===t.target&&g(l,t)){if(0!==l.children.length&&l.children[0]!==S&&l===t.target&&(o=l.lastElementChild),o){if(o.animated)return;r=o.getBoundingClientRect()}n(f,v),!1!==u(x,l,w,a,o,r,t)&&(w.contains(l)||(l.appendChild(w),C=l),this._animate(a,w),o&&this._animate(r,o))}else if(o&&!o.animated&&o!==w&&void 0!==o.parentNode[q]){X!==o&&(X=o,A=c(o),M=c(o.parentNode));var _=(r=o.getBoundingClientRect()).right-r.left,D=r.bottom-r.top,y=V.test(A.cssFloat+A.display)||"flex"==M.display&&0===M["flex-direction"].indexOf("row"),T=o.offsetWidth>w.offsetWidth,k=o.offsetHeight>w.offsetHeight,B=(y?(t.clientX-r.left)/_:(t.clientY-r.top)/D)>.5,O=o.nextElementSibling,Y=!1;if(y){var P=w.offsetTop,R=o.offsetTop;Y=P===R?o.previousElementSibling===w&&!T||B&&T:o.previousElementSibling===w||w.previousElementSibling===o?(t.clientY-r.top)/D>.5:R>P}else m||(Y=O!==w&&!k||B&&k);var j=u(x,l,w,a,o,r,t,Y);!1!==j&&(1!==j&&-1!==j||(Y=1===j),et=!0,setTimeout(p,30),n(f,v),w.contains(l)||(Y&&!O?l.appendChild(w):o.parentNode.insertBefore(w,Y?O:o)),C=w.parentNode,this._animate(a,w),this._animate(r,o))}}},_animate:function(t,e){var n=this.options.animation;if(n){var i=e.getBoundingClientRect();1===t.nodeType&&(t=t.getBoundingClientRect()),c(e,"transition","none"),c(e,"transform","translate3d("+(t.left-i.left)+"px,"+(t.top-i.top)+"px,0)"),e.offsetWidth,c(e,"transition","all "+n+"ms"),c(e,"transform","translate3d(0,0,0)"),clearTimeout(e.animated),e.animated=setTimeout(function(){c(e,"transition",""),c(e,"transform",""),e.animated=!1},n)}},_offUpEvents:function(){var t=this.el.ownerDocument;s(G,"touchmove",this._onTouchMove),s(G,"pointermove",this._onTouchMove),s(t,"mouseup",this._onDrop),s(t,"touchend",this._onDrop),s(t,"pointerup",this._onDrop),s(t,"touchcancel",this._onDrop),s(t,"pointercancel",this._onDrop),s(t,"selectstart",this)},_onDrop:function(t){var n=this.el,i=this.options;clearInterval(this._loopId),clearInterval(H.pid),clearTimeout(this._dragStartTimer),s(G,"mousemove",this._onTouchMove),this.nativeDraggable&&(s(G,"drop",this),s(n,"dragstart",this._onDragStart)),this._offUpEvents(),t&&(U&&(t.preventDefault(),!i.dropBubble&&t.stopPropagation()),S&&S.parentNode&&S.parentNode.removeChild(S),x!==C&&"clone"===e.active.lastPullMode||E&&E.parentNode&&E.parentNode.removeChild(E),w&&(this.nativeDraggable&&s(w,"dragend",this),f(w),w.style["will-change"]="",l(w,this.options.ghostClass,!1),l(w,this.options.chosenClass,!1),d(this,x,"unchoose",w,x,P),x!==C?(R=m(w,i.draggable))>=0&&(d(null,C,"add",w,x,P,R),d(this,x,"remove",w,x,P,R),d(null,C,"sort",w,x,P,R),d(this,x,"sort",w,x,P,R)):w.nextSibling!==N&&(R=m(w,i.draggable))>=0&&(d(this,x,"update",w,x,P,R),d(this,x,"sort",w,x,P,R)),e.active&&(null!=R&&-1!==R||(R=P),d(this,x,"end",w,x,P,R),this.save()))),this._nulling()},_nulling:function(){x=w=C=S=N=E=k=B=O=j=F=U=R=X=A=L=I=e.active=null,ot.forEach(function(t){t.checked=!0}),ot.length=0},handleEvent:function(t){switch(t.type){case"drop":case"dragend":this._onDrop(t);break;case"dragover":case"dragenter":w&&(this._onDragOver(t),a(t));break;case"selectstart":t.preventDefault()}},toArray:function(){for(var t,e=[],n=this.el.children,o=0,a=n.length,r=this.options;o<a;o++)i(t=n[o],r.draggable,this.el)&&e.push(t.getAttribute(r.dataIdAttr)||v(t));return e},sort:function(t){var e={},n=this.el;this.toArray().forEach(function(t,o){var a=n.children[o];i(a,this.options.draggable,n)&&(e[t]=a)},this),t.forEach(function(t){e[t]&&(n.removeChild(e[t]),n.appendChild(e[t]))})},save:function(){var t=this.options.store;t&&t.set(this)},closest:function(t,e){return i(t,e||this.options.draggable,this.el)},option:function(t,e){var n=this.options;if(void 0===e)return n[t];n[t]=e,"group"===t&&st(n)},destroy:function(){var t=this.el;t[q]=null,s(t,"mousedown",this._onTapStart),s(t,"touchstart",this._onTapStart),s(t,"pointerdown",this._onTapStart),this.nativeDraggable&&(s(t,"dragover",this),s(t,"dragenter",this)),Array.prototype.forEach.call(t.querySelectorAll("[draggable]"),function(t){t.removeAttribute("draggable")}),at.splice(at.indexOf(this._onDragOver),1),this._onDrop(),this.el=t=null}},r(G,"touchmove",function(t){e.active&&t.preventDefault()});try{window.addEventListener("test",null,Object.defineProperty({},"passive",{get:function(){K={capture:!1,passive:!1}}}))}catch(t){}e.utils={on:r,off:s,css:c,find:h,is:function(t,e){return!!i(t,e,t)},extend:D,throttle:_,closest:i,toggleClass:l,clone:y,index:m},e.create=function(t,n){return new e(t,n)},t.fn.sortable=function(n){var i,o=arguments;return this.each(function(){var a=t(this),r=a.data("sortable");r||!(n instanceof Object)&&n||(r=new e(this,n),a.data("sortable",r)),r&&("widget"===n?i=r:"destroy"===n?(r.destroy(),a.removeData("sortable")):"function"==typeof r[n]?i=r[n].apply(r,[].slice.call(o,1)):n in r.options&&(i=r.option.apply(r,o)))}),void 0===i?this:i}}); |
New alerts
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
Long strings
Supply chain riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
Fixed alerts
Long strings
Supply chain riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
No v1
QualityPackage is not semver >=1. This means it is not stable and does not support ^ ranges.
Found 1 instance in 1 package
Improved metrics
- Number of low quality alerts
1
-50%Worsened metrics
- Total package byte prevSize
52736
-0.02%- Number of medium supply chain risk alerts
1
Infinity%No dependency changes