canvasengine 2.0.0-beta.53 → 2.0.0-beta.54

package/dist/index.js

@@ -1,5 +1,5 @@
 import * as Fn from "pixi.js";
-import { Point as k, Rectangle as _t, Sprite as pe, Texture as ct, WRAP_MODES as Hn, DisplacementFilter as Rn, ObservablePoint as bs, BlurFilter as qi, Container as Ft, Graphics as ai, Assets as St, Mesh as Wn, Geometry as jn, Ticker as ws, Text as Bn, TilingSprite as Nn, NineSliceSprite as Vn, DOMContainer as zn, Application as Un, DOMAdapter as Gn, ImageSource as Xn, Matrix as Yn } from "pixi.js";
+import { Point as k, Rectangle as _t, Sprite as pe, Texture as ct, WRAP_MODES as Hn, DisplacementFilter as Rn, ObservablePoint as bs, BlurFilter as qi, Container as Ft, Graphics as ai, Assets as St, Mesh as jn, Geometry as Wn, Ticker as ws, Text as Bn, TilingSprite as Nn, NineSliceSprite as Vn, DOMContainer as zn, Application as Un, DOMAdapter as Gn, ImageSource as Xn, Matrix as Yn } from "pixi.js";
 function $n(s, t) {
   for (var e = 0; e < t.length; e++) {
     const i = t[e];
@@ -524,7 +524,7 @@ function rr(s) {
 function or(s) {
   return F(s?.lift);
 }
-function Wt(s) {
+function jt(s) {
   return function(t) {
     if (or(t))
       return t.lift(function(e) {
@@ -797,7 +797,7 @@ function Fs(s) {
 function Hs(s) {
   return F(s?.getReader);
 }
-function jt(s) {
+function Wt(s) {
   if (s instanceof I)
     return s;
   if (s != null) {
@@ -917,8 +917,8 @@ function mt(s, t, e, i, n) {
   if (s.add(r), !n)
     return r;
 }
-function Ws(s, t) {
-  return t === void 0 && (t = 0), Wt(function(e, i) {
+function js(s, t) {
+  return t === void 0 && (t = 0), jt(function(e, i) {
     e.subscribe(we(i, function(n) {
       return mt(i, s, function() {
         return i.next(n);
@@ -934,18 +934,18 @@ function Ws(s, t) {
     }));
   });
 }
-function js(s, t) {
-  return t === void 0 && (t = 0), Wt(function(e, i) {
+function Ws(s, t) {
+  return t === void 0 && (t = 0), jt(function(e, i) {
     i.add(s.schedule(function() {
       return e.subscribe(i);
     }, t));
   });
 }
 function wr(s, t) {
-  return jt(s).pipe(js(t), Ws(t));
+  return Wt(s).pipe(Ws(t), js(t));
 }
 function xr(s, t) {
-  return jt(s).pipe(js(t), Ws(t));
+  return Wt(s).pipe(Ws(t), js(t));
 }
 function _r(s, t) {
   return new I(function(e) {
@@ -1009,13 +1009,13 @@ function Cr(s, t) {
   throw Is(s);
 }
 function me(s, t) {
-  return t ? Cr(s, t) : jt(s);
+  return t ? Cr(s, t) : Wt(s);
 }
 function Gl(s) {
   return !!s && (s instanceof I || F(s.lift) && F(s.subscribe));
 }
 function ui(s, t) {
-  return Wt(function(e, i) {
+  return jt(function(e, i) {
     var n = 0;
     e.subscribe(we(i, function(r) {
       i.next(s.call(t, r, n++));
@@ -1090,19 +1090,19 @@ function ts(s, t, e) {
 }
 function Rr(s) {
   return new I(function(t) {
-    jt(s()).subscribe(t);
+    Wt(s()).subscribe(t);
   });
 }
 function Ut(s, t) {
-  return Wt(function(e, i) {
+  return jt(function(e, i) {
     var n = 0;
     e.subscribe(we(i, function(r) {
       return s.call(t, r, n++) && i.next(r);
     }));
   });
 }
-function Wr(s) {
-  return Wt(function(t, e) {
+function jr(s) {
+  return jt(function(t, e) {
     try {
       t.subscribe(e);
     } finally {
@@ -1124,7 +1124,7 @@ function Ns(s) {
       var b = p;
       y(), b?.unsubscribe();
     };
-    return Wt(function(b, w) {
+    return jt(function(b, w) {
       u++, !m && !d && g();
       var x = h = h ?? e();
       w.add(function() {
@@ -1139,7 +1139,7 @@ function Ns(s) {
         complete: function() {
           d = !0, g(), o = Le(y, a), x.complete();
         }
-      }), jt(b).subscribe(p));
+      }), Wt(b).subscribe(p));
     })(f);
   };
 }
@@ -1156,10 +1156,10 @@ function Le(s, t) {
         n.unsubscribe(), s();
       }
     });
-    return jt(t.apply(void 0, qt([], $t(e)))).subscribe(n);
+    return Wt(t.apply(void 0, qt([], $t(e)))).subscribe(n);
   }
 }
-function jr(s, t, e) {
+function Wr(s, t, e) {
   var i, n, r, a, l = !1;
   return s && typeof s == "object" ? (i = s.bufferSize, a = i === void 0 ? 1 / 0 : i, n = s.windowTime, t = n === void 0 ? 1 / 0 : n, r = s.refCount, l = r === void 0 ? !1 : r, e = s.scheduler) : a = s ?? 1 / 0, Ns({
     connector: function() {
@@ -2135,7 +2135,7 @@ class eo extends pi {
     this.joypad || this.initGamepad();
   }
 }
-const We = {
+const je = {
   top: "up",
   bottom: "down",
   left: "left",
@@ -2149,7 +2149,7 @@ class io extends pi {
   constructor() {
     super(...arguments), this.joystickEnabled = !0, this.joystickConfig = {
       enabled: !0,
-      directionMapping: We,
+      directionMapping: je,
       moveInterval: 50,
       threshold: 0.1
     }, this.joystickMoving = !1, this.joystickDirections = {}, this.joystickLastUpdate = 0, this.joystickMoveInterval = null, this.currentPower = 0;
@@ -2185,7 +2185,7 @@ class io extends pi {
       this.stopAllMovements();
       return;
     }
-    const e = this.joystickConfig.directionMapping || We, i = t.direction, n = e[i];
+    const e = this.joystickConfig.directionMapping || je, i = t.direction, n = e[i];
     if (!n) {
       this.stopAllMovements();
       return;
@@ -2256,7 +2256,7 @@ class io extends pi {
   updateJoystickConfig(t) {
     this.joystickConfig = {
       enabled: t.enabled !== void 0 ? t.enabled : !0,
-      directionMapping: t.directionMapping || We,
+      directionMapping: t.directionMapping || je,
       moveInterval: t.moveInterval || 50,
       threshold: t.threshold || 0.1
     };
@@ -2532,7 +2532,7 @@ function J(s, t) {
         return new Ct(p()).asObservable();
     }
     return f.observable;
-  }), l = xe(a).pipe(Ut(() => !i), ui(() => s()), Wr(() => t?.())), c = /* @__PURE__ */ D(function() {
+  }), l = xe(a).pipe(Ut(() => !i), ui(() => s()), jr(() => t?.())), c = /* @__PURE__ */ D(function() {
     return yi(c), n;
   }, "fn");
   return c.observable = l, c.subscription = l.subscribe((f) => {
@@ -2663,18 +2663,18 @@ function $s(s, t) {
 }
 var ss = function() {
 };
-const Je = (s, t, e) => Math.min(Math.max(e, s), t), je = 1e-3, oo = 0.01, ao = 10, lo = 0.05, ho = 1;
+const Je = (s, t, e) => Math.min(Math.max(e, s), t), We = 1e-3, oo = 0.01, ao = 10, lo = 0.05, ho = 1;
 function co({ duration: s = 800, bounce: t = 0.25, velocity: e = 0, mass: i = 1 }) {
   let n, r, a = 1 - t;
   a = Je(lo, ho, a), s = Je(oo, ao, s / 1e3), a < 1 ? (n = (f) => {
     const p = f * a, o = p * s, h = p - e, u = Ze(f, a), d = Math.exp(-o);
-    return je - h / u * d;
+    return We - h / u * d;
   }, r = (f) => {
     const o = f * a * s, h = o * e + e, u = Math.pow(a, 2) * Math.pow(f, 2) * s, d = Math.exp(-o), m = Ze(Math.pow(f, 2), a);
-    return (-n(f) + je > 0 ? -1 : 1) * ((h - u) * d) / m;
+    return (-n(f) + We > 0 ? -1 : 1) * ((h - u) * d) / m;
   }) : (n = (f) => {
     const p = Math.exp(-f * s), o = (f - e) * s + 1;
-    return -je + p * o;
+    return -We + p * o;
   }, r = (f) => {
     const p = Math.exp(-f * s), o = (e - f) * (s * s);
     return p * o;
@@ -2957,11 +2957,11 @@ function un(s, t, { clamp: e = !0, ease: i, mixer: n } = {}) {
 const Ce = (s) => (t) => 1 - s(1 - t), wi = (s) => (t) => t <= 0.5 ? s(2 * t) / 2 : (2 - s(2 * (1 - t))) / 2, Lo = (s) => (t) => Math.pow(t, s), fn = (s) => (t) => t * t * ((s + 1) * t - s), Fo = (s) => {
   const t = fn(s);
   return (e) => (e *= 2) < 1 ? 0.5 * t(e) : 0.5 * (2 - Math.pow(2, -10 * (e - 1)));
-}, dn = 1.525, Ho = 4 / 11, Ro = 8 / 11, Wo = 9 / 10, jo = (s) => s, xi = Lo(2), Bo = Ce(xi), pn = wi(xi), mn = (s) => 1 - Math.sin(Math.acos(s)), yn = Ce(mn), No = wi(yn), _i = fn(dn), Vo = Ce(_i), zo = wi(_i), Uo = Fo(dn), Go = 4356 / 361, Xo = 35442 / 1805, Yo = 16061 / 1805, ge = (s) => {
+}, dn = 1.525, Ho = 4 / 11, Ro = 8 / 11, jo = 9 / 10, Wo = (s) => s, xi = Lo(2), Bo = Ce(xi), pn = wi(xi), mn = (s) => 1 - Math.sin(Math.acos(s)), yn = Ce(mn), No = wi(yn), _i = fn(dn), Vo = Ce(_i), zo = wi(_i), Uo = Fo(dn), Go = 4356 / 361, Xo = 35442 / 1805, Yo = 16061 / 1805, ge = (s) => {
   if (s === 1 || s === 0)
     return s;
   const t = s * s;
-  return s < Ho ? 7.5625 * t : s < Ro ? 9.075 * t - 9.9 * s + 3.4 : s < Wo ? Go * t - Xo * s + Yo : 10.8 * s * s - 20.52 * s + 10.72;
+  return s < Ho ? 7.5625 * t : s < Ro ? 9.075 * t - 9.9 * s + 3.4 : s < jo ? Go * t - Xo * s + Yo : 10.8 * s * s - 20.52 * s + 10.72;
 }, $o = Ce(ge), qo = (s) => s < 0.5 ? 0.5 * (1 - ge(1 - s * 2)) : 0.5 * ge(s * 2 - 1) + 0.5;
 function Ko(s, t) {
   return s.map(() => t || pn).splice(0, s.length - 1);
@@ -3085,15 +3085,15 @@ function xn(s) {
   function L() {
     v++, c === "reverse" ? (S = v % 2 === 0, a = la(a, b, f, S)) : (a = wn(a, b, f), c === "mirror" && A.flipTarget()), x = !1, u && u();
   }
-  function W() {
+  function j() {
     y.stop(), h && h();
   }
-  function Nt(j) {
-    if (S || (j = -j), a += j, !x) {
+  function Nt(W) {
+    if (S || (W = -W), a += W, !x) {
       const it = A.next(Math.max(0, a));
       w = it.value, C && (w = C(w)), x = S ? it.done : a <= 0;
     }
-    d?.(w), x && (v === 0 && (b ?? (b = a)), v < l ? ha(a, b, f, S) && L() : W());
+    d?.(w), x && (v === 0 && (b ?? (b = a)), v < l ? ha(a, b, f, S) && L() : j());
   }
   function ut() {
     p?.(), y = r(Nt), y.start();
@@ -3610,7 +3610,7 @@ function Kl(s, t) {
         c.unsubscribe(), e.forEach((f) => V(f));
       };
     });
-  }).pipe(jr({ bufferSize: 1, refCount: !0 }));
+  }).pipe(Wr({ bufferSize: 1, refCount: !0 }));
 }
 function Jl(s, t, ...e) {
   let i = null, n = -1;
@@ -4283,18 +4283,18 @@ function Sa() {
           if (u._webAudio) {
             var L = function() {
               u._playLock = !1, M(), u._refreshBuffer(y);
-              var j = y._muted || u._muted ? 0 : y._volume;
-              A.gain.setValueAtTime(j, e.ctx.currentTime), y._playStart = e.ctx.currentTime, typeof A.bufferSource.start > "u" ? y._loop ? A.bufferSource.noteGrainOn(0, b, 86400) : A.bufferSource.noteGrainOn(0, b, w) : y._loop ? A.bufferSource.start(0, b, 86400) : A.bufferSource.start(0, b, w), x !== 1 / 0 && (u._endTimers[y._id] = setTimeout(u._ended.bind(u, y), x)), h || setTimeout(function() {
+              var W = y._muted || u._muted ? 0 : y._volume;
+              A.gain.setValueAtTime(W, e.ctx.currentTime), y._playStart = e.ctx.currentTime, typeof A.bufferSource.start > "u" ? y._loop ? A.bufferSource.noteGrainOn(0, b, 86400) : A.bufferSource.noteGrainOn(0, b, w) : y._loop ? A.bufferSource.start(0, b, 86400) : A.bufferSource.start(0, b, w), x !== 1 / 0 && (u._endTimers[y._id] = setTimeout(u._ended.bind(u, y), x)), h || setTimeout(function() {
                 u._emit("play", y._id), u._loadQueue();
               }, 0);
             };
             e.state === "running" && e.ctx.state !== "interrupted" ? L() : (u._playLock = !0, u.once("resume", L), u._clearTimer(y._id));
           } else {
-            var W = function() {
+            var j = function() {
               A.currentTime = b, A.muted = y._muted || u._muted || e._muted || A.muted, A.volume = y._volume * e.volume(), A.playbackRate = y._rate;
               try {
-                var j = A.play();
-                if (j && typeof Promise < "u" && (j instanceof Promise || typeof j.then == "function") ? (u._playLock = !0, M(), j.then(function() {
+                var W = A.play();
+                if (W && typeof Promise < "u" && (W instanceof Promise || typeof W.then == "function") ? (u._playLock = !0, M(), W.then(function() {
                   u._playLock = !1, A._unlocked = !0, h ? u._loadQueue() : u._emit("play", y._id);
                 }).catch(function() {
                   u._playLock = !1, u._emit("playerror", y._id, "Playback was unable to start. This is most commonly an issue on mobile devices and Chrome where playback was not within a user interaction."), y._ended = !0, y._paused = !0;
@@ -4312,11 +4312,11 @@ function Sa() {
             A.src === "data:audio/wav;base64,UklGRigAAABXQVZFZm10IBIAAAABAAEARKwAAIhYAQACABAAAABkYXRhAgAAAAEA" && (A.src = u._src, A.load());
             var Nt = window && window.ejecta || !A.readyState && e._navigator.isCocoonJS;
             if (A.readyState >= 3 || Nt)
-              W();
+              j();
             else {
               u._playLock = !0, u._state = "loading";
               var ut = function() {
-                u._state = "loaded", W(), A.removeEventListener(e._canPlayEvent, ut, !1);
+                u._state = "loaded", j(), A.removeEventListener(e._canPlayEvent, ut, !1);
               };
               A.addEventListener(e._canPlayEvent, ut, !1), u._clearTimer(y._id);
             }
@@ -5579,8 +5579,8 @@ class Ia extends $ {
       if (!e || !this.progressSignal || !this.currentFlashConfig) return;
       const h = e.tint;
       if (h === void 0) return;
-      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), W = M << 16 | A << 8 | L;
-      u ? h.set(W) : e.tint = W;
+      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 === p && e) {
@@ -5886,7 +5886,23 @@ function at(s) {
         ...this.fullProps,
         ...e
       }, this.destroyed || !this.#t || !this.parent) return;
-      e.x !== void 0 && this.setX(e.x), e.y !== void 0 && this.setY(e.y), e.scale !== void 0 && wt(this.scale, e.scale), e.anchor !== void 0 && !this.isCustomAnchor && wt(this.anchor, e.anchor), e.width !== void 0 && this.setWidth(e.width), e.height !== void 0 && this.setHeight(e.height), e.minWidth !== void 0 && this.setMinWidth(e.minWidth), e.minHeight !== void 0 && this.setMinHeight(e.minHeight), e.maxWidth !== void 0 && this.setMaxWidth(e.maxWidth), e.maxHeight !== void 0 && this.setMaxHeight(e.maxHeight), e.aspectRatio !== void 0 && this.setAspectRatio(e.aspectRatio), e.flexGrow !== void 0 && this.setFlexGrow(e.flexGrow), e.flexShrink !== void 0 && this.setFlexShrink(e.flexShrink), e.flexBasis !== void 0 && this.setFlexBasis(e.flexBasis), e.rowGap !== void 0 && this.setRowGap(e.rowGap), e.columnGap !== void 0 && this.setColumnGap(e.columnGap), e.top !== void 0 && this.setTop(e.top), e.left !== void 0 && this.setLeft(e.left), e.right !== void 0 && this.setRight(e.right), e.bottom !== void 0 && this.setBottom(e.bottom), e.objectFit !== void 0 && this.setObjectFit(e.objectFit), e.objectPosition !== void 0 && this.setObjectPosition(e.objectPosition), e.transformOrigin !== void 0 && this.setTransformOrigin(e.transformOrigin), e.skew !== void 0 && wt(this.skew, e.skew), e.tint && (this.tint = e.tint), e.rotation !== void 0 && (this.rotation = e.rotation), e.angle !== void 0 && (this.angle = e.angle), e.zIndex !== void 0 && (this.zIndex = e.zIndex), e.roundPixels !== void 0 && (this.roundPixels = e.roundPixels), e.cursor && (this.cursor = e.cursor), e.visible !== void 0 && (this.visible = e.visible), e.alpha !== void 0 && (this.alpha = e.alpha), e.pivot && wt(this.pivot, e.pivot), e.flexDirection && this.setFlexDirection(e.flexDirection), e.flexWrap && this.setFlexWrap(e.flexWrap), e.justifyContent && this.setJustifyContent(e.justifyContent), e.alignItems && this.setAlignItems(e.alignItems), e.alignContent && this.setAlignContent(e.alignContent), e.alignSelf && this.setAlignSelf(e.alignSelf), e.margin && this.setMargin(e.margin), e.padding && this.setPadding(e.padding), e.gap && this.setGap(e.gap), e.border && this.setBorder(e.border), e.positionType && this.setPositionType(e.positionType), e.filters && (this.filters = e.filters), e.maskOf && G(e.maskOf) && (e.maskOf.componentInstance.mask = this), e.blendMode && (this.blendMode = e.blendMode), e.filterArea && (this.filterArea = e.filterArea);
+      if (e.x !== void 0 && this.setX(e.x), e.y !== void 0 && this.setY(e.y), e.scale !== void 0 && wt(this.scale, e.scale), e.anchor !== void 0 && !this.isCustomAnchor && wt(this.anchor, e.anchor), e.width !== void 0 && this.setWidth(e.width), e.height !== void 0 && this.setHeight(e.height), e.minWidth !== void 0 && this.setMinWidth(e.minWidth), e.minHeight !== void 0 && this.setMinHeight(e.minHeight), e.maxWidth !== void 0 && this.setMaxWidth(e.maxWidth), e.maxHeight !== void 0 && this.setMaxHeight(e.maxHeight), e.aspectRatio !== void 0 && this.setAspectRatio(e.aspectRatio), e.flexGrow !== void 0 && this.setFlexGrow(e.flexGrow), e.flexShrink !== void 0 && this.setFlexShrink(e.flexShrink), e.flexBasis !== void 0 && this.setFlexBasis(e.flexBasis), e.rowGap !== void 0 && this.setRowGap(e.rowGap), e.columnGap !== void 0 && this.setColumnGap(e.columnGap), e.top !== void 0 && this.setTop(e.top), e.left !== void 0 && this.setLeft(e.left), e.right !== void 0 && this.setRight(e.right), e.bottom !== void 0 && this.setBottom(e.bottom), e.objectFit !== void 0 && this.setObjectFit(e.objectFit), e.objectPosition !== void 0 && this.setObjectPosition(e.objectPosition), e.transformOrigin !== void 0 && this.setTransformOrigin(e.transformOrigin), e.skew !== void 0 && wt(this.skew, e.skew), e.tint && (this.tint = e.tint), e.rotation !== void 0 && (this.rotation = e.rotation), e.angle !== void 0 && (this.angle = e.angle), e.zIndex !== void 0 && (this.zIndex = e.zIndex), e.roundPixels !== void 0 && (this.roundPixels = e.roundPixels), e.cursor && (this.cursor = e.cursor), e.visible !== void 0 && (this.visible = e.visible), e.alpha !== void 0 && (this.alpha = e.alpha), e.pivot && wt(this.pivot, e.pivot), e.flexDirection && this.setFlexDirection(e.flexDirection), e.flexWrap && this.setFlexWrap(e.flexWrap), e.justifyContent && this.setJustifyContent(e.justifyContent), e.alignItems && this.setAlignItems(e.alignItems), e.alignContent && this.setAlignContent(e.alignContent), e.alignSelf && this.setAlignSelf(e.alignSelf), e.margin && this.setMargin(e.margin), e.padding && this.setPadding(e.padding), e.gap && this.setGap(e.gap), e.border && this.setBorder(e.border), e.positionType && this.setPositionType(e.positionType), e.filters && (this.filters = e.filters), e.maskOf && G(e.maskOf) && (e.maskOf.componentInstance.mask = this), e.shadowCaster !== void 0) {
+        const n = e.shadowCaster?.value ?? e.shadowCaster;
+        if (n && typeof n == "object" && !Array.isArray(n)) {
+          const r = this.shadowCaster ?? {};
+          this.shadowCaster = { ...r, ...n };
+        } else
+          this.shadowCaster = n;
+      }
+      if (e.footprintCaster !== void 0) {
+        const n = e.footprintCaster?.value ?? e.footprintCaster;
+        if (n && typeof n == "object" && !Array.isArray(n)) {
+          const r = this.footprintCaster ?? {};
+          this.footprintCaster = { ...r, ...n };
+        } else
+          this.footprintCaster = n;
+      }
+      e.blendMode && (this.blendMode = e.blendMode), e.filterArea && (this.filterArea = e.filterArea);
       const i = this.filters || [];
       if (e.blur) {
         let n = i.find(
@@ -6434,7 +6450,7 @@ function An(s) {
     ...s
   });
 }
-function Wa(s) {
+function ja(s) {
   return An(s);
 }
 function nh(s) {
@@ -6466,7 +6482,7 @@ function rh(s) {
     ...s
   });
 }
-class ja extends at(Wn) {
+class Wa extends at(jn) {
   /**
    * Constructor for the CanvasMesh component.
    * Initializes the PixiMesh with default geometry and shader to prevent errors.
@@ -6479,7 +6495,7 @@ class ja extends at(Wn) {
    */
   constructor() {
     super({
-      geometry: new jn()
+      geometry: new Wn()
     });
   }
   /**
@@ -6547,7 +6563,7 @@ class ja extends at(Wn) {
     await super.onDestroy(t, i);
   }
 }
-R("Mesh", ja);
+R("Mesh", Wa);
 const oh = (s) => N("Mesh", s);
 let ms = null, ni = null;
 function Cn(s) {
@@ -7042,7 +7058,7 @@ function qa(s) {
     En.indexOf(t[e]) >= 0 && (t[e] = `Math.${t[e]}`);
   return s = t.join(""), new Function("x", `return ${s};`);
 }
-class Wi {
+class ji {
   constructor(t) {
     if (this.order = E.Late, t.path)
       if (typeof t.path == "function")
@@ -7070,9 +7086,9 @@ class Wi {
     t.config.movement += i * e, Et.x = t.config.movement, Et.y = this.path(Et.x), ht(t.config.initRotation, Et), t.position.x = t.config.initPosition.x + Et.x, t.position.y = t.config.initPosition.y + Et.y;
   }
 }
-Wi.type = "movePath";
-Wi.editorConfig = null;
-class ji {
+ji.type = "movePath";
+ji.editorConfig = null;
+class Wi {
   constructor() {
     this.order = E.Spawn;
   }
@@ -7080,8 +7096,8 @@ class ji {
   initParticles(t) {
   }
 }
-ji.type = "spawnPoint";
-ji.editorConfig = null;
+Wi.type = "spawnPoint";
+Wi.editorConfig = null;
 class Bi {
   constructor(t) {
     this.order = E.Normal, this.textures = t.textures.map((e) => typeof e == "string" ? Qt(e) : e);
@@ -7579,8 +7595,8 @@ T.registerBehavior(Li);
 T.registerBehavior(Fi);
 T.registerBehavior(Hi);
 T.registerBehavior(Ri);
-T.registerBehavior(Wi);
 T.registerBehavior(ji);
+T.registerBehavior(Wi);
 T.registerBehavior(Bi);
 T.registerBehavior(Ni);
 T.registerBehavior(Vi);
@@ -7620,7 +7636,7 @@ function hh(s) {
 const ys = console.log;
 class On extends at(pe) {
   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;
+    super(...arguments), this.hitbox = null, 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;
   }
   get renderer() {
     return this.app?.renderer;
@@ -7817,7 +7833,7 @@ class On extends at(pe) {
       const r = n.value instanceof Promise ? await n.value : n.value;
       this.spritesheet = r ?? n, await this.resetAnimations();
     }
-    if (i?.params && (this.sheetParams = i?.params), i?.playing && this.isMounted && this.spritesheet && this.animations.size > 0 && (this.sheetCurrentAnimation = i?.playing, this.play(this.sheetCurrentAnimation, [this.sheetParams])), t.hitbox && (this.hitbox = t.hitbox.value ?? t.hitbox), t.scaleMode) this.baseTexture.scaleMode = t.scaleMode;
+    if (i?.params && (this.sheetParams = i?.params), i?.playing && this.isMounted && this.spritesheet && this.animations.size > 0 && (this.sheetCurrentAnimation = i?.playing, this.play(this.sheetCurrentAnimation, [this.sheetParams])), t.hitbox !== void 0 && (this.hitbox = this.normalizeHitbox(t.hitbox)), t.scaleMode) this.baseTexture.scaleMode = t.scaleMode;
     else if (t.image && this.fullProps.rectangle === void 0) {
       const r = await e(this.fullProps.image);
       r && (this.texture = r);
@@ -7829,6 +7845,7 @@ class On extends at(pe) {
         frame: new _t(r, a, l, c)
       }));
     }
+    this.hitbox && !this.spritesheet && this.applyHitboxAnchor(this.texture.width, this.texture.height);
   }
   async onDestroy(t, e) {
     const i = async () => {
@@ -7904,30 +7921,23 @@ class On extends at(pe) {
     let l = r[this.frameIndex];
     const c = r[this.frameIndex + 1];
     for (let f of this.currentAnimationContainer.children) {
-      let p = function(g, y) {
-        const b = o(y || g);
-        b !== void 0 && (i[g] = b);
+      let p = function(d, m) {
+        const y = o(m || d);
+        y !== void 0 && (i[d] = y);
       };
       if (!l || l.frameY == null || l.frameX == null)
         continue;
       this.texture = n[l.frameY][l.frameX];
-      const o = (g) => l[g] ?? a[g] ?? this.spritesheet[g], h = (g) => {
-        const y = o(g);
-        y && this[g].set(...y);
+      const o = (d) => l[d] ?? a[d] ?? this.spritesheet[d], h = (d) => {
+        const m = o(d);
+        m && this[d].set(...m);
       };
       this.applyTransform && (l = {
         ...l,
         ...this.applyTransform(l, a, this.spritesheet)
       });
-      const u = o("spriteRealSize"), d = typeof u == "number" ? u : u?.height;
-      typeof u == "number" || u?.width;
-      const m = () => {
-        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"), p("alpha", "opacity"), p("x"), p("y"), p("angle"), p("rotation"), p("visible");
+      const u = o("spriteRealSize");
+      l.sound, this.applyHitboxAnchor(a.spriteWidth, a.spriteHeight, u), 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();
@@ -7935,6 +7945,43 @@ class On extends at(pe) {
     }
     this.time += t ?? 1, this.time >= c.time && this.frameIndex++;
   }
+  applyHitboxAnchor(t, e, i) {
+    if (!this.hitbox || !t || !e)
+      return;
+    const r = (typeof i == "number" ? i : i?.height) ?? e, a = Math.max(0, (e - r) / 2), l = this.clamp(
+      (t - this.hitbox.w) / 2 / t
+    ), c = this.clamp(
+      (e - this.hitbox.h - a) / e
+    ), f = this.clamp(
+      l + this.hitbox.w / 2 / t
+    ), p = this.clamp(
+      c + this.hitbox.h / 2 / e
+    ), o = this.clamp((e - a) / e);
+    let h = l, u = c;
+    switch (this.hitbox.anchorMode ?? "top-left") {
+      case "center":
+        h = f, u = p;
+        break;
+      case "foot":
+        h = f, u = o;
+        break;
+    }
+    this.anchor.set(h, u);
+  }
+  normalizeHitbox(t) {
+    const e = t?.value ?? t;
+    if (!e || typeof e != "object")
+      return null;
+    const { w: i, h: n, anchorMode: r } = e;
+    return typeof i != "number" || typeof n != "number" ? null : {
+      w: i,
+      h: n,
+      anchorMode: r
+    };
+  }
+  clamp(t) {
+    return Math.min(1, Math.max(0, t));
+  }
 }
 R("Sprite", On);
 const In = (s) => (R("Sprite", On), N("Sprite", s));
@@ -11155,7 +11202,7 @@ class Rl extends Ln {
 }
 R("DOMSprite", Rl);
 const mh = (s) => N("DOMSprite", s);
-var Wl = /* @__PURE__ */ ((s) => (s.Normal = "normal", s.Hover = "hover", s.Pressed = "pressed", s.Disabled = "disabled", s))(Wl || {});
+var jl = /* @__PURE__ */ ((s) => (s.Normal = "normal", s.Hover = "hover", s.Pressed = "pressed", s.Disabled = "disabled", s))(jl || {});
 function yh(s) {
   const t = P(
     "normal"
@@ -11254,7 +11301,7 @@ function yh(s) {
         y: J(() => c() / 2),
         color: y
       });
-    } else return g === "ellipse" ? U(Wa, {
+    } else return g === "ellipse" ? U(ja, {
       width: l,
       height: c,
       color: y
@@ -11335,13 +11382,13 @@ function gh(s = {}) {
     let S = w.getLocalPosition(x), C = S.x - (l?.x ?? 0), M = S.y - (l?.y ?? 0), A = new Fn.Point(0, 0), L = 0;
     if (C == 0 && M == 0)
       return;
-    let W = "left";
+    let j = "left";
     if (C == 0) {
-      M > 0 ? (A.set(0, M > i ? i : M), L = 270, W = "bottom") : (A.set(
+      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, W = "top"), f.set(A.x), p.set(A.y), c = h(A);
-      const gt = { angle: L, direction: W, power: c };
+      ), 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));
@@ -11351,11 +11398,11 @@ function gh(s = {}) {
       C > 0 ? (A.set(
         Math.abs(C) > i ? i : Math.abs(C),
         0
-      ), L = 0, W = "right") : (A.set(
+      ), L = 0, j = "right") : (A.set(
         -(Math.abs(C) > i ? i : Math.abs(C)),
         0
-      ), L = 180, W = "left"), f.set(A.x), p.set(A.y), c = h(A);
-      const gt = { angle: L, direction: W, power: c };
+      ), 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));
@@ -11363,9 +11410,9 @@ function gh(s = {}) {
     }
     let Nt = Math.abs(M / C), ut = Math.atan(Nt);
     L = ut * 180 / Math.PI;
-    let j = 0, it = 0;
-    C * C + M * M >= i * i ? (j = i * Math.cos(ut), it = i * Math.sin(ut)) : (j = 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 && (j = -Math.abs(j)), 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(j, it), c = h(A), W = u(A), f.set(A.x), p.set(A.y);
-    const Ie = { angle: L, direction: W, power: c };
+    let W = 0, it = 0;
+    C * C + M * M >= i * i ? (W = i * Math.cos(ut), it = i * Math.sin(ut)) : (W = 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 && (W = -Math.abs(W)), 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(W, it), c = h(A), j = u(A), f.set(A.x), p.set(A.y);
+    const Ie = { angle: L, direction: j, power: c };
     t.onChange?.(Ie);
     const Pt = e();
     Pt && (Pt.handleJoystickChange ? Pt.handleJoystickChange(Ie) : Pt.joystick && Pt.joystick.handleJoystickChange && Pt.joystick.handleJoystickChange(Ie));
@@ -11676,7 +11723,7 @@ const bt = class bt {
 bt.instance = null;
 let oi = bt;
 const Z = oi.getInstance();
-class jl extends $ {
+class Wl extends $ {
   constructor() {
     super(...arguments), this.element = null, this.controlsDirective = null, this.controlsSubscription = null;
   }
@@ -11728,7 +11775,7 @@ class jl extends $ {
     this.controlsSubscription && (this.controlsSubscription.unsubscribe(), this.controlsSubscription = null), this.element = null, this.controlsDirective = null;
   }
 }
-q("focusNavigation", jl);
+q("focusNavigation", Wl);
 class Bl {
   constructor() {
     this.containerId = "", this.currentIndexSignal = null, this.focusedElementSignal = null, this.registeredFocusables = /* @__PURE__ */ new Set();
@@ -11930,7 +11977,7 @@ function _h(s, t) {
   };
 }
 const Sh = {
-  linear: jo,
+  linear: Wo,
   easeIn: xi,
   easeInOut: pn,
   easeOut: Bo,
@@ -12037,7 +12084,7 @@ const kh = Bt.Howler;
 export {
   ae as ArraySubject,
   yh as Button,
-  Wl as ButtonState,
+  jl as ButtonState,
   sh as Canvas,
   An as Circle,
   Te as Container,
@@ -12051,7 +12098,7 @@ export {
   Ta as Drop,
   La as EVENTS,
   Sh as Easing,
-  Wa as Ellipse,
+  ja as Ellipse,
   Ia as Flash,
   Nl as FocusContainer,
   oi as FocusManager,