@yoobic/yobi 8.6.29 → 8.6.30

package/dist/cjs/{index-c5c773e5.js → index-a562014d.js}

@@ -1774,10 +1774,10 @@ 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.11.4
+ * GSAP 3.11.5
  * https://greensock.com
  *
- * @license Copyright 2008-2022, GreenSock. All rights reserved.
+ * @license Copyright 2008-2023, 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
@@ -2770,7 +2770,14 @@ distribute = function distribute(v) {
   return animation;
 },
     _quickTween,
+    _registerPluginQueue = [],
     _createPlugin = function _createPlugin(config) {
+  if (!_windowExists$8()) {
+    _registerPluginQueue.push(config);
+
+    return;
+  }
+
   config = !config.name && config["default"] || config; //UMD packaging wraps things oddly, so for example MotionPathHelper becomes {MotionPathHelper:MotionPathHelper, default:MotionPathHelper}.
 
   var name = config.name,
@@ -3102,6 +3109,8 @@ _tickerActive,
           _install(_installScope || _win$8.GreenSockGlobals || !_win$8.gsap && _win$8 || {});
 
           _raf = _win$8.requestAnimationFrame;
+
+          _registerPluginQueue.forEach(_createPlugin);
         }
 
         _id && _self.sleep();
@@ -3540,7 +3549,7 @@ var Animation$1 = /*#__PURE__*/function () {
     this._rts = +value || 0;
     this._ts = this._ps || value === -_tinyNum$1 ? 0 : this._rts; // _ts is the functional timeScale which would be 0 if the animation is paused.
 
-    this.totalTime(_clamp$2(-this._delay, this._tDur, tTime), true);
+    this.totalTime(_clamp$2(-Math.abs(this._delay), this._tDur, tTime), true);
 
     _setEnd(this); // if parent.smoothChildTiming was false, the end time didn't get updated in the _alignPlayhead() method, so do it here.
 
@@ -3921,7 +3930,7 @@ var Timeline = /*#__PURE__*/function (_Animation) {
         }
 
         prevIteration = _animationCycle(this._tTime, cycleDuration);
-        !prevTime && this._tTime && prevIteration !== iteration && (prevIteration = iteration); // edge case - if someone does addPause() at the very beginning of a repeating timeline, that pause is technically at the same spot as the end which causes this._time to get set to 0 when the totalTime would normally place the playhead at the end. See https://greensock.com/forums/topic/23823-closing-nav-animation-not-working-on-ie-and-iphone-6-maybe-other-older-browser/?tab=comments#comment-113005
+        !prevTime && this._tTime && prevIteration !== iteration && this._tTime - prevIteration * cycleDuration - this._dur <= 0 && (prevIteration = iteration); // edge case - if someone does addPause() at the very beginning of a repeating timeline, that pause is technically at the same spot as the end which causes this._time to get set to 0 when the totalTime would normally place the playhead at the end. See https://greensock.com/forums/topic/23823-closing-nav-animation-not-working-on-ie-and-iphone-6-maybe-other-older-browser/?tab=comments#comment-113005 also, this._tTime - prevIteration * cycleDuration - this._dur <= 0 just checks to make sure it wasn't previously in the "repeatDelay" portion
 
         if (yoyo && iteration & 1) {
           time = dur - time;
@@ -3995,7 +4004,7 @@ var Timeline = /*#__PURE__*/function (_Animation) {
         prevTime = 0; // upon init, the playhead should always go forward; someone could invalidate() a completed timeline and then if they restart(), that would make child tweens render in reverse order which could lock in the wrong starting values if they build on each other, like tl.to(obj, {x: 100}).to(obj, {x: 0}).
       }
 
-      if (!prevTime && time && !suppressEvents) {
+      if (!prevTime && time && !suppressEvents && !iteration) {
         _callback$1(this, "onStart");
 
         if (this._tTime !== tTime) {
@@ -5203,7 +5212,7 @@ var Tween = /*#__PURE__*/function (_Animation2) {
         this.ratio = ratio = 1 - ratio;
       }
 
-      if (time && !prevTime && !suppressEvents) {
+      if (time && !prevTime && !suppressEvents && !iteration) {
         _callback$1(this, "onStart");
 
         if (this._tTime !== tTime) {
@@ -6188,7 +6197,7 @@ var gsap$f = _gsap.registerPlugin({
   }
 }, _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.11.4";
+Tween.version = Timeline.version = gsap$f.version = "3.11.5";
 _coreReady = 1;
 _windowExists$8() && _wake();
 var Power0 = _easeMap.Power0,
@@ -6211,10 +6220,10 @@ var Power0 = _easeMap.Power0,
     Circ = _easeMap.Circ;
 
 /*!
- * CSSPlugin 3.11.4
+ * CSSPlugin 3.11.5
  * https://greensock.com
  *
- * Copyright 2008-2022, GreenSock. All rights reserved.
+ * Copyright 2008-2023, 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
@@ -6302,6 +6311,10 @@ _renderRoundedCSSProp = function _renderRoundedCSSProp(ratio, data) {
       ~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.
+    } else {
+      return _propertyAliases.transform.split(",").forEach(function (p) {
+        return _saveStyle.call(_this, p, isNotCSS);
+      });
     }
 
     if (this.props.indexOf(_transformProp$3) >= 0) {
@@ -6335,7 +6348,7 @@ _renderRoundedCSSProp = function _renderRoundedCSSProp(ratio, data) {
 
   for (i = 0; i < props.length; i += 3) {
     // stored like this: property, isNotCSS, value
-    props[i + 1] ? target[props[i]] = props[i + 2] : props[i + 2] ? style[props[i]] = props[i + 2] : style.removeProperty(props[i].replace(_capsExp$1, "-$1").toLowerCase());
+    props[i + 1] ? target[props[i]] = props[i + 2] : props[i + 2] ? style[props[i]] = props[i + 2] : style.removeProperty(props[i].substr(0, 2) === "--" ? props[i] : props[i].replace(_capsExp$1, "-$1").toLowerCase());
   }
 
   if (this.tfm) {
@@ -6350,20 +6363,22 @@ _renderRoundedCSSProp = function _renderRoundedCSSProp(ratio, data) {
 
     i = _reverting$1();
 
-    if (i && !i.isStart && !style[_transformProp$3]) {
+    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) {
+    _getStyleSaver$3 = function _getStyleSaver(target, properties) {
   var saver = {
     target: target,
     props: [],
     revert: _revertStyle,
     save: _saveStyle
   };
+  target._gsap || gsap$f.core.getCache(target); // just make sure there's a _gsap cache defined because we read from it in _saveStyle() and it's more efficient to just check it here once.
+
   properties && properties.split(",").forEach(function (p) {
     return saver.save(p);
   });
@@ -7525,7 +7540,7 @@ var CSSPlugin$1 = {
         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);
+    this.styles = this.styles || _getStyleSaver$3(target);
     inlineProps = this.styles.props;
     this.tween = tween;
 
@@ -7726,7 +7741,7 @@ var CSSPlugin$1 = {
   }
 };
 gsap$f.utils.checkPrefix = _checkPropPrefix;
-gsap$f.core.getStyleSaver = _getStyleSaver$1;
+gsap$f.core.getStyleSaver = _getStyleSaver$3;
 
 (function (positionAndScale, rotation, others, aliases) {
   var all = _forEachName(positionAndScale + "," + rotation + "," + others, function (name) {
@@ -7753,10 +7768,10 @@ _forEachName("x,y,z,top,right,bottom,left,width,height,fontSize,padding,margin,p
 gsap$f.registerPlugin(CSSPlugin$1);
 
 /*!
- * paths 3.11.4
+ * paths 3.11.5
  * https://greensock.com
  *
- * Copyright 2008-2022, GreenSock. All rights reserved.
+ * Copyright 2008-2023, 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
@@ -8421,6 +8436,8 @@ function getPositionOnPath(rawPath, progress, includeAngle, point) {
     progress = _wrapProgress(progress);
   }
 
+  segment.lookup || cacheRawPathMeasurements(rawPath);
+
   if (rawPath.length > 1) {
     //speed optimization: most of the time, there's only one segment so skip the recursion.
     length = rawPath.totalLength * progress;
@@ -9239,10 +9256,10 @@ export function pointToScreen(svgElement, point) {
 */
 
 /*!
- * CustomEase 3.11.4
+ * CustomEase 3.11.5
  * https://greensock.com
  *
- * @license Copyright 2008-2022, GreenSock. All rights reserved.
+ * @license Copyright 2008-2023, 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
@@ -9604,13 +9621,13 @@ var CustomEase = /*#__PURE__*/function () {
   return CustomEase;
 }();
 _getGSAP$d() && gsap$e.registerPlugin(CustomEase);
-CustomEase.version = "3.11.4";
+CustomEase.version = "3.11.5";
 
 /*!
- * matrix 3.11.4
+ * matrix 3.11.5
  * https://greensock.com
  *
- * Copyright 2008-2022, GreenSock. All rights reserved.
+ * Copyright 2008-2023, 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
@@ -10049,6 +10066,7 @@ var gsap$d,
     _defaultCursor,
     _supportsPointer,
     _context$2,
+    _getStyleSaver$2,
     _dragCount = 0,
     _windowExists$6 = function _windowExists() {
   return typeof window !== "undefined";
@@ -10882,6 +10900,7 @@ ScrollProxy = function ScrollProxy(element, vars) {
     _transformProp$1 = _checkPrefix(_transformProp$1);
     _transformOriginProp = _checkPrefix(_transformOriginProp);
     _toArray$7 = gsap$d.utils.toArray;
+    _getStyleSaver$2 = gsap$d.core.getStyleSaver;
     _supports3D = !!_checkPrefix("perspective");
   } else if (required) {
     console.warn("Please gsap.registerPlugin(Draggable)");
@@ -10936,6 +10955,8 @@ var Draggable = /*#__PURE__*/function (_EventDispatcher) {
     _coreInitted$a || _initCore$9(1);
     target = _toArray$7(target)[0]; //in case the target is a selector object or selector text
 
+    _this2.styles = _getStyleSaver$2 && _getStyleSaver$2(target, "transform,left,top");
+
     if (!InertiaPlugin$1) {
       InertiaPlugin$1 = gsap$d.plugins.inertia;
     }
@@ -12569,7 +12590,7 @@ var Draggable = /*#__PURE__*/function (_EventDispatcher) {
       return arguments.length ? value ? self.enable(type) : self.disable(type) : enabled;
     };
 
-    _this2.kill = _this2.revert = function () {
+    _this2.kill = function () {
       self.isThrowing = false;
       self.tween && self.tween.kill();
       self.disable();
@@ -12580,6 +12601,11 @@ var Draggable = /*#__PURE__*/function (_EventDispatcher) {
       return self;
     };
 
+    _this2.revert = function () {
+      this.kill();
+      this.styles && this.styles.revert();
+    };
+
     if (~type.indexOf("scroll")) {
       scrollProxy = _this2.scrollProxy = new ScrollProxy(target, _extend$1({
         onKill: function onKill() {
@@ -12694,14 +12720,14 @@ _setDefaults$1(Draggable.prototype, {
 });
 
 Draggable.zIndex = 1000;
-Draggable.version = "3.11.4";
+Draggable.version = "3.11.5";
 _getGSAP$c() && gsap$d.registerPlugin(Draggable);
 
 /*!
- * CSSRulePlugin 3.11.4
+ * CSSRulePlugin 3.11.5
  * https://greensock.com
  *
- * @license Copyright 2008-2022, GreenSock. All rights reserved.
+ * @license Copyright 2008-2023, 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
@@ -12748,7 +12774,7 @@ var gsap$c,
 };
 
 var CSSRulePlugin = {
-  version: "3.11.4",
+  version: "3.11.5",
   name: "cssRule",
   init: function init(target, value, tween, index, targets) {
     if (!_checkRegister() || typeof target.cssText === "undefined") {
@@ -12832,10 +12858,10 @@ var CSSRulePlugin = {
 _getGSAP$b() && gsap$c.registerPlugin(CSSRulePlugin);
 
 /*!
- * EaselPlugin 3.11.4
+ * EaselPlugin 3.11.5
  * https://greensock.com
  *
- * @license Copyright 2008-2022, GreenSock. All rights reserved.
+ * @license Copyright 2008-2023, 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
@@ -13103,7 +13129,7 @@ var gsap$b,
 };
 
 var EaselPlugin = {
-  version: "3.11.4",
+  version: "3.11.5",
   name: "easel",
   init: function init(target, value, tween, index, targets) {
     if (!_coreInitted$8) {
@@ -13173,10 +13199,10 @@ EaselPlugin.registerCreateJS = function (createjs) {
 _getGSAP$a() && gsap$b.registerPlugin(EaselPlugin);
 
 /*!
- * EasePack 3.11.4
+ * EasePack 3.11.5
  * https://greensock.com
  *
- * @license Copyright 2008-2022, GreenSock. All rights reserved.
+ * @license Copyright 2008-2023, 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
@@ -13379,16 +13405,16 @@ var EasePack = {
 
 for (var p$1 in EasePack) {
   EasePack[p$1].register = _initCore$6;
-  EasePack[p$1].version = "3.11.4";
+  EasePack[p$1].version = "3.11.5";
 }
 
 _getGSAP$9() && gsap$a.registerPlugin(SlowMo);
 
 /*!
- * Flip 3.11.4
+ * Flip 3.11.5
  * https://greensock.com
  *
- * @license Copyright 2008-2022, GreenSock. All rights reserved.
+ * @license Copyright 2008-2023, 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
@@ -13401,6 +13427,7 @@ var _id = 1,
     _batchAction,
     _body$4,
     _closestTenth,
+    _getStyleSaver$1,
     _forEachBatch = function _forEachBatch(batch, name) {
   return batch.actions.forEach(function (a) {
     return a.vars[name] && a.vars[name](a);
@@ -13716,8 +13743,7 @@ _makeAbsolute = function _makeAbsolute(elState, fallbackNode, ignoreBatch) {
       scaleY = toState.scaleY,
       rotation = toState.rotation,
       bounds = toState.bounds,
-      cssText = vars && element.style.cssText,
-      transform = vars && element.getBBox && element.getAttribute("transform"),
+      styles = vars && _getStyleSaver$1 && _getStyleSaver$1(element, "transform"),
       dimensionState = fromState,
       _toState$matrix = toState.matrix,
       e = _toState$matrix.e,
@@ -13812,9 +13838,7 @@ _makeAbsolute = function _makeAbsolute(elState, fallbackNode, ignoreBatch) {
 
   if (vars && !(vars instanceof ElementState)) {
     // revert
-    element.style.cssText = cssText;
-    element.getBBox && element.setAttribute("transform", transform || "");
-    cache.uncache = 1;
+    styles && styles.revert();
   } else {
     // or apply the transform immediately
     cache.x = x + "px";
@@ -14871,6 +14895,7 @@ var Flip = /*#__PURE__*/function () {
       _setDoc(_body$4);
 
       _toArray$6 = gsap$9.utils.toArray;
+      _getStyleSaver$1 = gsap$9.core.getStyleSaver;
       var snap = gsap$9.utils.snap(0.1);
 
       _closestTenth = function _closestTenth(value, add) {
@@ -14881,7 +14906,7 @@ var Flip = /*#__PURE__*/function () {
 
   return Flip;
 }();
-Flip.version = "3.11.4"; // function whenImagesLoad(el, func) {
+Flip.version = "3.11.5"; // function whenImagesLoad(el, func) {
 // 	let pending = [],
 // 		onLoad = e => {
 // 			pending.splice(pending.indexOf(e.target), 1);
@@ -14895,10 +14920,10 @@ Flip.version = "3.11.4"; // function whenImagesLoad(el, func) {
 typeof window !== "undefined" && window.gsap && window.gsap.registerPlugin(Flip);
 
 /*!
- * MotionPathPlugin 3.11.4
+ * MotionPathPlugin 3.11.5
  * https://greensock.com
  *
- * @license Copyright 2008-2022, GreenSock. All rights reserved.
+ * @license Copyright 2008-2023, 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
@@ -15109,7 +15134,7 @@ _segmentToRawPath = function _segmentToRawPath(plugin, segment, target, x, y, sl
 };
 
 var MotionPathPlugin = {
-  version: "3.11.4",
+  version: "3.11.5",
   name: "motionPath",
   register: function register(core, Plugin, propTween) {
     gsap$8 = core;
@@ -15263,10 +15288,10 @@ 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.11.4
+ * Observer 3.11.5
  * https://greensock.com
  *
- * @license Copyright 2008-2022, GreenSock. All rights reserved.
+ * @license Copyright 2008-2023, 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
@@ -15692,7 +15717,7 @@ var Observer = /*#__PURE__*/function () {
       }
     },
         _onPress = self.onPress = function (e) {
-      if (_ignoreCheck(e, 1)) {
+      if (_ignoreCheck(e, 1) || e && e.button) {
         return;
       }
 
@@ -15715,7 +15740,7 @@ var Observer = /*#__PURE__*/function () {
       self.deltaX = self.deltaY = 0;
       onPress && onPress(self);
     },
-        _onRelease = function _onRelease(e) {
+        _onRelease = self.onRelease = function (e) {
       if (_ignoreCheck(e, 1)) {
         return;
       }
@@ -15923,7 +15948,7 @@ var Observer = /*#__PURE__*/function () {
 
   return Observer;
 }();
-Observer.version = "3.11.4";
+Observer.version = "3.11.5";
 
 Observer.create = function (vars) {
   return new Observer(vars);
@@ -15944,10 +15969,10 @@ Observer.getById = function (id) {
 _getGSAP$7() && gsap$7.registerPlugin(Observer);
 
 /*!
- * PixiPlugin 3.11.4
+ * PixiPlugin 3.11.5
  * https://greensock.com
  *
- * @license Copyright 2008-2022, GreenSock. All rights reserved.
+ * @license Copyright 2008-2023, 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
@@ -16313,7 +16338,7 @@ for (i$1 = 0; i$1 < _xyContexts.length; i$1++) {
 }
 
 var PixiPlugin = {
-  version: "3.11.4",
+  version: "3.11.5",
   name: "pixi",
   register: function register(core, Plugin, propTween) {
     gsap$6 = core;
@@ -16397,10 +16422,10 @@ var PixiPlugin = {
 _getGSAP$6() && gsap$6.registerPlugin(PixiPlugin);
 
 /*!
- * ScrollToPlugin 3.11.4
+ * ScrollToPlugin 3.11.5
  * https://greensock.com
  *
- * @license Copyright 2008-2022, GreenSock. All rights reserved.
+ * @license Copyright 2008-2023, 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
@@ -16524,7 +16549,7 @@ var gsap$5,
 };
 
 var ScrollToPlugin$1 = {
-  version: "3.11.4",
+  version: "3.11.5",
   name: "scrollTo",
   rawVars: 1,
   register: function register(core) {
@@ -16666,10 +16691,10 @@ ScrollToPlugin$1.buildGetter = _buildGetter$1;
 _getGSAP$5() && gsap$5.registerPlugin(ScrollToPlugin$1);
 
 /*!
- * ScrollTrigger 3.11.4
+ * ScrollTrigger 3.11.5
  * https://greensock.com
  *
- * @license Copyright 2008-2022, GreenSock. All rights reserved.
+ * @license Copyright 2008-2023, 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
@@ -16711,7 +16736,11 @@ _startup = 1,
     _time1$1 = _getTime(),
     _lastScrollTime = 0,
     _enabled = 0,
-    _pointerDownHandler = function _pointerDownHandler() {
+    _rafBugFix = function _rafBugFix() {
+  return _enabled && requestAnimationFrame(_rafBugFix);
+},
+    // in some browsers (like Firefox), screen repaints weren't consistent unless we had SOMETHING queued up in requestAnimationFrame()! So this just creates a super simple loop to keep it alive and smooth out repaints.
+_pointerDownHandler = function _pointerDownHandler() {
   return _pointerIsDown = 1;
 },
     _pointerUpHandler = function _pointerUpHandler() {
@@ -16761,7 +16790,7 @@ _startup = 1,
       d2 = _ref2.d2,
       d = _ref2.d,
       a = _ref2.a;
-  return (s = "scroll" + d2) && (a = _getProxyProp(element, s)) ? a() - _getBoundsFunc(element)()[d] : _isViewport(element) ? (_docEl$1[s] || _body$1[s]) - (_win["inner" + d2] || _docEl$1["client" + d2] || _body$1["client" + d2]) : element[s] - element["offset" + d2];
+  return Math.max(0, (s = "scroll" + d2) && (a = _getProxyProp(element, s)) ? a() - _getBoundsFunc(element)()[d] : _isViewport(element) ? (_docEl$1[s] || _body$1[s]) - (_win["inner" + d2] || _docEl$1["client" + d2] || _body$1["client" + d2]) : element[s] - element["offset" + d2]);
 },
     _iterateAutoRefresh = function _iterateAutoRefresh(func, events) {
   for (var i = 0; i < _autoRefresh.length; i += 3) {
@@ -16943,7 +16972,12 @@ _startup = 1,
   return element.removeEventListener(type, func, !!capture);
 },
     _wheelListener = function _wheelListener(func, el, scrollFunc) {
-  return scrollFunc && scrollFunc.wheelHandler && func(el, "wheel", scrollFunc);
+  scrollFunc = scrollFunc && scrollFunc.wheelHandler;
+
+  if (scrollFunc) {
+    func(el, "wheel", scrollFunc);
+    func(el, "touchmove", scrollFunc);
+  }
 },
     _markerDefaults = {
   startColor: "green",
@@ -17151,7 +17185,7 @@ _revertRecorded = function _revertRecorded(media) {
           original = t.pin[prop];
       t.revert(true, 1);
       t.adjustPinSpacing(t.pin[prop] - original);
-      t.revert(false, 1);
+      t.refresh();
     }
   });
 
@@ -17178,6 +17212,7 @@ _revertRecorded = function _revertRecorded(media) {
   _resizeDelay.pause();
 
   _refreshID++;
+  _refreshingAll = 2;
 
   _updateAll(2);
 
@@ -17203,7 +17238,7 @@ _revertRecorded = function _revertRecorded(media) {
         scroll = l && _triggers[0].scroll();
 
     _direction = _lastScroll > scroll ? -1 : 1;
-    _lastScroll = scroll;
+    _refreshingAll || (_lastScroll = scroll);
 
     if (recordVelocity) {
       if (_lastScrollTime && !_pointerIsDown && time - _lastScrollTime > 200) {
@@ -17390,8 +17425,9 @@ _parsePosition = function _parsePosition(value, trigger, scrollerSize, direction
     value = bounds[direction.p] - scrollerBounds[direction.p] - borderWidth + localOffset + scroll - globalOffset;
     markerScroller && _positionMarker(markerScroller, globalOffset, direction, scrollerSize - globalOffset < 20 || markerScroller._isStart && globalOffset > 20);
     scrollerSize -= scrollerSize - globalOffset; // adjust for the marker
-  } else if (markerScroller) {
-    _positionMarker(markerScroller, scrollerSize, direction, true);
+  } else {
+    containerAnimation && (value = gsap$4.utils.mapRange(containerAnimation.scrollTrigger.start, containerAnimation.scrollTrigger.end, 0, scrollerMax, value));
+    markerScroller && _positionMarker(markerScroller, scrollerSize, direction, true);
   }
 
   if (marker) {
@@ -17446,6 +17482,23 @@ _parsePosition = function _parsePosition(value, trigger, scrollerSize, direction
     gsap$4.core.getCache(element).uncache = 1;
     parent.appendChild(element);
   }
+},
+    _interruptionTracker = function _interruptionTracker(getValueFunc, initialValue, onInterrupt) {
+  var last1 = initialValue,
+      last2 = last1;
+  return function (value) {
+    var current = Math.round(getValueFunc()); // round because in some [very uncommon] Windows environments, scroll can get reported with decimals even though it was set without.
+
+    if (current !== last1 && current !== last2 && Math.abs(current - last1) > 3 && Math.abs(current - last2) > 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.
+      value = current;
+      onInterrupt && onInterrupt();
+    }
+
+    last2 = last1;
+    last1 = value;
+    return value;
+  };
 },
     // _mergeAnimations = animations => {
 // 	let tl = gsap.timeline({smoothChildTiming: true}).startTime(Math.min(...animations.map(a => a.globalTime(0))));
@@ -17465,6 +17518,12 @@ _getTweenCreator = function _getTweenCreator(scroller, direction) {
         onComplete = vars.onComplete,
         modifiers = {};
     initialValue = initialValue || getScroll();
+
+    var checkForInterruption = _interruptionTracker(getScroll, initialValue, function () {
+      tween.kill();
+      getTween.tween = 0;
+    });
+
     change2 = change1 && change2 || 0; // if change1 is 0, we set that to the difference and ignore change2. Otherwise, there would be a compound effect.
 
     change1 = change1 || scrollTo - initialValue;
@@ -17473,19 +17532,8 @@ _getTweenCreator = function _getTweenCreator(scroller, direction) {
     vars[prop] = scrollTo;
     vars.modifiers = modifiers;
 
-    modifiers[prop] = function (value) {
-      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) > 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;
-      } else {
-        value = initialValue + change1 * tween.ratio + change2 * tween.ratio * tween.ratio;
-      }
-
-      lastScroll2 = lastScroll1;
-      return lastScroll1 = Math.round(value);
+    modifiers[prop] = function () {
+      return checkForInterruption(initialValue + change1 * tween.ratio + change2 * tween.ratio * tween.ratio);
     };
 
     vars.onUpdate = function () {
@@ -17512,6 +17560,7 @@ _getTweenCreator = function _getTweenCreator(scroller, direction) {
   _addListener(scroller, "wheel", getScroll.wheelHandler); // Windows machines handle mousewheel scrolling in chunks (like "3 lines per scroll") meaning the typical strategy for cancelling the scroll isn't as sensitive. It's much more likely to match one of the previous 2 scroll event positions. So we kill any snapping as soon as there's a wheel event.
 
 
+  ScrollTrigger.isTouch && _addListener(scroller, "touchmove", getScroll.wheelHandler);
   return getTween;
 };
 
@@ -17662,6 +17711,8 @@ var ScrollTrigger = /*#__PURE__*/function () {
       self.animation = animation.pause();
       animation.scrollTrigger = self;
       self.scrubDuration(scrub);
+      scrubTween && scrubTween.resetTo && scrubTween.resetTo("totalProgress", 0); // otherwise the initial scrub progress value would start at 0.001 which normally is no big deal, but for containerAnimation it can be noticeable since the range is so tiny.
+
       snap1 = 0;
       id || (id = animation.vars.id);
     }
@@ -17822,7 +17873,7 @@ var ScrollTrigger = /*#__PURE__*/function () {
           oldParams = containerAnimation.vars.onUpdateParams;
       containerAnimation.eventCallback("onUpdate", function () {
         self.update(0, 0, 1);
-        oldOnUpdate && oldOnUpdate.apply(oldParams || []);
+        oldOnUpdate && oldOnUpdate.apply(containerAnimation, oldParams || []);
       });
     }
 
@@ -17860,7 +17911,7 @@ var ScrollTrigger = /*#__PURE__*/function () {
         });
 
         if (r) {
-          _refreshing = 1;
+          _refreshing = self;
           self.update(r); // make sure the pin is back in its original position so that all the measurements are correct. do this BEFORE swapping the pin out
         }
 
@@ -17892,7 +17943,7 @@ var ScrollTrigger = /*#__PURE__*/function () {
       }
 
       !_refreshingAll && onRefreshInit && onRefreshInit(self);
-      _refreshing = 1;
+      _refreshing = self;
       lastRefresh = _getTime();
 
       if (tweenTo.tween) {
@@ -17910,6 +17961,7 @@ var ScrollTrigger = /*#__PURE__*/function () {
       var size = getScrollerSize(),
           scrollerBounds = getScrollerOffsets(),
           max = containerAnimation ? containerAnimation.duration() : _maxScroll(scroller, direction),
+          isFirstRefresh = change <= 0.01,
           offset = 0,
           otherPinOffset = 0,
           parsedEnd = vars.end,
@@ -17933,11 +17985,11 @@ var ScrollTrigger = /*#__PURE__*/function () {
       while (i--) {
         // user might try to pin the same element more than once, so we must find any prior triggers with the same pin, revert them, and determine how long they're pinning so that we can offset things appropriately. Make sure we revert from last to first so that things "rewind" properly.
         curTrigger = _triggers[i];
-        curTrigger.end || curTrigger.refresh(0, 1) || (_refreshing = 1); // if it's a timeline-based trigger that hasn't been fully initialized yet because it's waiting for 1 tick, just force the refresh() here, otherwise if it contains a pin that's supposed to affect other ScrollTriggers further down the page, they won't be adjusted properly.
+        curTrigger.end || curTrigger.refresh(0, 1) || (_refreshing = self); // if it's a timeline-based trigger that hasn't been fully initialized yet because it's waiting for 1 tick, just force the refresh() here, otherwise if it contains a pin that's supposed to affect other ScrollTriggers further down the page, they won't be adjusted properly.
 
         curPin = curTrigger.pin;
 
-        if (curPin && (curPin === trigger || curPin === pin) && !curTrigger.isReverted) {
+        if (curPin && (curPin === trigger || curPin === pin || curPin === pinnedContainer) && !curTrigger.isReverted) {
           revertedPins || (revertedPins = []);
           revertedPins.unshift(curTrigger); // we'll revert from first to last to make sure things reach their end state properly
 
@@ -17960,7 +18012,7 @@ var ScrollTrigger = /*#__PURE__*/function () {
           parsedEnd = (_isString$2(parsedStart) ? parsedStart.split(" ")[0] : "") + parsedEnd;
         } else {
           offset = _offsetToPx(parsedEnd.substr(2), size);
-          parsedEnd = _isString$2(parsedStart) ? parsedStart : start + offset; // _parsePosition won't factor in the offset if the start is a number, so do it here.
+          parsedEnd = _isString$2(parsedStart) ? parsedStart : (containerAnimation ? gsap$4.utils.mapRange(0, containerAnimation.duration(), containerAnimation.scrollTrigger.start, containerAnimation.scrollTrigger.end, start) : start) + offset; // _parsePosition won't factor in the offset if the start is a number, so do it here.
 
           parsedEndTrigger = trigger;
         }
@@ -17989,6 +18041,12 @@ var ScrollTrigger = /*#__PURE__*/function () {
 
       start += offset;
       end += offset;
+
+      if (isFirstRefresh) {
+        // on the very first refresh(), the prevProgress couldn't have been accurate yet because the start/end were never calculated, so we set it here. Before 3.11.5, it could lead to an inaccurate scroll position restoration with snapping.
+        prevProgress = gsap$4.utils.clamp(0, 1, gsap$4.utils.normalize(start, end, prevScroll));
+      }
+
       self._pinPush = otherPinOffset;
 
       if (markerStart && offset) {
@@ -18013,7 +18071,7 @@ var ScrollTrigger = /*#__PURE__*/function () {
             style: forcedOverflow,
             value: forcedOverflow["overflow" + direction.a.toUpperCase()]
           };
-          forcedOverflow["overflow" + direction.a.toUpperCase()] = "scroll";
+          forcedOverflow.style["overflow" + direction.a.toUpperCase()] = "scroll";
         }
 
         _swapPinIn(pin, spacer, cs);
@@ -18121,15 +18179,15 @@ var ScrollTrigger = /*#__PURE__*/function () {
       _refreshing = 0;
       animation && isToggle && (animation._initted || prevAnimProgress) && animation.progress() !== prevAnimProgress && animation.progress(prevAnimProgress, true).render(animation.time(), true, true); // must force a re-render because if saveStyles() was used on the target(s), the styles could have been wiped out during the refresh().
 
-      if (prevProgress !== self.progress || containerAnimation) {
+      if (isFirstRefresh || prevProgress !== self.progress || containerAnimation) {
         // 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.
+        animation && !isToggle && animation.totalProgress(containerAnimation && start < -0.001 && !prevProgress ? gsap$4.utils.normalize(start, end, 0) : prevProgress, true); // to avoid issues where animation callbacks like onStart aren't triggered.
 
         self.progress = (scroll1 - start) / change === prevProgress ? 0 : prevProgress;
       }
 
-      pin && pinSpacing && (spacer._pinOffset = Math.round(self.progress * pinChange)); //			scrubTween && scrubTween.invalidate();
-
+      pin && pinSpacing && (spacer._pinOffset = Math.round(self.progress * pinChange));
+      scrubTween && scrubTween.invalidate();
       onRefresh && !_refreshingAll && onRefresh(self); // when refreshing all, we do extra work to correct pinnedContainer sizes and ensure things don't exceed the maxScroll, so we should do all the refreshes at the end after all that work so that the start/end values are corrected.
     };
 
@@ -18165,7 +18223,7 @@ var ScrollTrigger = /*#__PURE__*/function () {
         return;
       }
 
-      var scroll = _refreshingAll ? prevScroll : self.scroll(),
+      var scroll = _refreshingAll === true ? prevScroll : self.scroll(),
           p = reset ? 0 : (scroll - start) / change,
           clipped = p < 0 ? 0 : p > 1 ? 1 : p || 0,
           prevProgress = self.progress,
@@ -18350,7 +18408,7 @@ var ScrollTrigger = /*#__PURE__*/function () {
     };
 
     self.adjustPinSpacing = function (amount) {
-      if (spacerState) {
+      if (spacerState && amount) {
         var i = spacerState.indexOf(direction.d) + 1;
         spacerState[i] = parseFloat(spacerState[i]) + amount + _px;
         spacerState[1] = parseFloat(spacerState[1]) + amount + _px;
@@ -18508,10 +18566,14 @@ var ScrollTrigger = /*#__PURE__*/function () {
       _context = gsap$4.core.context || _passThrough;
       _suppressOverwrites = gsap$4.core.suppressOverwrites || _passThrough;
       _scrollRestoration = _win.history.scrollRestoration || "auto";
+      _lastScroll = _win.pageYOffset;
       gsap$4.core.globals("ScrollTrigger", ScrollTrigger); // must register the global manually because in Internet Explorer, functions (classes) don't have a "name" property.
 
       if (_body$1) {
         _enabled = 1;
+
+        _rafBugFix();
+
         Observer.register(gsap$4); // isTouch is 0 if no touch, 1 if ONLY touch, and 2 if it can accommodate touch but also other types like mouse/pointer.
 
         ScrollTrigger.isTouch = Observer.isTouch;
@@ -18689,7 +18751,7 @@ var ScrollTrigger = /*#__PURE__*/function () {
 
   return ScrollTrigger;
 }();
-ScrollTrigger.version = "3.11.4";
+ScrollTrigger.version = "3.11.5";
 
 ScrollTrigger.saveStyles = function (targets) {
   return targets ? _toArray$3(targets).forEach(function (target) {
@@ -18890,6 +18952,7 @@ _inputObserver = function _inputObserver(target, type, inputs, nested) {
       normalizeScrollX = _vars2.normalizeScrollX,
       momentum = _vars2.momentum,
       allowNestedScroll = _vars2.allowNestedScroll,
+      onRelease = _vars2.onRelease,
       self,
       maxY,
       target = _getTarget(vars.target) || _docEl$1,
@@ -18972,6 +19035,7 @@ _inputObserver = function _inputObserver(target, type, inputs, nested) {
   };
 
   vars.onPress = function () {
+    skipTouchMove = false;
     var prevScale = scale;
     scale = _round$2((_win.visualViewport && _win.visualViewport.scale || 1) / initialScale);
     tween.pause();
@@ -19018,6 +19082,8 @@ _inputObserver = function _inputObserver(target, type, inputs, nested) {
         });
       }
     }
+
+    onRelease && onRelease(self);
   };
 
   vars.onWheel = function () {
@@ -19084,8 +19150,15 @@ _inputObserver = function _inputObserver(target, type, inputs, nested) {
     paused: true,
     scrollX: normalizeScrollX ? "+=0.1" : "+=0",
     scrollY: "+=0.1",
+    modifiers: {
+      scrollY: _interruptionTracker(scrollFuncY, scrollFuncY(), function () {
+        return tween.pause();
+      })
+    },
+    onUpdate: _updateAll,
     onComplete: onStopDelayedCall.vars.onComplete
-  });
+  }); // we need the modifier to sense if the scroll position is altered outside of the momentum tween (like with a scrollTo tween) so we can pause() it to prevent conflicts.
+
   return self;
 };
 
@@ -19139,10 +19212,10 @@ ScrollTrigger.core = {
 _getGSAP$4() && gsap$4.registerPlugin(ScrollTrigger);
 
 /*!
- * strings: 3.11.4
+ * strings: 3.11.5
  * https://greensock.com
  *
- * Copyright 2008-2022, GreenSock. All rights reserved.
+ * Copyright 2008-2023, 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
@@ -19247,10 +19320,10 @@ function emojiSafeSplit(text, delimiter, trim, preserveSpaces) {
 }
 
 /*!
- * TextPlugin 3.11.4
+ * TextPlugin 3.11.5
  * https://greensock.com
  *
- * @license Copyright 2008-2022, GreenSock. All rights reserved.
+ * @license Copyright 2008-2023, 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
@@ -19263,7 +19336,7 @@ var gsap$3,
 };
 
 var TextPlugin = {
-  version: "3.11.4",
+  version: "3.11.5",
   name: "text",
   init: function init(target, value, tween) {
     typeof value !== "object" && (value = {
@@ -25422,7 +25495,7 @@ const CapacitorHttp = registerPlugin('CapacitorHttp', {
 });
 
 const Device = registerPlugin('Device', {
-    web: () => Promise.resolve().then(function () { return require('./web-0218110b.js'); }).then(m => new m.DeviceWeb()),
+    web: () => Promise.resolve().then(function () { return require('./web-92e36773.js'); }).then(m => new m.DeviceWeb()),
 });
 
 var mobileDetect = _commonjsHelpers.createCommonjsModule(function (module) {
@@ -29774,7 +29847,7 @@ const HapticsNotificationType = exports.NotificationType;
 const HapticsImpactStyle = exports.ImpactStyle;
 
 const Haptics = registerPlugin('Haptics', {
-    web: () => Promise.resolve().then(function () { return require('./web-fa0b7711.js'); }).then(m => new m.HapticsWeb()),
+    web: () => Promise.resolve().then(function () { return require('./web-462af743.js'); }).then(m => new m.HapticsWeb()),
 });
 
 /// <reference types="@capacitor/cli" />
@@ -29838,7 +29911,7 @@ const Keyboard = registerPlugin('Keyboard');
 /// <reference types="@capacitor/cli" />
 
 const SplashScreen = registerPlugin('SplashScreen', {
-    web: () => Promise.resolve().then(function () { return require('./web-d2e18c31.js'); }).then(m => new m.SplashScreenWeb()),
+    web: () => Promise.resolve().then(function () { return require('./web-aa38e3b6.js'); }).then(m => new m.SplashScreenWeb()),
 });
 
 var Style;