@caperjs/core 0.3.0 → 0.4.1

package/lib/const-C3sxeYhl.js

@@ -0,0 +1,1746 @@
+import { Dt as e, G as t, J as n, Nt as r, Ut as i, _t as a, b as o, dt as s, f as c, gt as l, m as u, ot as d, p as f, pt as p, r as m, ut as ee, vt as te, yt as ne } from "./registries-BfV-VF7a.js";
+import { t as h } from "./padding-1kHDpGlQ.js";
+import { AnimatedSprite as re, Assets as g, BitmapText as _, Graphics as v, HTMLText as y, ParticleContainer as ie, Sprite as b, Text as x, Texture as ae, TilingSprite as oe } from "pixi.js";
+import { gsap as S } from "gsap";
+//#region src/utils/debug.ts
+var C = {
+	bounds: 65535,
+	innerBounds: 65280,
+	outerBounds: 16711680,
+	direction: 16776960,
+	gap: 16711935,
+	region: 30975
+}, w = {
+	stroke: .6,
+	fill: .1,
+	fillActive: .2,
+	crosshair: .5
+};
+function T(e) {
+	let t = new v();
+	return t.eventMode = "none", t.interactiveChildren = !1, t.layout = !1, t.label = e ?? "DebugGraphics", t;
+}
+function E(e, t = C.bounds) {
+	let n = new x({
+		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 D = /* @__PURE__ */ new Map();
+function O(e, t, n) {
+	D.set(e, {
+		label: t,
+		color: n
+	});
+}
+function k(e) {
+	D.delete(e);
+}
+function se() {
+	return D;
+}
+//#endregion
+//#region src/utils/number.ts
+function A(e, t = 0) {
+	return e.toString().padStart(t, "0");
+}
+//#endregion
+//#region src/display/ParticleContainer.ts
+var j = ["autoUpdate", "priority"], ce = {
+	autoUpdate: !0,
+	priority: 0
+}, le = class extends ie {
+	static {
+		this.__caper_method_binding_root = !0;
+	}
+	constructor(e = {}) {
+		super(e), this.onDestroy = new t(), this.__config = {
+			...ce,
+			...e
+		}, r(this), this.on("added", this._added), this.on("removed", this._removed);
+	}
+	get app() {
+		return m.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();
+	}
+}, ue = class extends v {
+	constructor(e) {
+		super(typeof e == "string" ? g.get(e) : e);
+		let t = this.getLocalBounds();
+		this.pivot.set((t.x + t.width) / 2, (t.y + t.height) / 2);
+	}
+}, M;
+function N(t, n) {
+	for (let r in t) try {
+		n[r] = t[r];
+	} catch (t) {
+		e.warn(`Error setting property ${r}`, t);
+	}
+}
+function P() {
+	if (!M) {
+		let e = new v();
+		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
+		}), M = m.getInstance().renderer.generateTexture(e), e.destroy();
+	}
+	return M;
+}
+function F(t) {
+	let n, r = t?.asset, i = r, a = t?.sheet;
+	if (r instanceof ae) n = r;
+	else if (!a || a?.length === 0) g.cache.has(i) ? n = g.get(i) : g.get(i) ? n = g.get(i).texture : (e.error("Asset \"" + r + "\" not loaded into Pixi cache"), n = P());
+	else if (g.get(a)) {
+		let t = g.get(a), o = t.textures;
+		if (o !== void 0) if (o.hasOwnProperty(i)) n = o[i];
+		else if (t.linkedSheets !== void 0 && t.linkedSheets.length > 0) {
+			for (let e of t.linkedSheets) if (e.textures !== void 0 && e.textures.hasOwnProperty(i)) {
+				n = e.textures[i];
+				break;
+			}
+			n === void 0 && (e.error("Asset \"" + r + "\" not found inside spritesheet \"" + r + "' or any of its linked sheets"), n = P());
+		} else e.error("Asset \"" + r + "\" not found inside spritesheet \"" + a + "'"), n = P();
+		else e.error("Spritesheet \"" + a + "\" loaded but textures arent?!"), n = P();
+	} else return e.error("Spritesheet \"" + a + "\" not loaded into Pixi cache"), P();
+	return n || new b().texture;
+}
+function I(e, t) {
+	let n = d(e.position, !1, e.x, e.y);
+	t.x = n.x, t.y = n.y;
+}
+function L(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 = d(e.scale, !1, e.scaleX, e.scaleY);
+	t.scale.set(n.x, n.y);
+}
+function R(e, t) {
+	if (e !== void 0) {
+		let n = d(e);
+		t.anchor.set(n.x, n.y);
+	}
+}
+function z(e, t) {
+	if (e !== void 0) {
+		let n = d(e);
+		t.pivot.set(n.x, n.y);
+	}
+}
+//#endregion
+//#region src/display/AnimatedSprite.ts
+var B = class e extends re {
+	constructor(n) {
+		let i = n?.animations ?? {}, a = n?.animation ?? Object.keys(i)[0], o = i[a], s = n?.sheet, c = n?.texturePrefix || "", l = n?.zeroPad, u = n?.startIndex ?? 0;
+		super(e.generateTexturesFromProps(a, o, c, s, l, u), n?.autoUpdate !== !1), this.config = n, this.onAnimationChange = new t(), this.onAnimationStart = new t(), this.onAnimationStop = new t(), this.onAnimationLoop = new t(), this.onAnimationComplete = new t(), this.onAnimationFrameChange = new t(), this.defaultTexturePrefix = "", this._paused = !1, this._isReversed = !1, r(this), this.defaultSheet = s, this.defaultTexturePrefix = c, this.defaultZeroPad = l, this._generateAnimations(), this.currentAnimation = this.defaultAnimation = a, this.autoPlay = n?.autoPlay ?? !0, this.loop = n?.loop ?? !0, this.updateAnchor = n?.updateAnchor ?? !1, this.animationSpeed = this.defaultAnimationSpeed = n?.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}${A(a, t?.zeroPad ?? i)}`, o.push(F({
+				asset: s,
+				sheet: c
+			}));
+		} else s = `${n}${t?.texturePrefix ?? e}`, o.push(F({
+			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 = te(this._animations, this.currentAnimation) ?? l(this._animations);
+		e && this.setAnimation(e[0]);
+	}
+	previousAnimation() {
+		let e = ne(this._animations, this.currentAnimation) ?? a(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();
+	}
+}, de = o(u()), V = class extends de {
+	get app() {
+		return m.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 t(), this.onAnimationStart = new t(), this.onAnimationInterrupt = new t(), this.onAnimationDispose = new t(), this.onAnimationEnd = new t(), this.onAnimationEvent = new t(), this.onPaused = new t(), this.onResumed = new t(), r(this);
+		let n = e?.data, i = "";
+		if (typeof n == "string") {
+			let e = n.slice(-5);
+			e !== ".json" && e !== ".skel" ? e = ".json" : n = n.substring(0, n.length - 5), i = {
+				skeleton: n + e,
+				atlas: n + ".atlas"
+			};
+		}
+		this.spine = window.Spine.from(i), 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 H(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 t(), this.onFocusIn = new t(), this.onFocusOut = new t(), this.onBlur = new t(), 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 m.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);
+		}
+	};
+}
+H.INITTED = !1;
+//#endregion
+//#region src/mixins/interaction.ts
+function U(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 n = new t();
+				this._signals.set(e, n), 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 W = [
+	"textures",
+	"sounds",
+	"actions",
+	"cursor",
+	"disabledCursor",
+	"sheet",
+	"enabled",
+	"layout",
+	"textLabel"
+], fe = H(U(o(u()))), G = class extends fe {
+	get textLabel() {
+		return this._textLabel;
+	}
+	constructor(e) {
+		super(), this.onDown = new t(), this.onUp = new t(), this.onUpOutside = new t(), this.onOut = new t(), this.onOver = new t(), this.onClick = new t(), this.onEnabled = new t(), this.onDisabled = new t(), this.onKeyboardEvent = new t(), this.onDestroy = new t(), this._isDownCallbacks = /* @__PURE__ */ new Map(), this._isDownListenerAdded = !1, r(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 x || e instanceof y || e instanceof _) 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 m.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 ??= {}, 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();
+		});
+	}
+}, pe = o(u());
+function me(e) {
+	return e instanceof x || e instanceof _;
+}
+var he = [
+	"bindTo",
+	"bindToAppSize",
+	"autoLayoutChildren",
+	"debug"
+], K = class extends pe {
+	constructor(e = {}) {
+		if (super(), this.onLayoutComplete = new t(), 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");
+		r(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 ? me(e) && !e.layout?.style?.isLeaf && (e.layout = { isLeaf: !0 }) : e.layout = { isLeaf: !0 }), c.childAdded(e), e.on("layout", this._updateLayout), this._updateLayout();
+	}
+	handleChildRemoved(e) {
+		e.off("layout", this._updateLayout), c.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 m.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 ? (O(`FlexContainer:${this.uid}`, this.label || "FlexContainer", C.bounds), this.drawDebug()) : (k(`FlexContainer:${this.uid}`), this._debugGraphics && this._debugGraphics.clear(), this._debugLabel && (this._debugLabel.visible = !1));
+	}
+	drawDebug() {
+		(!this._debugGraphics || this._debugGraphics.parent !== this) && (this._debugGraphics ||= T(`${this.label ?? "FlexContainer"}:debug`), this.addChild(this._debugGraphics), this._debugGraphics.layout = !1), (!this._debugLabel || this._debugLabel.parent !== this) && (this._debugLabel ||= E(this.label || "FlexContainer", C.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: C.bounds,
+			alpha: w.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: C.outerBounds,
+			alpha: w.fill
+		}), s > 0 && this._debugGraphics.rect(0, n - s, t, s).fill({
+			color: C.outerBounds,
+			alpha: w.fill
+		}), c > 0 && this._debugGraphics.rect(0, a, c, n - a - s).fill({
+			color: C.outerBounds,
+			alpha: w.fill
+		}), o > 0 && this._debugGraphics.rect(t - o, a, o, n - a - s).fill({
+			color: C.outerBounds,
+			alpha: w.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: C.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: C.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: C.gap,
+					alpha: w.fill
+				});
+			} else {
+				let e = a.top + a.height;
+				this._debugGraphics.rect(0, e, t, i).fill({
+					color: C.gap,
+					alpha: w.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: C.innerBounds,
+				alpha: .4,
+				pixelLine: !0
+			});
+		}
+		this._debugLabel.position.set(2, 2);
+	}
+	destroy() {
+		this.config.debug && k(`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();
+	}
+}, q = {
+	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
+	}
+}, ge = class extends o(c) {
+	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 t(), this.isHiding = !1, this.config = {
+			...q,
+			...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 v().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: {
+				...q.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 || G, 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 = S.timeline({ paused: !0 });
+		return e.to(this, {
+			alpha: 1,
+			duration: .4,
+			ease: "power2.out"
+		}), e;
+	}
+	getHideAnimation() {
+		let e = S.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), S.killTweensOf(this), this.timeline &&= (this.timeline.kill(), void 0), !this.destroyed && !this.isHiding && this.onToastClosed.emit(), super.destroy({ children: !0 });
+	}
+}, _e = {
+	position: "bottom right",
+	maxToasts: 5,
+	spacing: 10,
+	offset: {
+		x: 20,
+		y: 20
+	},
+	stackDirection: "up",
+	animationSpeed: 1
+}, ve = class extends o(c) {
+	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 = {}, n = {}) {
+		super({ autoResize: !0 }), this.onToastAdded = new t(), this.onToastRemoved = new t(), this.onAllToastsRemoved = new t(), this.toasts = [], this.config = {
+			..._e,
+			...e
+		}, this.defaultToastConfig = { ...n }, 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 ?? {}
+			} : q.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 ?? {}
+			} : q.closeButton
+		});
+		let n = new (e.class ?? ge)(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 ? S.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) => {
+			S.killTweensOf(e);
+		}), this.hideAll(), this.toasts = [], super.destroy({ children: !0 });
+	}
+}, J = [
+	"debug",
+	"padding",
+	"size",
+	"useAppSize",
+	"useSafeArea",
+	"layout"
+], ye = {
+	top: 0,
+	right: 0,
+	bottom: 0,
+	left: 0
+};
+function be(e, t) {
+	return {
+		top: e.top + t.top,
+		right: e.right + t.right,
+		bottom: e.bottom + t.bottom,
+		left: e.left + t.left
+	};
+}
+var xe = {
+	flexGrow: 0,
+	flexShrink: 0,
+	autoLayoutChildren: !0
+}, Se = o(u()), Ce = class t extends Se {
+	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) => {
+			throw Error("UICanvas: Do not call setChildIndex() directly. Use reorderElement(child, index), bringToFront(child), or sendToBack(child) instead.\nExample: uiCanvas.reorderElement(myChild, 0)");
+		}, 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");
+		r(this), this._positionContainers = /* @__PURE__ */ new Map(), this.config = {
+			debug: e.debug === !0,
+			padding: h(e?.padding ?? 0),
+			size: e.size === void 0 ? {
+				width: 0,
+				height: 0
+			} : p(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 = {
+			...xe,
+			...e.layout
+		} : this.config.layout = { ...xe }, 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 && O(`UICanvas:${this.uid}`, this.label || "UICanvas", C.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 m.getInstance();
+	}
+	destroy() {
+		this._disableAddChildError = !0, this.config.debug && k(`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
+		} : p(e), this.layout = {
+			width: this.config.size.width,
+			height: this.config.size.height
+		}, this.updateLayout();
+	}
+	set padding(e) {
+		this.config.padding = h(e), this._applyPadding(), this._updateLayout();
+	}
+	_applyPadding() {
+		let e = be(this.config.padding, this.config.useSafeArea ? this.app.safeArea : ye);
+		this.layout = {
+			paddingLeft: e.left,
+			paddingTop: e.top,
+			paddingRight: e.right,
+			paddingBottom: e.bottom
+		};
+	}
+	static isFlexContainer(e) {
+		return e instanceof K;
+	}
+	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.");
+	}
+	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);
+		}
+	}
+	_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(n, r) {
+		let i = r?.align ?? "top left", a = this._positionContainers.get(i);
+		return a ? (t.isFlexContainer(n) && this.addSignalConnection(n.onLayoutComplete.connect(this._updateLayout)), this.settingsMap.set(n, {
+			align: i,
+			padding: r?.padding ? h(r.padding) : {
+				top: 0,
+				left: 0,
+				bottom: 0,
+				right: 0
+			}
+		}), this._childMap.set(n, a), this._canvasChildren = Array.from(this._childMap.keys()), a.add.existing(n), this._childAdded(n), n) : (e.error(`UICanvas:: Invalid position "${i}" for element`), n);
+	}
+	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;
+	}
+	reorderElement(e, t) {
+		let n = this._childMap.get(e);
+		if (!n) throw Error(`UICanvas: Cannot reorder element — it was not added via addElement().\nChild label: "${e.label ?? "(unlabeled)"}"`);
+		return n.setChildIndex(e, t), this._updateLayout(), e;
+	}
+	bringToFront(e) {
+		let t = this._childMap.get(e);
+		if (!t) throw Error(`UICanvas: Cannot reorder element — it was not added via addElement().\nChild label: "${e.label ?? "(unlabeled)"}"`);
+		return this.reorderElement(e, t.children.length - 1);
+	}
+	sendToBack(e) {
+		return this.reorderElement(e, 0);
+	}
+	_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), c.childAdded(e), this._updateLayout();
+	}
+	_childRemoved(e) {
+		this.settingsMap.delete(e), this._childMap.delete(e), this._canvasChildren = Array.from(this._childMap.keys()), c.childRemoved(e);
+	}
+	_added() {
+		this._updateLayout();
+	}
+	get debug() {
+		return this.config.debug;
+	}
+	set debug(e) {
+		if (this.config.debug = e, e) O(`UICanvas:${this.uid}`, this.label || "UICanvas", C.outerBounds), this.drawDebug();
+		else {
+			k(`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 = T(`${this.label ?? "UICanvas"}:debug`), super.addChild(this._debugGraphics), this._debugGraphics.layout = !1, this._disableAddChildError = !1), this._debugLabel || (this._disableAddChildError = !0, this._debugLabel = E(this.label || "UICanvas", C.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: C.outerBounds,
+			alpha: w.stroke,
+			pixelLine: !0
+		}), n.top > 0 && this._debugGraphics.rect(0, 0, e, n.top).fill({
+			color: C.outerBounds,
+			alpha: w.fill
+		}), n.bottom > 0 && this._debugGraphics.rect(0, t - n.bottom, e, n.bottom).fill({
+			color: C.outerBounds,
+			alpha: w.fill
+		}), n.left > 0 && this._debugGraphics.rect(0, n.top, n.left, t - n.top - n.bottom).fill({
+			color: C.outerBounds,
+			alpha: w.fill
+		}), n.right > 0 && this._debugGraphics.rect(e - n.right, n.top, n.right, t - n.top - n.bottom).fill({
+			color: C.outerBounds,
+			alpha: w.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: C.innerBounds,
+			alpha: w.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 = E("", C.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: C.region,
+				alpha: u ? w.fillActive : w.fill
+			}).stroke({
+				width: 1,
+				color: C.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: C.outerBounds,
+			alpha: w.crosshair,
+			pixelLine: !0
+		}).moveTo(l - 10, u).lineTo(l + 10, u).stroke({
+			width: 1,
+			color: C.outerBounds,
+			alpha: w.crosshair,
+			pixelLine: !0
+		});
+	}
+}, Y = null;
+function we() {
+	if (Y) return Y;
+	Y = /* @__PURE__ */ new Map();
+	let e = globalThis.Caper?.get?.("entityList") ?? [];
+	for (let t of e) t.active !== !1 && typeof t.module == "function" && t.module.prototype && Y.set(t.id, t.module);
+	return Y;
+}
+function Te(e) {
+	return we().get(e);
+}
+function Ee() {
+	return [...we().keys()];
+}
+//#endregion
+//#region src/mixins/factory/ui-registry.ts
+var X = null;
+function De() {
+	if (X) return X;
+	X = /* @__PURE__ */ new Map();
+	let e = globalThis.Caper?.get?.("uiList") ?? [];
+	for (let t of e) t.active !== !1 && typeof t.module == "function" && t.module.prototype && X.set(t.id, t.module);
+	return X;
+}
+function Oe(e) {
+	return De().get(e);
+}
+function ke() {
+	return [...De().keys()];
+}
+//#endregion
+//#region src/mixins/factory/schema.ts
+var Ae = [
+	"position",
+	"scale",
+	"pivot"
+], je = [
+	"position",
+	"x",
+	"y",
+	"scale",
+	"scaleX",
+	"scaleY",
+	"pivot",
+	"anchor"
+];
+function Z(e) {
+	let t = e.applies ?? Ae, n = t.includes("position"), r = t.includes("scale"), i = t.includes("pivot"), a = t.includes("anchor"), o = [...je, ...e.exclude ?? []];
+	return (t) => {
+		let s = e.build(t);
+		if (t == null) return s;
+		let c = t;
+		return n && I({
+			position: c.position,
+			x: c.x,
+			y: c.y
+		}, s), r && L({
+			scale: c.scale,
+			scaleX: c.scaleX,
+			scaleY: c.scaleY
+		}, s), i && z(c.pivot, s), a && R(c.anchor, s), N(ee(o, c), s), s;
+	};
+}
+//#endregion
+//#region src/mixins/factory/const.ts
+var Me = /* @__PURE__ */ i({ defaultFactoryMethods: () => $ }), Q = [
+	"text",
+	"roundPixels",
+	"resolution",
+	"style",
+	"anchor",
+	"pivot"
+], $ = {
+	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 I({
+			position: n,
+			x: r,
+			y: i
+		}, e), L({
+			scale: o,
+			scaleX: s,
+			scaleY: c
+		}, e), z(a, e), N(l, e), e;
+	},
+	container: Z({
+		build: (e) => new c(e ? s(e, f) : void 0),
+		applies: [
+			"position",
+			"scale",
+			"pivot"
+		],
+		exclude: f
+	}),
+	particleContainer: Z({
+		build: (e) => new le(e ? s(e, j) : void 0),
+		applies: [
+			"position",
+			"scale",
+			"pivot"
+		],
+		exclude: j
+	}),
+	texture: F,
+	sprite: Z({
+		build: (e) => new b(e ? F(e) : void 0),
+		applies: [
+			"position",
+			"scale",
+			"pivot",
+			"anchor"
+		],
+		exclude: ["asset", "sheet"]
+	}),
+	tilingSprite: Z({
+		build: (e) => new oe(e ? F(e) : void 0),
+		applies: [
+			"position",
+			"scale",
+			"pivot",
+			"anchor"
+		],
+		exclude: ["asset", "sheet"]
+	}),
+	animatedSprite: Z({
+		build: (e) => new B(e),
+		applies: [
+			"position",
+			"scale",
+			"pivot"
+		],
+		exclude: [
+			"sheet",
+			"texturePrefix",
+			"zeroPad",
+			"animations",
+			"autoPlay",
+			"autoUpdate",
+			"defaultAnimation",
+			"reversible",
+			"animationSpeed",
+			"startIndex",
+			"animation"
+		]
+	}),
+	graphics: Z({
+		build: (e) => new v(),
+		applies: [
+			"position",
+			"scale",
+			"pivot"
+		]
+	}),
+	svg(e) {
+		let t = new ue(e.ctx), { position: n, x: r, y: i, pivot: a, scale: o, scaleX: s, scaleY: c, ctx: l, ...u } = e;
+		return I({
+			position: n,
+			x: r,
+			y: i
+		}, t), L({
+			scale: o,
+			scaleX: s,
+			scaleY: c
+		}, t), z(a, t), N(u, t), t;
+	},
+	text: Z({
+		build: (e) => new x(e ? {
+			text: e.text,
+			roundPixels: e.roundPixels,
+			resolution: e.resolution,
+			style: e.style,
+			anchor: e.anchor ? d(e.anchor, !0) : void 0,
+			pivot: e.pivot ? d(e.pivot, !0) : void 0
+		} : {}),
+		applies: [
+			"position",
+			"scale",
+			"pivot"
+		],
+		exclude: [...Q]
+	}),
+	htmlText: Z({
+		build: (e) => new y(e ? {
+			text: e.text,
+			roundPixels: e.roundPixels,
+			resolution: e.resolution,
+			style: e.style,
+			anchor: e.anchor ? d(e.anchor, !0) : void 0,
+			pivot: e.pivot ? d(e.pivot, !0) : void 0
+		} : {}),
+		applies: [
+			"position",
+			"scale",
+			"pivot"
+		],
+		exclude: [...Q]
+	}),
+	bitmapText: Z({
+		build: (e) => new _(e ? {
+			text: e.text,
+			roundPixels: e.roundPixels,
+			style: e.style,
+			anchor: e.anchor ? d(e.anchor, !0) : void 0,
+			pivot: e.pivot ? d(e.pivot, !0) : void 0
+		} : {}),
+		applies: [
+			"position",
+			"scale",
+			"pivot"
+		],
+		exclude: [...Q]
+	}),
+	button: Z({
+		build: (e) => new G(e ? s(e, W) : void 0),
+		applies: [
+			"position",
+			"scale",
+			"pivot"
+		],
+		exclude: W
+	}),
+	flexContainer: Z({
+		build: (e) => new K(e),
+		applies: [
+			"position",
+			"scale",
+			"pivot"
+		],
+		exclude: he
+	}),
+	uiCanvas: Z({
+		build: (e) => new Ce(e ? s(e, J) : {}),
+		applies: [
+			"position",
+			"scale",
+			"pivot"
+		],
+		exclude: J
+	}),
+	spine: Z({
+		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 V(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 I({
+			position: n,
+			x: r,
+			y: i
+		}, t), L({
+			scale: s,
+			scaleX: c,
+			scaleY: l
+		}, t), R(a, t), z(o, t), N(u, t), t;
+	},
+	toaster: (e, t = {}) => new ve(e, t),
+	entity: (e, t) => {
+		let n = Te(e);
+		if (!n) {
+			let t = Ee();
+			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;
+			I({
+				position: e,
+				x: n,
+				y: i
+			}, r), L({
+				scale: o,
+				scaleX: s,
+				scaleY: c
+			}, r), z(a, r), l !== void 0 && (r.alpha = l), u !== void 0 && (r.visible = u);
+		}
+		return r;
+	},
+	ui: (e, t) => {
+		let n = Oe(e);
+		if (!n) {
+			let t = ke();
+			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;
+			I({
+				position: e,
+				x: n,
+				y: i
+			}, r), L({
+				scale: o,
+				scaleX: s,
+				scaleY: c
+			}, r), z(a, r), l !== void 0 && (r.alpha = l), u !== void 0 && (r.visible = u);
+		}
+		return r;
+	}
+};
+n($);
+//#endregion
+export { A, I as C, ue as D, N as E, se as F, O as I, k as L, C as M, T as N, le as O, E as P, z as S, F as T, H as _, Ce as a, P as b, ve as c, K as d, he as f, U as g, W as h, Ee as i, w as j, j as k, ge as l, G as m, $ as n, J as o, me as p, ke as r, be as s, Me as t, q as u, V as v, L as w, R as x, B as y };
+
+//# sourceMappingURL=const-C3sxeYhl.js.map