canvasengine 2.0.0-rc.3 → 2.0.0

package/dist/index.js

@@ -4257,7 +4257,16 @@ function ao(e) {
 	});
 }
 function oo(e) {
-	return ao(e);
+	let { color: t, border: n } = Q(e, { border: null });
+	return to({
+		draw: (e, r, i, a) => {
+			let { x: o, y: s } = no(a, r, i);
+			e.ellipse(o + r / 2, s + i / 2, r / 2, i / 2);
+			let c = ro(n);
+			c && e.stroke(c), e.fill(ro(t));
+		},
+		...e
+	});
 }
 function so(e) {
 	let { color: t, border: n } = Q(e, {
@@ -6155,7 +6164,7 @@ var fs = /* @__PURE__ */ pe((/* @__PURE__ */ ue(((e) => {
 		this.time += e ?? 1, this.time >= s.time && this.frameIndex++;
 	}
 	applyHitboxAnchor(e, t, n) {
-		if (!this.hitbox || !e || !t) return;
+		if (!this.hitbox || !e || !t || !this.anchor) return;
 		let r = (typeof n == "number" ? n : n?.height) ?? t, i = Math.max(0, (t - r) / 2), a = this.clamp((e - this.hitbox.w) / 2 / e), o = this.clamp((t - this.hitbox.h - i) / t), s = this.clamp(a + this.hitbox.w / 2 / e), c = this.clamp(o + this.hitbox.h / 2 / t), l = this.clamp((t - i) / t), u = a, d = o;
 		switch (this.hitbox.anchorMode ?? "top-left") {
 			case "center":
@@ -6209,7 +6218,7 @@ function _s(e) {
 		timeupdate: null,
 		volumechange: null,
 		waiting: null
-	}, n = N(null), { play: r, loop: i, muted: a } = Ku(e)({
+	}, n = N(null), { play: r, loop: i, muted: a } = Xu(e)({
 		play: {
 			type: Boolean,
 			default: !0
@@ -6226,7 +6235,7 @@ function _s(e) {
 	return I(() => {
 		let e = n(), t = r();
 		e && t !== void 0 && (t ? e.play() : e.pause()), e && i() && (e.loop = i()), e && a() && (e.muted = a());
-	}), zu(() => () => {
+	}), Vu(() => () => {
 		for (let e in t) t[e] && n().removeEventListener(e, t[e]);
 	}), Z(gs, {
 		...e,
@@ -13548,7 +13557,7 @@ var Eu = (e) => V("DOMSprite", e), J = /* @__PURE__ */ function(e) {
 	return e.Normal = "normal", e.Hover = "hover", e.Pressed = "pressed", e.Disabled = "disabled", e;
 }({});
 function Du(e) {
-	let t = N(J.Normal), n = N(!1), r = N(!1), { text: i, disabled: a, width: o, height: s, style: c, shape: l, controlName: u } = Ku(e)({
+	let t = N(J.Normal), n = N(!1), r = N(!1), { text: i, disabled: a, width: o, height: s, style: c, shape: l, controlName: u } = Xu(e)({
 		text: {
 			type: String,
 			default: ""
@@ -14103,15 +14112,24 @@ A("focusNavigation", class extends k {
 		return this.focusedElementSignal;
 	}
 });
-var Au = (e) => V("Navigation", e), ju = Au, Mu = "__canvasEngineHotProps", Nu = "__canvasEngineUpdateHotProps", Pu = "__canvasEngineDefinePropsSignals", Fu = null, Iu = null, Lu = null, Ru = () => {
+var Au = (e) => V("Navigation", e), ju = Au, Mu = "__canvasEngineHotProps", Nu = "__canvasEngineUpdateHotProps", Pu = "__canvasEngineDefinePropsSignals", Fu = null, Iu = null, Lu = null, Ru = (e) => {
+	let t = e?.__canvasEngineCallableSignalValue;
+	return t ? t() : P(e) ? e() : e;
+}, zu = (e, t) => {
+	let n = e[Pu], r = t[Pu];
+	!n || !r || Object.entries(r).forEach(([e, t]) => {
+		let r = n[e];
+		r && typeof r.set == "function" && r.set(Ru(t));
+	});
+}, Bu = () => {
 	let e = globalThis;
 	return e.__CANVAS_ENGINE_HOT_COMPONENTS__ ||= /* @__PURE__ */ new Map(), e.__CANVAS_ENGINE_HOT_COMPONENTS__;
 };
-function zu(e) {
+function Vu(e) {
 	Lu?.(e);
 }
-function Bu(e) {
-	zu((t) => {
+function Hu(e) {
+	Vu((t) => {
 		let { context: n } = t.props, r;
 		return n.tick && (r = n.tick.observable.subscribe(({ value: n }) => {
 			z(t) || e(n, t);
@@ -14120,15 +14138,15 @@ function Bu(e) {
 		};
 	});
 }
-function Vu(e, t = {}, n) {
+function Uu(e, t = {}, n) {
 	n[0] instanceof Array && (n = n[0]);
 	let r;
-	return r = Array.isArray(e) ? e.length === 1 ? e[0] : Vu(eo, {}, e) : "tag" in e || e instanceof T ? e : Hu(e, {
+	return r = Array.isArray(e) ? e.length === 1 ? e[0] : Uu(eo, {}, e) : "tag" in e || e instanceof T ? e : Wu(e, {
 		...t,
 		children: n
 	}), r ||= {}, t?.dependencies && (r.props = r.props || {}, r.props.dependencies = t.dependencies), r;
 }
-function Hu(e, t) {
+function Wu(e, t) {
 	let n = /* @__PURE__ */ new Set(), r = /* @__PURE__ */ new Set(), i = null;
 	Fu = (e) => {
 		n.add(e);
@@ -14153,8 +14171,8 @@ function Hu(e, t) {
 		o(e), e?.props?.isRoot && r.forEach((t) => t(e));
 	}) : a instanceof T ? (a.effectSubscriptions = [...Array.from(n), ...a.effectSubscriptions ?? []], a.effectMounts = [...Array.from(r), ...a.effectMounts ?? []], i && (a[Pu] = i)) : o(a), a;
 }
-function Uu(e, t) {
-	let n = Ru(), r = n.get(e);
+function Gu(e, t) {
+	let n = Bu(), r = n.get(e);
 	return r ? (r.component = t, r.updates.next()) : (r = {
 		component: t,
 		updates: new ct()
@@ -14163,11 +14181,11 @@ function Uu(e, t) {
 			let i = !1, a = null, o = (e, t) => {
 				if (e.tag !== t.tag) return !1;
 				let n = { ...t.props };
-				return e.props.context && (n.context = e.props.context), e.props.children && !t.props.children && (n.children = e.props.children), e.props = n, e.propObservables = t.propObservables, e.componentInstance.onUpdate?.(n), Object.entries(e.directives).forEach(([t, r]) => {
+				return e.props.context && (n.context = e.props.context), e.props.children && !t.props.children && (n.children = e.props.children), zu(e, t), e.props = n, e.propObservables = t.propObservables, e.componentInstance.onUpdate?.(n), Object.entries(e.directives).forEach(([t, r]) => {
 					t in n && r.onUpdate?.(n[t], e);
 				}), t.propSubscriptions?.forEach((e) => e.unsubscribe()), t.effectSubscriptions?.forEach((e) => e.unsubscribe()), t.effectUnmounts?.forEach((e) => e?.()), !0;
 			}, s = (n = !1) => {
-				let s = Hu(r.component, t), c = (t) => {
+				let s = Wu(r.component, t), c = (t) => {
 					if (!i) {
 						if (n && a && t && o(a, t)) {
 							e.next({ elements: [a] });
@@ -14190,12 +14208,12 @@ function Uu(e, t) {
 	}), r.wrapper;
 }
 function Z(e, t = {}, ...n) {
-	return t?.dependencies ? !t.dependencies.some(vn) && t.dependencies.every((e) => P(e) ? e() !== void 0 : e !== void 0) ? Vu(e, t, n) : new T((r) => {
+	return t?.dependencies ? !t.dependencies.some(vn) && t.dependencies.every((e) => P(e) ? e() !== void 0 : e !== void 0) ? Uu(e, t, n) : new T((r) => {
 		Wa(t.dependencies).then(() => {
-			let i = Vu(e, t, n);
+			let i = Uu(e, t, n);
 			r.next(i);
 		});
-	}) : Vu(e, t, n);
+	}) : Uu(e, t, n);
 }
 //#endregion
 //#region src/hooks/useProps.ts
@@ -14208,37 +14226,53 @@ var Q = (e, t = {}) => {
 	}
 	for (let e in t) e in n || (n[e] = Ma(t[e]) ? N(t[e]) : t[e]);
 	return n;
-}, Wu = (e) => P(e) ? e : N(e), Gu = (e) => {
+}, Ku = "__canvasEngineCallableSignalValue", qu = (e) => {
+	let t = N(e), n = (...e) => t()(...e);
+	return n[Ku] = t, n.set = t.set, n.freeze = t.freeze, n.unfreeze = t.unfreeze, n.mutate = t.mutate, n.update = t.update, n.observable = t.observable, n._subject = t._subject, Object.defineProperty(n, "_isFrozen", {
+		get: () => t._isFrozen,
+		set: (e) => {
+			t._isFrozen = e;
+		}
+	}), n;
+}, Ju = (e) => P(e) || kl(e) ? e : typeof e == "function" ? qu(e) : N(e), Yu = (e) => {
 	let t = {};
-	for (let n in e) t[n] = Wu(e[n]);
+	for (let n in e) t[n] = Ju(e[n]);
 	return t;
-}, Ku = (e) => (t) => {
+}, Xu = (e) => (t) => {
 	let n = P(e) ? e() : e, r = {};
 	for (let e in t) {
 		let i = t[e], a = n[e], o;
-		if (typeof i == "function") qu(e, a, [i]), o = a;
-		else if (Array.isArray(i)) qu(e, a, i), o = a;
+		if (typeof i == "function") ed(e, a, [i]), o = a;
+		else if (Array.isArray(i)) ed(e, a, i), o = a;
 		else if (i && typeof i == "object") {
 			if (i.required && a === void 0) throw Error(`Missing required prop: ${e}`);
-			if (i.type && qu(e, a, Array.isArray(i.type) ? i.type : [i.type]), i.validator && !i.validator(a, n)) throw Error(`Invalid prop: custom validation failed for prop "${e}"`);
+			if (i.type && ed(e, a, Array.isArray(i.type) ? i.type : [i.type]), i.validator && !i.validator(a, n)) throw Error(`Invalid prop: custom validation failed for prop "${e}"`);
 			o = a === void 0 && "default" in i ? typeof i.default == "function" ? i.default(n) : i.default : a;
 		}
-		r[e] = Wu(o);
+		r[e] = Ju(o);
 	}
 	let i = {
-		...Gu(n),
+		...Yu(n),
 		...r
 	};
 	return Iu?.(i), i;
-};
-function qu(e, t, n) {
+}, Zu = (e) => P(e) ? e() : e ?? {}, Qu = (e) => e?.[Ku] ? e : P(e) ? e() : e, $u = (e) => () => new Proxy({}, { get(t, n) {
+	if (typeof n == "string") return (...t) => {
+		let r = Qu(Zu(e)[n]);
+		if (r != null) {
+			if (typeof r != "function") throw Error(`Invalid emit handler: "${n}" must be a function`);
+			return r(...t);
+		}
+	};
+} });
+function ed(e, t, n) {
 	if (t == null) return;
 	let r = P(t) ? t() : t;
 	if (!n.some((e) => e === Number ? typeof r == "number" : e === String ? typeof r == "string" : e === Boolean ? typeof r == "boolean" : e === Function ? typeof r == "function" : e === Object ? typeof r == "object" : e === Array ? Array.isArray(r) : e === null ? r === null : r instanceof e)) throw Error(`Invalid prop: type check failed for prop "${e}". Expected ${n.map((e) => e.name).join(" or ")}`);
 }
 //#endregion
 //#region src/directives/ViewportFollow.ts
-var Ju = class extends k {
+var td = class extends k {
 	onInit(e) {}
 	onMount(e) {
 		this.onUpdate(e.props.viewportFollow, e);
@@ -14269,10 +14303,10 @@ var Ju = class extends k {
 		t && n && n.plugins.remove("follow");
 	}
 };
-A("viewportFollow", Ju);
+A("viewportFollow", td);
 //#endregion
 //#region src/directives/Sound.ts
-var Yu = [
+var nd = [
 	"load",
 	"loaderror",
 	"playerror",
@@ -14286,7 +14320,7 @@ var Yu = [
 	"seek",
 	"fade",
 	"unlock"
-], Xu = class extends k {
+], rd = class extends k {
 	constructor(...e) {
 		super(...e), this.sounds = [], this.eventsFn = [], this.maxVolume = 1, this.maxDistance = 100;
 	}
@@ -14303,7 +14337,7 @@ var Yu = [
 				loop: o,
 				volume: s
 			});
-			for (let e of Yu) {
+			for (let e of nd) {
 				if (!r[e]) continue;
 				let n = r[e];
 				this.eventsFn.push(n), t.on(e, n);
@@ -14331,13 +14365,13 @@ var Yu = [
 	onDestroy() {
 		this.sounds.forEach((e) => {
 			e.stop();
-			for (let t of Yu) {
+			for (let t of nd) {
 				let n = this.eventsFn.find((e) => e === this.eventsFn[t]);
 				n && e.off(t, n);
 			}
 		}), this.sounds = [], this.eventsFn = [], this.tickSubscription?.unsubscribe();
 	}
-}, Zu = class extends k {
+}, id = class extends k {
 	onMount(e) {
 		e.props.context.soundListenerPosition = e.propObservables?.soundListenerPosition;
 	}
@@ -14345,15 +14379,15 @@ var Yu = [
 	onUpdate(e) {}
 	onDestroy() {}
 };
-A("sound", Xu), A("soundListenerPosition", Zu);
+A("sound", rd), A("soundListenerPosition", id);
 //#endregion
 //#region src/hooks/addContext.ts
-var Qu = (e, t, n) => {
+var ad = (e, t, n) => {
 	e.props.context = {
 		...e.props.context ?? {},
 		[t]: n
 	};
-}, $u = class extends k {
+}, od = class extends k {
 	constructor(...e) {
 		super(...e), this.elementRef = null;
 	}
@@ -14361,13 +14395,13 @@ var Qu = (e, t, n) => {
 		this.elementRef = e;
 	}
 	onMount(e) {
-		Qu(e, "drop", e);
+		ad(e, "drop", e);
 	}
 	onUpdate() {}
 	onDestroy() {
 		this.elementRef = null;
 	}
-}, ed = class extends k {
+}, sd = class extends k {
 	constructor(...e) {
 		super(...e), this.elementRef = null, this.stageRef = null, this.offsetInParent = new y(), this.isDragging = !1, this.viewport = null, this.animationFrameId = null, this.lastPointerPosition = new y(), this.pressedKeys = /* @__PURE__ */ new Set(), this.pointerIsDown = !1, this.onDragMoveHandler = () => {}, this.onDragEndHandler = () => {}, this.onDragStartHandler = () => {}, this.onKeyDownHandler = () => {}, this.onKeyUpHandler = () => {}, this.subscriptions = [];
 	}
@@ -14462,10 +14496,10 @@ var Qu = (e, t, n) => {
 		e && e.off("pointerdown", this.onDragStartHandler), this.stageRef && (this.stageRef.off("pointermove", this.onDragMoveHandler), this.stageRef.off("pointerup", this.onDragEndHandler), this.stageRef.off("pointerupoutside", this.onDragEndHandler)), window.removeEventListener("keydown", this.onKeyDownHandler), window.removeEventListener("keyup", this.onKeyUpHandler), this.stageRef = null, this.viewport = null, this.pressedKeys.clear(), this.pointerIsDown = !1;
 	}
 };
-A("drag", ed), A("drop", $u);
+A("drag", sd), A("drop", od);
 //#endregion
 //#region src/directives/Transition.ts
-var td = class extends k {
+var cd = class extends k {
 	onInit(e) {}
 	onMount(e) {
 		let { image: t } = e.props.transition, n = new x(C.from(t));
@@ -14485,10 +14519,10 @@ var td = class extends k {
 	onUpdate(e) {}
 	onDestroy() {}
 };
-A("transition", td);
+A("transition", cd);
 //#endregion
 //#region src/directives/Shake.ts
-var nd = class extends k {
+var ld = class extends k {
 	constructor(...e) {
 		super(...e), this.elementRef = null, this.originalPosition = new y(), this.progressSignal = null, this.shakeSubscription = null, this.positionEffect = null, this.currentShakeConfig = null;
 	}
@@ -14547,10 +14581,10 @@ var nd = class extends k {
 		this.shakeSubscription &&= (this.shakeSubscription.unsubscribe(), null), this.elementRef = null;
 	}
 };
-A("shake", nd);
+A("shake", ld);
 //#endregion
 //#region src/directives/Flash.ts
-var rd = class extends k {
+var ud = class extends k {
 	constructor(...e) {
 		super(...e), this.elementRef = null, this.progressSignal = null, this.flashSubscription = null, this.alphaEffect = null, this.tintEffect = null, this.originalAlpha = 1, this.originalTint = 16777215, this.currentFlashConfig = null;
 	}
@@ -14635,10 +14669,10 @@ var rd = class extends k {
 		this.flashSubscription &&= null, this.elementRef = null;
 	}
 };
-A("flash", rd);
+A("flash", ud);
 //#endregion
 //#region src/directives/FogVisibility.ts
-var id = (e, t, n) => Math.max(t, Math.min(n, e)), ad = class extends k {
+var dd = (e, t, n) => Math.max(t, Math.min(n, e)), fd = class extends k {
 	constructor(...e) {
 		super(...e), this.elementRef = null, this.tickSubscription = null, this.sampleAccumulatorMs = 0, this.managesAlpha = !1;
 	}
@@ -14667,7 +14701,7 @@ var id = (e, t, n) => Math.max(t, Math.min(n, e)), ad = class extends k {
 		return e == null ? t : P(e) ? e() ?? t : e;
 	}
 	readOptions() {
-		let e = this.elementRef?.props?.fogVisibility, t = e?.value ?? e ?? {}, n = this.resolveSignalValue(t.controller, null), r = this.resolveSignalValue(t.mode, "visible"), i = id(Number(this.resolveSignalValue(t.threshold, .65)), 0, 1), a = this.resolveSignalValue(t.hideAs, "visible"), o = id(Number(this.resolveSignalValue(t.hiddenAlpha, 0)), 0, 1), s = id(Number(this.resolveSignalValue(t.sampleHz, 30)), 1, 240), c = t.point ? this.resolveSignalValue(t.point, void 0) : void 0;
+		let e = this.elementRef?.props?.fogVisibility, t = e?.value ?? e ?? {}, n = this.resolveSignalValue(t.controller, null), r = this.resolveSignalValue(t.mode, "visible"), i = dd(Number(this.resolveSignalValue(t.threshold, .65)), 0, 1), a = this.resolveSignalValue(t.hideAs, "visible"), o = dd(Number(this.resolveSignalValue(t.hiddenAlpha, 0)), 0, 1), s = dd(Number(this.resolveSignalValue(t.sampleHz, 30)), 1, 240), c = t.point ? this.resolveSignalValue(t.point, void 0) : void 0;
 		return {
 			controller: n && typeof n == "object" ? n : null,
 			mode: r,
@@ -14684,7 +14718,7 @@ var id = (e, t, n) => Math.max(t, Math.min(n, e)), ad = class extends k {
 	}
 	readBaseAlpha() {
 		let e = this.elementRef?.propObservables?.alpha ?? this.elementRef?.props?.alpha, t = Number(this.resolveSignalValue(e, 1));
-		return Number.isFinite(t) ? id(t, 0, 1) : 1;
+		return Number.isFinite(t) ? dd(t, 0, 1) : 1;
 	}
 	samplePoint(e) {
 		if (e.point && typeof e.point == "object") {
@@ -14728,15 +14762,15 @@ var id = (e, t, n) => Math.max(t, Math.min(n, e)), ad = class extends k {
 		t.visible = r && s, this.managesAlpha &&= (t.alpha = i, !1);
 	}
 };
-A("fogVisibility", ad);
+A("fogVisibility", fd);
 //#endregion
 //#region ../../node_modules/.pnpm/pixi-filters@6.1.5_pixi.js@8.9.2/node_modules/pixi-filters/lib/defaults/default2.mjs
-var od = "in vec2 aPosition;\nout vec2 vTextureCoord;\n\nuniform vec4 uInputSize;\nuniform vec4 uOutputFrame;\nuniform vec4 uOutputTexture;\n\nvec4 filterVertexPosition( void )\n{\n    vec2 position = aPosition * uOutputFrame.zw + uOutputFrame.xy;\n    \n    position.x = position.x * (2.0 / uOutputTexture.x) - 1.0;\n    position.y = position.y * (2.0*uOutputTexture.z / uOutputTexture.y) - uOutputTexture.z;\n\n    return vec4(position, 0.0, 1.0);\n}\n\nvec2 filterTextureCoord( void )\n{\n    return aPosition * (uOutputFrame.zw * uInputSize.zw);\n}\n\nvoid main(void)\n{\n    gl_Position = filterVertexPosition();\n    vTextureCoord = filterTextureCoord();\n}\n", sd = "struct GlobalFilterUniforms {\n  uInputSize:vec4<f32>,\n  uInputPixel:vec4<f32>,\n  uInputClamp:vec4<f32>,\n  uOutputFrame:vec4<f32>,\n  uGlobalFrame:vec4<f32>,\n  uOutputTexture:vec4<f32>,\n};\n\n@group(0) @binding(0) var<uniform> gfu: GlobalFilterUniforms;\n\nstruct VSOutput {\n    @builtin(position) position: vec4<f32>,\n    @location(0) uv : vec2<f32>\n  };\n\nfn filterVertexPosition(aPosition:vec2<f32>) -> vec4<f32>\n{\n    var position = aPosition * gfu.uOutputFrame.zw + gfu.uOutputFrame.xy;\n\n    position.x = position.x * (2.0 / gfu.uOutputTexture.x) - 1.0;\n    position.y = position.y * (2.0*gfu.uOutputTexture.z / gfu.uOutputTexture.y) - gfu.uOutputTexture.z;\n\n    return vec4(position, 0.0, 1.0);\n}\n\nfn filterTextureCoord( aPosition:vec2<f32> ) -> vec2<f32>\n{\n    return aPosition * (gfu.uOutputFrame.zw * gfu.uInputSize.zw);\n}\n\nfn globalTextureCoord( aPosition:vec2<f32> ) -> vec2<f32>\n{\n  return  (aPosition.xy / gfu.uGlobalFrame.zw) + (gfu.uGlobalFrame.xy / gfu.uGlobalFrame.zw);  \n}\n\nfn getSize() -> vec2<f32>\n{\n  return gfu.uGlobalFrame.zw;\n}\n  \n@vertex\nfn mainVertex(\n  @location(0) aPosition : vec2<f32>, \n) -> VSOutput {\n  return VSOutput(\n   filterVertexPosition(aPosition),\n   filterTextureCoord(aPosition)\n  );\n}", cd = "precision highp float;\nin vec2 vTextureCoord;\nout vec4 finalColor;\n\nuniform sampler2D uTexture;\nuniform vec2 uThickness;\nuniform vec3 uColor;\nuniform float uAlpha;\nuniform float uKnockout;\n\nuniform vec4 uInputClamp;\n\nconst float DOUBLE_PI = 2. * 3.14159265358979323846264;\nconst float ANGLE_STEP = ${ANGLE_STEP};\n\nfloat outlineMaxAlphaAtPos(vec2 pos) {\n    if (uThickness.x == 0. || uThickness.y == 0.) {\n        return 0.;\n    }\n\n    vec4 displacedColor;\n    vec2 displacedPos;\n    float maxAlpha = 0.;\n\n    for (float angle = 0.; angle <= DOUBLE_PI; angle += ANGLE_STEP) {\n        displacedPos.x = vTextureCoord.x + uThickness.x * cos(angle);\n        displacedPos.y = vTextureCoord.y + uThickness.y * sin(angle);\n        displacedColor = texture(uTexture, clamp(displacedPos, uInputClamp.xy, uInputClamp.zw));\n        maxAlpha = max(maxAlpha, displacedColor.a);\n    }\n\n    return maxAlpha;\n}\n\nvoid main(void) {\n    vec4 sourceColor = texture(uTexture, vTextureCoord);\n    vec4 contentColor = sourceColor * float(uKnockout < 0.5);\n    float outlineAlpha = uAlpha * outlineMaxAlphaAtPos(vTextureCoord.xy) * (1.-sourceColor.a);\n    vec4 outlineColor = vec4(vec3(uColor) * outlineAlpha, outlineAlpha);\n    finalColor = contentColor + outlineColor;\n}\n", ld = "struct OutlineUniforms {\n  uThickness:vec2<f32>,\n  uColor:vec3<f32>,\n  uAlpha:f32,\n  uAngleStep:f32,\n  uKnockout:f32,\n};\n\nstruct GlobalFilterUniforms {\n  uInputSize:vec4<f32>,\n  uInputPixel:vec4<f32>,\n  uInputClamp:vec4<f32>,\n  uOutputFrame:vec4<f32>,\n  uGlobalFrame:vec4<f32>,\n  uOutputTexture:vec4<f32>,\n};\n\n@group(0) @binding(0) var<uniform> gfu: GlobalFilterUniforms;\n\n@group(0) @binding(1) var uTexture: texture_2d<f32>; \n@group(0) @binding(2) var uSampler: sampler;\n@group(1) @binding(0) var<uniform> outlineUniforms : OutlineUniforms;\n\n@fragment\nfn mainFragment(\n  @builtin(position) position: vec4<f32>,\n  @location(0) uv : vec2<f32>\n) -> @location(0) vec4<f32> {\n  let sourceColor: vec4<f32> = textureSample(uTexture, uSampler, uv);\n  let contentColor: vec4<f32> = sourceColor * (1. - outlineUniforms.uKnockout);\n  \n  let outlineAlpha: f32 = outlineUniforms.uAlpha * outlineMaxAlphaAtPos(uv) * (1. - sourceColor.a);\n  let outlineColor: vec4<f32> = vec4<f32>(vec3<f32>(outlineUniforms.uColor) * outlineAlpha, outlineAlpha);\n  \n  return contentColor + outlineColor;\n}\n\nfn outlineMaxAlphaAtPos(uv: vec2<f32>) -> f32 {\n  let thickness = outlineUniforms.uThickness;\n\n  if (thickness.x == 0. || thickness.y == 0.) {\n    return 0.;\n  }\n  \n  let angleStep = outlineUniforms.uAngleStep;\n\n  var displacedColor: vec4<f32>;\n  var displacedPos: vec2<f32>;\n\n  var maxAlpha: f32 = 0.;\n  var displaced: vec2<f32>;\n  var curColor: vec4<f32>;\n\n  for (var angle = 0.; angle <= DOUBLE_PI; angle += angleStep)\n  {\n    displaced.x = uv.x + thickness.x * cos(angle);\n    displaced.y = uv.y + thickness.y * sin(angle);\n    curColor = textureSample(uTexture, uSampler, clamp(displaced, gfu.uInputClamp.xy, gfu.uInputClamp.zw));\n    maxAlpha = max(maxAlpha, curColor.a);\n  }\n\n  return maxAlpha;\n}\n\nconst DOUBLE_PI: f32 = 3.14159265358979323846264 * 2.;", ud = Object.defineProperty, dd = (e, t, n) => t in e ? ud(e, t, {
+var pd = "in vec2 aPosition;\nout vec2 vTextureCoord;\n\nuniform vec4 uInputSize;\nuniform vec4 uOutputFrame;\nuniform vec4 uOutputTexture;\n\nvec4 filterVertexPosition( void )\n{\n    vec2 position = aPosition * uOutputFrame.zw + uOutputFrame.xy;\n    \n    position.x = position.x * (2.0 / uOutputTexture.x) - 1.0;\n    position.y = position.y * (2.0*uOutputTexture.z / uOutputTexture.y) - uOutputTexture.z;\n\n    return vec4(position, 0.0, 1.0);\n}\n\nvec2 filterTextureCoord( void )\n{\n    return aPosition * (uOutputFrame.zw * uInputSize.zw);\n}\n\nvoid main(void)\n{\n    gl_Position = filterVertexPosition();\n    vTextureCoord = filterTextureCoord();\n}\n", md = "struct GlobalFilterUniforms {\n  uInputSize:vec4<f32>,\n  uInputPixel:vec4<f32>,\n  uInputClamp:vec4<f32>,\n  uOutputFrame:vec4<f32>,\n  uGlobalFrame:vec4<f32>,\n  uOutputTexture:vec4<f32>,\n};\n\n@group(0) @binding(0) var<uniform> gfu: GlobalFilterUniforms;\n\nstruct VSOutput {\n    @builtin(position) position: vec4<f32>,\n    @location(0) uv : vec2<f32>\n  };\n\nfn filterVertexPosition(aPosition:vec2<f32>) -> vec4<f32>\n{\n    var position = aPosition * gfu.uOutputFrame.zw + gfu.uOutputFrame.xy;\n\n    position.x = position.x * (2.0 / gfu.uOutputTexture.x) - 1.0;\n    position.y = position.y * (2.0*gfu.uOutputTexture.z / gfu.uOutputTexture.y) - gfu.uOutputTexture.z;\n\n    return vec4(position, 0.0, 1.0);\n}\n\nfn filterTextureCoord( aPosition:vec2<f32> ) -> vec2<f32>\n{\n    return aPosition * (gfu.uOutputFrame.zw * gfu.uInputSize.zw);\n}\n\nfn globalTextureCoord( aPosition:vec2<f32> ) -> vec2<f32>\n{\n  return  (aPosition.xy / gfu.uGlobalFrame.zw) + (gfu.uGlobalFrame.xy / gfu.uGlobalFrame.zw);  \n}\n\nfn getSize() -> vec2<f32>\n{\n  return gfu.uGlobalFrame.zw;\n}\n  \n@vertex\nfn mainVertex(\n  @location(0) aPosition : vec2<f32>, \n) -> VSOutput {\n  return VSOutput(\n   filterVertexPosition(aPosition),\n   filterTextureCoord(aPosition)\n  );\n}", hd = "precision highp float;\nin vec2 vTextureCoord;\nout vec4 finalColor;\n\nuniform sampler2D uTexture;\nuniform vec2 uThickness;\nuniform vec3 uColor;\nuniform float uAlpha;\nuniform float uKnockout;\n\nuniform vec4 uInputClamp;\n\nconst float DOUBLE_PI = 2. * 3.14159265358979323846264;\nconst float ANGLE_STEP = ${ANGLE_STEP};\n\nfloat outlineMaxAlphaAtPos(vec2 pos) {\n    if (uThickness.x == 0. || uThickness.y == 0.) {\n        return 0.;\n    }\n\n    vec4 displacedColor;\n    vec2 displacedPos;\n    float maxAlpha = 0.;\n\n    for (float angle = 0.; angle <= DOUBLE_PI; angle += ANGLE_STEP) {\n        displacedPos.x = vTextureCoord.x + uThickness.x * cos(angle);\n        displacedPos.y = vTextureCoord.y + uThickness.y * sin(angle);\n        displacedColor = texture(uTexture, clamp(displacedPos, uInputClamp.xy, uInputClamp.zw));\n        maxAlpha = max(maxAlpha, displacedColor.a);\n    }\n\n    return maxAlpha;\n}\n\nvoid main(void) {\n    vec4 sourceColor = texture(uTexture, vTextureCoord);\n    vec4 contentColor = sourceColor * float(uKnockout < 0.5);\n    float outlineAlpha = uAlpha * outlineMaxAlphaAtPos(vTextureCoord.xy) * (1.-sourceColor.a);\n    vec4 outlineColor = vec4(vec3(uColor) * outlineAlpha, outlineAlpha);\n    finalColor = contentColor + outlineColor;\n}\n", gd = "struct OutlineUniforms {\n  uThickness:vec2<f32>,\n  uColor:vec3<f32>,\n  uAlpha:f32,\n  uAngleStep:f32,\n  uKnockout:f32,\n};\n\nstruct GlobalFilterUniforms {\n  uInputSize:vec4<f32>,\n  uInputPixel:vec4<f32>,\n  uInputClamp:vec4<f32>,\n  uOutputFrame:vec4<f32>,\n  uGlobalFrame:vec4<f32>,\n  uOutputTexture:vec4<f32>,\n};\n\n@group(0) @binding(0) var<uniform> gfu: GlobalFilterUniforms;\n\n@group(0) @binding(1) var uTexture: texture_2d<f32>; \n@group(0) @binding(2) var uSampler: sampler;\n@group(1) @binding(0) var<uniform> outlineUniforms : OutlineUniforms;\n\n@fragment\nfn mainFragment(\n  @builtin(position) position: vec4<f32>,\n  @location(0) uv : vec2<f32>\n) -> @location(0) vec4<f32> {\n  let sourceColor: vec4<f32> = textureSample(uTexture, uSampler, uv);\n  let contentColor: vec4<f32> = sourceColor * (1. - outlineUniforms.uKnockout);\n  \n  let outlineAlpha: f32 = outlineUniforms.uAlpha * outlineMaxAlphaAtPos(uv) * (1. - sourceColor.a);\n  let outlineColor: vec4<f32> = vec4<f32>(vec3<f32>(outlineUniforms.uColor) * outlineAlpha, outlineAlpha);\n  \n  return contentColor + outlineColor;\n}\n\nfn outlineMaxAlphaAtPos(uv: vec2<f32>) -> f32 {\n  let thickness = outlineUniforms.uThickness;\n\n  if (thickness.x == 0. || thickness.y == 0.) {\n    return 0.;\n  }\n  \n  let angleStep = outlineUniforms.uAngleStep;\n\n  var displacedColor: vec4<f32>;\n  var displacedPos: vec2<f32>;\n\n  var maxAlpha: f32 = 0.;\n  var displaced: vec2<f32>;\n  var curColor: vec4<f32>;\n\n  for (var angle = 0.; angle <= DOUBLE_PI; angle += angleStep)\n  {\n    displaced.x = uv.x + thickness.x * cos(angle);\n    displaced.y = uv.y + thickness.y * sin(angle);\n    curColor = textureSample(uTexture, uSampler, clamp(displaced, gfu.uInputClamp.xy, gfu.uInputClamp.zw));\n    maxAlpha = max(maxAlpha, curColor.a);\n  }\n\n  return maxAlpha;\n}\n\nconst DOUBLE_PI: f32 = 3.14159265358979323846264 * 2.;", _d = Object.defineProperty, vd = (e, t, n) => t in e ? _d(e, t, {
 	enumerable: !0,
 	configurable: !0,
 	writable: !0,
 	value: n
-}) : e[t] = n, fd = (e, t, n) => (dd(e, typeof t == "symbol" ? t : t + "", n), n), pd = class e extends l {
+}) : e[t] = n, yd = (e, t, n) => (vd(e, typeof t == "symbol" ? t : t + "", n), n), bd = class e extends l {
 	constructor(...t) {
 		let n = t[0] ?? {};
 		typeof n == "number" && (re("6.0.0", "OutlineFilter constructor params are now options object. See params: { thickness, color, quality, alpha, knockout }"), n = { thickness: n }, t[1] !== void 0 && (n.color = t[1]), t[2] !== void 0 && (n.quality = t[2]), t[3] !== void 0 && (n.alpha = t[3]), t[4] !== void 0 && (n.knockout = t[4])), n = {
@@ -14745,16 +14779,16 @@ var od = "in vec2 aPosition;\nout vec2 vTextureCoord;\n\nuniform vec4 uInputSize
 		};
 		let r = n.quality ?? .1, a = f.from({
 			vertex: {
-				source: sd,
+				source: md,
 				entryPoint: "mainVertex"
 			},
 			fragment: {
-				source: ld,
+				source: gd,
 				entryPoint: "mainFragment"
 			}
 		}), o = d.from({
-			vertex: od,
-			fragment: cd.replace(/\$\{ANGLE_STEP\}/, e.getAngleStep(r).toFixed(7)),
+			vertex: pd,
+			fragment: hd.replace(/\$\{ANGLE_STEP\}/, e.getAngleStep(r).toFixed(7)),
 			name: "outline-filter"
 		});
 		super({
@@ -14782,7 +14816,7 @@ var od = "in vec2 aPosition;\nout vec2 vTextureCoord;\n\nuniform vec4 uInputSize
 					type: "f32"
 				}
 			} }
-		}), fd(this, "uniforms"), fd(this, "_thickness"), fd(this, "_quality"), fd(this, "_color"), this.uniforms = this.resources.outlineUniforms.uniforms, this.uniforms.uAngleStep = e.getAngleStep(r), this._color = new i(), this.color = n.color ?? 0, Object.assign(this, n);
+		}), yd(this, "uniforms"), yd(this, "_thickness"), yd(this, "_quality"), yd(this, "_color"), this.uniforms = this.resources.outlineUniforms.uniforms, this.uniforms.uAngleStep = e.getAngleStep(r), this._color = new i(), this.color = n.color ?? 0, Object.assign(this, n);
 	}
 	apply(e, t, n, r) {
 		this.uniforms.uThickness[0] = this.thickness / t.source.width, this.uniforms.uThickness[1] = this.thickness / t.source.height, e.applyFilter(this, t, n, r);
@@ -14823,25 +14857,25 @@ var od = "in vec2 aPosition;\nout vec2 vTextureCoord;\n\nuniform vec4 uInputSize
 		this.uniforms.uKnockout = +!!e;
 	}
 };
-fd(pd, "DEFAULT_OPTIONS", {
+yd(bd, "DEFAULT_OPTIONS", {
 	thickness: 1,
 	color: 0,
 	alpha: 1,
 	quality: .1,
 	knockout: !1
-}), fd(pd, "MIN_SAMPLES", 1), fd(pd, "MAX_SAMPLES", 100);
-var md = pd, $ = (e, t) => e === void 0 ? t : P(e) ? e() : e, hd = (e) => {
+}), yd(bd, "MIN_SAMPLES", 1), yd(bd, "MAX_SAMPLES", 100);
+var xd = bd, $ = (e, t) => e === void 0 ? t : P(e) ? e() : e, Sd = (e) => {
 	if (e !== void 0) return P(e) ? e() : e;
-}, gd = (e) => e === void 0 ? [] : Array.isArray(e) ? e : [e], _d = (e) => {
+}, Cd = (e) => e === void 0 ? [] : Array.isArray(e) ? e : [e], wd = (e) => {
 	let t = e.filters;
 	return t ? Array.isArray(t) ? [...t] : [t] : [];
-}, vd = (e, t) => {
+}, Td = (e, t) => {
 	e.filters = t.length > 0 ? t : [];
-}, yd = (e) => {
-	let t = hd(e);
+}, Ed = (e) => {
+	let t = Sd(e);
 	return L(t) ? t.componentInstance ?? null : t instanceof a || t && typeof t == "object" && typeof t.getBounds == "function" ? t : null;
-}, bd = (e) => new b(e?.x ?? 0, e?.y ?? 0, e?.width ?? 0, e?.height ?? 0), xd = (e, t = "bounds") => {
-	let n = bd(typeof e.getBounds == "function" ? e.getBounds() : {
+}, Dd = (e) => new b(e?.x ?? 0, e?.y ?? 0, e?.width ?? 0, e?.height ?? 0), Od = (e, t = "bounds") => {
+	let n = Dd(typeof e.getBounds == "function" ? e.getBounds() : {
 		x: e.x ?? 0,
 		y: e.y ?? 0,
 		width: e.width ?? 0,
@@ -14850,21 +14884,21 @@ var md = pd, $ = (e, t) => e === void 0 ? t : P(e) ? e() : e, hd = (e) => {
 	if (t !== "hitbox" || !e.hitbox) return n;
 	let r = e.hitbox;
 	return new b(n.x + Math.max(0, (n.width - r.w) / 2), n.y + Math.max(0, n.height - r.h), r.w, r.h);
-}, Sd = (e, t) => {
+}, kd = (e, t) => {
 	let n = Math.max(e.x, t.x), r = Math.max(e.y, t.y), i = Math.min(e.x + e.width, t.x + t.width), a = Math.min(e.y + e.height, t.y + t.height), o = i - n, s = a - r;
 	return o <= 0 || s <= 0 ? null : new b(n, r, o, s);
-}, Cd = (e, t) => {
+}, Ad = (e, t) => {
 	e.rect(t.x, t.y, t.width, t.height), e.fill(16777215);
-}, wd = (e, t) => {
+}, jd = (e, t) => {
 	t.parent !== e.parent && (t.parent && t.parent.removeChild(t), e.parent?.addChild(t));
-}, Td = (e, t, n = !1) => {
+}, Md = (e, t, n = !1) => {
 	e && (typeof e.setMask == "function" ? (t ?? (e.mask = null), e.setMask({
 		mask: t ?? null,
 		inverse: n
 	})) : e.mask = t ?? null);
-}, Ed = (e, t) => {
-	Td(e, t ?? null);
-}, Dd = (e, t) => {
+}, Nd = (e, t) => {
+	Md(e, t ?? null);
+}, Pd = (e, t) => {
 	let n = {
 		x: t.x ?? t.position?.x ?? 0,
 		y: t.y ?? t.position?.y ?? 0
@@ -14879,11 +14913,11 @@ var md = pd, $ = (e, t) => e === void 0 ? t : P(e) ? e() : e, hd = (e) => {
 		x: 0,
 		y: 0
 	}), e.rotation = t.rotation ?? 0;
-}, Od = (e, t, n) => {
-	Dd(e, t);
+}, Fd = (e, t, n) => {
+	Pd(e, t);
 	let r = t.texture?.orig?.width ?? t.texture?.width ?? t.width ?? n.width, i = t.texture?.orig?.height ?? t.texture?.height ?? t.height ?? n.height, a = t.width || r || 1, o = t.height || i || 1, s = t.anchor?.x ?? 0, c = t.anchor?.y ?? 0;
-	Cd(e, new b(-s * r + n.x * r / a, -c * i + n.y * i / o, n.width * r / a, n.height * i / o));
-}, kd = class extends k {
+	Ad(e, new b(-s * r + n.x * r / a, -c * i + n.y * i / o, n.width * r / a, n.height * i / o));
+}, Id = class extends k {
 	constructor(...e) {
 		super(...e), this.elementRef = null, this.filter = null, this.updateEffect = null;
 	}
@@ -14902,7 +14936,7 @@ var md = pd, $ = (e, t) => e === void 0 ? t : P(e) ? e() : e, hd = (e) => {
 		this.removeFilter(), this.updateEffect?.subscription.unsubscribe(), this.updateEffect = null, this.elementRef = null;
 	}
 	get props() {
-		let e = hd(this.elementRef?.props.outline);
+		let e = Sd(this.elementRef?.props.outline);
 		return e === !0 ? {} : e === !1 ? { enabled: !1 } : e ?? {};
 	}
 	apply() {
@@ -14913,18 +14947,18 @@ var md = pd, $ = (e, t) => e === void 0 ? t : P(e) ? e() : e, hd = (e) => {
 			this.removeFilter();
 			return;
 		}
-		this.filter || (this.filter = new md({
+		this.filter || (this.filter = new xd({
 			thickness: $(t.thickness, 1),
 			color: $(t.color, 16777215),
 			quality: $(t.quality, .1),
 			alpha: $(t.alpha, 1)
-		}), vd(e, [..._d(e), this.filter])), this.filter.thickness = $(t.thickness, 1), this.filter.color = $(t.color, 16777215), this.filter.quality = $(t.quality, .1), this.filter.alpha = $(t.alpha, 1);
+		}), Td(e, [...wd(e), this.filter])), this.filter.thickness = $(t.thickness, 1), this.filter.color = $(t.color, 16777215), this.filter.quality = $(t.quality, .1), this.filter.alpha = $(t.alpha, 1);
 	}
 	removeFilter() {
 		let e = this.elementRef?.componentInstance;
-		!e || !this.filter || (vd(e, _d(e).filter((e) => e !== this.filter)), this.filter = null);
+		!e || !this.filter || (Td(e, wd(e).filter((e) => e !== this.filter)), this.filter = null);
 	}
-}, Ad = class extends k {
+}, Ld = class extends k {
 	constructor(...e) {
 		super(...e), this.elementRef = null, this.maskGraphics = null, this.previousMask = null, this.tickSubscription = null, this.updateEffect = null;
 	}
@@ -14943,28 +14977,28 @@ var md = pd, $ = (e, t) => e === void 0 ? t : P(e) ? e() : e, hd = (e) => {
 	}
 	onDestroy() {
 		let e = this.elementRef?.componentInstance;
-		e && this.maskGraphics && Ed(e, this.previousMask), this.maskGraphics?.parent && this.maskGraphics.parent.removeChild(this.maskGraphics), this.maskGraphics?.destroy(), this.maskGraphics = null, this.previousMask = null, this.tickSubscription?.unsubscribe(), this.tickSubscription = null, this.updateEffect?.subscription.unsubscribe(), this.updateEffect = null, this.elementRef = null;
+		e && this.maskGraphics && Nd(e, this.previousMask), this.maskGraphics?.parent && this.maskGraphics.parent.removeChild(this.maskGraphics), this.maskGraphics?.destroy(), this.maskGraphics = null, this.previousMask = null, this.tickSubscription?.unsubscribe(), this.tickSubscription = null, this.updateEffect?.subscription.unsubscribe(), this.updateEffect = null, this.elementRef = null;
 	}
 	get props() {
-		return hd(this.elementRef?.props.clip) ?? null;
+		return Sd(this.elementRef?.props.clip) ?? null;
 	}
 	apply() {
 		let e = this.elementRef?.componentInstance, t = this.props;
 		if (!e || !e.parent || !t?.shape) return;
 		if (!$(t.enabled, !0)) {
-			this.maskGraphics && (Ed(e, this.previousMask), this.maskGraphics.clear());
+			this.maskGraphics && (Nd(e, this.previousMask), this.maskGraphics.clear());
 			return;
 		}
-		this.maskGraphics || (this.maskGraphics = new p(), this.previousMask = e.mask ?? null), wd(e, this.maskGraphics), this.maskGraphics.clear();
+		this.maskGraphics || (this.maskGraphics = new p(), this.previousMask = e.mask ?? null), jd(e, this.maskGraphics), this.maskGraphics.clear();
 		let n = t.shape;
 		if (n.type === "rect") {
 			let t = new b($(n.x, 0), $(n.y, 0), $(n.width, 0), $(n.height, 0));
-			Od(this.maskGraphics, e, t);
+			Fd(this.maskGraphics, e, t);
 		}
 		let r = $(t.mode, "keep") === "hide";
-		Td(e, this.maskGraphics, r);
+		Md(e, this.maskGraphics, r);
 	}
-}, jd = class extends k {
+}, Rd = class extends k {
 	constructor(...e) {
 		super(...e), this.elementRef = null, this.maskGraphics = null, this.ghostSprite = null, this.tickSubscription = null, this.updateEffect = null;
 	}
@@ -14982,10 +15016,10 @@ var md = pd, $ = (e, t) => e === void 0 ? t : P(e) ? e() : e, hd = (e) => {
 		this.apply();
 	}
 	onDestroy() {
-		Ed(this.ghostSprite, null), this.ghostSprite?.parent && this.ghostSprite.parent.removeChild(this.ghostSprite), this.ghostSprite?.destroy(), this.maskGraphics?.parent && this.maskGraphics.parent.removeChild(this.maskGraphics), this.maskGraphics?.destroy(), this.maskGraphics = null, this.ghostSprite = null, this.tickSubscription?.unsubscribe(), this.tickSubscription = null, this.updateEffect?.subscription.unsubscribe(), this.updateEffect = null, this.elementRef = null;
+		Nd(this.ghostSprite, null), this.ghostSprite?.parent && this.ghostSprite.parent.removeChild(this.ghostSprite), this.ghostSprite?.destroy(), this.maskGraphics?.parent && this.maskGraphics.parent.removeChild(this.maskGraphics), this.maskGraphics?.destroy(), this.maskGraphics = null, this.ghostSprite = null, this.tickSubscription?.unsubscribe(), this.tickSubscription = null, this.updateEffect?.subscription.unsubscribe(), this.updateEffect = null, this.elementRef = null;
 	}
 	get props() {
-		return hd(this.elementRef?.props.occlusion) ?? null;
+		return Sd(this.elementRef?.props.occlusion) ?? null;
 	}
 	apply() {
 		let e = this.elementRef?.componentInstance, t = this.props;
@@ -14998,13 +15032,13 @@ var md = pd, $ = (e, t) => e === void 0 ? t : P(e) ? e() : e, hd = (e) => {
 			if (!e.texture) return;
 			this.maskGraphics = new p(), this.ghostSprite = new x(e.texture);
 		}
-		wd(e, this.maskGraphics), this.ghostSprite.parent !== e.parent && (this.ghostSprite.parent && this.ghostSprite.parent.removeChild(this.ghostSprite), e.parent?.addChild(this.ghostSprite)), this.maskGraphics.clear(), this.ghostSprite.texture = e.texture, this.ghostSprite.width = e.width, this.ghostSprite.height = e.height, this.ghostSprite.visible = !1, this.ghostSprite.alpha = $(t.alpha, .35), Dd(this.ghostSprite, e), e.anchor && this.ghostSprite.anchor && this.ghostSprite.anchor.copyFrom(e.anchor);
-		let n = $(t.bounds, "bounds"), r = $(t.padding, 0), i = xd(e, n), a = !1, o = e.zIndex ?? 0;
-		for (let s of gd(hd(t.obstacles))) {
-			let t = yd(s);
+		jd(e, this.maskGraphics), this.ghostSprite.parent !== e.parent && (this.ghostSprite.parent && this.ghostSprite.parent.removeChild(this.ghostSprite), e.parent?.addChild(this.ghostSprite)), this.maskGraphics.clear(), this.ghostSprite.texture = e.texture, this.ghostSprite.width = e.width, this.ghostSprite.height = e.height, this.ghostSprite.visible = !1, this.ghostSprite.alpha = $(t.alpha, .35), Pd(this.ghostSprite, e), e.anchor && this.ghostSprite.anchor && this.ghostSprite.anchor.copyFrom(e.anchor);
+		let n = $(t.bounds, "bounds"), r = $(t.padding, 0), i = Od(e, n), a = !1, o = e.zIndex ?? 0;
+		for (let s of Cd(Sd(t.obstacles))) {
+			let t = Ed(s);
 			if (!t) continue;
 			o = Math.max(o, t.zIndex ?? 0);
-			let c = Sd(i, xd(t, n));
+			let c = kd(i, Od(t, n));
 			if (!c) continue;
 			a = !0;
 			let l = e.parent?.toLocal?.({
@@ -15014,15 +15048,15 @@ var md = pd, $ = (e, t) => e === void 0 ? t : P(e) ? e() : e, hd = (e) => {
 				x: c.x - r,
 				y: c.y - r
 			};
-			Cd(this.maskGraphics, new b(l.x, l.y, c.width + r * 2, c.height + r * 2));
+			Ad(this.maskGraphics, new b(l.x, l.y, c.width + r * 2, c.height + r * 2));
 		}
-		a ? (this.ghostSprite.visible = !0, this.ghostSprite.zIndex = $(t.zIndex, o + 1), Td(this.ghostSprite, this.maskGraphics, !1)) : (this.ghostSprite.visible = !1, Ed(this.ghostSprite, null));
+		a ? (this.ghostSprite.visible = !0, this.ghostSprite.zIndex = $(t.zIndex, o + 1), Md(this.ghostSprite, this.maskGraphics, !1)) : (this.ghostSprite.visible = !1, Nd(this.ghostSprite, null));
 	}
 };
-A("outline", kd), A("clip", Ad), A("occlusion", jd);
+A("outline", Id), A("clip", Ld), A("occlusion", Rd);
 //#endregion
 //#region src/engine/bootstrap.ts
-var Md = async (e, n, r) => {
+var zd = async (e, n, r) => {
 	let { components: i, autoRegister: a, enableLayout: o, ...s } = r ?? {};
 	o !== !1 && await import("./dist-BOOc43Qm.js"), i ? (a !== !1 && Ha(), Object.entries(i).forEach(([e, t]) => {
 		R(e, t);
@@ -15067,13 +15101,13 @@ var Md = async (e, n, r) => {
 };
 //#endregion
 //#region src/hooks/useFocus.ts
-function Nd(e) {
+function Bd(e) {
 	return X.getCurrentIndexSignal(e);
 }
-function Pd(e) {
+function Vd(e) {
 	return X.getFocusedElementSignal(e);
 }
-function Fd(e, t) {
+function Hd(e, t) {
 	let n = X.getCurrentIndexSignal(e), r = X.getFocusedElementSignal(e);
 	if (!n || !r) return console.warn(`FocusContainer with id "${e}" not found`), () => {};
 	let i = I(() => {
@@ -15085,7 +15119,7 @@ function Fd(e, t) {
 }
 //#endregion
 //#region src/utils/Ease.ts
-var Id = {
+var Ud = {
 	linear: Mi,
 	easeIn: Ni,
 	easeInOut: Fi,
@@ -15100,7 +15134,7 @@ var Id = {
 	bounceIn: qi,
 	bounceInOut: Ji,
 	bounceOut: Ki
-}, Ld = class {
+}, Wd = class {
 	constructor(e, t, n, r, i, a, s = 0) {
 		this.x0 = e, this.y0 = t, this.x1 = n, this.y1 = r, this.x2 = i, this.y2 = a, this.focalPoint = s, this.gradient = null, this.texture = null, this.size = 600, this.size = e;
 		let c = this.size * .5;
@@ -15128,7 +15162,7 @@ var Id = {
 };
 //#endregion
 //#region src/utils/tabindex.ts
-function Rd(e) {
+function Gd(e) {
 	if ("count" in e) {
 		let t = e.count();
 		if (!Number.isFinite(t) || t <= 0) return null;
@@ -15146,7 +15180,7 @@ function Rd(e) {
 		size: n - t + 1
 	};
 }
-function zd(e, t, n, r) {
+function Kd(e, t, n, r) {
 	if (r === "clamp") return Math.min(n.max, Math.max(n.min, e));
 	if (r === "none") return e < n.min || e > n.max ? t : e;
 	let i = n.size;
@@ -15154,11 +15188,11 @@ function zd(e, t, n, r) {
 	let a = ((e - n.min) % i + i) % i;
 	return n.min + a;
 }
-function Bd(e, t, n = "wrap") {
+function qd(e, t, n = "wrap") {
 	let r = (r) => {
-		let i = e(), a = Rd(t);
+		let i = e(), a = Gd(t);
 		if (!a) return;
-		let o = zd(r, i, a, n);
+		let o = Kd(r, i, a, n);
 		o !== i && e.set(o);
 	};
 	return {
@@ -15167,7 +15201,7 @@ function Bd(e, t, n = "wrap") {
 	};
 }
 //#endregion
-var Vd = fs.Howler;
-export { ir as ArraySubject, Du as Button, J as ButtonState, Qa as Canvas, ao as Circle, Ad as Clip, eo as Container, jn as ControlsBase, Ja as ControlsDirective, wu as DOMContainer, Cu as DOMElement, Eu as DOMSprite, U as DisplayObject, ed as Drag, $u as Drop, Xa as EVENTS, Id as Easing, oo as Ellipse, rd as Flash, Au as FocusContainer, ku as FocusManager, ad as FogVisibility, Qn as GamepadControls, to as Graphics, fs as Howl, Vd as Howler, Mn as Input, Ou as Joystick, er as JoystickControls, Fn as KeyboardControls, fo as Mesh, ju as Navigation, bu as NineSliceSprite, or as ObjectSubject, jd as Occlusion, kd as Outline, ds as ParticlesEmitter, Ld as RadialGradient, io as Rect, po as Scene, Ya as Scheduler, nd as Shake, Xu as Sound, gs as Sprite, co as Svg, Nl as Text, Pl as TilingSprite, td as Transition, so as Triangle, mn as Utils, _s as Video, yu as Viewport, Ju as ViewportFollow, Da as animatedSequence, Ea as animatedSignal, Md as bootstrapCanvas, Ua as checkDependencies, F as computed, qa as cond, V as createComponent, Uu as createHotComponent, Bd as createTabindexNavigator, Iu as currentDefinePropsTracker, Fu as currentSubscriptionsTracker, B as destroyElement, I as effect, X as focusManager, Z as h, Ta as isAnimatedSignal, ar as isArraySubject, lr as isComputed, L as isElement, z as isElementFrozen, sr as isObjectSubject, Kt as isObservable, Ma as isPrimitive, P as isSignal, kl as isTrigger, ur as linkedSignal, Ka as loop, zu as mount, Lu as mountTracker, jl as on, Ha as registerAllComponents, R as registerComponent, N as signal, Bu as tick, Al as trigger, dr as untracked, Ku as useDefineProps, Fd as useFocusChange, Nd as useFocusIndex, Pd as useFocusedElement, Q as useProps, Wa as waitForDependencies };
+var Jd = fs.Howler;
+export { ir as ArraySubject, Du as Button, J as ButtonState, Qa as Canvas, ao as Circle, Ld as Clip, eo as Container, jn as ControlsBase, Ja as ControlsDirective, wu as DOMContainer, Cu as DOMElement, Eu as DOMSprite, U as DisplayObject, sd as Drag, od as Drop, Xa as EVENTS, Ud as Easing, oo as Ellipse, ud as Flash, Au as FocusContainer, ku as FocusManager, fd as FogVisibility, Qn as GamepadControls, to as Graphics, fs as Howl, Jd as Howler, Mn as Input, Ou as Joystick, er as JoystickControls, Fn as KeyboardControls, fo as Mesh, ju as Navigation, bu as NineSliceSprite, or as ObjectSubject, Rd as Occlusion, Id as Outline, ds as ParticlesEmitter, Wd as RadialGradient, io as Rect, po as Scene, Ya as Scheduler, ld as Shake, rd as Sound, gs as Sprite, co as Svg, Nl as Text, Pl as TilingSprite, cd as Transition, so as Triangle, mn as Utils, _s as Video, yu as Viewport, td as ViewportFollow, Da as animatedSequence, Ea as animatedSignal, zd as bootstrapCanvas, Ua as checkDependencies, F as computed, qa as cond, V as createComponent, Gu as createHotComponent, qd as createTabindexNavigator, Iu as currentDefinePropsTracker, Fu as currentSubscriptionsTracker, B as destroyElement, I as effect, X as focusManager, Z as h, Ta as isAnimatedSignal, ar as isArraySubject, lr as isComputed, L as isElement, z as isElementFrozen, sr as isObjectSubject, Kt as isObservable, Ma as isPrimitive, P as isSignal, kl as isTrigger, ur as linkedSignal, Ka as loop, Vu as mount, Lu as mountTracker, jl as on, Ha as registerAllComponents, R as registerComponent, N as signal, Hu as tick, Al as trigger, dr as untracked, $u as useDefineEmits, Xu as useDefineProps, Hd as useFocusChange, Bd as useFocusIndex, Vd as useFocusedElement, Q as useProps, Wa as waitForDependencies };
 
 //# sourceMappingURL=index.js.map