vue-phaserjs 4.3.3 → 4.5.0

package/dist/index.js

@@ -1,29 +1,47 @@
-import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, defineComponent, getCurrentInstance, inject, nextTick, onMounted, onUnmounted, openBlock, provide, ref, renderSlot, shallowRef, toValue, useTemplateRef, watch } from "vue";
-import { ID_SEPARATOR, InvalidOperationError, NotFoundError, NotInitializedError, Operation, getOrCreate, takeOne, toKebabCase } from "@esposter/shared";
+import { ID_SEPARATOR, InvalidOperationError, NotFoundError, NotInitializedError, Operation, getOrCreate, getResult, takeOne, toKebabCase } from "@esposter/shared";
 import ClickOutside from "phaser4-rex-plugins/plugins/clickoutside.js";
+import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, getCurrentInstance, getCurrentScope, inject, markRaw, nextTick, onMounted, onScopeDispose, onUnmounted, openBlock, provide, ref, renderSlot, shallowRef, toValue, useTemplateRef, watch } from "vue";
 import { Cameras, Core, Game, Loader, Scene, Scenes, Tilemaps, Tweens, Utils } from "phaser";
 import { defineStore, storeToRefs } from "pinia";
 import { parseTileset } from "parse-tmx";
+// src/models/emit/GameObjectEvent.ts
+let GameObjectEvent = /* @__PURE__ */ function(GameObjectEvent) {
+	GameObjectEvent["Clickoutside"] = "clickoutside";
+	GameObjectEvent["Drag"] = "drag";
+	GameObjectEvent["Dragend"] = "dragend";
+	GameObjectEvent["Dragenter"] = "dragenter";
+	GameObjectEvent["Dragleave"] = "dragleave";
+	GameObjectEvent["Dragover"] = "dragover";
+	GameObjectEvent["Dragstart"] = "dragstart";
+	GameObjectEvent["Drop"] = "drop";
+	GameObjectEvent["Pointerdown"] = "pointerdown";
+	GameObjectEvent["Pointermove"] = "pointermove";
+	GameObjectEvent["Pointerout"] = "pointerout";
+	GameObjectEvent["Pointerover"] = "pointerover";
+	GameObjectEvent["Pointerup"] = "pointerup";
+	GameObjectEvent["Wheel"] = "wheel";
+	return GameObjectEvent;
+}({});
 // src/services/emit/constants.ts
 const EVENT_PREFIX = "on";
 // src/services/emit/checkIsEvent.ts
 const checkIsEvent = (property) => property.startsWith("on");
 // src/services/emit/GameObjectEventMap.ts
 const GameObjectEventMap = {
-	clickoutside: {},
-	drag: { drag: true },
-	dragend: { drag: true },
-	dragenter: { drag: true },
-	dragleave: { drag: true },
-	dragover: { drag: true },
-	dragstart: { drag: true },
-	drop: { drag: true },
-	pointerdown: { eventIndex: 3 },
-	pointermove: { eventIndex: 3 },
-	pointerout: { eventIndex: 1 },
-	pointerover: { eventIndex: 3 },
-	pointerup: { eventIndex: 3 },
-	wheel: { eventIndex: 4 }
+	["clickoutside"]: {},
+	["drag"]: { drag: true },
+	["dragend"]: { drag: true },
+	["dragenter"]: { drag: true },
+	["dragleave"]: { drag: true },
+	["dragover"]: { drag: true },
+	["dragstart"]: { drag: true },
+	["drop"]: { drag: true },
+	["pointerdown"]: { eventIndex: 3 },
+	["pointermove"]: { eventIndex: 3 },
+	["pointerout"]: { eventIndex: 1 },
+	["pointerover"]: { eventIndex: 3 },
+	["pointerup"]: { eventIndex: 3 },
+	["wheel"]: { eventIndex: 4 }
 };
 // src/services/emit/getEventName.ts
 const getEventName = (event) => {
@@ -89,15 +107,18 @@ const pushListener = (lifecycle, listener, key) => {
 	const sceneKey = key ?? useInjectSceneKey();
 	const listenersMap = getOrCreate(ExternalSceneStore.lifecycleListenersMap, lifecycle, () => /* @__PURE__ */ new Map());
 	getOrCreate(listenersMap, sceneKey, () => []).push(listener);
+	const removeListener = () => {
+		listenersMap.set(sceneKey, (listenersMap.get(sceneKey) ?? []).filter((existingListener) => existingListener !== listener));
+	};
+	if (lifecycle !== "Shutdown" && getCurrentScope()) onScopeDispose(removeListener);
+	return removeListener;
 };
 // src/hooks/onNextTick.ts
-const onNextTick = (...args) => {
-	pushListener("NextTick", ...args);
-};
+const onNextTick = (...args) => pushListener("NextTick", ...args);
 // src/services/emit/getUpdateEvent.ts
 const getUpdateEvent = (property) => `update:${toKebabCase(property)}`;
 // src/composables/useInitializeGameObjectSetters.ts
-const useInitializeGameObjectSetters = (gameObject, configuration, emit, setterMap, immediate) => {
+const useInitializeGameObjectSetters = (gameObject, configuration, emit, setterMap, checkIsUnmounted, immediate) => {
 	const sceneKey = useInjectSceneKey();
 	const setters = [];
 	const setterWatchHandles = [];
@@ -105,16 +126,19 @@ const useInitializeGameObjectSetters = (gameObject, configuration, emit, setterM
 		const setter = setterMap[key];
 		if (!setter) continue;
 		const updateEvent = getUpdateEvent(key);
-		setters.push((targetGameObject) => {
-			setter(targetGameObject, emit)(value);
-			if (value !== void 0) emit(updateEvent, value);
+		const applyValue = (targetGameObject, nextValue) => {
+			setter(targetGameObject, emit)(nextValue);
+			if (nextValue !== void 0) emit(updateEvent, nextValue);
 			else if (key in targetGameObject) emit(updateEvent, targetGameObject[key]);
+		};
+		setters.push((targetGameObject) => {
+			applyValue(targetGameObject, value);
 		});
 		setterWatchHandles.push(watch(() => toValue(configuration)[key], (newValue, oldValue) => {
 			if (newValue === oldValue && (newValue === null || typeof newValue !== "object")) return;
 			const updater = () => {
-				setter(toValue(gameObject), emit)(newValue);
-				emit(updateEvent, newValue);
+				if (checkIsUnmounted()) return;
+				applyValue(toValue(gameObject), newValue);
 			};
 			if (immediate) updater();
 			else onNextTick(() => {
@@ -131,21 +155,29 @@ const useInitializeGameObjectSetters = (gameObject, configuration, emit, setterM
 	};
 };
 // src/hooks/onCreate.ts
-const onCreate = (...args) => {
-	pushListener("Create", ...args);
-};
+const onCreate = (...args) => pushListener("Create", ...args);
 // src/services/hooks/getInitializeGameObjectLifecycleHook.ts
 const getInitializeGameObjectLifecycleHook = (sceneKey) => ExternalSceneStore.sceneReadyMap.get(sceneKey) ? onNextTick : onCreate;
+// src/services/shared/stopStartedScene.ts
+const stopStartedScene = (game, sceneKey) => {
+	const scene = game.scene.getScene(sceneKey);
+	if (!scene) return;
+	const { status } = scene.sys.settings;
+	if (status >= Scenes.START && status < Scenes.SHUTDOWN) game.scene.stop(sceneKey);
+};
 // src/store/index.ts
 const usePhaserStore = defineStore("phaser", () => {
-	let baseGame;
+	const baseGame = ref();
+	const sceneKey = ref();
+	const parallelSceneKeys = ref([]);
 	const game = computed({
-		get: () => baseGame,
+		get: () => baseGame.value,
 		set: (newGame) => {
-			baseGame = newGame;
+			baseGame.value = newGame && markRaw(newGame);
+			sceneKey.value = void 0;
+			parallelSceneKeys.value = [];
 		}
 	});
-	const sceneKey = ref();
 	const isSameScene = (newSceneKey) => newSceneKey === sceneKey.value;
 	const switchToScene = async (newSceneKey) => {
 		if (isSameScene(newSceneKey)) return;
@@ -154,10 +186,9 @@ const usePhaserStore = defineStore("phaser", () => {
 		const oldSceneKey = sceneKey.value;
 		sceneKey.value = newSceneKey;
 		await nextTick();
-		if (oldSceneKey && activeGame.scene.isActive(oldSceneKey)) activeGame.scene.stop(oldSceneKey);
+		if (oldSceneKey) stopStartedScene(activeGame, oldSceneKey);
 		activeGame.scene.start(newSceneKey);
 	};
-	const parallelSceneKeys = ref([]);
 	const prioritizedParallelSceneKeys = ref([]);
 	const launchParallelScene = (scene, targetSceneKey) => {
 		if (parallelSceneKeys.value.includes(targetSceneKey)) return;
@@ -205,13 +236,16 @@ const pushGameObject = (parentContainer, configuration, gameObject) => {
 // src/composables/useInitializeGameObject.ts
 const useInitializeGameObject = (create, configuration, emit, setterMap, immediate) => {
 	let gameObject;
-	const { initializeGameObjectSetters, setterWatchHandles } = useInitializeGameObjectSetters(() => gameObject, configuration, emit, setterMap, immediate);
+	let isCreated = false;
+	let isUnmounted = false;
+	const { initializeGameObjectSetters, setterWatchHandles } = useInitializeGameObjectSetters(() => gameObject, configuration, emit, setterMap, () => isUnmounted, immediate);
 	const { eventStopHandles, initializeGameObjectEvents } = useInitializeGameObjectEvents();
 	const parentContainer = inject(InjectionKeyMap.ParentContainer, void 0);
 	const sceneKey = useInjectSceneKey();
 	const lifecycleHook = getInitializeGameObjectLifecycleHook(sceneKey);
 	const initializeGameObject = (scene) => {
 		gameObject = create(scene);
+		isCreated = true;
 		initializeGameObjectSetters(gameObject);
 		initializeGameObjectEvents(gameObject, emit, scene);
 	};
@@ -229,33 +263,59 @@ const useInitializeGameObject = (create, configuration, emit, setterMap, immedia
 		pushToParentContainer();
 	});
 	onUnmounted(() => {
+		isUnmounted = true;
 		for (const setterWatchHandle of setterWatchHandles) setterWatchHandle();
 		for (const eventStopHandle of eventStopHandles) eventStopHandle();
-		gameObject.destroy();
+		if (isCreated) gameObject.destroy();
 	});
 };
+// src/models/setterMap/ArcSetter.ts
+let ArcSetter = /* @__PURE__ */ function(ArcSetter) {
+	ArcSetter["ClosePath"] = "closePath";
+	ArcSetter["EndAngle"] = "endAngle";
+	ArcSetter["Radius"] = "radius";
+	ArcSetter["StartAngle"] = "startAngle";
+	return ArcSetter;
+}({});
+// src/models/setterMap/global/GameObjectSetter.ts
+let GameObjectSetter = /* @__PURE__ */ function(GameObjectSetter) {
+	GameObjectSetter["Active"] = "active";
+	return GameObjectSetter;
+}({});
 // src/services/setterMap/global/GameObjectSetterMap.ts
-const GameObjectSetterMap = { active: (gameObject) => (value) => {
+const GameObjectSetterMap = { ["active"]: (gameObject) => (value) => {
 	if (value === void 0) return;
 	gameObject.setActive(value);
 } };
+// src/models/setterMap/global/TweenSetter.ts
+let TweenSetter = /* @__PURE__ */ function(TweenSetter) {
+	TweenSetter["Tween"] = "tween";
+	TweenSetter["Tweenchain"] = "tweenchain";
+	return TweenSetter;
+}({});
 // src/services/setterMap/global/TweenSetterMap.ts
+const activeTweens = /* @__PURE__ */ new WeakMap();
+const replaceActiveTween = (gameObject, tween, onComplete) => {
+	activeTweens.get(gameObject)?.destroy();
+	activeTweens.set(gameObject, tween);
+	tween.on(Tweens.Events.TWEEN_COMPLETE, onComplete);
+};
 const TweenSetterMap = {
-	tween: (gameObject, emit) => (value) => {
+	["tween"]: (gameObject, emit) => (value) => {
 		if (!value) return;
-		gameObject.scene.add.tween({
+		replaceActiveTween(gameObject, gameObject.scene.add.tween({
 			...value,
 			targets: gameObject
-		}).on(Tweens.Events.TWEEN_COMPLETE, () => {
+		}), () => {
 			emit("update:tween", void 0);
 		});
 	},
-	tweenchain: (gameObject, emit) => (value) => {
+	["tweenchain"]: (gameObject, emit) => (value) => {
 		if (!value) return;
-		gameObject.scene.add.tweenchain(value.map((configuration) => ({
+		replaceActiveTween(gameObject, gameObject.scene.add.tweenchain(value.map((configuration) => ({
 			...configuration,
 			targets: gameObject
-		}))).on(Tweens.Events.TWEEN_COMPLETE, () => {
+		}))), () => {
 			emit("update:tweenchain", void 0);
 		});
 	}
@@ -265,54 +325,91 @@ const GlobalSetterMap = {
 	...TweenSetterMap,
 	...GameObjectSetterMap
 };
+// src/models/setterMap/shared/ShapeSetter.ts
+let ShapeSetter = /* @__PURE__ */ function(ShapeSetter) {
+	ShapeSetter["FillAlpha"] = "fillAlpha";
+	ShapeSetter["FillColor"] = "fillColor";
+	ShapeSetter["StrokeStyle"] = "strokeStyle";
+	return ShapeSetter;
+}({});
+// src/models/setterMap/components/AlphaSingleSetter.ts
+let AlphaSingleSetter = /* @__PURE__ */ function(AlphaSingleSetter) {
+	AlphaSingleSetter["Alpha"] = "alpha";
+	return AlphaSingleSetter;
+}({});
 // src/services/setterMap/components/AlphaSingleSetterMap.ts
-const AlphaSingleSetterMap = { alpha: (gameObject) => (value) => {
+const AlphaSingleSetterMap = { ["alpha"]: (gameObject) => (value) => {
 	if (value === void 0) return;
 	gameObject.setAlpha(value);
 } };
+// src/models/setterMap/components/DisplaySizeSetter.ts
+let DisplaySizeSetter = /* @__PURE__ */ function(DisplaySizeSetter) {
+	DisplaySizeSetter["DisplayHeight"] = "displayHeight";
+	DisplaySizeSetter["DisplayWidth"] = "displayWidth";
+	return DisplaySizeSetter;
+}({});
 // src/services/setterMap/components/DisplaySizeSetterMap.ts
 const DisplaySizeSetterMap = {
-	displayHeight: (gameObject) => (value) => {
+	["displayHeight"]: (gameObject) => (value) => {
 		if (value === void 0) return;
 		gameObject.setDisplaySize(gameObject.displayWidth, value);
 	},
-	displayWidth: (gameObject) => (value) => {
+	["displayWidth"]: (gameObject) => (value) => {
 		if (value === void 0) return;
 		gameObject.setDisplaySize(value, gameObject.displayHeight);
 	}
 };
+// src/models/setterMap/components/OriginSetter.ts
+let OriginSetter = /* @__PURE__ */ function(OriginSetter) {
+	OriginSetter["DisplayOriginX"] = "displayOriginX";
+	OriginSetter["DisplayOriginY"] = "displayOriginY";
+	OriginSetter["Origin"] = "origin";
+	OriginSetter["OriginX"] = "originX";
+	OriginSetter["OriginY"] = "originY";
+	return OriginSetter;
+}({});
 // src/services/setterMap/components/OriginSetterMap.ts
 const OriginSetterMap = {
-	displayOriginX: (gameObject) => (value) => {
+	["displayOriginX"]: (gameObject) => (value) => {
 		if (value === void 0) return;
 		gameObject.setDisplayOrigin(value, gameObject.displayOriginY);
 	},
-	displayOriginY: (gameObject) => (value) => {
+	["displayOriginY"]: (gameObject) => (value) => {
 		if (value === void 0) return;
 		gameObject.setDisplayOrigin(gameObject.displayOriginX, value);
 	},
-	origin: (gameObject) => (value) => {
+	["origin"]: (gameObject) => (value) => {
 		if (value === void 0) return;
 		gameObject.setOrigin(value, value);
 	},
-	originX: (gameObject) => (value) => {
+	["originX"]: (gameObject) => (value) => {
 		if (value === void 0) return;
 		gameObject.setOrigin(value, gameObject.originY);
 	},
-	originY: (gameObject) => (value) => {
+	["originY"]: (gameObject) => (value) => {
 		if (value === void 0) return;
 		gameObject.setOrigin(gameObject.originX, value);
 	}
 };
 // src/services/setterMap/components/RenderNodesSetterMap.ts
 const RenderNodesSetterMap = {};
+// src/models/setterMap/components/BlendModeSetter.ts
+let BlendModeSetter = /* @__PURE__ */ function(BlendModeSetter) {
+	BlendModeSetter["BlendMode"] = "blendMode";
+	return BlendModeSetter;
+}({});
 // src/services/setterMap/components/BlendModeSetterMap.ts
-const BlendModeSetterMap = { blendMode: (gameObject) => (value) => {
+const BlendModeSetterMap = { ["blendMode"]: (gameObject) => (value) => {
 	if (value === void 0) return;
 	gameObject.setBlendMode(value);
 } };
+// src/models/setterMap/components/DepthSetter.ts
+let DepthSetter = /* @__PURE__ */ function(DepthSetter) {
+	DepthSetter["Depth"] = "depth";
+	return DepthSetter;
+}({});
 // src/services/setterMap/components/DepthSetterMap.ts
-const DepthSetterMap = { depth: (gameObject) => (value) => {
+const DepthSetterMap = { ["depth"]: (gameObject) => (value) => {
 	if (value === void 0) return;
 	gameObject.setDepth(value);
 	if (!gameObject.parentContainer) return;
@@ -324,67 +421,97 @@ const DepthSetterMap = { depth: (gameObject) => (value) => {
 		gameObject.parentContainer.moveTo(gameObject, currentIndex < depthInsertIndex ? depthInsertIndex - 1 : depthInsertIndex);
 	}
 } };
+// src/models/setterMap/components/MaskSetter.ts
+let MaskSetter = /* @__PURE__ */ function(MaskSetter) {
+	MaskSetter["Mask"] = "mask";
+	return MaskSetter;
+}({});
 // src/services/setterMap/components/MaskSetterMap.ts
-const MaskSetterMap = { mask: (gameObject) => (value) => {
+const MaskSetterMap = { ["mask"]: (gameObject) => (value) => {
 	if (!value) return;
 	gameObject.setMask(value);
 } };
+// src/models/setterMap/components/ScrollFactorSetter.ts
+let ScrollFactorSetter = /* @__PURE__ */ function(ScrollFactorSetter) {
+	ScrollFactorSetter["ScrollFactor"] = "scrollFactor";
+	ScrollFactorSetter["ScrollFactorX"] = "scrollFactorX";
+	ScrollFactorSetter["ScrollFactorY"] = "scrollFactorY";
+	return ScrollFactorSetter;
+}({});
 // src/services/setterMap/components/ScrollFactorSetterMap.ts
 const ScrollFactorSetterMap = {
-	scrollFactor: (gameObject) => (value) => {
+	["scrollFactor"]: (gameObject) => (value) => {
 		if (value === void 0) return;
 		gameObject.setScrollFactor(value, value);
 	},
-	scrollFactorX: (gameObject) => (value) => {
+	["scrollFactorX"]: (gameObject) => (value) => {
 		if (value === void 0) return;
 		gameObject.setScrollFactor(value, gameObject.scrollFactorY);
 	},
-	scrollFactorY: (gameObject) => (value) => {
+	["scrollFactorY"]: (gameObject) => (value) => {
 		if (value === void 0) return;
 		gameObject.setScrollFactor(gameObject.scrollFactorX, value);
 	}
 };
+// src/models/setterMap/components/TransformSetter.ts
+let TransformSetter = /* @__PURE__ */ function(TransformSetter) {
+	TransformSetter["Angle"] = "angle";
+	TransformSetter["Rotation"] = "rotation";
+	TransformSetter["Scale"] = "scale";
+	TransformSetter["ScaleX"] = "scaleX";
+	TransformSetter["ScaleY"] = "scaleY";
+	TransformSetter["W"] = "w";
+	TransformSetter["X"] = "x";
+	TransformSetter["Y"] = "y";
+	TransformSetter["Z"] = "z";
+	return TransformSetter;
+}({});
 // src/services/setterMap/components/TransformSetterMap.ts
 const TransformSetterMap = {
-	angle: (gameObject) => (value) => {
+	["angle"]: (gameObject) => (value) => {
 		if (value === void 0) return;
 		gameObject.setAngle(value);
 	},
-	rotation: (gameObject) => (value) => {
+	["rotation"]: (gameObject) => (value) => {
 		if (value === void 0) return;
 		gameObject.setRotation(value);
 	},
-	scale: (gameObject) => (value) => {
+	["scale"]: (gameObject) => (value) => {
 		if (value === void 0) return;
 		gameObject.setScale(value, value);
 	},
-	scaleX: (gameObject) => (value) => {
+	["scaleX"]: (gameObject) => (value) => {
 		if (value === void 0) return;
 		gameObject.setScale(value, gameObject.scaleY);
 	},
-	scaleY: (gameObject) => (value) => {
+	["scaleY"]: (gameObject) => (value) => {
 		if (value === void 0) return;
 		gameObject.setScale(gameObject.scaleX, value);
 	},
-	w: (gameObject) => (value) => {
+	["w"]: (gameObject) => (value) => {
 		if (value === void 0) return;
 		gameObject.setW(value);
 	},
-	x: (gameObject) => (value) => {
+	["x"]: (gameObject) => (value) => {
 		if (value === void 0) return;
 		gameObject.setX(value);
 	},
-	y: (gameObject) => (value) => {
+	["y"]: (gameObject) => (value) => {
 		if (value === void 0) return;
 		gameObject.setY(value);
 	},
-	z: (gameObject) => (value) => {
+	["z"]: (gameObject) => (value) => {
 		if (value === void 0) return;
 		gameObject.setZ(value);
 	}
 };
+// src/models/setterMap/components/VisibleSetter.ts
+let VisibleSetter = /* @__PURE__ */ function(VisibleSetter) {
+	VisibleSetter["Visible"] = "visible";
+	return VisibleSetter;
+}({});
 // src/services/setterMap/components/VisibleSetterMap.ts
-const VisibleSetterMap = { visible: (gameObject) => (value) => {
+const VisibleSetterMap = { ["visible"]: (gameObject) => (value) => {
 	if (value === void 0) return;
 	gameObject.setVisible(value);
 } };
@@ -405,32 +532,33 @@ const ShapeSetterMap = {
 	...GameObjectSetterMap,
 	...OriginSetterMap,
 	...RenderNodesSetterMap,
-	fillAlpha: (gameObject) => (value) => {
-		gameObject.setFillStyle(gameObject.fillColor, value);
+	["fillAlpha"]: (gameObject) => (value) => {
+		if (value === void 0) return;
+		gameObject.fillAlpha = value;
 	},
-	fillColor: (gameObject) => (value) => {
+	["fillColor"]: (gameObject) => (value) => {
 		gameObject.setFillStyle(value, gameObject.fillAlpha);
 	},
-	strokeStyle: (gameObject) => (value) => {
+	["strokeStyle"]: (gameObject) => (value) => {
 		if (!value) return;
 		gameObject.setStrokeStyle(...value);
 	}
 };
 // src/services/setterMap/ArcSetterMap.ts
 const ArcSetterMap = {
-	closePath: (gameObject) => (value) => {
+	["closePath"]: (gameObject) => (value) => {
 		if (value === void 0) return;
 		gameObject.setClosePath(value);
 	},
-	endAngle: (gameObject) => (value) => {
+	["endAngle"]: (gameObject) => (value) => {
 		if (value === void 0) return;
 		gameObject.setEndAngle(value);
 	},
-	radius: (gameObject) => (value) => {
+	["radius"]: (gameObject) => (value) => {
 		if (value === void 0) return;
 		gameObject.setRadius(value);
 	},
-	startAngle: (gameObject) => (value) => {
+	["startAngle"]: (gameObject) => (value) => {
 		if (value === void 0) return;
 		gameObject.setStartAngle(value);
 	},
@@ -438,7 +566,7 @@ const ArcSetterMap = {
 	...GlobalSetterMap
 };
 // src/components/Arc.vue
-const _sfc_main = /*@__PURE__*/ defineComponent({
+const _sfc_main = {
 	__name: "Arc",
 	props: {
 		configuration: {},
@@ -456,49 +584,80 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			return null;
 		};
 	}
-});
+};
+// src/models/setterMap/BitmapTextSetter.ts
+let BitmapTextSetter = /* @__PURE__ */ function(BitmapTextSetter) {
+	BitmapTextSetter["Align"] = "align";
+	BitmapTextSetter["DropShadow"] = "dropShadow";
+	BitmapTextSetter["Font"] = "font";
+	BitmapTextSetter["FontSize"] = "fontSize";
+	BitmapTextSetter["LetterSpacing"] = "letterSpacing";
+	BitmapTextSetter["LineSpacing"] = "lineSpacing";
+	BitmapTextSetter["MaxWidth"] = "maxWidth";
+	BitmapTextSetter["Text"] = "text";
+	BitmapTextSetter["WordWrapCharCode"] = "wordWrapCharCode";
+	return BitmapTextSetter;
+}({});
+// src/models/setterMap/components/AlphaSetter.ts
+let AlphaSetter = /* @__PURE__ */ function(AlphaSetter) {
+	AlphaSetter["Alpha"] = "alpha";
+	AlphaSetter["AlphaBottomLeft"] = "alphaBottomLeft";
+	AlphaSetter["AlphaBottomRight"] = "alphaBottomRight";
+	AlphaSetter["AlphaTopLeft"] = "alphaTopLeft";
+	AlphaSetter["AlphaTopRight"] = "alphaTopRight";
+	return AlphaSetter;
+}({});
 // src/services/setterMap/components/AlphaSetterMap.ts
 const AlphaSetterMap = {
-	alpha: (gameObject) => (value) => {
+	["alpha"]: (gameObject) => (value) => {
 		if (value === void 0) return;
 		gameObject.setAlpha(value, value, value, value);
 	},
-	alphaBottomLeft: (gameObject) => (value) => {
+	["alphaBottomLeft"]: (gameObject) => (value) => {
 		if (value === void 0) return;
 		gameObject.setAlpha(gameObject.alphaTopLeft, gameObject.alphaTopRight, value, gameObject.alphaBottomRight);
 	},
-	alphaBottomRight: (gameObject) => (value) => {
+	["alphaBottomRight"]: (gameObject) => (value) => {
 		if (value === void 0) return;
 		gameObject.setAlpha(gameObject.alphaTopLeft, gameObject.alphaTopRight, gameObject.alphaBottomLeft, value);
 	},
-	alphaTopLeft: (gameObject) => (value) => {
+	["alphaTopLeft"]: (gameObject) => (value) => {
 		if (value === void 0) return;
 		gameObject.setAlpha(value, gameObject.alphaTopRight, gameObject.alphaBottomLeft, gameObject.alphaBottomRight);
 	},
-	alphaTopRight: (gameObject) => (value) => {
+	["alphaTopRight"]: (gameObject) => (value) => {
 		if (value === void 0) return;
 		gameObject.setAlpha(gameObject.alphaTopLeft, value, gameObject.alphaBottomLeft, gameObject.alphaBottomRight);
 	}
 };
+// src/models/setterMap/components/TintSetter.ts
+let TintSetter = /* @__PURE__ */ function(TintSetter) {
+	TintSetter["Tint"] = "tint";
+	TintSetter["TintBottomLeft"] = "tintBottomLeft";
+	TintSetter["TintBottomRight"] = "tintBottomRight";
+	TintSetter["TintTopLeft"] = "tintTopLeft";
+	TintSetter["TintTopRight"] = "tintTopRight";
+	return TintSetter;
+}({});
 // src/services/setterMap/components/TintSetterMap.ts
 const TintSetterMap = {
-	tint: (gameObject) => (value) => {
+	["tint"]: (gameObject) => (value) => {
 		if (value === void 0) return;
 		gameObject.setTint(value, value, value, value);
 	},
-	tintBottomLeft: (gameObject) => (value) => {
+	["tintBottomLeft"]: (gameObject) => (value) => {
 		if (value === void 0) return;
 		gameObject.setTint(gameObject.tintTopLeft, gameObject.tintTopRight, value, gameObject.tintBottomRight);
 	},
-	tintBottomRight: (gameObject) => (value) => {
+	["tintBottomRight"]: (gameObject) => (value) => {
 		if (value === void 0) return;
 		gameObject.setTint(gameObject.tintTopLeft, gameObject.tintTopRight, gameObject.tintBottomLeft, value);
 	},
-	tintTopLeft: (gameObject) => (value) => {
+	["tintTopLeft"]: (gameObject) => (value) => {
 		if (value === void 0) return;
 		gameObject.setTint(value, gameObject.tintTopRight, gameObject.tintBottomLeft, gameObject.tintBottomRight);
 	},
-	tintTopRight: (gameObject) => (value) => {
+	["tintTopRight"]: (gameObject) => (value) => {
 		if (value === void 0) return;
 		gameObject.setTint(gameObject.tintTopLeft, value, gameObject.tintBottomLeft, gameObject.tintBottomRight);
 	}
@@ -514,46 +673,46 @@ const RenderableSetterMap = {
 };
 // src/services/setterMap/BitmapTextSetterMap.ts
 const BitmapTextSetterMap = {
-	align: (gameObject) => (value) => {
+	["align"]: (gameObject) => (value) => {
 		if (value === void 0) return;
 		gameObject.align = value;
 	},
-	dropShadow: (gameObject) => (value) => {
+	["dropShadow"]: (gameObject) => (value) => {
 		if (!value) return;
 		gameObject.setDropShadow(...value);
 	},
-	font: (gameObject) => (value) => {
+	["font"]: (gameObject) => (value) => {
 		if (!value) return;
 		gameObject.setFont(value);
 	},
-	fontSize: (gameObject) => (value) => {
+	["fontSize"]: (gameObject) => (value) => {
 		if (value === void 0) return;
 		gameObject.setFontSize(value);
 	},
-	letterSpacing: (gameObject) => (value) => {
+	["letterSpacing"]: (gameObject) => (value) => {
 		if (value === void 0) return;
 		gameObject.setLetterSpacing(value);
 	},
-	lineSpacing: (gameObject) => (value) => {
+	["lineSpacing"]: (gameObject) => (value) => {
 		if (value === void 0) return;
 		gameObject.setLineSpacing(value);
 	},
-	maxWidth: (gameObject) => (value) => {
+	["maxWidth"]: (gameObject) => (value) => {
 		if (value === void 0) return;
 		gameObject.setMaxWidth(value);
 	},
-	text: (gameObject) => (value) => {
+	["text"]: (gameObject) => (value) => {
 		if (value === void 0) return;
 		gameObject.setText(value);
 	},
-	wordWrapCharCode: (gameObject) => (value) => {
+	["wordWrapCharCode"]: (gameObject) => (value) => {
 		if (value === void 0) return;
 		gameObject.wordWrapCharCode = value;
 	},
 	...RenderableSetterMap
 };
 // src/components/BitmapText.vue
-const _sfc_main$1 = /*@__PURE__*/ defineComponent({
+const _sfc_main$1 = {
 	__name: "BitmapText",
 	props: {
 		configuration: {},
@@ -571,9 +730,9 @@ const _sfc_main$1 = /*@__PURE__*/ defineComponent({
 			return null;
 		};
 	}
-});
+};
 // src/components/Circle.vue
-const _sfc_main$2 = /*@__PURE__*/ defineComponent({
+const _sfc_main$2 = {
 	__name: "Circle",
 	props: {
 		configuration: {},
@@ -591,7 +750,7 @@ const _sfc_main$2 = /*@__PURE__*/ defineComponent({
 			return null;
 		};
 	}
-});
+};
 // src/services/setterMap/ContainerSetterMap.ts
 const ContainerSetterMap = {
 	...AlphaSingleSetterMap,
@@ -599,7 +758,7 @@ const ContainerSetterMap = {
 	...GlobalSetterMap
 };
 // src/components/Container.vue
-const _sfc_main$3 = /*@__PURE__*/ defineComponent({
+const _sfc_main$3 = {
 	__name: "Container",
 	props: {
 		configuration: { default: () => ({}) },
@@ -619,10 +778,15 @@ const _sfc_main$3 = /*@__PURE__*/ defineComponent({
 			return renderSlot(_ctx.$slots, "default");
 		};
 	}
-});
+};
+// src/models/setterMap/CurveSetter.ts
+let CurveSetter = /* @__PURE__ */ function(CurveSetter) {
+	CurveSetter["Smoothness"] = "smoothness";
+	return CurveSetter;
+}({});
 // src/services/setterMap/CurveSetterMap.ts
 const CurveSetterMap = {
-	smoothness: (gameObject) => (value) => {
+	["smoothness"]: (gameObject) => (value) => {
 		if (value === void 0) return;
 		gameObject.setSmoothness(value);
 	},
@@ -630,7 +794,7 @@ const CurveSetterMap = {
 	...GlobalSetterMap
 };
 // src/components/Curve.vue
-const _sfc_main$4 = /*@__PURE__*/ defineComponent({
+const _sfc_main$4 = {
 	__name: "Curve",
 	props: {
 		configuration: {},
@@ -648,32 +812,43 @@ const _sfc_main$4 = /*@__PURE__*/ defineComponent({
 			return null;
 		};
 	}
-});
+};
+// src/models/setterMap/components/ComputedSizeSetter.ts
+let ComputedSizeSetter = /* @__PURE__ */ function(ComputedSizeSetter) {
+	ComputedSizeSetter["Height"] = "height";
+	ComputedSizeSetter["Width"] = "width";
+	return ComputedSizeSetter;
+}({});
+// src/models/setterMap/EllipseSetter.ts
+let EllipseSetter = /* @__PURE__ */ function(EllipseSetter) {
+	EllipseSetter["Smoothness"] = "smoothness";
+	return EllipseSetter;
+}({});
 // src/services/setterMap/components/ComputedSizeSetterMap.ts
 const ComputedSizeSetterMap = {
 	...DisplaySizeSetterMap,
-	height: (gameObject) => (value) => {
+	["height"]: (gameObject) => (value) => {
 		if (value === void 0) return;
 		gameObject.setSize(gameObject.width, value);
 	},
-	width: (gameObject) => (value) => {
+	["width"]: (gameObject) => (value) => {
 		if (value === void 0) return;
 		gameObject.setSize(value, gameObject.height);
 	}
 };
 // src/services/setterMap/EllipseSetterMap.ts
 const EllipseSetterMap = {
-	height: ComputedSizeSetterMap.height,
-	smoothness: (gameObject) => (value) => {
+	["height"]: ComputedSizeSetterMap["height"],
+	["width"]: ComputedSizeSetterMap["width"],
+	["smoothness"]: (gameObject) => (value) => {
 		if (value === void 0) return;
 		gameObject.setSmoothness(value);
 	},
-	width: ComputedSizeSetterMap.width,
 	...ShapeSetterMap,
 	...GlobalSetterMap
 };
 // src/components/Ellipse.vue
-const _sfc_main$5 = /*@__PURE__*/ defineComponent({
+const _sfc_main$5 = {
 	__name: "Ellipse",
 	props: {
 		configuration: {},
@@ -691,7 +866,7 @@ const _sfc_main$5 = /*@__PURE__*/ defineComponent({
 			return null;
 		};
 	}
-});
+};
 // src/models/plugins/TilesetFile.ts
 const XMLFile = Loader.FileTypes.XMLFile;
 var TilesetFile = class extends XMLFile {
@@ -701,33 +876,31 @@ var TilesetFile = class extends XMLFile {
 		this.tilesetIndex = tilesetIndex;
 	}
 };
+// src/services/shared/omitUndefined.ts
+const omitUndefined = (object) => Object.fromEntries(Object.entries(object).filter(([, value]) => value !== void 0));
+// src/services/shared/getTilesetDefinitionFields.ts
+const getTilesetDefinitionFields = (definition) => omitUndefined({
+	...definition,
+	firstgid: void 0
+});
 // src/models/plugins/TiledJSONExternalFile.ts
 const GetFastValue = Utils.Objects.GetFastValue;
 const JSONFile$1 = Loader.FileTypes.JSONFile;
 const MultiFile = Loader.MultiFile;
-const PUBLIC_FOLDER = "public";
 var TiledJSONExternalFile = class extends MultiFile {
-	constructor(loader, key, tilemapURL, path, baseURL, tilemapXhrSettings, tilesetXhrSettings) {
-		if (typeof key !== "string") {
-			const configuration = key;
-			key = GetFastValue(configuration, "key");
-			tilemapURL = GetFastValue(configuration, "url");
-			tilemapXhrSettings = GetFastValue(configuration, "xhrSettings");
-			path = GetFastValue(configuration, "path");
-			baseURL = GetFastValue(configuration, "baseURL");
-			tilesetXhrSettings = GetFastValue(configuration, "tilesetXhrSettings");
-		}
-		const tilemapFile = new JSONFile$1(loader, key, tilemapURL, tilemapXhrSettings);
-		super(loader, "tilemapJSON", key, [tilemapFile]);
-		this.config.path = path;
-		this.config.baseURL = baseURL;
-		this.config.tilesetXhrSettings = tilesetXhrSettings;
+	constructor(loader, configuration) {
+		const tilemapFile = new JSONFile$1(loader, configuration.key, configuration.url, configuration.xhrSettings);
+		super(loader, "tilemapJSON", configuration.key, [tilemapFile]);
+		this.config.path = configuration.path;
+		this.config.baseURL = configuration.baseURL;
+		this.config.tilesetXhrSettings = configuration.tilesetXhrSettings;
+		this.config.tilesetURLs = configuration.tilesetURLs;
 	}
 	addToCache() {
 		if (!this.isReadyToProcess()) return;
 		const [tilemapFile, ...tilesetFiles] = this.files;
 		if (!(tilemapFile.type === "json" && Object.hasOwn(tilemapFile.data, "tilesets"))) return;
-		const tilemapData = tilemapFile.data;
+		const tilemapData = structuredClone(tilemapFile.data);
 		const tilemapKey = tilemapFile.key;
 		const loader = this.loader;
 		const files = this.files;
@@ -739,7 +912,7 @@ var TiledJSONExternalFile = class extends MultiFile {
 				throw error;
 			});
 			const index = tilesetFile.tilesetIndex;
-			Object.assign(tilemapData.tilesets[index], tilesetData, {
+			Object.assign(tilemapData.tilesets[index], getTilesetDefinitionFields(tilesetData), {
 				imageheight: tilesetData.image?.height,
 				imagewidth: tilesetData.image?.width,
 				source: void 0
@@ -765,14 +938,22 @@ var TiledJSONExternalFile = class extends MultiFile {
 		const path = GetFastValue(config, "path", currentPath);
 		const prefix = GetFastValue(config, "prefix", currentPrefix);
 		const tilesetXhrSettings = GetFastValue(config, "tilesetXhrSettings");
+		const tilesetURLs = GetFastValue(config, "tilesetURLs");
+		const tilesetSources = tilesets.map((tileset, tilesetIndex) => {
+			const tilesetName = tileset.source.split("/").pop()?.replace(/\.tsx$/u, "") ?? "";
+			const tilesetURL = tilesetURLs?.[tilesetName];
+			if (!tilesetURL) throw new NotFoundError(this.onFileComplete.name, tileset.source);
+			return {
+				tilesetIndex,
+				tilesetName,
+				tilesetURL
+			};
+		});
 		loader.setBaseURL(baseURL);
 		loader.setPath(path);
 		loader.setPrefix(prefix);
-		for (const [tilesetIndex, tileset] of tilesets.entries()) {
-			const pathIndex = tileset.source.indexOf(PUBLIC_FOLDER);
-			if (pathIndex === -1) throw new NotFoundError(this.onFileComplete.name, tileset.source);
-			const relativePath = tileset.source.slice(pathIndex + 6);
-			const tilesetFile = new TilesetFile(tilesetIndex, loader, `${file.key}${ID_SEPARATOR}Tileset${ID_SEPARATOR}${relativePath}`, relativePath, tilesetXhrSettings);
+		for (const { tilesetIndex, tilesetName, tilesetURL } of tilesetSources) {
+			const tilesetFile = new TilesetFile(tilesetIndex, loader, `${file.key}${ID_SEPARATOR}Tileset${ID_SEPARATOR}${tilesetName}`, tilesetURL, tilesetXhrSettings);
 			this.addToMultiFile(tilesetFile);
 			loader.addFile(tilesetFile);
 		}
@@ -787,20 +968,16 @@ const ANIMATION_COMPLETE_EVENT_PREFIX = "animationcomplete-";
 // src/plugins/registerTiledJSONExternalLoader.ts
 const FileTypesManager = Loader.FileTypesManager;
 const registerTiledJSONExternalLoader = () => {
-	FileTypesManager.register(TILEMAP_TILED_JSON_EXTERNAL_KEY, function(...[key, tilemapURL, path, baseURL, tilemapXhrSettings, tilesetXhrSettings]) {
-		if (Array.isArray(key)) for (const keyElement of key) {
-			const multifile = new TiledJSONExternalFile(this, keyElement);
-			this.addFile(multifile.files);
-		}
-		else {
-			const multifile = new TiledJSONExternalFile(this, key, tilemapURL, path, baseURL, tilemapXhrSettings, tilesetXhrSettings);
+	FileTypesManager.register(TILEMAP_TILED_JSON_EXTERNAL_KEY, function(configuration) {
+		for (const configurationElement of Array.isArray(configuration) ? configuration : [configuration]) {
+			const multifile = new TiledJSONExternalFile(this, configurationElement);
 			this.addFile(multifile.files);
 		}
 		return this;
 	});
 };
 // src/components/Game.vue
-const _sfc_main$6 = /*@__PURE__*/ defineComponent({
+const _sfc_main$6 = {
 	__name: "Game",
 	props: { configuration: {} },
 	setup(__props) {
@@ -829,10 +1006,10 @@ const _sfc_main$6 = /*@__PURE__*/ defineComponent({
 			return openBlock(), createElementBlock(Fragment, null, [createElementVNode("div", {
 				ref_key: "canvasRoot",
 				ref: canvasRoot
-			}, null, 512), isReady.value ? renderSlot(_ctx.$slots, "default", {}, void 0, void 0, 0) : createCommentVNode("v-if", true)], 64);
+			}, null, 512), isReady.value ? renderSlot(_ctx.$slots, "default", { key: 0 }) : createCommentVNode("", true)], 64);
 		};
 	}
-});
+};
 // src/services/setterMap/GraphicsSetterMap.ts
 const GraphicsSetterMap = {
 	...AlphaSingleSetterMap,
@@ -841,7 +1018,7 @@ const GraphicsSetterMap = {
 	...GlobalSetterMap
 };
 // src/components/Graphics.vue
-const _sfc_main$7 = /*@__PURE__*/ defineComponent({
+const _sfc_main$7 = {
 	__name: "Graphics",
 	props: {
 		configuration: { default: () => ({}) },
@@ -862,27 +1039,39 @@ const _sfc_main$7 = /*@__PURE__*/ defineComponent({
 			return null;
 		};
 	}
-});
+};
+// src/models/setterMap/components/FlipSetter.ts
+let FlipSetter = /* @__PURE__ */ function(FlipSetter) {
+	FlipSetter["FlipX"] = "flipX";
+	FlipSetter["FlipY"] = "flipY";
+	return FlipSetter;
+}({});
 // src/services/setterMap/components/FlipSetterMap.ts
 const FlipSetterMap = {
-	flipX: (gameObject) => (value) => {
+	["flipX"]: (gameObject) => (value) => {
 		if (value === void 0) return;
 		gameObject.setFlipX(value);
 	},
-	flipY: (gameObject) => (value) => {
+	["flipY"]: (gameObject) => (value) => {
 		if (value === void 0) return;
 		gameObject.setFlipY(value);
 	}
 };
 // src/services/setterMap/components/SizeSetterMap.ts
 const SizeSetterMap = { ...ComputedSizeSetterMap };
+// src/models/setterMap/components/BaseTextureSetter.ts
+let BaseTextureSetter = /* @__PURE__ */ function(BaseTextureSetter) {
+	BaseTextureSetter["Frame"] = "frame";
+	BaseTextureSetter["Texture"] = "texture";
+	return BaseTextureSetter;
+}({});
 // src/services/setterMap/components/BaseTextureSetterMap.ts
 const BaseTextureSetterMap = {
-	frame: (gameObject) => (value) => {
+	["frame"]: (gameObject) => (value) => {
 		if (value === void 0) return;
 		gameObject.setFrame(value);
 	},
-	texture: (gameObject) => (value) => {
+	["texture"]: (gameObject) => (value) => {
 		if (!value) return;
 		gameObject.setTexture(value);
 	}
@@ -897,10 +1086,10 @@ const ImageSetterMap = {
 	...TextureCropSetterMap
 };
 // src/components/Image.vue
-const _sfc_main$8 = /*@__PURE__*/ defineComponent({
+const _sfc_main$8 = {
 	__name: "Image",
 	props: {
-		configuration: {},
+		configuration: { type: Function },
 		onComplete: { type: Function }
 	},
 	setup(__props, { emit: __emit }) {
@@ -914,36 +1103,59 @@ const _sfc_main$8 = /*@__PURE__*/ defineComponent({
 			return null;
 		};
 	}
-});
+};
+// src/models/setterMap/shared/IsoSetter.ts
+let IsoSetter = /* @__PURE__ */ function(IsoSetter) {
+	IsoSetter["FillLeft"] = "fillLeft";
+	IsoSetter["FillRight"] = "fillRight";
+	IsoSetter["FillTop"] = "fillTop";
+	IsoSetter["Height"] = "height";
+	IsoSetter["Projection"] = "projection";
+	IsoSetter["ShowLeft"] = "showLeft";
+	IsoSetter["ShowRight"] = "showRight";
+	IsoSetter["ShowTop"] = "showTop";
+	IsoSetter["Size"] = "size";
+	return IsoSetter;
+}({});
 // src/services/setterMap/shared/IsoSetterMap.ts
 const IsoSetterMap = {
-	fillLeft: (gameObject) => (value) => {
+	["fillLeft"]: (gameObject) => (value) => {
 		if (value === void 0) return;
 		gameObject.setFillStyle(gameObject.fillTop, value, gameObject.fillRight);
 	},
-	fillRight: (gameObject) => (value) => {
+	["fillRight"]: (gameObject) => (value) => {
 		if (value === void 0) return;
 		gameObject.setFillStyle(gameObject.fillTop, gameObject.fillLeft, value);
 	},
-	fillTop: (gameObject) => (value) => {
+	["fillTop"]: (gameObject) => (value) => {
 		if (value === void 0) return;
 		gameObject.setFillStyle(value, gameObject.fillLeft, gameObject.fillRight);
 	},
-	projection: (gameObject) => (value) => {
+	["height"]: (gameObject) => (value) => {
+		if (value === void 0) return;
+		gameObject.height = value;
+		gameObject.updateDisplayOrigin();
+	},
+	["projection"]: (gameObject) => (value) => {
 		if (value === void 0) return;
 		gameObject.setProjection(value);
 	},
-	showLeft: (gameObject) => (value) => {
+	["showLeft"]: (gameObject) => (value) => {
 		if (value === void 0) return;
 		gameObject.setFaces(gameObject.showTop, value, gameObject.showRight);
 	},
-	showRight: (gameObject) => (value) => {
+	["showRight"]: (gameObject) => (value) => {
 		if (value === void 0) return;
 		gameObject.setFaces(gameObject.showTop, gameObject.showLeft, value);
 	},
-	showTop: (gameObject) => (value) => {
+	["showTop"]: (gameObject) => (value) => {
 		if (value === void 0) return;
 		gameObject.setFaces(value, gameObject.showLeft, gameObject.showRight);
+	},
+	["size"]: (gameObject) => (value) => {
+		if (value === void 0) return;
+		gameObject.width = value;
+		gameObject.updateDisplayOrigin();
 	}
 };
 // src/services/setterMap/IsoBoxSetterMap.ts
@@ -953,7 +1165,7 @@ const IsoBoxSetterMap = {
 	...GlobalSetterMap
 };
 // src/components/IsoBox.vue
-const _sfc_main$9 = /*@__PURE__*/ defineComponent({
+const _sfc_main$9 = {
 	__name: "IsoBox",
 	props: {
 		configuration: {},
@@ -971,10 +1183,15 @@ const _sfc_main$9 = /*@__PURE__*/ defineComponent({
 			return null;
 		};
 	}
-});
+};
+// src/models/setterMap/IsoTriangleSetter.ts
+let IsoTriangleSetter = /* @__PURE__ */ function(IsoTriangleSetter) {
+	IsoTriangleSetter["IsReversed"] = "isReversed";
+	return IsoTriangleSetter;
+}({});
 // src/services/setterMap/IsoTriangleSetterMap.ts
 const IsoTriangleSetterMap = {
-	isReversed: (gameObject) => (value) => {
+	["isReversed"]: (gameObject) => (value) => {
 		if (value === void 0) return;
 		gameObject.setReversed(value);
 	},
@@ -983,7 +1200,7 @@ const IsoTriangleSetterMap = {
 	...GlobalSetterMap
 };
 // src/components/IsoTriangle.vue
-const _sfc_main$10 = /*@__PURE__*/ defineComponent({
+const _sfc_main$10 = {
 	__name: "IsoTriangle",
 	props: {
 		configuration: {},
@@ -1001,14 +1218,20 @@ const _sfc_main$10 = /*@__PURE__*/ defineComponent({
 			return null;
 		};
 	}
-});
+};
+// src/models/setterMap/LineSetter.ts
+let LineSetter = /* @__PURE__ */ function(LineSetter) {
+	LineSetter["LineWidth"] = "lineWidth";
+	LineSetter["To"] = "to";
+	return LineSetter;
+}({});
 // src/services/setterMap/LineSetterMap.ts
 const LineSetterMap = {
-	lineWidth: (gameObject) => (value) => {
+	["lineWidth"]: (gameObject) => (value) => {
 		if (value === void 0) return;
 		gameObject.setLineWidth(value);
 	},
-	to: (gameObject) => (value) => {
+	["to"]: (gameObject) => (value) => {
 		if (!value) return;
 		gameObject.setTo(...value);
 	},
@@ -1016,7 +1239,7 @@ const LineSetterMap = {
 	...GlobalSetterMap
 };
 // src/components/Line.vue
-const _sfc_main$11 = /*@__PURE__*/ defineComponent({
+const _sfc_main$11 = {
 	__name: "Line",
 	props: {
 		configuration: {},
@@ -1034,13 +1257,37 @@ const _sfc_main$11 = /*@__PURE__*/ defineComponent({
 			return null;
 		};
 	}
-});
+};
+// src/models/setterMap/NinesliceSetter.ts
+let NinesliceSetter = /* @__PURE__ */ function(NinesliceSetter) {
+	NinesliceSetter["BottomHeight"] = "bottomHeight";
+	NinesliceSetter["LeftWidth"] = "leftWidth";
+	NinesliceSetter["RightWidth"] = "rightWidth";
+	NinesliceSetter["TopHeight"] = "topHeight";
+	return NinesliceSetter;
+}({});
 // src/services/setterMap/components/TextureSetterMap.ts
 const TextureSetterMap = { ...BaseTextureSetterMap };
 // src/services/setterMap/NinesliceSetterMap.ts
 const NinesliceSetterMap = {
-	height: ComputedSizeSetterMap.height,
-	width: ComputedSizeSetterMap.width,
+	["height"]: ComputedSizeSetterMap["height"],
+	["width"]: ComputedSizeSetterMap["width"],
+	["bottomHeight"]: (gameObject) => (value) => {
+		if (value === void 0) return;
+		gameObject.setSlices(gameObject.width, gameObject.height, gameObject.leftWidth, gameObject.rightWidth, gameObject.topHeight, value);
+	},
+	["leftWidth"]: (gameObject) => (value) => {
+		if (value === void 0) return;
+		gameObject.setSlices(gameObject.width, gameObject.height, value, gameObject.rightWidth, gameObject.topHeight, gameObject.bottomHeight);
+	},
+	["rightWidth"]: (gameObject) => (value) => {
+		if (value === void 0) return;
+		gameObject.setSlices(gameObject.width, gameObject.height, gameObject.leftWidth, value, gameObject.topHeight, gameObject.bottomHeight);
+	},
+	["topHeight"]: (gameObject) => (value) => {
+		if (value === void 0) return;
+		gameObject.setSlices(gameObject.width, gameObject.height, gameObject.leftWidth, gameObject.rightWidth, value, gameObject.bottomHeight);
+	},
 	...AlphaSingleSetterMap,
 	...SceneObjectSetterMap,
 	...OriginSetterMap,
@@ -1049,10 +1296,10 @@ const NinesliceSetterMap = {
 	...GlobalSetterMap
 };
 // src/components/Nineslice.vue
-const _sfc_main$12 = /*@__PURE__*/ defineComponent({
+const _sfc_main$12 = {
 	__name: "Nineslice",
 	props: {
-		configuration: {},
+		configuration: { type: Function },
 		immediate: { type: Boolean },
 		onComplete: { type: Function }
 	},
@@ -1067,10 +1314,15 @@ const _sfc_main$12 = /*@__PURE__*/ defineComponent({
 			return null;
 		};
 	}
-});
+};
+// src/models/setterMap/ParticlesSetter.ts
+let ParticlesSetter = /* @__PURE__ */ function(ParticlesSetter) {
+	ParticlesSetter["Configuration"] = "config";
+	return ParticlesSetter;
+}({});
 // src/services/setterMap/ParticlesSetterMap.ts
 const ParticlesSetterMap = {
-	config: (gameObject) => (value) => {
+	["config"]: (gameObject) => (value) => {
 		if (!value) return;
 		gameObject.setConfig(value);
 	},
@@ -1081,7 +1333,7 @@ const ParticlesSetterMap = {
 	...GlobalSetterMap
 };
 // src/components/Particles.vue
-const _sfc_main$13 = /*@__PURE__*/ defineComponent({
+const _sfc_main$13 = {
 	__name: "Particles",
 	props: {
 		configuration: {},
@@ -1099,9 +1351,14 @@ const _sfc_main$13 = /*@__PURE__*/ defineComponent({
 			return null;
 		};
 	}
-});
+};
+// src/models/setterMap/components/PathFollowerComponentSetter.ts
+let PathFollowerComponentSetter = /* @__PURE__ */ function(PathFollowerComponentSetter) {
+	PathFollowerComponentSetter["Path"] = "path";
+	return PathFollowerComponentSetter;
+}({});
 // src/services/setterMap/components/PathFollowerComponentSetterMap.ts
-const PathFollowerComponentSetterMap = { path: (gameObject) => (value) => {
+const PathFollowerComponentSetterMap = { ["path"]: (gameObject) => (value) => {
 	if (!value) return;
 	gameObject.setPath(value);
 } };
@@ -1114,10 +1371,10 @@ const PathFollowerSetterMap = {
 	...TextureSetterMap
 };
 // src/components/PathFollower.vue
-const _sfc_main$14 = /*@__PURE__*/ defineComponent({
+const _sfc_main$14 = {
 	__name: "PathFollower",
 	props: {
-		configuration: {},
+		configuration: { type: Function },
 		onComplete: { type: Function }
 	},
 	setup(__props, { emit: __emit }) {
@@ -1131,10 +1388,15 @@ const _sfc_main$14 = /*@__PURE__*/ defineComponent({
 			return null;
 		};
 	}
-});
+};
+// src/models/setterMap/PolygonSetter.ts
+let PolygonSetter = /* @__PURE__ */ function(PolygonSetter) {
+	PolygonSetter["Points"] = "points";
+	return PolygonSetter;
+}({});
 // src/services/setterMap/PolygonSetterMap.ts
 const PolygonSetterMap = {
-	points: (gameObject) => (value) => {
+	["points"]: (gameObject) => (value) => {
 		if (!value) return;
 		gameObject.setTo(value);
 	},
@@ -1142,7 +1404,7 @@ const PolygonSetterMap = {
 	...GlobalSetterMap
 };
 // src/components/Polygon.vue
-const _sfc_main$15 = /*@__PURE__*/ defineComponent({
+const _sfc_main$15 = {
 	__name: "Polygon",
 	props: {
 		configuration: {},
@@ -1160,16 +1422,16 @@ const _sfc_main$15 = /*@__PURE__*/ defineComponent({
 			return null;
 		};
 	}
-});
+};
 // src/services/setterMap/RectangleSetterMap.ts
 const RectangleSetterMap = {
-	height: ComputedSizeSetterMap.height,
-	width: ComputedSizeSetterMap.width,
+	["height"]: ComputedSizeSetterMap["height"],
+	["width"]: ComputedSizeSetterMap["width"],
 	...ShapeSetterMap,
 	...GlobalSetterMap
 };
 // src/components/Rectangle.vue
-const _sfc_main$16 = /*@__PURE__*/ defineComponent({
+const _sfc_main$16 = {
 	__name: "Rectangle",
 	props: {
 		configuration: {},
@@ -1187,7 +1449,7 @@ const _sfc_main$16 = /*@__PURE__*/ defineComponent({
 			return null;
 		};
 	}
-});
+};
 // src/services/setterMap/RenderTextureSetterMap.ts
 const RenderTextureSetterMap = {
 	...AlphaSetterMap,
@@ -1200,7 +1462,7 @@ const RenderTextureSetterMap = {
 	...GlobalSetterMap
 };
 // src/components/RenderTexture.vue
-const _sfc_main$17 = /*@__PURE__*/ defineComponent({
+const _sfc_main$17 = {
 	__name: "RenderTexture",
 	props: {
 		configuration: {},
@@ -1218,7 +1480,7 @@ const _sfc_main$17 = /*@__PURE__*/ defineComponent({
 			return null;
 		};
 	}
-});
+};
 // src/services/hooks/resetLifecycleListeners.ts
 const resetLifecycleListeners = (scene, lifecycle) => {
 	const listenersMap = ExternalSceneStore.lifecycleListenersMap.get(lifecycle);
@@ -1286,7 +1548,7 @@ const useInputStore = defineStore("phaser/input", () => {
 	return { isInputActive: ref(false) };
 });
 // src/components/Scene.vue
-const _sfc_main$18 = /*@__PURE__*/ defineComponent({
+const _sfc_main$18 = {
 	__name: "Scene",
 	props: {
 		autoStart: { type: Boolean },
@@ -1344,18 +1606,23 @@ const _sfc_main$18 = /*@__PURE__*/ defineComponent({
 			for (const [event, listener] of cameraFadeListeners) scene.cameras.main.off(event, listener);
 			emit("shutdown", scene);
 		};
+		let isSceneAdded = false;
 		onMounted(async () => {
-			const scene = useGame().scene.add(__props.sceneKey, NewScene);
-			if (!scene) {
-				console.error(`Failed to add scene: ${__props.sceneKey}`);
-				return;
-			}
+			const game = useGame();
+			const scene = getResult(() => game.scene.add(__props.sceneKey, NewScene)).match((addedScene) => addedScene, (error) => {
+				console.error(`Failed to add scene: ${__props.sceneKey}`, error);
+				return null;
+			});
+			if (!scene) return;
+			isSceneAdded = true;
 			scene.events.on(Scenes.Events.READY, readyListener);
 			scene.events.on(Scenes.Events.SHUTDOWN, shutdownListener);
 			if (__props.autoStart) await switchToScene(__props.sceneKey);
 		});
 		onUnmounted(() => {
+			if (!isSceneAdded) return;
 			const game = useGame();
+			stopStartedScene(game, __props.sceneKey);
 			const scene = getScene(__props.sceneKey);
 			scene.events.off(Scenes.Events.READY, readyListener);
 			scene.events.off(Scenes.Events.SHUTDOWN, shutdownListener);
@@ -1363,14 +1630,20 @@ const _sfc_main$18 = /*@__PURE__*/ defineComponent({
 		});
 		provide(InjectionKeyMap.SceneKey, __props.sceneKey);
 		return (_ctx, _cache) => {
-			return isActive.value ? renderSlot(_ctx.$slots, "default", {}, void 0, void 0, 0) : createCommentVNode("v-if", true);
+			return isActive.value ? renderSlot(_ctx.$slots, "default", { key: 0 }) : createCommentVNode("", true);
 		};
 	}
-});
+};
+// src/models/setterMap/shared/AnimationSetter.ts
+let AnimationSetter = /* @__PURE__ */ function(AnimationSetter) {
+	AnimationSetter["Animations"] = "animations";
+	AnimationSetter["PlayAnimationKey"] = "playAnimationKey";
+	return AnimationSetter;
+}({});
 // src/services/setterMap/shared/AnimationSetterMap.ts
 const completionListeners = /* @__PURE__ */ new WeakMap();
 const AnimationSetterMap = {
-	animations: (gameObject, emit) => (configurations) => {
+	["animations"]: (gameObject, emit) => (configurations) => {
 		if (!(configurations && configurations.length > 0)) return;
 		const listeners = completionListeners.get(gameObject) ?? /* @__PURE__ */ new Map();
 		completionListeners.set(gameObject, listeners);
@@ -1388,7 +1661,7 @@ const AnimationSetterMap = {
 			if (!gameObject.scene.anims.create(configuration)) throw new InvalidOperationError(Operation.Create, "Animation", configuration.key);
 		}
 	},
-	playAnimationKey: (gameObject) => (value) => {
+	["playAnimationKey"]: (gameObject) => (value) => {
 		if (value === void 0) {
 			gameObject.stop();
 			return;
@@ -1410,10 +1683,10 @@ const SpriteSetterMap = {
 	...GlobalSetterMap
 };
 // src/components/Sprite.vue
-const _sfc_main$19 = /*@__PURE__*/ defineComponent({
+const _sfc_main$19 = {
 	__name: "Sprite",
 	props: {
-		configuration: {},
+		configuration: { type: Function },
 		immediate: { type: Boolean },
 		onComplete: { type: Function }
 	},
@@ -1428,18 +1701,25 @@ const _sfc_main$19 = /*@__PURE__*/ defineComponent({
 			return null;
 		};
 	}
-});
+};
+// src/models/setterMap/StarSetter.ts
+let StarSetter = /* @__PURE__ */ function(StarSetter) {
+	StarSetter["InnerRadius"] = "innerRadius";
+	StarSetter["OuterRadius"] = "outerRadius";
+	StarSetter["Points"] = "points";
+	return StarSetter;
+}({});
 // src/services/setterMap/StarSetterMap.ts
 const StarSetterMap = {
-	innerRadius: (gameObject) => (value) => {
+	["innerRadius"]: (gameObject) => (value) => {
 		if (value === void 0) return;
 		gameObject.setInnerRadius(value);
 	},
-	outerRadius: (gameObject) => (value) => {
+	["outerRadius"]: (gameObject) => (value) => {
 		if (value === void 0) return;
 		gameObject.setOuterRadius(value);
 	},
-	points: (gameObject) => (value) => {
+	["points"]: (gameObject) => (value) => {
 		if (value === void 0) return;
 		gameObject.setPoints(value);
 	},
@@ -1447,7 +1727,7 @@ const StarSetterMap = {
 	...GlobalSetterMap
 };
 // src/components/Star.vue
-const _sfc_main$20 = /*@__PURE__*/ defineComponent({
+const _sfc_main$20 = {
 	__name: "Star",
 	props: {
 		configuration: {},
@@ -1465,18 +1745,25 @@ const _sfc_main$20 = /*@__PURE__*/ defineComponent({
 			return null;
 		};
 	}
-});
+};
+// src/models/setterMap/TextSetter.ts
+let TextSetter = /* @__PURE__ */ function(TextSetter) {
+	TextSetter["Padding"] = "padding";
+	TextSetter["Style"] = "style";
+	TextSetter["Text"] = "text";
+	return TextSetter;
+}({});
 // src/services/setterMap/TextSetterMap.ts
 const TextSetterMap = {
-	padding: (gameObject) => (value) => {
+	["padding"]: (gameObject) => (value) => {
 		if (!value) return;
 		gameObject.setPadding(value);
 	},
-	style: (gameObject) => (value) => {
+	["style"]: (gameObject) => (value) => {
 		if (!value) return;
-		gameObject.setStyle(value);
+		gameObject.setStyle(omitUndefined(value));
 	},
-	text: (gameObject, emit) => (value) => {
+	["text"]: (gameObject, emit) => (value) => {
 		if (value === void 0) return;
 		gameObject.setText(value);
 		emit("update:width", gameObject.width);
@@ -1491,10 +1778,10 @@ const useTextStore = defineStore("phaser/text", () => {
 	return { defaultTextStyle: ref() };
 });
 // src/components/Text.vue
-const _sfc_main$21 = /*@__PURE__*/ defineComponent({
+const _sfc_main$21 = {
 	__name: "Text",
 	props: {
-		configuration: {},
+		configuration: { type: Function },
 		immediate: { type: Boolean }
 	},
 	setup(__props, { emit: __emit }) {
@@ -1505,14 +1792,47 @@ const _sfc_main$21 = /*@__PURE__*/ defineComponent({
 			const { style, text, x, y } = __props.configuration;
 			return scene.add.text(x ?? 0, y ?? 0, text, {
 				...defaultTextStyle.value,
-				...style
+				...omitUndefined(style ?? {})
 			});
 		}, () => __props.configuration, emit, TextSetterMap, __props.immediate);
 		return (_ctx, _cache) => {
 			return null;
 		};
 	}
-});
+};
+// src/components/Tilemap.vue
+const _sfc_main$23 = {
+	__name: "Tilemap",
+	props: {
+		configuration: {},
+		onComplete: { type: Function }
+	},
+	setup(__props) {
+		const sceneKey = useInjectSceneKey();
+		const tilemap = shallowRef();
+		const lifecycleHook = getInitializeGameObjectLifecycleHook(sceneKey);
+		const createTilemap = (scene) => {
+			tilemap.value?.destroy();
+			tilemap.value = scene.make.tilemap(__props.configuration);
+			__props.onComplete?.(scene, tilemap.value);
+		};
+		lifecycleHook(createTilemap);
+		watch(() => __props.configuration.key, (newKey) => {
+			if (newKey) createTilemap(getScene(sceneKey));
+			else {
+				tilemap.value?.destroy();
+				tilemap.value = void 0;
+			}
+		});
+		onUnmounted(() => {
+			if (!tilemap.value) return;
+			tilemap.value.destroy();
+		});
+		return (_ctx, _cache) => {
+			return renderSlot(_ctx.$slots, "default");
+		};
+	}
+};
 // src/services/setterMap/TileSpriteSetterMap.ts
 const TileSpriteSetterMap = {
 	...RenderableSetterMap,
@@ -1521,10 +1841,10 @@ const TileSpriteSetterMap = {
 	...TextureSetterMap
 };
 // src/components/TileSprite.vue
-const _sfc_main$22 = /*@__PURE__*/ defineComponent({
+const _sfc_main$22 = {
 	__name: "TileSprite",
 	props: {
-		configuration: {},
+		configuration: { type: Function },
 		immediate: { type: Boolean },
 		onComplete: { type: Function }
 	},
@@ -1539,42 +1859,15 @@ const _sfc_main$22 = /*@__PURE__*/ defineComponent({
 			return null;
 		};
 	}
-});
-// src/components/Tilemap.vue
-const _sfc_main$23 = /*@__PURE__*/ defineComponent({
-	__name: "Tilemap",
-	props: {
-		configuration: {},
-		onComplete: { type: Function }
-	},
-	setup(__props) {
-		const sceneKey = useInjectSceneKey();
-		const tilemap = shallowRef();
-		onCreate((newScene) => {
-			tilemap.value = newScene.make.tilemap(__props.configuration);
-			__props.onComplete?.(newScene, tilemap.value);
-		});
-		watch(() => __props.configuration.key, (newKey) => {
-			const scene = getScene(sceneKey);
-			const oldTilemap = tilemap.value;
-			if (newKey) {
-				tilemap.value = scene.make.tilemap(__props.configuration);
-				__props.onComplete?.(scene, tilemap.value);
-			} else tilemap.value = void 0;
-			if (oldTilemap) oldTilemap.destroy();
-		});
-		onUnmounted(() => {
-			if (!tilemap.value) return;
-			tilemap.value.destroy();
-		});
-		return (_ctx, _cache) => {
-			return renderSlot(_ctx.$slots, "default");
-		};
-	}
-});
+};
+// src/models/setterMap/TriangleSetter.ts
+let TriangleSetter = /* @__PURE__ */ function(TriangleSetter) {
+	TriangleSetter["To"] = "to";
+	return TriangleSetter;
+}({});
 // src/services/setterMap/TriangleSetterMap.ts
 const TriangleSetterMap = {
-	to: (gameObject) => (value) => {
+	["to"]: (gameObject) => (value) => {
 		if (!value) return;
 		gameObject.setTo(...value);
 	},
@@ -1582,7 +1875,7 @@ const TriangleSetterMap = {
 	...GlobalSetterMap
 };
 // src/components/Triangle.vue
-const _sfc_main$24 = /*@__PURE__*/ defineComponent({
+const _sfc_main$24 = {
 	__name: "Triangle",
 	props: {
 		configuration: {},
@@ -1600,17 +1893,26 @@ const _sfc_main$24 = /*@__PURE__*/ defineComponent({
 			return null;
 		};
 	}
-});
+};
+// src/models/setterMap/VideoSetter.ts
+let VideoSetter = /* @__PURE__ */ function(VideoSetter) {
+	VideoSetter["Key"] = "key";
+	VideoSetter["Muted"] = "muted";
+	VideoSetter["Volume"] = "volume";
+	return VideoSetter;
+}({});
 // src/services/setterMap/VideoSetterMap.ts
 const VideoSetterMap = {
-	key: (gameObject) => (value) => {
+	["key"]: (gameObject) => (value) => {
 		if (!value) return;
 		gameObject.changeSource(value);
 	},
-	muted: (gameObject) => (value) => {
+	["muted"]: (gameObject) => (value) => {
+		if (value === void 0) return;
 		gameObject.setMute(value);
 	},
-	volume: (gameObject) => (value) => {
+	["volume"]: (gameObject) => (value) => {
+		if (value === void 0) return;
 		gameObject.setVolume(value);
 	},
 	...AlphaSetterMap,
@@ -1623,7 +1925,7 @@ const VideoSetterMap = {
 	...GlobalSetterMap
 };
 // src/components/Video.vue
-const _sfc_main$25 = /*@__PURE__*/ defineComponent({
+const _sfc_main$25 = {
 	__name: "Video",
 	props: {
 		configuration: {},
@@ -1641,7 +1943,7 @@ const _sfc_main$25 = /*@__PURE__*/ defineComponent({
 			return null;
 		};
 	}
-});
+};
 // src/services/setterMap/ZoneSetterMap.ts
 const ZoneSetterMap = {
 	...ComputedSizeSetterMap,
@@ -1653,9 +1955,9 @@ const ZoneSetterMap = {
 	...GlobalSetterMap
 };
 // src/components/Zone.vue
-const _sfc_main$26 = /*@__PURE__*/ defineComponent({
+const _sfc_main$26 = {
 	__name: "Zone",
-	props: { configuration: {} },
+	props: { configuration: { type: Function } },
 	setup(__props, { emit: __emit }) {
 		useInitializeGameObject((scene) => {
 			const { height, width, x, y } = __props.configuration;
@@ -1665,25 +1967,32 @@ const _sfc_main$26 = /*@__PURE__*/ defineComponent({
 			return null;
 		};
 	}
-});
-// src/hooks/onShutdown.ts
-const onShutdown = (...args) => {
-	pushListener("Shutdown", ...args);
 };
+// src/hooks/onShutdown.ts
+const onShutdown = (...args) => pushListener("Shutdown", ...args);
 // src/composables/useAnimations.ts
 const useAnimations = (createConfigurations, immediate) => {
 	const animations = ref([]);
-	if (immediate) {
-		const sceneKey = useInjectSceneKey();
-		animations.value = createConfigurations(getScene(sceneKey));
-	} else onNextTick((scene) => {
+	let animationScene;
+	const createAnimations = (scene) => {
+		animationScene = scene;
 		animations.value = createConfigurations(scene);
-	});
-	onShutdown((scene) => {
+	};
+	const removeAnimations = () => {
+		if (!animationScene) return;
 		for (const { key } of animations.value) {
 			if (!key) continue;
-			scene.anims.remove(key);
+			animationScene.anims.remove(key);
 		}
+	};
+	if (immediate) {
+		const sceneKey = useInjectSceneKey();
+		createAnimations(getScene(sceneKey));
+	} else onNextTick(createAnimations);
+	const removeShutdownListener = onShutdown(removeAnimations);
+	onUnmounted(() => {
+		removeShutdownListener();
+		removeAnimations();
 	});
 	return animations;
 };
@@ -1698,27 +2007,33 @@ const useTween = (tween, newTween) => {
 	};
 };
 // src/hooks/onInit.ts
-const onInit = (...args) => {
-	pushListener("Init", ...args);
-};
+const onInit = (...args) => pushListener("Init", ...args);
 // src/hooks/onPreload.ts
-const onPreload = (...args) => {
-	pushListener("Preload", ...args);
-};
+const onPreload = (...args) => pushListener("Preload", ...args);
 // src/hooks/onUpdate.ts
-const onUpdate = (...args) => {
-	pushListener("Update", ...args);
-};
+const onUpdate = (...args) => pushListener("Update", ...args);
 // src/models/plugins/TilemapFile.ts
 const JSONFile = Loader.FileTypes.JSONFile;
 var TilemapFile = class extends JSONFile {};
-// src/services/shared/sleepScene.ts
-const sleepScene = (scene, durationMs) => new Promise((resolve) => {
+// src/services/shared/settleOnShutdown.ts
+const settleOnShutdown = (scene, schedule) => new Promise((resolve) => {
+	if (scene.sys.settings.status >= Scenes.SHUTDOWN) {
+		resolve();
+		return;
+	}
 	const settle = () => {
 		scene.events.off(Scenes.Events.SHUTDOWN, settle);
 		resolve();
 	};
-	scene.time.delayedCall(durationMs, settle);
+	schedule(settle);
 	scene.events.once(Scenes.Events.SHUTDOWN, settle);
 });
-export { ANIMATION_COMPLETE_EVENT_PREFIX, AlphaSetterMap, AlphaSingleSetterMap, AnimationSetterMap, _sfc_main as Arc, ArcSetterMap, BaseTextureSetterMap, _sfc_main$1 as BitmapText, BitmapTextSetterMap, BlendModeSetterMap, _sfc_main$2 as Circle, ComputedSizeSetterMap, _sfc_main$3 as Container, ContainerSetterMap, _sfc_main$4 as Curve, CurveSetterMap, DepthSetterMap, DisplaySizeSetterMap, EVENT_PREFIX, _sfc_main$5 as Ellipse, EllipseSetterMap, ExternalSceneStore, FlipSetterMap, _sfc_main$6 as Game, GameObjectEventMap, GameObjectSetterMap, GlobalSetterMap, _sfc_main$7 as Graphics, GraphicsSetterMap, _sfc_main$8 as Image, ImageSetterMap, InjectionKeyMap, _sfc_main$9 as IsoBox, IsoBoxSetterMap, IsoSetterMap, _sfc_main$10 as IsoTriangle, IsoTriangleSetterMap, Lifecycle, _sfc_main$11 as Line, LineSetterMap, MaskSetterMap, _sfc_main$12 as Nineslice, NinesliceSetterMap, OriginSetterMap, _sfc_main$13 as Particles, ParticlesSetterMap, _sfc_main$14 as PathFollower, PathFollowerComponentSetterMap, PathFollowerSetterMap, _sfc_main$15 as Polygon, PolygonSetterMap, _sfc_main$16 as Rectangle, RectangleSetterMap, RenderNodesSetterMap, _sfc_main$17 as RenderTexture, RenderTextureSetterMap, RenderableSetterMap, _sfc_main$18 as Scene, SceneObjectSetterMap, ScrollFactorSetterMap, ShapeSetterMap, SizeSetterMap, _sfc_main$19 as Sprite, SpriteSetterMap, _sfc_main$20 as Star, StarSetterMap, TILEMAP_TILED_JSON_EXTERNAL_KEY, _sfc_main$21 as Text, TextSetterMap, TextureCropSetterMap, TextureSetterMap, _sfc_main$22 as TileSprite, TileSpriteSetterMap, TiledJSONExternalFile, _sfc_main$23 as Tilemap, TilemapFile, TilesetFile, TintSetterMap, TransformSetterMap, _sfc_main$24 as Triangle, TriangleSetterMap, TweenSetterMap, _sfc_main$25 as Video, VideoSetterMap, VisibleSetterMap, _sfc_main$26 as Zone, ZoneSetterMap, checkIsEvent, createSceneClass, getDepthInsertIndex, getEventName, getInitializeGameObjectLifecycleHook, getScene, getUpdateEvent, onCreate, onInit, onNextTick, onPreload, onShutdown, onUpdate, pushGameObject, pushListener, registerTiledJSONExternalLoader, resetLifecycleListeners, runLifecycleListeners, runSceneShutdown, sleepScene, useAnimations, useCameraStore, useGame, useInitializeGameObject, useInitializeGameObjectEvents, useInitializeGameObjectSetters, useInjectSceneKey, useInputStore, usePhaserStore, useTextStore, useTween };
+// src/services/shared/sleepScene.ts
+const sleepScene = (scene, durationMs) => settleOnShutdown(scene, (settle) => {
+	scene.time.delayedCall(durationMs, settle);
+});
+// src/services/shared/waitForNextTick.ts
+const waitForNextTick = (scene) => settleOnShutdown(scene, (settle) => {
+	onNextTick(settle, scene.scene.key);
+});
+export { ANIMATION_COMPLETE_EVENT_PREFIX, AlphaSetter, AlphaSetterMap, AlphaSingleSetter, AlphaSingleSetterMap, AnimationSetter, AnimationSetterMap, _sfc_main as Arc, ArcSetter, ArcSetterMap, BaseTextureSetter, BaseTextureSetterMap, _sfc_main$1 as BitmapText, BitmapTextSetter, BitmapTextSetterMap, BlendModeSetter, BlendModeSetterMap, _sfc_main$2 as Circle, ComputedSizeSetter, ComputedSizeSetterMap, _sfc_main$3 as Container, ContainerSetterMap, _sfc_main$4 as Curve, CurveSetter, CurveSetterMap, DepthSetter, DepthSetterMap, DisplaySizeSetter, DisplaySizeSetterMap, EVENT_PREFIX, _sfc_main$5 as Ellipse, EllipseSetter, EllipseSetterMap, ExternalSceneStore, FlipSetter, FlipSetterMap, _sfc_main$6 as Game, GameObjectEvent, GameObjectEventMap, GameObjectSetter, GameObjectSetterMap, GlobalSetterMap, _sfc_main$7 as Graphics, GraphicsSetterMap, _sfc_main$8 as Image, ImageSetterMap, InjectionKeyMap, _sfc_main$9 as IsoBox, IsoBoxSetterMap, IsoSetter, IsoSetterMap, _sfc_main$10 as IsoTriangle, IsoTriangleSetter, IsoTriangleSetterMap, Lifecycle, _sfc_main$11 as Line, LineSetter, LineSetterMap, MaskSetter, MaskSetterMap, _sfc_main$12 as Nineslice, NinesliceSetter, NinesliceSetterMap, OriginSetter, OriginSetterMap, _sfc_main$13 as Particles, ParticlesSetter, ParticlesSetterMap, _sfc_main$14 as PathFollower, PathFollowerComponentSetter, PathFollowerComponentSetterMap, PathFollowerSetterMap, _sfc_main$15 as Polygon, PolygonSetter, PolygonSetterMap, _sfc_main$16 as Rectangle, RectangleSetterMap, RenderNodesSetterMap, _sfc_main$17 as RenderTexture, RenderTextureSetterMap, RenderableSetterMap, _sfc_main$18 as Scene, SceneObjectSetterMap, ScrollFactorSetter, ScrollFactorSetterMap, ShapeSetter, ShapeSetterMap, SizeSetterMap, _sfc_main$19 as Sprite, SpriteSetterMap, _sfc_main$20 as Star, StarSetter, StarSetterMap, TILEMAP_TILED_JSON_EXTERNAL_KEY, _sfc_main$21 as Text, TextSetter, TextSetterMap, TextureCropSetterMap, TextureSetterMap, _sfc_main$22 as TileSprite, TileSpriteSetterMap, TiledJSONExternalFile, _sfc_main$23 as Tilemap, TilemapFile, TilesetFile, TintSetter, TintSetterMap, TransformSetter, TransformSetterMap, _sfc_main$24 as Triangle, TriangleSetter, TriangleSetterMap, TweenSetter, TweenSetterMap, _sfc_main$25 as Video, VideoSetter, VideoSetterMap, VisibleSetter, VisibleSetterMap, _sfc_main$26 as Zone, ZoneSetterMap, checkIsEvent, createSceneClass, getDepthInsertIndex, getEventName, getInitializeGameObjectLifecycleHook, getScene, getTilesetDefinitionFields, getUpdateEvent, omitUndefined, onCreate, onInit, onNextTick, onPreload, onShutdown, onUpdate, pushGameObject, pushListener, registerTiledJSONExternalLoader, resetLifecycleListeners, runLifecycleListeners, runSceneShutdown, settleOnShutdown, sleepScene, stopStartedScene, useAnimations, useCameraStore, useGame, useInitializeGameObject, useInitializeGameObjectEvents, useInitializeGameObjectSetters, useInjectSceneKey, useInputStore, usePhaserStore, useTextStore, useTween, waitForNextTick };