@caperjs/core 0.2.2 → 0.2.4

package/lib/caper.mjs

@@ -1,18 +1,18 @@
-import { $ as e, $t as t, A as n, At as r, B as i, Bt as a, C as o, Cn as s, Ct as c, D as l, Dt as u, E as d, Et as f, F as ee, Ft as p, G as te, Gt as m, H as ne, Ht as re, I as ie, It as ae, J as h, Jt as oe, K as se, Kt as ce, L as le, Lt as ue, M as de, Mt as g, N as fe, Nt as pe, O as me, Ot as he, P as ge, Pt as _e, Q as ve, Qt as ye, R as be, Rt as xe, S as Se, Sn as Ce, St as we, T as Te, Tt as Ee, U as De, Ut as Oe, V as ke, Vt as Ae, W as je, Wt as Me, X as Ne, Xt as Pe, Y as Fe, Yt as Ie, Z as _, Zt as Le, _ as Re, _n as ze, _t as Be, a as Ve, an as He, at as Ue, b as We, bn as Ge, bt as Ke, c as qe, cn as Je, ct as Ye, d as Xe, dn as Ze, dt as Qe, en as $e, et, f as tt, fn as nt, ft as rt, g as it, gn as at, gt as v, h as ot, hn as y, ht as st, i as ct, in as lt, it as ut, j as dt, jt as ft, k as pt, kt as mt, l as ht, ln as b, lt as gt, m as _t, mn as vt, mt as x, n as yt, nn as bt, nt as xt, o as St, on as Ct, ot as wt, p as Tt, pn as Et, pt as S, q as Dt, qt as Ot, r as C, rn as kt, rt as At, s as jt, sn as Mt, st as Nt, t as Pt, tn as Ft, tt as It, u as Lt, un as Rt, ut as w, v as zt, vn as Bt, vt as T, w as Vt, wt as Ht, x as Ut, xn as E, xt as Wt, y as Gt, yn as Kt, yt as D, z as qt, zt as Jt } from "./registries-aN0y0Xha.js";
-import { r as Yt, t as Xt } from "./DataAdapter-DeI2kIxC.js";
-import { CanvasTextMetrics as O, Container as Zt, Graphics as k, Point as A, Polygon as Qt, Rectangle as $t, Sprite as en, Texture as j, isMobile as M } from "pixi.js";
-import { gsap as N } from "gsap";
+import { $ as e, A as t, At as n, B as r, Bt as i, C as a, Ct as o, D as s, Dt as c, E as l, Et as u, F as d, Ft as f, G as ee, H as te, I as ne, It as re, J as ie, K as p, L as ae, Lt as oe, M as se, Mt as ce, N as le, Nt as m, O as ue, Ot as de, P as fe, Pt as pe, Q as me, R as he, Rt as ge, S as _e, St as ve, T as ye, Tt as be, U as xe, V as Se, Vt as Ce, W as we, X as Te, Y as Ee, Z as De, _ as Oe, _t as ke, a as Ae, at as je, b as h, bt as Me, c as Ne, ct as Pe, d as Fe, dt as g, et as Ie, f as _, ft as Le, g as Re, gt as ze, h as Be, ht as Ve, i as He, it as Ue, j as We, jt as Ge, k as Ke, kt as qe, l as Je, lt as Ye, m as v, mt as Xe, n as Ze, nt as Qe, o as $e, ot as y, p as b, pt as et, q as x, r as S, rt as tt, s as nt, st as rt, t as it, tt as at, u as ot, ut as st, v as ct, vt as lt, w as ut, wt as dt, x as ft, xt as pt, y as mt, yt as ht, z as gt, zt as _t } from "./registries-BLrxALZ0.js";
+import { r as vt, t as yt } from "./DataAdapter-DS-twowe.js";
+import { AnimatedSprite as bt, Assets as C, BitmapText as w, CanvasTextMetrics as T, Container as xt, Graphics as E, HTMLText as St, ParticleContainer as Ct, Point as D, Polygon as wt, Rectangle as Tt, Sprite as Et, Text as O, Texture as k, TilingSprite as Dt, isMobile as Ot } from "pixi.js";
+import { gsap as A } from "gsap";
 //#region src/utils/array.ts
-function tn(e) {
+function kt(e) {
 	let t, n;
-	for (let r = 0; r < e.length; ++r) n = E(0, e.length), t = e[r], e[r] = e[n], e[n] = t;
+	for (let r = 0; r < e.length; ++r) n = _t(0, e.length), t = e[r], e[r] = e[n], e[n] = t;
 }
-function nn(e) {
-	return e[E(0, e.length)];
+function At(e) {
+	return e[_t(0, e.length)];
 }
 //#endregion
 //#region src/utils/canvas.ts
-function rn(e) {
+function jt(e) {
 	let t = e.getContext("webgl");
 	if (t) {
 		let e = t.getExtension("WEBGL_lose_context");
@@ -23,13 +23,13 @@ function rn(e) {
 }
 //#endregion
 //#region src/utils/color.ts
-function an(e) {
+function Mt(e) {
 	return `#${e.toString(16)}`;
 }
-function on(e) {
+function Nt(e) {
 	return parseInt(e.replace(/^#/, ""), 16);
 }
-var sn = class e {
+var Pt = class e {
 	static {
 		this.WHITE = new e(255, 255, 255);
 	}
@@ -94,106 +94,193 @@ var sn = class e {
 			this.b / 255
 		];
 	}
+}, j = {
+	bounds: 65535,
+	innerBounds: 65280,
+	outerBounds: 16711680,
+	direction: 16776960,
+	gap: 16711935,
+	region: 30975
+}, M = {
+	stroke: .6,
+	fill: .1,
+	fillActive: .2,
+	crosshair: .5
 };
+function Ft(e) {
+	let t = new E();
+	return t.eventMode = "none", t.interactiveChildren = !1, t.layout = !1, t.label = e ?? "DebugGraphics", t;
+}
+function N(e, t = j.bounds) {
+	let n = new O({
+		text: e,
+		style: {
+			fontFamily: "monospace",
+			fontSize: 10,
+			fill: t,
+			stroke: {
+				color: 0,
+				width: 2
+			}
+		}
+	});
+	return n.eventMode = "none", n.layout = !1, n.label = "DebugLabel", n;
+}
+var It = /* @__PURE__ */ new Map();
+function P(e, t, n) {
+	It.set(e, {
+		label: t,
+		color: n
+	});
+}
+function F(e) {
+	It.delete(e);
+}
+function Lt() {
+	return It;
+}
 //#endregion
 //#region src/utils/define.ts
-function cn(e) {
+function Rt(e) {
 	return e;
 }
-function ln(e) {
+function zt(e) {
 	return e;
 }
-function un(e) {
+function Bt(e) {
 	return e;
 }
-function dn(e) {
+function Vt(e) {
 	return e;
 }
-function fn(e) {
+function Ht(e) {
 	return e;
 }
 //#endregion
+//#region src/utils/number.ts
+function Ut(e, t = 0) {
+	return e.toString().padStart(t, "0");
+}
+//#endregion
+//#region src/utils/padding.ts
+function Wt(e, t) {
+	return e >= 0 && e <= 1 ? e * t : e;
+}
+function I(e) {
+	if (Array.isArray(e)) return {
+		top: e[0],
+		right: e?.[1] ?? e[0],
+		bottom: e?.[2] ?? e[0],
+		left: e?.[3] ?? e?.[1] ?? e[0] ?? 0
+	};
+	if (typeof e == "number") return {
+		top: e,
+		right: e,
+		bottom: e,
+		left: e
+	};
+	if (typeof e == "object") {
+		let t = e;
+		return t.x !== void 0 && t.y !== void 0 ? {
+			top: t.y,
+			right: t.x,
+			bottom: t.y,
+			left: t.x
+		} : {
+			top: e.top ?? 0,
+			right: e.right ?? 0,
+			bottom: e.bottom ?? 0,
+			left: e.left ?? 0
+		};
+	} else return {
+		top: 0,
+		right: 0,
+		bottom: 0,
+		left: 0
+	};
+}
+//#endregion
 //#region src/utils/pixi.ts
-function pn(e, t) {
+function Gt(e, t) {
 	e.parent && e.parent.worldTransform.apply(e.position, e.position), t.worldTransform.applyInverse(e.position, e.position), e.parent?.removeChild(e), t.addChild(e);
 }
-function mn(e) {
+function Kt(e) {
 	return Math.sqrt(e.width * e.width + e.height * e.height);
 }
-function hn(e) {
+function qt(e) {
 	let t = e.parent;
 	t && (t.removeChild(e), t.addChild(e));
 }
-function gn(e) {
+function Jt(e) {
 	let t = e.parent;
 	t && (t.removeChild(e), t.addChildAt(e, 0));
 }
-function _n(e, t) {
-	if (e instanceof Qt) {
+function Yt(e, t) {
+	if (e instanceof wt) {
 		for (let n = 0; n < e.points.length; n += 2) e.points[n] += t.x, e.points[n + 1] += t.y;
 		return e;
 	} else return e.x += t.x, e.y += t.y, e;
 }
-function vn(e, t) {
+function Xt(e, t) {
 	return e.x += t.x, e.y += t.y, e;
 }
-function P(e, t, n = "width") {
+function L(e, t, n = "width") {
 	let r = n === "width" ? "y" : "x", i = n === "width" ? "x" : "y";
 	e[n] = t, e.scale[r] = e.scale[i];
 }
-function F(e, t) {
-	P(e, t, "width");
+function R(e, t) {
+	L(e, t, "width");
 }
-function I(e, t) {
-	P(e, t, "height");
+function z(e, t) {
+	L(e, t, "height");
 }
-function yn(e, t, n = "width") {
+function Zt(e, t, n = "width") {
 	let r;
 	r = t?.width && t?.height ? {
 		x: t.width,
 		y: t.height
-	} : g(t), n === "width" ? (F(e, r.x), e.height < r.y && I(e, r.y)) : (I(e, r.y), e.width < r.x && F(e, r.x));
+	} : y(t), n === "width" ? (R(e, r.x), e.height < r.y && z(e, r.y)) : (z(e, r.y), e.width < r.x && R(e, r.x));
 }
 //#endregion
 //#region src/utils/platform.ts
-var bn = typeof window < "u" ? window.devicePixelRatio > 1 || window.matchMedia && window.matchMedia("(-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx)").matches : !1, L = typeof window < "u" ? "ontouchstart" in window || navigator.maxTouchPoints > 0 || navigator?.maxTouchPoints > 0 : !1, R = M.any, z = M.android.device, xn = M.apple.device;
+var Qt = typeof window < "u" ? window.devicePixelRatio > 1 || window.matchMedia && window.matchMedia("(-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx)").matches : !1, B = typeof window < "u" ? "ontouchstart" in window || navigator.maxTouchPoints > 0 || navigator?.maxTouchPoints > 0 : !1, $t = Ot.any, en = Ot.android.device, tn = Ot.apple.device;
 //#endregion
 //#region src/utils/rect.ts
-function Sn(e, t) {
+function nn(e, t) {
 	return e.x += t.x, e.y += t.y, e;
 }
-function Cn(e, t) {
-	return t === void 0 && (t = new A()), t.set(e.x + e.width * .5, e.y + e.height * .5), t;
+function rn(e, t) {
+	return t === void 0 && (t = new D()), t.set(e.x + e.width * .5, e.y + e.height * .5), t;
 }
-function wn(e, t) {
+function an(e, t) {
 	return e.x *= t, e.y *= t, e.width *= t, e.height *= t, e;
 }
-function Tn(e, t) {
-	return t === void 0 && (t = new A()), t.set(e.width, e.height), t;
+function on(e, t) {
+	return t === void 0 && (t = new D()), t.set(e.width, e.height), t;
 }
 //#endregion
 //#region src/utils/set.ts
-function En(e, t) {
+function sn(e, t) {
 	let n = /* @__PURE__ */ new Set();
 	for (let r of e) t(r) && n.add(r);
 	return n;
 }
-function Dn(e) {
+function cn(e) {
 	return e?.values().next().value;
 }
-function On(e) {
+function ln(e) {
 	let t;
 	for (let n of e) t = n;
 	return t;
 }
 //#endregion
 //#region src/utils/text.ts
-function B(e, t) {
-	let n = O.measureText(e.text, e.style), r = n.lines, i = n.lineHeight, a = e.toLocal(new A(t.pageX, t.pageY)), o = 0, s = Infinity, c = 0;
+function un(e, t) {
+	let n = T.measureText(e.text, e.style), r = n.lines, i = n.lineHeight, a = e.toLocal(new D(t.pageX, t.pageY)), o = 0, s = Infinity, c = 0;
 	for (let t = 0; t < r.length; t++) {
 		let n = r[t];
 		for (let r = 0; r <= n.length; r++) {
-			let l = n.substring(0, r), u = O.measureText(l, e.style).width, d = t * i, f = Math.hypot(u - a.x, d - a.y);
+			let l = n.substring(0, r), u = T.measureText(l, e.style).width, d = t * i, f = Math.hypot(u - a.x, d - a.y);
 			f < s && (s = f, o = c + r);
 		}
 		c += n.length;
@@ -202,25 +289,260 @@ function B(e, t) {
 }
 //#endregion
 //#region src/version.ts
-var V = "0.2.2", H = "8.19.0", kn = "     ........        .....     ............    ............. ...........     \n  .............     .......   ................ ............. ..............  \n ..............    .........   ............... ............. ..............  \n .....            ...........   .............. ............  ..............  \n .....           ...... ......  .............. ............. .............   \n .............. ......   .....  ............   ............. .....  ......   \n  ...................     ..... .....          ............. .....   ....... \n    ................       ..........          ............. .....     ..... ";
-function U() {
-	let e = `\n${kn}\n\n v${V} | %cPixi.js v${H} %c| %chttps://github.com/anthonysapp/caper\n\n`;
+var dn = "0.2.4", fn = "8.19.0", pn = "     ........        .....     ............    ............. ...........     \n  .............     .......   ................ ............. ..............  \n ..............    .........   ............... ............. ..............  \n .....            ...........   .............. ............  ..............  \n .....           ...... ......  .............. ............. .............   \n .............. ......   .....  ............   ............. .....  ......   \n  ...................     ..... .....          ............. .....   ....... \n    ................       ..........          ............. .....     ..... ";
+function mn() {
+	let e = `\n${pn}\n\n v${dn} | %cPixi.js v${fn} %c| %chttps://github.com/anthonysapp/caper\n\n`;
 	console.log(e, "color: #E91E63; font-weight: 600;", "color: inherit;", "color: #00BCD4; text-decoration: underline;");
 }
 //#endregion
 //#region src/webgl-check.ts
-function An() {
+function hn() {
 	if (typeof document > "u") return;
 	let e = document.createElement("canvas");
 	e.getContext("webgl") || e.getContext("experimental-webgl") || console.error("Your browser does not support WebGL.");
 }
 //#endregion
+//#region src/plugins/actions/methods.ts
+function gn(e) {
+	return e ?? le;
+}
+function _n(e, t, n = !0) {
+	return n && (t = {
+		...ne,
+		...t
+	}), t;
+}
+function vn(e) {
+	return e || [];
+}
+//#endregion
+//#region src/plugins/breakpoints/methods.ts
+function yn(e) {
+	return {
+		tiers: e.tiers,
+		modes: e.modes ?? {}
+	};
+}
+//#endregion
+//#region src/plugins/input/touch/constants.ts
+var V = /* @__PURE__ */ function(e) {
+	return e.None = "none", e.Left = "left", e.Top = "top", e.Bottom = "bottom", e.Right = "right", e.TopLeft = "top_left", e.TopRight = "top_right", e.BottomLeft = "bottom_left", e.BottomRight = "bottom_right", e;
+}({}), bn = [
+	V.None,
+	V.Left,
+	V.Top,
+	V.Bottom,
+	V.Right,
+	V.TopLeft,
+	V.TopRight,
+	V.BottomLeft,
+	V.BottomRight
+];
+//#endregion
+//#region src/plugins/input/methods.ts
+function xn(e, t, n) {
+	return n || [];
+}
+//#endregion
+//#region src/core/globals.ts
+var Sn = 200, Cn = "CaperApplication";
+function wn() {
+	try {
+		return globalThis.Caper?.__dev === !0;
+	} catch {
+		return !1;
+	}
+}
+function Tn() {
+	try {
+		return !1;
+	} catch {
+		return !1;
+	}
+}
+var En = "__first__";
+function Dn() {
+	let e = globalThis, t = e.Caper ||= {};
+	return t.apps instanceof Map || (t.apps = /* @__PURE__ */ new Map()), (typeof t.automation != "object" || t.automation === null) && (t.automation = {}), t.__readyResolvers instanceof Map || (t.__readyResolvers = /* @__PURE__ */ new Map()), t.__readyApps instanceof Set || (t.__readyApps = /* @__PURE__ */ new Set()), typeof t.ready != "function" && (t.ready = (e) => {
+		let n = t.__readyResolvers, r = t.__readyApps;
+		if (e && r.has(e)) return Promise.resolve(t.apps.get(e));
+		if (!e && r.size > 0) {
+			let e = r.values().next().value;
+			return Promise.resolve(t.apps.get(e));
+		}
+		let i = e ?? En, a = n.get(i);
+		if (!a) {
+			let e, t = new Promise((t) => {
+				e = t;
+			});
+			a = {
+				resolve: e,
+				promise: t
+			}, n.set(i, a);
+		}
+		return a.promise;
+	}), t;
+}
+function On() {
+	Dn();
+}
+function kn(e) {
+	return e.config?.id || Cn;
+}
+function An(e) {
+	let t = kn(e), n = [], r, i = [], a = (e) => {
+		n.push(e), n.length > Sn && n.splice(0, n.length - Sn);
+	}, o = () => r ? r() : void 0, s = (e) => {
+		if (i.length !== 0) for (let t = i.length - 1; t >= 0; t--) {
+			let n = !1;
+			try {
+				n = i[t].predicate(e);
+			} catch {
+				n = !1;
+			}
+			if (n) {
+				let [n] = i.splice(t, 1);
+				n.resolve(e);
+			}
+		}
+	}, c = {
+		appId: t,
+		get log() {
+			return n;
+		},
+		action(t, n) {
+			e.sendAction(t, n);
+		},
+		getContext() {
+			return String(e.actionContext);
+		},
+		getState: o,
+		registerStateGetter(e) {
+			r = e;
+		},
+		notifyStateChanged(e) {
+			a({
+				t: Date.now(),
+				kind: "state",
+				data: e
+			}), s(e);
+		},
+		waitFor(e, t) {
+			let n = o();
+			try {
+				if (e(n)) return Promise.resolve(n);
+			} catch {}
+			return new Promise((n, r) => {
+				let a, o = {
+					predicate: e,
+					resolve: (e) => {
+						a && clearTimeout(a), n(e);
+					}
+				};
+				i.push(o), t?.timeoutMs != null && (a = setTimeout(() => {
+					let e = i.indexOf(o);
+					e >= 0 && i.splice(e, 1), r(/* @__PURE__ */ Error(`waitFor timed out after ${t.timeoutMs}ms`));
+				}, t.timeoutMs));
+			});
+		}
+	}, l = e.getPlugin("actions");
+	return l && (l.onActionDispatched?.connect((e) => {
+		a({
+			t: Date.now(),
+			kind: "action",
+			name: String(e.id),
+			data: e.data
+		}), s(o());
+	}), l.onActionContextChanged.connect((e) => {
+		a({
+			t: Date.now(),
+			kind: "context",
+			name: String(e)
+		});
+	})), c;
+}
+function jn(e) {
+	let t = Dn(), n = kn(e);
+	if (t.apps.set(n, e), t.app = e, wn() || e.config?.automation === !0 || Tn()) {
+		let r = An(e);
+		t.automation[n] = r, e.automation = r;
+	}
+}
+function Mn(e) {
+	let t = Dn(), n = kn(e);
+	t.__readyApps.add(n);
+	let r = t.__readyResolvers, i = r.get(n);
+	i && (i.resolve(e), r.delete(n));
+	let a = r.get(En);
+	a && (a.resolve(e), r.delete(En));
+}
+//#endregion
+//#region src/core/create.ts
+var Nn = "caper-game-container";
+function Pn(e) {
+	let t = document.createElement("div");
+	return t.setAttribute("id", e), document.body.appendChild(t), t;
+}
+async function Fn() {
+	return new Promise((e) => {
+		document.readyState === "complete" || document.readyState === "interactive" ? e(!0) : document.addEventListener("DOMContentLoaded", () => {
+			e(!0);
+		});
+	});
+}
+async function In(e = { id: "CaperApplication" }, t = Nn, n = !0) {
+	await Fn(), hn(), n && mn();
+	let r = null;
+	if (typeof t == "string" ? (r = document.getElementById(t), r ||= Pn(t)) : t instanceof HTMLElement ? r = t : t === window && (r = document.body), !r) throw Error("You passed in a DOM Element, but none was found. If you instead pass in a string, a container will be created for you, using the string for its id.");
+	e.resizeToContainer && (e.resizeTo = r), e.useLayout && (e.layout = {
+		autoUpdate: !1,
+		enableDebug: !1,
+		debugModificationCount: 0,
+		throttle: 100
+	}), e.container = r;
+	let i = new (e.application || S)();
+	return await i.initialize(e, r), e.useLayout && (i.stage.layout = {
+		position: "absolute",
+		width: "100%",
+		height: "100%"
+	}), await i._postInitialize(), jn(i), globalThis.Caper?.__runtimeManaged || Mn(i), i;
+}
+//#endregion
 //#region src/display/Entity.ts
-var jn = class extends w {
+var Ln = class extends _ {
 	constructor(e) {
 		super(), this.props = e ?? {};
 	}
-}, Mn = class extends w {
+}, Rn = ["autoUpdate", "priority"], zn = {
+	autoUpdate: !0,
+	priority: 0
+}, Bn = class extends Ct {
+	static {
+		this.__caper_method_binding_root = !0;
+	}
+	constructor(e = {}) {
+		super(e), this.onDestroy = new p(), this.__config = {
+			...zn,
+			...e
+		}, m(this), this.on("added", this._added), this.on("removed", this._removed);
+	}
+	get app() {
+		return S.getInstance();
+	}
+	update(e) {}
+	resize(e) {}
+	added() {}
+	destroy(e) {
+		this.__config.autoUpdate && this.app.ticker.remove(this.update, this), this.onDestroy.emit(), super.destroy(e);
+	}
+	removed() {}
+	_added() {
+		this.__config.autoUpdate && this.app.ticker.add(this.update, this, this.__config.priority), this.added();
+	}
+	_removed() {
+		this.__config.autoUpdate && this.app.ticker.remove(this.update, this), this.removed();
+	}
+}, Vn = class extends _ {
 	get animationContext() {
 		return this._animationContext ?? `__scene_${this.id}`;
 	}
@@ -255,7 +577,7 @@ var jn = class extends w {
 	}
 	onPause(e) {}
 	onResume(e) {}
-}, Nn = class extends w {
+}, Hn = class extends _ {
 	get active() {
 		return this._active;
 	}
@@ -296,9 +618,163 @@ var jn = class extends w {
 	_update(e) {
 		this.active && this.initialized && this.update(e);
 	}
-}, Pn = class extends Zt {
+}, Un = class extends E {
 	constructor(e) {
-		return super({ isRenderGroup: !0 }), this.config = e, this.onZoom = new T(), this.onZoomComplete = new T(), this.minX = 0, this.minY = 0, this._zooming = !1, this._zoomLerp = .1, this._targetPivot = new A(0, 0), this._targetScale = new A(1, 1), this._lerp = 0, this._target = null, this._followOffset = new A(0, 0), y(this), e && (this.container = e.container, this.addChild(this.container), e.minX && (this.minX = e.minX), e.maxX && (this.maxX = e.maxX), e.minY && (this.minY = e.minY), this.viewportWidth = e.viewportWidth ?? this.app.size.width, this.viewportHeight = e.viewportHeight ?? this.app.size.width, this.worldWidth = e.worldWidth ?? this.viewportWidth, this.worldHeight = e.worldHeight ?? this.viewportHeight, this.maxX = e.maxX ?? this.worldWidth - this.viewportWidth, this.maxY = e.maxY ?? this.worldHeight - this.viewportHeight), this._targetPivot.set(this.viewportWidth * .5, this.viewportHeight * .5), e.target && (this.target = e.target), this._lerp = 1, this.update(), e.lerp && (this.lerp = e.lerp), this;
+		super(typeof e == "string" ? C.get(e) : e);
+		let t = this.getLocalBounds();
+		this.pivot.set((t.x + t.width) / 2, (t.y + t.height) / 2);
+	}
+}, Wn;
+function H(e, t) {
+	for (let n in e) try {
+		t[n] = e[n];
+	} catch (e) {
+		c.warn(`Error setting property ${n}`, e);
+	}
+}
+function U() {
+	if (!Wn) {
+		let e = new E();
+		e.rect(0, 0, 100, 100), e.fill({ color: 16711680 }), e.stroke({
+			color: 16777215,
+			width: 1,
+			alignment: 0
+		}), e.moveTo(0, 0), e.lineTo(100, 100), e.moveTo(100, 0), e.lineTo(0, 100), e.stroke({
+			color: 16777215,
+			width: 2,
+			alignment: .5
+		}), Wn = S.getInstance().renderer.generateTexture(e), e.destroy();
+	}
+	return Wn;
+}
+function W(e) {
+	let t, n = e?.asset, r = n, i = e?.sheet;
+	if (n instanceof k) t = n;
+	else if (!i || i?.length === 0) C.cache.has(r) ? t = C.get(r) : C.get(r) ? t = C.get(r).texture : (c.error("Asset \"" + n + "\" not loaded into Pixi cache"), t = U());
+	else if (C.get(i)) {
+		let e = C.get(i), a = e.textures;
+		if (a !== void 0) if (a.hasOwnProperty(r)) t = a[r];
+		else if (e.linkedSheets !== void 0 && e.linkedSheets.length > 0) {
+			for (let n of e.linkedSheets) if (n.textures !== void 0 && n.textures.hasOwnProperty(r)) {
+				t = n.textures[r];
+				break;
+			}
+			t === void 0 && (c.error("Asset \"" + n + "\" not found inside spritesheet \"" + n + "' or any of its linked sheets"), t = U());
+		} else c.error("Asset \"" + n + "\" not found inside spritesheet \"" + i + "'"), t = U();
+		else c.error("Spritesheet \"" + i + "\" loaded but textures arent?!"), t = U();
+	} else return c.error("Spritesheet \"" + i + "\" not loaded into Pixi cache"), U();
+	return t || new Et().texture;
+}
+function G(e, t) {
+	let n = y(e.position, !1, e.x, e.y);
+	t.x = n.x, t.y = n.y;
+}
+function K(e, t) {
+	if (!e) return;
+	if (e.scale === void 0) {
+		if (e.scaleX === void 0 && e.scaleY === void 0) return;
+		e.scaleX === void 0 && (e.scaleX = 1), e.scaleY === void 0 && (e.scaleY = 1);
+	}
+	let n = y(e.scale, !1, e.scaleX, e.scaleY);
+	t.scale.set(n.x, n.y);
+}
+function Gn(e, t) {
+	if (e !== void 0) {
+		let n = y(e);
+		t.anchor.set(n.x, n.y);
+	}
+}
+function q(e, t) {
+	if (e !== void 0) {
+		let n = y(e);
+		t.pivot.set(n.x, n.y);
+	}
+}
+//#endregion
+//#region src/display/AnimatedSprite.ts
+var Kn = class e extends bt {
+	constructor(t) {
+		let n = t?.animations ?? {}, r = t?.animation ?? Object.keys(n)[0], i = n[r], a = t?.sheet, o = t?.texturePrefix || "", s = t?.zeroPad, c = t?.startIndex ?? 0;
+		super(e.generateTexturesFromProps(r, i, o, a, s, c), t?.autoUpdate !== !1), this.config = t, this.onAnimationChange = new p(), this.onAnimationStart = new p(), this.onAnimationStop = new p(), this.onAnimationLoop = new p(), this.onAnimationComplete = new p(), this.onAnimationFrameChange = new p(), this.defaultTexturePrefix = "", this._paused = !1, this._isReversed = !1, m(this), this.defaultSheet = a, this.defaultTexturePrefix = o, this.defaultZeroPad = s, this._generateAnimations(), this.currentAnimation = this.defaultAnimation = r, this.autoPlay = t?.autoPlay ?? !0, this.loop = t?.loop ?? !0, this.updateAnchor = t?.updateAnchor ?? !1, this.animationSpeed = this.defaultAnimationSpeed = t?.animationSpeed ?? 1, this.on("added", this._added);
+	}
+	get paused() {
+		return this._paused;
+	}
+	set paused(e) {
+		this._paused = e;
+	}
+	get speed() {
+		return this.animationSpeed;
+	}
+	set speed(e) {
+		this.animationSpeed = this.defaultAnimationSpeed = e;
+	}
+	get isReversed() {
+		return this._isReversed;
+	}
+	static generateTexturesFromProps(e, t, n = "", r = void 0, i, a) {
+		let o = [], s = "", c = t?.sheet ?? r;
+		if (t?.numFrames > 1) {
+			let r = t?.startIndex ?? a ?? 0;
+			for (let a = r; a < r + t?.numFrames; a++) s = `${n}${t?.texturePrefix ?? e}${Ut(a, t?.zeroPad ?? i)}`, o.push(W({
+				asset: s,
+				sheet: c
+			}));
+		} else s = `${n}${t?.texturePrefix ?? e}`, o.push(W({
+			asset: s,
+			sheet: c
+		}));
+		return o;
+	}
+	reverse() {
+		this._isReversed = !this._isReversed, this._isReversed ? this.setAnimation(`${this.currentAnimation}_reverse`) : this.setAnimation(this.currentAnimation.split("_reverse")[0]);
+	}
+	setAnimation(e, t = !0) {
+		if (!this._animations.has(e)) throw Error(`Animation ${e} does not exist`);
+		this.textures = this._animations.get(e), this.currentAnimation = e;
+		let n = this.config?.animations?.[e.split("_reverse")[0]]?.animationSpeed;
+		n ? this.animationSpeed = n : this.animationSpeed = this.defaultAnimationSpeed, this.onAnimationChange.emit(e), t && this.play();
+	}
+	play() {
+		super.play(), this.onAnimationStart?.emit();
+	}
+	stop() {
+		super.stop(), this.onAnimationStop?.emit();
+	}
+	nextAnimation() {
+		let e = lt(this._animations, this.currentAnimation) ?? ze(this._animations);
+		e && this.setAnimation(e[0]);
+	}
+	previousAnimation() {
+		let e = ht(this._animations, this.currentAnimation) ?? ke(this._animations);
+		e && this.setAnimation(e[0]);
+	}
+	update(e) {
+		this._paused || super.update(e);
+	}
+	_generateAnimations() {
+		this._animations = /* @__PURE__ */ new Map();
+		let t = this.config?.animations ?? {};
+		if (t) {
+			for (let [n, r] of Object.entries(t)) this._animations.set(n, e.generateTexturesFromProps(n, r, this.defaultTexturePrefix, this.defaultSheet, this.defaultZeroPad));
+			if (this.config?.reversible) for (let [n, r] of Object.entries(t)) {
+				let t = e.generateTexturesFromProps(n, r, this.defaultTexturePrefix, this.defaultSheet, this.defaultZeroPad);
+				t.reverse(), this._animations.set(`${n}_reverse`, t);
+			}
+		}
+	}
+	_added() {
+		this.onLoop = () => {
+			this.onAnimationLoop.emit();
+		}, this.onComplete = () => {
+			this.onAnimationComplete.emit();
+		}, this.onFrameChange = () => {
+			this.onAnimationFrameChange.emit();
+		}, this.autoPlay && this.play();
+	}
+}, qn = class extends xt {
+	constructor(e) {
+		return super({ isRenderGroup: !0 }), this.config = e, this.onZoom = new p(), this.onZoomComplete = new p(), this.minX = 0, this.minY = 0, this._zooming = !1, this._zoomLerp = .1, this._targetPivot = new D(0, 0), this._targetScale = new D(1, 1), this._lerp = 0, this._target = null, this._followOffset = new D(0, 0), m(this), e && (this.container = e.container, this.addChild(this.container), e.minX && (this.minX = e.minX), e.maxX && (this.maxX = e.maxX), e.minY && (this.minY = e.minY), this.viewportWidth = e.viewportWidth ?? this.app.size.width, this.viewportHeight = e.viewportHeight ?? this.app.size.width, this.worldWidth = e.worldWidth ?? this.viewportWidth, this.worldHeight = e.worldHeight ?? this.viewportHeight, this.maxX = e.maxX ?? this.worldWidth - this.viewportWidth, this.maxY = e.maxY ?? this.worldHeight - this.viewportHeight), this._targetPivot.set(this.viewportWidth * .5, this.viewportHeight * .5), e.target && (this.target = e.target), this._lerp = 1, this.update(), e.lerp && (this.lerp = e.lerp), this;
 	}
 	get zooming() {
 		return this._zooming;
@@ -329,10 +805,10 @@ var jn = class extends w {
 		return this._followOffset;
 	}
 	set followOffset(e) {
-		this._followOffset = g(e, !0);
+		this._followOffset = y(e, !0);
 	}
 	get app() {
-		return C.getInstance();
+		return S.getInstance();
 	}
 	follow(e, t) {
 		t ||= {
@@ -369,54 +845,1551 @@ var jn = class extends w {
 		} else this.pivot.set(this._targetPivot.x, this._targetPivot.y);
 		this.position.set(this.viewportWidth / 2, this.viewportHeight / 2);
 	}
-}, Fn = class {
+}, Jn = class {
 	constructor(e, t) {
-		this.camera = e, this.interactiveArea = t, this.dragging = !1, this.previousPointerPosition = null, y(this), this.camera = e, this.interactiveArea = t, this.app.keyboard.onKeyDown().connect(this.handleKeyDown), this.interactiveArea.on("pointerdown", this.onPointerDown.bind(this)), this.interactiveArea.on("pointermove", this.onPointerMove.bind(this)), this.app.stage.on("pointerup", this.onPointerUp.bind(this)), this.app.stage.on("pointerupoutside", this.onPointerUp.bind(this)), this.interactiveArea.on("touchstart", this.onPointerDown.bind(this)), this.interactiveArea.on("touchmove", this.onPointerMove.bind(this)), this.interactiveArea.on("touchend", this.onPointerUp.bind(this));
+		this.camera = e, this.interactiveArea = t, this.dragging = !1, this.previousPointerPosition = null, m(this), this.camera = e, this.interactiveArea = t, this.app.keyboard.onKeyDown().connect(this.handleKeyDown), this.interactiveArea.on("pointerdown", this.onPointerDown.bind(this)), this.interactiveArea.on("pointermove", this.onPointerMove.bind(this)), this.app.stage.on("pointerup", this.onPointerUp.bind(this)), this.app.stage.on("pointerupoutside", this.onPointerUp.bind(this)), this.interactiveArea.on("touchstart", this.onPointerDown.bind(this)), this.interactiveArea.on("touchmove", this.onPointerMove.bind(this)), this.interactiveArea.on("touchend", this.onPointerUp.bind(this));
+	}
+	get app() {
+		return S.getInstance();
+	}
+	destroy() {
+		this.interactiveArea.removeAllListeners(), this.app.stage.off("pointerup", this.onPointerUp.bind(this)), this.app.stage.off("pointerupoutside", this.onPointerUp.bind(this));
+	}
+	handleKeyDown(e) {
+		let t = 1.1;
+		switch (e.event.key) {
+			case "ArrowUp":
+				this.camera.pan(0, -10);
+				break;
+			case "ArrowDown":
+				this.camera.pan(0, 10);
+				break;
+			case "ArrowLeft":
+				this.camera.pan(-10, 0);
+				break;
+			case "ArrowRight":
+				this.camera.pan(10, 0);
+				break;
+			case "+":
+				this.camera.zoom(t);
+				break;
+			case "-":
+				this.camera.zoom(1 / t);
+				break;
+		}
+	}
+	onPointerDown(e) {
+		this.dragging = !0, this.previousPointerPosition = this.getEventPosition(e);
+	}
+	onPointerMove(e) {
+		if (!this.dragging || !this.previousPointerPosition) return;
+		let t = this.getEventPosition(e), n = t.x - this.previousPointerPosition.x, r = t.y - this.previousPointerPosition.y;
+		this.camera.pan(n, r), this.previousPointerPosition = t;
+	}
+	onPointerUp() {
+		this.dragging = !1, this.previousPointerPosition = null;
+	}
+	getEventPosition(e) {
+		return e instanceof TouchEvent ? new D(e.touches[0].clientX, e.touches[0].clientY) : new D(e.clientX, e.clientY);
+	}
+}, Yn = h(v()), Xn = class extends Yn {
+	get app() {
+		return S.getInstance();
+	}
+	get animationNames() {
+		return this.spine.state.data.skeletonData.animations.map((e) => e.name);
+	}
+	get currentEntry() {
+		return this.spine.state.getCurrent(0);
+	}
+	get elapsedAnimationTime() {
+		return this.currentEntry ? this.currentEntry.trackTime : -1;
+	}
+	constructor(e) {
+		super(), this.onAnimationComplete = new p(), this.onAnimationStart = new p(), this.onAnimationInterrupt = new p(), this.onAnimationDispose = new p(), this.onAnimationEnd = new p(), this.onAnimationEvent = new p(), this.onPaused = new p(), this.onResumed = new p(), m(this);
+		let t = e?.data, n = "";
+		if (typeof t == "string") {
+			let e = t.slice(-5);
+			e !== ".json" && e !== ".skel" ? e = ".json" : t = t.substring(0, t.length - 5), n = {
+				skeleton: t + e,
+				atlas: t + ".atlas"
+			};
+		}
+		this.spine = window.Spine.from(n), this.add.existing(this.spine), e && (e.autoUpdate !== void 0 && (this.spine.autoUpdate = e.autoUpdate), e.animationName && this.setAnimation(e.animationName, e.loop, e.trackIndex ?? 0)), this.addSignalConnection(this.app.actions("toggle_pause").connect(this.togglePause)), e?.paused && this.pause(), this._stateListener = {
+			start: this._handleAnimationStart,
+			interrupt: this._handleAnimationInterrupt,
+			dispose: this._handleAnimationDispose,
+			end: this._handleAnimationEnd,
+			event: this._handleAnimationEvent,
+			complete: this._handleAnimationComplete
+		}, this.spine.state.addListener(this._stateListener);
+	}
+	destroy() {
+		this.spine.state.removeListener(this._stateListener), super.destroy();
+	}
+	getCurrentAnimation(e = 0) {
+		return this.spine.state.getCurrent(e)?.animation?.name || "";
+	}
+	setAnimation(e, t = !1, n = 0) {
+		this.spine.state.setAnimation(n, e, t);
+	}
+	pause() {
+		this.paused = !0, this.spine.autoUpdate = !1, this.currentEntry && (this.currentEntry.timeScale = 0), this.onPaused.emit(this.currentEntry);
+	}
+	resume() {
+		this.paused = !1, this.spine.autoUpdate = !0, this.currentEntry && (this.currentEntry.timeScale = 1), this.onResumed.emit(this.currentEntry);
+	}
+	togglePause() {
+		this.paused ? this.resume() : this.pause();
+	}
+	_handleAnimationComplete(e) {
+		this.onAnimationComplete.emit(e);
+	}
+	_handleAnimationStart(e) {
+		this.onAnimationStart.emit(e);
+	}
+	_handleAnimationInterrupt(e) {
+		this.onAnimationInterrupt.emit(e);
+	}
+	_handleAnimationDispose(e) {
+		this.onAnimationDispose.emit(e);
+	}
+	_handleAnimationEnd(e) {
+		this.onAnimationEnd.emit(e);
+	}
+	_handleAnimationEvent(e, t) {
+		this.onAnimationEvent.emit(e, t);
+	}
+};
+//#endregion
+//#region src/mixins/focus.ts
+function J(e) {
+	return class extends e {
+		constructor(...e) {
+			super(...e), this.isFocused = !1, this.isKeyDown = !1, this.focusEnabled = !0, this.tabIndex = 0, this.accessible = !1, this.accessibleType = "button", this.accessibleTitle = "Focusable", this.accessibleHint = "Press enter to focus", this.accessiblePointerEvents = "auto", this.accessibleChildren = !0, this.onFocus = new p(), this.onFocusIn = new p(), this.onFocusOut = new p(), this.onBlur = new p(), this._eventsDisabled = !1, this.eventMode = "static", this.on("mouseover", this._onMouseOver), this.on("mousedown", this._onMouseDown), this.on("click", this._handleClick), this.on("tap", this._handleClick);
+		}
+		get app() {
+			return S.getInstance();
+		}
+		destroy(e) {
+			this.off("mouseover", this._onMouseOver), this.off("mousedown", this._onMouseDown), this.off("click", this._handleClick), this.off("tap", this._handleClick), super.destroy(e);
+		}
+		focusIn() {
+			this.app.focus.active && this.emit("pointerover", { type: "pointerover" });
+		}
+		blur() {
+			this.isKeyDown || window.removeEventListener("keyup", this._handleKeyUp.bind(this));
+		}
+		focusOut() {
+			this.isKeyDown || window.removeEventListener("keyup", this._handleKeyUp.bind(this)), this.app.focus.active && this.emit("pointerout", { type: "pointerout" });
+		}
+		click() {}
+		getFocusPosition() {
+			return null;
+		}
+		getFocusArea() {
+			return this.getBounds();
+		}
+		getFocusSize() {
+			return [this.getFocusArea().width, this.getFocusArea().height];
+		}
+		_onMouseOver(e) {
+			this.app.focus.setFocus(this);
+		}
+		_onMouseDown(e) {
+			this._maybeEmit("pointerdown", e);
+		}
+		_handleClick(e) {
+			this._maybeEmit("click", e), this.click();
+		}
+		_handleKeyUp(e) {}
+		_maybeEmit(e, t) {
+			this._eventsDisabled || t.type || (this._eventsDisabled = !0, this.emit(e, { type: e }), this._eventsDisabled = !1);
+		}
+	};
+}
+J.INITTED = !1;
+//#endregion
+//#region src/mixins/interaction.ts
+function Zn(e) {
+	return class extends e {
+		constructor(...e) {
+			super(...e), this._signals = /* @__PURE__ */ new Map(), this._emitSignal = this._emitSignal.bind(this), this.eventMode = "static";
+		}
+		onInteraction(e) {
+			if (!this._signals.has(e)) {
+				let t = new p();
+				this._signals.set(e, t), this.on(e, this._emitSignal);
+			}
+			return this._signals.get(e);
+		}
+		destroy(e) {
+			for (let e of this._signals.keys()) this.off(e, this._emitSignal);
+			this._signals.clear(), super.destroy(e);
+		}
+		_emitSignal(e) {
+			let t = e.type, n = this._signals.get(t);
+			n && n.emit(e);
+		}
+	};
+}
+//#endregion
+//#region src/ui/Button.ts
+var Qn = [
+	"textures",
+	"sounds",
+	"actions",
+	"cursor",
+	"disabledCursor",
+	"sheet",
+	"enabled",
+	"layout",
+	"textLabel"
+], $n = J(Zn(h(v()))), er = class extends $n {
+	get textLabel() {
+		return this._textLabel;
+	}
+	constructor(e) {
+		super(), this.onDown = new p(), this.onUp = new p(), this.onUpOutside = new p(), this.onOut = new p(), this.onOver = new p(), this.onClick = new p(), this.onEnabled = new p(), this.onDisabled = new p(), this.onKeyboardEvent = new p(), this.onDestroy = new p(), this._isDownCallbacks = /* @__PURE__ */ new Map(), this._isDownListenerAdded = !1, m(this), this.config = Object.assign({
+			id: "button",
+			textures: { default: "" },
+			sheet: void 0,
+			enabled: !0,
+			cursor: "default",
+			disabledCursor: "not-allowed"
+		}, e), this.id = this.config.id, e.layout === void 0 ? this.layout = !1 : this.layout = e.layout, this.view = this.add.sprite({
+			asset: this.config.textures.default,
+			sheet: this.config.sheet ?? void 0
+		}), this.cursor = this.config.cursor, this.enabled = e.enabled !== !1, this.layout?.style.transformOrigin !== "top left" && (this.layout = { transformOrigin: "top left" }, this.app.renderer.layout && this.app.renderer.layout.update(this)), this.config.textLabel && this.addLabel(this.config.textLabel), this.addSignalConnection(this.onInteraction("pointerover").connect(this.handlePointerOver, -1), this.onInteraction("pointerout").connect(this.handlePointerOut, -1), this.onInteraction("pointerup").connect(this.handlePointerUp, -1), this.onInteraction("click").connect(this.handleClick, -1), this.onInteraction("tap").connect(this.handleClick, -1), this.onInteraction("pointerdown").connect(this.handlePointerDown, -1)), this.on("removed", this._resetPressState);
+	}
+	set enabled(e) {
+		this._enabled !== e && (this._enabled = e, this.cursor = this._enabled ? this.config.cursor : this.config.disabledCursor, this.focusEnabled = e, this._enabled ? (this.view.texture = this.make.texture({
+			asset: this.config.textures.default,
+			sheet: this.config.sheet ?? void 0
+		}), this.onEnabled.emit()) : (this._resetPressState(), this.view.texture = this.make.texture({
+			asset: this.config.textures.disabled || this.config.textures.default,
+			sheet: this.config.sheet ?? void 0
+		}), this.onDisabled.emit()));
+	}
+	_resetPressState() {
+		window.removeEventListener("pointerup", this.handlePointerUpOutside), this.off("pointerupoutside", this.handlePointerUpOutside), this.isDown = !1, this._pointerId = void 0;
+	}
+	addLabel(e) {
+		if (e instanceof O || e instanceof St || e instanceof w) e.anchor.set(.5, .5), this._textLabel = this.add.existing(e), this._textLabel.layout = !1;
+		else switch (e.anchor = .5, e.type) {
+			case "bitmap":
+				this._textLabel = this.add.bitmapText({
+					...e,
+					layout: !1
+				});
+				break;
+			case "html":
+				this._textLabel = this.add.htmlText({
+					...e,
+					layout: !1
+				});
+				break;
+			default:
+				this._textLabel = this.add.text({
+					...e,
+					layout: !1
+				});
+				break;
+		}
+		return this.positionLabel(), this._textLabel;
+	}
+	positionLabel() {
+		this._textLabel && this._textLabel.position.set(this.view.width * .5, this.view.height * .5);
+	}
+	get enabled() {
+		return this._enabled;
+	}
+	get app() {
+		return S.getInstance();
+	}
+	destroy(e) {
+		this.onDestroy.emit(), this._resetPressState(), this._isDownListenerAdded &&= (this.app.ticker.remove(this._handleIsDownCallbacks), !1), super.destroy(e);
+	}
+	focusOut() {
+		super.focusOut(), this.isDown = !1, this.isOver = !1;
+	}
+	blur() {
+		super.blur(), this.isDown = !1, this.isOver = !1;
+	}
+	getFocusArea() {
+		return this.view.getBounds().clone();
+	}
+	addIsDownCallback(e, t) {
+		this._isDownCallbacks.set(e, t), this._checkIsDownCallbacks();
+	}
+	removeIsDownCallback(e) {
+		this._isDownCallbacks.delete(e), this._checkIsDownCallbacks();
+	}
+	setTexture(e, t) {
+		this.config.textures[e] = t, e === "default" && (this.view.texture = this.make.texture({
+			asset: this.config.textures.default,
+			sheet: this.config.sheet
+		})), this.positionLabel();
+	}
+	handlePointerOver() {
+		this._enabled && (this.isOver ||= !0, !this.isDown && (this.view.texture = this.make.texture({
+			asset: this.config.textures.hover || this.config.textures.default,
+			sheet: this.config.sheet
+		}), this.onOver.emit(), this.config.sounds?.hover && this.app.audio.play(this.config.sounds.hover, "sfx"), this.config.actions?.hover && this._doAction(this.config.actions.hover)));
+	}
+	handlePointerOut() {
+		this.isOver = !1, this._enabled && (this.isDown || (this.view.texture = this.make.texture({
+			asset: this.config.textures.default,
+			sheet: this.config.sheet
+		}), this.config.sounds?.out && this.app.audio.play(this.config.sounds.out, "sfx"), this.onOut.emit()));
+	}
+	handlePointerDown(e) {
+		!this._enabled && !this.isKeyDown || !this.isDown && this._pointerId === void 0 && (this._pointerId = e.pointerId, window.removeEventListener("pointerup", this.handlePointerUpOutside), this.off("pointerupoutside", this.handlePointerUpOutside), window.addEventListener("pointerup", this.handlePointerUpOutside), this.on("pointerupoutside", this.handlePointerUpOutside), this.isDown = !0, this.view.texture = this.make.texture({
+			asset: this.config.textures.active || this.config.textures.hover || this.config.textures.default,
+			sheet: this.config.sheet
+		}), this.onDown.emit(), this.config.sounds?.down && this.app.audio.play(this.config.sounds.down, "sfx"), this.config.actions?.down && this._doAction(this.config.actions.down));
+	}
+	handlePointerUp(e) {
+		!this._enabled || !this.isOver || e.pointerId !== this._pointerId || (window.removeEventListener("pointerup", this.handlePointerUpOutside), this.view.texture = this.make.texture({
+			asset: this.config.textures.default,
+			sheet: this.config.sheet
+		}), this.onUp.emit(), this._pointerId = void 0);
+	}
+	handleClick(e) {
+		this._enabled && (e?.pointerId !== void 0 && !this.isDown || e !== void 0 && e === this._lastClickEvent || (this._lastClickEvent = e, this.isDown = !1, this.onClick.emit(), this.config.sounds?.click && this.app.audio.play(this.config.sounds.click, "sfx"), this.config.actions?.click && this._doAction(this.config.actions.click)));
+	}
+	handlePointerUpOutside(e) {
+		if (e.pointerId !== this._pointerId) return;
+		let t = this._enabled;
+		this._resetPressState(), this.isOver = !1, t && (this.view.texture = this.make.texture({
+			asset: this.config.textures.default,
+			sheet: this.config.sheet
+		}), this.onUpOutside.emit());
+	}
+	_doAction(e) {
+		typeof e == "function" ? e() : (e.data.button || (e.data.button = this), this.app.action(e.id, e.data));
+	}
+	_checkIsDownCallbacks() {
+		!this._isDownListenerAdded && this._isDownCallbacks.size > 0 ? (this._isDownListenerAdded = !0, this.app.ticker.add(this._handleIsDownCallbacks)) : this._isDownListenerAdded && this._isDownCallbacks.size === 0 && (this.app.ticker.remove(this._handleIsDownCallbacks), this._isDownListenerAdded = !1);
+	}
+	_handleIsDownCallbacks() {
+		this.isDown && this._isDownCallbacks.forEach((e) => {
+			e();
+		});
+	}
+}, tr = h(v());
+function nr(e) {
+	return e instanceof O || e instanceof w;
+}
+var rr = [
+	"bindTo",
+	"bindToAppSize",
+	"autoLayoutChildren",
+	"debug"
+], ir = class extends tr {
+	constructor(e = {}) {
+		if (super(), this.onLayoutComplete = new p(), this._debugGraphics = null, this._debugLabel = null, !this.app.config.useLayout) throw Error("You must set useLayout to true in your app config to use FlexContainer");
+		m(this), this.config = {
+			autoLayoutChildren: !0,
+			...e
+		}, this.layout = this.createLayout(e), this.on("added", this.handleAdded), this.on("childAdded", this.handleChildAdded), this.on("childRemoved", this.handleChildRemoved), this.config.bindToAppSize && this.app.onResize.connect(this.handleResize), this.config.bindTo && "on" in this.config.bindTo && this.config.bindTo.on("layout", this.handleBindToResize);
+	}
+	createLayout(e) {
+		e?.layout === !0 && (e.layout = {});
+		let t = { ...e?.layout ?? {} };
+		return this.config.bindToAppSize ? (t.width = this.app.size.width, t.height = this.app.size.height) : this.config.bindTo && (t.width = this.config.bindTo.width, t.height = this.config.bindTo.height), t;
+	}
+	handleAdded() {
+		this.updateLayout();
+	}
+	_updateLayout() {
+		this.app.ticker.addOnce(this.updateLayout);
+	}
+	handleChildAdded(e) {
+		this.config.autoLayoutChildren && (e.layout ? nr(e) && !e.layout?.style?.isLeaf && (e.layout = { isLeaf: !0 }) : e.layout = { isLeaf: !0 }), _.childAdded(e), e.on("layout", this._updateLayout), this._updateLayout();
+	}
+	handleChildRemoved(e) {
+		e.off("layout", this._updateLayout), _.childRemoved(e), this._updateLayout();
+	}
+	handleResize() {
+		this.config.bindToAppSize && (this.layout = {
+			width: this.app.size.width,
+			height: this.app.size.height
+		}), this._updateLayout();
+	}
+	handleBindToResize() {
+		this.config.bindTo && (this.layout = {
+			width: this.config.bindTo.width,
+			height: this.config.bindTo.height
+		}, this._updateLayout());
+	}
+	updateLayout() {
+		this.destroyed || !this.layout || !this.app?.renderer.layout || (this.app.renderer.layout.update(this), this.onLayoutComplete.emit(), this.config.debug && this.drawDebug());
+	}
+	get app() {
+		return S.getInstance();
+	}
+	configure(e) {
+		this.layout = e, this._updateLayout();
+	}
+	get gap() {
+		return this.layout?.style?.gap ?? 0;
+	}
+	set gap(e) {
+		this.layout = { gap: e }, this._updateLayout();
+	}
+	get flexWrap() {
+		return this.layout?.style?.flexWrap;
+	}
+	set flexWrap(e) {
+		this.layout = { flexWrap: e }, this._updateLayout();
+	}
+	get flexDirection() {
+		return this.layout?.style?.flexDirection;
+	}
+	set flexDirection(e) {
+		this.layout = { flexDirection: e }, this._updateLayout();
+	}
+	get alignItems() {
+		return this.layout?.style?.alignItems;
+	}
+	set alignItems(e) {
+		this.layout = { alignItems: e }, this._updateLayout();
+	}
+	get justifyContent() {
+		return this.layout?.style?.justifyContent;
+	}
+	set justifyContent(e) {
+		this.layout = { justifyContent: e }, this._updateLayout();
+	}
+	get size() {
+		return {
+			width: this.layout?.style?.width,
+			height: this.layout?.style?.height
+		};
+	}
+	set size(e) {
+		Array.isArray(e) && (e = {
+			width: e[0],
+			height: e[1]
+		}), (typeof e == "number" || typeof e == "string") && (e = {
+			width: e,
+			height: e
+		}), this.layout = { ...e }, this._updateLayout();
+	}
+	get layoutWidth() {
+		return this.layout?.style?.width;
+	}
+	set layoutWidth(e) {
+		this.layout = { width: e }, this._updateLayout();
+	}
+	get layoutHeight() {
+		return this.layout?.style?.height;
+	}
+	set layoutHeight(e) {
+		this.layout = { height: e }, this._updateLayout();
+	}
+	get padding() {
+		return this.layout?.style?.padding;
+	}
+	set padding(e) {
+		this.layout = { padding: e }, this._updateLayout();
+	}
+	get paddingTop() {
+		return this.layout?.style?.paddingTop;
+	}
+	set paddingTop(e) {
+		this.layout = { paddingTop: e }, this._updateLayout();
+	}
+	get paddingRight() {
+		return this.layout?.style?.paddingRight;
+	}
+	set paddingRight(e) {
+		this.layout = { paddingRight: e }, this._updateLayout();
+	}
+	get paddingBottom() {
+		return this.layout?.style?.paddingBottom;
+	}
+	set paddingBottom(e) {
+		this.layout = { paddingBottom: e }, this._updateLayout();
+	}
+	get paddingLeft() {
+		return this.layout?.style?.paddingLeft;
+	}
+	set paddingLeft(e) {
+		this.layout = { paddingLeft: e }, this._updateLayout();
+	}
+	get margin() {
+		return this.layout?.style?.margin;
+	}
+	set margin(e) {
+		this.layout = { margin: e }, this._updateLayout();
+	}
+	get marginTop() {
+		return this.layout?.style?.marginTop;
+	}
+	set marginTop(e) {
+		this.layout = { marginTop: e }, this._updateLayout();
+	}
+	get marginRight() {
+		return this.layout?.style?.marginRight;
+	}
+	set marginRight(e) {
+		this.layout = { marginRight: e }, this._updateLayout();
+	}
+	get marginBottom() {
+		return this.layout?.style?.marginBottom;
+	}
+	set marginBottom(e) {
+		this.layout = { marginBottom: e }, this._updateLayout();
+	}
+	get marginLeft() {
+		return this.layout?.style?.marginLeft;
+	}
+	set marginLeft(e) {
+		this.layout = { marginLeft: e }, this._updateLayout();
+	}
+	get debug() {
+		return this.config.debug ?? !1;
+	}
+	set debug(e) {
+		this.config.debug = e, e ? (P(`FlexContainer:${this.uid}`, this.label || "FlexContainer", j.bounds), this.drawDebug()) : (F(`FlexContainer:${this.uid}`), this._debugGraphics && this._debugGraphics.clear(), this._debugLabel && (this._debugLabel.visible = !1));
+	}
+	drawDebug() {
+		(!this._debugGraphics || this._debugGraphics.parent !== this) && (this._debugGraphics ||= Ft(`${this.label ?? "FlexContainer"}:debug`), this.addChild(this._debugGraphics), this._debugGraphics.layout = !1), (!this._debugLabel || this._debugLabel.parent !== this) && (this._debugLabel ||= N(this.label || "FlexContainer", j.bounds), this.addChild(this._debugLabel), this._debugLabel.layout = !1), this._debugLabel.text = this.label || "FlexContainer", this._debugLabel.visible = !0, this.setChildIndex(this._debugGraphics, this.children.length - 1), this.setChildIndex(this._debugLabel, this.children.length - 1), this._debugGraphics.clear();
+		let e = this.layout?.computedLayout;
+		if (!e) return;
+		let t = e.width, n = e.height, r = this.layout?.style?.flexDirection ?? "row", i = this.layout?.style?.gap ?? 0;
+		this._debugGraphics.rect(0, 0, t, n).stroke({
+			width: 1,
+			color: j.bounds,
+			alpha: M.stroke,
+			pixelLine: !0
+		});
+		let a = this.layout?.style?.paddingTop ?? 0, o = this.layout?.style?.paddingRight ?? 0, s = this.layout?.style?.paddingBottom ?? 0, c = this.layout?.style?.paddingLeft ?? 0;
+		a > 0 && this._debugGraphics.rect(0, 0, t, a).fill({
+			color: j.outerBounds,
+			alpha: M.fill
+		}), s > 0 && this._debugGraphics.rect(0, n - s, t, s).fill({
+			color: j.outerBounds,
+			alpha: M.fill
+		}), c > 0 && this._debugGraphics.rect(0, a, c, n - a - s).fill({
+			color: j.outerBounds,
+			alpha: M.fill
+		}), o > 0 && this._debugGraphics.rect(t - o, a, o, n - a - s).fill({
+			color: j.outerBounds,
+			alpha: M.fill
+		});
+		let l = Math.min(t, n, 40), u = t / 2, d = n / 2, f = r === "row" || r === "row-reverse";
+		if (f) {
+			let e = r === "row" ? 1 : -1, t = u - e * l / 2, n = u + e * l / 2;
+			this._debugGraphics.moveTo(t, d).lineTo(n, d).moveTo(n, d).lineTo(n - e * 6, d - 4).moveTo(n, d).lineTo(n - e * 6, d + 4).stroke({
+				width: 1,
+				color: j.direction,
+				alpha: .8,
+				pixelLine: !0
+			});
+		} else {
+			let e = r === "column" ? 1 : -1, t = d - e * l / 2, n = d + e * l / 2;
+			this._debugGraphics.moveTo(u, t).lineTo(u, n).moveTo(u, n).lineTo(u - 4, n - e * 6).moveTo(u, n).lineTo(u + 4, n - e * 6).stroke({
+				width: 1,
+				color: j.direction,
+				alpha: .8,
+				pixelLine: !0
+			});
+		}
+		if (i > 0) for (let e = 0; e < this.children.length - 1; e++) {
+			let r = this.children[e];
+			if (r === this._debugGraphics || r === this._debugLabel || !r.layout?.computedLayout) continue;
+			let a = r.layout.computedLayout;
+			if (f) {
+				let e = a.left + a.width;
+				this._debugGraphics.rect(e, 0, i, n).fill({
+					color: j.gap,
+					alpha: M.fill
+				});
+			} else {
+				let e = a.top + a.height;
+				this._debugGraphics.rect(0, e, t, i).fill({
+					color: j.gap,
+					alpha: M.fill
+				});
+			}
+		}
+		for (let e of this.children) {
+			if (e === this._debugGraphics || e === this._debugLabel || !e.layout?.computedLayout) continue;
+			let t = e.layout.computedLayout;
+			this._debugGraphics.rect(t.left, t.top, t.width, t.height).stroke({
+				width: 1,
+				color: j.innerBounds,
+				alpha: .4,
+				pixelLine: !0
+			});
+		}
+		this._debugLabel.position.set(2, 2);
+	}
+	destroy() {
+		this.config.debug && F(`FlexContainer:${this.uid}`), this._debugGraphics &&= (this._debugGraphics.destroy(), null), this._debugLabel &&= (this._debugLabel.destroy(), null), this.off("added", this.handleAdded), this.off("childAdded", this.handleChildAdded), this.off("childRemoved", this.handleChildRemoved), this.config.bindToAppSize && this.app.onResize.disconnect(this.handleResize), this.config.bindTo && "off" in this.config.bindTo && this.config.bindTo.off("layout", this.handleBindToResize), super.destroy();
+	}
+}, Y = {
+	type: "info",
+	duration: 3e3,
+	width: 300,
+	height: 80,
+	backgroundColor: 0,
+	backgroundAlpha: .8,
+	cornerRadius: 0,
+	padding: 10,
+	autoClose: !0,
+	textAlign: "center",
+	verticalAlign: "middle",
+	colorBarWidth: 6,
+	shadow: {
+		color: 0,
+		alpha: .2,
+		offset: {
+			x: 1,
+			y: 3
+		}
+	},
+	closeButton: {
+		show: !1,
+		position: "top right",
+		size: 12,
+		offset: 4
+	},
+	style: {
+		fill: 16777215,
+		fontSize: 16,
+		wordWrap: !0
+	},
+	textColors: {
+		info: 3447003,
+		success: 3066993,
+		warning: 15844367,
+		error: 15158332
+	}
+}, ar = class extends h(_) {
+	set toaster(e) {
+		this._toaster = e;
+	}
+	get toaster() {
+		return this._toaster;
+	}
+	set text(e) {
+		this.textDisplay.text = e, this.alignText();
+	}
+	constructor(e = {}) {
+		super(), this.onToastClosed = new p(), this.isHiding = !1, this.config = {
+			...Y,
+			...e
+		}, this.initialize();
+	}
+	initialize() {
+		if (this.view = this.add.container(), this.config.shadow && (this.shadow = this.view.add.graphics().roundRect(this.config.shadow.offset?.x ?? 4, this.config.shadow.offset?.y ?? 4, this.config.width, this.config.height, this.config.cornerRadius).fill({
+			color: this.config.shadow.color ?? 0,
+			alpha: this.config.shadow.alpha ?? .2
+		})), this.background = this.view.add.graphics().roundRect(0, 0, this.config.width, this.config.height, this.config.cornerRadius).fill({
+			color: this.config.backgroundColor,
+			alpha: this.config.backgroundAlpha
+		}), this.config.type) {
+			let e = new E().roundRect(0, 0, this.config.width, this.config.height, this.config.cornerRadius).fill({ color: 16777215 }), t = this.view.add.graphics().rect(0, 0, this.config.colorBarWidth, this.config.height).fill({ color: this.config.textColors[this.config.type] });
+			t.mask = e, this.view.addChild(e), this.view.addChild(t);
+		}
+		this.config.closeButton?.show && this.addCloseButton();
+		let e = this.config.type ? this.config.colorBarWidth + this.config.padding : this.config.padding, t = this.config.closeButton?.show && this.config.closeButton.position === "top right" ? this.config.closeButton.size + this.config.closeButton.offset * 2 : this.config.padding;
+		this.textDisplay = this.view.add.text({
+			text: this.config.message,
+			style: {
+				...Y.style,
+				...this.config.style,
+				wordWrapWidth: this.config.style?.wordWrapWidth ?? this.config.width - e - t
+			},
+			x: e,
+			y: this.config.padding
+		}), this.alignText(), this.view.pivot.set(this.config.width * .5, this.config.height * .5), this.view.position.set(this.config.width * .5, this.config.height * .5), this.alpha = 0, this.addChild(this.view);
+	}
+	addCloseButton() {
+		let e = this.config.closeButton?.class || er, t = this.config.closeButton?.size ?? 12, n = this.config.closeButton?.offset ?? 4, r = this.config.closeButton?.position ?? "top right";
+		this.closeButton = this.view.add.existing(new e({ cursor: "pointer" }));
+		let i = r === "top right" ? this.config.width - t * .5 - n : t * .5 + n, a = t * .5 + n;
+		this.closeButton.position.set(i, a), this.closeButton.onClick.connect(() => {
+			this.hide();
+		});
+	}
+	alignText() {
+		switch (this.config.textAlign) {
+			case "left":
+				this.textDisplay.anchor.set(0, .5);
+				break;
+			case "center":
+				this.textDisplay.anchor.set(.5, .5), this.textDisplay.x = this.config.width / 2;
+				break;
+			case "right":
+				this.textDisplay.anchor.set(1, .5);
+				break;
+		}
+		switch (this.config.verticalAlign) {
+			case "top":
+				this.textDisplay.y = this.config.padding;
+				break;
+			case "middle":
+				this.textDisplay.y = this.config.height * .5;
+				break;
+			case "bottom":
+				this.textDisplay.y = this.config.height - this.textDisplay.height - this.config.padding;
+				break;
+		}
+	}
+	getShowAnimation() {
+		let e = A.timeline({ paused: !0 });
+		return e.to(this, {
+			alpha: 1,
+			duration: .4,
+			ease: "power2.out"
+		}), e;
+	}
+	getHideAnimation() {
+		let e = A.timeline({ paused: !0 });
+		return e.to(this, {
+			alpha: 0,
+			duration: .25,
+			ease: "power2.in"
+		}), e;
+	}
+	async show() {
+		return this.timeline = this.getShowAnimation(), await this.timeline.play(), this.config.autoClose && (this.closeTimeout = setTimeout(() => {
+			this.hide();
+		}, this.config.duration)), this;
+	}
+	async hide() {
+		if (this.isHiding || this.destroyed) return this;
+		this.isHiding = !0, this.closeTimeout &&= (clearTimeout(this.closeTimeout), void 0);
+		try {
+			await this.getHideAnimation().play(), this.destroyed || this.onToastClosed.emit();
+		} catch (e) {
+			console.warn("Toast hide animation error:", e), this.destroyed || this.onToastClosed.emit();
+		}
+		return this;
+	}
+	destroy() {
+		this.isHiding = !0, this.closeTimeout &&= (clearTimeout(this.closeTimeout), void 0), A.killTweensOf(this), this.timeline &&= (this.timeline.kill(), void 0), !this.destroyed && !this.isHiding && this.onToastClosed.emit(), super.destroy({ children: !0 });
+	}
+}, or = {
+	position: "bottom right",
+	maxToasts: 5,
+	spacing: 10,
+	offset: {
+		x: 20,
+		y: 20
+	},
+	stackDirection: "up",
+	animationSpeed: 1
+}, sr = class extends h(_) {
+	get size() {
+		return this.toasts.length;
+	}
+	get toastPosition() {
+		return this.config.position ?? "top right";
+	}
+	get stackDirection() {
+		return this.config.stackDirection ?? "up";
+	}
+	get spacing() {
+		return this.config.spacing ?? 10;
+	}
+	get offset() {
+		return this.config.offset ?? {
+			x: 20,
+			y: 20
+		};
+	}
+	get maxToasts() {
+		return this.config.maxToasts ?? 5;
+	}
+	get toastConfig() {
+		return this.defaultToastConfig ?? {};
+	}
+	constructor(e = {}, t = {}) {
+		super({ autoResize: !0 }), this.onToastAdded = new p(), this.onToastRemoved = new p(), this.onAllToastsRemoved = new p(), this.toasts = [], this.config = {
+			...or,
+			...e
+		}, this.defaultToastConfig = { ...t }, this.initialize(), this.resize();
+	}
+	initialize() {
+		this.container = this.add.container();
+	}
+	async show(e = this.defaultToastConfig, t = !1) {
+		if (this.size >= this.config.maxToasts) {
+			let e = this.toasts[0];
+			await e.hide(), await this.removeToast(e);
+		}
+		!t && this.defaultToastConfig && (e = {
+			...this.defaultToastConfig,
+			...e,
+			style: this.defaultToastConfig.style || e.style ? {
+				...this.defaultToastConfig.style ?? {},
+				...e.style ?? {}
+			} : this.defaultToastConfig.style,
+			textColors: this.defaultToastConfig.textColors || e.textColors ? {
+				...this.defaultToastConfig.textColors ?? {},
+				...e.textColors ?? {}
+			} : Y.textColors,
+			shadow: this.defaultToastConfig.shadow || e.shadow ? {
+				...this.defaultToastConfig.shadow ?? {},
+				...e.shadow ?? {}
+			} : this.defaultToastConfig.shadow,
+			closeButton: this.defaultToastConfig.closeButton || e.closeButton ? {
+				...this.defaultToastConfig.closeButton ?? {},
+				...e.closeButton ?? {}
+			} : Y.closeButton
+		});
+		let n = new (e.class ?? ar)(e);
+		return n.toaster = this, this.container.addChild(n), this.toasts.push(n), this.positionToast(n, this.toasts.length - 1, !1), n.onToastClosed.connectOnce(() => this.removeToast(n)), this.positionToasts(), this.onToastAdded.emit(n), n.show();
+	}
+	async hideAll() {
+		let e = [...this.toasts];
+		await Promise.all(e.map((e) => e.hide())), this.onAllToastsRemoved.emit();
+	}
+	async removeAll() {
+		return this.hideAll();
+	}
+	async removeToast(e) {
+		let t = this.toasts.indexOf(e);
+		t === -1 || e.destroyed || (this.toasts.splice(t, 1), this.positionToasts(), e.destroyed || (this.container.removeChild(e), e.destroy()), this.onToastRemoved.emit(e));
+	}
+	positionToasts(e = !0, t = !1) {
+		this.toasts.filter((e, n) => e && !e.destroyed && (t ? n !== this.toasts.length - 1 : !0)).forEach((t, n) => {
+			this.positionToast(t, n, e);
+		});
+	}
+	positionToast(e, t, n = !0) {
+		if (!e?.parent || e.destroyed) return;
+		let { position: r, spacing: i, offset: a, stackDirection: o } = this.config, s = typeof a == "number" ? a : a.x, c = typeof a == "number" ? a : a.y, l = this.app.size.width * .5, u = this.app.size.height * .5;
+		switch (r) {
+			case "top right":
+			case "right top":
+				l += this.app.size.width * .5 - e.width - s, u -= this.app.size.height * .5 - c;
+				break;
+			case "top left":
+			case "left top":
+				l -= this.app.size.width * .5 - s, u -= this.app.size.height * .5 - c;
+				break;
+			case "bottom right":
+			case "right bottom":
+				l += this.app.size.width * .5 - e.width - s, u += this.app.size.height * .5 - e.height - c;
+				break;
+			case "bottom left":
+			case "left bottom":
+				l -= this.app.size.width * .5 - s, u += this.app.size.height * .5 - e.height - c;
+				break;
+			case "top":
+			case "top center":
+				l += -e.width * .5, u -= this.app.size.height * .5 - c;
+				break;
+			case "bottom":
+			case "bottom center":
+				l += -e.width * .5, u += this.app.size.height * .5 - e.height - c;
+				break;
+		}
+		o === "down" ? u += t * (e.height + i) : u -= t * (e.height + i);
+		try {
+			n ? A.to(e, {
+				x: l,
+				y: u,
+				duration: .3 / this.config.animationSpeed,
+				ease: "power2.out"
+			}) : e.position.set(l, u);
+		} catch (e) {
+			console.warn("Error positioning toast:", e);
+		}
+	}
+	resize() {
+		this.position.set(-this.app.size.width * .5, -this.app.size.height * .5), this.positionToasts(!1);
+	}
+	destroy() {
+		this.toasts.forEach((e) => {
+			A.killTweensOf(e);
+		}), this.hideAll(), this.toasts = [], super.destroy({ children: !0 });
+	}
+}, cr = [
+	"debug",
+	"padding",
+	"size",
+	"useAppSize",
+	"useSafeArea",
+	"layout"
+], lr = {
+	top: 0,
+	right: 0,
+	bottom: 0,
+	left: 0
+};
+function ur(e, t) {
+	return {
+		top: e.top + t.top,
+		right: e.right + t.right,
+		bottom: e.bottom + t.bottom,
+		left: e.left + t.left
+	};
+}
+var dr = {
+	flexGrow: 0,
+	flexShrink: 0,
+	autoLayoutChildren: !0
+}, fr = h(v()), pr = class e extends fr {
+	constructor(e) {
+		if (super(), this.settingsMap = /* @__PURE__ */ new Map(), this._childMap = /* @__PURE__ */ new Map(), this._debugGraphics = null, this._debugLabel = null, this._regionLabels = [], this._disableAddChildError = !1, this._bindings = [], this._canvasChildren = [], this.removeChildren = (e, t) => super.removeChildren(e, t), this.removeChildAt = (e) => super.removeChildAt(e), this.addChildAt = (e, t) => {
+			throw Error("UICanvas: Do not call addChildAt() directly. Use addElement(child, { align }) instead.\nExample: uiCanvas.addElement(myChild, { align: 'top right' })");
+		}, this.setChildIndex = (e, t) => {
+			super.setChildIndex(e, t), this._updateLayout();
+		}, this.getChildIndex = (e) => super.getChildIndex(e), this.getChildAt = (e) => super.getChildAt(e), !this.app.config.useLayout) throw Error("You must set useLayout to true in your app config to use UICanvas");
+		m(this), this._positionContainers = /* @__PURE__ */ new Map(), this.config = {
+			debug: e.debug === !0,
+			padding: I(e?.padding ?? 0),
+			size: e.size === void 0 ? {
+				width: 0,
+				height: 0
+			} : et(e.size),
+			useAppSize: e.useAppSize === !0,
+			useSafeArea: e.useSafeArea ?? !0,
+			autoLayoutChildren: e.autoLayoutChildren ?? !0
+		}, e.layout ? typeof e.layout == "boolean" ? this.config.layout = e.layout : this.config.layout = {
+			...dr,
+			...e.layout
+		} : this.config.layout = { ...dr }, this.config.useAppSize && (this.config.size = this.app.size), this.layout = {
+			width: this.config.size.width,
+			height: this.config.size.height,
+			flexDirection: "column",
+			justifyContent: "space-between",
+			...typeof this.config.layout == "object" ? this.config.layout : {}
+		}, this.on("childRemoved", this._childRemoved), this.once("added", this._added), this.addSignalConnection(this.app.onResize.connect(this.resize)), this._initializeLayout(), this._updateLayout(), this.config.debug && P(`UICanvas:${this.uid}`, this.label || "UICanvas", j.outerBounds);
+	}
+	_updateLayout() {
+		this.app.ticker.addOnce(this.updateLayout);
+	}
+	_initializeLayout() {
+		this._disableAddChildError = !0, this.topRow = this.add.flexContainer({
+			label: "Top",
+			layout: {
+				width: "100%",
+				height: "auto",
+				flexDirection: "row",
+				justifyContent: "space-between",
+				alignItems: "flex-start"
+			}
+		}), this.middleRow = this.add.flexContainer({
+			label: "Middle",
+			layout: {
+				width: "100%",
+				flexDirection: "row",
+				justifyContent: "space-between",
+				alignItems: "center"
+			}
+		}), this.bottomRow = this.add.flexContainer({
+			label: "Bottom",
+			layout: {
+				width: "100%",
+				height: "auto",
+				flexDirection: "row",
+				justifyContent: "space-between",
+				alignItems: "flex-end"
+			}
+		}), this._disableAddChildError = !1;
+		let e = this._createPositionContainer(this.topRow, {
+			justifyContent: "flex-start",
+			alignItems: "flex-start",
+			flexGrow: 0,
+			flexShrink: 0
+		}, "Left"), t = this._createPositionContainer(this.topRow, {
+			justifyContent: "center",
+			alignItems: "flex-start",
+			flexGrow: 1,
+			flexShrink: 0
+		}, "Center"), n = this._createPositionContainer(this.topRow, {
+			justifyContent: "flex-end",
+			alignItems: "flex-start",
+			flexGrow: 0,
+			flexShrink: 0
+		}, "Right"), r = this._createPositionContainer(this.middleRow, {
+			justifyContent: "flex-start",
+			alignItems: "center",
+			flexDirection: "row",
+			flexGrow: 0,
+			flexShrink: 0
+		}, "Left"), i = this._createPositionContainer(this.middleRow, {
+			justifyContent: "center",
+			alignItems: "center",
+			flexDirection: "row",
+			flexGrow: 1,
+			flexShrink: 0
+		}, "Center"), a = this._createPositionContainer(this.middleRow, {
+			justifyContent: "flex-end",
+			alignItems: "center",
+			flexDirection: "row",
+			flexGrow: 0,
+			flexShrink: 0
+		}, "Right"), o = this._createPositionContainer(this.bottomRow, {
+			justifyContent: "flex-start",
+			alignItems: "flex-end",
+			flexDirection: "row",
+			flexGrow: 0,
+			flexShrink: 0
+		}, "Left"), s = this._createPositionContainer(this.bottomRow, {
+			justifyContent: "center",
+			alignItems: "flex-end",
+			flexGrow: 1,
+			flexShrink: 0,
+			flexDirection: "row"
+		}, "Center"), c = this._createPositionContainer(this.bottomRow, {
+			justifyContent: "flex-end",
+			alignItems: "flex-end",
+			flexDirection: "row",
+			flexGrow: 0,
+			flexShrink: 0
+		}, "Right");
+		this._positionContainers.set("top left", e), this._positionContainers.set("left top", e), this._positionContainers.set("top center", t), this._positionContainers.set("top", t), this._positionContainers.set("top right", n), this._positionContainers.set("right top", n), this._positionContainers.set("left center", r), this._positionContainers.set("left", r), this._positionContainers.set("left bottom", o), this._positionContainers.set("center", i), this._positionContainers.set("right center", a), this._positionContainers.set("right", a), this._positionContainers.set("right bottom", c), this._positionContainers.set("bottom left", o), this._positionContainers.set("bottom center", s), this._positionContainers.set("bottom", s), this._positionContainers.set("bottom right", c);
+	}
+	_createPositionContainer(e, t, n) {
+		let r = e.add.container({ layout: {
+			width: "auto",
+			height: "auto",
+			...t
+		} });
+		return r.label = n, r.on("childAdded", this._updateLayout), r.on("childRemoved", this._updateLayout), r.on("layout", this._updateLayout), r;
+	}
+	get canvasChildren() {
+		return this._canvasChildren;
 	}
 	get app() {
-		return C.getInstance();
+		return S.getInstance();
 	}
 	destroy() {
-		this.interactiveArea.removeAllListeners(), this.app.stage.off("pointerup", this.onPointerUp.bind(this)), this.app.stage.off("pointerupoutside", this.onPointerUp.bind(this));
+		this._disableAddChildError = !0, this.config.debug && F(`UICanvas:${this.uid}`), this._debugGraphics &&= (this._debugGraphics.destroy(), null), this._debugLabel &&= (this._debugLabel.destroy(), null);
+		for (let e of this._regionLabels) e.destroy();
+		this._regionLabels = [], this.canvasChildren?.forEach((e) => {
+			e.off("layout", this._updateLayout);
+		}), this.children.forEach((e) => {
+			e.off("layout", this._updateLayout);
+		}), this.off("childAdded", this._updateLayout), this.off("childRemoved", this._updateLayout), this._positionContainers.forEach((e) => {
+			e.off("childAdded", this._updateLayout), e.off("childRemoved", this._updateLayout);
+		}), this._bindings = [], super.destroy();
+	}
+	set size(e) {
+		this.config.size = e === void 0 ? {
+			width: 0,
+			height: 0
+		} : et(e), this.layout = {
+			width: this.config.size.width,
+			height: this.config.size.height
+		}, this.updateLayout();
+	}
+	set padding(e) {
+		this.config.padding = I(e), this._applyPadding(), this._updateLayout();
+	}
+	_applyPadding() {
+		let e = ur(this.config.padding, this.config.useSafeArea ? this.app.safeArea : lr);
+		this.layout = {
+			paddingLeft: e.left,
+			paddingTop: e.top,
+			paddingRight: e.right,
+			paddingBottom: e.bottom
+		};
+	}
+	static isFlexContainer(e) {
+		return e instanceof ir;
+	}
+	addChild(...e) {
+		if (this._disableAddChildError) return super.addChild(...e);
+		throw Error("UICanvas: Do not call addChild() directly. Use addElement(child, { align }) instead.\nExample: uiCanvas.addElement(myChild, { align: 'top right' })");
+	}
+	removeChild(...e) {
+		if (this._disableAddChildError) return super.removeChild(...e);
+		throw Error("UICanvas: Do not call removeChild() directly. Use removeElement(child) instead.");
 	}
-	handleKeyDown(e) {
-		let t = 1.1;
-		switch (e.event.key) {
-			case "ArrowUp":
-				this.camera.pan(0, -10);
-				break;
-			case "ArrowDown":
-				this.camera.pan(0, 10);
-				break;
-			case "ArrowLeft":
-				this.camera.pan(-10, 0);
-				break;
-			case "ArrowRight":
-				this.camera.pan(10, 0);
-				break;
-			case "+":
-				this.camera.zoom(t);
-				break;
-			case "-":
-				this.camera.zoom(1 / t);
-				break;
+	resize() {
+		this._applyPadding(), this.config.useAppSize ? (this.size = {
+			width: this.app.size.width,
+			height: this.app.size.height
+		}, this.position.set(-this.app.size.width * .5, -this.app.size.height * .5)) : this._updateLayout();
+	}
+	updateLayout() {
+		this.destroyed || !this.layout || !this.app?.renderer.layout || (this.app.renderer.layout.update(this), this._positionContainers.forEach((e) => {
+			this.app.renderer.layout.update(e);
+		}), this.config.useAppSize && this.position.set(-this.config.size.width * .5, -this.config.size.height * .5), this._updateBindings(), this.config.debug && this.app.ticker.addOnce(this.drawDebug));
+	}
+	bindElement(e, t, n) {
+		e.parent !== this && (this._disableAddChildError = !0, super.addChild(e), this._disableAddChildError = !1), e.layout = !1, this._bindings = this._bindings.filter((t) => t.child !== e), this._bindings.push({
+			child: e,
+			anchor: t,
+			place: n
+		}), this._updateLayout();
+	}
+	unbindElement(e) {
+		let t = this._bindings.some((t) => t.child === e);
+		this._bindings = this._bindings.filter((t) => t.child !== e), t && e.parent === this && (this._disableAddChildError = !0, super.removeChild(e), this._disableAddChildError = !1);
+	}
+	_updateBindings() {
+		for (let { child: e, anchor: t, place: n } of this._bindings) {
+			let r = this._anchorRect(t);
+			r && n(r, e);
 		}
 	}
-	onPointerDown(e) {
-		this.dragging = !0, this.previousPointerPosition = this.getEventPosition(e);
+	_anchorRect(e) {
+		let t = e.layout?.computedLayout;
+		if (!t) return null;
+		let n = 0, r = 0;
+		for (let t = e; t && t !== this; t = t.parent) {
+			let e = t.layout?.computedLayout;
+			e && (n += e.left, r += e.top);
+		}
+		return {
+			left: n,
+			top: r,
+			width: t.width,
+			height: t.height
+		};
+	}
+	addElement(t, n) {
+		let r = n?.align ?? "top left", i = this._positionContainers.get(r);
+		return i ? (e.isFlexContainer(t) && this.addSignalConnection(t.onLayoutComplete.connect(this._updateLayout)), this.settingsMap.set(t, {
+			align: r,
+			padding: n?.padding ? I(n.padding) : {
+				top: 0,
+				left: 0,
+				bottom: 0,
+				right: 0
+			}
+		}), this._childMap.set(t, i), this._canvasChildren = Array.from(this._childMap.keys()), i.add.existing(t), this._childAdded(t), t) : (c.error(`UICanvas:: Invalid position "${r}" for element`), t);
 	}
-	onPointerMove(e) {
-		if (!this.dragging || !this.previousPointerPosition) return;
-		let t = this.getEventPosition(e), n = t.x - this.previousPointerPosition.x, r = t.y - this.previousPointerPosition.y;
-		this.camera.pan(n, r), this.previousPointerPosition = t;
+	removeElement(e) {
+		let t = this._childMap.get(e);
+		if (!t) throw Error(`UICanvas: Cannot remove element — it was not added via addElement().\nChild label: "${e.label ?? "(unlabeled)"}"`);
+		return t.removeChild(e), e.off("layout", this._updateLayout), this.settingsMap.delete(e), this._childMap.delete(e), this._canvasChildren = Array.from(this._childMap.keys()), this._updateLayout(), e;
 	}
-	onPointerUp() {
-		this.dragging = !1, this.previousPointerPosition = null;
+	_childAdded(e) {
+		this.config.autoLayoutChildren && (e.layout ||= !0, e.layout?.style?.width || (e.layout = { width: "auto" }), e.layout?.style?.height || (e.layout = { height: "auto" })), e.on("layout", this._updateLayout), _.childAdded(e), this._updateLayout();
 	}
-	getEventPosition(e) {
-		return e instanceof TouchEvent ? new A(e.touches[0].clientX, e.touches[0].clientY) : new A(e.clientX, e.clientY);
+	_childRemoved(e) {
+		this.settingsMap.delete(e), this._childMap.delete(e), this._canvasChildren = Array.from(this._childMap.keys()), _.childRemoved(e);
+	}
+	_added() {
+		this._updateLayout();
+	}
+	get debug() {
+		return this.config.debug;
+	}
+	set debug(e) {
+		if (this.config.debug = e, e) P(`UICanvas:${this.uid}`, this.label || "UICanvas", j.outerBounds), this.drawDebug();
+		else {
+			F(`UICanvas:${this.uid}`), this._debugGraphics && this._debugGraphics.clear(), this._debugLabel && (this._debugLabel.visible = !1);
+			for (let e of this._regionLabels) e.visible = !1;
+		}
+	}
+	drawDebug() {
+		this._debugGraphics || (this._disableAddChildError = !0, this._debugGraphics = Ft(`${this.label ?? "UICanvas"}:debug`), super.addChild(this._debugGraphics), this._debugGraphics.layout = !1, this._disableAddChildError = !1), this._debugLabel || (this._disableAddChildError = !0, this._debugLabel = N(this.label || "UICanvas", j.outerBounds), super.addChild(this._debugLabel), this._debugLabel.layout = !1, this._disableAddChildError = !1), this._debugLabel.text = this.label || "UICanvas", this._debugLabel.visible = !0, this._debugLabel.position.set(2, 2), this._debugGraphics.clear();
+		let e = this.config.size.width, t = this.config.size.height, n = this.config.padding;
+		this._debugGraphics.rect(0, 0, e, t).stroke({
+			width: 1,
+			color: j.outerBounds,
+			alpha: M.stroke,
+			pixelLine: !0
+		}), n.top > 0 && this._debugGraphics.rect(0, 0, e, n.top).fill({
+			color: j.outerBounds,
+			alpha: M.fill
+		}), n.bottom > 0 && this._debugGraphics.rect(0, t - n.bottom, e, n.bottom).fill({
+			color: j.outerBounds,
+			alpha: M.fill
+		}), n.left > 0 && this._debugGraphics.rect(0, n.top, n.left, t - n.top - n.bottom).fill({
+			color: j.outerBounds,
+			alpha: M.fill
+		}), n.right > 0 && this._debugGraphics.rect(e - n.right, n.top, n.right, t - n.top - n.bottom).fill({
+			color: j.outerBounds,
+			alpha: M.fill
+		});
+		let r = n.left, i = n.top, a = e - n.left - n.right, o = t - n.top - n.bottom;
+		this._debugGraphics.rect(r, i, a, o).stroke({
+			width: 1,
+			color: j.innerBounds,
+			alpha: M.stroke,
+			pixelLine: !0
+		});
+		let s = /* @__PURE__ */ new Map();
+		this._positionContainers.forEach((e, t) => {
+			(!s.has(e) || t.length < s.get(e).length) && s.set(e, t);
+		});
+		let c = [...new Set(this._positionContainers.values())];
+		for (; this._regionLabels.length < c.length;) {
+			this._disableAddChildError = !0;
+			let e = N("", j.region);
+			super.addChild(e), e.layout = !1, this._regionLabels.push(e), this._disableAddChildError = !1;
+		}
+		c.forEach((e, t) => {
+			if (!e.layout?.computedLayout) return;
+			let n = e.layout.computedLayout, r = e.parent;
+			if (!r?.layout?.computedLayout) return;
+			let i = r.layout.computedLayout, a = i.left + n.left, o = i.top + n.top, c = n.width, l = n.height, u = e.children.length > 0;
+			this._debugGraphics.rect(a, o, c, l).fill({
+				color: j.region,
+				alpha: u ? M.fillActive : M.fill
+			}).stroke({
+				width: 1,
+				color: j.region,
+				alpha: .3,
+				pixelLine: !0
+			});
+			let d = this._regionLabels[t];
+			d.text = s.get(e) ?? "", d.visible = !0, d.position.set(a + 2, o + 2);
+		});
+		for (let e = c.length; e < this._regionLabels.length; e++) this._regionLabels[e].visible = !1;
+		let l = e / 2, u = t / 2;
+		this._debugGraphics.moveTo(l, u - 10).lineTo(l, u + 10).stroke({
+			width: 1,
+			color: j.outerBounds,
+			alpha: M.crosshair,
+			pixelLine: !0
+		}).moveTo(l - 10, u).lineTo(l + 10, u).stroke({
+			width: 1,
+			color: j.outerBounds,
+			alpha: M.crosshair,
+			pixelLine: !0
+		});
+	}
+}, X = null;
+function mr() {
+	if (X) return X;
+	X = /* @__PURE__ */ new Map();
+	let e = globalThis.Caper?.get?.("entityList") ?? [];
+	for (let t of e) t.active !== !1 && typeof t.module == "function" && t.module.prototype && X.set(t.id, t.module);
+	return X;
+}
+function hr(e) {
+	return mr().get(e);
+}
+function gr() {
+	return [...mr().keys()];
+}
+//#endregion
+//#region src/mixins/factory/ui-registry.ts
+var Z = null;
+function _r() {
+	if (Z) return Z;
+	Z = /* @__PURE__ */ new Map();
+	let e = globalThis.Caper?.get?.("uiList") ?? [];
+	for (let t of e) t.active !== !1 && typeof t.module == "function" && t.module.prototype && Z.set(t.id, t.module);
+	return Z;
+}
+function vr(e) {
+	return _r().get(e);
+}
+function yr() {
+	return [..._r().keys()];
+}
+//#endregion
+//#region src/mixins/factory/schema.ts
+var br = [
+	"position",
+	"scale",
+	"pivot"
+], xr = [
+	"position",
+	"x",
+	"y",
+	"scale",
+	"scaleX",
+	"scaleY",
+	"pivot",
+	"anchor"
+];
+function Q(e) {
+	let t = e.applies ?? br, n = t.includes("position"), r = t.includes("scale"), i = t.includes("pivot"), a = t.includes("anchor"), o = [...xr, ...e.exclude ?? []];
+	return (t) => {
+		let s = e.build(t);
+		if (t == null) return s;
+		let c = t;
+		return n && G({
+			position: c.position,
+			x: c.x,
+			y: c.y
+		}, s), r && K({
+			scale: c.scale,
+			scaleX: c.scaleX,
+			scaleY: c.scaleY
+		}, s), i && q(c.pivot, s), a && Gn(c.anchor, s), H(st(o, c), s), s;
+	};
+}
+//#endregion
+//#region src/mixins/factory/const.ts
+var Sr = [
+	"text",
+	"roundPixels",
+	"resolution",
+	"style",
+	"anchor",
+	"pivot"
+], Cr = {
+	existing: (e, t) => {
+		if (!t) return e;
+		let { position: n, x: r, y: i, pivot: a, scale: o, scaleX: s, scaleY: c, ...l } = t;
+		return G({
+			position: n,
+			x: r,
+			y: i
+		}, e), K({
+			scale: o,
+			scaleX: s,
+			scaleY: c
+		}, e), q(a, e), H(l, e), e;
+	},
+	container: Q({
+		build: (e) => new _(e ? g(e, b) : void 0),
+		applies: [
+			"position",
+			"scale",
+			"pivot"
+		],
+		exclude: b
+	}),
+	particleContainer: Q({
+		build: (e) => new Bn(e ? g(e, Rn) : void 0),
+		applies: [
+			"position",
+			"scale",
+			"pivot"
+		],
+		exclude: Rn
+	}),
+	texture: W,
+	sprite: Q({
+		build: (e) => new Et(e ? W(e) : void 0),
+		applies: [
+			"position",
+			"scale",
+			"pivot",
+			"anchor"
+		],
+		exclude: ["asset", "sheet"]
+	}),
+	tilingSprite: Q({
+		build: (e) => new Dt(e ? W(e) : void 0),
+		applies: [
+			"position",
+			"scale",
+			"pivot",
+			"anchor"
+		],
+		exclude: ["asset", "sheet"]
+	}),
+	animatedSprite: Q({
+		build: (e) => new Kn(e),
+		applies: [
+			"position",
+			"scale",
+			"pivot"
+		],
+		exclude: [
+			"sheet",
+			"texturePrefix",
+			"zeroPad",
+			"animations",
+			"autoPlay",
+			"autoUpdate",
+			"defaultAnimation",
+			"reversible",
+			"animationSpeed",
+			"startIndex",
+			"animation"
+		]
+	}),
+	graphics: Q({
+		build: (e) => new E(),
+		applies: [
+			"position",
+			"scale",
+			"pivot"
+		]
+	}),
+	svg(e) {
+		let t = new Un(e.ctx), { position: n, x: r, y: i, pivot: a, scale: o, scaleX: s, scaleY: c, ctx: l, ...u } = e;
+		return G({
+			position: n,
+			x: r,
+			y: i
+		}, t), K({
+			scale: o,
+			scaleX: s,
+			scaleY: c
+		}, t), q(a, t), H(u, t), t;
+	},
+	text: Q({
+		build: (e) => new O(e ? {
+			text: e.text,
+			roundPixels: e.roundPixels,
+			resolution: e.resolution,
+			style: e.style,
+			anchor: e.anchor ? y(e.anchor, !0) : void 0,
+			pivot: e.pivot ? y(e.pivot, !0) : void 0
+		} : {}),
+		applies: [
+			"position",
+			"scale",
+			"pivot"
+		],
+		exclude: [...Sr]
+	}),
+	htmlText: Q({
+		build: (e) => new St(e ? {
+			text: e.text,
+			roundPixels: e.roundPixels,
+			resolution: e.resolution,
+			style: e.style,
+			anchor: e.anchor ? y(e.anchor, !0) : void 0,
+			pivot: e.pivot ? y(e.pivot, !0) : void 0
+		} : {}),
+		applies: [
+			"position",
+			"scale",
+			"pivot"
+		],
+		exclude: [...Sr]
+	}),
+	bitmapText: Q({
+		build: (e) => new w(e ? {
+			text: e.text,
+			roundPixels: e.roundPixels,
+			style: e.style,
+			anchor: e.anchor ? y(e.anchor, !0) : void 0,
+			pivot: e.pivot ? y(e.pivot, !0) : void 0
+		} : {}),
+		applies: [
+			"position",
+			"scale",
+			"pivot"
+		],
+		exclude: [...Sr]
+	}),
+	button: Q({
+		build: (e) => new er(e ? g(e, Qn) : void 0),
+		applies: [
+			"position",
+			"scale",
+			"pivot"
+		],
+		exclude: Qn
+	}),
+	flexContainer: Q({
+		build: (e) => new ir(e),
+		applies: [
+			"position",
+			"scale",
+			"pivot"
+		],
+		exclude: rr
+	}),
+	uiCanvas: Q({
+		build: (e) => new pr(e ? g(e, cr) : {}),
+		applies: [
+			"position",
+			"scale",
+			"pivot"
+		],
+		exclude: cr
+	}),
+	spine: Q({
+		build: (e) => {
+			let t = "", n = e?.data;
+			if (typeof n == "string") {
+				let e = n.slice(-5);
+				e !== ".json" && e !== ".skel" ? e = ".json" : t = n.substring(0, n.length - 5), t = {
+					skeleton: n + e,
+					atlas: n + ".atlas"
+				};
+			}
+			let r = window.Spine.from(t);
+			return e?.autoUpdate !== void 0 && (r.autoUpdate = e.autoUpdate), e?.animationName && r.state.setAnimation(e.trackIndex ?? 0, e.animationName, e.loop), r;
+		},
+		applies: [
+			"position",
+			"scale",
+			"pivot",
+			"anchor"
+		],
+		exclude: [
+			"data",
+			"autoUpdate",
+			"animationName",
+			"trackIndex",
+			"loop"
+		]
+	}),
+	spineAnimation: (e) => {
+		let t = new Xn(e);
+		if (!e) return t;
+		let { position: n, x: r, y: i, anchor: a, pivot: o, scale: s, scaleX: c, scaleY: l, ...u } = e;
+		return G({
+			position: n,
+			x: r,
+			y: i
+		}, t), K({
+			scale: s,
+			scaleX: c,
+			scaleY: l
+		}, t), Gn(a, t), q(o, t), H(u, t), t;
+	},
+	toaster: (e, t = {}) => new sr(e, t),
+	entity: (e, t) => {
+		let n = hr(e);
+		if (!n) {
+			let t = gr();
+			throw Error(`[caper] Unknown entity id '${String(e)}'. Known: ${t.length > 0 ? t.map((e) => `'${e}'`).join(", ") : "(none — discovery may have failed)"}`);
+		}
+		let r = new n(t);
+		if (t) {
+			let { position: e, x: n, y: i, pivot: a, scale: o, scaleX: s, scaleY: c, alpha: l, visible: u } = t;
+			G({
+				position: e,
+				x: n,
+				y: i
+			}, r), K({
+				scale: o,
+				scaleX: s,
+				scaleY: c
+			}, r), q(a, r), l !== void 0 && (r.alpha = l), u !== void 0 && (r.visible = u);
+		}
+		return r;
+	},
+	ui: (e, t) => {
+		let n = vr(e);
+		if (!n) {
+			let t = yr();
+			throw Error(`[caper] Unknown ui id '${String(e)}'. Known: ${t.length > 0 ? t.map((e) => `'${e}'`).join(", ") : "(none — discovery may have failed)"}`);
+		}
+		let r = new n(t);
+		if (t) {
+			let { position: e, x: n, y: i, pivot: a, scale: o, scaleX: s, scaleY: c, alpha: l, visible: u } = t;
+			G({
+				position: e,
+				x: n,
+				y: i
+			}, r), K({
+				scale: o,
+				scaleX: s,
+				scaleY: c
+			}, r), q(a, r), l !== void 0 && (r.alpha = l), u !== void 0 && (r.visible = u);
+		}
+		return r;
 	}
-}, W = {
+};
+we(Cr);
+//#endregion
+//#region src/mixins/factory/props.ts
+var wr = [
+	"text",
+	"anchor",
+	"roundPixels",
+	"style",
+	"pivot"
+], $ = {
 	value: "",
 	type: "text",
 	fixed: !0,
@@ -455,32 +2428,32 @@ var jn = class extends w {
 		scale: 1,
 		marginTop: 60
 	}
-}, In = [
+}, Tr = [
 	"text",
 	"password",
 	"number",
 	"email",
 	"tel",
 	"url"
-], Ln = class e extends x(S(v(w))) {
+], Er = class e extends J(Zn(h(_))) {
 	constructor(e, t = !1, n = null) {
 		if (super({
 			autoUpdate: !0,
 			autoResize: !t
-		}), this.isClone = t, this.clone = n, this.onEnter = new T(), this.onChange = new T(), this.onError = new T(), this._lastWidth = 0, this._lastHeight = 0, this._placeholderPositioned = !1, this._placeholderAnimating = !1, this._caretPosition = -1, this._value = "", this.options = {
-			...W,
+		}), this.isClone = t, this.clone = n, this.onEnter = new p(), this.onChange = new p(), this.onError = new p(), this._lastWidth = 0, this._lastHeight = 0, this._placeholderPositioned = !1, this._placeholderAnimating = !1, this._caretPosition = -1, this._value = "", this.options = {
+			...$,
 			...e,
 			style: {
-				...W.style,
+				...$.style,
 				...e?.style ?? {}
 			},
-			padding: p(e.padding ?? W.padding),
+			padding: I(e.padding ?? $.padding),
 			bg: {
-				...W.bg,
+				...$.bg,
 				...e.bg ?? {}
 			},
 			focusOverlay: {
-				...W.focusOverlay,
+				...$.focusOverlay,
 				...e.focusOverlay ?? {}
 			}
 		}, this.options.layout && typeof this.options.layout == "object" ? this.layout = { ...this.options.layout } : this.layout = { transformOrigin: "top left" }, this.options.placeholder || (this.options.placeholder = { color: Number(this.options.style?.fill) ?? 6710886 }), this._inner = this.add.container({ layout: {
@@ -507,7 +2480,7 @@ var jn = class extends w {
 				width: "100%",
 				height: "100%"
 			}
-		}), this._placeholderContainer.eventMode = "none", this.addSelection(), this.addCaret(), this.addInput(), this.addPlaceholder(), this.placeholder.text = this.options.placeholder.text || `Enter ${this.options.type}`, this.input.eventMode = this.placeholder.eventMode = "none", L && this.addSignalConnection(this.onInteraction("pointertap").connect(this.handleClick, -1)), this.addSignalConnection(this.onInteraction("click").connect(this.handleClick, -1)), this.options.fixed) {
+		}), this._placeholderContainer.eventMode = "none", this.addSelection(), this.addCaret(), this.addInput(), this.addPlaceholder(), this.placeholder.text = this.options.placeholder.text || `Enter ${this.options.type}`, this.input.eventMode = this.placeholder.eventMode = "none", B && this.addSignalConnection(this.onInteraction("pointertap").connect(this.handleClick, -1)), this.addSignalConnection(this.onInteraction("click").connect(this.handleClick, -1)), this.options.fixed) {
 			let e = this.isClone ? this.clone?.options?.focusOverlay?.scale ?? 1 : 1;
 			this._mask = this._inner.add.graphics().rect(0, 0, this.bg.width * e - this.options.padding.left - this.options.padding.right, this.bg.height * e - this.options.padding.top - this.options.padding.bottom).fill({ color: 0 }), this._inputContainer.mask = this._mask;
 		}
@@ -555,7 +2528,7 @@ var jn = class extends w {
 	handleClick(e) {
 		if (e?.originalEvent?.key) return;
 		clearTimeout(this._focusTimer), clearTimeout(this._pointerDownTimer);
-		let t = e ? B(this.input, e) : this.input.text?.length ?? 0;
+		let t = e ? un(this.input, e) : this.input.text?.length ?? 0;
 		this.createDomElement(t);
 	}
 	focusIn() {
@@ -609,7 +2582,7 @@ var jn = class extends w {
 			if (this.placeholder.visible = !0, !this.isClone && this._placeholderPositioned && !this._placeholderAnimating) {
 				this._placeholderAnimating = !0;
 				let e = this.input.x, t = this.input.y;
-				this.options.placeholder.animationOnType ? this.addAnimation([N.to(this.placeholder, {
+				this.options.placeholder.animationOnType ? this.addAnimation([A.to(this.placeholder, {
 					x: e,
 					y: t,
 					tint: 16777215,
@@ -620,7 +2593,7 @@ var jn = class extends w {
 					onComplete: () => {
 						this._placeholderPositioned = !1, this._placeholderAnimating = !1;
 					}
-				}), N.to(this.placeholder.scale, {
+				}), A.to(this.placeholder.scale, {
 					x: 1,
 					y: 1,
 					duration: this.options.placeholder.animationOnType.duration || .4,
@@ -641,11 +2614,11 @@ var jn = class extends w {
 						break;
 				}
 				if (this.options.placeholder.offsetOnType) {
-					let n = g(this.options.placeholder.offsetOnType);
+					let n = y(this.options.placeholder.offsetOnType);
 					e += n.x, t += n.y;
 				}
 				if (this.options.placeholder.animationOnType) {
-					if (this.addAnimation(N.to(this.placeholder, {
+					if (this.addAnimation(A.to(this.placeholder, {
 						x: e,
 						y: t,
 						duration: this.options.placeholder.animationOnType.duration || .4,
@@ -654,8 +2627,8 @@ var jn = class extends w {
 						alpha: this.options.placeholder.animationOnType.alpha ?? this.options.placeholder.alpha ?? 1,
 						overwrite: !0
 					})), this.options.placeholder.scaleOnType) {
-						let e = g(this.options.placeholder.scaleOnType);
-						this.addAnimation(N.to(this.placeholder.scale, {
+						let e = y(this.options.placeholder.scaleOnType);
+						this.addAnimation(A.to(this.placeholder.scale, {
 							x: e.x,
 							y: e.y,
 							duration: this.options.placeholder.animationOnType.duration || .4,
@@ -701,7 +2674,7 @@ var jn = class extends w {
 	}
 	addCaret() {
 		this.caret = this._inputContainer.add.sprite({
-			asset: j.WHITE,
+			asset: k.WHITE,
 			width: 3,
 			height: 10,
 			tint: this.options.caret.color ?? 0,
@@ -742,9 +2715,9 @@ var jn = class extends w {
 			this.domElement = this.clone.domElement, this._addDomElementListeners();
 			return;
 		}
-		clearTimeout(this._focusTimer), clearTimeout(this._pointerDownTimer), this.domElement = document.createElement("input"), this.domElement.type = "text", this.options.type && In.includes(this.options.type) && (this.domElement.type = this.options.type), this.options.pattern && (this.domElement.pattern = this.options.pattern), this.options.regex && (this._regex = this.options.regex);
+		clearTimeout(this._focusTimer), clearTimeout(this._pointerDownTimer), this.domElement = document.createElement("input"), this.domElement.type = "text", this.options.type && Tr.includes(this.options.type) && (this.domElement.type = this.options.type), this.options.pattern && (this.domElement.pattern = this.options.pattern), this.options.regex && (this._regex = this.options.regex);
 		let t = this.getGlobalPosition(), n = this.getBounds();
-		n.x = t.x, n.y = t.y, n.width = this.width - this.options.padding.left, this.domElement.style.position = "fixed", this.domElement.style.border = "none", this.domElement.style.outline = "none", this.domElement.style.left = z ? "0" : `${n.left}px`, this.domElement.style.top = z ? "0" : `${n.top}px`, this.domElement.style.width = `${n.width}px`, this.domElement.style.height = `${n.height}px`, this.domElement.style.padding = "0", this.options.debug ? this.domElement.style.opacity = "0.8" : this.domElement.style.opacity = "0.0000001", this.app.canvas.parentElement?.appendChild(this.domElement), this.domElement.value = this.value, this.domElement.setAttribute("placeholder", this.options?.placeholder?.text ?? ""), this.options?.maxLength && this.domElement.setAttribute("maxLength", this.options.maxLength.toString()), this._addDomElementListeners(), this._focusDomElement(e);
+		n.x = t.x, n.y = t.y, n.width = this.width - this.options.padding.left, this.domElement.style.position = "fixed", this.domElement.style.border = "none", this.domElement.style.outline = "none", this.domElement.style.left = en ? "0" : `${n.left}px`, this.domElement.style.top = en ? "0" : `${n.top}px`, this.domElement.style.width = `${n.width}px`, this.domElement.style.height = `${n.height}px`, this.domElement.style.padding = "0", this.options.debug ? this.domElement.style.opacity = "0.8" : this.domElement.style.opacity = "0.0000001", this.app.canvas.parentElement?.appendChild(this.domElement), this.domElement.value = this.value, this.domElement.setAttribute("placeholder", this.options?.placeholder?.text ?? ""), this.options?.maxLength && this.domElement.setAttribute("maxLength", this.options.maxLength.toString()), this._addDomElementListeners(), this._focusDomElement(e);
 	}
 	destroyDomElement() {
 		this.isClone || (this.domElement &&= (this._removeDomElementListeners(), this.domElement.remove(), this.domElement.parentNode && this.domElement.parentNode.removeChild(this.domElement), null));
@@ -756,7 +2729,7 @@ var jn = class extends w {
 		this.cursorAnimation?.kill(), this.caret.visible = !1;
 	}
 	blinkCaret() {
-		this.cursorAnimation && this.cursorAnimation.kill(), this.cursorAnimation = N.fromTo(this.caret, { alpha: 0 }, {
+		this.cursorAnimation && this.cursorAnimation.kill(), this.cursorAnimation = A.fromTo(this.caret, { alpha: 0 }, {
 			duration: .5,
 			alpha: 1,
 			yoyo: !0,
@@ -789,15 +2762,15 @@ var jn = class extends w {
 				let n = Array.isArray(this.options.focusOverlay.activeFilter), r = !1;
 				if (n) {
 					let e = this.options.focusOverlay.activeFilter;
-					(R && e.includes("mobile") || L && e.includes("touch") || !R && !L && e.includes("desktop")) && (r = !0);
+					($t && e.includes("mobile") || B && e.includes("touch") || !$t && !B && e.includes("desktop")) && (r = !0);
 				} else r = typeof this.options.focusOverlay.activeFilter == "function" ? this.options.focusOverlay.activeFilter() : t;
 				if (r) {
 					let t = structuredClone(this.options), n = this.options.focusOverlay?.scale || 1;
 					t.focusOverlay = { activeFilter: !1 };
-					let r = Number(t.style?.fontSize || W.style?.fontSize || 20) * n;
+					let r = Number(t.style?.fontSize || $.style?.fontSize || 20) * n;
 					if (t.style ||= {}, t.style.fontSize = r, t.padding && (t.padding.left *= n, t.padding.top *= n, t.padding.right *= n, t.padding.bottom *= n), t.bg?.radius && (t.bg.radius *= n), t.bg?.stroke?.width && (t.bg.stroke.width *= n), t.minWidth && (t.minWidth *= n, t.minWidth > this.app.size.width && (t.minWidth = this.app.size.width - (t.bg?.stroke?.width ? t.bg.stroke.width * 2 + 20 : 20))), this.options.focusOverlay?.backing?.active) {
 						let e = this.make.sprite({
-							asset: j.WHITE,
+							asset: k.WHITE,
 							tint: this.options.focusOverlay.backing.options?.color ?? 0,
 							alpha: this.options.focusOverlay.backing.options?.alpha ?? .8,
 							width: this.app.size.width,
@@ -812,12 +2785,12 @@ var jn = class extends w {
 		}
 	}
 	_showCloneOverlay() {
-		this.cloneOverlay.pivot.y = -20, this.addAnimation(N.to(this.cloneOverlay, {
+		this.cloneOverlay.pivot.y = -20, this.addAnimation(A.to(this.cloneOverlay, {
 			duration: .5,
 			alpha: .8,
 			ease: "sine.out",
 			delay: .1
-		})), this.addAnimation(N.to(this.cloneOverlay.pivot, {
+		})), this.addAnimation(A.to(this.cloneOverlay.pivot, {
 			duration: .5,
 			y: 0,
 			ease: "sine.out",
@@ -850,15 +2823,15 @@ var jn = class extends w {
 	}
 	_updateCaretAndSelection() {
 		if (!this.domElement) {
-			b.warn(this.label, "No dom element");
+			c.warn(this.label, "No dom element");
 			return;
 		}
 		let e = this.domElement.selectionStart || 0, t = this.domElement.selectionEnd || -1, n = this.domElement.selectionDirection, r = "", i = this.options.type === "password" ? this.input.text : this._value;
-		if (t === void 0) r = i.substring(0, e), this._caretPosition = O.measureText(r, this.input.style).width, this._selectionRect = null;
+		if (t === void 0) r = i.substring(0, e), this._caretPosition = T.measureText(r, this.input.style).width, this._selectionRect = null;
 		else {
 			r = i.substring(e > t ? t : e, e > t ? e : t);
-			let a = i.substring(0, e > t ? t : e), o = O.measureText(a, this.input.style), s = O.measureText(r, this.input.style);
-			this._selectionRect = new $t(o.width, 0, s.width, this.input.height), this._caretPosition = n === "backward" ? this._selectionRect.left : this._selectionRect.left + this._selectionRect.width;
+			let a = i.substring(0, e > t ? t : e), o = T.measureText(a, this.input.style), s = T.measureText(r, this.input.style);
+			this._selectionRect = new Tt(o.width, 0, s.width, this.input.height), this._caretPosition = n === "backward" ? this._selectionRect.left : this._selectionRect.left + this._selectionRect.width;
 		}
 	}
 	_handleDomElementChange(e) {
@@ -877,62 +2850,17 @@ var jn = class extends w {
 		let e = this._inputContainer.getBounds();
 		return e.width = this._lastWidth, e.height = this._lastHeight, e;
 	}
-};
-//#endregion
-//#region src/plugins/actions/methods.ts
-function Rn(e) {
-	return e ?? h;
-}
-function zn(e, t, n = !0) {
-	return n && (t = {
-		..._,
-		...t
-	}), t;
-}
-function Bn(e) {
-	return e || [];
-}
-//#endregion
-//#region src/plugins/breakpoints/methods.ts
-function Vn(e) {
-	return {
-		tiers: e.tiers,
-		modes: e.modes ?? {}
-	};
-}
-//#endregion
-//#region src/plugins/input/touch/constants.ts
-var G = /* @__PURE__ */ function(e) {
-	return e.None = "none", e.Left = "left", e.Top = "top", e.Bottom = "bottom", e.Right = "right", e.TopLeft = "top_left", e.TopRight = "top_right", e.BottomLeft = "bottom_left", e.BottomRight = "bottom_right", e;
-}({}), Hn = [
-	G.None,
-	G.Left,
-	G.Top,
-	G.Bottom,
-	G.Right,
-	G.TopLeft,
-	G.TopRight,
-	G.BottomLeft,
-	G.BottomRight
-];
-//#endregion
-//#region src/plugins/input/methods.ts
-function Un(e, t, n) {
-	return n || [];
-}
-//#endregion
-//#region src/ui/Joystick.ts
-var Wn = class extends w {
+}, Dr = class extends _ {
 	constructor(e) {
-		if (super(), this.onChange = new T(), this.onStart = new T(), this.onEnd = new T(), this.onDestroy = new T(), this.outerRadius = 0, this.innerRadius = 0, this.innerAlphaStandby = .5, this.dragging = !1, this.pointData = new A(), this.direction = G.None, this.settings = Object.assign({
+		if (super(), this.onChange = new p(), this.onStart = new p(), this.onEnd = new p(), this.onDestroy = new p(), this.outerRadius = 0, this.innerRadius = 0, this.innerAlphaStandby = .5, this.dragging = !1, this.pointData = new D(), this.direction = V.None, this.settings = Object.assign({
 			outerScale: 1,
 			innerScale: 1
 		}, e), !this.settings.outer) {
-			let e = new k();
+			let e = new E();
 			e.circle(0, 0, 60).fill({ color: 0 }), e.alpha = .5, this.settings.outer = e;
 		}
 		if (!this.settings.inner) {
-			let e = new k();
+			let e = new E();
 			e.circle(0, 0, 35).fill({ color: 0 }), e.alpha = this.innerAlphaStandby, this.settings.inner = e;
 		}
 		this.threshold = this.settings.threshold ?? .01, this.initialize();
@@ -942,12 +2870,12 @@ var Wn = class extends w {
 	}
 	handleDragMove(e) {
 		if (!this.dragging || e.pointerId !== this._pointerId) return;
-		let t = this.toLocal(e.global), n = t.x - this.startPosition.x, r = t.y - this.startPosition.y, i = new A(0, 0), a = 0, o = G.None;
+		let t = this.toLocal(e.global), n = t.x - this.startPosition.x, r = t.y - this.startPosition.y, i = new D(0, 0), a = 0, o = V.None;
 		if (n == 0 && r == 0) {
 			this.direction = o;
 			return;
 		}
-		if (n === 0 && (r > 0 ? (i.set(0, r > this.outerRadius ? this.outerRadius : r), a = 270, o = G.Bottom) : (i.set(0, -(Math.abs(r) > this.outerRadius ? this.outerRadius : Math.abs(r))), a = 90, o = G.Top), this.inner.position.set(i.x, i.y), this.power = this.getPower(i), this.power >= this.threshold)) {
+		if (n === 0 && (r > 0 ? (i.set(0, r > this.outerRadius ? this.outerRadius : r), a = 270, o = V.Bottom) : (i.set(0, -(Math.abs(r) > this.outerRadius ? this.outerRadius : Math.abs(r))), a = 90, o = V.Top), this.inner.position.set(i.x, i.y), this.power = this.getPower(i), this.power >= this.threshold)) {
 			this.direction = o, this.onChange.emit({
 				angle: a,
 				direction: o,
@@ -955,7 +2883,7 @@ var Wn = class extends w {
 			});
 			return;
 		}
-		if (r === 0 && (n > 0 ? (i.set(Math.abs(n) > this.outerRadius ? this.outerRadius : Math.abs(n), 0), a = 0, o = G.Right) : (i.set(-(Math.abs(n) > this.outerRadius ? this.outerRadius : Math.abs(n)), 0), a = 180, o = G.Left), this.inner.position.set(i.x, i.y), this.power = this.getPower(i), this.power >= this.threshold)) {
+		if (r === 0 && (n > 0 ? (i.set(Math.abs(n) > this.outerRadius ? this.outerRadius : Math.abs(n), 0), a = 0, o = V.Right) : (i.set(-(Math.abs(n) > this.outerRadius ? this.outerRadius : Math.abs(n)), 0), a = 180, o = V.Left), this.inner.position.set(i.x, i.y), this.power = this.getPower(i), this.power >= this.threshold)) {
 			this.direction = o, this.onChange.emit({
 				angle: a,
 				direction: o,
@@ -979,7 +2907,7 @@ var Wn = class extends w {
 		this._pointerId === void 0 && (this._pointerId = e.pointerId, this.startPosition = this.toLocal(e.global), this.dragging = !0, this.inner.alpha = 1, this.onStart.emit());
 	}
 	handleDragEnd(e) {
-		this._pointerId === e.pointerId && (this.direction = G.None, this.inner.position.set(0, 0), this.dragging = !1, this.inner.alpha = this.innerAlphaStandby, this.onEnd.emit(), this._pointerId = void 0);
+		this._pointerId === e.pointerId && (this.direction = V.None, this.inner.position.set(0, 0), this.dragging = !1, this.inner.alpha = this.innerAlphaStandby, this.onEnd.emit(), this._pointerId = void 0);
 	}
 	bindEvents() {
 		this.eventMode = "static", this.on("pointerdown", this.handleDragStart).on("pointerup", this.handleDragEnd).on("pointerupoutside", this.handleDragEnd).on("pointermove", this.handleDragMove), window.addEventListener("pointerup", this.handleDragEnd);
@@ -990,24 +2918,24 @@ var Wn = class extends w {
 	}
 	getDirection(e) {
 		let t = Math.atan2(e.y, e.x);
-		return t >= -Math.PI / 8 && t < 0 || t >= 0 && t < Math.PI / 8 ? G.Right : t >= Math.PI / 8 && t < 3 * Math.PI / 8 ? G.BottomRight : t >= 3 * Math.PI / 8 && t < 5 * Math.PI / 8 ? G.Bottom : t >= 5 * Math.PI / 8 && t < 7 * Math.PI / 8 ? G.BottomLeft : t >= 7 * Math.PI / 8 && t < Math.PI || t >= -Math.PI && t < -7 * Math.PI / 8 ? G.Left : t >= -7 * Math.PI / 8 && t < -5 * Math.PI / 8 ? G.TopLeft : t >= -5 * Math.PI / 8 && t < -3 * Math.PI / 8 ? G.Top : G.TopRight;
+		return t >= -Math.PI / 8 && t < 0 || t >= 0 && t < Math.PI / 8 ? V.Right : t >= Math.PI / 8 && t < 3 * Math.PI / 8 ? V.BottomRight : t >= 3 * Math.PI / 8 && t < 5 * Math.PI / 8 ? V.Bottom : t >= 5 * Math.PI / 8 && t < 7 * Math.PI / 8 ? V.BottomLeft : t >= 7 * Math.PI / 8 && t < Math.PI || t >= -Math.PI && t < -7 * Math.PI / 8 ? V.Left : t >= -7 * Math.PI / 8 && t < -5 * Math.PI / 8 ? V.TopLeft : t >= -5 * Math.PI / 8 && t < -3 * Math.PI / 8 ? V.Top : V.TopRight;
 	}
-}, Gn = {
+}, Or = {
 	color: 0,
 	alpha: .75
-}, Kn = {
+}, kr = {
 	backing: !0,
 	closeOnEscape: !0,
 	closeOnPointerDownOutside: !0,
 	actionContext: "popup"
-}, qn = class e extends w {
+}, Ar = class e extends _ {
 	get actionContext() {
 		return this.config.actionContext;
 	}
 	constructor(e, t = {}) {
 		super(), this.id = e, this.isShowing = !1, this._storedActionContext = void 0, this.config = Object.assign({
 			id: e,
-			...Kn
+			...kr
 		}, t), this._initialize();
 	}
 	get data() {
@@ -1016,7 +2944,7 @@ var Wn = class extends w {
 	static makeBacking(e, t) {
 		let n = {};
 		typeof e == "object" && (n = e);
-		let r = Object.assign({ ...Gn }, n), i = new en(j.WHITE);
+		let r = Object.assign({ ...Or }, n), i = new Et(k.WHITE);
 		return i.anchor.set(.5), i.alpha = r.alpha, i.tint = r.color, i.width = t.width, i.height = t.height, i;
 	}
 	initialize() {}
@@ -1050,184 +2978,15 @@ var Wn = class extends w {
 		this.app.focus.addFocusLayer(this.id, !1), this.config.backing && (this.backing = this.add.existing(e.makeBacking(this.config.backing, this.app.size)), this.backing.eventMode = "static", this.config.closeOnPointerDownOutside && (this.backing.once("click", this.close), this.backing.once("tap", this.close))), this.view = this.add.container(), this.view.eventMode = "static";
 	}
 	setActionContext() {
-		this.actionContext && (this.app.actionContext = this.actionContext, b.log("Popup", "Setting action context", this.app.actionContext));
+		this.actionContext && (this.app.actionContext = this.actionContext, c.log("Popup", "Setting action context", this.app.actionContext));
 	}
 	storeActionContext() {
-		this._storedActionContext = this.app.actionContext, b.log("Popup", "Storing action context", this._storedActionContext);
+		this._storedActionContext = this.app.actionContext, c.log("Popup", "Storing action context", this._storedActionContext);
 	}
 	restoreActionContext() {
-		this._storedActionContext && (b.log("Popup", "Restoring action context", this._storedActionContext), this.app.actionContext = this._storedActionContext), this._storedActionContext = void 0;
-	}
-}, K = [
-	"text",
-	"anchor",
-	"roundPixels",
-	"style",
-	"pivot"
-], q = 200, Jn = "CaperApplication";
-function Yn() {
-	try {
-		return globalThis.Caper?.__dev === !0;
-	} catch {
-		return !1;
-	}
-}
-function Xn() {
-	try {
-		return !1;
-	} catch {
-		return !1;
-	}
-}
-var J = "__first__";
-function Y() {
-	let e = globalThis, t = e.Caper ||= {};
-	return t.apps instanceof Map || (t.apps = /* @__PURE__ */ new Map()), (typeof t.automation != "object" || t.automation === null) && (t.automation = {}), t.__readyResolvers instanceof Map || (t.__readyResolvers = /* @__PURE__ */ new Map()), t.__readyApps instanceof Set || (t.__readyApps = /* @__PURE__ */ new Set()), typeof t.ready != "function" && (t.ready = (e) => {
-		let n = t.__readyResolvers, r = t.__readyApps;
-		if (e && r.has(e)) return Promise.resolve(t.apps.get(e));
-		if (!e && r.size > 0) {
-			let e = r.values().next().value;
-			return Promise.resolve(t.apps.get(e));
-		}
-		let i = e ?? J, a = n.get(i);
-		if (!a) {
-			let e, t = new Promise((t) => {
-				e = t;
-			});
-			a = {
-				resolve: e,
-				promise: t
-			}, n.set(i, a);
-		}
-		return a.promise;
-	}), t;
-}
-function Zn() {
-	Y();
-}
-function X(e) {
-	return e.config?.id || Jn;
-}
-function Qn(e) {
-	let t = X(e), n = [], r, i = [], a = (e) => {
-		n.push(e), n.length > q && n.splice(0, n.length - q);
-	}, o = () => r ? r() : void 0, s = (e) => {
-		if (i.length !== 0) for (let t = i.length - 1; t >= 0; t--) {
-			let n = !1;
-			try {
-				n = i[t].predicate(e);
-			} catch {
-				n = !1;
-			}
-			if (n) {
-				let [n] = i.splice(t, 1);
-				n.resolve(e);
-			}
-		}
-	}, c = {
-		appId: t,
-		get log() {
-			return n;
-		},
-		action(t, n) {
-			e.sendAction(t, n);
-		},
-		getContext() {
-			return String(e.actionContext);
-		},
-		getState: o,
-		registerStateGetter(e) {
-			r = e;
-		},
-		notifyStateChanged(e) {
-			a({
-				t: Date.now(),
-				kind: "state",
-				data: e
-			}), s(e);
-		},
-		waitFor(e, t) {
-			let n = o();
-			try {
-				if (e(n)) return Promise.resolve(n);
-			} catch {}
-			return new Promise((n, r) => {
-				let a, o = {
-					predicate: e,
-					resolve: (e) => {
-						a && clearTimeout(a), n(e);
-					}
-				};
-				i.push(o), t?.timeoutMs != null && (a = setTimeout(() => {
-					let e = i.indexOf(o);
-					e >= 0 && i.splice(e, 1), r(/* @__PURE__ */ Error(`waitFor timed out after ${t.timeoutMs}ms`));
-				}, t.timeoutMs));
-			});
-		}
-	}, l = e.getPlugin("actions");
-	return l && (l.onActionDispatched?.connect((e) => {
-		a({
-			t: Date.now(),
-			kind: "action",
-			name: String(e.id),
-			data: e.data
-		}), s(o());
-	}), l.onActionContextChanged.connect((e) => {
-		a({
-			t: Date.now(),
-			kind: "context",
-			name: String(e)
-		});
-	})), c;
-}
-function Z(e) {
-	let t = Y(), n = X(e);
-	if (t.apps.set(n, e), t.app = e, Yn() || e.config?.automation === !0 || Xn()) {
-		let r = Qn(e);
-		t.automation[n] = r, e.automation = r;
+		this._storedActionContext && (c.log("Popup", "Restoring action context", this._storedActionContext), this.app.actionContext = this._storedActionContext), this._storedActionContext = void 0;
 	}
-}
-function Q(e) {
-	let t = Y(), n = X(e);
-	t.__readyApps.add(n);
-	let r = t.__readyResolvers, i = r.get(n);
-	i && (i.resolve(e), r.delete(n));
-	let a = r.get(J);
-	a && (a.resolve(e), r.delete(J));
-}
-//#endregion
-//#region src/core/create.ts
-var $n = "caper-game-container";
-function $(e) {
-	let t = document.createElement("div");
-	return t.setAttribute("id", e), document.body.appendChild(t), t;
-}
-async function er() {
-	return new Promise((e) => {
-		document.readyState === "complete" || document.readyState === "interactive" ? e(!0) : document.addEventListener("DOMContentLoaded", () => {
-			e(!0);
-		});
-	});
-}
-async function tr(e = { id: "CaperApplication" }, t = $n, n = !0) {
-	await er(), An(), n && U();
-	let r = null;
-	if (typeof t == "string" ? (r = document.getElementById(t), r ||= $(t)) : t instanceof HTMLElement ? r = t : t === window && (r = document.body), !r) throw Error("You passed in a DOM Element, but none was found. If you instead pass in a string, a container will be created for you, using the string for its id.");
-	e.resizeToContainer && (e.resizeTo = r), e.useLayout && (e.layout = {
-		autoUpdate: !1,
-		enableDebug: !1,
-		debugModificationCount: 0,
-		throttle: 100
-	}), e.container = r;
-	let i = new (e.application || C)();
-	return await i.initialize(e, r), e.useLayout && (i.stage.layout = {
-		position: "absolute",
-		width: "100%",
-		height: "100%"
-	}), await i._postInitialize(), Z(i), globalThis.Caper?.__runtimeManaged || Q(i), i;
-}
-//#endregion
-var nr = D.Collector, rr = D.CollectorArray, ir = D.CollectorLast, ar = D.CollectorUntil0, or = D.CollectorWhile0, sr = D.SignalConnections;
-export { ve as ActionsPlugin, st as Animated, wt as AnimatedSprite, C as Application, se as AssetsPlugin, De as AudioChannel, ne as AudioInstance, ke as AudioManagerPlugin, je as BreakpointPlugin, At as Button, ut as ButtonConfigKeys, Pn as Camera, Fn as CameraController, Ft as CaperEvent, nr as Collector, rr as CollectorArray, ir as CollectorLast, ar as CollectorUntil0, or as CollectorWhile0, sn as Color, w as Container, Qe as ContainerConfigKeys, pt as Controls, Xt as DataAdapter, bt as DebugAlpha, kt as DebugColors, Dt as DefaultActionContexts, h as DefaultActionContextsArray, Fe as DefaultActions, Ne as DefaultButtonIds, jn as Entity, ct as Factory, et as FlexContainer, It as FlexContainerConfigKeys, qt as FocusManagerPlugin, i as FocusOutliner, x as Focusable, be as FullScreenPlugin, ie as GesturePlugin, Ln as Input, ge as InputControllerTypes, me as InputPlugin, S as Interactive, Hn as JOYSTICK_DIRECTIONS, Wn as Joystick, G as JoystickDirection, dt as KeyboardControls, de as KeyboardPlugin, b as Logger, l as LookupPlugin, Ye as ParticleContainer, gt as ParticleContainerConfigKeys, e as Plugin, qn as Popup, d as PopupManagerPlugin, Pe as Queue, Te as ResizerPlugin, Mn as Scene, Vt as SceneManagerPlugin, Nn as SceneTransition, T as Signal, sr as SignalConnections, Ue as SpineAnimation, Be as Store, Nt as Svg, K as TextPropsKeys, Ut as Timer, Se as TimerPlugin, zt as Toast, Re as Toaster, n as TouchControls, n as VirtualControls, ot as UICanvas, it as UICanvasConfigKeys, We as WebEventsPlugin, v as WithSignals, Ee as add, f as addToPoint, y as bindAllMethods, at as bindMethods, Bt as bool, Rt as capitalize, Ze as capitalizeWords, Cn as center, ze as checkAndInvokeMethod, Oe as clamp, Pt as coreFunctionRegistry, yt as coreSignalRegistry, tr as create, $ as createContainer, lt as createDebugGraphics, He as createDebugLabel, rt as createFactoryMethods, Le as createQueue, Ae as debounce, ue as deepMerge, _ as defaultActionsList, te as defaultBreakpoints, Ve as defaultFactoryMethods, le as defaultGestureOptions, Gt as defaultToastConfig, zn as defineActions, Vn as defineBreakpoints, Bn as defineButtons, Wt as defineConfig, Rn as defineContexts, Un as defineControls, Yt as defineData, dn as defineEntity, ln as definePlugin, un as definePopup, cn as defineScene, fn as defineUI, ye as delay, rn as destroyCanvas, u as distance, he as distanceSq, p as ensurePadding, nt as env, En as filterSet, Dn as firstFromSet, Kt as floatBetween, Ge as floatBetweenPoint, o as formatTime, we as generatePluginList, Ct as getDebugRegistry, Ie as getDynamicModuleFromImportListItem, St as getErrorTexture, m as getFirstMapEntry, ce as getLastMapEntry, B as getNearestCharacterIndex, Ot as getNextMapEntry, Ht as getOrientation, oe as getPreviousMapEntry, nn as getRandomElement, _t as getRegisteredEntityIds, Tt as getRegisteredUIIds, a as getZeroPaddedNumber, ee as i18nPlugin, Zn as installCaperGlobal, E as intBetween, Ce as intBetweenPoint, z as isAndroid, Et as isDev, xn as isIos, R as isMobile, vt as isProduction, t as isPromise, bn as isRetina, Ke as isStorageCapable, xt as isText, L as isTouch, On as lastFromSet, Me as lerp, mt as lerpPoint, r as magnitude, ft as multiply, fe as normalizeKey, mn as objectDiagonal, Sn as offset, _n as offsetShape, vn as offsetSimpleShape, xe as omitKeys, H as pixiVersion, Jt as pluck, s as randomUUID, pn as reParent, Z as registerCaperApp, Mt as registerDebug, jt as resolveAnchor, ae as resolvePadding, qe as resolvePivot, g as resolvePointLike, ht as resolvePosition, Lt as resolveScale, re as resolveSizeLike, Xe as resolveTexture, tt as resolveUnknownKeys, U as sayHello, wn as scale, I as scaleToHeight, yn as scaleToSize, F as scaleToWidth, P as scaleUniform, gn as sendToBack, hn as sendToFront, tn as shuffle, Q as signalCaperReady, Tn as size, c as sortPluginsByRequires, pe as subtract, _e as subtractFromPoint, an as toHex, on as toRgb, Je as unregisterDebug, V as version, $e as wait };
+}, jr = x.Collector, Mr = x.CollectorArray, Nr = x.CollectorLast, Pr = x.CollectorUntil0, Fr = x.CollectorWhile0, Ir = x.SignalConnections;
+export { ae as ActionsPlugin, Be as Animated, Kn as AnimatedSprite, S as Application, Se as AssetsPlugin, Ke as AudioChannel, ue as AudioInstance, s as AudioManagerPlugin, t as BreakpointPlugin, er as Button, Qn as ButtonConfigKeys, qn as Camera, Jn as CameraController, u as CaperEvent, jr as Collector, Mr as CollectorArray, Nr as CollectorLast, Pr as CollectorUntil0, Fr as CollectorWhile0, Pt as Color, _ as Container, b as ContainerConfigKeys, Oe as Controls, yt as DataAdapter, M as DebugAlpha, j as DebugColors, se as DefaultActionContexts, le as DefaultActionContextsArray, fe as DefaultActions, d as DefaultButtonIds, Ln as Entity, v as Factory, ir as FlexContainer, rr as FlexContainerConfigKeys, ye as FocusManagerPlugin, l as FocusOutliner, J as Focusable, r as FullScreenPlugin, a as GesturePlugin, Er as Input, ft as InputControllerTypes, Re as InputPlugin, Zn as Interactive, bn as JOYSTICK_DIRECTIONS, Dr as Joystick, V as JoystickDirection, mt as KeyboardControls, he as KeyboardPlugin, c as Logger, He as LookupPlugin, Bn as ParticleContainer, Rn as ParticleContainerConfigKeys, te as Plugin, Ar as Popup, Fe as PopupManagerPlugin, pt as Queue, ot as ResizerPlugin, Vn as Scene, Je as SceneManagerPlugin, Hn as SceneTransition, p as Signal, Ir as SignalConnections, Xn as SpineAnimation, ee as Store, Un as Svg, wr as TextPropsKeys, $e as Timer, nt as TimerPlugin, ar as Toast, sr as Toaster, ct as TouchControls, ct as VirtualControls, pr as UICanvas, cr as UICanvasConfigKeys, Ae as WebEventsPlugin, h as WithSignals, e as add, Ie as addToPoint, m as bindAllMethods, pe as bindMethods, re as bool, de as capitalize, qe as capitalizeWords, rn as center, f as checkAndInvokeMethod, Xe as clamp, ur as computeEffectivePadding, it as coreFunctionRegistry, Ze as coreSignalRegistry, In as create, Pn as createContainer, Ft as createDebugGraphics, N as createDebugLabel, xe as createFactoryMethods, ve as createQueue, Le as debounce, Ye as deepMerge, ne as defaultActionsList, We as defaultBreakpoints, Cr as defaultFactoryMethods, ut as defaultGestureOptions, Y as defaultToastConfig, _n as defineActions, yn as defineBreakpoints, vn as defineButtons, Ee as defineConfig, gn as defineContexts, xn as defineControls, vt as defineData, Vt as defineEntity, zt as definePlugin, Bt as definePopup, Rt as defineScene, Ht as defineUI, o as delay, jt as destroyCanvas, at as distance, Qe as distanceSq, I as ensurePadding, n as env, sn as filterSet, cn as firstFromSet, oe as floatBetween, ge as floatBetweenPoint, Ne as formatTime, Te as generatePluginList, Lt as getDebugRegistry, Me as getDynamicModuleFromImportListItem, U as getErrorTexture, ze as getFirstMapEntry, ke as getLastMapEntry, un as getNearestCharacterIndex, lt as getNextMapEntry, me as getOrientation, ht as getPreviousMapEntry, At as getRandomElement, gr as getRegisteredEntityIds, yr as getRegisteredUIIds, Ut as getZeroPaddedNumber, _e as i18nPlugin, On as installCaperGlobal, _t as intBetween, i as intBetweenPoint, en as isAndroid, Ge as isDev, tn as isIos, $t as isMobile, ce as isProduction, dt as isPromise, Qt as isRetina, ie as isStorageCapable, nr as isText, B as isTouch, ln as lastFromSet, Ve as lerp, tt as lerpPoint, Ue as magnitude, je as multiply, gt as normalizeKey, Kt as objectDiagonal, nn as offset, Yt as offsetShape, Xt as offsetSimpleShape, st as omitKeys, fn as pixiVersion, g as pluck, Ce as randomUUID, Gt as reParent, jn as registerCaperApp, P as registerDebug, Gn as resolveAnchor, Wt as resolvePadding, q as resolvePivot, y as resolvePointLike, G as resolvePosition, K as resolveScale, et as resolveSizeLike, W as resolveTexture, H as resolveUnknownKeys, mn as sayHello, an as scale, z as scaleToHeight, Zt as scaleToSize, R as scaleToWidth, L as scaleUniform, Jt as sendToBack, qt as sendToFront, kt as shuffle, Mn as signalCaperReady, on as size, De as sortPluginsByRequires, rt as subtract, Pe as subtractFromPoint, Mt as toHex, Nt as toRgb, F as unregisterDebug, dn as version, be as wait };
 
 //# sourceMappingURL=caper.mjs.map