canvasengine 2.0.0-beta.49 → 2.0.0-beta.50

package/dist/index.js

@@ -1,5 +1,5 @@
 import * as Ln from "pixi.js";
-import { Point as k, Rectangle as _t, Sprite as pe, Texture as ct, WRAP_MODES as Fn, DisplacementFilter as Hn, ObservablePoint as vs, BlurFilter as qi, Container as Ft, Graphics as oi, Assets as St, Mesh as Wn, Geometry as jn, Ticker as bs, Text as Rn, TilingSprite as Bn, NineSliceSprite as Nn, DOMContainer as Vn, Application as zn, DOMAdapter as Un, ImageSource as Gn, Matrix as Xn } from "pixi.js";
+import { Point as k, Rectangle as _t, Sprite as de, Texture as ct, WRAP_MODES as Fn, DisplacementFilter as Hn, ObservablePoint as vs, BlurFilter as $i, Container as Ft, Graphics as oi, Assets as St, Mesh as Wn, Geometry as jn, Ticker as bs, Text as Rn, TilingSprite as Bn, NineSliceSprite as Nn, DOMContainer as zn, Application as Vn, DOMAdapter as Un, ImageSource as Gn, Matrix as Xn } from "pixi.js";
 function Yn(s, t) {
   for (var e = 0; e < t.length; e++) {
     const i = t[e];
@@ -32,29 +32,29 @@ function kt(s, t) {
   }
   s.prototype = t === null ? Object.create(t) : (e.prototype = t.prototype, new e());
 }
-function qn(s, t, e, i) {
+function $n(s, t, e, i) {
   function n(r) {
     return r instanceof e ? r : new e(function(a) {
       a(r);
     });
   }
   return new (e || (e = Promise))(function(r, a) {
-    function l(d) {
+    function l(p) {
       try {
-        f(i.next(d));
+        f(i.next(p));
       } catch (o) {
         a(o);
       }
     }
-    function c(d) {
+    function c(p) {
       try {
-        f(i.throw(d));
+        f(i.throw(p));
       } catch (o) {
         a(o);
       }
     }
-    function f(d) {
-      d.done ? r(d.value) : n(d.value).then(l, c);
+    function f(p) {
+      p.done ? r(p.value) : n(p.value).then(l, c);
     }
     f((i = i.apply(s, t || [])).next());
   });
@@ -68,8 +68,8 @@ function ws(s, t) {
     return this;
   }), a;
   function l(f) {
-    return function(d) {
-      return c([f, d]);
+    return function(p) {
+      return c([f, p]);
     };
   }
   function c(f) {
@@ -110,8 +110,8 @@ function ws(s, t) {
           continue;
       }
       f = t.call(s, e);
-    } catch (d) {
-      f = [6, d], n = 0;
+    } catch (p) {
+      f = [6, p], n = 0;
     } finally {
       i = r = 0;
     }
@@ -129,7 +129,7 @@ function Ht(s) {
   };
   throw new TypeError(t ? "Object is not iterable." : "Symbol.iterator is not defined.");
 }
-function qt(s, t) {
+function $t(s, t) {
   var e = typeof Symbol == "function" && s[Symbol.iterator];
   if (!e) return s;
   var i = e.call(s), n, r = [], a;
@@ -146,7 +146,7 @@ function qt(s, t) {
   }
   return r;
 }
-function Kt(s, t, e) {
+function qt(s, t, e) {
   if (e || arguments.length === 2) for (var i = 0, n = t.length, r; i < n; i++)
     (r || !(i in t)) && (r || (r = Array.prototype.slice.call(t, 0, i)), r[i] = t[i]);
   return s.concat(r || Array.prototype.slice.call(t));
@@ -154,45 +154,45 @@ function Kt(s, t, e) {
 function It(s) {
   return this instanceof It ? (this.v = s, this) : new It(s);
 }
-function Kn(s, t, e) {
+function qn(s, t, e) {
   if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
   var i = e.apply(s, t || []), n, r = [];
   return n = Object.create((typeof AsyncIterator == "function" ? AsyncIterator : Object).prototype), l("next"), l("throw"), l("return", a), n[Symbol.asyncIterator] = function() {
     return this;
   }, n;
   function a(u) {
-    return function(p) {
-      return Promise.resolve(p).then(u, o);
+    return function(d) {
+      return Promise.resolve(d).then(u, o);
     };
   }
-  function l(u, p) {
+  function l(u, d) {
     i[u] && (n[u] = function(m) {
       return new Promise(function(g, y) {
         r.push([u, m, g, y]) > 1 || c(u, m);
       });
-    }, p && (n[u] = p(n[u])));
+    }, d && (n[u] = d(n[u])));
   }
-  function c(u, p) {
+  function c(u, d) {
     try {
-      f(i[u](p));
+      f(i[u](d));
     } catch (m) {
       h(r[0][3], m);
     }
   }
   function f(u) {
-    u.value instanceof It ? Promise.resolve(u.value.v).then(d, o) : h(r[0][2], u);
+    u.value instanceof It ? Promise.resolve(u.value.v).then(p, o) : h(r[0][2], u);
   }
-  function d(u) {
+  function p(u) {
     c("next", u);
   }
   function o(u) {
     c("throw", u);
   }
-  function h(u, p) {
-    u(p), r.shift(), r.length && c(r[0][0], r[0][1]);
+  function h(u, d) {
+    u(d), r.shift(), r.length && c(r[0][0], r[0][1]);
   }
 }
-function $n(s) {
+function Kn(s) {
   if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
   var t = s[Symbol.asyncIterator], e;
   return t ? t.call(s) : (s = typeof Ht == "function" ? Ht(s) : s[Symbol.iterator](), e = {}, i("next"), i("throw"), i("return"), e[Symbol.asyncIterator] = function() {
@@ -262,10 +262,10 @@ var ve = (function() {
           }
         else
           a.remove(this);
-      var d = this.initialTeardown;
-      if (F(d))
+      var p = this.initialTeardown;
+      if (F(p))
         try {
-          d();
+          p();
         } catch (m) {
           r = m instanceof Ie ? m.errors : [m];
         }
@@ -274,11 +274,11 @@ var ve = (function() {
         this._finalizers = null;
         try {
           for (var h = Ht(o), u = h.next(); !u.done; u = h.next()) {
-            var p = u.value;
+            var d = u.value;
             try {
-              Ki(p);
+              qi(d);
             } catch (m) {
-              r = r ?? [], m instanceof Ie ? r = Kt(Kt([], qt(r)), qt(m.errors)) : r.push(m);
+              r = r ?? [], m instanceof Ie ? r = qt(qt([], $t(r)), $t(m.errors)) : r.push(m);
             }
           }
         } catch (m) {
@@ -298,7 +298,7 @@ var ve = (function() {
     var e;
     if (t && t !== this)
       if (this.closed)
-        Ki(t);
+        qi(t);
       else {
         if (t instanceof s) {
           if (t.closed || t._hasParent(this))
@@ -327,7 +327,7 @@ var ve = (function() {
 function Ss(s) {
   return s instanceof ve || s && "closed" in s && F(s.remove) && F(s.add) && F(s.unsubscribe);
 }
-function Ki(s) {
+function qi(s) {
   F(s) ? s() : s.unsubscribe();
 }
 var Jn = {
@@ -336,7 +336,7 @@ var Jn = {
   setTimeout: function(s, t) {
     for (var e = [], i = 2; i < arguments.length; i++)
       e[i - 2] = arguments[i];
-    return setTimeout.apply(void 0, Kt([s, t], qt(e)));
+    return setTimeout.apply(void 0, qt([s, t], $t(e)));
   },
   clearTimeout: function(s) {
     return clearTimeout(s);
@@ -348,7 +348,7 @@ function As(s) {
     throw s;
   });
 }
-function $i() {
+function Ki() {
 }
 function ce(s) {
   s();
@@ -360,7 +360,7 @@ var ai = (function(s) {
     return i.isStopped = !1, e ? (i.destination = e, Ss(e) && e.add(i)) : i.destination = er, i;
   }
   return t.create = function(e, i, n) {
-    return new $t(e, i, n);
+    return new Kt(e, i, n);
   }, t.prototype.next = function(e) {
     this.isStopped || this._next(e);
   }, t.prototype.error = function(e) {
@@ -415,7 +415,7 @@ var ai = (function(s) {
         re(e);
       }
   }, s;
-})(), $t = (function(s) {
+})(), Kt = (function(s) {
   kt(t, s);
   function t(e, i, n) {
     var r = s.call(this) || this, a;
@@ -435,9 +435,9 @@ function tr(s) {
 }
 var er = {
   closed: !0,
-  next: $i,
+  next: Ki,
   error: tr,
-  complete: $i
+  complete: Ki
 }, li = (function() {
   return typeof Symbol == "function" && Symbol.observable || "@@observable";
 })();
@@ -459,7 +459,7 @@ var I = (function() {
     var e = new s();
     return e.source = this, e.operator = t, e;
   }, s.prototype.subscribe = function(t, e, i) {
-    var n = this, r = nr(t) ? t : new $t(t, e, i);
+    var n = this, r = nr(t) ? t : new Kt(t, e, i);
     return ce(function() {
       var a = n, l = a.operator, c = a.source;
       r.add(l ? l.call(r, c) : c ? n._subscribe(r) : n._trySubscribe(r));
@@ -473,7 +473,7 @@ var I = (function() {
   }, s.prototype.forEach = function(t, e) {
     var i = this;
     return e = Ji(e), new e(function(n, r) {
-      var a = new $t({
+      var a = new Kt({
         next: function(l) {
           try {
             t(l);
@@ -547,14 +547,14 @@ var or = (function(s) {
     return c.onFinalize = a, c.shouldUnsubscribe = l, c._next = i ? function(f) {
       try {
         i(f);
-      } catch (d) {
-        e.error(d);
+      } catch (p) {
+        e.error(p);
       }
     } : s.prototype._next, c._error = r ? function(f) {
       try {
         r(f);
-      } catch (d) {
-        e.error(d);
+      } catch (p) {
+        e.error(p);
       } finally {
         this.unsubscribe();
       }
@@ -723,8 +723,8 @@ var or = (function(s) {
   }, t.prototype._trimBuffer = function() {
     var e = this, i = e._bufferSize, n = e._timestampProvider, r = e._buffer, a = e._infiniteTimeWindow, l = (a ? 1 : 2) * i;
     if (i < 1 / 0 && l < r.length && r.splice(0, r.length - l), !a) {
-      for (var c = n.now(), f = 0, d = 1; d < r.length && r[d] <= c; d += 2)
-        f = d;
+      for (var c = n.now(), f = 0, p = 1; p < r.length && r[p] <= c; p += 2)
+        f = p;
       f && r.splice(0, f + 1);
     }
   }, t;
@@ -764,7 +764,7 @@ function Ds(s) {
   return F(s?.[Is]);
 }
 function Ls(s) {
-  return Kn(this, arguments, function() {
+  return qn(this, arguments, function() {
     var e, i, n, r;
     return ws(this, function(a) {
       switch (a.label) {
@@ -802,9 +802,9 @@ function Rt(s) {
     return s;
   if (s != null) {
     if (Ms(s))
-      return pr(s);
-    if (Ps(s))
       return dr(s);
+    if (Ps(s))
+      return pr(s);
     if (Ts(s))
       return mr(s);
     if (Es(s))
@@ -816,7 +816,7 @@ function Rt(s) {
   }
   throw Os(s);
 }
-function pr(s) {
+function dr(s) {
   return new I(function(t) {
     var e = s[li]();
     if (F(e.subscribe))
@@ -824,7 +824,7 @@ function pr(s) {
     throw new TypeError("Provided object does not correctly implement Symbol.observable");
   });
 }
-function dr(s) {
+function pr(s) {
   return new I(function(t) {
     for (var e = 0; e < s.length && !t.closed; e++)
       t.next(s[e]);
@@ -873,12 +873,12 @@ function gr(s) {
 }
 function vr(s, t) {
   var e, i, n, r;
-  return qn(this, void 0, void 0, function() {
+  return $n(this, void 0, void 0, function() {
     var a, l;
     return ws(this, function(c) {
       switch (c.label) {
         case 0:
-          c.trys.push([0, 5, 6, 11]), e = $n(s), c.label = 1;
+          c.trys.push([0, 5, 6, 11]), e = Kn(s), c.label = 1;
         case 1:
           return [4, e.next()];
         case 2:
@@ -1008,10 +1008,10 @@ function Ar(s, t) {
   }
   throw Os(s);
 }
-function de(s, t) {
+function pe(s, t) {
   return t ? Ar(s, t) : Rt(s);
 }
-function zl(s) {
+function Vl(s) {
   return !!s && (s instanceof I || F(s.lift) && F(s.subscribe));
 }
 function ci(s, t) {
@@ -1024,7 +1024,7 @@ function ci(s, t) {
 }
 var Cr = Array.isArray;
 function kr(s, t) {
-  return Cr(t) ? s.apply(void 0, Kt([], qt(t))) : s(t);
+  return Cr(t) ? s.apply(void 0, qt([], $t(t))) : s(t);
 }
 function Pr(s) {
   return ci(function(t) {
@@ -1062,7 +1062,7 @@ function we() {
     s[t] = arguments[t];
   var e = ur(s), i = cr(s), n = Ir(s), r = n.args, a = n.keys;
   if (r.length === 0)
-    return de([], e);
+    return pe([], e);
   var l = new I(Fr(r, e, a ? function(c) {
     return Lr(a, c);
   } : hi));
@@ -1071,11 +1071,11 @@ function we() {
 function Fr(s, t, e) {
   return e === void 0 && (e = hi), function(i) {
     Qi(t, function() {
-      for (var n = s.length, r = new Array(n), a = n, l = n, c = function(d) {
+      for (var n = s.length, r = new Array(n), a = n, l = n, c = function(p) {
         Qi(t, function() {
-          var o = de(s[d], t), h = !1;
+          var o = pe(s[p], t), h = !1;
           o.subscribe(be(i, function(u) {
-            r[d] = u, h || (h = !0, l--), l || i.next(e(r.slice()));
+            r[p] = u, h || (h = !0, l--), l || i.next(e(r.slice()));
           }, function() {
             --a || i.complete();
           }));
@@ -1116,20 +1116,20 @@ function Bs(s) {
     return new At();
   } : t, i = s.resetOnError, n = i === void 0 ? !0 : i, r = s.resetOnComplete, a = r === void 0 ? !0 : r, l = s.resetOnRefCountZero, c = l === void 0 ? !0 : l;
   return function(f) {
-    var d, o, h, u = 0, p = !1, m = !1, g = function() {
+    var p, o, h, u = 0, d = !1, m = !1, g = function() {
       o?.unsubscribe(), o = void 0;
     }, y = function() {
-      g(), d = h = void 0, p = m = !1;
+      g(), p = h = void 0, d = m = !1;
     }, v = function() {
-      var b = d;
+      var b = p;
       y(), b?.unsubscribe();
     };
     return jt(function(b, w) {
-      u++, !m && !p && g();
+      u++, !m && !d && g();
       var x = h = h ?? e();
       w.add(function() {
-        u--, u === 0 && !m && !p && (o = De(v, c));
-      }), x.subscribe(w), !d && u > 0 && (d = new $t({
+        u--, u === 0 && !m && !d && (o = De(v, c));
+      }), x.subscribe(w), !p && u > 0 && (p = new Kt({
         next: function(S) {
           return x.next(S);
         },
@@ -1137,9 +1137,9 @@ function Bs(s) {
           m = !0, g(), o = De(y, n, S), x.error(S);
         },
         complete: function() {
-          p = !0, g(), o = De(y, a), x.complete();
+          d = !0, g(), o = De(y, a), x.complete();
         }
-      }), Rt(b).subscribe(d));
+      }), Rt(b).subscribe(p));
     })(f);
   };
 }
@@ -1151,12 +1151,12 @@ function De(s, t) {
     return;
   }
   if (t !== !1) {
-    var n = new $t({
+    var n = new Kt({
       next: function() {
         n.unsubscribe(), s();
       }
     });
-    return Rt(t.apply(void 0, Kt([], qt(e)))).subscribe(n);
+    return Rt(t.apply(void 0, qt([], $t(e)))).subscribe(n);
   }
 }
 function jr(s, t, e) {
@@ -1213,10 +1213,10 @@ function ui(s) {
 function xe(s) {
   return typeof s == "object" && s != null && !Array.isArray(s) && s.constructor === Object;
 }
-function Vs(s) {
+function zs(s) {
   return s instanceof I;
 }
-function qe(s, t, e, i = !1) {
+function $e(s, t, e, i = !1) {
   if (Object(s) !== s) return s;
   typeof t == "string" && (t = t.split("."));
   let n = t.length;
@@ -1247,28 +1247,28 @@ function fi(s) {
 function wt(s, t) {
   typeof t == "number" ? s.set(t) : Array.isArray(t) ? s.set(t[0], t[1]) : xe(t) && "value" in t ? s.set(t.value.x, t.value.y) : s.set(t.x, t.y);
 }
-function zs(s, t, e, i) {
+function Vs(s, t, e, i) {
   const n = s - e, r = t - i;
   return Math.sqrt(n * n + r * r);
 }
 const Ul = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   arrayEquals: te,
-  calculateDistance: zs,
+  calculateDistance: Vs,
   error: fi,
   fps2ms: st,
   get: Br,
   isBrowser: Ot,
   isFunction: ui,
   isObject: xe,
-  isObservable: Vs,
+  isObservable: zs,
   isPromise: yt,
   log: Nr,
   preciseNow: lt,
-  set: qe,
+  set: $e,
   setObservablePoint: wt
 }, Symbol.toStringTag, { value: "Module" }));
-class pi {
+class di {
   constructor() {
     this.boundKeys = {}, this.stop = !1, this._controlsOptions = {}, this.serverFps = 60;
   }
@@ -1423,7 +1423,7 @@ class pi {
     return this._controlsOptions;
   }
 }
-var Vr = /* @__PURE__ */ ((s) => (s.Break = "break", s.Backspace = "backspace", s.Tab = "tab", s.Clear = "clear", s.Enter = "enter", s.Shift = "shift", s.Ctrl = "ctrl", s.Alt = "alt", s.Pause = "pause/break", s.CapsLock = "caps lock", s.Escape = "escape", s.Conversion = "conversion", s.NonConversion = "non-conversion", s.Space = "space", s.PageUp = "page up", s.PageDown = "page down", s.End = "end", s.Home = "home", s[s.Left = 4] = "Left", s[s.Up = 1] = "Up", s[s.Right = 2] = "Right", s[s.Down = 3] = "Down", s.Select = "select", s.Print = "print", s.Execute = "execute", s.PrintScreen = "Print Screen", s.Insert = "insert", s.Delete = "delete", s.Zero = "0", s.One = "1", s.Two = "2", s.Three = "3", s.Four = "4", s.Five = "5", s.Six = "6", s.Seven = "7", s.Height = "8", s.Nine = "9", s.Equal = "=", s.Semicolon = "semicolon (firefox), equals", s.LessThan = "<", s.Equals = "equals (firefox)", s.Beta = "ß", s.At = "@", s.A = "a", s.B = "b", s.C = "c", s.D = "d", s.E = "e", s.F = "f", s.G = "g", s.H = "h", s.I = "i", s.J = "j", s.K = "k", s.L = "l", s.M = "m", s.N = "n", s.O = "o", s.P = "p", s.Q = "q", s.R = "r", s.S = "s", s.T = "t", s.U = "u", s.V = "v", s.W = "w", s.X = "x", s.Y = "y", s.Z = "z", s.SearchKey = "Windows Key / Left ⌘ / Chromebook Search key", s.NumPad0 = "numpad 0", s.NumPad1 = "numpad 1", s.NumPad2 = "numpad 2", s.NumPad3 = "numpad 3", s.NumPad4 = "numpad 4", s.NumPad5 = "numpad 5", s.NumPad6 = "numpad 6", s.NumPad7 = "numpad 7", s.NumPad8 = "numpad 8", s.NumPad9 = "numpad 9", s.Multiply = "multiply", s.Add = "add", s.Subtract = "subtract", s.DecimalPoint = "decimal point", s.Divide = "divide", s.F1 = "f1", s.F2 = "f2", s.F3 = "f3", s.F4 = "f4", s.F5 = "f5", s.F6 = "f6", s.F7 = "f7", s.F8 = "f8", s.F9 = "f9", s.F10 = "f10", s.F11 = "f11", s.F12 = "f12", s.F13 = "f13", s.F14 = "f14", s.F15 = "f15", s.F16 = "f16", s.F17 = "f17", s.F18 = "f18", s.F19 = "f19", s.F20 = "f20", s.F21 = "f21", s.F22 = "f22", s.F23 = "f23", s.F24 = "f24", s.NumLock = "num lock", s.ScrollLock = "scroll lock", s.CircumflexAccent = "^", s.ExclamationMark = "!", s.Hash = "#", s.Dollar = "$", s.AccentU = "ù", s.PageBackward = "page backward", s.PageForWard = "page forward", s.Star = "*", s.DecreaseVolume = "decrease volume level", s.IncreaseVolume = "increase volume level", s.Next = "next", s.Previous = "previous", s.Stop = "stop", s.PlayPause = "play/pause", s.Email = "e-mail", s.SemiColon = "semi-colon / ñ", s.EqualSign = "equal sign", s.Comma = "comma", s.Dash = "dash", s.FowardSlach = "forward slash / ç", s.GraveAccent = "grave accent / ñ / æ", s.OpenBracket = "open bracket", s.BackSlach = "back slash", s.CloseBracket = "close bracket / å", s.SingleQuote = "single quote / ø", s.BackQuote = "`", s.Altgr = "altgr", s))(Vr || {});
+var zr = /* @__PURE__ */ ((s) => (s.Break = "break", s.Backspace = "backspace", s.Tab = "tab", s.Clear = "clear", s.Enter = "enter", s.Shift = "shift", s.Ctrl = "ctrl", s.Alt = "alt", s.Pause = "pause/break", s.CapsLock = "caps lock", s.Escape = "escape", s.Conversion = "conversion", s.NonConversion = "non-conversion", s.Space = "space", s.PageUp = "page up", s.PageDown = "page down", s.End = "end", s.Home = "home", s[s.Left = 4] = "Left", s[s.Up = 1] = "Up", s[s.Right = 2] = "Right", s[s.Down = 3] = "Down", s.Select = "select", s.Print = "print", s.Execute = "execute", s.PrintScreen = "Print Screen", s.Insert = "insert", s.Delete = "delete", s.Zero = "0", s.One = "1", s.Two = "2", s.Three = "3", s.Four = "4", s.Five = "5", s.Six = "6", s.Seven = "7", s.Height = "8", s.Nine = "9", s.Equal = "=", s.Semicolon = "semicolon (firefox), equals", s.LessThan = "<", s.Equals = "equals (firefox)", s.Beta = "ß", s.At = "@", s.A = "a", s.B = "b", s.C = "c", s.D = "d", s.E = "e", s.F = "f", s.G = "g", s.H = "h", s.I = "i", s.J = "j", s.K = "k", s.L = "l", s.M = "m", s.N = "n", s.O = "o", s.P = "p", s.Q = "q", s.R = "r", s.S = "s", s.T = "t", s.U = "u", s.V = "v", s.W = "w", s.X = "x", s.Y = "y", s.Z = "z", s.SearchKey = "Windows Key / Left ⌘ / Chromebook Search key", s.NumPad0 = "numpad 0", s.NumPad1 = "numpad 1", s.NumPad2 = "numpad 2", s.NumPad3 = "numpad 3", s.NumPad4 = "numpad 4", s.NumPad5 = "numpad 5", s.NumPad6 = "numpad 6", s.NumPad7 = "numpad 7", s.NumPad8 = "numpad 8", s.NumPad9 = "numpad 9", s.Multiply = "multiply", s.Add = "add", s.Subtract = "subtract", s.DecimalPoint = "decimal point", s.Divide = "divide", s.F1 = "f1", s.F2 = "f2", s.F3 = "f3", s.F4 = "f4", s.F5 = "f5", s.F6 = "f6", s.F7 = "f7", s.F8 = "f8", s.F9 = "f9", s.F10 = "f10", s.F11 = "f11", s.F12 = "f12", s.F13 = "f13", s.F14 = "f14", s.F15 = "f15", s.F16 = "f16", s.F17 = "f17", s.F18 = "f18", s.F19 = "f19", s.F20 = "f20", s.F21 = "f21", s.F22 = "f22", s.F23 = "f23", s.F24 = "f24", s.NumLock = "num lock", s.ScrollLock = "scroll lock", s.CircumflexAccent = "^", s.ExclamationMark = "!", s.Hash = "#", s.Dollar = "$", s.AccentU = "ù", s.PageBackward = "page backward", s.PageForWard = "page forward", s.Star = "*", s.DecreaseVolume = "decrease volume level", s.IncreaseVolume = "increase volume level", s.Next = "next", s.Previous = "previous", s.Stop = "stop", s.PlayPause = "play/pause", s.Email = "e-mail", s.SemiColon = "semi-colon / ñ", s.EqualSign = "equal sign", s.Comma = "comma", s.Dash = "dash", s.FowardSlach = "forward slash / ç", s.GraveAccent = "grave accent / ñ / æ", s.OpenBracket = "open bracket", s.BackSlach = "back slash", s.CloseBracket = "close bracket / å", s.SingleQuote = "single quote / ø", s.BackQuote = "`", s.Altgr = "altgr", s))(zr || {});
 const Us = {
   3: "break",
   8: "backspace",
@@ -1588,15 +1588,15 @@ const Us = {
   243: "half-width/full-width",
   244: "kanji",
   255: "toggle touchpad"
-}, zr = (s) => {
+}, Vr = (s) => {
   const t = {};
   for (let e in s) {
     const i = s[e];
     t[i] = e;
   }
   return t;
-}, ts = zr(Us);
-class Ur extends pi {
+}, ts = Vr(Us);
+class Ur extends di {
   constructor() {
     super(...arguments), this.keyState = {}, this.lastKeyPressed = null, this.lastActionTimes = {}, this.directionState = {
       up: !1,
@@ -1659,10 +1659,10 @@ class Ur extends pi {
       const { repeat: a, keyDown: l, throttle: c } = r.options;
       if (a || n == 0) {
         if (typeof c == "number") {
-          const d = Date.now(), o = this.lastActionTimes[r.actionName] ?? 0;
-          if (d - o < c)
+          const p = Date.now(), o = this.lastActionTimes[r.actionName] ?? 0;
+          if (p - o < c)
             return;
-          this.lastActionTimes[r.actionName] = d;
+          this.lastActionTimes[r.actionName] = p;
         }
         let f = r.parameters;
         typeof f == "function" && (f = f()), l && l(r), this.keyState[t].count++;
@@ -1770,9 +1770,9 @@ var J = { events: {}, publish: function(t, e) {
   return Object.keys(t).forEach(function(i) {
     (t[i] === s || Array.isArray(t[i]) && t[i].indexOf(s) !== -1) && e.push(i);
   }), e;
-}, qr = function(s) {
+}, $r = function(s) {
   return !!s && !!s.type && !!s.playEffect && typeof s.playEffect == "function" || !1;
-}, Kr = function() {
+}, qr = function() {
   return !!window.navigator.getGamepads && typeof window.navigator.getGamepads == "function" || !1;
 }, X = { loopStarted: !1, instances: {}, buttonEvents: { joypad: [] }, settings: { axisMovementThreshold: Xr }, remove: function(t) {
   return delete this.instances[t];
@@ -1791,7 +1791,7 @@ var J = { events: {}, publish: function(t, e) {
   }
 }, vibrate: function(t, e) {
   var i = t.vibrationActuator, n = e || this.settings.vibration;
-  if (qr(i)) {
+  if ($r(i)) {
     var r = i.type;
     return t.vibrationActuator.playEffect(r, n);
   }
@@ -1801,7 +1801,7 @@ var J = { events: {}, publish: function(t, e) {
   isNaN(r) || (this.settings.axisMovementThreshold = r), this.settings.vibration = i, this.settings.customButtonMapping = n;
 }, trigger: function(t, e) {
   return J.publish(t, e);
-} }, $r = function(s) {
+} }, Kr = function(s) {
   s.buttons.forEach(function(t, e) {
     var i = X.settings.customButtonMapping, n = i || Gr, r = Yr(e, n), a = X.buttonEvents;
     r && r.length && r.forEach(function(l) {
@@ -1814,9 +1814,9 @@ var J = { events: {}, publish: function(t, e) {
   }, e = X.settings.axisMovementThreshold, i = s.axes, n = i.length, r = n / 2;
   i.forEach(function(a, l) {
     if (Math.abs(a) > e) {
-      var c = null, f = null, d = a;
+      var c = null, f = null, p = a;
       c = l < r ? Tt.LEFT.NAME : Tt.RIGHT.NAME, (l === Tt.LEFT.AXES.X || l === Tt.RIGHT.AXES.X) && (f = a < 0 ? oe.LEFT : oe.RIGHT), (l === Tt.LEFT.AXES.Y || l === Tt.RIGHT.AXES.Y) && (f = a < 0 ? oe.TOP : oe.BOTTOM);
-      var o = { gamepad: s, totalSticks: r, stickMoved: c, directionOfMovement: f, axisMovementValue: d, axis: l };
+      var o = { gamepad: s, totalSticks: r, stickMoved: c, directionOfMovement: f, axisMovementValue: p, axis: l };
       return window.dispatchEvent(t(o));
     }
   });
@@ -1825,7 +1825,7 @@ var J = { events: {}, publish: function(t, e) {
 }, Le = { id: null, start: function() {
   var t = window.requestAnimationFrame || window.webkitRequestAnimationFrame, e = X.buttonEvents, i = window.navigator.getGamepads();
   i = Array.prototype.slice.call(i), i.forEach(function(n, r) {
-    n && (e.joypad[r] || (e.joypad[r] = {}), X.instances[r] = n, $r(n), Jr(n));
+    n && (e.joypad[r] || (e.joypad[r] = {}), X.instances[r] = n, Kr(n), Jr(n));
   }), e.joypad.forEach(function(n) {
     n && Object.keys(n).forEach(function(r) {
       Zr(r, n);
@@ -1855,7 +1855,7 @@ var J = { events: {}, publish: function(t, e) {
   window.dispatchEvent(i(l));
 };
 Qr();
-Kr() ? window.joypad = X : (window.joypad = {}, Gs("Your browser does not support the Gamepad API - https://developer.mozilla.org/en-US/docs/Web/API/Gamepad_API"));
+qr() ? window.joypad = X : (window.joypad = {}, Gs("Your browser does not support the Gamepad API - https://developer.mozilla.org/en-US/docs/Web/API/Gamepad_API"));
 const Fe = {
   button_0: "action",
   button_1: "back",
@@ -1866,7 +1866,7 @@ const Fe = {
   left: "left",
   right: "right"
 };
-class to extends pi {
+class to extends di {
   constructor() {
     super(...arguments), this.gamepadEnabled = !0, this.gamepadConfig = {
       enabled: !0,
@@ -2145,7 +2145,7 @@ const We = {
   bottom_left: ["down", "left"],
   bottom_right: ["down", "right"]
 };
-class eo extends pi {
+class eo extends di {
   constructor() {
     super(...arguments), this.joystickEnabled = !0, this.joystickConfig = {
       enabled: !0,
@@ -2191,22 +2191,22 @@ class eo extends pi {
       return;
     }
     const r = Array.isArray(n) ? n : [n], a = this.joystickDirections, l = {};
-    r.forEach((d) => {
-      l[d] = !0;
+    r.forEach((p) => {
+      l[p] = !0;
     });
     const c = /* @__PURE__ */ new Set([
       ...Object.keys(this.joystickDirections),
       ...Object.keys(l)
     ]);
-    for (const d of c) {
-      const o = this.joystickDirections[d], h = l[d] || !1;
-      o && !h && this.applyControl(d, !1).catch(() => {
+    for (const p of c) {
+      const o = this.joystickDirections[p], h = l[p] || !1;
+      o && !h && this.applyControl(p, !1).catch(() => {
       });
     }
     this.joystickDirections = { ...l }, this.joystickMoving = !0;
-    const f = r.filter((d) => !a[d]);
-    for (const d of f)
-      this.applyControl(d, !0, { power: t.power }).catch(() => {
+    const f = r.filter((p) => !a[p]);
+    for (const p of f)
+      this.applyControl(p, !0, { power: t.power }).catch(() => {
       });
     this.joystickMoveInterval || (this.joystickMoveInterval = setInterval(() => {
       this.processJoystickMovement();
@@ -2333,16 +2333,16 @@ class eo extends pi {
     return this.joystickMoving;
   }
 }
-const Ke = {};
+const qe = {};
 class tt {
 }
 function et(s, t) {
-  Ke[s] = t;
+  qe[s] = t;
 }
-function di(s, t) {
-  if (!Ke[t])
+function pi(s, t) {
+  if (!qe[t])
     return null;
-  const e = new Ke[t]();
+  const e = new qe[t]();
   return e.onInit?.(s), e;
 }
 var io = Object.defineProperty, D = (s, t) => io(s, "name", { value: t, configurable: !0 }), Dt, ae = (Dt = class extends Ct {
@@ -2358,7 +2358,7 @@ var io = Object.defineProperty, D = (s, t) => io(s, "name", { value: t, configur
       get: /* @__PURE__ */ D((e, i, n) => {
         const r = e[i];
         return typeof r == "function" ? (...a) => {
-          let l = "update", c, f = !1, d = [], o = !0;
+          let l = "update", c, f = !1, p = [], o = !0;
           switch (i) {
             case "push":
               c = e.length, l = "add", f = !0;
@@ -2374,15 +2374,15 @@ var io = Object.defineProperty, D = (s, t) => io(s, "name", { value: t, configur
               break;
             case "splice":
               c = a[0];
-              const u = a[1], p = a.slice(2);
-              d = p, u > 0 && p.length === 0 ? l = "remove" : u === 0 && p.length > 0 ? l = "add" : u === 0 && p.length === 0 ? o = !1 : l = "update", f = !0;
+              const u = a[1], d = a.slice(2);
+              p = d, u > 0 && d.length === 0 ? l = "remove" : u === 0 && d.length > 0 ? l = "add" : u === 0 && d.length === 0 ? o = !1 : l = "update", f = !0;
               break;
           }
           const h = r.apply(e, a);
           return f && o && (i === "splice" ? this.next({
             type: l,
             index: c,
-            items: d
+            items: p
           }) : this.next({
             type: l,
             index: c,
@@ -2516,7 +2516,7 @@ function ee(s) {
   return _(s) && !!s.dependencies;
 }
 D(ee, "isComputed");
-function K(s, t) {
+function q(s, t) {
   const e = /* @__PURE__ */ new Set();
   let i = !0, n;
   const r = B.currentDependencyTracker;
@@ -2527,9 +2527,9 @@ function K(s, t) {
     ...e
   ].map((f) => {
     if (ee(f) && "dependencies" in f) {
-      const d = f;
-      if (d.dependencies.size === 0)
-        return new Ct(d()).asObservable();
+      const p = f;
+      if (p.dependencies.size === 0)
+        return new Ct(p()).asObservable();
     }
     return f.observable;
   }), l = we(a).pipe(Ut(() => !i), ci(() => s()), Wr(() => t?.())), c = /* @__PURE__ */ D(function() {
@@ -2539,10 +2539,10 @@ function K(s, t) {
     n = f;
   }), c.dependencies = e, B.currentSubscriptionsTracker?.(c.subscription), i = !1, c;
 }
-D(K, "computed");
+D(q, "computed");
 function no(s, t) {
   const e = /* @__PURE__ */ new Set();
-  let i = !0, n, r, a, l, c, f, d = !1, o, h = 0, u = null;
+  let i = !0, n, r, a, l, c, f, p = !1, o, h = 0, u = null;
   if (typeof s == "function")
     r = s, c = t?.equal;
   else {
@@ -2585,10 +2585,10 @@ function no(s, t) {
       }, "computeFunction");
     }
   }
-  const p = B.currentDependencyTracker;
+  const d = B.currentDependencyTracker;
   B.currentDependencyTracker = (b) => {
     e.add(b);
-  }, a && typeof a == "function" && !_(a) || a && _(a) && e.add(a), n = r(), B.currentDependencyTracker = p;
+  }, a && typeof a == "function" && !_(a) || a && _(a) && e.add(a), n = r(), B.currentDependencyTracker = d;
   const m = new Ct(n), g = [
     ...e
   ].map((b) => {
@@ -2602,21 +2602,21 @@ function no(s, t) {
   let y;
   g.length > 0 ? y = we(g).pipe(Ut(() => !i), ci(() => {
     const b = r();
-    return c ? c(n, b) || (n = b, d = !1) : n !== b && (n = b, d = !1), n;
+    return c ? c(n, b) || (n = b, p = !1) : n !== b && (n = b, p = !1), n;
   })) : y = m.asObservable().pipe(Ut(() => !i));
   const v = /* @__PURE__ */ D(function() {
-    if (mi(v), d && e.size > 0) {
+    if (mi(v), p && e.size > 0) {
       if (u !== h) {
         const b = r();
-        return d = !1, o = void 0, n = b, u = null, b;
+        return p = !1, o = void 0, n = b, u = null, b;
       }
       return o;
     }
-    return d ? o : (e.size === 0 && (n = r()), n);
+    return p ? o : (e.size === 0 && (n = r()), n);
   }, "fn");
   return v.observable = new I((b) => {
     const w = y.subscribe((S) => {
-      e.size > 0 && (h++, d = !1, u = null), n = S, b.next(S);
+      e.size > 0 && (h++, p = !1, u = null), n = S, b.next(S);
     });
     let x;
     return e.size === 0 && (x = m.pipe(Ut(() => !i)).subscribe((S) => {
@@ -2626,7 +2626,7 @@ function no(s, t) {
     };
   }), v.subscription = v.observable.subscribe(() => {
   }), v.dependencies = e, v._subject = m, v.set = (b) => {
-    d || (u = h, l && a && (f = {
+    p || (u = h, l && a && (f = {
       source: Xs(() => {
         if (typeof a == "function") {
           const x = a;
@@ -2635,7 +2635,7 @@ function no(s, t) {
         return a();
       }),
       value: b
-    })), d = !0, o = b, n = b, m.next(b);
+    })), p = !0, o = b, n = b, m.next(b);
   }, B.currentSubscriptionsTracker?.(v.subscription), i = !1, v;
 }
 D(no, "linkedSignal");
@@ -2650,7 +2650,7 @@ function Xs(s) {
 }
 D(Xs, "untracked");
 function H(s) {
-  return s.isEffect = !0, K(s);
+  return s.isEffect = !0, q(s);
 }
 D(H, "effect");
 function Ys(s, t) {
@@ -2663,21 +2663,21 @@ function Ys(s, t) {
 }
 var is = function() {
 };
-const $e = (s, t, e) => Math.min(Math.max(e, s), t), je = 1e-3, ro = 0.01, oo = 10, ao = 0.05, lo = 1;
+const Ke = (s, t, e) => Math.min(Math.max(e, s), t), je = 1e-3, ro = 0.01, oo = 10, ao = 0.05, lo = 1;
 function ho({ duration: s = 800, bounce: t = 0.25, velocity: e = 0, mass: i = 1 }) {
   let n, r, a = 1 - t;
-  a = $e(ao, lo, a), s = $e(ro, oo, s / 1e3), a < 1 ? (n = (f) => {
-    const d = f * a, o = d * s, h = d - e, u = Je(f, a), p = Math.exp(-o);
-    return je - h / u * p;
+  a = Ke(ao, lo, a), s = Ke(ro, oo, s / 1e3), a < 1 ? (n = (f) => {
+    const p = f * a, o = p * s, h = p - e, u = Je(f, a), d = Math.exp(-o);
+    return je - h / u * d;
   }, r = (f) => {
-    const o = f * a * s, h = o * e + e, u = Math.pow(a, 2) * Math.pow(f, 2) * s, p = Math.exp(-o), m = Je(Math.pow(f, 2), a);
-    return (-n(f) + je > 0 ? -1 : 1) * ((h - u) * p) / m;
+    const o = f * a * s, h = o * e + e, u = Math.pow(a, 2) * Math.pow(f, 2) * s, d = Math.exp(-o), m = Je(Math.pow(f, 2), a);
+    return (-n(f) + je > 0 ? -1 : 1) * ((h - u) * d) / m;
   }) : (n = (f) => {
-    const d = Math.exp(-f * s), o = (f - e) * s + 1;
-    return -je + d * o;
+    const p = Math.exp(-f * s), o = (f - e) * s + 1;
+    return -je + p * o;
   }, r = (f) => {
-    const d = Math.exp(-f * s), o = (e - f) * (s * s);
-    return d * o;
+    const p = Math.exp(-f * s), o = (e - f) * (s * s);
+    return p * o;
   });
   const l = 5 / s, c = uo(n, r, l);
   if (s = s * 1e3, isNaN(c))
@@ -2720,15 +2720,15 @@ function mo(s) {
 function yi(s) {
   var { from: t = 0, to: e = 1, restSpeed: i = 2, restDelta: n } = s, r = Ys(s, ["from", "to", "restSpeed", "restDelta"]);
   const a = { done: !1, value: t };
-  let { stiffness: l, damping: c, mass: f, velocity: d, duration: o, isResolvedFromDuration: h } = mo(r), u = ns, p = ns;
+  let { stiffness: l, damping: c, mass: f, velocity: p, duration: o, isResolvedFromDuration: h } = mo(r), u = ns, d = ns;
   function m() {
-    const g = d ? -(d / 1e3) : 0, y = e - t, v = c / (2 * Math.sqrt(l * f)), b = Math.sqrt(l / f) / 1e3;
+    const g = p ? -(p / 1e3) : 0, y = e - t, v = c / (2 * Math.sqrt(l * f)), b = Math.sqrt(l / f) / 1e3;
     if (n === void 0 && (n = Math.min(Math.abs(e - t) / 100, 0.4)), v < 1) {
       const w = Je(b, v);
       u = (x) => {
         const S = Math.exp(-v * b * x);
         return e - S * ((g + v * b * y) / w * Math.sin(w * x) + y * Math.cos(w * x));
-      }, p = (x) => {
+      }, d = (x) => {
         const S = Math.exp(-v * b * x);
         return v * b * S * (Math.sin(w * x) * (g + v * b * y) / w + y * Math.cos(w * x)) - S * (Math.cos(w * x) * (g + v * b * y) - w * y * Math.sin(w * x));
       };
@@ -2748,21 +2748,21 @@ function yi(s) {
       if (h)
         a.done = g >= o;
       else {
-        const v = p(g) * 1e3, b = Math.abs(v) <= i, w = Math.abs(e - y) <= n;
+        const v = d(g) * 1e3, b = Math.abs(v) <= i, w = Math.abs(e - y) <= n;
         a.done = b && w;
       }
       return a.value = a.done ? e : y, a;
     },
     flipTarget: () => {
-      d = -d, [t, e] = [e, t], m();
+      p = -p, [t, e] = [e, t], m();
     }
   };
 }
 yi.needsInterpolation = (s, t) => typeof s == "string" || typeof t == "string";
-const ns = (s) => 0, qs = (s, t, e) => {
+const ns = (s) => 0, $s = (s, t, e) => {
   const i = t - s;
   return i === 0 ? 1 : (e - s) / i;
-}, gi = (s, t, e) => -e * s + e * t + s, Ks = (s, t) => (e) => Math.max(Math.min(e, t), s), Gt = (s) => s % 1 ? Number(s.toFixed(5)) : s, me = /(-)?([\d]*\.?[\d])+/g, Ze = /(#[0-9a-f]{6}|#[0-9a-f]{3}|#(?:[0-9a-f]{2}){2,4}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2}(-?[\d\.]+%?)\s*[\,\/]?\s*[\d\.]*%?\))/gi, yo = /^(#[0-9a-f]{3}|#(?:[0-9a-f]{2}){2,4}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2}(-?[\d\.]+%?)\s*[\,\/]?\s*[\d\.]*%?\))$/i;
+}, gi = (s, t, e) => -e * s + e * t + s, qs = (s, t) => (e) => Math.max(Math.min(e, t), s), Gt = (s) => s % 1 ? Number(s.toFixed(5)) : s, me = /(-)?([\d]*\.?[\d])+/g, Ze = /(#[0-9a-f]{6}|#[0-9a-f]{3}|#(?:[0-9a-f]{2}){2,4}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2}(-?[\d\.]+%?)\s*[\,\/]?\s*[\d\.]*%?\))/gi, yo = /^(#[0-9a-f]{3}|#(?:[0-9a-f]{2}){2,4}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2}(-?[\d\.]+%?)\s*[\,\/]?\s*[\d\.]*%?\))$/i;
 function ie(s) {
   return typeof s == "string";
 }
@@ -2770,7 +2770,7 @@ const _e = {
   test: (s) => typeof s == "number",
   parse: parseFloat,
   transform: (s) => s
-}, $s = Object.assign(Object.assign({}, _e), { transform: Ks(0, 1) });
+}, Ks = Object.assign(Object.assign({}, _e), { transform: qs(0, 1) });
 Object.assign(Object.assign({}, _e), { default: 1 });
 const go = (s) => ({
   test: (t) => ie(t) && t.endsWith(s) && t.split(" ").length === 1,
@@ -2791,11 +2791,11 @@ const vi = (s, t) => (e) => !!(ie(e) && yo.test(e) && e.startsWith(s) || t && Ob
 }, xt = {
   test: vi("hsl", "hue"),
   parse: Js("hue", "saturation", "lightness"),
-  transform: ({ hue: s, saturation: t, lightness: e, alpha: i = 1 }) => "hsla(" + Math.round(s) + ", " + Xt.transform(Gt(t)) + ", " + Xt.transform(Gt(e)) + ", " + Gt($s.transform(i)) + ")"
-}, vo = Ks(0, 255), Re = Object.assign(Object.assign({}, _e), { transform: (s) => Math.round(vo(s)) }), dt = {
+  transform: ({ hue: s, saturation: t, lightness: e, alpha: i = 1 }) => "hsla(" + Math.round(s) + ", " + Xt.transform(Gt(t)) + ", " + Xt.transform(Gt(e)) + ", " + Gt(Ks.transform(i)) + ")"
+}, vo = qs(0, 255), Re = Object.assign(Object.assign({}, _e), { transform: (s) => Math.round(vo(s)) }), pt = {
   test: vi("rgb", "red"),
   parse: Js("red", "green", "blue"),
-  transform: ({ red: s, green: t, blue: e, alpha: i = 1 }) => "rgba(" + Re.transform(s) + ", " + Re.transform(t) + ", " + Re.transform(e) + ", " + Gt($s.transform(i)) + ")"
+  transform: ({ red: s, green: t, blue: e, alpha: i = 1 }) => "rgba(" + Re.transform(s) + ", " + Re.transform(t) + ", " + Re.transform(e) + ", " + Gt(Ks.transform(i)) + ")"
 };
 function bo(s) {
   let t = "", e = "", i = "", n = "";
@@ -2809,11 +2809,11 @@ function bo(s) {
 const Qe = {
   test: vi("#"),
   parse: bo,
-  transform: dt.transform
+  transform: pt.transform
 }, Se = {
-  test: (s) => dt.test(s) || Qe.test(s) || xt.test(s),
-  parse: (s) => dt.test(s) ? dt.parse(s) : xt.test(s) ? xt.parse(s) : Qe.parse(s),
-  transform: (s) => ie(s) ? s : s.hasOwnProperty("red") ? dt.transform(s) : xt.transform(s)
+  test: (s) => pt.test(s) || Qe.test(s) || xt.test(s),
+  parse: (s) => pt.test(s) ? pt.parse(s) : xt.test(s) ? xt.parse(s) : Qe.parse(s),
+  transform: (s) => ie(s) ? s : s.hasOwnProperty("red") ? pt.transform(s) : xt.transform(s)
 }, Zs = "${c}", Qs = "${n}";
 function wo(s) {
   var t, e, i, n;
@@ -2868,9 +2868,9 @@ function rs({ hue: s, saturation: t, lightness: e, alpha: i }) {
 const So = (s, t, e) => {
   const i = s * s, n = t * t;
   return Math.sqrt(Math.max(0, e * (n - i) + i));
-}, Ao = [Qe, dt, xt], os = (s) => Ao.find((t) => t.test(s)), rn = (s, t) => {
+}, Ao = [Qe, pt, xt], os = (s) => Ao.find((t) => t.test(s)), rn = (s, t) => {
   let e = os(s), i = os(t), n = e.parse(s), r = i.parse(t);
-  e === xt && (n = rs(n), e = dt), i === xt && (r = rs(r), i = dt);
+  e === xt && (n = rs(n), e = pt), i === xt && (r = rs(r), i = pt);
   const a = Object.assign({}, n);
   return (l) => {
     for (const c in a)
@@ -2932,7 +2932,7 @@ function Eo(s, t, e) {
   return i;
 }
 function Oo([s, t], [e]) {
-  return (i) => e(qs(s, t, i));
+  return (i) => e($s(s, t, i));
 }
 function Io(s, t) {
   const e = s.length, i = e - 1;
@@ -2944,7 +2944,7 @@ function Io(s, t) {
         ;
       r = c - 1;
     }
-    const l = qs(s[r], s[r + 1], n);
+    const l = $s(s[r], s[r + 1], n);
     return t[r](l);
   };
 }
@@ -2952,21 +2952,21 @@ function cn(s, t, { clamp: e = !0, ease: i, mixer: n } = {}) {
   const r = s.length;
   is(r === t.length), is(!i || !Array.isArray(i) || i.length === r - 1), s[0] > s[r - 1] && (s = [].concat(s), t = [].concat(t), s.reverse(), t.reverse());
   const a = Eo(t, i, n), l = r === 2 ? Oo(s, a) : Io(s, a);
-  return e ? (c) => l($e(s[0], s[r - 1], c)) : l;
+  return e ? (c) => l(Ke(s[0], s[r - 1], c)) : l;
 }
 const Ae = (s) => (t) => 1 - s(1 - t), bi = (s) => (t) => t <= 0.5 ? s(2 * t) / 2 : (2 - s(2 * (1 - t))) / 2, Do = (s) => (t) => Math.pow(t, s), un = (s) => (t) => t * t * ((s + 1) * t - s), Lo = (s) => {
   const t = un(s);
   return (e) => (e *= 2) < 1 ? 0.5 * t(e) : 0.5 * (2 - Math.pow(2, -10 * (e - 1)));
-}, fn = 1.525, Fo = 4 / 11, Ho = 8 / 11, Wo = 9 / 10, jo = (s) => s, wi = Do(2), Ro = Ae(wi), pn = bi(wi), dn = (s) => 1 - Math.sin(Math.acos(s)), mn = Ae(dn), Bo = bi(mn), xi = un(fn), No = Ae(xi), Vo = bi(xi), zo = Lo(fn), Uo = 4356 / 361, Go = 35442 / 1805, Xo = 16061 / 1805, ye = (s) => {
+}, fn = 1.525, Fo = 4 / 11, Ho = 8 / 11, Wo = 9 / 10, jo = (s) => s, wi = Do(2), Ro = Ae(wi), dn = bi(wi), pn = (s) => 1 - Math.sin(Math.acos(s)), mn = Ae(pn), Bo = bi(mn), xi = un(fn), No = Ae(xi), zo = bi(xi), Vo = Lo(fn), Uo = 4356 / 361, Go = 35442 / 1805, Xo = 16061 / 1805, ye = (s) => {
   if (s === 1 || s === 0)
     return s;
   const t = s * s;
   return s < Fo ? 7.5625 * t : s < Ho ? 9.075 * t - 9.9 * s + 3.4 : s < Wo ? Uo * t - Go * s + Xo : 10.8 * s * s - 20.52 * s + 10.72;
-}, Yo = Ae(ye), qo = (s) => s < 0.5 ? 0.5 * (1 - ye(1 - s * 2)) : 0.5 * ye(s * 2 - 1) + 0.5;
-function Ko(s, t) {
-  return s.map(() => t || pn).splice(0, s.length - 1);
+}, Yo = Ae(ye), $o = (s) => s < 0.5 ? 0.5 * (1 - ye(1 - s * 2)) : 0.5 * ye(s * 2 - 1) + 0.5;
+function qo(s, t) {
+  return s.map(() => t || dn).splice(0, s.length - 1);
 }
-function $o(s) {
+function Ko(s) {
   const t = s.length;
   return s.map((e, i) => i !== 0 ? i / (t - 1) : 0);
 }
@@ -2974,15 +2974,15 @@ function Jo(s, t) {
   return s.map((e) => e * t);
 }
 function ue({ from: s = 0, to: t = 1, ease: e, offset: i, duration: n = 300 }) {
-  const r = { done: !1, value: s }, a = Array.isArray(t) ? t : [s, t], l = Jo(i && i.length === a.length ? i : $o(a), n);
+  const r = { done: !1, value: s }, a = Array.isArray(t) ? t : [s, t], l = Jo(i && i.length === a.length ? i : Ko(a), n);
   function c() {
     return cn(l, a, {
-      ease: Array.isArray(e) ? e : Ko(a, e)
+      ease: Array.isArray(e) ? e : qo(a, e)
     });
   }
   let f = c();
   return {
-    next: (d) => (r.value = f(d), r.done = d >= n, r),
+    next: (p) => (r.value = f(p), r.done = p >= n, r),
     flipTarget: () => {
       a.reverse(), f = c();
     }
@@ -2993,8 +2993,8 @@ function Zo({ velocity: s = 0, from: t = 0, power: e = 0.8, timeConstant: i = 35
   let l = e * s;
   const c = t + l, f = r === void 0 ? c : r(c);
   return f !== c && (l = f - t), {
-    next: (d) => {
-      const o = -l * Math.exp(-d / i);
+    next: (p) => {
+      const o = -l * Math.exp(-p / i);
       return a.done = !(o > n || o < -n), a.value = a.done ? f : f + o, a;
     },
     flipTarget: () => {
@@ -3014,8 +3014,8 @@ const yn = 1 / 60 * 1e3, ta = typeof performance < "u" ? () => performance.now()
 function ea(s) {
   let t = [], e = [], i = 0, n = !1, r = !1;
   const a = /* @__PURE__ */ new WeakSet(), l = {
-    schedule: (c, f = !1, d = !1) => {
-      const o = d && n, h = o ? t : e;
+    schedule: (c, f = !1, p = !1) => {
+      const o = p && n, h = o ? t : e;
       return f && a.add(c), h.indexOf(c) === -1 && (h.push(c), o && n && (i = t.length)), c;
     },
     cancel: (c) => {
@@ -3029,8 +3029,8 @@ function ea(s) {
       }
       if (n = !0, [t, e] = [e, t], e.length = 0, i = t.length, i)
         for (let f = 0; f < i; f++) {
-          const d = t[f];
-          d(c), a.has(d) && (l.schedule(d), s());
+          const p = t[f];
+          p(c), a.has(p) && (l.schedule(p), s());
         }
       n = !1, r && (r = !1, l.process(c));
     }
@@ -3075,7 +3075,7 @@ const ha = (s) => {
   };
 };
 function wn(s) {
-  var t, e, { from: i, autoplay: n = !0, driver: r = ha, elapsed: a = 0, repeat: l = 0, repeatType: c = "loop", repeatDelay: f = 0, onPlay: d, onStop: o, onComplete: h, onRepeat: u, onUpdate: p } = s, m = Ys(s, ["from", "autoplay", "driver", "elapsed", "repeat", "repeatType", "repeatDelay", "onPlay", "onStop", "onComplete", "onRepeat", "onUpdate"]);
+  var t, e, { from: i, autoplay: n = !0, driver: r = ha, elapsed: a = 0, repeat: l = 0, repeatType: c = "loop", repeatDelay: f = 0, onPlay: p, onStop: o, onComplete: h, onRepeat: u, onUpdate: d } = s, m = Ys(s, ["from", "autoplay", "driver", "elapsed", "repeat", "repeatType", "repeatDelay", "onPlay", "onStop", "onComplete", "onRepeat", "onUpdate"]);
   let { to: g } = m, y, v = 0, b = m.duration, w, x = !1, S = !0, C;
   const M = Qo(m);
   !((e = (t = M).needsInterpolation) === null || e === void 0) && e.call(t, i, g) && (C = cn([0, 100], [i, g], {
@@ -3093,10 +3093,10 @@ function wn(s) {
       const it = A.next(Math.max(0, a));
       w = it.value, C && (w = C(w)), x = S ? it.done : a <= 0;
     }
-    p?.(w), x && (v === 0 && (b ?? (b = a)), v < l ? la(a, b, f, S) && L() : j());
+    d?.(w), x && (v === 0 && (b ?? (b = a)), v < l ? la(a, b, f, S) && L() : j());
   }
   function ut() {
-    d?.(), y = r(Nt), y.start();
+    p?.(), y = r(Nt), y.start();
   }
   return n && ut(), {
     stop: () => {
@@ -3140,21 +3140,21 @@ function xn(s, t = {}) {
   let n = null, r = !1;
   const a = P(s), l = P(e);
   H(() => {
-    const d = l();
-    a.set(d.current);
+    const p = l();
+    a.set(p.current);
   });
-  function c(d, o = {}) {
-    if (d === void 0)
+  function c(p, o = {}) {
+    if (p === void 0)
       return l();
     const h = l(), u = {
       current: h.current,
       start: h.current,
-      end: d
+      end: p
     };
     l.set(u), n && (n.stop(), n = null), r = !1;
-    const p = { ...t, ...o }, m = p.duration ?? i, g = p.ease ?? ((w) => w);
-    p.tick || ua();
-    const y = h.current, v = d, b = o.onComplete ?? t.onComplete;
+    const d = { ...t, ...o }, m = d.duration ?? i, g = d.ease ?? ((w) => w);
+    d.tick || ua();
+    const y = h.current, v = p, b = o.onComplete ?? t.onComplete;
     n = wn({
       from: y,
       to: v,
@@ -3163,7 +3163,7 @@ function xn(s, t = {}) {
       onUpdate: (w) => {
         if (r) return;
         const x = w;
-        l.update((S) => ({ ...S, current: x })), p.onUpdate?.(x), o.onUpdate?.(x);
+        l.update((S) => ({ ...S, current: x })), d.onUpdate?.(x), o.onUpdate?.(x);
       },
       onComplete: () => {
         l.update((w) => ({ ...w, current: v })), b?.();
@@ -3173,13 +3173,13 @@ function xn(s, t = {}) {
   const f = function() {
     return l().current;
   };
-  for (const d in a)
-    f[d] = a[d];
-  return f.animatedState = l, f.update = (d) => {
-    c(d(l().current));
-  }, f.set = async (d, o = {}) => new Promise((h) => {
+  for (const p in a)
+    f[p] = a[p];
+  return f.animatedState = l, f.update = (p) => {
+    c(p(l().current));
+  }, f.set = async (p, o = {}) => new Promise((h) => {
     const u = o.onComplete;
-    c(d, {
+    c(p, {
       ...o,
       onComplete: () => {
         u ? u() : t.onComplete && t.onComplete(), h();
@@ -3190,8 +3190,8 @@ function xn(s, t = {}) {
   }, f.resume = () => {
     if (!r) return;
     r = !1;
-    const d = l();
-    d.current !== d.end && c(d.end, t);
+    const p = l();
+    p.current !== p.end && c(p.end, t);
   }, f;
 }
 async function Yl(s) {
@@ -3200,7 +3200,7 @@ async function Yl(s) {
 }
 const ii = {}, G = (s) => s && typeof s == "object" && "tag" in s && "props" in s && "componentInstance" in s, hs = (s) => typeof s == "string" || typeof s == "number" || typeof s == "boolean" || s === null || s === void 0, fa = {
   Sprite: "DOMSprite"
-}, pa = /* @__PURE__ */ new Set(["DOMContainer", "DOMElement", "DOMSprite"]), da = /* @__PURE__ */ new Set([
+}, da = /* @__PURE__ */ new Set(["DOMContainer", "DOMElement", "DOMSprite"]), pa = /* @__PURE__ */ new Set([
   "Canvas",
   "Container",
   "Graphics",
@@ -3232,7 +3232,7 @@ const ii = {}, G = (s) => s && typeof s == "object" && "tag" in s && "props" in
 }, ya = (s) => {
   s.propSubscriptions?.forEach((t) => t.unsubscribe()), s.effectSubscriptions?.forEach((t) => t.unsubscribe()), s.effectUnmounts?.forEach((t) => t?.());
 }, Mt = (s, t) => {
-  if (!ma(s) || pa.has(t.tag))
+  if (!ma(s) || da.has(t.tag))
     return t;
   const e = fa[t.tag];
   if (e) {
@@ -3240,7 +3240,7 @@ const ii = {}, G = (s) => s && typeof s == "object" && "tag" in s && "props" in
     const i = t.propObservables ?? t.props;
     return N(e, i);
   }
-  if (da.has(t.tag))
+  if (pa.has(t.tag))
     throw new Error(
       `Component ${t.tag} is not implemented for DOMContainer context yet. Only Sprite is supported.`
     );
@@ -3294,15 +3294,15 @@ function Ne(s, t) {
   };
   Object.values(s.propObservables).forEach(e);
 }
-function V(s) {
+function z(s) {
   if (Array.isArray(s)) {
-    s.forEach((t) => V(t));
+    s.forEach((t) => z(t));
     return;
   }
   if (s) {
     if (s.props?.children)
       for (let t of s.props.children)
-        V(t);
+        z(t);
     for (let t in s.directives)
       s.directives[t].onDestroy?.(s);
     s.componentInstance && s.componentInstance.onDestroy ? s.componentInstance.onDestroy(s.parent, () => {
@@ -3329,28 +3329,28 @@ function N(s, t) {
     effectSubscriptions: [],
     effectMounts: [],
     destroy() {
-      V(this);
+      z(this);
     },
     allElements: new At(),
     isFrozen: !1
   };
   if (t) {
-    const d = (o, h = "") => {
-      const u = (p, m, g) => {
-        if (p == "") {
+    const p = (o, h = "") => {
+      const u = (d, m, g) => {
+        if (d == "") {
           i.props[m] = g;
           return;
         }
-        qe(i.props, p + "." + m, g);
+        $e(i.props, d + "." + m, g);
       };
-      Object.entries(o).forEach(([p, m]) => {
+      Object.entries(o).forEach(([d, m]) => {
         if (_(m)) {
           const g = m;
           if ("dependencies" in g && g.dependencies.size == 0) {
-            u(h, p, g()), p === "freeze" && (i.isFrozen = g() === !0);
+            u(h, d, g()), d === "freeze" && (i.isFrozen = g() === !0);
             return;
           }
-          if (p === "freeze") {
+          if (d === "freeze") {
             i.isFrozen = g() === !0, Ne(i, i.isFrozen), i.propSubscriptions.push(
               g.observable.subscribe((y) => {
                 const v = i.isFrozen;
@@ -3365,44 +3365,44 @@ function N(s, t) {
                 Zt(g) && g.pause();
                 return;
               }
-              if (Zt(g) && g.resume(), u(h, p, y), i.directives[p] && i.directives[p].onUpdate?.(y, i), p == "tick")
+              if (Zt(g) && g.resume(), u(h, d, y), i.directives[d] && i.directives[d].onUpdate?.(y, i), d == "tick")
                 return ot(i), void 0;
               e.onUpdate?.(
                 h == "" ? {
-                  [p]: y
-                } : qe({}, h + "." + p, y)
+                  [d]: y
+                } : $e({}, h + "." + d, y)
               );
             })
           );
         } else
-          p === "freeze" && (i.isFrozen = m === !0, Ne(i, i.isFrozen)), xe(m) && p != "context" && !G(m) ? d(m, (h ? h + "." : "") + p) : u(h, p, m);
+          d === "freeze" && (i.isFrozen = m === !0, Ne(i, i.isFrozen)), xe(m) && d != "context" && !G(m) ? p(m, (h ? h + "." : "") + d) : u(h, d, m);
       });
     };
-    d(t);
+    p(t);
   }
   e.onInit?.(i.props);
   const n = new At();
   if (t?.isRoot && (i.allElements = n, i.props.context.rootElement = i, i.componentInstance.onMount?.(i), c(i)), t)
-    for (let d in t) {
-      const o = di(i, d);
-      o && (i.directives[d] = o);
+    for (let p in t) {
+      const o = pi(i, p);
+      o && (i.directives[p] = o);
     }
-  function r(d, o, h, u) {
-    const p = h.filter((y) => _(y));
-    if (h.filter((y) => yt(y)), p.length === 0)
+  function r(p, o, h, u) {
+    const d = h.filter((y) => _(y));
+    if (h.filter((y) => yt(y)), d.length === 0)
       return;
-    const m = p.map((y) => y.observable), g = we(m).subscribe(
+    const m = d.map((y) => y.observable), g = we(m).subscribe(
       async () => {
         if (await ge(h)) {
           g.unsubscribe();
           const v = o.propSubscriptions.indexOf(g);
-          v > -1 && o.propSubscriptions.splice(v, 1), a(d, o, u), c(o);
+          v > -1 && o.propSubscriptions.splice(v, 1), a(p, o, u), c(o);
         }
       }
     );
     o.propSubscriptions.push(g);
   }
-  function a(d, o, h) {
+  function a(p, o, h) {
     o.componentInstance.onMount?.(o, h);
     for (let u in o.directives)
       o.directives[u].onMount?.(o);
@@ -3410,49 +3410,49 @@ function N(s, t) {
       o.effectUnmounts.push(u(o));
     });
   }
-  async function l(d, o, h) {
-    let u = d;
+  async function l(p, o, h) {
+    let u = p;
     for (; u?.tag === "fragment"; )
       u = u.parent;
     if (o.props.context = u.props.context, o.parent = u, !o.propObservables?.freeze && !o.props?.freeze && ot(u) && (o.isFrozen = !0), o.props.dependencies && Array.isArray(o.props.dependencies)) {
-      const p = o.props.dependencies;
-      if (!await ge(p)) {
-        r(u, o, p, h);
+      const d = o.props.dependencies;
+      if (!await ge(d)) {
+        r(u, o, d, h);
         return;
       }
     }
     a(u, o, h);
   }
-  async function c(d) {
-    if (d.props.attach && (_(d.propObservables?.attach) ? await new Promise((h) => {
+  async function c(p) {
+    if (p.props.attach && (_(p.propObservables?.attach) ? await new Promise((h) => {
       let u = null;
-      d.propSubscriptions.push(d.propObservables.attach.observable.subscribe(async (p) => {
-        const m = p?.value ?? p;
+      p.propSubscriptions.push(p.propObservables.attach.observable.subscribe(async (d) => {
+        const m = d?.value ?? d;
         if (!m)
-          throw new Error(`attach in ${d.tag} is undefined or null, add a component`);
-        u && V(u), u = m, await f(d, m), h(void 0);
+          throw new Error(`attach in ${p.tag} is undefined or null, add a component`);
+        u && z(u), u = m, await f(p, m), h(void 0);
       }));
-    }) : d.props.children.push(d.props.attach)), !!d.props.children)
-      for (let o of d.props.children)
-        o && await f(d, o);
+    }) : p.props.children.push(p.props.attach)), !!p.props.children)
+      for (let o of p.props.children)
+        o && await f(p, o);
   }
-  async function f(d, o) {
+  async function f(p, o) {
     if (yt(o) && (o = await o), o instanceof I) {
       const h = o.subscribe(
         (u) => {
           if (u && typeof u == "object" && "elements" in u) {
             const {
-              elements: p,
+              elements: d,
               prev: m
-            } = u, g = p.filter((y) => y !== null);
+            } = u, g = d.filter((y) => y !== null);
             if (m) {
               g.forEach(async (y) => {
-                const v = d.props.children.indexOf(m.props.key);
+                const v = p.props.children.indexOf(m.props.key);
                 if (y instanceof I)
-                  await f(d, y);
+                  await f(p, y);
                 else if (G(y)) {
-                  const b = Mt(d, y);
-                  l(d, b, v + 1), c(b);
+                  const b = Mt(p, y);
+                  l(p, b, v + 1), c(b);
                 }
               });
               return;
@@ -3461,42 +3461,42 @@ function N(s, t) {
               if (Array.isArray(y))
                 y.forEach(async (v) => {
                   if (v instanceof I)
-                    await f(d, v);
+                    await f(p, v);
                   else if (G(v)) {
-                    const b = Mt(d, v);
-                    l(d, b), c(b);
+                    const b = Mt(p, v);
+                    l(p, b), c(b);
                   }
                 });
               else if (y instanceof I)
-                await f(d, y);
+                await f(p, y);
               else if (G(y)) {
-                const v = Mt(d, y);
-                l(d, v), c(v);
+                const v = Mt(p, y);
+                l(p, v), c(v);
               }
             });
           } else if (G(u)) {
-            const p = Mt(d, u);
-            l(d, p), c(p);
-          } else Array.isArray(u) && u.forEach(async (p) => {
-            if (p instanceof I)
-              await f(d, p);
-            else if (G(p)) {
-              const m = Mt(d, p);
-              l(d, m), c(m);
+            const d = Mt(p, u);
+            l(p, d), c(d);
+          } else Array.isArray(u) && u.forEach(async (d) => {
+            if (d instanceof I)
+              await f(p, d);
+            else if (G(d)) {
+              const m = Mt(p, d);
+              l(p, m), c(m);
             }
           });
           n.next(void 0);
         }
       );
-      d.effectSubscriptions.push(h);
+      p.effectSubscriptions.push(h);
     } else if (G(o)) {
-      const h = Mt(d, o);
-      l(d, h), await c(h);
+      const h = Mt(p, o);
+      l(p, h), await c(h);
     }
   }
   return i;
 }
-function ql(s, t) {
+function $l(s, t) {
   return ee(s) && s.dependencies.size == 0 ? s = P(s()) : _(s) || (s = P(s)), Hr(() => {
     let e = [], i = /* @__PURE__ */ new Map(), n = !0;
     const r = (l) => l ? G(l) ? l : {
@@ -3511,7 +3511,7 @@ function ql(s, t) {
       parent: null,
       directives: {},
       destroy() {
-        V(this);
+        z(this);
       },
       allElements: new At(),
       isFrozen: !1
@@ -3522,30 +3522,30 @@ function ql(s, t) {
           n = !1, e.forEach((h) => h.destroy()), e = [], i.clear();
           const o = s();
           o && o.forEach((h, u) => {
-            const p = r(t(h, u));
-            p && (e.push(p), i.set(u, p));
+            const d = r(t(h, u));
+            d && (e.push(d), i.set(u, d));
           }), l.next({
             elements: [...e]
           });
           return;
         }
-        const d = Array.isArray(f) || f && typeof f == "object" && !("type" in f);
-        if (f.type === "init" || f.type === "reset" || d) {
-          e.forEach((h) => V(h)), e = [], i.clear();
+        const p = Array.isArray(f) || f && typeof f == "object" && !("type" in f);
+        if (f.type === "init" || f.type === "reset" || p) {
+          e.forEach((h) => z(h)), e = [], i.clear();
           const o = s();
           o && o.forEach((h, u) => {
-            const p = r(t(h, u));
-            p && (e.push(p), i.set(u, p));
+            const d = r(t(h, u));
+            d && (e.push(d), i.set(u, d));
           });
         } else if (f.type === "add" && f.index !== void 0) {
           const o = f.items.map((h, u) => {
-            const p = r(t(h, f.index + u));
-            return p && i.set(f.index + u, p), p;
+            const d = r(t(h, f.index + u));
+            return d && i.set(f.index + u, d), d;
           }).filter((h) => h !== null);
           e.splice(f.index, 0, ...o);
         } else if (f.type === "remove" && f.index !== void 0)
           e.splice(f.index, 1).forEach((h) => {
-            V(h), i.delete(f.index);
+            z(h), i.delete(f.index);
           });
         else if (f.type === "update" && f.index !== void 0 && f.items.length === 1) {
           const o = f.index, h = f.items[0];
@@ -3554,9 +3554,9 @@ function ql(s, t) {
             u ? (e.splice(o, 0, u), i.set(o, u)) : console.warn(`Element creation returned null for index ${o} during add-like update.`);
           } else {
             const u = e[o];
-            V(u);
-            const p = r(t(h, o));
-            p ? (e[o] = p, i.set(o, p)) : (e.splice(o, 1), i.delete(o));
+            z(u);
+            const d = r(t(h, o));
+            d ? (e[o] = d, i.set(o, d)) : (e.splice(o, 1), i.delete(o));
           }
         }
         l.next({
@@ -3564,41 +3564,41 @@ function ql(s, t) {
           // Create a new array to ensure change detection
         });
       }) : s.observable.subscribe((f) => {
-        const d = f.key;
+        const p = f.key;
         if (n) {
-          n = !1, e.forEach((h) => V(h)), e = [], i.clear();
+          n = !1, e.forEach((h) => z(h)), e = [], i.clear();
           const o = s();
           o && Object.entries(o).forEach(([h, u]) => {
-            const p = r(t(u, h));
-            p && (e.push(p), i.set(h, p));
+            const d = r(t(u, h));
+            d && (e.push(d), i.set(h, d));
           }), l.next({
             elements: [...e]
           });
           return;
         }
         if (f.type === "init" || f.type === "reset") {
-          e.forEach((h) => V(h)), e = [], i.clear();
+          e.forEach((h) => z(h)), e = [], i.clear();
           const o = s();
           o && Object.entries(o).forEach(([h, u]) => {
-            const p = r(t(u, h));
-            p && (e.push(p), i.set(h, p));
+            const d = r(t(u, h));
+            d && (e.push(d), i.set(h, d));
           });
         } else if (f.type === "add" && f.key && f.value !== void 0) {
-          const o = r(t(f.value, d));
-          o && (e.push(o), i.set(d, o));
+          const o = r(t(f.value, p));
+          o && (e.push(o), i.set(p, o));
         } else if (f.type === "remove" && f.key) {
-          const o = e.findIndex((h) => i.get(d) === h);
+          const o = e.findIndex((h) => i.get(p) === h);
           if (o !== -1) {
             const [h] = e.splice(o, 1);
-            V(h), i.delete(d);
+            z(h), i.delete(p);
           }
         } else if (f.type === "update" && f.key && f.value !== void 0) {
-          const o = e.findIndex((h) => i.get(d) === h);
+          const o = e.findIndex((h) => i.get(p) === h);
           if (o !== -1) {
             const h = e[o];
-            V(h);
-            const u = r(t(f.value, d));
-            u && (e[o] = u, i.set(d, u));
+            z(h);
+            const u = r(t(f.value, p));
+            u && (e[o] = u, i.set(p, u));
           }
         }
         l.next({
@@ -3607,16 +3607,16 @@ function ql(s, t) {
         });
       });
       return () => {
-        c.unsubscribe(), e.forEach((f) => V(f));
+        c.unsubscribe(), e.forEach((f) => z(f));
       };
     });
   }).pipe(jr({ bufferSize: 1, refCount: !0 }));
 }
-function Kl(s, t, ...e) {
+function ql(s, t, ...e) {
   let i = null, n = -1;
   const r = [];
   let a = null;
-  const l = (f) => _(f) ? f : typeof f == "function" ? K(f) : P(f);
+  const l = (f) => _(f) ? f : typeof f == "function" ? q(f) : P(f);
   for (const f of e)
     if (Array.isArray(f))
       r.push({
@@ -3632,7 +3632,7 @@ function Kl(s, t, ...e) {
     ...r
   ];
   return new I((f) => {
-    const d = [], o = () => {
+    const p = [], o = () => {
       let h = -1;
       for (let m = 0; m < c.length; m++) {
         const g = c[m].condition;
@@ -3641,11 +3641,11 @@ function Kl(s, t, ...e) {
           break;
         }
       }
-      const u = h === -1 && a, p = u ? -2 : h;
-      if (p !== n)
-        if (i && (V(i), i = null), n = p, u) {
+      const u = h === -1 && a, d = u ? -2 : h;
+      if (d !== n)
+        if (i && (z(i), i = null), n = d, u) {
           let m = a();
-          yt(m) ? de(m).subscribe((g) => {
+          yt(m) ? pe(m).subscribe((g) => {
             i = g, f.next({
               type: "init",
               elements: [g]
@@ -3656,7 +3656,7 @@ function Kl(s, t, ...e) {
           }));
         } else if (h >= 0) {
           let m = c[h].elementFn();
-          yt(m) ? de(m).subscribe((g) => {
+          yt(m) ? pe(m).subscribe((g) => {
             i = g, f.next({
               type: "init",
               elements: [g]
@@ -3672,13 +3672,13 @@ function Kl(s, t, ...e) {
     };
     return c.forEach(({ condition: h }) => {
       const u = h;
-      d.push(
+      p.push(
         u.observable.subscribe(() => {
           o();
         })
       );
     }), o(), () => {
-      d.forEach((h) => h.unsubscribe()), i && V(i);
+      p.forEach((h) => h.unsubscribe()), i && z(i);
     };
   }).pipe(Bs());
 }
@@ -3876,15 +3876,15 @@ const Z = (s, t = {}) => {
     const r = t[n], a = e[n];
     let l;
     if (typeof r == "function")
-      Ve(n, a, [r]), l = a;
+      ze(n, a, [r]), l = a;
     else if (Array.isArray(r))
-      Ve(n, a, r), l = a;
+      ze(n, a, r), l = a;
     else if (r && typeof r == "object") {
       if (r.required && a === void 0)
         throw new Error(`Missing required prop: ${n}`);
       if (r.type) {
         const c = Array.isArray(r.type) ? r.type : [r.type];
-        Ve(n, a, c);
+        ze(n, a, c);
       }
       if (r.validator && !r.validator(a, e))
         throw new Error(`Invalid prop: custom validation failed for prop "${n}"`);
@@ -3897,7 +3897,7 @@ const Z = (s, t = {}) => {
     ...i
   };
 };
-function Ve(s, t, e) {
+function ze(s, t, e) {
   if (t == null) return;
   const i = _(t) ? t() : t;
   if (!e.some((r) => r === Number ? typeof i == "number" : r === String ? typeof i == "string" : r === Boolean ? typeof i == "boolean" : r === Function ? typeof i == "function" : r === Object ? typeof i == "object" : r === Array ? Array.isArray(i) : r === null ? i === null : i instanceof r))
@@ -3941,11 +3941,11 @@ class wa extends tt {
   }
 }
 et("viewportFollow", wa);
-var Vt = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+var zt = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
 function xa(s) {
   return s && s.__esModule && Object.prototype.hasOwnProperty.call(s, "default") ? s.default : s;
 }
-var ze = {};
+var Ve = {};
 var fs;
 function _a() {
   return fs || (fs = 1, (function(s) {
@@ -3969,14 +3969,14 @@ function _a() {
          */
         volume: function(o) {
           var h = this || e;
-          if (o = parseFloat(o), h.ctx || d(), typeof o < "u" && o >= 0 && o <= 1) {
+          if (o = parseFloat(o), h.ctx || p(), typeof o < "u" && o >= 0 && o <= 1) {
             if (h._volume = o, h._muted)
               return h;
             h.usingWebAudio && h.masterGain.gain.setValueAtTime(o, e.ctx.currentTime);
             for (var u = 0; u < h._howls.length; u++)
               if (!h._howls[u]._webAudio)
-                for (var p = h._howls[u]._getSoundIds(), m = 0; m < p.length; m++) {
-                  var g = h._howls[u]._soundById(p[m]);
+                for (var d = h._howls[u]._getSoundIds(), m = 0; m < d.length; m++) {
+                  var g = h._howls[u]._soundById(d[m]);
                   g && g._node && (g._node.volume = g._volume * o);
                 }
             return h;
@@ -3989,11 +3989,11 @@ function _a() {
          */
         mute: function(o) {
           var h = this || e;
-          h.ctx || d(), h._muted = o, h.usingWebAudio && h.masterGain.gain.setValueAtTime(o ? 0 : h._volume, e.ctx.currentTime);
+          h.ctx || p(), h._muted = o, h.usingWebAudio && h.masterGain.gain.setValueAtTime(o ? 0 : h._volume, e.ctx.currentTime);
           for (var u = 0; u < h._howls.length; u++)
             if (!h._howls[u]._webAudio)
-              for (var p = h._howls[u]._getSoundIds(), m = 0; m < p.length; m++) {
-                var g = h._howls[u]._soundById(p[m]);
+              for (var d = h._howls[u]._getSoundIds(), m = 0; m < d.length; m++) {
+                var g = h._howls[u]._soundById(d[m]);
                 g && g._node && (g._node.muted = o ? !0 : g._muted);
               }
           return h;
@@ -4013,7 +4013,7 @@ function _a() {
         unload: function() {
           for (var o = this || e, h = o._howls.length - 1; h >= 0; h--)
             o._howls[h].unload();
-          return o.usingWebAudio && o.ctx && typeof o.ctx.close < "u" && (o.ctx.close(), o.ctx = null, d()), o;
+          return o.usingWebAudio && o.ctx && typeof o.ctx.close < "u" && (o.ctx.close(), o.ctx = null, p()), o;
         },
         /**
          * Check for codec support of specific extension.
@@ -4059,7 +4059,7 @@ function _a() {
           }
           if (!h || typeof h.canPlayType != "function")
             return o;
-          var u = h.canPlayType("audio/mpeg;").replace(/^no$/, ""), p = o._navigator ? o._navigator.userAgent : "", m = p.match(/OPR\/(\d+)/g), g = m && parseInt(m[0].split("/")[1], 10) < 33, y = p.indexOf("Safari") !== -1 && p.indexOf("Chrome") === -1, v = p.match(/Version\/(.*?) /), b = y && v && parseInt(v[1], 10) < 15;
+          var u = h.canPlayType("audio/mpeg;").replace(/^no$/, ""), d = o._navigator ? o._navigator.userAgent : "", m = d.match(/OPR\/(\d+)/g), g = m && parseInt(m[0].split("/")[1], 10) < 33, y = d.indexOf("Safari") !== -1 && d.indexOf("Chrome") === -1, v = d.match(/Version\/(.*?) /), b = y && v && parseInt(v[1], 10) < 15;
           return o._codecs = {
             mp3: !!(!g && (u || h.canPlayType("audio/mp3;").replace(/^no$/, ""))),
             mpeg: !!u,
@@ -4091,8 +4091,8 @@ function _a() {
             var h = function(u) {
               for (; o._html5AudioPool.length < o.html5PoolSize; )
                 try {
-                  var p = new Audio();
-                  p._unlocked = !0, o._releaseHtml5Audio(p);
+                  var d = new Audio();
+                  d._unlocked = !0, o._releaseHtml5Audio(d);
                 } catch {
                   o.noAudio = !0;
                   break;
@@ -4153,10 +4153,10 @@ function _a() {
             return o._suspendTimer && clearTimeout(o._suspendTimer), o._suspendTimer = setTimeout(function() {
               if (o.autoSuspend) {
                 o._suspendTimer = null, o.state = "suspending";
-                var p = function() {
+                var d = function() {
                   o.state = "suspended", o._resumeAfterSuspend && (delete o._resumeAfterSuspend, o._autoResume());
                 };
-                o.ctx.suspend().then(p, p);
+                o.ctx.suspend().then(d, d);
               }
             }, 3e4), o;
           }
@@ -4191,7 +4191,7 @@ function _a() {
          */
         init: function(o) {
           var h = this;
-          return e.ctx || d(), h._autoplay = o.autoplay || !1, h._format = typeof o.format != "string" ? o.format : [o.format], h._html5 = o.html5 || !1, h._muted = o.mute || !1, h._loop = o.loop || !1, h._pool = o.pool || 5, h._preload = typeof o.preload == "boolean" || o.preload === "metadata" ? o.preload : !0, h._rate = o.rate || 1, h._sprite = o.sprite || {}, h._src = typeof o.src != "string" ? o.src : [o.src], h._volume = o.volume !== void 0 ? o.volume : 1, h._xhr = {
+          return e.ctx || p(), h._autoplay = o.autoplay || !1, h._format = typeof o.format != "string" ? o.format : [o.format], h._html5 = o.html5 || !1, h._muted = o.mute || !1, h._loop = o.loop || !1, h._pool = o.pool || 5, h._preload = typeof o.preload == "boolean" || o.preload === "metadata" ? o.preload : !0, h._rate = o.rate || 1, h._sprite = o.sprite || {}, h._src = typeof o.src != "string" ? o.src : [o.src], h._volume = o.volume !== void 0 ? o.volume : 1, h._xhr = {
             method: o.xhr && o.xhr.method ? o.xhr.method : "GET",
             headers: o.xhr && o.xhr.headers ? o.xhr.headers : null,
             withCredentials: o.xhr && o.xhr.withCredentials ? o.xhr.withCredentials : !1
@@ -4214,17 +4214,17 @@ function _a() {
           }
           typeof o._src == "string" && (o._src = [o._src]);
           for (var u = 0; u < o._src.length; u++) {
-            var p, m;
+            var d, m;
             if (o._format && o._format[u])
-              p = o._format[u];
+              d = o._format[u];
             else {
               if (m = o._src[u], typeof m != "string") {
                 o._emit("loaderror", null, "Non-string found in selected audio sources - ignoring.");
                 continue;
               }
-              p = /^data:audio\/([^;,]+);/i.exec(m), p || (p = /\.([^.]+)$/.exec(m.split("?", 1)[0])), p && (p = p[1].toLowerCase());
+              d = /^data:audio\/([^;,]+);/i.exec(m), d || (d = /\.([^.]+)$/.exec(m.split("?", 1)[0])), d && (d = d[1].toLowerCase());
             }
-            if (p || console.warn('No file extension was found. Consider using the "format" property or specify an extension.'), p && e.codecs(p)) {
+            if (d || console.warn('No file extension was found. Consider using the "format" property or specify an extension.'), d && e.codecs(d)) {
               h = o._src[u];
               break;
             }
@@ -4242,22 +4242,22 @@ function _a() {
          * @return {Number}          Sound ID.
          */
         play: function(o, h) {
-          var u = this, p = null;
+          var u = this, d = null;
           if (typeof o == "number")
-            p = o, o = null;
+            d = o, o = null;
           else {
             if (typeof o == "string" && u._state === "loaded" && !u._sprite[o])
               return null;
             if (typeof o > "u" && (o = "__default", !u._playLock)) {
               for (var m = 0, g = 0; g < u._sounds.length; g++)
-                u._sounds[g]._paused && !u._sounds[g]._ended && (m++, p = u._sounds[g]._id);
-              m === 1 ? o = null : p = null;
+                u._sounds[g]._paused && !u._sounds[g]._ended && (m++, d = u._sounds[g]._id);
+              m === 1 ? o = null : d = null;
             }
           }
-          var y = p ? u._soundById(p) : u._inactiveSound();
+          var y = d ? u._soundById(d) : u._inactiveSound();
           if (!y)
             return null;
-          if (p && !o && (o = y._sprite || "__default"), u._state !== "loaded") {
+          if (d && !o && (o = y._sprite || "__default"), u._state !== "loaded") {
             y._sprite = o, y._ended = !1;
             var v = y._id;
             return u._queue.push({
@@ -4267,7 +4267,7 @@ function _a() {
               }
             }), v;
           }
-          if (p && !y._paused)
+          if (d && !y._paused)
             return h || u._loadQueue("play"), y._id;
           u._webAudio && e._autoResume();
           var b = Math.max(0, y._seek > 0 ? y._seek : u._sprite[o][0] / 1e3), w = Math.max(0, (u._sprite[o][0] + u._sprite[o][1]) / 1e3 - b), x = w * 1e3 / Math.abs(y._rate), S = u._sprite[o][0] / 1e3, C = (u._sprite[o][0] + u._sprite[o][1]) / 1e3;
@@ -4337,10 +4337,10 @@ function _a() {
                 h.pause(o);
               }
             }), h;
-          for (var u = h._getSoundIds(o), p = 0; p < u.length; p++) {
-            h._clearTimer(u[p]);
-            var m = h._soundById(u[p]);
-            if (m && !m._paused && (m._seek = h.seek(u[p]), m._rateSeek = 0, m._paused = !0, h._stopFade(u[p]), m._node))
+          for (var u = h._getSoundIds(o), d = 0; d < u.length; d++) {
+            h._clearTimer(u[d]);
+            var m = h._soundById(u[d]);
+            if (m && !m._paused && (m._seek = h.seek(u[d]), m._rateSeek = 0, m._paused = !0, h._stopFade(u[d]), m._node))
               if (h._webAudio) {
                 if (!m._node.bufferSource)
                   continue;
@@ -4365,10 +4365,10 @@ function _a() {
                 u.stop(o);
               }
             }), u;
-          for (var p = u._getSoundIds(o), m = 0; m < p.length; m++) {
-            u._clearTimer(p[m]);
-            var g = u._soundById(p[m]);
-            g && (g._seek = g._start || 0, g._rateSeek = 0, g._paused = !0, g._ended = !0, u._stopFade(p[m]), g._node && (u._webAudio ? g._node.bufferSource && (typeof g._node.bufferSource.stop > "u" ? g._node.bufferSource.noteOff(0) : g._node.bufferSource.stop(0), u._cleanBuffer(g._node)) : (!isNaN(g._node.duration) || g._node.duration === 1 / 0) && (g._node.currentTime = g._start || 0, g._node.pause(), g._node.duration === 1 / 0 && u._clearSound(g._node))), h || u._emit("stop", g._id));
+          for (var d = u._getSoundIds(o), m = 0; m < d.length; m++) {
+            u._clearTimer(d[m]);
+            var g = u._soundById(d[m]);
+            g && (g._seek = g._start || 0, g._rateSeek = 0, g._paused = !0, g._ended = !0, u._stopFade(d[m]), g._node && (u._webAudio ? g._node.bufferSource && (typeof g._node.bufferSource.stop > "u" ? g._node.bufferSource.noteOff(0) : g._node.bufferSource.stop(0), u._cleanBuffer(g._node)) : (!isNaN(g._node.duration) || g._node.duration === 1 / 0) && (g._node.currentTime = g._start || 0, g._node.pause(), g._node.duration === 1 / 0 && u._clearSound(g._node))), h || u._emit("stop", g._id));
           }
           return u;
         },
@@ -4392,8 +4392,8 @@ function _a() {
               u._muted = o;
             else
               return u._muted;
-          for (var p = u._getSoundIds(h), m = 0; m < p.length; m++) {
-            var g = u._soundById(p[m]);
+          for (var d = u._getSoundIds(h), m = 0; m < d.length; m++) {
+            var g = u._soundById(d[m]);
             g && (g._muted = o, g._interval && u._stopFade(g._id), u._webAudio && g._node ? g._node.gain.setValueAtTime(o ? 0 : g._volume, e.ctx.currentTime) : g._node && (g._node.muted = e._muted ? !0 : o), u._emit("mute", g._id));
           }
           return u;
@@ -4407,13 +4407,13 @@ function _a() {
          * @return {Howl/Number} Returns self or current volume.
          */
         volume: function() {
-          var o = this, h = arguments, u, p;
+          var o = this, h = arguments, u, d;
           if (h.length === 0)
             return o._volume;
           if (h.length === 1 || h.length === 2 && typeof h[1] > "u") {
             var m = o._getSoundIds(), g = m.indexOf(h[0]);
-            g >= 0 ? p = parseInt(h[0], 10) : u = parseFloat(h[0]);
-          } else h.length >= 2 && (u = parseFloat(h[0]), p = parseInt(h[1], 10));
+            g >= 0 ? d = parseInt(h[0], 10) : u = parseFloat(h[0]);
+          } else h.length >= 2 && (u = parseFloat(h[0]), d = parseInt(h[1], 10));
           var y;
           if (typeof u < "u" && u >= 0 && u <= 1) {
             if (o._state !== "loaded" || o._playLock)
@@ -4423,11 +4423,11 @@ function _a() {
                   o.volume.apply(o, h);
                 }
               }), o;
-            typeof p > "u" && (o._volume = u), p = o._getSoundIds(p);
-            for (var v = 0; v < p.length; v++)
-              y = o._soundById(p[v]), y && (y._volume = u, h[2] || o._stopFade(p[v]), o._webAudio && y._node && !y._muted ? y._node.gain.setValueAtTime(u, e.ctx.currentTime) : y._node && !y._muted && (y._node.volume = u * e.volume()), o._emit("volume", y._id));
+            typeof d > "u" && (o._volume = u), d = o._getSoundIds(d);
+            for (var v = 0; v < d.length; v++)
+              y = o._soundById(d[v]), y && (y._volume = u, h[2] || o._stopFade(d[v]), o._webAudio && y._node && !y._muted ? y._node.gain.setValueAtTime(u, e.ctx.currentTime) : y._node && !y._muted && (y._node.volume = u * e.volume()), o._emit("volume", y._id));
           } else
-            return y = p ? o._soundById(p) : o._sounds[0], y ? y._volume : 0;
+            return y = d ? o._soundById(d) : o._sounds[0], y ? y._volume : 0;
           return o;
         },
         /**
@@ -4438,24 +4438,24 @@ function _a() {
          * @param  {Number} id   The sound id (omit to fade all sounds).
          * @return {Howl}
          */
-        fade: function(o, h, u, p) {
+        fade: function(o, h, u, d) {
           var m = this;
           if (m._state !== "loaded" || m._playLock)
             return m._queue.push({
               event: "fade",
               action: function() {
-                m.fade(o, h, u, p);
+                m.fade(o, h, u, d);
               }
             }), m;
-          o = Math.min(Math.max(0, parseFloat(o)), 1), h = Math.min(Math.max(0, parseFloat(h)), 1), u = parseFloat(u), m.volume(o, p);
-          for (var g = m._getSoundIds(p), y = 0; y < g.length; y++) {
+          o = Math.min(Math.max(0, parseFloat(o)), 1), h = Math.min(Math.max(0, parseFloat(h)), 1), u = parseFloat(u), m.volume(o, d);
+          for (var g = m._getSoundIds(d), y = 0; y < g.length; y++) {
             var v = m._soundById(g[y]);
             if (v) {
-              if (p || m._stopFade(g[y]), m._webAudio && !v._muted) {
+              if (d || m._stopFade(g[y]), m._webAudio && !v._muted) {
                 var b = e.ctx.currentTime, w = b + u / 1e3;
                 v._volume = o, v._node.gain.setValueAtTime(o, b), v._node.gain.linearRampToValueAtTime(h, w);
               }
-              m._startFadeInterval(v, o, h, u, g[y], typeof p > "u");
+              m._startFadeInterval(v, o, h, u, g[y], typeof d > "u");
             }
           }
           return m;
@@ -4469,10 +4469,10 @@ function _a() {
          * @param  {Number} id   The sound id to fade.
          * @param  {Boolean} isGroup   If true, set the volume on the group.
          */
-        _startFadeInterval: function(o, h, u, p, m, g) {
-          var y = this, v = h, b = u - h, w = Math.abs(b / 0.01), x = Math.max(4, w > 0 ? p / w : p), S = Date.now();
+        _startFadeInterval: function(o, h, u, d, m, g) {
+          var y = this, v = h, b = u - h, w = Math.abs(b / 0.01), x = Math.max(4, w > 0 ? d / w : d), S = Date.now();
           o._fadeTo = u, o._interval = setInterval(function() {
-            var C = (Date.now() - S) / p;
+            var C = (Date.now() - S) / d;
             S = Date.now(), v += b * C, v = Math.round(v * 100) / 100, b < 0 ? v = Math.max(u, v) : v = Math.min(u, v), y._webAudio ? o._volume = v : y.volume(v, o._id, !0), g && (y._volume = v), (u < h && v <= u || u > h && v >= u) && (clearInterval(o._interval), o._interval = null, o._fadeTo = null, y.volume(u, o._id), y._emit("fade", o._id));
           }, x);
         },
@@ -4495,7 +4495,7 @@ function _a() {
          * @return {Howl/Boolean} Returns self or current loop value.
          */
         loop: function() {
-          var o = this, h = arguments, u, p, m;
+          var o = this, h = arguments, u, d, m;
           if (h.length === 0)
             return o._loop;
           if (h.length === 1)
@@ -4503,8 +4503,8 @@ function _a() {
               u = h[0], o._loop = u;
             else
               return m = o._soundById(parseInt(h[0], 10)), m ? m._loop : !1;
-          else h.length === 2 && (u = h[0], p = parseInt(h[1], 10));
-          for (var g = o._getSoundIds(p), y = 0; y < g.length; y++)
+          else h.length === 2 && (u = h[0], d = parseInt(h[1], 10));
+          for (var g = o._getSoundIds(d), y = 0; y < g.length; y++)
             m = o._soundById(g[y]), m && (m._loop = u, o._webAudio && m._node && m._node.bufferSource && (m._node.bufferSource.loop = u, u && (m._node.bufferSource.loopStart = m._start || 0, m._node.bufferSource.loopEnd = m._stop, o.playing(g[y]) && (o.pause(g[y], !0), o.play(g[y], !0)))));
           return o;
         },
@@ -4517,13 +4517,13 @@ function _a() {
          * @return {Howl/Number} Returns self or the current playback rate.
          */
         rate: function() {
-          var o = this, h = arguments, u, p;
+          var o = this, h = arguments, u, d;
           if (h.length === 0)
-            p = o._sounds[0]._id;
+            d = o._sounds[0]._id;
           else if (h.length === 1) {
             var m = o._getSoundIds(), g = m.indexOf(h[0]);
-            g >= 0 ? p = parseInt(h[0], 10) : u = parseFloat(h[0]);
-          } else h.length === 2 && (u = parseFloat(h[0]), p = parseInt(h[1], 10));
+            g >= 0 ? d = parseInt(h[0], 10) : u = parseFloat(h[0]);
+          } else h.length === 2 && (u = parseFloat(h[0]), d = parseInt(h[1], 10));
           var y;
           if (typeof u == "number") {
             if (o._state !== "loaded" || o._playLock)
@@ -4533,15 +4533,15 @@ function _a() {
                   o.rate.apply(o, h);
                 }
               }), o;
-            typeof p > "u" && (o._rate = u), p = o._getSoundIds(p);
-            for (var v = 0; v < p.length; v++)
-              if (y = o._soundById(p[v]), y) {
-                o.playing(p[v]) && (y._rateSeek = o.seek(p[v]), y._playStart = o._webAudio ? e.ctx.currentTime : y._playStart), y._rate = u, o._webAudio && y._node && y._node.bufferSource ? y._node.bufferSource.playbackRate.setValueAtTime(u, e.ctx.currentTime) : y._node && (y._node.playbackRate = u);
-                var b = o.seek(p[v]), w = (o._sprite[y._sprite][0] + o._sprite[y._sprite][1]) / 1e3 - b, x = w * 1e3 / Math.abs(y._rate);
-                (o._endTimers[p[v]] || !y._paused) && (o._clearTimer(p[v]), o._endTimers[p[v]] = setTimeout(o._ended.bind(o, y), x)), o._emit("rate", y._id);
+            typeof d > "u" && (o._rate = u), d = o._getSoundIds(d);
+            for (var v = 0; v < d.length; v++)
+              if (y = o._soundById(d[v]), y) {
+                o.playing(d[v]) && (y._rateSeek = o.seek(d[v]), y._playStart = o._webAudio ? e.ctx.currentTime : y._playStart), y._rate = u, o._webAudio && y._node && y._node.bufferSource ? y._node.bufferSource.playbackRate.setValueAtTime(u, e.ctx.currentTime) : y._node && (y._node.playbackRate = u);
+                var b = o.seek(d[v]), w = (o._sprite[y._sprite][0] + o._sprite[y._sprite][1]) / 1e3 - b, x = w * 1e3 / Math.abs(y._rate);
+                (o._endTimers[d[v]] || !y._paused) && (o._clearTimer(d[v]), o._endTimers[d[v]] = setTimeout(o._ended.bind(o, y), x)), o._emit("rate", y._id);
               }
           } else
-            return y = o._soundById(p), y ? y._rate : o._rate;
+            return y = o._soundById(d), y ? y._rate : o._rate;
           return o;
         },
         /**
@@ -4553,14 +4553,14 @@ function _a() {
          * @return {Howl/Number} Returns self or the current seek position.
          */
         seek: function() {
-          var o = this, h = arguments, u, p;
+          var o = this, h = arguments, u, d;
           if (h.length === 0)
-            o._sounds.length && (p = o._sounds[0]._id);
+            o._sounds.length && (d = o._sounds[0]._id);
           else if (h.length === 1) {
             var m = o._getSoundIds(), g = m.indexOf(h[0]);
-            g >= 0 ? p = parseInt(h[0], 10) : o._sounds.length && (p = o._sounds[0]._id, u = parseFloat(h[0]));
-          } else h.length === 2 && (u = parseFloat(h[0]), p = parseInt(h[1], 10));
-          if (typeof p > "u")
+            g >= 0 ? d = parseInt(h[0], 10) : o._sounds.length && (d = o._sounds[0]._id, u = parseFloat(h[0]));
+          } else h.length === 2 && (u = parseFloat(h[0]), d = parseInt(h[1], 10));
+          if (typeof d > "u")
             return 0;
           if (typeof u == "number" && (o._state !== "loaded" || o._playLock))
             return o._queue.push({
@@ -4569,13 +4569,13 @@ function _a() {
                 o.seek.apply(o, h);
               }
             }), o;
-          var y = o._soundById(p);
+          var y = o._soundById(d);
           if (y)
             if (typeof u == "number" && u >= 0) {
-              var v = o.playing(p);
-              v && o.pause(p, !0), y._seek = u, y._ended = !1, o._clearTimer(p), !o._webAudio && y._node && !isNaN(y._node.duration) && (y._node.currentTime = u);
+              var v = o.playing(d);
+              v && o.pause(d, !0), y._seek = u, y._ended = !1, o._clearTimer(d), !o._webAudio && y._node && !isNaN(y._node.duration) && (y._node.currentTime = u);
               var b = function() {
-                v && o.play(p, !0), o._emit("seek", p);
+                v && o.play(d, !0), o._emit("seek", d);
               };
               if (v && !o._webAudio) {
                 var w = function() {
@@ -4585,7 +4585,7 @@ function _a() {
               } else
                 b();
             } else if (o._webAudio) {
-              var x = o.playing(p) ? e.ctx.currentTime - y._playStart : 0, S = y._rateSeek ? y._rateSeek - y._seek : 0;
+              var x = o.playing(d) ? e.ctx.currentTime - y._playStart : 0, S = y._rateSeek ? y._rateSeek - y._seek : 0;
               return y._seek + (S + x * Math.abs(y._rate));
             } else
               return y._node.currentTime;
@@ -4602,8 +4602,8 @@ function _a() {
             var u = h._soundById(o);
             return u ? !u._paused : !1;
           }
-          for (var p = 0; p < h._sounds.length; p++)
-            if (!h._sounds[p]._paused)
+          for (var d = 0; d < h._sounds.length; d++)
+            if (!h._sounds[d]._paused)
               return !0;
           return !1;
         },
@@ -4613,8 +4613,8 @@ function _a() {
          * @return {Number} Audio duration in seconds.
          */
         duration: function(o) {
-          var h = this, u = h._duration, p = h._soundById(o);
-          return p && (u = h._sprite[p._sprite][1] / 1e3), u;
+          var h = this, u = h._duration, d = h._soundById(o);
+          return d && (u = h._sprite[d._sprite][1] / 1e3), u;
         },
         /**
          * Returns the current loaded state of this Howl.
@@ -4630,8 +4630,8 @@ function _a() {
         unload: function() {
           for (var o = this, h = o._sounds, u = 0; u < h.length; u++)
             h[u]._paused || o.stop(h[u]._id), o._webAudio || (o._clearSound(h[u]._node), h[u]._node.removeEventListener("error", h[u]._errorFn, !1), h[u]._node.removeEventListener(e._canPlayEvent, h[u]._loadFn, !1), h[u]._node.removeEventListener("ended", h[u]._endFn, !1), e._releaseHtml5Audio(h[u]._node)), delete h[u]._node, o._clearTimer(h[u]._id);
-          var p = e._howls.indexOf(o);
-          p >= 0 && e._howls.splice(p, 1);
+          var d = e._howls.indexOf(o);
+          d >= 0 && e._howls.splice(d, 1);
           var m = !0;
           for (u = 0; u < e._howls.length; u++)
             if (e._howls[u]._src === o._src || o._src.indexOf(e._howls[u]._src) >= 0) {
@@ -4648,9 +4648,9 @@ function _a() {
          * @param  {Number}   once  (INTERNAL) Marks event to fire only once.
          * @return {Howl}
          */
-        on: function(o, h, u, p) {
+        on: function(o, h, u, d) {
           var m = this, g = m["_on" + o];
-          return typeof h == "function" && g.push(p ? { id: u, fn: h, once: p } : { id: u, fn: h }), m;
+          return typeof h == "function" && g.push(d ? { id: u, fn: h, once: d } : { id: u, fn: h }), m;
         },
         /**
          * Remove a custom event. Call without parameters to remove all events.
@@ -4660,7 +4660,7 @@ function _a() {
          * @return {Howl}
          */
         off: function(o, h, u) {
-          var p = this, m = p["_on" + o], g = 0;
+          var d = this, m = d["_on" + o], g = 0;
           if (typeof h == "number" && (u = h, h = null), h || u)
             for (g = 0; g < m.length; g++) {
               var y = u === m[g].id;
@@ -4670,13 +4670,13 @@ function _a() {
               }
             }
           else if (o)
-            p["_on" + o] = [];
+            d["_on" + o] = [];
           else {
-            var v = Object.keys(p);
+            var v = Object.keys(d);
             for (g = 0; g < v.length; g++)
-              v[g].indexOf("_on") === 0 && Array.isArray(p[v[g]]) && (p[v[g]] = []);
+              v[g].indexOf("_on") === 0 && Array.isArray(d[v[g]]) && (d[v[g]] = []);
           }
-          return p;
+          return d;
         },
         /**
          * Listen to a custom event and remove it once fired.
@@ -4686,8 +4686,8 @@ function _a() {
          * @return {Howl}
          */
         once: function(o, h, u) {
-          var p = this;
-          return p.on(o, h, u, 1), p;
+          var d = this;
+          return d.on(o, h, u, 1), d;
         },
         /**
          * Emit all events of a specific type and pass the sound id.
@@ -4697,11 +4697,11 @@ function _a() {
          * @return {Howl}
          */
         _emit: function(o, h, u) {
-          for (var p = this, m = p["_on" + o], g = m.length - 1; g >= 0; g--)
+          for (var d = this, m = d["_on" + o], g = m.length - 1; g >= 0; g--)
             (!m[g].id || m[g].id === h || o === "load") && (setTimeout((function(y) {
               y.call(this, h, u);
-            }).bind(p, m[g].fn), 0), m[g].once && p.off(o, m[g].fn, m[g].id));
-          return p._loadQueue(o), p;
+            }).bind(d, m[g].fn), 0), m[g].once && d.off(o, m[g].fn, m[g].id));
+          return d._loadQueue(o), d;
         },
         /**
          * Queue of actions initiated before the sound has loaded.
@@ -4726,13 +4726,13 @@ function _a() {
           var h = this, u = o._sprite;
           if (!h._webAudio && o._node && !o._node.paused && !o._node.ended && o._node.currentTime < o._stop)
             return setTimeout(h._ended.bind(h, o), 100), h;
-          var p = !!(o._loop || h._sprite[u][2]);
-          if (h._emit("end", o._id), !h._webAudio && p && h.stop(o._id, !0).play(o._id), h._webAudio && p) {
+          var d = !!(o._loop || h._sprite[u][2]);
+          if (h._emit("end", o._id), !h._webAudio && d && h.stop(o._id, !0).play(o._id), h._webAudio && d) {
             h._emit("play", o._id), o._seek = o._start || 0, o._rateSeek = 0, o._playStart = e.ctx.currentTime;
             var m = (o._stop - o._start) * 1e3 / Math.abs(o._rate);
             h._endTimers[o._id] = setTimeout(h._ended.bind(h, o), m);
           }
-          return h._webAudio && !p && (o._paused = !0, o._ended = !0, o._seek = o._start || 0, o._rateSeek = 0, h._clearTimer(o._id), h._cleanBuffer(o._node), e._autoSuspend()), !h._webAudio && !p && h.stop(o._id, !0), h;
+          return h._webAudio && !d && (o._paused = !0, o._ended = !0, o._seek = o._start || 0, o._rateSeek = 0, h._clearTimer(o._id), h._cleanBuffer(o._node), e._autoSuspend()), !h._webAudio && !d && h.stop(o._id, !0), h;
         },
         /**
          * Clear the end timer for a sound playback.
@@ -4779,14 +4779,14 @@ function _a() {
          * Drain excess inactive sounds from the pool.
          */
         _drain: function() {
-          var o = this, h = o._pool, u = 0, p = 0;
+          var o = this, h = o._pool, u = 0, d = 0;
           if (!(o._sounds.length < h)) {
-            for (p = 0; p < o._sounds.length; p++)
-              o._sounds[p]._ended && u++;
-            for (p = o._sounds.length - 1; p >= 0; p--) {
+            for (d = 0; d < o._sounds.length; d++)
+              o._sounds[d]._ended && u++;
+            for (d = o._sounds.length - 1; d >= 0; d--) {
               if (u <= h)
                 return;
-              o._sounds[p]._ended && (o._webAudio && o._sounds[p]._node && o._sounds[p]._node.disconnect(0), o._sounds.splice(p, 1), u--);
+              o._sounds[d]._ended && (o._webAudio && o._sounds[d]._node && o._sounds[d]._node.disconnect(0), o._sounds.splice(d, 1), u--);
             }
           }
         },
@@ -4798,8 +4798,8 @@ function _a() {
         _getSoundIds: function(o) {
           var h = this;
           if (typeof o > "u") {
-            for (var u = [], p = 0; p < h._sounds.length; p++)
-              u.push(h._sounds[p]._id);
+            for (var u = [], d = 0; d < h._sounds.length; d++)
+              u.push(h._sounds[d]._id);
             return u;
           } else
             return [o];
@@ -4895,9 +4895,9 @@ function _a() {
           return;
         }
         if (/^data:[^;]+;base64,/.test(h)) {
-          for (var u = atob(h.split(",")[1]), p = new Uint8Array(u.length), m = 0; m < u.length; ++m)
-            p[m] = u.charCodeAt(m);
-          c(p.buffer, o);
+          for (var u = atob(h.split(",")[1]), d = new Uint8Array(u.length), m = 0; m < u.length; ++m)
+            d[m] = u.charCodeAt(m);
+          c(d.buffer, o);
         } else {
           var g = new XMLHttpRequest();
           g.open(o._xhr.method, h, !0), g.withCredentials = o._xhr.withCredentials, g.responseType = "arraybuffer", o._xhr.headers && Object.keys(o._xhr.headers).forEach(function(y) {
@@ -4922,13 +4922,13 @@ function _a() {
       }, c = function(o, h) {
         var u = function() {
           h._emit("loaderror", null, "Decoding audio data failed.");
-        }, p = function(m) {
+        }, d = function(m) {
           m && h._sounds.length > 0 ? (r[h._src] = m, f(h, m)) : u();
         };
-        typeof Promise < "u" && e.ctx.decodeAudioData.length === 1 ? e.ctx.decodeAudioData(o).then(p).catch(u) : e.ctx.decodeAudioData(o, p, u);
+        typeof Promise < "u" && e.ctx.decodeAudioData.length === 1 ? e.ctx.decodeAudioData(o).then(d).catch(u) : e.ctx.decodeAudioData(o, d, u);
       }, f = function(o, h) {
         h && !o._duration && (o._duration = h.duration), Object.keys(o._sprite).length === 0 && (o._sprite = { __default: [0, o._duration * 1e3] }), o._state !== "loaded" && (o._state = "loaded", o._emit("load"), o._loadQueue());
-      }, d = function() {
+      }, p = function() {
         if (e.usingWebAudio) {
           try {
             typeof AudioContext < "u" ? e.ctx = new AudioContext() : typeof webkitAudioContext < "u" ? e.ctx = new webkitAudioContext() : e.usingWebAudio = !1;
@@ -4938,13 +4938,13 @@ function _a() {
           e.ctx || (e.usingWebAudio = !1);
           var o = /iP(hone|od|ad)/.test(e._navigator && e._navigator.platform), h = e._navigator && e._navigator.appVersion.match(/OS (\d+)_(\d+)_?(\d+)?/), u = h ? parseInt(h[1], 10) : null;
           if (o && u && u < 9) {
-            var p = /safari/.test(e._navigator && e._navigator.userAgent.toLowerCase());
-            e._navigator && !p && (e.usingWebAudio = !1);
+            var d = /safari/.test(e._navigator && e._navigator.userAgent.toLowerCase());
+            e._navigator && !d && (e.usingWebAudio = !1);
           }
           e.usingWebAudio && (e.masterGain = typeof e.ctx.createGain > "u" ? e.ctx.createGainNode() : e.ctx.createGain(), e.masterGain.gain.setValueAtTime(e._muted ? 0 : e._volume, e.ctx.currentTime), e.masterGain.connect(e.ctx.destination)), e._setup();
         }
       };
-      s.Howler = e, s.Howl = i, typeof Vt < "u" ? (Vt.HowlerGlobal = t, Vt.Howler = e, Vt.Howl = i, Vt.Sound = n) : typeof window < "u" && (window.HowlerGlobal = t, window.Howler = e, window.Howl = i, window.Sound = n);
+      s.Howler = e, s.Howl = i, typeof zt < "u" ? (zt.HowlerGlobal = t, zt.Howler = e, zt.Howl = i, zt.Sound = n) : typeof window < "u" && (window.HowlerGlobal = t, window.Howler = e, window.Howl = i, window.Sound = n);
     })();
     (function() {
       HowlerGlobal.prototype._pos = [0, 0, 0], HowlerGlobal.prototype._orientation = [0, 0, -1, 0, 1, 0], HowlerGlobal.prototype.stereo = function(e) {
@@ -5106,8 +5106,8 @@ function _a() {
               rolloffFactor: typeof n.rolloffFactor < "u" ? n.rolloffFactor : f.rolloffFactor,
               panningModel: typeof n.panningModel < "u" ? n.panningModel : f.panningModel
             };
-            var d = a._panner;
-            d || (a._pos || (a._pos = e._pos || [0, 0, -0.5]), t(a, "spatial"), d = a._panner), d.coneInnerAngle = f.coneInnerAngle, d.coneOuterAngle = f.coneOuterAngle, d.coneOuterGain = f.coneOuterGain, d.distanceModel = f.distanceModel, d.maxDistance = f.maxDistance, d.refDistance = f.refDistance, d.rolloffFactor = f.rolloffFactor, d.panningModel = f.panningModel;
+            var p = a._panner;
+            p || (a._pos || (a._pos = e._pos || [0, 0, -0.5]), t(a, "spatial"), p = a._panner), p.coneInnerAngle = f.coneInnerAngle, p.coneOuterAngle = f.coneOuterAngle, p.coneOuterGain = f.coneOuterGain, p.distanceModel = f.distanceModel, p.maxDistance = f.maxDistance, p.refDistance = f.refDistance, p.rolloffFactor = f.rolloffFactor, p.panningModel = f.panningModel;
           }
         return e;
       }, Sound.prototype.init = /* @__PURE__ */ (function(e) {
@@ -5125,13 +5125,13 @@ function _a() {
         i = i || "spatial", i === "spatial" ? (e._panner = Howler.ctx.createPanner(), e._panner.coneInnerAngle = e._pannerAttr.coneInnerAngle, e._panner.coneOuterAngle = e._pannerAttr.coneOuterAngle, e._panner.coneOuterGain = e._pannerAttr.coneOuterGain, e._panner.distanceModel = e._pannerAttr.distanceModel, e._panner.maxDistance = e._pannerAttr.maxDistance, e._panner.refDistance = e._pannerAttr.refDistance, e._panner.rolloffFactor = e._pannerAttr.rolloffFactor, e._panner.panningModel = e._pannerAttr.panningModel, typeof e._panner.positionX < "u" ? (e._panner.positionX.setValueAtTime(e._pos[0], Howler.ctx.currentTime), e._panner.positionY.setValueAtTime(e._pos[1], Howler.ctx.currentTime), e._panner.positionZ.setValueAtTime(e._pos[2], Howler.ctx.currentTime)) : e._panner.setPosition(e._pos[0], e._pos[1], e._pos[2]), typeof e._panner.orientationX < "u" ? (e._panner.orientationX.setValueAtTime(e._orientation[0], Howler.ctx.currentTime), e._panner.orientationY.setValueAtTime(e._orientation[1], Howler.ctx.currentTime), e._panner.orientationZ.setValueAtTime(e._orientation[2], Howler.ctx.currentTime)) : e._panner.setOrientation(e._orientation[0], e._orientation[1], e._orientation[2])) : (e._panner = Howler.ctx.createStereoPanner(), e._panner.pan.setValueAtTime(e._stereo, Howler.ctx.currentTime)), e._panner.connect(e._node), e._paused || e._parent.pause(e._id, !0).play(e._id, !0);
       };
     })();
-  })(ze)), ze;
+  })(Ve)), Ve;
 }
 var Bt = _a();
-const Sa = /* @__PURE__ */ xa(Bt), $l = /* @__PURE__ */ Yn({
+const Sa = /* @__PURE__ */ xa(Bt), Kl = /* @__PURE__ */ Yn({
   __proto__: null,
   default: Sa
-}, [Bt]), ps = ["load", "loaderror", "playerror", "play", "end", "pause", "stop", "mute", "volume", "rate", "seek", "fade", "unlock"];
+}, [Bt]), ds = ["load", "loaderror", "playerror", "play", "end", "pause", "stop", "mute", "volume", "rate", "seek", "fade", "unlock"];
 let Aa = class extends tt {
   constructor() {
     super(...arguments), this.sounds = [], this.eventsFn = [], this.maxVolume = 1, this.maxDistance = 100;
@@ -5142,8 +5142,8 @@ let Aa = class extends tt {
     const { props: e } = t, i = e.context.tick, n = e.sound.value ?? e.sound;
     if (!n.src)
       return;
-    const { src: r, autoplay: a, loop: l, volume: c, spatial: f } = n, d = Array.isArray(r) ? r : [r];
-    for (const o of d) {
+    const { src: r, autoplay: a, loop: l, volume: c, spatial: f } = n, p = Array.isArray(r) ? r : [r];
+    for (const o of p) {
       if (!o) continue;
       const h = new Bt.Howl({
         src: o,
@@ -5151,10 +5151,10 @@ let Aa = class extends tt {
         loop: l,
         volume: c
       });
-      for (let u of ps) {
+      for (let u of ds) {
         if (!n[u]) continue;
-        const p = n[u];
-        this.eventsFn.push(p), h.on(u, p);
+        const d = n[u];
+        this.eventsFn.push(d), h.on(u, d);
       }
       this.sounds.push(h);
     }
@@ -5165,7 +5165,7 @@ let Aa = class extends tt {
       const { x: h, y: u } = o;
       this.tickSubscription = H(() => {
         i();
-        const { x: p, y: m } = t.componentInstance, g = zs(p, m, h(), u()), y = Math.max(this.maxVolume - g / this.maxDistance, 0);
+        const { x: d, y: m } = t.componentInstance, g = Vs(d, m, h(), u()), y = Math.max(this.maxVolume - g / this.maxDistance, 0);
         this.sounds.forEach((v) => v.volume(y));
       }).subscription;
     }
@@ -5173,14 +5173,14 @@ let Aa = class extends tt {
   }
   onUpdate(t) {
     const e = t.value ?? t, { volume: i, loop: n, mute: r, seek: a, playing: l, rate: c, spatial: f } = e;
-    this.sounds.forEach((d) => {
-      i !== void 0 && d.volume(i), n !== void 0 && d.loop(n), r !== void 0 && d.mute(r), a !== void 0 && d.seek(a), l !== void 0 && (l ? d.play() : d.pause()), c !== void 0 && d.rate(c);
+    this.sounds.forEach((p) => {
+      i !== void 0 && p.volume(i), n !== void 0 && p.loop(n), r !== void 0 && p.mute(r), a !== void 0 && p.seek(a), l !== void 0 && (l ? p.play() : p.pause()), c !== void 0 && p.rate(c);
     }), f && (this.maxVolume = f.maxVolume ?? this.maxVolume, this.maxDistance = f.maxDistance ?? this.maxDistance);
   }
   onDestroy() {
     this.sounds.forEach((t) => {
       t.stop();
-      for (let e of ps) {
+      for (let e of ds) {
         const i = this.eventsFn.find((n) => n === this.eventsFn[e]);
         i && t.off(e, i);
       }
@@ -5281,12 +5281,12 @@ class Ta extends tt {
     n?.move?.(t);
     const l = i.toLocal(t.global), c = l.x - this.offsetInParent.x, f = l.y - this.offsetInParent.y;
     n?.snap() ? (e.position.x = a(c), e.position.y = a(f)) : (this.axis.x && (e.position.x = c), this.axis.y && (e.position.y = f)), this.lastPointerPosition.copyFrom(t.global);
-    const { x: d, y: o } = r, h = (u, p) => {
+    const { x: p, y: o } = r, h = (u, d) => {
       ee(u) ? u.dependencies.forEach((m) => {
-        m.set(p);
-      }) : _(u) && u.set(p);
+        m.set(d);
+      }) : _(u) && u.set(d);
     };
-    d !== void 0 && h(d, e.position.x), o !== void 0 && h(o, e.position.y);
+    p !== void 0 && h(p, e.position.x), o !== void 0 && h(o, e.position.y);
   }
   /**
    * Moves the viewport if the dragged element is near screen edges
@@ -5294,14 +5294,14 @@ class Ta extends tt {
    */
   updateViewportPosition(t) {
     if (!this.viewport || !this.elementRef) return;
-    const e = this.dragProps, i = e?.viewport?.edgeThreshold(), n = e?.viewport?.maxSpeed(), r = 0, a = this.viewport.screenWidth, l = 0, c = this.viewport.screenHeight, f = this.elementRef.componentInstance, d = t.x - r, o = a - t.x, h = t.y - l, u = c - t.y;
-    let p = 0, m = 0;
-    if (d < i ? p = -(n * (1 - d / i)) : o < i && (p = n * (1 - o / i)), h < i ? m = -(n * (1 - h / i)) : u < i && (m = n * (1 - u / i)), p !== 0 || m !== 0) {
+    const e = this.dragProps, i = e?.viewport?.edgeThreshold(), n = e?.viewport?.maxSpeed(), r = 0, a = this.viewport.screenWidth, l = 0, c = this.viewport.screenHeight, f = this.elementRef.componentInstance, p = t.x - r, o = a - t.x, h = t.y - l, u = c - t.y;
+    let d = 0, m = 0;
+    if (p < i ? d = -(n * (1 - p / i)) : o < i && (d = n * (1 - o / i)), h < i ? m = -(n * (1 - h / i)) : u < i && (m = n * (1 - u / i)), d !== 0 || m !== 0) {
       const g = this.viewport.center;
       this.viewport.moveCenter(
-        this.viewport.center.x + p,
+        this.viewport.center.x + d,
         this.viewport.center.y + m
-      ), this.axis.x && g.x !== this.viewport.center.x && (f.position.x += p), this.axis.y && g.y !== this.viewport.center.y && (f.position.y += m);
+      ), this.axis.x && g.x !== this.viewport.center.x && (f.position.x += d), this.axis.y && g.y !== this.viewport.center.y && (f.position.y += m);
     }
   }
   /**
@@ -5347,7 +5347,7 @@ class Ma extends tt {
   onInit(t) {
   }
   onMount(t) {
-    const { image: e } = t.props.transition, i = new pe(ct.from(e));
+    const { image: e } = t.props.transition, i = new de(ct.from(e));
     i.texture.baseTexture.wrapMode = Fn.REPEAT;
     const n = new Hn(i), r = t.componentInstance;
     r.filters = [n], r.addChild(i), setTimeout(() => {
@@ -5477,10 +5477,10 @@ class Ea extends tt {
       ease: (h) => h
       // Linear ease, we'll handle oscillation in effect
     });
-    const d = l !== "y", o = l !== "x";
+    const p = l !== "y", o = l !== "x";
     this.positionEffect = H(() => {
       if (!e || !this.progressSignal || !this.currentShakeConfig) return;
-      const h = this.progressSignal(), u = this.currentShakeConfig, p = 1 - h, m = h * u.frequency, g = Math.sin(m * Math.PI * 2), y = Math.sin(u.randomSeed + h * 10) * 0.25 + 1, v = d ? g * u.intensity * p * y : 0, b = o ? g * u.intensity * p * y : 0;
+      const h = this.progressSignal(), u = this.currentShakeConfig, d = 1 - h, m = h * u.frequency, g = Math.sin(m * Math.PI * 2), y = Math.sin(u.randomSeed + h * 10) * 0.25 + 1, v = p ? g * u.intensity * d * y : 0, b = o ? g * u.intensity * d * y : 0;
       e.position.x = this.originalPosition.x + v, e.position.y = this.originalPosition.y + b;
     }).subscription, await this.progressSignal.set(1, {
       duration: r
@@ -5560,30 +5560,30 @@ class Oa extends tt {
       _(f) ? f.set(h) : e.tint = h;
     }
     i.onStart?.(), this.progressSignal && await this.progressSignal.set(0, { duration: 0 });
-    const d = {
+    const p = {
       type: n,
       duration: r,
       cycles: a,
       flashAlpha: l,
       flashTint: c
     };
-    if (this.currentFlashConfig = d, this.progressSignal || (this.progressSignal = xn(0, {
+    if (this.currentFlashConfig = p, this.progressSignal || (this.progressSignal = xn(0, {
       duration: r,
       ease: (h) => h
       // Linear ease
     })), (n === "alpha" || n === "both") && (this.alphaEffect = H(() => {
       if (!e || !this.progressSignal || !this.currentFlashConfig) return;
-      const h = this.progressSignal(), u = this.currentFlashConfig, p = h * u.cycles % 1, m = p < 0.5 ? p * 2 : 1 - (p - 0.5) * 2, g = this.originalAlpha + (u.flashAlpha - this.originalAlpha) * m;
+      const h = this.progressSignal(), u = this.currentFlashConfig, d = h * u.cycles % 1, m = d < 0.5 ? d * 2 : 1 - (d - 0.5) * 2, g = this.originalAlpha + (u.flashAlpha - this.originalAlpha) * m;
       e.alpha = g;
     }).subscription), (n === "tint" || n === "both") && (this.tintEffect = H(() => {
       if (!e || !this.progressSignal || !this.currentFlashConfig) return;
       const h = e.tint;
       if (h === void 0) return;
-      const u = _(h), p = this.progressSignal(), m = this.currentFlashConfig, g = p * m.cycles % 1, y = g < 0.5 ? g * 2 : 1 - (g - 0.5) * 2, v = this.originalTint >> 16 & 255, b = this.originalTint >> 8 & 255, w = this.originalTint & 255, x = m.flashTint >> 16 & 255, S = m.flashTint >> 8 & 255, C = m.flashTint & 255, M = Math.round(v + (x - v) * y), A = Math.round(b + (S - b) * y), L = Math.round(w + (C - w) * y), j = M << 16 | A << 8 | L;
+      const u = _(h), d = this.progressSignal(), m = this.currentFlashConfig, g = d * m.cycles % 1, y = g < 0.5 ? g * 2 : 1 - (g - 0.5) * 2, v = this.originalTint >> 16 & 255, b = this.originalTint >> 8 & 255, w = this.originalTint & 255, x = m.flashTint >> 16 & 255, S = m.flashTint >> 8 & 255, C = m.flashTint & 255, M = Math.round(v + (x - v) * y), A = Math.round(b + (S - b) * y), L = Math.round(w + (C - w) * y), j = M << 16 | A << 8 | L;
       u ? h.set(j) : e.tint = j;
     }).subscription), await this.progressSignal.set(1, {
       duration: r
-    }), this.currentFlashConfig === d && e) {
+    }), this.currentFlashConfig === p && e) {
       e.alpha = this.originalAlpha;
       const h = e.tint;
       if (h !== void 0) {
@@ -5771,13 +5771,13 @@ function at(s) {
       const i = this.filters || [];
       if (e.blur) {
         let n = i.find(
-          (r) => r instanceof qi
+          (r) => r instanceof $i
         );
         if (!n) {
           const r = typeof e.blur == "number" ? {
             strength: e.blur
           } : e.blur;
-          n = new qi(r), i.push(n);
+          n = new $i(r), i.push(n);
         }
         Object.assign(n, e.blur);
       }
@@ -6146,23 +6146,23 @@ const eh = async (s = {}) => {
     deltaRatio: 1
   }), globalThis.__CANVAS_ENGINE_TICK__ = l.context.tick;
   const c = N("Canvas", l);
-  return c.render = (f, d) => {
-    if (!d)
+  return c.render = (f, p) => {
+    if (!p)
       return;
-    const o = d.renderer, h = o.view.canvas;
+    const o = p.renderer, h = o.view.canvas;
     globalThis.__PIXI_STAGE__ = c.componentInstance, globalThis.__PIXI_RENDERER__ = o, s.tickStart !== !1 && c.directives.tick.start(), H(() => {
       c.propObservables.tick(), o.render(c.componentInstance);
-    }), d.stage = c.componentInstance, d.stage.layout = {
-      width: d.screen.width,
-      height: d.screen.height,
+    }), p.stage = c.componentInstance, p.stage.layout = {
+      width: p.screen.width,
+      height: p.screen.height,
       justifyContent: s.justifyContent,
       alignItems: s.alignItems
-    }, r.set({ width: d.screen.width, height: d.screen.height }), d.renderer.on("resize", (p, m) => {
-      r.set({ width: p, height: m }), d.stage.layout && (d.stage.layout = {
-        width: p,
+    }, r.set({ width: p.screen.width, height: p.screen.height }), p.renderer.on("resize", (d, m) => {
+      r.set({ width: d, height: m }), p.stage.layout && (p.stage.layout = {
+        width: d,
         height: m
       });
-    }), s.tickStart !== !1 && c.directives.tick.start(), d.ticker.add(() => {
+    }), s.tickStart !== !1 && c.directives.tick.start(), p.ticker.add(() => {
       c.propObservables.tick();
     }), t && H(() => {
       o.events.cursorStyles = t();
@@ -6170,7 +6170,7 @@ const eh = async (s = {}) => {
       h.classList.add(n());
     });
     const u = f.querySelector("canvas");
-    u ? f.replaceChild(h, u) : f.appendChild(h), l.context.app.set(d);
+    u ? f.replaceChild(h, u) : f.appendChild(h), l.context.app.set(p);
   }, c;
 };
 class Si extends at(Ft) {
@@ -6246,10 +6246,10 @@ class La extends at(oi) {
     this._width = r, this._height = a;
     const c = Y(r()), f = Y(a());
     i.draw && (this.clearEffect = H(() => {
-      const d = r(), o = a(), h = l();
-      typeof d == "string" || typeof o == "string" || (this.clear(), i.draw?.(this, d, o, h), this.subjectInit.next(this));
-    })), this.on("layout", (d) => {
-      const o = d.computedLayout;
+      const p = r(), o = a(), h = l();
+      typeof p == "string" || typeof o == "string" || (this.clear(), i.draw?.(this, p, o, h), this.subjectInit.next(this));
+    })), this.on("layout", (p) => {
+      const o = p.computedLayout;
       c && _(r) && r() !== o.width && r.set(o.width), f && _(a) && a() !== o.height && a.set(o.height);
     });
   }
@@ -6430,7 +6430,7 @@ class Wa extends at(Wn) {
 }
 W("Mesh", Wa);
 const nh = (s) => N("Mesh", s);
-let ds = null, si = null;
+let ps = null, si = null;
 function An(s) {
   si?.(s);
 }
@@ -6447,7 +6447,7 @@ function rh(s) {
 }
 function fe(s, t = {}, e) {
   const i = /* @__PURE__ */ new Set(), n = /* @__PURE__ */ new Set();
-  ds = (a) => {
+  ps = (a) => {
     i.add(a);
   }, si = (a) => {
     n.add(a);
@@ -6458,7 +6458,7 @@ function fe(s, t = {}, e) {
     ...r.effectMounts ?? []
   ], t?.dependencies && (r.props = r.props || {}, r.props.dependencies = t.dependencies), r instanceof Promise && r.then((a) => {
     a.props.isRoot && n.forEach((l) => l(a));
-  }), ds = null, si = null, r;
+  }), ps = null, si = null, r;
 }
 function U(s, t = {}, ...e) {
   return t?.dependencies ? !t.dependencies.some(yt) && t.dependencies.every((r) => _(r) ? r() !== void 0 : r !== void 0) ? fe(s, t, e) : new I((n) => {
@@ -6564,8 +6564,8 @@ class rt {
       const { value: r, time: a } = i[0], l = n = new rt(typeof r == "string" ? he(r) : r, a, t.ease);
       if (i.length > 2 || i.length === 2 && i[1].value !== r)
         for (let c = 1; c < i.length; ++c) {
-          const { value: f, time: d } = i[c];
-          n.next = new rt(typeof f == "string" ? he(f) : f, d), n = n.next;
+          const { value: f, time: p } = i[c];
+          n.next = new rt(typeof f == "string" ? he(f) : f, p), n = n.next;
         }
       return l.isStepped = !!t.isStepped, l;
     }
@@ -6658,14 +6658,14 @@ function Na(s) {
   const t = this.first.value, e = this.first.next.value, i = (e.r - t.r) * s + t.r, n = (e.g - t.g) * s + t.g, r = (e.b - t.b) * s + t.b;
   return Te(i, n, r);
 }
-function Va(s) {
+function za(s) {
   this.ease && (s = this.ease(s));
   let t = this.first, e = t.next;
   for (; s > e.time; )
     t = e, e = e.next;
   return s = (s - t.time) / (e.time - t.time), (e.value - t.value) * s + t.value;
 }
-function za(s) {
+function Va(s) {
   this.ease && (s = this.ease(s));
   let t = this.first, e = t.next;
   for (; s > e.time; )
@@ -6702,7 +6702,7 @@ class ne {
    * @param first.isStepped If the values should be stepped instead of interpolated linearly.
    */
   reset(t) {
-    this.first = t, t.next && t.next.time >= 1 ? this.interpolate = this.isColor ? Na : Ba : t.isStepped ? this.interpolate = this.isColor ? Ga : Ua : this.interpolate = this.isColor ? za : Va, this.ease = this.first.ease;
+    this.first = t, t.next && t.next.time >= 1 ? this.interpolate = this.isColor ? Na : Ba : t.isStepped ? this.interpolate = this.isColor ? Ga : Ua : this.interpolate = this.isColor ? Va : za, this.ease = this.first.ease;
   }
 }
 class Ti {
@@ -7008,7 +7008,7 @@ class Ni {
 }
 Ni.type = "rotationStatic";
 Ni.editorConfig = null;
-class Vi {
+class zi {
   constructor(t) {
     this.order = E.Late + 1, this.rotation = (t.rotation || 0) * nt;
   }
@@ -7018,9 +7018,9 @@ class Vi {
       e.rotation = this.rotation, e = e.next;
   }
 }
-Vi.type = "noRotation";
-Vi.editorConfig = null;
-class zi {
+zi.type = "noRotation";
+zi.editorConfig = null;
+class Vi {
   constructor(t) {
     this.order = E.Normal, this.list = new ne(!1), this.list.reset(rt.createList(t.scale)), this.minMult = t.minMult ?? 1;
   }
@@ -7035,8 +7035,8 @@ class zi {
     t.scale.x = t.scale.y = this.list.interpolate(t.agePercent) * t.config.scaleMult;
   }
 }
-zi.type = "scale";
-zi.editorConfig = null;
+Vi.type = "scale";
+Vi.editorConfig = null;
 class Ui {
   constructor(t) {
     this.order = E.Normal, this.min = t.min, this.max = t.max;
@@ -7128,7 +7128,7 @@ class Yi {
 }
 Yi.type = "moveSpeedStatic";
 Yi.editorConfig = null;
-class Ue extends pe {
+class Ue extends de {
   /**
    * @param emitter The emitter that controls this particle.
    */
@@ -7348,12 +7348,12 @@ class T {
         }
         let a, l;
         if (this._prevPosIsValid && this._posChanged) {
-          const d = 1 + this._spawnTimer / t;
-          a = (n - e) * d + e, l = (r - i) * d + i;
+          const p = 1 + this._spawnTimer / t;
+          a = (n - e) * p + e, l = (r - i) * p + i;
         } else
           a = n, l = r;
         let c = null, f = null;
-        for (let d = Math.min(this.particlesPerWave, this.maxParticles - this.particleCount), o = 0; o < d; ++o) {
+        for (let p = Math.min(this.particlesPerWave, this.maxParticles - this.particleCount), o = 0; o < p; ++o) {
           if (this.spawnChance < 1 && Math.random() >= this.spawnChance)
             continue;
           let h;
@@ -7364,22 +7364,22 @@ class T {
         }
         if (c) {
           this._activeParticlesLast ? (this._activeParticlesLast.next = c, c.prev = this._activeParticlesLast, this._activeParticlesLast = f) : (this._activeParticlesFirst = c, this._activeParticlesLast = f);
-          for (let d = 0; d < this.initBehaviors.length; ++d) {
-            const o = this.initBehaviors[d];
+          for (let p = 0; p < this.initBehaviors.length; ++p) {
+            const o = this.initBehaviors[p];
             if (o === vt)
               for (let h = c, u; h; h = u) {
                 u = h.next, this.rotation !== 0 && (ht(this.rotation, h.position), h.rotation += this.rotation), h.position.x += a, h.position.y += l, h.age += -this._spawnTimer;
-                let p = h.age * h.oneOverLife;
-                this.customEase && (this.customEase.length === 4 ? p = this.customEase(p, 0, 1, 1) : p = this.customEase(p)), h.agePercent = p;
+                let d = h.age * h.oneOverLife;
+                this.customEase && (this.customEase.length === 4 ? d = this.customEase(d, 0, 1, 1) : d = this.customEase(d)), h.agePercent = d;
               }
             else
               o.initParticles(c);
           }
-          for (let d = c, o; d; d = o) {
-            o = d.next;
+          for (let p = c, o; p; p = o) {
+            o = p.next;
             for (let h = 0; h < this.updateBehaviors.length; ++h)
-              if (this.updateBehaviors[h].updateParticle(d, -this._spawnTimer)) {
-                this.recycle(d);
+              if (this.updateBehaviors[h].updateParticle(p, -this._spawnTimer)) {
+                this.recycle(p);
                 break;
               }
           }
@@ -7465,14 +7465,14 @@ T.registerBehavior(ji);
 T.registerBehavior(Ri);
 T.registerBehavior(Bi);
 T.registerBehavior(Ni);
-T.registerBehavior(Vi);
 T.registerBehavior(zi);
+T.registerBehavior(Vi);
 T.registerBehavior(Ui);
 T.registerBehavior(Q);
 T.registerBehavior(Gi);
 T.registerBehavior(Xi);
 T.registerBehavior(Yi);
-class qa extends Si {
+class $a extends Si {
   constructor() {
     super(...arguments), this.elapsed = Date.now();
   }
@@ -7494,12 +7494,12 @@ class qa extends Si {
     await super.onDestroy(t, i);
   }
 }
-W("ParticlesEmitter", qa);
+W("ParticlesEmitter", $a);
 function ah(s) {
   return N("ParticlesEmitter", s);
 }
 const ms = console.log;
-class En extends at(pe) {
+class En extends at(de) {
   constructor() {
     super(...arguments), this.currentAnimation = null, this.time = 0, this.frameIndex = 0, this.animations = /* @__PURE__ */ new Map(), this.subscriptionSheet = [], this.sheetParams = {}, this.sheetCurrentAnimation = "stand", this.app = null, this.globalLoader = null, this.trackedAssetIds = /* @__PURE__ */ new Set(), this.currentAnimationContainer = null;
   }
@@ -7572,11 +7572,11 @@ class En extends at(pe) {
       this.globalLoader && c && this.globalLoader.updateProgress(c, m);
     });
     this.globalLoader && c && this.globalLoader.completeAsset(c), (!e || e <= 0) && (e = f.width, t.width = e), (!i || i <= 0) && (i = f.height, t.height = i);
-    const d = t.spriteWidth, o = t.spriteHeight, h = [], u = l && l.x || 0, p = l && l.y || 0;
+    const p = t.spriteWidth, o = t.spriteHeight, h = [], u = l && l.x || 0, d = l && l.y || 0;
     for (let m = 0; m < n; m++) {
       h[m] = [];
       for (let g = 0; g < r; g++) {
-        const y = g * d + u, v = m * o + p;
+        const y = g * p + u, v = m * o + d;
         if (v > i)
           throw ms(
             `Warning, there is a problem with the height of the "${this.id}" spritesheet. When cutting into frames, the frame exceeds the height of the image.`
@@ -7588,7 +7588,7 @@ class En extends at(pe) {
         h[m].push(
           new ct({
             source: f.source,
-            frame: new _t(y, v, d, o)
+            frame: new _t(y, v, p, o)
           })
         );
       }
@@ -7620,16 +7620,16 @@ class En extends at(pe) {
           width: l = 0,
           framesWidth: c = 1,
           rectHeight: f,
-          height: d = 0,
+          height: p = 0,
           framesHeight: o = 1,
           image: h
         } = r;
-        let u = l, p = d;
-        if (h && (!u || u <= 0 || !p || p <= 0)) {
+        let u = l, d = p;
+        if (h && (!u || u <= 0 || !d || d <= 0)) {
           const m = await this.detectImageDimensions(h);
-          (!u || u <= 0) && (u = m.width, r.width = u), (!p || p <= 0) && (p = m.height, r.height = p);
+          (!u || u <= 0) && (u = m.width, r.width = u), (!d || d <= 0) && (d = m.height, r.height = d);
         }
-        r.spriteWidth = a || u / c, r.spriteHeight = f || p / o, this.animations.set(e, {
+        r.spriteWidth = a || u / c, r.spriteHeight = f || d / o, this.animations.set(e, {
           frames: await this.createTextures(
             r
           ),
@@ -7655,8 +7655,8 @@ class En extends at(pe) {
         const f = i?.sheet.params[c];
         if (_(f))
           this.subscriptionSheet.push(
-            f.observable.subscribe((d) => {
-              this.animations.size != 0 && this.has(this.sheetCurrentAnimation) && this.play(this.sheetCurrentAnimation, [{ ...this.sheetParams, [c]: d }]);
+            f.observable.subscribe((p) => {
+              this.animations.size != 0 && this.has(this.sheetCurrentAnimation) && this.play(this.sheetCurrentAnimation, [{ ...this.sheetParams, [c]: p }]);
             })
           );
         else {
@@ -7664,10 +7664,10 @@ class En extends at(pe) {
           this.play(this.sheetCurrentAnimation, [{ ...this.sheetParams, [c]: f }]);
         }
       }
-    const l = K(() => {
+    const l = q(() => {
       const { x: c, y: f } = i ?? {};
       if (!c || !f) return !1;
-      const d = c, o = f, h = Zt(d) && d.animatedState().current !== d.animatedState().end, u = Zt(o) && o.animatedState().current !== o.animatedState().end;
+      const p = c, o = f, h = Zt(p) && p.animatedState().current !== p.animatedState().end, u = Zt(o) && o.animatedState().current !== o.animatedState().end;
       return h || u;
     });
     H(() => {
@@ -7686,9 +7686,9 @@ class En extends at(pe) {
       const l = this.fullProps.loader?.onProgress, c = await St.load(r, (f) => {
         if (this.globalLoader && a && this.globalLoader.updateProgress(a, f), l && l(f), f == 1) {
           this.globalLoader && a && this.globalLoader.completeAsset(a);
-          const d = this.fullProps.loader?.onComplete;
-          d && setTimeout(() => {
-            d(c);
+          const p = this.fullProps.loader?.onComplete;
+          p && setTimeout(() => {
+            p(c);
           });
         }
       });
@@ -7744,9 +7744,9 @@ class En extends at(pe) {
     let a = n.animations;
     a = ui(a) ? a(...r) : a, this.currentAnimationContainer = new Ft();
     for (let c of a) {
-      const f = new pe();
-      for (let d of c)
-        this.currentAnimation.sprites.push(d);
+      const f = new de();
+      for (let p of c)
+        this.currentAnimation.sprites.push(p);
       this.currentAnimationContainer.addChild(f);
     }
     const l = this.currentAnimation.data.sound;
@@ -7785,7 +7785,7 @@ class En extends at(pe) {
     let l = r[this.frameIndex];
     const c = r[this.frameIndex + 1];
     for (let f of this.currentAnimationContainer.children) {
-      let d = function(g, y) {
+      let p = function(g, y) {
         const b = o(y || g);
         b !== void 0 && (i[g] = b);
       };
@@ -7800,15 +7800,15 @@ class En extends at(pe) {
         ...l,
         ...this.applyTransform(l, a, this.spritesheet)
       });
-      const u = o("spriteRealSize"), p = typeof u == "number" ? u : u?.height;
+      const u = o("spriteRealSize"), d = typeof u == "number" ? u : u?.height;
       typeof u == "number" || u?.width;
       const m = () => {
-        if (p && this.hitbox) {
-          const { spriteWidth: g, spriteHeight: y } = a, v = (g - this.hitbox.w) / 2 / g, b = (y - p) / 2, w = (y - this.hitbox.h - b) / y;
+        if (d && this.hitbox) {
+          const { spriteWidth: g, spriteHeight: y } = a, v = (g - this.hitbox.w) / 2 / g, b = (y - d) / 2, w = (y - this.hitbox.h - b) / y;
           this.anchor.set(v, w);
         }
       };
-      l.sound, m(), h("anchor"), h("scale"), h("skew"), h("pivot"), d("alpha", "opacity"), d("x"), d("y"), d("angle"), d("rotation"), d("visible");
+      l.sound, m(), h("anchor"), h("scale"), h("skew"), h("pivot"), p("alpha", "opacity"), p("x"), p("y"), p("angle"), p("rotation"), p("visible");
     }
     if (!c) {
       this.time = 0, this.frameIndex = 0, this.onFinish && r.length > 1 && this.onFinish();
@@ -7871,16 +7871,16 @@ function lh(s) {
         e.set(c), s?.loader?.onComplete && s.loader.onComplete(l);
         for (let f in t)
           if (s[f]) {
-            const d = (o) => {
+            const p = (o) => {
               s[f](o);
             };
-            t[f] = d, c.addEventListener(f, d);
+            t[f] = p, c.addEventListener(f, p);
           }
       }
     }
   });
 }
-class Ka extends at(Rn) {
+class qa extends at(Rn) {
   constructor() {
     super(...arguments), this.fullText = "", this.currentIndex = 0, this.typewriterSpeed = 1, this._wordWrapWidth = 0, this.typewriterOptions = {}, this.lastSoundTime = 0, this.soundDuration = 0;
   }
@@ -7971,8 +7971,8 @@ class Ka extends at(Rn) {
     await super.onDestroy(t, i);
   }
 }
-W("Text", Ka);
-function $a(s) {
+W("Text", qa);
+function Ka(s) {
   return N("Text", s);
 }
 class Ja extends at(Bn) {
@@ -8062,16 +8062,16 @@ var In = { exports: {} };
         return (n /= l / 2) < 1 ? -a / 2 * (Math.sqrt(1 - n * n) - 1) + r : a / 2 * (Math.sqrt(1 - (n -= 2) * n) + 1) + r;
       },
       easeInElastic: function(n, r, a, l) {
-        var c, f, d;
-        return d = 1.70158, f = 0, c = a, n === 0 || (n /= l), f || (f = l * 0.3), c < Math.abs(a) ? (c = a, d = f / 4) : d = f / (2 * Math.PI) * Math.asin(a / c), -(c * Math.pow(2, 10 * (n -= 1)) * Math.sin((n * l - d) * (2 * Math.PI) / f)) + r;
+        var c, f, p;
+        return p = 1.70158, f = 0, c = a, n === 0 || (n /= l), f || (f = l * 0.3), c < Math.abs(a) ? (c = a, p = f / 4) : p = f / (2 * Math.PI) * Math.asin(a / c), -(c * Math.pow(2, 10 * (n -= 1)) * Math.sin((n * l - p) * (2 * Math.PI) / f)) + r;
       },
       easeOutElastic: function(n, r, a, l) {
-        var c, f, d;
-        return d = 1.70158, f = 0, c = a, n === 0 || (n /= l), f || (f = l * 0.3), c < Math.abs(a) ? (c = a, d = f / 4) : d = f / (2 * Math.PI) * Math.asin(a / c), c * Math.pow(2, -10 * n) * Math.sin((n * l - d) * (2 * Math.PI) / f) + a + r;
+        var c, f, p;
+        return p = 1.70158, f = 0, c = a, n === 0 || (n /= l), f || (f = l * 0.3), c < Math.abs(a) ? (c = a, p = f / 4) : p = f / (2 * Math.PI) * Math.asin(a / c), c * Math.pow(2, -10 * n) * Math.sin((n * l - p) * (2 * Math.PI) / f) + a + r;
       },
       easeInOutElastic: function(n, r, a, l) {
-        var c, f, d;
-        return d = 1.70158, f = 0, c = a, n === 0 || (n /= l / 2), f || (f = l * (0.3 * 1.5)), c < Math.abs(a) ? (c = a, d = f / 4) : d = f / (2 * Math.PI) * Math.asin(a / c), n < 1 ? -0.5 * (c * Math.pow(2, 10 * (n -= 1)) * Math.sin((n * l - d) * (2 * Math.PI) / f)) + r : c * Math.pow(2, -10 * (n -= 1)) * Math.sin((n * l - d) * (2 * Math.PI) / f) * 0.5 + a + r;
+        var c, f, p;
+        return p = 1.70158, f = 0, c = a, n === 0 || (n /= l / 2), f || (f = l * (0.3 * 1.5)), c < Math.abs(a) ? (c = a, p = f / 4) : p = f / (2 * Math.PI) * Math.asin(a / c), n < 1 ? -0.5 * (c * Math.pow(2, 10 * (n -= 1)) * Math.sin((n * l - p) * (2 * Math.PI) / f)) + r : c * Math.pow(2, -10 * (n -= 1)) * Math.sin((n * l - p) * (2 * Math.PI) / f) * 0.5 + a + r;
       },
       easeInBack: function(n, r, a, l, c) {
         return c === void 0 && (c = 1.70158), a * (n /= l) * n * ((c + 1) * n - c) + r;
@@ -8215,7 +8215,7 @@ class el {
     return (this.isMouseDown ? 1 : 0) + this.touches.length;
   }
 }
-const zt = [
+const Vt = [
   "drag",
   "pinch",
   "wheel",
@@ -8243,11 +8243,11 @@ class il {
    * @param {Plugin} plugin - instantiated Plugin class
    * @param {number} index to insert userPlugin (otherwise inserts it at the end)
    */
-  add(t, e, i = zt.length) {
+  add(t, e, i = Vt.length) {
     const n = this.plugins[t];
     n && n.destroy(), this.plugins[t] = e;
-    const r = zt.indexOf(t);
-    r !== -1 && zt.splice(r, 1), zt.splice(i, 0, t), this.sort();
+    const r = Vt.indexOf(t);
+    r !== -1 && Vt.splice(r, 1), Vt.splice(i, 0, t), this.sort();
   }
   /**
    * Get plugin
@@ -8326,7 +8326,7 @@ class il {
    */
   sort() {
     this.list = [];
-    for (const t of zt)
+    for (const t of Vt)
       this.plugins[t] && this.list.push(this.plugins[t]);
   }
   /**
@@ -8378,7 +8378,7 @@ class il {
     return e;
   }
 }
-class q {
+class $ {
   /** @param {Viewport} parent */
   constructor(t) {
     this.parent = t, this.paused = !1;
@@ -8428,7 +8428,7 @@ const sl = {
   ease: "linear",
   time: 1e3
 };
-class nl extends q {
+class nl extends $ {
   /**
    * This is called by {@link Viewport.animate}.
    *
@@ -8502,7 +8502,7 @@ const rl = {
   underflow: "center",
   bounceBox: null
 };
-class ol extends q {
+class ol extends $ {
   /**
    * This is called by {@link Viewport.bounce}.
    */
@@ -8625,7 +8625,7 @@ const al = {
   direction: null,
   underflow: "center"
 };
-class ll extends q {
+class ll extends $ {
   /**
   * This is called by {@link Viewport.clamp}.
   */
@@ -8699,7 +8699,7 @@ const hl = {
   minScale: null,
   maxScale: null
 };
-class cl extends q {
+class cl extends $ {
   /**
    * This is called by {@link Viewport.clampZoom}.
    */
@@ -8758,7 +8758,7 @@ const ul = {
   bounce: 0.8,
   minSpeed: 0.01
 }, ft = 16;
-class fl extends q {
+class fl extends $ {
   /**
    * This is called by {@link Viewport.decelerate}.
    */
@@ -8824,7 +8824,7 @@ class fl extends q {
     this.x = this.y = null;
   }
 }
-const pl = {
+const dl = {
   direction: "all",
   pressDrag: !0,
   wheel: !0,
@@ -8839,12 +8839,12 @@ const pl = {
   lineHeight: 20,
   wheelSwapAxes: !1
 };
-class dl extends q {
+class pl extends $ {
   /**
   * This is called by {@link Viewport.drag}.
   */
   constructor(t, e = {}) {
-    super(t), this.windowEventHandlers = [], this.options = Object.assign({}, pl, e), this.moved = !1, this.reverse = this.options.reverse ? 1 : -1, this.xDirection = !this.options.direction || this.options.direction === "all" || this.options.direction === "x", this.yDirection = !this.options.direction || this.options.direction === "all" || this.options.direction === "y", this.keyIsPressed = !1, this.parseUnderflow(), this.mouseButtons(this.options.mouseButtons), this.options.keyToPress && this.handleKeyPresses(this.options.keyToPress);
+    super(t), this.windowEventHandlers = [], this.options = Object.assign({}, dl, e), this.moved = !1, this.reverse = this.options.reverse ? 1 : -1, this.xDirection = !this.options.direction || this.options.direction === "all" || this.options.direction === "x", this.yDirection = !this.options.direction || this.options.direction === "all" || this.options.direction === "y", this.keyIsPressed = !1, this.parseUnderflow(), this.mouseButtons(this.options.mouseButtons), this.options.keyToPress && this.handleKeyPresses(this.options.keyToPress);
   }
   /**
   * Handles keypress events and set the keyIsPressed boolean accordingly
@@ -9002,7 +9002,7 @@ const ml = {
   acceleration: null,
   radius: null
 };
-class yl extends q {
+class yl extends $ {
   /**
    * This is called by {@link Viewport.follow}.
    *
@@ -9038,12 +9038,12 @@ class yl extends q {
               x: Math.max(this.velocity.x - this.options.acceleration * this.options.speed, 0),
               y: Math.max(this.velocity.y - this.options.acceleration * this.options.speed, 0)
             };
-            const d = Math.cos(l) * this.velocity.x, o = Math.sin(l) * this.velocity.y, h = Math.abs(d) > Math.abs(r) ? i : e.x + d, u = Math.abs(o) > Math.abs(a) ? n : e.y + o;
+            const p = Math.cos(l) * this.velocity.x, o = Math.sin(l) * this.velocity.y, h = Math.abs(p) > Math.abs(r) ? i : e.x + p, u = Math.abs(o) > Math.abs(a) ? n : e.y + o;
             this.parent.moveCenter(h, u), this.parent.emit("moved", { viewport: this.parent, type: "follow" });
           }
         } else {
-          const l = Math.atan2(n - e.y, i - e.x), c = Math.cos(l) * this.options.speed, f = Math.sin(l) * this.options.speed, d = Math.abs(c) > Math.abs(r) ? i : e.x + c, o = Math.abs(f) > Math.abs(a) ? n : e.y + f;
-          this.parent.moveCenter(d, o), this.parent.emit("moved", { viewport: this.parent, type: "follow" });
+          const l = Math.atan2(n - e.y, i - e.x), c = Math.cos(l) * this.options.speed, f = Math.sin(l) * this.options.speed, p = Math.abs(c) > Math.abs(r) ? i : e.x + c, o = Math.abs(f) > Math.abs(a) ? n : e.y + f;
+          this.parent.moveCenter(p, o), this.parent.emit("moved", { viewport: this.parent, type: "follow" });
         }
       else
         this.parent.moveCenter(i, n), this.parent.emit("moved", { viewport: this.parent, type: "follow" });
@@ -9062,7 +9062,7 @@ const gl = {
   linear: !1,
   allowButtons: !1
 };
-class vl extends q {
+class vl extends $ {
   /**
    * This is called by {@link Viewport.mouseEdges}.
    */
@@ -9116,7 +9116,7 @@ const bl = {
   factor: 1,
   axis: "all"
 }, wl = new k();
-class xl extends q {
+class xl extends $ {
   /**
   * This is called by {@link Viewport.pinch}.
   */
@@ -9154,7 +9154,7 @@ class xl extends q {
           f,
           this.parent.parent || this.parent
         ));
-        let d = Math.sqrt(
+        let p = Math.sqrt(
           Math.pow(
             a.last.x - r.last.x,
             2
@@ -9163,8 +9163,8 @@ class xl extends q {
             2
           )
         );
-        d = d === 0 ? d = 1e-10 : d;
-        const o = (1 - l / d) * this.options.percent * (this.isAxisX() ? this.parent.scale.x : this.parent.scale.y);
+        p = p === 0 ? p = 1e-10 : p;
+        const o = (1 - l / p) * this.options.percent * (this.isAxisX() ? this.parent.scale.x : this.parent.scale.y);
         this.isAxisX() && (this.parent.scale.x += o), this.isAxisY() && (this.parent.scale.y += o), this.parent.emit("zoomed", {
           viewport: this.parent,
           type: "pinch",
@@ -9201,7 +9201,7 @@ const _l = {
   removeOnInterrupt: !1,
   forceStart: !1
 };
-class Sl extends q {
+class Sl extends $ {
   /**
    * This is called by {@link Viewport.snap}.
    */
@@ -9236,8 +9236,8 @@ class Sl extends q {
         if (e.time > this.options.time)
           i = !0, n = a + c, r = l + f;
         else {
-          const d = this.ease(e.time, 0, 1, this.options.time);
-          n = a + c * d, r = l + f * d;
+          const p = this.ease(e.time, 0, 1, this.options.time);
+          n = a + c * p, r = l + f * p;
         }
         this.options.topLeft ? this.parent.moveCorner(n, r) : this.parent.moveCenter(n, r), this.parent.emit("moved", { viewport: this.parent, type: "snap" }), i && (this.options.removeOnComplete && this.parent.plugins.remove("snap"), this.parent.emit("snap-end", this.parent), this.snapping = null);
       } else {
@@ -9258,7 +9258,7 @@ const Al = {
   forceStart: !1,
   noMove: !1
 };
-class Cl extends q {
+class Cl extends $ {
   /**
    * This is called by {@link Viewport.snapZoom}.
    */
@@ -9318,7 +9318,7 @@ const kl = {
   trackpadPinch: !1,
   wheelZoom: !0
 };
-class Pl extends q {
+class Pl extends $ {
   /**
   * This is called by {@link Viewport.wheel}.
   */
@@ -9834,7 +9834,7 @@ class Ml extends Ft {
    * @returns {Viewport} this
    */
   drag(t) {
-    return this.plugins.add("drag", new dl(this, t)), this;
+    return this.plugins.add("drag", new pl(this, t)), this;
   }
   /**
    * Clamp to world boundaries or other provided boundaries
@@ -10319,7 +10319,7 @@ class Dn {
       }
       return;
     }
-    if (Vs(t)) {
+    if (zs(t)) {
       t.subscribe((n) => {
         n && typeof n == "object" && "elements" in n ? (n.elements || []).forEach((a) => this.appendChildElement(a)) : Array.isArray(n) ? n.forEach((r) => this.appendChildElement(r)) : this.appendChildElement(n);
       });
@@ -10418,7 +10418,7 @@ class Dn {
   }
 }
 W("DOMElement", Dn);
-const Dl = (s) => N("DOMElement", s), pt = class pt extends at(Vn) {
+const Dl = (s) => N("DOMElement", s), dt = class dt extends at(zn) {
   constructor() {
     super(...arguments), this.disableLayout = !0, this.canvasSizeEffect = null;
   }
@@ -10482,15 +10482,15 @@ const Dl = (s) => N("DOMElement", s), pt = class pt extends at(Vn) {
     if (Array.isArray(t))
       return t.map((e) => this.routeDomChildren(e));
     if (G(t)) {
-      if (pt.DOM_ALLOWED_TAGS.has(t.tag))
+      if (dt.DOM_ALLOWED_TAGS.has(t.tag))
         return t;
-      const e = pt.DOM_ROUTING_MAP[t.tag];
+      const e = dt.DOM_ROUTING_MAP[t.tag];
       if (e) {
         t.propSubscriptions?.forEach((n) => n.unsubscribe()), t.effectSubscriptions?.forEach((n) => n.unsubscribe()), t.effectUnmounts?.forEach((n) => n?.());
         const i = t.propObservables ?? t.props;
         return N(e, i);
       }
-      if (pt.DOM_UNSUPPORTED_TAGS.has(t.tag))
+      if (dt.DOM_UNSUPPORTED_TAGS.has(t.tag))
         throw new Error(
           `Component ${t.tag} is not implemented for DOMContainer context yet. Only Sprite is supported.`
         );
@@ -10501,11 +10501,31 @@ const Dl = (s) => N("DOMElement", s), pt = class pt extends at(Vn) {
   onInit(t) {
     const e = t._scopeClass;
     let i = { element: "div" };
-    e ? (i.attrs = { ...t.attrs }, i.attrs.class ? typeof i.attrs.class == "string" ? i.attrs.class = `${e} ${i.attrs.class}` : Array.isArray(i.attrs.class) ? i.attrs.class = [e, ...i.attrs.class] : typeof i.attrs.class == "object" && (i.attrs.class = { [e]: !0, ...i.attrs.class }) : i.attrs.class = e) : t.attrs && (i.attrs = t.attrs);
-    const n = this.routeDomChildren(t.children);
-    t.children = n;
-    const r = U(Dl, i, n);
-    this.element = r.componentInstance.element;
+    const n = { ...t.attrs || {} }, r = (c) => {
+      if (!e) return c;
+      if (c == null) return e;
+      if (typeof c == "string")
+        return `${e} ${c}`;
+      if (Array.isArray(c))
+        return [e, ...c];
+      if (typeof c == "object") {
+        if ("items" in c) {
+          const f = c.items;
+          return { ...c, items: [e, f] };
+        }
+        if ("value" in c) {
+          const f = c.value;
+          return { ...c, value: [e, f] };
+        }
+        return { [e]: !0, ...c };
+      }
+      return [e, c];
+    };
+    t.class !== void 0 && (n.class ? n.class = [t.class, n.class] : n.class = t.class), t.style !== void 0 && (typeof n.style == "object" && n.style !== null && typeof t.style == "object" && t.style !== null ? n.style = { ...n.style, ...t.style } : n.style === void 0 ? n.style = t.style : typeof n.style == "string" && typeof t.style == "string" ? n.style = `${n.style}; ${t.style}` : n.style = t.style), t.zIndex !== void 0 && (typeof n.style == "object" && n.style !== null ? n.style = { ...n.style, zIndex: t.zIndex } : typeof n.style == "string" ? n.style = `${n.style}; z-index: ${t.zIndex}` : n.style = { zIndex: t.zIndex }), e ? (i.attrs = { ...n }, i.attrs.class = r(i.attrs.class)) : Object.keys(n).length > 0 && (i.attrs = n);
+    const a = this.routeDomChildren(t.children);
+    t.children = a;
+    const l = U(Dl, i, a);
+    this.element = l.componentInstance.element;
   }
   async onMount(t, e) {
     await super.onMount(t, e), this.syncCanvasSizeEffect(), this.applyElementSize();
@@ -10523,13 +10543,13 @@ const Dl = (s) => N("DOMElement", s), pt = class pt extends at(Vn) {
     await super.onDestroy(t, i);
   }
 };
-pt.DOM_ROUTING_MAP = {
+dt.DOM_ROUTING_MAP = {
   Sprite: "DOMSprite"
-}, pt.DOM_ALLOWED_TAGS = /* @__PURE__ */ new Set([
+}, dt.DOM_ALLOWED_TAGS = /* @__PURE__ */ new Set([
   "DOMContainer",
   "DOMElement",
   "DOMSprite"
-]), pt.DOM_UNSUPPORTED_TAGS = /* @__PURE__ */ new Set([
+]), dt.DOM_UNSUPPORTED_TAGS = /* @__PURE__ */ new Set([
   "Canvas",
   "Container",
   "Graphics",
@@ -10551,7 +10571,7 @@ pt.DOM_ROUTING_MAP = {
   "Joystick",
   "FocusContainer"
 ]);
-let ni = pt;
+let ni = dt;
 W("DOMContainer", ni);
 const fh = (s) => N("DOMContainer", s), Ll = [
   "click",
@@ -10594,20 +10614,22 @@ const fh = (s) => N("DOMContainer", s), Ll = [
 ];
 class Fl extends Dn {
   constructor() {
-    super(...arguments), this.frameIndex = 0, this.frames = [], this.fps = 120, this.loop = !0, this.playing = !0, this.hasExternalFrameIndex = !1, this.elapsed = 0, this.sheetSubscriptions = [], this.sheetAnimations = /* @__PURE__ */ new Map(), this.sheetParams = {}, this.sheetTime = 0, this.sheetFrameIndex = 0, this.sheetFinished = !1, this.sheetLoadToken = 0, this.elementType = "div", this.isAnimating = !1;
+    super(...arguments), this.frameIndex = 0, this.frames = [], this.fps = 120, this.loop = !0, this.playing = !0, this.hasExternalFrameIndex = !1, this.elapsed = 0, this.sheetSubscriptions = [], this.sheetAnimations = /* @__PURE__ */ new Map(), this.sheetParams = {}, this.sheetTime = 0, this.sheetFrameIndex = 0, this.sheetFinished = !1, this.sheetLoadToken = 0, this.renderElementType = "div", this.wrapperElementType = "div", this.isAnimating = !1, this.frameWidth = 0, this.frameHeight = 0, this.isContained = !1;
   }
   onInit(t) {
-    const e = t;
-    this.elementType = e.element ?? "div";
-    const i = this.mergeEventAttrs({ ...e, element: this.elementType });
-    this.tickSignal = i.context?.tick, this.applyProps(i), super.onInit(i), this.render(), this.updateAnimationLoop();
+    const e = t, n = !(e.sheet !== void 0) && e.image ? "img" : "div";
+    this.renderElementType = e.element ?? n;
+    const r = this.resolveValue(e.objectFit);
+    this.fitMode = r ?? void 0, this.wrapperElementType = this.fitMode === "contain" && this.renderElementType === "img" ? "div" : this.renderElementType;
+    const a = this.mergeEventAttrs({ ...e, element: this.wrapperElementType });
+    this.tickSignal = a.context?.tick, this.applyProps(a), super.onInit(a), this.syncRenderElement(), this.applyDisplayProps(a), this.render(), this.updateAnimationLoop();
   }
   onMount(t) {
     this.tickSignal = t.props.context?.tick, super.onMount(t), this.bindPlayingSignal(t), this.bindSheetParams(t), this.updateAnimationLoop();
   }
   onUpdate(t) {
     const e = this.mergeEventAttrs(t);
-    super.onUpdate(e), this.applyProps(e), this.render(), this.updateAnimationLoop();
+    super.onUpdate(e), this.applyProps(e), this.syncRenderElement(), this.applyDisplayProps(e), this.render(), this.updateAnimationLoop();
   }
   async onDestroy(t, e) {
     this.playingSubscription && (this.playingSubscription.unsubscribe(), this.playingSubscription = void 0), this.sheetSubscriptions.length > 0 && (this.sheetSubscriptions.forEach((i) => i.unsubscribe()), this.sheetSubscriptions = []), this.stopAnimationLoop(), await super.onDestroy(t, e);
@@ -10648,7 +10670,7 @@ class Fl extends Dn {
     for (const n in e) {
       const a = {
         ...i.reduce(
-          (p, m) => ({ ...p, [m]: t[m] }),
+          (d, m) => ({ ...d, [m]: t[m] }),
           {}
         ),
         ...e[n],
@@ -10660,15 +10682,15 @@ class Fl extends Dn {
         rectWidth: l,
         rectHeight: c,
         framesWidth: f = 1,
-        framesHeight: d = 1,
+        framesHeight: p = 1,
         image: o
       } = a;
       let h = a.width || 0, u = a.height || 0;
       if (o && (!h || h <= 0 || !u || u <= 0)) {
-        const p = await this.detectImageDimensions(o);
-        (!h || h <= 0) && (h = p.width), (!u || u <= 0) && (u = p.height);
+        const d = await this.detectImageDimensions(o);
+        (!h || h <= 0) && (h = d.width), (!u || u <= 0) && (u = d.height);
       }
-      !h || !u || !f || !d || (a.width = h, a.height = u, a.spriteWidth = l || h / f, a.spriteHeight = c || u / d, this.sheetAnimations.set(n, {
+      !h || !u || !f || !p || (a.width = h, a.height = u, a.spriteWidth = l || h / f, a.spriteHeight = c || u / p, this.sheetAnimations.set(n, {
         frames: [],
         name: n,
         animations: e[n].animations,
@@ -10705,13 +10727,13 @@ class Fl extends Dn {
     const r = structuredClone(e);
     let a = n.animations;
     a = ui(a) ? a(...r) : a, n.frames = [], n.params = r, this.sheetCurrentAnimation = n, this.sheetCurrentName = t, this.sheetTime = 0, this.sheetFrameIndex = 0, this.sheetFinished = !1;
-    const l = n.data, c = l.spriteWidth, f = l.spriteHeight, d = l.offset?.x ?? 0, o = l.offset?.y ?? 0;
+    const l = n.data, c = l.spriteWidth, f = l.spriteHeight, p = l.offset?.x ?? 0, o = l.offset?.y ?? 0;
     for (const h of a)
       for (const u of h) {
-        const p = u.frameX ?? 0, m = u.frameY ?? 0;
+        const d = u.frameX ?? 0, m = u.frameY ?? 0;
         n.frames.push({
           ...u,
-          x: p * c + d,
+          x: d * c + p,
           y: m * f + o,
           width: c,
           height: f
@@ -10746,7 +10768,7 @@ class Fl extends Dn {
       const n = t[i];
       n && !e?.[i] && (e || (e = {}), e[i] = n);
     }
-    return e ? { ...t, attrs: e } : t;
+    return t.class !== void 0 && (e || (e = {}), e.class ? e.class = [t.class, e.class] : e.class = t.class), t.style !== void 0 && (e || (e = {}), typeof e.style == "object" && e.style !== null && typeof t.style == "object" && t.style !== null ? e.style = { ...e.style, ...t.style } : e.style === void 0 ? e.style = t.style : typeof e.style == "string" && typeof t.style == "string" ? e.style = `${e.style}; ${t.style}` : e.style = t.style), e ? { ...t, attrs: e } : t;
   }
   applyProps(t) {
     if (t.image !== void 0 && (this.image = _(t.image) ? t.image() : t.image), t.rectangle !== void 0 && (this.rectangle = this.resolveRectangle(t.rectangle)), t.frames !== void 0) {
@@ -10777,6 +10799,119 @@ class Fl extends Dn {
       const e = _(t.loop) ? t.loop() : t.loop;
       e !== void 0 && (this.loop = e);
     }
+    if (t.objectFit !== void 0) {
+      const e = this.resolveValue(t.objectFit);
+      this.fitMode = e ?? void 0;
+    }
+  }
+  resolveValue(t) {
+    if (t === void 0) return;
+    const e = _(t) ? t() : t;
+    return e && typeof e == "object" && "value" in e ? e.value : e;
+  }
+  resolvePoint(t) {
+    const e = this.resolveValue(t);
+    if (e != null) {
+      if (typeof e == "number")
+        return { x: e, y: e };
+      if (Array.isArray(e)) {
+        const [i, n] = e;
+        return { x: i ?? 0, y: n ?? i ?? 0 };
+      }
+      if (typeof e == "object")
+        return { x: e.x ?? 0, y: e.y ?? 0 };
+    }
+  }
+  resolveSize(t) {
+    const e = this.resolveValue(t);
+    if (e != null) {
+      if (typeof e == "number") return `${e}px`;
+      if (typeof e == "string") return e;
+    }
+  }
+  resolvePixelSize(t) {
+    if (t) {
+      if (t.endsWith("px")) {
+        const e = parseFloat(t);
+        return Number.isNaN(e) ? void 0 : e;
+      }
+      if (/^\d+(\.\d+)?$/.test(t)) {
+        const e = parseFloat(t);
+        return Number.isNaN(e) ? void 0 : e;
+      }
+    }
+  }
+  toCssColor(t) {
+    return `#${Math.max(0, Math.min(16777215, t)).toString(16).padStart(6, "0")}`;
+  }
+  applyDisplayProps(t) {
+    if (!this.element) return;
+    if (t.width !== void 0 ? this.explicitWidth = this.resolveSize(t.width) : this.explicitWidth = void 0, t.height !== void 0 ? this.explicitHeight = this.resolveSize(t.height) : this.explicitHeight = void 0, this.explicitWidth !== void 0 && (this.element.style.width = this.explicitWidth), this.explicitHeight !== void 0 && (this.element.style.height = this.explicitHeight), t.alpha !== void 0) {
+      const r = this.resolveValue(t.alpha);
+      r !== void 0 && (this.element.style.opacity = String(r));
+    }
+    if (t.visible !== void 0) {
+      const r = this.resolveValue(t.visible);
+      this.element.style.display = r === !1 ? "none" : "";
+    }
+    if (t.zIndex !== void 0) {
+      const r = this.resolveValue(t.zIndex);
+      r !== void 0 && (this.element.style.zIndex = String(r));
+    }
+    if (t.cursor !== void 0) {
+      const r = this.resolveValue(t.cursor);
+      r !== void 0 && (this.element.style.cursor = String(r));
+    }
+    if (t.tint !== void 0) {
+      const r = this.resolveValue(t.tint);
+      typeof r == "number" && (this.element.style.filter = `drop-shadow(0 0 0 ${this.toCssColor(r)})`);
+    }
+    if ([
+      t.x,
+      t.y,
+      t.scale,
+      t.rotation,
+      t.angle,
+      t.skew,
+      t.roundPixels
+    ].some((r) => r !== void 0)) {
+      let r = this.resolveValue(t.x) ?? 0, a = this.resolveValue(t.y) ?? 0;
+      this.resolveValue(t.roundPixels) && (r = Math.round(r), a = Math.round(a));
+      const c = this.resolvePoint(t.scale) ?? { x: 1, y: 1 }, f = this.resolvePoint(t.skew), p = this.resolveValue(t.angle), o = this.resolveValue(t.rotation), h = p !== void 0 ? p : o !== void 0 ? o * 180 / Math.PI : 0, u = [
+        `translate3d(${r}px, ${a}px, 0)`
+      ];
+      if (h !== 0 && u.push(`rotate(${h}deg)`), f) {
+        const d = f.x * 180 / Math.PI, m = f.y * 180 / Math.PI;
+        (d !== 0 || m !== 0) && u.push(`skew(${d}deg, ${m}deg)`);
+      }
+      (c.x !== 1 || c.y !== 1) && u.push(`scale(${c.x}, ${c.y})`), this.element.style.transform = u.join(" ");
+    }
+    const i = this.resolvePoint(t.pivot), n = this.resolvePoint(t.anchor);
+    i ? this.element.style.transformOrigin = `${i.x}px ${i.y}px` : n && (this.element.style.transformOrigin = `${n.x * 100}% ${n.y * 100}%`);
+  }
+  syncRenderElement() {
+    if (this.element) {
+      if (this.fitMode === "contain" && !(this.element instanceof HTMLImageElement)) {
+        if (!this.isContained) {
+          const t = document.createElement(this.renderElementType);
+          this.element.style.position = "relative", this.element.style.overflow = "hidden", t.style.position = "absolute", t.style.left = "0", t.style.top = "0", t.style.transformOrigin = "0 0", this.element.appendChild(t), this.renderElement = t, this.isContained = !0;
+        }
+        return;
+      }
+      this.isContained && (this.renderElement && this.renderElement !== this.element && this.renderElement.remove(), this.renderElement = void 0, this.isContained = !1);
+    }
+  }
+  getRenderElement() {
+    return this.renderElement ?? this.element;
+  }
+  applyContainScale() {
+    if (!this.isContained) return;
+    const t = this.getRenderElement();
+    if (!t || !this.element || this.frameWidth <= 0 || this.frameHeight <= 0) return;
+    const e = this.resolvePixelSize(this.explicitWidth) ?? this.element.clientWidth, i = this.resolvePixelSize(this.explicitHeight) ?? this.element.clientHeight;
+    if (!e || !i) return;
+    const n = Math.min(e / this.frameWidth, i / this.frameHeight);
+    !Number.isFinite(n) || n <= 0 || (t.style.transform = `scale(${n})`);
   }
   bindPlayingSignal(t) {
     const e = t.propObservables?.playing;
@@ -10809,31 +10944,33 @@ class Fl extends Dn {
   }
   render() {
     if (!this.element) return;
-    const t = this.getCurrentSheetFrame();
-    if (t) {
-      this.applyFrame(t);
+    const t = this.getRenderElement(), e = this.getCurrentSheetFrame();
+    if (e) {
+      this.applyFrame(e);
       return;
     }
-    const e = this.getFrames();
-    if (e.length === 0) {
-      this.elementType === "img" && this.image ? this.element.src = this.image : this.image && (this.element.style.backgroundImage = `url("${this.image}")`);
+    const i = this.getFrames();
+    if (i.length === 0) {
+      this.renderElementType === "img" && this.image && t ? t.src = this.image : this.image && (t.style.backgroundImage = `url("${this.image}")`);
       return;
     }
-    const i = this.normalizeIndex(this.frameIndex, e.length);
-    i !== this.frameIndex && !this.loop && (this.frameIndex = i);
-    const n = e[i];
-    this.applyFrame(n);
+    const n = this.normalizeIndex(this.frameIndex, i.length);
+    n !== this.frameIndex && !this.loop && (this.frameIndex = n);
+    const r = i[n];
+    this.applyFrame(r);
   }
   applyFrame(t) {
     if (!this.element) return;
-    this.element.style.width = `${t.width}px`, this.element.style.height = `${t.height}px`;
-    const e = t.x ?? 0, i = t.y ?? 0;
-    if (this.elementType === "img") {
-      const n = this.element;
-      this.image && (n.src = this.image), n.style.objectFit = "none", n.style.objectPosition = `-${e}px -${i}px`;
+    const e = this.getRenderElement();
+    if (!e) return;
+    this.frameWidth = t.width, this.frameHeight = t.height, this.fitMode === "contain" ? (e.style.width = `${t.width}px`, e.style.height = `${t.height}px`) : (e.style.width = this.explicitWidth ?? `${t.width}px`, e.style.height = this.explicitHeight ?? `${t.height}px`);
+    const i = t.x ?? 0, n = t.y ?? 0;
+    if (this.renderElementType === "img") {
+      const r = e;
+      this.image && (r.src = this.image), r.style.objectFit = "none", r.style.objectPosition = `-${i}px -${n}px`, this.applyContainScale();
       return;
     }
-    this.image && (this.element.style.backgroundImage = `url("${this.image}")`), this.element.style.backgroundRepeat = "no-repeat", this.element.style.backgroundPosition = `-${e}px -${i}px`;
+    this.image && (e.style.backgroundImage = `url("${this.image}")`), e.style.backgroundRepeat = "no-repeat", e.style.backgroundPosition = `-${i}px -${n}px`, this.applyContainScale();
   }
   updateAnimationLoop() {
     const t = this.sheetCurrentAnimation?.frames ?? [];
@@ -10898,13 +11035,13 @@ class Fl extends Dn {
   }
 }
 W("DOMSprite", Fl);
-const ph = (s) => N("DOMSprite", s);
+const dh = (s) => N("DOMSprite", s);
 var Hl = /* @__PURE__ */ ((s) => (s.Normal = "normal", s.Hover = "hover", s.Pressed = "pressed", s.Disabled = "disabled", s))(Hl || {});
-function dh(s) {
+function ph(s) {
   const t = P(
     "normal"
     /* Normal */
-  ), e = P(!1), i = P(!1), n = _n(s), { text: r, disabled: a, width: l, height: c, style: f, shape: d, controlName: o } = n({
+  ), e = P(!1), i = P(!1), n = _n(s), { text: r, disabled: a, width: l, height: c, style: f, shape: p, controlName: o } = n({
     text: {
       type: String,
       default: ""
@@ -10978,10 +11115,10 @@ function dh(s) {
         y && v && y.applyControl && await y.applyControl(v);
       }
     }
-  }, p = () => {
+  }, d = () => {
     if (s.background)
       return s.background;
-    const g = d(), y = K(() => {
+    const g = p(), y = q(() => {
       const b = f().backgroundColor || {
         normal: "#007bff",
         hover: "#0056b3",
@@ -10991,11 +11128,11 @@ function dh(s) {
       return b[w] || b.normal;
     });
     if (g === "circle") {
-      const v = K(() => Math.min(l(), c()) / 2);
+      const v = q(() => Math.min(l(), c()) / 2);
       return U(Sn, {
         radius: v,
-        x: K(() => l() / 2),
-        y: K(() => c() / 2),
+        x: q(() => l() / 2),
+        y: q(() => c() / 2),
         color: y
       });
     } else return g === "ellipse" ? U(Ha, {
@@ -11008,12 +11145,12 @@ function dh(s) {
       color: y
     });
   }, m = () => s.children && s.children.length > 0 ? s.children : [
-    U($a, {
+    U(Ka, {
       text: r,
-      x: K(() => l() / 2),
-      y: K(() => c() / 2),
+      x: q(() => l() / 2),
+      y: q(() => c() / 2),
       anchor: { x: 0.5, y: 0.5 },
-      style: K(() => {
+      style: q(() => {
         const y = f().text || {};
         return {
           fontSize: y.fontSize || 16,
@@ -11034,7 +11171,7 @@ function dh(s) {
     tabindex: s.tabindex,
     ...u
   }, [
-    p(),
+    d(),
     ...m()
   ]);
 }
@@ -11051,7 +11188,7 @@ function mh(s = {}) {
   let i = 70, n = 10;
   const r = 0.5;
   let a = !1, l = null, c = 0;
-  const f = P(0), d = P(0), o = P(r);
+  const f = P(0), p = P(0), o = P(r);
   function h(w) {
     const x = w.x - 0, S = w.y - 0;
     return Math.min(1, Math.sqrt(x * x + S * S) / i);
@@ -11060,7 +11197,7 @@ function mh(s = {}) {
     let x = Math.atan2(w.y, w.x);
     return x >= -Math.PI / 8 && x < 0 || x >= 0 && x < Math.PI / 8 ? "right" : x >= Math.PI / 8 && x < 3 * Math.PI / 8 ? "bottom_right" : x >= 3 * Math.PI / 8 && x < 5 * Math.PI / 8 ? "bottom" : x >= 5 * Math.PI / 8 && x < 7 * Math.PI / 8 ? "bottom_left" : x >= 7 * Math.PI / 8 && x < Math.PI || x >= -Math.PI && x < -7 * Math.PI / 8 ? "left" : x >= -7 * Math.PI / 8 && x < -5 * Math.PI / 8 ? "top_left" : x >= -5 * Math.PI / 8 && x < -3 * Math.PI / 8 ? "top" : "top_right";
   }
-  function p(w) {
+  function d(w) {
     const x = w.currentTarget || w.target;
     l = w.getLocalPosition(x), a = !0, o.set(1), t.onStart?.();
     const S = e();
@@ -11068,7 +11205,7 @@ function mh(s = {}) {
   }
   function m() {
     if (!a) return;
-    f.set(0), d.set(0), a = !1, o.set(r), t.onEnd?.();
+    f.set(0), p.set(0), a = !1, o.set(r), t.onEnd?.();
     const w = e();
     w && (w.handleJoystickEnd ? w.handleJoystickEnd() : w.joystick && w.joystick.handleJoystickEnd && w.joystick.handleJoystickEnd());
   }
@@ -11084,11 +11221,11 @@ function mh(s = {}) {
       M > 0 ? (A.set(0, M > i ? i : M), L = 270, j = "bottom") : (A.set(
         0,
         -(Math.abs(M) > i ? i : Math.abs(M))
-      ), L = 90, j = "top"), f.set(A.x), d.set(A.y), c = h(A);
+      ), L = 90, j = "top"), f.set(A.x), p.set(A.y), c = h(A);
       const gt = { angle: L, direction: j, power: c };
       t.onChange?.(gt);
-      const z = e();
-      z && (z.handleJoystickChange ? z.handleJoystickChange(gt) : z.joystick && z.joystick.handleJoystickChange && z.joystick.handleJoystickChange(gt));
+      const V = e();
+      V && (V.handleJoystickChange ? V.handleJoystickChange(gt) : V.joystick && V.joystick.handleJoystickChange && V.joystick.handleJoystickChange(gt));
       return;
     }
     if (M == 0) {
@@ -11098,17 +11235,17 @@ function mh(s = {}) {
       ), L = 0, j = "right") : (A.set(
         -(Math.abs(C) > i ? i : Math.abs(C)),
         0
-      ), L = 180, j = "left"), f.set(A.x), d.set(A.y), c = h(A);
+      ), L = 180, j = "left"), f.set(A.x), p.set(A.y), c = h(A);
       const gt = { angle: L, direction: j, power: c };
       t.onChange?.(gt);
-      const z = e();
-      z && (z.handleJoystickChange ? z.handleJoystickChange(gt) : z.joystick && z.joystick.handleJoystickChange && z.joystick.handleJoystickChange(gt));
+      const V = e();
+      V && (V.handleJoystickChange ? V.handleJoystickChange(gt) : V.joystick && V.joystick.handleJoystickChange && V.joystick.handleJoystickChange(gt));
       return;
     }
     let Nt = Math.abs(M / C), ut = Math.atan(Nt);
     L = ut * 180 / Math.PI;
     let R = 0, it = 0;
-    C * C + M * M >= i * i ? (R = i * Math.cos(ut), it = i * Math.sin(ut)) : (R = Math.abs(C) > i ? i : Math.abs(C), it = Math.abs(M) > i ? i : Math.abs(M)), M < 0 && (it = -Math.abs(it)), C < 0 && (R = -Math.abs(R)), C > 0 && M < 0 || (C < 0 && M < 0 ? L = 180 - L : C < 0 && M > 0 ? L = L + 180 : C > 0 && M > 0 && (L = 360 - L)), A.set(R, it), c = h(A), j = u(A), f.set(A.x), d.set(A.y);
+    C * C + M * M >= i * i ? (R = i * Math.cos(ut), it = i * Math.sin(ut)) : (R = Math.abs(C) > i ? i : Math.abs(C), it = Math.abs(M) > i ? i : Math.abs(M)), M < 0 && (it = -Math.abs(it)), C < 0 && (R = -Math.abs(R)), C > 0 && M < 0 || (C < 0 && M < 0 ? L = 180 - L : C < 0 && M > 0 ? L = L + 180 : C > 0 && M > 0 && (L = 360 - L)), A.set(R, it), c = h(A), j = u(A), f.set(A.x), p.set(A.y);
     const Oe = { angle: L, direction: j, power: c };
     t.onChange?.(Oe);
     const Pt = e();
@@ -11128,7 +11265,7 @@ function mh(s = {}) {
   const b = {
     scale: t.innerScale,
     x: f,
-    y: d,
+    y: p,
     alpha: o
   };
   return t.inner ? y = t.inner : y = U(Wt, {
@@ -11140,7 +11277,7 @@ function mh(s = {}) {
     Pe,
     {
       ...s,
-      pointerdown: p,
+      pointerdown: d,
       pointerup: m,
       pointerupoutside: m,
       pointermove: g
@@ -11369,24 +11506,24 @@ const bt = class bt {
     if (!l) return;
     const c = this.getElementBounds(a);
     l.getVisibleBounds();
-    const f = n.padding || 0, d = n.center !== !1, o = n.smooth || !1, h = n.duration || 300;
+    const f = n.padding || 0, p = n.center !== !1, o = n.smooth || !1, h = n.duration || 300;
     if (this.isElementVisible(a, l)) {
-      if (d) {
-        const u = c.x + c.width / 2, p = c.y + c.height / 2;
-        o ? this.animateScroll(t, l, u, p, h) : l.moveCenter(u, p);
+      if (p) {
+        const u = c.x + c.width / 2, d = c.y + c.height / 2;
+        o ? this.animateScroll(t, l, u, d, h) : l.moveCenter(u, d);
       }
       return;
     }
-    if (d) {
-      const u = c.x + c.width / 2, p = c.y + c.height / 2;
-      o ? this.animateScroll(t, l, u, p, h) : l.moveCenter(u, p);
+    if (p) {
+      const u = c.x + c.width / 2, d = c.y + c.height / 2;
+      o ? this.animateScroll(t, l, u, d, h) : l.moveCenter(u, d);
     } else {
-      const u = c.x - f, p = c.y - f, m = c.width + f * 2, g = c.height + f * 2;
+      const u = c.x - f, d = c.y - f, m = c.width + f * 2, g = c.height + f * 2;
       if (o) {
         const y = c.x + c.width / 2, v = c.y + c.height / 2;
         this.animateScroll(t, l, y, v, h);
       } else
-        l.fit(u, p, m, g, f);
+        l.fit(u, d, m, g, f);
     }
   }
   /**
@@ -11408,18 +11545,18 @@ const bt = class bt {
       duration: r
     };
     this.scrollAnimations.set(t, f);
-    const d = () => {
+    const p = () => {
       const o = this.scrollAnimations.get(t);
       if (!o) return;
-      const h = Date.now() - o.startTime, u = Math.min(h / o.duration, 1), p = 1 - Math.pow(1 - u, 3), m = o.startX + (o.targetX - o.startX) * p, g = o.startY + (o.targetY - o.startY) * p;
-      e.moveCenter(m, g), u < 1 ? requestAnimationFrame(d) : this.scrollAnimations.delete(t);
+      const h = Date.now() - o.startTime, u = Math.min(h / o.duration, 1), d = 1 - Math.pow(1 - u, 3), m = o.startX + (o.targetX - o.startX) * d, g = o.startY + (o.targetY - o.startY) * d;
+      e.moveCenter(m, g), u < 1 ? requestAnimationFrame(p) : this.scrollAnimations.delete(t);
     };
-    requestAnimationFrame(d);
+    requestAnimationFrame(p);
   }
 };
 bt.instance = null;
 let ri = bt;
-const $ = ri.getInstance();
+const K = ri.getInstance();
 class Wl extends tt {
   constructor() {
     super(...arguments), this.element = null, this.controlsDirective = null, this.controlsSubscription = null;
@@ -11439,7 +11576,7 @@ class Wl extends tt {
    */
   onMount(t) {
     if (this.controlsDirective = t.directives?.controls, !this.controlsDirective) {
-      const i = di(t, "controls");
+      const i = pi(t, "controls");
       i && (t.directives || (t.directives = {}), t.directives.controls = i, this.controlsDirective = i);
     }
     const e = t.props.controls;
@@ -11487,7 +11624,7 @@ class jl {
     const e = P(null), i = P(null);
     this.currentIndexSignal = e, this.focusedElementSignal = i;
     const n = t.viewport || t.context?.viewport;
-    $.registerContainer(this.containerId, {
+    K.registerContainer(this.containerId, {
       focusables: /* @__PURE__ */ new Map(),
       currentIndex: e,
       focusedElement: i,
@@ -11502,8 +11639,8 @@ class jl {
    * @param element - The element being mounted
    */
   async onMount(t) {
-    if ($.updateContainer(this.containerId, { element: t }), t.props.controls) {
-      const e = di(t, "focusNavigation");
+    if (K.updateContainer(this.containerId, { element: t }), t.props.controls) {
+      const e = pi(t, "focusNavigation");
       e && !t.directives && (t.directives = {}), e && (t.directives.focusNavigation = e, e.onInit(t), e.onMount(t));
     }
     if (t.allElements) {
@@ -11512,7 +11649,7 @@ class jl {
       });
       t.effectSubscriptions || (t.effectSubscriptions = []), t.effectSubscriptions.push(e);
     }
-    $.setTabindex(this.containerId, t.propObservables?.tabindex), setTimeout(() => {
+    K.setTabindex(this.containerId, t.propObservables?.tabindex), setTimeout(() => {
       this.registerChildren(t);
     }, 0);
   }
@@ -11523,7 +11660,7 @@ class jl {
    */
   onUpdate(t) {
     const e = t.viewport || t.context?.viewport;
-    $.updateContainer(this.containerId, {
+    K.updateContainer(this.containerId, {
       viewport: e,
       autoScroll: t.autoScroll,
       onFocusChange: t.onFocusChange
@@ -11537,8 +11674,8 @@ class jl {
    */
   async onDestroy(t, e) {
     for (const i of this.registeredFocusables)
-      $.unregisterFocusable(this.containerId, i);
-    this.registeredFocusables.clear(), $.unregisterContainer(this.containerId), e && e();
+      K.unregisterFocusable(this.containerId, i);
+    this.registeredFocusables.clear(), K.unregisterContainer(this.containerId), e && e();
   }
   /**
    * Register focusable children from element
@@ -11576,7 +11713,7 @@ class jl {
         const a = n.props.tabindex;
         r = _(a) ? a() : a;
       }
-      if (r !== void 0 && r >= 0 && (this.registeredFocusables.has(r) || ($.registerFocusable(this.containerId, n, r), this.registeredFocusables.add(r))), n.props && n.props.children)
+      if (r !== void 0 && r >= 0 && (this.registeredFocusables.has(r) || (K.registerFocusable(this.containerId, n, r), this.registeredFocusables.add(r))), n.props && n.props.children)
         if (Array.isArray(n.props.children))
           e(n.props.children);
         else if (_(n.props.children) || n.props.children && typeof n.props.children.subscribe == "function") {
@@ -11632,10 +11769,10 @@ class jl {
 W("Navigation", jl);
 const Rl = (s) => N("Navigation", s), yh = Rl, gh = async (s, t, e) => {
   const { components: i, autoRegister: n, enableLayout: r, ...a } = e ?? {};
-  r !== !1 && await import("./index-DaGekQUW.js"), i ? (n !== !1 && us(), Object.entries(i).forEach(([d, o]) => {
-    W(d, o);
+  r !== !1 && await import("./index-DaGekQUW.js"), i ? (n !== !1 && us(), Object.entries(i).forEach(([p, o]) => {
+    W(p, o);
   })) : us();
-  const l = new zn();
+  const l = new Vn();
   await l.init({
     resizeTo: s,
     autoStart: !1,
@@ -11655,13 +11792,13 @@ const Rl = (s) => N("Navigation", s), yh = Rl, gh = async (s, t, e) => {
   };
 };
 function vh(s) {
-  return $.getCurrentIndexSignal(s);
+  return K.getCurrentIndexSignal(s);
 }
 function bh(s) {
-  return $.getFocusedElementSignal(s);
+  return K.getFocusedElementSignal(s);
 }
 function wh(s, t) {
-  const e = $.getCurrentIndexSignal(s), i = $.getFocusedElementSignal(s);
+  const e = K.getCurrentIndexSignal(s), i = K.getFocusedElementSignal(s);
   if (!e || !i)
     return console.warn(`FocusContainer with id "${s}" not found`), () => {
     };
@@ -11676,17 +11813,17 @@ function wh(s, t) {
 const xh = {
   linear: jo,
   easeIn: wi,
-  easeInOut: pn,
+  easeInOut: dn,
   easeOut: Ro,
-  circIn: dn,
+  circIn: pn,
   circInOut: Bo,
   circOut: mn,
   backIn: xi,
-  backInOut: Vo,
+  backInOut: zo,
   backOut: No,
-  anticipate: zo,
+  anticipate: Vo,
   bounceIn: Yo,
-  bounceInOut: qo,
+  bounceInOut: $o,
   bounceOut: ye
 };
 class _h {
@@ -11736,8 +11873,8 @@ class _h {
           addressModeV: "clamp-to-edge"
         })
       });
-      const d = new Xn(), o = Math.sqrt((n - e) * (n - e) + (r - i) * (r - i)), h = Math.sqrt((a - e) * (a - e) + (l - i) * (l - i)), u = Math.atan2(r - i, n - e), p = o / f, m = h / f;
-      d.rotate(-u), d.scale(p, m), t && d.translate(t.x, t.y), this.transform = d;
+      const p = new Xn(), o = Math.sqrt((n - e) * (n - e) + (r - i) * (r - i)), h = Math.sqrt((a - e) * (a - e) + (l - i) * (l - i)), u = Math.atan2(r - i, n - e), d = o / f, m = h / f;
+      p.rotate(-u), p.scale(d, m), t && p.translate(t.x, t.y), this.transform = p;
     }
     return {
       texture: this.texture,
@@ -11780,16 +11917,16 @@ function Sh(s, t, e = "wrap") {
 const Ah = Bt.Howler;
 export {
   ae as ArraySubject,
-  dh as Button,
+  ph as Button,
   Hl as ButtonState,
   eh as Canvas,
   Sn as Circle,
   Pe as Container,
-  pi as ControlsBase,
+  di as ControlsBase,
   va as ControlsDirective,
   fh as DOMContainer,
   Dl as DOMElement,
-  ph as DOMSprite,
+  dh as DOMSprite,
   at as DisplayObject,
   Ta as Drag,
   Pa as Drop,
@@ -11801,9 +11938,9 @@ export {
   ri as FocusManager,
   to as GamepadControls,
   Wt as Graphics,
-  $l as Howl,
+  Kl as Howl,
   Ah as Howler,
-  Vr as Input,
+  zr as Input,
   mh as Joystick,
   eo as JoystickControls,
   Ur as KeyboardControls,
@@ -11820,7 +11957,7 @@ export {
   Aa as Sound,
   On as Sprite,
   sh as Svg,
-  $a as Text,
+  Ka as Text,
   hh as TilingSprite,
   Ma as Transition,
   ih as Triangle,
@@ -11832,13 +11969,13 @@ export {
   xn as animatedSignal,
   gh as bootstrapCanvas,
   ge as checkDependencies,
-  K as computed,
-  Kl as cond,
+  q as computed,
+  ql as cond,
   N as createComponent,
   Sh as createTabindexNavigator,
-  ds as currentSubscriptionsTracker,
+  ps as currentSubscriptionsTracker,
   H as effect,
-  $ as focusManager,
+  K as focusManager,
   U as h,
   Zt as isAnimatedSignal,
   Gl as isArraySubject,
@@ -11846,12 +11983,12 @@ export {
   G as isElement,
   ot as isElementFrozen,
   Xl as isObjectSubject,
-  zl as isObservable,
+  Vl as isObservable,
   hs as isPrimitive,
   _ as isSignal,
   ke as isTrigger,
   no as linkedSignal,
-  ql as loop,
+  $l as loop,
   An as mount,
   si as mountTracker,
   _i as on,