gsap-react-marquee 0.1.5 → 0.1.7

package/dist/index.cjs.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var require$$0 = require('react');
 var react = require('@gsap/react');
-var gsap$1 = require('gsap');
+var gsap$4 = require('gsap');
 
 var jsxRuntime = {exports: {}};
 
@@ -425,6 +425,3108 @@ if (process.env.NODE_ENV === 'production') {
 
 var jsxRuntimeExports = jsxRuntime.exports;
 
+/*!
+ * matrix 3.13.0
+ * https://gsap.com
+ *
+ * Copyright 2008-2025, GreenSock. All rights reserved.
+ * Subject to the terms at https://gsap.com/standard-license
+ * @author: Jack Doyle, jack@greensock.com
+*/
+
+/* eslint-disable */
+var _doc$2,
+    _win$2,
+    _docElement$1,
+    _body$2,
+    _divContainer,
+    _svgContainer,
+    _identityMatrix$1,
+    _gEl,
+    _transformProp$1 = "transform",
+    _transformOriginProp$1 = _transformProp$1 + "Origin",
+    _hasOffsetBug,
+    _setDoc = function _setDoc(element) {
+  var doc = element.ownerDocument || element;
+
+  if (!(_transformProp$1 in element.style) && "msTransform" in element.style) {
+    //to improve compatibility with old Microsoft browsers
+    _transformProp$1 = "msTransform";
+    _transformOriginProp$1 = _transformProp$1 + "Origin";
+  }
+
+  while (doc.parentNode && (doc = doc.parentNode)) {}
+
+  _win$2 = window;
+  _identityMatrix$1 = new Matrix2D();
+
+  if (doc) {
+    _doc$2 = doc;
+    _docElement$1 = doc.documentElement;
+    _body$2 = doc.body;
+    _gEl = _doc$2.createElementNS("http://www.w3.org/2000/svg", "g"); // prevent any existing CSS from transforming it
+
+    _gEl.style.transform = "none"; // now test for the offset reporting bug. Use feature detection instead of browser sniffing to make things more bulletproof and future-proof. Hopefully Safari will fix their bug soon.
+
+    var d1 = doc.createElement("div"),
+        d2 = doc.createElement("div"),
+        root = doc && (doc.body || doc.firstElementChild);
+
+    if (root && root.appendChild) {
+      root.appendChild(d1);
+      d1.appendChild(d2);
+      d1.setAttribute("style", "position:static;transform:translate3d(0,0,1px)");
+      _hasOffsetBug = d2.offsetParent !== d1;
+      root.removeChild(d1);
+    }
+  }
+
+  return doc;
+},
+    _forceNonZeroScale = function _forceNonZeroScale(e) {
+  // walks up the element's ancestors and finds any that had their scale set to 0 via GSAP, and changes them to 0.0001 to ensure that measurements work. Firefox has a bug that causes it to incorrectly report getBoundingClientRect() when scale is 0.
+  var a, cache;
+
+  while (e && e !== _body$2) {
+    cache = e._gsap;
+    cache && cache.uncache && cache.get(e, "x"); // force re-parsing of transforms if necessary
+
+    if (cache && !cache.scaleX && !cache.scaleY && cache.renderTransform) {
+      cache.scaleX = cache.scaleY = 1e-4;
+      cache.renderTransform(1, cache);
+      a ? a.push(cache) : a = [cache];
+    }
+
+    e = e.parentNode;
+  }
+
+  return a;
+},
+    // possible future addition: pass an element to _forceDisplay() and it'll walk up all its ancestors and make sure anything with display: none is set to display: block, and if there's no parentNode, it'll add it to the body. It returns an Array that you can then feed to _revertDisplay() to have it revert all the changes it made.
+// _forceDisplay = e => {
+// 	let a = [],
+// 		parent;
+// 	while (e && e !== _body) {
+// 		parent = e.parentNode;
+// 		(_win.getComputedStyle(e).display === "none" || !parent) && a.push(e, e.style.display, parent) && (e.style.display = "block");
+// 		parent || _body.appendChild(e);
+// 		e = parent;
+// 	}
+// 	return a;
+// },
+// _revertDisplay = a => {
+// 	for (let i = 0; i < a.length; i+=3) {
+// 		a[i+1] ? (a[i].style.display = a[i+1]) : a[i].style.removeProperty("display");
+// 		a[i+2] || a[i].parentNode.removeChild(a[i]);
+// 	}
+// },
+_svgTemps = [],
+    //we create 3 elements for SVG, and 3 for other DOM elements and cache them for performance reasons. They get nested in _divContainer and _svgContainer so that just one element is added to the DOM on each successive attempt. Again, performance is key.
+_divTemps = [],
+    _getDocScrollTop$1 = function _getDocScrollTop() {
+  return _win$2.pageYOffset || _doc$2.scrollTop || _docElement$1.scrollTop || _body$2.scrollTop || 0;
+},
+    _getDocScrollLeft$1 = function _getDocScrollLeft() {
+  return _win$2.pageXOffset || _doc$2.scrollLeft || _docElement$1.scrollLeft || _body$2.scrollLeft || 0;
+},
+    _svgOwner = function _svgOwner(element) {
+  return element.ownerSVGElement || ((element.tagName + "").toLowerCase() === "svg" ? element : null);
+},
+    _isFixed$1 = function _isFixed(element) {
+  if (_win$2.getComputedStyle(element).position === "fixed") {
+    return true;
+  }
+
+  element = element.parentNode;
+
+  if (element && element.nodeType === 1) {
+    // avoid document fragments which will throw an error.
+    return _isFixed(element);
+  }
+},
+    _createSibling = function _createSibling(element, i) {
+  if (element.parentNode && (_doc$2 || _setDoc(element))) {
+    var svg = _svgOwner(element),
+        ns = svg ? svg.getAttribute("xmlns") || "http://www.w3.org/2000/svg" : "http://www.w3.org/1999/xhtml",
+        type = svg ? i ? "rect" : "g" : "div",
+        x = i !== 2 ? 0 : 100,
+        y = i === 3 ? 100 : 0,
+        css = "position:absolute;display:block;pointer-events:none;margin:0;padding:0;",
+        e = _doc$2.createElementNS ? _doc$2.createElementNS(ns.replace(/^https/, "http"), type) : _doc$2.createElement(type);
+
+    if (i) {
+      if (!svg) {
+        if (!_divContainer) {
+          _divContainer = _createSibling(element);
+          _divContainer.style.cssText = css;
+        }
+
+        e.style.cssText = css + "width:0.1px;height:0.1px;top:" + y + "px;left:" + x + "px";
+
+        _divContainer.appendChild(e);
+      } else {
+        _svgContainer || (_svgContainer = _createSibling(element));
+        e.setAttribute("width", 0.01);
+        e.setAttribute("height", 0.01);
+        e.setAttribute("transform", "translate(" + x + "," + y + ")");
+
+        _svgContainer.appendChild(e);
+      }
+    }
+
+    return e;
+  }
+
+  throw "Need document and parent.";
+},
+    _consolidate = function _consolidate(m) {
+  // replaces SVGTransformList.consolidate() because a bug in Firefox causes it to break pointer events. See https://gsap.com/forums/topic/23248-touch-is-not-working-on-draggable-in-firefox-windows-v324/?tab=comments#comment-109800
+  var c = new Matrix2D(),
+      i = 0;
+
+  for (; i < m.numberOfItems; i++) {
+    c.multiply(m.getItem(i).matrix);
+  }
+
+  return c;
+},
+    _getCTM = function _getCTM(svg) {
+  var m = svg.getCTM(),
+      transform;
+
+  if (!m) {
+    // Firefox returns null for getCTM() on root <svg> elements, so this is a workaround using a <g> that we temporarily append.
+    transform = svg.style[_transformProp$1];
+    svg.style[_transformProp$1] = "none"; // a bug in Firefox causes css transforms to contaminate the getCTM()
+
+    svg.appendChild(_gEl);
+    m = _gEl.getCTM();
+    svg.removeChild(_gEl);
+    transform ? svg.style[_transformProp$1] = transform : svg.style.removeProperty(_transformProp$1.replace(/([A-Z])/g, "-$1").toLowerCase());
+  }
+
+  return m || _identityMatrix$1.clone(); // Firefox will still return null if the <svg> has a width/height of 0 in the browser.
+},
+    _placeSiblings = function _placeSiblings(element, adjustGOffset) {
+  var svg = _svgOwner(element),
+      isRootSVG = element === svg,
+      siblings = svg ? _svgTemps : _divTemps,
+      parent = element.parentNode,
+      appendToEl = parent && !svg && parent.shadowRoot && parent.shadowRoot.appendChild ? parent.shadowRoot : parent,
+      container,
+      m,
+      b,
+      x,
+      y,
+      cs;
+
+  if (element === _win$2) {
+    return element;
+  }
+
+  siblings.length || siblings.push(_createSibling(element, 1), _createSibling(element, 2), _createSibling(element, 3));
+  container = svg ? _svgContainer : _divContainer;
+
+  if (svg) {
+    if (isRootSVG) {
+      b = _getCTM(element);
+      x = -b.e / b.a;
+      y = -b.f / b.d;
+      m = _identityMatrix$1;
+    } else if (element.getBBox) {
+      b = element.getBBox();
+      m = element.transform ? element.transform.baseVal : {}; // IE11 doesn't follow the spec.
+
+      m = !m.numberOfItems ? _identityMatrix$1 : m.numberOfItems > 1 ? _consolidate(m) : m.getItem(0).matrix; // don't call m.consolidate().matrix because a bug in Firefox makes pointer events not work when consolidate() is called on the same tick as getBoundingClientRect()! See https://gsap.com/forums/topic/23248-touch-is-not-working-on-draggable-in-firefox-windows-v324/?tab=comments#comment-109800
+
+      x = m.a * b.x + m.c * b.y;
+      y = m.b * b.x + m.d * b.y;
+    } else {
+      // may be a <mask> which has no getBBox() so just use defaults instead of throwing errors.
+      m = new Matrix2D();
+      x = y = 0;
+    }
+
+    (isRootSVG ? svg : parent).appendChild(container);
+    container.setAttribute("transform", "matrix(" + m.a + "," + m.b + "," + m.c + "," + m.d + "," + (m.e + x) + "," + (m.f + y) + ")");
+  } else {
+    x = y = 0;
+
+    if (_hasOffsetBug) {
+      // some browsers (like Safari) have a bug that causes them to misreport offset values. When an ancestor element has a transform applied, it's supposed to treat it as if it's position: relative (new context). Safari botches this, so we need to find the closest ancestor (between the element and its offsetParent) that has a transform applied and if one is found, grab its offsetTop/Left and subtract them to compensate.
+      m = element.offsetParent;
+      b = element;
+
+      while (b && (b = b.parentNode) && b !== m && b.parentNode) {
+        if ((_win$2.getComputedStyle(b)[_transformProp$1] + "").length > 4) {
+          x = b.offsetLeft;
+          y = b.offsetTop;
+          b = 0;
+        }
+      }
+    }
+
+    cs = _win$2.getComputedStyle(element);
+
+    if (cs.position !== "absolute" && cs.position !== "fixed") {
+      m = element.offsetParent;
+
+      while (parent && parent !== m) {
+        // if there's an ancestor element between the element and its offsetParent that's scrolled, we must factor that in.
+        x += parent.scrollLeft || 0;
+        y += parent.scrollTop || 0;
+        parent = parent.parentNode;
+      }
+    }
+
+    b = container.style;
+    b.top = element.offsetTop - y + "px";
+    b.left = element.offsetLeft - x + "px";
+    b[_transformProp$1] = cs[_transformProp$1];
+    b[_transformOriginProp$1] = cs[_transformOriginProp$1]; // b.border = m.border;
+    // b.borderLeftStyle = m.borderLeftStyle;
+    // b.borderTopStyle = m.borderTopStyle;
+    // b.borderLeftWidth = m.borderLeftWidth;
+    // b.borderTopWidth = m.borderTopWidth;
+
+    b.position = cs.position === "fixed" ? "fixed" : "absolute";
+    appendToEl.appendChild(container);
+  }
+
+  return container;
+},
+    _setMatrix = function _setMatrix(m, a, b, c, d, e, f) {
+  m.a = a;
+  m.b = b;
+  m.c = c;
+  m.d = d;
+  m.e = e;
+  m.f = f;
+  return m;
+};
+
+var Matrix2D = /*#__PURE__*/function () {
+  function Matrix2D(a, b, c, d, e, f) {
+    if (a === void 0) {
+      a = 1;
+    }
+
+    if (b === void 0) {
+      b = 0;
+    }
+
+    if (c === void 0) {
+      c = 0;
+    }
+
+    if (d === void 0) {
+      d = 1;
+    }
+
+    if (e === void 0) {
+      e = 0;
+    }
+
+    if (f === void 0) {
+      f = 0;
+    }
+
+    _setMatrix(this, a, b, c, d, e, f);
+  }
+
+  var _proto = Matrix2D.prototype;
+
+  _proto.inverse = function inverse() {
+    var a = this.a,
+        b = this.b,
+        c = this.c,
+        d = this.d,
+        e = this.e,
+        f = this.f,
+        determinant = a * d - b * c || 1e-10;
+    return _setMatrix(this, d / determinant, -b / determinant, -c / determinant, a / determinant, (c * f - d * e) / determinant, -(a * f - b * e) / determinant);
+  };
+
+  _proto.multiply = function multiply(matrix) {
+    var a = this.a,
+        b = this.b,
+        c = this.c,
+        d = this.d,
+        e = this.e,
+        f = this.f,
+        a2 = matrix.a,
+        b2 = matrix.c,
+        c2 = matrix.b,
+        d2 = matrix.d,
+        e2 = matrix.e,
+        f2 = matrix.f;
+    return _setMatrix(this, a2 * a + c2 * c, a2 * b + c2 * d, b2 * a + d2 * c, b2 * b + d2 * d, e + e2 * a + f2 * c, f + e2 * b + f2 * d);
+  };
+
+  _proto.clone = function clone() {
+    return new Matrix2D(this.a, this.b, this.c, this.d, this.e, this.f);
+  };
+
+  _proto.equals = function equals(matrix) {
+    var a = this.a,
+        b = this.b,
+        c = this.c,
+        d = this.d,
+        e = this.e,
+        f = this.f;
+    return a === matrix.a && b === matrix.b && c === matrix.c && d === matrix.d && e === matrix.e && f === matrix.f;
+  };
+
+  _proto.apply = function apply(point, decoratee) {
+    if (decoratee === void 0) {
+      decoratee = {};
+    }
+
+    var x = point.x,
+        y = point.y,
+        a = this.a,
+        b = this.b,
+        c = this.c,
+        d = this.d,
+        e = this.e,
+        f = this.f;
+    decoratee.x = x * a + y * c + e || 0;
+    decoratee.y = x * b + y * d + f || 0;
+    return decoratee;
+  };
+
+  return Matrix2D;
+}(); // Feed in an element and it'll return a 2D matrix (optionally inverted) so that you can translate between coordinate spaces.
+// Inverting lets you translate a global point into a local coordinate space. No inverting lets you go the other way.
+// We needed this to work around various browser bugs, like Firefox doesn't accurately report getScreenCTM() when there
+// are transforms applied to ancestor elements.
+// The matrix math to convert any x/y coordinate is as follows, which is wrapped in a convenient apply() method of Matrix2D above:
+//     tx = m.a * x + m.c * y + m.e
+//     ty = m.b * x + m.d * y + m.f
+
+function getGlobalMatrix(element, inverse, adjustGOffset, includeScrollInFixed) {
+  // adjustGOffset is typically used only when grabbing an element's PARENT's global matrix, and it ignores the x/y offset of any SVG <g> elements because they behave in a special way.
+  if (!element || !element.parentNode || (_doc$2 || _setDoc(element)).documentElement === element) {
+    return new Matrix2D();
+  }
+
+  var zeroScales = _forceNonZeroScale(element),
+      svg = _svgOwner(element),
+      temps = svg ? _svgTemps : _divTemps,
+      container = _placeSiblings(element),
+      b1 = temps[0].getBoundingClientRect(),
+      b2 = temps[1].getBoundingClientRect(),
+      b3 = temps[2].getBoundingClientRect(),
+      parent = container.parentNode,
+      isFixed = _isFixed$1(element),
+      m = new Matrix2D((b2.left - b1.left) / 100, (b2.top - b1.top) / 100, (b3.left - b1.left) / 100, (b3.top - b1.top) / 100, b1.left + (isFixed ? 0 : _getDocScrollLeft$1()), b1.top + (isFixed ? 0 : _getDocScrollTop$1()));
+
+  parent.removeChild(container);
+
+  if (zeroScales) {
+    b1 = zeroScales.length;
+
+    while (b1--) {
+      b2 = zeroScales[b1];
+      b2.scaleX = b2.scaleY = 0;
+      b2.renderTransform(1, b2);
+    }
+  }
+
+  return inverse ? m.inverse() : m;
+}
+// 	_doc || _setDoc(element);
+// 	let m = (_win.getComputedStyle(element)[_transformProp] + "").substr(7).match(/[-.]*\d+[.e\-+]*\d*[e\-\+]*\d*/g),
+// 		is2D = m && m.length === 6;
+// 	return !m || m.length < 6 ? new Matrix2D() : new Matrix2D(+m[0], +m[1], +m[is2D ? 2 : 4], +m[is2D ? 3 : 5], +m[is2D ? 4 : 12], +m[is2D ? 5 : 13]);
+// }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
+
+var gsap$3,
+    _win$1,
+    _doc$1,
+    _docElement,
+    _body$1,
+    _tempDiv,
+    _placeholderDiv,
+    _coreInitted$3,
+    _checkPrefix,
+    _toArray$2,
+    _supportsPassive,
+    _isTouchDevice,
+    _touchEventLookup,
+    _isMultiTouching,
+    _isAndroid,
+    InertiaPlugin$1,
+    _defaultCursor,
+    _supportsPointer,
+    _context$1,
+    _getStyleSaver$1,
+    _dragCount = 0,
+    _windowExists = function _windowExists() {
+  return typeof window !== "undefined";
+},
+    _getGSAP$3 = function _getGSAP() {
+  return gsap$3 || _windowExists() && (gsap$3 = window.gsap) && gsap$3.registerPlugin && gsap$3;
+},
+    _isFunction$1 = function _isFunction(value) {
+  return typeof value === "function";
+},
+    _isObject$1 = function _isObject(value) {
+  return typeof value === "object";
+},
+    _isUndefined = function _isUndefined(value) {
+  return typeof value === "undefined";
+},
+    _emptyFunc$1 = function _emptyFunc() {
+  return false;
+},
+    _transformProp = "transform",
+    _transformOriginProp = "transformOrigin",
+    _round$2 = function _round(value) {
+  return Math.round(value * 10000) / 10000;
+},
+    _isArray$1 = Array.isArray,
+    _createElement = function _createElement(type, ns) {
+  var e = _doc$1.createElementNS ? _doc$1.createElementNS(("http://www.w3.org/1999/xhtml").replace(/^https/, "http"), type) : _doc$1.createElement(type); //some servers swap in https for http in the namespace which can break things, making "style" inaccessible.
+
+  return e.style ? e : _doc$1.createElement(type); //some environments won't allow access to the element's style when created with a namespace in which case we default to the standard createElement() to work around the issue. Also note that when GSAP is embedded directly inside an SVG file, createElement() won't allow access to the style object in Firefox (see https://gsap.com/forums/topic/20215-problem-using-tweenmax-in-standalone-self-containing-svg-file-err-cannot-set-property-csstext-of-undefined/).
+},
+    _RAD2DEG = 180 / Math.PI,
+    _bigNum$1 = 1e20,
+    _identityMatrix = new Matrix2D(),
+    _getTime$1 = Date.now || function () {
+  return new Date().getTime();
+},
+    _renderQueue = [],
+    _lookup$1 = {},
+    //when a Draggable is created, the target gets a unique _gsDragID property that allows gets associated with the Draggable instance for quick lookups in Draggable.get(). This avoids circular references that could cause gc problems.
+_lookupCount = 0,
+    _clickableTagExp = /^(?:a|input|textarea|button|select)$/i,
+    _lastDragTime = 0,
+    _temp1 = {},
+    // a simple object we reuse and populate (usually x/y properties) to conserve memory and improve performance.
+_windowProxy = {},
+    //memory/performance optimization - we reuse this object during autoScroll to store window-related bounds/offsets.
+_copy = function _copy(obj, factor) {
+  var copy = {},
+      p;
+
+  for (p in obj) {
+    copy[p] = factor ? obj[p] * factor : obj[p];
+  }
+
+  return copy;
+},
+    _extend$1 = function _extend(obj, defaults) {
+  for (var p in defaults) {
+    if (!(p in obj)) {
+      obj[p] = defaults[p];
+    }
+  }
+
+  return obj;
+},
+    _setTouchActionForAllDescendants = function _setTouchActionForAllDescendants(elements, value) {
+  var i = elements.length,
+      children;
+
+  while (i--) {
+    value ? elements[i].style.touchAction = value : elements[i].style.removeProperty("touch-action");
+    children = elements[i].children;
+    children && children.length && _setTouchActionForAllDescendants(children, value);
+  }
+},
+    _renderQueueTick = function _renderQueueTick() {
+  return _renderQueue.forEach(function (func) {
+    return func();
+  });
+},
+    _addToRenderQueue = function _addToRenderQueue(func) {
+  _renderQueue.push(func);
+
+  if (_renderQueue.length === 1) {
+    gsap$3.ticker.add(_renderQueueTick);
+  }
+},
+    _renderQueueTimeout = function _renderQueueTimeout() {
+  return !_renderQueue.length && gsap$3.ticker.remove(_renderQueueTick);
+},
+    _removeFromRenderQueue = function _removeFromRenderQueue(func) {
+  var i = _renderQueue.length;
+
+  while (i--) {
+    if (_renderQueue[i] === func) {
+      _renderQueue.splice(i, 1);
+    }
+  }
+
+  gsap$3.to(_renderQueueTimeout, {
+    overwrite: true,
+    delay: 15,
+    duration: 0,
+    onComplete: _renderQueueTimeout,
+    data: "_draggable"
+  }); //remove the "tick" listener only after the render queue is empty for 15 seconds (to improve performance). Adding/removing it constantly for every click/touch wouldn't deliver optimal speed, and we also don't want the ticker to keep calling the render method when things are idle for long periods of time (we want to improve battery life on mobile devices).
+},
+    _setDefaults = function _setDefaults(obj, defaults) {
+  for (var p in defaults) {
+    if (!(p in obj)) {
+      obj[p] = defaults[p];
+    }
+  }
+
+  return obj;
+},
+    _addListener$1 = function _addListener(element, type, func, capture) {
+  if (element.addEventListener) {
+    var touchType = _touchEventLookup[type];
+    capture = capture || (_supportsPassive ? {
+      passive: false
+    } : null);
+    element.addEventListener(touchType || type, func, capture);
+    touchType && type !== touchType && element.addEventListener(type, func, capture); //some browsers actually support both, so must we. But pointer events cover all.
+  }
+},
+    _removeListener$1 = function _removeListener(element, type, func, capture) {
+  if (element.removeEventListener) {
+    var touchType = _touchEventLookup[type];
+    element.removeEventListener(touchType || type, func, capture);
+    touchType && type !== touchType && element.removeEventListener(type, func, capture);
+  }
+},
+    _preventDefault = function _preventDefault(event) {
+  event.preventDefault && event.preventDefault();
+  event.preventManipulation && event.preventManipulation(); //for some Microsoft browsers
+},
+    _hasTouchID = function _hasTouchID(list, ID) {
+  var i = list.length;
+
+  while (i--) {
+    if (list[i].identifier === ID) {
+      return true;
+    }
+  }
+},
+    _onMultiTouchDocumentEnd = function _onMultiTouchDocumentEnd(event) {
+  _isMultiTouching = event.touches && _dragCount < event.touches.length;
+
+  _removeListener$1(event.target, "touchend", _onMultiTouchDocumentEnd);
+},
+    _onMultiTouchDocument = function _onMultiTouchDocument(event) {
+  _isMultiTouching = event.touches && _dragCount < event.touches.length;
+
+  _addListener$1(event.target, "touchend", _onMultiTouchDocumentEnd);
+},
+    _getDocScrollTop = function _getDocScrollTop(doc) {
+  return _win$1.pageYOffset || doc.scrollTop || doc.documentElement.scrollTop || doc.body.scrollTop || 0;
+},
+    _getDocScrollLeft = function _getDocScrollLeft(doc) {
+  return _win$1.pageXOffset || doc.scrollLeft || doc.documentElement.scrollLeft || doc.body.scrollLeft || 0;
+},
+    _addScrollListener = function _addScrollListener(e, callback) {
+  _addListener$1(e, "scroll", callback);
+
+  if (!_isRoot(e.parentNode)) {
+    _addScrollListener(e.parentNode, callback);
+  }
+},
+    _removeScrollListener = function _removeScrollListener(e, callback) {
+  _removeListener$1(e, "scroll", callback);
+
+  if (!_isRoot(e.parentNode)) {
+    _removeScrollListener(e.parentNode, callback);
+  }
+},
+    _isRoot = function _isRoot(e) {
+  return !!(!e || e === _docElement || e.nodeType === 9 || e === _doc$1.body || e === _win$1 || !e.nodeType || !e.parentNode);
+},
+    _getMaxScroll = function _getMaxScroll(element, axis) {
+  var dim = axis === "x" ? "Width" : "Height",
+      scroll = "scroll" + dim,
+      client = "client" + dim;
+  return Math.max(0, _isRoot(element) ? Math.max(_docElement[scroll], _body$1[scroll]) - (_win$1["inner" + dim] || _docElement[client] || _body$1[client]) : element[scroll] - element[client]);
+},
+    _recordMaxScrolls = function _recordMaxScrolls(e, skipCurrent) {
+  //records _gsMaxScrollX and _gsMaxScrollY properties for the element and all ancestors up the chain so that we can cap it, otherwise dragging beyond the edges with autoScroll on can endlessly scroll.
+  var x = _getMaxScroll(e, "x"),
+      y = _getMaxScroll(e, "y");
+
+  if (_isRoot(e)) {
+    e = _windowProxy;
+  } else {
+    _recordMaxScrolls(e.parentNode, skipCurrent);
+  }
+
+  e._gsMaxScrollX = x;
+  e._gsMaxScrollY = y;
+
+  if (!skipCurrent) {
+    e._gsScrollX = e.scrollLeft || 0;
+    e._gsScrollY = e.scrollTop || 0;
+  }
+},
+    _setStyle = function _setStyle(element, property, value) {
+  var style = element.style;
+
+  if (!style) {
+    return;
+  }
+
+  if (_isUndefined(style[property])) {
+    property = _checkPrefix(property, element) || property;
+  }
+
+  if (value == null) {
+    style.removeProperty && style.removeProperty(property.replace(/([A-Z])/g, "-$1").toLowerCase());
+  } else {
+    style[property] = value;
+  }
+},
+    _getComputedStyle = function _getComputedStyle(element) {
+  return _win$1.getComputedStyle(element instanceof Element ? element : element.host || (element.parentNode || {}).host || element);
+},
+    //the "host" stuff helps to accommodate ShadowDom objects.
+_tempRect = {},
+    //reuse to reduce garbage collection tasks
+_parseRect = function _parseRect(e) {
+  //accepts a DOM element, a mouse event, or a rectangle object and returns the corresponding rectangle with left, right, width, height, top, and bottom properties
+  if (e === _win$1) {
+    _tempRect.left = _tempRect.top = 0;
+    _tempRect.width = _tempRect.right = _docElement.clientWidth || e.innerWidth || _body$1.clientWidth || 0;
+    _tempRect.height = _tempRect.bottom = (e.innerHeight || 0) - 20 < _docElement.clientHeight ? _docElement.clientHeight : e.innerHeight || _body$1.clientHeight || 0;
+    return _tempRect;
+  }
+
+  var doc = e.ownerDocument || _doc$1,
+      r = !_isUndefined(e.pageX) ? {
+    left: e.pageX - _getDocScrollLeft(doc),
+    top: e.pageY - _getDocScrollTop(doc),
+    right: e.pageX - _getDocScrollLeft(doc) + 1,
+    bottom: e.pageY - _getDocScrollTop(doc) + 1
+  } : !e.nodeType && !_isUndefined(e.left) && !_isUndefined(e.top) ? e : _toArray$2(e)[0].getBoundingClientRect();
+
+  if (_isUndefined(r.right) && !_isUndefined(r.width)) {
+    r.right = r.left + r.width;
+    r.bottom = r.top + r.height;
+  } else if (_isUndefined(r.width)) {
+    //some browsers don't include width and height properties. We can't just set them directly on r because some browsers throw errors, so create a new generic object.
+    r = {
+      width: r.right - r.left,
+      height: r.bottom - r.top,
+      right: r.right,
+      left: r.left,
+      bottom: r.bottom,
+      top: r.top
+    };
+  }
+
+  return r;
+},
+    _dispatchEvent = function _dispatchEvent(target, type, callbackName) {
+  var vars = target.vars,
+      callback = vars[callbackName],
+      listeners = target._listeners[type],
+      result;
+
+  if (_isFunction$1(callback)) {
+    result = callback.apply(vars.callbackScope || target, vars[callbackName + "Params"] || [target.pointerEvent]);
+  }
+
+  if (listeners && target.dispatchEvent(type) === false) {
+    result = false;
+  }
+
+  return result;
+},
+    _getBounds = function _getBounds(target, context) {
+  //accepts any of the following: a DOM element, jQuery object, selector text, or an object defining bounds as {top, left, width, height} or {minX, maxX, minY, maxY}. Returns an object with left, top, width, and height properties.
+  var e = _toArray$2(target)[0],
+      top,
+      left,
+      offset;
+
+  if (!e.nodeType && e !== _win$1) {
+    if (!_isUndefined(target.left)) {
+      offset = {
+        x: 0,
+        y: 0
+      }; //_getOffsetTransformOrigin(context); //the bounds should be relative to the origin
+
+      return {
+        left: target.left - offset.x,
+        top: target.top - offset.y,
+        width: target.width,
+        height: target.height
+      };
+    }
+
+    left = target.min || target.minX || target.minRotation || 0;
+    top = target.min || target.minY || 0;
+    return {
+      left: left,
+      top: top,
+      width: (target.max || target.maxX || target.maxRotation || 0) - left,
+      height: (target.max || target.maxY || 0) - top
+    };
+  }
+
+  return _getElementBounds(e, context);
+},
+    _point1 = {},
+    //we reuse to minimize garbage collection tasks.
+_getElementBounds = function _getElementBounds(element, context) {
+  context = _toArray$2(context)[0];
+  var isSVG = element.getBBox && element.ownerSVGElement,
+      doc = element.ownerDocument || _doc$1,
+      left,
+      right,
+      top,
+      bottom,
+      matrix,
+      p1,
+      p2,
+      p3,
+      p4,
+      bbox,
+      width,
+      height,
+      cs;
+
+  if (element === _win$1) {
+    top = _getDocScrollTop(doc);
+    left = _getDocScrollLeft(doc);
+    right = left + (doc.documentElement.clientWidth || element.innerWidth || doc.body.clientWidth || 0);
+    bottom = top + ((element.innerHeight || 0) - 20 < doc.documentElement.clientHeight ? doc.documentElement.clientHeight : element.innerHeight || doc.body.clientHeight || 0); //some browsers (like Firefox) ignore absolutely positioned elements, and collapse the height of the documentElement, so it could be 8px, for example, if you have just an absolutely positioned div. In that case, we use the innerHeight to resolve this.
+  } else if (context === _win$1 || _isUndefined(context)) {
+    return element.getBoundingClientRect();
+  } else {
+    left = top = 0;
+
+    if (isSVG) {
+      bbox = element.getBBox();
+      width = bbox.width;
+      height = bbox.height;
+    } else {
+      if (element.viewBox && (bbox = element.viewBox.baseVal)) {
+        left = bbox.x || 0;
+        top = bbox.y || 0;
+        width = bbox.width;
+        height = bbox.height;
+      }
+
+      if (!width) {
+        cs = _getComputedStyle(element);
+        bbox = cs.boxSizing === "border-box";
+        width = (parseFloat(cs.width) || element.clientWidth || 0) + (bbox ? 0 : parseFloat(cs.borderLeftWidth) + parseFloat(cs.borderRightWidth));
+        height = (parseFloat(cs.height) || element.clientHeight || 0) + (bbox ? 0 : parseFloat(cs.borderTopWidth) + parseFloat(cs.borderBottomWidth));
+      }
+    }
+
+    right = width;
+    bottom = height;
+  }
+
+  if (element === context) {
+    return {
+      left: left,
+      top: top,
+      width: right - left,
+      height: bottom - top
+    };
+  }
+
+  matrix = getGlobalMatrix(context, true).multiply(getGlobalMatrix(element));
+  p1 = matrix.apply({
+    x: left,
+    y: top
+  });
+  p2 = matrix.apply({
+    x: right,
+    y: top
+  });
+  p3 = matrix.apply({
+    x: right,
+    y: bottom
+  });
+  p4 = matrix.apply({
+    x: left,
+    y: bottom
+  });
+  left = Math.min(p1.x, p2.x, p3.x, p4.x);
+  top = Math.min(p1.y, p2.y, p3.y, p4.y);
+  return {
+    left: left,
+    top: top,
+    width: Math.max(p1.x, p2.x, p3.x, p4.x) - left,
+    height: Math.max(p1.y, p2.y, p3.y, p4.y) - top
+  };
+},
+    _parseInertia = function _parseInertia(draggable, snap, max, min, factor, forceZeroVelocity) {
+  var vars = {},
+      a,
+      i,
+      l;
+
+  if (snap) {
+    if (factor !== 1 && snap instanceof Array) {
+      //some data must be altered to make sense, like if the user passes in an array of rotational values in degrees, we must convert it to radians. Or for scrollLeft and scrollTop, we invert the values.
+      vars.end = a = [];
+      l = snap.length;
+
+      if (_isObject$1(snap[0])) {
+        //if the array is populated with objects, like points ({x:100, y:200}), make copies before multiplying by the factor, otherwise we'll mess up the originals and the user may reuse it elsewhere.
+        for (i = 0; i < l; i++) {
+          a[i] = _copy(snap[i], factor);
+        }
+      } else {
+        for (i = 0; i < l; i++) {
+          a[i] = snap[i] * factor;
+        }
+      }
+
+      max += 1.1; //allow 1.1 pixels of wiggle room when snapping in order to work around some browser inconsistencies in the way bounds are reported which can make them roughly a pixel off. For example, if "snap:[-$('#menu').width(), 0]" was defined and #menu had a wrapper that was used as the bounds, some browsers would be one pixel off, making the minimum -752 for example when snap was [-753,0], thus instead of snapping to -753, it would snap to 0 since -753 was below the minimum.
+
+      min -= 1.1;
+    } else if (_isFunction$1(snap)) {
+      vars.end = function (value) {
+        var result = snap.call(draggable, value),
+            copy,
+            p;
+
+        if (factor !== 1) {
+          if (_isObject$1(result)) {
+            copy = {};
+
+            for (p in result) {
+              copy[p] = result[p] * factor;
+            }
+
+            result = copy;
+          } else {
+            result *= factor;
+          }
+        }
+
+        return result; //we need to ensure that we can scope the function call to the Draggable instance itself so that users can access important values like maxX, minX, maxY, minY, x, and y from within that function.
+      };
+    } else {
+      vars.end = snap;
+    }
+  }
+
+  if (max || max === 0) {
+    vars.max = max;
+  }
+
+  if (min || min === 0) {
+    vars.min = min;
+  }
+
+  if (forceZeroVelocity) {
+    vars.velocity = 0;
+  }
+
+  return vars;
+},
+    _isClickable = function _isClickable(element) {
+  //sometimes it's convenient to mark an element as clickable by adding a data-clickable="true" attribute (in which case we won't preventDefault() the mouse/touch event). This method checks if the element is an <a>, <input>, or <button> or has the data-clickable or contentEditable attribute set to true (or any of its parent elements).
+  var data;
+  return !element || !element.getAttribute || element === _body$1 ? false : (data = element.getAttribute("data-clickable")) === "true" || data !== "false" && (_clickableTagExp.test(element.nodeName + "") || element.getAttribute("contentEditable") === "true") ? true : _isClickable(element.parentNode);
+},
+    _setSelectable = function _setSelectable(elements, selectable) {
+  var i = elements.length,
+      e;
+
+  while (i--) {
+    e = elements[i];
+    e.ondragstart = e.onselectstart = selectable ? null : _emptyFunc$1;
+    gsap$3.set(e, {
+      lazy: true,
+      userSelect: selectable ? "text" : "none"
+    });
+  }
+},
+    _isFixed = function _isFixed(element) {
+  if (_getComputedStyle(element).position === "fixed") {
+    return true;
+  }
+
+  element = element.parentNode;
+
+  if (element && element.nodeType === 1) {
+    // avoid document fragments which will throw an error.
+    return _isFixed(element);
+  }
+},
+    _supports3D,
+    _addPaddingBR,
+    //The ScrollProxy class wraps an element's contents into another div (we call it "content") that we either add padding when necessary or apply a translate3d() transform in order to overscroll (scroll past the boundaries). This allows us to simply set the scrollTop/scrollLeft (or top/left for easier reverse-axis orientation, which is what we do in Draggable) and it'll do all the work for us. For example, if we tried setting scrollTop to -100 on a normal DOM element, it wouldn't work - it'd look the same as setting it to 0, but if we set scrollTop of a ScrollProxy to -100, it'll give the correct appearance by either setting paddingTop of the wrapper to 100 or applying a 100-pixel translateY.
+ScrollProxy = function ScrollProxy(element, vars) {
+  element = gsap$3.utils.toArray(element)[0];
+  vars = vars || {};
+  var content = document.createElement("div"),
+      style = content.style,
+      node = element.firstChild,
+      offsetTop = 0,
+      offsetLeft = 0,
+      prevTop = element.scrollTop,
+      prevLeft = element.scrollLeft,
+      scrollWidth = element.scrollWidth,
+      scrollHeight = element.scrollHeight,
+      extraPadRight = 0,
+      maxLeft = 0,
+      maxTop = 0,
+      elementWidth,
+      elementHeight,
+      contentHeight,
+      nextNode,
+      transformStart,
+      transformEnd;
+
+  if (_supports3D && vars.force3D !== false) {
+    transformStart = "translate3d(";
+    transformEnd = "px,0px)";
+  } else if (_transformProp) {
+    transformStart = "translate(";
+    transformEnd = "px)";
+  }
+
+  this.scrollTop = function (value, force) {
+    if (!arguments.length) {
+      return -this.top();
+    }
+
+    this.top(-value, force);
+  };
+
+  this.scrollLeft = function (value, force) {
+    if (!arguments.length) {
+      return -this.left();
+    }
+
+    this.left(-value, force);
+  };
+
+  this.left = function (value, force) {
+    if (!arguments.length) {
+      return -(element.scrollLeft + offsetLeft);
+    }
+
+    var dif = element.scrollLeft - prevLeft,
+        oldOffset = offsetLeft;
+
+    if ((dif > 2 || dif < -2) && !force) {
+      //if the user interacts with the scrollbar (or something else scrolls it, like the mouse wheel), we should kill any tweens of the ScrollProxy.
+      prevLeft = element.scrollLeft;
+      gsap$3.killTweensOf(this, {
+        left: 1,
+        scrollLeft: 1
+      });
+      this.left(-prevLeft);
+
+      if (vars.onKill) {
+        vars.onKill();
+      }
+
+      return;
+    }
+
+    value = -value; //invert because scrolling works in the opposite direction
+
+    if (value < 0) {
+      offsetLeft = value - 0.5 | 0;
+      value = 0;
+    } else if (value > maxLeft) {
+      offsetLeft = value - maxLeft | 0;
+      value = maxLeft;
+    } else {
+      offsetLeft = 0;
+    }
+
+    if (offsetLeft || oldOffset) {
+      if (!this._skip) {
+        style[_transformProp] = transformStart + -offsetLeft + "px," + -offsetTop + transformEnd;
+      }
+
+      if (offsetLeft + extraPadRight >= 0) {
+        style.paddingRight = offsetLeft + extraPadRight + "px";
+      }
+    }
+
+    element.scrollLeft = value | 0;
+    prevLeft = element.scrollLeft; //don't merge this with the line above because some browsers adjust the scrollLeft after it's set, so in order to be 100% accurate in tracking it, we need to ask the browser to report it.
+  };
+
+  this.top = function (value, force) {
+    if (!arguments.length) {
+      return -(element.scrollTop + offsetTop);
+    }
+
+    var dif = element.scrollTop - prevTop,
+        oldOffset = offsetTop;
+
+    if ((dif > 2 || dif < -2) && !force) {
+      //if the user interacts with the scrollbar (or something else scrolls it, like the mouse wheel), we should kill any tweens of the ScrollProxy.
+      prevTop = element.scrollTop;
+      gsap$3.killTweensOf(this, {
+        top: 1,
+        scrollTop: 1
+      });
+      this.top(-prevTop);
+
+      if (vars.onKill) {
+        vars.onKill();
+      }
+
+      return;
+    }
+
+    value = -value; //invert because scrolling works in the opposite direction
+
+    if (value < 0) {
+      offsetTop = value - 0.5 | 0;
+      value = 0;
+    } else if (value > maxTop) {
+      offsetTop = value - maxTop | 0;
+      value = maxTop;
+    } else {
+      offsetTop = 0;
+    }
+
+    if (offsetTop || oldOffset) {
+      if (!this._skip) {
+        style[_transformProp] = transformStart + -offsetLeft + "px," + -offsetTop + transformEnd;
+      }
+    }
+
+    element.scrollTop = value | 0;
+    prevTop = element.scrollTop;
+  };
+
+  this.maxScrollTop = function () {
+    return maxTop;
+  };
+
+  this.maxScrollLeft = function () {
+    return maxLeft;
+  };
+
+  this.disable = function () {
+    node = content.firstChild;
+
+    while (node) {
+      nextNode = node.nextSibling;
+      element.appendChild(node);
+      node = nextNode;
+    }
+
+    if (element === content.parentNode) {
+      //in case disable() is called when it's already disabled.
+      element.removeChild(content);
+    }
+  };
+
+  this.enable = function () {
+    node = element.firstChild;
+
+    if (node === content) {
+      return;
+    }
+
+    while (node) {
+      nextNode = node.nextSibling;
+      content.appendChild(node);
+      node = nextNode;
+    }
+
+    element.appendChild(content);
+    this.calibrate();
+  };
+
+  this.calibrate = function (force) {
+    var widthMatches = element.clientWidth === elementWidth,
+        cs,
+        x,
+        y;
+    prevTop = element.scrollTop;
+    prevLeft = element.scrollLeft;
+
+    if (widthMatches && element.clientHeight === elementHeight && content.offsetHeight === contentHeight && scrollWidth === element.scrollWidth && scrollHeight === element.scrollHeight && !force) {
+      return; //no need to recalculate things if the width and height haven't changed.
+    }
+
+    if (offsetTop || offsetLeft) {
+      x = this.left();
+      y = this.top();
+      this.left(-element.scrollLeft);
+      this.top(-element.scrollTop);
+    }
+
+    cs = _getComputedStyle(element); //first, we need to remove any width constraints to see how the content naturally flows so that we can see if it's wider than the containing element. If so, we've got to record the amount of overage so that we can apply that as padding in order for browsers to correctly handle things. Then we switch back to a width of 100% (without that, some browsers don't flow the content correctly)
+
+    if (!widthMatches || force) {
+      style.display = "block";
+      style.width = "auto";
+      style.paddingRight = "0px";
+      extraPadRight = Math.max(0, element.scrollWidth - element.clientWidth); //if the content is wider than the container, we need to add the paddingLeft and paddingRight in order for things to behave correctly.
+
+      if (extraPadRight) {
+        extraPadRight += parseFloat(cs.paddingLeft) + (_addPaddingBR ? parseFloat(cs.paddingRight) : 0);
+      }
+    }
+
+    style.display = "inline-block";
+    style.position = "relative";
+    style.overflow = "visible";
+    style.verticalAlign = "top";
+    style.boxSizing = "content-box";
+    style.width = "100%";
+    style.paddingRight = extraPadRight + "px"; //some browsers neglect to factor in the bottom padding when calculating the scrollHeight, so we need to add that padding to the content when that happens. Allow a 2px margin for error
+
+    if (_addPaddingBR) {
+      style.paddingBottom = cs.paddingBottom;
+    }
+
+    elementWidth = element.clientWidth;
+    elementHeight = element.clientHeight;
+    scrollWidth = element.scrollWidth;
+    scrollHeight = element.scrollHeight;
+    maxLeft = element.scrollWidth - elementWidth;
+    maxTop = element.scrollHeight - elementHeight;
+    contentHeight = content.offsetHeight;
+    style.display = "block";
+
+    if (x || y) {
+      this.left(x);
+      this.top(y);
+    }
+  };
+
+  this.content = content;
+  this.element = element;
+  this._skip = false;
+  this.enable();
+},
+    _initCore$3 = function _initCore(required) {
+  if (_windowExists() && document.body) {
+    var nav = window && window.navigator;
+    _win$1 = window;
+    _doc$1 = document;
+    _docElement = _doc$1.documentElement;
+    _body$1 = _doc$1.body;
+    _tempDiv = _createElement("div");
+    _supportsPointer = !!window.PointerEvent;
+    _placeholderDiv = _createElement("div");
+    _placeholderDiv.style.cssText = "visibility:hidden;height:1px;top:-1px;pointer-events:none;position:relative;clear:both;cursor:grab";
+    _defaultCursor = _placeholderDiv.style.cursor === "grab" ? "grab" : "move";
+    _isAndroid = nav && nav.userAgent.toLowerCase().indexOf("android") !== -1; //Android handles touch events in an odd way and it's virtually impossible to "feature test" so we resort to UA sniffing
+
+    _isTouchDevice = "ontouchstart" in _docElement && "orientation" in _win$1 || nav && (nav.MaxTouchPoints > 0 || nav.msMaxTouchPoints > 0);
+
+    _addPaddingBR = function () {
+      //this function is in charge of analyzing browser behavior related to padding. It sets the _addPaddingBR to true if the browser doesn't normally factor in the bottom or right padding on the element inside the scrolling area, and it sets _addPaddingLeft to true if it's a browser that requires the extra offset (offsetLeft) to be added to the paddingRight (like Opera).
+      var div = _createElement("div"),
+          child = _createElement("div"),
+          childStyle = child.style,
+          parent = _body$1,
+          val;
+
+      childStyle.display = "inline-block";
+      childStyle.position = "relative";
+      div.style.cssText = "width:90px;height:40px;padding:10px;overflow:auto;visibility:hidden";
+      div.appendChild(child);
+      parent.appendChild(div);
+      val = child.offsetHeight + 18 > div.scrollHeight; //div.scrollHeight should be child.offsetHeight + 20 because of the 10px of padding on each side, but some browsers ignore one side. We allow a 2px margin of error.
+
+      parent.removeChild(div);
+      return val;
+    }();
+
+    _touchEventLookup = function (types) {
+      //we create an object that makes it easy to translate touch event types into their "pointer" counterparts if we're in a browser that uses those instead. Like IE10 uses "MSPointerDown" instead of "touchstart", for example.
+      var standard = types.split(","),
+          converted = ("onpointerdown" in _tempDiv ? "pointerdown,pointermove,pointerup,pointercancel" : "onmspointerdown" in _tempDiv ? "MSPointerDown,MSPointerMove,MSPointerUp,MSPointerCancel" : types).split(","),
+          obj = {},
+          i = 4;
+
+      while (--i > -1) {
+        obj[standard[i]] = converted[i];
+        obj[converted[i]] = standard[i];
+      } //to avoid problems in iOS 9, test to see if the browser supports the "passive" option on addEventListener().
+
+
+      try {
+        _docElement.addEventListener("test", null, Object.defineProperty({}, "passive", {
+          get: function get() {
+            _supportsPassive = 1;
+          }
+        }));
+      } catch (e) {}
+
+      return obj;
+    }("touchstart,touchmove,touchend,touchcancel");
+
+    _addListener$1(_doc$1, "touchcancel", _emptyFunc$1); //some older Android devices intermittently stop dispatching "touchmove" events if we don't listen for "touchcancel" on the document. Very strange indeed.
+
+
+    _addListener$1(_win$1, "touchmove", _emptyFunc$1); //works around Safari bugs that still allow the page to scroll even when we preventDefault() on the touchmove event.
+
+
+    _body$1 && _body$1.addEventListener("touchstart", _emptyFunc$1); //works around Safari bug: https://gsap.com/forums/topic/21450-draggable-in-iframe-on-mobile-is-buggy/
+
+    _addListener$1(_doc$1, "contextmenu", function () {
+      for (var p in _lookup$1) {
+        if (_lookup$1[p].isPressed) {
+          _lookup$1[p].endDrag();
+        }
+      }
+    });
+
+    gsap$3 = _coreInitted$3 = _getGSAP$3();
+  }
+
+  if (gsap$3) {
+    InertiaPlugin$1 = gsap$3.plugins.inertia;
+
+    _context$1 = gsap$3.core.context || function () {};
+
+    _checkPrefix = gsap$3.utils.checkPrefix;
+    _transformProp = _checkPrefix(_transformProp);
+    _transformOriginProp = _checkPrefix(_transformOriginProp);
+    _toArray$2 = gsap$3.utils.toArray;
+    _getStyleSaver$1 = gsap$3.core.getStyleSaver;
+    _supports3D = !!_checkPrefix("perspective");
+  } else if (required) {
+    console.warn("Please gsap.registerPlugin(Draggable)");
+  }
+};
+
+var EventDispatcher = /*#__PURE__*/function () {
+  function EventDispatcher(target) {
+    this._listeners = {};
+    this.target = target || this;
+  }
+
+  var _proto = EventDispatcher.prototype;
+
+  _proto.addEventListener = function addEventListener(type, callback) {
+    var list = this._listeners[type] || (this._listeners[type] = []);
+
+    if (!~list.indexOf(callback)) {
+      list.push(callback);
+    }
+  };
+
+  _proto.removeEventListener = function removeEventListener(type, callback) {
+    var list = this._listeners[type],
+        i = list && list.indexOf(callback);
+    i >= 0 && list.splice(i, 1);
+  };
+
+  _proto.dispatchEvent = function dispatchEvent(type) {
+    var _this = this;
+
+    var result;
+    (this._listeners[type] || []).forEach(function (callback) {
+      return callback.call(_this, {
+        type: type,
+        target: _this.target
+      }) === false && (result = false);
+    });
+    return result; //if any of the callbacks return false, pass that along.
+  };
+
+  return EventDispatcher;
+}();
+
+var Draggable = /*#__PURE__*/function (_EventDispatcher) {
+  _inheritsLoose(Draggable, _EventDispatcher);
+
+  function Draggable(target, vars) {
+    var _this2;
+
+    _this2 = _EventDispatcher.call(this) || this;
+    _coreInitted$3 || _initCore$3(1);
+    target = _toArray$2(target)[0]; //in case the target is a selector object or selector text
+
+    _this2.styles = _getStyleSaver$1 && _getStyleSaver$1(target, "transform,left,top");
+
+    if (!InertiaPlugin$1) {
+      InertiaPlugin$1 = gsap$3.plugins.inertia;
+    }
+
+    _this2.vars = vars = _copy(vars || {});
+    _this2.target = target;
+    _this2.x = _this2.y = _this2.rotation = 0;
+    _this2.dragResistance = parseFloat(vars.dragResistance) || 0;
+    _this2.edgeResistance = isNaN(vars.edgeResistance) ? 1 : parseFloat(vars.edgeResistance) || 0;
+    _this2.lockAxis = vars.lockAxis;
+    _this2.autoScroll = vars.autoScroll || 0;
+    _this2.lockedAxis = null;
+    _this2.allowEventDefault = !!vars.allowEventDefault;
+    gsap$3.getProperty(target, "x"); // to ensure that transforms are instantiated.
+
+    var type = (vars.type || "x,y").toLowerCase(),
+        xyMode = ~type.indexOf("x") || ~type.indexOf("y"),
+        rotationMode = type.indexOf("rotation") !== -1,
+        xProp = rotationMode ? "rotation" : xyMode ? "x" : "left",
+        yProp = xyMode ? "y" : "top",
+        allowX = !!(~type.indexOf("x") || ~type.indexOf("left") || type === "scroll"),
+        allowY = !!(~type.indexOf("y") || ~type.indexOf("top") || type === "scroll"),
+        minimumMovement = vars.minimumMovement || 2,
+        self = _assertThisInitialized(_this2),
+        triggers = _toArray$2(vars.trigger || vars.handle || target),
+        killProps = {},
+        dragEndTime = 0,
+        checkAutoScrollBounds = false,
+        autoScrollMarginTop = vars.autoScrollMarginTop || 40,
+        autoScrollMarginRight = vars.autoScrollMarginRight || 40,
+        autoScrollMarginBottom = vars.autoScrollMarginBottom || 40,
+        autoScrollMarginLeft = vars.autoScrollMarginLeft || 40,
+        isClickable = vars.clickableTest || _isClickable,
+        clickTime = 0,
+        gsCache = target._gsap || gsap$3.core.getCache(target),
+        isFixed = _isFixed(target),
+        getPropAsNum = function getPropAsNum(property, unit) {
+      return parseFloat(gsCache.get(target, property, unit));
+    },
+        ownerDoc = target.ownerDocument || _doc$1,
+        enabled,
+        scrollProxy,
+        startPointerX,
+        startPointerY,
+        startElementX,
+        startElementY,
+        hasBounds,
+        hasDragCallback,
+        hasMoveCallback,
+        maxX,
+        minX,
+        maxY,
+        minY,
+        touch,
+        touchID,
+        rotationOrigin,
+        dirty,
+        old,
+        snapX,
+        snapY,
+        snapXY,
+        isClicking,
+        touchEventTarget,
+        matrix,
+        interrupted,
+        allowNativeTouchScrolling,
+        touchDragAxis,
+        isDispatching,
+        clickDispatch,
+        trustedClickDispatch,
+        isPreventingDefault,
+        innerMatrix,
+        dragged,
+        onContextMenu = function onContextMenu(e) {
+      //used to prevent long-touch from triggering a context menu.
+      // (self.isPressed && e.which < 2) && self.endDrag() // previously ended drag when context menu was triggered, but instead we should just stop propagation and prevent the default event behavior.
+      _preventDefault(e);
+
+      e.stopImmediatePropagation && e.stopImmediatePropagation();
+      return false;
+    },
+        //this method gets called on every tick of TweenLite.ticker which allows us to synchronize the renders to the core engine (which is typically synchronized with the display refresh via requestAnimationFrame). This is an optimization - it's better than applying the values inside the "mousemove" or "touchmove" event handler which may get called many times inbetween refreshes.
+    render = function render(suppressEvents) {
+      if (self.autoScroll && self.isDragging && (checkAutoScrollBounds || dirty)) {
+        var e = target,
+            autoScrollFactor = self.autoScroll * 15,
+            //multiplying by 15 just gives us a better "feel" speed-wise.
+        parent,
+            isRoot,
+            rect,
+            pointerX,
+            pointerY,
+            changeX,
+            changeY,
+            gap;
+        checkAutoScrollBounds = false;
+        _windowProxy.scrollTop = _win$1.pageYOffset != null ? _win$1.pageYOffset : ownerDoc.documentElement.scrollTop != null ? ownerDoc.documentElement.scrollTop : ownerDoc.body.scrollTop;
+        _windowProxy.scrollLeft = _win$1.pageXOffset != null ? _win$1.pageXOffset : ownerDoc.documentElement.scrollLeft != null ? ownerDoc.documentElement.scrollLeft : ownerDoc.body.scrollLeft;
+        pointerX = self.pointerX - _windowProxy.scrollLeft;
+        pointerY = self.pointerY - _windowProxy.scrollTop;
+
+        while (e && !isRoot) {
+          //walk up the chain and sense wherever the pointer is within 40px of an edge that's scrollable.
+          isRoot = _isRoot(e.parentNode);
+          parent = isRoot ? _windowProxy : e.parentNode;
+          rect = isRoot ? {
+            bottom: Math.max(_docElement.clientHeight, _win$1.innerHeight || 0),
+            right: Math.max(_docElement.clientWidth, _win$1.innerWidth || 0),
+            left: 0,
+            top: 0
+          } : parent.getBoundingClientRect();
+          changeX = changeY = 0;
+
+          if (allowY) {
+            gap = parent._gsMaxScrollY - parent.scrollTop;
+
+            if (gap < 0) {
+              changeY = gap;
+            } else if (pointerY > rect.bottom - autoScrollMarginBottom && gap) {
+              checkAutoScrollBounds = true;
+              changeY = Math.min(gap, autoScrollFactor * (1 - Math.max(0, rect.bottom - pointerY) / autoScrollMarginBottom) | 0);
+            } else if (pointerY < rect.top + autoScrollMarginTop && parent.scrollTop) {
+              checkAutoScrollBounds = true;
+              changeY = -Math.min(parent.scrollTop, autoScrollFactor * (1 - Math.max(0, pointerY - rect.top) / autoScrollMarginTop) | 0);
+            }
+
+            if (changeY) {
+              parent.scrollTop += changeY;
+            }
+          }
+
+          if (allowX) {
+            gap = parent._gsMaxScrollX - parent.scrollLeft;
+
+            if (gap < 0) {
+              changeX = gap;
+            } else if (pointerX > rect.right - autoScrollMarginRight && gap) {
+              checkAutoScrollBounds = true;
+              changeX = Math.min(gap, autoScrollFactor * (1 - Math.max(0, rect.right - pointerX) / autoScrollMarginRight) | 0);
+            } else if (pointerX < rect.left + autoScrollMarginLeft && parent.scrollLeft) {
+              checkAutoScrollBounds = true;
+              changeX = -Math.min(parent.scrollLeft, autoScrollFactor * (1 - Math.max(0, pointerX - rect.left) / autoScrollMarginLeft) | 0);
+            }
+
+            if (changeX) {
+              parent.scrollLeft += changeX;
+            }
+          }
+
+          if (isRoot && (changeX || changeY)) {
+            _win$1.scrollTo(parent.scrollLeft, parent.scrollTop);
+
+            setPointerPosition(self.pointerX + changeX, self.pointerY + changeY);
+          }
+
+          e = parent;
+        }
+      }
+
+      if (dirty) {
+        var x = self.x,
+            y = self.y;
+
+        if (rotationMode) {
+          self.deltaX = x - parseFloat(gsCache.rotation);
+          self.rotation = x;
+          gsCache.rotation = x + "deg";
+          gsCache.renderTransform(1, gsCache);
+        } else {
+          if (scrollProxy) {
+            if (allowY) {
+              self.deltaY = y - scrollProxy.top();
+              scrollProxy.top(y);
+            }
+
+            if (allowX) {
+              self.deltaX = x - scrollProxy.left();
+              scrollProxy.left(x);
+            }
+          } else if (xyMode) {
+            if (allowY) {
+              self.deltaY = y - parseFloat(gsCache.y);
+              gsCache.y = y + "px";
+            }
+
+            if (allowX) {
+              self.deltaX = x - parseFloat(gsCache.x);
+              gsCache.x = x + "px";
+            }
+
+            gsCache.renderTransform(1, gsCache);
+          } else {
+            if (allowY) {
+              self.deltaY = y - parseFloat(target.style.top || 0);
+              target.style.top = y + "px";
+            }
+
+            if (allowX) {
+              self.deltaX = x - parseFloat(target.style.left || 0);
+              target.style.left = x + "px";
+            }
+          }
+        }
+
+        if (hasDragCallback && !suppressEvents && !isDispatching) {
+          isDispatching = true; //in case onDrag has an update() call (avoid endless loop)
+
+          if (_dispatchEvent(self, "drag", "onDrag") === false) {
+            if (allowX) {
+              self.x -= self.deltaX;
+            }
+
+            if (allowY) {
+              self.y -= self.deltaY;
+            }
+
+            render(true);
+          }
+
+          isDispatching = false;
+        }
+      }
+
+      dirty = false;
+    },
+        //copies the x/y from the element (whether that be transforms, top/left, or ScrollProxy's top/left) to the Draggable's x and y (and rotation if necessary) properties so that they reflect reality and it also (optionally) applies any snapping necessary. This is used by the InertiaPlugin tween in an onUpdate to ensure things are synced and snapped.
+    syncXY = function syncXY(skipOnUpdate, skipSnap) {
+      var x = self.x,
+          y = self.y,
+          snappedValue,
+          cs;
+
+      if (!target._gsap) {
+        //just in case the _gsap cache got wiped, like if the user called clearProps on the transform or something (very rare).
+        gsCache = gsap$3.core.getCache(target);
+      }
+
+      gsCache.uncache && gsap$3.getProperty(target, "x"); // trigger a re-cache
+
+      if (xyMode) {
+        self.x = parseFloat(gsCache.x);
+        self.y = parseFloat(gsCache.y);
+      } else if (rotationMode) {
+        self.x = self.rotation = parseFloat(gsCache.rotation);
+      } else if (scrollProxy) {
+        self.y = scrollProxy.top();
+        self.x = scrollProxy.left();
+      } else {
+        self.y = parseFloat(target.style.top || (cs = _getComputedStyle(target)) && cs.top) || 0;
+        self.x = parseFloat(target.style.left || (cs || {}).left) || 0;
+      }
+
+      if ((snapX || snapY || snapXY) && !skipSnap && (self.isDragging || self.isThrowing)) {
+        if (snapXY) {
+          _temp1.x = self.x;
+          _temp1.y = self.y;
+          snappedValue = snapXY(_temp1);
+
+          if (snappedValue.x !== self.x) {
+            self.x = snappedValue.x;
+            dirty = true;
+          }
+
+          if (snappedValue.y !== self.y) {
+            self.y = snappedValue.y;
+            dirty = true;
+          }
+        }
+
+        if (snapX) {
+          snappedValue = snapX(self.x);
+
+          if (snappedValue !== self.x) {
+            self.x = snappedValue;
+
+            if (rotationMode) {
+              self.rotation = snappedValue;
+            }
+
+            dirty = true;
+          }
+        }
+
+        if (snapY) {
+          snappedValue = snapY(self.y);
+
+          if (snappedValue !== self.y) {
+            self.y = snappedValue;
+          }
+
+          dirty = true;
+        }
+      }
+
+      dirty && render(true);
+
+      if (!skipOnUpdate) {
+        self.deltaX = self.x - x;
+        self.deltaY = self.y - y;
+
+        _dispatchEvent(self, "throwupdate", "onThrowUpdate");
+      }
+    },
+        buildSnapFunc = function buildSnapFunc(snap, min, max, factor) {
+      if (min == null) {
+        min = -_bigNum$1;
+      }
+
+      if (max == null) {
+        max = _bigNum$1;
+      }
+
+      if (_isFunction$1(snap)) {
+        return function (n) {
+          var edgeTolerance = !self.isPressed ? 1 : 1 - self.edgeResistance; //if we're tweening, disable the edgeTolerance because it's already factored into the tweening values (we don't want to apply it multiple times)
+
+          return snap.call(self, (n > max ? max + (n - max) * edgeTolerance : n < min ? min + (n - min) * edgeTolerance : n) * factor) * factor;
+        };
+      }
+
+      if (_isArray$1(snap)) {
+        return function (n) {
+          var i = snap.length,
+              closest = 0,
+              absDif = _bigNum$1,
+              val,
+              dif;
+
+          while (--i > -1) {
+            val = snap[i];
+            dif = val - n;
+
+            if (dif < 0) {
+              dif = -dif;
+            }
+
+            if (dif < absDif && val >= min && val <= max) {
+              closest = i;
+              absDif = dif;
+            }
+          }
+
+          return snap[closest];
+        };
+      }
+
+      return isNaN(snap) ? function (n) {
+        return n;
+      } : function () {
+        return snap * factor;
+      };
+    },
+        buildPointSnapFunc = function buildPointSnapFunc(snap, minX, maxX, minY, maxY, radius, factor) {
+      radius = radius && radius < _bigNum$1 ? radius * radius : _bigNum$1; //so we don't have to Math.sqrt() in the functions. Performance optimization.
+
+      if (_isFunction$1(snap)) {
+        return function (point) {
+          var edgeTolerance = !self.isPressed ? 1 : 1 - self.edgeResistance,
+              x = point.x,
+              y = point.y,
+              result,
+              dx,
+              dy; //if we're tweening, disable the edgeTolerance because it's already factored into the tweening values (we don't want to apply it multiple times)
+
+          point.x = x = x > maxX ? maxX + (x - maxX) * edgeTolerance : x < minX ? minX + (x - minX) * edgeTolerance : x;
+          point.y = y = y > maxY ? maxY + (y - maxY) * edgeTolerance : y < minY ? minY + (y - minY) * edgeTolerance : y;
+          result = snap.call(self, point);
+
+          if (result !== point) {
+            point.x = result.x;
+            point.y = result.y;
+          }
+
+          if (factor !== 1) {
+            point.x *= factor;
+            point.y *= factor;
+          }
+
+          if (radius < _bigNum$1) {
+            dx = point.x - x;
+            dy = point.y - y;
+
+            if (dx * dx + dy * dy > radius) {
+              point.x = x;
+              point.y = y;
+            }
+          }
+
+          return point;
+        };
+      }
+
+      if (_isArray$1(snap)) {
+        return function (p) {
+          var i = snap.length,
+              closest = 0,
+              minDist = _bigNum$1,
+              x,
+              y,
+              point,
+              dist;
+
+          while (--i > -1) {
+            point = snap[i];
+            x = point.x - p.x;
+            y = point.y - p.y;
+            dist = x * x + y * y;
+
+            if (dist < minDist) {
+              closest = i;
+              minDist = dist;
+            }
+          }
+
+          return minDist <= radius ? snap[closest] : p;
+        };
+      }
+
+      return function (n) {
+        return n;
+      };
+    },
+        calculateBounds = function calculateBounds() {
+      var bounds, targetBounds, snap, snapIsRaw;
+      hasBounds = false;
+
+      if (scrollProxy) {
+        scrollProxy.calibrate();
+        self.minX = minX = -scrollProxy.maxScrollLeft();
+        self.minY = minY = -scrollProxy.maxScrollTop();
+        self.maxX = maxX = self.maxY = maxY = 0;
+        hasBounds = true;
+      } else if (!!vars.bounds) {
+        bounds = _getBounds(vars.bounds, target.parentNode); //could be a selector/jQuery object or a DOM element or a generic object like {top:0, left:100, width:1000, height:800} or {minX:100, maxX:1100, minY:0, maxY:800}
+
+        if (rotationMode) {
+          self.minX = minX = bounds.left;
+          self.maxX = maxX = bounds.left + bounds.width;
+          self.minY = minY = self.maxY = maxY = 0;
+        } else if (!_isUndefined(vars.bounds.maxX) || !_isUndefined(vars.bounds.maxY)) {
+          bounds = vars.bounds;
+          self.minX = minX = bounds.minX;
+          self.minY = minY = bounds.minY;
+          self.maxX = maxX = bounds.maxX;
+          self.maxY = maxY = bounds.maxY;
+        } else {
+          targetBounds = _getBounds(target, target.parentNode);
+          self.minX = minX = Math.round(getPropAsNum(xProp, "px") + bounds.left - targetBounds.left);
+          self.minY = minY = Math.round(getPropAsNum(yProp, "px") + bounds.top - targetBounds.top);
+          self.maxX = maxX = Math.round(minX + (bounds.width - targetBounds.width));
+          self.maxY = maxY = Math.round(minY + (bounds.height - targetBounds.height));
+        }
+
+        if (minX > maxX) {
+          self.minX = maxX;
+          self.maxX = maxX = minX;
+          minX = self.minX;
+        }
+
+        if (minY > maxY) {
+          self.minY = maxY;
+          self.maxY = maxY = minY;
+          minY = self.minY;
+        }
+
+        if (rotationMode) {
+          self.minRotation = minX;
+          self.maxRotation = maxX;
+        }
+
+        hasBounds = true;
+      }
+
+      if (vars.liveSnap) {
+        snap = vars.liveSnap === true ? vars.snap || {} : vars.liveSnap;
+        snapIsRaw = _isArray$1(snap) || _isFunction$1(snap);
+
+        if (rotationMode) {
+          snapX = buildSnapFunc(snapIsRaw ? snap : snap.rotation, minX, maxX, 1);
+          snapY = null;
+        } else {
+          if (snap.points) {
+            snapXY = buildPointSnapFunc(snapIsRaw ? snap : snap.points, minX, maxX, minY, maxY, snap.radius, scrollProxy ? -1 : 1);
+          } else {
+            if (allowX) {
+              snapX = buildSnapFunc(snapIsRaw ? snap : snap.x || snap.left || snap.scrollLeft, minX, maxX, scrollProxy ? -1 : 1);
+            }
+
+            if (allowY) {
+              snapY = buildSnapFunc(snapIsRaw ? snap : snap.y || snap.top || snap.scrollTop, minY, maxY, scrollProxy ? -1 : 1);
+            }
+          }
+        }
+      }
+    },
+        onThrowComplete = function onThrowComplete() {
+      self.isThrowing = false;
+
+      _dispatchEvent(self, "throwcomplete", "onThrowComplete");
+    },
+        onThrowInterrupt = function onThrowInterrupt() {
+      self.isThrowing = false;
+    },
+        animate = function animate(inertia, forceZeroVelocity) {
+      var snap, snapIsRaw, tween, overshootTolerance;
+
+      if (inertia && InertiaPlugin$1) {
+        if (inertia === true) {
+          snap = vars.snap || vars.liveSnap || {};
+          snapIsRaw = _isArray$1(snap) || _isFunction$1(snap);
+          inertia = {
+            resistance: (vars.throwResistance || vars.resistance || 1000) / (rotationMode ? 10 : 1)
+          };
+
+          if (rotationMode) {
+            inertia.rotation = _parseInertia(self, snapIsRaw ? snap : snap.rotation, maxX, minX, 1, forceZeroVelocity);
+          } else {
+            if (allowX) {
+              inertia[xProp] = _parseInertia(self, snapIsRaw ? snap : snap.points || snap.x || snap.left, maxX, minX, scrollProxy ? -1 : 1, forceZeroVelocity || self.lockedAxis === "x");
+            }
+
+            if (allowY) {
+              inertia[yProp] = _parseInertia(self, snapIsRaw ? snap : snap.points || snap.y || snap.top, maxY, minY, scrollProxy ? -1 : 1, forceZeroVelocity || self.lockedAxis === "y");
+            }
+
+            if (snap.points || _isArray$1(snap) && _isObject$1(snap[0])) {
+              inertia.linkedProps = xProp + "," + yProp;
+              inertia.radius = snap.radius; //note: we also disable liveSnapping while throwing if there's a "radius" defined, otherwise it looks weird to have the item thrown past a snapping point but live-snapping mid-tween. We do this by altering the onUpdateParams so that "skipSnap" parameter is true for syncXY.
+            }
+          }
+        }
+
+        self.isThrowing = true;
+        overshootTolerance = !isNaN(vars.overshootTolerance) ? vars.overshootTolerance : vars.edgeResistance === 1 ? 0 : 1 - self.edgeResistance + 0.2;
+
+        if (!inertia.duration) {
+          inertia.duration = {
+            max: Math.max(vars.minDuration || 0, "maxDuration" in vars ? vars.maxDuration : 2),
+            min: !isNaN(vars.minDuration) ? vars.minDuration : overshootTolerance === 0 || _isObject$1(inertia) && inertia.resistance > 1000 ? 0 : 0.5,
+            overshoot: overshootTolerance
+          };
+        }
+
+        self.tween = tween = gsap$3.to(scrollProxy || target, {
+          inertia: inertia,
+          data: "_draggable",
+          inherit: false,
+          onComplete: onThrowComplete,
+          onInterrupt: onThrowInterrupt,
+          onUpdate: vars.fastMode ? _dispatchEvent : syncXY,
+          onUpdateParams: vars.fastMode ? [self, "onthrowupdate", "onThrowUpdate"] : snap && snap.radius ? [false, true] : []
+        });
+
+        if (!vars.fastMode) {
+          if (scrollProxy) {
+            scrollProxy._skip = true; // Microsoft browsers have a bug that causes them to briefly render the position incorrectly (it flashes to the end state when we seek() the tween even though we jump right back to the current position, and this only seems to happen when we're affecting both top and left), so we set a _suspendTransforms flag to prevent it from actually applying the values in the ScrollProxy.
+          }
+
+          tween.render(1e9, true, true); // force to the end. Remember, the duration will likely change upon initting because that's when InertiaPlugin calculates it.
+
+          syncXY(true, true);
+          self.endX = self.x;
+          self.endY = self.y;
+
+          if (rotationMode) {
+            self.endRotation = self.x;
+          }
+
+          tween.play(0);
+          syncXY(true, true);
+
+          if (scrollProxy) {
+            scrollProxy._skip = false; //Microsoft browsers have a bug that causes them to briefly render the position incorrectly (it flashes to the end state when we seek() the tween even though we jump right back to the current position, and this only seems to happen when we're affecting both top and left), so we set a _suspendTransforms flag to prevent it from actually applying the values in the ScrollProxy.
+          }
+        }
+      } else if (hasBounds) {
+        self.applyBounds();
+      }
+    },
+        updateMatrix = function updateMatrix(shiftStart) {
+      var start = matrix,
+          p;
+      matrix = getGlobalMatrix(target.parentNode, true);
+
+      if (shiftStart && self.isPressed && !matrix.equals(start || new Matrix2D())) {
+        //if the matrix changes WHILE the element is pressed, we must adjust the startPointerX and startPointerY accordingly, so we invert the original matrix and figure out where the pointerX and pointerY were in the global space, then apply the new matrix to get the updated coordinates.
+        p = start.inverse().apply({
+          x: startPointerX,
+          y: startPointerY
+        });
+        matrix.apply(p, p);
+        startPointerX = p.x;
+        startPointerY = p.y;
+      }
+
+      if (matrix.equals(_identityMatrix)) {
+        //if there are no transforms, we can optimize performance by not factoring in the matrix
+        matrix = null;
+      }
+    },
+        recordStartPositions = function recordStartPositions() {
+      var edgeTolerance = 1 - self.edgeResistance,
+          offsetX = isFixed ? _getDocScrollLeft(ownerDoc) : 0,
+          offsetY = isFixed ? _getDocScrollTop(ownerDoc) : 0,
+          parsedOrigin,
+          x,
+          y;
+
+      if (xyMode) {
+        // in case the user set it as a different unit, like animating the x to "100%". We must convert it back to px!
+        gsCache.x = getPropAsNum(xProp, "px") + "px";
+        gsCache.y = getPropAsNum(yProp, "px") + "px";
+        gsCache.renderTransform();
+      }
+
+      updateMatrix(false);
+      _point1.x = self.pointerX - offsetX;
+      _point1.y = self.pointerY - offsetY;
+      matrix && matrix.apply(_point1, _point1);
+      startPointerX = _point1.x; //translate to local coordinate system
+
+      startPointerY = _point1.y;
+
+      if (dirty) {
+        setPointerPosition(self.pointerX, self.pointerY);
+        render(true);
+      }
+
+      innerMatrix = getGlobalMatrix(target);
+
+      if (scrollProxy) {
+        calculateBounds();
+        startElementY = scrollProxy.top();
+        startElementX = scrollProxy.left();
+      } else {
+        //if the element is in the process of tweening, don't force snapping to occur because it could make it jump. Imagine the user throwing, then before it's done, clicking on the element in its inbetween state.
+        if (isTweening()) {
+          syncXY(true, true);
+          calculateBounds();
+        } else {
+          self.applyBounds();
+        }
+
+        if (rotationMode) {
+          parsedOrigin = target.ownerSVGElement ? [gsCache.xOrigin - target.getBBox().x, gsCache.yOrigin - target.getBBox().y] : (_getComputedStyle(target)[_transformOriginProp] || "0 0").split(" ");
+          rotationOrigin = self.rotationOrigin = getGlobalMatrix(target).apply({
+            x: parseFloat(parsedOrigin[0]) || 0,
+            y: parseFloat(parsedOrigin[1]) || 0
+          });
+          syncXY(true, true);
+          x = self.pointerX - rotationOrigin.x - offsetX;
+          y = rotationOrigin.y - self.pointerY + offsetY;
+          startElementX = self.x; //starting rotation (x always refers to rotation in type:"rotation", measured in degrees)
+
+          startElementY = self.y = Math.atan2(y, x) * _RAD2DEG;
+        } else {
+          //parent = !isFixed && target.parentNode;
+          //startScrollTop = parent ? parent.scrollTop || 0 : 0;
+          //startScrollLeft = parent ? parent.scrollLeft || 0 : 0;
+          startElementY = getPropAsNum(yProp, "px"); //record the starting top and left values so that we can just add the mouse's movement to them later.
+
+          startElementX = getPropAsNum(xProp, "px");
+        }
+      }
+
+      if (hasBounds && edgeTolerance) {
+        if (startElementX > maxX) {
+          startElementX = maxX + (startElementX - maxX) / edgeTolerance;
+        } else if (startElementX < minX) {
+          startElementX = minX - (minX - startElementX) / edgeTolerance;
+        }
+
+        if (!rotationMode) {
+          if (startElementY > maxY) {
+            startElementY = maxY + (startElementY - maxY) / edgeTolerance;
+          } else if (startElementY < minY) {
+            startElementY = minY - (minY - startElementY) / edgeTolerance;
+          }
+        }
+      }
+
+      self.startX = startElementX = _round$2(startElementX);
+      self.startY = startElementY = _round$2(startElementY);
+    },
+        isTweening = function isTweening() {
+      return self.tween && self.tween.isActive();
+    },
+        removePlaceholder = function removePlaceholder() {
+      if (_placeholderDiv.parentNode && !isTweening() && !self.isDragging) {
+        //_placeholderDiv just props open auto-scrolling containers so they don't collapse as the user drags left/up. We remove it after dragging (and throwing, if necessary) finishes.
+        _placeholderDiv.parentNode.removeChild(_placeholderDiv);
+      }
+    },
+        //called when the mouse is pressed (or touch starts)
+    onPress = function onPress(e, force) {
+      var i;
+
+      if (!enabled || self.isPressed || !e || (e.type === "mousedown" || e.type === "pointerdown") && !force && _getTime$1() - clickTime < 30 && _touchEventLookup[self.pointerEvent.type]) {
+        //when we DON'T preventDefault() in order to accommodate touch-scrolling and the user just taps, many browsers also fire a mousedown/mouseup sequence AFTER the touchstart/touchend sequence, thus it'd result in two quick "click" events being dispatched. This line senses that condition and halts it on the subsequent mousedown.
+        isPreventingDefault && e && enabled && _preventDefault(e); // in some browsers, we must listen for multiple event types like touchstart, pointerdown, mousedown. The first time this function is called, we record whether or not we _preventDefault() so that on duplicate calls, we can do the same if necessary.
+
+        return;
+      }
+
+      interrupted = isTweening();
+      dragged = false; // we need to track whether or not it was dragged in this interaction so that if, for example, the user calls .endDrag() to FORCE it to stop and then they keep the mouse pressed down and eventually release, that would normally cause an onClick but we have to skip it in that case if there was dragging that occurred.
+
+      self.pointerEvent = e;
+
+      if (_touchEventLookup[e.type]) {
+        //note: on iOS, BOTH touchmove and mousemove are dispatched, but the mousemove has pageY and pageX of 0 which would mess up the calculations and needlessly hurt performance.
+        touchEventTarget = ~e.type.indexOf("touch") ? e.currentTarget || e.target : ownerDoc; //pointer-based touches (for Microsoft browsers) don't remain locked to the original target like other browsers, so we must use the document instead. The event type would be "MSPointerDown" or "pointerdown".
+
+        _addListener$1(touchEventTarget, "touchend", onRelease);
+
+        _addListener$1(touchEventTarget, "touchmove", onMove); // possible future change if PointerEvents are more standardized: https://developer.mozilla.org/en-US/docs/Web/API/Element/setPointerCapture
+
+
+        _addListener$1(touchEventTarget, "touchcancel", onRelease);
+
+        _addListener$1(ownerDoc, "touchstart", _onMultiTouchDocument);
+      } else {
+        touchEventTarget = null;
+
+        _addListener$1(ownerDoc, "mousemove", onMove); //attach these to the document instead of the box itself so that if the user's mouse moves too quickly (and off of the box), things still work.
+
+      }
+
+      touchDragAxis = null;
+
+      if (!_supportsPointer || !touchEventTarget) {
+        _addListener$1(ownerDoc, "mouseup", onRelease);
+
+        e && e.target && _addListener$1(e.target, "mouseup", onRelease); //we also have to listen directly on the element because some browsers don't bubble up the event to the _doc on elements with contentEditable="true"
+      }
+
+      isClicking = isClickable.call(self, e.target) && vars.dragClickables === false && !force;
+
+      if (isClicking) {
+        _addListener$1(e.target, "change", onRelease); //in some browsers, when you mousedown on a <select> element, no mouseup gets dispatched! So we listen for a "change" event instead.
+
+
+        _dispatchEvent(self, "pressInit", "onPressInit");
+
+        _dispatchEvent(self, "press", "onPress");
+
+        _setSelectable(triggers, true); //accommodates things like inputs and elements with contentEditable="true" (otherwise user couldn't drag to select text)
+
+
+        isPreventingDefault = false;
+        return;
+      }
+
+      allowNativeTouchScrolling = !touchEventTarget || allowX === allowY || self.vars.allowNativeTouchScrolling === false || self.vars.allowContextMenu && e && (e.ctrlKey || e.which > 2) ? false : allowX ? "y" : "x"; //note: in Chrome, right-clicking (for a context menu) fires onPress and it doesn't have the event.which set properly, so we must look for event.ctrlKey. If the user wants to allow context menus we should of course sense it here and not allow native touch scrolling.
+
+      isPreventingDefault = !allowNativeTouchScrolling && !self.allowEventDefault;
+
+      if (isPreventingDefault) {
+        _preventDefault(e);
+
+        _addListener$1(_win$1, "touchforcechange", _preventDefault); //works around safari bug: https://gsap.com/forums/topic/21450-draggable-in-iframe-on-mobile-is-buggy/
+
+      }
+
+      if (e.changedTouches) {
+        //touch events store the data slightly differently
+        e = touch = e.changedTouches[0];
+        touchID = e.identifier;
+      } else if (e.pointerId) {
+        touchID = e.pointerId; //for some Microsoft browsers
+      } else {
+        touch = touchID = null;
+      }
+
+      _dragCount++;
+
+      _addToRenderQueue(render); //causes the Draggable to render on each "tick" of gsap.ticker (performance optimization - updating values in a mousemove can cause them to happen too frequently, like multiple times between frame redraws which is wasteful, and it also prevents values from updating properly in IE8)
+
+
+      startPointerY = self.pointerY = e.pageY; //record the starting x and y so that we can calculate the movement from the original in _onMouseMove
+
+      startPointerX = self.pointerX = e.pageX;
+
+      _dispatchEvent(self, "pressInit", "onPressInit");
+
+      if (allowNativeTouchScrolling || self.autoScroll) {
+        _recordMaxScrolls(target.parentNode);
+      }
+
+      if (target.parentNode && self.autoScroll && !scrollProxy && !rotationMode && target.parentNode._gsMaxScrollX && !_placeholderDiv.parentNode && !target.getBBox) {
+        //add a placeholder div to prevent the parent container from collapsing when the user drags the element left.
+        _placeholderDiv.style.width = target.parentNode.scrollWidth + "px";
+        target.parentNode.appendChild(_placeholderDiv);
+      }
+
+      recordStartPositions();
+      self.tween && self.tween.kill();
+      self.isThrowing = false;
+      gsap$3.killTweensOf(scrollProxy || target, killProps, true); //in case the user tries to drag it before the last tween is done.
+
+      scrollProxy && gsap$3.killTweensOf(target, {
+        scrollTo: 1
+      }, true); //just in case the original target's scroll position is being tweened somewhere else.
+
+      self.tween = self.lockedAxis = null;
+
+      if (vars.zIndexBoost || !rotationMode && !scrollProxy && vars.zIndexBoost !== false) {
+        target.style.zIndex = Draggable.zIndex++;
+      }
+
+      self.isPressed = true;
+      hasDragCallback = !!(vars.onDrag || self._listeners.drag);
+      hasMoveCallback = !!(vars.onMove || self._listeners.move);
+
+      if (vars.cursor !== false || vars.activeCursor) {
+        i = triggers.length;
+
+        while (--i > -1) {
+          gsap$3.set(triggers[i], {
+            cursor: vars.activeCursor || vars.cursor || (_defaultCursor === "grab" ? "grabbing" : _defaultCursor)
+          });
+        }
+      }
+
+      _dispatchEvent(self, "press", "onPress");
+    },
+        //called every time the mouse/touch moves
+    onMove = function onMove(e) {
+      var originalEvent = e,
+          touches,
+          pointerX,
+          pointerY,
+          i,
+          dx,
+          dy;
+
+      if (!enabled || _isMultiTouching || !self.isPressed || !e) {
+        isPreventingDefault && e && enabled && _preventDefault(e); // in some browsers, we must listen for multiple event types like touchmove, pointermove, mousemove. The first time this function is called, we record whether or not we _preventDefault() so that on duplicate calls, we can do the same if necessary.
+
+        return;
+      }
+
+      self.pointerEvent = e;
+      touches = e.changedTouches;
+
+      if (touches) {
+        //touch events store the data slightly differently
+        e = touches[0];
+
+        if (e !== touch && e.identifier !== touchID) {
+          //Usually changedTouches[0] will be what we're looking for, but in case it's not, look through the rest of the array...(and Android browsers don't reuse the event like iOS)
+          i = touches.length;
+
+          while (--i > -1 && (e = touches[i]).identifier !== touchID && e.target !== target) {} // Some Android devices dispatch a touchstart AND pointerdown initially, and then only pointermove thus the touchID may not match because it was grabbed from the touchstart event whereas the pointer event is the one that the browser dispatches for move, so if the event target matches this Draggable's target, let it through.
+
+
+          if (i < 0) {
+            return;
+          }
+        }
+      } else if (e.pointerId && touchID && e.pointerId !== touchID) {
+        //for some Microsoft browsers, we must attach the listener to the doc rather than the trigger so that when the finger moves outside the bounds of the trigger, things still work. So if the event we're receiving has a pointerId that doesn't match the touchID, ignore it (for multi-touch)
+        return;
+      }
+
+      if (touchEventTarget && allowNativeTouchScrolling && !touchDragAxis) {
+        //Android browsers force us to decide on the first "touchmove" event if we should allow the default (scrolling) behavior or preventDefault(). Otherwise, a "touchcancel" will be fired and then no "touchmove" or "touchend" will fire during the scrolling (no good).
+        _point1.x = e.pageX - (isFixed ? _getDocScrollLeft(ownerDoc) : 0);
+        _point1.y = e.pageY - (isFixed ? _getDocScrollTop(ownerDoc) : 0);
+        matrix && matrix.apply(_point1, _point1);
+        pointerX = _point1.x;
+        pointerY = _point1.y;
+        dx = Math.abs(pointerX - startPointerX);
+        dy = Math.abs(pointerY - startPointerY);
+
+        if (dx !== dy && (dx > minimumMovement || dy > minimumMovement) || _isAndroid && allowNativeTouchScrolling === touchDragAxis) {
+          touchDragAxis = dx > dy && allowX ? "x" : "y";
+
+          if (allowNativeTouchScrolling && touchDragAxis !== allowNativeTouchScrolling) {
+            _addListener$1(_win$1, "touchforcechange", _preventDefault); // prevents native touch scrolling from taking over if the user started dragging in the other direction in iOS Safari
+
+          }
+
+          if (self.vars.lockAxisOnTouchScroll !== false && allowX && allowY) {
+            self.lockedAxis = touchDragAxis === "x" ? "y" : "x";
+            _isFunction$1(self.vars.onLockAxis) && self.vars.onLockAxis.call(self, originalEvent);
+          }
+
+          if (_isAndroid && allowNativeTouchScrolling === touchDragAxis) {
+            onRelease(originalEvent);
+            return;
+          }
+        }
+      }
+
+      if (!self.allowEventDefault && (!allowNativeTouchScrolling || touchDragAxis && allowNativeTouchScrolling !== touchDragAxis) && originalEvent.cancelable !== false) {
+        _preventDefault(originalEvent);
+
+        isPreventingDefault = true;
+      } else if (isPreventingDefault) {
+        isPreventingDefault = false;
+      }
+
+      if (self.autoScroll) {
+        checkAutoScrollBounds = true;
+      }
+
+      setPointerPosition(e.pageX, e.pageY, hasMoveCallback);
+    },
+        setPointerPosition = function setPointerPosition(pointerX, pointerY, invokeOnMove) {
+      var dragTolerance = 1 - self.dragResistance,
+          edgeTolerance = 1 - self.edgeResistance,
+          prevPointerX = self.pointerX,
+          prevPointerY = self.pointerY,
+          prevStartElementY = startElementY,
+          prevX = self.x,
+          prevY = self.y,
+          prevEndX = self.endX,
+          prevEndY = self.endY,
+          prevEndRotation = self.endRotation,
+          prevDirty = dirty,
+          xChange,
+          yChange,
+          x,
+          y,
+          dif,
+          temp;
+      self.pointerX = pointerX;
+      self.pointerY = pointerY;
+
+      if (isFixed) {
+        pointerX -= _getDocScrollLeft(ownerDoc);
+        pointerY -= _getDocScrollTop(ownerDoc);
+      }
+
+      if (rotationMode) {
+        y = Math.atan2(rotationOrigin.y - pointerY, pointerX - rotationOrigin.x) * _RAD2DEG;
+        dif = self.y - y;
+
+        if (dif > 180) {
+          startElementY -= 360;
+          self.y = y;
+        } else if (dif < -180) {
+          startElementY += 360;
+          self.y = y;
+        }
+
+        if (self.x !== startElementX || Math.max(Math.abs(startPointerX - pointerX), Math.abs(startPointerY - pointerY)) > minimumMovement) {
+          self.y = y;
+          x = startElementX + (startElementY - y) * dragTolerance;
+        } else {
+          x = startElementX;
+        }
+      } else {
+        if (matrix) {
+          temp = pointerX * matrix.a + pointerY * matrix.c + matrix.e;
+          pointerY = pointerX * matrix.b + pointerY * matrix.d + matrix.f;
+          pointerX = temp;
+        }
+
+        yChange = pointerY - startPointerY;
+        xChange = pointerX - startPointerX;
+
+        if (yChange < minimumMovement && yChange > -minimumMovement) {
+          yChange = 0;
+        }
+
+        if (xChange < minimumMovement && xChange > -minimumMovement) {
+          xChange = 0;
+        }
+
+        if ((self.lockAxis || self.lockedAxis) && (xChange || yChange)) {
+          temp = self.lockedAxis;
+
+          if (!temp) {
+            self.lockedAxis = temp = allowX && Math.abs(xChange) > Math.abs(yChange) ? "y" : allowY ? "x" : null;
+
+            if (temp && _isFunction$1(self.vars.onLockAxis)) {
+              self.vars.onLockAxis.call(self, self.pointerEvent);
+            }
+          }
+
+          if (temp === "y") {
+            yChange = 0;
+          } else if (temp === "x") {
+            xChange = 0;
+          }
+        }
+
+        x = _round$2(startElementX + xChange * dragTolerance);
+        y = _round$2(startElementY + yChange * dragTolerance);
+      }
+
+      if ((snapX || snapY || snapXY) && (self.x !== x || self.y !== y && !rotationMode)) {
+        if (snapXY) {
+          _temp1.x = x;
+          _temp1.y = y;
+          temp = snapXY(_temp1);
+          x = _round$2(temp.x);
+          y = _round$2(temp.y);
+        }
+
+        if (snapX) {
+          x = _round$2(snapX(x));
+        }
+
+        if (snapY) {
+          y = _round$2(snapY(y));
+        }
+      }
+
+      if (hasBounds) {
+        if (x > maxX) {
+          x = maxX + Math.round((x - maxX) * edgeTolerance);
+        } else if (x < minX) {
+          x = minX + Math.round((x - minX) * edgeTolerance);
+        }
+
+        if (!rotationMode) {
+          if (y > maxY) {
+            y = Math.round(maxY + (y - maxY) * edgeTolerance);
+          } else if (y < minY) {
+            y = Math.round(minY + (y - minY) * edgeTolerance);
+          }
+        }
+      }
+
+      if (self.x !== x || self.y !== y && !rotationMode) {
+        if (rotationMode) {
+          self.endRotation = self.x = self.endX = x;
+          dirty = true;
+        } else {
+          if (allowY) {
+            self.y = self.endY = y;
+            dirty = true; //a flag that indicates we need to render the target next time the TweenLite.ticker dispatches a "tick" event (typically on a requestAnimationFrame) - this is a performance optimization (we shouldn't render on every move because sometimes many move events can get dispatched between screen refreshes, and that'd be wasteful to render every time)
+          }
+
+          if (allowX) {
+            self.x = self.endX = x;
+            dirty = true;
+          }
+        }
+
+        if (!invokeOnMove || _dispatchEvent(self, "move", "onMove") !== false) {
+          if (!self.isDragging && self.isPressed) {
+            self.isDragging = dragged = true;
+
+            _dispatchEvent(self, "dragstart", "onDragStart");
+          }
+        } else {
+          //revert because the onMove returned false!
+          self.pointerX = prevPointerX;
+          self.pointerY = prevPointerY;
+          startElementY = prevStartElementY;
+          self.x = prevX;
+          self.y = prevY;
+          self.endX = prevEndX;
+          self.endY = prevEndY;
+          self.endRotation = prevEndRotation;
+          dirty = prevDirty;
+        }
+      }
+    },
+        //called when the mouse/touch is released
+    onRelease = function onRelease(e, force) {
+      if (!enabled || !self.isPressed || e && touchID != null && !force && (e.pointerId && e.pointerId !== touchID && e.target !== target || e.changedTouches && !_hasTouchID(e.changedTouches, touchID))) {
+        //for some Microsoft browsers, we must attach the listener to the doc rather than the trigger so that when the finger moves outside the bounds of the trigger, things still work. So if the event we're receiving has a pointerId that doesn't match the touchID, ignore it (for multi-touch)
+        isPreventingDefault && e && enabled && _preventDefault(e); // in some browsers, we must listen for multiple event types like touchend, pointerup, mouseup. The first time this function is called, we record whether or not we _preventDefault() so that on duplicate calls, we can do the same if necessary.
+
+        return;
+      }
+
+      self.isPressed = false;
+      var originalEvent = e,
+          wasDragging = self.isDragging,
+          isContextMenuRelease = self.vars.allowContextMenu && e && (e.ctrlKey || e.which > 2),
+          placeholderDelayedCall = gsap$3.delayedCall(0.001, removePlaceholder),
+          touches,
+          i,
+          syntheticEvent,
+          eventTarget,
+          syntheticClick;
+
+      if (touchEventTarget) {
+        _removeListener$1(touchEventTarget, "touchend", onRelease);
+
+        _removeListener$1(touchEventTarget, "touchmove", onMove);
+
+        _removeListener$1(touchEventTarget, "touchcancel", onRelease);
+
+        _removeListener$1(ownerDoc, "touchstart", _onMultiTouchDocument);
+      } else {
+        _removeListener$1(ownerDoc, "mousemove", onMove);
+      }
+
+      _removeListener$1(_win$1, "touchforcechange", _preventDefault);
+
+      if (!_supportsPointer || !touchEventTarget) {
+        _removeListener$1(ownerDoc, "mouseup", onRelease);
+
+        e && e.target && _removeListener$1(e.target, "mouseup", onRelease);
+      }
+
+      dirty = false;
+
+      if (wasDragging) {
+        dragEndTime = _lastDragTime = _getTime$1();
+        self.isDragging = false;
+      }
+
+      _removeFromRenderQueue(render);
+
+      if (isClicking && !isContextMenuRelease) {
+        if (e) {
+          _removeListener$1(e.target, "change", onRelease);
+
+          self.pointerEvent = originalEvent;
+        }
+
+        _setSelectable(triggers, false);
+
+        _dispatchEvent(self, "release", "onRelease");
+
+        _dispatchEvent(self, "click", "onClick");
+
+        isClicking = false;
+        return;
+      }
+
+      i = triggers.length;
+
+      while (--i > -1) {
+        _setStyle(triggers[i], "cursor", vars.cursor || (vars.cursor !== false ? _defaultCursor : null));
+      }
+
+      _dragCount--;
+
+      if (e) {
+        touches = e.changedTouches;
+
+        if (touches) {
+          //touch events store the data slightly differently
+          e = touches[0];
+
+          if (e !== touch && e.identifier !== touchID) {
+            //Usually changedTouches[0] will be what we're looking for, but in case it's not, look through the rest of the array...(and Android browsers don't reuse the event like iOS)
+            i = touches.length;
+
+            while (--i > -1 && (e = touches[i]).identifier !== touchID && e.target !== target) {}
+
+            if (i < 0 && !force) {
+              return;
+            }
+          }
+        }
+
+        self.pointerEvent = originalEvent;
+        self.pointerX = e.pageX;
+        self.pointerY = e.pageY;
+      }
+
+      if (isContextMenuRelease && originalEvent) {
+        _preventDefault(originalEvent);
+
+        isPreventingDefault = true;
+
+        _dispatchEvent(self, "release", "onRelease");
+      } else if (originalEvent && !wasDragging) {
+        isPreventingDefault = false;
+
+        if (interrupted && (vars.snap || vars.bounds)) {
+          //otherwise, if the user clicks on the object while it's animating to a snapped position, and then releases without moving 3 pixels, it will just stay there (it should animate/snap)
+          animate(vars.inertia || vars.throwProps);
+        }
+
+        _dispatchEvent(self, "release", "onRelease");
+
+        if ((!_isAndroid || originalEvent.type !== "touchmove") && originalEvent.type.indexOf("cancel") === -1) {
+          //to accommodate native scrolling on Android devices, we have to immediately call onRelease() on the first touchmove event, but that shouldn't trigger a "click".
+          _dispatchEvent(self, "click", "onClick");
+
+          if (_getTime$1() - clickTime < 300) {
+            _dispatchEvent(self, "doubleclick", "onDoubleClick");
+          }
+
+          eventTarget = originalEvent.target || target; //old IE uses srcElement
+
+          clickTime = _getTime$1();
+
+          syntheticClick = function syntheticClick() {
+            // some browsers (like Firefox) won't trust script-generated clicks, so if the user tries to click on a video to play it, for example, it simply won't work. Since a regular "click" event will most likely be generated anyway (one that has its isTrusted flag set to true), we must slightly delay our script-generated click so that the "real"/trusted one is prioritized. Remember, when there are duplicate events in quick succession, we suppress all but the first one. Some browsers don't even trigger the "real" one at all, so our synthetic one is a safety valve that ensures that no matter what, a click event does get dispatched.
+            if (clickTime !== clickDispatch && self.enabled() && !self.isPressed && !originalEvent.defaultPrevented) {
+              if (eventTarget.click) {
+                //some browsers (like mobile Safari) don't properly trigger the click event
+                eventTarget.click();
+              } else if (ownerDoc.createEvent) {
+                syntheticEvent = ownerDoc.createEvent("MouseEvents");
+                syntheticEvent.initMouseEvent("click", true, true, _win$1, 1, self.pointerEvent.screenX, self.pointerEvent.screenY, self.pointerX, self.pointerY, false, false, false, false, 0, null);
+                eventTarget.dispatchEvent(syntheticEvent);
+              }
+            }
+          };
+
+          if (!_isAndroid && !originalEvent.defaultPrevented) {
+            //iOS Safari requires the synthetic click to happen immediately or else it simply won't work, but Android doesn't play nice.
+            gsap$3.delayedCall(0.05, syntheticClick); //in addition to the iOS bug workaround, there's a Firefox issue with clicking on things like a video to play, so we must fake a click event in a slightly delayed fashion. Previously, we listened for the "click" event with "capture" false which solved the video-click-to-play issue, but it would allow the "click" event to be dispatched twice like if you were using a jQuery.click() because that was handled in the capture phase, thus we had to switch to the capture phase to avoid the double-dispatching, but do the delayed synthetic click. Don't fire it too fast (like 0.00001) because we want to give the native event a chance to fire first as it's "trusted".
+          }
+        }
+      } else {
+        animate(vars.inertia || vars.throwProps); //will skip if inertia/throwProps isn't defined or InertiaPlugin isn't loaded.
+
+        if (!self.allowEventDefault && originalEvent && (vars.dragClickables !== false || !isClickable.call(self, originalEvent.target)) && wasDragging && (!allowNativeTouchScrolling || touchDragAxis && allowNativeTouchScrolling === touchDragAxis) && originalEvent.cancelable !== false) {
+          isPreventingDefault = true;
+
+          _preventDefault(originalEvent);
+        } else {
+          isPreventingDefault = false;
+        }
+
+        _dispatchEvent(self, "release", "onRelease");
+      }
+
+      isTweening() && placeholderDelayedCall.duration(self.tween.duration()); //sync the timing so that the placeholder DIV gets
+
+      wasDragging && _dispatchEvent(self, "dragend", "onDragEnd");
+      return true;
+    },
+        updateScroll = function updateScroll(e) {
+      if (e && self.isDragging && !scrollProxy) {
+        var parent = e.target || target.parentNode,
+            deltaX = parent.scrollLeft - parent._gsScrollX,
+            deltaY = parent.scrollTop - parent._gsScrollY;
+
+        if (deltaX || deltaY) {
+          if (matrix) {
+            startPointerX -= deltaX * matrix.a + deltaY * matrix.c;
+            startPointerY -= deltaY * matrix.d + deltaX * matrix.b;
+          } else {
+            startPointerX -= deltaX;
+            startPointerY -= deltaY;
+          }
+
+          parent._gsScrollX += deltaX;
+          parent._gsScrollY += deltaY;
+          setPointerPosition(self.pointerX, self.pointerY);
+        }
+      }
+    },
+        onClick = function onClick(e) {
+      //this was a huge pain in the neck to align all the various browsers and their behaviors. Chrome, Firefox, Safari, Opera, Android, and Microsoft Edge all handle events differently! Some will only trigger native behavior (like checkbox toggling) from trusted events. Others don't even support isTrusted, but require 2 events to flow through before triggering native behavior. Edge treats everything as trusted but also mandates that 2 flow through to trigger the correct native behavior.
+      var time = _getTime$1(),
+          recentlyClicked = time - clickTime < 100,
+          recentlyDragged = time - dragEndTime < 50,
+          alreadyDispatched = recentlyClicked && clickDispatch === clickTime,
+          defaultPrevented = self.pointerEvent && self.pointerEvent.defaultPrevented,
+          alreadyDispatchedTrusted = recentlyClicked && trustedClickDispatch === clickTime,
+          trusted = e.isTrusted || e.isTrusted == null && recentlyClicked && alreadyDispatched; //note: Safari doesn't support isTrusted, and it won't properly execute native behavior (like toggling checkboxes) on the first synthetic "click" event - we must wait for the 2nd and treat it as trusted (but stop propagation at that point). Confusing, I know. Don't you love cross-browser compatibility challenges?
+
+
+      if ((alreadyDispatched || recentlyDragged && self.vars.suppressClickOnDrag !== false) && e.stopImmediatePropagation) {
+        e.stopImmediatePropagation();
+      }
+
+      if (recentlyClicked && !(self.pointerEvent && self.pointerEvent.defaultPrevented) && (!alreadyDispatched || trusted && !alreadyDispatchedTrusted)) {
+        //let the first click pass through unhindered. Let the next one only if it's trusted, then no more (stop quick-succession ones)
+        if (trusted && alreadyDispatched) {
+          trustedClickDispatch = clickTime;
+        }
+
+        clickDispatch = clickTime;
+        return;
+      }
+
+      if (self.isPressed || recentlyDragged || recentlyClicked) {
+        if (!trusted || !e.detail || !recentlyClicked || defaultPrevented) {
+          _preventDefault(e);
+        }
+      }
+
+      if (!recentlyClicked && !recentlyDragged && !dragged) {
+        // for script-triggered event dispatches, like element.click()
+        e && e.target && (self.pointerEvent = e);
+
+        _dispatchEvent(self, "click", "onClick");
+      }
+    },
+        localizePoint = function localizePoint(p) {
+      return matrix ? {
+        x: p.x * matrix.a + p.y * matrix.c + matrix.e,
+        y: p.x * matrix.b + p.y * matrix.d + matrix.f
+      } : {
+        x: p.x,
+        y: p.y
+      };
+    };
+
+    old = Draggable.get(target);
+    old && old.kill(); // avoids duplicates (an element can only be controlled by one Draggable)
+    //give the user access to start/stop dragging...
+
+    _this2.startDrag = function (event, align) {
+      var r1, r2, p1, p2;
+      onPress(event || self.pointerEvent, true); //if the pointer isn't on top of the element, adjust things accordingly
+
+      if (align && !self.hitTest(event || self.pointerEvent)) {
+        r1 = _parseRect(event || self.pointerEvent);
+        r2 = _parseRect(target);
+        p1 = localizePoint({
+          x: r1.left + r1.width / 2,
+          y: r1.top + r1.height / 2
+        });
+        p2 = localizePoint({
+          x: r2.left + r2.width / 2,
+          y: r2.top + r2.height / 2
+        });
+        startPointerX -= p1.x - p2.x;
+        startPointerY -= p1.y - p2.y;
+      }
+
+      if (!self.isDragging) {
+        self.isDragging = dragged = true;
+
+        _dispatchEvent(self, "dragstart", "onDragStart");
+      }
+    };
+
+    _this2.drag = onMove;
+
+    _this2.endDrag = function (e) {
+      return onRelease(e || self.pointerEvent, true);
+    };
+
+    _this2.timeSinceDrag = function () {
+      return self.isDragging ? 0 : (_getTime$1() - dragEndTime) / 1000;
+    };
+
+    _this2.timeSinceClick = function () {
+      return (_getTime$1() - clickTime) / 1000;
+    };
+
+    _this2.hitTest = function (target, threshold) {
+      return Draggable.hitTest(self.target, target, threshold);
+    };
+
+    _this2.getDirection = function (from, diagonalThreshold) {
+      //from can be "start" (default), "velocity", or an element
+      var mode = from === "velocity" && InertiaPlugin$1 ? from : _isObject$1(from) && !rotationMode ? "element" : "start",
+          xChange,
+          yChange,
+          ratio,
+          direction,
+          r1,
+          r2;
+
+      if (mode === "element") {
+        r1 = _parseRect(self.target);
+        r2 = _parseRect(from);
+      }
+
+      xChange = mode === "start" ? self.x - startElementX : mode === "velocity" ? InertiaPlugin$1.getVelocity(target, xProp) : r1.left + r1.width / 2 - (r2.left + r2.width / 2);
+
+      if (rotationMode) {
+        return xChange < 0 ? "counter-clockwise" : "clockwise";
+      } else {
+        diagonalThreshold = diagonalThreshold || 2;
+        yChange = mode === "start" ? self.y - startElementY : mode === "velocity" ? InertiaPlugin$1.getVelocity(target, yProp) : r1.top + r1.height / 2 - (r2.top + r2.height / 2);
+        ratio = Math.abs(xChange / yChange);
+        direction = ratio < 1 / diagonalThreshold ? "" : xChange < 0 ? "left" : "right";
+
+        if (ratio < diagonalThreshold) {
+          if (direction !== "") {
+            direction += "-";
+          }
+
+          direction += yChange < 0 ? "up" : "down";
+        }
+      }
+
+      return direction;
+    };
+
+    _this2.applyBounds = function (newBounds, sticky) {
+      var x, y, forceZeroVelocity, e, parent, isRoot;
+
+      if (newBounds && vars.bounds !== newBounds) {
+        vars.bounds = newBounds;
+        return self.update(true, sticky);
+      }
+
+      syncXY(true);
+      calculateBounds();
+
+      if (hasBounds && !isTweening()) {
+        x = self.x;
+        y = self.y;
+
+        if (x > maxX) {
+          x = maxX;
+        } else if (x < minX) {
+          x = minX;
+        }
+
+        if (y > maxY) {
+          y = maxY;
+        } else if (y < minY) {
+          y = minY;
+        }
+
+        if (self.x !== x || self.y !== y) {
+          forceZeroVelocity = true;
+          self.x = self.endX = x;
+
+          if (rotationMode) {
+            self.endRotation = x;
+          } else {
+            self.y = self.endY = y;
+          }
+
+          dirty = true;
+          render(true);
+
+          if (self.autoScroll && !self.isDragging) {
+            _recordMaxScrolls(target.parentNode);
+
+            e = target;
+            _windowProxy.scrollTop = _win$1.pageYOffset != null ? _win$1.pageYOffset : ownerDoc.documentElement.scrollTop != null ? ownerDoc.documentElement.scrollTop : ownerDoc.body.scrollTop;
+            _windowProxy.scrollLeft = _win$1.pageXOffset != null ? _win$1.pageXOffset : ownerDoc.documentElement.scrollLeft != null ? ownerDoc.documentElement.scrollLeft : ownerDoc.body.scrollLeft;
+
+            while (e && !isRoot) {
+              //walk up the chain and sense wherever the scrollTop/scrollLeft exceeds the maximum.
+              isRoot = _isRoot(e.parentNode);
+              parent = isRoot ? _windowProxy : e.parentNode;
+
+              if (allowY && parent.scrollTop > parent._gsMaxScrollY) {
+                parent.scrollTop = parent._gsMaxScrollY;
+              }
+
+              if (allowX && parent.scrollLeft > parent._gsMaxScrollX) {
+                parent.scrollLeft = parent._gsMaxScrollX;
+              }
+
+              e = parent;
+            }
+          }
+        }
+
+        if (self.isThrowing && (forceZeroVelocity || self.endX > maxX || self.endX < minX || self.endY > maxY || self.endY < minY)) {
+          animate(vars.inertia || vars.throwProps, forceZeroVelocity);
+        }
+      }
+
+      return self;
+    };
+
+    _this2.update = function (applyBounds, sticky, ignoreExternalChanges) {
+      if (sticky && self.isPressed) {
+        // in case the element was repositioned in the document flow, thus its x/y may be identical but its position is actually quite different.
+        var m = getGlobalMatrix(target),
+            p = innerMatrix.apply({
+          x: self.x - startElementX,
+          y: self.y - startElementY
+        }),
+            m2 = getGlobalMatrix(target.parentNode, true);
+        m2.apply({
+          x: m.e - p.x,
+          y: m.f - p.y
+        }, p);
+        self.x -= p.x - m2.e;
+        self.y -= p.y - m2.f;
+        render(true);
+        recordStartPositions();
+      }
+
+      var x = self.x,
+          y = self.y;
+      updateMatrix(!sticky);
+
+      if (applyBounds) {
+        self.applyBounds();
+      } else {
+        dirty && ignoreExternalChanges && render(true);
+        syncXY(true);
+      }
+
+      if (sticky) {
+        setPointerPosition(self.pointerX, self.pointerY);
+        dirty && render(true);
+      }
+
+      if (self.isPressed && !sticky && (allowX && Math.abs(x - self.x) > 0.01 || allowY && Math.abs(y - self.y) > 0.01 && !rotationMode)) {
+        recordStartPositions();
+      }
+
+      if (self.autoScroll) {
+        _recordMaxScrolls(target.parentNode, self.isDragging);
+
+        checkAutoScrollBounds = self.isDragging;
+        render(true); //in case reparenting occurred.
+
+        _removeScrollListener(target, updateScroll);
+
+        _addScrollListener(target, updateScroll);
+      }
+
+      return self;
+    };
+
+    _this2.enable = function (type) {
+      var setVars = {
+        lazy: true
+      },
+          id,
+          i,
+          trigger;
+
+      if (vars.cursor !== false) {
+        setVars.cursor = vars.cursor || _defaultCursor;
+      }
+
+      if (gsap$3.utils.checkPrefix("touchCallout")) {
+        setVars.touchCallout = "none";
+      }
+
+      if (type !== "soft") {
+        _setTouchActionForAllDescendants(triggers, allowX === allowY ? "none" : vars.allowNativeTouchScrolling && target.scrollHeight === target.clientHeight === (target.scrollWidth === target.clientHeight) || vars.allowEventDefault ? "manipulation" : allowX ? "pan-y" : "pan-x"); // Some browsers like Internet Explorer will fire a pointercancel event when the user attempts to drag when touchAction is "manipulate" because it's perceived as a pan. If the element has scrollable content in only one direction, we should use pan-x or pan-y accordingly so that the pointercancel doesn't prevent dragging.
+
+
+        i = triggers.length;
+
+        while (--i > -1) {
+          trigger = triggers[i];
+          _supportsPointer || _addListener$1(trigger, "mousedown", onPress);
+
+          _addListener$1(trigger, "touchstart", onPress);
+
+          _addListener$1(trigger, "click", onClick, true); // note: used to pass true for capture but it prevented click-to-play-video functionality in Firefox.
+
+
+          gsap$3.set(trigger, setVars);
+
+          if (trigger.getBBox && trigger.ownerSVGElement && allowX !== allowY) {
+            // a bug in chrome doesn't respect touch-action on SVG elements - it only works if we set it on the parent SVG.
+            gsap$3.set(trigger.ownerSVGElement, {
+              touchAction: vars.allowNativeTouchScrolling || vars.allowEventDefault ? "manipulation" : allowX ? "pan-y" : "pan-x"
+            });
+          }
+
+          vars.allowContextMenu || _addListener$1(trigger, "contextmenu", onContextMenu);
+        }
+
+        _setSelectable(triggers, false);
+      }
+
+      _addScrollListener(target, updateScroll);
+
+      enabled = true;
+
+      if (InertiaPlugin$1 && type !== "soft") {
+        InertiaPlugin$1.track(scrollProxy || target, xyMode ? "x,y" : rotationMode ? "rotation" : "top,left");
+      }
+
+      target._gsDragID = id = target._gsDragID || "d" + _lookupCount++;
+      _lookup$1[id] = self;
+
+      if (scrollProxy) {
+        scrollProxy.enable();
+        scrollProxy.element._gsDragID = id;
+      }
+
+      (vars.bounds || rotationMode) && recordStartPositions();
+      vars.bounds && self.applyBounds();
+      return self;
+    };
+
+    _this2.disable = function (type) {
+      var dragging = self.isDragging,
+          i = triggers.length,
+          trigger;
+
+      while (--i > -1) {
+        _setStyle(triggers[i], "cursor", null);
+      }
+
+      if (type !== "soft") {
+        _setTouchActionForAllDescendants(triggers, null);
+
+        i = triggers.length;
+
+        while (--i > -1) {
+          trigger = triggers[i];
+
+          _setStyle(trigger, "touchCallout", null);
+
+          _removeListener$1(trigger, "mousedown", onPress);
+
+          _removeListener$1(trigger, "touchstart", onPress);
+
+          _removeListener$1(trigger, "click", onClick, true);
+
+          _removeListener$1(trigger, "contextmenu", onContextMenu);
+        }
+
+        _setSelectable(triggers, true);
+
+        if (touchEventTarget) {
+          _removeListener$1(touchEventTarget, "touchcancel", onRelease);
+
+          _removeListener$1(touchEventTarget, "touchend", onRelease);
+
+          _removeListener$1(touchEventTarget, "touchmove", onMove);
+        }
+
+        _removeListener$1(ownerDoc, "mouseup", onRelease);
+
+        _removeListener$1(ownerDoc, "mousemove", onMove);
+      }
+
+      _removeScrollListener(target, updateScroll);
+
+      enabled = false;
+
+      if (InertiaPlugin$1 && type !== "soft") {
+        InertiaPlugin$1.untrack(scrollProxy || target, xyMode ? "x,y" : rotationMode ? "rotation" : "top,left");
+        self.tween && self.tween.kill();
+      }
+
+      scrollProxy && scrollProxy.disable();
+
+      _removeFromRenderQueue(render);
+
+      self.isDragging = self.isPressed = isClicking = false;
+      dragging && _dispatchEvent(self, "dragend", "onDragEnd");
+      return self;
+    };
+
+    _this2.enabled = function (value, type) {
+      return arguments.length ? value ? self.enable(type) : self.disable(type) : enabled;
+    };
+
+    _this2.kill = function () {
+      self.isThrowing = false;
+      self.tween && self.tween.kill();
+      self.disable();
+      gsap$3.set(triggers, {
+        clearProps: "userSelect"
+      });
+      delete _lookup$1[target._gsDragID];
+      return self;
+    };
+
+    _this2.revert = function () {
+      this.kill();
+      this.styles && this.styles.revert();
+    };
+
+    if (~type.indexOf("scroll")) {
+      scrollProxy = _this2.scrollProxy = new ScrollProxy(target, _extend$1({
+        onKill: function onKill() {
+          //ScrollProxy's onKill() gets called if/when the ScrollProxy senses that the user interacted with the scroll position manually (like using the scrollbar). IE9 doesn't fire the "mouseup" properly when users drag the scrollbar of an element, so this works around that issue.
+          self.isPressed && onRelease(null);
+        }
+      }, vars)); //a bug in many Android devices' stock browser causes scrollTop to get forced back to 0 after it is altered via JS, so we set overflow to "hidden" on mobile/touch devices (they hide the scroll bar anyway). That works around the bug. (This bug is discussed at https://code.google.com/p/android/issues/detail?id=19625)
+
+      target.style.overflowY = allowY && !_isTouchDevice ? "auto" : "hidden";
+      target.style.overflowX = allowX && !_isTouchDevice ? "auto" : "hidden";
+      target = scrollProxy.content;
+    }
+
+    if (rotationMode) {
+      killProps.rotation = 1;
+    } else {
+      if (allowX) {
+        killProps[xProp] = 1;
+      }
+
+      if (allowY) {
+        killProps[yProp] = 1;
+      }
+    }
+
+    gsCache.force3D = "force3D" in vars ? vars.force3D : true; //otherwise, normal dragging would be in 2D and then as soon as it's released and there's an inertia tween, it'd jump to 3D which can create an initial jump due to the work the browser must to do layerize it.
+
+    _context$1(_assertThisInitialized(_this2));
+
+    _this2.enable();
+
+    return _this2;
+  }
+
+  Draggable.register = function register(core) {
+    gsap$3 = core;
+
+    _initCore$3();
+  };
+
+  Draggable.create = function create(targets, vars) {
+    _coreInitted$3 || _initCore$3(true);
+    return _toArray$2(targets).map(function (target) {
+      return new Draggable(target, vars);
+    });
+  };
+
+  Draggable.get = function get(target) {
+    return _lookup$1[(_toArray$2(target)[0] || {})._gsDragID];
+  };
+
+  Draggable.timeSinceDrag = function timeSinceDrag() {
+    return (_getTime$1() - _lastDragTime) / 1000;
+  };
+
+  Draggable.hitTest = function hitTest(obj1, obj2, threshold) {
+    if (obj1 === obj2) {
+      return false;
+    }
+
+    var r1 = _parseRect(obj1),
+        r2 = _parseRect(obj2),
+        top = r1.top,
+        left = r1.left,
+        right = r1.right,
+        bottom = r1.bottom,
+        width = r1.width,
+        height = r1.height,
+        isOutside = r2.left > right || r2.right < left || r2.top > bottom || r2.bottom < top,
+        overlap,
+        area,
+        isRatio;
+
+    if (isOutside || !threshold) {
+      return !isOutside;
+    }
+
+    isRatio = (threshold + "").indexOf("%") !== -1;
+    threshold = parseFloat(threshold) || 0;
+    overlap = {
+      left: Math.max(left, r2.left),
+      top: Math.max(top, r2.top)
+    };
+    overlap.width = Math.min(right, r2.right) - overlap.left;
+    overlap.height = Math.min(bottom, r2.bottom) - overlap.top;
+
+    if (overlap.width < 0 || overlap.height < 0) {
+      return false;
+    }
+
+    if (isRatio) {
+      threshold *= 0.01;
+      area = overlap.width * overlap.height;
+      return area >= width * height * threshold || area >= r2.width * r2.height * threshold;
+    }
+
+    return overlap.width > threshold && overlap.height > threshold;
+  };
+
+  return Draggable;
+}(EventDispatcher);
+
+_setDefaults(Draggable.prototype, {
+  pointerX: 0,
+  pointerY: 0,
+  startX: 0,
+  startY: 0,
+  deltaX: 0,
+  deltaY: 0,
+  isDragging: false,
+  isPressed: false
+});
+
+Draggable.zIndex = 1000;
+Draggable.version = "3.13.0";
+_getGSAP$3() && gsap$3.registerPlugin(Draggable);
+
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
 
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); return Constructor; }
@@ -439,8 +3541,8 @@ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _d
 */
 
 /* eslint-disable */
-var gsap,
-    _coreInitted,
+var gsap$2,
+    _coreInitted$2,
     _win,
     _doc,
     _docEl,
@@ -452,8 +3554,8 @@ var gsap,
     _normalizer,
     _eventTypes,
     _context,
-    _getGSAP = function _getGSAP() {
-  return gsap || typeof window !== "undefined" && (gsap = window.gsap) && gsap.registerPlugin && gsap;
+    _getGSAP$2 = function _getGSAP() {
+  return gsap$2 || typeof window !== "undefined" && (gsap$2 = window.gsap) && gsap$2.registerPlugin && gsap$2;
 },
     _startup = 1,
     _observers = [],
@@ -548,7 +3650,7 @@ var gsap,
   })
 },
     _getTarget = function _getTarget(t, self) {
-  return (self && self._ctx && self._ctx.selector || gsap.utils.toArray)(t)[0] || (typeof t === "string" && gsap.config().nullTargetWarn !== false ? console.warn("Element not found:", t) : null);
+  return (self && self._ctx && self._ctx.selector || gsap$2.utils.toArray)(t)[0] || (typeof t === "string" && gsap$2.config().nullTargetWarn !== false ? console.warn("Element not found:", t) : null);
 },
     _isWithin = function _isWithin(element, list) {
   // check if the element is in the list or is a descendant of an element in the list.
@@ -579,7 +3681,7 @@ var gsap,
     return arguments.length ? element[s] = value : element[s];
   })));
   func.target = element;
-  prev || (func.smooth = gsap.getProperty(element, "scrollBehavior") === "smooth"); // only set it the first time (don't reset every time a scrollFunc is requested because perhaps it happens during a refresh() when it's disabled in ScrollTrigger.
+  prev || (func.smooth = gsap$2.getProperty(element, "scrollBehavior") === "smooth"); // only set it the first time (don't reset every time a scrollFunc is requested because perhaps it happens during a refresh() when it's disabled in ScrollTrigger.
 
   return func;
 },
@@ -631,21 +3733,21 @@ var gsap,
   return Math.abs(max) >= Math.abs(min) ? max : min;
 },
     _setScrollTrigger = function _setScrollTrigger() {
-  ScrollTrigger = gsap.core.globals().ScrollTrigger;
+  ScrollTrigger = gsap$2.core.globals().ScrollTrigger;
   ScrollTrigger && ScrollTrigger.core && _integrate();
 },
-    _initCore = function _initCore(core) {
-  gsap = core || _getGSAP();
+    _initCore$2 = function _initCore(core) {
+  gsap$2 = core || _getGSAP$2();
 
-  if (!_coreInitted && gsap && typeof document !== "undefined" && document.body) {
+  if (!_coreInitted$2 && gsap$2 && typeof document !== "undefined" && document.body) {
     _win = window;
     _doc = document;
     _docEl = _doc.documentElement;
     _body = _doc.body;
     _root = [_win, _doc, _docEl, _body];
-    gsap.utils.clamp;
+    gsap$2.utils.clamp;
 
-    _context = gsap.core.context || function () {};
+    _context = gsap$2.core.context || function () {};
 
     _pointerType = "onpointerenter" in _body ? "pointer" : "mouse"; // isTouch is 0 if no touch, 1 if ONLY touch, and 2 if it can accommodate touch but also other types like mouse/pointer.
 
@@ -657,10 +3759,10 @@ var gsap,
 
     _setScrollTrigger();
 
-    _coreInitted = 1;
+    _coreInitted$2 = 1;
   }
 
-  return _coreInitted;
+  return _coreInitted$2;
 };
 
 _horizontal.op = _vertical;
@@ -673,7 +3775,7 @@ var Observer = /*#__PURE__*/function () {
   var _proto = Observer.prototype;
 
   _proto.init = function init(vars) {
-    _coreInitted || _initCore(gsap) || console.warn("Please gsap.registerPlugin(Observer)");
+    _coreInitted$2 || _initCore$2(gsap$2) || console.warn("Please gsap.registerPlugin(Observer)");
     ScrollTrigger || _setScrollTrigger();
     var tolerance = vars.tolerance,
         dragMinimum = vars.dragMinimum,
@@ -719,7 +3821,7 @@ var Observer = /*#__PURE__*/function () {
         onLockAxis = vars.onLockAxis;
     this.target = target = _getTarget(target) || _docEl;
     this.vars = vars;
-    ignore && (ignore = gsap.utils.toArray(ignore));
+    ignore && (ignore = gsap$2.utils.toArray(ignore));
     tolerance = tolerance || 1e-9;
     dragMinimum = dragMinimum || 0;
     wheelSpeed = wheelSpeed || 1;
@@ -908,7 +4010,7 @@ var Observer = /*#__PURE__*/function () {
 
 
         if (preventDefault && allowClicks) {
-          gsap.delayedCall(0.08, function () {
+          gsap$2.delayedCall(0.08, function () {
             // some browsers (like Firefox) won't trust script-generated clicks, so if the user tries to click on a video to play it, for example, it simply won't work. Since a regular "click" event will most likely be generated anyway (one that has its isTrusted flag set to true), we must slightly delay our script-generated click so that the "real"/trusted one is prioritized. Remember, when there are duplicate events in quick succession, we suppress all but the first one. Some browsers don't even trigger the "real" one at all, so our synthetic one is a safety valve that ensures that no matter what, a click event does get dispatched.
             if (_getTime() - onClickTime > 300 && !e.defaultPrevented) {
               if (e.target.click) {
@@ -987,7 +4089,7 @@ var Observer = /*#__PURE__*/function () {
       return _ignoreCheck(e) || _getEvent(e, preventDefault) && onClick(self);
     };
 
-    onStopDelayedCall = self._dc = gsap.delayedCall(onStopDelay || 0.25, onStopFunc).pause();
+    onStopDelayedCall = self._dc = gsap$2.delayedCall(onStopDelay || 0.25, onStopFunc).pause();
     self.deltaX = self.deltaY = 0;
     self._vx = _getVelocityProp(0, 50);
     self._vy = _getVelocityProp(0, 50);
@@ -1115,7 +4217,7 @@ Observer.create = function (vars) {
   return new Observer(vars);
 };
 
-Observer.register = _initCore;
+Observer.register = _initCore$2;
 
 Observer.getAll = function () {
   return _observers.slice();
@@ -1127,7 +4229,729 @@ Observer.getById = function (id) {
   })[0];
 };
 
-_getGSAP() && gsap.registerPlugin(Observer);
+_getGSAP$2() && gsap$2.registerPlugin(Observer);
+
+/*!
+ * VelocityTracker: 3.13.0
+ * https://gsap.com
+ *
+ * Copyright 2008-2025, GreenSock. All rights reserved.
+ * Subject to the terms at https://gsap.com/standard-license
+ * @author: Jack Doyle, jack@greensock.com
+*/
+
+/* eslint-disable */
+var gsap$1,
+    _coreInitted$1,
+    _toArray$1,
+    _getUnit$1,
+    _first,
+    _ticker,
+    _time1,
+    _getCache$1,
+    _getGSAP$1 = function _getGSAP() {
+  return gsap$1 || typeof window !== "undefined" && (gsap$1 = window.gsap);
+},
+    _lookup = {},
+    _round$1 = function _round(value) {
+  return Math.round(value * 10000) / 10000;
+},
+    _getID = function _getID(target) {
+  return _getCache$1(target).id;
+},
+    _getByTarget = function _getByTarget(target) {
+  return _lookup[_getID(typeof target === "string" ? _toArray$1(target)[0] : target)];
+},
+    _onTick = function _onTick(time) {
+  var pt = _first,
+      val; //if the frame rate is too high, we won't be able to track the velocity as well, so only update the values about 20 times per second
+
+  if (time - _time1 >= 0.05) {
+    _time1 = time;
+
+    while (pt) {
+      val = pt.g(pt.t, pt.p);
+
+      if (val !== pt.v1 || time - pt.t1 > 0.2) {
+        //use a threshold of 0.2 seconds for zeroing-out velocity. If we only use 0.05 and things update slightly slower, like some Android devices dispatch "touchmove" events sluggishly so 2 or 3 ticks of the gsap.ticker may elapse inbetween, thus it may appear like the object is not moving but it actually is but it's not updating as frequently. A threshold of 0.2 seconds seems to be a good balance. We want to update things frequently (0.05 seconds) when they're moving so that we can respond to fast motions accurately, but we want to be more resistant to go back to a zero velocity.
+        pt.v2 = pt.v1;
+        pt.v1 = val;
+        pt.t2 = pt.t1;
+        pt.t1 = time;
+      }
+
+      pt = pt._next;
+    }
+  }
+},
+    _types = {
+  deg: 360,
+  rad: Math.PI * 2
+},
+    _initCore$1 = function _initCore() {
+  gsap$1 = _getGSAP$1();
+
+  if (gsap$1) {
+    _toArray$1 = gsap$1.utils.toArray;
+    _getUnit$1 = gsap$1.utils.getUnit;
+    _getCache$1 = gsap$1.core.getCache;
+    _ticker = gsap$1.ticker;
+    _coreInitted$1 = 1;
+  }
+};
+
+var PropTracker = function PropTracker(target, property, type, next) {
+  this.t = target;
+  this.p = property;
+  this.g = target._gsap.get;
+  this.rCap = _types[type || _getUnit$1(this.g(target, property))]; //rotational cap (for degrees, "deg", it's 360 and for radians, "rad", it's Math.PI * 2)
+
+  this.v1 = this.v2 = 0;
+  this.t1 = this.t2 = _ticker.time;
+
+  if (next) {
+    this._next = next;
+    next._prev = this;
+  }
+};
+
+var VelocityTracker = /*#__PURE__*/function () {
+  function VelocityTracker(target, property) {
+    if (!_coreInitted$1) {
+      _initCore$1();
+    }
+
+    this.target = _toArray$1(target)[0];
+    _lookup[_getID(this.target)] = this;
+    this._props = {};
+    property && this.add(property);
+  }
+
+  VelocityTracker.register = function register(core) {
+    gsap$1 = core;
+
+    _initCore$1();
+  };
+
+  var _proto = VelocityTracker.prototype;
+
+  _proto.get = function get(property, skipRecentTick) {
+    var pt = this._props[property] || console.warn("Not tracking " + property + " velocity."),
+        val,
+        dif,
+        rotationCap;
+    val = parseFloat(skipRecentTick ? pt.v1 : pt.g(pt.t, pt.p));
+    dif = val - parseFloat(pt.v2);
+    rotationCap = pt.rCap;
+
+    if (rotationCap) {
+      //rotational values need special interpretation so that if, for example, they go from 179 to -178 degrees it is interpreted as a change of 3 instead of -357.
+      dif = dif % rotationCap;
+
+      if (dif !== dif % (rotationCap / 2)) {
+        dif = dif < 0 ? dif + rotationCap : dif - rotationCap;
+      }
+    }
+
+    return _round$1(dif / ((skipRecentTick ? pt.t1 : _ticker.time) - pt.t2));
+  };
+
+  _proto.getAll = function getAll() {
+    var result = {},
+        props = this._props,
+        p;
+
+    for (p in props) {
+      result[p] = this.get(p);
+    }
+
+    return result;
+  };
+
+  _proto.isTracking = function isTracking(property) {
+    return property in this._props;
+  };
+
+  _proto.add = function add(property, type) {
+    if (!(property in this._props)) {
+      if (!_first) {
+        _ticker.add(_onTick);
+
+        _time1 = _ticker.time;
+      }
+
+      _first = this._props[property] = new PropTracker(this.target, property, type, _first);
+    }
+  };
+
+  _proto.remove = function remove(property) {
+    var pt = this._props[property],
+        prev,
+        next;
+
+    if (pt) {
+      prev = pt._prev;
+      next = pt._next;
+
+      if (prev) {
+        prev._next = next;
+      }
+
+      if (next) {
+        next._prev = prev;
+      } else if (_first === pt) {
+        _ticker.remove(_onTick);
+
+        _first = 0;
+      }
+
+      delete this._props[property];
+    }
+  };
+
+  _proto.kill = function kill(shallow) {
+    for (var p in this._props) {
+      this.remove(p);
+    }
+
+    if (!shallow) {
+      delete _lookup[_getID(this.target)];
+    }
+  };
+
+  VelocityTracker.track = function track(targets, properties, types) {
+    if (!_coreInitted$1) {
+      _initCore$1();
+    }
+
+    var result = [],
+        targs = _toArray$1(targets),
+        a = properties.split(","),
+        t = (types || "").split(","),
+        i = targs.length,
+        tracker,
+        j;
+
+    while (i--) {
+      tracker = _getByTarget(targs[i]) || new VelocityTracker(targs[i]);
+      j = a.length;
+
+      while (j--) {
+        tracker.add(a[j], t[j] || t[0]);
+      }
+
+      result.push(tracker);
+    }
+
+    return result;
+  };
+
+  VelocityTracker.untrack = function untrack(targets, properties) {
+    var props = (properties || "").split(",");
+
+    _toArray$1(targets).forEach(function (target) {
+      var tracker = _getByTarget(target);
+
+      if (tracker) {
+        if (!props.length) {
+          tracker.kill(1);
+        } else {
+          props.forEach(function (p) {
+            return tracker.remove(p);
+          });
+        }
+      }
+    });
+  };
+
+  VelocityTracker.isTracking = function isTracking(target, property) {
+    var tracker = _getByTarget(target);
+
+    return tracker && tracker.isTracking(property);
+  };
+
+  VelocityTracker.getVelocity = function getVelocity(target, property) {
+    var tracker = _getByTarget(target);
+
+    return !tracker || !tracker.isTracking(property) ? console.warn("Not tracking velocity of " + property) : tracker.get(property);
+  };
+
+  return VelocityTracker;
+}();
+VelocityTracker.getByTarget = _getByTarget;
+_getGSAP$1() && gsap$1.registerPlugin(VelocityTracker);
+
+/*!
+ * InertiaPlugin 3.13.0
+ * https://gsap.com
+ *
+ * @license Copyright 2008-2025, GreenSock. All rights reserved.
+ * Subject to the terms at https://gsap.com/standard-license
+ * @author: Jack Doyle, jack@greensock.com
+*/
+
+
+var gsap,
+    _coreInitted,
+    _parseEase,
+    _toArray,
+    _power3,
+    _config,
+    _getUnit,
+    PropTween,
+    _getCache,
+    _checkPointRatio,
+    _clamp,
+    _processingVars,
+    _getStyleSaver,
+    _reverting,
+    _getTracker = VelocityTracker.getByTarget,
+    _getGSAP = function _getGSAP() {
+  return gsap || typeof window !== "undefined" && (gsap = window.gsap) && gsap.registerPlugin && gsap;
+},
+    _isString = function _isString(value) {
+  return typeof value === "string";
+},
+    _isNumber = function _isNumber(value) {
+  return typeof value === "number";
+},
+    _isObject = function _isObject(value) {
+  return typeof value === "object";
+},
+    _isFunction = function _isFunction(value) {
+  return typeof value === "function";
+},
+    _bonusValidated = 1,
+    //<name>InertiaPlugin</name>
+_isArray = Array.isArray,
+    _emptyFunc = function _emptyFunc(p) {
+  return p;
+},
+    _bigNum = 1e10,
+    _tinyNum = 1 / _bigNum,
+    _checkPoint = 0.05,
+    _round = function _round(value) {
+  return Math.round(value * 10000) / 10000;
+},
+    _extend = function _extend(obj, defaults, exclude) {
+  for (var p in defaults) {
+    if (!(p in obj) && p !== exclude) {
+      obj[p] = defaults[p];
+    }
+  }
+
+  return obj;
+},
+    _deepClone = function _deepClone(obj) {
+  var copy = {},
+      p,
+      v;
+
+  for (p in obj) {
+    copy[p] = _isObject(v = obj[p]) && !_isArray(v) ? _deepClone(v) : v;
+  }
+
+  return copy;
+},
+    _getClosest = function _getClosest(n, values, max, min, radius) {
+  var i = values.length,
+      closest = 0,
+      absDif = _bigNum,
+      val,
+      dif,
+      p,
+      dist;
+
+  if (_isObject(n)) {
+    while (i--) {
+      val = values[i];
+      dif = 0;
+
+      for (p in n) {
+        dist = val[p] - n[p];
+        dif += dist * dist;
+      }
+
+      if (dif < absDif) {
+        closest = i;
+        absDif = dif;
+      }
+    }
+
+    if ((radius || _bigNum) < _bigNum && radius < Math.sqrt(absDif)) {
+      return n;
+    }
+  } else {
+    while (i--) {
+      val = values[i];
+      dif = val - n;
+
+      if (dif < 0) {
+        dif = -dif;
+      }
+
+      if (dif < absDif && val >= min && val <= max) {
+        closest = i;
+        absDif = dif;
+      }
+    }
+  }
+
+  return values[closest];
+},
+    _parseEnd = function _parseEnd(curProp, end, max, min, name, radius, velocity) {
+  if (curProp.end === "auto") {
+    return curProp;
+  }
+
+  var endVar = curProp.end,
+      adjustedEnd,
+      p;
+  max = isNaN(max) ? _bigNum : max;
+  min = isNaN(min) ? -_bigNum : min;
+
+  if (_isObject(end)) {
+    //for objects, like {x, y} where they're linked and we must pass an object to the function or find the closest value in an array.
+    adjustedEnd = end.calculated ? end : (_isFunction(endVar) ? endVar(end, velocity) : _getClosest(end, endVar, max, min, radius)) || end;
+
+    if (!end.calculated) {
+      for (p in adjustedEnd) {
+        end[p] = adjustedEnd[p];
+      }
+
+      end.calculated = true;
+    }
+
+    adjustedEnd = adjustedEnd[name];
+  } else {
+    adjustedEnd = _isFunction(endVar) ? endVar(end, velocity) : _isArray(endVar) ? _getClosest(end, endVar, max, min, radius) : parseFloat(endVar);
+  }
+
+  if (adjustedEnd > max) {
+    adjustedEnd = max;
+  } else if (adjustedEnd < min) {
+    adjustedEnd = min;
+  }
+
+  return {
+    max: adjustedEnd,
+    min: adjustedEnd,
+    unitFactor: curProp.unitFactor
+  };
+},
+    _getNumOrDefault = function _getNumOrDefault(vars, property, defaultValue) {
+  return isNaN(vars[property]) ? defaultValue : +vars[property];
+},
+    _calculateChange = function _calculateChange(velocity, duration) {
+  return duration * _checkPoint * velocity / _checkPointRatio;
+},
+    _calculateDuration = function _calculateDuration(start, end, velocity) {
+  return Math.abs((end - start) * _checkPointRatio / velocity / _checkPoint);
+},
+    _reservedProps = {
+  resistance: 1,
+  checkpoint: 1,
+  preventOvershoot: 1,
+  linkedProps: 1,
+  radius: 1,
+  duration: 1
+},
+    _processLinkedProps = function _processLinkedProps(target, vars, getVal, resistance) {
+  if (vars.linkedProps) {
+    //when there are linkedProps (typically "x,y" where snapping has to factor in multiple properties, we must first populate an object with all of those end values, then feed it to the function that make any necessary alterations. So the point of this first loop is to simply build an object (like {x:100, y:204.5}) for feeding into that function which we'll do later in the "real" loop.
+    var linkedPropNames = vars.linkedProps.split(","),
+        linkedProps = {},
+        i,
+        p,
+        curProp,
+        curVelocity,
+        tracker,
+        curDuration;
+
+    for (i = 0; i < linkedPropNames.length; i++) {
+      p = linkedPropNames[i];
+      curProp = vars[p];
+
+      if (curProp) {
+        if (_isNumber(curProp.velocity)) {
+          curVelocity = curProp.velocity;
+        } else {
+          tracker = tracker || _getTracker(target);
+          curVelocity = tracker && tracker.isTracking(p) ? tracker.get(p) : 0;
+        }
+
+        curDuration = Math.abs(curVelocity / _getNumOrDefault(curProp, "resistance", resistance));
+        linkedProps[p] = parseFloat(getVal(target, p)) + _calculateChange(curVelocity, curDuration);
+      }
+    }
+
+    return linkedProps;
+  }
+},
+    _calculateTweenDuration = function _calculateTweenDuration(target, vars, maxDuration, minDuration, overshootTolerance, recordEnd) {
+  if (maxDuration === void 0) {
+    maxDuration = 10;
+  }
+
+  if (minDuration === void 0) {
+    minDuration = 0.2;
+  }
+
+  if (overshootTolerance === void 0) {
+    overshootTolerance = 1;
+  }
+
+  _isString(target) && (target = _toArray(target)[0]);
+
+  if (!target) {
+    return 0;
+  }
+
+  var duration = 0,
+      clippedDuration = _bigNum,
+      inertiaVars = vars.inertia || vars,
+      getVal = _getCache(target).get,
+      resistance = _getNumOrDefault(inertiaVars, "resistance", _config.resistance),
+      p,
+      curProp,
+      curDuration,
+      curVelocity,
+      curVal,
+      end,
+      curClippedDuration,
+      tracker,
+      unitFactor,
+      linkedProps; //when there are linkedProps (typically "x,y" where snapping has to factor in multiple properties, we must first populate an object with all of those end values, then feed it to the function that make any necessary alterations. So the point of this first loop is to simply build an object (like {x:100, y:204.5}) for feeding into that function which we'll do later in the "real" loop.
+
+
+  linkedProps = _processLinkedProps(target, inertiaVars, getVal, resistance);
+
+  for (p in inertiaVars) {
+    if (!_reservedProps[p]) {
+      curProp = inertiaVars[p];
+
+      if (!_isObject(curProp)) {
+        tracker = tracker || _getTracker(target);
+
+        if (tracker && tracker.isTracking(p)) {
+          curProp = _isNumber(curProp) ? {
+            velocity: curProp
+          } : {
+            velocity: tracker.get(p)
+          }; //if we're tracking this property, we should use the tracking velocity and then use the numeric value that was passed in as the min and max so that it tweens exactly there.
+        } else {
+          curVelocity = +curProp || 0;
+          curDuration = Math.abs(curVelocity / resistance);
+        }
+      }
+
+      if (_isObject(curProp)) {
+        if (_isNumber(curProp.velocity)) {
+          curVelocity = curProp.velocity;
+        } else {
+          tracker = tracker || _getTracker(target);
+          curVelocity = tracker && tracker.isTracking(p) ? tracker.get(p) : 0;
+        }
+
+        curDuration = _clamp(minDuration, maxDuration, Math.abs(curVelocity / _getNumOrDefault(curProp, "resistance", resistance)));
+        curVal = parseFloat(getVal(target, p)) || 0;
+        end = curVal + _calculateChange(curVelocity, curDuration);
+
+        if ("end" in curProp) {
+          curProp = _parseEnd(curProp, linkedProps && p in linkedProps ? linkedProps : end, curProp.max, curProp.min, p, inertiaVars.radius, curVelocity);
+
+          {
+            _processingVars === vars && (_processingVars = inertiaVars = _deepClone(vars));
+            inertiaVars[p] = _extend(curProp, inertiaVars[p], "end");
+          }
+        }
+
+        if ("max" in curProp && end > +curProp.max + _tinyNum) {
+          unitFactor = curProp.unitFactor || _config.unitFactors[p] || 1; //some values are measured in special units like radians in which case our thresholds need to be adjusted accordingly.
+          //if the value is already exceeding the max or the velocity is too low, the duration can end up being uncomfortably long but in most situations, users want the snapping to occur relatively quickly (0.75 seconds), so we implement a cap here to make things more intuitive. If the max and min match, it means we're animating to a particular value and we don't want to shorten the time unless the velocity is really slow. Example: a rotation where the start and natural end value are less than the snapping spot, but the natural end is pretty close to the snap.
+
+          curClippedDuration = curVal > curProp.max && curProp.min !== curProp.max || curVelocity * unitFactor > -15 && curVelocity * unitFactor < 45 ? minDuration + (maxDuration - minDuration) * 0.1 : _calculateDuration(curVal, curProp.max, curVelocity);
+
+          if (curClippedDuration + overshootTolerance < clippedDuration) {
+            clippedDuration = curClippedDuration + overshootTolerance;
+          }
+        } else if ("min" in curProp && end < +curProp.min - _tinyNum) {
+          unitFactor = curProp.unitFactor || _config.unitFactors[p] || 1; //some values are measured in special units like radians in which case our thresholds need to be adjusted accordingly.
+          //if the value is already exceeding the min or if the velocity is too low, the duration can end up being uncomfortably long but in most situations, users want the snapping to occur relatively quickly (0.75 seconds), so we implement a cap here to make things more intuitive.
+
+          curClippedDuration = curVal < curProp.min && curProp.min !== curProp.max || curVelocity * unitFactor > -45 && curVelocity * unitFactor < 15 ? minDuration + (maxDuration - minDuration) * 0.1 : _calculateDuration(curVal, curProp.min, curVelocity);
+
+          if (curClippedDuration + overshootTolerance < clippedDuration) {
+            clippedDuration = curClippedDuration + overshootTolerance;
+          }
+        }
+
+        curClippedDuration > duration && (duration = curClippedDuration);
+      }
+
+      curDuration > duration && (duration = curDuration);
+    }
+  }
+
+  duration > clippedDuration && (duration = clippedDuration);
+  return duration > maxDuration ? maxDuration : duration < minDuration ? minDuration : duration;
+},
+    _initCore = function _initCore() {
+  gsap = _getGSAP();
+
+  if (gsap) {
+    _parseEase = gsap.parseEase;
+    _toArray = gsap.utils.toArray;
+    _getUnit = gsap.utils.getUnit;
+    _getCache = gsap.core.getCache;
+    _clamp = gsap.utils.clamp;
+    _getStyleSaver = gsap.core.getStyleSaver;
+
+    _reverting = gsap.core.reverting || function () {};
+
+    _power3 = _parseEase("power3");
+    _checkPointRatio = _power3(0.05);
+    PropTween = gsap.core.PropTween;
+    gsap.config({
+      resistance: 100,
+      unitFactors: {
+        time: 1000,
+        totalTime: 1000,
+        progress: 1000,
+        totalProgress: 1000
+      }
+    });
+    _config = gsap.config();
+    gsap.registerPlugin(VelocityTracker);
+    _coreInitted = 1;
+  }
+};
+
+var InertiaPlugin = {
+  version: "3.13.0",
+  name: "inertia",
+  register: function register(core) {
+    gsap = core;
+
+    _initCore();
+  },
+  init: function init(target, vars, tween, index, targets) {
+    _coreInitted || _initCore();
+
+    var tracker = _getTracker(target);
+
+    if (vars === "auto") {
+      if (!tracker) {
+        console.warn("No inertia tracking on " + target + ". InertiaPlugin.track(target) first.");
+        return;
+      }
+
+      vars = tracker.getAll();
+    }
+
+    this.styles = _getStyleSaver && typeof target.style === "object" && _getStyleSaver(target);
+    this.target = target;
+    this.tween = tween;
+    _processingVars = vars; // gets swapped inside _calculateTweenDuration() if there's a function-based value encountered (to avoid double-calling it)
+
+    var cache = target._gsap,
+        getVal = cache.get,
+        dur = vars.duration,
+        durIsObj = _isObject(dur),
+        preventOvershoot = vars.preventOvershoot || durIsObj && dur.overshoot === 0,
+        resistance = _getNumOrDefault(vars, "resistance", _config.resistance),
+        duration = _isNumber(dur) ? dur : _calculateTweenDuration(target, vars, durIsObj && dur.max || 10, durIsObj && dur.min || 0.2, durIsObj && "overshoot" in dur ? +dur.overshoot : preventOvershoot ? 0 : 1),
+        p,
+        curProp,
+        curVal,
+        unit,
+        velocity,
+        change1,
+        end,
+        change2,
+        linkedProps;
+
+    vars = _processingVars;
+    _processingVars = 0; //when there are linkedProps (typically "x,y" where snapping has to factor in multiple properties, we must first populate an object with all of those end values, then feed it to the function that make any necessary alterations. So the point of this first loop is to simply build an object (like {x:100, y:204.5}) for feeding into that function which we'll do later in the "real" loop.
+
+    linkedProps = _processLinkedProps(target, vars, getVal, resistance);
+
+    for (p in vars) {
+      if (!_reservedProps[p]) {
+        curProp = vars[p];
+        _isFunction(curProp) && (curProp = curProp(index, target, targets));
+
+        if (_isNumber(curProp)) {
+          velocity = curProp;
+        } else if (_isObject(curProp) && !isNaN(curProp.velocity)) {
+          velocity = +curProp.velocity;
+        } else {
+          if (tracker && tracker.isTracking(p)) {
+            velocity = tracker.get(p);
+          } else {
+            console.warn("ERROR: No velocity was defined for " + target + " property: " + p);
+          }
+        }
+
+        change1 = _calculateChange(velocity, duration);
+        change2 = 0;
+        curVal = getVal(target, p);
+        unit = _getUnit(curVal);
+        curVal = parseFloat(curVal);
+
+        if (_isObject(curProp)) {
+          end = curVal + change1;
+
+          if ("end" in curProp) {
+            curProp = _parseEnd(curProp, linkedProps && p in linkedProps ? linkedProps : end, curProp.max, curProp.min, p, vars.radius, velocity);
+          }
+
+          if ("max" in curProp && +curProp.max < end) {
+            if (preventOvershoot || curProp.preventOvershoot) {
+              change1 = curProp.max - curVal;
+            } else {
+              change2 = curProp.max - curVal - change1;
+            }
+          } else if ("min" in curProp && +curProp.min > end) {
+            if (preventOvershoot || curProp.preventOvershoot) {
+              change1 = curProp.min - curVal;
+            } else {
+              change2 = curProp.min - curVal - change1;
+            }
+          }
+        }
+
+        this._props.push(p);
+
+        this.styles && this.styles.save(p);
+        this._pt = new PropTween(this._pt, target, p, curVal, 0, _emptyFunc, 0, cache.set(target, p, this));
+        this._pt.u = unit || 0;
+        this._pt.c1 = change1;
+        this._pt.c2 = change2;
+      }
+    }
+
+    tween.duration(duration);
+    return _bonusValidated;
+  },
+  render: function render(ratio, data) {
+    var pt = data._pt;
+    ratio = _power3(data.tween._time / data.tween._dur);
+
+    if (ratio || !_reverting()) {
+      while (pt) {
+        pt.set(pt.t, pt.p, _round(pt.s + pt.c1 * ratio + pt.c2 * ratio * ratio) + pt.u, pt.d, ratio);
+        pt = pt._next;
+      }
+    } else {
+      data.styles.revert();
+    }
+  }
+};
+"track,untrack,isTracking,getVelocity,getByTarget".split(",").forEach(function (name) {
+  return InertiaPlugin[name] = VelocityTracker[name];
+});
+_getGSAP() && gsap.registerPlugin(InertiaPlugin);
 
 function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);}else for(f in e)e[f]&&(n&&(n+=" "),n+=f);return n}function clsx(){for(var e,t,f=0,n="",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
 
@@ -3695,7 +7519,7 @@ const setupContainerStyles = (containerMarquee, marquees, marqueesChildren, isVe
      * - gap: Space between marquee elements (prevents content overlap)
      * - rotate: 90° rotation for vertical movement (transforms horizontal motion to vertical)
      */
-    gsap$1.set(containerMarquee, {
+    gsap$4.set(containerMarquee, {
         gap: `${spacing}px`,
         rotate: isVertical ? 90 : "0",
     });
@@ -3707,10 +7531,10 @@ const setupContainerStyles = (containerMarquee, marquees, marqueesChildren, isVe
      */
     if (isVertical) {
         const parent = containerMarquee.parentNode;
-        gsap$1.set(containerMarquee, {
+        gsap$4.set(containerMarquee, {
             width: parent.offsetHeight, // Width becomes the vertical space available
         });
-        gsap$1.set(marqueesChildren, {
+        gsap$4.set(marqueesChildren, {
             overflow: "visible", // Prevents clipping during animation
         });
     }
@@ -3727,7 +7551,7 @@ const setupContainerStyles = (containerMarquee, marquees, marqueesChildren, isVe
     if (alignRotationWithY && marquees.length > 0) {
         const marqueeHeight = marquees[0].offsetHeight;
         // Center align items within the container
-        gsap$1.set(containerMarquee, {
+        gsap$4.set(containerMarquee, {
             alignItems: "center",
         });
         /**
@@ -3738,7 +7562,7 @@ const setupContainerStyles = (containerMarquee, marquees, marqueesChildren, isVe
          * - width: Set to marquee height since dimensions are swapped after rotation
          * - flexWrap/wordBreak/whiteSpace: Handle text flow in constrained space
          */
-        gsap$1.set(marqueesChildren, {
+        gsap$4.set(marqueesChildren, {
             rotate: -90, // Counter-rotate to keep text readable
             x: (containerMarquee.offsetWidth - spacing) / 2 - spacing, // Center horizontally
             display: "flex",
@@ -3751,7 +7575,7 @@ const setupContainerStyles = (containerMarquee, marquees, marqueesChildren, isVe
          * Adjust marquee height to fit within the rotated container
          * Accounts for spacing to prevent overflow
          */
-        gsap$1.set(marquees, {
+        gsap$4.set(marquees, {
             height: containerMarquee.offsetWidth - spacing,
         });
     }
@@ -3835,7 +7659,7 @@ const getMinWidth = (marqueesChildren, totalWidth, containerMarqueeWidth, props)
     return `${totalWidth}px`;
 };
 /**
- * Creates a complex fill-based marquee animation with seamless looping
+ * Creates a complex marquee animation with seamless looping and draggable support
  *
  * This is the core animation engine that creates smooth, continuous scrolling.
  * It handles the complex math required for seamless looping by calculating
@@ -3846,19 +7670,23 @@ const getMinWidth = (marqueesChildren, totalWidth, containerMarqueeWidth, props)
  * 2. **Seamless Looping**: Calculate track length and loop points to prevent gaps
  * 3. **Staggered Animation**: Each element starts at different times for smooth flow
  * 4. **Direction Handling**: Support forward and reverse directions with proper timing
+ * 5. **Integrated Draggable**: Optional support for drag interaction with manual control
  *
  * Technical Details:
  * - Uses xPercent for percentage-based positioning (responsive to element width changes)
  * - Creates two-part animation: main movement + seamless loop reset
  * - Calculates precise durations based on distance and speed for consistent motion
+ * - Implements draggable with intelligent pause/resume animation handling
  *
  * @param elementsToAnimate - Array of DOM elements to animate (content or containers)
  * @param startX - Starting X position reference point
  * @param tl - GSAP timeline to add animations to
  * @param isReverse - Whether animation should play in reverse direction
+ * @param draggableTrigger - Element(s) that will trigger the draggable functionality
+ * @param isVertical - Whether the marquee scrolls vertically
  * @param props - Configuration object with spacing, speed, delay, and other settings
  */
-const coreAnimation = (elementsToAnimate, startX, tl, isReverse, props) => {
+const coreAnimation = (elementsToAnimate, startX, tl, isReverse, draggableTrigger, isVertical, props) => {
     const { spacing = 16, speed = 100, delay = 0, paused = false, alignRotationWithY = false, } = props;
     // Arrays to store calculated values for each element
     const widths = []; // Element widths in pixels
@@ -3874,22 +7702,22 @@ const coreAnimation = (elementsToAnimate, startX, tl, isReverse, props) => {
      *
      * This approach makes animations responsive to width changes
      */
-    gsap$1.set(elementsToAnimate, {
+    gsap$4.set(elementsToAnimate, {
         xPercent: (i, el) => {
             // Get element width and store for later calculations
-            const w = (widths[i] = parseFloat(String(gsap$1.getProperty(el, "width", "px"))));
+            const w = (widths[i] = parseFloat(String(gsap$4.getProperty(el, "width", "px"))));
             /**
              * Calculate current position as percentage of element width
              * Combines pixel position with any existing percentage offset
              */
             xPercents[i] =
-                (parseFloat(String(gsap$1.getProperty(el, "x", "px"))) / w) * 100 +
-                    Number(gsap$1.getProperty(el, "xPercent"));
+                (parseFloat(String(gsap$4.getProperty(el, "x", "px"))) / w) * 100 +
+                    Number(gsap$4.getProperty(el, "xPercent"));
             return xPercents[i];
         },
     });
     // Reset x position to 0 since we're now using xPercent for positioning
-    gsap$1.set(elementsToAnimate, { x: 0 });
+    gsap$4.set(elementsToAnimate, { x: 0 });
     /**
      * Calculate total track length for seamless looping
      *
@@ -3979,7 +7807,7 @@ const coreAnimation = (elementsToAnimate, startX, tl, isReverse, props) => {
          * Start reverse playback after delay
          * This creates the proper reverse scrolling effect
          */
-        gsap$1.delayedCall(delay, () => {
+        gsap$4.delayedCall(delay, () => {
             tl.reverse(); // Start playing backwards
             /**
              * Handle seamless looping in reverse direction
@@ -3991,8 +7819,88 @@ const coreAnimation = (elementsToAnimate, startX, tl, isReverse, props) => {
             });
         });
     }
+    /**
+     * ========================================
+     * DRAGGABLE SECTION
+     * ========================================
+     *
+     * Implements interactive drag functionality for manual marquee control.
+     * When enabled, allows users to drag horizontally to control the animation
+     * position in real-time.
+     */
+    // Essential variables for draggable functionality
+    let proxy;
+    if (typeof Draggable === "function" && props.draggable) {
+        // Create an invisible proxy element to handle drag calculations
+        proxy = document.createElement("div");
+        const wrap = gsap$4.utils.wrap(0, 1); // Wrapping function to keep values between 0 and 1
+        let ratio; // Ratio to convert drag position to timeline progress
+        let startProgress; // Timeline progress at drag start
+        /**
+         * Alignment function that syncs drag position with timeline progress
+         * Converts mouse movement into animation progress
+         */
+        const align = () => {
+            const axis = isVertical
+                ? draggable.startY - draggable.y
+                : draggable.startX - draggable.x;
+            tl.progress(wrap(startProgress + axis * ratio));
+        };
+        // Check InertiaPlugin availability for momentum scrolling
+        if (typeof InertiaPlugin === "undefined") {
+            console.warn("InertiaPlugin required for momentum-based scrolling and snapping. https://greensock.com/club");
+        }
+        const draggable = Draggable.create(proxy, {
+            trigger: draggableTrigger, // Element that will trigger the drag
+            type: isVertical ? "y" : "x",
+            onPress() {
+                // Initialization on click/touch
+                gsap$4.killTweensOf(tl); // Stop any ongoing animations on timeline
+                tl.pause(); // Pause main animation
+                startProgress = tl.progress(); // Store current progress
+                ratio = 1 / trackLength; // Calculate drag/progress ratio
+                gsap$4.set(proxy, { x: startProgress / -ratio }); // Position the proxy
+            },
+            onDrag: align, // Call align during drag
+            onThrowUpdate: align, // Call align during inertia
+            overshootTolerance: 0, // No overshoot tolerance
+            inertia: true, // Enable momentum scrolling
+            onThrowComplete: () => {
+                // Handle inertia completion
+                if (isReverse) {
+                    // If paused is requested, stop and return
+                    if (paused) {
+                        tl.pause();
+                        return;
+                    }
+                    // Position timeline at correct position and pause
+                    tl.progress(tl.progress()).pause();
+                    /**
+                     * Start reverse playback after delay
+                     * This creates the proper reverse scrolling effect
+                     */
+                    gsap$4.delayedCall(delay, () => {
+                        tl.reverse(); // Start playing backwards
+                        /**
+                         * Handle seamless looping in reverse direction
+                         * When reverse completes, restart from end position
+                         * This prevents new delay in continuous reverse scrolling
+                         */
+                        tl.eventCallback("onReverseComplete", () => {
+                            tl.totalTime(tl.rawTime() + tl.duration() * 100);
+                        });
+                    });
+                }
+                else {
+                    // For normal direction, simply resume the animation
+                    tl.play();
+                }
+            },
+        })[0];
+    }
 };
 
+gsap$4.registerPlugin(react.useGSAP, Observer, InertiaPlugin, Draggable);
 const GSAPReactMarquee = require$$0.forwardRef((props, ref) => {
     const { children, className, dir = "left", loop = -1, paused = false, fill = false, followScrollDir = false, scrollSpeed = 2.5, gradient = false, gradientColor = null, } = props;
     const rootRef = require$$0.useRef(null) || ref;
@@ -4012,12 +7920,12 @@ const GSAPReactMarquee = require$$0.forwardRef((props, ref) => {
         if (!(marqueeRef === null || marqueeRef === void 0 ? void 0 : marqueeRef.current) || !containerRef.current)
             return;
         const containerMarquee = containerRef === null || containerRef === void 0 ? void 0 : containerRef.current;
-        const marquees = gsap$1.utils.toArray(containerMarquee.querySelectorAll(".gsap-react-marquee"));
-        const marqueesChildren = gsap$1.utils.toArray(containerMarquee.querySelectorAll(".gsap-react-marquee .gsap-react-marquee-content"));
+        const marquees = gsap$4.utils.toArray(containerMarquee.querySelectorAll(".gsap-react-marquee"));
+        const marqueesChildren = gsap$4.utils.toArray(containerMarquee.querySelectorAll(".gsap-react-marquee .gsap-react-marquee-content"));
         const marquee = marqueeRef.current;
         if (!marquee || !marqueesChildren)
             return;
-        const tl = gsap$1.timeline({
+        const tl = gsap$4.timeline({
             paused: paused,
             repeat: loop,
             defaults: { ease: "none" },
@@ -4036,16 +7944,16 @@ const GSAPReactMarquee = require$$0.forwardRef((props, ref) => {
         const clampedScrollSpeed = Math.min(4, Math.max(1.1, scrollSpeed));
         setMarqueeDuplicates(calculateDuplicates(marqueeChildrenWidth, containerMarqueeWidth, isVertical, props));
         // Calculate total width and set marquee styles
-        const totalWidth = gsap$1.utils
+        const totalWidth = gsap$4.utils
             .toArray(marquee.children)
             .map((child) => child.offsetWidth)
             .reduce((a, b) => a + b, 0);
-        gsap$1.set(marquees, {
+        gsap$4.set(marquees, {
             minWidth: getMinWidth(marqueesChildren, totalWidth, containerMarqueeWidth, props),
             flex: fill ? "0 0 auto" : "1",
         });
         // Create appropriate animation based on fill setting
-        coreAnimation(fill ? marqueesChildren : marquees, startX, tl, isReverse, props);
+        coreAnimation(fill ? marqueesChildren : marquees, startX, tl, isReverse, marquees, isVertical, props);
         /**
          * GSAP Observer for scroll-based speed control
          *
@@ -4071,25 +7979,28 @@ const GSAPReactMarquee = require$$0.forwardRef((props, ref) => {
                  *
                  * Phase 1: Quick acceleration to new speed (0.2s)
                  * - timeScale: Controls timeline playback speed (higher = faster)
-                 * - factor * 2.5: Initial speed boost for responsive feel
+                 * - factor * clampedScrollSpeed: Initial speed boost for responsive feel
                  * - overwrite: Cancels any previous speed animations
                  *
                  * Phase 2: Gradual deceleration to sustained speed (1s delay + 1s duration)
-                 * - factor / 2.5: Settle to a more moderate sustained speed
+                 * - factor / clampedScrollSpeed: Settle to a more moderate sustained speed
                  * - "+=0.3": Wait 0.3 seconds before starting deceleration
                  */
-                gsap$1
+                gsap$4
                     .timeline({
                     defaults: {
                         ease: "none",
                     },
                 })
                     .to(tl, {
-                    timeScale: factor * 2.5,
+                    timeScale: factor * clampedScrollSpeed,
                     duration: 0.2,
                     overwrite: true,
                 })
-                    .to(tl, { timeScale: factor / 2.5, duration: 1 }, "+=0.3");
+                    .to(tl, {
+                    timeScale: factor / clampedScrollSpeed,
+                    duration: 1,
+                }, "+=0.3");
             },
         });
     }, {