@rpgjs/client 5.0.0-beta.23 → 5.0.0-beta.24

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @rpgjs/client
 
+## 5.0.0-beta.24
+
+### Patch Changes
+
+- e11f2ed: Fix main menu Escape handling, add outside-click and touch close controls for prebuilt modal GUIs, make menu layouts responsive on small screens, restore a compact desktop menu with an integrated sidebar and column-based item views, use fade-only menu transitions, improve Skills/Equipment and save slot spacing, make active menu rows less visually harsh, and improve HUD and dialog border rendering.
+- 3fb2765: Apply Studio media scale as a multiplier of the default RPGJS display scale, then combine it with event instance scale instead of overwriting it.
+- be412cf: Let Studio event-touch pressure plates overlap pushed events without physical separation, wait until ground sensors are mostly covered before firing, clean up touch tracking when collisions exit after z changes, and clamp route overshoot frames that could make pushed events jitter.
+- Updated dependencies [e11f2ed]
+- Updated dependencies [be412cf]
+  - @rpgjs/ui-css@5.0.0-beta.22
+  - @rpgjs/common@5.0.0-beta.23
+  - @rpgjs/server@5.0.0-beta.24
+
 ## 5.0.0-beta.23
 
 ### Patch Changes

package/dist/Game/Object.d.ts

@@ -25,8 +25,11 @@ type FlashTriggerOptions = Omit<FlashOptions, "tint"> & {
 type ConfigurableTrigger<T> = Omit<Trigger<T>, "start"> & {
     start(config?: T): Promise<void>;
 };
+export declare const multiplyGraphicDisplayScale: (baseScale: unknown, instanceScale: unknown) => [number, number];
 export declare const withGraphicDisplayScale: (spritesheet: any, scale: unknown) => any;
 export declare const appendFramePayload: (current: unknown, items: unknown) => Frame[];
+export declare const getFrameTimestamp: (frame: Frame) => number;
+export declare const mergeFreshFramePayload: (current: unknown, items: unknown, lastAppliedFrameTs?: number) => Frame[];
 export declare abstract class RpgClientObject extends RpgCommonPlayer {
     abstract _type: string;
     emitParticleTrigger: Trigger<any>;
@@ -37,8 +40,10 @@ export declare abstract class RpgClientObject extends RpgCommonPlayer {
     frames: Frame[];
     graphicsSignals: import('canvasengine').WritableArraySignal<any[]>;
     flashTrigger: ConfigurableTrigger<FlashTriggerOptions>;
+    private lastAppliedFrameTs;
     private animationRestoreState?;
     constructor();
+    private getFrameTimestamp;
     /**
      * Access the shared client hook registry.
      *

package/dist/Game/Object.js

@@ -4,18 +4,57 @@ import { signal, trigger } from "canvasengine";
 import { ModulesToken, RpgCommonPlayer } from "@rpgjs/common";
 import { combineLatest, from, map, of, startWith, switchMap } from "rxjs";
 //#region src/Game/Object.ts
+var toFiniteScale = (value, fallback) => {
+	if (typeof value === "number" && Number.isFinite(value)) return value;
+	if (typeof value === "string" && value.trim()) {
+		const parsed = Number(value);
+		return Number.isFinite(parsed) ? parsed : fallback;
+	}
+	return fallback;
+};
+var normalizeGraphicScale = (value, fallback = [1, 1]) => {
+	if (typeof value === "number" || typeof value === "string") {
+		const scale = toFiniteScale(value, fallback[0]);
+		return [scale, scale];
+	}
+	if (Array.isArray(value)) {
+		const x = toFiniteScale(value[0], fallback[0]);
+		return [x, toFiniteScale(value[1] ?? value[0], x)];
+	}
+	if (value && typeof value === "object") {
+		const scale = value;
+		const x = toFiniteScale(scale.x, fallback[0]);
+		return [x, toFiniteScale(scale.y ?? scale.x, x)];
+	}
+	return fallback;
+};
+var multiplyGraphicDisplayScale = (baseScale, instanceScale) => {
+	const base = normalizeGraphicScale(baseScale);
+	const instance = normalizeGraphicScale(instanceScale);
+	return [base[0] * instance[0], base[1] * instance[1]];
+};
 var withGraphicDisplayScale = (spritesheet, scale) => {
 	if (!spritesheet || typeof spritesheet !== "object") return spritesheet;
 	if (scale === void 0 || scale === null) return spritesheet;
 	return {
 		...spritesheet,
-		displayScale: scale
+		displayScale: multiplyGraphicDisplayScale(spritesheet.displayScale, scale)
 	};
 };
 var appendFramePayload = (current, items) => {
 	const nextFrames = (Array.isArray(items) ? items : items ? [items] : []).flatMap((item) => Array.isArray(item) ? item : [item]);
 	return (Array.isArray(current) ? current : []).concat(nextFrames);
 };
+var getFrameTimestamp = (frame) => {
+	const timestamp = Number(frame.ts);
+	return Number.isFinite(timestamp) ? timestamp : 0;
+};
+var mergeFreshFramePayload = (current, items, lastAppliedFrameTs = 0) => {
+	return appendFramePayload(current, items).filter((frame) => {
+		const timestamp = getFrameTimestamp(frame);
+		return timestamp === 0 || timestamp > lastAppliedFrameTs;
+	}).sort((a, b) => getFrameTimestamp(a) - getFrameTimestamp(b));
+};
 var RpgClientObject = class extends RpgCommonPlayer {
 	constructor() {
 		super();
@@ -27,11 +66,12 @@ var RpgClientObject = class extends RpgCommonPlayer {
 		this.frames = [];
 		this.graphicsSignals = signal([]);
 		this.flashTrigger = trigger();
+		this.lastAppliedFrameTs = 0;
 		const engine = this.engine;
 		this.hooks.callHooks("client-sprite-onInit", this).subscribe();
 		this._frames.observable.subscribe(({ items }) => {
 			if (!this.id) return;
-			this.frames = appendFramePayload(this.frames, items);
+			this.frames = mergeFreshFramePayload(this.frames, items, this.lastAppliedFrameTs);
 		});
 		combineLatest([this.graphics.observable.pipe(map(({ items }) => items)), this._graphicScale.observable.pipe(startWith({ value: this._graphicScale() }), map((payload) => payload?.value ?? payload))]).pipe(switchMap(([graphics, scale]) => {
 			const graphicRefs = Array.isArray(graphics) ? graphics : [];
@@ -46,10 +86,16 @@ var RpgClientObject = class extends RpgCommonPlayer {
 			const frame = this.frames.shift();
 			if (frame) {
 				if (typeof frame.x !== "number" || typeof frame.y !== "number") return;
+				const frameTs = this.getFrameTimestamp(frame);
+				if (frameTs > 0 && frameTs <= this.lastAppliedFrameTs) return;
 				engine.scene.setBodyPosition(this.id, frame.x, frame.y, "top-left");
+				if (frameTs > this.lastAppliedFrameTs) this.lastAppliedFrameTs = frameTs;
 			}
 		});
 	}
+	getFrameTimestamp(frame) {
+		return getFrameTimestamp(frame);
+	}
 	/**
 	* Access the shared client hook registry.
 	*

package/dist/Game/Object.js.map

@@ -1 +1 @@
-{"version":3,"file":"Object.js","names":[],"sources":["../../src/Game/Object.ts"],"sourcesContent":["import { Hooks, ModulesToken, RpgCommonPlayer } from \"@rpgjs/common\";\nimport { trigger, signal, type Trigger } from \"canvasengine\";\nimport { combineLatest, from, map, of, startWith, Subscription, switchMap } from \"rxjs\";\nimport { inject } from \"../core/inject\";\nimport { RpgClientEngine } from \"../RpgClientEngine\";\ntype Frame = { x: number; y: number; ts: number };\n\ntype AnimationRestoreOptions = {\n  restoreAnimationName?: string;\n  restoreGraphics?: any[];\n  timeoutMs?: number;\n};\n\ntype FlashType = 'alpha' | 'tint' | 'both';\n\ntype FlashOptions = {\n  type?: FlashType;\n  duration?: number;\n  cycles?: number;\n  alpha?: number;\n  tint?: number | string;\n};\n\ntype FlashTriggerOptions = Omit<FlashOptions, \"tint\"> & {\n  tint: number;\n};\n\ntype ConfigurableTrigger<T> = Omit<Trigger<T>, \"start\"> & {\n  start(config?: T): Promise<void>;\n};\n\nexport const withGraphicDisplayScale = (spritesheet: any, scale: unknown): any => {\n  if (!spritesheet || typeof spritesheet !== \"object\") return spritesheet;\n  if (scale === undefined || scale === null) return spritesheet;\n  return {\n    ...spritesheet,\n    displayScale: scale,\n  };\n};\n\nexport const appendFramePayload = (current: unknown, items: unknown): Frame[] => {\n  const frameItems = Array.isArray(items) ? items : items ? [items] : [];\n  const nextFrames = frameItems.flatMap((item): Frame[] =>\n    Array.isArray(item) ? item : [item as Frame]\n  );\n  const currentFrames = Array.isArray(current) ? current as Frame[] : [];\n  return currentFrames.concat(nextFrames);\n};\n\nexport abstract class RpgClientObject extends RpgCommonPlayer {\n  abstract _type: string;\n  emitParticleTrigger = trigger();\n  particleName = signal(\"\");\n  animationCurrentIndex = signal(0);\n  animationIsPlaying = signal(false);\n  _param = signal({});\n  frames: Frame[] = [];\n  graphicsSignals = signal<any[]>([]);\n  flashTrigger: ConfigurableTrigger<FlashTriggerOptions> = trigger<FlashTriggerOptions>();\n  private animationRestoreState?: {\n    animationName: string;\n    graphics: any[];\n  };\n\n  constructor() {\n    super();\n    const engine = this.engine;\n    this.hooks.callHooks(\"client-sprite-onInit\", this).subscribe();\n\n    this._frames.observable.subscribe(({ items }) => {\n      if (!this.id) return;\n      //if (this.id == this.engine.playerIdSignal()!) return;\n      this.frames = appendFramePayload(this.frames, items);\n    });\n\n    const graphics$ = this.graphics.observable.pipe(map(({ items }) => items));\n    const graphicScale$ = this._graphicScale.observable.pipe(\n      startWith({ value: this._graphicScale() }),\n      map((payload: any) => payload?.value ?? payload),\n    );\n\n    combineLatest([graphics$, graphicScale$])\n    .pipe(\n      switchMap(([graphics, scale]) => {\n        const graphicRefs = Array.isArray(graphics) ? graphics : [];\n        if (graphicRefs.length === 0) return of([]);\n        return from(Promise.all(graphicRefs.map(async (graphic) => {\n          const spritesheet = await engine.getSpriteSheet(graphic);\n          return withGraphicDisplayScale(spritesheet, scale);\n        })));\n      })\n    )\n    .subscribe((sheets) => {  \n      this.graphicsSignals.set(sheets);\n    });\n\n    engine.tick\n      .pipe\n      //throttleTime(10)\n      ()\n      .subscribe(() => {\n        const frame = this.frames.shift();\n        if (frame) {\n          if (typeof frame.x !== \"number\" || typeof frame.y !== \"number\") return;\n          engine.scene.setBodyPosition(\n            this.id,\n            frame.x,\n            frame.y,\n            \"top-left\"\n          );\n        }\n      });\n  }\n\n  /**\n   * Access the shared client hook registry.\n   *\n   * @returns The hook service used to register and trigger client-side hooks.\n   */\n  get hooks() {\n    return inject<Hooks>(ModulesToken);\n  }\n\n  /**\n   * Access the current client engine instance.\n   *\n   * @returns The active {@link RpgClientEngine} instance.\n   */\n  get engine() {\n    return inject(RpgClientEngine);\n  }\n\n  setHitbox(width: number, height: number): void {\n    if (typeof width !== \"number\" || width <= 0) {\n      throw new Error(\"setHitbox: width must be a positive number\");\n    }\n    if (typeof height !== \"number\" || height <= 0) {\n      throw new Error(\"setHitbox: height must be a positive number\");\n    }\n\n    this.hitbox.set({\n      w: width,\n      h: height,\n    });\n\n    const sceneMap = (this.engine as any)?.sceneMap;\n    if (sceneMap && this.id) {\n      sceneMap.updateHitbox?.(this.id, this.x(), this.y(), width, height);\n    }\n  }\n\n  private animationSubscription?: Subscription;\n  private animationResetTimeout?: ReturnType<typeof setTimeout>;\n  private animationWaitResolve?: () => void;\n\n  private clearAnimationControls() {\n    if (this.animationSubscription) {\n      this.animationSubscription.unsubscribe();\n      this.animationSubscription = undefined;\n    }\n    if (this.animationResetTimeout) {\n      clearTimeout(this.animationResetTimeout);\n      this.animationResetTimeout = undefined;\n    }\n  }\n\n  private resolveAnimationWait() {\n    const resolve = this.animationWaitResolve;\n    this.animationWaitResolve = undefined;\n    resolve?.();\n  }\n\n  private finishTemporaryAnimation() {\n    const restoreState = this.animationRestoreState;\n    this.clearAnimationControls();\n    this.animationCurrentIndex.set(0);\n    this.animationRestoreState = undefined;\n    this.animationIsPlaying.set(false);\n    if (restoreState) {\n      this.animationName.set(restoreState.animationName);\n      this.graphics.set([...restoreState.graphics]);\n    }\n    this.resolveAnimationWait();\n  }\n\n  /**\n   * Trigger a flash animation on this sprite\n   * \n   * This method triggers a flash effect using CanvasEngine's flash directive.\n   * The flash can be configured with various options including type (alpha, tint, or both),\n   * duration, cycles, and color.\n   * \n   * ## Design\n   * \n   * The flash uses a trigger system that is connected to the flash directive in the\n   * character component. This allows for flexible configuration and can be triggered\n   * from both server events and client-side code.\n   * \n   * @param options - Flash configuration options\n   * @param options.type - Type of flash effect: 'alpha' (opacity), 'tint' (color), or 'both' (default: 'alpha')\n   * @param options.duration - Duration of the flash animation in milliseconds (default: 300)\n   * @param options.cycles - Number of flash cycles (flash on/off) (default: 1)\n   * @param options.alpha - Alpha value when flashing, from 0 to 1 (default: 0.3)\n   * @param options.tint - Tint color when flashing as hex value or color name (default: 0xffffff - white)\n   * \n   * @example\n   * ```ts\n   * // Simple flash with default settings (alpha flash)\n   * player.flash();\n   * \n   * // Flash with red tint\n   * player.flash({ type: 'tint', tint: 0xff0000 });\n   * \n   * // Flash with both alpha and tint\n   * player.flash({ \n   *   type: 'both', \n   *   alpha: 0.5, \n   *   tint: 0xff0000,\n   *   duration: 200,\n   *   cycles: 2\n   * });\n   * \n   * // Quick damage flash\n   * player.flash({ \n   *   type: 'tint', \n   *   tint: 0xff0000, \n   *   duration: 150,\n   *   cycles: 1\n   * });\n   * ```\n   */\n  flash(options?: FlashOptions): void {\n    const flashOptions = {\n      type: options?.type || 'alpha',\n      duration: options?.duration ?? 300,\n      cycles: options?.cycles ?? 1,\n      alpha: options?.alpha ?? 0.3,\n      tint: options?.tint ?? 0xffffff,\n    };\n    \n    // Convert color name to hex if needed\n    let tintValue = flashOptions.tint;\n    if (typeof tintValue === 'string') {\n      // Common color name to hex mapping\n      const colorMap: Record<string, number> = {\n        'white': 0xffffff,\n        'red': 0xff0000,\n        'green': 0x00ff00,\n        'blue': 0x0000ff,\n        'yellow': 0xffff00,\n        'cyan': 0x00ffff,\n        'magenta': 0xff00ff,\n        'black': 0x000000,\n      };\n      tintValue = colorMap[tintValue.toLowerCase()] ?? 0xffffff;\n    }\n    \n    this.flashTrigger.start({\n      ...flashOptions,\n      tint: tintValue,\n    });\n  }\n\n  /**\n   * Reset animation state when animation changes externally\n   *\n   * This method should be called when the animation changes due to movement\n   * or other external factors to ensure the animation system doesn't get stuck\n   *\n   * @example\n   * ```ts\n   * // Reset when player starts moving\n   * player.resetAnimationState();\n   * ```\n   */\n  resetAnimationState() {\n    if (this.animationRestoreState) {\n      this.finishTemporaryAnimation();\n      return;\n    }\n    this.animationIsPlaying.set(false);\n    this.animationCurrentIndex.set(0);\n    this.clearAnimationControls();\n    this.resolveAnimationWait();\n  }\n\n  /**\n   * Set a custom animation for a specific number of times\n   *\n   * Plays a custom animation for the specified number of repetitions.\n   * The animation system prevents overlapping animations and automatically\n   * returns to the previous animation when complete.\n   *\n   * @param animationName - Name of the animation to play\n   * @param nbTimes - Number of times to repeat the animation (default: Infinity for continuous)\n   * @param options - Restore and timeout options\n   * @returns A promise resolved when a finite animation finishes, is interrupted, or times out\n   *\n   * @example\n   * ```ts\n   * // Play attack animation 3 times\n   * await player.setAnimation('attack', 3);\n   *\n   * // Play continuous spell animation\n   * player.setAnimation('spell');\n   * ```\n   */\n  setAnimation(animationName: string, nbTimes?: number, options?: AnimationRestoreOptions): Promise<void>;\n  /**\n   * Set a custom animation with temporary graphic change\n   *\n   * Plays a custom animation for the specified number of repetitions and temporarily\n   * changes the player's graphic (sprite sheet) during the animation. The graphic\n   * is automatically reset when the animation finishes.\n   *\n   * @param animationName - Name of the animation to play\n   * @param graphic - The graphic(s) to temporarily use during the animation\n   * @param nbTimes - Number of times to repeat the animation (default: Infinity for continuous)\n   * @param options - Restore and timeout options\n   * @returns A promise resolved when a finite animation finishes, is interrupted, or times out\n   *\n   * @example\n   * ```ts\n   * // Play attack animation with temporary graphic change\n   * await player.setAnimation('attack', 'hero_attack', 3);\n   * ```\n   */\n  setAnimation(animationName: string, graphic?: string | string[], nbTimes?: number, options?: AnimationRestoreOptions): Promise<void>;\n  setAnimation(\n    animationName: string,\n    graphicOrNbTimes?: string | string[] | number,\n    nbTimesOrOptions?: number | AnimationRestoreOptions,\n    options?: AnimationRestoreOptions\n  ): Promise<void> {\n    let graphic: string | string[] | undefined;\n    let finalNbTimes: number = Infinity;\n    let restoreOptions: AnimationRestoreOptions | undefined = options;\n\n    // Handle overloads\n    if (typeof graphicOrNbTimes === 'number') {\n      // setAnimation(animationName, nbTimes)\n      finalNbTimes = graphicOrNbTimes;\n      restoreOptions = typeof nbTimesOrOptions === 'object' ? nbTimesOrOptions : options;\n    } else if (graphicOrNbTimes !== undefined) {\n      // setAnimation(animationName, graphic, nbTimes)\n      graphic = graphicOrNbTimes;\n      if (typeof nbTimesOrOptions === 'number') {\n        finalNbTimes = nbTimesOrOptions;\n      } else {\n        finalNbTimes = Infinity;\n        restoreOptions = nbTimesOrOptions ?? options;\n      }\n    } else {\n      // setAnimation(animationName) - nbTimes remains Infinity\n      finalNbTimes = Infinity;\n    }\n\n    if (this.animationIsPlaying()) {\n      this.finishTemporaryAnimation();\n    }\n\n    const waitPromise =\n      finalNbTimes === Infinity\n        ? Promise.resolve()\n        : new Promise<void>((resolve) => {\n            this.animationWaitResolve = resolve;\n          });\n\n    this.animationIsPlaying.set(true);\n    const previousAnimationName =\n      restoreOptions?.restoreAnimationName ?? this.animationName();\n    const previousGraphics = restoreOptions?.restoreGraphics\n      ? [...restoreOptions.restoreGraphics]\n      : [...this.graphics()];\n    this.animationRestoreState = {\n      animationName: previousAnimationName,\n      graphics: previousGraphics,\n    };\n    this.animationCurrentIndex.set(0);\n\n    // Temporarily change graphic if provided\n    if (graphic !== undefined) {\n      if (Array.isArray(graphic)) {\n        this.graphics.set(graphic);\n      } else {\n        this.graphics.set([graphic]);\n      }\n    }\n\n    this.clearAnimationControls();\n\n    this.animationSubscription =\n      this.animationCurrentIndex.observable.subscribe((index) => {\n        if (index >= finalNbTimes) {\n          this.finishTemporaryAnimation();\n        }\n      });\n\n    if (finalNbTimes !== Infinity) {\n      this.animationResetTimeout = setTimeout(() => {\n        if (this.animationIsPlaying()) {\n          this.finishTemporaryAnimation();\n        }\n      }, restoreOptions?.timeoutMs ?? Math.max(1000, finalNbTimes * 1000));\n    }\n\n    this.animationName.set(animationName);\n\n    return waitPromise;\n  }\n\n  /**\n   * Display a registered component animation effect on this object.\n   *\n   * @param id - Identifier of the component animation to play.\n   * @param params - Parameters forwarded to the animation effect.\n   * @returns A promise resolved when the animation component calls `onFinish`.\n   */\n  showComponentAnimation(id: string, params: any): Promise<void> {\n    const engine = inject(RpgClientEngine);\n    return engine.getComponentAnimation(id).displayEffect(params, this);\n  }\n\n  /**\n   * Display a registered spritesheet animation effect on this object.\n   *\n   * @param graphic - Identifier of the spritesheet to use.\n   * @param animationName - Name of the animation inside the spritesheet.\n   * @returns A promise resolved when the animation component calls `onFinish`.\n   */\n  showAnimation(graphic: string, animationName: string = 'default'): Promise<void> {\n    return this.showComponentAnimation('animation', {\n      graphic,\n      animationName,\n    });\n  }\n  \n  /**\n   * Check whether this client object represents an event.\n   *\n   * @returns `true` if the object type is `event`, otherwise `false`.\n   */\n  isEvent(): boolean {\n    return this._type === 'event';\n  }\n\n  /**\n   * Check whether this client object represents a player.\n   *\n   * @returns `true` if the object type is `player`, otherwise `false`.\n   */\n  isPlayer(): boolean {\n    return this._type === 'player';\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"Object.js","names":[],"sources":["../../src/Game/Object.ts"],"sourcesContent":["import { Hooks, ModulesToken, RpgCommonPlayer } from \"@rpgjs/common\";\nimport { trigger, signal, type Trigger } from \"canvasengine\";\nimport { combineLatest, from, map, of, startWith, Subscription, switchMap } from \"rxjs\";\nimport { inject } from \"../core/inject\";\nimport { RpgClientEngine } from \"../RpgClientEngine\";\ntype Frame = { x: number; y: number; ts: number };\n\ntype AnimationRestoreOptions = {\n  restoreAnimationName?: string;\n  restoreGraphics?: any[];\n  timeoutMs?: number;\n};\n\ntype FlashType = 'alpha' | 'tint' | 'both';\n\ntype FlashOptions = {\n  type?: FlashType;\n  duration?: number;\n  cycles?: number;\n  alpha?: number;\n  tint?: number | string;\n};\n\ntype FlashTriggerOptions = Omit<FlashOptions, \"tint\"> & {\n  tint: number;\n};\n\ntype ConfigurableTrigger<T> = Omit<Trigger<T>, \"start\"> & {\n  start(config?: T): Promise<void>;\n};\n\nconst toFiniteScale = (value: unknown, fallback: number): number => {\n  if (typeof value === \"number\" && Number.isFinite(value)) return value;\n  if (typeof value === \"string\" && value.trim()) {\n    const parsed = Number(value);\n    return Number.isFinite(parsed) ? parsed : fallback;\n  }\n  return fallback;\n};\n\nconst normalizeGraphicScale = (value: unknown, fallback: [number, number] = [1, 1]): [number, number] => {\n  if (typeof value === \"number\" || typeof value === \"string\") {\n    const scale = toFiniteScale(value, fallback[0]);\n    return [scale, scale];\n  }\n  if (Array.isArray(value)) {\n    const x = toFiniteScale(value[0], fallback[0]);\n    const y = toFiniteScale(value[1] ?? value[0], x);\n    return [x, y];\n  }\n  if (value && typeof value === \"object\") {\n    const scale = value as { x?: unknown; y?: unknown };\n    const x = toFiniteScale(scale.x, fallback[0]);\n    const y = toFiniteScale(scale.y ?? scale.x, x);\n    return [x, y];\n  }\n  return fallback;\n};\n\nexport const multiplyGraphicDisplayScale = (\n  baseScale: unknown,\n  instanceScale: unknown,\n): [number, number] => {\n  const base = normalizeGraphicScale(baseScale);\n  const instance = normalizeGraphicScale(instanceScale);\n  return [base[0] * instance[0], base[1] * instance[1]];\n};\n\nexport const withGraphicDisplayScale = (spritesheet: any, scale: unknown): any => {\n  if (!spritesheet || typeof spritesheet !== \"object\") return spritesheet;\n  if (scale === undefined || scale === null) return spritesheet;\n  return {\n    ...spritesheet,\n    displayScale: multiplyGraphicDisplayScale(spritesheet.displayScale, scale),\n  };\n};\n\nexport const appendFramePayload = (current: unknown, items: unknown): Frame[] => {\n  const frameItems = Array.isArray(items) ? items : items ? [items] : [];\n  const nextFrames = frameItems.flatMap((item): Frame[] =>\n    Array.isArray(item) ? item : [item as Frame]\n  );\n  const currentFrames = Array.isArray(current) ? current as Frame[] : [];\n  return currentFrames.concat(nextFrames);\n};\n\nexport const getFrameTimestamp = (frame: Frame): number => {\n  const timestamp = Number(frame.ts);\n  return Number.isFinite(timestamp) ? timestamp : 0;\n};\n\nexport const mergeFreshFramePayload = (\n  current: unknown,\n  items: unknown,\n  lastAppliedFrameTs = 0,\n): Frame[] => {\n  return appendFramePayload(current, items)\n    .filter((frame) => {\n      const timestamp = getFrameTimestamp(frame);\n      return timestamp === 0 || timestamp > lastAppliedFrameTs;\n    })\n    .sort((a, b) => getFrameTimestamp(a) - getFrameTimestamp(b));\n};\n\nexport abstract class RpgClientObject extends RpgCommonPlayer {\n  abstract _type: string;\n  emitParticleTrigger = trigger();\n  particleName = signal(\"\");\n  animationCurrentIndex = signal(0);\n  animationIsPlaying = signal(false);\n  _param = signal({});\n  frames: Frame[] = [];\n  graphicsSignals = signal<any[]>([]);\n  flashTrigger: ConfigurableTrigger<FlashTriggerOptions> = trigger<FlashTriggerOptions>();\n  private lastAppliedFrameTs = 0;\n  private animationRestoreState?: {\n    animationName: string;\n    graphics: any[];\n  };\n\n  constructor() {\n    super();\n    const engine = this.engine;\n    this.hooks.callHooks(\"client-sprite-onInit\", this).subscribe();\n\n    this._frames.observable.subscribe(({ items }) => {\n      if (!this.id) return;\n      //if (this.id == this.engine.playerIdSignal()!) return;\n      this.frames = mergeFreshFramePayload(\n        this.frames,\n        items,\n        this.lastAppliedFrameTs,\n      );\n    });\n\n    const graphics$ = this.graphics.observable.pipe(map(({ items }) => items));\n    const graphicScale$ = this._graphicScale.observable.pipe(\n      startWith({ value: this._graphicScale() }),\n      map((payload: any) => payload?.value ?? payload),\n    );\n\n    combineLatest([graphics$, graphicScale$])\n    .pipe(\n      switchMap(([graphics, scale]) => {\n        const graphicRefs = Array.isArray(graphics) ? graphics : [];\n        if (graphicRefs.length === 0) return of([]);\n        return from(Promise.all(graphicRefs.map(async (graphic) => {\n          const spritesheet = await engine.getSpriteSheet(graphic);\n          return withGraphicDisplayScale(spritesheet, scale);\n        })));\n      })\n    )\n    .subscribe((sheets) => {  \n      this.graphicsSignals.set(sheets);\n    });\n\n    engine.tick\n      .pipe\n      //throttleTime(10)\n      ()\n      .subscribe(() => {\n        const frame = this.frames.shift();\n        if (frame) {\n          if (typeof frame.x !== \"number\" || typeof frame.y !== \"number\") return;\n          const frameTs = this.getFrameTimestamp(frame);\n          if (frameTs > 0 && frameTs <= this.lastAppliedFrameTs) return;\n          engine.scene.setBodyPosition(\n            this.id,\n            frame.x,\n            frame.y,\n            \"top-left\"\n          );\n          if (frameTs > this.lastAppliedFrameTs) {\n            this.lastAppliedFrameTs = frameTs;\n          }\n        }\n      });\n  }\n\n  private getFrameTimestamp(frame: Frame): number {\n    return getFrameTimestamp(frame);\n  }\n\n  /**\n   * Access the shared client hook registry.\n   *\n   * @returns The hook service used to register and trigger client-side hooks.\n   */\n  get hooks() {\n    return inject<Hooks>(ModulesToken);\n  }\n\n  /**\n   * Access the current client engine instance.\n   *\n   * @returns The active {@link RpgClientEngine} instance.\n   */\n  get engine() {\n    return inject(RpgClientEngine);\n  }\n\n  setHitbox(width: number, height: number): void {\n    if (typeof width !== \"number\" || width <= 0) {\n      throw new Error(\"setHitbox: width must be a positive number\");\n    }\n    if (typeof height !== \"number\" || height <= 0) {\n      throw new Error(\"setHitbox: height must be a positive number\");\n    }\n\n    this.hitbox.set({\n      w: width,\n      h: height,\n    });\n\n    const sceneMap = (this.engine as any)?.sceneMap;\n    if (sceneMap && this.id) {\n      sceneMap.updateHitbox?.(this.id, this.x(), this.y(), width, height);\n    }\n  }\n\n  private animationSubscription?: Subscription;\n  private animationResetTimeout?: ReturnType<typeof setTimeout>;\n  private animationWaitResolve?: () => void;\n\n  private clearAnimationControls() {\n    if (this.animationSubscription) {\n      this.animationSubscription.unsubscribe();\n      this.animationSubscription = undefined;\n    }\n    if (this.animationResetTimeout) {\n      clearTimeout(this.animationResetTimeout);\n      this.animationResetTimeout = undefined;\n    }\n  }\n\n  private resolveAnimationWait() {\n    const resolve = this.animationWaitResolve;\n    this.animationWaitResolve = undefined;\n    resolve?.();\n  }\n\n  private finishTemporaryAnimation() {\n    const restoreState = this.animationRestoreState;\n    this.clearAnimationControls();\n    this.animationCurrentIndex.set(0);\n    this.animationRestoreState = undefined;\n    this.animationIsPlaying.set(false);\n    if (restoreState) {\n      this.animationName.set(restoreState.animationName);\n      this.graphics.set([...restoreState.graphics]);\n    }\n    this.resolveAnimationWait();\n  }\n\n  /**\n   * Trigger a flash animation on this sprite\n   * \n   * This method triggers a flash effect using CanvasEngine's flash directive.\n   * The flash can be configured with various options including type (alpha, tint, or both),\n   * duration, cycles, and color.\n   * \n   * ## Design\n   * \n   * The flash uses a trigger system that is connected to the flash directive in the\n   * character component. This allows for flexible configuration and can be triggered\n   * from both server events and client-side code.\n   * \n   * @param options - Flash configuration options\n   * @param options.type - Type of flash effect: 'alpha' (opacity), 'tint' (color), or 'both' (default: 'alpha')\n   * @param options.duration - Duration of the flash animation in milliseconds (default: 300)\n   * @param options.cycles - Number of flash cycles (flash on/off) (default: 1)\n   * @param options.alpha - Alpha value when flashing, from 0 to 1 (default: 0.3)\n   * @param options.tint - Tint color when flashing as hex value or color name (default: 0xffffff - white)\n   * \n   * @example\n   * ```ts\n   * // Simple flash with default settings (alpha flash)\n   * player.flash();\n   * \n   * // Flash with red tint\n   * player.flash({ type: 'tint', tint: 0xff0000 });\n   * \n   * // Flash with both alpha and tint\n   * player.flash({ \n   *   type: 'both', \n   *   alpha: 0.5, \n   *   tint: 0xff0000,\n   *   duration: 200,\n   *   cycles: 2\n   * });\n   * \n   * // Quick damage flash\n   * player.flash({ \n   *   type: 'tint', \n   *   tint: 0xff0000, \n   *   duration: 150,\n   *   cycles: 1\n   * });\n   * ```\n   */\n  flash(options?: FlashOptions): void {\n    const flashOptions = {\n      type: options?.type || 'alpha',\n      duration: options?.duration ?? 300,\n      cycles: options?.cycles ?? 1,\n      alpha: options?.alpha ?? 0.3,\n      tint: options?.tint ?? 0xffffff,\n    };\n    \n    // Convert color name to hex if needed\n    let tintValue = flashOptions.tint;\n    if (typeof tintValue === 'string') {\n      // Common color name to hex mapping\n      const colorMap: Record<string, number> = {\n        'white': 0xffffff,\n        'red': 0xff0000,\n        'green': 0x00ff00,\n        'blue': 0x0000ff,\n        'yellow': 0xffff00,\n        'cyan': 0x00ffff,\n        'magenta': 0xff00ff,\n        'black': 0x000000,\n      };\n      tintValue = colorMap[tintValue.toLowerCase()] ?? 0xffffff;\n    }\n    \n    this.flashTrigger.start({\n      ...flashOptions,\n      tint: tintValue,\n    });\n  }\n\n  /**\n   * Reset animation state when animation changes externally\n   *\n   * This method should be called when the animation changes due to movement\n   * or other external factors to ensure the animation system doesn't get stuck\n   *\n   * @example\n   * ```ts\n   * // Reset when player starts moving\n   * player.resetAnimationState();\n   * ```\n   */\n  resetAnimationState() {\n    if (this.animationRestoreState) {\n      this.finishTemporaryAnimation();\n      return;\n    }\n    this.animationIsPlaying.set(false);\n    this.animationCurrentIndex.set(0);\n    this.clearAnimationControls();\n    this.resolveAnimationWait();\n  }\n\n  /**\n   * Set a custom animation for a specific number of times\n   *\n   * Plays a custom animation for the specified number of repetitions.\n   * The animation system prevents overlapping animations and automatically\n   * returns to the previous animation when complete.\n   *\n   * @param animationName - Name of the animation to play\n   * @param nbTimes - Number of times to repeat the animation (default: Infinity for continuous)\n   * @param options - Restore and timeout options\n   * @returns A promise resolved when a finite animation finishes, is interrupted, or times out\n   *\n   * @example\n   * ```ts\n   * // Play attack animation 3 times\n   * await player.setAnimation('attack', 3);\n   *\n   * // Play continuous spell animation\n   * player.setAnimation('spell');\n   * ```\n   */\n  setAnimation(animationName: string, nbTimes?: number, options?: AnimationRestoreOptions): Promise<void>;\n  /**\n   * Set a custom animation with temporary graphic change\n   *\n   * Plays a custom animation for the specified number of repetitions and temporarily\n   * changes the player's graphic (sprite sheet) during the animation. The graphic\n   * is automatically reset when the animation finishes.\n   *\n   * @param animationName - Name of the animation to play\n   * @param graphic - The graphic(s) to temporarily use during the animation\n   * @param nbTimes - Number of times to repeat the animation (default: Infinity for continuous)\n   * @param options - Restore and timeout options\n   * @returns A promise resolved when a finite animation finishes, is interrupted, or times out\n   *\n   * @example\n   * ```ts\n   * // Play attack animation with temporary graphic change\n   * await player.setAnimation('attack', 'hero_attack', 3);\n   * ```\n   */\n  setAnimation(animationName: string, graphic?: string | string[], nbTimes?: number, options?: AnimationRestoreOptions): Promise<void>;\n  setAnimation(\n    animationName: string,\n    graphicOrNbTimes?: string | string[] | number,\n    nbTimesOrOptions?: number | AnimationRestoreOptions,\n    options?: AnimationRestoreOptions\n  ): Promise<void> {\n    let graphic: string | string[] | undefined;\n    let finalNbTimes: number = Infinity;\n    let restoreOptions: AnimationRestoreOptions | undefined = options;\n\n    // Handle overloads\n    if (typeof graphicOrNbTimes === 'number') {\n      // setAnimation(animationName, nbTimes)\n      finalNbTimes = graphicOrNbTimes;\n      restoreOptions = typeof nbTimesOrOptions === 'object' ? nbTimesOrOptions : options;\n    } else if (graphicOrNbTimes !== undefined) {\n      // setAnimation(animationName, graphic, nbTimes)\n      graphic = graphicOrNbTimes;\n      if (typeof nbTimesOrOptions === 'number') {\n        finalNbTimes = nbTimesOrOptions;\n      } else {\n        finalNbTimes = Infinity;\n        restoreOptions = nbTimesOrOptions ?? options;\n      }\n    } else {\n      // setAnimation(animationName) - nbTimes remains Infinity\n      finalNbTimes = Infinity;\n    }\n\n    if (this.animationIsPlaying()) {\n      this.finishTemporaryAnimation();\n    }\n\n    const waitPromise =\n      finalNbTimes === Infinity\n        ? Promise.resolve()\n        : new Promise<void>((resolve) => {\n            this.animationWaitResolve = resolve;\n          });\n\n    this.animationIsPlaying.set(true);\n    const previousAnimationName =\n      restoreOptions?.restoreAnimationName ?? this.animationName();\n    const previousGraphics = restoreOptions?.restoreGraphics\n      ? [...restoreOptions.restoreGraphics]\n      : [...this.graphics()];\n    this.animationRestoreState = {\n      animationName: previousAnimationName,\n      graphics: previousGraphics,\n    };\n    this.animationCurrentIndex.set(0);\n\n    // Temporarily change graphic if provided\n    if (graphic !== undefined) {\n      if (Array.isArray(graphic)) {\n        this.graphics.set(graphic);\n      } else {\n        this.graphics.set([graphic]);\n      }\n    }\n\n    this.clearAnimationControls();\n\n    this.animationSubscription =\n      this.animationCurrentIndex.observable.subscribe((index) => {\n        if (index >= finalNbTimes) {\n          this.finishTemporaryAnimation();\n        }\n      });\n\n    if (finalNbTimes !== Infinity) {\n      this.animationResetTimeout = setTimeout(() => {\n        if (this.animationIsPlaying()) {\n          this.finishTemporaryAnimation();\n        }\n      }, restoreOptions?.timeoutMs ?? Math.max(1000, finalNbTimes * 1000));\n    }\n\n    this.animationName.set(animationName);\n\n    return waitPromise;\n  }\n\n  /**\n   * Display a registered component animation effect on this object.\n   *\n   * @param id - Identifier of the component animation to play.\n   * @param params - Parameters forwarded to the animation effect.\n   * @returns A promise resolved when the animation component calls `onFinish`.\n   */\n  showComponentAnimation(id: string, params: any): Promise<void> {\n    const engine = inject(RpgClientEngine);\n    return engine.getComponentAnimation(id).displayEffect(params, this);\n  }\n\n  /**\n   * Display a registered spritesheet animation effect on this object.\n   *\n   * @param graphic - Identifier of the spritesheet to use.\n   * @param animationName - Name of the animation inside the spritesheet.\n   * @returns A promise resolved when the animation component calls `onFinish`.\n   */\n  showAnimation(graphic: string, animationName: string = 'default'): Promise<void> {\n    return this.showComponentAnimation('animation', {\n      graphic,\n      animationName,\n    });\n  }\n  \n  /**\n   * Check whether this client object represents an event.\n   *\n   * @returns `true` if the object type is `event`, otherwise `false`.\n   */\n  isEvent(): boolean {\n    return this._type === 'event';\n  }\n\n  /**\n   * Check whether this client object represents a player.\n   *\n   * @returns `true` if the object type is `player`, otherwise `false`.\n   */\n  isPlayer(): boolean {\n    return this._type === 'player';\n  }\n}\n"],"mappings":"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"}

package/dist/components/character.ce.js

@@ -263,6 +263,13 @@ function component($$props) {
 		if (!canControls()) return;
 		client.processDash({ direction: directionToDashVector(resolveSpriteDirection()) });
 	};
+	let lastEscapeActionAt = 0;
+	const processEscapeInput = () => {
+		const now = Date.now();
+		if (now - lastEscapeActionAt < 50) return;
+		lastEscapeActionAt = now;
+		if (canControls()) client.processAction({ action: "escape" });
+	};
 	const actionBind = () => getKeyboardControlBind(keyboardControls.action);
 	const keyboardEventId = (event) => `${event.keyCode}:${event.code}:${event.key}`;
 	const handleNativeActionWhileMoving = (event) => {
@@ -346,13 +353,13 @@ function component($$props) {
 		back: {
 			bind: keyboardControls.escape,
 			keyDown() {
-				if (canControls()) client.processAction({ action: "escape" });
+				processEscapeInput();
 			}
 		},
 		escape: {
 			bind: keyboardControls.escape,
 			keyDown() {
-				if (canControls()) client.processAction({ action: "escape" });
+				processEscapeInput();
 			}
 		},
 		joystick: {

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  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={graphicContainerScale(graphicObj)}>\n        <Sprite \n          sheet={sheet(graphicObj)} \n          direction \n          tint \n          hitbox={graphicHitbox(graphicObj)}\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 { resolveScaledHitboxAnchor, scaleHitboxForGraphicDisplay, toPositiveNumber } from \"./character-hitbox\";\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?.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 graphicContainerScale = (graphicObject) => {\n    const scale = graphicObject?.displayScale;\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 [1, 1];\n  }\n\n  const multiplyScale = (left, right) => {\n    const a = normalizePair(left);\n    const b = normalizePair(right);\n    return [a[0] * b[0], a[1] * b[1]];\n  }\n\n  const graphicHitbox = (graphicObject) => {\n    const box = hitbox();\n    const scale = graphicEffectiveScale(graphicObject);\n    return scaleHitboxForGraphicDisplay(box, scale);\n  }\n\n  const shadowCaster = (graphicObject) => {\n    const box = hitbox();\n    const bounds = graphicBounds();\n    const height = Math.max(bounds?.height ?? box?.h ?? 32, box?.h ?? 32);\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 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 graphicEffectiveScale = (graphicObject) => {\n    const textureOptions = resolveTextureOptions(graphicObject);\n    const frame = resolveFirstAnimationFrame(textureOptions);\n    const spriteScale = normalizePair(optionValue('scale', frame, textureOptions, graphicObject) ?? graphicScale(graphicObject));\n    return multiplyScale(spriteScale, graphicContainerScale(graphicObject));\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 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 scale = graphicEffectiveScale(graphicObject);\n      const explicitAnchor = normalizeAnchor(optionValue('anchor', frame, textureOptions, graphicObject));\n      const anchor = explicitAnchor ?? resolveScaledHitboxAnchor(\n        spriteWidth,\n        spriteHeight,\n        optionValue('spriteRealSize', frame, textureOptions, graphicObject),\n        box,\n        scale\n      );\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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"}
+{"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={graphicContainerScale(graphicObj)}>\n        <Sprite \n          sheet={sheet(graphicObj)} \n          direction \n          tint \n          hitbox={graphicHitbox(graphicObj)}\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 { resolveScaledHitboxAnchor, scaleHitboxForGraphicDisplay, toPositiveNumber } from \"./character-hitbox\";\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  let lastEscapeActionAt = 0;\n  const processEscapeInput = () => {\n    const now = Date.now();\n    if (now - lastEscapeActionAt < 50) return;\n    lastEscapeActionAt = now;\n    if (canControls()) {\n      client.processAction({ action: 'escape' })\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        processEscapeInput()\n      },\n    },\n    escape: {\n      bind: keyboardControls.escape,\n      keyDown() {\n        processEscapeInput()\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?.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 graphicContainerScale = (graphicObject) => {\n    const scale = graphicObject?.displayScale;\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 [1, 1];\n  }\n\n  const multiplyScale = (left, right) => {\n    const a = normalizePair(left);\n    const b = normalizePair(right);\n    return [a[0] * b[0], a[1] * b[1]];\n  }\n\n  const graphicHitbox = (graphicObject) => {\n    const box = hitbox();\n    const scale = graphicEffectiveScale(graphicObject);\n    return scaleHitboxForGraphicDisplay(box, scale);\n  }\n\n  const shadowCaster = (graphicObject) => {\n    const box = hitbox();\n    const bounds = graphicBounds();\n    const height = Math.max(bounds?.height ?? box?.h ?? 32, box?.h ?? 32);\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 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 graphicEffectiveScale = (graphicObject) => {\n    const textureOptions = resolveTextureOptions(graphicObject);\n    const frame = resolveFirstAnimationFrame(textureOptions);\n    const spriteScale = normalizePair(optionValue('scale', frame, textureOptions, graphicObject) ?? graphicScale(graphicObject));\n    return multiplyScale(spriteScale, graphicContainerScale(graphicObject));\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 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 scale = graphicEffectiveScale(graphicObject);\n      const explicitAnchor = normalizeAnchor(optionValue('anchor', frame, textureOptions, graphicObject));\n      const anchor = explicitAnchor ?? resolveScaledHitboxAnchor(\n        spriteWidth,\n        spriteHeight,\n        optionValue('spriteRealSize', frame, textureOptions, graphicObject),\n        box,\n        scale\n      );\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":";;;;;;;;;;;;;;;;AAsBG,SAAS,UAAM,SAAA;CACN,SAAA,OAAA;CACJ,MAAE,cAAc,eAAkB,OAAA;CAClB,eAAA,OAAsB;CACtC,MAAC,EAAM,QAAA,OAAA,YAAA;CACf,MAAM,SAAS,OAAO;CACtB,MAAM,SAAI,OAAS,eAAA;CACnB,MAAM,QAAQ,OAAA,YAAA;CACd,MAAM,aAAY,OAAA,MAAc;CACtB,OAAc;CACxB,MAAM,mBAAW,OAAW;CAC5B,MAAM,oBAAG,OAAA;CACT,MAAM,YAAW,UAAA,OAAA,UAAA,aAAA,MAAA,IAAA;CACjB,MAAI,wBAAA;EACA,MAAM,WAAA,OAAkB,eAAA;EACxB,MAAG,gBAAU,WAAc,OAAA,UAAe,UAAa,IAAA,YAAA,KAAA;EACvD,OAAK,SAAA,EAAA,MAAe,YAChB,SAAS,QAAA,EAAA,MAAA,YACb,WAAA,iBACA,WAAS,OAAA,UAAA,mBAAA;CACb;CACA,MAAG,OAAA,SAAiB,eAAgB;CACpC,MAAG,iBAAiB,eAAgB;EACjC,MAAK,WAAa,OAAC,UAAA,WAA2B;EAC7C,OAAC,4BAAkC,QAAC;CACxC,CAAC;CACD,MAAM,sBAAS,SAAA;EACb,IAAA;EACC,IAAA;EACC,IAAA;EAEA,IAAA,OAAA,SAAc,cAAY,QAAA,OAAA,SAAA,YAAA,CAAA,KAAA,WAAA;GAC1B,eAAe;GAChB,aAAA,KAAA;GACK,iBAAe,KAAA;EACnB,OAEK,IAAA,QAAY,OAAA,SAAa,YAAY,KAAO,WAAY;GACzD,eAAE,KAAA;GAEF,aAAE,KAAA,UAAyB,KAAA,IAAa,KAAK,QAAK,KAAA;GAClD,iBAAI,KAAA;EACR,OAEF;GACA,eAAS;;GAEJ,iBAAA,KAAA;EACL;EAGA,OAAS;GACH,WAAW;GACX,OAAG,OAAA,eAAiB,aAAc,WAAA,MAAA,IAA6B,cAAc,CAAA;GAC7E,cAAG,iBAA2B,eAAgB,MAAA,IAAA,CAAA;EACpD;CACF;CACA,MAAE,uBAA2B,eAAc;EACzC,OAAS,WAAW,KAAA,SAAY,mBAAoB,IAAA,CAAA;CACtD;CACA,MAAE,6BAAiC,eAAC;EAClC,OAAO,oBAAsB,iBAAU,CAAA;CACzC,CAAC;CACD,MAAE,8BAAkC,eAAC;EACnC,OAAS,oBAAkB,kBAAe,CAAA;CAC5C,CAAC;CACD,MAAI,sBAAsB;EACtB,OAAA,OAAA,QAAA,YAAwB,aACxB,OAAA,QAAA,IACA,QAAA,UAAA;CACJ;;EAEE,IAAM,CAAC,cAAc,GACf,OAAO,CAAC;;EAEd,OAAM,iBAAgB,CAAA,cAAgB,IAAA,CAAA;CACxC,CAAC;CACD,MAAE,qBAAyB,eAAQ;;EAGjC,IAAM,mBAAmB,MACnB,OAAA,GAAA,MAAA;EAGJ,OAAM,KAAA;CACV,CAAC;CACD,MAAI,eAAgB,eAAQ;EACxB,OAAK,WAAS,gBAAgB;CAClC,CAAC;CACD,MAAM,2BAAqB,eAAU;EAClC,OAAA,WAAA,yBAAA,GAAA,CAAA;CACH,CAAC;CACD,MAAE,EAAM,GAAA,GAAA,MAAA,WAAiB,eAAe,uBAAA,qBAAA,cAAA,UAAA,QAAA,aAAA,iBAAA,iBAAA;CACxC,MAAI,mBAAiB,eAAiB;EAClC,MAAM,iBAAC,wBAAqC,EAAA;EAC5C,IAAA,kBAAA,CAAA,eAAA,eAAA,OAAA,CAAA;EAEA,OAAA,gBAAA;CACJ,CAAC;CACD,MAAI,YAAA,OAAA,OAAA;CACJ,MAAK,gBAAa,OAAO,GAAA;CACzB,MAAK,cAAa,OAAS,CAAC;CAC5B,MAAI,aAAA,OAAA,EAAA;CACJ,MAAM,YAAE,OAAA,QAAA;CACR,GAAG,eAAC,SAAA;EACA,IAAC,QAAS,OAAI,SAAO,UAAA;GACjB,IAAA,KAAO,SAAW,KAAA,GAClB,UAAc,IAAA,KAAS,IAAE;GAC7B,IAAA,KAAA,aAAA,KAAA,GACK,cAAc,IAAO,KAAA,QAAA;GACvB,IAAA,KAAS,WAAW,KAAA,GACpB,YAAS,IAAY,KAAC,MAAS;GAC/B,IAAA,KAAU,UAAS,KAAA,GACnB,WAAU,IAAU,KAAC,KAAO;GAC/B,IAAA,KAAA,SAAA,KAAA,GACQ,UAAO,IAAA,KAAU,IAAA;EACzB;CACJ,CAAC;CACD,MAAM,cAAA,gBAAA;EACF,SAAI;EACJ,MAAI,UAAO;EACX,UAAC,cAAmB;EACpB,QAAQ,YAAY;EACpB,OAAA,WAAA;EACA,MAAI,UAAY;CACpB,EAAE;CACF,MAAM,mBAAkB,OAAA;CACxB,MAAI,oBAAA,KAAA,KAAA,gBAAA,MAAA;CACJ,MAAM,mBAAe,OAAU,aAAA;CAC/B,MAAK,sCAAoB,IAAA,IAAA;CACzB,MAAM,0CAAsB,IAAA,IAAA;CAC5B,MAAM,sDAAsC,IAAE,IAAM;CACpD,MAAM,qCAAqC;CAC3C,MAAM,yBAAA,oBAAA,OAAA,KAAA,wBAAA,OAAA;CACN,MAAM,sBAAkB,MAAU,UAAU,CAAC,MAAI;EAC7C,MAAG,SAAA,OAAA,WAAA,cAAA,SAAA;EACH,IAAA,CAAA,OAAA,wBACI;EACJ,MAAI,QAAA;GACA,QAAA;GACA;GACL,MAAA,KAAA,IAAA;GACI,iBAAiB,gBAAU;GAC1B,eAAe,cAAc;GAC/B,mBAAmB,oBAAA;GACnB,0BAAsB,MAAA,KAAA,oBAAA,OAAA,CAAA;GACtB,yBAA0B,MAAA,KAAA,wBAAA,OAAA,CAAA;GAC5B,eAAA,qBAAA;GACG,aAAU,YAAc;GACvB,GAAG,EAAE;GACP,GAAA,EAAA;GACE,GAAC;EACL;EACA,OAAE,gCAAkC,CACpC,IAAA,OAAA,iCAAA,CAAA,GAAA,MAAA,IAAA,GACG,KACH;EACA,OAAE,8BAAmB;CACzB;CACA,MAAM,6BAA0B;EAC5B,MAAA,aAAA,CACD,GAAA,MAAA,KAAA,oBAAA,OAAA,CAAA,GACI,GAAA,MAAO,KAAM,wBAAoB,OAAW,CAAG,CAClD;EACA,OAAO,WAAA,WAAA,SAAA;CACX;CACA,MAAM,+BAA8B;EAChC,MAAE,gBAAc,qBAAiB;EACjC,IAAC,eACF,OAAA;iDAEC,OAAA,OAAA,aAAA;EACA,IAAC,OAAU,OAAG,cAAgB,YAC9B,OAAA,OAAA,UAAA;EACA,OAAC,UAAQ;CACb;CACA,MAAM,yBAAyB,qBAAa;EACxC,QAAE,kBAAF;GACA,KAAA,UAAA,MACI,OAAA;IAAA,GAAA;IAAoB,GAAG;GAAA;GAC3B,KAAO,UAAW,OACnB,OAAA;IAAA,GAAA;IAAA,GAAA;GAAA;;;;;GAGC,KAAA,UAAA;GACC,SACO,OAAM;IAAA,GAAM;IAAC,GAAA;GAAA;EACrB;CACJ;CACA,MAAM,wBAAqB,YAAe;EACtC,IAAI,QAAA,WAAc,UACd,OAAK;EACT,MAAI,OAAK,QAAY,QAAK,OAAU,QAAC,SAAW,WAChD,EAAA,GAAA,QAAA,KAAA,IACC,CAAA;EACD,OAAK;GACL,GAAA;GACE,MAAA;IACE,GAAA;IACA,WAAO,KAAA,aAAA,uBAAA;GACV;EACD;CACJ;CACA,MAAK,kCAAgC,qBAAoB,2BAAc,iBAAA,QAAA,QAAA,MAAA,CAAA;CACvE,MAAI,mCAAA;EACA,IAAI,OAAK,gBAAkB;GAC1B,mBAAoB,aAAA,EAAA,QAAA,iBAAA,CAAA;GAClB;EACH;EACA,IAAG,OAAA,sBAA2B,OAAU,mBAAmB,GAAA;GACzD,mBAAA,aAAA,EAAA,QAAA,qBAAA,CAAA;GACC;EACH;EACF,kBAAM,IAAA,MAAA;EACJ,mBAAO,YAAoB,EAAA,QAAA,YAAmB,CAAA;CAClD;;EAEI,IAAA,CAAA,gBAAA,GAAA;GACC,mBAAsB,oBAAmB,EAAG,QAAA,mBAAA,CAAA;GAC5C,OAAQ;EACT;EACA,IAAI,CAAC,iBAAC,GAAA;GACL,mBAAgB,oBAA0B,EAAA,QAAU,kBAAS,CAAA;GAC9D,OAAA;EACF;EACE,IAAA,CAAA,YAAO,GAAA;GACP,mBAAA,oBAAA,EAAA,QAAA,gBAAA,CAAA;;EAEF;EACE,IAAA,OAAO,gBAAe;GAClB,mBAAe,oBAAA,EAAA,QAAA,iBAAA,CAAA;GACf,OAAO;EACZ;;GAEK,mBAAA,oBAAuC,EAAE,QAAA,qBAAA,CAAA;GACzC,OAAC;EACL;EACA,kBAAO,IAAe,MAAG;EACzB,mBAAA,YAAA,EAAA,QAAA,sBAAA,CAAA;EACH,OAAA;CACD;CACA,MAAK,wBAAwB,UAAO;EAChC,IAAA,CAAA,YAAA,GACI;EACJ,mBAAmB,kBAAkB,EAAA,MAAO,CAAA;EAC5C,OAAO,aAAa,EAAA,MAAO,CAAA;EAC3B,2BAAA;CACJ;CACA,MAAI,4BAA8B,MAAA,mBAAsB;EACpD,MAAM,eAAY,oCAAoC,IAAO,IAAG;EAChE,IAAI,cAAc;GAChB,aAAe,YAAC;GAClB,oCAAA,OAAA,IAAA;EACA;EACA,wBAAa,OAAA,IAAA;EACb,wBAAA,IAAA,MAAA,cAAA;;;;;EAEA,iCAAA;CACJ;CACA,MAAK,2BAAoB,SAAgB;EACrC,MAAA,gBAAA,oCAAA,IAAA,IAAA;EACF,IAAM,eACJ,aAAiB,aAAC;EAClB,oCAAA,IAAA,MAAA,iBAAA;;GAEA,wBAAA,OAAA,IAAA;GACC,mBAAsB,mBAAW,EAAU,KAAI,CAAA;GAC/C,IAAO,CAAC,iBAAc,KAAA,cAAgB,MAAA,SAAmB;IAC1D,kBAAA,IAAA,OAAA;IACI,mBAAA,aAAoC,EAAE,QAAI,iBAAA,CAAA;GAC9C;EACA,GAAA,kCAAA,CAAA;;CAEJ,MAAE,yBAAO;EACL,IAAE,CAAA,YAAA,GACA;EACF,OAAK,YAAA,EACL,WAAU,sBAAA,uBAAA,CAAA,EACV,CAAA;CACJ;CACA,IAAI,qBAAoB;CACxB,MAAI,2BAAa;EACb,MAAA,MAAS,KAAA,IAAA;EACT,IAAA,MAAM,qBAAA,IACN;EACA,qBAAe;EACf,IAAA,YAAA,GACE,OAAM,cAAA,EAAA,QAAA,SAAA,CAAA;CAEZ;CACA,MAAI,mBAAqB,uBAAE,iBAA4B,MAAA;CACvD,MAAM,mBAAmB,UAAE,GAAA,MAAe,QAAA,GAAa,MAAE,KAAS,GAAA,MAAA;CAClE,MAAI,iCAAwB,UAAA;EACxB,MAAA,iBAAA,8BAAA,OAAA,gBAAA;;GAEA,MAAA,QAAA,gBAAA,KAAA;GACC,IAAM,MAAA,SAAc,WAAY;IAC1B,oBAAoB,OAAQ,KAAC;IACpC,oBAAA,IAAA,OAAA,cAAA;IACI,iCAAqC;GACrC,OAEA,oBAAwB,OAAA,KAAA;;EAG5B,IAAA,CAAA,gBAAA,GACC;EACD,IAAC,MAAK,SAAS,aAAe,MAAQ,QACtC;EACA,IAAC,oBAAuB,SAAC,GACrB;EACJ,IAAI,CAAC,yBAAyB,OAAC,WAAc,CAAI,GAC7C;EACJ,IAAI,CAAC,YAAY,GACb;EACJ,OAAM,cAAc,0BAAyB,CAAA;CACjD;CACA,MAAI,UAAA,eAAA;wBAEA,OAAA;EAEA,OAAA,YAAA;CACJ,CAAC;CACD,MAAK,WAAU;EACX,MAAC;GACA,QAAW;GACZ,MAAA,iBAAA;GACI,UAAA;IACI,yBAAa,QAAA,UAAA,IAAA;IACf,qBAAW,UAAA,IAAA;GACjB;GACA,QAAQ;IACD,wBAAY,MAAA;GACf;EACJ;;GAEI,QAAA;;GAEA,UAAA;IACA,yBAA0B,MAAA,UAAa,EAAA;IACvC,qBAAyB,UAAM,EAAA;GAC/B;GACA,QAAA;IACA,wBAAA,IAAA;;EAEN;EACE,MAAA;;GAEI,MAAA,iBAAsB;GAC1B,UAAc;IACT,yBAAO,QAAwB,UAAM,IAAA;IACpC,qBAAQ,UAAA,IAAA;GACZ;GACA,QAAI;IACE,wBAAU,MAAA;GAChB;EACF;EACA,OAAE;GACA,QAAA;GACA,MAAA,iBAAyB;GACzB,UAAA;IACA,yBAA0B,SAAA,UAAA,KAAA;IACpB,qBAAA,UAAA,KAAA;GACJ;GACA,QAAC;IACJ,wBAAA,OAAA;GACD;EACA;EACA,QAAE;GACD,MAAA,uBAAA,iBAAA,MAAA;GACD,UAAO;IACR,IAAA,YAAA,GAAA,OAAA,cAAA,0BAAA,CAAA;GAGC;EACA;EACA,MAAK;GACJ,MAAA,iBAAA;GACD,UAAO;IACR,iBAAA;;EAED;EACE,MAAM;GACF,MAAA,iBAAsB;GACtB,UAAO;IACP,mBAAuB;GAC3B;EACD;;GAEK,MAAA,iBAAuB;GAC3B,UAAQ;IACD,mBAAc;GACjB;EACJ;EACA,UAAU;GACR,SAAK;GACH,kBAAkB;IACf,KAAA;IACL,QAAO;IACL,MAAU;IACd,OAAA;IACD,UAAA,CAAA,MAAA,MAAA;;IAEK,aAAA,CAAA,QAAwB,MAAQ;IAChC,cAAkB,CAAC,QAAQ,OAAE;GACjC;GACI,cAAa;GACb,WAAE;EACN;EACA,SAAK,EACH,SAAM,KACR;CACJ;CACA,MAAM,UAAC,eAAA,EAAA,GAAA,EACH,UAAC,KAAA,IAAA,IAAA,EACL,CAAC;uCAEC,UAAM,KAAA,IAAA,IAAA,EACR,CAAC;CACD,MAAM,IAAA,eAAA;EACF,MAAC,MAAA,SAAA;;CAEL,CAAC;CACD,MAAM,oBAAS,OAAgB,cAAA,CAAA;CAC/B,MAAM,gBAAA,EAAkB,WAAW,WAAW,UAAG;EAC7C,QAAQ,IAAA,KAAA;CACZ,CAAC;CACD,MAAM,gBAAS,EAAA,WAAoB,WAAS,UAAA;EACxC,QAAE,IAAA,KAAA;CACN,CAAC;CACD,MAAI,SAAA,kBAAA;EACA,OAAA;GACA,YAAA;GACD,SAAA,kBAAA;aAEK,WAAA,UAAA,EACA;GACF,WAAA;IACM,sBAAM,QAAA,UAAA,QAAA,CAAA;GACd;EACA;CACJ;CACA,MAAM,gBAAY,kBAAA;EACd,MAAA,QAAA,eAAA;EACA,IAAI,MAAC,QAAa,KAAE,GAClB,OAAA;EACF,IAAE,OAAO,UAAK,UACd,OAAA,CAAA,OAAA,KAAA;EACA,IAAI,SAAO,OAAA,UAAgB,UAAA;GACzB,MAAA,IAAA,OAAmB,MAAM,MAAM,WAAU,MAAO,IAAE;GAEpD,OAAA,CAAA,GADc,OAAA,MAAA,MAAA,WAAA,MAAA,IAAA,CACd;EACA;CAEJ;CACA,MAAI,yBAAA,kBAAA;EACA,MAAA,QAAA,eAA6B;EAC7B,IAAA,MAAA,QAAkB,KAAE,GACpB,OAAW;EACZ,IAAA,OAAA,UAAA,UAAA,OAAA,CAAA,OAAA,KAAA;EAED,IAAM,SAAA,OAAA,UAAwB,UAAU;GAClC,MAAC,IAAA,OAAe,MAAM,MAAA,WAAA,MAAA,IAAA;GAE1B,OAAO,CAAA,GADP,OAAoB,MAAA,MAAS,WAAe,MAAG,IAAA,CACxC;EACP;EACD,OAAA,CAAA,GAAA,CAAA;;CAEH,MAAE,iBAAM,MAAA,UAA4B;EAChC,MAAM,IAAA,cAAe,IAAA;EACrB,MAAI,IAAA,cAAc,KAAA;EAClB,OAAE,CAAA,EAAA,KAAa,EAAA,IAAA,EAAA,KAAa,EAAA,EAAA;CAChC;CACA,MAAI,iBAAA,kBAAA;EAGA,OAAA,6BAFA,OAEsC,GADtC,sBAAkC,aACW,CAAC;CAClD;CACA,MAAG,gBAAA,kBAAA;;EAED,MAAM,SAAA,cAAyB;EAC7B,MAAM,SAAA,KAAc,IAAE,QAAA,UAAA,KAAA,KAAA,IAAA,KAAuC,KAAK,EAAC;EACnE,OAAI;GACJ,SAAA;GACE;GACA,YAAA;IAAA,GAAA;IAAwB,GAAA;GAAA;GACxB,YAAA;IAAA,GAAmB;IAAC,GAAA;GAAO;GACzB,OAAG;GACH,MAAA;GACA,eAAA;GACF,UAAA;GACC,WAAA,KAAA,IAAA,IAAA,KAAA,KAAmC,MAAC,GAAA;GACxC,WAAA,KAAA,IAAA,IAAA,SAAA,GAAA;;GAEK,cAAA;EACJ;CACJ;CACA,MAAM,kBAAW,OAAA,CAAA,CAAA;CACjB,MAAM,yCAAA,IAAA,IAAA;CACN,MAAG,kBAAA,OAAA,WAAA,MAAA;;EAED,OAAI,OAAA,SAAqB,MAAC,IAAA,SAAA;CAC5B;CACA,MAAI,cAAgB,UAAM,KAAA,IAAA,GAAA,KAAA,IAAA,GAAA,KAAA,CAAA;CAC1B,MAAM,iBAAQ,OAAA,WAAyB,CAAA,GAAM,CAAA,MAAA;EACzC,IAAA,MAAA,QAAkB,KAAG,GAAG;GACpB,MAAA,IAAA,eAAe,MAAA,IAAA,SAAA,EAAA;GAEnB,OAAA,CAAA,GADS,eAAgB,MAAS,MAAO,MAAE,IAAA,CAC3C,CAAA;EACD;iCAEK,OAAA,CAAA,OAAe,KAAI;;GAGnB,MAAA,IAAA,eAAA,MAA+B,GAAE,SAAU,EAAA;GAE3C,OAAA,CAAA,GADE,eAAiB,MAAA,KAAA,MAAA,GAAA,CACnB,CAAA;EACJ;EACA,OAAM;CACV;CACA,MAAM,mBAAE,UAAwB;EAC5B,IAAI,CAAA,MAAA,QAAA,KAAA,GACF,OAAA,KAAA;EACF,MAAM,CAAC,GAAA,KAAA,cAAA,OAAA,CAAA,GAAA,CAAA,CAAA;EACP,OAAI,CAAA,WAAA,CAAA,GAAmB,WAAQ,CAAA,CAAK;CACxC;CACA,MAAI,sBAAA,UAAA;iCAEI,OAAC;EACL,IAAI,OAAM,OAAQ,YAAY,UAC1B,OAAA,MAAA;CAER;;EAoBI,OAAO;GAjBR;;GAEK;GACA;GACF;GACF;GACA;GACA;;GAEI;GACA;GACF;GACA;GACA;GACE;GACA;EAEM,EAAA,QAAA,SAAA,SAAA;GACN,IAAA,gBAAA,UAA8B,KAAA,GAC/B,QAAA,QAAA,cAAA;GAEC,OAAA;EACJ,GAAE,CAAA,CAAA;CACN;CACA,MAAM,yBAAU,kBAAA;EACZ,MAAI,WAAA,eAA4B,YAAY,CAAC;EAC7C,MAAI,UAAA,SAAqB,kBAAY,MAClC,SAAA,UAAA,UACD,OAAQ,OAAA,QAAA,EAAA,MACN,CAAA;EACJ,OAAG;GACF,GAAA,qBAAA,aAAA;GACG,GAAE;EACN;CACJ;CACA,MAAM,8BAAU,mBAAA;EACZ,MAAI,aAAA,gBAA+B;EACnC,IAAI,CAAA,YACD,OAAA,CAAA;EACH,IAAE;GACE,MAAA,SAAA,OAAA,eAA8B,aAC/B,WAAA,EAAA,WAAA,UAAA,EAAA,CAAA,IACF;GACD,IAAO,CAAA,MAAA,QAAA,MAAA,GACC,OAAM,CAAA;GACZ,MAAM,aAAA,OAAsB;GAC5B,OAAS,MAAC,QAAA,UAAA,IAAA,WAAA,MAAA,CAAA,IAAA,cAAA,CAAA;EACZ,QACI;GACD,OAAA,CAAA;EACH;CACJ;CACA,MAAM,eAAC,MAAA,OAAA,gBAAA,kBAAA;EACH,OAAC,QAAA,SAAA,iBAAA,SAAA,gBAAA;CACL;CACA,MAAM,yBAAM,kBAAuB;EAC/B,MAAE,iBAAU,sBAAA,aAAA;EAGZ,OAAI,cADS,cAAc,YAAA,SADnB,2BAAe,cAC+B,GAAA,gBAAA,aAAA,KAAA,aAAA,aAAA,CAClD,GAAA,sBAAA,aAAA,CAAA;CACR;CACA,MAAK,oBAAA,gBAAA,eAAA;EACD,MAAM,cAAA,iBAAA,gBAAA,WAAA,KAAA;EACN,MAAM,eAAE,iBAAqB,gBAAA,YAAA,KAAA;EAC7B,MAAE,cAAU,mBAAA,gBAAA,KAAA;EACZ,MAAI,aAAA,cAAiB,WAAA,eAAA,KAAA;EACrB,MAAG,YAAA,iBAAA,gBAAA,KAAA,KAAA,YAAA;EACH,MAAC,aAAA,iBAAA,gBAAA,MAAA,KAAA,YAAA;EAOD,OAAO;GACL,OAPI,iBAAA,gBAAA,SAAA,KACJ,iBAAM,gBAAuB,WAAA,MAC7B,YAAU,YAAA,cAAA,KAAA;GAMV,QALE,iBAAmB,gBAAA,UAAA,KACpB,iBAAA,gBAAA,YAAA,MACF,aAAA,aAAA,eAAA,KAAA;EAID;CACJ;CACA,MAAK,uBAAA,UAAA;EACD,MAAA,SAAU,mBAAA,KAAA;EACV,IAAE,CAAA,UAAa,gBAAA,EAAA,WAAA,uBAAA,IAAA,MAAA,GACb;EAEF,uBAAkB,IAAA,MAAA;EAClB,OAAI,KAAO,MAAK,EACZ,MAAO,YAAO;GACd,MAAA,QAAc,iBAAU,SAAA,KAAA;GACxB,MAAA,SAAe,iBAAW,SAAA,MAAA;GAC1B,IAAA,CAAA,SAAc,CAAC,QACf;GACD,gBAAA,QAAA,gBAAA;IACD,GAAA;KACA,SAAa;KAAA;KAAA;IAAA;GACd,EAAA;EACD,CAAA,EACE,YAAS,CAAA,CAAA,EACX,cAAA;GACD,uBAAA,OAAA,MAAA;;CAEH;CACA,aAAa;EACT,MAAA,0BAAA,IAAA,IAAA;;GAEI,MAAA,YAAU,mBAAoB,eAAA,KAAA;GAClC,IAAQ,WACR,QAAA,IAAA,SAAA;;IAEQ,MAAA,QAAc,mBAAC,gBAAA,SAAA,eAAA,KAAA;IACjB,IAAM,OACL,QAAa,IAAI,KAAK;GAC7B,CAAA;;EAEF,QAAM,SAAA,WAAoB,oBAAuB,MAAA,CAAA;;CAEnD,MAAE,eAAmB,eAAe;EAChC,MAAA,MAAY,OAAM;EAClB,MAAA,QAAA,KAAA,KAAA;;EAEF,OAAM;GACJ,MAAQ;GACR,KAAA;GACH,OAAA;GACO,QAAQ;GACZ;GACE;GACA,SAAS,QAAA;GACT,SAAQ,SAAA;EACV;CACJ,CAAC;CACD,MAAM,gBAAW,eAAA;EACb,MAAI,MAAA,OAAA;EACJ,MAAE,WAAA,aAAA;EACF,MAAC,uBAAA,wBAAA,EAAA;EACH,IAAA,wBAAA,CAAA,qBAAA,eAAA,OAAA;EAGE,MAAM,aAAQ,gBAAoB;EAClC,MAAI,WAAa,gBAAgB;EACjC,IAAI,SAAO;EACX,SAAS,SAAI,kBAAkB;GAC7B,MAAQ,iBAAiB,sBAAsB,aAAI;GACnD,MAAQ,QAAQ,2BAAwB,cAAW;GACnD,MAAQ,OAAK,iBAAA,gBAAA,UAAA;GACf,MAAA,cAAA,KAAA,SAAA,KAAA;GACA,MAAO,eAAS,KAAA,UAAA,KAAA;GAClB,IAAA,CAAA,eAAA,CAAA,cAAA;GAGE,MAAM,QAAQ,sBAAe,aAAY;GAErC,MAAM,SADgB,gBAAY,YAAA,UAAA,OAAA,gBAAA,aAAA,CACP,KAAM,0BAAe,aAAA,cAAA,YAAA,kBAAA,OAAA,gBAAA,aAAA,GAAA,KAAA,KAAA;GAChD,MAAM,IAAG,eAAgB,YAAW,KAAA,OAAA,gBAAA,aAAA,GAAA,CAAA;GACtC,MAAQ,IAAE,eAAiB,YAAY,KAAC,OAAW,gBAAA,aAAA,GAAA,CAAA;GACnD,MAAQ,WAAS,CAAA,OAAU,KAAG,cAAgB,MAAK;GACnD,MAAQ,aAAK,IAAA,OAAA,MAAA,cAAA,MAAA;GACf,MAAA,UAAA,CAAA,OAAA,KAAA,eAAA,MAAA;GACA,MAAU,cAAG,IAAA,OAAA,MAAA,eAAA,MAAA;GACf,MAAA,UAAA;;IAEM,KAAA,IAAa,KAAI,IAAK,SAAS,UAAE;IAC7B,OAAE,IAAA,KAAc,IAAI,UAAC,SAAA;IACrB,QAAE,IAAA,KAAc,IAAK,SAAC,UAAA;GAC9B;GACF,SAAA,SAAA;IAEM,MAAc,KAAG,IAAA,OAAa,MAAK,QAAA,IAAA;IAC3B,KAAA,KAAQ,IAAA,OAAA,KAAA,QAAA,GAAA;IACR,OAAE,KAAA,IAAA,OAAqB,OAAC,QAAc,KAAA;IAC3C,QAAA,KAAA,IAAA,OAA6B,QAAK,QAAM,MAAA;GACjD,IAAA;EAEA,CAAA;EACE,IAAA,CAAK,QACL,OAAM;;EAGN,MAAM,SAAC,OAAA,SAAA,OAAA;EACP,OAAE;GACA,GAAA;GACA;GACA;GACA,SAAU,OAAA,OAAA,QAAA;GACV,SAAS,OAAA,MAAA,SAAA;EACX;CACJ,CAAC;CACD,MAAM,2BAA2B;EAC7B,QAAE,cAAoB;EACtB,QAAE,aAAiB;EACnB,SAAE,cAAiB;CACvB;CACA,MAAE,oBAAA,eAAA,OAAA,aAAA,UAAA,QAAA,kBAAA,CAAA,CAAA;;EAEA,OAAM,kCAA4B,KAAA;EAClC,OAAM,aAAA,OAAuB,QAAM,MAAK;;GAElC,QAAA,kBAAyB;EAC7B,CAAA;CACJ;CACA,MAAG,yBAAA,kBAAA,aAAA;;CAEH,MAAE,yBAA6B,kBAAkB,aAAa;;CAE9D,MAAE,yBAA6B,kBAAkB,aAAK;CACtD,MAAM,mBAAgB,kBAAQ,OAAA;CAC9B,MAAM,qBAAU,CAAA,QAAoB,OAAK;CACzC,MAAM,UAAU;CAChB,MAAM,UAAU,QAAG,cAAA;CACnB,MAAI,UAAA,QAAA,cAAA;CACJ,MAAM,iBAAiB,cAAY;CACnC,MAAM,UAAQ,cAAa,CAAA,SAAA,OAAA,CAAA,EAAA,KAAA,KAAA,CAAA,IAAA,QAAA;EACvB,MAAA,YAAA,KAAA,IAAA,GAAA,MAAA,UAAA,GAAA,MAAA,GAAA,KAAA;EACA,MAAI,YAAS,KAAO,IAAO,GAAG,MAAC,UAAS,GAAA,MAAA,GAAA,KAAA;EACxC,OAAO,CAAC,aAAI,CAAA;CAChB,CAAC,GAAG,UAAU,KAAE,CAAA;CAChB,MAAM,mBAAa,eAAA,KAAA,UAAA,cAAA,CAAA,GAAA,SAAA,GAAA,QAAA,CAAA,MAAA,UAAA,SAAA,IAAA,CAAA;CACnB,IAAI,sBAAA;CACJ,IAAI,8BAAe;CACnB,MAAG,6BAAA;iCAEK,OAAA;EACJ,MAAK,QAAM,OAAQ,kBAAe;EAClC,IAAA,CAAK,SAAS,OAAC,UAAc,UAC7B,OAAQ;EACT,IAAA;;GAEK,IAAA,CAAA,WAAA,OAAsB,YAAU,YAAA,CAAA,QAAA,QAChC,OAAO;GACP,QAAO,oBAAoB;GAC/B,OAAO;EACR,QAAA;GAEK,OAAA;EACJ;CACJ;CACA,MAAM,eAAQ,SAAA,YAAA,MAAA;EACV,IAAG,CAAA,aAAa,aAAA,GACb,OAAA;EACH,OAAG,QAAU,KAAA,CACV,SACA,IAAA,SAAO,YAAA,WAAA,SAAA,SAAA,CAAA,CACV,CAAC;CACL;CACA,MAAM,wBAAgB;EAClB,MAAG,UAAM,qBAAA;EACT,IAAG,CAAA,SACA,OAAM,QAAA,QAAA;EACT,IAAI,uBAAC,gCAAA,QAAA,mBACD,OAAC;EAEL,8BAAC,QAAA;;EAED,OAAO;CACX;CACA,MAAM,+BAA+B,OAAM,mBAAA,YAAA,gBAAA;EACvC,IAAE,qBAAA,GACA,gBAAc;CAEpB,CAAC;;EAEC,MAAM,sBAAwB,mBAAmB,SAAA,IAAA;EAC/C,MAAM,8BAA0B,OAAW,sBAAG,OAAA,mBAAA;EAC9C,IAAA,OAAM,kBAAQ,qBAAA;GACZ,kBAAS,IAAA,IAAmB;GAC5B;EACF;EACA,IAAI,QAAA,WAAA,CAAA;4CAEG,kBAAA,IAAA,IAAA;EAAA,OAGN,IAAA,QAAA,UAAA,UACF,kBAAA,IAAA,IAAA;OAEK,IAAA,CAAA,qBACJ,kBAAmB,IAAA,IAAA;;OAGf;QACI,OAAS,OAAO,wBAAwB,YAC1C,OAAa,oBAAoB;GAAA;EACjC;CAGV,CAAC;CACD,MAAI,0BAAA;EACA,OAAM;EACN,OAAE;EACF,OAAA;CACJ,EAAA,QAAA,WAAA,QAAA,UAAA,EAEE,KAAM,WAAW,OAAI,WAAa,gBAAgB;EAChD,iCAAwB;CAC5B,CAAC,CAAC;;EAEA,IAAM,CAAA,OAAA,sBAAyB,CAAA,OAAa,mBAAK,GAC/C,OAAM,QAAA,QAAiB;EAEvB,OAAM,IAAA,SAAc,YAAA;GACpB,IAAO,WAAA;GACR,IAAA;;GAEK,MAAA,eAAoB;IAClB,IAAA,UACA;IACA,WAAa;IACb,aAAa,OAAA;IACb,cAAY,YAAgB;IAC5B,QAAU;GAChB;GACE,UAAA,WAAiB,QAAc,WAAE;GAChC,eAAY,OAAW,mBAAe,WAAU,WAAA,cAAA;IAC7C,IAAM,CAAC,WACX,OAAiB;GAChB,CAAA;iBAEI,aAAA,YAAA;EACP,CAAC;CACL;CACA,MAAK,kBAAA,YAAA;EACF,MAAA,gBAAA;;EAED,IAAM,OAAA,aAAoB,aAAa;GACrC,SAAa,oBAAoB,WAAO,6BAAA;GACpC,SAAS,oBAAoB,SAAS,6BAA6B;EACvE;EACA,8BAAA,YAAA;;EAEA,wBAAuB,SAAI,iBAAO,aAAA,YAAA,CAAA;EAClC,oCAAkB,SAAA,UAAA,aAAA,KAAA,CAAA;EAClB,oCAAqB,MAAA;EACrB,cAAU,YAAQ;EAClB,cAAU,YAAS;EACnB,MAAM,cAAa,MAAO,UAAO,2BAAA,MAAA,CAAA;;CAErC;CACA,OAAO,YAAM;EACT,IAAI,8BAA4B;EAChC,IAAI,OAAG,aAAA,aAAA;GACJ,SAAA,iBAAA,WAAA,6BAAA;GACA,SAAU,iBAAI,SAAA,6BAAA;EACjB;EACA,MAAI,UAAA,uBAA8B,MAAO,EAAA,UAAA;EACzC,MAAI,UAAA,+BAAA,OAAA,UAAA,MAAA,EAAA,UAAA;EACL,aAAA;0BAES,OAAG,oBAAA,QAAA,WAAA,QAAA;;EAGX,aAAA;GACE,MAAM,iBAAY,OAAA,qBAAkC;GAClD,IAAE,CAAA,mBAAsB,GAAC;;IAErB;GACJ;GACA,MAAI,aAAe,OAAI;GACvB,MAAA,WAAA,QAAA,MAAA,SAAA;GACF,MAAA,SAAA,QAAA;;IAEM,8BAAoB;IAC5B;;GAUE,8BAR8B,kBAAE;IAC5B;IACA;IACA;;IAEC,oBAAA,aAAA,OAAA,qBAAA,MAAA;IACC;GACN,CACY,IAAA,iBAAA;EACd,CAAC;EACD,aAAO;GACL,IAAM,yBAAA,6BAAA,OAAA,qBAAA,CAAA,GACN,yBAAkB,QAAA,MAAA,SAAA,QAAA;EAEpB;CACJ,CAAC;;EAEC,MAAM,WAAa,OAAG,UAAc,aAAC,MAAA,IAAA;EACnC,OAAM,OAAM,aAAQ,YAAA,SAAA,SAAA,IAAA,WAAA,KAAA;CACxB;CACA,MAAI,uBAAM,KAAuB,MAAA,cAAA;EAC7B,MAAI,kBAAoB,gBAAK,SAAoB;EACjD,MAAE,gBAAe,gBAAA,IAAA,MAAA;EACjB,IAAA,mBAAA,iBAAA,oBAAA,eACA;EACA,WAAM,SAAW,IAAA,MAAA,MAAiB,mBAAA,aAAA;CACtC;;EAEI,WAAS,eAAS,IAAA,MAAkB,MAAA,IAAA;CACxC;CACA,WAAW;EACP,MAAE,UAAa,wBAAiB,EAAA,UAAgB;CACpD,CAAC;QACW,EAAA,WAAoB;EAAA,GAAM;EAAS,GAAC;EAAA,QAAA;EAAA;EAAA;EAAA;EAAA,QAAA;EAAA,aAAA;EAAA,YAAA;EAAA,aAAA;EAAA,WAAA;EAAA,aAAA;EAAA,OAAA;CAAA,GAAA;EAAA,KAAA,6BAAA,eAAA,EAAA,WAAA,MAAA,EAAA,WAAA,WAAA;GAAA,QAAA;GAAA,GAAA,WAAA;EAAA,CAAA,CAAA,CAAA;EAAA,EAAA,kBAAA;GAAA,QAAA;GAAA,UAAA;GAAA;EAAA,CAAA;EAAA,EAAA,kBAAA;GAAA,QAAA;GAAA,UAAA;GAAA;EAAA,CAAA;EAAA,EAAA,UAAA;GAAA,MAAA;GAAA,UAAA;GAAA,QAAA;GAAA,MAAA;EAAA,CAAA;EAAA,EAAA,WAAA,MAAA,CAAA,KAAA,mBAAA,eAAA,EAAA,WAAA,EAAA,OAAA,eAAA,sBAAA,UAAA,CAAA,EAAA,GAAA,EAAA,QAAA;GAAA,OAAA,eAAA,MAAA,UAAA,CAAA;GAAA;GAAA;GAAA,QAAA,eAAA,cAAA,UAAA,CAAA;GAAA,cAAA,eAAA,aAAA,UAAA,CAAA;GAAA,OAAA;EAAA,CAAA,CAAA,CAAA,GAAA,KAAA,0BAAA,mBAAA,EAAA,WAAA,EAAA,cAAA,eAAA,aAAA,GAAA,EAAA,eAAA,WAAA,eAAA,KAAA,CAAA,CAAA,CAAA,CAAA;EAAA,EAAA,kBAAA;GAAA,QAAA;GAAA,UAAA;GAAA;EAAA,CAAA;EAAA,EAAA,kBAAA;GAAA,QAAA;GAAA,UAAA;GAAA;EAAA,CAAA;EAAA,EAAA,kBAAA;GAAA,QAAA;GAAA,UAAA;GAAA;EAAA,CAAA;EAAA,KAAA,8BAAA,eAAA,EAAA,WAAA,EAAA,cAAA,WAAA,aAAA,GAAA,EAAA,WAAA,WAAA;GAAA,QAAA;GAAA,GAAA,WAAA;EAAA,CAAA,CAAA,CAAA;EAAA,EAAA,kBAAA;GAAA,QAAA;GAAA,QAAA;GAAA;GAAA;EAAA,CAAA;EAAA,KAAA,eAAA,gBAAA,KAAA,gCAAA,EAAA,WAAA,MAAA,EAAA,YAAA,WAAA;GAAA,GAAA,YAAA,KAAA;GAAA,cAAA,YAAA;GAAA,QAAA;GAAA,WAAA,YAAA;GAAA,WAAA,MAAA,cAAA;;GAExC;GAAG,gBAAgB,MAAA,SAAc;IACjC,yBAAM,aAAA,MAAA,IAAA;GACR;EAAA,CAAA,CAAA,CAAA,CAAA;CAAA,CAAA;AAEA;AAEA,IAAM,iBAAS"}

package/dist/components/gui/dialogbox/index.ce.js

@@ -87,6 +87,16 @@ function component($$props) {
 	function _onFinish(value) {
 		if (onFinish) onFinish(value, normalizeOpenId(guiOpenId));
 	}
+	const stopEvent = (event) => {
+		event?.stopPropagation?.();
+	};
+	const closeDialog = () => {
+		_onFinish();
+	};
+	const closeDialogFromPointer = (event) => {
+		stopEvent(event);
+		closeDialog();
+	};
 	const onSelect = (index) => {
 		_onFinish(index);
 	};
@@ -155,6 +165,22 @@ function component($$props) {
 		height: "100%",
 		controls: dialogControls
 	}, h(DOMElement, {
+		element: "div",
+		attrs: {
+			class: "rpg-ui-dialog-layer",
+			click: closeDialogFromPointer
+		}
+	}, [h(DOMElement, {
+		element: "button",
+		attrs: {
+			class: "rpg-ui-close-button",
+			type: "button",
+			title: "Close",
+			"aria-label": "Close dialog",
+			click: closeDialogFromPointer
+		},
+		textContent: "x"
+	}), h(DOMElement, {
 		element: "div",
 		attrs: {
 			class: "rpg-ui-dialog-container",
@@ -164,7 +190,10 @@ function component($$props) {
 		}
 	}, h(DOMElement, {
 		element: "div",
-		attrs: { class: "rpg-ui-dialog rpg-anim-fade-in" }
+		attrs: {
+			class: "rpg-ui-dialog rpg-anim-fade-in",
+			click: stopEvent
+		}
 	}, [h(DOMElement, {
 		element: "div",
 		attrs: { class: "rpg-ui-dialog-body" }
@@ -206,7 +235,7 @@ function component($$props) {
 	})))]), cond(showIndicator, () => h(DOMElement, {
 		element: "div",
 		attrs: { class: "rpg-ui-dialog-indicator" }
-	}))])));
+	}))]))]));
 }
 var __ce_component = component;
 //#endregion