vue-phaserjs 2.40.0 → 3.2.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 ClickOutside from "phaser4-rex-plugins/plugins/clickoutside.js";
-import { Animations, Cameras, Game, Loader, Scene, Scenes, Tilemaps, Tweens, Utils } from "phaser";
+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();
@@ -80,7 +70,7 @@ const useInitializeGameObjectEvents = () => {
 	};
 };
 //#endregion
-//#region src/util/InjectionKeyMap.ts
+//#region src/services/shared/InjectionKeyMap.ts
 const InjectionKeyMap = {
 	ParentContainer: Symbol("ParentContainer"),
 	SceneKey: Symbol("SceneKey")
@@ -110,7 +100,7 @@ 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);
@@ -128,7 +118,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 +156,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;
@@ -199,9 +197,8 @@ const usePhaserStore = defineStore("phaser", () => {
 	const removeParallelScene = (scene, targetSceneKey) => {
 		const index = parallelSceneKeys.value.indexOf(targetSceneKey);
 		if (index === -1) return;
-		const parallelSceneKey = parallelSceneKeys.value[index];
 		parallelSceneKeys.value = parallelSceneKeys.value.toSpliced(index, 1);
-		scene.scene.stop(parallelSceneKey);
+		scene.scene.stop(targetSceneKey);
 	};
 	return {
 		game,
@@ -223,18 +220,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) => {
@@ -269,7 +268,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;
@@ -281,7 +280,7 @@ const DisplaySizeSetterMap = {
 	}
 };
 //#endregion
-//#region src/util/setterMap/components/ComputedSizeSetterMap.ts
+//#region src/services/setterMap/components/ComputedSizeSetterMap.ts
 const ComputedSizeSetterMap = {
 	...DisplaySizeSetterMap,
 	height: (gameObject) => (value) => {
@@ -294,36 +293,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 i = getDepthInsertIndex(gameObject.parentContainer.list, gameObject.depth);
-	if (i === -1) gameObject.parentContainer.bringToTop(gameObject);
-	else gameObject.parentContainer.moveTo(gameObject, Math.max(i - 1, 0));
+	const { list } = gameObject.parentContainer;
+	const depthInsertIndex = getDepthInsertIndex(list, gameObject.depth);
+	if (depthInsertIndex === -1) gameObject.parentContainer.bringToTop(gameObject);
+	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;
@@ -339,50 +347,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;
@@ -395,8 +412,8 @@ const TweenSetterMap = {
 	},
 	tweenchain: (gameObject, emit) => (value) => {
 		if (!value) return;
-		gameObject.scene.add.tweenchain(value.map((c) => ({
-			...c,
+		gameObject.scene.add.tweenchain(value.map((configuration) => ({
+			...configuration,
 			targets: gameObject
 		}))).on(Tweens.Events.TWEEN_COMPLETE, () => {
 			emit("update:tweenchain", void 0);
@@ -404,19 +421,19 @@ 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,
 	...OriginSetterMap,
-	...TransformSetterMap,
 	...ScrollFactorSetterMap,
+	...TransformSetterMap,
 	...VisibleSetterMap,
 	...GlobalSetterMap
 };
@@ -436,32 +453,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;
@@ -473,16 +495,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;
@@ -494,30 +516,45 @@ 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;
+		gameObject.changeSource(value);
+	},
+	muted: (gameObject) => (value) => {
+		gameObject.setMute(value);
+	},
+	volume: (gameObject) => (value) => {
+		gameObject.setVolume(value);
+	},
 	...AlphaSetterMap,
 	...BlendModeSetterMap,
 	...DepthSetterMap,
@@ -530,17 +567,7 @@ const VideoSetterMap = {
 	...TintSetterMap,
 	...TransformSetterMap,
 	...VisibleSetterMap,
-	...GlobalSetterMap,
-	key: (gameObject) => (value) => {
-		if (!value) return;
-		gameObject.changeSource(value);
-	},
-	muted: (gameObject) => (value) => {
-		gameObject.setMute(value);
-	},
-	volume: (gameObject) => (value) => {
-		gameObject.setVolume(value);
-	}
+	...GlobalSetterMap
 };
 //#endregion
 //#region src/components/Video.vue
@@ -564,12 +591,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,
@@ -594,7 +622,7 @@ const ShapeSetterMap = {
 	}
 };
 //#endregion
-//#region src/util/setterMap/TriangleSetterMap.ts
+//#region src/services/setterMap/TriangleSetterMap.ts
 const TriangleSetterMap = {
 	to: (gameObject) => (value) => {
 		if (!value) return;
@@ -625,10 +653,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,
@@ -700,12 +728,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;
@@ -736,6 +759,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",
@@ -760,7 +788,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;
@@ -799,21 +827,28 @@ 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;
-			else if (!gameObject.scene.anims.create(configuration)) throw new InvalidOperationError(Operation.Create, "Animation", configuration.key);
+			if (!gameObject.scene.anims.create(configuration)) throw new InvalidOperationError(Operation.Create, "Animation", configuration.key);
 		}
 	},
 	playAnimationKey: (gameObject) => (value) => {
@@ -825,7 +860,7 @@ const AnimationSetterMap = {
 	}
 };
 //#endregion
-//#region src/util/setterMap/SpriteSetterMap.ts
+//#region src/services/setterMap/SpriteSetterMap.ts
 const SpriteSetterMap = {
 	...AlphaSetterMap,
 	...BlendModeSetterMap,
@@ -865,37 +900,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;
@@ -905,7 +917,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 });
@@ -929,6 +949,29 @@ const createSceneClass = (key, hooks = {}) => class extends Scene {
 	}
 };
 //#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/components/Scene.vue
 const _sfc_main$18 = /*@__PURE__*/ defineComponent({
 	__name: "Scene",
@@ -963,13 +1006,16 @@ const _sfc_main$18 = /*@__PURE__*/ defineComponent({
 		const fadeOutCompleteListener = () => {
 			isFading.value = false;
 		};
+		const cameraFadeListeners = [
+			[Cameras.Scene2D.Events.FADE_IN_START, fadeStartListener],
+			[Cameras.Scene2D.Events.FADE_IN_COMPLETE, fadeInCompleteListener],
+			[Cameras.Scene2D.Events.FADE_OUT_START, fadeStartListener],
+			[Cameras.Scene2D.Events.FADE_OUT_COMPLETE, fadeOutCompleteListener]
+		];
 		const NewScene = createSceneClass(__props.sceneKey, {
 			onCreate: (scene) => {
 				emit("create", scene);
-				scene.cameras.main.on(Cameras.Scene2D.Events.FADE_IN_START, fadeStartListener);
-				scene.cameras.main.on(Cameras.Scene2D.Events.FADE_IN_COMPLETE, fadeInCompleteListener);
-				scene.cameras.main.on(Cameras.Scene2D.Events.FADE_OUT_START, fadeStartListener);
-				scene.cameras.main.on(Cameras.Scene2D.Events.FADE_OUT_COMPLETE, fadeOutCompleteListener);
+				for (const [event, listener] of cameraFadeListeners) scene.cameras.main.on(event, listener);
 				isInputActive.value = true;
 			},
 			onInit: (scene) => emit("init", scene),
@@ -981,14 +1027,8 @@ const _sfc_main$18 = /*@__PURE__*/ defineComponent({
 		};
 		const shutdownListener = () => {
 			const scene = getScene(__props.sceneKey);
-			resetLifecycleListeners(scene, "Update");
-			resetLifecycleListeners(scene, "NextTick");
-			runLifecycleListeners(scene, "Shutdown");
-			scene.cameras.main.off(Cameras.Scene2D.Events.FADE_IN_START, fadeStartListener);
-			scene.cameras.main.off(Cameras.Scene2D.Events.FADE_IN_COMPLETE, fadeInCompleteListener);
-			scene.cameras.main.off(Cameras.Scene2D.Events.FADE_OUT_START, fadeStartListener);
-			scene.cameras.main.off(Cameras.Scene2D.Events.FADE_OUT_COMPLETE, fadeOutCompleteListener);
-			ExternalSceneStore.sceneReadyMap.set(__props.sceneKey, false);
+			runSceneShutdown(scene);
+			for (const [event, listener] of cameraFadeListeners) scene.cameras.main.off(event, listener);
 			emit("shutdown", scene);
 		};
 		onMounted(async () => {
@@ -1015,7 +1055,7 @@ const _sfc_main$18 = /*@__PURE__*/ defineComponent({
 	}
 });
 //#endregion
-//#region src/util/setterMap/RenderTextureSetterMap.ts
+//#region src/services/setterMap/RenderTextureSetterMap.ts
 const RenderTextureSetterMap = {
 	...AlphaSetterMap,
 	...BlendModeSetterMap,
@@ -1053,7 +1093,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,
@@ -1082,7 +1122,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;
@@ -1113,13 +1153,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,
@@ -1158,8 +1198,12 @@ 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;
+		gameObject.setConfig(value);
+	},
 	...AlphaSingleSetterMap,
 	...BlendModeSetterMap,
 	...DepthSetterMap,
@@ -1169,11 +1213,7 @@ const ParticlesSetterMap = {
 	...TextureSetterMap,
 	...TransformSetterMap,
 	...VisibleSetterMap,
-	...GlobalSetterMap,
-	config: (gameObject) => (value) => {
-		if (!value) return;
-		gameObject.setConfig(value);
-	}
+	...GlobalSetterMap
 };
 //#endregion
 //#region src/components/Particles.vue
@@ -1197,7 +1237,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,
@@ -1235,7 +1275,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;
@@ -1270,7 +1310,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;
@@ -1302,7 +1342,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;
@@ -1334,7 +1374,7 @@ const _sfc_main$10 = /*@__PURE__*/ defineComponent({
 	}
 });
 //#endregion
-//#region src/util/setterMap/IsoBoxSetterMap.ts
+//#region src/services/setterMap/IsoBoxSetterMap.ts
 const IsoBoxSetterMap = {
 	...IsoSetterMap,
 	...ShapeSetterMap,
@@ -1362,7 +1402,7 @@ const _sfc_main$9 = /*@__PURE__*/ defineComponent({
 	}
 });
 //#endregion
-//#region src/util/setterMap/ImageSetterMap.ts
+//#region src/services/setterMap/ImageSetterMap.ts
 const ImageSetterMap = {
 	...AlphaSetterMap,
 	...BlendModeSetterMap,
@@ -1400,7 +1440,7 @@ const _sfc_main$8 = /*@__PURE__*/ defineComponent({
 	}
 });
 //#endregion
-//#region src/util/setterMap/GraphicsSetterMap.ts
+//#region src/services/setterMap/GraphicsSetterMap.ts
 const GraphicsSetterMap = {
 	...AlphaSingleSetterMap,
 	...BlendModeSetterMap,
@@ -1451,6 +1491,7 @@ var TilesetFile = class extends XMLFile {
 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 (checkIsPlainObject(key)) {
@@ -1513,7 +1554,7 @@ var TiledJSONExternalFile = class extends MultiFile {
 		loader.setPath(path);
 		loader.setPrefix(prefix);
 		for (const [tilesetIndex, tileset] of tilesets.entries()) {
-			const pathIndex = tileset.source.indexOf("public");
+			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);
@@ -1526,7 +1567,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
@@ -1563,11 +1604,11 @@ const _sfc_main$6 = /*@__PURE__*/ defineComponent({
 				...__props.configuration,
 				parent: canvasRoot.value
 			});
-			storeGame.value.events.on("ready", readyListener);
+			storeGame.value.events.on(Core.Events.READY, readyListener);
 		});
 		onUnmounted(() => {
 			const game = useGame();
-			game.events.off("ready", readyListener);
+			game.events.off(Core.Events.READY, readyListener);
 			game.destroy(true);
 			storeGame.value = void 0;
 		});
@@ -1580,7 +1621,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) => {
@@ -1613,7 +1654,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;
@@ -1644,13 +1685,13 @@ const _sfc_main$4 = /*@__PURE__*/ defineComponent({
 	}
 });
 //#endregion
-//#region src/util/setterMap/ContainerSetterMap.ts
+//#region src/services/setterMap/ContainerSetterMap.ts
 const ContainerSetterMap = {
 	...AlphaSingleSetterMap,
 	...BlendModeSetterMap,
 	...DepthSetterMap,
-	...ScrollFactorSetterMap,
 	...MaskSetterMap,
+	...ScrollFactorSetterMap,
 	...TransformSetterMap,
 	...VisibleSetterMap,
 	...GlobalSetterMap
@@ -1679,7 +1720,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;
@@ -1722,7 +1763,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;
@@ -1864,7 +1905,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);
@@ -1874,8 +1919,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, sleepScene, useAnimations, useCameraStore, useGame, useInitializeGameObject, useInitializeGameObjectEvents, useInitializeGameObjectSetters, useInjectSceneKey, useInputStore, usePhaserStore, useTextStore, useTween };
+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 };