@rpgjs/client 5.0.0-beta.20 → 5.0.0-beta.22

package/dist/components/character.ce.js

@@ -4,6 +4,7 @@ import { getCanMoveValue } from "../utils/readPropValue.js";
 import { RpgGui } from "../Gui/Gui.js";
 import { normalizeEventComponent } from "../Game/EventComponentResolver.js";
 import { RpgClientEngine } from "../RpgClientEngine.js";
+import { applyCameraFollow, clearCameraFollowPlugins, ownsCameraFollowRevision } from "../services/cameraFollow.js";
 import __ce_component$1 from "./player-components.ce.js";
 import __ce_component$2 from "./interaction-components.ce.js";
 import { Container, Sprite, animatedSignal, computed, cond, effect, h, loop, mount, on, signal, tick, useDefineEmits, useDefineProps, useProps } from "canvasengine";
@@ -118,8 +119,33 @@ function component($$props) {
 	const canControls = () => isMe() && getCanMoveValue(sprite);
 	const keyboardControls = client.globalConfig.keyboardControls;
 	const activeDirectionKeys = /* @__PURE__ */ new Map();
+	const activeControlDirections = /* @__PURE__ */ new Map();
+	const activeControlDirectionReleaseTimers = /* @__PURE__ */ new Map();
+	const CONTROL_DIRECTION_RELEASE_GRACE_MS = 160;
+	const hasHeldDirection = () => activeDirectionKeys.size > 0 || activeControlDirections.size > 0;
+	const publishMobileDebug = (type, payload = {}) => {
+		const target = typeof window !== "undefined" ? window : globalThis;
+		if (!target.__RPGJS_MOBILE_DEBUG__) return;
+		const event = {
+			source: "character",
+			type,
+			time: Date.now(),
+			isCurrentPlayer: isCurrentPlayer(),
+			animationName: animationName(),
+			realAnimationName: realAnimationName?.(),
+			activeKeyboardDirections: Array.from(activeDirectionKeys.values()),
+			activeControlDirections: Array.from(activeControlDirections.values()),
+			heldDirection: resolveHeldDirection(),
+			canControls: canControls(),
+			x: x(),
+			y: y(),
+			...payload
+		};
+		target.__RPGJS_MOBILE_DEBUG_EVENTS__ = [...(target.__RPGJS_MOBILE_DEBUG_EVENTS__ || []).slice(-199), event];
+		target.__RPGJS_MOBILE_DEBUG_LAST__ = event;
+	};
 	const resolveHeldDirection = () => {
-		const directions = Array.from(activeDirectionKeys.values());
+		const directions = [...Array.from(activeDirectionKeys.values()), ...Array.from(activeControlDirections.values())];
 		return directions[directions.length - 1];
 	};
 	const resolveSpriteDirection = () => {
@@ -163,24 +189,75 @@ function component($$props) {
 	};
 	const resolveCurrentActionInput = () => withCurrentDirection(resolveKeyboardActionInput(keyboardControls.action, client, sprite));
 	const playPredictedWalkAnimation = () => {
-		if (sprite.animationFixed) return;
-		if (sprite.animationIsPlaying && sprite.animationIsPlaying()) return;
+		if (sprite.animationFixed) {
+			publishMobileDebug("walk:skip", { reason: "animationFixed" });
+			return;
+		}
+		if (sprite.animationIsPlaying && sprite.animationIsPlaying()) {
+			publishMobileDebug("walk:skip", { reason: "animationIsPlaying" });
+			return;
+		}
 		realAnimationName.set("walk");
+		publishMobileDebug("walk:set", { reason: "predicted" });
 	};
 	const resumeHeldDirectionWalkAnimation = () => {
-		if (!isCurrentPlayer()) return false;
-		if (activeDirectionKeys.size === 0) return false;
-		if (!canControls()) return false;
-		if (sprite.animationFixed) return false;
-		if (sprite.animationIsPlaying && sprite.animationIsPlaying()) return false;
+		if (!isCurrentPlayer()) {
+			publishMobileDebug("walk:resume-fail", { reason: "notCurrentPlayer" });
+			return false;
+		}
+		if (!hasHeldDirection()) {
+			publishMobileDebug("walk:resume-fail", { reason: "noHeldDirection" });
+			return false;
+		}
+		if (!canControls()) {
+			publishMobileDebug("walk:resume-fail", { reason: "cannotControl" });
+			return false;
+		}
+		if (sprite.animationFixed) {
+			publishMobileDebug("walk:resume-fail", { reason: "animationFixed" });
+			return false;
+		}
+		if (sprite.animationIsPlaying && sprite.animationIsPlaying()) {
+			publishMobileDebug("walk:resume-fail", { reason: "animationIsPlaying" });
+			return false;
+		}
 		realAnimationName.set("walk");
+		publishMobileDebug("walk:set", { reason: "resumeHeldDirection" });
 		return true;
 	};
 	const processMovementInput = (input) => {
 		if (!canControls()) return;
+		publishMobileDebug("movement:input", { input });
 		client.processInput({ input });
 		playPredictedWalkAnimation();
 	};
+	const activateControlDirection = (name, directionInput) => {
+		const releaseTimer = activeControlDirectionReleaseTimers.get(name);
+		if (releaseTimer) {
+			clearTimeout(releaseTimer);
+			activeControlDirectionReleaseTimers.delete(name);
+		}
+		activeControlDirections.delete(name);
+		activeControlDirections.set(name, directionInput);
+		publishMobileDebug("control:activate", {
+			name,
+			directionInput
+		});
+		resumeHeldDirectionWalkAnimation();
+	};
+	const releaseControlDirection = (name) => {
+		const previousTimer = activeControlDirectionReleaseTimers.get(name);
+		if (previousTimer) clearTimeout(previousTimer);
+		activeControlDirectionReleaseTimers.set(name, setTimeout(() => {
+			activeControlDirectionReleaseTimers.delete(name);
+			activeControlDirections.delete(name);
+			publishMobileDebug("control:release", { name });
+			if (!hasHeldDirection() && animationName() === "stand") {
+				realAnimationName.set("stand");
+				publishMobileDebug("stand:set", { reason: "controlRelease" });
+			}
+		}, CONTROL_DIRECTION_RELEASE_GRACE_MS));
+	};
 	const processDashInput = () => {
 		if (!canControls()) return;
 		client.processDash({ direction: directionToDashVector(resolveSpriteDirection()) });
@@ -213,28 +290,44 @@ function component($$props) {
 			repeat: true,
 			bind: keyboardControls.down,
 			keyDown() {
+				activateControlDirection("down", Direction.Down);
 				processMovementInput(Direction.Down);
+			},
+			keyUp() {
+				releaseControlDirection("down");
 			}
 		},
 		up: {
 			repeat: true,
 			bind: keyboardControls.up,
 			keyDown() {
+				activateControlDirection("up", Direction.Up);
 				processMovementInput(Direction.Up);
+			},
+			keyUp() {
+				releaseControlDirection("up");
 			}
 		},
 		left: {
 			repeat: true,
 			bind: keyboardControls.left,
 			keyDown() {
+				activateControlDirection("left", Direction.Left);
 				processMovementInput(Direction.Left);
+			},
+			keyUp() {
+				releaseControlDirection("left");
 			}
 		},
 		right: {
 			repeat: true,
 			bind: keyboardControls.right,
 			keyDown() {
+				activateControlDirection("right", Direction.Right);
 				processMovementInput(Direction.Right);
+			},
+			keyUp() {
+				releaseControlDirection("right");
 			}
 		},
 		action: {
@@ -249,12 +342,33 @@ function component($$props) {
 				processDashInput();
 			}
 		},
+		back: {
+			bind: keyboardControls.escape,
+			keyDown() {
+				if (canControls()) client.processAction({ action: "escape" });
+			}
+		},
 		escape: {
 			bind: keyboardControls.escape,
 			keyDown() {
 				if (canControls()) client.processAction({ action: "escape" });
 			}
 		},
+		joystick: {
+			enabled: true,
+			directionMapping: {
+				top: "up",
+				bottom: "down",
+				left: "left",
+				right: "right",
+				top_left: ["up", "left"],
+				top_right: ["up", "right"],
+				bottom_left: ["down", "left"],
+				bottom_right: ["down", "right"]
+			},
+			moveInterval: 50,
+			threshold: .1
+		},
 		gamepad: { enabled: true }
 	};
 	const smoothX = animatedSignal(x(), { duration: isMe() ? 0 : 0 });
@@ -628,12 +742,15 @@ function component($$props) {
 		removeTransitionSubscription?.unsubscribe();
 		animationMovementSubscription.unsubscribe();
 		resumeWalkSubscriptions.forEach((subscription) => subscription.unsubscribe());
+		activeControlDirectionReleaseTimers.forEach((timer) => clearTimeout(timer));
+		activeControlDirectionReleaseTimers.clear();
 		xSubscription.unsubscribe();
 		ySubscription.unsubscribe();
 		await lastValueFrom(hooks.callHooks("client-sprite-onDestroy", sprite));
 		await lastValueFrom(hooks.callHooks("client-sceneMap-onRemoveSprite", client.sceneMap, sprite));
 	};
 	mount((element) => {
+		let appliedCameraFollowRevision = null;
 		if (typeof document !== "undefined") {
 			document.addEventListener("keydown", handleNativeActionWhileMoving);
 			document.addEventListener("keyup", handleNativeActionWhileMoving);
@@ -643,6 +760,31 @@ function component($$props) {
 		effect(() => {
 			if (isCurrentPlayer()) client.setKeyboardControls(element.directives.controls);
 		});
+		effect(() => {
+			const followRevision = client.cameraFollowRevision();
+			if (!shouldFollowCamera()) {
+				appliedCameraFollowRevision = null;
+				return;
+			}
+			const smoothMove = client.cameraFollowSmoothMove;
+			const viewport = element.props.context?.viewport;
+			const target = element.componentInstance;
+			if (!viewport || !target) {
+				appliedCameraFollowRevision = null;
+				return;
+			}
+			appliedCameraFollowRevision = applyCameraFollow({
+				viewport,
+				target,
+				smoothMove,
+				followRevision,
+				isCurrentRevision: (revision) => client.cameraFollowRevision() === revision,
+				shouldFollowCamera
+			}) ? followRevision : null;
+		});
+		return () => {
+			if (ownsCameraFollowRevision(appliedCameraFollowRevision, client.cameraFollowRevision())) clearCameraFollowPlugins(element.props.context?.viewport);
+		};
 	});
 	const normalizeOpenId = (value) => {
 		const resolved = typeof value === "function" ? value() : value;
@@ -664,7 +806,6 @@ function component($$props) {
 		x: smoothX,
 		y: smoothY,
 		zIndex: z,
-		viewportFollow: shouldFollowCamera,
 		controls,
 		onBeforeDestroy,
 		visible,

package/dist/components/character.ce.js.map

@@ -1 +1 @@
-{"version":3,"file":"character.ce.js","names":[],"sources":["../../src/components/character.ce"],"sourcesContent":["<Container\n  x={smoothX}\n  y={smoothY}\n  zIndex={z}\n  viewportFollow={shouldFollowCamera}\n  controls\n  onBeforeDestroy\n  visible\n  cursor={interactionCursor}\n  pointerover={interactionPointerOver}\n  pointerout={interactionPointerOut}\n  pointerdown={interactionPointerDown}\n  pointerup={interactionPointerUp}\n  pointermove={interactionPointerMove}\n  click={interactionClick}\n>\n  @for (compConfig of normalizedComponentsBehind) {\n    <Container>\n      <compConfig.component object={sprite} ...compConfig.props />\n    </Container>\n  } \n  <PlayerComponents object={sprite} position=\"bottom\" graphicBounds />\n  <PlayerComponents object={sprite} position=\"left\" graphicBounds />\n  <Particle emit={emitParticleTrigger} settings={particleSettings} zIndex={1000} name={particleName} />\n  <Container>\n    @for (graphicObj of renderedGraphics) {\n      <Container scale={graphicScale(graphicObj)}>\n        <Sprite \n          sheet={sheet(graphicObj)} \n          direction \n          tint \n          hitbox\n          shadowCaster={shadowCaster(graphicObj)}\n          flash={flashConfig}\n        />\n      </Container>\n    }\n    @for (eventComponent of resolvedEventComponents) {\n      <Container dependencies={eventComponent.dependencies}>\n        <eventComponent.component ...eventComponent.props />\n      </Container>\n    }\n  </Container>\n  <PlayerComponents object={sprite} position=\"center\" graphicBounds />\n  <PlayerComponents object={sprite} position=\"right\" graphicBounds />\n  <PlayerComponents object={sprite} position=\"top\" graphicBounds />\n  @for (compConfig of normalizedComponentsInFront) {\n    <Container dependencies={compConfig.dependencies}>\n      <compConfig.component object={sprite} ...compConfig.props />\n    </Container>\n  }\n  <InteractionComponents\n    object={sprite}\n    bounds={graphicBounds}\n    hitboxBounds={hitboxBounds}\n    graphicBounds={graphicBounds}\n  />\n  @for (attachedGui of attachedGuis) {\n    @if (shouldDisplayAttachedGui) {\n      <Container>\n        <attachedGui.component ...attachedGui.data() dependencies={attachedGui.dependencies} object={sprite} guiOpenId={attachedGui.openId} onFinish={(data, guiOpenId) => {\n          onAttachedGuiFinish(attachedGui, data, guiOpenId)\n        }} onInteraction={(name, data) => {\n          onAttachedGuiInteraction(attachedGui, name, data)\n        }} />\n      </Container>\n    }\n  }\n</Container>\n\n<script>\n  import { signal, effect, mount, computed, tick, animatedSignal, on } from \"canvasengine\";\n  import { Assets } from \"pixi.js\";\n\n  import { lastValueFrom, combineLatest, pairwise, filter, map, startWith } from \"rxjs\";\n  import { Particle } from \"@canvasengine/presets\";\n  import { GameEngineToken, ModulesToken, shouldRenderLightingShadows } from \"@rpgjs/common\";\n  import { RpgClientEngine } from \"../RpgClientEngine\";\n  import { inject } from \"../core/inject\";  \n  import { Direction, Animation } from \"@rpgjs/common\";\n  import { normalizeEventComponent } from \"../Game/EventComponentResolver\";\n  import Hit from \"./effects/hit.ce\";\n  import PlayerComponents from \"./player-components.ce\";\n  import InteractionComponents from \"./interaction-components.ce\";\n  import { RpgGui } from \"../Gui/Gui\";\n  import { getCanMoveValue } from \"../utils/readPropValue\";\n  import {\n    getKeyboardControlBind,\n    keyboardEventMatchesBind,\n    resolveKeyboardActionInput,\n    resolveKeyboardDirectionInput,\n  } from \"../services/actionInput\";\n\n  const { object, id } = defineProps();\n  const sprite = object();\n\n  const client = inject(RpgClientEngine);\n  const hooks = inject(ModulesToken);\n  const guiService = inject(RpgGui);\n\n  const spritesheets = client.spritesheets;\n  const componentsBehind = client.spriteComponentsBehind;\n  const componentsInFront = client.spriteComponentsInFront;\n  const readProp = (value) => typeof value === 'function' ? value() : value;\n  const isCurrentPlayer = () => {\n    const playerId = client.playerIdSignal();\n    const currentPlayer = playerId ? client.sceneMap?.players?.()?.[playerId] : undefined;\n    return readProp(id) === playerId\n      || readProp(sprite?.id) === playerId\n      || sprite === currentPlayer\n      || sprite === client.sceneMap?.getCurrentPlayer?.();\n  };\n  const isMe = computed(isCurrentPlayer);\n  const shadowsEnabled = computed(() => {\n    const lighting = client.sceneMap?.lighting?.();\n    return shouldRenderLightingShadows(lighting);\n  });\n\n  /**\n   * Normalize a single sprite component configuration\n   * \n   * Handles both direct component references and configuration objects with optional props and dependencies.\n   * Extracts the component reference and creates a computed function that returns the props.\n   * \n   * ## Design\n   * \n   * Supports two formats:\n   * 1. Direct component: `ShadowComponent`\n   * 2. Configuration object: `{ component: LightHalo, props: {...}, dependencies: (object) => [...] }`\n   * \n   * The normalization process:\n   * - Extracts the actual component from either format\n   * - Extracts dependencies function if provided\n   * - Creates a computed function that returns props (static object or dynamic function result)\n   * - Returns a normalized object with `component`, `props`, and `dependencies`\n   * \n   * @param comp - Component reference or configuration object\n   * @returns Normalized component configuration with component, props, and dependencies\n   * \n   * @example\n   * ```ts\n   * // Direct component\n   * normalizeComponent(ShadowComponent)\n   * // => { component: ShadowComponent, props: {}, dependencies: undefined }\n   * \n   * // With static props\n   * normalizeComponent({ component: LightHalo, props: { radius: 30 } })\n   * // => { component: LightHalo, props: { radius: 30 }, dependencies: undefined }\n   * \n   * // With dynamic props and dependencies\n   * normalizeComponent({ \n   *   component: HealthBar, \n   *   props: (object) => ({ hp: object.hp(), maxHp: object.param.maxHp() }),\n   *   dependencies: (object) => [object.hp, object.param.maxHp]\n   * })\n   * // => { component: HealthBar, props: {...}, dependencies: (object) => [...] }\n   * ```\n   */\n  const normalizeComponent = (comp) => {\n    let componentRef;\n    let propsValue;\n    let dependenciesFn;\n    \n    // If it's a direct component reference\n    if (typeof comp === 'function' || (comp && typeof comp === 'object' && !comp.component)) {\n      componentRef = comp;\n      propsValue = undefined;\n      dependenciesFn = undefined;\n    }\n    // If it's a configuration object with component and props\n    else if (comp && typeof comp === 'object' && comp.component) {\n      componentRef = comp.component;\n      // Support both \"data\" (legacy) and \"props\" (new) for backward compatibility\n      propsValue = comp.props !== undefined ? comp.props : comp.data;\n      dependenciesFn = comp.dependencies;\n    }\n    // Fallback: treat as direct component\n    else {\n      componentRef = comp;\n      propsValue = undefined;\n      dependenciesFn = undefined;\n    }\n    \n    // Return props directly (object or function), not as computed\n    // The computed will be created in the template when needed\n    return {\n      component: componentRef,\n      props: typeof propsValue === 'function' ? propsValue(sprite) : propsValue || {},\n      dependencies: dependenciesFn ? dependenciesFn(sprite) : []\n    };\n  };\n\n  /**\n   * Normalize an array of sprite components\n   * \n   * Applies normalization to each component in the array using `normalizeComponent`.\n   * \n   * @param components - Array of component references or configuration objects\n   * @returns Array of normalized component configurations\n   */\n  const normalizeComponents = (components) => {\n    return components.map((comp) => normalizeComponent(comp));\n  };\n\n\n  /**\n   * Normalized components to render behind sprites\n   * Handles both direct component references and configuration objects with optional props and dependencies\n   * \n   * Supports multiple formats:\n   * 1. Direct component: `ShadowComponent`\n   * 2. Configuration object: `{ component: LightHalo, props: {...} }`\n   * 3. With dynamic props: `{ component: LightHalo, props: (object) => {...} }`\n   * 4. With dependencies: `{ component: HealthBar, dependencies: (object) => [object.hp, object.param.maxHp] }`\n   * \n   * Components with dependencies will only be displayed when all dependencies are resolved (!= undefined).\n   * The object is passed to the dependencies function to allow sprite-specific dependency resolution.\n   * \n   * @example\n   * ```ts\n   * // Direct component\n   * componentsBehind: [ShadowComponent]\n   * \n   * // With static props\n   * componentsBehind: [{ component: LightHalo, props: { radius: 30 } }]\n   * \n   * // With dynamic props and dependencies\n   * componentsBehind: [{ \n   *   component: HealthBar, \n   *   props: (object) => ({ hp: object.hp(), maxHp: object.param.maxHp() }),\n   *   dependencies: (object) => [object.hp, object.param.maxHp]\n   * }]\n   * ```\n   */\n  const normalizedComponentsBehind = computed(() => {\n    return normalizeComponents(componentsBehind());\n  });\n\n  /**\n   * Normalized components to render in front of sprites\n   * Handles both direct component references and configuration objects with optional props and dependencies\n   * \n   * See `normalizedComponentsBehind` for format details.\n   * Components with dependencies will only be displayed when all dependencies are resolved.\n   */\n  const normalizedComponentsInFront = computed(() => {\n    return normalizeComponents(componentsInFront());\n  });\n\n  const isEventSprite = () => {\n    return typeof sprite?.isEvent === 'function'\n      ? sprite.isEvent()\n      : sprite?._type === 'event';\n  };\n\n  const resolvedEventComponents = computed(() => {\n    if (!isEventSprite()) return [];\n    const eventComponent = normalizeEventComponent(client.resolveEventComponent(sprite), sprite);\n    return eventComponent ? [eventComponent] : [];\n  });\n  \n  /**\n   * Determine if the camera should follow this sprite\n   * \n   * The camera follows this sprite if:\n   * - It's explicitly set as the camera follow target, OR\n   * - It's the current player and no explicit target is set (default behavior)\n   */\n  const shouldFollowCamera = computed(() => {\n    const cameraTargetId = client.cameraFollowTargetId();\n    // If a target is explicitly set, only follow if this sprite is the target\n    if (cameraTargetId !== null) {\n      return id() === cameraTargetId;\n    }\n    // Otherwise, follow the current player (default behavior)\n    return isMe();\n  });\n\n  /**\n   * Get all attached GUI components that should be rendered on sprites\n   * These are GUIs with attachToSprite: true\n   */\n  const attachedGuis = computed(() => {\n    return guiService.getAttachedGuis();\n  });\n\n  /**\n   * Check if attached GUIs should be displayed for this sprite\n   * This is controlled by showAttachedGui/hideAttachedGui on the server\n   */\n  const shouldDisplayAttachedGui = computed(() => {\n    return guiService.shouldDisplayAttachedGui(id());\n  });\n\n  const { \n    x, \n    y, \n    tint, \n    direction, \n    animationName, \n    animationCurrentIndex,\n    emitParticleTrigger, \n    particleName, \n    graphics, \n    hitbox,\n    isConnected,\n    graphicsSignals,\n    flashTrigger\n  } = sprite;\n\n  const renderedGraphics = computed(() => {\n    const eventComponent = resolvedEventComponents()[0];\n    if (eventComponent && !eventComponent.renderGraphic) return [];\n    return graphicsSignals();\n  });\n\n  /**\n   * Flash configuration signals for dynamic options\n   * These signals are updated when the flash trigger is activated with options\n   */\n  const flashType = signal<'alpha' | 'tint' | 'both'>('alpha');\n  const flashDuration = signal(300);\n  const flashCycles = signal(1);\n  const flashAlpha = signal(0.3);\n  const flashTint = signal(0xffffff);\n\n  /**\n   * Listen to flash trigger to update configuration dynamically\n   * When flash is triggered with options, update the signals\n   */\n  on(flashTrigger, (data) => {\n    if (data && typeof data === 'object') {\n      if (data.type !== undefined) flashType.set(data.type);\n      if (data.duration !== undefined) flashDuration.set(data.duration);\n      if (data.cycles !== undefined) flashCycles.set(data.cycles);\n      if (data.alpha !== undefined) flashAlpha.set(data.alpha);\n      if (data.tint !== undefined) flashTint.set(data.tint);\n    }\n  });\n\n  /**\n   * Flash configuration for the sprite\n   * \n   * This configuration is used by the flash directive to create visual feedback effects.\n   * The flash trigger is exposed through the object, allowing both server events and\n   * client-side code to trigger flash animations. Options can be passed dynamically\n   * through the trigger, which updates the reactive signals.\n   */\n  const flashConfig = computed(() => ({\n    trigger: flashTrigger,\n    type: flashType(),\n    duration: flashDuration(),\n    cycles: flashCycles(),\n    alpha: flashAlpha(),\n    tint: flashTint(),\n  }));\n\n  const particleSettings = client.particleSettings;\n\n  const canControls = () => isMe() && getCanMoveValue(sprite)\n  const keyboardControls = client.globalConfig.keyboardControls;\n  const activeDirectionKeys = new Map();\n\n  const resolveHeldDirection = () => {\n    const directions = Array.from(activeDirectionKeys.values());\n    return directions[directions.length - 1];\n  };\n\n  const resolveSpriteDirection = () => {\n    const heldDirection = resolveHeldDirection();\n    if (heldDirection) return heldDirection;\n    if (typeof sprite.getDirection === 'function') return sprite.getDirection();\n    if (typeof sprite.direction === 'function') return sprite.direction();\n    return direction();\n  };\n\n  const directionToDashVector = (currentDirection) => {\n    switch (currentDirection) {\n      case Direction.Left:\n        return { x: -1, y: 0 };\n      case Direction.Right:\n        return { x: 1, y: 0 };\n      case Direction.Up:\n        return { x: 0, y: -1 };\n      case Direction.Down:\n      default:\n        return { x: 0, y: 1 };\n    }\n  };\n\n  const withCurrentDirection = (payload) => {\n    if (payload.action !== 'action') return payload;\n    const data = payload.data && typeof payload.data === 'object'\n      ? { ...payload.data }\n      : {};\n    return {\n      ...payload,\n      data: {\n        ...data,\n        direction: data.direction ?? resolveSpriteDirection(),\n      },\n    };\n  };\n\n  const resolveCurrentActionInput = () =>\n    withCurrentDirection(\n      resolveKeyboardActionInput(keyboardControls.action, client, sprite)\n    );\n\n  const playPredictedWalkAnimation = () => {\n    if (sprite.animationFixed) return;\n    if (sprite.animationIsPlaying && sprite.animationIsPlaying()) return;\n    realAnimationName.set('walk');\n  };\n\n  const resumeHeldDirectionWalkAnimation = () => {\n    if (!isCurrentPlayer()) return false;\n    if (activeDirectionKeys.size === 0) return false;\n    if (!canControls()) return false;\n    if (sprite.animationFixed) return false;\n    if (sprite.animationIsPlaying && sprite.animationIsPlaying()) return false;\n    realAnimationName.set('walk');\n    return true;\n  };\n\n  const processMovementInput = (input) => {\n    if (!canControls()) return;\n    client.processInput({ input });\n    playPredictedWalkAnimation();\n  };\n\n  const processDashInput = () => {\n    if (!canControls()) return;\n    client.processDash({\n      direction: directionToDashVector(resolveSpriteDirection()),\n    });\n  };\n\n  const actionBind = () => getKeyboardControlBind(keyboardControls.action);\n  const keyboardEventId = (event) => `${event.keyCode}:${event.code}:${event.key}`;\n\n  const handleNativeActionWhileMoving = (event) => {\n    const inputDirection = resolveKeyboardDirectionInput(event, keyboardControls);\n    if (inputDirection) {\n      const keyId = keyboardEventId(event);\n      if (event.type === 'keydown') {\n        activeDirectionKeys.delete(keyId);\n        activeDirectionKeys.set(keyId, inputDirection);\n        resumeHeldDirectionWalkAnimation();\n      }\n      else {\n        activeDirectionKeys.delete(keyId);\n      }\n    }\n\n    if (!isCurrentPlayer()) return;\n    if (event.type !== 'keydown' || event.repeat) return;\n    if (activeDirectionKeys.size === 0) return;\n    if (!keyboardEventMatchesBind(event, actionBind())) return;\n    if (!canControls()) return;\n\n    client.processAction(resolveCurrentActionInput());\n  };\n\n  const visible = computed(() => {\n    if (sprite.isEvent()) {\n      return true\n    }\n    return isConnected()\n  });\n\n  const controls = {\n    down: {\n      repeat: true,\n      bind: keyboardControls.down,\n      keyDown() {\n        processMovementInput(Direction.Down)\n      },\n    },\n    up: {\n      repeat: true,\n      bind: keyboardControls.up,\n      keyDown() {\n        processMovementInput(Direction.Up)\n      },\n    },\n    left: {\n      repeat: true,\n      bind: keyboardControls.left,\n      keyDown() {\n        processMovementInput(Direction.Left)\n      },\n    },\n    right: {\n      repeat: true,\n      bind: keyboardControls.right,\n      keyDown() {\n        processMovementInput(Direction.Right)\n      },\n    },\n    action: {\n      bind: getKeyboardControlBind(keyboardControls.action),\n      keyDown() {\n        if (canControls()) {\n          client.processAction(resolveCurrentActionInput())\n        }\n      },\n    },\n    dash: {\n      bind: keyboardControls.dash,\n      keyDown() {\n        processDashInput()\n      },\n    },\n    escape: {\n      bind: keyboardControls.escape,\n      keyDown() {\n        if (canControls()) {\n          client.processAction({ action: 'escape' })\n        }\n      },\n    },\n    gamepad: {\n      enabled: true\n    }\n  };\n\n  const smoothX = animatedSignal(x(), {\n    duration: isMe() ? 0 : 0\n  });\n\n  const smoothY = animatedSignal(y(), {\n    duration: isMe() ? 0 : 0,\n  });\n\n  const z = computed(() => {\n    const box = hitbox?.()\n    return sprite.y() + (box?.h ?? 0) + sprite.z()\n  });\n\n  const realAnimationName = signal(animationName());\n\n  const xSubscription = x.observable.subscribe((value) => {\n    smoothX.set(value);\n  });\n\n  const ySubscription = y.observable.subscribe((value) => {\n    smoothY.set(value);\n  });\n  \n  const sheet = (graphicObject) => {\n    return {\n      definition: graphicObject,\n      playing: realAnimationName(),\n      params: {\n        direction: direction()\n      },\n      onFinish() {\n        animationCurrentIndex.update(index => index + 1)\n      }\n    };\n  }\n\n  const graphicScale = (graphicObject) => {\n    const scale = graphicObject?.displayScale ?? graphicObject?.scale;\n    if (Array.isArray(scale)) return scale;\n    if (typeof scale === 'number') return [scale, scale];\n    if (scale && typeof scale === 'object') {\n      const x = typeof scale.x === 'number' ? scale.x : 1;\n      const y = typeof scale.y === 'number' ? scale.y : x;\n      return [x, y];\n    }\n    return undefined;\n  }\n\n  const shadowCaster = (graphicObject) => {\n    const box = hitbox();\n    const bounds = graphicBounds();\n    const scale = graphicScale(graphicObject);\n    const scaleY = Array.isArray(scale) && typeof scale[1] === 'number' ? Math.abs(scale[1]) : 1;\n    const height = Math.max(bounds?.height ?? box?.h ?? 32, box?.h ?? 32) * scaleY;\n\n    return {\n      enabled: shadowsEnabled,\n      height,\n      footAnchor: { x: 0.5, y: 1 },\n      footOffset: { x: 0, y: 2 },\n      alpha: 0.5,\n      blur: 3.5,\n      gradientPower: 2,\n      hardness: 0.42,\n      minLength: Math.max(6, (box?.h ?? 32) * 0.25),\n      maxLength: Math.max(90, height * 1.8),\n      contactAlpha: 0.3,\n      contactScale: 0.3,\n    };\n  }\n\n  const imageDimensions = signal({});\n  const loadingImageDimensions = new Set();\n\n  const toPositiveNumber = (value) => {\n    const number = typeof value === 'number' ? value : parseFloat(value);\n    return Number.isFinite(number) && number > 0 ? number : undefined;\n  };\n\n  const toFiniteNumber = (value, fallback = 0) => {\n    const number = typeof value === 'number' ? value : parseFloat(value);\n    return Number.isFinite(number) ? number : fallback;\n  };\n\n  const clampRatio = (value) => Math.min(1, Math.max(0, value));\n\n  const normalizePair = (value, fallback = [1, 1]) => {\n    if (Array.isArray(value)) {\n      const x = toFiniteNumber(value[0], fallback[0]);\n      const y = toFiniteNumber(value[1] ?? value[0], x);\n      return [x, y];\n    }\n    if (typeof value === 'number') {\n      return [value, value];\n    }\n    if (value && typeof value === 'object') {\n      const x = toFiniteNumber(value.x, fallback[0]);\n      const y = toFiniteNumber(value.y ?? value.x, x);\n      return [x, y];\n    }\n    return fallback;\n  };\n\n  const normalizeAnchor = (value) => {\n    if (!Array.isArray(value)) return undefined;\n    const [x, y] = normalizePair(value, [0, 0]);\n    return [clampRatio(x), clampRatio(y)];\n  };\n\n  const resolveImageSource = (image) => {\n    if (typeof image === 'string') return image;\n    if (typeof image?.default === 'string') return image.default;\n    return undefined;\n  };\n\n  const parentTextureOptions = (graphicObject) => {\n    const props = [\n      'width',\n      'height',\n      'framesHeight',\n      'framesWidth',\n      'rectWidth',\n      'rectHeight',\n      'offset',\n      'image',\n      'sound',\n      'spriteRealSize',\n      'scale',\n      'anchor',\n      'pivot',\n      'x',\n      'y',\n      'opacity'\n    ];\n\n    return props.reduce((options, prop) => {\n      if (graphicObject?.[prop] !== undefined) {\n        options[prop] = graphicObject[prop];\n      }\n      return options;\n    }, {});\n  };\n\n  const resolveTextureOptions = (graphicObject) => {\n    const textures = graphicObject?.textures ?? {};\n    const texture =\n      textures[realAnimationName()] ??\n      textures[Animation.Stand] ??\n      Object.values(textures)[0] ??\n      {};\n\n    return {\n      ...parentTextureOptions(graphicObject),\n      ...texture\n    };\n  };\n\n  const resolveFirstAnimationFrame = (textureOptions) => {\n    const animations = textureOptions?.animations;\n    if (!animations) return {};\n\n    try {\n      const frames = typeof animations === 'function'\n        ? animations({ direction: direction() })\n        : animations;\n      if (!Array.isArray(frames)) return {};\n      const firstGroup = frames[0];\n      return Array.isArray(firstGroup) ? firstGroup[0] ?? {} : firstGroup ?? {};\n    }\n    catch {\n      return {};\n    }\n  };\n\n  const optionValue = (prop, frame, textureOptions, graphicObject) => {\n    return frame?.[prop] ?? textureOptions?.[prop] ?? graphicObject?.[prop];\n  };\n\n  const resolveFrameSize = (textureOptions, dimensions) => {\n    const framesWidth = toPositiveNumber(textureOptions?.framesWidth) ?? 1;\n    const framesHeight = toPositiveNumber(textureOptions?.framesHeight) ?? 1;\n    const imageSource = resolveImageSource(textureOptions?.image);\n    const loadedSize = imageSource ? dimensions[imageSource] : undefined;\n    const fullWidth = toPositiveNumber(textureOptions?.width) ?? loadedSize?.width;\n    const fullHeight = toPositiveNumber(textureOptions?.height) ?? loadedSize?.height;\n    const width = toPositiveNumber(textureOptions?.rectWidth) ??\n      toPositiveNumber(textureOptions?.spriteWidth) ??\n      (fullWidth ? fullWidth / framesWidth : undefined);\n    const height = toPositiveNumber(textureOptions?.rectHeight) ??\n      toPositiveNumber(textureOptions?.spriteHeight) ??\n      (fullHeight ? fullHeight / framesHeight : undefined);\n\n    return {\n      width,\n      height\n    };\n  };\n\n  const resolveHitboxAnchor = (spriteWidth, spriteHeight, realSize, box) => {\n    if (!spriteWidth || !spriteHeight || !box) {\n      return [0, 0];\n    }\n\n    const heightOfSprite = typeof realSize === 'number' ? realSize : realSize?.height;\n    const resolvedHeight = toPositiveNumber(heightOfSprite) ?? spriteHeight;\n    const gap = Math.max(0, (spriteHeight - resolvedHeight) / 2);\n    const hitboxTopLeftX = clampRatio((spriteWidth - box.w) / 2 / spriteWidth);\n    const hitboxTopLeftY = clampRatio((spriteHeight - box.h - gap) / spriteHeight);\n    const hitboxCenterX = clampRatio(hitboxTopLeftX + box.w / 2 / spriteWidth);\n    const hitboxCenterY = clampRatio(hitboxTopLeftY + box.h / 2 / spriteHeight);\n    const footY = clampRatio((spriteHeight - gap) / spriteHeight);\n\n    switch (box.anchorMode ?? 'top-left') {\n      case 'center':\n        return [hitboxCenterX, hitboxCenterY];\n      case 'foot':\n        return [hitboxCenterX, footY];\n      case 'top-left':\n      default:\n        return [hitboxTopLeftX, hitboxTopLeftY];\n    }\n  };\n\n  const loadImageDimensions = (image) => {\n    const source = resolveImageSource(image);\n    if (!source || imageDimensions()[source] || loadingImageDimensions.has(source)) {\n      return;\n    }\n\n    loadingImageDimensions.add(source);\n    Assets.load(source)\n      .then((texture) => {\n        const width = toPositiveNumber(texture?.width);\n        const height = toPositiveNumber(texture?.height);\n        if (!width || !height) return;\n\n        imageDimensions.update((dimensions) => ({\n          ...dimensions,\n          [source]: { width, height }\n        }));\n      })\n      .catch(() => {})\n      .finally(() => {\n        loadingImageDimensions.delete(source);\n      });\n  };\n\n  effect(() => {\n    const sources = new Set();\n\n    graphicsSignals().forEach((graphicObject) => {\n      const baseImage = resolveImageSource(graphicObject?.image);\n      if (baseImage) sources.add(baseImage);\n\n      Object.values(graphicObject?.textures ?? {}).forEach((textureOptions) => {\n        const image = resolveImageSource(textureOptions?.image ?? graphicObject?.image);\n        if (image) sources.add(image);\n      });\n    });\n\n    sources.forEach((source) => loadImageDimensions(source));\n  });\n\n  const hitboxBounds = computed(() => {\n    const box = hitbox();\n    const width = box?.w ?? 0;\n    const height = box?.h ?? 0;\n\n    return {\n      left: 0,\n      top: 0,\n      right: width,\n      bottom: height,\n      width,\n      height,\n      centerX: width / 2,\n      centerY: height / 2\n    };\n  });\n\n  const graphicBounds = computed(() => {\n    const box = hitbox();\n    const fallback = hitboxBounds();\n    const customEventComponent = resolvedEventComponents()[0];\n    if (customEventComponent && !customEventComponent.renderGraphic) {\n      return fallback;\n    }\n    const dimensions = imageDimensions();\n    const graphics = graphicsSignals();\n    let bounds = null;\n\n    graphics.forEach((graphicObject) => {\n      const textureOptions = resolveTextureOptions(graphicObject);\n      const frame = resolveFirstAnimationFrame(textureOptions);\n      const size = resolveFrameSize(textureOptions, dimensions);\n      const spriteWidth = size.width ?? box?.w;\n      const spriteHeight = size.height ?? box?.h;\n\n      if (!spriteWidth || !spriteHeight) {\n        return;\n      }\n\n      const explicitAnchor = normalizeAnchor(optionValue('anchor', frame, textureOptions, graphicObject));\n      const anchor = explicitAnchor ?? resolveHitboxAnchor(\n        spriteWidth,\n        spriteHeight,\n        optionValue('spriteRealSize', frame, textureOptions, graphicObject),\n        box\n      );\n      const scale = normalizePair(optionValue('scale', frame, textureOptions, graphicObject) ?? graphicScale(graphicObject));\n      const x = toFiniteNumber(optionValue('x', frame, textureOptions, graphicObject), 0);\n      const y = toFiniteNumber(optionValue('y', frame, textureOptions, graphicObject), 0);\n      const leftEdge = -anchor[0] * spriteWidth * scale[0];\n      const rightEdge = (1 - anchor[0]) * spriteWidth * scale[0];\n      const topEdge = -anchor[1] * spriteHeight * scale[1];\n      const bottomEdge = (1 - anchor[1]) * spriteHeight * scale[1];\n      const graphic = {\n        left: x + Math.min(leftEdge, rightEdge),\n        top: y + Math.min(topEdge, bottomEdge),\n        right: x + Math.max(leftEdge, rightEdge),\n        bottom: y + Math.max(topEdge, bottomEdge)\n      };\n\n      bounds = bounds\n        ? {\n            left: Math.min(bounds.left, graphic.left),\n            top: Math.min(bounds.top, graphic.top),\n            right: Math.max(bounds.right, graphic.right),\n            bottom: Math.max(bounds.bottom, graphic.bottom)\n          }\n        : graphic;\n    });\n\n    if (!bounds) {\n      return fallback;\n    }\n\n    const width = bounds.right - bounds.left;\n    const height = bounds.bottom - bounds.top;\n\n    return {\n      ...bounds,\n      width,\n      height,\n      centerX: bounds.left + width / 2,\n      centerY: bounds.top + height / 2\n    };\n  });\n\n  const interactionBounds = () => ({\n    bounds: graphicBounds(),\n    hitbox: hitboxBounds(),\n    graphic: graphicBounds()\n  });\n\n  const interactionCursor = computed(() =>\n    client.interactions.cursorFor(sprite, interactionBounds())\n  );\n\n  const handleInteraction = (type) => (event) => {\n    client.updatePointerFromInteractionEvent(event);\n    client.interactions.handle(sprite, type, {\n      event,\n      bounds: interactionBounds()\n    });\n  };\n\n  const interactionPointerOver = handleInteraction('pointerover');\n  const interactionPointerOut = handleInteraction('pointerout');\n  const interactionPointerDown = handleInteraction('pointerdown');\n  const interactionPointerUp = handleInteraction('pointerup');\n  const interactionPointerMove = handleInteraction('pointermove');\n  const interactionClick = handleInteraction('click');\n\n  // Combine animation change detection with movement state from smoothX/smoothY\n  const movementAnimations = ['walk', 'stand'];\n  const epsilon = 0; // movement threshold to consider the easing still running\n\n  const stateX$ = smoothX.animatedState.observable;\n  const stateY$ = smoothY.animatedState.observable;\n  const animationName$ = animationName.observable;\n\n  const moving$ = combineLatest([stateX$, stateY$]).pipe(\n    map(([sx, sy]) => {\n      const xFinished = Math.abs(sx.value.current - sx.value.end) <= epsilon;\n      const yFinished = Math.abs(sy.value.current - sy.value.end) <= epsilon;\n      return !xFinished || !yFinished; // moving if X or Y is not finished\n    }),\n    startWith(false)\n  );\n\n  const animationChange$ = animationName$.pipe(\n    startWith(animationName()),\n    pairwise(),\n    filter(([prev, curr]) => prev !== curr)\n  );\n\n  let beforeRemovePromise = null;\n  let beforeRemoveTransitionValue = null;\n  const resolveRemoveContext = () => {\n    if (!sprite._removeTransition) return null;\n    const value = sprite._removeTransition();\n    if (!value || typeof value !== 'string') return null;\n    try {\n      const context = JSON.parse(value);\n      if (!context || typeof context !== 'object' || !context.active) return null;\n      context.__transitionValue = value;\n      return context;\n    }\n    catch {\n      return null;\n    }\n  };\n\n  const withTimeout = (promise, timeoutMs = 0) => {\n    if (!timeoutMs || timeoutMs <= 0) return promise;\n    return Promise.race([\n      promise,\n      new Promise((resolve) => setTimeout(resolve, timeoutMs)),\n    ]);\n  };\n\n  const runBeforeRemove = () => {\n    const context = resolveRemoveContext();\n    if (!context) return Promise.resolve();\n    if (beforeRemovePromise && beforeRemoveTransitionValue === context.__transitionValue) {\n      return beforeRemovePromise;\n    }\n    beforeRemoveTransitionValue = context.__transitionValue;\n    beforeRemovePromise = withTimeout(\n      lastValueFrom(hooks.callHooks(\"client-sprite-onBeforeRemove\", sprite, context)),\n      context.timeoutMs\n    );\n    return beforeRemovePromise;\n  };\n\n  const removeTransitionSubscription = sprite._removeTransition?.observable?.subscribe(() => {\n    if (resolveRemoveContext()) {\n      runBeforeRemove();\n    }\n  });\n\n  const animationMovementSubscription = combineLatest([animationChange$, moving$]).subscribe(([[prev, curr], isMoving]) => {\n    const isMovementAnimation = movementAnimations.includes(curr);\n    const isTemporaryAnimationPlaying =\n      sprite.animationIsPlaying && sprite.animationIsPlaying();\n\n    if (sprite.animationFixed && isMovementAnimation) {\n      realAnimationName.set(curr);\n      return;\n    }\n\n    if (curr == 'stand' && !isMoving) {\n      if (!resumeHeldDirectionWalkAnimation()) {\n        realAnimationName.set(curr);\n      }\n    }\n    else if (curr == 'walk' && isMoving) {\n      realAnimationName.set(curr);\n    }\n    else if (!isMovementAnimation) {\n      realAnimationName.set(curr);\n    }\n    if (!isMoving && isTemporaryAnimationPlaying) {\n      if (isMovementAnimation) {\n        if (typeof sprite.resetAnimationState === 'function') {\n          sprite.resetAnimationState();\n        }\n      }\n    }\n  });\n\n  const resumeWalkSubscriptions = [\n    sprite._canMove,\n    sprite._animationFixed,\n    sprite.animationIsPlaying,\n  ]\n    .filter(signal => signal?.observable)\n    .map(signal => signal.observable.subscribe(() => {\n      resumeHeldDirectionWalkAnimation();\n    }));\n\n  /**\n   * Cleanup subscriptions and call hooks before sprite destruction.\n   *\n   * # Design\n   * - Prevent memory leaks by unsubscribing from all local subscriptions created in this component.\n   * - Execute destruction hooks to notify modules and scene map of sprite removal.\n   *\n   * @example\n   * await onBeforeDestroy();\n   */\n  const waitForTemporaryAnimationEnd = (maxDuration = 1200) => {\n    if (!sprite.animationIsPlaying || !sprite.animationIsPlaying()) {\n      return Promise.resolve();\n    }\n\n    return new Promise((resolve) => {\n      let finished = false;\n      let timeout;\n      let subscription;\n      const finish = () => {\n        if (finished) return;\n        finished = true;\n        clearTimeout(timeout);\n        subscription?.unsubscribe();\n        resolve();\n      };\n      timeout = setTimeout(finish, maxDuration);\n      subscription = sprite.animationIsPlaying.observable.subscribe((isPlaying) => {\n        if (!isPlaying) finish();\n      });\n      if (finished) subscription.unsubscribe();\n    });\n  };\n\n  const onBeforeDestroy = async () => {\n    await runBeforeRemove();\n    await waitForTemporaryAnimationEnd();\n    if (typeof document !== 'undefined') {\n      document.removeEventListener('keydown', handleNativeActionWhileMoving);\n      document.removeEventListener('keyup', handleNativeActionWhileMoving);\n    }\n    removeTransitionSubscription?.unsubscribe();\n    animationMovementSubscription.unsubscribe();\n    resumeWalkSubscriptions.forEach(subscription => subscription.unsubscribe());\n    xSubscription.unsubscribe();\n    ySubscription.unsubscribe();\n    await lastValueFrom(hooks.callHooks(\"client-sprite-onDestroy\", sprite)) \n    await lastValueFrom(hooks.callHooks(\"client-sceneMap-onRemoveSprite\", client.sceneMap, sprite))\n  }\n\n  mount((element) => {\n    if (typeof document !== 'undefined') {\n      document.addEventListener('keydown', handleNativeActionWhileMoving);\n      document.addEventListener('keyup', handleNativeActionWhileMoving);\n    }\n    hooks.callHooks(\"client-sprite-onAdd\", sprite).subscribe()\n    hooks.callHooks(\"client-sceneMap-onAddSprite\", client.sceneMap, sprite).subscribe()\n    effect(() => {\n      if (isCurrentPlayer()) {\n        client.setKeyboardControls(element.directives.controls)\n      }\n    })\n  })\n\n  /**\n   * Handle attached GUI finish event\n   * \n   * @param gui - The GUI instance\n   * @param data - Data passed from the GUI component\n   */\n  const normalizeOpenId = (value) => {\n    const resolved = typeof value === \"function\" ? value() : value;\n    return typeof resolved === \"string\" && resolved.length > 0 ? resolved : undefined;\n  };\n\n  const onAttachedGuiFinish = (gui, data, guiOpenId) => {\n    const completedOpenId = normalizeOpenId(guiOpenId);\n    const currentOpenId = normalizeOpenId(gui.openId);\n    if (completedOpenId && currentOpenId && completedOpenId !== currentOpenId) return;\n    guiService.guiClose(gui.name, data, completedOpenId ?? currentOpenId);\n  };\n\n  /**\n   * Handle attached GUI interaction event\n   * \n   * @param gui - The GUI instance\n   * @param name - Interaction name\n   * @param data - Interaction data\n   */\n  const onAttachedGuiInteraction = (gui, name, data) => {\n    guiService.guiInteraction(gui.name, name, data);\n  };\n\n  tick(() => {\n    hooks.callHooks(\"client-sprite-onUpdate\").subscribe()\n  })\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"character.ce.js","names":[],"sources":["../../src/components/character.ce"],"sourcesContent":["<Container\n  x={smoothX}\n  y={smoothY}\n  zIndex={z}\n  controls\n  onBeforeDestroy\n  visible\n  cursor={interactionCursor}\n  pointerover={interactionPointerOver}\n  pointerout={interactionPointerOut}\n  pointerdown={interactionPointerDown}\n  pointerup={interactionPointerUp}\n  pointermove={interactionPointerMove}\n  click={interactionClick}\n>\n  @for (compConfig of normalizedComponentsBehind) {\n    <Container>\n      <compConfig.component object={sprite} ...compConfig.props />\n    </Container>\n  } \n  <PlayerComponents object={sprite} position=\"bottom\" graphicBounds />\n  <PlayerComponents object={sprite} position=\"left\" graphicBounds />\n  <Particle emit={emitParticleTrigger} settings={particleSettings} zIndex={1000} name={particleName} />\n  <Container>\n    @for (graphicObj of renderedGraphics) {\n      <Container scale={graphicScale(graphicObj)}>\n        <Sprite \n          sheet={sheet(graphicObj)} \n          direction \n          tint \n          hitbox\n          shadowCaster={shadowCaster(graphicObj)}\n          flash={flashConfig}\n        />\n      </Container>\n    }\n    @for (eventComponent of resolvedEventComponents) {\n      <Container dependencies={eventComponent.dependencies}>\n        <eventComponent.component ...eventComponent.props />\n      </Container>\n    }\n  </Container>\n  <PlayerComponents object={sprite} position=\"center\" graphicBounds />\n  <PlayerComponents object={sprite} position=\"right\" graphicBounds />\n  <PlayerComponents object={sprite} position=\"top\" graphicBounds />\n  @for (compConfig of normalizedComponentsInFront) {\n    <Container dependencies={compConfig.dependencies}>\n      <compConfig.component object={sprite} ...compConfig.props />\n    </Container>\n  }\n  <InteractionComponents\n    object={sprite}\n    bounds={graphicBounds}\n    hitboxBounds={hitboxBounds}\n    graphicBounds={graphicBounds}\n  />\n  @for (attachedGui of attachedGuis) {\n    @if (shouldDisplayAttachedGui) {\n      <Container>\n        <attachedGui.component ...attachedGui.data() dependencies={attachedGui.dependencies} object={sprite} guiOpenId={attachedGui.openId} onFinish={(data, guiOpenId) => {\n          onAttachedGuiFinish(attachedGui, data, guiOpenId)\n        }} onInteraction={(name, data) => {\n          onAttachedGuiInteraction(attachedGui, name, data)\n        }} />\n      </Container>\n    }\n  }\n</Container>\n\n<script>\n  import { signal, effect, mount, computed, tick, animatedSignal, on } from \"canvasengine\";\n  import { Assets } from \"pixi.js\";\n\n  import { lastValueFrom, combineLatest, pairwise, filter, map, startWith } from \"rxjs\";\n  import { Particle } from \"@canvasengine/presets\";\n  import { GameEngineToken, ModulesToken, shouldRenderLightingShadows } from \"@rpgjs/common\";\n  import { RpgClientEngine } from \"../RpgClientEngine\";\n  import { applyCameraFollow, clearCameraFollowPlugins, ownsCameraFollowRevision } from \"../services/cameraFollow\";\n  import { inject } from \"../core/inject\";  \n  import { Direction, Animation } from \"@rpgjs/common\";\n  import { normalizeEventComponent } from \"../Game/EventComponentResolver\";\n  import Hit from \"./effects/hit.ce\";\n  import PlayerComponents from \"./player-components.ce\";\n  import InteractionComponents from \"./interaction-components.ce\";\n  import { RpgGui } from \"../Gui/Gui\";\n  import { getCanMoveValue } from \"../utils/readPropValue\";\n  import {\n    getKeyboardControlBind,\n    keyboardEventMatchesBind,\n    resolveKeyboardActionInput,\n    resolveKeyboardDirectionInput,\n  } from \"../services/actionInput\";\n\n  const { object, id } = defineProps();\n  const sprite = object();\n\n  const client = inject(RpgClientEngine);\n  const hooks = inject(ModulesToken);\n  const guiService = inject(RpgGui);\n\n  const spritesheets = client.spritesheets;\n  const componentsBehind = client.spriteComponentsBehind;\n  const componentsInFront = client.spriteComponentsInFront;\n  const readProp = (value) => typeof value === 'function' ? value() : value;\n  const isCurrentPlayer = () => {\n    const playerId = client.playerIdSignal();\n    const currentPlayer = playerId ? client.sceneMap?.players?.()?.[playerId] : undefined;\n    return readProp(id) === playerId\n      || readProp(sprite?.id) === playerId\n      || sprite === currentPlayer\n      || sprite === client.sceneMap?.getCurrentPlayer?.();\n  };\n  const isMe = computed(isCurrentPlayer);\n  const shadowsEnabled = computed(() => {\n    const lighting = client.sceneMap?.lighting?.();\n    return shouldRenderLightingShadows(lighting);\n  });\n\n  /**\n   * Normalize a single sprite component configuration\n   * \n   * Handles both direct component references and configuration objects with optional props and dependencies.\n   * Extracts the component reference and creates a computed function that returns the props.\n   * \n   * ## Design\n   * \n   * Supports two formats:\n   * 1. Direct component: `ShadowComponent`\n   * 2. Configuration object: `{ component: LightHalo, props: {...}, dependencies: (object) => [...] }`\n   * \n   * The normalization process:\n   * - Extracts the actual component from either format\n   * - Extracts dependencies function if provided\n   * - Creates a computed function that returns props (static object or dynamic function result)\n   * - Returns a normalized object with `component`, `props`, and `dependencies`\n   * \n   * @param comp - Component reference or configuration object\n   * @returns Normalized component configuration with component, props, and dependencies\n   * \n   * @example\n   * ```ts\n   * // Direct component\n   * normalizeComponent(ShadowComponent)\n   * // => { component: ShadowComponent, props: {}, dependencies: undefined }\n   * \n   * // With static props\n   * normalizeComponent({ component: LightHalo, props: { radius: 30 } })\n   * // => { component: LightHalo, props: { radius: 30 }, dependencies: undefined }\n   * \n   * // With dynamic props and dependencies\n   * normalizeComponent({ \n   *   component: HealthBar, \n   *   props: (object) => ({ hp: object.hp(), maxHp: object.param.maxHp() }),\n   *   dependencies: (object) => [object.hp, object.param.maxHp]\n   * })\n   * // => { component: HealthBar, props: {...}, dependencies: (object) => [...] }\n   * ```\n   */\n  const normalizeComponent = (comp) => {\n    let componentRef;\n    let propsValue;\n    let dependenciesFn;\n    \n    // If it's a direct component reference\n    if (typeof comp === 'function' || (comp && typeof comp === 'object' && !comp.component)) {\n      componentRef = comp;\n      propsValue = undefined;\n      dependenciesFn = undefined;\n    }\n    // If it's a configuration object with component and props\n    else if (comp && typeof comp === 'object' && comp.component) {\n      componentRef = comp.component;\n      // Support both \"data\" (legacy) and \"props\" (new) for backward compatibility\n      propsValue = comp.props !== undefined ? comp.props : comp.data;\n      dependenciesFn = comp.dependencies;\n    }\n    // Fallback: treat as direct component\n    else {\n      componentRef = comp;\n      propsValue = undefined;\n      dependenciesFn = undefined;\n    }\n    \n    // Return props directly (object or function), not as computed\n    // The computed will be created in the template when needed\n    return {\n      component: componentRef,\n      props: typeof propsValue === 'function' ? propsValue(sprite) : propsValue || {},\n      dependencies: dependenciesFn ? dependenciesFn(sprite) : []\n    };\n  };\n\n  /**\n   * Normalize an array of sprite components\n   * \n   * Applies normalization to each component in the array using `normalizeComponent`.\n   * \n   * @param components - Array of component references or configuration objects\n   * @returns Array of normalized component configurations\n   */\n  const normalizeComponents = (components) => {\n    return components.map((comp) => normalizeComponent(comp));\n  };\n\n\n  /**\n   * Normalized components to render behind sprites\n   * Handles both direct component references and configuration objects with optional props and dependencies\n   * \n   * Supports multiple formats:\n   * 1. Direct component: `ShadowComponent`\n   * 2. Configuration object: `{ component: LightHalo, props: {...} }`\n   * 3. With dynamic props: `{ component: LightHalo, props: (object) => {...} }`\n   * 4. With dependencies: `{ component: HealthBar, dependencies: (object) => [object.hp, object.param.maxHp] }`\n   * \n   * Components with dependencies will only be displayed when all dependencies are resolved (!= undefined).\n   * The object is passed to the dependencies function to allow sprite-specific dependency resolution.\n   * \n   * @example\n   * ```ts\n   * // Direct component\n   * componentsBehind: [ShadowComponent]\n   * \n   * // With static props\n   * componentsBehind: [{ component: LightHalo, props: { radius: 30 } }]\n   * \n   * // With dynamic props and dependencies\n   * componentsBehind: [{ \n   *   component: HealthBar, \n   *   props: (object) => ({ hp: object.hp(), maxHp: object.param.maxHp() }),\n   *   dependencies: (object) => [object.hp, object.param.maxHp]\n   * }]\n   * ```\n   */\n  const normalizedComponentsBehind = computed(() => {\n    return normalizeComponents(componentsBehind());\n  });\n\n  /**\n   * Normalized components to render in front of sprites\n   * Handles both direct component references and configuration objects with optional props and dependencies\n   * \n   * See `normalizedComponentsBehind` for format details.\n   * Components with dependencies will only be displayed when all dependencies are resolved.\n   */\n  const normalizedComponentsInFront = computed(() => {\n    return normalizeComponents(componentsInFront());\n  });\n\n  const isEventSprite = () => {\n    return typeof sprite?.isEvent === 'function'\n      ? sprite.isEvent()\n      : sprite?._type === 'event';\n  };\n\n  const resolvedEventComponents = computed(() => {\n    if (!isEventSprite()) return [];\n    const eventComponent = normalizeEventComponent(client.resolveEventComponent(sprite), sprite);\n    return eventComponent ? [eventComponent] : [];\n  });\n  \n  /**\n   * Determine if the camera should follow this sprite\n   * \n   * The camera follows this sprite if:\n   * - It's explicitly set as the camera follow target, OR\n   * - It's the current player and no explicit target is set (default behavior)\n   */\n  const shouldFollowCamera = computed(() => {\n    const cameraTargetId = client.cameraFollowTargetId();\n    // If a target is explicitly set, only follow if this sprite is the target\n    if (cameraTargetId !== null) {\n      return id() === cameraTargetId;\n    }\n    // Otherwise, follow the current player (default behavior)\n    return isMe();\n  });\n\n  /**\n   * Get all attached GUI components that should be rendered on sprites\n   * These are GUIs with attachToSprite: true\n   */\n  const attachedGuis = computed(() => {\n    return guiService.getAttachedGuis();\n  });\n\n  /**\n   * Check if attached GUIs should be displayed for this sprite\n   * This is controlled by showAttachedGui/hideAttachedGui on the server\n   */\n  const shouldDisplayAttachedGui = computed(() => {\n    return guiService.shouldDisplayAttachedGui(id());\n  });\n\n  const { \n    x, \n    y, \n    tint, \n    direction, \n    animationName, \n    animationCurrentIndex,\n    emitParticleTrigger, \n    particleName, \n    graphics, \n    hitbox,\n    isConnected,\n    graphicsSignals,\n    flashTrigger\n  } = sprite;\n\n  const renderedGraphics = computed(() => {\n    const eventComponent = resolvedEventComponents()[0];\n    if (eventComponent && !eventComponent.renderGraphic) return [];\n    return graphicsSignals();\n  });\n\n  /**\n   * Flash configuration signals for dynamic options\n   * These signals are updated when the flash trigger is activated with options\n   */\n  const flashType = signal<'alpha' | 'tint' | 'both'>('alpha');\n  const flashDuration = signal(300);\n  const flashCycles = signal(1);\n  const flashAlpha = signal(0.3);\n  const flashTint = signal(0xffffff);\n\n  /**\n   * Listen to flash trigger to update configuration dynamically\n   * When flash is triggered with options, update the signals\n   */\n  on(flashTrigger, (data) => {\n    if (data && typeof data === 'object') {\n      if (data.type !== undefined) flashType.set(data.type);\n      if (data.duration !== undefined) flashDuration.set(data.duration);\n      if (data.cycles !== undefined) flashCycles.set(data.cycles);\n      if (data.alpha !== undefined) flashAlpha.set(data.alpha);\n      if (data.tint !== undefined) flashTint.set(data.tint);\n    }\n  });\n\n  /**\n   * Flash configuration for the sprite\n   * \n   * This configuration is used by the flash directive to create visual feedback effects.\n   * The flash trigger is exposed through the object, allowing both server events and\n   * client-side code to trigger flash animations. Options can be passed dynamically\n   * through the trigger, which updates the reactive signals.\n   */\n  const flashConfig = computed(() => ({\n    trigger: flashTrigger,\n    type: flashType(),\n    duration: flashDuration(),\n    cycles: flashCycles(),\n    alpha: flashAlpha(),\n    tint: flashTint(),\n  }));\n\n  const particleSettings = client.particleSettings;\n\n  const canControls = () => isMe() && getCanMoveValue(sprite)\n  const keyboardControls = client.globalConfig.keyboardControls;\n  const activeDirectionKeys = new Map();\n  const activeControlDirections = new Map();\n  const activeControlDirectionReleaseTimers = new Map();\n  const CONTROL_DIRECTION_RELEASE_GRACE_MS = 160;\n\n  const hasHeldDirection = () =>\n    activeDirectionKeys.size > 0 || activeControlDirections.size > 0;\n\n  const publishMobileDebug = (type, payload = {}) => {\n    const target = typeof window !== \"undefined\" ? window : globalThis;\n    if (!target.__RPGJS_MOBILE_DEBUG__) return;\n    const event = {\n      source: \"character\",\n      type,\n      time: Date.now(),\n      isCurrentPlayer: isCurrentPlayer(),\n      animationName: animationName(),\n      realAnimationName: realAnimationName?.(),\n      activeKeyboardDirections: Array.from(activeDirectionKeys.values()),\n      activeControlDirections: Array.from(activeControlDirections.values()),\n      heldDirection: resolveHeldDirection(),\n      canControls: canControls(),\n      x: x(),\n      y: y(),\n      ...payload\n    };\n    target.__RPGJS_MOBILE_DEBUG_EVENTS__ = [\n      ...(target.__RPGJS_MOBILE_DEBUG_EVENTS__ || []).slice(-199),\n      event\n    ];\n    target.__RPGJS_MOBILE_DEBUG_LAST__ = event;\n  };\n\n  const resolveHeldDirection = () => {\n    const directions = [\n      ...Array.from(activeDirectionKeys.values()),\n      ...Array.from(activeControlDirections.values()),\n    ];\n    return directions[directions.length - 1];\n  };\n\n  const resolveSpriteDirection = () => {\n    const heldDirection = resolveHeldDirection();\n    if (heldDirection) return heldDirection;\n    if (typeof sprite.getDirection === 'function') return sprite.getDirection();\n    if (typeof sprite.direction === 'function') return sprite.direction();\n    return direction();\n  };\n\n  const directionToDashVector = (currentDirection) => {\n    switch (currentDirection) {\n      case Direction.Left:\n        return { x: -1, y: 0 };\n      case Direction.Right:\n        return { x: 1, y: 0 };\n      case Direction.Up:\n        return { x: 0, y: -1 };\n      case Direction.Down:\n      default:\n        return { x: 0, y: 1 };\n    }\n  };\n\n  const withCurrentDirection = (payload) => {\n    if (payload.action !== 'action') return payload;\n    const data = payload.data && typeof payload.data === 'object'\n      ? { ...payload.data }\n      : {};\n    return {\n      ...payload,\n      data: {\n        ...data,\n        direction: data.direction ?? resolveSpriteDirection(),\n      },\n    };\n  };\n\n  const resolveCurrentActionInput = () =>\n    withCurrentDirection(\n      resolveKeyboardActionInput(keyboardControls.action, client, sprite)\n    );\n\n  const playPredictedWalkAnimation = () => {\n    if (sprite.animationFixed) {\n      publishMobileDebug(\"walk:skip\", { reason: \"animationFixed\" });\n      return;\n    }\n    if (sprite.animationIsPlaying && sprite.animationIsPlaying()) {\n      publishMobileDebug(\"walk:skip\", { reason: \"animationIsPlaying\" });\n      return;\n    }\n    realAnimationName.set('walk');\n    publishMobileDebug(\"walk:set\", { reason: \"predicted\" });\n  };\n\n  const resumeHeldDirectionWalkAnimation = () => {\n    if (!isCurrentPlayer()) {\n      publishMobileDebug(\"walk:resume-fail\", { reason: \"notCurrentPlayer\" });\n      return false;\n    }\n    if (!hasHeldDirection()) {\n      publishMobileDebug(\"walk:resume-fail\", { reason: \"noHeldDirection\" });\n      return false;\n    }\n    if (!canControls()) {\n      publishMobileDebug(\"walk:resume-fail\", { reason: \"cannotControl\" });\n      return false;\n    }\n    if (sprite.animationFixed) {\n      publishMobileDebug(\"walk:resume-fail\", { reason: \"animationFixed\" });\n      return false;\n    }\n    if (sprite.animationIsPlaying && sprite.animationIsPlaying()) {\n      publishMobileDebug(\"walk:resume-fail\", { reason: \"animationIsPlaying\" });\n      return false;\n    }\n    realAnimationName.set('walk');\n    publishMobileDebug(\"walk:set\", { reason: \"resumeHeldDirection\" });\n    return true;\n  };\n\n  const processMovementInput = (input) => {\n    if (!canControls()) return;\n    publishMobileDebug(\"movement:input\", { input });\n    client.processInput({ input });\n    playPredictedWalkAnimation();\n  };\n\n  const activateControlDirection = (name, directionInput) => {\n    const releaseTimer = activeControlDirectionReleaseTimers.get(name);\n    if (releaseTimer) {\n      clearTimeout(releaseTimer);\n      activeControlDirectionReleaseTimers.delete(name);\n    }\n    activeControlDirections.delete(name);\n    activeControlDirections.set(name, directionInput);\n    publishMobileDebug(\"control:activate\", { name, directionInput });\n    resumeHeldDirectionWalkAnimation();\n  };\n\n  const releaseControlDirection = (name) => {\n    const previousTimer = activeControlDirectionReleaseTimers.get(name);\n    if (previousTimer) clearTimeout(previousTimer);\n    activeControlDirectionReleaseTimers.set(name, setTimeout(() => {\n      activeControlDirectionReleaseTimers.delete(name);\n      activeControlDirections.delete(name);\n      publishMobileDebug(\"control:release\", { name });\n      if (!hasHeldDirection() && animationName() === 'stand') {\n        realAnimationName.set('stand');\n        publishMobileDebug(\"stand:set\", { reason: \"controlRelease\" });\n      }\n    }, CONTROL_DIRECTION_RELEASE_GRACE_MS));\n  };\n\n  const processDashInput = () => {\n    if (!canControls()) return;\n    client.processDash({\n      direction: directionToDashVector(resolveSpriteDirection()),\n    });\n  };\n\n  const actionBind = () => getKeyboardControlBind(keyboardControls.action);\n  const keyboardEventId = (event) => `${event.keyCode}:${event.code}:${event.key}`;\n\n  const handleNativeActionWhileMoving = (event) => {\n    const inputDirection = resolveKeyboardDirectionInput(event, keyboardControls);\n    if (inputDirection) {\n      const keyId = keyboardEventId(event);\n      if (event.type === 'keydown') {\n        activeDirectionKeys.delete(keyId);\n        activeDirectionKeys.set(keyId, inputDirection);\n        resumeHeldDirectionWalkAnimation();\n      }\n      else {\n        activeDirectionKeys.delete(keyId);\n      }\n    }\n\n    if (!isCurrentPlayer()) return;\n    if (event.type !== 'keydown' || event.repeat) return;\n    if (activeDirectionKeys.size === 0) return;\n    if (!keyboardEventMatchesBind(event, actionBind())) return;\n    if (!canControls()) return;\n\n    client.processAction(resolveCurrentActionInput());\n  };\n\n  const visible = computed(() => {\n    if (sprite.isEvent()) {\n      return true\n    }\n    return isConnected()\n  });\n\n  const controls = {\n    down: {\n      repeat: true,\n      bind: keyboardControls.down,\n      keyDown() {\n        activateControlDirection('down', Direction.Down)\n        processMovementInput(Direction.Down)\n      },\n      keyUp() {\n        releaseControlDirection('down')\n      },\n    },\n    up: {\n      repeat: true,\n      bind: keyboardControls.up,\n      keyDown() {\n        activateControlDirection('up', Direction.Up)\n        processMovementInput(Direction.Up)\n      },\n      keyUp() {\n        releaseControlDirection('up')\n      },\n    },\n    left: {\n      repeat: true,\n      bind: keyboardControls.left,\n      keyDown() {\n        activateControlDirection('left', Direction.Left)\n        processMovementInput(Direction.Left)\n      },\n      keyUp() {\n        releaseControlDirection('left')\n      },\n    },\n    right: {\n      repeat: true,\n      bind: keyboardControls.right,\n      keyDown() {\n        activateControlDirection('right', Direction.Right)\n        processMovementInput(Direction.Right)\n      },\n      keyUp() {\n        releaseControlDirection('right')\n      },\n    },\n    action: {\n      bind: getKeyboardControlBind(keyboardControls.action),\n      keyDown() {\n        if (canControls()) {\n          client.processAction(resolveCurrentActionInput())\n        }\n      },\n    },\n    dash: {\n      bind: keyboardControls.dash,\n      keyDown() {\n        processDashInput()\n      },\n    },\n    back: {\n      bind: keyboardControls.escape,\n      keyDown() {\n        if (canControls()) {\n          client.processAction({ action: 'escape' })\n        }\n      },\n    },\n    escape: {\n      bind: keyboardControls.escape,\n      keyDown() {\n        if (canControls()) {\n          client.processAction({ action: 'escape' })\n        }\n      },\n    },\n    joystick: {\n      enabled: true,\n      directionMapping: {\n        top: 'up',\n        bottom: 'down',\n        left: 'left',\n        right: 'right',\n        top_left: ['up', 'left'],\n        top_right: ['up', 'right'],\n        bottom_left: ['down', 'left'],\n        bottom_right: ['down', 'right']\n      },\n      moveInterval: 50,\n      threshold: 0.1\n    },\n    gamepad: {\n      enabled: true\n    }\n  };\n\n  const smoothX = animatedSignal(x(), {\n    duration: isMe() ? 0 : 0\n  });\n\n  const smoothY = animatedSignal(y(), {\n    duration: isMe() ? 0 : 0,\n  });\n\n  const z = computed(() => {\n    const box = hitbox?.()\n    return sprite.y() + (box?.h ?? 0) + sprite.z()\n  });\n\n  const realAnimationName = signal(animationName());\n\n  const xSubscription = x.observable.subscribe((value) => {\n    smoothX.set(value);\n  });\n\n  const ySubscription = y.observable.subscribe((value) => {\n    smoothY.set(value);\n  });\n  \n  const sheet = (graphicObject) => {\n    return {\n      definition: graphicObject,\n      playing: realAnimationName(),\n      params: {\n        direction: direction()\n      },\n      onFinish() {\n        animationCurrentIndex.update(index => index + 1)\n      }\n    };\n  }\n\n  const graphicScale = (graphicObject) => {\n    const scale = graphicObject?.displayScale ?? graphicObject?.scale;\n    if (Array.isArray(scale)) return scale;\n    if (typeof scale === 'number') return [scale, scale];\n    if (scale && typeof scale === 'object') {\n      const x = typeof scale.x === 'number' ? scale.x : 1;\n      const y = typeof scale.y === 'number' ? scale.y : x;\n      return [x, y];\n    }\n    return undefined;\n  }\n\n  const shadowCaster = (graphicObject) => {\n    const box = hitbox();\n    const bounds = graphicBounds();\n    const scale = graphicScale(graphicObject);\n    const scaleY = Array.isArray(scale) && typeof scale[1] === 'number' ? Math.abs(scale[1]) : 1;\n    const height = Math.max(bounds?.height ?? box?.h ?? 32, box?.h ?? 32) * scaleY;\n\n    return {\n      enabled: shadowsEnabled,\n      height,\n      footAnchor: { x: 0.5, y: 1 },\n      footOffset: { x: 0, y: 2 },\n      alpha: 0.5,\n      blur: 3.5,\n      gradientPower: 2,\n      hardness: 0.42,\n      minLength: Math.max(6, (box?.h ?? 32) * 0.25),\n      maxLength: Math.max(90, height * 1.8),\n      contactAlpha: 0.3,\n      contactScale: 0.3,\n    };\n  }\n\n  const imageDimensions = signal({});\n  const loadingImageDimensions = new Set();\n\n  const toPositiveNumber = (value) => {\n    const number = typeof value === 'number' ? value : parseFloat(value);\n    return Number.isFinite(number) && number > 0 ? number : undefined;\n  };\n\n  const toFiniteNumber = (value, fallback = 0) => {\n    const number = typeof value === 'number' ? value : parseFloat(value);\n    return Number.isFinite(number) ? number : fallback;\n  };\n\n  const clampRatio = (value) => Math.min(1, Math.max(0, value));\n\n  const normalizePair = (value, fallback = [1, 1]) => {\n    if (Array.isArray(value)) {\n      const x = toFiniteNumber(value[0], fallback[0]);\n      const y = toFiniteNumber(value[1] ?? value[0], x);\n      return [x, y];\n    }\n    if (typeof value === 'number') {\n      return [value, value];\n    }\n    if (value && typeof value === 'object') {\n      const x = toFiniteNumber(value.x, fallback[0]);\n      const y = toFiniteNumber(value.y ?? value.x, x);\n      return [x, y];\n    }\n    return fallback;\n  };\n\n  const normalizeAnchor = (value) => {\n    if (!Array.isArray(value)) return undefined;\n    const [x, y] = normalizePair(value, [0, 0]);\n    return [clampRatio(x), clampRatio(y)];\n  };\n\n  const resolveImageSource = (image) => {\n    if (typeof image === 'string') return image;\n    if (typeof image?.default === 'string') return image.default;\n    return undefined;\n  };\n\n  const parentTextureOptions = (graphicObject) => {\n    const props = [\n      'width',\n      'height',\n      'framesHeight',\n      'framesWidth',\n      'rectWidth',\n      'rectHeight',\n      'offset',\n      'image',\n      'sound',\n      'spriteRealSize',\n      'scale',\n      'anchor',\n      'pivot',\n      'x',\n      'y',\n      'opacity'\n    ];\n\n    return props.reduce((options, prop) => {\n      if (graphicObject?.[prop] !== undefined) {\n        options[prop] = graphicObject[prop];\n      }\n      return options;\n    }, {});\n  };\n\n  const resolveTextureOptions = (graphicObject) => {\n    const textures = graphicObject?.textures ?? {};\n    const texture =\n      textures[realAnimationName()] ??\n      textures[Animation.Stand] ??\n      Object.values(textures)[0] ??\n      {};\n\n    return {\n      ...parentTextureOptions(graphicObject),\n      ...texture\n    };\n  };\n\n  const resolveFirstAnimationFrame = (textureOptions) => {\n    const animations = textureOptions?.animations;\n    if (!animations) return {};\n\n    try {\n      const frames = typeof animations === 'function'\n        ? animations({ direction: direction() })\n        : animations;\n      if (!Array.isArray(frames)) return {};\n      const firstGroup = frames[0];\n      return Array.isArray(firstGroup) ? firstGroup[0] ?? {} : firstGroup ?? {};\n    }\n    catch {\n      return {};\n    }\n  };\n\n  const optionValue = (prop, frame, textureOptions, graphicObject) => {\n    return frame?.[prop] ?? textureOptions?.[prop] ?? graphicObject?.[prop];\n  };\n\n  const resolveFrameSize = (textureOptions, dimensions) => {\n    const framesWidth = toPositiveNumber(textureOptions?.framesWidth) ?? 1;\n    const framesHeight = toPositiveNumber(textureOptions?.framesHeight) ?? 1;\n    const imageSource = resolveImageSource(textureOptions?.image);\n    const loadedSize = imageSource ? dimensions[imageSource] : undefined;\n    const fullWidth = toPositiveNumber(textureOptions?.width) ?? loadedSize?.width;\n    const fullHeight = toPositiveNumber(textureOptions?.height) ?? loadedSize?.height;\n    const width = toPositiveNumber(textureOptions?.rectWidth) ??\n      toPositiveNumber(textureOptions?.spriteWidth) ??\n      (fullWidth ? fullWidth / framesWidth : undefined);\n    const height = toPositiveNumber(textureOptions?.rectHeight) ??\n      toPositiveNumber(textureOptions?.spriteHeight) ??\n      (fullHeight ? fullHeight / framesHeight : undefined);\n\n    return {\n      width,\n      height\n    };\n  };\n\n  const resolveHitboxAnchor = (spriteWidth, spriteHeight, realSize, box) => {\n    if (!spriteWidth || !spriteHeight || !box) {\n      return [0, 0];\n    }\n\n    const heightOfSprite = typeof realSize === 'number' ? realSize : realSize?.height;\n    const resolvedHeight = toPositiveNumber(heightOfSprite) ?? spriteHeight;\n    const gap = Math.max(0, (spriteHeight - resolvedHeight) / 2);\n    const hitboxTopLeftX = clampRatio((spriteWidth - box.w) / 2 / spriteWidth);\n    const hitboxTopLeftY = clampRatio((spriteHeight - box.h - gap) / spriteHeight);\n    const hitboxCenterX = clampRatio(hitboxTopLeftX + box.w / 2 / spriteWidth);\n    const hitboxCenterY = clampRatio(hitboxTopLeftY + box.h / 2 / spriteHeight);\n    const footY = clampRatio((spriteHeight - gap) / spriteHeight);\n\n    switch (box.anchorMode ?? 'top-left') {\n      case 'center':\n        return [hitboxCenterX, hitboxCenterY];\n      case 'foot':\n        return [hitboxCenterX, footY];\n      case 'top-left':\n      default:\n        return [hitboxTopLeftX, hitboxTopLeftY];\n    }\n  };\n\n  const loadImageDimensions = (image) => {\n    const source = resolveImageSource(image);\n    if (!source || imageDimensions()[source] || loadingImageDimensions.has(source)) {\n      return;\n    }\n\n    loadingImageDimensions.add(source);\n    Assets.load(source)\n      .then((texture) => {\n        const width = toPositiveNumber(texture?.width);\n        const height = toPositiveNumber(texture?.height);\n        if (!width || !height) return;\n\n        imageDimensions.update((dimensions) => ({\n          ...dimensions,\n          [source]: { width, height }\n        }));\n      })\n      .catch(() => {})\n      .finally(() => {\n        loadingImageDimensions.delete(source);\n      });\n  };\n\n  effect(() => {\n    const sources = new Set();\n\n    graphicsSignals().forEach((graphicObject) => {\n      const baseImage = resolveImageSource(graphicObject?.image);\n      if (baseImage) sources.add(baseImage);\n\n      Object.values(graphicObject?.textures ?? {}).forEach((textureOptions) => {\n        const image = resolveImageSource(textureOptions?.image ?? graphicObject?.image);\n        if (image) sources.add(image);\n      });\n    });\n\n    sources.forEach((source) => loadImageDimensions(source));\n  });\n\n  const hitboxBounds = computed(() => {\n    const box = hitbox();\n    const width = box?.w ?? 0;\n    const height = box?.h ?? 0;\n\n    return {\n      left: 0,\n      top: 0,\n      right: width,\n      bottom: height,\n      width,\n      height,\n      centerX: width / 2,\n      centerY: height / 2\n    };\n  });\n\n  const graphicBounds = computed(() => {\n    const box = hitbox();\n    const fallback = hitboxBounds();\n    const customEventComponent = resolvedEventComponents()[0];\n    if (customEventComponent && !customEventComponent.renderGraphic) {\n      return fallback;\n    }\n    const dimensions = imageDimensions();\n    const graphics = graphicsSignals();\n    let bounds = null;\n\n    graphics.forEach((graphicObject) => {\n      const textureOptions = resolveTextureOptions(graphicObject);\n      const frame = resolveFirstAnimationFrame(textureOptions);\n      const size = resolveFrameSize(textureOptions, dimensions);\n      const spriteWidth = size.width ?? box?.w;\n      const spriteHeight = size.height ?? box?.h;\n\n      if (!spriteWidth || !spriteHeight) {\n        return;\n      }\n\n      const explicitAnchor = normalizeAnchor(optionValue('anchor', frame, textureOptions, graphicObject));\n      const anchor = explicitAnchor ?? resolveHitboxAnchor(\n        spriteWidth,\n        spriteHeight,\n        optionValue('spriteRealSize', frame, textureOptions, graphicObject),\n        box\n      );\n      const scale = normalizePair(optionValue('scale', frame, textureOptions, graphicObject) ?? graphicScale(graphicObject));\n      const x = toFiniteNumber(optionValue('x', frame, textureOptions, graphicObject), 0);\n      const y = toFiniteNumber(optionValue('y', frame, textureOptions, graphicObject), 0);\n      const leftEdge = -anchor[0] * spriteWidth * scale[0];\n      const rightEdge = (1 - anchor[0]) * spriteWidth * scale[0];\n      const topEdge = -anchor[1] * spriteHeight * scale[1];\n      const bottomEdge = (1 - anchor[1]) * spriteHeight * scale[1];\n      const graphic = {\n        left: x + Math.min(leftEdge, rightEdge),\n        top: y + Math.min(topEdge, bottomEdge),\n        right: x + Math.max(leftEdge, rightEdge),\n        bottom: y + Math.max(topEdge, bottomEdge)\n      };\n\n      bounds = bounds\n        ? {\n            left: Math.min(bounds.left, graphic.left),\n            top: Math.min(bounds.top, graphic.top),\n            right: Math.max(bounds.right, graphic.right),\n            bottom: Math.max(bounds.bottom, graphic.bottom)\n          }\n        : graphic;\n    });\n\n    if (!bounds) {\n      return fallback;\n    }\n\n    const width = bounds.right - bounds.left;\n    const height = bounds.bottom - bounds.top;\n\n    return {\n      ...bounds,\n      width,\n      height,\n      centerX: bounds.left + width / 2,\n      centerY: bounds.top + height / 2\n    };\n  });\n\n  const interactionBounds = () => ({\n    bounds: graphicBounds(),\n    hitbox: hitboxBounds(),\n    graphic: graphicBounds()\n  });\n\n  const interactionCursor = computed(() =>\n    client.interactions.cursorFor(sprite, interactionBounds())\n  );\n\n  const handleInteraction = (type) => (event) => {\n    client.updatePointerFromInteractionEvent(event);\n    client.interactions.handle(sprite, type, {\n      event,\n      bounds: interactionBounds()\n    });\n  };\n\n  const interactionPointerOver = handleInteraction('pointerover');\n  const interactionPointerOut = handleInteraction('pointerout');\n  const interactionPointerDown = handleInteraction('pointerdown');\n  const interactionPointerUp = handleInteraction('pointerup');\n  const interactionPointerMove = handleInteraction('pointermove');\n  const interactionClick = handleInteraction('click');\n\n  // Combine animation change detection with movement state from smoothX/smoothY\n  const movementAnimations = ['walk', 'stand'];\n  const epsilon = 0; // movement threshold to consider the easing still running\n\n  const stateX$ = smoothX.animatedState.observable;\n  const stateY$ = smoothY.animatedState.observable;\n  const animationName$ = animationName.observable;\n\n  const moving$ = combineLatest([stateX$, stateY$]).pipe(\n    map(([sx, sy]) => {\n      const xFinished = Math.abs(sx.value.current - sx.value.end) <= epsilon;\n      const yFinished = Math.abs(sy.value.current - sy.value.end) <= epsilon;\n      return !xFinished || !yFinished; // moving if X or Y is not finished\n    }),\n    startWith(false)\n  );\n\n  const animationChange$ = animationName$.pipe(\n    startWith(animationName()),\n    pairwise(),\n    filter(([prev, curr]) => prev !== curr)\n  );\n\n  let beforeRemovePromise = null;\n  let beforeRemoveTransitionValue = null;\n  const resolveRemoveContext = () => {\n    if (!sprite._removeTransition) return null;\n    const value = sprite._removeTransition();\n    if (!value || typeof value !== 'string') return null;\n    try {\n      const context = JSON.parse(value);\n      if (!context || typeof context !== 'object' || !context.active) return null;\n      context.__transitionValue = value;\n      return context;\n    }\n    catch {\n      return null;\n    }\n  };\n\n  const withTimeout = (promise, timeoutMs = 0) => {\n    if (!timeoutMs || timeoutMs <= 0) return promise;\n    return Promise.race([\n      promise,\n      new Promise((resolve) => setTimeout(resolve, timeoutMs)),\n    ]);\n  };\n\n  const runBeforeRemove = () => {\n    const context = resolveRemoveContext();\n    if (!context) return Promise.resolve();\n    if (beforeRemovePromise && beforeRemoveTransitionValue === context.__transitionValue) {\n      return beforeRemovePromise;\n    }\n    beforeRemoveTransitionValue = context.__transitionValue;\n    beforeRemovePromise = withTimeout(\n      lastValueFrom(hooks.callHooks(\"client-sprite-onBeforeRemove\", sprite, context)),\n      context.timeoutMs\n    );\n    return beforeRemovePromise;\n  };\n\n  const removeTransitionSubscription = sprite._removeTransition?.observable?.subscribe(() => {\n    if (resolveRemoveContext()) {\n      runBeforeRemove();\n    }\n  });\n\n  const animationMovementSubscription = combineLatest([animationChange$, moving$]).subscribe(([[prev, curr], isMoving]) => {\n    const isMovementAnimation = movementAnimations.includes(curr);\n    const isTemporaryAnimationPlaying =\n      sprite.animationIsPlaying && sprite.animationIsPlaying();\n\n    if (sprite.animationFixed && isMovementAnimation) {\n      realAnimationName.set(curr);\n      return;\n    }\n\n    if (curr == 'stand' && !isMoving) {\n      if (!resumeHeldDirectionWalkAnimation()) {\n        realAnimationName.set(curr);\n      }\n    }\n    else if (curr == 'walk' && isMoving) {\n      realAnimationName.set(curr);\n    }\n    else if (!isMovementAnimation) {\n      realAnimationName.set(curr);\n    }\n    if (!isMoving && isTemporaryAnimationPlaying) {\n      if (isMovementAnimation) {\n        if (typeof sprite.resetAnimationState === 'function') {\n          sprite.resetAnimationState();\n        }\n      }\n    }\n  });\n\n  const resumeWalkSubscriptions = [\n    sprite._canMove,\n    sprite._animationFixed,\n    sprite.animationIsPlaying,\n  ]\n    .filter(signal => signal?.observable)\n    .map(signal => signal.observable.subscribe(() => {\n      resumeHeldDirectionWalkAnimation();\n    }));\n\n  /**\n   * Cleanup subscriptions and call hooks before sprite destruction.\n   *\n   * # Design\n   * - Prevent memory leaks by unsubscribing from all local subscriptions created in this component.\n   * - Execute destruction hooks to notify modules and scene map of sprite removal.\n   *\n   * @example\n   * await onBeforeDestroy();\n   */\n  const waitForTemporaryAnimationEnd = (maxDuration = 1200) => {\n    if (!sprite.animationIsPlaying || !sprite.animationIsPlaying()) {\n      return Promise.resolve();\n    }\n\n    return new Promise((resolve) => {\n      let finished = false;\n      let timeout;\n      let subscription;\n      const finish = () => {\n        if (finished) return;\n        finished = true;\n        clearTimeout(timeout);\n        subscription?.unsubscribe();\n        resolve();\n      };\n      timeout = setTimeout(finish, maxDuration);\n      subscription = sprite.animationIsPlaying.observable.subscribe((isPlaying) => {\n        if (!isPlaying) finish();\n      });\n      if (finished) subscription.unsubscribe();\n    });\n  };\n\n  const onBeforeDestroy = async () => {\n    await runBeforeRemove();\n    await waitForTemporaryAnimationEnd();\n    if (typeof document !== 'undefined') {\n      document.removeEventListener('keydown', handleNativeActionWhileMoving);\n      document.removeEventListener('keyup', handleNativeActionWhileMoving);\n    }\n    removeTransitionSubscription?.unsubscribe();\n    animationMovementSubscription.unsubscribe();\n    resumeWalkSubscriptions.forEach(subscription => subscription.unsubscribe());\n    activeControlDirectionReleaseTimers.forEach(timer => clearTimeout(timer));\n    activeControlDirectionReleaseTimers.clear();\n    xSubscription.unsubscribe();\n    ySubscription.unsubscribe();\n    await lastValueFrom(hooks.callHooks(\"client-sprite-onDestroy\", sprite)) \n    await lastValueFrom(hooks.callHooks(\"client-sceneMap-onRemoveSprite\", client.sceneMap, sprite))\n  }\n\n  mount((element) => {\n    let appliedCameraFollowRevision = null;\n    if (typeof document !== 'undefined') {\n      document.addEventListener('keydown', handleNativeActionWhileMoving);\n      document.addEventListener('keyup', handleNativeActionWhileMoving);\n    }\n    hooks.callHooks(\"client-sprite-onAdd\", sprite).subscribe()\n    hooks.callHooks(\"client-sceneMap-onAddSprite\", client.sceneMap, sprite).subscribe()\n    effect(() => {\n      if (isCurrentPlayer()) {\n        client.setKeyboardControls(element.directives.controls)\n      }\n    })\n\n    effect(() => {\n      const followRevision = client.cameraFollowRevision();\n      if (!shouldFollowCamera()) {\n        appliedCameraFollowRevision = null;\n        return;\n      }\n\n      const smoothMove = client.cameraFollowSmoothMove;\n      const viewport = element.props.context?.viewport;\n      const target = element.componentInstance;\n      if (!viewport || !target) {\n        appliedCameraFollowRevision = null;\n        return;\n      }\n\n      const appliedCameraFollow = applyCameraFollow({\n        viewport,\n        target,\n        smoothMove,\n        followRevision,\n        isCurrentRevision: (revision) => client.cameraFollowRevision() === revision,\n        shouldFollowCamera\n      });\n      appliedCameraFollowRevision = appliedCameraFollow ? followRevision : null;\n    })\n\n    return () => {\n      if (ownsCameraFollowRevision(appliedCameraFollowRevision, client.cameraFollowRevision())) {\n        clearCameraFollowPlugins(element.props.context?.viewport);\n      }\n    }\n  })\n\n  /**\n   * Handle attached GUI finish event\n   * \n   * @param gui - The GUI instance\n   * @param data - Data passed from the GUI component\n   */\n  const normalizeOpenId = (value) => {\n    const resolved = typeof value === \"function\" ? value() : value;\n    return typeof resolved === \"string\" && resolved.length > 0 ? resolved : undefined;\n  };\n\n  const onAttachedGuiFinish = (gui, data, guiOpenId) => {\n    const completedOpenId = normalizeOpenId(guiOpenId);\n    const currentOpenId = normalizeOpenId(gui.openId);\n    if (completedOpenId && currentOpenId && completedOpenId !== currentOpenId) return;\n    guiService.guiClose(gui.name, data, completedOpenId ?? currentOpenId);\n  };\n\n  /**\n   * Handle attached GUI interaction event\n   * \n   * @param gui - The GUI instance\n   * @param name - Interaction name\n   * @param data - Interaction data\n   */\n  const onAttachedGuiInteraction = (gui, name, data) => {\n    guiService.guiInteraction(gui.name, name, data);\n  };\n\n  tick(() => {\n    hooks.callHooks(\"client-sprite-onUpdate\").subscribe()\n  })\n</script>\n"],"mappings":"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"}

package/dist/components/gui/mobile/index.d.ts

@@ -1,8 +1,57 @@
-export declare const withMobile: () => {
+import { ButtonProps, ComponentFunction, JoystickSettings } from 'canvasengine';
+export type MobileGuiEnabled = "auto" | "always" | "never" | (() => boolean);
+export type MobileGuiJoystickSide = "left" | "right";
+export type MobileGuiMargin = number | [number, number, number, number];
+export interface MobileGuiLayoutOptions {
+    joystickSide?: MobileGuiJoystickSide;
+    margin?: MobileGuiMargin;
+    buttonsMargin?: MobileGuiMargin;
+    joystickMargin?: MobileGuiMargin;
+    gap?: number;
+}
+export interface MobileJoystickComponentProps extends JoystickSettings {
+    defaultProps: JoystickSettings;
+}
+export interface MobileButtonComponentProps extends ButtonProps {
+    controlName: "action" | "back" | "dash";
+    defaultProps: ButtonProps;
+}
+export interface MobileGuiComponentsOptions {
+    joystick?: ComponentFunction<MobileJoystickComponentProps>;
+    buttons?: {
+        action?: ComponentFunction<MobileButtonComponentProps>;
+        back?: ComponentFunction<MobileButtonComponentProps>;
+        dash?: ComponentFunction<MobileButtonComponentProps>;
+    };
+}
+export interface MobileGuiButtonOptions extends Partial<ButtonProps> {
+    enabled?: boolean;
+    component?: ComponentFunction<MobileButtonComponentProps>;
+    container?: Record<string, unknown>;
+}
+export interface MobileGuiJoystickOptions extends Partial<JoystickSettings> {
+    component?: ComponentFunction<MobileJoystickComponentProps>;
+    moveInterval?: number;
+    threshold?: number;
+}
+export interface MobileGuiOptions {
+    id?: string;
+    enabled?: MobileGuiEnabled;
+    layout?: MobileGuiLayoutOptions;
+    components?: MobileGuiComponentsOptions;
+    joystick?: false | MobileGuiJoystickOptions;
+    buttons?: {
+        action?: boolean | MobileGuiButtonOptions;
+        back?: boolean | MobileGuiButtonOptions;
+        dash?: boolean | MobileGuiButtonOptions;
+    };
+}
+export declare const withMobile: (options?: MobileGuiOptions) => {
     gui: {
         id: string;
         component: any;
         autoDisplay: boolean;
-        dependencies: () => (import('canvasengine').WritableSignal<undefined> | import('canvasengine').WritableSignal<true | undefined>)[];
+        data: MobileGuiOptions;
+        dependencies: () => (import('canvasengine').WritableSignal<boolean | undefined> | import('canvasengine').ComputedSignal<true | undefined>)[];
     }[];
 };

package/dist/components/gui/mobile/index.js

@@ -1,18 +1,26 @@
 import { inject } from "../../../core/inject.js";
 import { RpgClientEngine } from "../../../RpgClientEngine.js";
 import __ce_component from "./mobile.ce.js";
-import { signal } from "canvasengine";
+import { computed } from "canvasengine";
 //#region src/components/gui/mobile/index.ts
 function isMobile() {
+	if (typeof navigator === "undefined") return false;
 	return /Android|iPhone|iPad|iPod|Windows Phone|webOS|BlackBerry/i.test(navigator.userAgent);
 }
-var withMobile = () => ({ gui: [{
-	id: "mobile-gui",
+function resolveEnabled(enabled = "auto") {
+	if (enabled === "always") return true;
+	if (enabled === "never") return false;
+	if (typeof enabled === "function") return enabled();
+	return isMobile();
+}
+var withMobile = (options = {}) => ({ gui: [{
+	id: options.id ?? "mobile-gui",
 	component: __ce_component,
 	autoDisplay: true,
+	data: options,
 	dependencies: () => {
 		const engine = inject(RpgClientEngine);
-		return [signal(isMobile() || void 0), engine.controlsReady];
+		return [computed(() => resolveEnabled(options.enabled) || void 0), engine.controlsReady];
 	}
 }] });
 //#endregion

package/dist/components/gui/mobile/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/gui/mobile/index.ts"],"sourcesContent":["import { inject } from \"../../../core/inject\";\nimport { RpgClientEngine } from \"../../../RpgClientEngine\";\nimport MobileGui from \"./mobile.ce\";\nimport { signal } from \"canvasengine\";\n\nfunction isMobile() {\n    return /Android|iPhone|iPad|iPod|Windows Phone|webOS|BlackBerry/i.test(navigator.userAgent);\n  }\n\nexport const withMobile = () => (\n    {\n        gui: [\n            {\n                id: 'mobile-gui',\n                component: MobileGui,\n                autoDisplay: true,\n                dependencies: () => {\n                    const engine = inject(RpgClientEngine);\n                    return [signal(isMobile() ||undefined), engine.controlsReady]\n                }\n            }\n        ]\n    }\n)"],"mappings":";;;;;AAKA,SAAS,WAAW;CAChB,OAAO,2DAA2D,KAAK,UAAU,SAAS;AAC5F;AAEF,IAAa,oBACT,EACI,KAAK,CACD;CACI,IAAI;CACJ,WAAW;CACX,aAAa;CACb,oBAAoB;EAChB,MAAM,SAAS,OAAO,eAAe;EACrC,OAAO,CAAC,OAAO,SAAS,KAAI,KAAA,CAAS,GAAG,OAAO,aAAa;CAChE;AACJ,CACJ,EACJ"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/gui/mobile/index.ts"],"sourcesContent":["import { inject } from \"../../../core/inject\";\nimport { RpgClientEngine } from \"../../../RpgClientEngine\";\nimport MobileGui from \"./mobile.ce\";\nimport { computed } from \"canvasengine\";\nimport type { ButtonProps, ComponentFunction, JoystickSettings } from \"canvasengine\";\n\nexport type MobileGuiEnabled = \"auto\" | \"always\" | \"never\" | (() => boolean);\nexport type MobileGuiJoystickSide = \"left\" | \"right\";\nexport type MobileGuiMargin = number | [number, number, number, number];\n\nexport interface MobileGuiLayoutOptions {\n    joystickSide?: MobileGuiJoystickSide;\n    margin?: MobileGuiMargin;\n    buttonsMargin?: MobileGuiMargin;\n    joystickMargin?: MobileGuiMargin;\n    gap?: number;\n}\n\nexport interface MobileJoystickComponentProps extends JoystickSettings {\n    defaultProps: JoystickSettings;\n}\n\nexport interface MobileButtonComponentProps extends ButtonProps {\n    controlName: \"action\" | \"back\" | \"dash\";\n    defaultProps: ButtonProps;\n}\n\nexport interface MobileGuiComponentsOptions {\n    joystick?: ComponentFunction<MobileJoystickComponentProps>;\n    buttons?: {\n        action?: ComponentFunction<MobileButtonComponentProps>;\n        back?: ComponentFunction<MobileButtonComponentProps>;\n        dash?: ComponentFunction<MobileButtonComponentProps>;\n    };\n}\n\nexport interface MobileGuiButtonOptions extends Partial<ButtonProps> {\n    enabled?: boolean;\n    component?: ComponentFunction<MobileButtonComponentProps>;\n    container?: Record<string, unknown>;\n}\n\nexport interface MobileGuiJoystickOptions extends Partial<JoystickSettings> {\n    component?: ComponentFunction<MobileJoystickComponentProps>;\n    moveInterval?: number;\n    threshold?: number;\n}\n\nexport interface MobileGuiOptions {\n    id?: string;\n    enabled?: MobileGuiEnabled;\n    layout?: MobileGuiLayoutOptions;\n    components?: MobileGuiComponentsOptions;\n    joystick?: false | MobileGuiJoystickOptions;\n    buttons?: {\n        action?: boolean | MobileGuiButtonOptions;\n        back?: boolean | MobileGuiButtonOptions;\n        dash?: boolean | MobileGuiButtonOptions;\n    };\n}\n\nfunction isMobile() {\n    if (typeof navigator === \"undefined\") return false;\n    return /Android|iPhone|iPad|iPod|Windows Phone|webOS|BlackBerry/i.test(navigator.userAgent);\n}\n\nfunction resolveEnabled(enabled: MobileGuiEnabled = \"auto\") {\n    if (enabled === \"always\") return true;\n    if (enabled === \"never\") return false;\n    if (typeof enabled === \"function\") return enabled();\n    return isMobile();\n}\n\nexport const withMobile = (options: MobileGuiOptions = {}) => (\n    {\n        gui: [\n            {\n                id: options.id ?? 'mobile-gui',\n                component: MobileGui,\n                autoDisplay: true,\n                data: options,\n                dependencies: () => {\n                    const engine = inject(RpgClientEngine);\n                    return [\n                        computed(() => resolveEnabled(options.enabled) || undefined),\n                        engine.controlsReady\n                    ]\n                }\n            }\n        ]\n    }\n)\n"],"mappings":";;;;;AA6DA,SAAS,WAAW;CAChB,IAAI,OAAO,cAAc,aAAa,OAAO;CAC7C,OAAO,2DAA2D,KAAK,UAAU,SAAS;AAC9F;AAEA,SAAS,eAAe,UAA4B,QAAQ;CACxD,IAAI,YAAY,UAAU,OAAO;CACjC,IAAI,YAAY,SAAS,OAAO;CAChC,IAAI,OAAO,YAAY,YAAY,OAAO,QAAQ;CAClD,OAAO,SAAS;AACpB;AAEA,IAAa,cAAc,UAA4B,CAAC,OACpD,EACI,KAAK,CACD;CACI,IAAI,QAAQ,MAAM;CAClB,WAAW;CACX,aAAa;CACb,MAAM;CACN,oBAAoB;EAChB,MAAM,SAAS,OAAO,eAAe;EACrC,OAAO,CACH,eAAe,eAAe,QAAQ,OAAO,KAAK,KAAA,CAAS,GAC3D,OAAO,aACX;CACJ;AACJ,CACJ,EACJ"}