@yoobic/yobi 8.4.0-1 → 8.4.0-4

package/dist/design-system/{overlays-54d1b9f8.js → overlays-71ffe7eb.js}

@@ -1,5 +1,5 @@
 import { b as isFunction$3, g as global$1, m as maxBy, i as isArray$4, f as flatMap$1, d as concat$3, e as isPlainObject, k as keys, h as map$2, u as union, j as camelCase, l as uniq, n as compact, w as without, a as isNumber$1, r as round, o as orderBy, p as capitalize, q as isString$3, c as cloneDeep, s as assign$2, t as clone, v as isObject$1, x as isDate$1, y as isEmpty$1, z as intersection, A as isEqual, B as sortBy, C as get$2, D as isNull, E as isUndefined, F as indexOf$1, G as isBoolean$1, H as isNil, I as omit, J as pick, K as includes, L as reduce$1, M as last$2, N as size, O as isFinite$1 } from './lodash-653c0bcd.js';
-import { M as MessageType, F as FormFilterDateOperator, a as MAX_FORM_TRANSLATE_VALUE, E as EventType, b as FeedPostType, I as IEntityActionType, c as FormFieldType, d as FieldComputationSessionValues, A as ALL_MOBILE_FORM_FIELDS, S as ScoringCategory, G as GENERAL_TRANSLATABLE_ATTRIBUTES, T as TRANSLATABLE_FORM_FIELD_ATTRIBUTES, C as COMPLEX_ARRAY_TRANSLATABLE_FORM_FIELD_ATTRIBUTES, e as SINGLE_ARRAY_TRANSLATABLE_FORM_FIELD_ATTRIBUTES, f as COMPLEX_OBJECT_TRANSLATABLE_FORM_FIELD_ATTRIBUTES, g as AVAILABLE_LANGUAGES, h as IncentiveStatus, i as IncentiveType, j as TWaitlistMessageState, k as TWaitlistMessageType, l as CHART_TYPES } from './index-eec8505b.js';
+import { M as MessageType, F as FormFilterDateOperator, a as MAX_FORM_TRANSLATE_VALUE, E as EventType, b as FeedPostType, I as IEntityActionType, c as FormFieldType, d as FieldComputationSessionValues, A as ALL_MOBILE_FORM_FIELDS, S as ScoringCategory, G as GENERAL_TRANSLATABLE_ATTRIBUTES, T as TRANSLATABLE_FORM_FIELD_ATTRIBUTES, C as COMPLEX_ARRAY_TRANSLATABLE_FORM_FIELD_ATTRIBUTES, e as SINGLE_ARRAY_TRANSLATABLE_FORM_FIELD_ATTRIBUTES, f as COMPLEX_OBJECT_TRANSLATABLE_FORM_FIELD_ATTRIBUTES, g as AVAILABLE_LANGUAGES, h as IncentiveStatus, i as IncentiveType, j as TWaitlistMessageState, k as TWaitlistMessageType, l as CHART_TYPES } from './index-84768350.js';
 import { c as commonjsGlobal, a as createCommonjsModule, g as getDefaultExportFromCjs, b as getAugmentedNamespace, d as commonjsRequire } from './_commonjsHelpers-f4d11124.js';
 
 /*
@@ -1772,7 +1772,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.
@@ -1796,6 +1796,8 @@ var _config$3 = {
   delay: 0
 },
     _suppressOverwrites$1,
+    _reverting$2,
+    _context$1,
     _bigNum$4 = 1e8,
     _tinyNum$1 = 1 / _bigNum$4,
     _2PI = Math.PI * 2,
@@ -1863,6 +1865,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 = [],
@@ -1944,7 +1953,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) {
@@ -2105,6 +2114,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);
@@ -2185,6 +2197,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) {
@@ -2236,7 +2250,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;
@@ -2258,7 +2272,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");
 
@@ -2413,7 +2427,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") || {};
@@ -2516,7 +2530,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!
   };
 },
@@ -2720,8 +2735,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;
@@ -2731,7 +2749,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);
@@ -3388,6 +3409,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();
   }
 
@@ -3557,6 +3585,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();
@@ -3566,7 +3608,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) {
@@ -3976,6 +4018,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.
 
@@ -4497,7 +4541,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](),
@@ -4519,7 +4563,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);
@@ -4625,7 +4669,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;
     }
@@ -4646,29 +4691,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({
@@ -4686,8 +4719,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) {
@@ -4757,6 +4789,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;
 
@@ -4772,7 +4805,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;
         }
       }
@@ -4797,12 +4831,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) {
@@ -4974,6 +5010,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 = {};
 
@@ -5040,7 +5077,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,
@@ -5053,7 +5091,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;
@@ -5062,7 +5100,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);
         }
 
@@ -5110,7 +5148,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;
@@ -5161,7 +5199,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");
       }
@@ -5169,10 +5207,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);
 
@@ -5547,12 +5585,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++) {
@@ -5696,6 +5954,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,
@@ -5728,6 +6017,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;
     }
@@ -5816,14 +6117,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",
@@ -5831,12 +6144,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,
@@ -5859,7 +6172,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.
@@ -5875,6 +6188,7 @@ var _win$7,
     _tempDiv$2,
     _tempDivStyler,
     _recentSetterPlugin,
+    _reverting$1,
     _windowExists$7 = function _windowExists() {
   return typeof window !== "undefined";
 },
@@ -5935,6 +6249,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.
@@ -5975,6 +6363,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;
   }
 },
@@ -6081,6 +6470,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) {
@@ -6124,10 +6517,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);
@@ -6339,6 +6732,8 @@ _convertToUnit = function _convertToUnit(target, property, value, unit) {
 
 
         cache.uncache = 1;
+
+        _removeIndependentTransforms(style);
       }
     }
   }
@@ -6463,7 +6858,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
 
@@ -6551,6 +6946,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,
@@ -6587,6 +6983,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) {
@@ -7062,8 +7468,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") {
@@ -7106,6 +7517,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)
@@ -7131,6 +7543,8 @@ var CSSPlugin$1 = {
               startNum = 0;
             }
 
+            inlineProps.push("visibility", style.visibility);
+
             _addNonTweeningPT(this, style, "visibility", startNum ? "inherit" : "hidden", endNum ? "inherit" : "hidden", !endNum);
           }
 
@@ -7143,6 +7557,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.
@@ -7154,10 +7570,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) {
@@ -7222,12 +7640,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) {
@@ -7242,6 +7673,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) {
@@ -7268,7 +7700,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.
@@ -8754,7 +9186,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.
@@ -9119,144 +9551,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.
@@ -9266,8 +9564,8 @@ _getGSAP$c() && gsap$d.registerPlugin(CSSRulePlugin);
 */
 
 /* eslint-disable */
-var _doc$3,
-    _win$5,
+var _doc$4,
+    _win$6,
     _docElement$1,
     _body$6,
     _divContainer,
@@ -9288,14 +9586,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.
 
@@ -9355,16 +9653,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;
   }
 
@@ -9376,14 +9674,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) {
@@ -9450,7 +9748,7 @@ _divTemps = [],
       y,
       cs;
 
-  if (element === _win$5) {
+  if (element === _win$6) {
     return element;
   }
 
@@ -9492,7 +9790,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;
@@ -9500,7 +9798,7 @@ _divTemps = [],
       }
     }
 
-    cs = _win$5.getComputedStyle(element);
+    cs = _win$6.getComputedStyle(element);
 
     if (cs.position !== "absolute" && cs.position !== "fixed") {
       m = element.offsetParent;
@@ -9640,7 +9938,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();
   }
 
@@ -9679,14 +9977,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,
@@ -9698,11 +9996,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";
@@ -9723,9 +10021,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,
@@ -9781,11 +10079,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;
@@ -9796,7 +10094,7 @@ _copy$2 = function _copy(obj, factor) {
     }
   }
 
-  gsap$c.to(_renderQueueTimeout, {
+  gsap$d.to(_renderQueueTimeout, {
     overwrite: true,
     delay: 15,
     duration: 0,
@@ -9854,10 +10152,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);
@@ -9874,13 +10172,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.
@@ -9919,21 +10217,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),
@@ -9981,7 +10279,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,
@@ -10013,7 +10311,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,
@@ -10026,15 +10324,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;
@@ -10091,10 +10388,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
   };
@@ -10178,7 +10474,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"
     });
@@ -10200,7 +10496,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,
@@ -10256,7 +10552,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
       });
@@ -10306,7 +10602,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
       });
@@ -10445,13 +10741,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");
@@ -10459,7 +10755,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).
@@ -10471,7 +10767,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.
@@ -10504,15 +10800,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();
@@ -10520,15 +10816,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)");
@@ -10553,8 +10849,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) {
@@ -10580,11 +10876,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 || {});
@@ -10596,7 +10892,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"),
@@ -10617,12 +10913,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,
@@ -10655,6 +10951,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.
@@ -10678,8 +10975,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;
 
@@ -10688,8 +10985,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();
@@ -10732,7 +11029,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);
           }
@@ -10816,10 +11113,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);
@@ -10898,7 +11195,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;
         };
       }
 
@@ -11125,7 +11422,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,
@@ -11278,6 +11575,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]) {
@@ -11331,7 +11630,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/
 
       }
 
@@ -11347,7 +11646,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
@@ -11369,9 +11668,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.
 
@@ -11389,7 +11688,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)
           });
         }
@@ -11450,7 +11749,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
 
           }
 
@@ -11616,7 +11915,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");
           }
@@ -11647,7 +11946,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,
@@ -11666,7 +11965,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);
@@ -11681,6 +11980,8 @@ var Draggable = /*#__PURE__*/function (_EventDispatcher) {
         self.isDragging = false;
       }
 
+      _removeFromRenderQueue(render);
+
       if (isClicking && !isContextMenuRelease) {
         if (e) {
           _removeListener$2(e.target, "change", onRelease);
@@ -11698,8 +11999,6 @@ var Draggable = /*#__PURE__*/function (_EventDispatcher) {
         return;
       }
 
-      _removeFromRenderQueue(render);
-
       i = triggers.length;
 
       while (--i > -1) {
@@ -11721,7 +12020,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;
             }
           }
@@ -11768,7 +12067,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);
               }
             }
@@ -11776,7 +12075,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 {
@@ -11850,7 +12149,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);
 
@@ -11891,7 +12190,7 @@ var Draggable = /*#__PURE__*/function (_EventDispatcher) {
       }
 
       if (!self.isDragging) {
-        self.isDragging = true;
+        self.isDragging = dragged = true;
 
         _dispatchEvent(self, "dragstart", "onDragStart");
       }
@@ -11996,8 +12295,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.
@@ -12090,7 +12389,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";
       }
 
@@ -12109,11 +12408,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"
             });
           }
@@ -12209,7 +12508,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];
@@ -12249,13 +12548,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);
     });
@@ -12328,11 +12627,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.
@@ -12441,7 +12874,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";
@@ -12574,7 +13007,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";
@@ -12603,7 +13036,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) {
@@ -12641,7 +13074,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;
@@ -12673,7 +13106,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.
@@ -12879,13 +13312,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.
@@ -13141,9 +13574,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";
+        }
       }
     });
   }
@@ -14364,7 +14799,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);
@@ -14378,7 +14813,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.
@@ -14394,6 +14829,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;
 },
@@ -14510,9 +14947,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;
@@ -14589,15 +15027,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;
@@ -14624,6 +15066,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.
@@ -14670,22 +15114,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;
@@ -14733,7 +15181,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.
@@ -15007,7 +15455,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;
@@ -15079,16 +15527,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;
@@ -15377,7 +15826,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);
@@ -15398,7 +15847,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.
@@ -15767,7 +16216,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;
@@ -15795,7 +16244,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);
@@ -15851,7 +16300,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.
@@ -15977,7 +16426,7 @@ var gsap$5,
 };
 
 var ScrollToPlugin$1 = {
-  version: "3.10.4",
+  version: "3.11.0",
   name: "scrollTo",
   rawVars: 1,
   register: function register(core) {
@@ -15999,6 +16448,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
@@ -16114,7 +16566,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.
@@ -16150,6 +16602,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,
@@ -16494,45 +16947,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);
 },
@@ -16545,7 +16959,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;
@@ -16558,11 +16972,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);
       }
     }
   }
@@ -16598,7 +17012,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".
 
 
@@ -16670,7 +17084,7 @@ _refreshingAll,
 
   if (cache.spacerIsNative) {
     _setState(cache.spacerState);
-  } else if (pin.parentNode === spacer) {
+  } else if (pin._gsap.swappedIn) {
     var parent = spacer.parentNode;
 
     if (parent) {
@@ -16678,9 +17092,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,
@@ -16705,8 +17121,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,
@@ -16787,7 +17208,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,
@@ -16892,9 +17313,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;
@@ -16903,7 +17324,7 @@ _getTweenCreator = function _getTweenCreator(scroller, direction) {
       }
 
       lastScroll2 = lastScroll1;
-      return lastScroll1 = _round$2(value);
+      return lastScroll1 = Math.round(value);
     };
 
     vars.onComplete = function () {
@@ -17027,7 +17448,8 @@ var ScrollTrigger = /*#__PURE__*/function () {
         caMarkerSetter,
         customRevertReturn;
 
-    self.media = _creatingMedia;
+    _context(self);
+
     self._dir = direction;
     anticipatePin *= 45;
     self.scroller = scroller;
@@ -17079,6 +17501,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
@@ -17238,7 +17661,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;
 
@@ -17284,8 +17712,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(),
@@ -17320,7 +17748,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]) {
@@ -17454,7 +17882,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;
@@ -17465,7 +17893,7 @@ var ScrollTrigger = /*#__PURE__*/function () {
         self.scroll.rec = 0;
       }
 
-      self.revert(false);
+      self.revert(false, true);
 
       if (snapDelayedCall) {
         lastSnap = -1;
@@ -17481,7 +17909,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);
       }
 
@@ -17707,7 +18135,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;
@@ -17847,6 +18275,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.
 
@@ -17861,22 +18290,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);
@@ -17959,48 +18419,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) {
@@ -18017,9 +18439,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) {
@@ -18029,7 +18465,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;
 };
@@ -18171,7 +18607,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) {
@@ -18218,7 +18657,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,
@@ -18229,8 +18669,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;
@@ -18242,18 +18682,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();
@@ -18262,12 +18710,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,
@@ -18283,6 +18726,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;
   };
@@ -18292,7 +18739,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();
@@ -18300,11 +18746,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);
@@ -18355,9 +18797,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 () {
@@ -18376,11 +18825,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",
@@ -18442,7 +18894,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.
@@ -18452,7 +18904,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,
@@ -18520,9 +18972,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);
@@ -18552,7 +19002,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.
@@ -18568,7 +19018,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 = {
@@ -18609,7 +19059,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)) {
@@ -18714,22 +19164,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 = commonjsGlobal.process;
@@ -24012,12 +24462,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) {
@@ -24027,6 +24480,8 @@ function getCampaignIcon(campaign) {
       return 'action-plan';
     case 'todo':
       return 'mission';
+    case 'feed':
+      return 'feed';
     default:
       return 'campaign';
   }
@@ -24037,6 +24492,8 @@ function getCampaignColor(campaign) {
     case 'poll':
     case 'service':
       return 'app-color';
+    case 'feed':
+      return 'warning';
     case 'todo':
       return 'success';
     default:
@@ -24572,7 +25029,7 @@ const HapticsNotificationType = NotificationType;
 const HapticsImpactStyle = ImpactStyle;
 
 const Haptics = registerPlugin('Haptics', {
-    web: () => import('./web-60c3ad08.js').then(m => new m.HapticsWeb()),
+    web: () => import('./web-a8785545.js').then(m => new m.HapticsWeb()),
 });
 
 /// <reference types="@capacitor/cli" />
@@ -24636,7 +25093,7 @@ const Keyboard = registerPlugin('Keyboard');
 /// <reference types="@capacitor/cli" />
 
 const SplashScreen = registerPlugin('SplashScreen', {
-    web: () => import('./web-a19bf48b.js').then(m => new m.SplashScreenWeb()),
+    web: () => import('./web-d571009b.js').then(m => new m.SplashScreenWeb()),
 });
 
 var Style;
@@ -29731,7 +30188,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)) {
@@ -29761,6 +30218,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
@@ -32377,7 +32859,7 @@ var et = createCommonjsModule(function (module, exports) {
 });
 
 var fr = 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);}(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);}(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 = createCommonjsModule(function (module, exports) {
@@ -32405,7 +32887,7 @@ var ko = createCommonjsModule(function (module, exports) {
 });
 
 var nl = 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);}(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);}(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 = createCommonjsModule(function (module, exports) {
@@ -34020,7 +34502,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 } });
     }
@@ -34047,7 +34529,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,
@@ -34078,7 +34560,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;
   }
@@ -34213,10 +34695,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);
@@ -34228,7 +34710,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) < MAX_FORM_TRANSLATE_VALUE && item.userLanguage !== getCurrentLanguage() && !isDisplayingPollTitle && entry.description) {
+  if (item.enableTranslation && ((_q = entry.description) === null || _q === void 0 ? void 0 : _q.length) < MAX_FORM_TRANSLATE_VALUE && item.userLanguage !== getCurrentLanguage() && !isDisplayingPollTitle && entry.description) {
     entry.translationCallback = async () => {
       let text = feed.descriptionTranslated;
       if (!text) {
@@ -36243,6 +36725,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) {
@@ -40253,7 +40749,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;
@@ -54379,7 +54875,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;
@@ -54504,7 +55000,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 [];
@@ -59410,4 +59906,4 @@ async function dismiss(modal, data, role, overlayDismiss, animationFn) {
   modal.host.remove();
 }
 
-export { getCourseProgress as $, isWeb as A, Back as B, debounce as C, querySelectorDeep as D, Elastic as E, findDevice as F, isIphoneX as G, isIOS as H, setAnimation as I, animations as J, getCssColor as K, startOf as L, isDateBefore as M, dateDiffInCalendarDays as N, isDateAfter as O, getAsyncExtraData as P, findParent as Q, isNativeFilePath as R, ScreenOrientation as S, cleanupWKWebViewFilePath as T, Cloudinary as U, getProtocol as V, CloudinaryGradientLayer as W, isNullOrUndefined as X, YOOBICON_ENTITIES_MAP as Y, translateMulti as Z, __extends$9 as _, getDeviceType as a, findField as a$, getCourseFinishedItemsCount as a0, getPlanTotalItemsCount as a1, getPlanDueDate as a2, getSession as a3, getIncentiveState as a4, appendIncentiveUnit as a5, getParticipantsScore as a6, getUserDisplayName as a7, getClosestImageRatio as a8, floatingIconAnimation as a9, toButton as aA, toDate as aB, capitalizeFirstLetter as aC, showContextMenu as aD, hideKeyboard as aE, getDefaultAudience as aF, isTextField as aG, dateIsValid as aH, isPresent as aI, dateSub as aJ, dateAdd as aK, Keyboard as aL, getHours as aM, getMinutes as aN, setDateHours as aO, setDateMinutes as aP, getUUID as aQ, Draggable as aR, gsapTo as aS, gsapSet as aT, gsapFromTo as aU, isImageUrl as aV, updateTranslationKey as aW, checkIfKeyIsInPage as aX, removeScoringSelectedFields as aY, serializeScores as aZ, setFieldIconAndCategory as a_, disableKeyboardResize as aa, enableKeyboardResize as ab, isNotificationMessage as ac, isRichContentMessage as ad, showAlert as ae, showActionSheet as af, isVideo as ag, isGif as ah, isImage as ai, downloadFile as aj, dateFormat as ak, dispatchCustomEvent as al, is24Hour as am, isFile as an, replaceAtTagToMentionTag as ao, replaceAllLinks as ap, parseLongIntoDate as aq, pipes as ar, copyToClipboard as as, formatDistanceFromNow as at, getLanguageKey as au, isCloudinaryLink as av, getCurrentLanguage as aw, parseMarkDown as ax, isPhotoEdited as ay, changeExtension as az, getOS as b, loadScript as b$, CURVE_EASE_OUT_QUAD as b0, changeSelectedScoring as b1, hasImageRecognitionFields as b2, calculateScoringTotal as b3, formatSlides as b4, showToast as b5, checkIfKeyIsInField as b6, removeParentCondition as b7, populateScoringFields as b8, isFieldNameUnique as b9, escapeRegExp as bA, slenderizeObject as bB, getFormulaReplacement as bC, isDateTimeField as bD, formatTranslation as bE, MAX_TAGS_CHARACTERS as bF, filterListByText as bG, toSeconds as bH, dateDiff as bI, isCampaignRecurring as bJ, getProductBatchDelayInDays as bK, fromNow as bL, getWaitlistVisitLastAlertDate as bM, isCampaignActive as bN, screenOrientationUnlock as bO, screenOrientationLock as bP, getLocaleVariantScormCloudId as bQ, isSafari as bR, Power1 as bS, endOf as bT, dateParse as bU, isTabletOrIpad as bV, getVariantValue as bW, isYoutubeSource as bX, isDailymotionSource as bY, isVimeoSource as bZ, StatusBar as b_, getCustomName as ba, getScoringCategory as bb, formatScoringValuePairs as bc, findMultiMaxScore as bd, generateUniqueKey as be, truncateMarkdown as bf, isValueATranslationKey as bg, isValueALegacyTranslationKey as bh, getDatesFromDateRange as bi, getDatesRangeDisplay as bj, getMedia as bk, isPointInsidePlan as bl, isOffline as bm, getKeyToCache as bn, hexToRgbArray as bo, isTranslationKey as bp, getContrastColor as bq, scaleUpAnimation as br, convertSvgToBase64 as bs, evalInContext as bt, evalConditionsInContext as bu, getNameAndData as bv, getFieldsFromSlides as bw, getFieldValue as bx, getFieldReplacement as by, getSessionReplacementValue as bz, __assign as c, getTranslatedAttribute as c$, getIncentiveTargetHighestMilestone as c0, getIncentiveProgressBase as c1, getIncentiveProgressOf as c2, getIncentiveProgress as c3, filter as c4, not$1 as c5, raceWith as c6, argsOrArgArray as c7, Subject as c8, Subscription as c9, isContentOnly as cA, getConfidencePoints as cB, getConfidenceDescriptionKey as cC, showRatingDialog as cD, isPdf as cE, answerIsValid as cF, getCorrectAnswersCount as cG, updateSVGCustomColors as cH, isQuiz as cI, setStatusBarDarkMode as cJ, removeKeyboardEventListeners as cK, addKeyboardEventListener as cL, isMemoEditable as cM, getTodoCampaignPhotos as cN, isToday as cO, fromToday as cP, getMissionPublicationDate as cQ, isDateSame as cR, isMissionBookable as cS, canParticipateTo as cT, canPerformActionPlan as cU, getAuthentication as cV, getDownloadAction as cW, salesAIGetColorFromPattern as cX, salesAIFormatDemand as cY, gsapFrom as cZ, showRename as c_, Observable as ca, merge$1 as cb, share as cc, process_1 as cd, fromEvent as ce, getMediaType as cf, isMedia as cg, isBase64 as ch, File$1 as ci, hasWebCam as cj, replaceAndGetAllLinks as ck, addFilePrefix as cl, read as cm, keepAwake as cn, moveToImageDirectory as co, vibrateHapticMedium as cp, cordova$1 as cq, AwesomeCordovaNativePlugin as cr, cordovaPropertyGet as cs, cordovaPropertySet as ct, registerPlugin as cu, isIonic as cv, Device as cw, getMediaDevices as cx, getChartTypes as cy, minsToMinsAndSecs as cz, __spreadArray as d, convertSecondsToTimeUnits as d$, setSecuredContent as d0, require$$2 as d1, getExtension as d2, urlToFileBlob as d3, b64ToFile as d4, convertSrtToWebVTT as d5, getVideoPoster as d6, replaceSVGColors as d7, getPeriodOfDay as d8, isZebraScanner as d9, getLocaleTranslation as dA, isHTML as dB, isDocument as dC, isAudio as dD, isUnsplashUrl as dE, getResizedImageSize as dF, showMessageInfoDialog as dG, getAudioDuration as dH, isChatMessageTypeMedia as dI, getFormCapturedFileSize as dJ, isLenovo as dK, updatePathSessionId as dL, getMimeType as dM, hasLargeFile as dN, audios as dO, PhotoLibrary as dP, isSurface as dQ, isFirefox as dR, saveToLocalFile as dS, removeFileAtPath as dT, safeScrollIntoView as dU, getPermissions as dV, isPlanInFuture as dW, groupsResolver as dX, aclRolesResolver as dY, toHours as dZ, utc as d_, present as da, dismiss as db, MODAL_BASE_ZINDEX as dc, fadeScaleAnimation as dd, isAnimationsDisabled as de, slideExpandAnimation as df, scaleAnimation as dg, slideAnimation as dh, getTranslateLanguageKeys as di, Power3 as dj, findMaxScore as dk, isNotApplicable as dl, cleanUnusedTranslations as dm, updateScoringWithTranslations as dn, updateAuditWithTranslations as dp, generateYoobicQRCode as dq, getCustomApp as dr, images as ds, videos as dt, getColorSwatches as du, asyncWaterfall as dv, containsUrls as dw, isKeyboardResizeModeInactive as dx, getRoundedMinutes as dy, getDialogPosition as dz, compareAsc as e, getIncentiveConfigsForFeed as e$, showScanner as e0, setDateSeconds as e1, setDateMilliseconds as e2, roundToNearestMinutes as e3, getWeekDays as e4, resetTime as e5, getYear as e6, day as e7, isSameMonth as e8, isDateSameOrAfter as e9, fadeFromTop as eA, isDeeplink as eB, componentOnReady as eC, isCurrentLanguageChinese as eD, getEventStatusInfo as eE, getPlanStartDate as eF, isPlanRatingEnabled as eG, getPlanTypeTagProps as eH, removeTextStyle as eI, isCampaignAnnouncement as eJ, hasAttachment as eK, canBeRetried as eL, isLessonCompleted as eM, getLessonTypeIcon as eN, mapKpiData as eO, isValid$1 as eP, resizeImage as eQ, getRandomFileName as eR, FileSaver_min as eS, getMonths as eT, isTruncated as eU, getType as eV, replaceTextWithRichContent as eW, getMediaSrcAndType as eX, getFormatedDate as eY, getCardFeedEntryFromFeed as eZ, getCampaignConfigsForFeed as e_, isDateSameOrBefore as ea, isTimedQuiz as eb, isConfidenceAssessment as ec, isVisible as ed, hasValue as ee, getDistance as ef, isFieldWithDirectValue as eg, isFieldWithNoValue as eh, updateDatasetFilters as ei, getConfidenceEmoji as ej, isSamsung as ek, isPhotoOrMultiPhotosField as el, isChromeForIos as em, getTimeOneLetterFormat as en, isYoobicSecuredDocTenant as eo, getURLs as ep, guessCurrentTimezone as eq, TIMEZONES as er, HorizontalSlidesAnimation as es, MONGODB_ID_REGEX as et, isMapField as eu, isForceScrollbar as ev, getStartDayOfWeek as ew, getUrlParameterByName as ex, getEventTypeColor as ey, fadeFromBottom as ez, isSameDate as f, getCardFeedEntryFromQuestion as f0, getEventConfigsFromEvent as f1, getMediaSrcFromFeed as f2, canAccessReadReceipt as f3, getWorkflowProgress as f4, getRandomSwatchColor as f5, getCampaignIcon as f6, getCampaignColor as f7, getUserTags as f8, fileHasIcon as f9, urlToBlob as fA, getContrastColorName as fB, getTransformInfos as fC, getImageSize as fD, getImageScaleFactor as fE, WebPlugin as fF, ImpactStyle as fG, NotificationType as fH, CapacitorException as fI, getIconName as fa, getIconColor as fb, getLanguageFlag as fc, getDashboardTags as fd, getRoleTitle as fe, getMobileFieldIcon as ff, isCampaignAnnouncementByUser as fg, getCommunityKpis as fh, changeHexOpacity as fi, isDocumentDownloadSupported as fj, showDocumentDownloadOptions as fk, openBase64File as fl, toPng as fm, isDocumentEmailSupported as fn, getNativeDirectory as fo, fileNativeCheckFile as fp, downloadFileToDevice as fq, Linear as fr, closeMenuModal as fs, isMouseInBoundaries as ft, removeMarkdown as fu, getFeedLikes as fv, extractTextFromStringHTML as fw, isElementClicked as fx, applyViewBox as fy, getFormattedImageURL as fz, getGrade as g, isFullScreenFalse as h, isChromatic as i, isNativeMobile as j, isAndroid as k, isIpadPro as l, isIpad as m, isTablet as n, loadTranslations as o, closeModal as p, gsapTimeline as q, requestInterval as r, setCurrentLanguage as s, translate as t, getFormattedCountDownToDisplay as u, cancelRequestInterval as v, isIphone5 as w, isIphoneSE as x, getModalAnimation as y, showModal as z };
+export { getCourseProgress as $, isWeb as A, Back as B, debounce as C, querySelectorDeep as D, Elastic as E, findDevice as F, isIphoneX as G, isIOS as H, setAnimation as I, animations as J, getCssColor as K, startOf as L, isDateBefore as M, dateDiffInCalendarDays as N, isDateAfter as O, getAsyncExtraData as P, findParent as Q, isNativeFilePath as R, ScreenOrientation as S, cleanupWKWebViewFilePath as T, Cloudinary as U, getProtocol as V, CloudinaryGradientLayer as W, isNullOrUndefined as X, YOOBICON_ENTITIES_MAP as Y, translateMulti as Z, __extends$9 as _, getDeviceType as a, findField as a$, getCourseFinishedItemsCount as a0, getPlanTotalItemsCount as a1, getPlanDueDate as a2, getSession as a3, getIncentiveState as a4, appendIncentiveUnit as a5, getParticipantsScore as a6, getUserDisplayName as a7, getClosestImageRatio as a8, floatingIconAnimation as a9, toButton as aA, toDate as aB, capitalizeFirstLetter as aC, showContextMenu as aD, hideKeyboard as aE, getDefaultAudience as aF, isTextField as aG, dateIsValid as aH, isPresent as aI, dateSub as aJ, dateAdd as aK, Keyboard as aL, getHours as aM, getMinutes as aN, setDateHours as aO, setDateMinutes as aP, getUUID as aQ, Draggable as aR, gsapTo as aS, gsapSet as aT, gsapFromTo as aU, isImageUrl as aV, updateTranslationKey as aW, checkIfKeyIsInPage as aX, removeScoringSelectedFields as aY, serializeScores as aZ, setFieldIconAndCategory as a_, disableKeyboardResize as aa, enableKeyboardResize as ab, isNotificationMessage as ac, isRichContentMessage as ad, showAlert as ae, showActionSheet as af, isVideo as ag, isGif as ah, isImage as ai, downloadFile as aj, dateFormat as ak, dispatchCustomEvent as al, is24Hour as am, isFile as an, replaceAtTagToMentionTag as ao, replaceAllLinks as ap, parseLongIntoDate as aq, pipes as ar, copyToClipboard as as, formatDistanceFromNow as at, getLanguageKey as au, isCloudinaryLink as av, getCurrentLanguage as aw, parseMarkDown as ax, isPhotoEdited as ay, changeExtension as az, getOS as b, loadScript as b$, CURVE_EASE_OUT_QUAD as b0, changeSelectedScoring as b1, hasImageRecognitionFields as b2, calculateScoringTotal as b3, formatSlides as b4, showToast as b5, checkIfKeyIsInField as b6, removeParentCondition as b7, populateScoringFields as b8, isFieldNameUnique as b9, escapeRegExp as bA, slenderizeObject as bB, getFormulaReplacement as bC, isDateTimeField as bD, formatTranslation as bE, MAX_TAGS_CHARACTERS as bF, filterListByText as bG, toSeconds as bH, dateDiff as bI, isCampaignRecurring as bJ, getProductBatchDelayInDays as bK, fromNow as bL, getWaitlistVisitLastAlertDate as bM, isCampaignActive as bN, screenOrientationUnlock as bO, screenOrientationLock as bP, getLocaleVariantScormCloudId as bQ, isSafari as bR, Power1 as bS, endOf as bT, dateParse as bU, isTabletOrIpad as bV, getVariantValue as bW, isYoutubeSource as bX, isDailymotionSource as bY, isVimeoSource as bZ, StatusBar as b_, getCustomName as ba, getScoringCategory as bb, formatScoringValuePairs as bc, findMultiMaxScore as bd, generateUniqueKey as be, truncateMarkdown as bf, isValueATranslationKey as bg, isValueALegacyTranslationKey as bh, getDatesFromDateRange as bi, getDatesRangeDisplay as bj, getMedia as bk, isPointInsidePlan as bl, isOffline as bm, getKeyToCache as bn, hexToRgbArray as bo, isTranslationKey as bp, getContrastColor as bq, scaleUpAnimation as br, convertSvgToBase64 as bs, evalInContext as bt, evalConditionsInContext as bu, getNameAndData as bv, getFieldsFromSlides as bw, getFieldValue as bx, getFieldReplacement as by, getSessionReplacementValue as bz, __assign as c, showRename as c$, getIncentiveTargetHighestMilestone as c0, getIncentiveProgressBase as c1, getIncentiveProgressOf as c2, getIncentiveProgress as c3, filter as c4, not$1 as c5, raceWith as c6, argsOrArgArray as c7, Subject as c8, Subscription as c9, isContentOnly as cA, getConfidencePoints as cB, getConfidenceDescriptionKey as cC, showRatingDialog as cD, isPdf as cE, answerIsValid as cF, getCorrectAnswersCount as cG, updateSVGCustomColors as cH, isQuiz as cI, setStatusBarDarkMode as cJ, isChrome as cK, removeKeyboardEventListeners as cL, addKeyboardEventListener as cM, isMemoEditable as cN, getTodoCampaignPhotos as cO, isToday as cP, fromToday as cQ, getMissionPublicationDate as cR, isDateSame as cS, isMissionBookable as cT, canParticipateTo as cU, canPerformActionPlan as cV, getAuthentication as cW, getDownloadAction as cX, salesAIGetColorFromPattern as cY, salesAIFormatDemand as cZ, gsapFrom as c_, Observable as ca, merge$1 as cb, share as cc, process_1 as cd, fromEvent as ce, getMediaType as cf, isMedia as cg, isBase64 as ch, File$1 as ci, hasWebCam as cj, replaceAndGetAllLinks as ck, addFilePrefix as cl, read as cm, keepAwake as cn, moveToImageDirectory as co, vibrateHapticMedium as cp, cordova$1 as cq, AwesomeCordovaNativePlugin as cr, cordovaPropertyGet as cs, cordovaPropertySet as ct, registerPlugin as cu, isIonic as cv, Device as cw, getMediaDevices as cx, getChartTypes as cy, minsToMinsAndSecs as cz, __spreadArray as d, utc as d$, getTranslatedAttribute as d0, setSecuredContent as d1, require$$2 as d2, getExtension as d3, urlToFileBlob as d4, b64ToFile as d5, convertSrtToWebVTT as d6, getVideoPoster as d7, replaceSVGColors as d8, getPeriodOfDay as d9, getDialogPosition as dA, getLocaleTranslation as dB, isHTML as dC, isDocument as dD, isAudio as dE, isUnsplashUrl as dF, getResizedImageSize as dG, showMessageInfoDialog as dH, getAudioDuration as dI, isChatMessageTypeMedia as dJ, getFormCapturedFileSize as dK, isLenovo as dL, updatePathSessionId as dM, getMimeType as dN, hasLargeFile as dO, audios as dP, PhotoLibrary as dQ, isSurface as dR, isFirefox as dS, saveToLocalFile as dT, removeFileAtPath as dU, safeScrollIntoView as dV, getPermissions as dW, isPlanInFuture as dX, groupsResolver as dY, aclRolesResolver as dZ, toHours as d_, isZebraScanner as da, present as db, dismiss as dc, MODAL_BASE_ZINDEX as dd, fadeScaleAnimation as de, isAnimationsDisabled as df, slideExpandAnimation as dg, scaleAnimation as dh, slideAnimation as di, getTranslateLanguageKeys as dj, Power3 as dk, findMaxScore as dl, isNotApplicable as dm, cleanUnusedTranslations as dn, updateScoringWithTranslations as dp, updateAuditWithTranslations as dq, generateYoobicQRCode as dr, getCustomApp as ds, images as dt, videos as du, getColorSwatches as dv, asyncWaterfall as dw, updateLinkPreviews as dx, isKeyboardResizeModeInactive as dy, getRoundedMinutes as dz, compareAsc as e, getCardFeedEntryFromFeed as e$, convertSecondsToTimeUnits as e0, showScanner as e1, setDateSeconds as e2, setDateMilliseconds as e3, roundToNearestMinutes as e4, getWeekDays as e5, resetTime as e6, getYear as e7, day as e8, isSameMonth as e9, fadeFromBottom as eA, fadeFromTop as eB, isDeeplink as eC, componentOnReady as eD, isCurrentLanguageChinese as eE, getEventStatusInfo as eF, getPlanStartDate as eG, isPlanRatingEnabled as eH, getPlanTypeTagProps as eI, isCampaignFeed as eJ, removeTextStyle as eK, isCampaignTodo as eL, hasAttachment as eM, canBeRetried as eN, isLessonCompleted as eO, getLessonTypeIcon as eP, mapKpiData as eQ, isValid$1 as eR, resizeImage as eS, getRandomFileName as eT, FileSaver_min as eU, getMonths as eV, isTruncated as eW, getType as eX, replaceTextWithRichContent as eY, getMediaSrcAndType as eZ, getFormatedDate as e_, isDateSameOrAfter as ea, isDateSameOrBefore as eb, isTimedQuiz as ec, isConfidenceAssessment as ed, isVisible as ee, hasValue as ef, getDistance as eg, isFieldWithDirectValue as eh, isFieldWithNoValue as ei, updateDatasetFilters as ej, getConfidenceEmoji as ek, isSamsung as el, isPhotoOrMultiPhotosField as em, isChromeForIos as en, getTimeOneLetterFormat as eo, isYoobicSecuredDocTenant as ep, getURLs as eq, guessCurrentTimezone as er, TIMEZONES as es, HorizontalSlidesAnimation as et, MONGODB_ID_REGEX as eu, isMapField as ev, isForceScrollbar as ew, getStartDayOfWeek as ex, getUrlParameterByName as ey, getEventTypeColor as ez, isSameDate as f, getCampaignConfigsForFeed as f0, getIncentiveConfigsForFeed as f1, getCardFeedEntryFromQuestion as f2, getEventConfigsFromEvent as f3, getMediaSrcFromFeed as f4, canAccessReadReceipt as f5, getWorkflowProgress as f6, getRandomSwatchColor as f7, getCampaignIcon as f8, getCampaignColor as f9, applyViewBox as fA, getFormattedImageURL as fB, urlToBlob as fC, getContrastColorName as fD, getTransformInfos as fE, getMaxViewPortImage as fF, getImageSize as fG, getImageScaleFactor as fH, WebPlugin as fI, ImpactStyle as fJ, NotificationType as fK, CapacitorException as fL, getUserTags as fa, fileHasIcon as fb, getIconName as fc, getIconColor as fd, getLanguageFlag as fe, getDashboardTags as ff, getRoleTitle as fg, getMobileFieldIcon as fh, isCampaignAnnouncementByUser as fi, getCommunityKpis as fj, changeHexOpacity as fk, isDocumentDownloadSupported as fl, showDocumentDownloadOptions as fm, openBase64File as fn, toPng as fo, isDocumentEmailSupported as fp, getNativeDirectory as fq, fileNativeCheckFile as fr, downloadFileToDevice as fs, Linear as ft, closeMenuModal as fu, isMouseInBoundaries as fv, removeMarkdown as fw, getFeedLikes as fx, extractTextFromStringHTML as fy, isElementClicked as fz, getGrade as g, isFullScreenFalse as h, isChromatic as i, isNativeMobile as j, isAndroid as k, isIpadPro as l, isIpad as m, isTablet as n, loadTranslations as o, closeModal as p, gsapTimeline as q, requestInterval as r, setCurrentLanguage as s, translate as t, getFormattedCountDownToDisplay as u, cancelRequestInterval as v, isIphone5 as w, isIphoneSE as x, getModalAnimation as y, showModal as z };