vue-phaserjs 3.5.0 → 3.6.0

package/dist/index.js

@@ -255,31 +255,52 @@ const useInitializeGameObject = (create, configuration, emit, setterMap, immedia
 	});
 };
 //#endregion
-//#region src/services/setterMap/components/DisplaySizeSetterMap.ts
-const DisplaySizeSetterMap = {
-	displayHeight: (gameObject) => (value) => {
-		if (value === void 0) return;
-		gameObject.setDisplaySize(gameObject.displayWidth, value);
+//#region src/services/setterMap/global/GameObjectSetterMap.ts
+const GameObjectSetterMap = { active: (gameObject) => (value) => {
+	if (value === void 0) return;
+	gameObject.setActive(value);
+} };
+//#endregion
+//#region src/services/setterMap/global/TweenSetterMap.ts
+const TweenSetterMap = {
+	tween: (gameObject, emit) => (value) => {
+		if (!value) return;
+		gameObject.scene.add.tween({
+			...value,
+			targets: gameObject
+		}).on(Tweens.Events.TWEEN_COMPLETE, () => {
+			emit("update:tween", void 0);
+		});
 	},
-	displayWidth: (gameObject) => (value) => {
-		if (value === void 0) return;
-		gameObject.setDisplaySize(value, gameObject.displayHeight);
+	tweenchain: (gameObject, emit) => (value) => {
+		if (!value) return;
+		gameObject.scene.add.tweenchain(value.map((configuration) => ({
+			...configuration,
+			targets: gameObject
+		}))).on(Tweens.Events.TWEEN_COMPLETE, () => {
+			emit("update:tweenchain", void 0);
+		});
 	}
 };
 //#endregion
-//#region src/services/setterMap/components/ComputedSizeSetterMap.ts
-const ComputedSizeSetterMap = {
-	...DisplaySizeSetterMap,
-	height: (gameObject) => (value) => {
-		if (value === void 0) return;
-		gameObject.setSize(gameObject.width, value);
-	},
-	width: (gameObject) => (value) => {
-		if (value === void 0) return;
-		gameObject.setSize(value, gameObject.height);
-	}
+//#region src/services/setterMap/global/GlobalSetterMap.ts
+const GlobalSetterMap = {
+	...TweenSetterMap,
+	...GameObjectSetterMap
 };
 //#endregion
+//#region src/services/setterMap/components/AlphaSingleSetterMap.ts
+const AlphaSingleSetterMap = { alpha: (gameObject) => (value) => {
+	if (value === void 0) return;
+	gameObject.setAlpha(value);
+} };
+//#endregion
+//#region src/services/setterMap/components/BlendModeSetterMap.ts
+const BlendModeSetterMap = { blendMode: (gameObject) => (value) => {
+	if (value === void 0) return;
+	gameObject.setBlendMode(value);
+} };
+//#endregion
 //#region src/services/setterMap/components/DepthSetterMap.ts
 const DepthSetterMap = { depth: (gameObject) => (value) => {
 	if (value === void 0) return;
@@ -294,6 +315,24 @@ const DepthSetterMap = { depth: (gameObject) => (value) => {
 	}
 } };
 //#endregion
+//#region src/services/setterMap/components/DisplaySizeSetterMap.ts
+const DisplaySizeSetterMap = {
+	displayHeight: (gameObject) => (value) => {
+		if (value === void 0) return;
+		gameObject.setDisplaySize(gameObject.displayWidth, value);
+	},
+	displayWidth: (gameObject) => (value) => {
+		if (value === void 0) return;
+		gameObject.setDisplaySize(value, gameObject.displayHeight);
+	}
+};
+//#endregion
+//#region src/services/setterMap/components/MaskSetterMap.ts
+const MaskSetterMap = { mask: (gameObject) => (value) => {
+	if (!value) return;
+	gameObject.setMask(value);
+} };
+//#endregion
 //#region src/services/setterMap/components/OriginSetterMap.ts
 const OriginSetterMap = {
 	displayOriginX: (gameObject) => (value) => {
@@ -318,6 +357,9 @@ const OriginSetterMap = {
 	}
 };
 //#endregion
+//#region src/services/setterMap/components/RenderNodesSetterMap.ts
+const RenderNodesSetterMap = {};
+//#endregion
 //#region src/services/setterMap/components/ScrollFactorSetterMap.ts
 const ScrollFactorSetterMap = {
 	scrollFactor: (gameObject) => (value) => {
@@ -380,60 +422,68 @@ const VisibleSetterMap = { visible: (gameObject) => (value) => {
 	gameObject.setVisible(value);
 } };
 //#endregion
-//#region src/services/setterMap/global/GameObjectSetterMap.ts
-const GameObjectSetterMap = { active: (gameObject) => (value) => {
-	if (value === void 0) return;
-	gameObject.setActive(value);
-} };
-//#endregion
-//#region src/services/setterMap/global/TweenSetterMap.ts
-const TweenSetterMap = {
-	tween: (gameObject, emit) => (value) => {
-		if (!value) return;
-		gameObject.scene.add.tween({
-			...value,
-			targets: gameObject
-		}).on(Tweens.Events.TWEEN_COMPLETE, () => {
-			emit("update:tween", void 0);
-		});
-	},
-	tweenchain: (gameObject, emit) => (value) => {
-		if (!value) return;
-		gameObject.scene.add.tweenchain(value.map((configuration) => ({
-			...configuration,
-			targets: gameObject
-		}))).on(Tweens.Events.TWEEN_COMPLETE, () => {
-			emit("update:tweenchain", void 0);
-		});
-	}
-};
-//#endregion
-//#region src/services/setterMap/global/GlobalSetterMap.ts
-const GlobalSetterMap = {
-	...TweenSetterMap,
-	...GameObjectSetterMap
-};
-//#endregion
-//#region src/services/setterMap/ZoneSetterMap.ts
-const ZoneSetterMap = {
-	...ComputedSizeSetterMap,
+//#region src/services/setterMap/shared/ShapeSetterMap.ts
+const ShapeSetterMap = {
+	...AlphaSingleSetterMap,
+	...BlendModeSetterMap,
 	...DepthSetterMap,
+	...DisplaySizeSetterMap,
+	...GameObjectSetterMap,
+	...MaskSetterMap,
 	...OriginSetterMap,
+	...RenderNodesSetterMap,
 	...ScrollFactorSetterMap,
 	...TransformSetterMap,
 	...VisibleSetterMap,
+	fillAlpha: (gameObject) => (value) => {
+		gameObject.setFillStyle(gameObject.fillColor, value);
+	},
+	fillColor: (gameObject) => (value) => {
+		gameObject.setFillStyle(value, gameObject.fillAlpha);
+	},
+	strokeStyle: (gameObject) => (value) => {
+		if (!value) return;
+		gameObject.setStrokeStyle(...value);
+	}
+};
+//#endregion
+//#region src/services/setterMap/ArcSetterMap.ts
+const ArcSetterMap = {
+	closePath: (gameObject) => (value) => {
+		if (value === void 0) return;
+		gameObject.setClosePath(value);
+	},
+	endAngle: (gameObject) => (value) => {
+		if (value === void 0) return;
+		gameObject.setEndAngle(value);
+	},
+	radius: (gameObject) => (value) => {
+		if (value === void 0) return;
+		gameObject.setRadius(value);
+	},
+	startAngle: (gameObject) => (value) => {
+		if (value === void 0) return;
+		gameObject.setStartAngle(value);
+	},
+	...ShapeSetterMap,
 	...GlobalSetterMap
 };
 //#endregion
-//#region src/components/Zone.vue
-const _sfc_main$26 = /*@__PURE__*/ defineComponent({
-	__name: "Zone",
-	props: { configuration: {} },
+//#region src/components/Arc.vue
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	__name: "Arc",
+	props: {
+		configuration: {},
+		immediate: { type: Boolean },
+		onComplete: { type: Function }
+	},
 	setup(__props, { emit: __emit }) {
 		useInitializeGameObject((scene) => {
-			const { height, width, x, y } = __props.configuration;
-			return scene.add.zone(x, y, width, height);
-		}, () => __props.configuration, __emit, ZoneSetterMap);
+			const { alpha, endAngle, fillColor, radius, startAngle, x, y } = __props.configuration;
+			const arc = scene.add.arc(x, y, radius, startAngle, endAngle, void 0, fillColor, alpha);
+			__props.onComplete?.(scene, arc);
+			return arc;
+		}, () => __props.configuration, __emit, ArcSetterMap, __props.immediate);
 		return (_ctx, _cache) => {
 			return null;
 		};
@@ -464,48 +514,6 @@ const AlphaSetterMap = {
 	}
 };
 //#endregion
-//#region src/services/setterMap/components/BlendModeSetterMap.ts
-const BlendModeSetterMap = { blendMode: (gameObject) => (value) => {
-	if (value === void 0) return;
-	gameObject.setBlendMode(value);
-} };
-//#endregion
-//#region src/services/setterMap/components/FlipSetterMap.ts
-const FlipSetterMap = {
-	flipX: (gameObject) => (value) => {
-		if (value === void 0) return;
-		gameObject.setFlipX(value);
-	},
-	flipY: (gameObject) => (value) => {
-		if (value === void 0) return;
-		gameObject.setFlipY(value);
-	}
-};
-//#endregion
-//#region src/services/setterMap/components/MaskSetterMap.ts
-const MaskSetterMap = { mask: (gameObject) => (value) => {
-	if (!value) return;
-	gameObject.setMask(value);
-} };
-//#endregion
-//#region src/services/setterMap/components/RenderNodesSetterMap.ts
-const RenderNodesSetterMap = {};
-//#endregion
-//#region src/services/setterMap/components/BaseTextureSetterMap.ts
-const BaseTextureSetterMap = {
-	frame: (gameObject) => (value) => {
-		if (value === void 0) return;
-		gameObject.setFrame(value);
-	},
-	texture: (gameObject) => (value) => {
-		if (!value) return;
-		gameObject.setTexture(value);
-	}
-};
-//#endregion
-//#region src/services/setterMap/components/TextureCropSetterMap.ts
-const TextureCropSetterMap = { ...BaseTextureSetterMap };
-//#endregion
 //#region src/services/setterMap/components/TintSetterMap.ts
 const TintSetterMap = {
 	tint: (gameObject) => (value) => {
@@ -530,140 +538,60 @@ const TintSetterMap = {
 	}
 };
 //#endregion
-//#region src/services/setterMap/VideoSetterMap.ts
-const VideoSetterMap = {
-	key: (gameObject) => (value) => {
+//#region src/services/setterMap/BitmapTextSetterMap.ts
+const BitmapTextSetterMap = {
+	align: (gameObject) => (value) => {
+		if (value === void 0) return;
+		gameObject.align = value;
+	},
+	dropShadow: (gameObject) => (value) => {
 		if (!value) return;
-		gameObject.changeSource(value);
+		gameObject.setDropShadow(...value);
 	},
-	muted: (gameObject) => (value) => {
-		gameObject.setMute(value);
+	font: (gameObject) => (value) => {
+		if (!value) return;
+		gameObject.setFont(value);
 	},
-	volume: (gameObject) => (value) => {
-		gameObject.setVolume(value);
+	fontSize: (gameObject) => (value) => {
+		if (value === void 0) return;
+		gameObject.setFontSize(value);
 	},
-	...AlphaSetterMap,
-	...BlendModeSetterMap,
-	...DepthSetterMap,
-	...FlipSetterMap,
-	...MaskSetterMap,
-	...OriginSetterMap,
-	...RenderNodesSetterMap,
-	...ScrollFactorSetterMap,
-	...TextureCropSetterMap,
-	...TintSetterMap,
-	...TransformSetterMap,
-	...VisibleSetterMap,
-	...GlobalSetterMap
-};
-//#endregion
-//#region src/components/Video.vue
-const _sfc_main$25 = /*@__PURE__*/ defineComponent({
-	__name: "Video",
-	props: {
-		configuration: {},
-		immediate: { type: Boolean },
-		onComplete: { type: Function }
+	letterSpacing: (gameObject) => (value) => {
+		if (value === void 0) return;
+		gameObject.setLetterSpacing(value);
 	},
-	setup(__props, { emit: __emit }) {
-		useInitializeGameObject((scene) => {
-			const { key, x, y } = __props.configuration;
-			const video = scene.add.video(x ?? 0, y ?? 0, key);
-			__props.onComplete?.(scene, video);
-			return video;
-		}, () => __props.configuration, __emit, VideoSetterMap, __props.immediate);
-		return (_ctx, _cache) => {
-			return null;
-		};
-	}
-});
-//#endregion
-//#region src/services/setterMap/components/AlphaSingleSetterMap.ts
-const AlphaSingleSetterMap = { alpha: (gameObject) => (value) => {
-	if (value === void 0) return;
-	gameObject.setAlpha(value);
-} };
-//#endregion
-//#region src/services/setterMap/shared/ShapeSetterMap.ts
-const ShapeSetterMap = {
-	...AlphaSingleSetterMap,
-	...BlendModeSetterMap,
-	...DepthSetterMap,
-	...DisplaySizeSetterMap,
-	...GameObjectSetterMap,
-	...MaskSetterMap,
-	...OriginSetterMap,
-	...RenderNodesSetterMap,
-	...ScrollFactorSetterMap,
-	...TransformSetterMap,
-	...VisibleSetterMap,
-	fillAlpha: (gameObject) => (value) => {
-		gameObject.setFillStyle(gameObject.fillColor, value);
+	lineSpacing: (gameObject) => (value) => {
+		if (value === void 0) return;
+		gameObject.setLineSpacing(value);
 	},
-	fillColor: (gameObject) => (value) => {
-		gameObject.setFillStyle(value, gameObject.fillAlpha);
+	maxWidth: (gameObject) => (value) => {
+		if (value === void 0) return;
+		gameObject.setMaxWidth(value);
 	},
-	strokeStyle: (gameObject) => (value) => {
-		if (!value) return;
-		gameObject.setStrokeStyle(...value);
-	}
-};
-//#endregion
-//#region src/services/setterMap/TriangleSetterMap.ts
-const TriangleSetterMap = {
-	to: (gameObject) => (value) => {
-		if (!value) return;
-		gameObject.setTo(...value);
+	text: (gameObject) => (value) => {
+		if (value === void 0) return;
+		gameObject.setText(value);
 	},
-	...ShapeSetterMap,
-	...GlobalSetterMap
-};
-//#endregion
-//#region src/components/Triangle.vue
-const _sfc_main$24 = /*@__PURE__*/ defineComponent({
-	__name: "Triangle",
-	props: {
-		configuration: {},
-		immediate: { type: Boolean },
-		onComplete: { type: Function }
+	wordWrapCharCode: (gameObject) => (value) => {
+		if (value === void 0) return;
+		gameObject.wordWrapCharCode = value;
 	},
-	setup(__props, { emit: __emit }) {
-		useInitializeGameObject((scene) => {
-			const { alpha, fillColor, to, x, y } = __props.configuration;
-			const triangle = scene.add.triangle(x, y, to?.[0], to?.[1], to?.[2], to?.[3], to?.[4], to?.[5], fillColor, alpha);
-			__props.onComplete?.(scene, triangle);
-			return triangle;
-		}, () => __props.configuration, __emit, TriangleSetterMap, __props.immediate);
-		return (_ctx, _cache) => {
-			return null;
-		};
-	}
-});
-//#endregion
-//#region src/services/setterMap/components/TextureSetterMap.ts
-const TextureSetterMap = { ...BaseTextureSetterMap };
-//#endregion
-//#region src/services/setterMap/TileSpriteSetterMap.ts
-const TileSpriteSetterMap = {
 	...AlphaSetterMap,
 	...BlendModeSetterMap,
-	...ComputedSizeSetterMap,
 	...DepthSetterMap,
-	...FlipSetterMap,
 	...MaskSetterMap,
 	...OriginSetterMap,
 	...RenderNodesSetterMap,
 	...ScrollFactorSetterMap,
-	...TextureSetterMap,
 	...TintSetterMap,
 	...TransformSetterMap,
 	...VisibleSetterMap,
 	...GlobalSetterMap
 };
 //#endregion
-//#region src/components/TileSprite.vue
-const _sfc_main$22 = /*@__PURE__*/ defineComponent({
-	__name: "TileSprite",
+//#region src/components/BitmapText.vue
+const _sfc_main$1 = /*@__PURE__*/ defineComponent({
+	__name: "BitmapText",
 	props: {
 		configuration: {},
 		immediate: { type: Boolean },
@@ -671,131 +599,86 @@ const _sfc_main$22 = /*@__PURE__*/ defineComponent({
 	},
 	setup(__props, { emit: __emit }) {
 		useInitializeGameObject((scene) => {
-			const { frame, height, texture, width, x, y } = __props.configuration;
-			const tileSprite = scene.add.tileSprite(x ?? 0, y ?? 0, width ?? 0, height ?? 0, texture, frame);
-			__props.onComplete?.(scene, tileSprite);
-			return tileSprite;
-		}, () => __props.configuration, __emit, TileSpriteSetterMap, __props.immediate);
+			const { align, font, fontSize, text, x, y } = __props.configuration;
+			const bitmapText = scene.add.bitmapText(x ?? 0, y ?? 0, font, text, fontSize, align);
+			__props.onComplete?.(scene, bitmapText);
+			return bitmapText;
+		}, () => __props.configuration, __emit, BitmapTextSetterMap, __props.immediate);
 		return (_ctx, _cache) => {
 			return null;
 		};
 	}
 });
 //#endregion
-//#region src/components/Tilemap.vue
-const _sfc_main$23 = /*@__PURE__*/ defineComponent({
-	__name: "Tilemap",
+//#region src/components/Circle.vue
+const _sfc_main$2 = /*@__PURE__*/ defineComponent({
+	__name: "Circle",
 	props: {
 		configuration: {},
+		immediate: { type: Boolean },
 		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();
-		});
+	setup(__props, { emit: __emit }) {
+		useInitializeGameObject((scene) => {
+			const { alpha, fillColor, radius, x, y } = __props.configuration;
+			const circle = scene.add.circle(x, y, radius, fillColor, alpha);
+			__props.onComplete?.(scene, circle);
+			return circle;
+		}, () => __props.configuration, __emit, ArcSetterMap, __props.immediate);
 		return (_ctx, _cache) => {
-			return renderSlot(_ctx.$slots, "default");
+			return null;
 		};
 	}
 });
 //#endregion
-//#region src/services/setterMap/TextSetterMap.ts
-const TextSetterMap = {
-	padding: (gameObject) => (value) => {
-		if (!value) return;
-		gameObject.setPadding(value);
-	},
-	style: (gameObject) => (value) => {
-		if (!value) return;
-		gameObject.setStyle(value);
-	},
-	text: (gameObject, emit) => (value) => {
-		if (value === void 0) return;
-		gameObject.setText(value);
-		emit("update:width", gameObject.width);
-		emit("update:displayWidth", gameObject.displayWidth);
-	},
-	...AlphaSetterMap,
+//#region src/services/setterMap/ContainerSetterMap.ts
+const ContainerSetterMap = {
+	...AlphaSingleSetterMap,
 	...BlendModeSetterMap,
-	...ComputedSizeSetterMap,
 	...DepthSetterMap,
-	...FlipSetterMap,
 	...MaskSetterMap,
-	...OriginSetterMap,
-	...RenderNodesSetterMap,
 	...ScrollFactorSetterMap,
-	...TintSetterMap,
 	...TransformSetterMap,
 	...VisibleSetterMap,
 	...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",
+//#region src/components/Container.vue
+const _sfc_main$3 = /*@__PURE__*/ defineComponent({
+	__name: "Container",
 	props: {
-		configuration: {},
-		immediate: { type: Boolean }
+		configuration: { default: () => ({}) },
+		onComplete: { type: Function }
 	},
 	setup(__props, { emit: __emit }) {
 		const emit = __emit;
-		const textStore = useTextStore();
-		const { defaultTextStyle } = storeToRefs(textStore);
+		const container = shallowRef();
 		useInitializeGameObject((scene) => {
-			const { style, text, x, y } = __props.configuration;
-			return scene.add.text(x ?? 0, y ?? 0, text, {
-				...defaultTextStyle.value,
-				...style
-			});
-		}, () => __props.configuration, emit, TextSetterMap, __props.immediate);
+			const { children, x, y } = __props.configuration;
+			container.value = scene.add.container(x, y, children);
+			__props.onComplete?.(scene, container.value);
+			return container.value;
+		}, () => __props.configuration, emit, ContainerSetterMap);
+		provide(InjectionKeyMap.ParentContainer, container);
 		return (_ctx, _cache) => {
-			return null;
+			return renderSlot(_ctx.$slots, "default");
 		};
 	}
 });
 //#endregion
-//#region src/services/setterMap/StarSetterMap.ts
-const StarSetterMap = {
-	innerRadius: (gameObject) => (value) => {
-		if (value === void 0) return;
-		gameObject.setInnerRadius(value);
-	},
-	outerRadius: (gameObject) => (value) => {
-		if (value === void 0) return;
-		gameObject.setOuterRadius(value);
-	},
-	points: (gameObject) => (value) => {
+//#region src/services/setterMap/CurveSetterMap.ts
+const CurveSetterMap = {
+	smoothness: (gameObject) => (value) => {
 		if (value === void 0) return;
-		gameObject.setPoints(value);
+		gameObject.setSmoothness(value);
 	},
 	...ShapeSetterMap,
 	...GlobalSetterMap
 };
 //#endregion
-//#region src/components/Star.vue
-const _sfc_main$20 = /*@__PURE__*/ defineComponent({
-	__name: "Star",
+//#region src/components/Curve.vue
+const _sfc_main$4 = /*@__PURE__*/ defineComponent({
+	__name: "Curve",
 	props: {
 		configuration: {},
 		immediate: { type: Boolean },
@@ -803,247 +686,276 @@ const _sfc_main$20 = /*@__PURE__*/ defineComponent({
 	},
 	setup(__props, { emit: __emit }) {
 		useInitializeGameObject((scene) => {
-			const { alpha, fillColor, innerRadius, outerRadius, points, x, y } = __props.configuration;
-			const star = scene.add.star(x, y, points, innerRadius, outerRadius, fillColor, alpha);
-			__props.onComplete?.(scene, star);
-			return star;
-		}, () => __props.configuration, __emit, StarSetterMap, __props.immediate);
+			const { alpha, curve, fillColor, x, y } = __props.configuration;
+			const curveObject = scene.add.curve(x, y, curve, fillColor, alpha);
+			__props.onComplete?.(scene, curveObject);
+			return curveObject;
+		}, () => __props.configuration, __emit, CurveSetterMap, __props.immediate);
 		return (_ctx, _cache) => {
 			return null;
 		};
 	}
 });
 //#endregion
-//#region src/services/setterMap/components/SizeSetterMap.ts
-const SizeSetterMap = { ...ComputedSizeSetterMap };
+//#region src/services/setterMap/components/ComputedSizeSetterMap.ts
+const ComputedSizeSetterMap = {
+	...DisplaySizeSetterMap,
+	height: (gameObject) => (value) => {
+		if (value === void 0) return;
+		gameObject.setSize(gameObject.width, value);
+	},
+	width: (gameObject) => (value) => {
+		if (value === void 0) return;
+		gameObject.setSize(value, gameObject.height);
+	}
+};
 //#endregion
-//#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}`;
-			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);
-		}
+//#region src/services/setterMap/EllipseSetterMap.ts
+const EllipseSetterMap = {
+	height: ComputedSizeSetterMap.height,
+	smoothness: (gameObject) => (value) => {
+		if (value === void 0) return;
+		gameObject.setSmoothness(value);
 	},
-	playAnimationKey: (gameObject) => (value) => {
-		if (value === void 0) {
-			gameObject.stop();
-			return;
+	width: ComputedSizeSetterMap.width,
+	...ShapeSetterMap,
+	...GlobalSetterMap
+};
+//#endregion
+//#region src/components/Ellipse.vue
+const _sfc_main$5 = /*@__PURE__*/ defineComponent({
+	__name: "Ellipse",
+	props: {
+		configuration: {},
+		immediate: { type: Boolean },
+		onComplete: { type: Function }
+	},
+	setup(__props, { emit: __emit }) {
+		useInitializeGameObject((scene) => {
+			const { alpha, fillColor, height, width, x, y } = __props.configuration;
+			const ellipse = scene.add.ellipse(x, y, width, height, fillColor, alpha);
+			__props.onComplete?.(scene, ellipse);
+			return ellipse;
+		}, () => __props.configuration, __emit, EllipseSetterMap, __props.immediate);
+		return (_ctx, _cache) => {
+			return null;
+		};
+	}
+});
+//#endregion
+//#region src/models/plugins/TilesetFile.ts
+const XMLFile = Loader.FileTypes.XMLFile;
+var TilesetFile = class extends XMLFile {
+	tilesetIndex;
+	constructor(tilesetIndex, ...args) {
+		super(...args);
+		this.tilesetIndex = tilesetIndex;
+	}
+};
+//#endregion
+//#region 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 (checkIsPlainObject(key)) {
+			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");
 		}
-		gameObject.play(value);
+		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;
+	}
+	async 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 tilemapKey = tilemapFile.key;
+		const loader = this.loader;
+		const files = this.files;
+		this.complete = true;
+		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);
+			const tilesetData = parseTileset(responseData.tileset);
+			const index = tilesetFile.tilesetIndex;
+			Object.assign(tilemapData.tilesets[index], tilesetData, {
+				imageheight: tilesetData.image.height,
+				imagewidth: tilesetData.image.width,
+				source: void 0
+			});
+		}));
+		loader.cacheManager.tilemap.add(tilemapKey, {
+			data: tilemapData,
+			format: Tilemaps.Formats.TILED_JSON
+		});
+		for (const file of files) file.pendingDestroy();
+	}
+	onFileComplete(file) {
+		if (this.files.indexOf(file) === -1) return;
+		this.pending--;
+		if (!(file.type === "json" && Object.hasOwn(file.data, "tilesets"))) return;
+		const tilesets = file.data.tilesets;
+		const config = this.config;
+		const loader = this.loader;
+		const currentBaseURL = loader.baseURL;
+		const currentPath = loader.path;
+		const currentPrefix = loader.prefix;
+		const baseURL = GetFastValue(config, "baseURL", currentBaseURL);
+		const path = GetFastValue(config, "path", currentPath);
+		const prefix = GetFastValue(config, "prefix", currentPrefix);
+		const tilesetXhrSettings = GetFastValue(config, "tilesetXhrSettings");
+		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);
+			this.addToMultiFile(tilesetFile);
+			loader.addFile(tilesetFile);
+		}
+		loader.setBaseURL(currentBaseURL);
+		loader.setPath(currentPath);
+		loader.setPrefix(currentPrefix);
 	}
 };
 //#endregion
-//#region src/services/setterMap/SpriteSetterMap.ts
-const SpriteSetterMap = {
-	...AlphaSetterMap,
+//#region src/services/shared/constants.ts
+const TILEMAP_TILED_JSON_EXTERNAL_KEY = "tilemapTiledJSONExternal";
+//#endregion
+//#region 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);
+			this.addFile(multifile.files);
+		}
+		return this;
+	});
+};
+//#endregion
+//#region src/components/Game.vue
+const _sfc_main$6 = /*@__PURE__*/ defineComponent({
+	__name: "Game",
+	props: { configuration: {} },
+	setup(__props) {
+		const phaserStore = usePhaserStore();
+		const { game: storeGame } = storeToRefs(phaserStore);
+		const canvasRoot = useTemplateRef("canvasRoot");
+		const isReady = ref(false);
+		const readyListener = () => {
+			isReady.value = true;
+		};
+		onMounted(() => {
+			registerTiledJSONExternalLoader();
+			storeGame.value = new Game({
+				...__props.configuration,
+				parent: canvasRoot.value
+			});
+			storeGame.value.events.on(Core.Events.READY, readyListener);
+		});
+		onUnmounted(() => {
+			const game = useGame();
+			game.events.off(Core.Events.READY, readyListener);
+			game.destroy(true);
+			storeGame.value = void 0;
+		});
+		return (_ctx, _cache) => {
+			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);
+		};
+	}
+});
+//#endregion
+//#region src/services/setterMap/GraphicsSetterMap.ts
+const GraphicsSetterMap = {
+	...AlphaSingleSetterMap,
 	...BlendModeSetterMap,
 	...DepthSetterMap,
-	...FlipSetterMap,
 	...MaskSetterMap,
-	...OriginSetterMap,
 	...RenderNodesSetterMap,
 	...ScrollFactorSetterMap,
-	...SizeSetterMap,
-	...TextureSetterMap,
-	...TintSetterMap,
 	...TransformSetterMap,
 	...VisibleSetterMap,
-	...AnimationSetterMap,
 	...GlobalSetterMap
 };
 //#endregion
-//#region src/components/Sprite.vue
-const _sfc_main$19 = /*@__PURE__*/ defineComponent({
-	__name: "Sprite",
+//#region src/components/Graphics.vue
+const _sfc_main$7 = /*@__PURE__*/ defineComponent({
+	__name: "Graphics",
 	props: {
-		configuration: {},
+		configuration: { default: () => ({}) },
 		immediate: { type: Boolean },
 		onComplete: { type: Function }
 	},
 	setup(__props, { emit: __emit }) {
 		useInitializeGameObject((scene) => {
-			const { frame, texture, x, y } = __props.configuration;
-			const sprite = scene.add.sprite(x ?? 0, y ?? 0, texture, frame);
-			__props.onComplete?.(scene, sprite);
-			return sprite;
-		}, () => __props.configuration, __emit, SpriteSetterMap, __props.immediate);
+			const { x, y } = __props.configuration;
+			const graphics = scene.add.graphics({
+				x,
+				y
+			});
+			__props.onComplete?.(scene, graphics);
+			return graphics;
+		}, () => __props.configuration, __emit, GraphicsSetterMap, __props.immediate);
 		return (_ctx, _cache) => {
 			return null;
 		};
 	}
 });
 //#endregion
-//#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, []);
+//#region src/services/setterMap/components/FlipSetterMap.ts
+const FlipSetterMap = {
+	flipX: (gameObject) => (value) => {
+		if (value === void 0) return;
+		gameObject.setFlipX(value);
+	},
+	flipY: (gameObject) => (value) => {
+		if (value === void 0) return;
+		gameObject.setFlipY(value);
+	}
 };
 //#endregion
-//#region src/services/hooks/runLifecycleListeners.ts
-const runLifecycleListeners = (scene, lifecycle, isReset = true) => {
-	const listenersMap = ExternalSceneStore.lifecycleListenersMap.get(lifecycle);
-	if (!listenersMap) return;
-	const listeners = listenersMap.get(scene.scene.key);
-	if (!listeners) return;
-	for (const listener of listeners) listener(scene);
-	if (isReset) resetLifecycleListeners(scene, lifecycle);
-};
+//#region src/services/setterMap/components/SizeSetterMap.ts
+const SizeSetterMap = { ...ComputedSizeSetterMap };
 //#endregion
-//#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 });
-	}
-	create() {
-		hooks.onCreate?.(this);
-		runLifecycleListeners(this, "Create");
-	}
-	init() {
-		hooks.onInit?.(this);
-		runLifecycleListeners(this, "Init");
-	}
-	preload() {
-		hooks.onPreload?.(this);
-		runLifecycleListeners(this, "Preload");
-	}
-	update(time, delta) {
-		hooks.onUpdate?.(this, time, delta);
-		runLifecycleListeners(this, "Update", false);
-		runLifecycleListeners(this, "NextTick");
+//#region src/services/setterMap/components/BaseTextureSetterMap.ts
+const BaseTextureSetterMap = {
+	frame: (gameObject) => (value) => {
+		if (value === void 0) return;
+		gameObject.setFrame(value);
+	},
+	texture: (gameObject) => (value) => {
+		if (!value) return;
+		gameObject.setTexture(value);
 	}
 };
 //#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",
-	props: {
-		autoStart: { type: Boolean },
-		sceneKey: {}
-	},
-	emits: [
-		"create",
-		"init",
-		"preload",
-		"shutdown",
-		"update"
-	],
-	setup(__props, { emit: __emit }) {
-		const emit = __emit;
-		const phaserStore = usePhaserStore();
-		const { isSameScene, switchToScene } = phaserStore;
-		const cameraStore = useCameraStore();
-		const { isFading } = storeToRefs(cameraStore);
-		const inputStore = useInputStore();
-		const { isInputActive } = storeToRefs(inputStore);
-		const { parallelSceneKeys } = storeToRefs(phaserStore);
-		const isActive = computed(() => isSameScene(__props.sceneKey) || parallelSceneKeys.value.includes(__props.sceneKey));
-		const fadeStartListener = () => {
-			isInputActive.value = false;
-		};
-		const fadeInCompleteListener = () => {
-			isFading.value = false;
-			isInputActive.value = true;
-		};
-		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);
-				for (const [event, listener] of cameraFadeListeners) scene.cameras.main.on(event, listener);
-				isInputActive.value = true;
-			},
-			onInit: (scene) => emit("init", scene),
-			onPreload: (scene) => emit("preload", scene),
-			onUpdate: (scene, time, delta) => emit("update", scene, time, delta)
-		});
-		const readyListener = () => {
-			ExternalSceneStore.sceneReadyMap.set(__props.sceneKey, true);
-		};
-		const shutdownListener = () => {
-			const scene = getScene(__props.sceneKey);
-			runSceneShutdown(scene);
-			for (const [event, listener] of cameraFadeListeners) scene.cameras.main.off(event, listener);
-			emit("shutdown", scene);
-		};
-		onMounted(async () => {
-			const scene = useGame().scene.add(__props.sceneKey, NewScene);
-			if (!scene) {
-				console.error(`Failed to add scene: ${__props.sceneKey}`);
-				return;
-			}
-			scene.events.on(Scenes.Events.READY, readyListener);
-			scene.events.on(Scenes.Events.SHUTDOWN, shutdownListener);
-			if (__props.autoStart) await switchToScene(__props.sceneKey);
-		});
-		onUnmounted(() => {
-			const game = useGame();
-			const scene = getScene(__props.sceneKey);
-			scene.events.off(Scenes.Events.READY, readyListener);
-			scene.events.off(Scenes.Events.SHUTDOWN, shutdownListener);
-			game.scene.remove(__props.sceneKey);
-		});
-		provide(InjectionKeyMap.SceneKey, __props.sceneKey);
-		return (_ctx, _cache) => {
-			return isActive.value ? renderSlot(_ctx.$slots, "default", {}, void 0, void 0, 0) : createCommentVNode("v-if", true);
-		};
-	}
-});
+//#region src/services/setterMap/components/TextureCropSetterMap.ts
+const TextureCropSetterMap = { ...BaseTextureSetterMap };
 //#endregion
-//#region src/services/setterMap/RenderTextureSetterMap.ts
-const RenderTextureSetterMap = {
+//#region src/services/setterMap/ImageSetterMap.ts
+const ImageSetterMap = {
 	...AlphaSetterMap,
 	...BlendModeSetterMap,
 	...DepthSetterMap,
@@ -1053,44 +965,75 @@ const RenderTextureSetterMap = {
 	...RenderNodesSetterMap,
 	...ScrollFactorSetterMap,
 	...SizeSetterMap,
+	...TextureCropSetterMap,
 	...TintSetterMap,
 	...TransformSetterMap,
 	...VisibleSetterMap,
 	...GlobalSetterMap
 };
 //#endregion
-//#region src/components/RenderTexture.vue
-const _sfc_main$17 = /*@__PURE__*/ defineComponent({
-	__name: "RenderTexture",
+//#region src/components/Image.vue
+const _sfc_main$8 = /*@__PURE__*/ defineComponent({
+	__name: "Image",
 	props: {
 		configuration: {},
-		immediate: { type: Boolean },
 		onComplete: { type: Function }
 	},
 	setup(__props, { emit: __emit }) {
 		useInitializeGameObject((scene) => {
-			const { height, width, x, y } = __props.configuration;
-			const renderTexture = scene.add.renderTexture(x ?? 0, y ?? 0, width, height);
-			__props.onComplete?.(scene, renderTexture);
-			return renderTexture;
-		}, () => __props.configuration, __emit, RenderTextureSetterMap, __props.immediate);
+			const { frame, texture, x, y } = __props.configuration;
+			const image = scene.add.image(x ?? 0, y ?? 0, texture, frame);
+			__props.onComplete?.(scene, image);
+			return image;
+		}, () => __props.configuration, __emit, ImageSetterMap);
 		return (_ctx, _cache) => {
 			return null;
 		};
 	}
 });
 //#endregion
-//#region src/services/setterMap/RectangleSetterMap.ts
-const RectangleSetterMap = {
-	height: ComputedSizeSetterMap.height,
-	width: ComputedSizeSetterMap.width,
+//#region src/services/setterMap/shared/IsoSetterMap.ts
+const IsoSetterMap = {
+	fillLeft: (gameObject) => (value) => {
+		if (value === void 0) return;
+		gameObject.setFillStyle(gameObject.fillTop, value, gameObject.fillRight);
+	},
+	fillRight: (gameObject) => (value) => {
+		if (value === void 0) return;
+		gameObject.setFillStyle(gameObject.fillTop, gameObject.fillLeft, value);
+	},
+	fillTop: (gameObject) => (value) => {
+		if (value === void 0) return;
+		gameObject.setFillStyle(value, gameObject.fillLeft, gameObject.fillRight);
+	},
+	projection: (gameObject) => (value) => {
+		if (value === void 0) return;
+		gameObject.setProjection(value);
+	},
+	showLeft: (gameObject) => (value) => {
+		if (value === void 0) return;
+		gameObject.setFaces(gameObject.showTop, value, gameObject.showRight);
+	},
+	showRight: (gameObject) => (value) => {
+		if (value === void 0) return;
+		gameObject.setFaces(gameObject.showTop, gameObject.showLeft, value);
+	},
+	showTop: (gameObject) => (value) => {
+		if (value === void 0) return;
+		gameObject.setFaces(value, gameObject.showLeft, gameObject.showRight);
+	}
+};
+//#endregion
+//#region src/services/setterMap/IsoBoxSetterMap.ts
+const IsoBoxSetterMap = {
+	...IsoSetterMap,
 	...ShapeSetterMap,
 	...GlobalSetterMap
 };
 //#endregion
-//#region src/components/Rectangle.vue
-const _sfc_main$16 = /*@__PURE__*/ defineComponent({
-	__name: "Rectangle",
+//#region src/components/IsoBox.vue
+const _sfc_main$9 = /*@__PURE__*/ defineComponent({
+	__name: "IsoBox",
 	props: {
 		configuration: {},
 		immediate: { type: Boolean },
@@ -1098,30 +1041,31 @@ const _sfc_main$16 = /*@__PURE__*/ defineComponent({
 	},
 	setup(__props, { emit: __emit }) {
 		useInitializeGameObject((scene) => {
-			const { alpha, fillColor, height, width, x, y } = __props.configuration;
-			const rectangle = scene.add.rectangle(x, y, width, height, fillColor, alpha);
-			__props.onComplete?.(scene, rectangle);
-			return rectangle;
-		}, () => __props.configuration, __emit, RectangleSetterMap, __props.immediate);
+			const { fillLeft, fillRight, fillTop, height, size, x, y } = __props.configuration;
+			const isoBox = scene.add.isobox(x, y, size, height, fillTop, fillLeft, fillRight);
+			__props.onComplete?.(scene, isoBox);
+			return isoBox;
+		}, () => __props.configuration, __emit, IsoBoxSetterMap, __props.immediate);
 		return (_ctx, _cache) => {
 			return null;
 		};
 	}
 });
 //#endregion
-//#region src/services/setterMap/PolygonSetterMap.ts
-const PolygonSetterMap = {
-	points: (gameObject) => (value) => {
-		if (!value) return;
-		gameObject.setTo(value);
+//#region src/services/setterMap/IsoTriangleSetterMap.ts
+const IsoTriangleSetterMap = {
+	isReversed: (gameObject) => (value) => {
+		if (value === void 0) return;
+		gameObject.setReversed(value);
 	},
+	...IsoSetterMap,
 	...ShapeSetterMap,
 	...GlobalSetterMap
 };
 //#endregion
-//#region src/components/Polygon.vue
-const _sfc_main$15 = /*@__PURE__*/ defineComponent({
-	__name: "Polygon",
+//#region src/components/IsoTriangle.vue
+const _sfc_main$10 = /*@__PURE__*/ defineComponent({
+	__name: "IsoTriangle",
 	props: {
 		configuration: {},
 		immediate: { type: Boolean },
@@ -1129,56 +1073,87 @@ const _sfc_main$15 = /*@__PURE__*/ defineComponent({
 	},
 	setup(__props, { emit: __emit }) {
 		useInitializeGameObject((scene) => {
-			const { alpha, fillColor, points, x, y } = __props.configuration;
-			const polygon = scene.add.polygon(x, y, points, fillColor, alpha);
-			__props.onComplete?.(scene, polygon);
-			return polygon;
-		}, () => __props.configuration, __emit, PolygonSetterMap, __props.immediate);
+			const { fillLeft, fillRight, fillTop, height, isReversed, size, x, y } = __props.configuration;
+			const isoTriangle = scene.add.isotriangle(x, y, size, height, isReversed, fillTop, fillLeft, fillRight);
+			__props.onComplete?.(scene, isoTriangle);
+			return isoTriangle;
+		}, () => __props.configuration, __emit, IsoTriangleSetterMap, __props.immediate);
 		return (_ctx, _cache) => {
 			return null;
 		};
 	}
 });
 //#endregion
-//#region src/services/setterMap/components/PathFollowerComponentSetterMap.ts
-const PathFollowerComponentSetterMap = { path: (gameObject) => (value) => {
-	if (!value) return;
-	gameObject.setPath(value);
-} };
-//#endregion
-//#region src/services/setterMap/PathFollowerSetterMap.ts
-const PathFollowerSetterMap = {
-	...AlphaSetterMap,
+//#region src/services/setterMap/LineSetterMap.ts
+const LineSetterMap = {
+	lineWidth: (gameObject) => (value) => {
+		if (value === void 0) return;
+		gameObject.setLineWidth(value);
+	},
+	to: (gameObject) => (value) => {
+		if (!value) return;
+		gameObject.setTo(...value);
+	},
+	...ShapeSetterMap,
+	...GlobalSetterMap
+};
+//#endregion
+//#region src/components/Line.vue
+const _sfc_main$11 = /*@__PURE__*/ defineComponent({
+	__name: "Line",
+	props: {
+		configuration: {},
+		immediate: { type: Boolean },
+		onComplete: { type: Function }
+	},
+	setup(__props, { emit: __emit }) {
+		useInitializeGameObject((scene) => {
+			const { to, x, y } = __props.configuration;
+			const line = scene.add.line(x, y, to?.[0], to?.[1], to?.[2], to?.[3]);
+			__props.onComplete?.(scene, line);
+			return line;
+		}, () => __props.configuration, __emit, LineSetterMap, __props.immediate);
+		return (_ctx, _cache) => {
+			return null;
+		};
+	}
+});
+//#endregion
+//#region src/services/setterMap/components/TextureSetterMap.ts
+const TextureSetterMap = { ...BaseTextureSetterMap };
+//#endregion
+//#region src/services/setterMap/NinesliceSetterMap.ts
+const NinesliceSetterMap = {
+	height: ComputedSizeSetterMap.height,
+	width: ComputedSizeSetterMap.width,
+	...AlphaSingleSetterMap,
 	...BlendModeSetterMap,
 	...DepthSetterMap,
-	...FlipSetterMap,
 	...MaskSetterMap,
 	...OriginSetterMap,
-	...PathFollowerComponentSetterMap,
 	...RenderNodesSetterMap,
 	...ScrollFactorSetterMap,
-	...SizeSetterMap,
 	...TextureSetterMap,
-	...TintSetterMap,
 	...TransformSetterMap,
 	...VisibleSetterMap,
 	...GlobalSetterMap
 };
 //#endregion
-//#region src/components/PathFollower.vue
-const _sfc_main$14 = /*@__PURE__*/ defineComponent({
-	__name: "PathFollower",
+//#region src/components/Nineslice.vue
+const _sfc_main$12 = /*@__PURE__*/ defineComponent({
+	__name: "Nineslice",
 	props: {
 		configuration: {},
+		immediate: { type: Boolean },
 		onComplete: { type: Function }
 	},
 	setup(__props, { emit: __emit }) {
 		useInitializeGameObject((scene) => {
-			const { frame, path, texture, x, y } = __props.configuration;
-			const pathFollower = scene.add.follower(path, x ?? 0, y ?? 0, texture, frame);
-			__props.onComplete?.(scene, pathFollower);
-			return pathFollower;
-		}, () => __props.configuration, __emit, PathFollowerSetterMap);
+			const { bottomHeight, frame, height, leftWidth, rightWidth, texture, topHeight, width, x, y } = __props.configuration;
+			const nineSlice = scene.add.nineslice(x ?? 0, y ?? 0, texture, frame, width, height, leftWidth, rightWidth, topHeight, bottomHeight);
+			__props.onComplete?.(scene, nineSlice);
+			return nineSlice;
+		}, () => __props.configuration, __emit, NinesliceSetterMap, __props.immediate);
 		return (_ctx, _cache) => {
 			return null;
 		};
@@ -1224,61 +1199,64 @@ const _sfc_main$13 = /*@__PURE__*/ defineComponent({
 	}
 });
 //#endregion
-//#region src/services/setterMap/NinesliceSetterMap.ts
-const NinesliceSetterMap = {
-	height: ComputedSizeSetterMap.height,
-	width: ComputedSizeSetterMap.width,
-	...AlphaSingleSetterMap,
+//#region src/services/setterMap/components/PathFollowerComponentSetterMap.ts
+const PathFollowerComponentSetterMap = { path: (gameObject) => (value) => {
+	if (!value) return;
+	gameObject.setPath(value);
+} };
+//#endregion
+//#region src/services/setterMap/PathFollowerSetterMap.ts
+const PathFollowerSetterMap = {
+	...AlphaSetterMap,
 	...BlendModeSetterMap,
 	...DepthSetterMap,
+	...FlipSetterMap,
 	...MaskSetterMap,
 	...OriginSetterMap,
+	...PathFollowerComponentSetterMap,
 	...RenderNodesSetterMap,
 	...ScrollFactorSetterMap,
+	...SizeSetterMap,
 	...TextureSetterMap,
+	...TintSetterMap,
 	...TransformSetterMap,
 	...VisibleSetterMap,
 	...GlobalSetterMap
 };
 //#endregion
-//#region src/components/Nineslice.vue
-const _sfc_main$12 = /*@__PURE__*/ defineComponent({
-	__name: "Nineslice",
+//#region src/components/PathFollower.vue
+const _sfc_main$14 = /*@__PURE__*/ defineComponent({
+	__name: "PathFollower",
 	props: {
 		configuration: {},
-		immediate: { type: Boolean },
 		onComplete: { type: Function }
 	},
 	setup(__props, { emit: __emit }) {
 		useInitializeGameObject((scene) => {
-			const { bottomHeight, frame, height, leftWidth, rightWidth, texture, topHeight, width, x, y } = __props.configuration;
-			const nineSlice = scene.add.nineslice(x ?? 0, y ?? 0, texture, frame, width, height, leftWidth, rightWidth, topHeight, bottomHeight);
-			__props.onComplete?.(scene, nineSlice);
-			return nineSlice;
-		}, () => __props.configuration, __emit, NinesliceSetterMap, __props.immediate);
+			const { frame, path, texture, x, y } = __props.configuration;
+			const pathFollower = scene.add.follower(path, x ?? 0, y ?? 0, texture, frame);
+			__props.onComplete?.(scene, pathFollower);
+			return pathFollower;
+		}, () => __props.configuration, __emit, PathFollowerSetterMap);
 		return (_ctx, _cache) => {
 			return null;
 		};
 	}
 });
 //#endregion
-//#region src/services/setterMap/LineSetterMap.ts
-const LineSetterMap = {
-	lineWidth: (gameObject) => (value) => {
-		if (value === void 0) return;
-		gameObject.setLineWidth(value);
-	},
-	to: (gameObject) => (value) => {
+//#region src/services/setterMap/PolygonSetterMap.ts
+const PolygonSetterMap = {
+	points: (gameObject) => (value) => {
 		if (!value) return;
-		gameObject.setTo(...value);
+		gameObject.setTo(value);
 	},
 	...ShapeSetterMap,
 	...GlobalSetterMap
 };
 //#endregion
-//#region src/components/Line.vue
-const _sfc_main$11 = /*@__PURE__*/ defineComponent({
-	__name: "Line",
+//#region src/components/Polygon.vue
+const _sfc_main$15 = /*@__PURE__*/ defineComponent({
+	__name: "Polygon",
 	props: {
 		configuration: {},
 		immediate: { type: Boolean },
@@ -1286,63 +1264,28 @@ const _sfc_main$11 = /*@__PURE__*/ defineComponent({
 	},
 	setup(__props, { emit: __emit }) {
 		useInitializeGameObject((scene) => {
-			const { to, x, y } = __props.configuration;
-			const line = scene.add.line(x, y, to?.[0], to?.[1], to?.[2], to?.[3]);
-			__props.onComplete?.(scene, line);
-			return line;
-		}, () => __props.configuration, __emit, LineSetterMap, __props.immediate);
+			const { alpha, fillColor, points, x, y } = __props.configuration;
+			const polygon = scene.add.polygon(x, y, points, fillColor, alpha);
+			__props.onComplete?.(scene, polygon);
+			return polygon;
+		}, () => __props.configuration, __emit, PolygonSetterMap, __props.immediate);
 		return (_ctx, _cache) => {
 			return null;
 		};
 	}
 });
 //#endregion
-//#region src/services/setterMap/shared/IsoSetterMap.ts
-const IsoSetterMap = {
-	fillLeft: (gameObject) => (value) => {
-		if (value === void 0) return;
-		gameObject.setFillStyle(gameObject.fillTop, value, gameObject.fillRight);
-	},
-	fillRight: (gameObject) => (value) => {
-		if (value === void 0) return;
-		gameObject.setFillStyle(gameObject.fillTop, gameObject.fillLeft, value);
-	},
-	fillTop: (gameObject) => (value) => {
-		if (value === void 0) return;
-		gameObject.setFillStyle(value, gameObject.fillLeft, gameObject.fillRight);
-	},
-	projection: (gameObject) => (value) => {
-		if (value === void 0) return;
-		gameObject.setProjection(value);
-	},
-	showLeft: (gameObject) => (value) => {
-		if (value === void 0) return;
-		gameObject.setFaces(gameObject.showTop, value, gameObject.showRight);
-	},
-	showRight: (gameObject) => (value) => {
-		if (value === void 0) return;
-		gameObject.setFaces(gameObject.showTop, gameObject.showLeft, value);
-	},
-	showTop: (gameObject) => (value) => {
-		if (value === void 0) return;
-		gameObject.setFaces(value, gameObject.showLeft, gameObject.showRight);
-	}
-};
-//#endregion
-//#region src/services/setterMap/IsoTriangleSetterMap.ts
-const IsoTriangleSetterMap = {
-	isReversed: (gameObject) => (value) => {
-		if (value === void 0) return;
-		gameObject.setReversed(value);
-	},
-	...IsoSetterMap,
+//#region src/services/setterMap/RectangleSetterMap.ts
+const RectangleSetterMap = {
+	height: ComputedSizeSetterMap.height,
+	width: ComputedSizeSetterMap.width,
 	...ShapeSetterMap,
 	...GlobalSetterMap
 };
 //#endregion
-//#region src/components/IsoTriangle.vue
-const _sfc_main$10 = /*@__PURE__*/ defineComponent({
-	__name: "IsoTriangle",
+//#region src/components/Rectangle.vue
+const _sfc_main$16 = /*@__PURE__*/ defineComponent({
+	__name: "Rectangle",
 	props: {
 		configuration: {},
 		immediate: { type: Boolean },
@@ -1350,47 +1293,242 @@ const _sfc_main$10 = /*@__PURE__*/ defineComponent({
 	},
 	setup(__props, { emit: __emit }) {
 		useInitializeGameObject((scene) => {
-			const { fillLeft, fillRight, fillTop, height, isReversed, size, x, y } = __props.configuration;
-			const isoTriangle = scene.add.isotriangle(x, y, size, height, isReversed, fillTop, fillLeft, fillRight);
-			__props.onComplete?.(scene, isoTriangle);
-			return isoTriangle;
-		}, () => __props.configuration, __emit, IsoTriangleSetterMap, __props.immediate);
+			const { alpha, fillColor, height, width, x, y } = __props.configuration;
+			const rectangle = scene.add.rectangle(x, y, width, height, fillColor, alpha);
+			__props.onComplete?.(scene, rectangle);
+			return rectangle;
+		}, () => __props.configuration, __emit, RectangleSetterMap, __props.immediate);
 		return (_ctx, _cache) => {
 			return null;
 		};
 	}
 });
 //#endregion
-//#region src/services/setterMap/IsoBoxSetterMap.ts
-const IsoBoxSetterMap = {
-	...IsoSetterMap,
-	...ShapeSetterMap,
+//#region src/services/setterMap/RenderTextureSetterMap.ts
+const RenderTextureSetterMap = {
+	...AlphaSetterMap,
+	...BlendModeSetterMap,
+	...DepthSetterMap,
+	...FlipSetterMap,
+	...MaskSetterMap,
+	...OriginSetterMap,
+	...RenderNodesSetterMap,
+	...ScrollFactorSetterMap,
+	...SizeSetterMap,
+	...TintSetterMap,
+	...TransformSetterMap,
+	...VisibleSetterMap,
 	...GlobalSetterMap
 };
 //#endregion
-//#region src/components/IsoBox.vue
-const _sfc_main$9 = /*@__PURE__*/ defineComponent({
-	__name: "IsoBox",
+//#region src/components/RenderTexture.vue
+const _sfc_main$17 = /*@__PURE__*/ defineComponent({
+	__name: "RenderTexture",
 	props: {
 		configuration: {},
 		immediate: { type: Boolean },
 		onComplete: { type: Function }
 	},
-	setup(__props, { emit: __emit }) {
-		useInitializeGameObject((scene) => {
-			const { fillLeft, fillRight, fillTop, height, size, x, y } = __props.configuration;
-			const isoBox = scene.add.isobox(x, y, size, height, fillTop, fillLeft, fillRight);
-			__props.onComplete?.(scene, isoBox);
-			return isoBox;
-		}, () => __props.configuration, __emit, IsoBoxSetterMap, __props.immediate);
-		return (_ctx, _cache) => {
-			return null;
-		};
+	setup(__props, { emit: __emit }) {
+		useInitializeGameObject((scene) => {
+			const { height, width, x, y } = __props.configuration;
+			const renderTexture = scene.add.renderTexture(x ?? 0, y ?? 0, width, height);
+			__props.onComplete?.(scene, renderTexture);
+			return renderTexture;
+		}, () => __props.configuration, __emit, RenderTextureSetterMap, __props.immediate);
+		return (_ctx, _cache) => {
+			return null;
+		};
+	}
+});
+//#endregion
+//#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/services/hooks/runLifecycleListeners.ts
+const runLifecycleListeners = (scene, lifecycle, isReset = true) => {
+	const listenersMap = ExternalSceneStore.lifecycleListenersMap.get(lifecycle);
+	if (!listenersMap) return;
+	const listeners = listenersMap.get(scene.scene.key);
+	if (!listeners) return;
+	for (const listener of listeners) listener(scene);
+	if (isReset) resetLifecycleListeners(scene, lifecycle);
+};
+//#endregion
+//#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 });
+	}
+	create() {
+		hooks.onCreate?.(this);
+		runLifecycleListeners(this, "Create");
+	}
+	init() {
+		hooks.onInit?.(this);
+		runLifecycleListeners(this, "Init");
+	}
+	preload() {
+		hooks.onPreload?.(this);
+		runLifecycleListeners(this, "Preload");
+	}
+	update(time, delta) {
+		hooks.onUpdate?.(this, time, delta);
+		runLifecycleListeners(this, "Update", false);
+		runLifecycleListeners(this, "NextTick");
+	}
+};
+//#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",
+	props: {
+		autoStart: { type: Boolean },
+		sceneKey: {}
+	},
+	emits: [
+		"create",
+		"init",
+		"preload",
+		"shutdown",
+		"update"
+	],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const phaserStore = usePhaserStore();
+		const { isSameScene, switchToScene } = phaserStore;
+		const cameraStore = useCameraStore();
+		const { isFading } = storeToRefs(cameraStore);
+		const inputStore = useInputStore();
+		const { isInputActive } = storeToRefs(inputStore);
+		const { parallelSceneKeys } = storeToRefs(phaserStore);
+		const isActive = computed(() => isSameScene(__props.sceneKey) || parallelSceneKeys.value.includes(__props.sceneKey));
+		const fadeStartListener = () => {
+			isInputActive.value = false;
+		};
+		const fadeInCompleteListener = () => {
+			isFading.value = false;
+			isInputActive.value = true;
+		};
+		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);
+				for (const [event, listener] of cameraFadeListeners) scene.cameras.main.on(event, listener);
+				isInputActive.value = true;
+			},
+			onInit: (scene) => emit("init", scene),
+			onPreload: (scene) => emit("preload", scene),
+			onUpdate: (scene, time, delta) => emit("update", scene, time, delta)
+		});
+		const readyListener = () => {
+			ExternalSceneStore.sceneReadyMap.set(__props.sceneKey, true);
+		};
+		const shutdownListener = () => {
+			const scene = getScene(__props.sceneKey);
+			runSceneShutdown(scene);
+			for (const [event, listener] of cameraFadeListeners) scene.cameras.main.off(event, listener);
+			emit("shutdown", scene);
+		};
+		onMounted(async () => {
+			const scene = useGame().scene.add(__props.sceneKey, NewScene);
+			if (!scene) {
+				console.error(`Failed to add scene: ${__props.sceneKey}`);
+				return;
+			}
+			scene.events.on(Scenes.Events.READY, readyListener);
+			scene.events.on(Scenes.Events.SHUTDOWN, shutdownListener);
+			if (__props.autoStart) await switchToScene(__props.sceneKey);
+		});
+		onUnmounted(() => {
+			const game = useGame();
+			const scene = getScene(__props.sceneKey);
+			scene.events.off(Scenes.Events.READY, readyListener);
+			scene.events.off(Scenes.Events.SHUTDOWN, shutdownListener);
+			game.scene.remove(__props.sceneKey);
+		});
+		provide(InjectionKeyMap.SceneKey, __props.sceneKey);
+		return (_ctx, _cache) => {
+			return isActive.value ? renderSlot(_ctx.$slots, "default", {}, void 0, void 0, 0) : createCommentVNode("v-if", true);
+		};
+	}
+});
+//#endregion
+//#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}`;
+			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);
+		}
+	},
+	playAnimationKey: (gameObject) => (value) => {
+		if (value === void 0) {
+			gameObject.stop();
+			return;
+		}
+		gameObject.play(value);
 	}
-});
+};
 //#endregion
-//#region src/services/setterMap/ImageSetterMap.ts
-const ImageSetterMap = {
+//#region src/services/setterMap/SpriteSetterMap.ts
+const SpriteSetterMap = {
 	...AlphaSetterMap,
 	...BlendModeSetterMap,
 	...DepthSetterMap,
@@ -1400,229 +1538,56 @@ const ImageSetterMap = {
 	...RenderNodesSetterMap,
 	...ScrollFactorSetterMap,
 	...SizeSetterMap,
-	...TextureCropSetterMap,
+	...TextureSetterMap,
 	...TintSetterMap,
 	...TransformSetterMap,
 	...VisibleSetterMap,
+	...AnimationSetterMap,
 	...GlobalSetterMap
 };
 //#endregion
-//#region src/components/Image.vue
-const _sfc_main$8 = /*@__PURE__*/ defineComponent({
-	__name: "Image",
+//#region src/components/Sprite.vue
+const _sfc_main$19 = /*@__PURE__*/ defineComponent({
+	__name: "Sprite",
 	props: {
 		configuration: {},
+		immediate: { type: Boolean },
 		onComplete: { type: Function }
 	},
 	setup(__props, { emit: __emit }) {
 		useInitializeGameObject((scene) => {
 			const { frame, texture, x, y } = __props.configuration;
-			const image = scene.add.image(x ?? 0, y ?? 0, texture, frame);
-			__props.onComplete?.(scene, image);
-			return image;
-		}, () => __props.configuration, __emit, ImageSetterMap);
+			const sprite = scene.add.sprite(x ?? 0, y ?? 0, texture, frame);
+			__props.onComplete?.(scene, sprite);
+			return sprite;
+		}, () => __props.configuration, __emit, SpriteSetterMap, __props.immediate);
 		return (_ctx, _cache) => {
 			return null;
 		};
 	}
 });
 //#endregion
-//#region src/services/setterMap/GraphicsSetterMap.ts
-const GraphicsSetterMap = {
-	...AlphaSingleSetterMap,
-	...BlendModeSetterMap,
-	...DepthSetterMap,
-	...MaskSetterMap,
-	...RenderNodesSetterMap,
-	...ScrollFactorSetterMap,
-	...TransformSetterMap,
-	...VisibleSetterMap,
-	...GlobalSetterMap
-};
-//#endregion
-//#region src/components/Graphics.vue
-const _sfc_main$7 = /*@__PURE__*/ defineComponent({
-	__name: "Graphics",
-	props: {
-		configuration: { default: () => ({}) },
-		immediate: { type: Boolean },
-		onComplete: { type: Function }
+//#region src/services/setterMap/StarSetterMap.ts
+const StarSetterMap = {
+	innerRadius: (gameObject) => (value) => {
+		if (value === void 0) return;
+		gameObject.setInnerRadius(value);
 	},
-	setup(__props, { emit: __emit }) {
-		useInitializeGameObject((scene) => {
-			const { x, y } = __props.configuration;
-			const graphics = scene.add.graphics({
-				x,
-				y
-			});
-			__props.onComplete?.(scene, graphics);
-			return graphics;
-		}, () => __props.configuration, __emit, GraphicsSetterMap, __props.immediate);
-		return (_ctx, _cache) => {
-			return null;
-		};
-	}
-});
-//#endregion
-//#region src/models/plugins/TilesetFile.ts
-const XMLFile = Loader.FileTypes.XMLFile;
-var TilesetFile = class extends XMLFile {
-	tilesetIndex;
-	constructor(tilesetIndex, ...args) {
-		super(...args);
-		this.tilesetIndex = tilesetIndex;
-	}
-};
-//#endregion
-//#region 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 (checkIsPlainObject(key)) {
-			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;
-	}
-	async 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 tilemapKey = tilemapFile.key;
-		const loader = this.loader;
-		const files = this.files;
-		this.complete = true;
-		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);
-			const tilesetData = parseTileset(responseData.tileset);
-			const index = tilesetFile.tilesetIndex;
-			Object.assign(tilemapData.tilesets[index], tilesetData, {
-				imageheight: tilesetData.image.height,
-				imagewidth: tilesetData.image.width,
-				source: void 0
-			});
-		}));
-		loader.cacheManager.tilemap.add(tilemapKey, {
-			data: tilemapData,
-			format: Tilemaps.Formats.TILED_JSON
-		});
-		for (const file of files) file.pendingDestroy();
-	}
-	onFileComplete(file) {
-		if (this.files.indexOf(file) === -1) return;
-		this.pending--;
-		if (!(file.type === "json" && Object.hasOwn(file.data, "tilesets"))) return;
-		const tilesets = file.data.tilesets;
-		const config = this.config;
-		const loader = this.loader;
-		const currentBaseURL = loader.baseURL;
-		const currentPath = loader.path;
-		const currentPrefix = loader.prefix;
-		const baseURL = GetFastValue(config, "baseURL", currentBaseURL);
-		const path = GetFastValue(config, "path", currentPath);
-		const prefix = GetFastValue(config, "prefix", currentPrefix);
-		const tilesetXhrSettings = GetFastValue(config, "tilesetXhrSettings");
-		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);
-			this.addToMultiFile(tilesetFile);
-			loader.addFile(tilesetFile);
-		}
-		loader.setBaseURL(currentBaseURL);
-		loader.setPath(currentPath);
-		loader.setPrefix(currentPrefix);
-	}
-};
-//#endregion
-//#region src/services/shared/constants.ts
-const TILEMAP_TILED_JSON_EXTERNAL_KEY = "tilemapTiledJSONExternal";
-//#endregion
-//#region 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);
-			this.addFile(multifile.files);
-		}
-		return this;
-	});
-};
-//#endregion
-//#region src/components/Game.vue
-const _sfc_main$6 = /*@__PURE__*/ defineComponent({
-	__name: "Game",
-	props: { configuration: {} },
-	setup(__props) {
-		const phaserStore = usePhaserStore();
-		const { game: storeGame } = storeToRefs(phaserStore);
-		const canvasRoot = useTemplateRef("canvasRoot");
-		const isReady = ref(false);
-		const readyListener = () => {
-			isReady.value = true;
-		};
-		onMounted(() => {
-			registerTiledJSONExternalLoader();
-			storeGame.value = new Game({
-				...__props.configuration,
-				parent: canvasRoot.value
-			});
-			storeGame.value.events.on(Core.Events.READY, readyListener);
-		});
-		onUnmounted(() => {
-			const game = useGame();
-			game.events.off(Core.Events.READY, readyListener);
-			game.destroy(true);
-			storeGame.value = void 0;
-		});
-		return (_ctx, _cache) => {
-			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);
-		};
-	}
-});
-//#endregion
-//#region src/services/setterMap/EllipseSetterMap.ts
-const EllipseSetterMap = {
-	height: ComputedSizeSetterMap.height,
-	smoothness: (gameObject) => (value) => {
+	outerRadius: (gameObject) => (value) => {
 		if (value === void 0) return;
-		gameObject.setSmoothness(value);
+		gameObject.setOuterRadius(value);
+	},
+	points: (gameObject) => (value) => {
+		if (value === void 0) return;
+		gameObject.setPoints(value);
 	},
-	width: ComputedSizeSetterMap.width,
 	...ShapeSetterMap,
 	...GlobalSetterMap
 };
 //#endregion
-//#region src/components/Ellipse.vue
-const _sfc_main$5 = /*@__PURE__*/ defineComponent({
-	__name: "Ellipse",
+//#region src/components/Star.vue
+const _sfc_main$20 = /*@__PURE__*/ defineComponent({
+	__name: "Star",
 	props: {
 		configuration: {},
 		immediate: { type: Boolean },
@@ -1630,108 +1595,162 @@ const _sfc_main$5 = /*@__PURE__*/ defineComponent({
 	},
 	setup(__props, { emit: __emit }) {
 		useInitializeGameObject((scene) => {
-			const { alpha, fillColor, height, width, x, y } = __props.configuration;
-			const ellipse = scene.add.ellipse(x, y, width, height, fillColor, alpha);
-			__props.onComplete?.(scene, ellipse);
-			return ellipse;
-		}, () => __props.configuration, __emit, EllipseSetterMap, __props.immediate);
+			const { alpha, fillColor, innerRadius, outerRadius, points, x, y } = __props.configuration;
+			const star = scene.add.star(x, y, points, innerRadius, outerRadius, fillColor, alpha);
+			__props.onComplete?.(scene, star);
+			return star;
+		}, () => __props.configuration, __emit, StarSetterMap, __props.immediate);
 		return (_ctx, _cache) => {
 			return null;
 		};
 	}
 });
 //#endregion
-//#region src/services/setterMap/CurveSetterMap.ts
-const CurveSetterMap = {
-	smoothness: (gameObject) => (value) => {
+//#region src/services/setterMap/TextSetterMap.ts
+const TextSetterMap = {
+	padding: (gameObject) => (value) => {
+		if (!value) return;
+		gameObject.setPadding(value);
+	},
+	style: (gameObject) => (value) => {
+		if (!value) return;
+		gameObject.setStyle(value);
+	},
+	text: (gameObject, emit) => (value) => {
 		if (value === void 0) return;
-		gameObject.setSmoothness(value);
+		gameObject.setText(value);
+		emit("update:width", gameObject.width);
+		emit("update:displayWidth", gameObject.displayWidth);
 	},
-	...ShapeSetterMap,
+	...AlphaSetterMap,
+	...BlendModeSetterMap,
+	...ComputedSizeSetterMap,
+	...DepthSetterMap,
+	...FlipSetterMap,
+	...MaskSetterMap,
+	...OriginSetterMap,
+	...RenderNodesSetterMap,
+	...ScrollFactorSetterMap,
+	...TintSetterMap,
+	...TransformSetterMap,
+	...VisibleSetterMap,
 	...GlobalSetterMap
 };
 //#endregion
-//#region src/components/Curve.vue
-const _sfc_main$4 = /*@__PURE__*/ defineComponent({
-	__name: "Curve",
+//#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",
 	props: {
 		configuration: {},
-		immediate: { type: Boolean },
-		onComplete: { type: Function }
+		immediate: { type: Boolean }
 	},
 	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const textStore = useTextStore();
+		const { defaultTextStyle } = storeToRefs(textStore);
 		useInitializeGameObject((scene) => {
-			const { alpha, curve, fillColor, x, y } = __props.configuration;
-			const curveObject = scene.add.curve(x, y, curve, fillColor, alpha);
-			__props.onComplete?.(scene, curveObject);
-			return curveObject;
-		}, () => __props.configuration, __emit, CurveSetterMap, __props.immediate);
+			const { style, text, x, y } = __props.configuration;
+			return scene.add.text(x ?? 0, y ?? 0, text, {
+				...defaultTextStyle.value,
+				...style
+			});
+		}, () => __props.configuration, emit, TextSetterMap, __props.immediate);
 		return (_ctx, _cache) => {
 			return null;
 		};
 	}
 });
 //#endregion
-//#region src/services/setterMap/ContainerSetterMap.ts
-const ContainerSetterMap = {
-	...AlphaSingleSetterMap,
+//#region src/services/setterMap/TileSpriteSetterMap.ts
+const TileSpriteSetterMap = {
+	...AlphaSetterMap,
 	...BlendModeSetterMap,
+	...ComputedSizeSetterMap,
 	...DepthSetterMap,
+	...FlipSetterMap,
 	...MaskSetterMap,
+	...OriginSetterMap,
+	...RenderNodesSetterMap,
 	...ScrollFactorSetterMap,
+	...TextureSetterMap,
+	...TintSetterMap,
 	...TransformSetterMap,
 	...VisibleSetterMap,
 	...GlobalSetterMap
 };
 //#endregion
-//#region src/components/Container.vue
-const _sfc_main$3 = /*@__PURE__*/ defineComponent({
-	__name: "Container",
+//#region src/components/TileSprite.vue
+const _sfc_main$22 = /*@__PURE__*/ defineComponent({
+	__name: "TileSprite",
 	props: {
-		configuration: { default: () => ({}) },
+		configuration: {},
+		immediate: { type: Boolean },
 		onComplete: { type: Function }
 	},
 	setup(__props, { emit: __emit }) {
-		const emit = __emit;
-		const container = shallowRef();
 		useInitializeGameObject((scene) => {
-			const { children, x, y } = __props.configuration;
-			container.value = scene.add.container(x, y, children);
-			__props.onComplete?.(scene, container.value);
-			return container.value;
-		}, () => __props.configuration, emit, ContainerSetterMap);
-		provide(InjectionKeyMap.ParentContainer, container);
+			const { frame, height, texture, width, x, y } = __props.configuration;
+			const tileSprite = scene.add.tileSprite(x ?? 0, y ?? 0, width ?? 0, height ?? 0, texture, frame);
+			__props.onComplete?.(scene, tileSprite);
+			return tileSprite;
+		}, () => __props.configuration, __emit, TileSpriteSetterMap, __props.immediate);
 		return (_ctx, _cache) => {
-			return renderSlot(_ctx.$slots, "default");
+			return null;
 		};
 	}
 });
 //#endregion
-//#region src/services/setterMap/ArcSetterMap.ts
-const ArcSetterMap = {
-	closePath: (gameObject) => (value) => {
-		if (value === void 0) return;
-		gameObject.setClosePath(value);
-	},
-	endAngle: (gameObject) => (value) => {
-		if (value === void 0) return;
-		gameObject.setEndAngle(value);
-	},
-	radius: (gameObject) => (value) => {
-		if (value === void 0) return;
-		gameObject.setRadius(value);
+//#region src/components/Tilemap.vue
+const _sfc_main$23 = /*@__PURE__*/ defineComponent({
+	__name: "Tilemap",
+	props: {
+		configuration: {},
+		onComplete: { type: Function }
 	},
-	startAngle: (gameObject) => (value) => {
-		if (value === void 0) return;
-		gameObject.setStartAngle(value);
+	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");
+		};
+	}
+});
+//#endregion
+//#region src/services/setterMap/TriangleSetterMap.ts
+const TriangleSetterMap = {
+	to: (gameObject) => (value) => {
+		if (!value) return;
+		gameObject.setTo(...value);
 	},
 	...ShapeSetterMap,
 	...GlobalSetterMap
 };
 //#endregion
-//#region src/components/Circle.vue
-const _sfc_main$2 = /*@__PURE__*/ defineComponent({
-	__name: "Circle",
+//#region src/components/Triangle.vue
+const _sfc_main$24 = /*@__PURE__*/ defineComponent({
+	__name: "Triangle",
 	props: {
 		configuration: {},
 		immediate: { type: Boolean },
@@ -1739,71 +1758,47 @@ const _sfc_main$2 = /*@__PURE__*/ defineComponent({
 	},
 	setup(__props, { emit: __emit }) {
 		useInitializeGameObject((scene) => {
-			const { alpha, fillColor, radius, x, y } = __props.configuration;
-			const circle = scene.add.circle(x, y, radius, fillColor, alpha);
-			__props.onComplete?.(scene, circle);
-			return circle;
-		}, () => __props.configuration, __emit, ArcSetterMap, __props.immediate);
+			const { alpha, fillColor, to, x, y } = __props.configuration;
+			const triangle = scene.add.triangle(x, y, to?.[0], to?.[1], to?.[2], to?.[3], to?.[4], to?.[5], fillColor, alpha);
+			__props.onComplete?.(scene, triangle);
+			return triangle;
+		}, () => __props.configuration, __emit, TriangleSetterMap, __props.immediate);
 		return (_ctx, _cache) => {
 			return null;
 		};
 	}
 });
 //#endregion
-//#region src/services/setterMap/BitmapTextSetterMap.ts
-const BitmapTextSetterMap = {
-	align: (gameObject) => (value) => {
-		if (value === void 0) return;
-		gameObject.align = value;
-	},
-	dropShadow: (gameObject) => (value) => {
-		if (!value) return;
-		gameObject.setDropShadow(...value);
-	},
-	font: (gameObject) => (value) => {
+//#region src/services/setterMap/VideoSetterMap.ts
+const VideoSetterMap = {
+	key: (gameObject) => (value) => {
 		if (!value) return;
-		gameObject.setFont(value);
-	},
-	fontSize: (gameObject) => (value) => {
-		if (value === void 0) return;
-		gameObject.setFontSize(value);
-	},
-	letterSpacing: (gameObject) => (value) => {
-		if (value === void 0) return;
-		gameObject.setLetterSpacing(value);
-	},
-	lineSpacing: (gameObject) => (value) => {
-		if (value === void 0) return;
-		gameObject.setLineSpacing(value);
-	},
-	maxWidth: (gameObject) => (value) => {
-		if (value === void 0) return;
-		gameObject.setMaxWidth(value);
+		gameObject.changeSource(value);
 	},
-	text: (gameObject) => (value) => {
-		if (value === void 0) return;
-		gameObject.setText(value);
+	muted: (gameObject) => (value) => {
+		gameObject.setMute(value);
 	},
-	wordWrapCharCode: (gameObject) => (value) => {
-		if (value === void 0) return;
-		gameObject.wordWrapCharCode = value;
+	volume: (gameObject) => (value) => {
+		gameObject.setVolume(value);
 	},
 	...AlphaSetterMap,
 	...BlendModeSetterMap,
 	...DepthSetterMap,
+	...FlipSetterMap,
 	...MaskSetterMap,
 	...OriginSetterMap,
 	...RenderNodesSetterMap,
 	...ScrollFactorSetterMap,
+	...TextureCropSetterMap,
 	...TintSetterMap,
 	...TransformSetterMap,
 	...VisibleSetterMap,
 	...GlobalSetterMap
 };
 //#endregion
-//#region src/components/BitmapText.vue
-const _sfc_main$1 = /*@__PURE__*/ defineComponent({
-	__name: "BitmapText",
+//#region src/components/Video.vue
+const _sfc_main$25 = /*@__PURE__*/ defineComponent({
+	__name: "Video",
 	props: {
 		configuration: {},
 		immediate: { type: Boolean },
@@ -1811,32 +1806,37 @@ const _sfc_main$1 = /*@__PURE__*/ defineComponent({
 	},
 	setup(__props, { emit: __emit }) {
 		useInitializeGameObject((scene) => {
-			const { align, font, fontSize, text, x, y } = __props.configuration;
-			const bitmapText = scene.add.bitmapText(x ?? 0, y ?? 0, font, text, fontSize, align);
-			__props.onComplete?.(scene, bitmapText);
-			return bitmapText;
-		}, () => __props.configuration, __emit, BitmapTextSetterMap, __props.immediate);
+			const { key, x, y } = __props.configuration;
+			const video = scene.add.video(x ?? 0, y ?? 0, key);
+			__props.onComplete?.(scene, video);
+			return video;
+		}, () => __props.configuration, __emit, VideoSetterMap, __props.immediate);
 		return (_ctx, _cache) => {
 			return null;
 		};
 	}
 });
 //#endregion
-//#region src/components/Arc.vue
-const _sfc_main = /*@__PURE__*/ defineComponent({
-	__name: "Arc",
-	props: {
-		configuration: {},
-		immediate: { type: Boolean },
-		onComplete: { type: Function }
-	},
+//#region src/services/setterMap/ZoneSetterMap.ts
+const ZoneSetterMap = {
+	...ComputedSizeSetterMap,
+	...DepthSetterMap,
+	...OriginSetterMap,
+	...ScrollFactorSetterMap,
+	...TransformSetterMap,
+	...VisibleSetterMap,
+	...GlobalSetterMap
+};
+//#endregion
+//#region src/components/Zone.vue
+const _sfc_main$26 = /*@__PURE__*/ defineComponent({
+	__name: "Zone",
+	props: { configuration: {} },
 	setup(__props, { emit: __emit }) {
 		useInitializeGameObject((scene) => {
-			const { alpha, endAngle, fillColor, radius, startAngle, x, y } = __props.configuration;
-			const arc = scene.add.arc(x, y, radius, startAngle, endAngle, void 0, fillColor, alpha);
-			__props.onComplete?.(scene, arc);
-			return arc;
-		}, () => __props.configuration, __emit, ArcSetterMap, __props.immediate);
+			const { height, width, x, y } = __props.configuration;
+			return scene.add.zone(x, y, width, height);
+		}, () => __props.configuration, __emit, ZoneSetterMap);
 		return (_ctx, _cache) => {
 			return null;
 		};