reacthub-pixitweenjs 0.2.109-alpha.3 → 0.2.109-alpha.5

package/dist/index.es.js

@@ -1,6 +1,6 @@
 import * as React from "react";
 import React__default, { useEffect, useState, useRef, useLayoutEffect, useCallback, useMemo, Fragment, useContext, useReducer } from "react";
-import { useApp, TilingSprite, Sprite, withFilters, Container as Container$1, AnimatedSprite, Text, useTick } from "@pixi/react";
+import { useApp, TilingSprite, Sprite, Container as Container$1, AnimatedSprite, Text, useTick } from "@pixi/react";
 import * as PIXI from "pixi.js";
 import { Transformer } from "reacthub-react-bindings";
 import gsap$2 from "gsap";
@@ -56,7 +56,7 @@ reactJsxRuntime_production_min.Fragment = l$6;
 reactJsxRuntime_production_min.jsx = q;
 reactJsxRuntime_production_min.jsxs = q;
 jsxRuntime.exports = reactJsxRuntime_production_min;
-var jsxRuntimeExports = jsxRuntime.exports, Effects = /* @__PURE__ */ ((A) => (A.BlackAndWhite = "BlackAndWhite", A.Sepia = "Sepia", A.RetroVintage = "RetroVintage", A.NightVision = "NightVision", A.Normal = "Normal", A.Vignette = "Vignette", A.None = "Normal", A))(Effects || {}), Waveforms = /* @__PURE__ */ ((A) => (A.NONE = "none", A.EQUALIZER = "equalizer", A.ROUNDBARS = "roundbars", A.LED = "led", A.RADIAL_SPECTRUM = "radial_spectrum", A.LUMI_BARS = "lumi_bars", A))(Waveforms || {});
+var jsxRuntimeExports = jsxRuntime.exports, Effects = /* @__PURE__ */ ((A) => (A.BlackAndWhite = "BlackAndWhite", A.Sepia = "Sepia", A.RetroVintage = "RetroVintage", A.NightVision = "NightVision", A.Normal = "Normal", A.Vignette = "Vignette", A.None = "Normal", A.CYAN = "CYAN", A))(Effects || {}), Waveforms = /* @__PURE__ */ ((A) => (A.NONE = "none", A.EQUALIZER = "equalizer", A.ROUNDBARS = "roundbars", A.LED = "led", A.RADIAL_SPECTRUM = "radial_spectrum", A.LUMI_BARS = "lumi_bars", A))(Waveforms || {});
 let targetElement;
 function getElement() {
   return targetElement = document.body, targetElement;
@@ -243,19 +243,19 @@ const GsapPixieContext = React.createContext({}), Events = {
   ), Fe = React.useCallback(() => {
     if (E.current === null)
       return;
-    const ke = E.current.x, Le = E.current.y, Ge = E.current.width, He = E.current.height, Be = E.current.rotation, je = [
+    const ke = E.current.x, Le = E.current.y, Ge = E.current.width, Ue = E.current.height, Be = E.current.rotation, je = [
       E.current.scale.x,
       E.current.scale.y
-    ], Ue = je[0] < 0 ? -1 : 1, ze = je[1] < 0 ? -1 : 1;
+    ], Ve = je[0] < 0 ? -1 : 1, ze = je[1] < 0 ? -1 : 1;
     R && (R({
       uniqueId: V,
       transformation: {
         x: Math.round(ke),
         y: Math.round(Le),
         width: Math.round(Math.max(5, Ge)),
-        height: Math.round(Math.max(5, He)),
+        height: Math.round(Math.max(5, Ue)),
         rotation: Be,
-        scale: X ? je : [Ue, ze]
+        scale: X ? je : [Ve, ze]
         // @todo: fix this for text
       }
     }), emitCustomEvent(Events.TRANSFORMER_DRAG_END, { uniqueId: "timeline" })), Y.current.isDragging = !1;
@@ -541,22 +541,22 @@ function arcToSegment(A, E, C, R, I, B, U, V, X) {
     we > 1 && (C = _sqrt(we) * C, R = _sqrt(we) * R);
     var Ie = C * C, Fe = R * R, ke = (Ie * Fe - Ie * Te - Fe * Ae) / (Ie * Te + Fe * Ae);
     ke < 0 && (ke = 0);
-    var Le = (B === U ? -1 : 1) * _sqrt(ke), Ge = Le * (C * Ee / R), He = Le * -(R * Pe / C), Be = (A + V) / 2, je = (E + X) / 2, Ue = Be + (J * Ge - Y * He), ze = je + (Y * Ge + J * He), Ve = (Pe - Ge) / C, Oe = (Ee - He) / R, $e = (-Pe - Ge) / C, Re = (-Ee - He) / R, Me = Ve * Ve + Oe * Oe, Ne = (Oe < 0 ? -1 : 1) * Math.acos(Ve / _sqrt(Me)), De = (Ve * Re - Oe * $e < 0 ? -1 : 1) * Math.acos((Ve * $e + Oe * Re) / _sqrt(Me * ($e * $e + Re * Re)));
+    var Le = (B === U ? -1 : 1) * _sqrt(ke), Ge = Le * (C * Ee / R), Ue = Le * -(R * Pe / C), Be = (A + V) / 2, je = (E + X) / 2, Ve = Be + (J * Ge - Y * Ue), ze = je + (Y * Ge + J * Ue), He = (Pe - Ge) / C, Oe = (Ee - Ue) / R, $e = (-Pe - Ge) / C, Re = (-Ee - Ue) / R, Me = He * He + Oe * Oe, Ne = (Oe < 0 ? -1 : 1) * Math.acos(He / _sqrt(Me)), De = (He * Re - Oe * $e < 0 ? -1 : 1) * Math.acos((He * $e + Oe * Re) / _sqrt(Me * ($e * $e + Re * Re)));
     isNaN(De) && (De = Z), !U && De > 0 ? De -= _e : U && De < 0 && (De += _e), Ne %= _e, De %= _e;
     var Xe = Math.ceil(_abs(De) / (_e / 4)), qe = [], Ye = De / Xe, Je = 4 / 3 * _sin(Ye / 2) / (1 + _cos(Ye / 2)), Ke = J * C, rt = Y * C, nt = Y * -R, Qe = J * R, Ze;
     for (Ze = 0; Ze < Xe; Ze++)
-      I = Ne + Ze * Ye, Pe = _cos(I), Ee = _sin(I), Ve = _cos(I += Ye), Oe = _sin(I), qe.push(Pe - Je * Ee, Ee + Je * Pe, Ve + Je * Oe, Oe - Je * Ve, Ve, Oe);
+      I = Ne + Ze * Ye, Pe = _cos(I), Ee = _sin(I), He = _cos(I += Ye), Oe = _sin(I), qe.push(Pe - Je * Ee, Ee + Je * Pe, He + Je * Oe, Oe - Je * He, He, Oe);
     for (Ze = 0; Ze < qe.length; Ze += 2)
-      Pe = qe[Ze], Ee = qe[Ze + 1], qe[Ze] = Pe * Ke + Ee * nt + Ue, qe[Ze + 1] = Pe * rt + Ee * Qe + ze;
+      Pe = qe[Ze], Ee = qe[Ze + 1], qe[Ze] = Pe * Ke + Ee * nt + Ve, qe[Ze + 1] = Pe * rt + Ee * Qe + ze;
     return qe[Ze - 2] = V, qe[Ze - 1] = X, qe;
   }
 }
 function stringToRawPath(A) {
   var E = (A + "").replace(_scientific, function(Ge) {
-    var He = +Ge;
-    return He < 1e-4 && He > -1e-4 ? 0 : He;
-  }).match(_svgPathExp) || [], C = [], R = 0, I = 0, B = 2 / 3, U = E.length, V = 0, X = "ERROR: malformed path: " + A, K, J, Y, Z, _e, xe, Se, Pe, Ee, Ae, Te, we, Ie, Fe, ke, Le = function(He, Be, je, Ue) {
-    Ae = (je - He) / 3, Te = (Ue - Be) / 3, Se.push(He + Ae, Be + Te, je - Ae, Ue - Te, je, Ue);
+    var Ue = +Ge;
+    return Ue < 1e-4 && Ue > -1e-4 ? 0 : Ue;
+  }).match(_svgPathExp) || [], C = [], R = 0, I = 0, B = 2 / 3, U = E.length, V = 0, X = "ERROR: malformed path: " + A, K, J, Y, Z, _e, xe, Se, Pe, Ee, Ae, Te, we, Ie, Fe, ke, Le = function(Ue, Be, je, Ve) {
+    Ae = (je - Ue) / 3, Te = (Ve - Be) / 3, Se.push(Ue + Ae, Be + Te, je - Ae, Ve - Te, je, Ve);
   };
   if (!A || !isNaN(E[0]) || isNaN(E[1]))
     return console.log(X), C;
@@ -622,7 +622,7 @@ var gsap$1, _coreInitted, _getGSAP$1 = function() {
   for (X ? X = 1 / X : X = -V, K = 0; K < U; K += 2)
     E[K] = (+E[K] + I) * V, E[K + 1] = (+E[K + 1] + B) * X;
 }, _bezierToPoints = function A(E, C, R, I, B, U, V, X, K, J, Y) {
-  var Z = (E + R) / 2, _e = (C + I) / 2, xe = (R + B) / 2, Se = (I + U) / 2, Pe = (B + V) / 2, Ee = (U + X) / 2, Ae = (Z + xe) / 2, Te = (_e + Se) / 2, we = (xe + Pe) / 2, Ie = (Se + Ee) / 2, Fe = (Ae + we) / 2, ke = (Te + Ie) / 2, Le = V - E, Ge = X - C, He = Math.abs((R - V) * Ge - (I - X) * Le), Be = Math.abs((B - V) * Ge - (U - X) * Le), je;
+  var Z = (E + R) / 2, _e = (C + I) / 2, xe = (R + B) / 2, Se = (I + U) / 2, Pe = (B + V) / 2, Ee = (U + X) / 2, Ae = (Z + xe) / 2, Te = (_e + Se) / 2, we = (xe + Pe) / 2, Ie = (Se + Ee) / 2, Fe = (Ae + we) / 2, ke = (Te + Ie) / 2, Le = V - E, Ge = X - C, Ue = Math.abs((R - V) * Ge - (I - X) * Le), Be = Math.abs((B - V) * Ge - (U - X) * Le), je;
   return J || (J = [{
     x: E,
     y: C
@@ -632,7 +632,7 @@ var gsap$1, _coreInitted, _getGSAP$1 = function() {
   }], Y = 1), J.splice(Y || J.length - 1, 0, {
     x: Fe,
     y: ke
-  }), (He + Be) * (He + Be) > K * (Le * Le + Ge * Ge) && (je = J.length, A(E, C, Z, _e, Ae, Te, Fe, ke, K, J, Y), A(Fe, ke, we, Ie, Pe, Ee, V, X, K, J, Y + 1 + (J.length - je))), J;
+  }), (Ue + Be) * (Ue + Be) > K * (Le * Le + Ge * Ge) && (je = J.length, A(E, C, Z, _e, Ae, Te, Fe, ke, K, J, Y), A(Fe, ke, we, Ie, Pe, Ee, V, X, K, J, Y + 1 + (J.length - je))), J;
 }, CustomEase = /* @__PURE__ */ function() {
   function A(C, R, I) {
     _coreInitted || _initCore$1(), this.id = C, this.setData(R, I);
@@ -1712,7 +1712,7 @@ punycode$1.exports;
         qe[Xe] = De(Ne[Xe]);
       return qe;
     }
-    function He(Ne, De) {
+    function Ue(Ne, De) {
       var Xe = Ne.split("@"), qe = "";
       Xe.length > 1 && (qe = Xe[0] + "@", Ne = Xe[1]), Ne = Ne.replace(Ae, ".");
       var Ye = Ne.split("."), Je = Ge(Ye, De).join(".");
@@ -1729,13 +1729,13 @@ punycode$1.exports;
         return De > 65535 && (De -= 65536, Xe += Fe(De >>> 10 & 1023 | 55296), De = 56320 | De & 1023), Xe += Fe(De), Xe;
       }).join("");
     }
-    function Ue(Ne) {
+    function Ve(Ne) {
       return Ne - 48 < 10 ? Ne - 22 : Ne - 65 < 26 ? Ne - 65 : Ne - 97 < 26 ? Ne - 97 : X;
     }
     function ze(Ne, De) {
       return Ne + 22 + 75 * (Ne < 26) - ((De != 0) << 5);
     }
-    function Ve(Ne, De, Xe) {
+    function He(Ne, De, Xe) {
       var qe = 0;
       for (Ne = Xe ? Ie(Ne / Z) : Ne >> 1, Ne += Ie(Ne / De); Ne > we * J >> 1; qe += X)
         Ne = Ie(Ne / we);
@@ -1746,14 +1746,14 @@ punycode$1.exports;
       for (rt = Ne.lastIndexOf(Se), rt < 0 && (rt = 0), nt = 0; nt < rt; ++nt)
         Ne.charCodeAt(nt) >= 128 && Le("not-basic"), De.push(Ne.charCodeAt(nt));
       for (Qe = rt > 0 ? rt + 1 : 0; Qe < Xe; ) {
-        for (Ze = Ye, tt = 1, st = X; Qe >= Xe && Le("invalid-input"), et = Ue(Ne.charCodeAt(Qe++)), (et >= X || et > Ie((V - Ye) / tt)) && Le("overflow"), Ye += et * tt, We = st <= Ke ? K : st >= Ke + J ? J : st - Ke, !(et < We); st += X)
+        for (Ze = Ye, tt = 1, st = X; Qe >= Xe && Le("invalid-input"), et = Ve(Ne.charCodeAt(Qe++)), (et >= X || et > Ie((V - Ye) / tt)) && Le("overflow"), Ye += et * tt, We = st <= Ke ? K : st >= Ke + J ? J : st - Ke, !(et < We); st += X)
           it = X - We, tt > Ie(V / it) && Le("overflow"), tt *= it;
-        qe = De.length + 1, Ke = Ve(Ye - Ze, qe, Ze == 0), Ie(Ye / qe) > V - Je && Le("overflow"), Je += Ie(Ye / qe), Ye %= qe, De.splice(Ye++, 0, Je);
+        qe = De.length + 1, Ke = He(Ye - Ze, qe, Ze == 0), Ie(Ye / qe) > V - Je && Le("overflow"), Je += Ie(Ye / qe), Ye %= qe, De.splice(Ye++, 0, Je);
       }
       return je(De);
     }
     function $e(Ne) {
-      var De, Xe, qe, Ye, Je, Ke, rt, nt, Qe, Ze, tt, st = [], et, We, it, ot;
+      var De, Xe, qe, Ye, Je, Ke, rt, nt, Qe, Ze, tt, st = [], et, We, it, lt;
       for (Ne = Be(Ne), et = Ne.length, De = xe, Xe = 0, Je = _e, Ke = 0; Ke < et; ++Ke)
         tt = Ne[Ke], tt < 128 && st.push(Fe(tt));
       for (qe = Ye = st.length, Ye && st.push(Se); qe < et; ) {
@@ -1762,22 +1762,22 @@ punycode$1.exports;
         for (We = qe + 1, rt - De > Ie((V - Xe) / We) && Le("overflow"), Xe += (rt - De) * We, De = rt, Ke = 0; Ke < et; ++Ke)
           if (tt = Ne[Ke], tt < De && ++Xe > V && Le("overflow"), tt == De) {
             for (nt = Xe, Qe = X; Ze = Qe <= Je ? K : Qe >= Je + J ? J : Qe - Je, !(nt < Ze); Qe += X)
-              ot = nt - Ze, it = X - Ze, st.push(
-                Fe(ze(Ze + ot % it, 0))
-              ), nt = Ie(ot / it);
-            st.push(Fe(ze(nt, 0))), Je = Ve(Xe, We, qe == Ye), Xe = 0, ++qe;
+              lt = nt - Ze, it = X - Ze, st.push(
+                Fe(ze(Ze + lt % it, 0))
+              ), nt = Ie(lt / it);
+            st.push(Fe(ze(nt, 0))), Je = He(Xe, We, qe == Ye), Xe = 0, ++qe;
           }
         ++Xe, ++De;
       }
       return st.join("");
     }
     function Re(Ne) {
-      return He(Ne, function(De) {
+      return Ue(Ne, function(De) {
         return Pe.test(De) ? Oe(De.slice(4).toLowerCase()) : De;
       });
     }
     function Me(Ne) {
-      return He(Ne, function(De) {
+      return Ue(Ne, function(De) {
         return Ee.test(De) ? "xn--" + $e(De) : De;
       });
     }
@@ -1882,14 +1882,14 @@ var utilInspect = require$$0, inspectCustom = utilInspect.custom, inspectSymbol
     I = [];
   else if (indexOf(I, E) >= 0)
     return "[Circular]";
-  function Z(Ue, ze, Ve) {
-    if (ze && (I = $arrSlice.call(I), I.push(ze)), Ve) {
+  function Z(Ve, ze, He) {
+    if (ze && (I = $arrSlice.call(I), I.push(ze)), He) {
       var Oe = {
         depth: B.depth
       };
-      return has$3(B, "quoteStyle") && (Oe.quoteStyle = B.quoteStyle), A(Ue, Oe, R + 1, I);
+      return has$3(B, "quoteStyle") && (Oe.quoteStyle = B.quoteStyle), A(Ve, Oe, R + 1, I);
     }
-    return A(Ue, B, R + 1, I);
+    return A(Ve, B, R + 1, I);
   }
   if (typeof E == "function" && !isRegExp$1(E)) {
     var _e = nameOf(E), xe = arrObjKeys(E, Z);
@@ -1922,14 +1922,14 @@ var utilInspect = require$$0, inspectCustom = utilInspect.custom, inspectSymbol
   }
   if (isMap(E)) {
     var Ie = [];
-    return mapForEach && mapForEach.call(E, function(Ue, ze) {
-      Ie.push(Z(ze, E, !0) + " => " + Z(Ue, E));
+    return mapForEach && mapForEach.call(E, function(Ve, ze) {
+      Ie.push(Z(ze, E, !0) + " => " + Z(Ve, E));
     }), collectionOf("Map", mapSize$1.call(E), Ie, Y);
   }
   if (isSet(E)) {
     var Fe = [];
-    return setForEach && setForEach.call(E, function(Ue) {
-      Fe.push(Z(Ue, E));
+    return setForEach && setForEach.call(E, function(Ve) {
+      Fe.push(Z(Ve, E));
     }), collectionOf("Set", setSize.call(E), Fe, Y);
   }
   if (isWeakMap(E))
@@ -1951,7 +1951,7 @@ var utilInspect = require$$0, inspectCustom = utilInspect.custom, inspectSymbol
   if (typeof globalThis < "u" && E === globalThis || typeof commonjsGlobal$1 < "u" && E === commonjsGlobal$1)
     return "{ [object globalThis] }";
   if (!isDate(E) && !isRegExp$1(E)) {
-    var ke = arrObjKeys(E, Z), Le = gPO ? gPO(E) === Object.prototype : E instanceof Object || E.constructor === Object, Ge = E instanceof Object ? "" : "null prototype", He = !Le && toStringTag && Object(E) === E && toStringTag in E ? $slice.call(toStr(E), 8, -1) : Ge ? "Object" : "", Be = Le || typeof E.constructor != "function" ? "" : E.constructor.name ? E.constructor.name + " " : "", je = Be + (He || Ge ? "[" + $join.call($concat$1.call([], He || [], Ge || []), ": ") + "] " : "");
+    var ke = arrObjKeys(E, Z), Le = gPO ? gPO(E) === Object.prototype : E instanceof Object || E.constructor === Object, Ge = E instanceof Object ? "" : "null prototype", Ue = !Le && toStringTag && Object(E) === E && toStringTag in E ? $slice.call(toStr(E), 8, -1) : Ge ? "Object" : "", Be = Le || typeof E.constructor != "function" ? "" : E.constructor.name ? E.constructor.name + " " : "", je = Be + (Ue || Ge ? "[" + $join.call($concat$1.call([], Ue || [], Ge || []), ": ") + "] " : "");
     return ke.length === 0 ? je + "{}" : Y ? je + "{" + indentedJoin(ke, Y) + "}" : je + "{ " + $join.call(ke, ", ") + " }";
   }
   return String(E);
@@ -2930,22 +2930,22 @@ function() {
   var Ge = [];
   if (typeof Te > "u")
     return Ge;
-  var He;
+  var Ue;
   if (R === "comma" && isArray$a(Te))
-    Pe && K && (Te = utils$1.maybeMap(Te, K)), He = [{ value: Te.length > 0 ? Te.join(",") || null : void 0 }];
+    Pe && K && (Te = utils$1.maybeMap(Te, K)), Ue = [{ value: Te.length > 0 ? Te.join(",") || null : void 0 }];
   else if (isArray$a(J))
-    He = J;
+    Ue = J;
   else {
     var Be = Object.keys(Te);
-    He = Y ? Be.sort(Y) : Be;
+    Ue = Y ? Be.sort(Y) : Be;
   }
-  var je = X ? String(C).replace(/\./g, "%2E") : String(C), Ue = I && isArray$a(Te) && Te.length === 1 ? je + "[]" : je;
+  var je = X ? String(C).replace(/\./g, "%2E") : String(C), Ve = I && isArray$a(Te) && Te.length === 1 ? je + "[]" : je;
   if (B && isArray$a(Te) && Te.length === 0)
-    return Ue + "[]";
-  for (var ze = 0; ze < He.length; ++ze) {
-    var Ve = He[ze], Oe = typeof Ve == "object" && Ve && typeof Ve.value < "u" ? Ve.value : Te[Ve];
+    return Ve + "[]";
+  for (var ze = 0; ze < Ue.length; ++ze) {
+    var He = Ue[ze], Oe = typeof He == "object" && He && typeof He.value < "u" ? He.value : Te[He];
     if (!(V && Oe === null)) {
-      var $e = Z && X ? String(Ve).replace(/\./g, "%2E") : String(Ve), Re = isArray$a(Te) ? typeof R == "function" ? R(Ue, $e) : Ue : Ue + (Z ? "." + $e : "[" + $e + "]");
+      var $e = Z && X ? String(He).replace(/\./g, "%2E") : String(He), Re = isArray$a(Te) ? typeof R == "function" ? R(Ve, $e) : Ve : Ve + (Z ? "." + $e : "[" + $e + "]");
       Ae.set(E, Ie);
       var Me = getSideChannel();
       Me.set(sentinel, Ae), pushToArray(Ge, A(
@@ -3299,8 +3299,8 @@ Url.prototype.parse = function(A, E, C) {
           for (var Ie = "", Fe = 0, ke = we.length; Fe < ke; Fe++)
             we.charCodeAt(Fe) > 127 ? Ie += "x" : Ie += we[Fe];
           if (!Ie.match(hostnamePartPattern)) {
-            var Le = Ae.slice(0, _e), Ge = Ae.slice(_e + 1), He = we.match(hostnamePartStart);
-            He && (Le.push(He[1]), Ge.unshift(He[2])), Ge.length && (V = "/" + Ge.join(".") + V), this.hostname = Le.join(".");
+            var Le = Ae.slice(0, _e), Ge = Ae.slice(_e + 1), Ue = we.match(hostnamePartStart);
+            Ue && (Le.push(Ue[1]), Ge.unshift(Ue[2])), Ge.length && (V = "/" + Ge.join(".") + V), this.hostname = Le.join(".");
             break;
           }
         }
@@ -3311,14 +3311,14 @@ Url.prototype.parse = function(A, E, C) {
   }
   if (!unsafeProtocol[J])
     for (var _e = 0, Te = autoEscape.length; _e < Te; _e++) {
-      var Ue = autoEscape[_e];
-      if (V.indexOf(Ue) !== -1) {
-        var ze = encodeURIComponent(Ue);
-        ze === Ue && (ze = escape(Ue)), V = V.split(Ue).join(ze);
+      var Ve = autoEscape[_e];
+      if (V.indexOf(Ve) !== -1) {
+        var ze = encodeURIComponent(Ve);
+        ze === Ve && (ze = escape(Ve)), V = V.split(Ve).join(ze);
       }
     }
-  var Ve = V.indexOf("#");
-  Ve !== -1 && (this.hash = V.substr(Ve), V = V.slice(0, Ve));
+  var He = V.indexOf("#");
+  He !== -1 && (this.hash = V.substr(He), V = V.slice(0, He));
   var Oe = V.indexOf("?");
   if (Oe !== -1 ? (this.search = V.substr(Oe), this.query = V.substr(Oe + 1), E && (this.query = querystring.parse(this.query)), V = V.slice(0, Oe)) : E && (this.search = "", this.query = {}), V && (this.pathname = V), slashedProtocol[J] && this.hostname && !this.pathname && (this.pathname = "/"), this.pathname || this.search) {
     var Be = this.pathname || "", $e = this.search || "";
@@ -3401,13 +3401,13 @@ Url.prototype.resolveObject = function(A) {
     for (; Le--; Le)
       Ae.unshift("..");
   Pe && Ae[0] !== "" && (!Ae[0] || Ae[0].charAt(0) !== "/") && Ae.unshift(""), ke && Ae.join("/").substr(-1) !== "/" && Ae.push("");
-  var He = Ae[0] === "" || Ae[0] && Ae[0].charAt(0) === "/";
+  var Ue = Ae[0] === "" || Ae[0] && Ae[0].charAt(0) === "/";
   if (we) {
-    C.hostname = He ? "" : Ae.length ? Ae.shift() : "", C.host = C.hostname;
+    C.hostname = Ue ? "" : Ae.length ? Ae.shift() : "", C.host = C.hostname;
     var Ie = C.host && C.host.indexOf("@") > 0 ? C.host.split("@") : !1;
     Ie && (C.auth = Ie.shift(), C.hostname = Ie.shift(), C.host = C.hostname);
   }
-  return Pe = Pe || C.host && Ae.length, Pe && !He && Ae.unshift(""), Ae.length > 0 ? C.pathname = Ae.join("/") : (C.pathname = null, C.path = null), (C.pathname !== null || C.search !== null) && (C.path = (C.pathname ? C.pathname : "") + (C.search ? C.search : "")), C.auth = A.auth || C.auth, C.slashes = C.slashes || A.slashes, C.href = C.format(), C;
+  return Pe = Pe || C.host && Ae.length, Pe && !Ue && Ae.unshift(""), Ae.length > 0 ? C.pathname = Ae.join("/") : (C.pathname = null, C.path = null), (C.pathname !== null || C.search !== null) && (C.path = (C.pathname ? C.pathname : "") + (C.search ? C.search : "")), C.auth = A.auth || C.auth, C.slashes = C.slashes || A.slashes, C.href = C.format(), C;
 };
 Url.prototype.parseHost = function() {
   var A = this.host, E = portPattern.exec(A);
@@ -13204,15 +13204,15 @@ v$1.parse = function() {
   function U($e, Re, Me) {
     return V(Re, function(Ne) {
       var De = Me();
-      return De && (Ve(A.comma) || C("Missing comma before color stops")), { type: $e, orientation: De, colorStops: Te(we) };
+      return De && (He(A.comma) || C("Missing comma before color stops")), { type: $e, orientation: De, colorStops: Te(we) };
     });
   }
   function V($e, Re) {
-    var Me = Ve($e);
+    var Me = He($e);
     if (Me) {
-      Ve(A.startCall) || C("Missing (");
+      He(A.startCall) || C("Missing (");
       var Ne = Re(Me);
-      return Ve(A.endCall) || C("Missing )"), Ne;
+      return He(A.endCall) || C("Missing )"), Ne;
     }
   }
   function X() {
@@ -13226,7 +13226,7 @@ v$1.parse = function() {
   }
   function Y() {
     var $e, Re = Z(), Me;
-    return Re && ($e = [], $e.push(Re), Me = E, Ve(A.comma) && (Re = Z(), Re ? $e.push(Re) : E = Me)), $e;
+    return Re && ($e = [], $e.push(Re), Me = E, He(A.comma) && (Re = Z(), Re ? $e.push(Re) : E = Me)), $e;
   }
   function Z() {
     var $e = _e() || xe();
@@ -13247,7 +13247,7 @@ v$1.parse = function() {
   }
   function _e() {
     var $e = ze("shape", /^(circle)/i, 0);
-    return $e && ($e.style = Ue() || Se()), $e;
+    return $e && ($e.style = Ve() || Se()), $e;
   }
   function xe() {
     var $e = ze("shape", /^(ellipse)/i, 0);
@@ -13273,7 +13273,7 @@ v$1.parse = function() {
   function Te($e) {
     var Re = $e(), Me = [];
     if (Re)
-      for (Me.push(Re); Ve(A.comma); )
+      for (Me.push(Re); He(A.comma); )
         Re = $e(), Re ? Me.push(Re) : C("One extra comma");
     return Me;
   }
@@ -13292,32 +13292,32 @@ v$1.parse = function() {
   }
   function Le() {
     return V(A.rgbColor, function() {
-      return { type: "rgb", value: Te(He) };
+      return { type: "rgb", value: Te(Ue) };
     });
   }
   function Ge() {
     return V(A.rgbaColor, function() {
-      return { type: "rgba", value: Te(He) };
+      return { type: "rgba", value: Te(Ue) };
     });
   }
-  function He() {
-    return Ve(A.number)[1];
+  function Ue() {
+    return He(A.number)[1];
   }
   function Be() {
-    return ze("%", A.percentageValue, 1) || je() || Ue();
+    return ze("%", A.percentageValue, 1) || je() || Ve();
   }
   function je() {
     return ze("position-keyword", A.positionKeywords, 1);
   }
-  function Ue() {
+  function Ve() {
     return ze("px", A.pixelValue, 1) || ze("em", A.emValue, 1);
   }
   function ze($e, Re, Me) {
-    var Ne = Ve(Re);
+    var Ne = He(Re);
     if (Ne)
       return { type: $e, value: Ne[Me] };
   }
-  function Ve($e) {
+  function He($e) {
     var Re, Me;
     return Me = /^[\n\r\t\s]+/.exec(E), Me && Oe(Me[0].length), Re = $e.exec(E), Re && Oe(Re[0].length), Re;
   }
@@ -15821,8 +15821,8 @@ var _excluded$4 = ["prefixCls", "placement", "label", "value", "className", "sty
   function Ee(ke, Le) {
     var Ge = (Le || ke.target.value).trim().replace(/^#/, "");
     validHex(Ge) && J && J(ke, Ge);
-    var He = getNumberValue(Ge);
-    isNaN(He) || J && J(ke, He), Se(Ge);
+    var Ue = getNumberValue(Ge);
+    isNaN(Ue) || J && J(ke, Ue), Se(Ge);
   }
   function Ae(ke) {
     Pe.current = !1, Se(A.value), Y && Y(ke);
@@ -16438,7 +16438,7 @@ const Sketch$1 = Sketch, ColorPickerPortal = ({
       action: () => console.log("send backward"),
       label: "Send Backward"
     }
-  ], He = (Ie + Fe) * Le.length + ke * 2 - Fe, Be = Ie + ke * 2, je = useCallback(
+  ], Ue = (Ie + Fe) * Le.length + ke * 2 - Fe, Be = Ie + ke * 2, je = useCallback(
     (Me, Ne) => {
       xe((De) => !De), Pe({
         x: V.x + Me,
@@ -16446,7 +16446,7 @@ const Sketch$1 = Sketch, ColorPickerPortal = ({
       });
     },
     [V, Ie]
-  ), Ue = useCallback(() => {
+  ), Ve = useCallback(() => {
     R.current && (R.current.unmount(), K(!1)), we.current && we.current.parent && (we.current.parent.removeChild(we.current), we.current = null, xe(!1));
   }, []), ze = useCallback(() => {
     const Me = document.createElement("div");
@@ -16457,7 +16457,7 @@ const Sketch$1 = Sketch, ColorPickerPortal = ({
   useEffect(() => {
     ze();
   }, []);
-  const Ve = useCallback((Me) => {
+  const He = useCallback((Me) => {
     Y(Me), Ae((Ne) => {
       const De = [Me, ...Ne.filter((Xe) => Xe !== Me)].slice(
         0,
@@ -16476,21 +16476,21 @@ const Sketch$1 = Sketch, ColorPickerPortal = ({
           {
             position: { x: Me, y: Ne },
             color: J,
-            onChange: Ve,
+            onChange: He,
             onClose: Oe,
             recentColors: Ee
           }
         )
       ));
     },
-    [J, Ve, Oe]
+    [J, He, Oe]
   );
   useEffect(() => {
     const Me = () => {
       if (A.current) {
         const De = A.current.getBounds();
         X({
-          x: De.x + De.width / 2 - He / 2,
+          x: De.x + De.width / 2 - Ue / 2,
           y: De.y + De.height
         });
       }
@@ -16502,33 +16502,33 @@ const Sketch$1 = Sketch, ColorPickerPortal = ({
     };
   }, []);
   const Re = useCallback(() => {
-    if (Ue(), A.current) {
+    if (Ve(), A.current) {
       const Me = A.current.getBounds();
       X({
-        x: Me.x + Me.width / 2 - He / 2,
+        x: Me.x + Me.width / 2 - Ue / 2,
         y: Me.y + Me.height
       });
     }
-  }, [Ue]);
+  }, [Ve]);
   return useEffect(() => {
     const Me = (Ne) => {
       if (C.current) {
         const De = C.current.firstChild;
-        De && !De.contains(Ne.target) && Ue();
+        De && !De.contains(Ne.target) && Ve();
       }
-      (Ne.type === "resize" || Ne.type === "scroll") && Ue();
+      (Ne.type === "resize" || Ne.type === "scroll") && Ve();
     };
     return window.addEventListener("click", Me), window.addEventListener("resize", Me), window.addEventListener("scroll", Me), () => {
       window.removeEventListener("click", Me), window.removeEventListener("resize", Me), window.removeEventListener("scroll", Me);
     };
-  }, [Ue]), useEffect(() => {
+  }, [Ve]), useEffect(() => {
     var qe;
     if (!I || !B || !A.current || !E.current)
       return;
     const Me = A.current, Ne = new PIXI.Container();
     (qe = E.current) == null || qe.addChild(Ne), Me.addListener("transformchange", Re);
     const De = new PIXI.Graphics();
-    De.beginFill(16777215, 0.9), De.lineStyle(1, 14540253), De.drawRoundedRect(0, 0, He, Be, 4), De.endFill(), Ne.addChild(De);
+    De.beginFill(16777215, 0.9), De.lineStyle(1, 14540253), De.drawRoundedRect(0, 0, Ue, Be, 4), De.endFill(), Ne.addChild(De);
     const Xe = new F();
     return Xe.alpha = 0.2, Xe.blur = 2, Xe.distance = 3, Ne.filters = [Xe], Le.forEach((Ye, Je) => {
       const Ke = new PIXI.Container(), rt = ke + (Ie + Fe) * Je, nt = ke, Qe = new PIXI.Graphics();
@@ -16559,7 +16559,7 @@ const Sketch$1 = Sketch, ColorPickerPortal = ({
     B,
     V,
     Le,
-    He,
+    Ue,
     Be,
     J
   ]), useEffect(() => Te(
@@ -16567,9 +16567,162 @@ const Sketch$1 = Sketch, ColorPickerPortal = ({
     Ge,
     Se
   ), [_e, Ge, Se]), useEffect(() => () => {
-    Ue();
-  }, [Ue]), /* @__PURE__ */ jsxRuntimeExports.jsx(Sprite, { texture: PIXI.Texture.EMPTY, ref: E, x: 10, y: 10 });
-}, CYAN = [1, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0], initalTransforms$1 = {
+    Ve();
+  }, [Ve]), /* @__PURE__ */ jsxRuntimeExports.jsx(Sprite, { texture: PIXI.Texture.EMPTY, ref: E, x: 10, y: 10 });
+}, CYAN_MATRIX = [
+  1,
+  0,
+  0,
+  0,
+  0,
+  0,
+  1,
+  0,
+  0,
+  0,
+  0,
+  0,
+  1,
+  0,
+  0,
+  0,
+  0,
+  0,
+  1,
+  0
+], withFiltersHook = (A) => {
+  const {
+    contrast: E = 1,
+    saturation: C = 1,
+    brightness: R = 1,
+    alpha: I = 1,
+    red: B = 1,
+    blue: U = 1,
+    gamma: V = 1,
+    green: X = 1,
+    blurRadius: K = 0,
+    temperature: J = 0,
+    hue: Y = 0,
+    sharpness: Z = 0,
+    vignette: _e = 0,
+    noise: xe = 0,
+    effect: Se = Effects.Normal
+    // outline = 0,
+    // outlineColor = 0x000000,
+  } = A || {}, Pe = new PIXI.ColorMatrixFilter();
+  if (J !== 0) {
+    const $e = Pe.matrix, Re = J / 100;
+    $e[0] += Re, $e[10] -= Re, Pe.matrix = $e;
+  }
+  const Ee = new n$3([
+    0,
+    -Z,
+    0,
+    -Z,
+    1 + 4 * Z,
+    -Z,
+    0,
+    -Z,
+    0
+  ]), Ae = new n$2({
+    hue: Y,
+    saturation: 0,
+    lightness: 0
+  }), Te = new _$1(K, 1, !0), we = new r$2({
+    vignetting: _e
+  }), Ie = new PIXI.NoiseFilter(xe), Fe = new n$2({
+    hue: 0,
+    saturation: -1,
+    // Complete desaturation
+    lightness: 0
+  }), ke = new PIXI.ColorMatrixFilter();
+  ke.sepia(!0);
+  const Le = new PIXI.ColorMatrixFilter();
+  Le.negative(!1), Le.sepia(!0);
+  const Ge = new l$3({
+    distance: 10,
+    outerStrength: 1,
+    innerStrength: 1,
+    color: 65280,
+    // Green glow for night vision
+    quality: 0.5
+  }), Ue = new PIXI.ColorMatrixFilter(), Be = [
+    0.1,
+    0.5,
+    0.1,
+    0,
+    0,
+    0.1,
+    0.8,
+    0.1,
+    0,
+    0,
+    0.1,
+    0.5,
+    0.1,
+    0,
+    0,
+    0,
+    0,
+    0,
+    1,
+    0
+  ];
+  Ue.matrix[0] = Be[0], Ue.matrix[1] = Be[1], Ue.matrix[2] = Be[2], Ue.matrix[3] = Be[3], Ue.matrix[4] = Be[4], Ue.matrix[5] = Be[5], Ue.matrix[6] = Be[6], Ue.matrix[7] = Be[7], Ue.matrix[8] = Be[8], Ue.matrix[9] = Be[9], Ue.matrix[10] = Be[10], Ue.matrix[11] = Be[11], Ue.matrix[12] = Be[12], Ue.matrix[13] = Be[13], Ue.matrix[14] = Be[14], Ue.matrix[15] = Be[15], Ue.matrix[16] = Be[16], Ue.matrix[17] = Be[17], Ue.matrix[18] = Be[18], Ue.matrix[19] = Be[19];
+  const je = new PIXI.ColorMatrixFilter();
+  for (let $e = 0; $e < CYAN_MATRIX.length; $e++)
+    je.matrix[$e] = CYAN_MATRIX[$e];
+  const Ve = new PIXI.ColorMatrixFilter();
+  Ve.reset();
+  const ze = new s$4({
+    ...V && { gamma: V },
+    ...R && { brightness: R },
+    ...E && { contrast: E },
+    ...C && { saturation: C },
+    ...B && { red: B },
+    ...X && { green: X },
+    ...U && { blue: U },
+    ...I && { alpha: I }
+  }), Oe = (() => {
+    switch (Se) {
+      case Effects.BlackAndWhite:
+        return Fe;
+      case Effects.Sepia:
+        return ke;
+      case Effects.RetroVintage:
+        return Le;
+      case Effects.NightVision:
+        return [Ge, Ue];
+      case Effects.Normal:
+      case Effects.None:
+        return Ve;
+      case Effects.Vignette:
+        return we;
+      case Effects.CYAN:
+        return je;
+      default:
+        return null;
+    }
+  })();
+  return {
+    adjustmentFilter: ze,
+    blurFilter: Te,
+    hslFilter: Ae,
+    sharpnessFilter: Ee,
+    temperatureFilter: Pe,
+    vignetteFilter: we,
+    noiseFilter: Ie,
+    effectFilter: Oe,
+    blackAndWhiteFilter: Fe,
+    sepiaFilter: ke,
+    retroVintageFilter: Le,
+    nightVisionFilter: Ge,
+    nightVisionColorMatrix: Ue,
+    cyanFilter: je,
+    normalFilter: Ve
+    // outlineFilter,
+  };
+}, initalTransforms$1 = {
   x: 0,
   y: 0,
   width: 0,
@@ -16593,12 +16746,12 @@ const Sketch$1 = Sketch, ColorPickerPortal = ({
     transformation: ke = initalTransforms$1,
     applyTransformer: Le,
     disabled: Ge,
-    pointerdown: He,
+    pointerdown: Ue,
     pointerout: Be,
     pointerover: je,
-    isText: Ue,
+    isText: Ve,
     isDragging: ze,
-    isGif: Ve,
+    isGif: He,
     onDoubleClick: Oe,
     isTextEditMode: $e,
     handleDragFontSize: Re,
@@ -16640,21 +16793,21 @@ const Sketch$1 = Sketch, ColorPickerPortal = ({
     if (J.current) {
       if (Pe.current && V) {
         console.log("transforms 1001", V);
-        const { x: ot, y: ht, animation: gt, maxX: pt, maxY: ft } = V || {}, mt = Pe.current.progress(), ct = Ze.updateEffect(
+        const { x: ht, y: dt, animation: mt, maxX: ct, maxY: pt } = V || {}, yt = Pe.current.progress(), gt = Ze.updateEffect(
           K.current,
-          gt,
+          mt,
           {
             immediateRender: !1,
-            x: ot,
-            y: ht,
+            x: ht,
+            y: dt,
             overwrite: !0,
-            maxX: pt,
-            maxY: ft
+            maxX: ct,
+            maxY: pt
           }
         );
-        console.log("transforms 10012x", V), _e.current && (Pe.current.remove(_e.current), _e.current.progress(0).kill()), mt > 0.1 ? (ct.eventCallback("onComplete", () => {
-          ct.remove("onComplete"), Pe.current.add(ct, Fe), _e.current = ct;
-        }), ct.play()) : (ct.progress(1), Pe.current.add(ct, Fe), _e.current = ct);
+        console.log("transforms 10012x", V), _e.current && (Pe.current.remove(_e.current), _e.current.progress(0).kill()), yt > 0.1 ? (gt.eventCallback("onComplete", () => {
+          gt.remove("onComplete"), Pe.current.add(gt, Fe), _e.current = gt;
+        }), gt.play()) : (gt.progress(1), Pe.current.add(gt, Fe), _e.current = gt);
       } else
         _e.current && _e.current.progress(0).kill();
       return () => {
@@ -16663,41 +16816,39 @@ const Sketch$1 = Sketch, ColorPickerPortal = ({
   }, [Fe, V]);
   const tt = React.useCallback(() => {
     U(!0), je && !Se.current.isDragging && je();
-  }, []), st = (ot) => parseFloat(ot.toFixed(2)), et = React.useCallback(() => {
-    var gt, pt;
+  }, []), st = (ht) => parseFloat(ht.toFixed(2)), et = React.useCallback(() => {
+    var mt, ct;
     Se.current.isDragging = !0;
-    const { width: ot } = K.current, ht = {
-      x: st(Number((gt = K.current) == null ? void 0 : gt.scale.x)),
-      y: st(Number((pt = K.current) == null ? void 0 : pt.scale.y))
+    const { width: ht } = K.current, dt = {
+      x: st(Number((mt = K.current) == null ? void 0 : mt.scale.x)),
+      y: st(Number((ct = K.current) == null ? void 0 : ct.scale.y))
     };
-    if (Ue) {
-      if (ht.x !== 1 && ht.y !== 1 && Y.current) {
-        const ft = Qe * ht.x;
-        Re && Re(ot, ft, ht);
-      } else if (ht.x !== 1)
-        Me && Me(ot, ht);
-      else if (ht.y !== 1) {
-        const ft = Qe * ht.x;
-        Re && Re(ot, ft, ht);
-      }
-    }
-  }, [Ue, Qe, Re, Me]), We = React.useCallback(
-    (ot) => {
-      var bt, It;
-      const { x: ht, y: gt, width: pt, height: ft, rotation: mt } = K.current, ct = {
-        x: st(Number((bt = K.current) == null ? void 0 : bt.scale.x)),
-        y: st(Number((It = K.current) == null ? void 0 : It.scale.y))
+    if (Ve) {
+      if (dt.x !== 1 && dt.y !== 1 && Y.current) {
+        const pt = Qe * dt.x;
+        Re && Re(ht, pt, dt);
+      } else if (dt.x !== 1)
+        Me && Me(ht, dt);
+      else if (dt.y !== 1) {
+        const pt = Qe * dt.x;
+        Re && Re(ht, pt, dt);
+      }
+    }
+  }, [Ve, Qe, Re, Me]), We = React.useCallback(
+    (ht) => {
+      var It, St;
+      const { x: dt, y: mt, width: ct, height: pt, rotation: yt } = K.current, gt = {
+        x: st(Number((It = K.current) == null ? void 0 : It.scale.x)),
+        y: st(Number((St = K.current) == null ? void 0 : St.scale.y))
       };
       let xt = Qe;
-      Ue && ct.x !== 1 && ct.y !== 1 ? (xt = Qe * ct.x, Re && Re(pt, xt, ct)) : Ue && ct.x !== 1 && Me && Me(pt, ct), A.onAnchorTransformationEnd && A.onAnchorTransformationEnd({
+      Ve && gt.x !== 1 && gt.y !== 1 ? (xt = Qe * gt.x, Re && Re(ct, xt, gt)) : Ve && gt.x !== 1 && Me && Me(ct, gt), A.onAnchorTransformationEnd && A.onAnchorTransformationEnd({
         uniqueId: we,
-        transformation: { ...ot.transformation, fontSize: xt }
+        transformation: { ...ht.transformation, fontSize: xt }
       }), Se.current.isDragging = !1;
     },
-    [Ue, we, Qe, Re, Me]
-  ), it = withFilters(Container$1, {
-    matrix: PIXI.filters.ColorMatrixFilter
-  });
+    [Ve, we, Qe, Re, Me]
+  ), { effectFilter: it } = withFiltersHook({ effect: Ke }), lt = React.useMemo(() => it ? Array.isArray(it) ? it.filter((ht) => ht != null) : [it] : [], [it]);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(Container$1, { ref: J, children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(
       Container$1,
@@ -16712,27 +16863,13 @@ const Sketch$1 = Sketch, ColorPickerPortal = ({
         ...!Ge && Ie && !I && !ze && {
           interactive: !0,
           buttonMode: !0,
-          pointerdown: He,
+          pointerdown: Ue,
           pointerover: je,
           pointerout: Be
         },
         children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Container$1, { ref: xe, children: [
-          !Ve && /* @__PURE__ */ jsxRuntimeExports.jsx(
-            it,
-            {
-              scale: 1,
-              apply: ({ matrix: ot }) => {
-                Ke === Effects.BlackAndWhite ? ot.desaturate() : Ke === Effects.Sepia ? ot.sepia() : Ke === Effects.RetroVintage || Ke === Effects.NightVision ? ot.negative() : Ke === Effects.Normal && ot.reset();
-              },
-              matrix: {
-                enabled: !0,
-                // @ts-ignore
-                matrix: CYAN
-              },
-              children: /* @__PURE__ */ jsxRuntimeExports.jsx(Container$1, { ref: Y, children: A.children })
-            }
-          ),
-          Ve && /* @__PURE__ */ jsxRuntimeExports.jsx(Container$1, { ref: Y, children: A.children }),
+          !He && /* @__PURE__ */ jsxRuntimeExports.jsx(Container$1, { scale: 1, filters: lt, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Container$1, { ref: Y, children: A.children }) }),
+          He && /* @__PURE__ */ jsxRuntimeExports.jsx(Container$1, { ref: Y, children: A.children }),
           !isEmpty$2(rt) && rt !== OverlayTypes.NONE && rt !== OverlayTypes.NORMAL && /* @__PURE__ */ jsxRuntimeExports.jsx(
             PixiOverlayTilingSprite,
             {
@@ -16770,7 +16907,7 @@ const Sketch$1 = Sketch, ColorPickerPortal = ({
           transformChange: et,
           mouseoverEvent: tt,
           uniqueId: we,
-          isText: Ue,
+          isText: Ve,
           onDoubleClick: Oe
         }
       ),
@@ -16779,133 +16916,12 @@ const Sketch$1 = Sketch, ColorPickerPortal = ({
         {
           PixiTransformer: Z,
           uniqueId: we,
-          isText: !!Ue
+          isText: !!Ve
         }
       )
     ] })
   ] });
-}), withFiltersHook = (A) => {
-  const {
-    contrast: E = 1,
-    saturation: C = 1,
-    brightness: R = 1,
-    alpha: I = 1,
-    red: B = 1,
-    blue: U = 1,
-    gamma: V = 1,
-    green: X = 1,
-    blurRadius: K = 0,
-    temperature: J = 0,
-    hue: Y = 0,
-    sharpness: Z = 0,
-    vignette: _e = 0,
-    noise: xe = 0
-    // outline = 0,
-    // outlineColor = 0x000000,
-  } = A || {}, Se = new PIXI.Filter(
-    // @ts-ignore
-    null,
-    `
-      precision mediump float;
-      varying vec2 vTextureCoord;
-      uniform sampler2D uSampler;
-      uniform float temperature;
-    
-      void main() {
-        vec4 color = texture2D(uSampler, vTextureCoord);
-        color.r = color.r + (temperature / 100.0);
-        color.b = color.b - (temperature / 100.0);
-        gl_FragColor = color;
-      }
-    `
-  );
-  Se.uniforms.temperature = J;
-  const Pe = new n$3([
-    0,
-    -Z,
-    0,
-    -Z,
-    1 + 4 * Z,
-    -Z,
-    0,
-    -Z,
-    0
-  ]), Ee = new PIXI.filters.ColorMatrixFilter();
-  Ee.hue(Y, !1);
-  const Ae = new _$1(K, 1, !0), Te = new r$2({
-    vignetting: _e
-  }), we = new PIXI.filters.NoiseFilter(xe);
-  return {
-    adjustmentFilter: new s$4({
-      ...V && { gamma: V },
-      ...R && { brightness: R },
-      ...E && { contrast: E },
-      ...C && { saturation: C },
-      ...B && { red: B },
-      ...X && { green: X },
-      ...U && { blue: U },
-      ...I && { alpha: I }
-    }),
-    blurFilter: Ae,
-    hueFilter: Ee,
-    sharpnessFilter: Pe,
-    temperatureFilter: Se,
-    vignetteFilter: Te,
-    noiseFilter: we
-    // outlineFilter,
-  };
-}, withEffectsHooks = () => {
-  const A = new PIXI.Filter(
-    // @ts-ignore
-    null,
-    `
-  precision mediump float;
-  uniform mat3 uNightVisionMatrix;
-  varying vec2 vTextureCoord;
-  uniform sampler2D uSampler;
-  
-  void main(void) {
-      vec4 texColor = texture2D(uSampler, vTextureCoord);
-      vec3 color = texColor.rgb;
-      gl_FragColor = vec4(uNightVisionMatrix * vec3(color), texColor.a);
-  }
-`
-  ), E = [
-    0.393,
-    0.769,
-    0.189,
-    0.349,
-    0.686,
-    0.168,
-    0.272,
-    0.534,
-    0.131
-  ];
-  A.uniforms.uNightVisionMatrix = E;
-  const C = new PIXI.Filter(
-    // @ts-ignore
-    null,
-    `
-    precision mediump float;
-    varying vec2 vTextureCoord;
-    uniform sampler2D uSampler;
-    uniform vec4 vignetteColor;
-    uniform float vignetteSize;
-    uniform float vignetteStrength;
-
-    void main(void) {
-      vec4 texColor = texture2D(uSampler, vTextureCoord);
-      vec2 delta = vTextureCoord - vec2(0.5);
-      float vignette = 1.0 - smoothstep(vignetteSize, 0.5, length(delta));
-      gl_FragColor = texColor * vignetteColor * vignetteStrength * vignette;
-    }
-    `
-  );
-  return C.uniforms.vignetteColor = [0, 0, 0, 1], C.uniforms.vignetteSize = 0.7, C.uniforms.vignetteStrength = 0.6, {
-    nightVisionFilter: A,
-    vignetteFilter: C
-  };
-}, PixiImageSprite = React.forwardRef((A, E) => {
+}), PixiImageSprite = React.forwardRef((A, E) => {
   const C = useRef(null), R = useRef(null), {
     src: I,
     visible: B,
@@ -16925,19 +16941,33 @@ const Sketch$1 = Sketch, ColorPickerPortal = ({
     vignette: Pe = 0,
     noise: Ee = 0
     // outline = 0,
-  } = Z, {
-    temperatureFilter: Ae,
-    sharpnessFilter: Te,
-    hueFilter: we,
-    blurFilter: Ie,
-    adjustmentFilter: Fe,
-    vignetteFilter: ke,
-    noiseFilter: Le
+  } = Z, Ae = {
+    ...Z,
+    effect: _e
+  }, {
+    temperatureFilter: Te,
+    sharpnessFilter: we,
+    hslFilter: Ie,
+    blurFilter: Fe,
+    adjustmentFilter: ke,
+    vignetteFilter: Le,
+    noiseFilter: Ge,
+    effectFilter: Ue
     // outlineFilter,
-  } = withFiltersHook(Z), { nightVisionFilter: Ge } = withEffectsHooks();
-  return React.useEffect(() => () => {
+  } = withFiltersHook(Ae);
+  React.useEffect(() => () => {
     console.log("PixiImageSprite unmounting");
-  }, []), /* @__PURE__ */ jsxRuntimeExports.jsx(AbstractContainer, { ...A, ref: E, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Container$1, { ref: R, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+  }, []);
+  const Be = () => {
+    const je = [
+      Te,
+      we,
+      Ie,
+      ke
+    ];
+    return Ue && (Array.isArray(Ue) ? je.push(...Ue) : je.push(Ue)), Se > 0 && je.push(Fe), Pe > 0 && !Ue && je.push(Le), Ee > 0 && je.push(Ge), je;
+  };
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(AbstractContainer, { ...A, ref: E, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Container$1, { ref: R, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
     Sprite,
     {
       image: I,
@@ -16949,22 +16979,7 @@ const Sketch$1 = Sketch, ColorPickerPortal = ({
       x: V,
       y: X,
       ...!U && B && { interactive: !0, pointerdown: xe },
-      filters: [
-        Ae,
-        Te,
-        we,
-        Fe,
-        // conditionally add blur filter
-        ...Se > 0 ? [Ie] : [],
-        // conditionally add night vision filter
-        ..._e === Effects.NightVision ? [Ge] : [],
-        // conditionally add vignette filter
-        ...Pe > 0 ? [ke] : [],
-        // conditionally add noise filter
-        ...Ee > 0 ? [Le] : []
-        // conditionally add outline filter
-        // ...(outline > 0 ? [outlineFilter] : []),
-      ]
+      filters: Be()
     }
   ) }) });
 });
@@ -17154,12 +17169,12 @@ class ArcUtils {
     const V = U[U.length - 2], X = U[U.length - 1] - C, K = V - E, J = I - C, Y = R - E, Z = Math.abs(X * Y - K * J);
     if (Z < 1e-8 || B === 0)
       return (U[U.length - 2] !== E || U[U.length - 1] !== C) && U.push(E, C), null;
-    const _e = X * X + K * K, xe = J * J + Y * Y, Se = X * J + K * Y, Pe = B * Math.sqrt(_e) / Z, Ee = B * Math.sqrt(xe) / Z, Ae = Pe * Se / _e, Te = Ee * Se / xe, we = Pe * Y + Ee * K, Ie = Pe * J + Ee * X, Fe = K * (Ee + Ae), ke = X * (Ee + Ae), Le = Y * (Pe + Te), Ge = J * (Pe + Te), He = Math.atan2(ke - Ie, Fe - we), Be = Math.atan2(Ge - Ie, Le - we);
+    const _e = X * X + K * K, xe = J * J + Y * Y, Se = X * J + K * Y, Pe = B * Math.sqrt(_e) / Z, Ee = B * Math.sqrt(xe) / Z, Ae = Pe * Se / _e, Te = Ee * Se / xe, we = Pe * Y + Ee * K, Ie = Pe * J + Ee * X, Fe = K * (Ee + Ae), ke = X * (Ee + Ae), Le = Y * (Pe + Te), Ge = J * (Pe + Te), Ue = Math.atan2(ke - Ie, Fe - we), Be = Math.atan2(Ge - Ie, Le - we);
     return {
       cx: we + E,
       cy: Ie + C,
       radius: B,
-      startAngle: He,
+      startAngle: Ue,
       endAngle: Be,
       anticlockwise: K * J > Y * X
     };
@@ -17345,54 +17360,54 @@ function buildNonNativeLine(A, E) {
   const J = E.points, Y = R.length / 2;
   let Z = R.length;
   const _e = J.length / 2, xe = B.width / 2, Se = xe * xe, Pe = B.miterLimit * B.miterLimit;
-  let Ee = R[0], Ae = R[1], Te = R[2], we = R[3], Ie = 0, Fe = 0, ke = -(Ae - we), Le = Ee - Te, Ge = 0, He = 0, Be = Math.sqrt(ke * ke + Le * Le);
+  let Ee = R[0], Ae = R[1], Te = R[2], we = R[3], Ie = 0, Fe = 0, ke = -(Ae - we), Le = Ee - Te, Ge = 0, Ue = 0, Be = Math.sqrt(ke * ke + Le * Le);
   ke /= Be, Le /= Be, ke *= xe, Le *= xe;
-  const je = B.alignment, Ue = (1 - je) * 2, ze = je * 2;
+  const je = B.alignment, Ve = (1 - je) * 2, ze = je * 2;
   X || (B.cap === LINE_CAP.ROUND ? Z += round(
-    Ee - ke * (Ue - ze) * 0.5,
-    Ae - Le * (Ue - ze) * 0.5,
-    Ee - ke * Ue,
-    Ae - Le * Ue,
+    Ee - ke * (Ve - ze) * 0.5,
+    Ae - Le * (Ve - ze) * 0.5,
+    Ee - ke * Ve,
+    Ae - Le * Ve,
     Ee + ke * ze,
     Ae + Le * ze,
     J,
     !0
-  ) + 2 : B.cap === LINE_CAP.SQUARE && (Z += square(Ee, Ae, ke, Le, Ue, ze, !0, J))), J.push(
-    Ee - ke * Ue,
-    Ae - Le * Ue,
+  ) + 2 : B.cap === LINE_CAP.SQUARE && (Z += square(Ee, Ae, ke, Le, Ve, ze, !0, J))), J.push(
+    Ee - ke * Ve,
+    Ae - Le * Ve,
     Ee + ke * ze,
     Ae + Le * ze
   );
   for (let $e = 1; $e < Y - 1; ++$e) {
-    Ee = R[($e - 1) * 2], Ae = R[($e - 1) * 2 + 1], Te = R[$e * 2], we = R[$e * 2 + 1], Ie = R[($e + 1) * 2], Fe = R[($e + 1) * 2 + 1], ke = -(Ae - we), Le = Ee - Te, Be = Math.sqrt(ke * ke + Le * Le), ke /= Be, Le /= Be, ke *= xe, Le *= xe, Ge = -(we - Fe), He = Te - Ie, Be = Math.sqrt(Ge * Ge + He * He), Ge /= Be, He /= Be, Ge *= xe, He *= xe;
+    Ee = R[($e - 1) * 2], Ae = R[($e - 1) * 2 + 1], Te = R[$e * 2], we = R[$e * 2 + 1], Ie = R[($e + 1) * 2], Fe = R[($e + 1) * 2 + 1], ke = -(Ae - we), Le = Ee - Te, Be = Math.sqrt(ke * ke + Le * Le), ke /= Be, Le /= Be, ke *= xe, Le *= xe, Ge = -(we - Fe), Ue = Te - Ie, Be = Math.sqrt(Ge * Ge + Ue * Ue), Ge /= Be, Ue /= Be, Ge *= xe, Ue *= xe;
     const Re = Te - Ee, Me = Ae - we, Ne = Te - Ie, De = Fe - we, Xe = Re * Ne + Me * De, qe = Me * Ne - De * Re, Ye = qe < 0;
     if (Math.abs(qe) < 1e-3 * Math.abs(Xe)) {
       J.push(
-        Te - ke * Ue,
-        we - Le * Ue,
+        Te - ke * Ve,
+        we - Le * Ve,
         Te + ke * ze,
         we + Le * ze
       ), Xe >= 0 && (B.join === LINE_JOIN.ROUND ? Z += round(
         Te,
         we,
-        Te - ke * Ue,
-        we - Le * Ue,
-        Te - Ge * Ue,
-        we - He * Ue,
+        Te - ke * Ve,
+        we - Le * Ve,
+        Te - Ge * Ve,
+        we - Ue * Ve,
         J,
         !1
       ) + 4 : Z += 2, J.push(
         Te - Ge * ze,
-        we - He * ze,
-        Te + Ge * Ue,
-        we + He * Ue
+        we - Ue * ze,
+        Te + Ge * Ve,
+        we + Ue * Ve
       ));
       continue;
     }
-    const Je = (-ke + Ee) * (-Le + we) - (-ke + Te) * (-Le + Ae), Ke = (-Ge + Ie) * (-He + we) - (-Ge + Te) * (-He + Fe), rt = (Re * Ke - Ne * Je) / qe, nt = (De * Je - Me * Ke) / qe, Qe = (rt - Te) * (rt - Te) + (nt - we) * (nt - we), Ze = Te + (rt - Te) * Ue, tt = we + (nt - we) * Ue, st = Te - (rt - Te) * ze, et = we - (nt - we) * ze, We = Math.min(Re * Re + Me * Me, Ne * Ne + De * De), it = Ye ? Ue : ze, ot = We + it * it * Se, ht = Qe <= ot;
-    let gt = B.join;
-    if (gt === LINE_JOIN.MITER && Qe / Se > Pe && (gt = LINE_JOIN.BEVEL), ht)
-      switch (gt) {
+    const Je = (-ke + Ee) * (-Le + we) - (-ke + Te) * (-Le + Ae), Ke = (-Ge + Ie) * (-Ue + we) - (-Ge + Te) * (-Ue + Fe), rt = (Re * Ke - Ne * Je) / qe, nt = (De * Je - Me * Ke) / qe, Qe = (rt - Te) * (rt - Te) + (nt - we) * (nt - we), Ze = Te + (rt - Te) * Ve, tt = we + (nt - we) * Ve, st = Te - (rt - Te) * ze, et = we - (nt - we) * ze, We = Math.min(Re * Re + Me * Me, Ne * Ne + De * De), it = Ye ? Ve : ze, lt = We + it * it * Se, ht = Qe <= lt;
+    let dt = B.join;
+    if (dt === LINE_JOIN.MITER && Qe / Se > Pe && (dt = LINE_JOIN.BEVEL), ht)
+      switch (dt) {
         case LINE_JOIN.MITER: {
           J.push(
             Ze,
@@ -17414,16 +17429,16 @@ function buildNonNativeLine(A, E) {
             tt,
             // inner miter point
             Te + Ge * ze,
-            we + He * ze
+            we + Ue * ze
           ) : J.push(
-            Te - ke * Ue,
-            we - Le * Ue,
+            Te - ke * Ve,
+            we - Le * Ve,
             // first segment's inner vertex
             st,
             et,
             // outer miter point
-            Te - Ge * Ue,
-            we - He * Ue,
+            Te - Ge * Ve,
+            we - Ue * Ve,
             // second segment's outer vertex
             st,
             et
@@ -17442,31 +17457,31 @@ function buildNonNativeLine(A, E) {
             Te + ke * ze,
             we + Le * ze,
             Te + Ge * ze,
-            we + He * ze,
+            we + Ue * ze,
             J,
             !0
           ) + 4, J.push(
             Ze,
             tt,
             Te + Ge * ze,
-            we + He * ze
+            we + Ue * ze
           )) : (J.push(
-            Te - ke * Ue,
-            we - Le * Ue,
+            Te - ke * Ve,
+            we - Le * Ve,
             st,
             et
           ), Z += round(
             Te,
             we,
-            Te - ke * Ue,
-            we - Le * Ue,
-            Te - Ge * Ue,
-            we - He * Ue,
+            Te - ke * Ve,
+            we - Le * Ve,
+            Te - Ge * Ve,
+            we - Ue * Ve,
             J,
             !1
           ) + 4, J.push(
-            Te - Ge * Ue,
-            we - He * Ue,
+            Te - Ge * Ve,
+            we - Ue * Ve,
             st,
             et
           ));
@@ -17475,12 +17490,12 @@ function buildNonNativeLine(A, E) {
       }
     else {
       switch (J.push(
-        Te - ke * Ue,
-        we - Le * Ue,
+        Te - ke * Ve,
+        we - Le * Ve,
         // first segment's inner vertex
         Te + ke * ze,
         we + Le * ze
-      ), gt) {
+      ), dt) {
         case LINE_JOIN.MITER: {
           Ye ? J.push(
             st,
@@ -17504,16 +17519,16 @@ function buildNonNativeLine(A, E) {
             Te + ke * ze,
             we + Le * ze,
             Te + Ge * ze,
-            we + He * ze,
+            we + Ue * ze,
             J,
             !0
           ) + 2 : Z += round(
             Te,
             we,
-            Te - ke * Ue,
-            we - Le * Ue,
-            Te - Ge * Ue,
-            we - He * Ue,
+            Te - ke * Ve,
+            we - Le * Ve,
+            Te - Ge * Ve,
+            we - Ue * Ve,
             J,
             !1
           ) + 2;
@@ -17521,32 +17536,32 @@ function buildNonNativeLine(A, E) {
         }
       }
       J.push(
-        Te - Ge * Ue,
-        we - He * Ue,
+        Te - Ge * Ve,
+        we - Ue * Ve,
         // second segment's inner vertex
         Te + Ge * ze,
-        we + He * ze
+        we + Ue * ze
       ), Z += 2;
     }
   }
   Ee = R[(Y - 2) * 2], Ae = R[(Y - 2) * 2 + 1], Te = R[(Y - 1) * 2], we = R[(Y - 1) * 2 + 1], ke = -(Ae - we), Le = Ee - Te, Be = Math.sqrt(ke * ke + Le * Le), ke /= Be, Le /= Be, ke *= xe, Le *= xe, J.push(
-    Te - ke * Ue,
-    we - Le * Ue,
+    Te - ke * Ve,
+    we - Le * Ve,
     Te + ke * ze,
     we + Le * ze
   ), X || (B.cap === LINE_CAP.ROUND ? Z += round(
-    Te - ke * (Ue - ze) * 0.5,
-    we - Le * (Ue - ze) * 0.5,
-    Te - ke * Ue,
-    we - Le * Ue,
+    Te - ke * (Ve - ze) * 0.5,
+    we - Le * (Ve - ze) * 0.5,
+    Te - ke * Ve,
+    we - Le * Ve,
     Te + ke * ze,
     we + Le * ze,
     J,
     !1
-  ) + 2 : B.cap === LINE_CAP.SQUARE && (Z += square(Te, we, ke, Le, Ue, ze, !1, J)));
-  const Ve = E.indices, Oe = curves.epsilon * curves.epsilon;
+  ) + 2 : B.cap === LINE_CAP.SQUARE && (Z += square(Te, we, ke, Le, Ve, ze, !1, J)));
+  const He = E.indices, Oe = curves.epsilon * curves.epsilon;
   for (let $e = _e; $e < Z + _e - 2; ++$e)
-    Ee = J[$e * 2], Ae = J[$e * 2 + 1], Te = J[($e + 1) * 2], we = J[($e + 1) * 2 + 1], Ie = J[($e + 2) * 2], Fe = J[($e + 2) * 2 + 1], !(Math.abs(Ee * (we - Fe) + Te * (Fe - Ae) + Ie * (Ae - we)) < Oe) && Ve.push($e, $e + 1, $e + 2);
+    Ee = J[$e * 2], Ae = J[$e * 2 + 1], Te = J[($e + 1) * 2], we = J[($e + 1) * 2 + 1], Ie = J[($e + 2) * 2], Fe = J[($e + 2) * 2 + 1], !(Math.abs(Ee * (we - Fe) + Te * (Fe - Ae) + Ie * (Ae - we)) < Oe) && He.push($e, $e + 1, $e + 2);
 }
 function buildNativeLine(A, E) {
   let C = 0;
@@ -20225,8 +20240,8 @@ var _slicedToArray = function() {
 }, getArcCenter = function(E, C, R, I, B, U, V, X, K, J, Y, Z) {
   var _e = Math.pow(B, 2), xe = Math.pow(U, 2), Se = Math.pow(Y, 2), Pe = Math.pow(Z, 2), Ee = _e * xe - _e * Pe - xe * Se;
   Ee < 0 && (Ee = 0), Ee /= _e * Pe + xe * Se, Ee = Math.sqrt(Ee) * (V === X ? -1 : 1);
-  var Ae = Ee * B / U * Z, Te = Ee * -U / B * Y, we = J * Ae - K * Te + (E + R) / 2, Ie = K * Ae + J * Te + (C + I) / 2, Fe = (Y - Ae) / B, ke = (Z - Te) / U, Le = (-Y - Ae) / B, Ge = (-Z - Te) / U, He = vectorAngle(1, 0, Fe, ke), Be = vectorAngle(Fe, ke, Le, Ge);
-  return X === 0 && Be > 0 && (Be -= TAU$2), X === 1 && Be < 0 && (Be += TAU$2), [we, Ie, He, Be];
+  var Ae = Ee * B / U * Z, Te = Ee * -U / B * Y, we = J * Ae - K * Te + (E + R) / 2, Ie = K * Ae + J * Te + (C + I) / 2, Fe = (Y - Ae) / B, ke = (Z - Te) / U, Le = (-Y - Ae) / B, Ge = (-Z - Te) / U, Ue = vectorAngle(1, 0, Fe, ke), Be = vectorAngle(Fe, ke, Le, Ge);
+  return X === 0 && Be > 0 && (Be -= TAU$2), X === 1 && Be < 0 && (Be += TAU$2), [we, Ie, Ue, Be];
 }, arcToBezier = function(E) {
   var C = E.px, R = E.py, I = E.cx, B = E.cy, U = E.rx, V = E.ry, X = E.xAxisRotation, K = X === void 0 ? 0 : X, J = E.largeArcFlag, Y = J === void 0 ? 0 : J, Z = E.sweepFlag, _e = Z === void 0 ? 0 : Z, xe = [];
   if (U === 0 || V === 0)
@@ -20237,15 +20252,15 @@ var _slicedToArray = function() {
   U = Math.abs(U), V = Math.abs(V);
   var Te = Math.pow(Ee, 2) / Math.pow(U, 2) + Math.pow(Ae, 2) / Math.pow(V, 2);
   Te > 1 && (U *= Math.sqrt(Te), V *= Math.sqrt(Te));
-  var we = getArcCenter(C, R, I, B, U, V, Y, _e, Se, Pe, Ee, Ae), Ie = _slicedToArray(we, 4), Fe = Ie[0], ke = Ie[1], Le = Ie[2], Ge = Ie[3], He = Math.abs(Ge) / (TAU$2 / 4);
-  Math.abs(1 - He) < 1e-7 && (He = 1);
-  var Be = Math.max(Math.ceil(He), 1);
+  var we = getArcCenter(C, R, I, B, U, V, Y, _e, Se, Pe, Ee, Ae), Ie = _slicedToArray(we, 4), Fe = Ie[0], ke = Ie[1], Le = Ie[2], Ge = Ie[3], Ue = Math.abs(Ge) / (TAU$2 / 4);
+  Math.abs(1 - Ue) < 1e-7 && (Ue = 1);
+  var Be = Math.max(Math.ceil(Ue), 1);
   Ge /= Be;
   for (var je = 0; je < Be; je++)
     xe.push(approxUnitArc(Le, Ge)), Le += Ge;
-  return xe.map(function(Ue) {
-    var ze = mapToEllipse(Ue[0], U, V, Pe, Se, Fe, ke), Ve = ze.x, Oe = ze.y, $e = mapToEllipse(Ue[1], U, V, Pe, Se, Fe, ke), Re = $e.x, Me = $e.y, Ne = mapToEllipse(Ue[2], U, V, Pe, Se, Fe, ke), De = Ne.x, Xe = Ne.y;
-    return { x1: Ve, y1: Oe, x2: Re, y2: Me, x: De, y: Xe };
+  return xe.map(function(Ve) {
+    var ze = mapToEllipse(Ve[0], U, V, Pe, Se, Fe, ke), He = ze.x, Oe = ze.y, $e = mapToEllipse(Ve[1], U, V, Pe, Se, Fe, ke), Re = $e.x, Me = $e.y, Ne = mapToEllipse(Ve[2], U, V, Pe, Se, Fe, ke), De = Ne.x, Xe = Ne.y;
+    return { x1: He, y1: Oe, x2: Re, y2: Me, x: De, y: Xe };
   });
 };
 class SVG extends Graphics {
@@ -20787,8 +20802,8 @@ function unit_vector_angle(A, E, C, R) {
 function get_arc_center(A, E, C, R, I, B, U, V, X, K) {
   var J = K * (A - C) / 2 + X * (E - R) / 2, Y = -X * (A - C) / 2 + K * (E - R) / 2, Z = U * U, _e = V * V, xe = J * J, Se = Y * Y, Pe = Z * _e - Z * Se - _e * xe;
   Pe < 0 && (Pe = 0), Pe /= Z * Se + _e * xe, Pe = Math.sqrt(Pe) * (I === B ? -1 : 1);
-  var Ee = Pe * U / V * Y, Ae = Pe * -V / U * J, Te = K * Ee - X * Ae + (A + C) / 2, we = X * Ee + K * Ae + (E + R) / 2, Ie = (J - Ee) / U, Fe = (Y - Ae) / V, ke = (-J - Ee) / U, Le = (-Y - Ae) / V, Ge = unit_vector_angle(1, 0, Ie, Fe), He = unit_vector_angle(Ie, Fe, ke, Le);
-  return B === 0 && He > 0 && (He -= TAU$1), B === 1 && He < 0 && (He += TAU$1), [Te, we, Ge, He];
+  var Ee = Pe * U / V * Y, Ae = Pe * -V / U * J, Te = K * Ee - X * Ae + (A + C) / 2, we = X * Ee + K * Ae + (E + R) / 2, Ie = (J - Ee) / U, Fe = (Y - Ae) / V, ke = (-J - Ee) / U, Le = (-Y - Ae) / V, Ge = unit_vector_angle(1, 0, Ie, Fe), Ue = unit_vector_angle(Ie, Fe, ke, Le);
+  return B === 0 && Ue > 0 && (Ue -= TAU$1), B === 1 && Ue < 0 && (Ue += TAU$1), [Te, we, Ge, Ue];
 }
 function approximate_unit_arc(A, E) {
   var C = 1.3333333333333333 * Math.tan(E / 4), R = Math.cos(A), I = Math.sin(A), B = Math.cos(A + E), U = Math.sin(A + E);
@@ -20811,8 +20826,8 @@ var a2c$1 = function(E, C, R, I, B, U, V, X, K) {
     for (var Fe = 0; Fe < Ie.length; Fe += 2) {
       var ke = Ie[Fe + 0], Le = Ie[Fe + 1];
       ke *= V, Le *= X;
-      var Ge = Y * ke - J * Le, He = J * ke + Y * Le;
-      Ie[Fe + 0] = Ge + Se[0], Ie[Fe + 1] = He + Se[1];
+      var Ge = Y * ke - J * Le, Ue = J * ke + Y * Le;
+      Ie[Fe + 0] = Ge + Se[0], Ie[Fe + 1] = Ue + Se[1];
     }
     return Ie;
   });
@@ -21099,12 +21114,12 @@ const svgpath$1 = /* @__PURE__ */ getDefaultExportFromCjs(svgpath), PixiSvgPathS
   } = A, Fe = useApp(), {
     temperatureFilter: ke,
     sharpnessFilter: Le,
-    hueFilter: Ge,
-    blurFilter: He,
+    hslFilter: Ge,
+    blurFilter: Ue,
     adjustmentFilter: Be,
     vignetteFilter: je,
-    noiseFilter: Ue
-  } = withFiltersHook(Te), { blurRadius: ze = 0, vignette: Ve = 0, noise: Oe = 0 } = Te;
+    noiseFilter: Ve
+  } = withFiltersHook(Te), { blurRadius: ze = 0, vignette: He = 0, noise: Oe = 0 } = Te;
   return React.useEffect(() => {
     const $e = svgpath$1(V).scale(5).translate(0, 0).toString(), Re = `<svg xmlns="http://www.w3.org/2000/svg" width="${Z}" height="${_e}"> 
         <path stroke="${Ee}" stroke-width="${Ae}" fill="${Se || Pe}" d="${$e}">
@@ -21134,11 +21149,11 @@ const svgpath$1 = /* @__PURE__ */ getDefaultExportFromCjs(svgpath), PixiSvgPathS
         Ge,
         Be,
         // conditionally add blur filter
-        ...ze > 0 ? [He] : [],
+        ...ze > 0 ? [Ue] : [],
         // conditionally add vignette filter
-        ...Ve > 0 ? [je] : [],
+        ...He > 0 ? [je] : [],
         // conditionally add noise filter
-        ...Oe > 0 ? [Ue] : []
+        ...Oe > 0 ? [Ve] : []
       ]
     }
   ) }) }) });
@@ -21486,14 +21501,14 @@ var howler = {};
         }
         var Ge = Ee._node;
         if (_e._webAudio) {
-          var He = function() {
+          var Ue = function() {
             _e._playLock = !1, Le(), _e._refreshBuffer(Ee);
             var ze = Ee._muted || _e._muted ? 0 : Ee._volume;
             Ge.gain.setValueAtTime(ze, C.ctx.currentTime), Ee._playStart = C.ctx.currentTime, typeof Ge.bufferSource.start > "u" ? Ee._loop ? Ge.bufferSource.noteGrainOn(0, Te, 86400) : Ge.bufferSource.noteGrainOn(0, Te, we) : Ee._loop ? Ge.bufferSource.start(0, Te, 86400) : Ge.bufferSource.start(0, Te, we), Ie !== 1 / 0 && (_e._endTimers[Ee._id] = setTimeout(_e._ended.bind(_e, Ee), Ie)), Z || setTimeout(function() {
               _e._emit("play", Ee._id), _e._loadQueue();
             }, 0);
           };
-          C.state === "running" && C.ctx.state !== "interrupted" ? He() : (_e._playLock = !0, _e.once("resume", He), _e._clearTimer(Ee._id));
+          C.state === "running" && C.ctx.state !== "interrupted" ? Ue() : (_e._playLock = !0, _e.once("resume", Ue), _e._clearTimer(Ee._id));
         } else {
           var Be = function() {
             Ge.currentTime = Te, Ge.muted = Ee._muted || _e._muted || C._muted || Ge.muted, Ge.volume = Ee._volume * C.volume(), Ge.playbackRate = Ee._rate;
@@ -21510,8 +21525,8 @@ var howler = {};
               Y !== "__default" || Ee._loop ? _e._endTimers[Ee._id] = setTimeout(_e._ended.bind(_e, Ee), Ie) : (_e._endTimers[Ee._id] = function() {
                 _e._ended(Ee), Ge.removeEventListener("ended", _e._endTimers[Ee._id], !1);
               }, Ge.addEventListener("ended", _e._endTimers[Ee._id], !1));
-            } catch (Ve) {
-              _e._emit("playerror", Ee._id, Ve);
+            } catch (He) {
+              _e._emit("playerror", Ee._id, He);
             }
           };
           Ge.src === "data:audio/wav;base64,UklGRigAAABXQVZFZm10IBIAAAABAAEARKwAAIhYAQACABAAAABkYXRhAgAAAAEA" && (Ge.src = _e._src, Ge.load());
@@ -21520,10 +21535,10 @@ var howler = {};
             Be();
           else {
             _e._playLock = !0, _e._state = "loading";
-            var Ue = function() {
-              _e._state = "loaded", Be(), Ge.removeEventListener(C._canPlayEvent, Ue, !1);
+            var Ve = function() {
+              _e._state = "loaded", Be(), Ge.removeEventListener(C._canPlayEvent, Ve, !1);
             };
-            Ge.addEventListener(C._canPlayEvent, Ue, !1), _e._clearTimer(Ee._id);
+            Ge.addEventListener(C._canPlayEvent, Ve, !1), _e._clearTimer(Ee._id);
           }
         }
         return Ee._id;
@@ -23101,9 +23116,9 @@ class AudioMotionAnalyzer {
       this._flg = { isAlpha: !1, isBands: !1, isLeds: !1, isLumi: !1, isOctaves: !1, isOutline: !1, isRound: !1, noLedGap: !1 };
       return;
     }
-    const { _ansiBands: C, _barSpace: R, canvas: I, _chLayout: B, _maxFreq: U, _minFreq: V, _mirror: X, _mode: K, _radial: J, _radialInvert: Y, _reflexRatio: Z } = this, _e = I.width >> 1, xe = I.height >> 1, Se = B == CHANNEL_VERTICAL && !J, Pe = B == CHANNEL_HORIZONTAL, Ee = K % 10 != 0, Ae = Ee && this._frequencyScale == SCALE_LOG, Te = this._showLeds && Ee && !J, we = this._lumiBars && Ee && !J, Ie = this._alphaBars && !we && K != MODE_GRAPH, Fe = this._outlineBars && Ee && !we && !Te, ke = this._roundBars && Ee && !we && !Te, Le = B != CHANNEL_VERTICAL || Z > 0 && !we, Ge = I.height - (Se && !Te ? 0.5 : 0) >> Se, He = Ge * (we || J ? 1 : 1 - Z) | 0, Be = I.width - _e * (Pe || X != 0), je = Se ? I.height - Ge * 2 : 0, Ue = _e * (X == -1 && !Pe && !J);
-    let ze = Math.min(I.width, I.height) * 0.375 * (B == CHANNEL_VERTICAL ? 1 : this._radius) | 0, Ve = Math.min(_e, xe);
-    Y && B != CHANNEL_VERTICAL && ([ze, Ve] = [Ve, ze]);
+    const { _ansiBands: C, _barSpace: R, canvas: I, _chLayout: B, _maxFreq: U, _minFreq: V, _mirror: X, _mode: K, _radial: J, _radialInvert: Y, _reflexRatio: Z } = this, _e = I.width >> 1, xe = I.height >> 1, Se = B == CHANNEL_VERTICAL && !J, Pe = B == CHANNEL_HORIZONTAL, Ee = K % 10 != 0, Ae = Ee && this._frequencyScale == SCALE_LOG, Te = this._showLeds && Ee && !J, we = this._lumiBars && Ee && !J, Ie = this._alphaBars && !we && K != MODE_GRAPH, Fe = this._outlineBars && Ee && !we && !Te, ke = this._roundBars && Ee && !we && !Te, Le = B != CHANNEL_VERTICAL || Z > 0 && !we, Ge = I.height - (Se && !Te ? 0.5 : 0) >> Se, Ue = Ge * (we || J ? 1 : 1 - Z) | 0, Be = I.width - _e * (Pe || X != 0), je = Se ? I.height - Ge * 2 : 0, Ve = _e * (X == -1 && !Pe && !J);
+    let ze = Math.min(I.width, I.height) * 0.375 * (B == CHANNEL_VERTICAL ? 1 : this._radius) | 0, He = Math.min(_e, xe);
+    Y && B != CHANNEL_VERTICAL && ([ze, He] = [He, ze]);
     const Oe = (Je) => E.push({ ...Je, peak: [0, 0], hold: [0], alpha: [0], value: [0] }), $e = (Je) => {
       const Ke = this._freqToBin(Je, "floor"), rt = this._binToFreq(Ke), nt = this._binToFreq(Ke + 1), Qe = Math.log2(Je / rt) / Math.log2(nt / rt);
       return [Ke, Qe];
@@ -23111,19 +23126,19 @@ class AudioMotionAnalyzer {
     let Re, Me, Ne;
     if (Ae) {
       const Je = (et, We, it) => +et.toPrecision(it ? Math.max(We, 1 + Math.log10(et) | 0) : We), Ke = (et) => {
-        const We = [1, 1.12, 1.25, 1.4, 1.6, 1.8, 2, 2.24, 2.5, 2.8, 3.15, 3.55, 4, 4.5, 5, 5.6, 6.3, 7.1, 8, 9, 10], it = Math.log10(et) | 0, ot = et / 10 ** it;
+        const We = [1, 1.12, 1.25, 1.4, 1.6, 1.8, 2, 2.24, 2.5, 2.8, 3.15, 3.55, 4, 4.5, 5, 5.6, 6.3, 7.1, 8, 9, 10], it = Math.log10(et) | 0, lt = et / 10 ** it;
         let ht = 1;
-        for (; ht < We.length && ot > We[ht]; )
+        for (; ht < We.length && lt > We[ht]; )
           ht++;
-        return ot - We[ht - 1] < We[ht] - ot && ht--, (We[ht] * 10 ** (it + 5) | 0) / 1e5;
+        return lt - We[ht - 1] < We[ht] - lt && ht--, (We[ht] * 10 ** (it + 5) | 0) / 1e5;
       }, rt = [0, 24, 12, 8, 6, 4, 3, 2, 1][K], nt = C ? 10 ** (3 / (rt * 10)) : 2 ** (1 / rt), Qe = nt ** 0.5;
       let Ze = C ? 7.94328235 / (rt % 2 ? 1 : Qe) : C_1;
       do {
         let et = Ze;
-        const We = Je(et / Qe, 4, !0), it = Je(et * Qe, 4, !0), [ot, ht] = $e(We), [gt, pt] = $e(it);
-        C ? et = rt < 4 ? Ke(et) : Je(et, et.toString()[0] < 5 ? 3 : 2) : et = Je(et, 4, !0), et >= V && Oe({ posX: 0, freq: et, freqLo: We, freqHi: it, binLo: ot, binHi: gt, ratioLo: ht, ratioHi: pt }), Ze *= nt;
+        const We = Je(et / Qe, 4, !0), it = Je(et * Qe, 4, !0), [lt, ht] = $e(We), [dt, mt] = $e(it);
+        C ? et = rt < 4 ? Ke(et) : Je(et, et.toString()[0] < 5 ? 3 : 2) : et = Je(et, 4, !0), et >= V && Oe({ posX: 0, freq: et, freqLo: We, freqHi: it, binLo: lt, binHi: dt, ratioLo: ht, ratioHi: mt }), Ze *= nt;
       } while (Ze <= U);
-      Re = Be / E.length, E.forEach((et, We) => et.posX = Ue + We * Re);
+      Re = Be / E.length, E.forEach((et, We) => et.posX = Ve + We * Re);
       const tt = E[0], st = E[E.length - 1];
       Me = this._freqScaling(tt.freqLo), Ne = Be / (this._freqScaling(st.freqHi) - Me), tt.freqLo < V && (tt.freqLo = V, [tt.binLo, tt.ratioLo] = $e(V)), st.freqHi > U && (st.freqHi = U, [st.binHi, st.ratioHi] = $e(U));
     } else if (Ee) {
@@ -23140,14 +23155,14 @@ class AudioMotionAnalyzer {
       Re = Be / Je, Me = this._freqScaling(V), Ne = Be / (this._freqScaling(U) - Me);
       for (let rt = 0, nt = 0; rt < Je; rt++, nt += Re) {
         const Qe = Ke(Me + nt / Ne), Ze = Ke(Me + (nt + Re / 2) / Ne), tt = Ke(Me + (nt + Re) / Ne), [st, et] = $e(Qe), [We, it] = $e(tt);
-        Oe({ posX: Ue + nt, freq: Ze, freqLo: Qe, freqHi: tt, binLo: st, binHi: We, ratioLo: et, ratioHi: it });
+        Oe({ posX: Ve + nt, freq: Ze, freqLo: Qe, freqHi: tt, binLo: st, binHi: We, ratioLo: et, ratioHi: it });
       }
     } else {
       Re = 1, Me = this._freqScaling(V), Ne = Be / (this._freqScaling(U) - Me);
       const Je = this._freqToBin(V, "floor"), Ke = this._freqToBin(U);
       let rt = -999;
       for (let nt = Je; nt <= Ke; nt++) {
-        const Qe = this._binToFreq(nt), Ze = Ue + Math.round(Ne * (this._freqScaling(Qe) - Me));
+        const Qe = this._binToFreq(nt), Ze = Ve + Math.round(Ne * (this._freqScaling(Qe) - Me));
         if (Ze > rt)
           Oe({ posX: Ze, freq: Qe, freqLo: Qe, freqHi: Qe, binLo: nt, binHi: nt, ratioLo: 0, ratioHi: 0 }), rt = Ze;
         else if (E.length) {
@@ -23177,7 +23192,7 @@ class AudioMotionAnalyzer {
         [24, 16, 0.125]
         // mode 8
       ], rt = this._ledParams, [nt, Qe, Ze] = rt || Ke[K];
-      let tt, st = He;
+      let tt, st = Ue;
       if (rt) {
         const et = 2 * Je;
         let We;
@@ -23204,10 +23219,10 @@ class AudioMotionAnalyzer {
     });
     const Ye = [];
     for (const Je of [0, 1]) {
-      const Ke = B == CHANNEL_VERTICAL ? (Ge + je) * Je : 0, rt = Ke + Ge, nt = Ke + He - (!Te || Le ? 0 : Xe);
+      const Ke = B == CHANNEL_VERTICAL ? (Ge + je) * Je : 0, rt = Ke + Ge, nt = Ke + Ue - (!Te || Le ? 0 : Xe);
       Ye.push({ channelTop: Ke, channelBottom: rt, analyzerBottom: nt });
     }
-    this._aux = { analyzerHeight: He, analyzerWidth: Be, centerX: _e, centerY: xe, channelCoords: Ye, channelHeight: Ge, channelGap: je, initialX: Ue, innerRadius: ze, outerRadius: Ve, scaleMin: Me, unitWidth: Ne }, this._flg = { isAlpha: Ie, isBands: Ee, isLeds: Te, isLumi: we, isOctaves: Ae, isOutline: Fe, isRound: ke, noLedGap: Le }, this._createScales();
+    this._aux = { analyzerHeight: Ue, analyzerWidth: Be, centerX: _e, centerY: xe, channelCoords: Ye, channelHeight: Ge, channelGap: je, initialX: Ve, innerRadius: ze, outerRadius: He, scaleMin: Me, unitWidth: Ne }, this._flg = { isAlpha: Ie, isBands: Ee, isLeds: Te, isLumi: we, isOctaves: Ae, isOutline: Fe, isRound: ke, noLedGap: Le }, this._createScales();
   }
   /**
    * Generate the X-axis and radial scales in auxiliary canvases
@@ -23219,32 +23234,32 @@ class AudioMotionAnalyzer {
     if (!K && (this._ansiBands || V != SCALE_LOG))
       Se.push(16, 31.5, 63, 125, 250, 500, 1e3, 2e3, 4e3), V == SCALE_LINEAR ? Se.push(6e3, 8e3, 1e4, 12e3, 14e3, 16e3, 18e3, 2e4, 22e3) : Se.push(8e3, 16e3);
     else {
-      let Ve = C_1;
+      let He = C_1;
       for (let Oe = -1; Oe < 11; Oe++)
         for (let $e = 0; $e < 12; $e++) {
-          if (Ve >= this._minFreq && Ve <= this._maxFreq) {
+          if (He >= this._minFreq && He <= this._maxFreq) {
             const Re = Te[$e], Me = Re == "C";
-            (Re && K && !X && !Pe || Me) && Se.push(K ? [Ve, Re + (Me ? Oe : "")] : Ve);
+            (Re && K && !X && !Pe || Me) && Se.push(K ? [He, Re + (Me ? Oe : "")] : He);
           }
-          Ve *= Ge;
+          He *= Ge;
         }
     }
     xe.width = xe.height = Math.max(Ae * 0.15, (R << 1) + Ee * we);
-    const He = xe.width >> 1, Be = He - we * 0.7, je = (Ve, Oe) => {
-      const $e = TAU * (Ve / U.width), Re = $e - HALF_PI, Me = Be * Math.cos(Re), Ne = Be * Math.sin(Re);
-      Z.save(), Z.translate(He + Me, He + Ne), Z.rotate($e), Z.fillText(Oe, 0, 0), Z.restore();
+    const Ue = xe.width >> 1, Be = Ue - we * 0.7, je = (He, Oe) => {
+      const $e = TAU * (He / U.width), Re = $e - HALF_PI, Me = Be * Math.cos(Re), Ne = Be * Math.sin(Re);
+      Z.save(), Z.translate(Ue + Me, Ue + Ne), Z.rotate($e), Z.fillText(Oe, 0, 0), Z.restore();
     };
-    _e.width |= 0, Y.fillStyle = Z.strokeStyle = SCALEX_BACKGROUND_COLOR, Y.fillRect(0, 0, _e.width, _e.height), Z.arc(He, He, He - we / 2, 0, TAU), Z.lineWidth = we, Z.stroke(), Y.fillStyle = Z.fillStyle = SCALEX_LABEL_COLOR, Y.font = `${Ie}px ${FONT_FAMILY}`, Z.font = `${Fe}px ${FONT_FAMILY}`, Y.textAlign = Z.textAlign = "center";
-    let Ue = -ke / 4, ze = -Le;
-    for (const Ve of Se) {
-      const [Oe, $e] = Array.isArray(Ve) ? Ve : [Ve, Ve < 1e3 ? Ve | 0 : `${(Ve / 100 | 0) / 10}k`], Re = B * (this._freqScaling(Oe) - I), Me = _e.height * 0.75, Ne = $e[0] == "C", De = Ie * (K && !X && !Pe ? Ne ? 1.2 : 0.6 : 3);
+    _e.width |= 0, Y.fillStyle = Z.strokeStyle = SCALEX_BACKGROUND_COLOR, Y.fillRect(0, 0, _e.width, _e.height), Z.arc(Ue, Ue, Ue - we / 2, 0, TAU), Z.lineWidth = we, Z.stroke(), Y.fillStyle = Z.fillStyle = SCALEX_LABEL_COLOR, Y.font = `${Ie}px ${FONT_FAMILY}`, Z.font = `${Fe}px ${FONT_FAMILY}`, Y.textAlign = Z.textAlign = "center";
+    let Ve = -ke / 4, ze = -Le;
+    for (const He of Se) {
+      const [Oe, $e] = Array.isArray(He) ? He : [He, He < 1e3 ? He | 0 : `${(He / 100 | 0) / 10}k`], Re = B * (this._freqScaling(Oe) - I), Me = _e.height * 0.75, Ne = $e[0] == "C", De = Ie * (K && !X && !Pe ? Ne ? 1.2 : 0.6 : 3);
       if (Y.fillStyle = Z.fillStyle = Ne && !X && !Pe ? SCALEX_HIGHLIGHT_COLOR : SCALEX_LABEL_COLOR, K) {
         const Xe = V == SCALE_LOG, qe = V == SCALE_LINEAR;
         let Ye = ["C"];
         if ((Xe || Oe > 2e3 || !qe && Oe > 250 || (!J || Ee) && (!qe && Oe > 125 || Oe > 1e3)) && Ye.push("G"), (Xe || Oe > 4e3 || !qe && Oe > 500 || (!J || Ee) && (!qe && Oe > 250 || Oe > 2e3)) && Ye.push("E"), (qe && Oe > 4e3 || (!J || Ee) && (Xe || Oe > 2e3 || !qe && Oe > 500)) && Ye.push("D", "F", "A", "B"), !Ye.includes($e[0]))
           continue;
       }
-      Re >= Ue + ke / 2 && Re <= E && (Y.fillText($e, Pe && X == -1 ? E - Re : C + Re, Me, De), (Pe || X && (Re > ke || X == 1)) && Y.fillText($e, Pe && X != 1 ? E + Re : (C || U.width) - Re, Me, De), Ue = Re + Math.min(De, Y.measureText($e).width) / 2), Re >= ze + Le && Re < E - Le && (je(Pe && X == 1 ? E - Re : Re, $e), (Pe || X && (Re > Le || X == 1)) && je(Pe && X != -1 ? E + Re : -Re, $e), ze = Re);
+      Re >= Ve + ke / 2 && Re <= E && (Y.fillText($e, Pe && X == -1 ? E - Re : C + Re, Me, De), (Pe || X && (Re > ke || X == 1)) && Y.fillText($e, Pe && X != 1 ? E + Re : (C || U.width) - Re, Me, De), Ve = Re + Math.min(De, Y.measureText($e).width) / 2), Re >= ze + Le && Re < E - Le && (je(Pe && X == 1 ? E - Re : Re, $e), (Pe || X && (Re > Le || X == 1)) && je(Pe && X != -1 ? E + Re : -Re, $e), ze = Re);
     }
   }
   /**
@@ -23281,12 +23296,12 @@ class AudioMotionAnalyzer {
       canvas: ke,
       _canvasGradients: Le,
       _chLayout: Ge,
-      _colorMode: He,
+      _colorMode: Ue,
       _ctx: Be,
       _energy: je,
-      _fadePeaks: Ue,
+      _fadePeaks: Ve,
       fillAlpha: ze,
-      _fps: Ve,
+      _fps: He,
       _linearAmplitude: Oe,
       _lineWidth: $e,
       maxDecibels: Re,
@@ -23299,12 +23314,12 @@ class AudioMotionAnalyzer {
       showPeaks: Je,
       useCanvas: Ke,
       _weightingFilter: rt
-    } = this, nt = this._scaleX.canvas, Qe = this._scaleR.canvas, Ze = Ve * this._peakFadeTime / 1e3, tt = Ve ** 2, st = this._gravity * 1e3, et = Ve * this._peakHoldTime / 1e3, We = Ge == CHANNEL_COMBINED, it = Ge == CHANNEL_HORIZONTAL, ot = Ge == CHANNEL_VERTICAL, ht = Ge == CHANNEL_SINGLE, gt = V && this._trueLeds && He == COLOR_GRADIENT, pt = qe ? ke.width : this._aux.analyzerWidth, ft = Te + pt, mt = Je && this._peakLine && De == MODE_GRAPH, ct = qe ? Ie - we : _e, xt = ct / this._pixelRatio, [bt, It, Et, Ft] = this._leds || [];
-    je.val > 0 && Ve > 0 && (this._spinAngle += this._spinSpeed * TAU / 60 / Ve);
+    } = this, nt = this._scaleX.canvas, Qe = this._scaleR.canvas, Ze = He * this._peakFadeTime / 1e3, tt = He ** 2, st = this._gravity * 1e3, et = He * this._peakHoldTime / 1e3, We = Ge == CHANNEL_COMBINED, it = Ge == CHANNEL_HORIZONTAL, lt = Ge == CHANNEL_VERTICAL, ht = Ge == CHANNEL_SINGLE, dt = V && this._trueLeds && Ue == COLOR_GRADIENT, mt = qe ? ke.width : this._aux.analyzerWidth, ct = Te + mt, pt = Je && this._peakLine && De == MODE_GRAPH, yt = qe ? Ie - we : _e, gt = yt / this._pixelRatio, [xt, It, St, Mt] = this._leds || [];
+    je.val > 0 && He > 0 && (this._spinAngle += this._spinSpeed * TAU / 60 / He);
     const qt = (at) => {
       if (this._reflexRatio > 0 && !X && !qe) {
         let vt, Lt;
-        this.reflexFit || ot ? (vt = ot && at == 0 ? Ee + Ae : 0, Lt = Ee - _e) : (vt = ke.height - _e * 2, Lt = _e), Be.save(), Be.globalAlpha = this.reflexAlpha, this.reflexBright != 1 && (Be.filter = `brightness(${this.reflexBright})`), Be.setTransform(1, 0, 0, -1, 0, ke.height), Be.drawImage(ke, 0, Pe[at].channelTop, ke.width, _e, 0, vt, ke.width, Lt), Be.restore();
+        this.reflexFit || lt ? (vt = lt && at == 0 ? Ee + Ae : 0, Lt = Ee - _e) : (vt = ke.height - _e * 2, Lt = _e), Be.save(), Be.globalAlpha = this.reflexAlpha, this.reflexBright != 1 && (Be.filter = `brightness(${this.reflexBright})`), Be.setTransform(1, 0, 0, -1, 0, ke.height), Be.drawImage(ke, 0, Pe[at].channelTop, ke.width, _e, 0, vt, ke.width, Lt), Be.restore();
       }
     }, Wt = () => {
       this.showScaleX && (qe ? (Be.save(), Be.translate(xe, Se), this._spinSpeed && Be.rotate(this._spinAngle + HALF_PI), Be.drawImage(Qe, -Qe.width >> 1, -Qe.width >> 1), Be.restore()) : Be.drawImage(nt, 0, ke.height - nt.height));
@@ -23335,131 +23350,131 @@ class AudioMotionAnalyzer {
         const vt = Be.globalAlpha;
         Be.globalAlpha = 1, Be.stroke(), Be.globalAlpha = vt;
       }
-    }, Ut = (at) => Math.max(0, (at * bt | 0) * (Ft + Et) - Et), Ir = (at) => {
+    }, Ut = (at) => Math.max(0, (at * xt | 0) * (Mt + St) - St), Ir = (at) => {
       je.val = at, je.peak > 0 && (je.hold--, je.hold < 0 && (je.peak += je.hold * st / tt / ke.height * this._pixelRatio)), at >= je.peak && (je.peak = at, je.hold = et);
     };
     Xe && Be.clearRect(0, 0, ke.width, ke.height);
     let Sr = 0;
     const Er = Fe.length, Tr = ht ? 1 : 2;
     for (let at = 0; at < Tr; at++) {
-      const { channelTop: vt, channelBottom: Lt, analyzerBottom: At } = Pe[at], ir = this._gradients[this._selectedGrads[at]], Dt = ir.colorStops, Nt = Dt.length, Vt = !Ye || V && !Xe ? "#000" : ir.bgColor, Ht = ot && qe && at ? -1 : 1, zt = !at && Ne == -1 || at && Ne == 1, pr = !it || at && Ne != 1 ? 0 : pt >> (at || !zt), nr = it && zt ? -1 : 1, mr = () => {
-        const lt = nt.height, ut = lt >> 1, dt = Oe ? 100 : Re, _t = Oe ? 0 : Me, St = Oe ? 20 : 5, Pt = _e / (dt - _t), $t = Ne != -1 && (!it || at == 0 || Ne == 1), Bt = Ne != 1 && (!it || at != Ne);
+      const { channelTop: vt, channelBottom: Lt, analyzerBottom: At } = Pe[at], ir = this._gradients[this._selectedGrads[at]], Dt = ir.colorStops, Nt = Dt.length, Vt = !Ye || V && !Xe ? "#000" : ir.bgColor, Ht = lt && qe && at ? -1 : 1, zt = !at && Ne == -1 || at && Ne == 1, pr = !it || at && Ne != 1 ? 0 : mt >> (at || !zt), nr = it && zt ? -1 : 1, mr = () => {
+        const ot = nt.height, ut = ot >> 1, ft = Oe ? 100 : Re, bt = Oe ? 0 : Me, Et = Oe ? 20 : 5, Pt = _e / (ft - bt), $t = Ne != -1 && (!it || at == 0 || Ne == 1), Bt = Ne != 1 && (!it || at != Ne);
         Be.save(), Be.fillStyle = SCALEY_LABEL_COLOR, Be.font = `${ut}px ${FONT_FAMILY}`, Be.textAlign = "right", Be.lineWidth = 1;
-        for (let Gt = dt; Gt > _t; Gt -= St) {
-          const Kt = vt + (dt - Gt) * Pt, Tt = Gt % 2 == 0 | 0;
+        for (let Gt = ft; Gt > bt; Gt -= Et) {
+          const Kt = vt + (ft - Gt) * Pt, Tt = Gt % 2 == 0 | 0;
           if (Tt) {
             const Ct = Kt + ut * (Kt == vt ? 0.8 : 0.35);
-            $t && Be.fillText(Gt, lt * 0.85, Ct), Bt && Be.fillText(Gt, (it ? pt : ke.width) - lt * 0.1, Ct), Be.strokeStyle = SCALEY_LABEL_COLOR, Be.setLineDash([2, 4]), Be.lineDashOffset = 0;
+            $t && Be.fillText(Gt, ot * 0.85, Ct), Bt && Be.fillText(Gt, (it ? mt : ke.width) - ot * 0.1, Ct), Be.strokeStyle = SCALEY_LABEL_COLOR, Be.setLineDash([2, 4]), Be.lineDashOffset = 0;
           } else
             Be.strokeStyle = SCALEY_MIDLINE_COLOR, Be.setLineDash([2, 8]), Be.lineDashOffset = 1;
-          Be.beginPath(), Be.moveTo(Te + lt * Tt * $t, ~~Kt + 0.5), Be.lineTo(ft - lt * Tt * Bt, ~~Kt + 0.5), Be.stroke();
+          Be.beginPath(), Be.moveTo(Te + ot * Tt * $t, ~~Kt + 0.5), Be.lineTo(ct - ot * Tt * Bt, ~~Kt + 0.5), Be.stroke();
         }
         Be.restore();
-      }, sr = (lt, ut) => {
-        const dt = kt[lt] + (lt < kt.length - 1 ? (kt[lt + 1] - kt[lt]) * ut : 0);
-        return isNaN(dt) ? -1 / 0 : dt;
-      }, jt = (lt, ut = nr) => ut * TAU * ((lt + pr) / ke.width) + this._spinAngle, wt = (lt, ut, dt) => {
-        const _t = we + ut * Ht, St = jt(lt, dt);
-        return [xe + _t * Math.cos(St), Se + _t * Math.sin(St)];
-      }, gr = (lt, ut, dt, _t, St) => {
+      }, sr = (ot, ut) => {
+        const ft = kt[ot] + (ot < kt.length - 1 ? (kt[ot + 1] - kt[ot]) * ut : 0);
+        return isNaN(ft) ? -1 / 0 : ft;
+      }, jt = (ot, ut = nr) => ut * TAU * ((ot + pr) / ke.width) + this._spinAngle, wt = (ot, ut, ft) => {
+        const bt = we + ut * Ht, Et = jt(ot, ft);
+        return [xe + bt * Math.cos(Et), Se + bt * Math.sin(Et)];
+      }, gr = (ot, ut, ft, bt, Et) => {
         Be.beginPath();
         for (const Pt of Ne && !it ? [1, -1] : [nr]) {
-          const [$t, Bt] = Y ? [jt(lt, Pt), jt(lt + dt, Pt)] : [];
-          Be.moveTo(...wt(lt, ut, Pt)), Be.lineTo(...wt(lt, ut + _t, Pt)), Y ? Be.arc(xe, Se, we + (ut + _t) * Ht, $t, Bt, Pt != 1) : Be.lineTo(...wt(lt + dt, ut + _t, Pt)), Be.lineTo(...wt(lt + dt, ut, Pt)), Y && !St && Be.arc(xe, Se, we + ut * Ht, Bt, $t, Pt == 1);
-        }
-        dr(St), Be.fill();
-      }, vr = (lt = 0, ut = 0) => {
-        let dt;
-        if (He == COLOR_GRADIENT && !gt || De == MODE_GRAPH)
-          dt = Le[at];
+          const [$t, Bt] = Y ? [jt(ot, Pt), jt(ot + ft, Pt)] : [];
+          Be.moveTo(...wt(ot, ut, Pt)), Be.lineTo(...wt(ot, ut + bt, Pt)), Y ? Be.arc(xe, Se, we + (ut + bt) * Ht, $t, Bt, Pt != 1) : Be.lineTo(...wt(ot + ft, ut + bt, Pt)), Be.lineTo(...wt(ot + ft, ut, Pt)), Y && !Et && Be.arc(xe, Se, we + ut * Ht, Bt, $t, Pt == 1);
+        }
+        dr(Et), Be.fill();
+      }, vr = (ot = 0, ut = 0) => {
+        let ft;
+        if (Ue == COLOR_GRADIENT && !dt || De == MODE_GRAPH)
+          ft = Le[at];
         else {
-          const _t = He == COLOR_BAR_INDEX ? ut % Nt : Dt.findLastIndex((St) => V ? Ut(lt) <= Ut(St.level) : lt <= St.level);
-          dt = Dt[_t].color;
+          const bt = Ue == COLOR_BAR_INDEX ? ut % Nt : Dt.findLastIndex((Et) => V ? Ut(ot) <= Ut(Et.level) : ot <= Et.level);
+          ft = Dt[bt].color;
         }
-        Be.fillStyle = Be.strokeStyle = dt;
+        Be.fillStyle = Be.strokeStyle = ft;
       };
       if (Ke) {
         if (it && !qe) {
-          const lt = pt * (at + zt), ut = zt ? -1 : 1;
-          Be.setTransform(ut, 0, 0, 1, lt, 0);
+          const ot = mt * (at + zt), ut = zt ? -1 : 1;
+          Be.setTransform(ut, 0, 0, 1, ot, 0);
         }
-        if ((!Xe || Ye) && (Xe && (Be.globalAlpha = this.bgAlpha), Be.fillStyle = Vt, (at == 0 || !qe && !We) && Be.fillRect(Te, vt - Ae, pt, (Xe && this.reflexAlpha == 1 ? _e : Ee) + Ae), Be.globalAlpha = 1), this.showScaleY && !X && !qe && (at == 0 || !We) && mr(), V ? (Be.setLineDash([Ft, Et]), Be.lineWidth = Fe[0].width) : Be.lineWidth = J ? Math.min($e, Fe[0].width / 2) : $e, Be.save(), !qe) {
-          const lt = new Path2D();
-          lt.rect(0, vt, ke.width, _e), Be.clip(lt);
+        if ((!Xe || Ye) && (Xe && (Be.globalAlpha = this.bgAlpha), Be.fillStyle = Vt, (at == 0 || !qe && !We) && Be.fillRect(Te, vt - Ae, mt, (Xe && this.reflexAlpha == 1 ? _e : Ee) + Ae), Be.globalAlpha = 1), this.showScaleY && !X && !qe && (at == 0 || !We) && mr(), V ? (Be.setLineDash([Mt, St]), Be.lineWidth = Fe[0].width) : Be.lineWidth = J ? Math.min($e, Fe[0].width / 2) : $e, Be.save(), !qe) {
+          const ot = new Path2D();
+          ot.rect(0, vt, ke.width, _e), Be.clip(ot);
         }
       }
       let kt = this._fftData[at];
-      this._analyzer[at].getFloatFrequencyData(kt), rt && (kt = kt.map((lt, ut) => lt + Yt(this._binToFreq(ut)))), Be.beginPath();
+      this._analyzer[at].getFloatFrequencyData(kt), rt && (kt = kt.map((ot, ut) => ot + Yt(this._binToFreq(ut)))), Be.beginPath();
       let er = [];
-      for (let lt = 0; lt < Er; lt++) {
-        const ut = Fe[lt], { posX: dt, barCenter: _t, width: St, freq: Pt, binLo: $t, binHi: Bt, ratioLo: Gt, ratioHi: Kt } = ut;
+      for (let ot = 0; ot < Er; ot++) {
+        const ut = Fe[ot], { posX: ft, barCenter: bt, width: Et, freq: Pt, binLo: $t, binHi: Bt, ratioLo: Gt, ratioHi: Kt } = ut;
         let Tt = Math.max(sr($t, Gt), sr(Bt, Kt));
-        for (let yt = $t + 1; yt < Bt; yt++)
-          kt[yt] > Tt && (Tt = kt[yt]);
+        for (let _t = $t + 1; _t < Bt; _t++)
+          kt[_t] > Tt && (Tt = kt[_t]);
         if (Tt = this._normalizedB(Tt), ut.value[at] = Tt, Sr += Tt, ut.peak[at] > 0 && ut.alpha[at] > 0 && (ut.hold[at]--, ut.hold[at] < 0)) {
-          if (Ue && !mt) {
-            const yt = !B || J && $e > 0 ? 1 : B ? ut.peak[at] : ze;
-            ut.alpha[at] = yt * (1 + ut.hold[at] / Ze);
+          if (Ve && !pt) {
+            const _t = !B || J && $e > 0 ? 1 : B ? ut.peak[at] : ze;
+            ut.alpha[at] = _t * (1 + ut.hold[at] / Ze);
           } else
-            ut.peak[at] += ut.hold[at] * st / tt / xt;
+            ut.peak[at] += ut.hold[at] * st / tt / gt;
           ut.alpha[at] <= 0 && (ut.peak[at] = 0);
         }
         if (Tt >= ut.peak[at] && (ut.peak[at] = Tt, ut.hold[at] = et, ut.alpha[at] = !B || J && $e > 0 ? 1 : B ? Tt : ze), !Ke)
           continue;
-        Be.globalAlpha = X || B ? Tt : J ? ze : 1, vr(Tt, lt);
-        const Ct = X ? ct : V ? Ut(Tt) : Tt * ct | 0;
+        Be.globalAlpha = X || B ? Tt : J ? ze : 1, vr(Tt, ot);
+        const Ct = X ? yt : V ? Ut(Tt) : Tt * yt | 0;
         if (De == MODE_GRAPH) {
-          const yt = lt ? 0 : (this._normalizedB(kt[Fe[1].binLo]) * ct + Ct) / 2;
+          const _t = ot ? 0 : (this._normalizedB(kt[Fe[1].binLo]) * yt + Ct) / 2;
           if (qe) {
-            if (lt == 0 && (it && Be.moveTo(...wt(0, 0)), Be.lineTo(...wt(0, dt < 0 ? yt : Ct))), dt >= 0) {
-              const Mt = [dt, Ct];
-              Be.lineTo(...wt(...Mt)), er.push(Mt);
+            if (ot == 0 && (it && Be.moveTo(...wt(0, 0)), Be.lineTo(...wt(0, ft < 0 ? _t : Ct))), ft >= 0) {
+              const Ft = [ft, Ct];
+              Be.lineTo(...wt(...Ft)), er.push(Ft);
             }
           } else {
-            if (lt == 0)
+            if (ot == 0)
               if (Ne == -1 && !it)
-                Be.moveTo(Te, At - (dt < Te ? yt : Ct));
+                Be.moveTo(Te, At - (ft < Te ? _t : Ct));
               else {
-                const Mt = $t ? this._normalizedB(kt[$t - 1]) * ct : Ct;
-                Be.moveTo(Te - $e, At - Mt);
+                const Ft = $t ? this._normalizedB(kt[$t - 1]) * yt : Ct;
+                Be.moveTo(Te - $e, At - Ft);
               }
-            (it || Ne != -1 || dt >= Te) && Be.lineTo(dt, At - Ct);
+            (it || Ne != -1 || ft >= Te) && Be.lineTo(ft, At - Ct);
           }
         } else if (V) {
           if (Ye && !Xe && (at == 0 || !We)) {
-            const yt = Be.globalAlpha;
-            Be.strokeStyle = LEDS_UNLIT_COLOR, Be.globalAlpha = 1, fr(_t, vt, At), Be.strokeStyle = Be.fillStyle, Be.globalAlpha = yt;
+            const _t = Be.globalAlpha;
+            Be.strokeStyle = LEDS_UNLIT_COLOR, Be.globalAlpha = 1, fr(bt, vt, At), Be.strokeStyle = Be.fillStyle, Be.globalAlpha = _t;
           }
-          if (gt) {
-            const yt = X ? 0 : Dt.findLastIndex((Xt) => Ut(Tt) <= Ut(Xt.level));
-            let Mt = At;
-            for (let Xt = Nt - 1; Xt >= yt; Xt--) {
+          if (dt) {
+            const _t = X ? 0 : Dt.findLastIndex((Xt) => Ut(Tt) <= Ut(Xt.level));
+            let Ft = At;
+            for (let Xt = Nt - 1; Xt >= _t; Xt--) {
               Be.strokeStyle = Dt[Xt].color;
-              let Cr = At - (Xt == yt ? Ct : Ut(Dt[Xt].level));
-              fr(_t, Mt, Cr), Mt = Cr - Et;
+              let Cr = At - (Xt == _t ? Ct : Ut(Dt[Xt].level));
+              fr(bt, Ft, Cr), Ft = Cr - St;
             }
           } else
-            fr(_t, At, At - Ct);
-        } else if (dt >= Te)
+            fr(bt, At, At - Ct);
+        } else if (ft >= Te)
           if (qe)
-            gr(dt, 0, St, Ct, J);
+            gr(ft, 0, Et, Ct, J);
           else if (Y) {
-            const yt = St / 2, Mt = At + yt;
-            Be.beginPath(), Be.moveTo(dt, Mt), Be.lineTo(dt, Mt - Ct), Be.arc(_t, Mt - Ct, yt, PI, TAU), Be.lineTo(dt + St, Mt), dr(J), Be.fill();
+            const _t = Et / 2, Ft = At + _t;
+            Be.beginPath(), Be.moveTo(ft, Ft), Be.lineTo(ft, Ft - Ct), Be.arc(bt, Ft - Ct, _t, PI, TAU), Be.lineTo(ft + Et, Ft), dr(J), Be.fill();
           } else {
-            const yt = J ? Be.lineWidth : 0;
-            Be.beginPath(), Be.rect(dt, At + yt, St, -Ct - yt), dr(J), Be.fill();
+            const _t = J ? Be.lineWidth : 0;
+            Be.beginPath(), Be.rect(ft, At + _t, Et, -Ct - _t), dr(J), Be.fill();
           }
         const Zt = ut.peak[at], Ar = ut.alpha[at];
-        if (Zt > 0 && Ar > 0 && Je && !mt && !X && dt >= Te && dt < ft) {
-          if (Ue ? Be.globalAlpha = Ar : J && $e > 0 ? Be.globalAlpha = 1 : B && (Be.globalAlpha = Zt), (He == COLOR_BAR_LEVEL || gt) && vr(Zt), V) {
-            const yt = Ut(Zt);
-            yt >= Et && Be.fillRect(dt, At - yt, St, Ft);
+        if (Zt > 0 && Ar > 0 && Je && !pt && !X && ft >= Te && ft < ct) {
+          if (Ve ? Be.globalAlpha = Ar : J && $e > 0 ? Be.globalAlpha = 1 : B && (Be.globalAlpha = Zt), (Ue == COLOR_BAR_LEVEL || dt) && vr(Zt), V) {
+            const _t = Ut(Zt);
+            _t >= St && Be.fillRect(ft, At - _t, Et, Mt);
           } else if (!qe)
-            Be.fillRect(dt, At - Zt * ct, St, 2);
+            Be.fillRect(ft, At - Zt * yt, Et, 2);
           else if (De != MODE_GRAPH) {
-            const yt = Zt * ct;
-            gr(dt, yt, St, !this._radialInvert || ot || yt + we >= 2 ? -2 : 2);
+            const _t = Zt * yt;
+            gr(ft, _t, Et, !this._radialInvert || lt || _t + we >= 2 ? -2 : 2);
           }
         }
       }
@@ -23467,31 +23482,31 @@ class AudioMotionAnalyzer {
         if (Be.globalAlpha = 1, De == MODE_GRAPH) {
           if (vr(), qe && !it) {
             if (Ne) {
-              let lt;
-              for (; lt = er.pop(); )
-                Be.lineTo(...wt(...lt, -1));
+              let ot;
+              for (; ot = er.pop(); )
+                Be.lineTo(...wt(...ot, -1));
             }
             Be.closePath();
           }
           if ($e > 0 && Be.stroke(), ze > 0) {
             if (qe) {
-              const lt = it ? jt(pt >> 1) : 0, ut = it ? jt(pt) : TAU;
-              Be.moveTo(...wt(it ? pt >> 1 : 0, 0)), Be.arc(xe, Se, we, lt, ut, it ? !zt : !0);
+              const ot = it ? jt(mt >> 1) : 0, ut = it ? jt(mt) : TAU;
+              Be.moveTo(...wt(it ? mt >> 1 : 0, 0)), Be.arc(xe, Se, we, ot, ut, it ? !zt : !0);
             } else
-              Be.lineTo(ft, At), Be.lineTo(Te, At);
+              Be.lineTo(ct, At), Be.lineTo(Te, At);
             Be.globalAlpha = ze, Be.fill(), Be.globalAlpha = 1;
           }
-          if ((mt || qe && Je) && (er = [], Be.beginPath(), Fe.forEach((lt, ut) => {
-            let dt = lt.posX, _t = lt.peak[at], St = ut ? "lineTo" : "moveTo";
-            if (qe && dt < 0) {
+          if ((pt || qe && Je) && (er = [], Be.beginPath(), Fe.forEach((ot, ut) => {
+            let ft = ot.posX, bt = ot.peak[at], Et = ut ? "lineTo" : "moveTo";
+            if (qe && ft < 0) {
               const Pt = Fe[ut + 1];
-              _t = findY(dt, _t, Pt.posX, Pt.peak[at], 0), dt = 0;
+              bt = findY(ft, bt, Pt.posX, Pt.peak[at], 0), ft = 0;
             }
-            _t *= ct, mt ? (Be[St](...qe ? wt(dt, _t) : [dt, At - _t]), qe && Ne && !it && er.push([dt, _t])) : _t > 0 && gr(dt, _t, 1, -2);
-          }), mt)) {
-            let lt;
-            for (; lt = er.pop(); )
-              Be.lineTo(...wt(...lt, -1));
+            bt *= yt, pt ? (Be[Et](...qe ? wt(ft, bt) : [ft, At - bt]), qe && Ne && !it && er.push([ft, bt])) : bt > 0 && gr(ft, bt, 1, -2);
+          }), pt)) {
+            let ot;
+            for (; ot = er.pop(); )
+              Be.lineTo(...wt(...ot, -1));
             Be.lineWidth = 1, Be.stroke();
           }
         }
@@ -23500,7 +23515,7 @@ class AudioMotionAnalyzer {
     }
     if (Ir(Sr / (Er << Tr - 1)), Ke && (Ne && !qe && !it && (Be.setTransform(-1, 0, 0, 1, ke.width - Te, 0), Be.drawImage(ke, Te, 0, xe, ke.height, 0, 0, xe, ke.height), Be.setTransform(1, 0, 0, 1, 0, 0)), Be.setLineDash([]), Wt()), this.showFPS) {
       const at = nt.height;
-      Be.font = `bold ${at}px ${FONT_FAMILY}`, Be.fillStyle = FPS_COLOR, Be.textAlign = "right", Be.fillText(Math.round(Ve), ke.width - at, at * 2);
+      Be.font = `bold ${at}px ${FONT_FAMILY}`, Be.fillStyle = FPS_COLOR, Be.textAlign = "right", Be.fillText(Math.round(He), ke.width - at, at * 2);
     }
     this.onCanvasDraw && (Be.save(), Be.fillStyle = Be.strokeStyle = Le[0], this.onCanvasDraw(this, { timestamp: E, canvasGradients: Le }), Be.restore());
   }
@@ -23544,8 +23559,8 @@ class AudioMotionAnalyzer {
             let Ge = ke.pos;
             if (we && (Ge /= 2), Z && !Y && !R && !Ae && (Ge *= _e, !we && Ge > 0.5 * _e && (Ge += 0.5 * I)), Ie == 1)
               if (R || Y) {
-                const He = Fe - Le;
-                ke = Ee[He], Ge = 1 - ke.pos / 2;
+                const Ue = Fe - Le;
+                ke = Ee[Ue], Ge = 1 - ke.pos / 2;
               } else
                 Le == 0 && Ge > 0 && Te.addColorStop(0.5, ke.color), Ge += 0.5;
             Te.addColorStop(Ge, ke.color), Z && Le == Fe && Ge < 0.5 && Te.addColorStop(0.5, ke.color);
@@ -23764,10 +23779,10 @@ const waveConfig = {
   } = A, {
     width: Le = 300,
     height: Ge = 300,
-    x: He = 100,
+    x: Ue = 100,
     y: Be = 100,
     waveform: je = Waveforms.NONE
-  } = ke || {}, { audioMotionRef: Ue, blobUrl: ze, canvasRef: Ve } = useAudioVisualizer({
+  } = ke || {}, { audioMotionRef: Ve, blobUrl: ze, canvasRef: He } = useAudioVisualizer({
     uniqueId: xe,
     src: Se,
     transformation: ke
@@ -23839,21 +23854,21 @@ const waveConfig = {
     /// volume: !mute && visible ? 1 : 0,
     onload: () => {
       var Ne;
-      if (V.current.loaded = !0, K.current && (we > 0 && K.current.seek(we), K.current.volume(!Ae && Fe ? 1 : 0), K.current.rate(Te || 1), K.current.pause(), V.current.isPlaying = !1, V.current.completed = !1, Ue.current && K.current)) {
+      if (V.current.loaded = !0, K.current && (we > 0 && K.current.seek(we), K.current.volume(!Ae && Fe ? 1 : 0), K.current.rate(Te || 1), K.current.pause(), V.current.isPlaying = !1, V.current.completed = !1, Ve.current && K.current)) {
         console.log("reconnecting the audio motion analyser");
         try {
-          Ue.current.connectInput(
+          Ve.current.connectInput(
             // @ts-ignore
             K.current._sounds[0]._node
           );
         } catch (Xe) {
           console.log("error connecting audio motion"), console.log(Xe);
         }
-        const De = PIXI.Texture.from(Ue.current._fsEl, {
+        const De = PIXI.Texture.from(Ve.current._fsEl, {
           // @ts-ignore
-          pixiIdPrefix: `${(Ne = Ue.current._container) == null ? void 0 : Ne.id}`
+          pixiIdPrefix: `${(Ne = Ve.current._container) == null ? void 0 : Ne.id}`
         });
-        Y.current = De, Ve.current && Ve.current.setAttribute("style", "display:none"), B(!0);
+        Y.current = De, He.current && He.current.setAttribute("style", "display:none"), B(!0);
       }
     },
     onend: () => {
@@ -23871,7 +23886,7 @@ const waveConfig = {
   }), Howler.ctx.resume().then(() => {
     console.log("audio ctx resumed");
   })), () => {
-    console.log("unmounting the howler useeffect"), Ue.current, K.current && (K.current.stop(), K.current.unload(), K.current = void 0);
+    console.log("unmounting the howler useeffect"), Ve.current, K.current && (K.current.stop(), K.current.unload(), K.current = void 0);
   }), [
     xe,
     Se,
@@ -23900,7 +23915,7 @@ const waveConfig = {
           width: Le,
           height: Ge,
           anchor: 0.5,
-          x: He,
+          x: Ue,
           y: Be,
           ref: J,
           alpha: Fe ? 1 : 0
@@ -24850,14 +24865,14 @@ Object.defineProperty(lzw$1, "__esModule", {
 });
 lzw$1.lzw = void 0;
 var lzw = function(E, C, R) {
-  var I = 4096, B = -1, U = R, V, X, K, J, Y, Z, _e, Fe, xe, Se, Ie, Pe, ke, Le, He, Ge, Ee = new Array(R), Ae = new Array(I), Te = new Array(I), we = new Array(I + 1);
+  var I = 4096, B = -1, U = R, V, X, K, J, Y, Z, _e, Fe, xe, Se, Ie, Pe, ke, Le, Ue, Ge, Ee = new Array(R), Ae = new Array(I), Te = new Array(I), we = new Array(I + 1);
   for (Pe = E, X = 1 << Pe, Y = X + 1, V = X + 2, _e = B, J = Pe + 1, K = (1 << J) - 1, xe = 0; xe < X; xe++)
     Ae[xe] = 0, Te[xe] = xe;
-  var Ie, Fe, ke, Le, Ge, He;
-  for (Ie = Fe = ke = Le = Ge = He = 0, Se = 0; Se < U; ) {
+  var Ie, Fe, ke, Le, Ge, Ue;
+  for (Ie = Fe = ke = Le = Ge = Ue = 0, Se = 0; Se < U; ) {
     if (Le === 0) {
       if (Fe < J) {
-        Ie += C[He] << Fe, Fe += 8, He++;
+        Ie += C[Ue] << Fe, Fe += 8, Ue++;
         continue;
       }
       if (xe = Ie & K, Ie >>= J, Fe -= J, xe > V || xe == Y)
@@ -25050,24 +25065,24 @@ const genearate = (A) => ({
     loop: we,
     visible: Ie,
     disabled: Fe,
-    transformation: { width: ke = 0, height: Le = 0, x: Ge, y: He, colorCorrection: Be = {} },
+    transformation: { width: ke = 0, height: Le = 0, x: Ge, y: Ue, colorCorrection: Be = {} },
     pointerdown: je
-  } = A, { frames: Ue, delays: ze } = Y;
+  } = A, { frames: Ve, delays: ze } = Y;
   useWorkerParser(xe, Z);
   const {
-    temperatureFilter: Ve,
+    temperatureFilter: He,
     sharpnessFilter: Oe,
-    hueFilter: $e,
+    hslFilter: $e,
     blurFilter: Re,
     adjustmentFilter: Me,
     vignetteFilter: Ne,
     noiseFilter: De
   } = withFiltersHook(Be), { blurRadius: Xe = 0, vignette: qe = 0, noise: Ye = 0 } = Be, Je = 0.1;
   React.useEffect(() => {
-    if (!isEmpty$2(Ue)) {
-      const Ze = map$1(Ue, (st) => {
-        const { data: et, width: We, height: it } = st, ot = new Uint8Array(et);
-        return PIXI.Texture.fromBuffer(ot, We, it);
+    if (!isEmpty$2(Ve)) {
+      const Ze = map$1(Ve, (st) => {
+        const { data: et, width: We, height: it } = st, lt = new Uint8Array(et);
+        return PIXI.Texture.fromBuffer(lt, We, it);
       }).map(
         (st, et) => ({
           texture: st,
@@ -25078,9 +25093,9 @@ const genearate = (A) => ({
       let tt = 0;
       ze.forEach((st) => {
         tt += st;
-      }), R(tt / 1e3), K.current.totalDuration = tt, K.current.totalFrames = Ue.length;
+      }), R(tt / 1e3), K.current.totalDuration = tt, K.current.totalFrames = Ve.length;
     }
-  }, [Se, Ue, ze]);
+  }, [Se, Ve, ze]);
   const Ke = () => {
     V.current && (V.current.stop(), K.current.isPlaying = !1);
   }, rt = () => {
@@ -25139,7 +25154,7 @@ const genearate = (A) => ({
         PixiAnimatedSprite,
         {
           x: Ge,
-          y: He,
+          y: Ue,
           width: ke,
           height: Le,
           animationSpeed: 1,
@@ -25151,7 +25166,7 @@ const genearate = (A) => ({
           forwardRef: V,
           ...!Fe && Ie && { interactive: !0, pointerdown: je },
           filters: [
-            Ve,
+            He,
             Oe,
             $e,
             Me,
@@ -25189,13 +25204,13 @@ const genearate = (A) => ({
     // fill
     fill: Ge = "black",
     // stroke
-    stroke: He,
+    stroke: Ue,
     strokeThickness: Be = 0,
     // drop shadow
     blurRadius: je = 0,
-    blurEnabled: Ue = !1,
+    blurEnabled: Ve = !1,
     dropShadowColor: ze = null,
-    dropShadow: Ve = !1,
+    dropShadow: He = !1,
     dropShadowBlur: Oe = 0,
     // multiline
     wordWrapWidth: $e = 5e7,
@@ -25208,7 +25223,7 @@ const genearate = (A) => ({
   } = Z, {
     temperatureFilter: Ye,
     sharpnessFilter: Je,
-    hueFilter: Ke,
+    hslFilter: Ke,
     blurFilter: rt,
     adjustmentFilter: nt
   } = withFiltersHook(Ne), { blurRadius: Qe = 0 } = Ne;
@@ -25229,8 +25244,8 @@ const genearate = (A) => ({
     fontSize: ke,
     fill: Ge || "white",
     //[color, '#00ff99'], // gradient
-    ...He && Be > 0 && {
-      stroke: He,
+    ...Ue && Be > 0 && {
+      stroke: Ue,
       strokeThickness: Be
     },
     ...Ze && {
@@ -25243,14 +25258,14 @@ const genearate = (A) => ({
       fontWeight: st
     },
     ...et && { letterSpacing: et },
-    ...Ue && {
+    ...Ve && {
       dropShadow: !0,
       dropShadowBlur: Number(je),
       dropShadowColor: (ze == null ? void 0 : ze.toString()) || "black",
       dropShadowAngle: 0.5235987755982988,
       dropShadowDistance: 5
     },
-    ...Ve && {
+    ...He && {
       dropShadow: !0,
       dropShadowBlur: Number(Oe),
       dropShadowColor: (ze == null ? void 0 : ze.toString()) || "black",
@@ -25263,7 +25278,7 @@ const genearate = (A) => ({
     leading: Re || 0
     // lineHeight: lineHeight,
   }), [
-    Ue,
+    Ve,
     je,
     Ge,
     we,
@@ -25275,10 +25290,10 @@ const genearate = (A) => ({
     tt,
     et,
     ze,
-    He,
+    Ue,
     Be,
     $e,
-    Ve,
+    He,
     Oe
   ]);
   React.useEffect(() => {
@@ -25288,18 +25303,18 @@ const genearate = (A) => ({
   }, [Z]), React.useImperativeHandle(
     E,
     () => ({
-      setWordWrap: (ft, mt = { x: 1, y: 1 }) => {
+      setWordWrap: (ct, pt = { x: 1, y: 1 }) => {
         if (I.current) {
-          I.current.style.wordWrapWidth = ft, I.current.dirty = !0;
-          const ct = 1 / mt.x, xt = 1 / mt.y;
-          I.current.scale.set(ct, xt), I.current.updateText(!0);
+          I.current.style.wordWrapWidth = ct, I.current.dirty = !0;
+          const yt = 1 / pt.x, gt = 1 / pt.y;
+          I.current.scale.set(yt, gt), I.current.updateText(!0);
         }
       },
-      setFontSizeAndTransform: (ft, mt, ct = { x: 1, y: 1 }) => {
+      setFontSizeAndTransform: (ct, pt, yt = { x: 1, y: 1 }) => {
         if (I.current) {
-          I.current.style.wordWrapWidth = ft, I.current.style.fontSize = mt, I.current.dirty = !0;
-          const xt = 1 / ct.x, bt = 1 / ct.y;
-          I.current.scale.set(xt, bt), I.current.updateText(!0);
+          I.current.style.wordWrapWidth = ct, I.current.style.fontSize = pt, I.current.dirty = !0;
+          const gt = 1 / yt.x, xt = 1 / yt.y;
+          I.current.scale.set(gt, xt), I.current.updateText(!0);
         }
       },
       resetScale: () => {
@@ -25308,21 +25323,21 @@ const genearate = (A) => ({
     }),
     [Se, Pe, Ee]
   );
-  const ot = React.useCallback(
-    (ft, mt = { x: 1, y: 1 }) => {
+  const lt = React.useCallback(
+    (ct, pt = { x: 1, y: 1 }) => {
       if (I.current) {
-        I.current.style.wordWrapWidth = ft, I.current.dirty = !0;
-        const ct = 1 / mt.x, xt = 1 / mt.y;
-        I.current.scale.set(ct, xt), I.current.updateText(!0);
+        I.current.style.wordWrapWidth = ct, I.current.dirty = !0;
+        const yt = 1 / pt.x, gt = 1 / pt.y;
+        I.current.scale.set(yt, gt), I.current.updateText(!0);
       }
     },
     [I.current]
   ), ht = React.useCallback(
-    (ft, mt, ct = { x: 1, y: 1 }) => {
+    (ct, pt, yt = { x: 1, y: 1 }) => {
       if (I.current) {
-        I.current.style.wordWrapWidth = ft, I.current.style.fontSize = mt, I.current.dirty = !0;
-        const xt = 1 / ct.x, bt = 1 / ct.y;
-        I.current.scale.set(xt, bt), I.current.updateText(!0);
+        I.current.style.wordWrapWidth = ct, I.current.style.fontSize = pt, I.current.dirty = !0;
+        const gt = 1 / yt.x, xt = 1 / yt.y;
+        I.current.scale.set(gt, xt), I.current.updateText(!0);
       }
     },
     [I.current, U.current]
@@ -25330,13 +25345,13 @@ const genearate = (A) => ({
   React.useEffect(() => {
     if (We === null || We === 0)
       return;
-    const ft = new PIXI.Graphics();
-    ft.beginFill(We || 16724736), ft.drawRect(0, 0, Xe, qe), ft.endFill(), V.current && (V.current.texture = X.renderer.generateTexture(ft), V.current.texture.update());
+    const ct = new PIXI.Graphics();
+    ct.beginFill(We || 16724736), ct.drawRect(0, 0, Xe, qe), ct.endFill(), V.current && (V.current.texture = X.renderer.generateTexture(ct), V.current.texture.update());
   }, [We, Xe, qe]);
-  const gt = () => {
-    const ft = (/* @__PURE__ */ new Date()).getTime();
-    ft - R.current < 300 && xe ? xe() : _e && _e(), R.current = ft;
-  }, pt = () => {
+  const dt = () => {
+    const ct = (/* @__PURE__ */ new Date()).getTime();
+    ct - R.current < 300 && xe ? xe() : _e && _e(), R.current = ct;
+  }, mt = () => {
     !Y && xe && xe();
   };
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(
@@ -25345,8 +25360,8 @@ const genearate = (A) => ({
       ...A,
       ref: E,
       isText: !0,
-      onDoubleClick: pt,
-      handleDragWordWrap: ot,
+      onDoubleClick: mt,
+      handleDragWordWrap: lt,
       handleDragFontSize: ht,
       children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -25374,7 +25389,7 @@ const genearate = (A) => ({
             ...K && !Y && {
               interactive: !0,
               buttonMode: !0,
-              pointerdown: gt
+              pointerdown: dt
             },
             ref: I,
             filters: [
@@ -25515,15 +25530,15 @@ const debounce$1 = /* @__PURE__ */ getDefaultExportFromCjs(debounce_1), useDebou
     transformation: { x: Te, y: we, width: Ie, height: Fe, animation: ke, colorCorrection: Le = {} },
     pointerdown: Ge = () => {
     },
-    pointerout: He = () => {
+    pointerout: Ue = () => {
     },
     pointerover: Be = () => {
     },
     fps: je = 0
-  } = A, { tl: Ue, dragModeRef: ze, isRemotion: Ve } = useContext(GsapPixieContext), { onPointerDown: Oe, onPointerOut: $e, onPointerOver: Re } = useDebouncedPointerEvents(Be, Ge, He, 1), { blurRadius: Me = 0, vignette: Ne = 0, noise: De = 0 } = Le, {
+  } = A, { tl: Ve, dragModeRef: ze, isRemotion: He } = useContext(GsapPixieContext), { onPointerDown: Oe, onPointerOut: $e, onPointerOver: Re } = useDebouncedPointerEvents(Be, Ge, Ue, 1), { blurRadius: Me = 0, vignette: Ne = 0, noise: De = 0 } = Le, {
     temperatureFilter: Xe,
     sharpnessFilter: qe,
-    hueFilter: Ye,
+    hslFilter: Ye,
     blurFilter: Je,
     adjustmentFilter: Ke,
     vignetteFilter: rt,
@@ -25542,8 +25557,8 @@ const debounce$1 = /* @__PURE__ */ getDefaultExportFromCjs(debounce_1), useDebou
   const tt = (it) => {
     if (V.current) {
       if (V.current.currentTime = Number(it), !ze.current) {
-        const ot = V.current, ht = ot.currentTime > 0 && !ot.paused && !ot.ended && ot.readyState > ot.HAVE_CURRENT_DATA;
-        Ue.current && Ue.current.isActive() && K.current && K.current.isActive() && (ht || V.current.play(), X.current.isPlaying = !0);
+        const lt = V.current, ht = lt.currentTime > 0 && !lt.paused && !lt.ended && lt.readyState > lt.HAVE_CURRENT_DATA;
+        Ve.current && Ve.current.isActive() && K.current && K.current.isActive() && (ht || V.current.play(), X.current.isPlaying = !0);
       }
       X.current.progress = 0;
     }
@@ -25554,19 +25569,19 @@ const debounce$1 = /* @__PURE__ */ getDefaultExportFromCjs(debounce_1), useDebou
     }
   }, et = () => {
   }, We = () => {
-    var it, ot;
+    var it, lt;
     if (K.current && (X.current.progress = K.current.progress()), V.current && K.current) {
-      const ht = Se + ((it = K == null ? void 0 : K.current) == null ? void 0 : it.time()), gt = Math.abs(
+      const ht = Se + ((it = K == null ? void 0 : K.current) == null ? void 0 : it.time()), dt = Math.abs(
         V.current.currentTime - ht
-      ), pt = V.current, ft = pt.currentTime > 0 && !pt.paused && !pt.ended && pt.readyState > pt.HAVE_CURRENT_DATA;
-      ze.current && I.current ? (V.current.currentTime = ht, I.current.update(), X.current.isPlaying = !1) : (ft !== X.current.isPlaying || !ft) && X.current.progress > 0.01 && X.current.progress < 0.99 ? (ot = Ue.current) != null && ot.isActive() && K.current && K.current.isActive() && (ft || V.current.play(), X.current.isPlaying = !0) : gt > 0.3 && X.current.progress > 0.01 && X.current.progress < 0.99 && (V.current.currentTime = ht);
+      ), mt = V.current, ct = mt.currentTime > 0 && !mt.paused && !mt.ended && mt.readyState > mt.HAVE_CURRENT_DATA;
+      ze.current && I.current ? (V.current.currentTime = ht, I.current.update(), X.current.isPlaying = !1) : (ct !== X.current.isPlaying || !ct) && X.current.progress > 0.01 && X.current.progress < 0.99 ? (lt = Ve.current) != null && lt.isActive() && K.current && K.current.isActive() && (ct || V.current.play(), X.current.isPlaying = !0) : dt > 0.3 && X.current.progress > 0.01 && X.current.progress < 0.99 && (V.current.currentTime = ht);
     }
   };
   return useEffect(() => {
     let it = gsap$2.context(() => {
     });
-    if (U.current && Ue.current) {
-      const ot = {
+    if (U.current && Ve.current) {
+      const lt = {
         duration: Number(xe) - Number(_e),
         onStart: tt,
         onComplete: st,
@@ -25591,13 +25606,13 @@ const debounce$1 = /* @__PURE__ */ getDefaultExportFromCjs(debounce_1), useDebou
           console.log("onKill video sprite kill", J);
         }
       };
-      K.current && (K.current.kill(), Ue.current.remove(K.current)), it = gsap$2.context(() => {
+      K.current && (K.current.kill(), Ve.current.remove(K.current)), it = gsap$2.context(() => {
         K.current = gsap$2.to(
           U.current,
           // @ts-ignore
-          ot,
+          lt,
           Se
-        ), Ue.current.add(K.current, _e);
+        ), Ve.current.add(K.current, _e);
       });
     }
     return () => {
@@ -25612,35 +25627,35 @@ const debounce$1 = /* @__PURE__ */ getDefaultExportFromCjs(debounce_1), useDebou
       clearTimeout(it);
     };
   }, [Y]), React.useEffect(() => {
-    const it = Math.round((Number(Se) + Number.EPSILON) * 100) / 100, ot = function() {
+    const it = Math.round((Number(Se) + Number.EPSILON) * 100) / 100, lt = function() {
       V.current && (V.current.currentTime = it, V.current.muted = Y);
     }, ht = function() {
       X.current.isWaiting = !1, X.current.isStalled = !1;
-    }, gt = function() {
+    }, dt = function() {
       X.current.isWaiting = !0, X.current.isStalled = !1;
-    }, pt = function() {
+    }, mt = function() {
       X.current.isWaiting = !1, X.current.isStalled = !1;
-    }, ft = function() {
+    }, ct = function() {
       X.current.isWaiting = !1, X.current.isStalled = !0;
-    }, mt = Math.round((Number(Se) + Number.EPSILON) * 100) / 100, ct = Math.round((Number(Pe) + Number.EPSILON) * 100) / 100, xt = `${Qe}#t=${mt},${ct}`;
-    return PIXI.Texture.fromLoader(Ze, xt, J, {
+    }, pt = Math.round((Number(Se) + Number.EPSILON) * 100) / 100, yt = Math.round((Number(Pe) + Number.EPSILON) * 100) / 100, gt = `${Qe}#t=${pt},${yt}`;
+    return PIXI.Texture.fromLoader(Ze, gt, J, {
       pixiIdPrefix: J,
       resourceOptions: {
         autoPlay: !1,
         crossorigin: "Anonymus",
         updateFPS: je ? Math.max(120, Number(je)) : 30
       }
-    }).then((bt) => {
-      bt && (I.current = bt, R(!0), V.current = bt.baseTexture.resource.source, V.current.id = J, V.current.addEventListener("loadedmetadata", ot), V.current.addEventListener("ended", ht), V.current.addEventListener("loadstart", gt), V.current.addEventListener("canplaythrough", pt), V.current.addEventListener("stalled", ft));
+    }).then((xt) => {
+      xt && (I.current = xt, R(!0), V.current = xt.baseTexture.resource.source, V.current.id = J, V.current.addEventListener("loadedmetadata", lt), V.current.addEventListener("ended", ht), V.current.addEventListener("loadstart", dt), V.current.addEventListener("canplaythrough", mt), V.current.addEventListener("stalled", ct));
     }), () => {
-      V.current && (V.current.pause(), V.current.removeEventListener("loadedmetadata", ot), V.current.removeEventListener("ended", ht), V.current.removeEventListener("loadstart", gt), V.current.removeEventListener(
+      V.current && (V.current.pause(), V.current.removeEventListener("loadedmetadata", lt), V.current.removeEventListener("ended", ht), V.current.removeEventListener("loadstart", dt), V.current.removeEventListener(
         "canplaythrough",
-        pt
-      ), V.current.removeEventListener("stalled", ft));
+        mt
+      ), V.current.removeEventListener("stalled", ct));
     };
   }, [Qe, J, Se, Pe, Ze]), React.useEffect(() => {
     const it = setTimeout(() => {
-      C && I.current && K.current && Ue.current && K.current.progress() < 0.1 && V.current && !K.current.isActive() && !Ve && (V.current.currentTime = Se, I.current.update());
+      C && I.current && K.current && Ve.current && K.current.progress() < 0.1 && V.current && !K.current.isActive() && !He && (V.current.currentTime = Se, I.current.update());
     }, 30);
     return () => {
       clearTimeout(it);
@@ -25701,12 +25716,12 @@ const PixiVideoCanvasSyncSprite = React.forwardRef((A, E) => {
     canvasImageRef: Pe
   } = A, Ee = Pe && (Pe == null ? void 0 : Pe.getCanvas()), Ae = useApp(), { onPointerDown: Te, onPointerOut: we, onPointerOver: Ie } = useDebouncedPointerEvents(Se, _e, xe, 1), { blurRadius: Fe = 0, vignette: ke = 0, noise: Le = 0 } = Z, {
     temperatureFilter: Ge,
-    sharpnessFilter: He,
-    hueFilter: Be,
+    sharpnessFilter: Ue,
+    hslFilter: Be,
     blurFilter: je,
-    adjustmentFilter: Ue,
+    adjustmentFilter: Ve,
     vignetteFilter: ze,
-    noiseFilter: Ve
+    noiseFilter: He
   } = withFiltersHook(Z);
   return useTick(() => {
     if (I.current && I.current.texture) {
@@ -25741,15 +25756,15 @@ const PixiVideoCanvasSyncSprite = React.forwardRef((A, E) => {
           ...!V && U && { interactive: !0, pointerdown: _e },
           filters: [
             Ge,
-            He,
-            Be,
             Ue,
+            Be,
+            Ve,
             // conditionally add blur filter
             ...Fe > 0 ? [je] : [],
             // conditionally add vignette filter
             ...ke > 0 ? [ze] : [],
             // conditionally add noise filter
-            ...Le > 0 ? [Ve] : []
+            ...Le > 0 ? [He] : []
           ]
         }
       ) })
@@ -25808,12 +25823,12 @@ const PixiVideoCanvasSyncSprite = React.forwardRef((A, E) => {
     canvasImageRef: Pe
   } = A, Ee = Pe && (Pe == null ? void 0 : Pe.getCanvas()), Ae = useApp(), { onPointerDown: Te, onPointerOut: we, onPointerOver: Ie } = useDebouncedPointerEvents(Se, _e, xe, 1), { blurRadius: Fe = 0, vignette: ke = 0, noise: Le = 0 } = Z, {
     temperatureFilter: Ge,
-    sharpnessFilter: He,
-    hueFilter: Be,
+    sharpnessFilter: Ue,
+    hslFilter: Be,
     blurFilter: je,
-    adjustmentFilter: Ue,
+    adjustmentFilter: Ve,
     vignetteFilter: ze,
-    noiseFilter: Ve
+    noiseFilter: He
   } = withFiltersHook(Z);
   return useTick(() => {
     if (I.current && I.current.texture) {
@@ -25848,15 +25863,15 @@ const PixiVideoCanvasSyncSprite = React.forwardRef((A, E) => {
           ...!V && U && { interactive: !0, pointerdown: _e },
           filters: [
             Ge,
-            He,
-            Be,
             Ue,
+            Be,
+            Ve,
             // conditionally add blur filter
             ...Fe > 0 ? [je] : [],
             // conditionally add vignette filter
             ...ke > 0 ? [ze] : [],
             // conditionally add noise filter
-            ...Le > 0 ? [Ve] : []
+            ...Le > 0 ? [He] : []
           ]
         }
       ) })
@@ -26160,10 +26175,10 @@ var lottie$1 = { exports: {} };
       function V() {
         R || (R = U(function(_e) {
           function xe() {
-            function Pe(Ve, Oe) {
-              var $e, Re, Me = Ve.length, Ne, De, Xe, qe;
+            function Pe(He, Oe) {
+              var $e, Re, Me = He.length, Ne, De, Xe, qe;
               for (Re = 0; Re < Me; Re += 1)
-                if ($e = Ve[Re], "ks" in $e && !$e.completed) {
+                if ($e = He[Re], "ks" in $e && !$e.completed) {
                   if ($e.completed = !0, $e.hasMask) {
                     var Ye = $e.masksProperties;
                     for (De = Ye.length, Ne = 0; Ne < De; Ne += 1)
@@ -26173,51 +26188,51 @@ var lottie$1 = { exports: {} };
                         for (qe = Ye[Ne].pt.k.length, Xe = 0; Xe < qe; Xe += 1)
                           Ye[Ne].pt.k[Xe].s && Ie(Ye[Ne].pt.k[Xe].s[0]), Ye[Ne].pt.k[Xe].e && Ie(Ye[Ne].pt.k[Xe].e[0]);
                   }
-                  $e.ty === 0 ? ($e.layers = Te($e.refId, Oe), Pe($e.layers, Oe)) : $e.ty === 4 ? we($e.shapes) : $e.ty === 5 && Ue($e);
+                  $e.ty === 0 ? ($e.layers = Te($e.refId, Oe), Pe($e.layers, Oe)) : $e.ty === 4 ? we($e.shapes) : $e.ty === 5 && Ve($e);
                 }
             }
-            function Ee(Ve, Oe) {
-              if (Ve) {
-                var $e = 0, Re = Ve.length;
+            function Ee(He, Oe) {
+              if (He) {
+                var $e = 0, Re = He.length;
                 for ($e = 0; $e < Re; $e += 1)
-                  Ve[$e].t === 1 && (Ve[$e].data.layers = Te(Ve[$e].data.refId, Oe), Pe(Ve[$e].data.layers, Oe));
+                  He[$e].t === 1 && (He[$e].data.layers = Te(He[$e].data.refId, Oe), Pe(He[$e].data.layers, Oe));
               }
             }
-            function Ae(Ve, Oe) {
+            function Ae(He, Oe) {
               for (var $e = 0, Re = Oe.length; $e < Re; ) {
-                if (Oe[$e].id === Ve)
+                if (Oe[$e].id === He)
                   return Oe[$e];
                 $e += 1;
               }
               return null;
             }
-            function Te(Ve, Oe) {
-              var $e = Ae(Ve, Oe);
+            function Te(He, Oe) {
+              var $e = Ae(He, Oe);
               return $e ? $e.layers.__used ? JSON.parse(JSON.stringify($e.layers)) : ($e.layers.__used = !0, $e.layers) : null;
             }
-            function we(Ve) {
-              var Oe, $e = Ve.length, Re, Me;
+            function we(He) {
+              var Oe, $e = He.length, Re, Me;
               for (Oe = $e - 1; Oe >= 0; Oe -= 1)
-                if (Ve[Oe].ty === "sh")
-                  if (Ve[Oe].ks.k.i)
-                    Ie(Ve[Oe].ks.k);
+                if (He[Oe].ty === "sh")
+                  if (He[Oe].ks.k.i)
+                    Ie(He[Oe].ks.k);
                   else
-                    for (Me = Ve[Oe].ks.k.length, Re = 0; Re < Me; Re += 1)
-                      Ve[Oe].ks.k[Re].s && Ie(Ve[Oe].ks.k[Re].s[0]), Ve[Oe].ks.k[Re].e && Ie(Ve[Oe].ks.k[Re].e[0]);
+                    for (Me = He[Oe].ks.k.length, Re = 0; Re < Me; Re += 1)
+                      He[Oe].ks.k[Re].s && Ie(He[Oe].ks.k[Re].s[0]), He[Oe].ks.k[Re].e && Ie(He[Oe].ks.k[Re].e[0]);
                 else
-                  Ve[Oe].ty === "gr" && we(Ve[Oe].it);
+                  He[Oe].ty === "gr" && we(He[Oe].it);
             }
-            function Ie(Ve) {
-              var Oe, $e = Ve.i.length;
+            function Ie(He) {
+              var Oe, $e = He.i.length;
               for (Oe = 0; Oe < $e; Oe += 1)
-                Ve.i[Oe][0] += Ve.v[Oe][0], Ve.i[Oe][1] += Ve.v[Oe][1], Ve.o[Oe][0] += Ve.v[Oe][0], Ve.o[Oe][1] += Ve.v[Oe][1];
+                He.i[Oe][0] += He.v[Oe][0], He.i[Oe][1] += He.v[Oe][1], He.o[Oe][0] += He.v[Oe][0], He.o[Oe][1] += He.v[Oe][1];
             }
-            function Fe(Ve, Oe) {
+            function Fe(He, Oe) {
               var $e = Oe ? Oe.split(".") : [100, 100, 100];
-              return Ve[0] > $e[0] ? !0 : $e[0] > Ve[0] ? !1 : Ve[1] > $e[1] ? !0 : $e[1] > Ve[1] ? !1 : Ve[2] > $e[2] ? !0 : $e[2] > Ve[2] ? !1 : null;
+              return He[0] > $e[0] ? !0 : $e[0] > He[0] ? !1 : He[1] > $e[1] ? !0 : $e[1] > He[1] ? !1 : He[2] > $e[2] ? !0 : $e[2] > He[2] ? !1 : null;
             }
             var ke = function() {
-              var Ve = [4, 4, 14];
+              var He = [4, 4, 14];
               function Oe(Re) {
                 var Me = Re.t.d;
                 Re.t.d = {
@@ -26233,16 +26248,16 @@ var lottie$1 = { exports: {} };
                   Re[Me].ty === 5 && Oe(Re[Me]);
               }
               return function(Re) {
-                if (Fe(Ve, Re.v) && ($e(Re.layers), Re.assets)) {
+                if (Fe(He, Re.v) && ($e(Re.layers), Re.assets)) {
                   var Me, Ne = Re.assets.length;
                   for (Me = 0; Me < Ne; Me += 1)
                     Re.assets[Me].layers && $e(Re.assets[Me].layers);
                 }
               };
             }(), Le = function() {
-              var Ve = [4, 7, 99];
+              var He = [4, 7, 99];
               return function(Oe) {
-                if (Oe.chars && !Fe(Ve, Oe.v)) {
+                if (Oe.chars && !Fe(He, Oe.v)) {
                   var $e, Re = Oe.chars.length;
                   for ($e = 0; $e < Re; $e += 1) {
                     var Me = Oe.chars[$e];
@@ -26304,7 +26319,7 @@ var lottie$1 = { exports: {} };
                 }
               };
             }(), Ge = function() {
-              var Ve = [5, 7, 15];
+              var He = [5, 7, 15];
               function Oe(Re) {
                 var Me = Re.t.p;
                 typeof Me.a == "number" && (Me.a = {
@@ -26324,14 +26339,14 @@ var lottie$1 = { exports: {} };
                   Re[Me].ty === 5 && Oe(Re[Me]);
               }
               return function(Re) {
-                if (Fe(Ve, Re.v) && ($e(Re.layers), Re.assets)) {
+                if (Fe(He, Re.v) && ($e(Re.layers), Re.assets)) {
                   var Me, Ne = Re.assets.length;
                   for (Me = 0; Me < Ne; Me += 1)
                     Re.assets[Me].layers && $e(Re.assets[Me].layers);
                 }
               };
-            }(), He = function() {
-              var Ve = [4, 1, 9];
+            }(), Ue = function() {
+              var He = [4, 1, 9];
               function Oe(Re) {
                 var Me, Ne = Re.length, De, Xe;
                 for (Me = 0; Me < Ne; Me += 1)
@@ -26350,14 +26365,14 @@ var lottie$1 = { exports: {} };
                   Re[Me].ty === 4 && Oe(Re[Me].shapes);
               }
               return function(Re) {
-                if (Fe(Ve, Re.v) && ($e(Re.layers), Re.assets)) {
+                if (Fe(He, Re.v) && ($e(Re.layers), Re.assets)) {
                   var Me, Ne = Re.assets.length;
                   for (Me = 0; Me < Ne; Me += 1)
                     Re.assets[Me].layers && $e(Re.assets[Me].layers);
                 }
               };
             }(), Be = function() {
-              var Ve = [4, 4, 18];
+              var He = [4, 4, 18];
               function Oe(Re) {
                 var Me, Ne = Re.length, De, Xe;
                 for (Me = Ne - 1; Me >= 0; Me -= 1)
@@ -26386,21 +26401,21 @@ var lottie$1 = { exports: {} };
                 }
               }
               return function(Re) {
-                if (Fe(Ve, Re.v) && ($e(Re.layers), Re.assets)) {
+                if (Fe(He, Re.v) && ($e(Re.layers), Re.assets)) {
                   var Me, Ne = Re.assets.length;
                   for (Me = 0; Me < Ne; Me += 1)
                     Re.assets[Me].layers && $e(Re.assets[Me].layers);
                 }
               };
             }();
-            function je(Ve) {
-              Ve.__complete || (He(Ve), ke(Ve), Le(Ve), Ge(Ve), Be(Ve), Pe(Ve.layers, Ve.assets), Ee(Ve.chars, Ve.assets), Ve.__complete = !0);
+            function je(He) {
+              He.__complete || (Ue(He), ke(He), Le(He), Ge(He), Be(He), Pe(He.layers, He.assets), Ee(He.chars, He.assets), He.__complete = !0);
             }
-            function Ue(Ve) {
-              Ve.t.a.length === 0 && "m" in Ve.t.p;
+            function Ve(He) {
+              He.t.a.length === 0 && "m" in He.t.p;
             }
             var ze = {};
-            return ze.completeData = je, ze.checkColors = He, ze.checkChars = Le, ze.checkPathProperties = Ge, ze.checkShapes = Be, ze.completeLayers = Pe, ze;
+            return ze.completeData = je, ze.checkColors = Ue, ze.checkChars = Le, ze.checkPathProperties = Ge, ze.checkShapes = Be, ze.completeLayers = Pe, ze;
           }
           if (B.dataManager || (B.dataManager = xe()), B.assetLoader || (B.assetLoader = function() {
             function Pe(Ae) {
@@ -26973,7 +26988,7 @@ var lottie$1 = { exports: {} };
         return Re;
       }
       function J() {
-        I += 1, He();
+        I += 1, Ue();
       }
       function Y() {
         I -= 1;
@@ -27054,16 +27069,16 @@ var lottie$1 = { exports: {} };
         for (Oe = 0; Oe < R; Oe += 1)
           E[Oe].animation.resize();
       }
-      function He() {
+      function Ue() {
         !U && I && B && (window.requestAnimationFrame(Ae), B = !1);
       }
       function Be() {
         U = !0;
       }
       function je() {
-        U = !1, He();
+        U = !1, Ue();
       }
-      function Ue(Oe, $e) {
+      function Ve(Oe, $e) {
         var Re;
         for (Re = 0; Re < R; Re += 1)
           E[Re].animation.setVolume(Oe, $e);
@@ -27073,12 +27088,12 @@ var lottie$1 = { exports: {} };
         for ($e = 0; $e < R; $e += 1)
           E[$e].animation.mute(Oe);
       }
-      function Ve(Oe) {
+      function He(Oe) {
         var $e;
         for ($e = 0; $e < R; $e += 1)
           E[$e].animation.unmute(Oe);
       }
-      return A.registerAnimation = X, A.loadAnimation = _e, A.setSpeed = xe, A.setDirection = Se, A.play = Pe, A.pause = Te, A.stop = Ie, A.togglePause = Fe, A.searchAnimations = Le, A.resize = Ge, A.goToAndStop = we, A.destroy = ke, A.freeze = Be, A.unfreeze = je, A.setVolume = Ue, A.mute = ze, A.unmute = Ve, A.getRegisteredAnimations = K, A;
+      return A.registerAnimation = X, A.loadAnimation = _e, A.setSpeed = xe, A.setDirection = Se, A.play = Pe, A.pause = Te, A.stop = Ie, A.togglePause = Fe, A.searchAnimations = Le, A.resize = Ge, A.goToAndStop = we, A.destroy = ke, A.freeze = Be, A.unfreeze = je, A.setVolume = Ve, A.mute = ze, A.unmute = He, A.getRegisteredAnimations = K, A;
     }(), BezierFactory = function() {
       var A = {};
       A.getBezierEasing = C;
@@ -27147,7 +27162,7 @@ var lottie$1 = { exports: {} };
           for (var we = this._p[0], Ie = this._p[2], Fe = this._mSampleValues, ke = 0, Le = 1, Ge = V - 1; Le !== Ge && Fe[Le] <= Te; ++Le)
             ke += X;
           --Le;
-          var He = (Te - Fe[Le]) / (Fe[Le + 1] - Fe[Le]), Be = ke + He * X, je = xe(Be, we, Ie);
+          var Ue = (Te - Fe[Le]) / (Fe[Le + 1] - Fe[Le]), Be = ke + Ue * X, je = xe(Be, we, Ie);
           return je >= I ? Pe(Te, Be, we, Ie) : je === 0 ? Be : Se(Te, ke, ke + X, we, Ie);
         }
       }, A;
@@ -27211,13 +27226,13 @@ var lottie$1 = { exports: {} };
       }
       var R = function() {
         return function(Z, _e, xe, Se) {
-          var Pe = getDefaultCurveSegments(), Ee, Ae, Te, we, Ie, Fe = 0, ke, Le = [], Ge = [], He = bezierLengthPool.newElement();
+          var Pe = getDefaultCurveSegments(), Ee, Ae, Te, we, Ie, Fe = 0, ke, Le = [], Ge = [], Ue = bezierLengthPool.newElement();
           for (Te = xe.length, Ee = 0; Ee < Pe; Ee += 1) {
             for (Ie = Ee / (Pe - 1), ke = 0, Ae = 0; Ae < Te; Ae += 1)
               we = bmPow(1 - Ie, 3) * Z[Ae] + 3 * bmPow(1 - Ie, 2) * Ie * xe[Ae] + 3 * (1 - Ie) * bmPow(Ie, 2) * Se[Ae] + bmPow(Ie, 3) * _e[Ae], Le[Ae] = we, Ge[Ae] !== null && (ke += bmPow(Le[Ae] - Ge[Ae], 2)), Ge[Ae] = Le[Ae];
-            ke && (ke = bmSqrt(ke), Fe += ke), He.percents[Ee] = Ie, He.lengths[Ee] = Fe;
+            ke && (ke = bmSqrt(ke), Fe += ke), Ue.percents[Ee] = Ie, Ue.lengths[Ee] = Fe;
           }
-          return He.addedLength = Fe, He;
+          return Ue.addedLength = Fe, Ue;
         };
       }();
       function I(Z) {
@@ -27237,13 +27252,13 @@ var lottie$1 = { exports: {} };
         return function(_e, xe, Se, Pe) {
           var Ee = (_e[0] + "_" + _e[1] + "_" + xe[0] + "_" + xe[1] + "_" + Se[0] + "_" + Se[1] + "_" + Pe[0] + "_" + Pe[1]).replace(/\./g, "p");
           if (!Z[Ee]) {
-            var Ae = getDefaultCurveSegments(), Te, we, Ie, Fe, ke, Le = 0, Ge, He, Be = null;
+            var Ae = getDefaultCurveSegments(), Te, we, Ie, Fe, ke, Le = 0, Ge, Ue, Be = null;
             _e.length === 2 && (_e[0] !== xe[0] || _e[1] !== xe[1]) && E(_e[0], _e[1], xe[0], xe[1], _e[0] + Se[0], _e[1] + Se[1]) && E(_e[0], _e[1], xe[0], xe[1], xe[0] + Pe[0], xe[1] + Pe[1]) && (Ae = 2);
             var je = new B(Ae);
             for (Ie = Se.length, Te = 0; Te < Ae; Te += 1) {
-              for (He = createSizedArray(Ie), ke = Te / (Ae - 1), Ge = 0, we = 0; we < Ie; we += 1)
-                Fe = bmPow(1 - ke, 3) * _e[we] + 3 * bmPow(1 - ke, 2) * ke * (_e[we] + Se[we]) + 3 * (1 - ke) * bmPow(ke, 2) * (xe[we] + Pe[we]) + bmPow(ke, 3) * xe[we], He[we] = Fe, Be !== null && (Ge += bmPow(He[we] - Be[we], 2));
-              Ge = bmSqrt(Ge), Le += Ge, je.points[Te] = new U(Ge, He), Be = He;
+              for (Ue = createSizedArray(Ie), ke = Te / (Ae - 1), Ge = 0, we = 0; we < Ie; we += 1)
+                Fe = bmPow(1 - ke, 3) * _e[we] + 3 * bmPow(1 - ke, 2) * ke * (_e[we] + Se[we]) + 3 * (1 - ke) * bmPow(ke, 2) * (xe[we] + Pe[we]) + bmPow(ke, 3) * xe[we], Ue[we] = Fe, Be !== null && (Ge += bmPow(Ue[we] - Be[we], 2));
+              Ge = bmSqrt(Ge), Le += Ge, je.points[Te] = new U(Ge, Ue), Be = Ue;
             }
             je.segmentLength = Le, Z[Ee] = je;
           }
@@ -27271,9 +27286,9 @@ var lottie$1 = { exports: {} };
         Pe < 0 ? Pe = 0 : Pe > 1 && (Pe = 1);
         var Te = X(Pe, Ae);
         Ee = Ee > 1 ? 1 : Ee;
-        var we = X(Ee, Ae), Ie, Fe = Z.length, ke = 1 - Te, Le = 1 - we, Ge = ke * ke * ke, He = Te * ke * ke * 3, Be = Te * Te * ke * 3, je = Te * Te * Te, Ue = ke * ke * Le, ze = Te * ke * Le + ke * Te * Le + ke * ke * we, Ve = Te * Te * Le + ke * Te * we + Te * ke * we, Oe = Te * Te * we, $e = ke * Le * Le, Re = Te * Le * Le + ke * we * Le + ke * Le * we, Me = Te * we * Le + ke * we * we + Te * Le * we, Ne = Te * we * we, De = Le * Le * Le, Xe = we * Le * Le + Le * we * Le + Le * Le * we, qe = we * we * Le + Le * we * we + we * Le * we, Ye = we * we * we;
+        var we = X(Ee, Ae), Ie, Fe = Z.length, ke = 1 - Te, Le = 1 - we, Ge = ke * ke * ke, Ue = Te * ke * ke * 3, Be = Te * Te * ke * 3, je = Te * Te * Te, Ve = ke * ke * Le, ze = Te * ke * Le + ke * Te * Le + ke * ke * we, He = Te * Te * Le + ke * Te * we + Te * ke * we, Oe = Te * Te * we, $e = ke * Le * Le, Re = Te * Le * Le + ke * we * Le + ke * Le * we, Me = Te * we * Le + ke * we * we + Te * Le * we, Ne = Te * we * we, De = Le * Le * Le, Xe = we * Le * Le + Le * we * Le + Le * Le * we, qe = we * we * Le + Le * we * we + we * Le * we, Ye = we * we * we;
         for (Ie = 0; Ie < Fe; Ie += 1)
-          J[Ie * 4] = A.round((Ge * Z[Ie] + He * xe[Ie] + Be * Se[Ie] + je * _e[Ie]) * 1e3) / 1e3, J[Ie * 4 + 1] = A.round((Ue * Z[Ie] + ze * xe[Ie] + Ve * Se[Ie] + Oe * _e[Ie]) * 1e3) / 1e3, J[Ie * 4 + 2] = A.round(($e * Z[Ie] + Re * xe[Ie] + Me * Se[Ie] + Ne * _e[Ie]) * 1e3) / 1e3, J[Ie * 4 + 3] = A.round((De * Z[Ie] + Xe * xe[Ie] + qe * Se[Ie] + Ye * _e[Ie]) * 1e3) / 1e3;
+          J[Ie * 4] = A.round((Ge * Z[Ie] + Ue * xe[Ie] + Be * Se[Ie] + je * _e[Ie]) * 1e3) / 1e3, J[Ie * 4 + 1] = A.round((Ve * Z[Ie] + ze * xe[Ie] + He * Se[Ie] + Oe * _e[Ie]) * 1e3) / 1e3, J[Ie * 4 + 2] = A.round(($e * Z[Ie] + Re * xe[Ie] + Me * Se[Ie] + Ne * _e[Ie]) * 1e3) / 1e3, J[Ie * 4 + 3] = A.round((De * Z[Ie] + Xe * xe[Ie] + qe * Se[Ie] + Ye * _e[Ie]) * 1e3) / 1e3;
         return J;
       }
       return {
@@ -27327,19 +27342,19 @@ var lottie$1 = { exports: {} };
           E._lastPoint = Se, E._lastAddedLength = Le - we.points[Se].partialLength, E._lastKeyframeIndex = B;
         }
       } else {
-        var Ge, He, Be, je, Ue;
+        var Ge, Ue, Be, je, Ve;
         if (U = X.s.length, Te = K.s || X.e, this.sh && X.h !== 1)
           if (A >= Ee)
             R[0] = Te[0], R[1] = Te[1], R[2] = Te[2];
           else if (A <= Ae)
             R[0] = X.s[0], R[1] = X.s[1], R[2] = X.s[2];
           else {
-            var ze = createQuaternion(X.s), Ve = createQuaternion(Te), Oe = (A - Ae) / (Ee - Ae);
-            quaternionToEuler(R, slerp(ze, Ve, Oe));
+            var ze = createQuaternion(X.s), He = createQuaternion(Te), Oe = (A - Ae) / (Ee - Ae);
+            quaternionToEuler(R, slerp(ze, He, Oe));
           }
         else
           for (B = 0; B < U; B += 1)
-            X.h !== 1 && (A >= Ee ? _e = 1 : A < Ae ? _e = 0 : (X.o.x.constructor === Array ? (J.__fnct || (J.__fnct = []), J.__fnct[B] ? Pe = J.__fnct[B] : (Ge = X.o.x[B] === void 0 ? X.o.x[0] : X.o.x[B], He = X.o.y[B] === void 0 ? X.o.y[0] : X.o.y[B], Be = X.i.x[B] === void 0 ? X.i.x[0] : X.i.x[B], je = X.i.y[B] === void 0 ? X.i.y[0] : X.i.y[B], Pe = BezierFactory.getBezierEasing(Ge, He, Be, je).get, J.__fnct[B] = Pe)) : J.__fnct ? Pe = J.__fnct : (Ge = X.o.x, He = X.o.y, Be = X.i.x, je = X.i.y, Pe = BezierFactory.getBezierEasing(Ge, He, Be, je).get, X.keyframeMetadata = Pe), _e = Pe((A - Ae) / (Ee - Ae)))), Te = K.s || X.e, Ue = X.h === 1 ? X.s[B] : X.s[B] + (Te[B] - X.s[B]) * _e, this.propType === "multidimensional" ? R[B] = Ue : R = Ue;
+            X.h !== 1 && (A >= Ee ? _e = 1 : A < Ae ? _e = 0 : (X.o.x.constructor === Array ? (J.__fnct || (J.__fnct = []), J.__fnct[B] ? Pe = J.__fnct[B] : (Ge = X.o.x[B] === void 0 ? X.o.x[0] : X.o.x[B], Ue = X.o.y[B] === void 0 ? X.o.y[0] : X.o.y[B], Be = X.i.x[B] === void 0 ? X.i.x[0] : X.i.x[B], je = X.i.y[B] === void 0 ? X.i.y[0] : X.i.y[B], Pe = BezierFactory.getBezierEasing(Ge, Ue, Be, je).get, J.__fnct[B] = Pe)) : J.__fnct ? Pe = J.__fnct : (Ge = X.o.x, Ue = X.o.y, Be = X.i.x, je = X.i.y, Pe = BezierFactory.getBezierEasing(Ge, Ue, Be, je).get, X.keyframeMetadata = Pe), _e = Pe((A - Ae) / (Ee - Ae)))), Te = K.s || X.e, Ve = X.h === 1 ? X.s[B] : X.s[B] + (Te[B] - X.s[B]) * _e, this.propType === "multidimensional" ? R[B] = Ve : R = Ve;
       }
       return E.lastIndex = I, R;
     }
@@ -27560,15 +27575,15 @@ var lottie$1 = { exports: {} };
     }(), ShapePropertyFactory = function() {
       var A = -999999;
       function E(Ee, Ae, Te) {
-        var we = Te.lastIndex, Ie, Fe, ke, Le, Ge, He, Be, je, Ue, ze = this.keyframes;
+        var we = Te.lastIndex, Ie, Fe, ke, Le, Ge, Ue, Be, je, Ve, ze = this.keyframes;
         if (Ee < ze[0].t - this.offsetTime)
           Ie = ze[0].s[0], ke = !0, we = 0;
         else if (Ee >= ze[ze.length - 1].t - this.offsetTime)
           Ie = ze[ze.length - 1].s ? ze[ze.length - 1].s[0] : ze[ze.length - 2].e[0], ke = !0;
         else {
-          for (var Ve = we, Oe = ze.length - 1, $e = !0, Re, Me, Ne; $e && (Re = ze[Ve], Me = ze[Ve + 1], !(Me.t - this.offsetTime > Ee)); )
-            Ve < Oe - 1 ? Ve += 1 : $e = !1;
-          if (Ne = this.keyframesMetadata[Ve] || {}, ke = Re.h === 1, we = Ve, !ke) {
+          for (var He = we, Oe = ze.length - 1, $e = !0, Re, Me, Ne; $e && (Re = ze[He], Me = ze[He + 1], !(Me.t - this.offsetTime > Ee)); )
+            He < Oe - 1 ? He += 1 : $e = !1;
+          if (Ne = this.keyframesMetadata[He] || {}, ke = Re.h === 1, we = He, !ke) {
             if (Ee >= Me.t - this.offsetTime)
               je = 1;
             else if (Ee < Re.t - this.offsetTime)
@@ -27581,9 +27596,9 @@ var lottie$1 = { exports: {} };
           }
           Ie = Re.s[0];
         }
-        for (He = Ae._length, Be = Ie.i[0].length, Te.lastIndex = we, Le = 0; Le < He; Le += 1)
+        for (Ue = Ae._length, Be = Ie.i[0].length, Te.lastIndex = we, Le = 0; Le < Ue; Le += 1)
           for (Ge = 0; Ge < Be; Ge += 1)
-            Ue = ke ? Ie.i[Le][Ge] : Ie.i[Le][Ge] + (Fe.i[Le][Ge] - Ie.i[Le][Ge]) * je, Ae.i[Le][Ge] = Ue, Ue = ke ? Ie.o[Le][Ge] : Ie.o[Le][Ge] + (Fe.o[Le][Ge] - Ie.o[Le][Ge]) * je, Ae.o[Le][Ge] = Ue, Ue = ke ? Ie.v[Le][Ge] : Ie.v[Le][Ge] + (Fe.v[Le][Ge] - Ie.v[Le][Ge]) * je, Ae.v[Le][Ge] = Ue;
+            Ve = ke ? Ie.i[Le][Ge] : Ie.i[Le][Ge] + (Fe.i[Le][Ge] - Ie.i[Le][Ge]) * je, Ae.i[Le][Ge] = Ve, Ve = ke ? Ie.o[Le][Ge] : Ie.o[Le][Ge] + (Fe.o[Le][Ge] - Ie.o[Le][Ge]) * je, Ae.o[Le][Ge] = Ve, Ve = ke ? Ie.v[Le][Ge] : Ie.v[Le][Ge] + (Fe.v[Le][Ge] - Ie.v[Le][Ge]) * je, Ae.v[Le][Ge] = Ve;
       }
       function C() {
         var Ee = this.comp.renderedFrame - this.offsetTime, Ae = this.keyframes[0].t - this.offsetTime, Te = this.keyframes[this.keyframes.length - 1].t - this.offsetTime, we = this._caching.lastFrame;
@@ -27666,20 +27681,20 @@ var lottie$1 = { exports: {} };
             this.elem.globalData.frameId !== this.frameId && (this.frameId = this.elem.globalData.frameId, this.iterateDynamicProperties(), this._mdf && this.convertToPath());
           },
           convertStarToPath: function() {
-            var Te = Math.floor(this.pt.v) * 2, we = Math.PI * 2 / Te, Ie = !0, Fe = this.or.v, ke = this.ir.v, Le = this.os.v, Ge = this.is.v, He = 2 * Math.PI * Fe / (Te * 2), Be = 2 * Math.PI * ke / (Te * 2), je, Ue, ze, Ve, Oe = -Math.PI / 2;
+            var Te = Math.floor(this.pt.v) * 2, we = Math.PI * 2 / Te, Ie = !0, Fe = this.or.v, ke = this.ir.v, Le = this.os.v, Ge = this.is.v, Ue = 2 * Math.PI * Fe / (Te * 2), Be = 2 * Math.PI * ke / (Te * 2), je, Ve, ze, He, Oe = -Math.PI / 2;
             Oe += this.r.v;
             var $e = this.data.d === 3 ? -1 : 1;
             for (this.v._length = 0, je = 0; je < Te; je += 1) {
-              Ue = Ie ? Fe : ke, ze = Ie ? Le : Ge, Ve = Ie ? He : Be;
-              var Re = Ue * Math.cos(Oe), Me = Ue * Math.sin(Oe), Ne = Re === 0 && Me === 0 ? 0 : Me / Math.sqrt(Re * Re + Me * Me), De = Re === 0 && Me === 0 ? 0 : -Re / Math.sqrt(Re * Re + Me * Me);
-              Re += +this.p.v[0], Me += +this.p.v[1], this.v.setTripleAt(Re, Me, Re - Ne * Ve * ze * $e, Me - De * Ve * ze * $e, Re + Ne * Ve * ze * $e, Me + De * Ve * ze * $e, je, !0), Ie = !Ie, Oe += we * $e;
+              Ve = Ie ? Fe : ke, ze = Ie ? Le : Ge, He = Ie ? Ue : Be;
+              var Re = Ve * Math.cos(Oe), Me = Ve * Math.sin(Oe), Ne = Re === 0 && Me === 0 ? 0 : Me / Math.sqrt(Re * Re + Me * Me), De = Re === 0 && Me === 0 ? 0 : -Re / Math.sqrt(Re * Re + Me * Me);
+              Re += +this.p.v[0], Me += +this.p.v[1], this.v.setTripleAt(Re, Me, Re - Ne * He * ze * $e, Me - De * He * ze * $e, Re + Ne * He * ze * $e, Me + De * He * ze * $e, je, !0), Ie = !Ie, Oe += we * $e;
             }
           },
           convertPolygonToPath: function() {
-            var Te = Math.floor(this.pt.v), we = Math.PI * 2 / Te, Ie = this.or.v, Fe = this.os.v, ke = 2 * Math.PI * Ie / (Te * 4), Le, Ge = -Math.PI * 0.5, He = this.data.d === 3 ? -1 : 1;
+            var Te = Math.floor(this.pt.v), we = Math.PI * 2 / Te, Ie = this.or.v, Fe = this.os.v, ke = 2 * Math.PI * Ie / (Te * 4), Le, Ge = -Math.PI * 0.5, Ue = this.data.d === 3 ? -1 : 1;
             for (Ge += this.r.v, this.v._length = 0, Le = 0; Le < Te; Le += 1) {
-              var Be = Ie * Math.cos(Ge), je = Ie * Math.sin(Ge), Ue = Be === 0 && je === 0 ? 0 : je / Math.sqrt(Be * Be + je * je), ze = Be === 0 && je === 0 ? 0 : -Be / Math.sqrt(Be * Be + je * je);
-              Be += +this.p.v[0], je += +this.p.v[1], this.v.setTripleAt(Be, je, Be - Ue * ke * Fe * He, je - ze * ke * Fe * He, Be + Ue * ke * Fe * He, je + ze * ke * Fe * He, Le, !0), Ge += we * He;
+              var Be = Ie * Math.cos(Ge), je = Ie * Math.sin(Ge), Ve = Be === 0 && je === 0 ? 0 : je / Math.sqrt(Be * Be + je * je), ze = Be === 0 && je === 0 ? 0 : -Be / Math.sqrt(Be * Be + je * je);
+              Be += +this.p.v[0], je += +this.p.v[1], this.v.setTripleAt(Be, je, Be - Ve * ke * Fe * Ue, je - ze * ke * Fe * Ue, Be + Ve * ke * Fe * Ue, je + ze * ke * Fe * Ue, Le, !0), Ge += we * Ue;
             }
             this.paths.length = 0, this.paths[0] = this.v;
           }
@@ -27777,8 +27792,8 @@ var lottie$1 = { exports: {} };
         var We = this.props;
         if (Re === 1 && Me === 0 && Ne === 0 && De === 0 && Xe === 0 && qe === 1 && Ye === 0 && Je === 0 && Ke === 0 && rt === 0 && nt === 1 && Qe === 0)
           return We[12] = We[12] * Re + We[15] * Ze, We[13] = We[13] * qe + We[15] * tt, We[14] = We[14] * nt + We[15] * st, We[15] *= et, this._identityCalculated = !1, this;
-        var it = We[0], ot = We[1], ht = We[2], gt = We[3], pt = We[4], ft = We[5], mt = We[6], ct = We[7], xt = We[8], bt = We[9], It = We[10], Et = We[11], Ft = We[12], qt = We[13], Wt = We[14], Yt = We[15];
-        return We[0] = it * Re + ot * Xe + ht * Ke + gt * Ze, We[1] = it * Me + ot * qe + ht * rt + gt * tt, We[2] = it * Ne + ot * Ye + ht * nt + gt * st, We[3] = it * De + ot * Je + ht * Qe + gt * et, We[4] = pt * Re + ft * Xe + mt * Ke + ct * Ze, We[5] = pt * Me + ft * qe + mt * rt + ct * tt, We[6] = pt * Ne + ft * Ye + mt * nt + ct * st, We[7] = pt * De + ft * Je + mt * Qe + ct * et, We[8] = xt * Re + bt * Xe + It * Ke + Et * Ze, We[9] = xt * Me + bt * qe + It * rt + Et * tt, We[10] = xt * Ne + bt * Ye + It * nt + Et * st, We[11] = xt * De + bt * Je + It * Qe + Et * et, We[12] = Ft * Re + qt * Xe + Wt * Ke + Yt * Ze, We[13] = Ft * Me + qt * qe + Wt * rt + Yt * tt, We[14] = Ft * Ne + qt * Ye + Wt * nt + Yt * st, We[15] = Ft * De + qt * Je + Wt * Qe + Yt * et, this._identityCalculated = !1, this;
+        var it = We[0], lt = We[1], ht = We[2], dt = We[3], mt = We[4], ct = We[5], pt = We[6], yt = We[7], gt = We[8], xt = We[9], It = We[10], St = We[11], Mt = We[12], qt = We[13], Wt = We[14], Yt = We[15];
+        return We[0] = it * Re + lt * Xe + ht * Ke + dt * Ze, We[1] = it * Me + lt * qe + ht * rt + dt * tt, We[2] = it * Ne + lt * Ye + ht * nt + dt * st, We[3] = it * De + lt * Je + ht * Qe + dt * et, We[4] = mt * Re + ct * Xe + pt * Ke + yt * Ze, We[5] = mt * Me + ct * qe + pt * rt + yt * tt, We[6] = mt * Ne + ct * Ye + pt * nt + yt * st, We[7] = mt * De + ct * Je + pt * Qe + yt * et, We[8] = gt * Re + xt * Xe + It * Ke + St * Ze, We[9] = gt * Me + xt * qe + It * rt + St * tt, We[10] = gt * Ne + xt * Ye + It * nt + St * st, We[11] = gt * De + xt * Je + It * Qe + St * et, We[12] = Mt * Re + qt * Xe + Wt * Ke + Yt * Ze, We[13] = Mt * Me + qt * qe + Wt * rt + Yt * tt, We[14] = Mt * Ne + qt * Ye + Wt * nt + Yt * st, We[15] = Mt * De + qt * Je + Wt * Qe + Yt * et, this._identityCalculated = !1, this;
       }
       function Pe(Re) {
         var Me = Re.props;
@@ -27826,14 +27841,14 @@ var lottie$1 = { exports: {} };
         var Re = this.props[0] * this.props[5] - this.props[1] * this.props[4], Me = this.props[5] / Re, Ne = -this.props[1] / Re, De = -this.props[4] / Re, Xe = this.props[0] / Re, qe = (this.props[4] * this.props[13] - this.props[5] * this.props[12]) / Re, Ye = -(this.props[0] * this.props[13] - this.props[1] * this.props[12]) / Re, Je = new Matrix();
         return Je.props[0] = Me, Je.props[1] = Ne, Je.props[4] = De, Je.props[5] = Xe, Je.props[12] = qe, Je.props[13] = Ye, Je;
       }
-      function He(Re) {
+      function Ue(Re) {
         var Me = this.getInverseMatrix();
         return Me.applyToPointArray(Re[0], Re[1], Re[2] || 0);
       }
       function Be(Re) {
         var Me, Ne = Re.length, De = [];
         for (Me = 0; Me < Ne; Me += 1)
-          De[Me] = He(Re[Me]);
+          De[Me] = Ue(Re[Me]);
         return De;
       }
       function je(Re, Me, Ne) {
@@ -27846,7 +27861,7 @@ var lottie$1 = { exports: {} };
         }
         return De;
       }
-      function Ue(Re, Me, Ne) {
+      function Ve(Re, Me, Ne) {
         var De;
         return this.isIdentity() ? De = [Re, Me, Ne] : De = [Re * this.props[0] + Me * this.props[4] + Ne * this.props[8] + this.props[12], Re * this.props[1] + Me * this.props[5] + Ne * this.props[9] + this.props[13], Re * this.props[2] + Me * this.props[6] + Ne * this.props[10] + this.props[14]], De;
       }
@@ -27856,7 +27871,7 @@ var lottie$1 = { exports: {} };
         var Ne = this.props;
         return Math.round((Re * Ne[0] + Me * Ne[4] + Ne[12]) * 100) / 100 + "," + Math.round((Re * Ne[1] + Me * Ne[5] + Ne[13]) * 100) / 100;
       }
-      function Ve() {
+      function He() {
         for (var Re = 0, Me = this.props, Ne = "matrix3d(", De = 1e4; Re < 16; )
           Ne += R(Me[Re] * De) / De, Ne += Re === 15 ? ")" : ",", Re += 1;
         return Ne;
@@ -27870,7 +27885,7 @@ var lottie$1 = { exports: {} };
         return "matrix(" + Me + "," + Ne + "," + De + "," + Xe + "," + qe + "," + Ye + ")";
       }
       return function() {
-        this.reset = I, this.rotate = B, this.rotateX = U, this.rotateY = V, this.rotateZ = X, this.skew = J, this.skewFromAxis = Y, this.shear = K, this.scale = Z, this.setTransform = _e, this.translate = xe, this.transform = Se, this.multiply = Pe, this.applyToPoint = Ie, this.applyToX = Fe, this.applyToY = ke, this.applyToZ = Le, this.applyToPointArray = Ue, this.applyToTriplePoints = je, this.applyToPointStringified = ze, this.toCSS = Ve, this.to2dCSS = $e, this.clone = Te, this.cloneFromProps = we, this.equals = Ae, this.inversePoints = Be, this.inversePoint = He, this.getInverseMatrix = Ge, this._t = this.transform, this.isIdentity = Ee, this._identity = !0, this._identityCalculated = !1, this.props = createTypedArray("float32", 16), this.reset();
+        this.reset = I, this.rotate = B, this.rotateX = U, this.rotateY = V, this.rotateZ = X, this.skew = J, this.skewFromAxis = Y, this.shear = K, this.scale = Z, this.setTransform = _e, this.translate = xe, this.transform = Se, this.multiply = Pe, this.applyToPoint = Ie, this.applyToX = Fe, this.applyToY = ke, this.applyToZ = Le, this.applyToPointArray = Ve, this.applyToTriplePoints = je, this.applyToPointStringified = ze, this.toCSS = He, this.to2dCSS = $e, this.clone = Te, this.cloneFromProps = we, this.equals = Ae, this.inversePoints = Be, this.inversePoint = Ue, this.getInverseMatrix = Ge, this._t = this.transform, this.isIdentity = Ee, this._identity = !0, this._identityCalculated = !1, this.props = createTypedArray("float32", 16), this.reset();
       };
     }();
     function _typeof$3(A) {
@@ -28848,7 +28863,7 @@ var lottie$1 = { exports: {} };
         var $e = Ie(Oe);
         return $e >= K && $e <= J;
       }
-      function He(Oe) {
+      function Ue(Oe) {
         return Ge(Oe.substr(0, 2)) && Ge(Oe.substr(2, 2));
       }
       function Be(Oe) {
@@ -28866,23 +28881,23 @@ var lottie$1 = { exports: {} };
         }
         return Ie(Oe.substr($e, 2)) === I;
       }
-      function Ue() {
+      function Ve() {
         this.isLoaded = !0;
       }
       var ze = function() {
         this.fonts = [], this.chars = null, this.typekitLoaded = 0, this.isLoaded = !1, this._warned = !1, this.initTime = Date.now(), this.setIsLoadedBinded = this.setIsLoaded.bind(this), this.checkLoadedFontsBinded = this.checkLoadedFonts.bind(this);
       };
-      ze.isModifier = Fe, ze.isZeroWidthJoiner = ke, ze.isFlagEmoji = He, ze.isRegionalCode = Ge, ze.isCombinedCharacter = Be, ze.isRegionalFlag = je, ze.isVariationSelector = Le, ze.BLACK_FLAG_CODE_POINT = R;
-      var Ve = {
+      ze.isModifier = Fe, ze.isZeroWidthJoiner = ke, ze.isFlagEmoji = Ue, ze.isRegionalCode = Ge, ze.isCombinedCharacter = Be, ze.isRegionalFlag = je, ze.isVariationSelector = Le, ze.BLACK_FLAG_CODE_POINT = R;
+      var He = {
         addChars: Ee,
         addFonts: Pe,
         getCharData: Ae,
         getFontByName: we,
         measureText: Te,
         checkLoadedFonts: xe,
-        setIsLoaded: Ue
+        setIsLoaded: Ve
       };
-      return ze.prototype = Ve, ze;
+      return ze.prototype = He, ze;
     }();
     function SlotManager(A) {
       this.animationData = A;
@@ -29876,9 +29891,9 @@ var lottie$1 = { exports: {} };
             Le = Ie[Fe], Le.setAttribute("offset", Ge[Fe * 4] + "%"), Le.setAttribute("stop-color", "rgb(" + Ge[Fe * 4 + 1] + "," + Ge[Fe * 4 + 2] + "," + Ge[Fe * 4 + 3] + ")");
         }
         if (Se && (Z.g._omdf || _e)) {
-          var He = Z.g.o;
+          var Ue = Z.g.o;
           for (Z.g._collapsable ? Ie = Z.cst : Ie = Z.ost, ke = Ie.length, Fe = 0; Fe < ke; Fe += 1)
-            Le = Ie[Fe], Z.g._collapsable || Le.setAttribute("offset", He[Fe * 2] + "%"), Le.setAttribute("stop-opacity", He[Fe * 2 + 1]);
+            Le = Ie[Fe], Z.g._collapsable || Le.setAttribute("offset", Ue[Fe * 2] + "%"), Le.setAttribute("stop-opacity", Ue[Fe * 2 + 1]);
         }
         if (Y.t === 1)
           (Z.e._mdf || _e) && (xe.setAttribute("x2", Ee[0]), xe.setAttribute("y2", Ee[1]), Se && !Z.g._collapsable && (Z.of.setAttribute("x2", Ee[0]), Z.of.setAttribute("y2", Ee[1])));
@@ -29886,10 +29901,10 @@ var lottie$1 = { exports: {} };
           var Be;
           if ((Z.s._mdf || Z.e._mdf || _e) && (Be = Math.sqrt(Math.pow(Pe[0] - Ee[0], 2) + Math.pow(Pe[1] - Ee[1], 2)), xe.setAttribute("r", Be), Se && !Z.g._collapsable && Z.of.setAttribute("r", Be)), Z.e._mdf || Z.h._mdf || Z.a._mdf || _e) {
             Be || (Be = Math.sqrt(Math.pow(Pe[0] - Ee[0], 2) + Math.pow(Pe[1] - Ee[1], 2)));
-            var je = Math.atan2(Ee[1] - Pe[1], Ee[0] - Pe[0]), Ue = Z.h.v;
-            Ue >= 1 ? Ue = 0.99 : Ue <= -1 && (Ue = -0.99);
-            var ze = Be * Ue, Ve = Math.cos(je + Z.a.v) * ze + Pe[0], Oe = Math.sin(je + Z.a.v) * ze + Pe[1];
-            xe.setAttribute("fx", Ve), xe.setAttribute("fy", Oe), Se && !Z.g._collapsable && (Z.of.setAttribute("fx", Ve), Z.of.setAttribute("fy", Oe));
+            var je = Math.atan2(Ee[1] - Pe[1], Ee[0] - Pe[0]), Ve = Z.h.v;
+            Ve >= 1 ? Ve = 0.99 : Ve <= -1 && (Ve = -0.99);
+            var ze = Be * Ve, He = Math.cos(je + Z.a.v) * ze + Pe[0], Oe = Math.sin(je + Z.a.v) * ze + Pe[1];
+            xe.setAttribute("fx", He), xe.setAttribute("fy", Oe), Se && !Z.g._collapsable && (Z.of.setAttribute("fx", He), Z.of.setAttribute("fy", Oe));
           }
         }
       }
@@ -30084,17 +30099,17 @@ var lottie$1 = { exports: {} };
       A.fWeight = Ie.weight, A.fStyle = Ie.style, A.finalSize = A.s, A.finalText = this.buildFinalText(A.t), B = A.finalText.length, A.finalLineHeight = A.lh;
       var Fe = A.tr / 1e3 * A.finalSize, ke;
       if (A.sz)
-        for (var Le = !0, Ge = A.sz[0], He = A.sz[1], Be, je; Le; ) {
+        for (var Le = !0, Ge = A.sz[0], Ue = A.sz[1], Be, je; Le; ) {
           je = this.buildFinalText(A.t), Be = 0, xe = 0, B = je.length, Fe = A.tr / 1e3 * A.finalSize;
-          var Ue = -1;
+          var Ve = -1;
           for (I = 0; I < B; I += 1)
-            ke = je[I].charCodeAt(0), U = !1, je[I] === " " ? Ue = I : (ke === 13 || ke === 3) && (xe = 0, U = !0, Be += A.finalLineHeight || A.finalSize * 1.2), E.chars ? (Te = E.getCharData(je[I], Ae.fStyle, Ae.fFamily), we = U ? 0 : Te.w * A.finalSize / 100) : we = E.measureText(je[I], A.f, A.finalSize), xe + we > Ge && je[I] !== " " ? (Ue === -1 ? B += 1 : I = Ue, Be += A.finalLineHeight || A.finalSize * 1.2, je.splice(I, Ue === I ? 1 : 0, "\r"), Ue = -1, xe = 0) : (xe += we, xe += Fe);
-          Be += Ae.ascent * A.finalSize / 100, this.canResize && A.finalSize > this.minimumFontSize && He < Be ? (A.finalSize -= 1, A.finalLineHeight = A.finalSize * A.lh / A.s) : (A.finalText = je, B = A.finalText.length, Le = !1);
+            ke = je[I].charCodeAt(0), U = !1, je[I] === " " ? Ve = I : (ke === 13 || ke === 3) && (xe = 0, U = !0, Be += A.finalLineHeight || A.finalSize * 1.2), E.chars ? (Te = E.getCharData(je[I], Ae.fStyle, Ae.fFamily), we = U ? 0 : Te.w * A.finalSize / 100) : we = E.measureText(je[I], A.f, A.finalSize), xe + we > Ge && je[I] !== " " ? (Ve === -1 ? B += 1 : I = Ve, Be += A.finalLineHeight || A.finalSize * 1.2, je.splice(I, Ve === I ? 1 : 0, "\r"), Ve = -1, xe = 0) : (xe += we, xe += Fe);
+          Be += Ae.ascent * A.finalSize / 100, this.canResize && A.finalSize > this.minimumFontSize && Ue < Be ? (A.finalSize -= 1, A.finalLineHeight = A.finalSize * A.lh / A.s) : (A.finalText = je, B = A.finalText.length, Le = !1);
         }
       xe = -Fe, we = 0;
-      var ze = 0, Ve;
+      var ze = 0, He;
       for (I = 0; I < B; I += 1)
-        if (U = !1, Ve = A.finalText[I], ke = Ve.charCodeAt(0), ke === 13 || ke === 3 ? (ze = 0, _e.push(xe), Se = xe > Se ? xe : Se, xe = -2 * Fe, X = "", U = !0, Z += 1) : X = Ve, E.chars ? (Te = E.getCharData(Ve, Ae.fStyle, E.getFontByName(A.f).fFamily), we = U ? 0 : Te.w * A.finalSize / 100) : we = E.measureText(X, A.f, A.finalSize), Ve === " " ? ze += we + Fe : (xe += we + Fe + ze, ze = 0), R.push({
+        if (U = !1, He = A.finalText[I], ke = He.charCodeAt(0), ke === 13 || ke === 3 ? (ze = 0, _e.push(xe), Se = xe > Se ? xe : Se, xe = -2 * Fe, X = "", U = !0, Z += 1) : X = He, E.chars ? (Te = E.getCharData(He, Ae.fStyle, E.getFontByName(A.f).fFamily), we = U ? 0 : Te.w * A.finalSize / 100) : we = E.measureText(X, A.f, A.finalSize), He === " " ? ze += we + Fe : (xe += we + Fe + ze, ze = 0), R.push({
           l: we,
           an: we,
           add: J,
@@ -30265,7 +30280,7 @@ var lottie$1 = { exports: {} };
     }, TextAnimatorProperty.prototype.getMeasures = function(A, E) {
       if (this.lettersChangedFlag = E, !(!this._mdf && !this._isFirstFrame && !E && (!this._hasMaskedPath || !this._pathData.m._mdf))) {
         this._isFirstFrame = !1;
-        var C = this._moreOptions.alignment.v, R = this._animatorsData, I = this._textData, B = this.mHelper, U = this._renderType, V = this.renderedLetters.length, X, K, J, Y, Z = A.l, _e, xe, Se, Pe, Ee, Ae, Te, we, Ie, Fe, ke, Le, Ge, He, Be;
+        var C = this._moreOptions.alignment.v, R = this._animatorsData, I = this._textData, B = this.mHelper, U = this._renderType, V = this.renderedLetters.length, X, K, J, Y, Z = A.l, _e, xe, Se, Pe, Ee, Ae, Te, we, Ie, Fe, ke, Le, Ge, Ue, Be;
         if (this._hasMaskedPath) {
           if (Be = this._pathData.m, !this._pathData.n || this._pathData._mdf) {
             var je = Be.v;
@@ -30273,10 +30288,10 @@ var lottie$1 = { exports: {} };
               tLength: 0,
               segments: []
             }, Y = je._length - 1;
-            var Ue;
+            var Ve;
             for (Le = 0, J = 0; J < Y; J += 1)
-              Ue = bez.buildBezierData(je.v[J], je.v[J + 1], [je.o[J][0] - je.v[J][0], je.o[J][1] - je.v[J][1]], [je.i[J + 1][0] - je.v[J + 1][0], je.i[J + 1][1] - je.v[J + 1][1]]), _e.tLength += Ue.segmentLength, _e.segments.push(Ue), Le += Ue.segmentLength;
-            J = Y, Be.v.c && (Ue = bez.buildBezierData(je.v[J], je.v[0], [je.o[J][0] - je.v[J][0], je.o[J][1] - je.v[J][1]], [je.i[0][0] - je.v[0][0], je.i[0][1] - je.v[0][1]]), _e.tLength += Ue.segmentLength, _e.segments.push(Ue), Le += Ue.segmentLength), this._pathData.pi = _e;
+              Ve = bez.buildBezierData(je.v[J], je.v[J + 1], [je.o[J][0] - je.v[J][0], je.o[J][1] - je.v[J][1]], [je.i[J + 1][0] - je.v[J + 1][0], je.i[J + 1][1] - je.v[J + 1][1]]), _e.tLength += Ve.segmentLength, _e.segments.push(Ve), Le += Ve.segmentLength;
+            J = Y, Be.v.c && (Ve = bez.buildBezierData(je.v[J], je.v[0], [je.o[J][0] - je.v[J][0], je.o[J][1] - je.v[J][1]], [je.i[0][0] - je.v[0][0], je.i[0][1] - je.v[0][1]]), _e.tLength += Ve.segmentLength, _e.segments.push(Ve), Le += Ve.segmentLength), this._pathData.pi = _e;
           }
           if (_e = this._pathData.pi, xe = this._pathData.f.v, Te = 0, Ae = 1, Pe = 0, Ee = !0, Fe = _e.segments, xe < 0 && Be.v.c)
             for (_e.tLength < Math.abs(xe) && (xe = -Math.abs(xe) % _e.tLength), Te = Fe.length - 1, Ie = Fe[Te].points, Ae = Ie.length - 1; xe < 0; )
@@ -30284,27 +30299,27 @@ var lottie$1 = { exports: {} };
           Ie = Fe[Te].points, we = Ie[Ae - 1], Se = Ie[Ae], ke = Se.partialLength;
         }
         Y = Z.length, X = 0, K = 0;
-        var ze = A.finalSize * 1.2 * 0.714, Ve = !0, Oe, $e, Re, Me, Ne;
+        var ze = A.finalSize * 1.2 * 0.714, He = !0, Oe, $e, Re, Me, Ne;
         Me = R.length;
-        var De, Xe = -1, qe, Ye, Je, Ke = xe, rt = Te, nt = Ae, Qe = -1, Ze, tt, st, et, We, it, ot, ht, gt = "", pt = this.defaultPropsArray, ft;
+        var De, Xe = -1, qe, Ye, Je, Ke = xe, rt = Te, nt = Ae, Qe = -1, Ze, tt, st, et, We, it, lt, ht, dt = "", mt = this.defaultPropsArray, ct;
         if (A.j === 2 || A.j === 1) {
-          var mt = 0, ct = 0, xt = A.j === 2 ? -0.5 : -1, bt = 0, It = !0;
+          var pt = 0, yt = 0, gt = A.j === 2 ? -0.5 : -1, xt = 0, It = !0;
           for (J = 0; J < Y; J += 1)
             if (Z[J].n) {
-              for (mt && (mt += ct); bt < J; )
-                Z[bt].animatorJustifyOffset = mt, bt += 1;
-              mt = 0, It = !0;
+              for (pt && (pt += yt); xt < J; )
+                Z[xt].animatorJustifyOffset = pt, xt += 1;
+              pt = 0, It = !0;
             } else {
               for (Re = 0; Re < Me; Re += 1)
-                Oe = R[Re].a, Oe.t.propType && (It && A.j === 2 && (ct += Oe.t.v * xt), $e = R[Re].s, De = $e.getMult(Z[J].anIndexes[Re], I.a[Re].s.totalChars), De.length ? mt += Oe.t.v * De[0] * xt : mt += Oe.t.v * De * xt);
+                Oe = R[Re].a, Oe.t.propType && (It && A.j === 2 && (yt += Oe.t.v * gt), $e = R[Re].s, De = $e.getMult(Z[J].anIndexes[Re], I.a[Re].s.totalChars), De.length ? pt += Oe.t.v * De[0] * gt : pt += Oe.t.v * De * gt);
               It = !1;
             }
-          for (mt && (mt += ct); bt < J; )
-            Z[bt].animatorJustifyOffset = mt, bt += 1;
+          for (pt && (pt += yt); xt < J; )
+            Z[xt].animatorJustifyOffset = pt, xt += 1;
         }
         for (J = 0; J < Y; J += 1) {
           if (B.reset(), Ze = 1, Z[J].n)
-            X = 0, K += A.yOffset, K += Ve ? 1 : 0, xe = Ke, Ve = !1, this._hasMaskedPath && (Te = rt, Ae = nt, Ie = Fe[Te].points, we = Ie[Ae - 1], Se = Ie[Ae], ke = Se.partialLength, Pe = 0), gt = "", ht = "", it = "", ft = "", pt = this.defaultPropsArray;
+            X = 0, K += A.yOffset, K += He ? 1 : 0, xe = Ke, He = !1, this._hasMaskedPath && (Te = rt, Ae = nt, Ie = Fe[Te].points, we = Ie[Ae - 1], Se = Ie[Ae], ke = Se.partialLength, Pe = 0), dt = "", ht = "", it = "", ct = "", mt = this.defaultPropsArray;
           else {
             if (this._hasMaskedPath) {
               if (Qe !== Z[J].line) {
@@ -30319,11 +30334,11 @@ var lottie$1 = { exports: {} };
                 Qe = Z[J].line;
               }
               Xe !== Z[J].ind && (Z[Xe] && (xe += Z[Xe].extra), xe += Z[J].an / 2, Xe = Z[J].ind), xe += C[0] * Z[J].an * 5e-3;
-              var Et = 0;
+              var St = 0;
               for (Re = 0; Re < Me; Re += 1)
-                Oe = R[Re].a, Oe.p.propType && ($e = R[Re].s, De = $e.getMult(Z[J].anIndexes[Re], I.a[Re].s.totalChars), De.length ? Et += Oe.p.v[0] * De[0] : Et += Oe.p.v[0] * De), Oe.a.propType && ($e = R[Re].s, De = $e.getMult(Z[J].anIndexes[Re], I.a[Re].s.totalChars), De.length ? Et += Oe.a.v[0] * De[0] : Et += Oe.a.v[0] * De);
+                Oe = R[Re].a, Oe.p.propType && ($e = R[Re].s, De = $e.getMult(Z[J].anIndexes[Re], I.a[Re].s.totalChars), De.length ? St += Oe.p.v[0] * De[0] : St += Oe.p.v[0] * De), Oe.a.propType && ($e = R[Re].s, De = $e.getMult(Z[J].anIndexes[Re], I.a[Re].s.totalChars), De.length ? St += Oe.a.v[0] * De[0] : St += Oe.a.v[0] * De);
               for (Ee = !0, this._pathData.a.v && (xe = Z[0].an * 0.5 + (Le - this._pathData.f.v - Z[0].an * 0.5 - Z[Z.length - 1].an * 0.5) * Xe / (Y - 1), xe += this._pathData.f.v); Ee; )
-                Pe + ke >= xe + Et || !Ie ? (Ge = (xe + Et - Pe) / Se.partialLength, Ye = we.point[0] + (Se.point[0] - we.point[0]) * Ge, Je = we.point[1] + (Se.point[1] - we.point[1]) * Ge, B.translate(-C[0] * Z[J].an * 5e-3, -(C[1] * ze) * 0.01), Ee = !1) : Ie && (Pe += Se.partialLength, Ae += 1, Ae >= Ie.length && (Ae = 0, Te += 1, Fe[Te] ? Ie = Fe[Te].points : Be.v.c ? (Ae = 0, Te = 0, Ie = Fe[Te].points) : (Pe -= Se.partialLength, Ie = null)), Ie && (we = Se, Se = Ie[Ae], ke = Se.partialLength));
+                Pe + ke >= xe + St || !Ie ? (Ge = (xe + St - Pe) / Se.partialLength, Ye = we.point[0] + (Se.point[0] - we.point[0]) * Ge, Je = we.point[1] + (Se.point[1] - we.point[1]) * Ge, B.translate(-C[0] * Z[J].an * 5e-3, -(C[1] * ze) * 0.01), Ee = !1) : Ie && (Pe += Se.partialLength, Ae += 1, Ae >= Ie.length && (Ae = 0, Te += 1, Fe[Te] ? Ie = Fe[Te].points : Be.v.c ? (Ae = 0, Te = 0, Ie = Fe[Te].points) : (Pe -= Se.partialLength, Ie = null)), Ie && (we = Se, Se = Ie[Ae], ke = Se.partialLength));
               qe = Z[J].an / 2 - Z[J].add, B.translate(-qe, 0, 0);
             } else
               qe = Z[J].an / 2 - Z[J].add, B.translate(-qe, 0, 0), B.translate(-C[0] * Z[J].an * 5e-3, -C[1] * ze * 0.01, 0);
@@ -30346,11 +30361,11 @@ var lottie$1 = { exports: {} };
             }
             for (Re = 0; Re < Me; Re += 1)
               Oe = R[Re].a, Oe.p.propType && ($e = R[Re].s, De = $e.getMult(Z[J].anIndexes[Re], I.a[Re].s.totalChars), this._hasMaskedPath ? De.length ? B.translate(0, Oe.p.v[1] * De[0], -Oe.p.v[2] * De[1]) : B.translate(0, Oe.p.v[1] * De, -Oe.p.v[2] * De) : De.length ? B.translate(Oe.p.v[0] * De[0], Oe.p.v[1] * De[1], -Oe.p.v[2] * De[2]) : B.translate(Oe.p.v[0] * De, Oe.p.v[1] * De, -Oe.p.v[2] * De));
-            if (A.strokeWidthAnim && (it = st < 0 ? 0 : st), A.strokeColorAnim && (ot = "rgb(" + Math.round(tt[0] * 255) + "," + Math.round(tt[1] * 255) + "," + Math.round(tt[2] * 255) + ")"), A.fillColorAnim && A.fc && (ht = "rgb(" + Math.round(et[0] * 255) + "," + Math.round(et[1] * 255) + "," + Math.round(et[2] * 255) + ")"), this._hasMaskedPath) {
+            if (A.strokeWidthAnim && (it = st < 0 ? 0 : st), A.strokeColorAnim && (lt = "rgb(" + Math.round(tt[0] * 255) + "," + Math.round(tt[1] * 255) + "," + Math.round(tt[2] * 255) + ")"), A.fillColorAnim && A.fc && (ht = "rgb(" + Math.round(et[0] * 255) + "," + Math.round(et[1] * 255) + "," + Math.round(et[2] * 255) + ")"), this._hasMaskedPath) {
               if (B.translate(0, -A.ls), B.translate(0, C[1] * ze * 0.01 + K, 0), this._pathData.p.v) {
-                He = (Se.point[1] - we.point[1]) / (Se.point[0] - we.point[0]);
-                var Ft = Math.atan(He) * 180 / Math.PI;
-                Se.point[0] < we.point[0] && (Ft += 180), B.rotate(-Ft * Math.PI / 180);
+                Ue = (Se.point[1] - we.point[1]) / (Se.point[0] - we.point[0]);
+                var Mt = Math.atan(Ue) * 180 / Math.PI;
+                Se.point[0] < we.point[0] && (Mt += 180), B.rotate(-Mt * Math.PI / 180);
               }
               B.translate(Ye, Je, 0), xe -= C[0] * Z[J].an * 5e-3, Z[J + 1] && Xe !== Z[J + 1].ind && (xe += Z[J].an / 2, xe += A.tr * 1e-3 * A.finalSize);
             } else {
@@ -30364,9 +30379,9 @@ var lottie$1 = { exports: {} };
               }
               B.translate(0, -A.ls), B.translate(qe, 0, 0), B.translate(C[0] * Z[J].an * 5e-3, C[1] * ze * 0.01, 0), X += Z[J].l + A.tr * 1e-3 * A.finalSize;
             }
-            U === "html" ? gt = B.toCSS() : U === "svg" ? gt = B.to2dCSS() : pt = [B.props[0], B.props[1], B.props[2], B.props[3], B.props[4], B.props[5], B.props[6], B.props[7], B.props[8], B.props[9], B.props[10], B.props[11], B.props[12], B.props[13], B.props[14], B.props[15]], ft = Ze;
+            U === "html" ? dt = B.toCSS() : U === "svg" ? dt = B.to2dCSS() : mt = [B.props[0], B.props[1], B.props[2], B.props[3], B.props[4], B.props[5], B.props[6], B.props[7], B.props[8], B.props[9], B.props[10], B.props[11], B.props[12], B.props[13], B.props[14], B.props[15]], ct = Ze;
           }
-          V <= J ? (Ne = new LetterProps(ft, it, ot, ht, gt, pt), this.renderedLetters.push(Ne), V += 1, this.lettersChangedFlag = !0) : (Ne = this.renderedLetters[J], this.lettersChangedFlag = Ne.update(ft, it, ot, ht, gt, pt) || this.lettersChangedFlag);
+          V <= J ? (Ne = new LetterProps(ct, it, lt, ht, dt, mt), this.renderedLetters.push(Ne), V += 1, this.lettersChangedFlag = !0) : (Ne = this.renderedLetters[J], this.lettersChangedFlag = Ne.update(ct, it, lt, ht, dt, mt) || this.lettersChangedFlag);
         }
       }
     }, TextAnimatorProperty.prototype.getValue = function() {
@@ -31865,20 +31880,20 @@ var lottie$1 = { exports: {} };
           entropy: !0
         } : we || {};
         var ke = Pe(Se(we.entropy ? [Te, Ae(A)] : Te === null ? Ee() : Te, 3), Fe), Le = new _e(Fe), Ge = function() {
-          for (var Be = Le.g(I), je = V, Ue = 0; Be < X; )
-            Be = (Be + Ue) * R, je *= R, Ue = Le.g(1);
+          for (var Be = Le.g(I), je = V, Ve = 0; Be < X; )
+            Be = (Be + Ve) * R, je *= R, Ve = Le.g(1);
           for (; Be >= K; )
-            Be /= 2, je /= 2, Ue >>>= 1;
-          return (Be + Ue) / je;
+            Be /= 2, je /= 2, Ve >>>= 1;
+          return (Be + Ve) / je;
         };
         return Ge.int32 = function() {
           return Le.g(4) | 0;
         }, Ge.quick = function() {
           return Le.g(4) / 4294967296;
-        }, Ge.double = Ge, Pe(Ae(Le.S), A), (we.pass || Ie || function(He, Be, je, Ue) {
-          return Ue && (Ue.S && xe(Ue, Le), He.state = function() {
+        }, Ge.double = Ge, Pe(Ae(Le.S), A), (we.pass || Ie || function(Ue, Be, je, Ve) {
+          return Ve && (Ve.S && xe(Ve, Le), Ue.state = function() {
             return xe(Le, {});
-          }), je ? (E[U] = He, Be) : He;
+          }), je ? (E[U] = Ue, Be) : Ue;
         })(Ge, ke, "global" in we ? we.global : this == E, we.state);
       }
       E["seed" + U] = Z;
@@ -31888,10 +31903,10 @@ var lottie$1 = { exports: {} };
           Ge[ke] = ke++;
         for (ke = 0; ke < R; ke++)
           Ge[ke] = Ge[Le = J & Le + Te[ke % Ie] + (we = Ge[ke])], Ge[Le] = we;
-        Fe.g = function(He) {
-          for (var Be, je = 0, Ue = Fe.i, ze = Fe.j, Ve = Fe.S; He--; )
-            Be = Ve[Ue = J & Ue + 1], je = je * R + Ve[J & (Ve[Ue] = Ve[ze = J & ze + Be]) + (Ve[ze] = Be)];
-          return Fe.i = Ue, Fe.j = ze, je;
+        Fe.g = function(Ue) {
+          for (var Be, je = 0, Ve = Fe.i, ze = Fe.j, He = Fe.S; Ue--; )
+            Be = He[Ve = J & Ve + 1], je = je * R + He[J & (He[Ve] = He[ze = J & ze + Be]) + (He[ze] = Be)];
+          return Fe.i = Ve, Fe.j = ze, je;
         };
       }
       function xe(Te, we) {
@@ -33099,21 +33114,21 @@ var lottie$1 = { exports: {} };
           if (ke % 2 !== 0)
             return this.getValueAtTime((Ae - (Se - Te) % Ae + Te) / this.comp.globalData.frameRate, 0);
         } else if (Z === "offset") {
-          var Le = this.getValueAtTime(Te / this.comp.globalData.frameRate, 0), Ge = this.getValueAtTime(Ee / this.comp.globalData.frameRate, 0), He = this.getValueAtTime(((Se - Te) % Ae + Te) / this.comp.globalData.frameRate, 0), Be = Math.floor((Se - Te) / Ae);
+          var Le = this.getValueAtTime(Te / this.comp.globalData.frameRate, 0), Ge = this.getValueAtTime(Ee / this.comp.globalData.frameRate, 0), Ue = this.getValueAtTime(((Se - Te) % Ae + Te) / this.comp.globalData.frameRate, 0), Be = Math.floor((Se - Te) / Ae);
           if (this.pv.length) {
             for (Fe = new Array(Le.length), Ie = Fe.length, we = 0; we < Ie; we += 1)
-              Fe[we] = (Ge[we] - Le[we]) * Be + He[we];
+              Fe[we] = (Ge[we] - Le[we]) * Be + Ue[we];
             return Fe;
           }
-          return (Ge - Le) * Be + He;
+          return (Ge - Le) * Be + Ue;
         } else if (Z === "continue") {
-          var je = this.getValueAtTime(Ee / this.comp.globalData.frameRate, 0), Ue = this.getValueAtTime((Ee - 1e-3) / this.comp.globalData.frameRate, 0);
+          var je = this.getValueAtTime(Ee / this.comp.globalData.frameRate, 0), Ve = this.getValueAtTime((Ee - 1e-3) / this.comp.globalData.frameRate, 0);
           if (this.pv.length) {
             for (Fe = new Array(je.length), Ie = Fe.length, we = 0; we < Ie; we += 1)
-              Fe[we] = je[we] + (je[we] - Ue[we]) * ((Se - Ee) / this.comp.globalData.frameRate) / 5e-4;
+              Fe[we] = je[we] + (je[we] - Ve[we]) * ((Se - Ee) / this.comp.globalData.frameRate) / 5e-4;
             return Fe;
           }
-          return je + (je - Ue) * ((Se - Ee) / 1e-3);
+          return je + (je - Ve) * ((Se - Ee) / 1e-3);
         }
         return this.getValueAtTime(((Se - Te) % Ae + Te) / this.comp.globalData.frameRate, 0);
       }
@@ -33132,21 +33147,21 @@ var lottie$1 = { exports: {} };
           if (ke % 2 === 0)
             return this.getValueAtTime(((Ee - Se) % Ae + Ee) / this.comp.globalData.frameRate, 0);
         } else if (Z === "offset") {
-          var Le = this.getValueAtTime(Ee / this.comp.globalData.frameRate, 0), Ge = this.getValueAtTime(Te / this.comp.globalData.frameRate, 0), He = this.getValueAtTime((Ae - (Ee - Se) % Ae + Ee) / this.comp.globalData.frameRate, 0), Be = Math.floor((Ee - Se) / Ae) + 1;
+          var Le = this.getValueAtTime(Ee / this.comp.globalData.frameRate, 0), Ge = this.getValueAtTime(Te / this.comp.globalData.frameRate, 0), Ue = this.getValueAtTime((Ae - (Ee - Se) % Ae + Ee) / this.comp.globalData.frameRate, 0), Be = Math.floor((Ee - Se) / Ae) + 1;
           if (this.pv.length) {
             for (Fe = new Array(Le.length), Ie = Fe.length, we = 0; we < Ie; we += 1)
-              Fe[we] = He[we] - (Ge[we] - Le[we]) * Be;
+              Fe[we] = Ue[we] - (Ge[we] - Le[we]) * Be;
             return Fe;
           }
-          return He - (Ge - Le) * Be;
+          return Ue - (Ge - Le) * Be;
         } else if (Z === "continue") {
-          var je = this.getValueAtTime(Ee / this.comp.globalData.frameRate, 0), Ue = this.getValueAtTime((Ee + 1e-3) / this.comp.globalData.frameRate, 0);
+          var je = this.getValueAtTime(Ee / this.comp.globalData.frameRate, 0), Ve = this.getValueAtTime((Ee + 1e-3) / this.comp.globalData.frameRate, 0);
           if (this.pv.length) {
             for (Fe = new Array(je.length), Ie = Fe.length, we = 0; we < Ie; we += 1)
-              Fe[we] = je[we] + (je[we] - Ue[we]) * (Ee - Se) / 1e-3;
+              Fe[we] = je[we] + (je[we] - Ve[we]) * (Ee - Se) / 1e-3;
             return Fe;
           }
-          return je + (je - Ue) * (Ee - Se) / 1e-3;
+          return je + (je - Ve) * (Ee - Se) / 1e-3;
         }
         return this.getValueAtTime((Ae - ((Ee - Se) % Ae + Ee)) / this.comp.globalData.frameRate, 0);
       }
@@ -33204,8 +33219,8 @@ var lottie$1 = { exports: {} };
           } else
             _e.translate(ke * this.px.mult, Le * this.py.mult, 0);
         } else {
-          var He = this.p.getValueAtTime(Z);
-          _e.translate(He[0] * this.p.mult, He[1] * this.p.mult, -He[2] * this.p.mult);
+          var Ue = this.p.getValueAtTime(Z);
+          _e.translate(Ue[0] * this.p.mult, Ue[1] * this.p.mult, -Ue[2] * this.p.mult);
         }
         return _e;
       }
@@ -33563,28 +33578,28 @@ const lottie = /* @__PURE__ */ getDefaultExportFromCjs(lottieExports), initialSt
     visible: we,
     disabled: Ie,
     loop: Fe = !1,
-    transformation: { x: ke, y: Le, width: Ge, height: He, colorCorrection: Be = {} },
+    transformation: { x: ke, y: Le, width: Ge, height: Ue, colorCorrection: Be = {} },
     pointerdown: je = () => {
     },
-    pointerout: Ue = () => {
+    pointerout: Ve = () => {
     },
     pointerover: ze = () => {
     }
-  } = A, { tl: Ve } = useContext(GsapPixieContext);
+  } = A, { tl: He } = useContext(GsapPixieContext);
   useCustomEventListener(Events.PAUSE, () => {
     K.current && K.current.pause();
   });
-  const { onPointerDown: Oe, onPointerOut: $e, onPointerOver: Re } = useDebouncedPointerEvents(ze, je, Ue, 1), { blurRadius: Me = 0, vignette: Ne = 0, noise: De = 0 } = Be, {
+  const { onPointerDown: Oe, onPointerOut: $e, onPointerOver: Re } = useDebouncedPointerEvents(ze, je, Ve, 1), { blurRadius: Me = 0, vignette: Ne = 0, noise: De = 0 } = Be, {
     temperatureFilter: Xe,
     sharpnessFilter: qe,
-    hueFilter: Ye,
+    hslFilter: Ye,
     blurFilter: Je,
     adjustmentFilter: Ke,
     vignetteFilter: rt,
     noiseFilter: nt
   } = withFiltersHook(Be);
   React.useLayoutEffect(() => {
-    X.current = document.createElement("canvas"), X.current.setAttribute("id", "lottieContainersvg"), X.current.setAttribute("id", `${xe}lottieContainer`), X.current.setAttribute("width", `${Ge}`), X.current.setAttribute("height", `${He}`);
+    X.current = document.createElement("canvas"), X.current.setAttribute("id", "lottieContainersvg"), X.current.setAttribute("id", `${xe}lottieContainer`), X.current.setAttribute("width", `${Ge}`), X.current.setAttribute("height", `${Ue}`);
     const Ze = _e.current;
     return Ze.appendChild(X.current), () => {
       X.current && Ze.removeChild(X.current);
@@ -33639,9 +33654,9 @@ const lottie = /* @__PURE__ */ getDefaultExportFromCjs(lottieExports), initialSt
   return React.useEffect(() => {
     let Ze = gsap$2.context(() => {
     });
-    if (V.current && Ve.current && C > 0) {
+    if (V.current && He.current && C > 0) {
       const tt = Number(Ee) - Number(Pe);
-      J.current && (J.current.kill(), Ve.current.remove(J.current)), Ze = gsap$2.context(() => {
+      J.current && (J.current.kill(), He.current.remove(J.current)), Ze = gsap$2.context(() => {
         const st = gsap$2.utils.wrap(Pe, C);
         J.current = gsap$2.timeline({}).to(
           V.current,
@@ -33651,7 +33666,7 @@ const lottie = /* @__PURE__ */ getDefaultExportFromCjs(lottieExports), initialSt
             onUpdateParams: [st, Ae, Te]
           },
           Ae
-        ), Ve.current.add(J.current, Pe);
+        ), He.current.add(J.current, Pe);
       });
     }
     return () => {
@@ -33679,7 +33694,7 @@ const lottie = /* @__PURE__ */ getDefaultExportFromCjs(lottieExports), initialSt
         {
           texture: Z.current,
           width: Ge,
-          height: He,
+          height: Ue,
           anchor: 0.5,
           x: ke,
           y: Le,