vue-phaserjs 3.0.0 → 3.3.0

package/dist/index.js

@@ -1,26 +1,16 @@
-import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, defineComponent, getCurrentInstance, inject, nextTick, onMounted, onUnmounted, openBlock, provide, ref, renderSlot, toValue, useTemplateRef, watch } from "vue";
-import { ID_SEPARATOR, InvalidOperationError, NotFoundError, NotInitializedError, Operation, checkIsPlainObject, takeOne, toKebabCase } from "@esposter/shared";
+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, checkIsPlainObject, getOrCreate, takeOne, toKebabCase } from "@esposter/shared";
 import ClickOutside from "phaser4-rex-plugins/plugins/clickoutside.js";
 import { Animations, Cameras, Core, Game, Loader, Scene, Scenes, Tilemaps, Tweens, Utils } from "phaser";
 import { defineStore, storeToRefs } from "pinia";
 import { parseTileset, parseXmlString } from "parse-tmx";
-//#region src/util/getDepthInsertIndex.ts
-const getDepthInsertIndex = (list, depth) => typeof depth === "number" ? list.findIndex((gameObject) => "depth" in gameObject && typeof gameObject.depth === "number" && gameObject.depth > depth) : -1;
-//#endregion
-//#region src/pushGameObject.ts
-const pushGameObject = (parentContainer, configuration, gameObject) => {
-	const depthInsertIndex = getDepthInsertIndex(parentContainer.list, "depth" in configuration ? configuration.depth : void 0);
-	if (depthInsertIndex === -1) parentContainer.add(gameObject);
-	else parentContainer.addAt(gameObject, depthInsertIndex);
-};
-//#endregion
-//#region src/util/emit/constants.ts
+//#region src/services/emit/constants.ts
 const EVENT_PREFIX = "on";
 //#endregion
-//#region src/util/emit/checkIsEvent.ts
+//#region src/services/emit/checkIsEvent.ts
 const checkIsEvent = (property) => property.startsWith("on");
 //#endregion
-//#region src/util/emit/GameObjectEventMap.ts
+//#region src/services/emit/GameObjectEventMap.ts
 const GameObjectEventMap = {
 	clickoutside: {},
 	drag: { drag: true },
@@ -38,7 +28,7 @@ const GameObjectEventMap = {
 	wheel: { eventIndex: 4 }
 };
 //#endregion
-//#region src/util/emit/getEventName.ts
+//#region src/services/emit/getEventName.ts
 const getEventName = (event) => {
 	if (!event.startsWith("on") || event.length <= 2) throw new InvalidOperationError(Operation.Read, getEventName.name, event);
 	return event.slice(2).toLowerCase();
@@ -60,17 +50,10 @@ const useInitializeGameObjectEvents = () => {
 				if ("eventIndex" in context) takeOne(args).stopPropagation = takeOne(args, context.eventIndex).stopPropagation;
 				emit(gameObjectEvent, ...args);
 			};
-			if (gameObjectEvent === "clickoutside") {
-				const clickOutside = new ClickOutside(gameObject);
-				clickOutside.on(gameObjectEvent, eventListener);
-				eventStopHandles.push(() => {
-					clickOutside.off(gameObjectEvent, eventListener);
-				});
-				continue;
-			}
-			gameObject.on(gameObjectEvent, eventListener);
+			const emitter = gameObjectEvent === "clickoutside" ? new ClickOutside(gameObject) : gameObject;
+			emitter.on(gameObjectEvent, eventListener);
 			eventStopHandles.push(() => {
-				gameObject.off(gameObjectEvent, eventListener);
+				emitter.off(gameObjectEvent, eventListener);
 			});
 		}
 	};
@@ -80,7 +63,7 @@ const useInitializeGameObjectEvents = () => {
 	};
 };
 //#endregion
-//#region src/util/InjectionKeyMap.ts
+//#region src/services/shared/InjectionKeyMap.ts
 const InjectionKeyMap = {
 	ParentContainer: Symbol("ParentContainer"),
 	SceneKey: Symbol("SceneKey")
@@ -110,17 +93,11 @@ const ExternalSceneStore = {
 	sceneReadyMap: /* @__PURE__ */ new Map()
 };
 //#endregion
-//#region src/util/hooks/pushListener.ts
+//#region src/services/hooks/pushListener.ts
 const pushListener = (lifecycle, listener, key) => {
 	const sceneKey = key ?? useInjectSceneKey();
-	const listenersMap = ExternalSceneStore.lifecycleListenersMap.get(lifecycle);
-	if (!listenersMap) {
-		ExternalSceneStore.lifecycleListenersMap.set(lifecycle, /* @__PURE__ */ new Map([[sceneKey, [listener]]]));
-		return;
-	}
-	const listeners = listenersMap.get(sceneKey);
-	if (listeners) listeners.push(listener);
-	else listenersMap.set(sceneKey, [listener]);
+	const listenersMap = getOrCreate(ExternalSceneStore.lifecycleListenersMap, lifecycle, () => /* @__PURE__ */ new Map());
+	getOrCreate(listenersMap, sceneKey, () => []).push(listener);
 };
 //#endregion
 //#region src/hooks/onNextTick.ts
@@ -128,7 +105,7 @@ const onNextTick = (...args) => {
 	pushListener("NextTick", ...args);
 };
 //#endregion
-//#region src/util/emit/getUpdateEvent.ts
+//#region src/services/emit/getUpdateEvent.ts
 const getUpdateEvent = (property) => `update:${toKebabCase(property)}`;
 //#endregion
 //#region src/composables/useInitializeGameObjectSetters.ts
@@ -166,6 +143,14 @@ const useInitializeGameObjectSetters = (gameObject, configuration, emit, setterM
 	};
 };
 //#endregion
+//#region src/hooks/onCreate.ts
+const onCreate = (...args) => {
+	pushListener("Create", ...args);
+};
+//#endregion
+//#region src/services/hooks/getInitializeGameObjectLifecycleHook.ts
+const getInitializeGameObjectLifecycleHook = (sceneKey) => ExternalSceneStore.sceneReadyMap.get(sceneKey) ? onNextTick : onCreate;
+//#endregion
 //#region src/store/index.ts
 const usePhaserStore = defineStore("phaser", () => {
 	let baseGame;
@@ -222,18 +207,20 @@ const useGame = () => {
 	return game.value;
 };
 //#endregion
-//#region src/util/getScene.ts
+//#region src/services/shared/getScene.ts
 const getScene = (sceneKey) => {
 	return useGame().scene.getScene(sceneKey);
 };
 //#endregion
-//#region src/hooks/onCreate.ts
-const onCreate = (...args) => {
-	pushListener("Create", ...args);
-};
+//#region src/services/shared/getDepthInsertIndex.ts
+const getDepthInsertIndex = (list, depth) => typeof depth === "number" ? list.findIndex((gameObject) => "depth" in gameObject && typeof gameObject.depth === "number" && gameObject.depth > depth) : -1;
 //#endregion
-//#region src/util/hooks/getInitializeGameObjectLifecycleHook.ts
-const getInitializeGameObjectLifecycleHook = (sceneKey) => ExternalSceneStore.sceneReadyMap.get(sceneKey) ? onNextTick : onCreate;
+//#region src/services/shared/pushGameObject.ts
+const pushGameObject = (parentContainer, configuration, gameObject) => {
+	const depthInsertIndex = getDepthInsertIndex(parentContainer.list, "depth" in configuration ? configuration.depth : void 0);
+	if (depthInsertIndex === -1) parentContainer.add(gameObject);
+	else parentContainer.addAt(gameObject, depthInsertIndex);
+};
 //#endregion
 //#region src/composables/useInitializeGameObject.ts
 const useInitializeGameObject = (create, configuration, emit, setterMap, immediate) => {
@@ -268,7 +255,7 @@ const useInitializeGameObject = (create, configuration, emit, setterMap, immedia
 	});
 };
 //#endregion
-//#region src/util/setterMap/components/DisplaySizeSetterMap.ts
+//#region src/services/setterMap/components/DisplaySizeSetterMap.ts
 const DisplaySizeSetterMap = {
 	displayHeight: (gameObject) => (value) => {
 		if (value === void 0) return;
@@ -280,7 +267,7 @@ const DisplaySizeSetterMap = {
 	}
 };
 //#endregion
-//#region src/util/setterMap/components/ComputedSizeSetterMap.ts
+//#region src/services/setterMap/components/ComputedSizeSetterMap.ts
 const ComputedSizeSetterMap = {
 	...DisplaySizeSetterMap,
 	height: (gameObject) => (value) => {
@@ -293,36 +280,45 @@ const ComputedSizeSetterMap = {
 	}
 };
 //#endregion
-//#region src/util/setterMap/components/DepthSetterMap.ts
+//#region src/services/setterMap/components/DepthSetterMap.ts
 const DepthSetterMap = { depth: (gameObject) => (value) => {
 	if (value === void 0) return;
 	gameObject.setDepth(value);
 	if (!gameObject.parentContainer) return;
-	const depthInsertIndex = getDepthInsertIndex(gameObject.parentContainer.list, gameObject.depth);
+	const { list } = gameObject.parentContainer;
+	const depthInsertIndex = getDepthInsertIndex(list, gameObject.depth);
 	if (depthInsertIndex === -1) gameObject.parentContainer.bringToTop(gameObject);
-	else gameObject.parentContainer.moveTo(gameObject, Math.max(depthInsertIndex - 1, 0));
+	else {
+		const currentIndex = list.indexOf(gameObject);
+		gameObject.parentContainer.moveTo(gameObject, currentIndex < depthInsertIndex ? depthInsertIndex - 1 : depthInsertIndex);
+	}
 } };
 //#endregion
-//#region src/util/setterMap/components/OriginSetterMap.ts
+//#region src/services/setterMap/components/OriginSetterMap.ts
 const OriginSetterMap = {
 	displayOriginX: (gameObject) => (value) => {
+		if (value === void 0) return;
 		gameObject.setDisplayOrigin(value, gameObject.displayOriginY);
 	},
 	displayOriginY: (gameObject) => (value) => {
+		if (value === void 0) return;
 		gameObject.setDisplayOrigin(gameObject.displayOriginX, value);
 	},
 	origin: (gameObject) => (value) => {
+		if (value === void 0) return;
 		gameObject.setOrigin(value, value);
 	},
 	originX: (gameObject) => (value) => {
+		if (value === void 0) return;
 		gameObject.setOrigin(value, gameObject.originY);
 	},
 	originY: (gameObject) => (value) => {
+		if (value === void 0) return;
 		gameObject.setOrigin(gameObject.originX, value);
 	}
 };
 //#endregion
-//#region src/util/setterMap/components/ScrollFactorSetterMap.ts
+//#region src/services/setterMap/components/ScrollFactorSetterMap.ts
 const ScrollFactorSetterMap = {
 	scrollFactor: (gameObject) => (value) => {
 		if (value === void 0) return;
@@ -338,50 +334,59 @@ const ScrollFactorSetterMap = {
 	}
 };
 //#endregion
-//#region src/util/setterMap/components/TransformSetterMap.ts
+//#region src/services/setterMap/components/TransformSetterMap.ts
 const TransformSetterMap = {
 	angle: (gameObject) => (value) => {
+		if (value === void 0) return;
 		gameObject.setAngle(value);
 	},
 	rotation: (gameObject) => (value) => {
+		if (value === void 0) return;
 		gameObject.setRotation(value);
 	},
 	scale: (gameObject) => (value) => {
+		if (value === void 0) return;
 		gameObject.setScale(value, value);
 	},
 	scaleX: (gameObject) => (value) => {
+		if (value === void 0) return;
 		gameObject.setScale(value, gameObject.scaleY);
 	},
 	scaleY: (gameObject) => (value) => {
+		if (value === void 0) return;
 		gameObject.setScale(gameObject.scaleX, value);
 	},
 	w: (gameObject) => (value) => {
+		if (value === void 0) return;
 		gameObject.setW(value);
 	},
 	x: (gameObject) => (value) => {
+		if (value === void 0) return;
 		gameObject.setX(value);
 	},
 	y: (gameObject) => (value) => {
+		if (value === void 0) return;
 		gameObject.setY(value);
 	},
 	z: (gameObject) => (value) => {
+		if (value === void 0) return;
 		gameObject.setZ(value);
 	}
 };
 //#endregion
-//#region src/util/setterMap/components/VisibleSetterMap.ts
+//#region src/services/setterMap/components/VisibleSetterMap.ts
 const VisibleSetterMap = { visible: (gameObject) => (value) => {
 	if (value === void 0) return;
 	gameObject.setVisible(value);
 } };
 //#endregion
-//#region src/util/setterMap/global/GameObjectSetterMap.ts
+//#region src/services/setterMap/global/GameObjectSetterMap.ts
 const GameObjectSetterMap = { active: (gameObject) => (value) => {
 	if (value === void 0) return;
 	gameObject.setActive(value);
 } };
 //#endregion
-//#region src/util/setterMap/global/TweenSetterMap.ts
+//#region src/services/setterMap/global/TweenSetterMap.ts
 const TweenSetterMap = {
 	tween: (gameObject, emit) => (value) => {
 		if (!value) return;
@@ -403,13 +408,13 @@ const TweenSetterMap = {
 	}
 };
 //#endregion
-//#region src/util/setterMap/global/GlobalSetterMap.ts
+//#region src/services/setterMap/global/GlobalSetterMap.ts
 const GlobalSetterMap = {
 	...TweenSetterMap,
 	...GameObjectSetterMap
 };
 //#endregion
-//#region src/util/setterMap/ZoneSetterMap.ts
+//#region src/services/setterMap/ZoneSetterMap.ts
 const ZoneSetterMap = {
 	...ComputedSizeSetterMap,
 	...DepthSetterMap,
@@ -435,32 +440,37 @@ const _sfc_main$26 = /*@__PURE__*/ defineComponent({
 	}
 });
 //#endregion
-//#region src/util/setterMap/components/AlphaSetterMap.ts
+//#region src/services/setterMap/components/AlphaSetterMap.ts
 const AlphaSetterMap = {
 	alpha: (gameObject) => (value) => {
+		if (value === void 0) return;
 		gameObject.setAlpha(value, value, value, value);
 	},
 	alphaBottomLeft: (gameObject) => (value) => {
+		if (value === void 0) return;
 		gameObject.setAlpha(gameObject.alphaTopLeft, gameObject.alphaTopRight, value, gameObject.alphaBottomRight);
 	},
 	alphaBottomRight: (gameObject) => (value) => {
+		if (value === void 0) return;
 		gameObject.setAlpha(gameObject.alphaTopLeft, gameObject.alphaTopRight, gameObject.alphaBottomLeft, value);
 	},
 	alphaTopLeft: (gameObject) => (value) => {
+		if (value === void 0) return;
 		gameObject.setAlpha(value, gameObject.alphaTopRight, gameObject.alphaBottomLeft, gameObject.alphaBottomRight);
 	},
 	alphaTopRight: (gameObject) => (value) => {
+		if (value === void 0) return;
 		gameObject.setAlpha(gameObject.alphaTopLeft, value, gameObject.alphaBottomLeft, gameObject.alphaBottomRight);
 	}
 };
 //#endregion
-//#region src/util/setterMap/components/BlendModeSetterMap.ts
+//#region src/services/setterMap/components/BlendModeSetterMap.ts
 const BlendModeSetterMap = { blendMode: (gameObject) => (value) => {
 	if (value === void 0) return;
 	gameObject.setBlendMode(value);
 } };
 //#endregion
-//#region src/util/setterMap/components/FlipSetterMap.ts
+//#region src/services/setterMap/components/FlipSetterMap.ts
 const FlipSetterMap = {
 	flipX: (gameObject) => (value) => {
 		if (value === void 0) return;
@@ -472,16 +482,16 @@ const FlipSetterMap = {
 	}
 };
 //#endregion
-//#region src/util/setterMap/components/MaskSetterMap.ts
+//#region src/services/setterMap/components/MaskSetterMap.ts
 const MaskSetterMap = { mask: (gameObject) => (value) => {
 	if (!value) return;
 	gameObject.setMask(value);
 } };
 //#endregion
-//#region src/util/setterMap/components/RenderNodesSetterMap.ts
+//#region src/services/setterMap/components/RenderNodesSetterMap.ts
 const RenderNodesSetterMap = {};
 //#endregion
-//#region src/util/setterMap/components/BaseTextureSetterMap.ts
+//#region src/services/setterMap/components/BaseTextureSetterMap.ts
 const BaseTextureSetterMap = {
 	frame: (gameObject) => (value) => {
 		if (value === void 0) return;
@@ -493,29 +503,34 @@ const BaseTextureSetterMap = {
 	}
 };
 //#endregion
-//#region src/util/setterMap/components/TextureCropSetterMap.ts
+//#region src/services/setterMap/components/TextureCropSetterMap.ts
 const TextureCropSetterMap = { ...BaseTextureSetterMap };
 //#endregion
-//#region src/util/setterMap/components/TintSetterMap.ts
+//#region src/services/setterMap/components/TintSetterMap.ts
 const TintSetterMap = {
 	tint: (gameObject) => (value) => {
+		if (value === void 0) return;
 		gameObject.setTint(value, value, value, value);
 	},
 	tintBottomLeft: (gameObject) => (value) => {
+		if (value === void 0) return;
 		gameObject.setTint(gameObject.tintTopLeft, gameObject.tintTopRight, value, gameObject.tintBottomRight);
 	},
 	tintBottomRight: (gameObject) => (value) => {
+		if (value === void 0) return;
 		gameObject.setTint(gameObject.tintTopLeft, gameObject.tintTopRight, gameObject.tintBottomLeft, value);
 	},
 	tintTopLeft: (gameObject) => (value) => {
+		if (value === void 0) return;
 		gameObject.setTint(value, gameObject.tintTopRight, gameObject.tintBottomLeft, gameObject.tintBottomRight);
 	},
 	tintTopRight: (gameObject) => (value) => {
+		if (value === void 0) return;
 		gameObject.setTint(gameObject.tintTopLeft, value, gameObject.tintBottomLeft, gameObject.tintBottomRight);
 	}
 };
 //#endregion
-//#region src/util/setterMap/VideoSetterMap.ts
+//#region src/services/setterMap/VideoSetterMap.ts
 const VideoSetterMap = {
 	key: (gameObject) => (value) => {
 		if (!value) return;
@@ -563,12 +578,13 @@ const _sfc_main$25 = /*@__PURE__*/ defineComponent({
 	}
 });
 //#endregion
-//#region src/util/setterMap/components/AlphaSingleSetterMap.ts
+//#region src/services/setterMap/components/AlphaSingleSetterMap.ts
 const AlphaSingleSetterMap = { alpha: (gameObject) => (value) => {
+	if (value === void 0) return;
 	gameObject.setAlpha(value);
 } };
 //#endregion
-//#region src/util/setterMap/shared/ShapeSetterMap.ts
+//#region src/services/setterMap/shared/ShapeSetterMap.ts
 const ShapeSetterMap = {
 	...AlphaSingleSetterMap,
 	...BlendModeSetterMap,
@@ -593,7 +609,7 @@ const ShapeSetterMap = {
 	}
 };
 //#endregion
-//#region src/util/setterMap/TriangleSetterMap.ts
+//#region src/services/setterMap/TriangleSetterMap.ts
 const TriangleSetterMap = {
 	to: (gameObject) => (value) => {
 		if (!value) return;
@@ -624,10 +640,10 @@ const _sfc_main$24 = /*@__PURE__*/ defineComponent({
 	}
 });
 //#endregion
-//#region src/util/setterMap/components/TextureSetterMap.ts
+//#region src/services/setterMap/components/TextureSetterMap.ts
 const TextureSetterMap = { ...BaseTextureSetterMap };
 //#endregion
-//#region src/util/setterMap/TileSpriteSetterMap.ts
+//#region src/services/setterMap/TileSpriteSetterMap.ts
 const TileSpriteSetterMap = {
 	...AlphaSetterMap,
 	...BlendModeSetterMap,
@@ -675,7 +691,7 @@ const _sfc_main$23 = /*@__PURE__*/ defineComponent({
 	},
 	setup(__props) {
 		const sceneKey = useInjectSceneKey();
-		const tilemap = ref();
+		const tilemap = shallowRef();
 		onCreate((newScene) => {
 			tilemap.value = newScene.make.tilemap(__props.configuration);
 			__props.onComplete?.(newScene, tilemap.value);
@@ -699,12 +715,7 @@ const _sfc_main$23 = /*@__PURE__*/ defineComponent({
 	}
 });
 //#endregion
-//#region src/store/text.ts
-const useTextStore = defineStore("phaser/text", () => {
-	return { defaultTextStyle: ref() };
-});
-//#endregion
-//#region src/util/setterMap/TextSetterMap.ts
+//#region src/services/setterMap/TextSetterMap.ts
 const TextSetterMap = {
 	padding: (gameObject) => (value) => {
 		if (!value) return;
@@ -735,6 +746,11 @@ const TextSetterMap = {
 	...GlobalSetterMap
 };
 //#endregion
+//#region src/store/text.ts
+const useTextStore = defineStore("phaser/text", () => {
+	return { defaultTextStyle: ref() };
+});
+//#endregion
 //#region src/components/Text.vue
 const _sfc_main$21 = /*@__PURE__*/ defineComponent({
 	__name: "Text",
@@ -759,7 +775,7 @@ const _sfc_main$21 = /*@__PURE__*/ defineComponent({
 	}
 });
 //#endregion
-//#region src/util/setterMap/StarSetterMap.ts
+//#region src/services/setterMap/StarSetterMap.ts
 const StarSetterMap = {
 	innerRadius: (gameObject) => (value) => {
 		if (value === void 0) return;
@@ -798,19 +814,26 @@ const _sfc_main$20 = /*@__PURE__*/ defineComponent({
 	}
 });
 //#endregion
-//#region src/util/setterMap/components/SizeSetterMap.ts
+//#region src/services/setterMap/components/SizeSetterMap.ts
 const SizeSetterMap = { ...ComputedSizeSetterMap };
 //#endregion
-//#region src/util/setterMap/shared/AnimationSetterMap.ts
+//#region src/services/setterMap/shared/AnimationSetterMap.ts
+const completionListeners = /* @__PURE__ */ new WeakMap();
 const AnimationSetterMap = {
 	animations: (gameObject, emit) => (configurations) => {
 		if (!(configurations && configurations.length > 0)) return;
+		const listeners = completionListeners.get(gameObject) ?? /* @__PURE__ */ new Map();
+		completionListeners.set(gameObject, listeners);
 		for (const configuration of configurations) {
 			if (!configuration.key) continue;
 			const event = `${Animations.Events.ANIMATION_COMPLETE_KEY}${configuration.key}`;
-			gameObject.once(event, () => {
+			const previousListener = listeners.get(event);
+			if (previousListener) gameObject.off(event, previousListener);
+			const listener = () => {
 				emit(event);
-			});
+			};
+			listeners.set(event, listener);
+			gameObject.once(event, listener);
 			if (gameObject.scene.anims.exists(configuration.key)) continue;
 			if (!gameObject.scene.anims.create(configuration)) throw new InvalidOperationError(Operation.Create, "Animation", configuration.key);
 		}
@@ -824,7 +847,7 @@ const AnimationSetterMap = {
 	}
 };
 //#endregion
-//#region src/util/setterMap/SpriteSetterMap.ts
+//#region src/services/setterMap/SpriteSetterMap.ts
 const SpriteSetterMap = {
 	...AlphaSetterMap,
 	...BlendModeSetterMap,
@@ -864,37 +887,14 @@ const _sfc_main$19 = /*@__PURE__*/ defineComponent({
 	}
 });
 //#endregion
-//#region src/store/camera.ts
-const useCameraStore = defineStore("phaser/camera", () => {
-	const isFading = ref(false);
-	const fadeIn = (scene, ...args) => {
-		isFading.value = true;
-		scene.cameras.main.fadeIn(...args);
-	};
-	const fadeOut = (scene, ...args) => {
-		isFading.value = true;
-		scene.cameras.main.fadeOut(...args);
-	};
-	return {
-		fadeIn,
-		fadeOut,
-		isFading
-	};
-});
-//#endregion
-//#region src/store/input.ts
-const useInputStore = defineStore("phaser/input", () => {
-	return { isInputActive: ref(false) };
-});
-//#endregion
-//#region src/util/hooks/resetLifecycleListeners.ts
+//#region src/services/hooks/resetLifecycleListeners.ts
 const resetLifecycleListeners = (scene, lifecycle) => {
 	const listenersMap = ExternalSceneStore.lifecycleListenersMap.get(lifecycle);
 	if (!listenersMap?.has(scene.scene.key)) return;
 	listenersMap.set(scene.scene.key, []);
 };
 //#endregion
-//#region src/util/hooks/runLifecycleListeners.ts
+//#region src/services/hooks/runLifecycleListeners.ts
 const runLifecycleListeners = (scene, lifecycle, isReset = true) => {
 	const listenersMap = ExternalSceneStore.lifecycleListenersMap.get(lifecycle);
 	if (!listenersMap) return;
@@ -904,7 +904,15 @@ const runLifecycleListeners = (scene, lifecycle, isReset = true) => {
 	if (isReset) resetLifecycleListeners(scene, lifecycle);
 };
 //#endregion
-//#region src/util/createSceneClass.ts
+//#region src/services/hooks/runSceneShutdown.ts
+const runSceneShutdown = (scene) => {
+	resetLifecycleListeners(scene, "Update");
+	resetLifecycleListeners(scene, "NextTick");
+	runLifecycleListeners(scene, "Shutdown");
+	ExternalSceneStore.sceneReadyMap.set(scene.scene.key, false);
+};
+//#endregion
+//#region src/services/shared/createSceneClass.ts
 const createSceneClass = (key, hooks = {}) => class extends Scene {
 	constructor() {
 		super({ key });
@@ -928,13 +936,28 @@ const createSceneClass = (key, hooks = {}) => class extends Scene {
 	}
 };
 //#endregion
-//#region src/util/hooks/runSceneShutdown.ts
-const runSceneShutdown = (scene) => {
-	resetLifecycleListeners(scene, "Update");
-	resetLifecycleListeners(scene, "NextTick");
-	runLifecycleListeners(scene, "Shutdown");
-	ExternalSceneStore.sceneReadyMap.set(scene.scene.key, false);
-};
+//#region src/store/camera.ts
+const useCameraStore = defineStore("phaser/camera", () => {
+	const isFading = ref(false);
+	const fadeIn = (scene, ...args) => {
+		isFading.value = true;
+		scene.cameras.main.fadeIn(...args);
+	};
+	const fadeOut = (scene, ...args) => {
+		isFading.value = true;
+		scene.cameras.main.fadeOut(...args);
+	};
+	return {
+		fadeIn,
+		fadeOut,
+		isFading
+	};
+});
+//#endregion
+//#region src/store/input.ts
+const useInputStore = defineStore("phaser/input", () => {
+	return { isInputActive: ref(false) };
+});
 //#endregion
 //#region src/components/Scene.vue
 const _sfc_main$18 = /*@__PURE__*/ defineComponent({
@@ -1019,7 +1042,7 @@ const _sfc_main$18 = /*@__PURE__*/ defineComponent({
 	}
 });
 //#endregion
-//#region src/util/setterMap/RenderTextureSetterMap.ts
+//#region src/services/setterMap/RenderTextureSetterMap.ts
 const RenderTextureSetterMap = {
 	...AlphaSetterMap,
 	...BlendModeSetterMap,
@@ -1057,7 +1080,7 @@ const _sfc_main$17 = /*@__PURE__*/ defineComponent({
 	}
 });
 //#endregion
-//#region src/util/setterMap/RectangleSetterMap.ts
+//#region src/services/setterMap/RectangleSetterMap.ts
 const RectangleSetterMap = {
 	height: ComputedSizeSetterMap.height,
 	width: ComputedSizeSetterMap.width,
@@ -1086,7 +1109,7 @@ const _sfc_main$16 = /*@__PURE__*/ defineComponent({
 	}
 });
 //#endregion
-//#region src/util/setterMap/PolygonSetterMap.ts
+//#region src/services/setterMap/PolygonSetterMap.ts
 const PolygonSetterMap = {
 	points: (gameObject) => (value) => {
 		if (!value) return;
@@ -1117,13 +1140,13 @@ const _sfc_main$15 = /*@__PURE__*/ defineComponent({
 	}
 });
 //#endregion
-//#region src/util/setterMap/components/PathFollowerComponentSetterMap.ts
+//#region src/services/setterMap/components/PathFollowerComponentSetterMap.ts
 const PathFollowerComponentSetterMap = { path: (gameObject) => (value) => {
 	if (!value) return;
 	gameObject.setPath(value);
 } };
 //#endregion
-//#region src/util/setterMap/PathFollowerSetterMap.ts
+//#region src/services/setterMap/PathFollowerSetterMap.ts
 const PathFollowerSetterMap = {
 	...AlphaSetterMap,
 	...BlendModeSetterMap,
@@ -1162,7 +1185,7 @@ const _sfc_main$14 = /*@__PURE__*/ defineComponent({
 	}
 });
 //#endregion
-//#region src/util/setterMap/ParticlesSetterMap.ts
+//#region src/services/setterMap/ParticlesSetterMap.ts
 const ParticlesSetterMap = {
 	config: (gameObject) => (value) => {
 		if (!value) return;
@@ -1201,7 +1224,7 @@ const _sfc_main$13 = /*@__PURE__*/ defineComponent({
 	}
 });
 //#endregion
-//#region src/util/setterMap/NinesliceSetterMap.ts
+//#region src/services/setterMap/NinesliceSetterMap.ts
 const NinesliceSetterMap = {
 	height: ComputedSizeSetterMap.height,
 	width: ComputedSizeSetterMap.width,
@@ -1239,7 +1262,7 @@ const _sfc_main$12 = /*@__PURE__*/ defineComponent({
 	}
 });
 //#endregion
-//#region src/util/setterMap/LineSetterMap.ts
+//#region src/services/setterMap/LineSetterMap.ts
 const LineSetterMap = {
 	lineWidth: (gameObject) => (value) => {
 		if (value === void 0) return;
@@ -1274,7 +1297,7 @@ const _sfc_main$11 = /*@__PURE__*/ defineComponent({
 	}
 });
 //#endregion
-//#region src/util/setterMap/shared/IsoSetterMap.ts
+//#region src/services/setterMap/shared/IsoSetterMap.ts
 const IsoSetterMap = {
 	fillLeft: (gameObject) => (value) => {
 		if (value === void 0) return;
@@ -1306,7 +1329,7 @@ const IsoSetterMap = {
 	}
 };
 //#endregion
-//#region src/util/setterMap/IsoTriangleSetterMap.ts
+//#region src/services/setterMap/IsoTriangleSetterMap.ts
 const IsoTriangleSetterMap = {
 	isReversed: (gameObject) => (value) => {
 		if (value === void 0) return;
@@ -1338,7 +1361,7 @@ const _sfc_main$10 = /*@__PURE__*/ defineComponent({
 	}
 });
 //#endregion
-//#region src/util/setterMap/IsoBoxSetterMap.ts
+//#region src/services/setterMap/IsoBoxSetterMap.ts
 const IsoBoxSetterMap = {
 	...IsoSetterMap,
 	...ShapeSetterMap,
@@ -1366,7 +1389,7 @@ const _sfc_main$9 = /*@__PURE__*/ defineComponent({
 	}
 });
 //#endregion
-//#region src/util/setterMap/ImageSetterMap.ts
+//#region src/services/setterMap/ImageSetterMap.ts
 const ImageSetterMap = {
 	...AlphaSetterMap,
 	...BlendModeSetterMap,
@@ -1404,7 +1427,7 @@ const _sfc_main$8 = /*@__PURE__*/ defineComponent({
 	}
 });
 //#endregion
-//#region src/util/setterMap/GraphicsSetterMap.ts
+//#region src/services/setterMap/GraphicsSetterMap.ts
 const GraphicsSetterMap = {
 	...AlphaSingleSetterMap,
 	...BlendModeSetterMap,
@@ -1482,7 +1505,7 @@ var TiledJSONExternalFile = class extends MultiFile {
 		const loader = this.loader;
 		const files = this.files;
 		this.complete = true;
-		for (const tilesetFile of tilesetFiles) {
+		await Promise.all(tilesetFiles.map(async (tilesetFile) => {
 			const responseText = tilesetFile.xhrLoader?.responseText;
 			if (!responseText) throw new InvalidOperationError(Operation.Read, this.addToCache.name, tilesetFile.key);
 			const responseData = await parseXmlString(responseText);
@@ -1493,7 +1516,7 @@ var TiledJSONExternalFile = class extends MultiFile {
 				imagewidth: tilesetData.image.width,
 				source: void 0
 			});
-		}
+		}));
 		loader.cacheManager.tilemap.add(tilemapKey, {
 			data: tilemapData,
 			format: Tilemaps.Formats.TILED_JSON
@@ -1531,7 +1554,7 @@ var TiledJSONExternalFile = class extends MultiFile {
 	}
 };
 //#endregion
-//#region src/util/constants.ts
+//#region src/services/shared/constants.ts
 const TILEMAP_TILED_JSON_EXTERNAL_KEY = "tilemapTiledJSONExternal";
 //#endregion
 //#region src/plugins/registerTiledJSONExternalLoader.ts
@@ -1585,7 +1608,7 @@ const _sfc_main$6 = /*@__PURE__*/ defineComponent({
 	}
 });
 //#endregion
-//#region src/util/setterMap/EllipseSetterMap.ts
+//#region src/services/setterMap/EllipseSetterMap.ts
 const EllipseSetterMap = {
 	height: ComputedSizeSetterMap.height,
 	smoothness: (gameObject) => (value) => {
@@ -1618,7 +1641,7 @@ const _sfc_main$5 = /*@__PURE__*/ defineComponent({
 	}
 });
 //#endregion
-//#region src/util/setterMap/CurveSetterMap.ts
+//#region src/services/setterMap/CurveSetterMap.ts
 const CurveSetterMap = {
 	smoothness: (gameObject) => (value) => {
 		if (value === void 0) return;
@@ -1649,7 +1672,7 @@ const _sfc_main$4 = /*@__PURE__*/ defineComponent({
 	}
 });
 //#endregion
-//#region src/util/setterMap/ContainerSetterMap.ts
+//#region src/services/setterMap/ContainerSetterMap.ts
 const ContainerSetterMap = {
 	...AlphaSingleSetterMap,
 	...BlendModeSetterMap,
@@ -1670,7 +1693,7 @@ const _sfc_main$3 = /*@__PURE__*/ defineComponent({
 	},
 	setup(__props, { emit: __emit }) {
 		const emit = __emit;
-		const container = ref();
+		const container = shallowRef();
 		useInitializeGameObject((scene) => {
 			const { children, x, y } = __props.configuration;
 			container.value = scene.add.container(x, y, children);
@@ -1684,7 +1707,7 @@ const _sfc_main$3 = /*@__PURE__*/ defineComponent({
 	}
 });
 //#endregion
-//#region src/util/setterMap/ArcSetterMap.ts
+//#region src/services/setterMap/ArcSetterMap.ts
 const ArcSetterMap = {
 	closePath: (gameObject) => (value) => {
 		if (value === void 0) return;
@@ -1727,7 +1750,7 @@ const _sfc_main$2 = /*@__PURE__*/ defineComponent({
 	}
 });
 //#endregion
-//#region src/util/setterMap/BitmapTextSetterMap.ts
+//#region src/services/setterMap/BitmapTextSetterMap.ts
 const BitmapTextSetterMap = {
 	align: (gameObject) => (value) => {
 		if (value === void 0) return;
@@ -1869,7 +1892,11 @@ const onUpdate = (...args) => {
 	pushListener("Update", ...args);
 };
 //#endregion
-//#region src/util/sleepScene.ts
+//#region src/models/plugins/TilemapFile.ts
+const JSONFile = Loader.FileTypes.JSONFile;
+var TilemapFile = class extends JSONFile {};
+//#endregion
+//#region src/services/shared/sleepScene.ts
 const sleepScene = (scene, durationMs) => new Promise((resolve) => {
 	const settle = () => {
 		scene.events.off(Scenes.Events.SHUTDOWN, settle);
@@ -1879,8 +1906,4 @@ const sleepScene = (scene, durationMs) => new Promise((resolve) => {
 	scene.events.once(Scenes.Events.SHUTDOWN, settle);
 });
 //#endregion
-//#region src/models/plugins/TilemapFile.ts
-const JSONFile = Loader.FileTypes.JSONFile;
-var TilemapFile = class extends JSONFile {};
-//#endregion
 export { 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, _sfc_main$18 as Scene, 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 };