@yoobic/yobi 8.4.0-0 → 8.4.0-3

package/dist/cjs/{overlays-f7624b4d.js → overlays-bc0e1a98.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const lodash = require('./lodash-72d493b9.js');
-const index = require('./index-50ff0b20.js');
+const index = require('./index-03502f1f.js');
 const _commonjsHelpers = require('./_commonjsHelpers-94df2ea7.js');
 
 /*
@@ -1774,7 +1774,7 @@ function _assertThisInitialized$1(self) { if (self === void 0) { throw new Refer
 function _inheritsLoose$1(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
 
 /*!
- * GSAP 3.10.4
+ * GSAP 3.11.0
  * https://greensock.com
  *
  * @license Copyright 2008-2022, GreenSock. All rights reserved.
@@ -1798,6 +1798,8 @@ var _config$3 = {
   delay: 0
 },
     _suppressOverwrites$1,
+    _reverting$2,
+    _context$1,
     _bigNum$4 = 1e8,
     _tinyNum$1 = 1 / _bigNum$4,
     _2PI = Math.PI * 2,
@@ -1865,6 +1867,13 @@ _unitExp = /^[+\-=e\s\d]*\d+[.\d]*([a-z]*|%)\s*$/i,
 },
     _emptyFunc$3 = function _emptyFunc() {
   return 0;
+},
+    _startAtRevertConfig = {
+  suppressEvents: true,
+  isStart: true
+},
+    _revertConfig = {
+  suppressEvents: true
 },
     _reservedProps$1 = {},
     _lazyTweens = [],
@@ -1946,7 +1955,7 @@ _parseRelative = function _parseRelative(start, value) {
 },
     _lazySafeRender = function _lazySafeRender(animation, time, suppressEvents, force) {
   _lazyTweens.length && _lazyRender();
-  animation.render(time, suppressEvents, force);
+  animation.render(time, suppressEvents, force || _reverting$2);
   _lazyTweens.length && _lazyRender(); //in case rendering caused any tweens to lazy-init, we should render them because typically when someone calls seek() or time() or progress(), they expect an immediate render.
 },
     _numericIfPossible = function _numericIfPossible(value) {
@@ -2107,6 +2116,9 @@ _parseRelative = function _parseRelative(start, value) {
   }
 
   return animation;
+},
+    _rewindStartAt = function _rewindStartAt(tween, totalTime, suppressEvents, force) {
+  return tween._startAt && (_reverting$2 ? tween._startAt.revert(_revertConfig) : tween.vars.immediateRender && !tween.vars.autoRevert || tween._startAt.render(totalTime, true, force));
 },
     _hasNoPausedAncestors = function _hasNoPausedAncestors(animation) {
   return !animation || animation._ts && _hasNoPausedAncestors(animation.parent);
@@ -2187,6 +2199,8 @@ _postAddChecks = function _postAddChecks(timeline, child) {
 
   _isFromOrFromStart(child) || (timeline._recent = child);
   skipChecks || _postAddChecks(timeline, child);
+  timeline._ts < 0 && _alignPlayhead(timeline, timeline._tTime); // if the timeline is reversed and the new child makes it longer, we may need to adjust the parent's _start (push it back)
+
   return timeline;
 },
     _scrollTrigger = function _scrollTrigger(animation, trigger) {
@@ -2238,7 +2252,7 @@ _isFromOrFromStart = function _isFromOrFromStart(_ref2) {
     }
   }
 
-  if (ratio !== prevRatio || force || tween._zTime === _tinyNum$1 || !totalTime && tween._zTime) {
+  if (ratio !== prevRatio || _reverting$2 || force || tween._zTime === _tinyNum$1 || !totalTime && tween._zTime) {
     if (!tween._initted && _attemptInitTween(tween, totalTime, force, suppressEvents)) {
       // if we render the very beginning (time == 0) of a fromTo(), we must force the render (normal tweens wouldn't need to render at a time of 0 when the prevTime was also 0). This is also mandatory to make sure overwriting kicks in immediately.
       return;
@@ -2260,7 +2274,7 @@ _isFromOrFromStart = function _isFromOrFromStart(_ref2) {
       pt = pt._next;
     }
 
-    tween._startAt && totalTime < 0 && tween._startAt.render(totalTime, true, true);
+    totalTime < 0 && _rewindStartAt(tween, totalTime, suppressEvents, true);
     tween._onUpdate && !suppressEvents && _callback$1(tween, "onUpdate");
     tTime && tween._repeat && !suppressEvents && tween.parent && _callback$1(tween, "onRepeat");
 
@@ -2415,7 +2429,7 @@ clamp = function clamp(min, max, value) {
 },
     //takes any value and returns an array. If it's a string (and leaveStrings isn't true), it'll use document.querySelectorAll() and convert that to an array. It'll also accept iterables like jQuery objects.
 toArray$1 = function toArray(value, scope, leaveStrings) {
-  return _isString$6(value) && !leaveStrings && (_coreInitted$c || !_wake()) ? _slice.call((scope || _doc$6).querySelectorAll(value), 0) : _isArray$2(value) ? _flatten(value, leaveStrings) : _isArrayLike(value) ? _slice.call(value, 0) : value ? [value] : [];
+  return _context$1 && !scope && _context$1.selector ? _context$1.selector(value) : _isString$6(value) && !leaveStrings && (_coreInitted$c || !_wake()) ? _slice.call((scope || _doc$6).querySelectorAll(value), 0) : _isArray$2(value) ? _flatten(value, leaveStrings) : _isArrayLike(value) ? _slice.call(value, 0) : value ? [value] : [];
 },
     selector = function selector(value) {
   value = toArray$1(value)[0] || _warn$2("Invalid scope") || {};
@@ -2518,7 +2532,8 @@ distribute = function distribute(v) {
   var p = Math.pow(10, ((v + "").split(".")[1] || "").length); //to avoid floating point math errors (like 24 * 0.1 == 2.4000000000000004), we chop off at a specific number of decimal places (much faster than toFixed())
 
   return function (raw) {
-    var n = Math.round(parseFloat(raw) / v) * v * p;
+    var n = _roundPrecise$1(Math.round(parseFloat(raw) / v) * v * p);
+
     return (n - n % 1) / p + (_isNumber$3(raw) ? 0 : getUnit(raw)); // n - n % 1 replaces Math.floor() in order to handle negative values properly. For example, Math.floor(-150.00000000000003) is 151!
   };
 },
@@ -2722,8 +2737,11 @@ distribute = function distribute(v) {
     _callback$1 = function _callback(animation, type, executeLazyFirst) {
   var v = animation.vars,
       callback = v[type],
+      prevContext = _context$1,
+      context = animation._ctx,
       params,
-      scope;
+      scope,
+      result;
 
   if (!callback) {
     return;
@@ -2733,7 +2751,10 @@ distribute = function distribute(v) {
   scope = v.callbackScope || animation;
   executeLazyFirst && _lazyTweens.length && _lazyRender(); //in case rendering caused any tweens to lazy-init, we should render them because typically when a timeline finishes, users expect things to have rendered fully. Imagine an onUpdate on a timeline that reports/checks tweened values.
 
-  return params ? callback.apply(scope, params) : callback.call(scope);
+  context && (_context$1 = context);
+  result = params ? callback.apply(scope, params) : callback.call(scope);
+  _context$1 = prevContext;
+  return result;
 },
     _interrupt$1 = function _interrupt(animation) {
   _removeFromParent(animation);
@@ -3390,6 +3411,13 @@ var Animation$1 = /*#__PURE__*/function () {
     _setDuration(this, +vars.duration, 1, 1);
 
     this.data = vars.data;
+
+    if (_context$1) {
+      this._ctx = _context$1;
+
+      _context$1.data.push(this);
+    }
+
     _tickerActive || _ticker$1.wake();
   }
 
@@ -3559,6 +3587,20 @@ var Animation$1 = /*#__PURE__*/function () {
     return !parent ? this._tTime : wrapRepeats && (!this._ts || this._repeat && this._time && this.totalProgress() < 1) ? this._tTime % (this._dur + this._rDelay) : !this._ts ? this._tTime : _parentToChildTotalTime(parent.rawTime(wrapRepeats), this);
   };
 
+  _proto.revert = function revert(config) {
+    if (config === void 0) {
+      config = _revertConfig;
+    }
+
+    var prevIsReverting = _reverting$2;
+    _reverting$2 = config;
+    this.timeline && this.timeline.revert(config);
+    this.totalTime(-0.01, config.suppressEvents);
+    this.data !== "nested" && _removeFromParent(this);
+    _reverting$2 = prevIsReverting;
+    return this;
+  };
+
   _proto.globalTime = function globalTime(rawTime) {
     var animation = this,
         time = arguments.length ? rawTime : animation.rawTime();
@@ -3568,7 +3610,7 @@ var Animation$1 = /*#__PURE__*/function () {
       animation = animation._dp;
     }
 
-    return time;
+    return !this.parent && this.vars.immediateRender ? -1 : time; // the _startAt tweens for .fromTo() and .from() that have immediateRender should always be FIRST in the timeline (important for Recording.revert())
   };
 
   _proto.repeat = function repeat(value) {
@@ -3978,6 +4020,8 @@ var Timeline = /*#__PURE__*/function (_Animation) {
           child = next;
         }
       } else {
+        force = force || _reverting$2; // if reverting, we should always force renders. If, for example, a .fromTo() tween with a stagger (which creates an internal timeline) gets reverted BEFORE some of its child tweens render for the first time, it may not properly trigger them to revert.
+
         child = this._last;
         var adjustedTime = totalTime < 0 ? totalTime : time; //when the playhead goes backward beyond the start of this timeline, we must pass that information down to the child animations so that zero-duration tweens know whether to render their starting or ending values.
 
@@ -4499,7 +4543,7 @@ var _addComplexStringPropTween = function _addComplexStringPropTween(target, pro
 
   return pt;
 },
-    _addPropTween = function _addPropTween(target, prop, start, end, index, targets, modifier, stringFilter, funcParam) {
+    _addPropTween = function _addPropTween(target, prop, start, end, index, targets, modifier, stringFilter, funcParam, optional) {
   _isFunction$5(end) && (end = end(index || 0, target, targets));
   var currentValue = target[prop],
       parsedStart = start !== "get" ? start : !_isFunction$5(currentValue) ? currentValue : funcParam ? target[prop.indexOf("set") || !_isFunction$5(target["get" + prop.substr(3)]) ? prop : "get" + prop.substr(3)](funcParam) : target[prop](),
@@ -4521,7 +4565,7 @@ var _addComplexStringPropTween = function _addComplexStringPropTween(target, pro
     }
   }
 
-  if (parsedStart !== end || _forceAllPropTweens) {
+  if (!optional || parsedStart !== end || _forceAllPropTweens) {
     if (!isNaN(parsedStart * end) && end !== "") {
       // fun fact: any number multiplied by "" is evaluated as the number 0!
       pt = new PropTween$3(this._pt, target, prop, +parsedStart || 0, end - (parsedStart || 0), typeof currentValue === "boolean" ? _renderBoolean : _renderPlain, 0, setter);
@@ -4627,7 +4671,8 @@ _forceAllPropTweens,
     cleanVars = _copyExcluding(vars, _reservedProps$1);
 
     if (prevStartAt) {
-      _removeFromParent(prevStartAt.render(-1, true));
+      prevStartAt.revert(runBackwards && dur ? _revertConfig : _startAtRevertConfig); // if it's a "startAt" (not "from()" or runBackwards: true), we only need to do a shallow revert (keep transforms cached in CSSPlugin)
+      // don't just _removeFromParent(prevStartAt.render(-1, true)) because that'll leave inline styles. We're creating a new _startAt for "startAt" tweens that re-capture things to ensure that if the pre-tween values changed since the tween was created, they're recorded.
 
       prevStartAt._lazy = 0;
     }
@@ -4648,29 +4693,17 @@ _forceAllPropTweens,
       }, startAt))); //copy the properties/values into a new object to avoid collisions, like var to = {x:0}, from = {x:500}; timeline.fromTo(e, from, to).fromTo(e, to, from);
 
 
-      time < 0 && !immediateRender && !autoRevert && tween._startAt.render(-1, true); // rare edge case, like if a render is forced in the negative direction of a non-initted tween.
+      time < 0 && (_reverting$2 || !immediateRender && !autoRevert) && tween._startAt.revert(_revertConfig); // rare edge case, like if a render is forced in the negative direction of a non-initted tween.
 
       if (immediateRender) {
-        time > 0 && !autoRevert && (tween._startAt = 0); //tweens that render immediately (like most from() and fromTo() tweens) shouldn't revert when their parent timeline's playhead goes backward past the startTime because the initial render could have happened anytime and it shouldn't be directly correlated to this tween's startTime. Imagine setting up a complex animation where the beginning states of various objects are rendered immediately but the tween doesn't happen for quite some time - if we revert to the starting values as soon as the playhead goes backward past the tween's startTime, it will throw things off visually. Reversion should only happen in Timeline instances where immediateRender was false or when autoRevert is explicitly set to true.
-
         if (dur && time <= 0) {
           time && (tween._zTime = time);
           return; //we skip initialization here so that overwriting doesn't occur until the tween actually begins. Otherwise, if you create several immediateRender:true tweens of the same target/properties to drop into a Timeline, the last one created would overwrite the first ones because they didn't get placed into the timeline yet before the first render occurs and kicks in overwriting.
-        } // if (time > 0) {
-        // 	autoRevert || (tween._startAt = 0); //tweens that render immediately (like most from() and fromTo() tweens) shouldn't revert when their parent timeline's playhead goes backward past the startTime because the initial render could have happened anytime and it shouldn't be directly correlated to this tween's startTime. Imagine setting up a complex animation where the beginning states of various objects are rendered immediately but the tween doesn't happen for quite some time - if we revert to the starting values as soon as the playhead goes backward past the tween's startTime, it will throw things off visually. Reversion should only happen in Timeline instances where immediateRender was false or when autoRevert is explicitly set to true.
-        // } else if (dur && !(time < 0 && prevStartAt)) {
-        // 	time && (tween._zTime = time);
-        // 	return; //we skip initialization here so that overwriting doesn't occur until the tween actually begins. Otherwise, if you create several immediateRender:true tweens of the same target/properties to drop into a Timeline, the last one created would overwrite the first ones because they didn't get placed into the timeline yet before the first render occurs and kicks in overwriting.
-        // }
-
-      } else if (autoRevert === false) {
-        tween._startAt = 0;
+        }
       }
     } else if (runBackwards && dur) {
       //from() tweens must be handled uniquely: their beginning values must be rendered but we don't want overwriting to occur yet (when time is still 0). Wait until the tween actually begins before doing all the routines like overwriting. At that time, we should render at the END of the tween to ensure that things initialize correctly (remember, from() tweens go backwards)
-      if (prevStartAt) {
-        !autoRevert && (tween._startAt = 0);
-      } else {
+      if (!prevStartAt) {
         time && (immediateRender = false); //in rare cases (like if a from() tween runs and then is invalidate()-ed), immediateRender could be true but the initial forced-render gets skipped, so there's no need to force the render in this context when the _time is greater than 0
 
         p = _setDefaults$2({
@@ -4688,8 +4721,7 @@ _forceAllPropTweens,
 
         _removeFromParent(tween._startAt = Tween.set(targets, p));
 
-        time < 0 && tween._startAt.render(-1, true); // rare edge case, like if a render is forced in the negative direction of a non-initted from() tween.
-
+        time < 0 && (_reverting$2 ? tween._startAt.revert(_revertConfig) : tween._startAt.render(-1, true));
         tween._zTime = time;
 
         if (!immediateRender) {
@@ -4759,6 +4791,7 @@ _forceAllPropTweens,
     _updatePropTweens = function _updatePropTweens(tween, property, value, start, startIsRelative, ratio, time) {
   var ptCache = (tween._pt && tween._ptCache || (tween._ptCache = {}))[property],
       pt,
+      rootPT,
       lookup,
       i;
 
@@ -4774,7 +4807,8 @@ _forceAllPropTweens,
         // it's a plugin, so find the nested PropTween
         pt = pt.d._pt;
 
-        while (pt && pt.p !== property) {
+        while (pt && pt.p !== property && pt.fp !== property) {
+          // "fp" is functionParam for things like setting CSS variables which require .setProperty("--var-name", value)
           pt = pt._next;
         }
       }
@@ -4799,12 +4833,14 @@ _forceAllPropTweens,
   i = ptCache.length;
 
   while (i--) {
-    pt = ptCache[i];
+    rootPT = ptCache[i];
+    pt = rootPT._pt || rootPT; // complex values may have nested PropTweens. We only accommodate the FIRST value.
+
     pt.s = (start || start === 0) && !startIsRelative ? start : pt.s + (start || 0) + ratio * pt.c;
     pt.c = value - pt.s;
-    pt.e && (pt.e = _round$7(value) + getUnit(pt.e)); // mainly for CSSPlugin (end value)
+    rootPT.e && (rootPT.e = _round$7(value) + getUnit(rootPT.e)); // mainly for CSSPlugin (end value)
 
-    pt.b && (pt.b = pt.s + getUnit(pt.b)); // (beginning value)
+    rootPT.b && (rootPT.b = pt.s + getUnit(rootPT.b)); // (beginning value)
   }
 },
     _addAliasesToVars = function _addAliasesToVars(targets, vars) {
@@ -4976,6 +5012,7 @@ var Tween = /*#__PURE__*/function (_Animation2) {
           keyframes.forEach(function (frame) {
             return tl.to(parsedTargets, frame, ">");
           });
+          tl.duration(); // to ensure tl._dur is cached because we tap into it for performance purposes in the render() method.
         } else {
           copy = {};
 
@@ -5042,7 +5079,8 @@ var Tween = /*#__PURE__*/function (_Animation2) {
     var prevTime = this._time,
         tDur = this._tDur,
         dur = this._dur,
-        tTime = totalTime > tDur - _tinyNum$1 && totalTime >= 0 ? tDur : totalTime < _tinyNum$1 ? 0 : totalTime,
+        isNegative = totalTime < 0,
+        tTime = totalTime > tDur - _tinyNum$1 && !isNegative ? tDur : totalTime < _tinyNum$1 ? 0 : totalTime,
         time,
         pt,
         iteration,
@@ -5055,7 +5093,7 @@ var Tween = /*#__PURE__*/function (_Animation2) {
 
     if (!dur) {
       _renderZeroDurationTween(this, totalTime, suppressEvents, force);
-    } else if (tTime !== this._tTime || !totalTime || force || !this._initted && this._tTime || this._startAt && this._zTime < 0 !== totalTime < 0) {
+    } else if (tTime !== this._tTime || !totalTime || force || !this._initted && this._tTime || this._startAt && this._zTime < 0 !== isNegative) {
       //this senses if we're crossing over the start time, in which case we must record _zTime and force the render, but we do it in this lengthy conditional way for performance reasons (usually we can skip the calculations): this._initted && (this._zTime < 0) !== (totalTime < 0)
       time = tTime;
       timeline = this.timeline;
@@ -5064,7 +5102,7 @@ var Tween = /*#__PURE__*/function (_Animation2) {
         //adjust the time for repeats and yoyos
         cycleDuration = dur + this._rDelay;
 
-        if (this._repeat < -1 && totalTime < 0) {
+        if (this._repeat < -1 && isNegative) {
           return this.totalTime(cycleDuration * 100 + totalTime, suppressEvents, force);
         }
 
@@ -5112,7 +5150,7 @@ var Tween = /*#__PURE__*/function (_Animation2) {
       }
 
       if (!this._initted) {
-        if (_attemptInitTween(this, totalTime < 0 ? totalTime : time, force, suppressEvents)) {
+        if (_attemptInitTween(this, isNegative ? totalTime : time, force, suppressEvents)) {
           this._tTime = 0; // in constructor if immediateRender is true, we set _tTime to -_tinyNum to have the playhead cross the starting point but we can't leave _tTime as a negative number.
 
           return this;
@@ -5163,7 +5201,7 @@ var Tween = /*#__PURE__*/function (_Animation2) {
       timeline && timeline.render(totalTime < 0 ? totalTime : !time && isYoyo ? -_tinyNum$1 : timeline._dur * timeline._ease(time / this._dur), suppressEvents, force) || this._startAt && (this._zTime = totalTime);
 
       if (this._onUpdate && !suppressEvents) {
-        totalTime < 0 && this._startAt && this._startAt.render(totalTime, true, force); //note: for performance reasons, we tuck this conditional logic inside less traveled areas (most tweens don't have an onUpdate). We'd just have it at the end before the onComplete, but the values should be updated before any onUpdate is called, so we ALSO put it here and then if it's not called, we do so later near the onComplete.
+        isNegative && _rewindStartAt(this, totalTime, suppressEvents, force); //note: for performance reasons, we tuck this conditional logic inside less traveled areas (most tweens don't have an onUpdate). We'd just have it at the end before the onComplete, but the values should be updated before any onUpdate is called, so we ALSO put it here and then if it's not called, we do so later near the onComplete.
 
         _callback$1(this, "onUpdate");
       }
@@ -5171,10 +5209,10 @@ var Tween = /*#__PURE__*/function (_Animation2) {
       this._repeat && iteration !== prevIteration && this.vars.onRepeat && !suppressEvents && this.parent && _callback$1(this, "onRepeat");
 
       if ((tTime === this._tDur || !tTime) && this._tTime === tTime) {
-        totalTime < 0 && this._startAt && !this._onUpdate && this._startAt.render(totalTime, true, true);
+        isNegative && !this._onUpdate && _rewindStartAt(this, totalTime, true, true);
         (totalTime || !dur) && (tTime === this._tDur && this._ts > 0 || !tTime && this._ts < 0) && _removeFromParent(this, 1); // don't remove if we're rendering at exactly a time of 0, as there could be autoRevert values that should get set on the next tick (if the playhead goes backward beyond the startTime, negative totalTime). Don't remove if the timeline is reversed and the playhead isn't at 0, otherwise tl.progress(1).reverse() won't work. Only remove if the playhead is at the end and timeScale is positive, or if the playhead is at 0 and the timeScale is negative.
 
-        if (!suppressEvents && !(totalTime < 0 && !prevTime) && (tTime || prevTime)) {
+        if (!suppressEvents && !(isNegative && !prevTime) && (tTime || prevTime)) {
           // if prevTime and tTime are zero, we shouldn't fire the onReverseComplete. This could happen if you gsap.to(... {paused:true}).play();
           _callback$1(this, tTime === tDur ? "onComplete" : "onReverseComplete", true);
 
@@ -5549,12 +5587,232 @@ _globalTimeline = new Timeline({
   smoothChildTiming: true
 });
 _config$3.stringFilter = _colorStringFilter;
+
+var _media = [],
+    _listeners$1 = {},
+    _emptyArray$1 = [],
+    _lastMediaTime = 0,
+    _dispatch$1 = function _dispatch(type) {
+  return (_listeners$1[type] || _emptyArray$1).map(function (f) {
+    return f();
+  });
+},
+    _onMediaChange = function _onMediaChange() {
+  var time = Date.now(),
+      matches = [];
+
+  if (time - _lastMediaTime > 2) {
+    _dispatch$1("matchMediaInit");
+
+    _media.forEach(function (c) {
+      var queries = c.queries,
+          conditions = c.conditions,
+          match,
+          p,
+          anyMatch,
+          toggled;
+
+      for (p in queries) {
+        match = _win$8.matchMedia(queries[p]).matches; // Firefox doesn't update the "matches" property of the MediaQueryList object correctly - it only does so as it calls its change handler - so we must re-create a media query here to ensure it's accurate.
+
+        match && (anyMatch = 1);
+
+        if (match !== conditions[p]) {
+          conditions[p] = match;
+          toggled = 1;
+        }
+      }
+
+      if (toggled) {
+        c.revert();
+        anyMatch && matches.push(c);
+      }
+    });
+
+    _dispatch$1("matchMediaRevert");
+
+    matches.forEach(function (c) {
+      return c.onMatch(c);
+    });
+    _lastMediaTime = time;
+
+    _dispatch$1("matchMedia");
+  }
+};
+
+var Context = /*#__PURE__*/function () {
+  function Context(func, scope) {
+    this.selector = scope && selector(scope);
+    this.data = [];
+    this._r = []; // returned/cleanup functions
+
+    this.isReverted = false;
+    func && this.add(func);
+  }
+
+  var _proto5 = Context.prototype;
+
+  _proto5.add = function add(name, func, scope) {
+    if (_isFunction$5(name)) {
+      scope = func;
+      func = name;
+      name = _isFunction$5;
+    }
+
+    var self = this,
+        f = function f() {
+      var prev = _context$1,
+          prevSelector = self.selector,
+          result;
+      prev && prev.data.push(self);
+      scope && (self.selector = selector(scope));
+      _context$1 = self;
+      result = func.apply(self, arguments);
+      _isFunction$5(result) && self._r.push(result);
+      _context$1 = prev;
+      self.selector = prevSelector;
+      self.isReverted = false;
+      return result;
+    };
+
+    self.last = f;
+    return name === _isFunction$5 ? f(self) : name ? self[name] = f : f;
+  };
+
+  _proto5.ignore = function ignore(func) {
+    var prev = _context$1;
+    _context$1 = null;
+    func(this);
+    _context$1 = prev;
+  };
+
+  _proto5.getTweens = function getTweens() {
+    var a = [];
+    this.data.forEach(function (e) {
+      return e instanceof Context ? a.push.apply(a, e.getTweens()) : e instanceof Tween && e._targets[0] !== e.vars.onComplete && a.push(e);
+    }); // don't include delayedCalls
+
+    return a;
+  };
+
+  _proto5.clear = function clear() {
+    this._r.length = this.data.length = 0;
+  };
+
+  _proto5.kill = function kill(revert, matchMedia) {
+    var _this4 = this;
+
+    if (revert) {
+      // save as an object so that we can cache the globalTime for each tween to optimize performance during the sort
+      this.getTweens().map(function (t) {
+        return {
+          g: t.globalTime(0),
+          t: t
+        };
+      }).sort(function (a, b) {
+        return b.g - a.g || -1;
+      }).forEach(function (o) {
+        return o.t.revert(revert);
+      }); // note: all of the _startAt tweens should be reverted in reverse order that thy were created, and they'll all have the same globalTime (-1) so the " || -1" in the sort keeps the order properly.
+
+      this.data.forEach(function (e) {
+        return !(e instanceof Animation$1) && e.revert && e.revert(revert);
+      });
+
+      this._r.forEach(function (f) {
+        return f(revert, _this4);
+      });
+
+      this.isReverted = true;
+    } else {
+      this.data.forEach(function (e) {
+        return e.kill && e.kill();
+      });
+    }
+
+    this.clear();
+
+    if (matchMedia) {
+      var i = _media.indexOf(this);
+
+      !!~i && _media.splice(i, 1);
+    }
+  };
+
+  _proto5.revert = function revert(config) {
+    this.kill(config || {});
+  };
+
+  return Context;
+}();
+
+var MatchMedia = /*#__PURE__*/function () {
+  function MatchMedia(scope) {
+    this.contexts = [];
+    this.scope = scope;
+  }
+
+  var _proto6 = MatchMedia.prototype;
+
+  _proto6.add = function add(conditions, func, scope) {
+    _isObject$3(conditions) || (conditions = {
+      matches: conditions
+    });
+    var context = new Context(0, scope || this.scope),
+        cond = context.conditions = {},
+        mq,
+        p,
+        active;
+    this.contexts.push(context);
+    func = context.add("onMatch", func);
+    context.queries = conditions;
+
+    for (p in conditions) {
+      if (p === "all") {
+        active = 1;
+      } else {
+        mq = _win$8.matchMedia(conditions[p]);
+
+        if (mq) {
+          _media.indexOf(context) < 0 && _media.push(context);
+          (cond[p] = mq.matches) && (active = 1);
+          mq.addListener ? mq.addListener(_onMediaChange) : mq.addEventListener("change", _onMediaChange);
+        }
+      }
+    }
+
+    active && func(context);
+    return this;
+  } // refresh() {
+  // 	let time = _lastMediaTime,
+  // 		media = _media;
+  // 	_lastMediaTime = -1;
+  // 	_media = this.contexts;
+  // 	_onMediaChange();
+  // 	_lastMediaTime = time;
+  // 	_media = media;
+  // }
+  ;
+
+  _proto6.revert = function revert(config) {
+    this.kill(config || {});
+  };
+
+  _proto6.kill = function kill(revert) {
+    this.contexts.forEach(function (c) {
+      return c.kill(revert, true);
+    });
+  };
+
+  return MatchMedia;
+}();
 /*
  * --------------------------------------------------------------------------------------
  * GSAP
  * --------------------------------------------------------------------------------------
  */
 
+
 var _gsap = {
   registerPlugin: function registerPlugin() {
     for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
@@ -5698,6 +5956,37 @@ var _gsap = {
 
     return tl;
   },
+  context: function context(func, scope) {
+    return func ? new Context(func, scope) : _context$1;
+  },
+  matchMedia: function matchMedia(scope) {
+    return new MatchMedia(scope);
+  },
+  matchMediaRefresh: function matchMediaRefresh() {
+    return _media.forEach(function (c) {
+      var cond = c.conditions,
+          found,
+          p;
+
+      for (p in cond) {
+        if (cond[p]) {
+          cond[p] = false;
+          found = 1;
+        }
+      }
+
+      found && c.revert();
+    }) || _onMediaChange();
+  },
+  addEventListener: function addEventListener(type, callback) {
+    var a = _listeners$1[type] || (_listeners$1[type] = []);
+    ~a.indexOf(callback) || a.push(callback);
+  },
+  removeEventListener: function removeEventListener(type, callback) {
+    var a = _listeners$1[type],
+        i = a && a.indexOf(callback);
+    i >= 0 && a.splice(i, 1);
+  },
   utils: {
     wrap: wrap$2,
     wrapYoyo: wrapYoyo,
@@ -5730,6 +6019,18 @@ var _gsap = {
     Animation: Animation$1,
     getCache: _getCache$2,
     _removeLinkedListItem: _removeLinkedListItem,
+    reverting: function reverting() {
+      return _reverting$2;
+    },
+    context: function context(toAdd) {
+      if (toAdd && _context$1) {
+        _context$1.data.push(toAdd);
+
+        toAdd._ctx = _context$1;
+      }
+
+      return _context$1;
+    },
     suppressOverwrites: function suppressOverwrites(value) {
       return _suppressOverwrites$1 = value;
     }
@@ -5818,14 +6119,26 @@ var _getPluginPropTween = function _getPluginPropTween(plugin, prop) {
 var gsap$f = _gsap.registerPlugin({
   name: "attr",
   init: function init(target, vars, tween, index, targets) {
-    var p, pt;
+    var p, pt, v;
+    this.tween = tween;
 
     for (p in vars) {
-      pt = this.add(target, "setAttribute", (target.getAttribute(p) || 0) + "", vars[p], index, targets, 0, 0, p);
-      pt && (pt.op = p);
+      v = target.getAttribute(p) || "";
+      pt = this.add(target, "setAttribute", (v || 0) + "", vars[p], index, targets, 0, 0, p);
+      pt.op = p;
+      pt.b = v; // record the beginning value so we can revert()
 
       this._props.push(p);
     }
+  },
+  render: function render(ratio, data) {
+    var pt = data._pt;
+
+    while (pt) {
+      _reverting$2 ? pt.set(pt.t, pt.p, pt.b, pt) : pt.r(ratio, pt.d); // if reverting, go back to the original (pt.b)
+
+      pt = pt._next;
+    }
   }
 }, {
   name: "endArray",
@@ -5833,12 +6146,12 @@ var gsap$f = _gsap.registerPlugin({
     var i = value.length;
 
     while (i--) {
-      this.add(target, i, target[i] || 0, value[i]);
+      this.add(target, i, target[i] || 0, value[i], 0, 0, 0, 0, 0, 1);
     }
   }
 }, _buildModifierPlugin("roundProps", _roundModifier), _buildModifierPlugin("modifiers"), _buildModifierPlugin("snap", snap)) || _gsap; //to prevent the core plugins from being dropped via aggressive tree shaking, we must include them in the variable declaration in this way.
 
-Tween.version = Timeline.version = gsap$f.version = "3.10.4";
+Tween.version = Timeline.version = gsap$f.version = "3.11.0";
 _coreReady = 1;
 _windowExists$8() && _wake();
 var Power0 = _easeMap.Power0,
@@ -5861,7 +6174,7 @@ var Power0 = _easeMap.Power0,
     Circ = _easeMap.Circ;
 
 /*!
- * CSSPlugin 3.10.4
+ * CSSPlugin 3.11.0
  * https://greensock.com
  *
  * Copyright 2008-2022, GreenSock. All rights reserved.
@@ -5877,6 +6190,7 @@ var _win$7,
     _tempDiv$2,
     _tempDivStyler,
     _recentSetterPlugin,
+    _reverting$1,
     _windowExists$7 = function _windowExists() {
   return typeof window !== "undefined";
 },
@@ -5937,6 +6251,80 @@ _renderRoundedCSSProp = function _renderRoundedCSSProp(ratio, data) {
 },
     _transformProp$3 = "transform",
     _transformOriginProp$2 = _transformProp$3 + "Origin",
+    _saveStyle = function _saveStyle(property) {
+  var _this = this;
+
+  var target = this.target,
+      style = target.style;
+
+  if (property in _transformProps) {
+    this.tfm = this.tfm || {};
+
+    if (property !== "transform") {
+      property = _propertyAliases[property] || property;
+      ~property.indexOf(",") ? property.split(",").forEach(function (a) {
+        return _this.tfm[a] = _get(target, a);
+      }) : this.tfm[property] = target._gsap.x ? target._gsap[property] : _get(target, property); // note: scale would map to "scaleX,scaleY", thus we loop and apply them both.
+    }
+
+    target._gsap.svg && (this.svg = target.getAttribute(property) || "");
+
+    if (this.props.indexOf(_transformProp$3) >= 0) {
+      return;
+    }
+
+    property = _transformProp$3;
+  }
+
+  style && this.props.push(property, style[property]);
+},
+    _removeIndependentTransforms = function _removeIndependentTransforms(style) {
+  if (style.translate) {
+    style.removeProperty("translate");
+    style.removeProperty("scale");
+    style.removeProperty("rotate");
+  }
+},
+    _revertStyle = function _revertStyle() {
+  var props = this.props,
+      target = this.target,
+      style = target.style,
+      cache = target._gsap,
+      i,
+      p;
+
+  for (i = 0; i < props.length; i += 2) {
+    props[i + 1] ? style[props[i]] = props[i + 1] : style.removeProperty(props[i].replace(_capsExp$1, "-$1").toLowerCase());
+  }
+
+  if (this.tfm) {
+    cache.svg && target.setAttribute("transform", this.svg || "");
+
+    for (p in this.tfm) {
+      cache[p] = this.tfm[p];
+    }
+
+    i = _reverting$1();
+
+    if (i && !i.isStart && !style[_transformProp$3]) {
+      _removeIndependentTransforms(style);
+
+      cache.uncache = 1; // if it's a startAt that's being reverted in the _initTween() of the core, we don't need to uncache transforms. This is purely a performance optimization.
+    }
+  }
+},
+    _getStyleSaver$1 = function _getStyleSaver(target, properties) {
+  var saver = {
+    target: target,
+    props: [],
+    revert: _revertStyle,
+    save: _saveStyle
+  };
+  properties && properties.split(",").forEach(function (p) {
+    return saver.save(p);
+  });
+  return saver;
+},
     _supports3D$1,
     _createElement$1 = function _createElement(type, ns) {
   var e = _doc$5.createElementNS ? _doc$5.createElementNS((ns || "http://www.w3.org/1999/xhtml").replace(/^https/, "http"), type) : _doc$5.createElement(type); //some servers swap in https for http in the namespace which can break things, making "style" inaccessible.
@@ -5977,6 +6365,7 @@ _renderRoundedCSSProp = function _renderRoundedCSSProp(ratio, data) {
     _tempDiv$2.style.cssText = "border-width:0;line-height:0;position:absolute;padding:0"; //make sure to override certain properties that may contaminate measurements, in case the user has overreaching style sheets.
 
     _supports3D$1 = !!_checkPropPrefix("perspective");
+    _reverting$1 = gsap$f.core.reverting;
     _pluginInitted = 1;
   }
 },
@@ -6083,6 +6472,10 @@ _removeProperty = function _removeProperty(target, property) {
   deg: 1,
   rad: 1,
   turn: 1
+},
+    _nonStandardLayouts = {
+  grid: 1,
+  flex: 1
 },
     //takes a single value like 20px and converts it to the unit specified, like "%", returning only the numeric amount.
 _convertToUnit = function _convertToUnit(target, property, value, unit) {
@@ -6126,10 +6519,10 @@ _convertToUnit = function _convertToUnit(target, property, value, unit) {
 
   cache = parent._gsap;
 
-  if (cache && toPercent && cache.width && horizontal && cache.time === _ticker$1.time) {
+  if (cache && toPercent && cache.width && horizontal && cache.time === _ticker$1.time && !cache.uncache) {
     return _round$7(curValue / cache.width * amount);
   } else {
-    (toPercent || curUnit === "%") && (style.position = _getComputedProperty(target, "position"));
+    (toPercent || curUnit === "%") && !_nonStandardLayouts[_getComputedProperty(parent, "display")] && (style.position = _getComputedProperty(target, "position"));
     parent === target && (style.position = "static"); // like for borderRadius, if it's a % we must have it relative to the target itself but that may not have position: relative or position: absolute in which case it'd go up the chain until it finds its offsetParent (bad). position: static protects against that.
 
     parent.appendChild(_tempDiv$2);
@@ -6341,6 +6734,8 @@ _convertToUnit = function _convertToUnit(target, property, value, unit) {
 
 
         cache.uncache = 1;
+
+        _removeIndependentTransforms(style);
       }
     }
   }
@@ -6465,7 +6860,7 @@ _identity2DMatrix = [1, 0, 0, 1, 0, 0],
       // note: in 3.3.0 we switched target.offsetParent to _doc.body.contains(target) to avoid [sometimes unnecessary] MutationObserver calls but that wasn't adequate because there are edge cases where nested position: fixed elements need to get reparented to accurately sense transforms. See https://github.com/greensock/GSAP/issues/388 and https://github.com/greensock/GSAP/issues/375
       addedToDOM = 1; //flag
 
-      nextSibling = target.nextSibling;
+      nextSibling = target.nextElementSibling;
 
       _docElement$2.appendChild(target); //we must add it to the DOM in order to get values properly
 
@@ -6553,6 +6948,7 @@ _identity2DMatrix = [1, 0, 0, 1, 0, 0],
       invertedScaleX = cache.scaleX < 0,
       px = "px",
       deg = "deg",
+      cs = getComputedStyle(target),
       origin = _getComputedProperty(target, _transformOriginProp$2) || "0",
       x,
       y,
@@ -6589,6 +6985,16 @@ _identity2DMatrix = [1, 0, 0, 1, 0, 0],
   x = y = z = rotation = rotationX = rotationY = skewX = skewY = perspective = 0;
   scaleX = scaleY = 1;
   cache.svg = !!(target.getCTM && _isSVG(target));
+
+  if (cs.translate) {
+    // accommodate independent transforms by combining them into normal ones.
+    if (cs.translate !== "none" || cs.scale !== "none" || cs.rotate !== "none") {
+      style[_transformProp$3] = (cs.translate !== "none" ? "translate3d(" + (cs.translate + " 0 0").split(" ").slice(0, 3).join(", ") + ") " : "") + (cs.rotate !== "none" ? "rotate(" + cs.rotate + ") " : "") + (cs.scale !== "none" ? "scale(" + cs.scale.split(" ").join(",") + ") " : "") + cs[_transformProp$3];
+    }
+
+    style.scale = style.rotate = style.translate = "none";
+  }
+
   matrix = _getMatrix(target, cache.svg);
 
   if (cache.svg) {
@@ -7064,8 +7470,13 @@ var CSSPlugin$1 = {
         transformPropTween,
         cache,
         smooth,
-        hasPriority;
-    _pluginInitted || _initCore$b();
+        hasPriority,
+        inlineProps;
+    _pluginInitted || _initCore$b(); // we may call init() multiple times on the same plugin instance, like when adding special properties, so make sure we don't overwrite the revert data or inlineProps
+
+    this.styles = this.styles || _getStyleSaver$1(target);
+    inlineProps = this.styles.props;
+    this.tween = tween;
 
     for (p in vars) {
       if (p === "autoRound") {
@@ -7108,6 +7519,7 @@ var CSSPlugin$1 = {
         endUnit ? startUnit !== endUnit && (startValue = _convertToUnit(target, p, startValue, endUnit) + endUnit) : startUnit && (endValue += startUnit);
         this.add(style, "setProperty", startValue, endValue, index, targets, 0, 0, p);
         props.push(p);
+        inlineProps.push(p, style[p]);
       } else if (type !== "undefined") {
         if (startAt && p in startAt) {
           // in case someone hard-codes a complex value as the start, like top: "calc(2vh / 2)". Without this, it'd use the computed value (always in px)
@@ -7133,6 +7545,8 @@ var CSSPlugin$1 = {
               startNum = 0;
             }
 
+            inlineProps.push("visibility", style.visibility);
+
             _addNonTweeningPT(this, style, "visibility", startNum ? "inherit" : "hidden", endNum ? "inherit" : "hidden", !endNum);
           }
 
@@ -7145,6 +7559,8 @@ var CSSPlugin$1 = {
         isTransformRelated = p in _transformProps; //--- TRANSFORM-RELATED ---
 
         if (isTransformRelated) {
+          this.styles.save(p);
+
           if (!transformPropTween) {
             cache = target._gsap;
             cache.renderTransform && !vars.parseTransform || _parseTransform(target, vars.parseTransform); // if, for example, gsap.set(... {transform:"translateX(50vw)"}), the _get() call doesn't parse the transform, thus cache.renderTransform won't be set yet so force the parsing of the transform here.
@@ -7156,10 +7572,12 @@ var CSSPlugin$1 = {
           }
 
           if (p === "scale") {
-            this._pt = new PropTween$3(this._pt, cache, "scaleY", cache.scaleY, (relative ? _parseRelative(cache.scaleY, relative + endNum) : endNum) - cache.scaleY || 0);
+            this._pt = new PropTween$3(this._pt, cache, "scaleY", cache.scaleY, (relative ? _parseRelative(cache.scaleY, relative + endNum) : endNum) - cache.scaleY || 0, _renderCSSProp);
+            this._pt.u = 0;
             props.push("scaleY", p);
             p += "X";
           } else if (p === "transformOrigin") {
+            inlineProps.push(_transformOriginProp$2, style[_transformOriginProp$2]);
             endValue = _convertKeywordsToPercentages(endValue); //in case something like "left top" or "bottom right" is passed in. Convert to percentages.
 
             if (cache.svg) {
@@ -7224,12 +7642,25 @@ var CSSPlugin$1 = {
           _tweenComplexCSSString.call(this, target, p, startValue, relative ? relative + endValue : endValue);
         }
 
+        isTransformRelated || inlineProps.push(p, style[p]);
         props.push(p);
       }
     }
 
     hasPriority && _sortPropTweensByPriority(this);
   },
+  render: function render(ratio, data) {
+    if (data.tween._time || !_reverting$1()) {
+      var pt = data._pt;
+
+      while (pt) {
+        pt.r(ratio, pt.d);
+        pt = pt._next;
+      }
+    } else {
+      data.styles.revert();
+    }
+  },
   get: _get,
   aliases: _propertyAliases,
   getSetter: function getSetter(target, property, plugin) {
@@ -7244,6 +7675,7 @@ var CSSPlugin$1 = {
   }
 };
 gsap$f.utils.checkPrefix = _checkPropPrefix;
+gsap$f.core.getStyleSaver = _getStyleSaver$1;
 
 (function (positionAndScale, rotation, others, aliases) {
   var all = _forEachName(positionAndScale + "," + rotation + "," + others, function (name) {
@@ -7270,7 +7702,7 @@ _forEachName("x,y,z,top,right,bottom,left,width,height,fontSize,padding,margin,p
 gsap$f.registerPlugin(CSSPlugin$1);
 
 /*!
- * paths 3.10.4
+ * paths 3.11.0
  * https://greensock.com
  *
  * Copyright 2008-2022, GreenSock. All rights reserved.
@@ -8756,7 +9188,7 @@ export function pointToScreen(svgElement, point) {
 */
 
 /*!
- * CustomEase 3.10.4
+ * CustomEase 3.11.0
  * https://greensock.com
  *
  * @license Copyright 2008-2022, GreenSock. All rights reserved.
@@ -9121,144 +9553,10 @@ var CustomEase = /*#__PURE__*/function () {
   return CustomEase;
 }();
 _getGSAP$d() && gsap$e.registerPlugin(CustomEase);
-CustomEase.version = "3.10.4";
-
-/*!
- * CSSRulePlugin 3.10.4
- * https://greensock.com
- *
- * @license Copyright 2008-2022, GreenSock. All rights reserved.
- * Subject to the terms at https://greensock.com/standard-license or for
- * Club GreenSock members, the agreement issued with that membership.
- * @author: Jack Doyle, jack@greensock.com
-*/
-
-/* eslint-disable */
-var gsap$d,
-    _coreInitted$a,
-    _win$6,
-    _doc$4,
-    CSSPlugin,
-    _windowExists$6 = function _windowExists() {
-  return typeof window !== "undefined";
-},
-    _getGSAP$c = function _getGSAP() {
-  return gsap$d || _windowExists$6() && (gsap$d = window.gsap) && gsap$d.registerPlugin && gsap$d;
-},
-    _checkRegister = function _checkRegister() {
-  if (!_coreInitted$a) {
-    _initCore$9();
-
-    if (!CSSPlugin) {
-      console.warn("Please gsap.registerPlugin(CSSPlugin, CSSRulePlugin)");
-    }
-  }
-
-  return _coreInitted$a;
-},
-    _initCore$9 = function _initCore(core) {
-  gsap$d = core || _getGSAP$c();
-
-  if (_windowExists$6()) {
-    _win$6 = window;
-    _doc$4 = document;
-  }
-
-  if (gsap$d) {
-    CSSPlugin = gsap$d.plugins.css;
-
-    if (CSSPlugin) {
-      _coreInitted$a = 1;
-    }
-  }
-};
-
-var CSSRulePlugin = {
-  version: "3.10.4",
-  name: "cssRule",
-  init: function init(target, value, tween, index, targets) {
-    if (!_checkRegister() || typeof target.cssText === "undefined") {
-      return false;
-    }
-
-    var div = target._gsProxy = target._gsProxy || _doc$4.createElement("div");
-
-    this.ss = target;
-    this.style = div.style;
-    div.style.cssText = target.cssText;
-    CSSPlugin.prototype.init.call(this, div, value, tween, index, targets); //we just offload all the work to the regular CSSPlugin and then copy the cssText back over to the rule in the render() method. This allows us to have all of the updates to CSSPlugin automatically flow through to CSSRulePlugin instead of having to maintain both
-  },
-  render: function render(ratio, data) {
-    var pt = data._pt,
-        style = data.style,
-        ss = data.ss,
-        i;
-
-    while (pt) {
-      pt.r(ratio, pt.d);
-      pt = pt._next;
-    }
-
-    i = style.length;
-
-    while (--i > -1) {
-      ss[style[i]] = style[style[i]];
-    }
-  },
-  getRule: function getRule(selector) {
-    _checkRegister();
-
-    var ruleProp = _doc$4.all ? "rules" : "cssRules",
-        styleSheets = _doc$4.styleSheets,
-        i = styleSheets.length,
-        pseudo = selector.charAt(0) === ":",
-        j,
-        curSS,
-        cs,
-        a;
-    selector = (pseudo ? "" : ",") + selector.split("::").join(":").toLowerCase() + ","; //note: old versions of IE report tag name selectors as upper case, so we just change everything to lowercase.
-
-    if (pseudo) {
-      a = [];
-    }
-
-    while (i--) {
-      //Firefox may throw insecure operation errors when css is loaded from other domains, so try/catch.
-      try {
-        curSS = styleSheets[i][ruleProp];
-
-        if (!curSS) {
-          continue;
-        }
-
-        j = curSS.length;
-      } catch (e) {
-        console.warn(e);
-        continue;
-      }
-
-      while (--j > -1) {
-        cs = curSS[j];
-
-        if (cs.selectorText && ("," + cs.selectorText.split("::").join(":").toLowerCase() + ",").indexOf(selector) !== -1) {
-          //note: IE adds an extra ":" to pseudo selectors, so .myClass:after becomes .myClass::after, so we need to strip the extra one out.
-          if (pseudo) {
-            a.push(cs.style);
-          } else {
-            return cs.style;
-          }
-        }
-      }
-    }
-
-    return a;
-  },
-  register: _initCore$9
-};
-_getGSAP$c() && gsap$d.registerPlugin(CSSRulePlugin);
+CustomEase.version = "3.11.0";
 
 /*!
- * matrix 3.10.4
+ * matrix 3.11.0
  * https://greensock.com
  *
  * Copyright 2008-2022, GreenSock. All rights reserved.
@@ -9268,8 +9566,8 @@ _getGSAP$c() && gsap$d.registerPlugin(CSSRulePlugin);
 */
 
 /* eslint-disable */
-var _doc$3,
-    _win$5,
+var _doc$4,
+    _win$6,
     _docElement$1,
     _body$6,
     _divContainer,
@@ -9290,14 +9588,14 @@ var _doc$3,
 
   while (doc.parentNode && (doc = doc.parentNode)) {}
 
-  _win$5 = window;
+  _win$6 = window;
   _identityMatrix$1 = new Matrix2D();
 
   if (doc) {
-    _doc$3 = doc;
+    _doc$4 = doc;
     _docElement$1 = doc.documentElement;
     _body$6 = doc.body;
-    _gEl = _doc$3.createElementNS("http://www.w3.org/2000/svg", "g"); // prevent any existing CSS from transforming it
+    _gEl = _doc$4.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 but it's 2020 and it's still not fixed.
 
@@ -9357,16 +9655,16 @@ _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$5.pageYOffset || _doc$3.scrollTop || _docElement$1.scrollTop || _body$6.scrollTop || 0;
+  return _win$6.pageYOffset || _doc$4.scrollTop || _docElement$1.scrollTop || _body$6.scrollTop || 0;
 },
     _getDocScrollLeft$1 = function _getDocScrollLeft() {
-  return _win$5.pageXOffset || _doc$3.scrollLeft || _docElement$1.scrollLeft || _body$6.scrollLeft || 0;
+  return _win$6.pageXOffset || _doc$4.scrollLeft || _docElement$1.scrollLeft || _body$6.scrollLeft || 0;
 },
     _svgOwner = function _svgOwner(element) {
   return element.ownerSVGElement || ((element.tagName + "").toLowerCase() === "svg" ? element : null);
 },
     _isFixed$1 = function _isFixed(element) {
-  if (_win$5.getComputedStyle(element).position === "fixed") {
+  if (_win$6.getComputedStyle(element).position === "fixed") {
     return true;
   }
 
@@ -9378,14 +9676,14 @@ _divTemps = [],
   }
 },
     _createSibling = function _createSibling(element, i) {
-  if (element.parentNode && (_doc$3 || _setDoc(element))) {
+  if (element.parentNode && (_doc$4 || _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$3.createElementNS ? _doc$3.createElementNS(ns.replace(/^https/, "http"), type) : _doc$3.createElement(type);
+        e = _doc$4.createElementNS ? _doc$4.createElementNS(ns.replace(/^https/, "http"), type) : _doc$4.createElement(type);
 
     if (i) {
       if (!svg) {
@@ -9452,7 +9750,7 @@ _divTemps = [],
       y,
       cs;
 
-  if (element === _win$5) {
+  if (element === _win$6) {
     return element;
   }
 
@@ -9494,7 +9792,7 @@ _divTemps = [],
       b = element;
 
       while (b && (b = b.parentNode) && b !== m && b.parentNode) {
-        if ((_win$5.getComputedStyle(b)[_transformProp$2] + "").length > 4) {
+        if ((_win$6.getComputedStyle(b)[_transformProp$2] + "").length > 4) {
           x = b.offsetLeft;
           y = b.offsetTop;
           b = 0;
@@ -9502,7 +9800,7 @@ _divTemps = [],
       }
     }
 
-    cs = _win$5.getComputedStyle(element);
+    cs = _win$6.getComputedStyle(element);
 
     if (cs.position !== "absolute" && cs.position !== "fixed") {
       m = element.offsetParent;
@@ -9642,7 +9940,7 @@ var Matrix2D = /*#__PURE__*/function () {
 
 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$3 || _setDoc(element)).documentElement === element) {
+  if (!element || !element.parentNode || (_doc$4 || _setDoc(element)).documentElement === element) {
     return new Matrix2D();
   }
 
@@ -9681,14 +9979,14 @@ function _assertThisInitialized(self) { if (self === void 0) { throw new Referen
 
 function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
 
-var gsap$c,
-    _win$4,
-    _doc$2,
+var gsap$d,
+    _win$5,
+    _doc$3,
     _docElement,
     _body$5,
     _tempDiv$1,
     _placeholderDiv,
-    _coreInitted$9,
+    _coreInitted$a,
     _checkPrefix,
     _toArray$7,
     _supportsPassive,
@@ -9700,11 +9998,11 @@ var gsap$c,
     InertiaPlugin$1,
     _defaultCursor,
     _supportsPointer,
-    _windowExists$5 = function _windowExists() {
+    _windowExists$6 = function _windowExists() {
   return typeof window !== "undefined";
 },
-    _getGSAP$b = function _getGSAP() {
-  return gsap$c || _windowExists$5() && (gsap$c = window.gsap) && gsap$c.registerPlugin && gsap$c;
+    _getGSAP$c = function _getGSAP() {
+  return gsap$d || _windowExists$6() && (gsap$d = window.gsap) && gsap$d.registerPlugin && gsap$d;
 },
     _isFunction$4 = function _isFunction(value) {
   return typeof value === "function";
@@ -9725,9 +10023,9 @@ var gsap$c,
 },
     _isArray$1 = Array.isArray,
     _createElement = function _createElement(type, ns) {
-  var e = _doc$2.createElementNS ? _doc$2.createElementNS((ns || "http://www.w3.org/1999/xhtml").replace(/^https/, "http"), type) : _doc$2.createElement(type); //some servers swap in https for http in the namespace which can break things, making "style" inaccessible.
+  var e = _doc$3.createElementNS ? _doc$3.createElementNS((ns || "http://www.w3.org/1999/xhtml").replace(/^https/, "http"), type) : _doc$3.createElement(type); //some servers swap in https for http in the namespace which can break things, making "style" inaccessible.
 
-  return e.style ? e : _doc$2.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://greensock.com/forums/topic/20215-problem-using-tweenmax-in-standalone-self-containing-svg-file-err-cannot-set-property-csstext-of-undefined/).
+  return e.style ? e : _doc$3.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://greensock.com/forums/topic/20215-problem-using-tweenmax-in-standalone-self-containing-svg-file-err-cannot-set-property-csstext-of-undefined/).
 },
     _RAD2DEG$1 = 180 / Math.PI,
     _bigNum$1 = 1e20,
@@ -9783,11 +10081,11 @@ _copy$2 = function _copy(obj, factor) {
   _renderQueue.push(func);
 
   if (_renderQueue.length === 1) {
-    gsap$c.ticker.add(_renderQueueTick);
+    gsap$d.ticker.add(_renderQueueTick);
   }
 },
     _renderQueueTimeout = function _renderQueueTimeout() {
-  return !_renderQueue.length && gsap$c.ticker.remove(_renderQueueTick);
+  return !_renderQueue.length && gsap$d.ticker.remove(_renderQueueTick);
 },
     _removeFromRenderQueue = function _removeFromRenderQueue(func) {
   var i = _renderQueue.length;
@@ -9798,7 +10096,7 @@ _copy$2 = function _copy(obj, factor) {
     }
   }
 
-  gsap$c.to(_renderQueueTimeout, {
+  gsap$d.to(_renderQueueTimeout, {
     overwrite: true,
     delay: 15,
     duration: 0,
@@ -9856,10 +10154,10 @@ _copy$2 = function _copy(obj, factor) {
   _addListener$2(event.target, "touchend", _onMultiTouchDocumentEnd);
 },
     _getDocScrollTop = function _getDocScrollTop(doc) {
-  return _win$4.pageYOffset || doc.scrollTop || doc.documentElement.scrollTop || doc.body.scrollTop || 0;
+  return _win$5.pageYOffset || doc.scrollTop || doc.documentElement.scrollTop || doc.body.scrollTop || 0;
 },
     _getDocScrollLeft = function _getDocScrollLeft(doc) {
-  return _win$4.pageXOffset || doc.scrollLeft || doc.documentElement.scrollLeft || doc.body.scrollLeft || 0;
+  return _win$5.pageXOffset || doc.scrollLeft || doc.documentElement.scrollLeft || doc.body.scrollLeft || 0;
 },
     _addScrollListener = function _addScrollListener(e, callback) {
   _addListener$2(e, "scroll", callback);
@@ -9876,13 +10174,13 @@ _copy$2 = function _copy(obj, factor) {
   }
 },
     _isRoot = function _isRoot(e) {
-  return !!(!e || e === _docElement || e.nodeType === 9 || e === _doc$2.body || e === _win$4 || !e.nodeType || !e.parentNode);
+  return !!(!e || e === _docElement || e.nodeType === 9 || e === _doc$3.body || e === _win$5 || !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$5[scroll]) - (_win$4["inner" + dim] || _docElement[client] || _body$5[client]) : element[scroll] - element[client]);
+  return Math.max(0, _isRoot(element) ? Math.max(_docElement[scroll], _body$5[scroll]) - (_win$5["inner" + dim] || _docElement[client] || _body$5[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.
@@ -9921,21 +10219,21 @@ _copy$2 = function _copy(obj, factor) {
   }
 },
     _getComputedStyle$1 = function _getComputedStyle(element) {
-  return _win$4.getComputedStyle(element instanceof Element ? element : element.host || (element.parentNode || {}).host || element);
+  return _win$5.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$4) {
+  if (e === _win$5) {
     _tempRect.left = _tempRect.top = 0;
     _tempRect.width = _tempRect.right = _docElement.clientWidth || e.innerWidth || _body$5.clientWidth || 0;
     _tempRect.height = _tempRect.bottom = (e.innerHeight || 0) - 20 < _docElement.clientHeight ? _docElement.clientHeight : e.innerHeight || _body$5.clientHeight || 0;
     return _tempRect;
   }
 
-  var doc = e.ownerDocument || _doc$2,
+  var doc = e.ownerDocument || _doc$3,
       r = !_isUndefined(e.pageX) ? {
     left: e.pageX - _getDocScrollLeft(doc),
     top: e.pageY - _getDocScrollTop(doc),
@@ -9983,7 +10281,7 @@ _parseRect = function _parseRect(e) {
       left,
       offset;
 
-  if (!e.nodeType && e !== _win$4) {
+  if (!e.nodeType && e !== _win$5) {
     if (!_isUndefined(target.left)) {
       offset = {
         x: 0,
@@ -10015,7 +10313,7 @@ _parseRect = function _parseRect(e) {
 _getElementBounds = function _getElementBounds(element, context) {
   context = _toArray$7(context)[0];
   var isSVG = element.getBBox && element.ownerSVGElement,
-      doc = element.ownerDocument || _doc$2,
+      doc = element.ownerDocument || _doc$3,
       left,
       right,
       top,
@@ -10028,15 +10326,14 @@ _getElementBounds = function _getElementBounds(element, context) {
       bbox,
       width,
       height,
-      cs,
-      contextParent;
+      cs;
 
-  if (element === _win$4) {
+  if (element === _win$5) {
     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$4 || _isUndefined(context)) {
+  } else if (context === _win$5 || _isUndefined(context)) {
     return element.getBoundingClientRect();
   } else {
     left = top = 0;
@@ -10093,10 +10390,9 @@ _getElementBounds = function _getElementBounds(element, context) {
   });
   left = Math.min(p1.x, p2.x, p3.x, p4.x);
   top = Math.min(p1.y, p2.y, p3.y, p4.y);
-  contextParent = context.parentNode || {};
   return {
-    left: left + (contextParent.scrollLeft || 0),
-    top: top + (contextParent.scrollTop || 0),
+    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
   };
@@ -10180,7 +10476,7 @@ _getElementBounds = function _getElementBounds(element, context) {
   while (i--) {
     e = elements[i];
     e.ondragstart = e.onselectstart = selectable ? null : _emptyFunc$2;
-    gsap$c.set(e, {
+    gsap$d.set(e, {
       lazy: true,
       userSelect: selectable ? "text" : "none"
     });
@@ -10202,7 +10498,7 @@ _getElementBounds = function _getElementBounds(element, context) {
     _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$c.utils.toArray(element)[0];
+  element = gsap$d.utils.toArray(element)[0];
   vars = vars || {};
   var content = document.createElement("div"),
       style = content.style,
@@ -10258,7 +10554,7 @@ ScrollProxy = function ScrollProxy(element, vars) {
     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$c.killTweensOf(this, {
+      gsap$d.killTweensOf(this, {
         left: 1,
         scrollLeft: 1
       });
@@ -10308,7 +10604,7 @@ ScrollProxy = function ScrollProxy(element, vars) {
     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$c.killTweensOf(this, {
+      gsap$d.killTweensOf(this, {
         top: 1,
         scrollTop: 1
       });
@@ -10447,13 +10743,13 @@ ScrollProxy = function ScrollProxy(element, vars) {
   this._skip = false;
   this.enable();
 },
-    _initCore$8 = function _initCore(required) {
-  if (_windowExists$5() && document.body) {
+    _initCore$9 = function _initCore(required) {
+  if (_windowExists$6() && document.body) {
     var nav = window && window.navigator;
-    _win$4 = window;
-    _doc$2 = document;
-    _docElement = _doc$2.documentElement;
-    _body$5 = _doc$2.body;
+    _win$5 = window;
+    _doc$3 = document;
+    _docElement = _doc$3.documentElement;
+    _body$5 = _doc$3.body;
     _tempDiv$1 = _createElement("div");
     _supportsPointer = !!window.PointerEvent;
     _placeholderDiv = _createElement("div");
@@ -10461,7 +10757,7 @@ ScrollProxy = function ScrollProxy(element, vars) {
     _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$4 || nav && (nav.MaxTouchPoints > 0 || nav.msMaxTouchPoints > 0);
+    _isTouchDevice = "ontouchstart" in _docElement && "orientation" in _win$5 || 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).
@@ -10473,7 +10769,7 @@ ScrollProxy = function ScrollProxy(element, vars) {
 
       childStyle.display = "inline-block";
       childStyle.position = "relative";
-      div.style.cssText = child.innerHTML = "width:90px;height:40px;padding:10px;overflow:auto;visibility:hidden";
+      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.
@@ -10506,15 +10802,15 @@ ScrollProxy = function ScrollProxy(element, vars) {
       return obj;
     }("touchstart,touchmove,touchend,touchcancel");
 
-    _addListener$2(_doc$2, "touchcancel", _emptyFunc$2); //some older Android devices intermittently stop dispatching "touchmove" events if we don't listen for "touchcancel" on the document. Very strange indeed.
+    _addListener$2(_doc$3, "touchcancel", _emptyFunc$2); //some older Android devices intermittently stop dispatching "touchmove" events if we don't listen for "touchcancel" on the document. Very strange indeed.
 
 
-    _addListener$2(_win$4, "touchmove", _emptyFunc$2); //works around Safari bugs that still allow the page to scroll even when we preventDefault() on the touchmove event.
+    _addListener$2(_win$5, "touchmove", _emptyFunc$2); //works around Safari bugs that still allow the page to scroll even when we preventDefault() on the touchmove event.
 
 
     _body$5 && _body$5.addEventListener("touchstart", _emptyFunc$2); //works around Safari bug: https://greensock.com/forums/topic/21450-draggable-in-iframe-on-mobile-is-buggy/
 
-    _addListener$2(_doc$2, "contextmenu", function () {
+    _addListener$2(_doc$3, "contextmenu", function () {
       for (var p in _lookup$1) {
         if (_lookup$1[p].isPressed) {
           _lookup$1[p].endDrag();
@@ -10522,15 +10818,15 @@ ScrollProxy = function ScrollProxy(element, vars) {
       }
     });
 
-    gsap$c = _coreInitted$9 = _getGSAP$b();
+    gsap$d = _coreInitted$a = _getGSAP$c();
   }
 
-  if (gsap$c) {
-    InertiaPlugin$1 = gsap$c.plugins.inertia;
-    _checkPrefix = gsap$c.utils.checkPrefix;
+  if (gsap$d) {
+    InertiaPlugin$1 = gsap$d.plugins.inertia;
+    _checkPrefix = gsap$d.utils.checkPrefix;
     _transformProp$1 = _checkPrefix(_transformProp$1);
     _transformOriginProp = _checkPrefix(_transformOriginProp);
-    _toArray$7 = gsap$c.utils.toArray;
+    _toArray$7 = gsap$d.utils.toArray;
     _supports3D = !!_checkPrefix("perspective");
   } else if (required) {
     console.warn("Please gsap.registerPlugin(Draggable)");
@@ -10555,8 +10851,8 @@ var EventDispatcher = /*#__PURE__*/function () {
 
   _proto.removeEventListener = function removeEventListener(type, callback) {
     var list = this._listeners[type],
-        i = list && list.indexOf(callback) || -1;
-    i > -1 && list.splice(i, 1);
+        i = list && list.indexOf(callback);
+    i >= 0 && list.splice(i, 1);
   };
 
   _proto.dispatchEvent = function dispatchEvent(type) {
@@ -10582,11 +10878,11 @@ var Draggable = /*#__PURE__*/function (_EventDispatcher) {
     var _this2;
 
     _this2 = _EventDispatcher.call(this) || this;
-    _coreInitted$9 || _initCore$8(1);
+    _coreInitted$a || _initCore$9(1);
     target = _toArray$7(target)[0]; //in case the target is a selector object or selector text
 
     if (!InertiaPlugin$1) {
-      InertiaPlugin$1 = gsap$c.plugins.inertia;
+      InertiaPlugin$1 = gsap$d.plugins.inertia;
     }
 
     _this2.vars = vars = _copy$2(vars || {});
@@ -10598,7 +10894,7 @@ var Draggable = /*#__PURE__*/function (_EventDispatcher) {
     _this2.autoScroll = vars.autoScroll || 0;
     _this2.lockedAxis = null;
     _this2.allowEventDefault = !!vars.allowEventDefault;
-    gsap$c.getProperty(target, "x"); // to ensure that transforms are instantiated.
+    gsap$d.getProperty(target, "x"); // to ensure that transforms are instantiated.
 
     var type = (vars.type || "x,y").toLowerCase(),
         xyMode = ~type.indexOf("x") || ~type.indexOf("y"),
@@ -10619,12 +10915,12 @@ var Draggable = /*#__PURE__*/function (_EventDispatcher) {
         autoScrollMarginLeft = vars.autoScrollMarginLeft || 40,
         isClickable = vars.clickableTest || _isClickable,
         clickTime = 0,
-        gsCache = target._gsap || gsap$c.core.getCache(target),
+        gsCache = target._gsap || gsap$d.core.getCache(target),
         isFixed = _isFixed(target),
         getPropAsNum = function getPropAsNum(property, unit) {
       return parseFloat(gsCache.get(target, property, unit));
     },
-        ownerDoc = target.ownerDocument || _doc$2,
+        ownerDoc = target.ownerDocument || _doc$3,
         enabled,
         scrollProxy,
         startPointerX,
@@ -10657,6 +10953,7 @@ var Draggable = /*#__PURE__*/function (_EventDispatcher) {
         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.
@@ -10680,8 +10977,8 @@ var Draggable = /*#__PURE__*/function (_EventDispatcher) {
             changeY,
             gap;
         checkAutoScrollBounds = false;
-        _windowProxy.scrollTop = _win$4.pageYOffset != null ? _win$4.pageYOffset : ownerDoc.documentElement.scrollTop != null ? ownerDoc.documentElement.scrollTop : ownerDoc.body.scrollTop;
-        _windowProxy.scrollLeft = _win$4.pageXOffset != null ? _win$4.pageXOffset : ownerDoc.documentElement.scrollLeft != null ? ownerDoc.documentElement.scrollLeft : ownerDoc.body.scrollLeft;
+        _windowProxy.scrollTop = _win$5.pageYOffset != null ? _win$5.pageYOffset : ownerDoc.documentElement.scrollTop != null ? ownerDoc.documentElement.scrollTop : ownerDoc.body.scrollTop;
+        _windowProxy.scrollLeft = _win$5.pageXOffset != null ? _win$5.pageXOffset : ownerDoc.documentElement.scrollLeft != null ? ownerDoc.documentElement.scrollLeft : ownerDoc.body.scrollLeft;
         pointerX = self.pointerX - _windowProxy.scrollLeft;
         pointerY = self.pointerY - _windowProxy.scrollTop;
 
@@ -10690,8 +10987,8 @@ var Draggable = /*#__PURE__*/function (_EventDispatcher) {
           isRoot = _isRoot(e.parentNode);
           parent = isRoot ? _windowProxy : e.parentNode;
           rect = isRoot ? {
-            bottom: Math.max(_docElement.clientHeight, _win$4.innerHeight || 0),
-            right: Math.max(_docElement.clientWidth, _win$4.innerWidth || 0),
+            bottom: Math.max(_docElement.clientHeight, _win$5.innerHeight || 0),
+            right: Math.max(_docElement.clientWidth, _win$5.innerWidth || 0),
             left: 0,
             top: 0
           } : parent.getBoundingClientRect();
@@ -10734,7 +11031,7 @@ var Draggable = /*#__PURE__*/function (_EventDispatcher) {
           }
 
           if (isRoot && (changeX || changeY)) {
-            _win$4.scrollTo(parent.scrollLeft, parent.scrollTop);
+            _win$5.scrollTo(parent.scrollLeft, parent.scrollTop);
 
             setPointerPosition(self.pointerX + changeX, self.pointerY + changeY);
           }
@@ -10818,10 +11115,10 @@ var Draggable = /*#__PURE__*/function (_EventDispatcher) {
 
       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$c.core.getCache(target);
+        gsCache = gsap$d.core.getCache(target);
       }
 
-      gsCache.uncache && gsap$c.getProperty(target, "x"); // trigger a re-cache
+      gsCache.uncache && gsap$d.getProperty(target, "x"); // trigger a re-cache
 
       if (xyMode) {
         self.x = parseFloat(gsCache.x);
@@ -10900,7 +11197,7 @@ var Draggable = /*#__PURE__*/function (_EventDispatcher) {
         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;
+          return snap.call(self, (n > max ? max + (n - max) * edgeTolerance : n < min ? min + (n - min) * edgeTolerance : n) * factor) * factor;
         };
       }
 
@@ -11127,7 +11424,7 @@ var Draggable = /*#__PURE__*/function (_EventDispatcher) {
           };
         }
 
-        self.tween = tween = gsap$c.to(scrollProxy || target, {
+        self.tween = tween = gsap$d.to(scrollProxy || target, {
           inertia: inertia,
           data: "_draggable",
           onComplete: onThrowComplete,
@@ -11280,6 +11577,8 @@ var Draggable = /*#__PURE__*/function (_EventDispatcher) {
       }
 
       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]) {
@@ -11333,7 +11632,7 @@ var Draggable = /*#__PURE__*/function (_EventDispatcher) {
       if (isPreventingDefault) {
         _preventDefault(e);
 
-        _addListener$2(_win$4, "touchforcechange", _preventDefault); //works around safari bug: https://greensock.com/forums/topic/21450-draggable-in-iframe-on-mobile-is-buggy/
+        _addListener$2(_win$5, "touchforcechange", _preventDefault); //works around safari bug: https://greensock.com/forums/topic/21450-draggable-in-iframe-on-mobile-is-buggy/
 
       }
 
@@ -11349,7 +11648,7 @@ var Draggable = /*#__PURE__*/function (_EventDispatcher) {
 
       _dragCount++;
 
-      _addToRenderQueue(render); //causes the Draggable to render on each "tick" of TweenLite.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)
+      _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
@@ -11371,9 +11670,9 @@ var Draggable = /*#__PURE__*/function (_EventDispatcher) {
       recordStartPositions();
       self.tween && self.tween.kill();
       self.isThrowing = false;
-      gsap$c.killTweensOf(scrollProxy || target, killProps, true); //in case the user tries to drag it before the last tween is done.
+      gsap$d.killTweensOf(scrollProxy || target, killProps, true); //in case the user tries to drag it before the last tween is done.
 
-      scrollProxy && gsap$c.killTweensOf(target, {
+      scrollProxy && gsap$d.killTweensOf(target, {
         scrollTo: 1
       }, true); //just in case the original target's scroll position is being tweened somewhere else.
 
@@ -11391,7 +11690,7 @@ var Draggable = /*#__PURE__*/function (_EventDispatcher) {
         i = triggers.length;
 
         while (--i > -1) {
-          gsap$c.set(triggers[i], {
+          gsap$d.set(triggers[i], {
             cursor: vars.activeCursor || vars.cursor || (_defaultCursor === "grab" ? "grabbing" : _defaultCursor)
           });
         }
@@ -11452,7 +11751,7 @@ var Draggable = /*#__PURE__*/function (_EventDispatcher) {
           touchDragAxis = dx > dy && allowX ? "x" : "y";
 
           if (allowNativeTouchScrolling && touchDragAxis !== allowNativeTouchScrolling) {
-            _addListener$2(_win$4, "touchforcechange", _preventDefault); // prevents native touch scrolling from taking over if the user started dragging in the other direction in iOS Safari
+            _addListener$2(_win$5, "touchforcechange", _preventDefault); // prevents native touch scrolling from taking over if the user started dragging in the other direction in iOS Safari
 
           }
 
@@ -11618,7 +11917,7 @@ var Draggable = /*#__PURE__*/function (_EventDispatcher) {
 
         if (!invokeOnMove || _dispatchEvent(self, "move", "onMove") !== false) {
           if (!self.isDragging && self.isPressed) {
-            self.isDragging = true;
+            self.isDragging = dragged = true;
 
             _dispatchEvent(self, "dragstart", "onDragStart");
           }
@@ -11649,7 +11948,7 @@ var Draggable = /*#__PURE__*/function (_EventDispatcher) {
       var originalEvent = e,
           wasDragging = self.isDragging,
           isContextMenuRelease = self.vars.allowContextMenu && e && (e.ctrlKey || e.which > 2),
-          placeholderDelayedCall = gsap$c.delayedCall(0.001, removePlaceholder),
+          placeholderDelayedCall = gsap$d.delayedCall(0.001, removePlaceholder),
           touches,
           i,
           syntheticEvent,
@@ -11668,7 +11967,7 @@ var Draggable = /*#__PURE__*/function (_EventDispatcher) {
         _removeListener$2(ownerDoc, "mousemove", onMove);
       }
 
-      _removeListener$2(_win$4, "touchforcechange", _preventDefault);
+      _removeListener$2(_win$5, "touchforcechange", _preventDefault);
 
       if (!_supportsPointer || !touchEventTarget) {
         _removeListener$2(ownerDoc, "mouseup", onRelease);
@@ -11683,6 +11982,8 @@ var Draggable = /*#__PURE__*/function (_EventDispatcher) {
         self.isDragging = false;
       }
 
+      _removeFromRenderQueue(render);
+
       if (isClicking && !isContextMenuRelease) {
         if (e) {
           _removeListener$2(e.target, "change", onRelease);
@@ -11700,8 +12001,6 @@ var Draggable = /*#__PURE__*/function (_EventDispatcher) {
         return;
       }
 
-      _removeFromRenderQueue(render);
-
       i = triggers.length;
 
       while (--i > -1) {
@@ -11723,7 +12022,7 @@ var Draggable = /*#__PURE__*/function (_EventDispatcher) {
 
             while (--i > -1 && (e = touches[i]).identifier !== touchID && e.target !== target) {}
 
-            if (i < 0) {
+            if (i < 0 && !force) {
               return;
             }
           }
@@ -11770,7 +12069,7 @@ var Draggable = /*#__PURE__*/function (_EventDispatcher) {
                 eventTarget.click();
               } else if (ownerDoc.createEvent) {
                 syntheticEvent = ownerDoc.createEvent("MouseEvents");
-                syntheticEvent.initMouseEvent("click", true, true, _win$4, 1, self.pointerEvent.screenX, self.pointerEvent.screenY, self.pointerX, self.pointerY, false, false, false, false, 0, null);
+                syntheticEvent.initMouseEvent("click", true, true, _win$5, 1, self.pointerEvent.screenX, self.pointerEvent.screenY, self.pointerX, self.pointerY, false, false, false, false, 0, null);
                 eventTarget.dispatchEvent(syntheticEvent);
               }
             }
@@ -11778,7 +12077,7 @@ var Draggable = /*#__PURE__*/function (_EventDispatcher) {
 
           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$c.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".
+            gsap$d.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 {
@@ -11852,7 +12151,7 @@ var Draggable = /*#__PURE__*/function (_EventDispatcher) {
         }
       }
 
-      if (!recentlyClicked && !recentlyDragged) {
+      if (!recentlyClicked && !recentlyDragged && !dragged) {
         // for script-triggered event dispatches, like element.click()
         e && e.target && (self.pointerEvent = e);
 
@@ -11893,7 +12192,7 @@ var Draggable = /*#__PURE__*/function (_EventDispatcher) {
       }
 
       if (!self.isDragging) {
-        self.isDragging = true;
+        self.isDragging = dragged = true;
 
         _dispatchEvent(self, "dragstart", "onDragStart");
       }
@@ -11998,8 +12297,8 @@ var Draggable = /*#__PURE__*/function (_EventDispatcher) {
             _recordMaxScrolls(target.parentNode);
 
             e = target;
-            _windowProxy.scrollTop = _win$4.pageYOffset != null ? _win$4.pageYOffset : ownerDoc.documentElement.scrollTop != null ? ownerDoc.documentElement.scrollTop : ownerDoc.body.scrollTop;
-            _windowProxy.scrollLeft = _win$4.pageXOffset != null ? _win$4.pageXOffset : ownerDoc.documentElement.scrollLeft != null ? ownerDoc.documentElement.scrollLeft : ownerDoc.body.scrollLeft;
+            _windowProxy.scrollTop = _win$5.pageYOffset != null ? _win$5.pageYOffset : ownerDoc.documentElement.scrollTop != null ? ownerDoc.documentElement.scrollTop : ownerDoc.body.scrollTop;
+            _windowProxy.scrollLeft = _win$5.pageXOffset != null ? _win$5.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.
@@ -12092,7 +12391,7 @@ var Draggable = /*#__PURE__*/function (_EventDispatcher) {
         setVars.cursor = vars.cursor || _defaultCursor;
       }
 
-      if (gsap$c.utils.checkPrefix("touchCallout")) {
+      if (gsap$d.utils.checkPrefix("touchCallout")) {
         setVars.touchCallout = "none";
       }
 
@@ -12111,11 +12410,11 @@ var Draggable = /*#__PURE__*/function (_EventDispatcher) {
           _addListener$2(trigger, "click", onClick, true); //note: used to pass true for capture but it prevented click-to-play-video functionality in Firefox.
 
 
-          gsap$c.set(trigger, setVars);
+          gsap$d.set(trigger, setVars);
 
           if (trigger.getBBox && trigger.ownerSVGElement) {
             // a bug in chrome doesn't respect touch-action on SVG elements - it only works if we set it on the parent SVG.
-            gsap$c.set(trigger.ownerSVGElement, {
+            gsap$d.set(trigger.ownerSVGElement, {
               touchAction: allowX === allowY ? "none" : vars.allowNativeTouchScrolling || vars.allowEventDefault ? "manipulation" : allowX ? "pan-y" : "pan-x"
             });
           }
@@ -12211,7 +12510,7 @@ var Draggable = /*#__PURE__*/function (_EventDispatcher) {
       self.isThrowing = false;
       self.tween && self.tween.kill();
       self.disable();
-      gsap$c.set(triggers, {
+      gsap$d.set(triggers, {
         clearProps: "userSelect"
       });
       delete _lookup$1[target._gsDragID];
@@ -12251,13 +12550,13 @@ var Draggable = /*#__PURE__*/function (_EventDispatcher) {
   }
 
   Draggable.register = function register(core) {
-    gsap$c = core;
+    gsap$d = core;
 
-    _initCore$8();
+    _initCore$9();
   };
 
   Draggable.create = function create(targets, vars) {
-    _coreInitted$9 || _initCore$8(true);
+    _coreInitted$a || _initCore$9(true);
     return _toArray$7(targets).map(function (target) {
       return new Draggable(target, vars);
     });
@@ -12330,11 +12629,145 @@ _setDefaults$1(Draggable.prototype, {
 });
 
 Draggable.zIndex = 1000;
-Draggable.version = "3.10.4";
-_getGSAP$b() && gsap$c.registerPlugin(Draggable);
+Draggable.version = "3.11.0";
+_getGSAP$c() && gsap$d.registerPlugin(Draggable);
 
 /*!
- * EaselPlugin 3.10.4
+ * CSSRulePlugin 3.11.0
+ * https://greensock.com
+ *
+ * @license Copyright 2008-2022, GreenSock. All rights reserved.
+ * Subject to the terms at https://greensock.com/standard-license or for
+ * Club GreenSock members, the agreement issued with that membership.
+ * @author: Jack Doyle, jack@greensock.com
+*/
+
+/* eslint-disable */
+var gsap$c,
+    _coreInitted$9,
+    _win$4,
+    _doc$2,
+    CSSPlugin,
+    _windowExists$5 = function _windowExists() {
+  return typeof window !== "undefined";
+},
+    _getGSAP$b = function _getGSAP() {
+  return gsap$c || _windowExists$5() && (gsap$c = window.gsap) && gsap$c.registerPlugin && gsap$c;
+},
+    _checkRegister = function _checkRegister() {
+  if (!_coreInitted$9) {
+    _initCore$8();
+
+    if (!CSSPlugin) {
+      console.warn("Please gsap.registerPlugin(CSSPlugin, CSSRulePlugin)");
+    }
+  }
+
+  return _coreInitted$9;
+},
+    _initCore$8 = function _initCore(core) {
+  gsap$c = core || _getGSAP$b();
+
+  if (_windowExists$5()) {
+    _win$4 = window;
+    _doc$2 = document;
+  }
+
+  if (gsap$c) {
+    CSSPlugin = gsap$c.plugins.css;
+
+    if (CSSPlugin) {
+      _coreInitted$9 = 1;
+    }
+  }
+};
+
+var CSSRulePlugin = {
+  version: "3.11.0",
+  name: "cssRule",
+  init: function init(target, value, tween, index, targets) {
+    if (!_checkRegister() || typeof target.cssText === "undefined") {
+      return false;
+    }
+
+    var div = target._gsProxy = target._gsProxy || _doc$2.createElement("div");
+
+    this.ss = target;
+    this.style = div.style;
+    div.style.cssText = target.cssText;
+    CSSPlugin.prototype.init.call(this, div, value, tween, index, targets); //we just offload all the work to the regular CSSPlugin and then copy the cssText back over to the rule in the render() method. This allows us to have all of the updates to CSSPlugin automatically flow through to CSSRulePlugin instead of having to maintain both
+  },
+  render: function render(ratio, data) {
+    var pt = data._pt,
+        style = data.style,
+        ss = data.ss,
+        i;
+
+    while (pt) {
+      pt.r(ratio, pt.d);
+      pt = pt._next;
+    }
+
+    i = style.length;
+
+    while (--i > -1) {
+      ss[style[i]] = style[style[i]];
+    }
+  },
+  getRule: function getRule(selector) {
+    _checkRegister();
+
+    var ruleProp = _doc$2.all ? "rules" : "cssRules",
+        styleSheets = _doc$2.styleSheets,
+        i = styleSheets.length,
+        pseudo = selector.charAt(0) === ":",
+        j,
+        curSS,
+        cs,
+        a;
+    selector = (pseudo ? "" : ",") + selector.split("::").join(":").toLowerCase() + ","; //note: old versions of IE report tag name selectors as upper case, so we just change everything to lowercase.
+
+    if (pseudo) {
+      a = [];
+    }
+
+    while (i--) {
+      //Firefox may throw insecure operation errors when css is loaded from other domains, so try/catch.
+      try {
+        curSS = styleSheets[i][ruleProp];
+
+        if (!curSS) {
+          continue;
+        }
+
+        j = curSS.length;
+      } catch (e) {
+        console.warn(e);
+        continue;
+      }
+
+      while (--j > -1) {
+        cs = curSS[j];
+
+        if (cs.selectorText && ("," + cs.selectorText.split("::").join(":").toLowerCase() + ",").indexOf(selector) !== -1) {
+          //note: IE adds an extra ":" to pseudo selectors, so .myClass:after becomes .myClass::after, so we need to strip the extra one out.
+          if (pseudo) {
+            a.push(cs.style);
+          } else {
+            return cs.style;
+          }
+        }
+      }
+    }
+
+    return a;
+  },
+  register: _initCore$8
+};
+_getGSAP$b() && gsap$c.registerPlugin(CSSRulePlugin);
+
+/*!
+ * EaselPlugin 3.11.0
  * https://greensock.com
  *
  * @license Copyright 2008-2022, GreenSock. All rights reserved.
@@ -12443,7 +12876,7 @@ var gsap$b,
     p = _colorProps$1[i];
 
     if (s[p] !== e[p]) {
-      pt = plugin.add(s, p, s[p], e[p]);
+      pt = plugin.add(s, p, s[p], e[p], 0, 0, 0, 0, 0, 1);
 
       if (pt) {
         pt.op = "easel_colorFilter";
@@ -12576,7 +13009,7 @@ var gsap$b,
 
   while (--i > -1) {
     if (matrix[i] !== startMatrix[i]) {
-      pg = plugin.add(startMatrix, i, startMatrix[i], matrix[i]);
+      pg = plugin.add(startMatrix, i, startMatrix[i], matrix[i], 0, 0, 0, 0, 0, 1);
 
       if (pg) {
         pg.op = "easel_colorMatrixFilter";
@@ -12605,7 +13038,7 @@ var gsap$b,
 };
 
 var EaselPlugin = {
-  version: "3.10.4",
+  version: "3.11.0",
   name: "easel",
   init: function init(target, value, tween, index, targets) {
     if (!_coreInitted$8) {
@@ -12643,7 +13076,7 @@ var EaselPlugin = {
           }
         }
 
-        pt = this.add(target, "gotoAndStop", target.currentFrame, end, index, targets, Math.round);
+        pt = this.add(target, "gotoAndStop", target.currentFrame, end, index, targets, Math.round, 0, 0, 1);
 
         if (pt) {
           pt.op = p;
@@ -12675,7 +13108,7 @@ EaselPlugin.registerCreateJS = function (createjs) {
 _getGSAP$a() && gsap$b.registerPlugin(EaselPlugin);
 
 /*!
- * EasePack 3.10.4
+ * EasePack 3.11.0
  * https://greensock.com
  *
  * @license Copyright 2008-2022, GreenSock. All rights reserved.
@@ -12881,13 +13314,13 @@ var EasePack = {
 
 for (var p$1 in EasePack) {
   EasePack[p$1].register = _initCore$6;
-  EasePack[p$1].version = "3.10.4";
+  EasePack[p$1].version = "3.11.0";
 }
 
 _getGSAP$9() && gsap$a.registerPlugin(SlowMo);
 
 /*!
- * Flip 3.10.4
+ * Flip 3.11.0
  * https://greensock.com
  *
  * @license Copyright 2008-2022, GreenSock. All rights reserved.
@@ -13143,9 +13576,11 @@ _makeAbsolute = function _makeAbsolute(elState, fallbackNode, ignoreBatch) {
         c.t._gsap.renderTransform(1); // we must force transforms to render on anything that isn't being made position: absolute, otherwise the absolute position happens and then when animation begins it applies transforms which can create a new stacking context, throwing off positioning!
 
 
-        c.t.style.width = c.b.width + "px"; // otherwise things can collapse when contents are made position: absolute.
+        if (c.b.isVisible) {
+          c.t.style.width = c.b.width + "px"; // otherwise things can collapse when contents are made position: absolute.
 
-        c.t.style.height = c.b.height + "px";
+          c.t.style.height = c.b.height + "px";
+        }
       }
     });
   }
@@ -14366,7 +14801,7 @@ var Flip = /*#__PURE__*/function () {
 
   return Flip;
 }();
-Flip.version = "3.10.4"; // function whenImagesLoad(el, func) {
+Flip.version = "3.11.0"; // function whenImagesLoad(el, func) {
 // 	let pending = [],
 // 		onLoad = e => {
 // 			pending.splice(pending.indexOf(e.target), 1);
@@ -14380,7 +14815,7 @@ Flip.version = "3.10.4"; // function whenImagesLoad(el, func) {
 typeof window !== "undefined" && window.gsap && window.gsap.registerPlugin(Flip);
 
 /*!
- * MotionPathPlugin 3.10.4
+ * MotionPathPlugin 3.11.0
  * https://greensock.com
  *
  * @license Copyright 2008-2022, GreenSock. All rights reserved.
@@ -14396,6 +14831,8 @@ var _xProps = "x,translateX,left,marginLeft,xPercent".split(","),
     PropTween$2,
     _getUnit$2,
     _toArray$5,
+    _getStyleSaver,
+    _reverting,
     _getGSAP$8 = function _getGSAP() {
   return gsap$8 || typeof window !== "undefined" && (gsap$8 = window.gsap) && gsap$8.registerPlugin && gsap$8;
 },
@@ -14512,9 +14949,10 @@ _segmentToRawPath = function _segmentToRawPath(plugin, segment, target, x, y, sl
     });
     x += p.x;
     y += p.y;
-  }
+  } //if (p || (toElement.getBBox && fromElement.getBBox && toElement.ownerSVGElement === fromElement.ownerSVGElement)) {
+
 
-  if (p || toElement.getBBox && fromElement.getBBox && toElement.ownerSVGElement === fromElement.ownerSVGElement) {
+  if (p) {
     p = m.apply(toElement.getBBox());
     x -= p.x;
     y -= p.y;
@@ -14591,15 +15029,19 @@ _segmentToRawPath = function _segmentToRawPath(plugin, segment, target, x, y, sl
 };
 
 var MotionPathPlugin = {
-  version: "3.10.4",
+  version: "3.11.0",
   name: "motionPath",
   register: function register(core, Plugin, propTween) {
     gsap$8 = core;
     _getUnit$2 = gsap$8.utils.getUnit;
     _toArray$5 = gsap$8.utils.toArray;
+    _getStyleSaver = gsap$8.core.getStyleSaver;
+
+    _reverting = gsap$8.core.reverting || function () {};
+
     PropTween$2 = propTween;
   },
-  init: function init(target, vars) {
+  init: function init(target, vars, tween) {
     if (!gsap$8) {
       console.warn("Please gsap.registerPlugin(MotionPathPlugin)");
       return false;
@@ -14626,6 +15068,8 @@ var MotionPathPlugin = {
 
     this.rawPaths = rawPaths;
     this.target = target;
+    this.tween = tween;
+    this.styles = _getStyleSaver && _getStyleSaver(target, "transform");
 
     if (this.rotate = autoRotate || autoRotate === 0) {
       //get the rotational data FIRST so that the setTransform() method is called in the correct order in the render() loop - rotation gets set last.
@@ -14672,22 +15116,26 @@ var MotionPathPlugin = {
         i = rawPaths.length,
         pt = data._pt;
 
-    if (ratio > 1) {
-      ratio = 1;
-    } else if (ratio < 0) {
-      ratio = 0;
-    }
+    if (data.tween._time || !_reverting()) {
+      if (ratio > 1) {
+        ratio = 1;
+      } else if (ratio < 0) {
+        ratio = 0;
+      }
 
-    while (i--) {
-      getPositionOnPath(rawPaths[i], ratio, !i && data.rotate, rawPaths[i]);
-    }
+      while (i--) {
+        getPositionOnPath(rawPaths[i], ratio, !i && data.rotate, rawPaths[i]);
+      }
 
-    while (pt) {
-      pt.set(pt.t, pt.p, pt.path[pt.pp] + pt.u, pt.d, ratio);
-      pt = pt._next;
-    }
+      while (pt) {
+        pt.set(pt.t, pt.p, pt.path[pt.pp] + pt.u, pt.d, ratio);
+        pt = pt._next;
+      }
 
-    data.rotate && data.rSet(data.target, data.rProp, rawPaths[0].angle * (data.radians ? _DEG2RAD$1 : 1) + data.rOffset + data.ru, data, ratio);
+      data.rotate && data.rSet(data.target, data.rProp, rawPaths[0].angle * (data.radians ? _DEG2RAD$1 : 1) + data.rOffset + data.ru, data, ratio);
+    } else {
+      data.styles.revert();
+    }
   },
   getLength: function getLength(path) {
     return cacheRawPathMeasurements(getRawPath(path)).totalLength;
@@ -14735,7 +15183,7 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
 
 /*!
- * Observer 3.10.4
+ * Observer 3.11.0
  * https://greensock.com
  *
  * @license Copyright 2008-2022, GreenSock. All rights reserved.
@@ -15009,7 +15457,7 @@ var Observer = /*#__PURE__*/function () {
     this.target = target = _getTarget(target) || _docEl$3;
     this.vars = vars;
     ignore && (ignore = gsap$7.utils.toArray(ignore));
-    tolerance = tolerance || 0;
+    tolerance = tolerance || 1e-9;
     dragMinimum = dragMinimum || 0;
     wheelSpeed = wheelSpeed || 1;
     scrollSpeed = scrollSpeed || 1;
@@ -15081,16 +15529,17 @@ var Observer = /*#__PURE__*/function () {
 
       if (moved || dragged) {
         onMove && onMove(self);
-        onLockAxis && locked && onLockAxis(self);
 
         if (dragged) {
           onDrag(self);
           dragged = false;
         }
 
-        moved = locked = false;
+        moved = false;
       }
 
+      locked && !(locked = false) && onLockAxis && onLockAxis(self);
+
       if (wheeled) {
         onWheel(self);
         wheeled = false;
@@ -15379,7 +15828,7 @@ var Observer = /*#__PURE__*/function () {
 
   return Observer;
 }();
-Observer.version = "3.10.4";
+Observer.version = "3.11.0";
 
 Observer.create = function (vars) {
   return new Observer(vars);
@@ -15400,7 +15849,7 @@ Observer.getById = function (id) {
 _getGSAP$7() && gsap$7.registerPlugin(Observer);
 
 /*!
- * PixiPlugin 3.10.4
+ * PixiPlugin 3.11.0
  * https://greensock.com
  *
  * @license Copyright 2008-2022, GreenSock. All rights reserved.
@@ -15769,7 +16218,7 @@ for (i$2 = 0; i$2 < _xyContexts.length; i$2++) {
 }
 
 var PixiPlugin = {
-  version: "3.10.4",
+  version: "3.11.0",
   name: "pixi",
   register: function register(core, Plugin, propTween) {
     gsap$6 = core;
@@ -15797,7 +16246,7 @@ var PixiPlugin = {
 
       if (context) {
         axis = ~p.charAt(p.length - 1).toLowerCase().indexOf("x") ? "x" : "y";
-        this.add(target[context], axis, target[context][axis], context === "skew" ? _degreesToRadians(value) : value);
+        this.add(target[context], axis, target[context][axis], context === "skew" ? _degreesToRadians(value) : value, 0, 0, 0, 0, 0, 1);
       } else if (p === "scale" || p === "anchor" || p === "pivot" || p === "tileScale") {
         this.add(target[p], "x", target[p].x, value);
         this.add(target[p], "y", target[p].y, value);
@@ -15853,7 +16302,7 @@ var PixiPlugin = {
 _getGSAP$6() && gsap$6.registerPlugin(PixiPlugin);
 
 /*!
- * ScrollToPlugin 3.10.4
+ * ScrollToPlugin 3.11.0
  * https://greensock.com
  *
  * @license Copyright 2008-2022, GreenSock. All rights reserved.
@@ -15979,7 +16428,7 @@ var gsap$5,
 };
 
 var ScrollToPlugin$1 = {
-  version: "3.10.4",
+  version: "3.11.0",
   name: "scrollTo",
   rawVars: 1,
   register: function register(core) {
@@ -16001,6 +16450,9 @@ var ScrollToPlugin$1 = {
     data.getY = _buildGetter$1(target, "y");
     data.x = data.xPrev = data.getX();
     data.y = data.yPrev = data.getY();
+    gsap$5.getProperty(target, "scrollBehavior") === "smooth" && gsap$5.set(target, {
+      scrollBehavior: "auto"
+    });
 
     if (snapType && snapType !== "none") {
       // disable scroll snapping to avoid strange behavior
@@ -16116,7 +16568,7 @@ ScrollToPlugin$1.buildGetter = _buildGetter$1;
 _getGSAP$5() && gsap$5.registerPlugin(ScrollToPlugin$1);
 
 /*!
- * ScrollTrigger 3.10.4
+ * ScrollTrigger 3.11.0
  * https://greensock.com
  *
  * @license Copyright 2008-2022, GreenSock. All rights reserved.
@@ -16152,6 +16604,7 @@ var gsap$4,
     _baseScreenHeight,
     _baseScreenWidth,
     _fixIOSBug,
+    _context,
     _limitCallbacks,
     // if true, we'll only trigger callbacks if the active state toggles, so if you scroll immediately past both the start and end positions of a ScrollTrigger (thus inactive to inactive), neither its onEnter nor onLeave will be called. This is useful during startup.
 _startup = 1,
@@ -16496,45 +16949,6 @@ _startup = 1,
     // ignore resizes triggered by refresh()
 _listeners = {},
     _emptyArray = [],
-    _media = [],
-    _creatingMedia,
-    // when ScrollTrigger.matchMedia() is called, we record the current media key here (like "(min-width: 800px)") so that we can assign it to everything that's created during that call. Then we can revert just those when necessary. In the ScrollTrigger's init() call, the _creatingMedia is recorded as a "media" property on the instance.
-_lastMediaTick,
-    _onMediaChange = function _onMediaChange(e) {
-  var tick = gsap$4.ticker.frame,
-      matches = [],
-      i = 0,
-      index;
-
-  if (_lastMediaTick !== tick || _startup) {
-    _revertAll();
-
-    for (; i < _media.length; i += 4) {
-      index = _win.matchMedia(_media[i]).matches;
-
-      if (index !== _media[i + 3]) {
-        // note: some browsers fire the matchMedia event multiple times, like when going full screen, so we shouldn't call the function multiple times. Check to see if it's already matched.
-        _media[i + 3] = index;
-        index ? matches.push(i) : _revertAll(1, _media[i]) || _isFunction$1(_media[i + 2]) && _media[i + 2](); // Firefox doesn't update the "matches" property of the MediaQueryList object correctly - it only does so as it calls its change handler - so we must re-create a media query here to ensure it's accurate.
-      }
-    }
-
-    _revertRecorded(); // in case killing/reverting any of the animations actually added inline styles back.
-
-
-    for (i = 0; i < matches.length; i++) {
-      index = matches[i];
-      _creatingMedia = _media[index];
-      _media[index + 2] = _media[index + 1](e);
-    }
-
-    _creatingMedia = 0;
-    _coreInitted$3 && _refreshAll(0, 1);
-    _lastMediaTick = tick;
-
-    _dispatch("matchMedia");
-  }
-},
     _softRefresh = function _softRefresh() {
   return _removeListener(ScrollTrigger, "scrollEnd", _softRefresh) || _refreshAll(true);
 },
@@ -16547,7 +16961,7 @@ _lastMediaTick,
     // when ScrollTrigger.saveStyles() is called, the inline styles are recorded in this Array in a sequential format like [element, cssText, gsCache, media]. This keeps it very memory-efficient and fast to iterate through.
 _revertRecorded = function _revertRecorded(media) {
   for (var i = 0; i < _savedStyles.length; i += 5) {
-    if (!media || _savedStyles[i + 4] === media) {
+    if (!media || _savedStyles[i + 4] && _savedStyles[i + 4].query === media) {
       _savedStyles[i].style.cssText = _savedStyles[i + 1];
       _savedStyles[i].getBBox && _savedStyles[i].setAttribute("transform", _savedStyles[i + 2] || "");
       _savedStyles[i + 3].uncache = 1;
@@ -16560,11 +16974,11 @@ _revertRecorded = function _revertRecorded(media) {
   for (_i = 0; _i < _triggers.length; _i++) {
     trigger = _triggers[_i];
 
-    if (!media || trigger.media === media) {
+    if (trigger && (!media || trigger._ctx === media)) {
       if (kill) {
         trigger.kill(1);
       } else {
-        trigger.revert();
+        trigger.revert(true, true);
       }
     }
   }
@@ -16600,7 +17014,7 @@ _refreshingAll,
 
 
   _triggers.forEach(function (t) {
-    return t.vars.end === "max" && t.setPositions(t.start, _maxScroll(t.scroller, t._dir));
+    return t.vars.end === "max" && t.setPositions(t.start, Math.max(t.start + 1, _maxScroll(t.scroller, t._dir)));
   }); // the scroller's max scroll position may change after all the ScrollTriggers refreshed (like pinning could push it down), so we need to loop back and correct any with end: "max".
 
 
@@ -16672,7 +17086,7 @@ _refreshingAll,
 
   if (cache.spacerIsNative) {
     _setState(cache.spacerState);
-  } else if (pin.parentNode === spacer) {
+  } else if (pin._gsap.swappedIn) {
     var parent = spacer.parentNode;
 
     if (parent) {
@@ -16680,9 +17094,11 @@ _refreshingAll,
       parent.removeChild(spacer);
     }
   }
+
+  pin._gsap.swappedIn = false;
 },
     _swapPinIn = function _swapPinIn(pin, spacer, cs, spacerState) {
-  if (pin.parentNode !== spacer) {
+  if (!pin._gsap.swappedIn) {
     var i = _propNamesToCopy.length,
         spacerStyle = spacer.style,
         pinStyle = pin.style,
@@ -16707,8 +17123,13 @@ _refreshingAll,
     pinStyle[_width] = pinStyle["max" + _Width] = cs[_width];
     pinStyle[_height] = pinStyle["max" + _Height] = cs[_height];
     pinStyle[_padding] = cs[_padding];
-    pin.parentNode.insertBefore(spacer, pin);
-    spacer.appendChild(pin);
+
+    if (pin.parentNode !== spacer) {
+      pin.parentNode.insertBefore(spacer, pin);
+      spacer.appendChild(pin);
+    }
+
+    pin._gsap.swappedIn = true;
   }
 },
     _capsExp = /([A-Z])/g,
@@ -16789,7 +17210,7 @@ _parsePosition = function _parsePosition(value, trigger, scrollerSize, direction
 
   if (!_isNumber$1(value)) {
     _isFunction$1(trigger) && (trigger = trigger(self));
-    var offsets = value.split(" "),
+    var offsets = (value || "0").split(" "),
         bounds,
         localOffset,
         globalOffset,
@@ -16894,9 +17315,9 @@ _getTweenCreator = function _getTweenCreator(scroller, direction) {
     vars.modifiers = modifiers;
 
     modifiers[prop] = function (value) {
-      value = _round$2(getScroll()); // round because in some [very uncommon] Windows environments, it can get reported with decimals even though it was set without.
+      value = Math.round(getScroll()); // round because in some [very uncommon] Windows environments, it can get reported with decimals even though it was set without.
 
-      if (value !== lastScroll1 && value !== lastScroll2 && Math.abs(value - lastScroll1) > 2 && Math.abs(value - lastScroll2) > 2) {
+      if (value !== lastScroll1 && value !== lastScroll2 && Math.abs(value - lastScroll1) > 3 && Math.abs(value - lastScroll2) > 3) {
         // if the user scrolls, kill the tween. iOS Safari intermittently misreports the scroll position, it may be the most recently-set one or the one before that! When Safari is zoomed (CMD-+), it often misreports as 1 pixel off too! So if we set the scroll position to 125, for example, it'll actually report it as 124.
         tween.kill();
         getTween.tween = 0;
@@ -16905,7 +17326,7 @@ _getTweenCreator = function _getTweenCreator(scroller, direction) {
       }
 
       lastScroll2 = lastScroll1;
-      return lastScroll1 = _round$2(value);
+      return lastScroll1 = Math.round(value);
     };
 
     vars.onComplete = function () {
@@ -17029,7 +17450,8 @@ var ScrollTrigger = /*#__PURE__*/function () {
         caMarkerSetter,
         customRevertReturn;
 
-    self.media = _creatingMedia;
+    _context(self);
+
     self._dir = direction;
     anticipatePin *= 45;
     self.scroller = scroller;
@@ -17081,6 +17503,7 @@ var ScrollTrigger = /*#__PURE__*/function () {
     _triggers.push(self);
 
     if (snap) {
+      // TODO: potential idea: use legitimate CSS scroll snapping by pushing invisible elements into the DOM that serve as snap positions, and toggle the document.scrollingElement.style.scrollSnapType onToggle. See https://codepen.io/GreenSock/pen/JjLrgWM for a quick proof of concept.
       if (!_isObject$1(snap) || snap.push) {
         snap = {
           snapTo: snap
@@ -17240,7 +17663,12 @@ var ScrollTrigger = /*#__PURE__*/function () {
       return _triggers[_triggers.indexOf(self) + 1];
     };
 
-    self.revert = function (revert) {
+    self.revert = function (revert, temp) {
+      if (!temp) {
+        return self.kill(true);
+      } // for compatibility with gsap.context() and gsap.matchMedia() which call revert()
+
+
       var r = revert !== false || !self.enabled,
           prevRefreshing = _refreshing;
 
@@ -17286,8 +17714,8 @@ var ScrollTrigger = /*#__PURE__*/function () {
       }
 
       scrubTween && scrubTween.pause();
-      invalidateOnRefresh && animation && animation.time(-0.01, true).invalidate();
-      self.isReverted || self.revert();
+      invalidateOnRefresh && animation && animation.revert().invalidate();
+      self.isReverted || self.revert(true, true);
 
       var size = getScrollerSize(),
           scrollerBounds = getScrollerOffsets(),
@@ -17322,7 +17750,7 @@ var ScrollTrigger = /*#__PURE__*/function () {
           revertedPins || (revertedPins = []);
           revertedPins.unshift(curTrigger); // we'll revert from first to last to make sure things reach their end state properly
 
-          curTrigger.revert();
+          curTrigger.revert(true, true);
         }
 
         if (curTrigger !== _triggers[i]) {
@@ -17456,7 +17884,7 @@ var ScrollTrigger = /*#__PURE__*/function () {
       }
 
       revertedPins && revertedPins.forEach(function (t) {
-        return t.revert(false);
+        return t.revert(false, true);
       });
       self.start = start;
       self.end = end;
@@ -17467,7 +17895,7 @@ var ScrollTrigger = /*#__PURE__*/function () {
         self.scroll.rec = 0;
       }
 
-      self.revert(false);
+      self.revert(false, true);
 
       if (snapDelayedCall) {
         lastSnap = -1;
@@ -17483,7 +17911,7 @@ var ScrollTrigger = /*#__PURE__*/function () {
         // ensures that the direction is set properly (when refreshing, progress is set back to 0 initially, then back again to wherever it needs to be) and that callbacks are triggered.
         animation && !isToggle && animation.totalProgress(prevProgress, true); // to avoid issues where animation callbacks like onStart aren't triggered.
 
-        self.progress = prevProgress;
+        self.progress = (scroll1 - start) / change === prevProgress ? 0 : prevProgress;
         self.update(0, 0, 1);
       }
 
@@ -17709,7 +18137,7 @@ var ScrollTrigger = /*#__PURE__*/function () {
 
     self.disable = function (reset, allowAnimation) {
       if (self.enabled) {
-        reset !== false && self.revert();
+        reset !== false && self.revert(true, true);
         self.enabled = self.isActive = false;
         allowAnimation || scrubTween && scrubTween.pause();
         prevScroll = 0;
@@ -17849,6 +18277,7 @@ var ScrollTrigger = /*#__PURE__*/function () {
     if (gsap$4) {
       _toArray$3 = gsap$4.utils.toArray;
       _clamp = gsap$4.utils.clamp;
+      _context = gsap$4.core.context || _passThrough;
       _suppressOverwrites = gsap$4.core.suppressOverwrites || _passThrough;
       gsap$4.core.globals("ScrollTrigger", ScrollTrigger); // must register the global manually because in Internet Explorer, functions (classes) don't have a "name" property.
 
@@ -17863,22 +18292,53 @@ var ScrollTrigger = /*#__PURE__*/function () {
 
 
         _root = [_win, _doc, _docEl$1, _body$1];
-        ScrollTrigger.matchMedia({
-          // when orientation changes, we should take new base measurements for the ignoreMobileResize feature.
-          "(orientation: portrait)": function orientationPortrait() {
+
+        if (gsap$4.matchMedia) {
+          ScrollTrigger.matchMedia = function (vars) {
+            var mm, p;
+
+            for (p in vars) {
+              mm ? mm.add(p, vars[p]) : mm = gsap$4.matchMedia(p, vars[p]);
+            }
+
+            return mm;
+          };
+
+          gsap$4.addEventListener("matchMediaInit", function () {
+            return _revertAll();
+          });
+          gsap$4.addEventListener("matchMediaRevert", function () {
+            return _revertRecorded();
+          });
+          gsap$4.addEventListener("matchMedia", function () {
+            _refreshAll(0, 1);
+
+            _dispatch("matchMedia");
+          });
+          gsap$4.matchMedia("(orientation: portrait)", function () {
+            // when orientation changes, we should take new base measurements for the ignoreMobileResize feature.
             _setBaseDimensions();
 
             return _setBaseDimensions;
-          }
-        });
+          });
+        } else {
+          console.warn("Requires GSAP 3.11.0 or later");
+        }
 
         _addListener(_doc, "scroll", _onScroll); // some browsers (like Chrome), the window stops dispatching scroll events on the window if you scroll really fast, but it's consistent on the document!
 
 
         var bodyStyle = _body$1.style,
             border = bodyStyle.borderTopStyle,
+            AnimationProto = gsap$4.core.Animation.prototype,
             bounds,
             i;
+        AnimationProto.revert || Object.defineProperty(AnimationProto, "revert", {
+          value: function value() {
+            return this.time(-0.01, true);
+          }
+        }); // only for backwards compatibility (Animation.revert() was added after 3.10.4)
+
         bodyStyle.borderTopStyle = "solid"; // works around an issue where a margin of a child element could throw off the bounds of the _body, making it seem like there's a margin when there actually isn't. The border ensures that the bounds are accurate.
 
         bounds = _getBounds(_body$1);
@@ -17961,48 +18421,10 @@ var ScrollTrigger = /*#__PURE__*/function () {
     }
   };
 
-  ScrollTrigger.matchMedia = function matchMedia(vars) {
-    // _media is populated in the following order: mediaQueryString, onMatch, onUnmatch, isMatched. So if there are two media queries, the Array would have a length of 8
-    var mq, p, i, func, result;
-
-    for (p in vars) {
-      i = _media.indexOf(p);
-      func = vars[p];
-      _creatingMedia = p;
-
-      if (p === "all") {
-        func();
-      } else {
-        mq = _win.matchMedia(p);
-
-        if (mq) {
-          mq.matches && (result = func());
-
-          if (~i) {
-            _media[i + 1] = _combineFunc(_media[i + 1], func);
-            _media[i + 2] = _combineFunc(_media[i + 2], result);
-          } else {
-            i = _media.length;
-
-            _media.push(p, func, result);
-
-            mq.addListener ? mq.addListener(_onMediaChange) : mq.addEventListener("change", _onMediaChange);
-          }
-
-          _media[i + 3] = mq.matches;
-        }
-      }
-
-      _creatingMedia = 0;
-    }
-
-    return _media;
-  };
-
   ScrollTrigger.clearMatchMedia = function clearMatchMedia(query) {
-    query || (_media.length = 0);
-    query = _media.indexOf(query);
-    query >= 0 && _media.splice(query, 4);
+    _triggers.forEach(function (t) {
+      return t._ctx && t._ctx.query === query && t._ctx.kill(true, true);
+    });
   };
 
   ScrollTrigger.isInViewport = function isInViewport(element, ratio, horizontal) {
@@ -18019,9 +18441,23 @@ var ScrollTrigger = /*#__PURE__*/function () {
     return horizontal ? (bounds.left + offset) / _win.innerWidth : (bounds.top + offset) / _win.innerHeight;
   };
 
+  ScrollTrigger.killAll = function killAll(allowListeners) {
+    _triggers.forEach(function (t) {
+      return t.vars.id !== "ScrollSmoother" && t.kill();
+    });
+
+    if (allowListeners !== true) {
+      var listeners = _listeners.killAll || [];
+      _listeners = {};
+      listeners.forEach(function (f) {
+        return f();
+      });
+    }
+  };
+
   return ScrollTrigger;
 }();
-ScrollTrigger.version = "3.10.4";
+ScrollTrigger.version = "3.11.0";
 
 ScrollTrigger.saveStyles = function (targets) {
   return targets ? _toArray$3(targets).forEach(function (target) {
@@ -18031,7 +18467,7 @@ ScrollTrigger.saveStyles = function (targets) {
 
       i >= 0 && _savedStyles.splice(i, 5);
 
-      _savedStyles.push(target, target.style.cssText, target.getBBox && target.getAttribute("transform"), gsap$4.core.getCache(target), _creatingMedia);
+      _savedStyles.push(target, target.style.cssText, target.getBBox && target.getAttribute("transform"), gsap$4.core.getCache(target), _context());
     }
   }) : _savedStyles;
 };
@@ -18173,7 +18609,10 @@ var _clampScrollAndGetDurationMultiplier = function _clampScrollAndGetDurationMu
     cache._isScrollT = time;
   }
 
-  (cache._isScroll || axis === "x") && (event._gsapAllow = true);
+  if (cache._isScroll || axis === "x") {
+    event.stopPropagation();
+    event._gsapAllow = true;
+  }
 },
     // capture events on scrollable elements INSIDE the <body> and allow those by calling stopPropagation() when we find a scrollable ancestor
 _inputObserver = function _inputObserver(target, type, inputs, nested) {
@@ -18220,7 +18659,8 @@ _inputObserver = function _inputObserver(target, type, inputs, nested) {
       maxY,
       target = _getTarget(vars.target) || _docEl$1,
       smoother = gsap$4.core.globals().ScrollSmoother,
-      content = _fixIOSBug && (vars.content && _getTarget(vars.content) || smoother && smoother.get() && smoother.get().content()),
+      smootherInstance = smoother && smoother.get(),
+      content = _fixIOSBug && (vars.content && _getTarget(vars.content) || smootherInstance && vars.content !== false && !smootherInstance.smooth() && smootherInstance.content()),
       scrollFuncY = _getScrollFunc(target, _vertical),
       scrollFuncX = _getScrollFunc(target, _horizontal),
       scale = 1,
@@ -18231,8 +18671,8 @@ _inputObserver = function _inputObserver(target, type, inputs, nested) {
   } : function () {
     return momentum || 2.8;
   },
-      skipTouchMove,
       lastRefreshID,
+      skipTouchMove,
       inputObserver = _inputObserver(target, vars.type, true, allowNestedScroll),
       resumeTouchMove = function resumeTouchMove() {
     return skipTouchMove = false;
@@ -18244,18 +18684,26 @@ _inputObserver = function _inputObserver(target, type, inputs, nested) {
     scrollClampY = _clamp(_fixIOSBug ? 1 : 0, maxY);
     normalizeScrollX && (scrollClampX = _clamp(0, _maxScroll(target, _horizontal)));
     lastRefreshID = _refreshID;
+  },
+      removeContentOffset = function removeContentOffset() {
+    content._gsap.y = _round$2(parseFloat(content._gsap.y) + scrollFuncY.offset) + "px";
+    content.style.transform = "matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, " + parseFloat(content._gsap.y) + ", 0, 1)";
+    scrollFuncY.offset = scrollFuncY.cacheID = 0;
   },
       ignoreDrag = function ignoreDrag() {
     if (skipTouchMove) {
-      requestAnimationFrame(resumeTouchMove); // we MUST wait for a requestAnimationFrame, otherwise iOS will misreport the value.
+      requestAnimationFrame(resumeTouchMove);
 
       var offset = _round$2(self.deltaY / 2),
           scroll = scrollClampY(scrollFuncY.v - offset);
 
       if (content && scroll !== scrollFuncY.v + scrollFuncY.offset) {
         scrollFuncY.offset = scroll - scrollFuncY.v;
-        content.style.transform = "translateY(" + -scrollFuncY.offset + "px)";
-        content._gsap && (content._gsap.y = -scrollFuncY.offset + "px");
+
+        var y = _round$2((parseFloat(content && content._gsap.y) || 0) - scrollFuncY.offset);
+
+        content.style.transform = "matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, " + y + ", 0, 1)";
+        content._gsap.y = y + "px";
         scrollFuncY.cacheID = _scrollers.cache;
 
         _updateAll();
@@ -18264,12 +18712,7 @@ _inputObserver = function _inputObserver(target, type, inputs, nested) {
       return true;
     }
 
-    if (content) {
-      content.style.transform = "translateY(0px)";
-      scrollFuncY.offset = scrollFuncY.cacheID = 0;
-      content._gsap && (content._gsap.y = "0px");
-    }
-
+    scrollFuncY.offset && removeContentOffset();
     skipTouchMove = true;
   },
       tween,
@@ -18285,6 +18728,10 @@ _inputObserver = function _inputObserver(target, type, inputs, nested) {
     }
   };
 
+  content && gsap$4.set(content, {
+    y: "+=0"
+  }); // to ensure there's a cache (element._gsap)
+
   vars.ignoreCheck = function (e) {
     return _fixIOSBug && e.type === "touchmove" && ignoreDrag(e) || scale > 1.05 && e.type !== "touchstart" || self.isGesturing || e.touches && e.touches.length > 1;
   };
@@ -18294,7 +18741,6 @@ _inputObserver = function _inputObserver(target, type, inputs, nested) {
     scale = _round$2((_win.visualViewport && _win.visualViewport.scale || 1) / initialScale);
     tween.pause();
     prevScale !== scale && _allowNativePanning(target, scale > 1.01 ? true : normalizeScrollX ? false : "x");
-    skipTouchMove = false;
     startScrollX = scrollFuncX();
     startScrollY = scrollFuncY();
     updateClamps();
@@ -18302,11 +18748,7 @@ _inputObserver = function _inputObserver(target, type, inputs, nested) {
   };
 
   vars.onRelease = vars.onGestureStart = function (self, wasDragging) {
-    if (content) {
-      content.style.transform = "translateY(0px)";
-      scrollFuncY.offset = scrollFuncY.cacheID = 0;
-      content._gsap && (content._gsap.y = "0px");
-    }
+    scrollFuncY.offset && removeContentOffset();
 
     if (!wasDragging) {
       onStopDelayedCall.restart(true);
@@ -18357,9 +18799,16 @@ _inputObserver = function _inputObserver(target, type, inputs, nested) {
     _refreshID !== lastRefreshID && updateClamps();
     dx && normalizeScrollX && scrollFuncX(scrollClampX(xArray[2] === dx ? startScrollX + (self.startX - self.x) : scrollFuncX() + dx - xArray[1])); // for more precision, we track pointer/touch movement from the start, otherwise it'll drift.
 
-    dy && scrollFuncY(scrollClampY(yArray[2] === dy ? startScrollY + (self.startY - self.y) : scrollFuncY() + dy - yArray[1]));
+    if (dy) {
+      scrollFuncY.offset && removeContentOffset();
+      var isTouch = yArray[2] === dy,
+          y = isTouch ? startScrollY + self.startY - self.y : scrollFuncY() + dy - yArray[1],
+          yClamped = scrollClampY(y);
+      isTouch && y !== yClamped && (startScrollY += yClamped - y);
+      scrollFuncY(yClamped);
+    }
 
-    _updateAll();
+    (dy || dx) && _updateAll();
   };
 
   vars.onEnable = function () {
@@ -18378,11 +18827,14 @@ _inputObserver = function _inputObserver(target, type, inputs, nested) {
     inputObserver.kill();
   };
 
+  vars.lockAxis = vars.lockAxis !== false;
   self = new Observer(vars);
   self.iOS = _fixIOSBug; // used in the Observer getCachedScroll() function to work around an iOS bug that wreaks havoc with TouchEvent.clientY if we allow scroll to go all the way back to 0.
 
   _fixIOSBug && !scrollFuncY() && scrollFuncY(1); // iOS bug causes event.clientY values to freak out (wildly inaccurate) if the scroll position is exactly 0.
 
+  _fixIOSBug && gsap$4.ticker.add(_passThrough); // prevent the ticker from sleeping
+
   onStopDelayedCall = self._dc;
   tween = gsap$4.to(self, {
     ease: "power4",
@@ -18444,7 +18896,7 @@ ScrollTrigger.core = {
 _getGSAP$4() && gsap$4.registerPlugin(ScrollTrigger);
 
 /*!
- * strings: 3.10.4
+ * strings: 3.11.0
  * https://greensock.com
  *
  * Copyright 2008-2022, GreenSock. All rights reserved.
@@ -18454,7 +18906,7 @@ _getGSAP$4() && gsap$4.registerPlugin(ScrollTrigger);
 */
 
 /* eslint-disable */
-var _trimExp = /(^\s+|\s+$)/g;
+var _trimExp = /(?:^\s+|\s+$)/g;
 var emojiExp = /([\uD800-\uDBFF][\uDC00-\uDFFF](?:[\u200D\uFE0F][\uD800-\uDBFF][\uDC00-\uDFFF]){2,}|\uD83D\uDC69(?:\u200D(?:(?:\uD83D\uDC69\u200D)?\uD83D\uDC67|(?:\uD83D\uDC69\u200D)?\uD83D\uDC66)|\uD83C[\uDFFB-\uDFFF])|\uD83D\uDC69\u200D(?:\uD83D\uDC69\u200D)?\uD83D\uDC66\u200D\uD83D\uDC66|\uD83D\uDC69\u200D(?:\uD83D\uDC69\u200D)?\uD83D\uDC67\u200D(?:\uD83D[\uDC66\uDC67])|\uD83C\uDFF3\uFE0F\u200D\uD83C\uDF08|(?:\uD83C[\uDFC3\uDFC4\uDFCA]|\uD83D[\uDC6E\uDC71\uDC73\uDC77\uDC81\uDC82\uDC86\uDC87\uDE45-\uDE47\uDE4B\uDE4D\uDE4E\uDEA3\uDEB4-\uDEB6]|\uD83E[\uDD26\uDD37-\uDD39\uDD3D\uDD3E\uDDD6-\uDDDD])(?:\uD83C[\uDFFB-\uDFFF])\u200D[\u2640\u2642]\uFE0F|\uD83D\uDC69(?:\uD83C[\uDFFB-\uDFFF])\u200D(?:\uD83C[\uDF3E\uDF73\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92])|(?:\uD83C[\uDFC3\uDFC4\uDFCA]|\uD83D[\uDC6E\uDC6F\uDC71\uDC73\uDC77\uDC81\uDC82\uDC86\uDC87\uDE45-\uDE47\uDE4B\uDE4D\uDE4E\uDEA3\uDEB4-\uDEB6]|\uD83E[\uDD26\uDD37-\uDD39\uDD3C-\uDD3E\uDDD6-\uDDDF])\u200D[\u2640\u2642]\uFE0F|\uD83C\uDDFD\uD83C\uDDF0|\uD83C\uDDF6\uD83C\uDDE6|\uD83C\uDDF4\uD83C\uDDF2|\uD83C\uDDE9(?:\uD83C[\uDDEA\uDDEC\uDDEF\uDDF0\uDDF2\uDDF4\uDDFF])|\uD83C\uDDF7(?:\uD83C[\uDDEA\uDDF4\uDDF8\uDDFA\uDDFC])|\uD83C\uDDE8(?:\uD83C[\uDDE6\uDDE8\uDDE9\uDDEB-\uDDEE\uDDF0-\uDDF5\uDDF7\uDDFA-\uDDFF])|(?:\u26F9|\uD83C[\uDFCB\uDFCC]|\uD83D\uDD75)(?:\uFE0F\u200D[\u2640\u2642]|(?:\uD83C[\uDFFB-\uDFFF])\u200D[\u2640\u2642])\uFE0F|(?:\uD83D\uDC41\uFE0F\u200D\uD83D\uDDE8|\uD83D\uDC69(?:\uD83C[\uDFFB-\uDFFF])\u200D[\u2695\u2696\u2708]|\uD83D\uDC69\u200D[\u2695\u2696\u2708]|\uD83D\uDC68(?:(?:\uD83C[\uDFFB-\uDFFF])\u200D[\u2695\u2696\u2708]|\u200D[\u2695\u2696\u2708]))\uFE0F|\uD83C\uDDF2(?:\uD83C[\uDDE6\uDDE8-\uDDED\uDDF0-\uDDFF])|\uD83D\uDC69\u200D(?:\uD83C[\uDF3E\uDF73\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\u2764\uFE0F\u200D(?:\uD83D\uDC8B\u200D(?:\uD83D[\uDC68\uDC69])|\uD83D[\uDC68\uDC69]))|\uD83C\uDDF1(?:\uD83C[\uDDE6-\uDDE8\uDDEE\uDDF0\uDDF7-\uDDFB\uDDFE])|\uD83C\uDDEF(?:\uD83C[\uDDEA\uDDF2\uDDF4\uDDF5])|\uD83C\uDDED(?:\uD83C[\uDDF0\uDDF2\uDDF3\uDDF7\uDDF9\uDDFA])|\uD83C\uDDEB(?:\uD83C[\uDDEE-\uDDF0\uDDF2\uDDF4\uDDF7])|[#\*0-9]\uFE0F\u20E3|\uD83C\uDDE7(?:\uD83C[\uDDE6\uDDE7\uDDE9-\uDDEF\uDDF1-\uDDF4\uDDF6-\uDDF9\uDDFB\uDDFC\uDDFE\uDDFF])|\uD83C\uDDE6(?:\uD83C[\uDDE8-\uDDEC\uDDEE\uDDF1\uDDF2\uDDF4\uDDF6-\uDDFA\uDDFC\uDDFD\uDDFF])|\uD83C\uDDFF(?:\uD83C[\uDDE6\uDDF2\uDDFC])|\uD83C\uDDF5(?:\uD83C[\uDDE6\uDDEA-\uDDED\uDDF0-\uDDF3\uDDF7-\uDDF9\uDDFC\uDDFE])|\uD83C\uDDFB(?:\uD83C[\uDDE6\uDDE8\uDDEA\uDDEC\uDDEE\uDDF3\uDDFA])|\uD83C\uDDF3(?:\uD83C[\uDDE6\uDDE8\uDDEA-\uDDEC\uDDEE\uDDF1\uDDF4\uDDF5\uDDF7\uDDFA\uDDFF])|\uD83C\uDFF4\uDB40\uDC67\uDB40\uDC62(?:\uDB40\uDC77\uDB40\uDC6C\uDB40\uDC73|\uDB40\uDC73\uDB40\uDC63\uDB40\uDC74|\uDB40\uDC65\uDB40\uDC6E\uDB40\uDC67)\uDB40\uDC7F|\uD83D\uDC68(?:\u200D(?:\u2764\uFE0F\u200D(?:\uD83D\uDC8B\u200D)?\uD83D\uDC68|(?:(?:\uD83D[\uDC68\uDC69])\u200D)?\uD83D\uDC66\u200D\uD83D\uDC66|(?:(?:\uD83D[\uDC68\uDC69])\u200D)?\uD83D\uDC67\u200D(?:\uD83D[\uDC66\uDC67])|\uD83C[\uDF3E\uDF73\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92])|(?:\uD83C[\uDFFB-\uDFFF])\u200D(?:\uD83C[\uDF3E\uDF73\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]))|\uD83C\uDDF8(?:\uD83C[\uDDE6-\uDDEA\uDDEC-\uDDF4\uDDF7-\uDDF9\uDDFB\uDDFD-\uDDFF])|\uD83C\uDDF0(?:\uD83C[\uDDEA\uDDEC-\uDDEE\uDDF2\uDDF3\uDDF5\uDDF7\uDDFC\uDDFE\uDDFF])|\uD83C\uDDFE(?:\uD83C[\uDDEA\uDDF9])|\uD83C\uDDEE(?:\uD83C[\uDDE8-\uDDEA\uDDF1-\uDDF4\uDDF6-\uDDF9])|\uD83C\uDDF9(?:\uD83C[\uDDE6\uDDE8\uDDE9\uDDEB-\uDDED\uDDEF-\uDDF4\uDDF7\uDDF9\uDDFB\uDDFC\uDDFF])|\uD83C\uDDEC(?:\uD83C[\uDDE6\uDDE7\uDDE9-\uDDEE\uDDF1-\uDDF3\uDDF5-\uDDFA\uDDFC\uDDFE])|\uD83C\uDDFA(?:\uD83C[\uDDE6\uDDEC\uDDF2\uDDF3\uDDF8\uDDFE\uDDFF])|\uD83C\uDDEA(?:\uD83C[\uDDE6\uDDE8\uDDEA\uDDEC\uDDED\uDDF7-\uDDFA])|\uD83C\uDDFC(?:\uD83C[\uDDEB\uDDF8])|(?:\u26F9|\uD83C[\uDFCB\uDFCC]|\uD83D\uDD75)(?:\uD83C[\uDFFB-\uDFFF])|(?:\uD83C[\uDFC3\uDFC4\uDFCA]|\uD83D[\uDC6E\uDC71\uDC73\uDC77\uDC81\uDC82\uDC86\uDC87\uDE45-\uDE47\uDE4B\uDE4D\uDE4E\uDEA3\uDEB4-\uDEB6]|\uD83E[\uDD26\uDD37-\uDD39\uDD3D\uDD3E\uDDD6-\uDDDD])(?:\uD83C[\uDFFB-\uDFFF])|(?:[\u261D\u270A-\u270D]|\uD83C[\uDF85\uDFC2\uDFC7]|\uD83D[\uDC42\uDC43\uDC46-\uDC50\uDC66\uDC67\uDC70\uDC72\uDC74-\uDC76\uDC78\uDC7C\uDC83\uDC85\uDCAA\uDD74\uDD7A\uDD90\uDD95\uDD96\uDE4C\uDE4F\uDEC0\uDECC]|\uD83E[\uDD18-\uDD1C\uDD1E\uDD1F\uDD30-\uDD36\uDDD1-\uDDD5])(?:\uD83C[\uDFFB-\uDFFF])|\uD83D\uDC68(?:\u200D(?:(?:(?:\uD83D[\uDC68\uDC69])\u200D)?\uD83D\uDC67|(?:(?:\uD83D[\uDC68\uDC69])\u200D)?\uD83D\uDC66)|\uD83C[\uDFFB-\uDFFF])|(?:[\u261D\u26F9\u270A-\u270D]|\uD83C[\uDF85\uDFC2-\uDFC4\uDFC7\uDFCA-\uDFCC]|\uD83D[\uDC42\uDC43\uDC46-\uDC50\uDC66-\uDC69\uDC6E\uDC70-\uDC78\uDC7C\uDC81-\uDC83\uDC85-\uDC87\uDCAA\uDD74\uDD75\uDD7A\uDD90\uDD95\uDD96\uDE45-\uDE47\uDE4B-\uDE4F\uDEA3\uDEB4-\uDEB6\uDEC0\uDECC]|\uD83E[\uDD18-\uDD1C\uDD1E\uDD1F\uDD26\uDD30-\uDD39\uDD3D\uDD3E\uDDD1-\uDDDD])(?:\uD83C[\uDFFB-\uDFFF])?|(?:[\u231A\u231B\u23E9-\u23EC\u23F0\u23F3\u25FD\u25FE\u2614\u2615\u2648-\u2653\u267F\u2693\u26A1\u26AA\u26AB\u26BD\u26BE\u26C4\u26C5\u26CE\u26D4\u26EA\u26F2\u26F3\u26F5\u26FA\u26FD\u2705\u270A\u270B\u2728\u274C\u274E\u2753-\u2755\u2757\u2795-\u2797\u27B0\u27BF\u2B1B\u2B1C\u2B50\u2B55]|\uD83C[\uDC04\uDCCF\uDD8E\uDD91-\uDD9A\uDDE6-\uDDFF\uDE01\uDE1A\uDE2F\uDE32-\uDE36\uDE38-\uDE3A\uDE50\uDE51\uDF00-\uDF20\uDF2D-\uDF35\uDF37-\uDF7C\uDF7E-\uDF93\uDFA0-\uDFCA\uDFCF-\uDFD3\uDFE0-\uDFF0\uDFF4\uDFF8-\uDFFF]|\uD83D[\uDC00-\uDC3E\uDC40\uDC42-\uDCFC\uDCFF-\uDD3D\uDD4B-\uDD4E\uDD50-\uDD67\uDD7A\uDD95\uDD96\uDDA4\uDDFB-\uDE4F\uDE80-\uDEC5\uDECC\uDED0-\uDED2\uDEEB\uDEEC\uDEF4-\uDEF8]|\uD83E[\uDD10-\uDD3A\uDD3C-\uDD3E\uDD40-\uDD45\uDD47-\uDD4C\uDD50-\uDD6B\uDD80-\uDD97\uDDC0\uDDD0-\uDDE6])|(?:[#\*0-9\xA9\xAE\u203C\u2049\u2122\u2139\u2194-\u2199\u21A9\u21AA\u231A\u231B\u2328\u23CF\u23E9-\u23F3\u23F8-\u23FA\u24C2\u25AA\u25AB\u25B6\u25C0\u25FB-\u25FE\u2600-\u2604\u260E\u2611\u2614\u2615\u2618\u261D\u2620\u2622\u2623\u2626\u262A\u262E\u262F\u2638-\u263A\u2640\u2642\u2648-\u2653\u2660\u2663\u2665\u2666\u2668\u267B\u267F\u2692-\u2697\u2699\u269B\u269C\u26A0\u26A1\u26AA\u26AB\u26B0\u26B1\u26BD\u26BE\u26C4\u26C5\u26C8\u26CE\u26CF\u26D1\u26D3\u26D4\u26E9\u26EA\u26F0-\u26F5\u26F7-\u26FA\u26FD\u2702\u2705\u2708-\u270D\u270F\u2712\u2714\u2716\u271D\u2721\u2728\u2733\u2734\u2744\u2747\u274C\u274E\u2753-\u2755\u2757\u2763\u2764\u2795-\u2797\u27A1\u27B0\u27BF\u2934\u2935\u2B05-\u2B07\u2B1B\u2B1C\u2B50\u2B55\u3030\u303D\u3297\u3299]|\uD83C[\uDC04\uDCCF\uDD70\uDD71\uDD7E\uDD7F\uDD8E\uDD91-\uDD9A\uDDE6-\uDDFF\uDE01\uDE02\uDE1A\uDE2F\uDE32-\uDE3A\uDE50\uDE51\uDF00-\uDF21\uDF24-\uDF93\uDF96\uDF97\uDF99-\uDF9B\uDF9E-\uDFF0\uDFF3-\uDFF5\uDFF7-\uDFFF]|\uD83D[\uDC00-\uDCFD\uDCFF-\uDD3D\uDD49-\uDD4E\uDD50-\uDD67\uDD6F\uDD70\uDD73-\uDD7A\uDD87\uDD8A-\uDD8D\uDD90\uDD95\uDD96\uDDA4\uDDA5\uDDA8\uDDB1\uDDB2\uDDBC\uDDC2-\uDDC4\uDDD1-\uDDD3\uDDDC-\uDDDE\uDDE1\uDDE3\uDDE8\uDDEF\uDDF3\uDDFA-\uDE4F\uDE80-\uDEC5\uDECB-\uDED2\uDEE0-\uDEE5\uDEE9\uDEEB\uDEEC\uDEF0\uDEF3-\uDEF8]|\uD83E[\uDD10-\uDD3A\uDD3C-\uDD3E\uDD40-\uDD45\uDD47-\uDD4C\uDD50-\uDD6B\uDD80-\uDD97\uDDC0\uDDD0-\uDDE6])\uFE0F)/;
 function getText(e) {
   var type = e.nodeType,
@@ -18522,9 +18974,7 @@ let _emoji = "[\uE000-\uF8FF]|\uD83C[\uDC00-\uDFFF]|\uD83D[\uDC00-\uDFFF]|[\u269
 function emojiSafeSplit(text, delimiter, trim, preserveSpaces) {
   text += ""; // make sure it's cast as a string. Someone may pass in a number.
 
-  if (trim) {
-    text = text.replace(_trimExp, "");
-  }
+  trim && (text = text.trim ? text.trim() : text.replace(_trimExp, "")); // IE9 and earlier compatibility
 
   if (delimiter && delimiter !== "") {
     return text.replace(/>/g, "&gt;").replace(/</g, "&lt;").split(delimiter);
@@ -18554,7 +19004,7 @@ function emojiSafeSplit(text, delimiter, trim, preserveSpaces) {
 }
 
 /*!
- * TextPlugin 3.10.4
+ * TextPlugin 3.11.0
  * https://greensock.com
  *
  * @license Copyright 2008-2022, GreenSock. All rights reserved.
@@ -18570,7 +19020,7 @@ var gsap$3,
 };
 
 var TextPlugin = {
-  version: "3.10.4",
+  version: "3.11.0",
   name: "text",
   init: function init(target, value, tween) {
     typeof value !== "object" && (value = {
@@ -18611,7 +19061,7 @@ var TextPlugin = {
     original = splitInnerHTML(target, delimiter, false, preserveSpaces);
     _tempDiv || (_tempDiv = document.createElement("div"));
     _tempDiv.innerHTML = value.value;
-    text = splitInnerHTML(_tempDiv, delimiter);
+    text = splitInnerHTML(_tempDiv, delimiter, false, preserveSpaces);
     data.from = tween._from;
 
     if ((data.from || rtl) && !(rtl && data.from)) {
@@ -18716,22 +19166,22 @@ TextPlugin.emojiSafeSplit = emojiSafeSplit;
 TextPlugin.getText = getText;
 _getGSAP$3() && gsap$3.registerPlugin(TextPlugin);
 
-var gsapWithCSS = gsap$f.registerPlugin(CSSPlugin$1) || gsap$f, // to protect from tree shaking
-	TweenMaxWithCSS = gsapWithCSS.core.Tween;
-
+var gsapWithCSS = gsap$f.registerPlugin(CSSPlugin$1) || gsap$f,
+    // to protect from tree shaking
+TweenMaxWithCSS = gsapWithCSS.core.Tween;
 //BONUS EXPORTS
-//export * from "./DrawSVGPlugin.js";
-//export * from "./Physics2DPlugin.js";
-//export * from "./PhysicsPropsPlugin.js";
-//export * from "./ScrambleTextPlugin.js";
-//export * from "./CustomBounce.js";
-//export * from "./CustomWiggle.js";
-//export * from "./GSDevTools.js";
-//export * from "./InertiaPlugin.js";
-//export * from "./MorphSVGPlugin.js";
-//export * from "./MotionPathHelper.js";
-//export * from "./ScrollSmoother.js";
-//export * from "./SplitText.js";
+// export * from "./DrawSVGPlugin.js";
+// export * from "./Physics2DPlugin.js";
+// export * from "./PhysicsPropsPlugin.js";
+// export * from "./ScrambleTextPlugin.js";
+// export * from "./CustomBounce.js";
+// export * from "./CustomWiggle.js";
+// export * from "./GSDevTools.js";
+// export * from "./InertiaPlugin.js";
+// export * from "./MorphSVGPlugin.js";
+// export * from "./MotionPathHelper.js";
+// export * from "./ScrollSmoother.js";
+// export * from "./SplitText.js";
 
 // for now just expose the builtin process global from node.js
 var process_1 = _commonjsHelpers.commonjsGlobal.process;
@@ -24014,12 +24464,15 @@ const toButton = (action, entity, hideIcon) => {
 function isCampaignActive(campaign) {
   return !(campaign === null || campaign === void 0 ? void 0 : campaign.archived) && (!!(campaign === null || campaign === void 0 ? void 0 : campaign.active) || !!(campaign === null || campaign === void 0 ? void 0 : campaign.recurring));
 }
-function isCampaignAnnouncement(campaign) {
+function isCampaignTodo(campaign) {
   return (campaign === null || campaign === void 0 ? void 0 : campaign.type) === 'todo';
 }
+function isCampaignFeed(campaign) {
+  return (campaign === null || campaign === void 0 ? void 0 : campaign.type) === 'feed';
+}
 function isCampaignAnnouncementByUser(campaign) {
   var _a;
-  return isCampaignAnnouncement(campaign) && (!((_a = campaign === null || campaign === void 0 ? void 0 : campaign.audience) === null || _a === void 0 ? void 0 : _a.target) || (campaign === null || campaign === void 0 ? void 0 : campaign.audience.target) === 'byuser');
+  return isCampaignTodo(campaign) && (!((_a = campaign === null || campaign === void 0 ? void 0 : campaign.audience) === null || _a === void 0 ? void 0 : _a.target) || (campaign === null || campaign === void 0 ? void 0 : campaign.audience.target) === 'byuser');
 }
 function getCampaignIcon(campaign) {
   switch (campaign === null || campaign === void 0 ? void 0 : campaign.type) {
@@ -24029,6 +24482,8 @@ function getCampaignIcon(campaign) {
       return 'action-plan';
     case 'todo':
       return 'mission';
+    case 'feed':
+      return 'feed';
     default:
       return 'campaign';
   }
@@ -24039,6 +24494,8 @@ function getCampaignColor(campaign) {
     case 'poll':
     case 'service':
       return 'app-color';
+    case 'feed':
+      return 'warning';
     case 'todo':
       return 'success';
     default:
@@ -24574,7 +25031,7 @@ const HapticsNotificationType = exports.NotificationType;
 const HapticsImpactStyle = exports.ImpactStyle;
 
 const Haptics = registerPlugin('Haptics', {
-    web: () => Promise.resolve().then(function () { return require('./web-866350b1.js'); }).then(m => new m.HapticsWeb()),
+    web: () => Promise.resolve().then(function () { return require('./web-b4e2d040.js'); }).then(m => new m.HapticsWeb()),
 });
 
 /// <reference types="@capacitor/cli" />
@@ -24638,7 +25095,7 @@ const Keyboard = registerPlugin('Keyboard');
 /// <reference types="@capacitor/cli" />
 
 const SplashScreen = registerPlugin('SplashScreen', {
-    web: () => Promise.resolve().then(function () { return require('./web-9f6f55ea.js'); }).then(m => new m.SplashScreenWeb()),
+    web: () => Promise.resolve().then(function () { return require('./web-944caa4b.js'); }).then(m => new m.SplashScreenWeb()),
 });
 
 var Style;
@@ -29733,7 +30190,7 @@ const quoteOrUrlRegex = /".*?"|((https?|ftps?):\/\/[^"<\s)]+)(?![^<>]*>|[^"]*?<\
 const urlRegex = /^(?:(?:(?:https?|ftp):)?\/\/)(?:\S+(?::\S*)?@)?(?:(?!(?:10|127)(?:\.\d{1,3}){3})(?!(?:169\.254|192\.168)(?:\.\d{1,3}){2})(?!172\.(?:1[6-9]|2\d|3[0-1])(?:\.\d{1,3}){2})(?:[1-9]\d?|1\d\d|2[01]\d|22[0-3])(?:\.(?:1?\d{1,2}|2[0-4]\d|25[0-5])){2}(?:\.(?:[1-9]\d?|1\d\d|2[0-4]\d|25[0-4]))|(?:(?:[a-z0-9\u00a1-\uffff][a-z0-9\u00a1-\uffff_-]{0,62})?[a-z0-9\u00a1-\uffff]\.)+(?:[a-z\u00a1-\uffff]{2,}\.?))(?::\d{2,5})?(?:[/?#]\S*)?$/i;
 // eslint-disable-next-line no-useless-escape
 const urlsRegex = /https?:\/\/(www\.)?[-a-zA-Z0-9@:%._+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b([-a-zA-Z0-9()@:%_+.~#?&\/\/=]*)/gi;
-const advanceURLRegex = /(https?:\/\/(?:www\.|(?!www))[a-zA-Z0-9][a-zA-Z0-9-]+[a-zA-Z0-9]\.[^\s]{2,}|www\.[a-zA-Z0-9][a-zA-Z0-9-]+[a-zA-Z0-9]\.[^\s]{2,}|https?:\/\/(?:www\.|(?!www))[a-zA-Z0-9]+\.[^\s]{2,}|www\.[a-zA-Z0-9]+\.[^\s]{2,})/;
+const advanceURLRegex = /https?:\/\/(www\.)?[-a-zA-Z0-9@:%._+~#=]{2,256}\.[a-z]{2,4}\b([-a-zA-Z0-9@:%_+.~#?&//=]*)/;
 const cloudinaryRegex = /^.+\.cloudinary\.com\/(?:[^/]+\/)(?:(image|video)\/)?(?:(upload|fetch)\/)?(?:(?:[^_/]+_[^,/]+,?)*\/)?(?:v(\d+|\w{1,2})\/)?([^.^\s]+)(?:\.(.+))?$/;
 function cleanupWKWebViewFilePath(value) {
   if (isWKWebView() && (value === null || value === void 0 ? void 0 : value.startsWith)) {
@@ -29763,6 +30220,31 @@ function replaceAllLinks(text, prevenNewline, cssClass = 'app-color') {
     return `<yoo-mention-tag data-type='url' data-url='${url}' class='${cssClass}'>${url}</yoo-mention-tag>`;
   });
 }
+function updateLinkPreviews(content, linkPreviews, isDeleting) {
+  let previews = linkPreviews;
+  let hasChanges = false;
+  if (containsUrls(content)) {
+    const { links } = replaceAndGetAllLinks(content.replace(/&nbsp;/g, ' '), ' ');
+    links.map((link, index) => {
+      if (containsUrls(link)) {
+        const matchingPreview = linkPreviews === null || linkPreviews === void 0 ? void 0 : linkPreviews.find((item) => item.originalURL === link);
+        if (!matchingPreview) {
+          previews[index] = { isLoading: true, url: link, title: link };
+          hasChanges = true;
+        }
+      }
+      else if (isDeleting) {
+        previews = previews.filter(item => { var _a; return !((_a = item === null || item === void 0 ? void 0 : item.originalURL) === null || _a === void 0 ? void 0 : _a.includes(link)); });
+        hasChanges = true;
+      }
+    });
+  }
+  else if (linkPreviews === null || linkPreviews === void 0 ? void 0 : linkPreviews.length) {
+    previews = [];
+    hasChanges = true;
+  }
+  return { hasChanges, previews };
+}
 /**
  * Given a text with links, return a list of non video/image links and replace them with
  * replacementText if provided
@@ -32379,7 +32861,7 @@ var et = _commonjsHelpers.createCommonjsModule(function (module, exports) {
 });
 
 var fr = _commonjsHelpers.createCommonjsModule(function (module, exports) {
-!function(e,n){"object"=='object'&&"undefined"!='object'?module.exports=n(dayjs_min):"function"==typeof undefined&&undefined.amd?undefined(["dayjs"],n):(e="undefined"!=typeof globalThis?globalThis:e||self).dayjs_locale_fr=n(e.dayjs);}(_commonjsHelpers.commonjsGlobal,(function(e){"use strict";function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var t=n(e),i={name:"fr",weekdays:"dimanche_lundi_mardi_mercredi_jeudi_vendredi_samedi".split("_"),weekdaysShort:"dim._lun._mar._mer._jeu._ven._sam.".split("_"),weekdaysMin:"di_lu_ma_me_je_ve_sa".split("_"),months:"janvier_février_mars_avril_mai_juin_juillet_août_septembre_octobre_novembre_décembre".split("_"),monthsShort:"janv._févr._mars_avr._mai_juin_juil._août_sept._oct._nov._déc.".split("_"),weekStart:1,yearStart:4,formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd D MMMM YYYY HH:mm"},relativeTime:{future:"dans %s",past:"il y a %s",s:"quelques secondes",m:"une minute",mm:"%d minutes",h:"une heure",hh:"%d heures",d:"un jour",dd:"%d jours",M:"un mois",MM:"%d mois",y:"un an",yy:"%d ans"},ordinal:function(e){return ""+e+(1===e?"er":"e")}};return t.default.locale(i,null,!0),i}));
+!function(e,n){"object"=='object'&&"undefined"!='object'?module.exports=n(dayjs_min):"function"==typeof undefined&&undefined.amd?undefined(["dayjs"],n):(e="undefined"!=typeof globalThis?globalThis:e||self).dayjs_locale_fr=n(e.dayjs);}(_commonjsHelpers.commonjsGlobal,(function(e){"use strict";function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var t=n(e),i={name:"fr",weekdays:"dimanche_lundi_mardi_mercredi_jeudi_vendredi_samedi".split("_"),weekdaysShort:"dim._lun._mar._mer._jeu._ven._sam.".split("_"),weekdaysMin:"di_lu_ma_me_je_ve_sa".split("_"),months:"janvier_février_mars_avril_mai_juin_juillet_août_septembre_octobre_novembre_décembre".split("_"),monthsShort:"janv._févr._mars_avr._mai_juin_juil._août_sept._oct._nov._déc.".split("_"),weekStart:1,yearStart:4,formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd D MMMM YYYY HH:mm"},relativeTime:{future:"dans %s",past:"il y a %s",s:"quelques secondes",m:"une minute",mm:"%d minutes",h:"une heure",hh:"%d heures",d:"un jour",dd:"%d jours",M:"un mois",MM:"%d mois",y:"un an",yy:"%d ans"},ordinal:function(e){return ""+e+(1===e?"er":"")}};return t.default.locale(i,null,!0),i}));
 });
 
 var he = _commonjsHelpers.createCommonjsModule(function (module, exports) {
@@ -32407,7 +32889,7 @@ var ko = _commonjsHelpers.createCommonjsModule(function (module, exports) {
 });
 
 var nl = _commonjsHelpers.createCommonjsModule(function (module, exports) {
-!function(e,a){"object"=='object'&&"undefined"!='object'?module.exports=a(dayjs_min):"function"==typeof undefined&&undefined.amd?undefined(["dayjs"],a):(e="undefined"!=typeof globalThis?globalThis:e||self).dayjs_locale_nl=a(e.dayjs);}(_commonjsHelpers.commonjsGlobal,(function(e){"use strict";function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=a(e),n={name:"nl",weekdays:"zondag_maandag_dinsdag_woensdag_donderdag_vrijdag_zaterdag".split("_"),weekdaysShort:"zo._ma._di._wo._do._vr._za.".split("_"),weekdaysMin:"zo_ma_di_wo_do_vr_za".split("_"),months:"januari_februari_maart_april_mei_juni_juli_augustus_september_oktober_november_december".split("_"),monthsShort:"jan_feb_mrt_apr_mei_jun_jul_aug_sep_okt_nov_dec".split("_"),ordinal:function(e){return e+(1===e||8===e||e>=20?"ste":"de")},weekStart:1,yearStart:4,formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD-MM-YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd D MMMM YYYY HH:mm"},relativeTime:{future:"over %s",past:"%s geleden",s:"een paar seconden",m:"een minuut",mm:"%d minuten",h:"een uur",hh:"%d uur",d:"een dag",dd:"%d dagen",M:"een maand",MM:"%d maanden",y:"een jaar",yy:"%d jaar"}};return d.default.locale(n,null,!0),n}));
+!function(e,a){"object"=='object'&&"undefined"!='object'?module.exports=a(dayjs_min):"function"==typeof undefined&&undefined.amd?undefined(["dayjs"],a):(e="undefined"!=typeof globalThis?globalThis:e||self).dayjs_locale_nl=a(e.dayjs);}(_commonjsHelpers.commonjsGlobal,(function(e){"use strict";function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=a(e),n={name:"nl",weekdays:"zondag_maandag_dinsdag_woensdag_donderdag_vrijdag_zaterdag".split("_"),weekdaysShort:"zo._ma._di._wo._do._vr._za.".split("_"),weekdaysMin:"zo_ma_di_wo_do_vr_za".split("_"),months:"januari_februari_maart_april_mei_juni_juli_augustus_september_oktober_november_december".split("_"),monthsShort:"jan_feb_mrt_apr_mei_jun_jul_aug_sep_okt_nov_dec".split("_"),ordinal:function(e){return "["+e+(1===e||8===e||e>=20?"ste":"de")+"]"},weekStart:1,yearStart:4,formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD-MM-YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd D MMMM YYYY HH:mm"},relativeTime:{future:"over %s",past:"%s geleden",s:"een paar seconden",m:"een minuut",mm:"%d minuten",h:"een uur",hh:"%d uur",d:"een dag",dd:"%d dagen",M:"een maand",MM:"%d maanden",y:"een jaar",yy:"%d jaar"}};return d.default.locale(n,null,!0),n}));
 });
 
 var pl = _commonjsHelpers.createCommonjsModule(function (module, exports) {
@@ -34022,7 +34504,7 @@ function getCampaignConfigsForFeed(campaign, campaignRef, availableMission) {
     return;
   }
   const viewAllHandler = () => {
-    const isAnnouncement = isCampaignAnnouncement(campaign);
+    const isAnnouncement = isCampaignTodo(campaign);
     if (isAnnouncement) {
       getAsyncExtraData({ type: 'announcement-detail', params: { announcement: campaign } });
     }
@@ -34049,7 +34531,7 @@ function getCampaignConfigsForFeed(campaign, campaignRef, availableMission) {
     active: campaign.active || false,
     availableCount: ((_a = campaign.campaignStats) === null || _a === void 0 ? void 0 : _a.availableCount) + ((_b = campaign.campaignStats) === null || _b === void 0 ? void 0 : _b.bookedCount),
     isService: campaign.type === 'service',
-    viewAllHandler,
+    viewAllHandler: isCampaignFeed(campaign) ? null : viewAllHandler,
     createHandler,
     missionDetailHandler,
     missiondescriptionRef: campaignRef,
@@ -34080,7 +34562,7 @@ function getIncentiveConfigsForFeed(incentive, incentiveRef) {
   };
 }
 function getCardFeedEntryFromFeed(item, host, modalMode, preview) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
   if (!item) {
     return null;
   }
@@ -34215,10 +34697,10 @@ function getCardFeedEntryFromFeed(item, host, modalMode, preview) {
     entry.description = feed.description;
   }
   else {
-    entry.description = feed.description || entry.pollTitle || (!feed.pollChartDefinition ? feed.pollTitle : null);
+    entry.description = feed.description || (isCampaignFeed(feed.missiondescription) ? (_o = (_m = feed === null || feed === void 0 ? void 0 : feed.missiondescription) === null || _m === void 0 ? void 0 : _m.todo) === null || _o === void 0 ? void 0 : _o.description : null) || entry.pollTitle || (!feed.pollChartDefinition ? feed.pollTitle : null);
   }
   if (feed.pollIsLong && modalMode && !feed.description) {
-    entry.description = ((_m = feed.poll) === null || _m === void 0 ? void 0 : _m.title) || (feed === null || feed === void 0 ? void 0 : feed.pollTitle);
+    entry.description = ((_p = feed.poll) === null || _p === void 0 ? void 0 : _p.title) || (feed === null || feed === void 0 ? void 0 : feed.pollTitle);
   }
   if (entry.description && entry.description !== '' && !entry.description.includes('<iframe') && !entry.description.includes('http')) {
     entry.description = translateMulti(entry.description);
@@ -34230,7 +34712,7 @@ function getCardFeedEntryFromFeed(item, host, modalMode, preview) {
     entry.scheduledDate = dateFormat(item.startDate, 'L LT');
   }
   const isDisplayingPollTitle = !feed.description && feed.pollTitle;
-  if (item.enableTranslation && ((_o = entry.description) === null || _o === void 0 ? void 0 : _o.length) < index.MAX_FORM_TRANSLATE_VALUE && item.userLanguage !== getCurrentLanguage() && !isDisplayingPollTitle && entry.description) {
+  if (item.enableTranslation && ((_q = entry.description) === null || _q === void 0 ? void 0 : _q.length) < index.MAX_FORM_TRANSLATE_VALUE && item.userLanguage !== getCurrentLanguage() && !isDisplayingPollTitle && entry.description) {
     entry.translationCallback = async () => {
       let text = feed.descriptionTranslated;
       if (!text) {
@@ -36245,6 +36727,20 @@ async function getImageScaleFactor(options) {
   const { width, height } = imgSize || await getImageSize(src, onErr);
   return parseFloat((Math.min((maxWidth / width), (maxHeight / height))).toFixed(2));
 }
+function getMaxViewPortImage(host, isPreview) {
+  const getMaxBound = (boundType) => {
+    var _a, _b, _c, _d, _e;
+    return (host === null || host === void 0 ? void 0 : host[`client${boundType}`]) ||
+      ((_c = (_b = (_a = host === null || host === void 0 ? void 0 : host.parentElement) === null || _a === void 0 ? void 0 : _a.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.content-container')) === null || _c === void 0 ? void 0 : _c[`client${boundType}`]) ||
+      ((_d = host === null || host === void 0 ? void 0 : host.parentElement) === null || _d === void 0 ? void 0 : _d[`client${boundType}`]) ||
+      (!isPreview ? (_e = host === null || host === void 0 ? void 0 : host.closest('.modal-wrapper')) === null || _e === void 0 ? void 0 : _e[`client${boundType}`] : 0) ||
+      window[`inner${boundType}`];
+  };
+  return {
+    width: getMaxBound('Width'),
+    height: getMaxBound('Height')
+  };
+}
 const getFormattedImageURL = (url) => {
   let result = Array.isArray(url) && url.length ? url[0] : url;
   if (result) {
@@ -40255,7 +40751,7 @@ function isKeyInArray(isKeyPresent, key, itemsToCheck, updateKey, formDynamic) {
     const removeSymbolKey = key.slice(1, key.length - 1);
     itemsToCheck = itemsToCheck.map((item) => {
       if ((item && item === key) || (item === removeSymbolKey && (!updateKey || !(updateKey === null || updateKey === void 0 ? void 0 : updateKey.blockRemoveSymbol)))) {
-        if (updateKey === null || updateKey === void 0 ? void 0 : updateKey.key) {
+        if ((updateKey === null || updateKey === void 0 ? void 0 : updateKey.key) || (updateKey === null || updateKey === void 0 ? void 0 : updateKey.key) === '') {
           item = updateKey.key;
         }
         isKeyPresent = true;
@@ -54381,7 +54877,7 @@ function canPerformActionPlan(mission, session = getSession()) {
   const isOwnerRef = mission.ownerRef === session.userId;
   // In the case of an Action Plan created from a campaign, we allow an empty list of actions.
   // If the list of actions is not empty, we apply the default rules of the Action Plans.
-  const isAnnouncement = isCampaignAnnouncement(mission.description);
+  const isAnnouncement = isCampaignTodo(mission.description);
   if (isAnnouncement && session && (!mission.todo || !((_a = mission.todo.values) === null || _a === void 0 ? void 0 : _a.length))) {
     // The user can perform the AP if there is no ownerRef or if he is the ownerRef
     return hasNoOwnerRef || isOwnerRef;
@@ -54506,7 +55002,7 @@ function isUserIntoWorkflowStepRoles(step, session = getSession()) {
 }
 function getTodoCampaignPhotos(mission) {
   var _a;
-  if (isCampaignAnnouncement(mission === null || mission === void 0 ? void 0 : mission.description)) {
+  if (isCampaignTodo(mission === null || mission === void 0 ? void 0 : mission.description)) {
     return (_a = (mission.description)) === null || _a === void 0 ? void 0 : _a.photosSrc;
   }
   return [];
@@ -59471,7 +59967,6 @@ exports.closeMenuModal = closeMenuModal;
 exports.closeModal = closeModal;
 exports.compareAsc = compareAsc;
 exports.componentOnReady = componentOnReady;
-exports.containsUrls = containsUrls;
 exports.convertSecondsToTimeUnits = convertSecondsToTimeUnits;
 exports.convertSrtToWebVTT = convertSrtToWebVTT;
 exports.convertSvgToBase64 = convertSvgToBase64;
@@ -59584,6 +60079,7 @@ exports.getLanguageKey = getLanguageKey;
 exports.getLessonTypeIcon = getLessonTypeIcon;
 exports.getLocaleTranslation = getLocaleTranslation;
 exports.getLocaleVariantScormCloudId = getLocaleVariantScormCloudId;
+exports.getMaxViewPortImage = getMaxViewPortImage;
 exports.getMedia = getMedia;
 exports.getMediaDevices = getMediaDevices;
 exports.getMediaSrcAndType = getMediaSrcAndType;
@@ -59654,11 +60150,13 @@ exports.isAnimationsDisabled = isAnimationsDisabled;
 exports.isAudio = isAudio;
 exports.isBase64 = isBase64;
 exports.isCampaignActive = isCampaignActive;
-exports.isCampaignAnnouncement = isCampaignAnnouncement;
 exports.isCampaignAnnouncementByUser = isCampaignAnnouncementByUser;
+exports.isCampaignFeed = isCampaignFeed;
 exports.isCampaignRecurring = isCampaignRecurring;
+exports.isCampaignTodo = isCampaignTodo;
 exports.isChatMessageTypeMedia = isChatMessageTypeMedia;
 exports.isChromatic = isChromatic;
+exports.isChrome = isChrome;
 exports.isChromeForIos = isChromeForIos;
 exports.isCloudinaryLink = isCloudinaryLink;
 exports.isConfidenceAssessment = isConfidenceAssessment;
@@ -59818,6 +60316,7 @@ exports.translateMulti = translateMulti;
 exports.truncateMarkdown = truncateMarkdown;
 exports.updateAuditWithTranslations = updateAuditWithTranslations;
 exports.updateDatasetFilters = updateDatasetFilters;
+exports.updateLinkPreviews = updateLinkPreviews;
 exports.updatePathSessionId = updatePathSessionId;
 exports.updateSVGCustomColors = updateSVGCustomColors;
 exports.updateScoringWithTranslations = updateScoringWithTranslations;