@rpgjs/client 5.0.0-beta.4 → 5.0.0-beta.6

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

@@ -1 +1 @@
-{"version":3,"file":"character.ce.js","names":[],"sources":["../../src/components/character.ce"],"sourcesContent":["<Container x={smoothX} y={smoothY} zIndex={z} viewportFollow={shouldFollowCamera} controls onBeforeDestroy  visible>\n  @for (compConfig of normalizedComponentsBehind) {\n    <Container>\n      <compConfig.component object ...compConfig.props />\n    </Container>\n  } \n  <Particle emit={emitParticleTrigger} settings={particleSettings} zIndex={1000} name={particleName} />\n  <Container>\n    @for (graphicObj of graphicsSignals) {\n      <Sprite \n        sheet={sheet(graphicObj)} \n        direction \n        tint \n        hitbox\n        flash={flashConfig}\n      />\n    }\n  </Container>\n  @for (compConfig of normalizedComponentsInFront) {\n    <Container dependencies={compConfig.dependencies}>\n      <compConfig.component object ...compConfig.props />\n    </Container>\n  }\n  @for (attachedGui of attachedGuis) {\n    @if (shouldDisplayAttachedGui) {\n      <Container>\n        <attachedGui.component ...attachedGui.data() dependencies={attachedGui.dependencies} object={object} onFinish={(data) => {\n          onAttachedGuiFinish(attachedGui, data)\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\n  import { lastValueFrom, combineLatest, pairwise, filter, map, startWith } from \"rxjs\";\n  import { Particle } from \"@canvasengine/presets\";\n  import { GameEngineToken, ModulesToken } from \"@rpgjs/common\";\n  import { RpgClientEngine } from \"../RpgClientEngine\";\n  import { inject } from \"../core/inject\";  \n  import { Direction } from \"@rpgjs/common\";\n  import Hit from \"./effects/hit.ce\";\n  import PlayerComponents from \"./player-components.ce\";\n  import { RpgGui } from \"../Gui/Gui\";\n\n  const { object, id } = defineProps();\n\n  const client = inject(RpgClientEngine);\n  const hooks = inject(ModulesToken);\n  const guiService = inject(RpgGui);\n\n  const spritesheets = client.spritesheets;\n  const playerId = client.playerId;\n  const componentsBehind = client.spriteComponentsBehind;\n  const componentsInFront = client.spriteComponentsInFront;\n  const isMe = computed(() => id() === playerId);\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(object) : propsValue || {},\n      dependencies: dependenciesFn ? dependenciesFn(object) : []\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  /**\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  } = object;\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() && object.canMove()\n  const keyboardControls = client.globalConfig.keyboardControls;\n\n  const visible = computed(() => {\n    if (object.isEvent()) {\n      return true\n    }\n    return isConnected()\n  });\n\n  const controls = signal({\n    down: {\n      repeat: true,\n      bind: keyboardControls.down,\n      keyDown() {\n        if (canControls()) client.processInput({ input: Direction.Down })\n      },\n    },\n    up: {\n      repeat: true,\n      bind: keyboardControls.up,\n      keyDown() {\n        if (canControls()) client.processInput({ input: Direction.Up })\n      },\n    },\n    left: {\n      repeat: true,\n      bind: keyboardControls.left,\n      keyDown() {\n        if (canControls()) client.processInput({ input: Direction.Left })\n      },\n    },\n    right: {\n      repeat: true,\n      bind: keyboardControls.right,\n      keyDown() {\n        if (canControls()) client.processInput({ input: Direction.Right })\n      },\n    },\n    action: {\n      bind: keyboardControls.action,\n      keyDown() {\n        if (canControls()) {\n          client.processAction({ action: 'action' })\n        }\n      },\n    },\n    escape: {\n      bind: keyboardControls.escape,\n      keyDown() {\n        if (canControls()) {\n          client.processAction({ action: 'escape' })\n        }\n      },\n    },\n    gamepad: {\n      enabled: true\n    }\n  });\n\n  const smoothX = animatedSignal(x(), {\n    duration: isMe() ? 0 : 0\n  });\n\n  const smoothY = animatedSignal(y(), {\n    duration: isMe() ? 0 : 0,\n  });\n\n  const z = computed(() => {\n    return object.y() + object.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  // 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  const animationMovementSubscription = combineLatest([animationChange$, moving$]).subscribe(([[prev, curr], isMoving]) => {\n    if (curr == 'stand' && !isMoving) {\n      realAnimationName.set(curr);\n    }\n    else if (curr == 'walk' && isMoving) {\n      realAnimationName.set(curr);\n    }\n    else if (!movementAnimations.includes(curr)) {\n      realAnimationName.set(curr);\n    }\n    if (!isMoving && object.animationIsPlaying && object.animationIsPlaying()) {\n      if (movementAnimations.includes(curr)) {\n        if (typeof object.resetAnimationState === 'function') {\n          object.resetAnimationState();\n        }\n      }\n    }\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 onBeforeDestroy = async () => {\n    animationMovementSubscription.unsubscribe();\n    xSubscription.unsubscribe();\n    ySubscription.unsubscribe();\n    await lastValueFrom(hooks.callHooks(\"client-sprite-onDestroy\", object)) \n    await lastValueFrom(hooks.callHooks(\"client-sceneMap-onRemoveSprite\", client.sceneMap, object))\n  }\n\n  mount((element) => {\n    hooks.callHooks(\"client-sprite-onAdd\", object).subscribe()\n    hooks.callHooks(\"client-sceneMap-onAddSprite\", client.sceneMap, object).subscribe()\n    if (isMe()) client.setKeyboardControls(element.directives.controls)\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 onAttachedGuiFinish = (gui, data) => {\n    guiService.guiClose(gui.name, data);\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>"],"mappings":"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"}
+{"version":3,"file":"character.ce.js","names":[],"sources":["../../src/components/character.ce"],"sourcesContent":["<Container x={smoothX} y={smoothY} zIndex={z} viewportFollow={shouldFollowCamera} controls onBeforeDestroy  visible>\n  @for (compConfig of normalizedComponentsBehind) {\n    <Container>\n      <compConfig.component object ...compConfig.props />\n    </Container>\n  } \n  <Particle emit={emitParticleTrigger} settings={particleSettings} zIndex={1000} name={particleName} />\n  <Container>\n    @for (graphicObj of graphicsSignals) {\n      <Sprite \n        sheet={sheet(graphicObj)} \n        scale={graphicScale(graphicObj)}\n        direction \n        tint \n        hitbox\n        flash={flashConfig}\n      />\n    }\n  </Container>\n  @for (compConfig of normalizedComponentsInFront) {\n    <Container dependencies={compConfig.dependencies}>\n      <compConfig.component object ...compConfig.props />\n    </Container>\n  }\n  @for (attachedGui of attachedGuis) {\n    @if (shouldDisplayAttachedGui) {\n      <Container>\n        <attachedGui.component ...attachedGui.data() dependencies={attachedGui.dependencies} object={object} onFinish={(data) => {\n          onAttachedGuiFinish(attachedGui, data)\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\n  import { lastValueFrom, combineLatest, pairwise, filter, map, startWith } from \"rxjs\";\n  import { Particle } from \"@canvasengine/presets\";\n  import { GameEngineToken, ModulesToken } from \"@rpgjs/common\";\n  import { RpgClientEngine } from \"../RpgClientEngine\";\n  import { inject } from \"../core/inject\";  \n  import { Direction } from \"@rpgjs/common\";\n  import Hit from \"./effects/hit.ce\";\n  import PlayerComponents from \"./player-components.ce\";\n  import { RpgGui } from \"../Gui/Gui\";\n\n  const { object, id } = defineProps();\n\n  const client = inject(RpgClientEngine);\n  const hooks = inject(ModulesToken);\n  const guiService = inject(RpgGui);\n\n  const spritesheets = client.spritesheets;\n  const playerId = client.playerId;\n  const componentsBehind = client.spriteComponentsBehind;\n  const componentsInFront = client.spriteComponentsInFront;\n  const isMe = computed(() => id() === playerId);\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(object) : propsValue || {},\n      dependencies: dependenciesFn ? dependenciesFn(object) : []\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  /**\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  } = object;\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() && object.canMove()\n  const keyboardControls = client.globalConfig.keyboardControls;\n\n  const visible = computed(() => {\n    if (object.isEvent()) {\n      return true\n    }\n    return isConnected()\n  });\n\n  const controls = signal({\n    down: {\n      repeat: true,\n      bind: keyboardControls.down,\n      keyDown() {\n        if (canControls()) client.processInput({ input: Direction.Down })\n      },\n    },\n    up: {\n      repeat: true,\n      bind: keyboardControls.up,\n      keyDown() {\n        if (canControls()) client.processInput({ input: Direction.Up })\n      },\n    },\n    left: {\n      repeat: true,\n      bind: keyboardControls.left,\n      keyDown() {\n        if (canControls()) client.processInput({ input: Direction.Left })\n      },\n    },\n    right: {\n      repeat: true,\n      bind: keyboardControls.right,\n      keyDown() {\n        if (canControls()) client.processInput({ input: Direction.Right })\n      },\n    },\n    action: {\n      bind: keyboardControls.action,\n      keyDown() {\n        if (canControls()) {\n          client.processAction({ action: 'action' })\n        }\n      },\n    },\n    escape: {\n      bind: keyboardControls.escape,\n      keyDown() {\n        if (canControls()) {\n          client.processAction({ action: 'escape' })\n        }\n      },\n    },\n    gamepad: {\n      enabled: true\n    }\n  });\n\n  const smoothX = animatedSignal(x(), {\n    duration: isMe() ? 0 : 0\n  });\n\n  const smoothY = animatedSignal(y(), {\n    duration: isMe() ? 0 : 0,\n  });\n\n  const z = computed(() => {\n    return object.y() + object.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  // 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  const animationMovementSubscription = combineLatest([animationChange$, moving$]).subscribe(([[prev, curr], isMoving]) => {\n    if (curr == 'stand' && !isMoving) {\n      realAnimationName.set(curr);\n    }\n    else if (curr == 'walk' && isMoving) {\n      realAnimationName.set(curr);\n    }\n    else if (!movementAnimations.includes(curr)) {\n      realAnimationName.set(curr);\n    }\n    if (!isMoving && object.animationIsPlaying && object.animationIsPlaying()) {\n      if (movementAnimations.includes(curr)) {\n        if (typeof object.resetAnimationState === 'function') {\n          object.resetAnimationState();\n        }\n      }\n    }\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 onBeforeDestroy = async () => {\n    animationMovementSubscription.unsubscribe();\n    xSubscription.unsubscribe();\n    ySubscription.unsubscribe();\n    await lastValueFrom(hooks.callHooks(\"client-sprite-onDestroy\", object)) \n    await lastValueFrom(hooks.callHooks(\"client-sceneMap-onRemoveSprite\", client.sceneMap, object))\n  }\n\n  mount((element) => {\n    hooks.callHooks(\"client-sprite-onAdd\", object).subscribe()\n    hooks.callHooks(\"client-sceneMap-onAddSprite\", client.sceneMap, object).subscribe()\n    if (isMe()) client.setKeyboardControls(element.directives.controls)\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 onAttachedGuiFinish = (gui, data) => {\n    guiService.guiClose(gui.name, data);\n  };\n\n  /**\n   * Handle attached GUI interaction event\n   * \n   * @param gui - The GUI instance\n   * @param name - Interaction name\n   * @param data - Interaction data\n   */\n  const onAttachedGuiInteraction = (gui, name, data) => {\n    guiService.guiInteraction(gui.name, name, data);\n  };\n\n  tick(() => {\n    hooks.callHooks(\"client-sprite-onUpdate\").subscribe()\n  })\n</script>\n"],"mappings":"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"}

package/dist/components/dynamics/text.ce.js

@@ -56,7 +56,8 @@ function component($$props) {
 		...getComponentStyle(component)
 	});
 }
+var __ce_component = component;
 //#endregion
-export { component as default };
+export { __ce_component as default };
 
 //# sourceMappingURL=text.ce.js.map

package/dist/components/dynamics/text.ce.js.map

@@ -1 +1 @@
-{"version":3,"file":"text.ce.js","names":[],"sources":["../../../src/components/dynamics/text.ce"],"sourcesContent":["<Text text={parseDynamicValue(component.value, object)} ...getComponentStyle(component) />\n\n<script>\nimport { computed } from \"canvasengine\";\nimport { parseDynamicValue } from \"./parse-value\";\n\nconst { object } = defineProps();\nconst component = object._component;\n\n/**\n * Parses a numeric style value that can be a number or a string\n * \n * If the value is a string, it may contain dynamic references like {hp}\n * which need to be parsed using parseDynamicValue. If it's a number,\n * it's returned as-is wrapped in a computed.\n * \n * @param value - Numeric value (number or string)\n * @param object - Object to resolve dynamic references from\n * @returns Computed signal with the numeric value\n */\nconst parseNumericStyleValue = (value, object) => {\n    if (value === undefined || value === null) {\n        return undefined;\n    }\n    \n    if (typeof value === 'number') {\n        return value;\n    }\n    \n    if (typeof value === 'string') {\n        // Check if it contains dynamic references\n        if (value.includes('{')) {\n            // Parse dynamic value and convert to number\n            const parsed = parseDynamicValue(value, object);\n            return computed(() => {\n                const str = parsed();\n                const num = parseFloat(str);\n                return isNaN(num) ? 0 : num;\n            });\n        } else {\n            // Simple string number, convert directly\n            const num = parseFloat(value);\n            return isNaN(num) ? undefined : num;\n        }\n    }\n    \n    return value;\n};\n\n/**\n * Maps component style properties to Canvas Engine Text component props\n * \n * Converts TextComponentOptions from the server to the format expected\n * by the Canvas Engine Text component. Supports all text styling properties\n * including fill, fontSize, fontFamily, fontStyle, fontWeight, stroke,\n * opacity, wordWrap, and align. Also supports dynamic values (number | string)\n * for numeric properties like fontSize and opacity.\n * \n * @param component - Component definition with style property\n * @returns Object with Text component props\n * \n * @example\n * ```ts\n * // Component with style\n * const component = {\n *   style: {\n *     fill: '#000000',\n *     fontSize: 20,\n *     fontFamily: 'Arial',\n *     fontWeight: 'bold'\n *   }\n * };\n * \n * const props = getComponentStyle(component);\n * // Returns: { color: '#000000', size: 20, fontFamily: 'Arial', style: { fontWeight: 'bold' } }\n * \n * // Component with dynamic fontSize\n * const component2 = {\n *   style: {\n *     fill: '#000000',\n *     fontSize: '{hp}', // Will be resolved from object.hp\n *     opacity: '0.8'\n *   }\n * };\n * ```\n */\nconst getComponentStyle = (component) => {\n    if (!component.style) {\n        return {};\n    }\n\n    const style = component.style;\n    const result = {};\n\n    // Map fill to color (shortcut property)\n    // fill can be a string (hex color) or a dynamic string\n    if (style.fill !== undefined) {\n        if (typeof style.fill === 'string' && style.fill.includes('{')) {\n            result.color = parseDynamicValue(style.fill, object);\n        } else {\n            result.color = style.fill;\n        }\n    }\n\n    // Map fontSize to size (shortcut property)\n    // fontSize can be number or string (with dynamic references)\n    if (style.fontSize !== undefined) {\n        const fontSizeValue = parseNumericStyleValue(style.fontSize, object);\n        if (fontSizeValue !== undefined) {\n            result.size = fontSizeValue;\n        }\n    }\n\n    // Map fontFamily (shortcut property)\n    if (style.fontFamily !== undefined) {\n        if (typeof style.fontFamily === 'string' && style.fontFamily.includes('{')) {\n            result.fontFamily = parseDynamicValue(style.fontFamily, object);\n        } else {\n            result.fontFamily = style.fontFamily;\n        }\n    }\n\n    // Build style object for PixiJS Text properties\n    const textStyle = {};\n\n    // Font style properties\n    if (style.fontStyle !== undefined) {\n        if (typeof style.fontStyle === 'string' && style.fontStyle.includes('{')) {\n            textStyle.fontStyle = parseDynamicValue(style.fontStyle, object);\n        } else {\n            textStyle.fontStyle = style.fontStyle;\n        }\n    }\n\n    if (style.fontWeight !== undefined) {\n        if (typeof style.fontWeight === 'string' && style.fontWeight.includes('{')) {\n            textStyle.fontWeight = parseDynamicValue(style.fontWeight, object);\n        } else if (typeof style.fontWeight === 'number') {\n            textStyle.fontWeight = style.fontWeight;\n        } else {\n            textStyle.fontWeight = style.fontWeight;\n        }\n    }\n\n    // Stroke properties\n    if (style.stroke !== undefined) {\n        if (typeof style.stroke === 'string' && style.stroke.includes('{')) {\n            textStyle.stroke = parseDynamicValue(style.stroke, object);\n        } else {\n            textStyle.stroke = style.stroke;\n        }\n    }\n\n    // Opacity (can be number or string)\n    if (style.opacity !== undefined) {\n        const opacityValue = parseNumericStyleValue(style.opacity, object);\n        if (opacityValue !== undefined) {\n            textStyle.opacity = opacityValue;\n        }\n    }\n\n    // Word wrap\n    if (style.wordWrap !== undefined) {\n        textStyle.wordWrap = style.wordWrap;\n    }\n\n    // Text alignment\n    if (style.align !== undefined) {\n        if (typeof style.align === 'string' && style.align.includes('{')) {\n            textStyle.align = parseDynamicValue(style.align, object);\n        } else {\n            textStyle.align = style.align;\n        }\n    }\n\n    // Only add style prop if there are style properties\n    if (Object.keys(textStyle).length > 0) {\n        result.style = textStyle;\n    }\n\n    return result;\n}\n</script>"],"mappings":";;;AAOM,SAAmB,UAAU,SAAA;;CAGhC,MAAS,EAAA,WADV,eAAA,QACmC,EAAG;CACxC,MAAE,YAAA,OAAA;CACF,MAAM,0BAA0B,OAAI,WAAQ;AACzC,MAAK,UAAS,KAAA,KAAU,UAAM,KACzB;AAEJ,MAAA,OAAW,UAAU,SACrB,QAAM;AAER,MAAA,OAAA,UAAA,SAEM,KAAA,MAAU,SAAS,IAAI,EAAA;GAE3B,MAAA,SAAA,kBAAA,OAAA,OAAA;AACD,UAAA,eAAA;IACY,MAAO,MAAI,QAAS;IACpB,MAAK,MAAA,WAAA,IAAA;AAChB,WAAA,MAAA,IAAA,GAAA,IAAA;KACD;SAEQ;GAEC,MAAG,MAAM,WAAc,MAAI;AAC3B,UAAM,MAAO,IAAE,GAAA,KAAA,IAAiB;;AAGxC,SAAO;;CAEX,MAAM,qBAAQ,cAAA;AACV,MAAI,CAAC,UAAM,MACP,QAAO,EAAA;EAEX,MAAM,QAAQ,UAAU;EACxB,MAAI,SAAA,EAAA;AAGJ,MAAA,MAAO,SAAK,KAAA,EACf,KAAA,OAAA,MAAA,SAAA,YAAA,MAAA,KAAA,SAAA,IAAA,CAAA,QAAA,QAAA,kBAAA,MAAA,MAAA,OAAA;MAIC,QAAA,QAAA,MAAA;AAKC,MAAI,MAAO,aAAY,KAAA,GAAK;GAC7B,MAAA,gBAAA,uBAAA,MAAA,UAAA,OAAA;AACE,OAAM,kBAAY,KAAA,EACV,QAAO,OAAK;;AAIpB,MAAE,MAAA,eAAe,KAAA,EACb,KAAC,OAAU,MAAE,eAAA,YAAA,MAAA,WAAA,SAAA,IAAA,CACT,QAAA,aAAA,kBAAA,MAAA,YAAA,OAAA;MAGL,QAAY,aAAO,MAAA;EAIxB,MAAA,YAAA,EAAA;AAEE,MAAE,MAAQ,cAAY,KAAA,EACxB,KAAA,OAAA,MAAA,cAAA,YAAA,MAAA,UAAA,SAAA,IAAA,CACI,WAAe,YAAQ,kBAAA,MAAA,WAAA,OAAA;MAGjB,WAAU,YAAA,MAAA;AAGlB,MAAC,MAAA,eAAA,KAAA,EACD,KAAA,OAAA,MAAA,eAAA,YAAA,MAAA,WAAA,SAAA,IAAA,CACC,WAAA,aAAA,kBAAA,MAAA,YAAA,OAAA;WAEC,OAAkB,MAAG,eAAc,SAChC,WAAU,aAAO,MAAA;;AAOtB,MAAG,MAAI,WAAc,KAAA,EAClB,KAAK,OAAO,MAAE,WAAY,YAAY,MAAQ,OAAA,SAAA,IAAA,CAC7C,WAAc,SAAC,kBAAW,MAAA,QAAA,OAAA;MAGxB,WAAK,SAAA,MAAA;;GAKR,MAAI,eAAkB,uBAAiB,MAAA,SAAA,OAAA;AACvC,OAAA,iBAAsB,KAAA,EACrB,WAAc,UAAK;;AAIvB,MAAI,MAAA,aAAA,KAAA,EACJ,WAAA,WAAA,MAAA;AAGA,MAAI,MAAM,UAAU,KAAA,EAChB,KAAI,OAAO,MAAM,UAAU,YAAY,MAAK,MAAM,SAAU,IAAC,CACzD,WAAO,QAAW,kBAAE,MAAkB,OAAM,OAAY;MAG5D,WAAA,QAAA,MAAA;AAIJ,MAAA,OAAM,KAAU,UAAI,CAAA,SAAA,EAAA,QAAA,QAAA;AAGpB,SAAI;;AAGA,QADI,EAAU,MAAA;EAAA,MAAY,eAAiB,kBAAkB,UAAO,OAAA,OAAA,CAAA;EAAA,GAAA,kBAAA,UAAA;EAAA,CAC7D"}
+{"version":3,"file":"text.ce.js","names":[],"sources":["../../../src/components/dynamics/text.ce"],"sourcesContent":["<Text text={parseDynamicValue(component.value, object)} ...getComponentStyle(component) />\n\n<script>\nimport { computed } from \"canvasengine\";\nimport { parseDynamicValue } from \"./parse-value\";\n\nconst { object } = defineProps();\nconst component = object._component;\n\n/**\n * Parses a numeric style value that can be a number or a string\n * \n * If the value is a string, it may contain dynamic references like {hp}\n * which need to be parsed using parseDynamicValue. If it's a number,\n * it's returned as-is wrapped in a computed.\n * \n * @param value - Numeric value (number or string)\n * @param object - Object to resolve dynamic references from\n * @returns Computed signal with the numeric value\n */\nconst parseNumericStyleValue = (value, object) => {\n    if (value === undefined || value === null) {\n        return undefined;\n    }\n    \n    if (typeof value === 'number') {\n        return value;\n    }\n    \n    if (typeof value === 'string') {\n        // Check if it contains dynamic references\n        if (value.includes('{')) {\n            // Parse dynamic value and convert to number\n            const parsed = parseDynamicValue(value, object);\n            return computed(() => {\n                const str = parsed();\n                const num = parseFloat(str);\n                return isNaN(num) ? 0 : num;\n            });\n        } else {\n            // Simple string number, convert directly\n            const num = parseFloat(value);\n            return isNaN(num) ? undefined : num;\n        }\n    }\n    \n    return value;\n};\n\n/**\n * Maps component style properties to Canvas Engine Text component props\n * \n * Converts TextComponentOptions from the server to the format expected\n * by the Canvas Engine Text component. Supports all text styling properties\n * including fill, fontSize, fontFamily, fontStyle, fontWeight, stroke,\n * opacity, wordWrap, and align. Also supports dynamic values (number | string)\n * for numeric properties like fontSize and opacity.\n * \n * @param component - Component definition with style property\n * @returns Object with Text component props\n * \n * @example\n * ```ts\n * // Component with style\n * const component = {\n *   style: {\n *     fill: '#000000',\n *     fontSize: 20,\n *     fontFamily: 'Arial',\n *     fontWeight: 'bold'\n *   }\n * };\n * \n * const props = getComponentStyle(component);\n * // Returns: { color: '#000000', size: 20, fontFamily: 'Arial', style: { fontWeight: 'bold' } }\n * \n * // Component with dynamic fontSize\n * const component2 = {\n *   style: {\n *     fill: '#000000',\n *     fontSize: '{hp}', // Will be resolved from object.hp\n *     opacity: '0.8'\n *   }\n * };\n * ```\n */\nconst getComponentStyle = (component) => {\n    if (!component.style) {\n        return {};\n    }\n\n    const style = component.style;\n    const result = {};\n\n    // Map fill to color (shortcut property)\n    // fill can be a string (hex color) or a dynamic string\n    if (style.fill !== undefined) {\n        if (typeof style.fill === 'string' && style.fill.includes('{')) {\n            result.color = parseDynamicValue(style.fill, object);\n        } else {\n            result.color = style.fill;\n        }\n    }\n\n    // Map fontSize to size (shortcut property)\n    // fontSize can be number or string (with dynamic references)\n    if (style.fontSize !== undefined) {\n        const fontSizeValue = parseNumericStyleValue(style.fontSize, object);\n        if (fontSizeValue !== undefined) {\n            result.size = fontSizeValue;\n        }\n    }\n\n    // Map fontFamily (shortcut property)\n    if (style.fontFamily !== undefined) {\n        if (typeof style.fontFamily === 'string' && style.fontFamily.includes('{')) {\n            result.fontFamily = parseDynamicValue(style.fontFamily, object);\n        } else {\n            result.fontFamily = style.fontFamily;\n        }\n    }\n\n    // Build style object for PixiJS Text properties\n    const textStyle = {};\n\n    // Font style properties\n    if (style.fontStyle !== undefined) {\n        if (typeof style.fontStyle === 'string' && style.fontStyle.includes('{')) {\n            textStyle.fontStyle = parseDynamicValue(style.fontStyle, object);\n        } else {\n            textStyle.fontStyle = style.fontStyle;\n        }\n    }\n\n    if (style.fontWeight !== undefined) {\n        if (typeof style.fontWeight === 'string' && style.fontWeight.includes('{')) {\n            textStyle.fontWeight = parseDynamicValue(style.fontWeight, object);\n        } else if (typeof style.fontWeight === 'number') {\n            textStyle.fontWeight = style.fontWeight;\n        } else {\n            textStyle.fontWeight = style.fontWeight;\n        }\n    }\n\n    // Stroke properties\n    if (style.stroke !== undefined) {\n        if (typeof style.stroke === 'string' && style.stroke.includes('{')) {\n            textStyle.stroke = parseDynamicValue(style.stroke, object);\n        } else {\n            textStyle.stroke = style.stroke;\n        }\n    }\n\n    // Opacity (can be number or string)\n    if (style.opacity !== undefined) {\n        const opacityValue = parseNumericStyleValue(style.opacity, object);\n        if (opacityValue !== undefined) {\n            textStyle.opacity = opacityValue;\n        }\n    }\n\n    // Word wrap\n    if (style.wordWrap !== undefined) {\n        textStyle.wordWrap = style.wordWrap;\n    }\n\n    // Text alignment\n    if (style.align !== undefined) {\n        if (typeof style.align === 'string' && style.align.includes('{')) {\n            textStyle.align = parseDynamicValue(style.align, object);\n        } else {\n            textStyle.align = style.align;\n        }\n    }\n\n    // Only add style prop if there are style properties\n    if (Object.keys(textStyle).length > 0) {\n        result.style = textStyle;\n    }\n\n    return result;\n}\n</script>"],"mappings":";;;AAOM,SAAS,UAAU,SAAA;;CAGtB,MAAS,EAAA,WADV,eAAA,QACmC,EAAG;CACxC,MAAE,YAAA,OAAA;CACF,MAAM,0BAA0B,OAAI,WAAQ;AACzC,MAAK,UAAS,KAAA,KAAU,UAAM,KACzB;AAEJ,MAAA,OAAW,UAAU,SACrB,QAAM;AAER,MAAA,OAAA,UAAA,SAEM,KAAA,MAAU,SAAS,IAAI,EAAA;GAE3B,MAAA,SAAA,kBAAA,OAAA,OAAA;AACD,UAAA,eAAA;IACY,MAAO,MAAI,QAAS;IACpB,MAAK,MAAA,WAAA,IAAA;AAChB,WAAA,MAAA,IAAA,GAAA,IAAA;KACD;SAEQ;GAEC,MAAG,MAAM,WAAc,MAAI;AAC3B,UAAM,MAAO,IAAE,GAAA,KAAA,IAAiB;;AAGxC,SAAO;;CAEX,MAAM,qBAAQ,cAAA;AACV,MAAI,CAAC,UAAM,MACP,QAAO,EAAA;EAEX,MAAM,QAAQ,UAAU;EACxB,MAAI,SAAA,EAAA;AAGJ,MAAA,MAAO,SAAK,KAAA,EACf,KAAA,OAAA,MAAA,SAAA,YAAA,MAAA,KAAA,SAAA,IAAA,CAAA,QAAA,QAAA,kBAAA,MAAA,MAAA,OAAA;MAIC,QAAA,QAAA,MAAA;AAKC,MAAI,MAAO,aAAY,KAAA,GAAK;GAC7B,MAAA,gBAAA,uBAAA,MAAA,UAAA,OAAA;AACE,OAAM,kBAAY,KAAA,EACV,QAAO,OAAK;;AAIpB,MAAE,MAAA,eAAe,KAAA,EACb,KAAC,OAAU,MAAE,eAAA,YAAA,MAAA,WAAA,SAAA,IAAA,CACT,QAAA,aAAA,kBAAA,MAAA,YAAA,OAAA;MAGL,QAAY,aAAO,MAAA;EAIxB,MAAA,YAAA,EAAA;AAEE,MAAE,MAAQ,cAAY,KAAA,EACxB,KAAA,OAAA,MAAA,cAAA,YAAA,MAAA,UAAA,SAAA,IAAA,CACI,WAAe,YAAQ,kBAAA,MAAA,WAAA,OAAA;MAGjB,WAAU,YAAA,MAAA;AAGlB,MAAC,MAAA,eAAA,KAAA,EACD,KAAA,OAAA,MAAA,eAAA,YAAA,MAAA,WAAA,SAAA,IAAA,CACC,WAAA,aAAA,kBAAA,MAAA,YAAA,OAAA;WAEC,OAAkB,MAAG,eAAc,SAChC,WAAU,aAAO,MAAA;;AAOtB,MAAG,MAAI,WAAc,KAAA,EAClB,KAAK,OAAO,MAAE,WAAY,YAAY,MAAQ,OAAA,SAAA,IAAA,CAC7C,WAAc,SAAC,kBAAW,MAAA,QAAA,OAAA;MAGxB,WAAK,SAAA,MAAA;;GAKR,MAAI,eAAkB,uBAAiB,MAAA,SAAA,OAAA;AACvC,OAAA,iBAAsB,KAAA,EACrB,WAAc,UAAK;;AAIvB,MAAI,MAAA,aAAA,KAAA,EACJ,WAAA,WAAA,MAAA;AAGA,MAAI,MAAM,UAAU,KAAA,EAChB,KAAI,OAAO,MAAM,UAAU,YAAY,MAAK,MAAM,SAAU,IAAC,CACzD,WAAO,QAAW,kBAAE,MAAkB,OAAM,OAAY;MAG5D,WAAA,QAAA,MAAA;AAIJ,MAAA,OAAM,KAAU,UAAI,CAAA,SAAA,EAAA,QAAA,QAAA;AAGpB,SAAI;;AAGA,QADI,EAAU,MAAA;EAAA,MAAY,eAAiB,kBAAkB,UAAO,OAAA,OAAA,CAAA;EAAA,GAAA,kBAAA,UAAA;EAAA,CAC7D;;AAGX,IAAA,iBAEI"}

package/dist/components/gui/box.ce.js

@@ -19,7 +19,8 @@ function component($$props) {
 		color: _color
 	}), h(Container, { attach: child })]));
 }
+var __ce_component = component;
 //#endregion
-export { component as default };
+export { __ce_component as default };
 
 //# sourceMappingURL=box.ce.js.map

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

@@ -21,7 +21,11 @@ function component($$props) {
 	});
 	const dialogPosition = computed(() => resolveProp(position) || "bottom");
 	const isFullWidth = computed(() => resolveProp(fullWidth) !== false);
-	const hasFace = computed(() => !!resolveProp(face));
+	const dialogFace = computed(() => resolveProp(face));
+	const hasFace = computed(() => {
+		const value = dialogFace();
+		return !!(value && value.id);
+	});
 	const displayMessage = signal("");
 	const fullMessage = signal("");
 	const isTyping = signal(false);
@@ -116,10 +120,10 @@ function component($$props) {
 			_onFinish();
 		}
 	} });
-	const faceSheet = (graphicId, animationName) => {
+	const faceSheet = (faceValue) => {
 		return {
-			definition: engine.getSpriteSheet(graphicId),
-			playing: animationName
+			definition: engine.getSpriteSheet(faceValue.id),
+			playing: faceValue.expression || "default"
 		};
 	};
 	mount((element) => {
@@ -177,12 +181,18 @@ function component($$props) {
 	]), cond(hasFace(), () => h(DOMElement, {
 		element: "div",
 		attrs: { class: "rpg-ui-dialog-face" }
-	}, h(DOMSprite, { sheet: computed(() => faceSheet(face.id, face.expression)) })))]), cond(showIndicator, () => h(DOMElement, {
+	}, h(DOMSprite, {
+		sheet: computed(() => faceSheet(dialogFace())),
+		width: "100%",
+		height: "100%",
+		objectFit: "contain"
+	})))]), cond(showIndicator, () => h(DOMElement, {
 		element: "div",
 		attrs: { class: "rpg-ui-dialog-indicator" }
 	}))])));
 }
+var __ce_component = component;
 //#endregion
-export { component as default };
+export { __ce_component as default };
 
 //# sourceMappingURL=index.ce.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.ce.js","names":[],"sources":["../../../../src/components/gui/dialogbox/index.ce"],"sourcesContent":["<DOMContainer width=\"100%\" height=\"100%\" controls={dialogControls}>\n    <div\n        class=\"rpg-ui-dialog-container\"\n        data-position={dialogPosition()}\n        data-full-width={isFullWidth() ? \"true\" : \"false\"}\n        data-has-face={hasFace() ? \"true\" : \"false\"}\n    >\n        <div class=\"rpg-ui-dialog rpg-anim-fade-in\">\n            <div class=\"rpg-ui-dialog-body\">\n               <div>\n                    @if (speakerName()) {\n                        <div class=\"rpg-ui-dialog-speaker\">{speakerName()}</div>\n                    }\n                    <div class=\"rpg-ui-dialog-content\">\n                        {displayMessage()}\n                    </div>\n                    @if (hasChoices()) {\n                        <Navigation tabindex={selectedItem} controls={controls}>\n                            <div class=\"rpg-ui-dialog-choices\">\n                                @for ((choice,index) of choices) {\n                                    <div\n                                        class=\"rpg-ui-dialog-choice\"\n                                        class={{active: selectedItem() === index}}\n                                        tabindex={index}\n                                        data-choice-index={index}\n                                        click={selectChoice(index)}\n                                    >{{ choice.text }}</div>\n                                }\n                            </div>\n                        </Navigation>\n                    }\n               </div>\n                @if (hasFace()) {\n                    <div class=\"rpg-ui-dialog-face\">\n                        <DOMSprite sheet={faceSheet(face.id, face.expression)} />\n                    </div>\n                }\n            </div>\n            @if (showIndicator) {\n                <div class=\"rpg-ui-dialog-indicator\"></div>\n            }\n        </div>\n    </div>\n</DOMContainer>\n    \n<script>\n    import { effect, signal, computed, createTabindexNavigator, mount } from \"canvasengine\";\n    import { inject } from \"../../../core/inject\";\n    import { RpgClientEngine } from \"../../../RpgClientEngine\";\n    import { delay } from \"@rpgjs/common\";\n\n    const engine = inject(RpgClientEngine);\n    const currentPlayer = engine.scene.currentPlayer\n    const keyboardControls = engine.globalConfig.keyboardControls;\n\n    engine.stopProcessingInput = true;\n\n    const selectedItem = signal(0)\n    let isDestroyed = false;\n\n    const {\n        data,\n        onFinish,\n        onInteraction\n    } = defineProps();\n\n    const { message, choices, face, speaker, position, typewriterEffect, autoClose } = data();\n    const fullWidth = computed(() => data().fullWidth || false);\n\n    const resolveProp = (value) => typeof value === \"function\" ? value() : value;\n\n    const speakerName = computed(() => {\n        const value = resolveProp(speaker);\n        return value ? String(value) : \"\";\n    });\n\n    const dialogPosition = computed(() => resolveProp(position) || \"bottom\");\n    const isFullWidth = computed(() => resolveProp(fullWidth) !== false);\n    const hasFace = computed(() => !!resolveProp(face));\n\n    const displayMessage = signal(\"\");\n    const fullMessage = signal(\"\");\n    const isTyping = signal(false);\n    let typewriterTimer = null;\n    let rootElement = null;\n\n    mount((element) => {\n        rootElement = element;\n    });\n\n    const startTypewriter = (text) => {\n        if (typewriterTimer) clearInterval(typewriterTimer);\n        displayMessage.set(\"\");\n        if (!text) return;\n        let index = 0;\n        isTyping.set(true);\n        typewriterTimer = setInterval(() => {\n            index += 1;\n            displayMessage.set(text.slice(0, index));\n            if (index >= text.length) {\n                clearInterval(typewriterTimer);\n                typewriterTimer = null;\n                isTyping.set(false);\n            }\n        }, 20);\n    };\n\n    const finishTyping = () => {\n        if (typewriterTimer) clearInterval(typewriterTimer);\n        typewriterTimer = null;\n        displayMessage.set(fullMessage());\n        isTyping.set(false);\n    };\n\n    effect(() => {\n        const text = resolveProp(message) || \"\";\n        fullMessage.set(text);\n        const useTypewriter = resolveProp(typewriterEffect) !== false;\n        if (!useTypewriter) {\n            finishTyping();\n            return;\n        }\n        startTypewriter(text);\n    });\n\n\n    const hasChoices = computed(() => choices.length > 0);\n    const showIndicator = computed(() => !hasChoices() && !isTyping());\n    const nav = createTabindexNavigator(selectedItem, { count: () => choices.length }, 'wrap');\n\n    function selectChoice(index) {\n        return function() {\n            selectedItem.set(index);\n            onSelect(index);\n        }\n    }\n\n    function _onFinish(value) {\n        if (onFinish) onFinish(value);\n    }\n\n    const onSelect = (index) => {\n        _onFinish(index);\n    };\n\n    const controls = signal({\n        up: {\n            repeat: true,\n            bind: keyboardControls.up,\n            throttle: 150,\n            keyDown() {\n                if (!hasChoices()) return;\n                nav.next(-1);\n            }\n        },\n        down: {\n            repeat: true,\n            bind: keyboardControls.down,\n            throttle: 150,\n            keyDown() {\n                if (!hasChoices()) return;\n                nav.next(1);\n            }\n        },\n        action: {\n            bind: keyboardControls.action,\n            keyDown() {\n                if (isTyping()) {\n                    finishTyping();\n                    return;\n                }\n                if (!hasChoices()) return;\n                onSelect(selectedItem());\n            }\n        },\n        gamepad: {\n            enabled: true\n        }\n    });\n    \n    const dialogControls = signal({\n        action: {\n            bind: keyboardControls.action,\n            keyDown() {\n                if (isTyping()) {\n                    finishTyping();\n                    return;\n                }\n                if (hasChoices()) return;\n                _onFinish();\n            }\n        },\n    })\n\n    const faceSheet = (graphicId, animationName) => {\n        return {\n            definition: engine.getSpriteSheet(graphicId),\n            playing: animationName,\n        };\n    }\n\n    mount((element) => {\n        return () => {\n            isDestroyed = true;\n            // Wait destroy is finished before start processing input\n            delay(() => {\n                engine.stopProcessingInput = false;\n            })\n        }\n  })\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"index.ce.js","names":[],"sources":["../../../../src/components/gui/dialogbox/index.ce"],"sourcesContent":["<DOMContainer width=\"100%\" height=\"100%\" controls={dialogControls}>\n    <div\n        class=\"rpg-ui-dialog-container\"\n        data-position={dialogPosition()}\n        data-full-width={isFullWidth() ? \"true\" : \"false\"}\n        data-has-face={hasFace() ? \"true\" : \"false\"}\n    >\n        <div class=\"rpg-ui-dialog rpg-anim-fade-in\">\n            <div class=\"rpg-ui-dialog-body\">\n               <div>\n                    @if (speakerName()) {\n                        <div class=\"rpg-ui-dialog-speaker\">{speakerName()}</div>\n                    }\n                    <div class=\"rpg-ui-dialog-content\">\n                        {displayMessage()}\n                    </div>\n                    @if (hasChoices()) {\n                        <Navigation tabindex={selectedItem} controls={controls}>\n                            <div class=\"rpg-ui-dialog-choices\">\n                                @for ((choice,index) of choices) {\n                                    <div\n                                        class=\"rpg-ui-dialog-choice\"\n                                        class={{active: selectedItem() === index}}\n                                        tabindex={index}\n                                        data-choice-index={index}\n                                        click={selectChoice(index)}\n                                    >{{ choice.text }}</div>\n                                }\n                            </div>\n                        </Navigation>\n                    }\n                </div>\n                @if (hasFace()) {\n                    <div class=\"rpg-ui-dialog-face\">\n                        <DOMSprite\n                            sheet={faceSheet(dialogFace())}\n                            width=\"100%\"\n                            height=\"100%\"\n                            objectFit=\"contain\"\n                        />\n                    </div>\n                }\n            </div>\n            @if (showIndicator) {\n                <div class=\"rpg-ui-dialog-indicator\"></div>\n            }\n        </div>\n    </div>\n</DOMContainer>\n    \n<script>\n    import { effect, signal, computed, createTabindexNavigator, mount } from \"canvasengine\";\n    import { inject } from \"../../../core/inject\";\n    import { RpgClientEngine } from \"../../../RpgClientEngine\";\n    import { delay } from \"@rpgjs/common\";\n\n    const engine = inject(RpgClientEngine);\n    const currentPlayer = engine.scene.currentPlayer\n    const keyboardControls = engine.globalConfig.keyboardControls;\n\n    engine.stopProcessingInput = true;\n\n    const selectedItem = signal(0)\n    let isDestroyed = false;\n\n    const {\n        data,\n        onFinish,\n        onInteraction\n    } = defineProps();\n\n    const { message, choices, face, speaker, position, typewriterEffect, autoClose } = data();\n    const fullWidth = computed(() => data().fullWidth || false);\n\n    const resolveProp = (value) => typeof value === \"function\" ? value() : value;\n\n    const speakerName = computed(() => {\n        const value = resolveProp(speaker);\n        return value ? String(value) : \"\";\n    });\n\n    const dialogPosition = computed(() => resolveProp(position) || \"bottom\");\n    const isFullWidth = computed(() => resolveProp(fullWidth) !== false);\n    const dialogFace = computed(() => resolveProp(face));\n    const hasFace = computed(() => {\n        const value = dialogFace();\n        return !!(value && value.id);\n    });\n\n    const displayMessage = signal(\"\");\n    const fullMessage = signal(\"\");\n    const isTyping = signal(false);\n    let typewriterTimer = null;\n    let rootElement = null;\n\n    mount((element) => {\n        rootElement = element;\n    });\n\n    const startTypewriter = (text) => {\n        if (typewriterTimer) clearInterval(typewriterTimer);\n        displayMessage.set(\"\");\n        if (!text) return;\n        let index = 0;\n        isTyping.set(true);\n        typewriterTimer = setInterval(() => {\n            index += 1;\n            displayMessage.set(text.slice(0, index));\n            if (index >= text.length) {\n                clearInterval(typewriterTimer);\n                typewriterTimer = null;\n                isTyping.set(false);\n            }\n        }, 20);\n    };\n\n    const finishTyping = () => {\n        if (typewriterTimer) clearInterval(typewriterTimer);\n        typewriterTimer = null;\n        displayMessage.set(fullMessage());\n        isTyping.set(false);\n    };\n\n    effect(() => {\n        const text = resolveProp(message) || \"\";\n        fullMessage.set(text);\n        const useTypewriter = resolveProp(typewriterEffect) !== false;\n        if (!useTypewriter) {\n            finishTyping();\n            return;\n        }\n        startTypewriter(text);\n    });\n\n\n    const hasChoices = computed(() => choices.length > 0);\n    const showIndicator = computed(() => !hasChoices() && !isTyping());\n    const nav = createTabindexNavigator(selectedItem, { count: () => choices.length }, 'wrap');\n\n    function selectChoice(index) {\n        return function() {\n            selectedItem.set(index);\n            onSelect(index);\n        }\n    }\n\n    function _onFinish(value) {\n        if (onFinish) onFinish(value);\n    }\n\n    const onSelect = (index) => {\n        _onFinish(index);\n    };\n\n    const controls = signal({\n        up: {\n            repeat: true,\n            bind: keyboardControls.up,\n            throttle: 150,\n            keyDown() {\n                if (!hasChoices()) return;\n                nav.next(-1);\n            }\n        },\n        down: {\n            repeat: true,\n            bind: keyboardControls.down,\n            throttle: 150,\n            keyDown() {\n                if (!hasChoices()) return;\n                nav.next(1);\n            }\n        },\n        action: {\n            bind: keyboardControls.action,\n            keyDown() {\n                if (isTyping()) {\n                    finishTyping();\n                    return;\n                }\n                if (!hasChoices()) return;\n                onSelect(selectedItem());\n            }\n        },\n        gamepad: {\n            enabled: true\n        }\n    });\n    \n    const dialogControls = signal({\n        action: {\n            bind: keyboardControls.action,\n            keyDown() {\n                if (isTyping()) {\n                    finishTyping();\n                    return;\n                }\n                if (hasChoices()) return;\n                _onFinish();\n            }\n        },\n    })\n\n    const faceSheet = (faceValue) => {\n        return {\n            definition: engine.getSpriteSheet(faceValue.id),\n            playing: faceValue.expression || \"default\",\n        };\n    }\n\n    mount((element) => {\n        return () => {\n            isDestroyed = true;\n            // Wait destroy is finished before start processing input\n            delay(() => {\n                engine.stopProcessingInput = false;\n            })\n        }\n  })\n</script>\n"],"mappings":"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"}

package/dist/components/gui/gameover.ce.js

@@ -162,7 +162,8 @@ function component($$props) {
 		}))))
 	]));
 }
+var __ce_component = component;
 //#endregion
-export { component as default };
+export { __ce_component as default };
 
 //# sourceMappingURL=gameover.ce.js.map

package/dist/components/gui/gameover.ce.js.map

@@ -1 +1 @@
-{"version":3,"file":"gameover.ce.js","names":[],"sources":["../../../src/components/gui/gameover.ce"],"sourcesContent":["<DOMContainer width=\"100%\" height=\"100%\">\n    <div class=\"rpg-ui-gameover-screen rpg-anim-fade-in\">\n        <div class=\"rpg-ui-gameover-splatter rpg-ui-gameover-splatter-left\"></div>\n        <div class=\"rpg-ui-gameover-splatter rpg-ui-gameover-splatter-right\"></div>\n        <div class=\"rpg-ui-gameover-splatter rpg-ui-gameover-splatter-center\"></div>\n        <div class=\"rpg-ui-gameover-header rpg-anim-shake\">\n            <div class=\"rpg-ui-gameover-title\">{titleText()}</div>\n            @if (subtitleText()) {\n                <div class=\"rpg-ui-gameover-subtitle\">{subtitleText()}</div>\n            }\n        </div>\n        <Navigation tabindex={selectedEntry} controls={controls}>\n            <div class=\"rpg-ui-menu rpg-ui-gameover-menu rpg-anim-slide-up\">\n                @for ((entry,index) of entryList()) {\n                    <div\n                        class=\"rpg-ui-menu-item\"\n                        class={{disabled: isEntryDisabled(entry)}}\n                        data-selected={selectedEntry() === index ? \"true\" : \"false\"}\n                        tabindex={index}\n                        click={selectEntry(index)}\n                    >{entry.label}</div>\n                }\n            </div>\n        </Navigation>\n    </div>\n</DOMContainer>\n\n<script>\n    import { signal, computed, effect } from \"canvasengine\";\n    import { PrebuiltGui } from \"@rpgjs/common\";\n    import { inject } from \"../../core/inject\";\n    import { RpgClientEngine } from \"../../RpgClientEngine\";\n    import { RpgGui } from \"../../Gui/Gui\";\n\n    const engine = inject(RpgClientEngine);\n    const guiService = inject(RpgGui);\n    const keyboardControls = engine.globalConfig.keyboardControls;\n\n    const { entries, title, subtitle, saveLoad, localActions, onInteraction } = defineProps({\n        entries: {\n            default: () => []\n        },\n        saveLoad: {\n            default: () => ({})\n        },\n        localActions: {\n            default: false\n        }\n    });\n\n    const defaultEntries = [\n        { id: \"title\", label: \"Title Screen\" },\n        { id: \"load\", label: \"Load Game\" }\n    ];\n\n    const resolveProp = (value) => typeof value === \"function\" ? value() : value;\n    const titleText = computed(() => resolveProp(title) || \"Game Over\");\n    const subtitleText = computed(() => resolveProp(subtitle) || \"\");\n    const localActionsEnabled = computed(() => resolveProp(localActions) === true);\n\n    const entryList = computed(() => {\n        const list = resolveProp(entries);\n        if (Array.isArray(list) && list.length) return list;\n        return defaultEntries;\n    });\n\n    const isEntryDisabled = (entry) => {\n        if (!entry) return true;\n        if (entry.disabled) return true;\n        if (entry.enabled === false) return true;\n        return false;\n    };\n\n    const selectedEntry = signal(0);\n    const selectableIndexes = computed(() => {\n        const list = entryList();\n        return list\n            .map((entry, index) => (isEntryDisabled(entry) ? null : index))\n            .filter((value) => value !== null);\n    });\n\n    effect(() => {\n        const available = selectableIndexes();\n        if (!available.length) return;\n        const current = selectedEntry();\n        if (!available.includes(current)) {\n            selectedEntry.set(available[0]);\n        }\n    });\n\n    const moveSelection = (delta) => {\n        const available = selectableIndexes();\n        if (!available.length) return;\n        const current = selectedEntry();\n        const currentIndex = Math.max(0, available.indexOf(current));\n        const nextIndex = (currentIndex + delta + available.length) % available.length;\n        selectedEntry.set(available[nextIndex]);\n    };\n\n    const triggerSelect = (index) => {\n        const list = entryList();\n        const entry = list[index];\n        if (!entry || isEntryDisabled(entry)) return;\n        if (localActionsEnabled()) {\n            if (entry.id === \"title\") {\n                guiService.hide(PrebuiltGui.Gameover);\n                guiService.display(PrebuiltGui.TitleScreen);\n            }\n            if (entry.id === \"load\") {\n                const config = resolveProp(saveLoad) || {};\n                const slots = Array.isArray(config.slots) ? config.slots : [null, null, null];\n                guiService.display(PrebuiltGui.Save, {\n                    ...config,\n                    mode: config.mode || \"load\",\n                    slots\n                });\n            }\n        }\n        if (onInteraction) {\n            onInteraction(\"select\", { id: entry.id, index, entry });\n        }\n    };\n\n    function selectEntry(index) {\n        return function() {\n            selectedEntry.set(index);\n            triggerSelect(index);\n        };\n    }\n\n    const controls = signal({\n        up: {\n            repeat: true,\n            bind: keyboardControls.up,\n            throttle: 150,\n            keyDown() {\n                moveSelection(-1);\n            }\n        },\n        down: {\n            repeat: true,\n            bind: keyboardControls.down,\n            throttle: 150,\n            keyDown() {\n                moveSelection(1);\n            }\n        },\n        action: {\n            bind: keyboardControls.action,\n            keyDown() {\n                triggerSelect(selectedEntry());\n            }\n        },\n        gamepad: {\n            enabled: true\n        }\n    });\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"gameover.ce.js","names":[],"sources":["../../../src/components/gui/gameover.ce"],"sourcesContent":["<DOMContainer width=\"100%\" height=\"100%\">\n    <div class=\"rpg-ui-gameover-screen rpg-anim-fade-in\">\n        <div class=\"rpg-ui-gameover-splatter rpg-ui-gameover-splatter-left\"></div>\n        <div class=\"rpg-ui-gameover-splatter rpg-ui-gameover-splatter-right\"></div>\n        <div class=\"rpg-ui-gameover-splatter rpg-ui-gameover-splatter-center\"></div>\n        <div class=\"rpg-ui-gameover-header rpg-anim-shake\">\n            <div class=\"rpg-ui-gameover-title\">{titleText()}</div>\n            @if (subtitleText()) {\n                <div class=\"rpg-ui-gameover-subtitle\">{subtitleText()}</div>\n            }\n        </div>\n        <Navigation tabindex={selectedEntry} controls={controls}>\n            <div class=\"rpg-ui-menu rpg-ui-gameover-menu rpg-anim-slide-up\">\n                @for ((entry,index) of entryList()) {\n                    <div\n                        class=\"rpg-ui-menu-item\"\n                        class={{disabled: isEntryDisabled(entry)}}\n                        data-selected={selectedEntry() === index ? \"true\" : \"false\"}\n                        tabindex={index}\n                        click={selectEntry(index)}\n                    >{entry.label}</div>\n                }\n            </div>\n        </Navigation>\n    </div>\n</DOMContainer>\n\n<script>\n    import { signal, computed, effect } from \"canvasengine\";\n    import { PrebuiltGui } from \"@rpgjs/common\";\n    import { inject } from \"../../core/inject\";\n    import { RpgClientEngine } from \"../../RpgClientEngine\";\n    import { RpgGui } from \"../../Gui/Gui\";\n\n    const engine = inject(RpgClientEngine);\n    const guiService = inject(RpgGui);\n    const keyboardControls = engine.globalConfig.keyboardControls;\n\n    const { entries, title, subtitle, saveLoad, localActions, onInteraction } = defineProps({\n        entries: {\n            default: () => []\n        },\n        saveLoad: {\n            default: () => ({})\n        },\n        localActions: {\n            default: false\n        }\n    });\n\n    const defaultEntries = [\n        { id: \"title\", label: \"Title Screen\" },\n        { id: \"load\", label: \"Load Game\" }\n    ];\n\n    const resolveProp = (value) => typeof value === \"function\" ? value() : value;\n    const titleText = computed(() => resolveProp(title) || \"Game Over\");\n    const subtitleText = computed(() => resolveProp(subtitle) || \"\");\n    const localActionsEnabled = computed(() => resolveProp(localActions) === true);\n\n    const entryList = computed(() => {\n        const list = resolveProp(entries);\n        if (Array.isArray(list) && list.length) return list;\n        return defaultEntries;\n    });\n\n    const isEntryDisabled = (entry) => {\n        if (!entry) return true;\n        if (entry.disabled) return true;\n        if (entry.enabled === false) return true;\n        return false;\n    };\n\n    const selectedEntry = signal(0);\n    const selectableIndexes = computed(() => {\n        const list = entryList();\n        return list\n            .map((entry, index) => (isEntryDisabled(entry) ? null : index))\n            .filter((value) => value !== null);\n    });\n\n    effect(() => {\n        const available = selectableIndexes();\n        if (!available.length) return;\n        const current = selectedEntry();\n        if (!available.includes(current)) {\n            selectedEntry.set(available[0]);\n        }\n    });\n\n    const moveSelection = (delta) => {\n        const available = selectableIndexes();\n        if (!available.length) return;\n        const current = selectedEntry();\n        const currentIndex = Math.max(0, available.indexOf(current));\n        const nextIndex = (currentIndex + delta + available.length) % available.length;\n        selectedEntry.set(available[nextIndex]);\n    };\n\n    const triggerSelect = (index) => {\n        const list = entryList();\n        const entry = list[index];\n        if (!entry || isEntryDisabled(entry)) return;\n        if (localActionsEnabled()) {\n            if (entry.id === \"title\") {\n                guiService.hide(PrebuiltGui.Gameover);\n                guiService.display(PrebuiltGui.TitleScreen);\n            }\n            if (entry.id === \"load\") {\n                const config = resolveProp(saveLoad) || {};\n                const slots = Array.isArray(config.slots) ? config.slots : [null, null, null];\n                guiService.display(PrebuiltGui.Save, {\n                    ...config,\n                    mode: config.mode || \"load\",\n                    slots\n                });\n            }\n        }\n        if (onInteraction) {\n            onInteraction(\"select\", { id: entry.id, index, entry });\n        }\n    };\n\n    function selectEntry(index) {\n        return function() {\n            selectedEntry.set(index);\n            triggerSelect(index);\n        };\n    }\n\n    const controls = signal({\n        up: {\n            repeat: true,\n            bind: keyboardControls.up,\n            throttle: 150,\n            keyDown() {\n                moveSelection(-1);\n            }\n        },\n        down: {\n            repeat: true,\n            bind: keyboardControls.down,\n            throttle: 150,\n            keyDown() {\n                moveSelection(1);\n            }\n        },\n        action: {\n            bind: keyboardControls.action,\n            keyDown() {\n                triggerSelect(selectedEntry());\n            }\n        },\n        gamepad: {\n            enabled: true\n        }\n    });\n</script>\n"],"mappings":"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"}

package/dist/components/gui/hud/hud.ce.js

@@ -76,7 +76,8 @@ function component($$props) {
 		}
 	})])])]));
 }
+var __ce_component = component;
 //#endregion
-export { component as default };
+export { __ce_component as default };
 
 //# sourceMappingURL=hud.ce.js.map

package/dist/components/gui/hud/hud.ce.js.map

@@ -1 +1 @@
-{"version":3,"file":"hud.ce.js","names":[],"sources":["../../../../src/components/gui/hud/hud.ce"],"sourcesContent":["<DOMContainer>\n    <div class=\"rpg-hud\">\n        <div class=\"rpg-avatar\">\n            @if (hasFace()) {\n                <div class=\"rpg-avatar-face\">\n                    <DOMSprite \n                        sheet={faceSheet(face())} \n                        width={64} \n                        height={64} \n                        objectFit=\"contain\" \n                    />\n                </div>\n            }\n            <div class=\"rpg-avatar-level\">{{ level() }}</div>\n        </div>\n        <div class=\"rpg-status-bars\">\n            <div class=\"rpg-bar-container\">\n                <span class=\"rpg-bar-text\">HP {{ hp() }}/{{ hpMax() }}</span>\n                <div class=\"rpg-bar-fill health\" style={{width: percentHp}}></div>\n            </div>\n            <div class=\"rpg-bar-container\">\n                <span class=\"rpg-bar-text\">SP {{ sp() }}/{{ spMax() }}</span>\n                <div class=\"rpg-bar-fill mana\" style={{width: percentSp}}></div>\n            </div>\n        </div>\n    </div>\n</DOMContainer>\n\n<script>\n    import { inject } from \"../../../core/inject\";\n    import { RpgClientEngine } from \"../../../RpgClientEngine\";\n    import { computed } from \"canvasengine\";\n    import { getEntityProp } from \"../../../utils/getEntityProp\";\n\n    const engine = inject(RpgClientEngine)\n    const currentPlayer = engine.scene.currentPlayer\n    const { data } = defineProps();\n    const { faceset } = data();\n\n    const resolveProp = (value) => typeof value === \"function\" ? value() : value;\n    const face = computed(() => resolveProp(data().faceset));\n\n    const hasFace = computed(() => {\n        const value = face();\n        return !!(value && value.id);\n    });\n    const faceSheet = (faceValue) => ({\n        definition: engine.getSpriteSheet(faceValue.id),\n        playing: faceValue.expression || \"default\",\n    });\n    const hp = getEntityProp(currentPlayer, \"hp\")\n    const hpMax = getEntityProp(currentPlayer, \"params.maxHp\")\n    const percentHp = computed(() => (hp() / hpMax() * 100) + '%')\n\n    const sp = getEntityProp(currentPlayer, \"sp\")\n    const spMax = getEntityProp(currentPlayer, \"params.maxSp\")\n    const percentSp = computed(() => (sp() / spMax() * 100) + '%')\n\n    const level = getEntityProp(currentPlayer, \"level\")\n</script>\n    \n"],"mappings":";;;;;AAWM,SAAe,UAAA,SAAA;AACT,UAAA,QAAA;CACJ,MAAK,cAAe,eAAe,QAAQ;CAC3C,MAAK,SAAA,OAAA,gBAAA;CACb,MAAM,gBAAc,OAAI,MAAW;CACnC,MAAM,EAAE,SAAS,aAAW;CAC5B,MAAM,EAAE,YAAS,MAAK;CACtB,MAAM,eAAe,UAAU,OAAK,UAAY,aAAS,OAAO,GAAA;CAChE,MAAM,OAAO,eAAI,YAAA,MAAA,CAAA,QAAA,CAAA;CACjB,MAAM,UAAU,eAAe;EAC3B,MAAM,QAAO,MAAK;AAClB,SAAO,CAAC,EAAE,SAAO,MAAO;GAC1B;CACF,MAAM,aAAO,eAAA;EACT,YAAK,OAAA,eAAA,UAAA,GAAA;EACP,SAAA,UAAY,cAAA;;CAEd,MAAC,KAAM,cAAA,eAAA,KAAA;CACP,MAAI,QAAS,cAAe,eAAc,eAAO;CACjD,MAAI,YAAS,eAAkB,IAAO,GAAG,OAAK,GAAA,MAAA,IAAgB;CAC9D,MAAI,KAAO,cAAa,eAAM,KAAa;CAC3C,MAAI,QAAS,cAAe,eAAe,eAAO;;CAElD,MAAI,QAAM,cAAgB,eAAe,QAAA;AAErC,QADM,EAAA,cAAuB,MAAM,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA,EAAA,OAAA,WAAA;EAAA,EAAA,CAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA,EAAA,OAAA,cAAA;EAAA,EAAA,CAAA,KAAA,SAAA,QAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA,EAAA,OAAA,mBAAA;EAAA,EAAA,EAAA,WAAA;EAAA,OAAA,eAAA,UAAA,MAAA,CAAA,CAAA;EAAA,OAAA;EAAA,QAAA;EAAA,WAAA;EAAA,CAAA,CAAA,CAAA,EAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA,EAAA,OAAA,oBAAA;EAAA,aAAA,eAAA,OAAA,CAAA;EAAA,CAAA,CAAA,CAAA,EAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA,EAAA,OAAA,mBAAA;EAAA,EAAA,CAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA,EAAA,OAAA,qBAAA;EAAA,EAAA,CAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA,EAAA,OAAA,gBAAA;EAAA,aAAA,eAAA,QAAA,IAAA,GAAA,MAAA,OAAA,CAAA;EAAA,CAAA,EAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA;GAAA,OAAA;GAAA,OAAA,EAAA,OAAA,WAAA;GAAA;EAAA,CAAA,CAAA,CAAA,EAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA,EAAA,OAAA,qBAAA;EAAA,EAAA,CAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA,EAAA,OAAA,gBAAA;EAAA,aAAA,eAAA,QAAA,IAAA,GAAA,MAAA,OAAA,CAAA;EAAA,CAAA,EAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA;GAAA,OAAA;GAAA,OAAA,EAAA,OAAA,WAAA;GAAA;EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACnB"}
+{"version":3,"file":"hud.ce.js","names":[],"sources":["../../../../src/components/gui/hud/hud.ce"],"sourcesContent":["<DOMContainer>\n    <div class=\"rpg-hud\">\n        <div class=\"rpg-avatar\">\n            @if (hasFace()) {\n                <div class=\"rpg-avatar-face\">\n                    <DOMSprite \n                        sheet={faceSheet(face())} \n                        width={64} \n                        height={64} \n                        objectFit=\"contain\" \n                    />\n                </div>\n            }\n            <div class=\"rpg-avatar-level\">{{ level() }}</div>\n        </div>\n        <div class=\"rpg-status-bars\">\n            <div class=\"rpg-bar-container\">\n                <span class=\"rpg-bar-text\">HP {{ hp() }}/{{ hpMax() }}</span>\n                <div class=\"rpg-bar-fill health\" style={{width: percentHp}}></div>\n            </div>\n            <div class=\"rpg-bar-container\">\n                <span class=\"rpg-bar-text\">SP {{ sp() }}/{{ spMax() }}</span>\n                <div class=\"rpg-bar-fill mana\" style={{width: percentSp}}></div>\n            </div>\n        </div>\n    </div>\n</DOMContainer>\n\n<script>\n    import { inject } from \"../../../core/inject\";\n    import { RpgClientEngine } from \"../../../RpgClientEngine\";\n    import { computed } from \"canvasengine\";\n    import { getEntityProp } from \"../../../utils/getEntityProp\";\n\n    const engine = inject(RpgClientEngine)\n    const currentPlayer = engine.scene.currentPlayer\n    const { data } = defineProps();\n    const { faceset } = data();\n\n    const resolveProp = (value) => typeof value === \"function\" ? value() : value;\n    const face = computed(() => resolveProp(data().faceset));\n\n    const hasFace = computed(() => {\n        const value = face();\n        return !!(value && value.id);\n    });\n    const faceSheet = (faceValue) => ({\n        definition: engine.getSpriteSheet(faceValue.id),\n        playing: faceValue.expression || \"default\",\n    });\n    const hp = getEntityProp(currentPlayer, \"hp\")\n    const hpMax = getEntityProp(currentPlayer, \"params.maxHp\")\n    const percentHp = computed(() => (hp() / hpMax() * 100) + '%')\n\n    const sp = getEntityProp(currentPlayer, \"sp\")\n    const spMax = getEntityProp(currentPlayer, \"params.maxSp\")\n    const percentSp = computed(() => (sp() / spMax() * 100) + '%')\n\n    const level = getEntityProp(currentPlayer, \"level\")\n</script>\n    \n"],"mappings":";;;;;AAWM,SAAS,UAAM,SAAA;AACT,UAAA,QAAA;CACJ,MAAK,cAAe,eAAe,QAAQ;CAC3C,MAAK,SAAA,OAAA,gBAAA;CACb,MAAM,gBAAc,OAAI,MAAW;CACnC,MAAM,EAAE,SAAS,aAAW;CAC5B,MAAM,EAAE,YAAS,MAAK;CACtB,MAAM,eAAe,UAAU,OAAK,UAAY,aAAS,OAAO,GAAA;CAChE,MAAM,OAAO,eAAI,YAAA,MAAA,CAAA,QAAA,CAAA;CACjB,MAAM,UAAU,eAAe;EAC3B,MAAM,QAAO,MAAK;AAClB,SAAO,CAAC,EAAE,SAAO,MAAO;GAC1B;CACF,MAAM,aAAO,eAAA;EACT,YAAK,OAAA,eAAA,UAAA,GAAA;EACP,SAAA,UAAY,cAAA;;CAEd,MAAC,KAAM,cAAA,eAAA,KAAA;CACP,MAAI,QAAS,cAAe,eAAc,eAAO;CACjD,MAAI,YAAS,eAAkB,IAAO,GAAG,OAAK,GAAA,MAAA,IAAgB;CAC9D,MAAI,KAAO,cAAa,eAAM,KAAa;CAC3C,MAAI,QAAS,cAAe,eAAe,eAAO;;CAElD,MAAI,QAAM,cAAgB,eAAe,QAAA;AAErC,QADM,EAAA,cAAuB,MAAM,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA,EAAA,OAAA,WAAA;EAAA,EAAA,CAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA,EAAA,OAAA,cAAA;EAAA,EAAA,CAAA,KAAA,SAAA,QAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA,EAAA,OAAA,mBAAA;EAAA,EAAA,EAAA,WAAA;EAAA,OAAA,eAAA,UAAA,MAAA,CAAA,CAAA;EAAA,OAAA;EAAA,QAAA;EAAA,WAAA;EAAA,CAAA,CAAA,CAAA,EAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA,EAAA,OAAA,oBAAA;EAAA,aAAA,eAAA,OAAA,CAAA;EAAA,CAAA,CAAA,CAAA,EAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA,EAAA,OAAA,mBAAA;EAAA,EAAA,CAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA,EAAA,OAAA,qBAAA;EAAA,EAAA,CAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA,EAAA,OAAA,gBAAA;EAAA,aAAA,eAAA,QAAA,IAAA,GAAA,MAAA,OAAA,CAAA;EAAA,CAAA,EAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA;GAAA,OAAA;GAAA,OAAA,EAAA,OAAA,WAAA;GAAA;EAAA,CAAA,CAAA,CAAA,EAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA,EAAA,OAAA,qBAAA;EAAA,EAAA,CAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA,EAAA,OAAA,gBAAA;EAAA,aAAA,eAAA,QAAA,IAAA,GAAA,MAAA,OAAA,CAAA;EAAA,CAAA,EAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA;GAAA,OAAA;GAAA,OAAA,EAAA,OAAA,WAAA;GAAA;EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACnB;;AAGhB,IAAM,iBAAA"}

package/dist/components/gui/menu/equip-menu.ce.js

@@ -420,7 +420,8 @@ function component($$props) {
 		textContent: entry.tag || ""
 	})])))])])]));
 }
+var __ce_component = component;
 //#endregion
-export { component as default };
+export { __ce_component as default };
 
 //# sourceMappingURL=equip-menu.ce.js.map

package/dist/components/gui/menu/equip-menu.ce.js.map

@@ -1 +1 @@
-{"version":3,"file":"equip-menu.ce.js","names":[],"sources":["../../../../src/components/gui/menu/equip-menu.ce"],"sourcesContent":["<DOMContainer width=\"100%\" height=\"100%\">\n    <div class=\"rpg-ui-menu-panel rpg-ui-panel\">\n        <div class=\"rpg-ui-menu-panel-header\">Equip</div>\n        <div class=\"rpg-ui-menu-panel-body rpg-ui-menu-panel-body-stacked\">\n            <div>\n                <div class=\"rpg-ui-menu-panel-details rpg-ui-panel\">\n                    <div class=\"rpg-ui-menu-panel-hero\">\n                        <div class=\"rpg-ui-menu-panel-hero-icon\">\n                            <DOMSprite \n                                sheet={iconSheet(detailsItem()?.icon)} \n                                playing=\"default\" \n                                width=\"48px\"\n                                height=\"48px\"\n                                objectFit=\"contain\"\n                            />\n                        </div>\n                        <div>\n                            <div class=\"rpg-ui-menu-panel-details-title\">\n                                {detailsItem()?.name || currentSlot()?.label || \"Equip\"}\n                            </div>\n                            <div class=\"rpg-ui-menu-panel-details-desc\">\n                                {detailsItem()?.description || \"\"}\n                            </div>\n                            @if (displayStats().length > 0) {\n                                <div class=\"rpg-ui-equip-stats\">\n                                    @for ((stat,index) of displayStats) {\n                                        <div class=\"rpg-ui-equip-stat\" class={{positive: stat.delta > 0, negative: stat.delta < 0}}>\n                                            <div class=\"rpg-ui-equip-stat-key\">{stat.label}</div>\n                                            <div class=\"rpg-ui-equip-stat-value\">\n                                                {stat.delta > 0 ? \"+\" : \"\"}{stat.delta}\n                                            </div>\n                                            @if (stat.current) {\n                                                <div class=\"rpg-ui-equip-stat-current\">{stat.current} -> {stat.next}</div>\n                                            }\n                                        </div>\n                                    }\n                                </div>\n                            }\n                            <div class=\"rpg-ui-menu-panel-details-meta\">\n                                <span>{equippedText()}</span>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n\n            <div class=\"rpg-ui-menu-panel-list rpg-ui-menu rpg-ui-menu-panel-list-full\">\n                <div class=\"rpg-ui-menu-tabs\">\n                    @for ((tab,tabIndex) of slotList) {\n                        <div\n                            class=\"rpg-ui-menu-tab\"\n                            class={{active: selectedTab() === tabIndex}}\n                            tabindex={tabIndex}\n                            click={selectTab(tabIndex)}\n                        >{tab.label}</div>\n                    }\n                </div>\n                <Navigation tabindex={selectedItem} controls={controls}>\n                    @for ((entry,index) of listEntries) {\n                        <div\n                            class=\"rpg-ui-menu-item rpg-ui-menu-row\"\n                            data-selected={selectedItem() === index ? \"true\" : \"false\"}\n                            tabindex={index}\n                            click={selectItem(index)}\n                        >\n                            <div class=\"rpg-ui-menu-row-main\">\n                                <div class=\"rpg-ui-menu-row-icon\">\n                                    @if (entry?.icon) {\n                                        <DOMSprite \n                                            sheet={iconSheet(entry.icon)} \n                                            playing=\"default\" \n                                            width=\"28px\"\n                                            height=\"28px\"\n                                            objectFit=\"contain\"\n                                        />\n                                    }\n                                </div>\n                                <span>{entry.name}</span>\n                            </div>\n                            <span class=\"rpg-ui-menu-row-end\">{entry.tag || \"\"}</span>\n                        </div>\n                    }\n                </Navigation>\n            </div>\n        </div>\n    </div>\n</DOMContainer>\n\n<script>\n    import { signal, computed, createTabindexNavigator, effect } from \"canvasengine\";\n    import { inject } from \"../../../core/inject\";\n    import { RpgClientEngine } from \"../../../RpgClientEngine\";\n\n    const engine = inject(RpgClientEngine);\n    const keyboardControls = engine.globalConfig.keyboardControls;\n    const currentPlayer = engine.scene.currentPlayer;\n\n    const selectedTab = signal(0);\n    const selectedItem = signal(0);\n    const { data, onInteraction, onBack } = defineProps();\n\n    const equips = computed(() => data().equips ?? data().items);\n    const slots = computed(() => data().slots);\n\n    const defaultSlots = [\n        { id: \"weapon\", label: \"Weapon\", types: [\"weapon\"] },\n        { id: \"armor\", label: \"Armor\", types: [\"armor\"] }\n    ];\n    const resolveProp = (value) => typeof value === \"function\" ? value() : value;\n    const safeEquips = computed(() => {\n        const list = resolveProp(equips);\n        return Array.isArray(list) ? list : [];\n    });\n    const slotList = computed(() => {\n        const list = resolveProp(slots);\n        if (Array.isArray(list) && list.length) return list;\n        return defaultSlots;\n    });\n\n    const currentSlot = computed(() => slotList()[selectedTab()]);\n\n    const equippedIds = computed(() => {\n        const equipped = currentPlayer().equipments?.() || [];\n        return new Set(equipped.map((it) => it?.id?.() ?? it?.id ?? it?.name));\n    });\n    const equippedOverrides = signal({});\n\n    effect(() => {\n        const next = {};\n        safeEquips().forEach((item) => {\n            if (item?.id && typeof item.equipped === \"boolean\") {\n                next[item.id] = item.equipped;\n            }\n        });\n        equippedOverrides.set(next);\n    });\n\n    const itemEquipped = (item) => {\n        if (!item) return false;\n        const overrides = equippedOverrides();\n        if (Object.prototype.hasOwnProperty.call(overrides, item.id)) {\n            return overrides[item.id];\n        }\n        if (typeof item.equipped === \"boolean\") return item.equipped;\n        return equippedIds().has(item.id);\n    };\n\n    const slotTypes = (slot) => {\n        if (!slot) return [];\n        if (Array.isArray(slot.types)) return slot.types;\n        if (slot.type) return [slot.type];\n        if (slot.id) return [slot.id];\n        return [];\n    };\n\n    const slotItems = computed(() => {\n        const slot = currentSlot();\n        if (!slot) return [];\n        const types = new Set(slotTypes(slot));\n        return safeEquips().filter((item) => item && types.has(item.type));\n    });\n\n    const currentEquippedItem = computed(() => {\n        const list = slotItems();\n        return list.find((item) => itemEquipped(item)) || null;\n    });\n\n    const listEntries = computed(() => {\n        const items = slotItems().map((item) => ({\n            ...item,\n            kind: \"item\",\n            tag: itemEquipped(item) ? \"Equipped\" : \"\"\n        }));\n        const equipped = currentEquippedItem();\n        if (!equipped) return items;\n        return [\n            {\n                id: \"__unequip__\",\n                name: \"Unequip\",\n                description: \"Remove the current equipment\",\n                kind: \"unequip\",\n                tag: \"\"\n            },\n            ...items\n        ];\n    });\n\n    const currentEntry = computed(() => listEntries()[selectedItem()]);\n    const detailsItem = computed(() => {\n        const entry = currentEntry();\n        if (entry?.kind === \"item\") return entry;\n        return currentEquippedItem();\n    });\n\n    const equippedText = computed(() => {\n        const slot = currentSlot();\n        if (!slot) return \"\";\n        const equipped = currentEquippedItem();\n        return equipped ? `${slot.label}: ${equipped.name}` : `${slot.label}: Empty`;\n    });\n    const listEmpty = computed(() => listEntries().length === 0);\n\n    const nav = createTabindexNavigator(selectedItem, { count: () => listEntries().length }, \"wrap\");\n\n    const playerParams = computed(() => {\n        const menuData = data();\n        if (menuData?.playerStats) return menuData.playerStats;\n        if (menuData?.playerParams) return menuData.playerParams;\n        return currentPlayer()?._param?.() || {};\n    });\n    const statOrder = [\"atk\", \"def\", \"pdef\", \"sdef\", \"str\", \"dex\", \"int\", \"agi\", \"maxHp\", \"maxSp\"];\n    const statLabels = {\n        atk: \"ATK\",\n        def: \"DEF\",\n        pdef: \"PDEF\",\n        sdef: \"SDEF\",\n        str: \"STR\",\n        dex: \"DEX\",\n        int: \"INT\",\n        agi: \"AGI\",\n        maxHp: \"MAX HP\",\n        maxSp: \"MAX SP\"\n    };\n\n    const getItemStats = (item) => {\n        if (!item) return {};\n        const stats = item.stats || item.params || {};\n        if (Object.keys(stats).length) return stats;\n        const keys = [\"atk\", \"def\", \"pdef\", \"sdef\", \"str\", \"dex\", \"int\", \"agi\", \"maxHp\", \"maxSp\"];\n        const direct = {};\n        keys.forEach((key) => {\n            if (item[key] !== undefined) direct[key] = item[key];\n        });\n        return direct;\n    };\n\n    const buildStatsList = (deltaStats) => {\n        const params = playerParams() || {};\n        const orderedKeys = statOrder.filter((key) => deltaStats[key] !== undefined);\n        const extraKeys = Object.keys(deltaStats).filter((key) => !statOrder.includes(key));\n        const keys = orderedKeys.concat(extraKeys);\n        const list = [];\n        for (const key of keys) {\n            const delta = deltaStats[key];\n            if (delta === undefined || delta === 0) continue;\n            let current = params[key];\n            if (current === undefined && key === \"def\") current = params.pdef;\n            const next = current !== undefined ? current + delta : undefined;\n            list.push({\n                key,\n                label: statLabels[key] || key.toUpperCase(),\n                delta,\n                current,\n                next\n            });\n        }\n        return list;\n    };\n\n    const displayStats = computed(() => {\n        const entry = currentEntry();\n        const equipped = currentEquippedItem();\n        if (!entry) return [];\n        if (entry.kind === \"unequip\") {\n           \n            if (!equipped) return [];\n            const stats = getItemStats(equipped);\n            const delta = {};\n            Object.keys(stats).forEach((key) => {\n                delta[key] = -stats[key];\n            });\n            return buildStatsList(delta);\n        }\n        if (entry.kind === \"item\") {\n            const equippedStats = getItemStats(equipped);\n            const nextStats = getItemStats(entry);\n            const delta = {};\n            const keys = new Set([...Object.keys(nextStats), ...Object.keys(equippedStats)]);\n            keys.forEach((key) => {\n                delta[key] = (nextStats[key] || 0) - (equippedStats[key] || 0);\n            });\n            return buildStatsList(delta);\n        }\n        return [];\n    });\n\n    const applyEquipState = (slot, itemId, equip) => {\n        const types = slotTypes(slot);\n        const next = { ...equippedOverrides() };\n        if (types.length) {\n            safeEquips().forEach((item) => {\n                if (!item) return;\n                if (types.includes(item.type)) {\n                    next[item.id] = false;\n                }\n            });\n        }\n        if (itemId) {\n            next[itemId] = equip;\n        }\n        equippedOverrides.set(next);\n    };\n\n    const commitSelection = (index) => {\n        const entry = listEntries()[index];\n        if (!entry) return;\n        if (entry.kind === \"unequip\") {\n            const equipped = currentEquippedItem();\n            if (equipped && onInteraction) {\n                onInteraction(\"equipItem\", { id: equipped.id, equip: false });\n            }\n            applyEquipState(currentSlot(), equipped?.id, false);\n            return;\n        }\n        if (entry.kind === \"item\" && onInteraction) {\n            if (!itemEquipped(entry)) {\n                onInteraction(\"equipItem\", { id: entry.id, equip: true });\n            }\n            applyEquipState(currentSlot(), entry.id, true);\n        }\n    };\n\n    function selectTab(index) {\n        return function() {\n            selectedTab.set(index);\n            selectedItem.set(0);\n        }\n    }\n\n    function selectItem(index) {\n        return function() {\n            selectedItem.set(index);\n            commitSelection(index);\n        }\n    }\n\n    const iconSheet = (iconId) => ({\n        definition: engine.getSpriteSheet(iconId)\n    });\n\n    const controls = signal({\n        up: {\n            repeat: true,\n            bind: keyboardControls.up,\n            throttle: 150,\n            keyDown() {\n                if (!listEntries().length) return;\n                nav.next(-1);\n            }\n        },\n        left: {\n            repeat: true,\n            bind: keyboardControls.left,\n            throttle: 150,\n            keyDown() {\n                const tabs = slotList();\n                if (!tabs.length) return;\n                selectedTab.update((value) => (value - 1 + tabs.length) % tabs.length);\n                selectedItem.set(0);\n            }\n        },\n        right: {\n            repeat: true,\n            bind: keyboardControls.right,\n            throttle: 150,\n            keyDown() {\n                const tabs = slotList();\n                if (!tabs.length) return;\n                selectedTab.update((value) => (value + 1) % tabs.length);\n                selectedItem.set(0);\n            }\n        },\n        down: {\n            repeat: true,\n            bind: keyboardControls.down,\n            throttle: 150,\n            keyDown() {\n                if (!listEntries().length) return;\n                nav.next(1);\n            }\n        },\n        action: {\n            bind: keyboardControls.action,\n            keyDown() {\n                if (!listEntries().length) return;\n                commitSelection(selectedItem());\n            }\n        },\n        escape: {\n            bind: keyboardControls.escape,\n            keyDown() {\n                if (onBack) onBack();\n            }\n        },\n        gamepad: {\n            enabled: true\n        }\n    });\n\n    effect(() => {\n        const count = listEntries().length;\n        if (!count) {\n            selectedItem.set(0);\n            return;\n        }\n        if (selectedItem() >= count) {\n            selectedItem.set(count - 1);\n        }\n    });\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"equip-menu.ce.js","names":[],"sources":["../../../../src/components/gui/menu/equip-menu.ce"],"sourcesContent":["<DOMContainer width=\"100%\" height=\"100%\">\n    <div class=\"rpg-ui-menu-panel rpg-ui-panel\">\n        <div class=\"rpg-ui-menu-panel-header\">Equip</div>\n        <div class=\"rpg-ui-menu-panel-body rpg-ui-menu-panel-body-stacked\">\n            <div>\n                <div class=\"rpg-ui-menu-panel-details rpg-ui-panel\">\n                    <div class=\"rpg-ui-menu-panel-hero\">\n                        <div class=\"rpg-ui-menu-panel-hero-icon\">\n                            <DOMSprite \n                                sheet={iconSheet(detailsItem()?.icon)} \n                                playing=\"default\" \n                                width=\"48px\"\n                                height=\"48px\"\n                                objectFit=\"contain\"\n                            />\n                        </div>\n                        <div>\n                            <div class=\"rpg-ui-menu-panel-details-title\">\n                                {detailsItem()?.name || currentSlot()?.label || \"Equip\"}\n                            </div>\n                            <div class=\"rpg-ui-menu-panel-details-desc\">\n                                {detailsItem()?.description || \"\"}\n                            </div>\n                            @if (displayStats().length > 0) {\n                                <div class=\"rpg-ui-equip-stats\">\n                                    @for ((stat,index) of displayStats) {\n                                        <div class=\"rpg-ui-equip-stat\" class={{positive: stat.delta > 0, negative: stat.delta < 0}}>\n                                            <div class=\"rpg-ui-equip-stat-key\">{stat.label}</div>\n                                            <div class=\"rpg-ui-equip-stat-value\">\n                                                {stat.delta > 0 ? \"+\" : \"\"}{stat.delta}\n                                            </div>\n                                            @if (stat.current) {\n                                                <div class=\"rpg-ui-equip-stat-current\">{stat.current} -> {stat.next}</div>\n                                            }\n                                        </div>\n                                    }\n                                </div>\n                            }\n                            <div class=\"rpg-ui-menu-panel-details-meta\">\n                                <span>{equippedText()}</span>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n\n            <div class=\"rpg-ui-menu-panel-list rpg-ui-menu rpg-ui-menu-panel-list-full\">\n                <div class=\"rpg-ui-menu-tabs\">\n                    @for ((tab,tabIndex) of slotList) {\n                        <div\n                            class=\"rpg-ui-menu-tab\"\n                            class={{active: selectedTab() === tabIndex}}\n                            tabindex={tabIndex}\n                            click={selectTab(tabIndex)}\n                        >{tab.label}</div>\n                    }\n                </div>\n                <Navigation tabindex={selectedItem} controls={controls}>\n                    @for ((entry,index) of listEntries) {\n                        <div\n                            class=\"rpg-ui-menu-item rpg-ui-menu-row\"\n                            data-selected={selectedItem() === index ? \"true\" : \"false\"}\n                            tabindex={index}\n                            click={selectItem(index)}\n                        >\n                            <div class=\"rpg-ui-menu-row-main\">\n                                <div class=\"rpg-ui-menu-row-icon\">\n                                    @if (entry?.icon) {\n                                        <DOMSprite \n                                            sheet={iconSheet(entry.icon)} \n                                            playing=\"default\" \n                                            width=\"28px\"\n                                            height=\"28px\"\n                                            objectFit=\"contain\"\n                                        />\n                                    }\n                                </div>\n                                <span>{entry.name}</span>\n                            </div>\n                            <span class=\"rpg-ui-menu-row-end\">{entry.tag || \"\"}</span>\n                        </div>\n                    }\n                </Navigation>\n            </div>\n        </div>\n    </div>\n</DOMContainer>\n\n<script>\n    import { signal, computed, createTabindexNavigator, effect } from \"canvasengine\";\n    import { inject } from \"../../../core/inject\";\n    import { RpgClientEngine } from \"../../../RpgClientEngine\";\n\n    const engine = inject(RpgClientEngine);\n    const keyboardControls = engine.globalConfig.keyboardControls;\n    const currentPlayer = engine.scene.currentPlayer;\n\n    const selectedTab = signal(0);\n    const selectedItem = signal(0);\n    const { data, onInteraction, onBack } = defineProps();\n\n    const equips = computed(() => data().equips ?? data().items);\n    const slots = computed(() => data().slots);\n\n    const defaultSlots = [\n        { id: \"weapon\", label: \"Weapon\", types: [\"weapon\"] },\n        { id: \"armor\", label: \"Armor\", types: [\"armor\"] }\n    ];\n    const resolveProp = (value) => typeof value === \"function\" ? value() : value;\n    const safeEquips = computed(() => {\n        const list = resolveProp(equips);\n        return Array.isArray(list) ? list : [];\n    });\n    const slotList = computed(() => {\n        const list = resolveProp(slots);\n        if (Array.isArray(list) && list.length) return list;\n        return defaultSlots;\n    });\n\n    const currentSlot = computed(() => slotList()[selectedTab()]);\n\n    const equippedIds = computed(() => {\n        const equipped = currentPlayer().equipments?.() || [];\n        return new Set(equipped.map((it) => it?.id?.() ?? it?.id ?? it?.name));\n    });\n    const equippedOverrides = signal({});\n\n    effect(() => {\n        const next = {};\n        safeEquips().forEach((item) => {\n            if (item?.id && typeof item.equipped === \"boolean\") {\n                next[item.id] = item.equipped;\n            }\n        });\n        equippedOverrides.set(next);\n    });\n\n    const itemEquipped = (item) => {\n        if (!item) return false;\n        const overrides = equippedOverrides();\n        if (Object.prototype.hasOwnProperty.call(overrides, item.id)) {\n            return overrides[item.id];\n        }\n        if (typeof item.equipped === \"boolean\") return item.equipped;\n        return equippedIds().has(item.id);\n    };\n\n    const slotTypes = (slot) => {\n        if (!slot) return [];\n        if (Array.isArray(slot.types)) return slot.types;\n        if (slot.type) return [slot.type];\n        if (slot.id) return [slot.id];\n        return [];\n    };\n\n    const slotItems = computed(() => {\n        const slot = currentSlot();\n        if (!slot) return [];\n        const types = new Set(slotTypes(slot));\n        return safeEquips().filter((item) => item && types.has(item.type));\n    });\n\n    const currentEquippedItem = computed(() => {\n        const list = slotItems();\n        return list.find((item) => itemEquipped(item)) || null;\n    });\n\n    const listEntries = computed(() => {\n        const items = slotItems().map((item) => ({\n            ...item,\n            kind: \"item\",\n            tag: itemEquipped(item) ? \"Equipped\" : \"\"\n        }));\n        const equipped = currentEquippedItem();\n        if (!equipped) return items;\n        return [\n            {\n                id: \"__unequip__\",\n                name: \"Unequip\",\n                description: \"Remove the current equipment\",\n                kind: \"unequip\",\n                tag: \"\"\n            },\n            ...items\n        ];\n    });\n\n    const currentEntry = computed(() => listEntries()[selectedItem()]);\n    const detailsItem = computed(() => {\n        const entry = currentEntry();\n        if (entry?.kind === \"item\") return entry;\n        return currentEquippedItem();\n    });\n\n    const equippedText = computed(() => {\n        const slot = currentSlot();\n        if (!slot) return \"\";\n        const equipped = currentEquippedItem();\n        return equipped ? `${slot.label}: ${equipped.name}` : `${slot.label}: Empty`;\n    });\n    const listEmpty = computed(() => listEntries().length === 0);\n\n    const nav = createTabindexNavigator(selectedItem, { count: () => listEntries().length }, \"wrap\");\n\n    const playerParams = computed(() => {\n        const menuData = data();\n        if (menuData?.playerStats) return menuData.playerStats;\n        if (menuData?.playerParams) return menuData.playerParams;\n        return currentPlayer()?._param?.() || {};\n    });\n    const statOrder = [\"atk\", \"def\", \"pdef\", \"sdef\", \"str\", \"dex\", \"int\", \"agi\", \"maxHp\", \"maxSp\"];\n    const statLabels = {\n        atk: \"ATK\",\n        def: \"DEF\",\n        pdef: \"PDEF\",\n        sdef: \"SDEF\",\n        str: \"STR\",\n        dex: \"DEX\",\n        int: \"INT\",\n        agi: \"AGI\",\n        maxHp: \"MAX HP\",\n        maxSp: \"MAX SP\"\n    };\n\n    const getItemStats = (item) => {\n        if (!item) return {};\n        const stats = item.stats || item.params || {};\n        if (Object.keys(stats).length) return stats;\n        const keys = [\"atk\", \"def\", \"pdef\", \"sdef\", \"str\", \"dex\", \"int\", \"agi\", \"maxHp\", \"maxSp\"];\n        const direct = {};\n        keys.forEach((key) => {\n            if (item[key] !== undefined) direct[key] = item[key];\n        });\n        return direct;\n    };\n\n    const buildStatsList = (deltaStats) => {\n        const params = playerParams() || {};\n        const orderedKeys = statOrder.filter((key) => deltaStats[key] !== undefined);\n        const extraKeys = Object.keys(deltaStats).filter((key) => !statOrder.includes(key));\n        const keys = orderedKeys.concat(extraKeys);\n        const list = [];\n        for (const key of keys) {\n            const delta = deltaStats[key];\n            if (delta === undefined || delta === 0) continue;\n            let current = params[key];\n            if (current === undefined && key === \"def\") current = params.pdef;\n            const next = current !== undefined ? current + delta : undefined;\n            list.push({\n                key,\n                label: statLabels[key] || key.toUpperCase(),\n                delta,\n                current,\n                next\n            });\n        }\n        return list;\n    };\n\n    const displayStats = computed(() => {\n        const entry = currentEntry();\n        const equipped = currentEquippedItem();\n        if (!entry) return [];\n        if (entry.kind === \"unequip\") {\n           \n            if (!equipped) return [];\n            const stats = getItemStats(equipped);\n            const delta = {};\n            Object.keys(stats).forEach((key) => {\n                delta[key] = -stats[key];\n            });\n            return buildStatsList(delta);\n        }\n        if (entry.kind === \"item\") {\n            const equippedStats = getItemStats(equipped);\n            const nextStats = getItemStats(entry);\n            const delta = {};\n            const keys = new Set([...Object.keys(nextStats), ...Object.keys(equippedStats)]);\n            keys.forEach((key) => {\n                delta[key] = (nextStats[key] || 0) - (equippedStats[key] || 0);\n            });\n            return buildStatsList(delta);\n        }\n        return [];\n    });\n\n    const applyEquipState = (slot, itemId, equip) => {\n        const types = slotTypes(slot);\n        const next = { ...equippedOverrides() };\n        if (types.length) {\n            safeEquips().forEach((item) => {\n                if (!item) return;\n                if (types.includes(item.type)) {\n                    next[item.id] = false;\n                }\n            });\n        }\n        if (itemId) {\n            next[itemId] = equip;\n        }\n        equippedOverrides.set(next);\n    };\n\n    const commitSelection = (index) => {\n        const entry = listEntries()[index];\n        if (!entry) return;\n        if (entry.kind === \"unequip\") {\n            const equipped = currentEquippedItem();\n            if (equipped && onInteraction) {\n                onInteraction(\"equipItem\", { id: equipped.id, equip: false });\n            }\n            applyEquipState(currentSlot(), equipped?.id, false);\n            return;\n        }\n        if (entry.kind === \"item\" && onInteraction) {\n            if (!itemEquipped(entry)) {\n                onInteraction(\"equipItem\", { id: entry.id, equip: true });\n            }\n            applyEquipState(currentSlot(), entry.id, true);\n        }\n    };\n\n    function selectTab(index) {\n        return function() {\n            selectedTab.set(index);\n            selectedItem.set(0);\n        }\n    }\n\n    function selectItem(index) {\n        return function() {\n            selectedItem.set(index);\n            commitSelection(index);\n        }\n    }\n\n    const iconSheet = (iconId) => ({\n        definition: engine.getSpriteSheet(iconId)\n    });\n\n    const controls = signal({\n        up: {\n            repeat: true,\n            bind: keyboardControls.up,\n            throttle: 150,\n            keyDown() {\n                if (!listEntries().length) return;\n                nav.next(-1);\n            }\n        },\n        left: {\n            repeat: true,\n            bind: keyboardControls.left,\n            throttle: 150,\n            keyDown() {\n                const tabs = slotList();\n                if (!tabs.length) return;\n                selectedTab.update((value) => (value - 1 + tabs.length) % tabs.length);\n                selectedItem.set(0);\n            }\n        },\n        right: {\n            repeat: true,\n            bind: keyboardControls.right,\n            throttle: 150,\n            keyDown() {\n                const tabs = slotList();\n                if (!tabs.length) return;\n                selectedTab.update((value) => (value + 1) % tabs.length);\n                selectedItem.set(0);\n            }\n        },\n        down: {\n            repeat: true,\n            bind: keyboardControls.down,\n            throttle: 150,\n            keyDown() {\n                if (!listEntries().length) return;\n                nav.next(1);\n            }\n        },\n        action: {\n            bind: keyboardControls.action,\n            keyDown() {\n                if (!listEntries().length) return;\n                commitSelection(selectedItem());\n            }\n        },\n        escape: {\n            bind: keyboardControls.escape,\n            keyDown() {\n                if (onBack) onBack();\n            }\n        },\n        gamepad: {\n            enabled: true\n        }\n    });\n\n    effect(() => {\n        const count = listEntries().length;\n        if (!count) {\n            selectedItem.set(0);\n            return;\n        }\n        if (selectedItem() >= count) {\n            selectedItem.set(count - 1);\n        }\n    });\n</script>\n"],"mappings":"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"}

package/dist/components/gui/menu/exit-menu.ce.js

@@ -48,7 +48,8 @@ function component($$props) {
 		textContent: "Press Action to confirm or Escape to go back.\n                "
 	})]))]));
 }
+var __ce_component = component;
 //#endregion
-export { component as default };
+export { __ce_component as default };
 
 //# sourceMappingURL=exit-menu.ce.js.map

package/dist/components/gui/menu/exit-menu.ce.js.map

@@ -1 +1 @@
-{"version":3,"file":"exit-menu.ce.js","names":[],"sources":["../../../../src/components/gui/menu/exit-menu.ce"],"sourcesContent":["<DOMContainer width=\"100%\" height=\"100%\" controls={controls}>\n    <div class=\"rpg-ui-menu-panel rpg-ui-panel\">\n        <div class=\"rpg-ui-menu-panel-header\">Exit</div>\n        <div class=\"rpg-ui-menu-panel-body\">\n            <div class=\"rpg-ui-menu-panel-details\">\n                <div class=\"rpg-ui-menu-panel-details-title\">Leave the game?</div>\n                <div class=\"rpg-ui-menu-panel-details-desc\">\n                    Press Action to confirm or Escape to go back.\n                </div>\n            </div>\n        </div>\n    </div>\n</DOMContainer>\n\n<script>\n    import { signal } from \"canvasengine\";\n    import { inject } from \"../../../core/inject\";\n    import { RpgClientEngine } from \"../../../RpgClientEngine\";\n\n    const engine = inject(RpgClientEngine);\n    const keyboardControls = engine.globalConfig.keyboardControls;\n    const { onConfirm, onBack } = defineProps();\n\n    const controls = signal({\n        action: {\n            bind: keyboardControls.action,\n            keyDown() {\n                if (onConfirm) onConfirm();\n            }\n        },\n        escape: {\n            bind: keyboardControls.escape,\n            keyDown() {\n                if (onBack) onBack();\n            }\n        },\n        gamepad: {\n            enabled: true\n        }\n    });\n</script>\n"],"mappings":";;;;AASM,SAAW,UAAA,SAAA;AACJ,UAAA,QAAA;CACP,MAAG,cAAA,eAAA,QAAA;0BACK,OAAA,gBAAA,CAAA,aAAA;CAEd,MAAC,EAAM,WAAA,WAAA,aAAA;AAqBC,QADI,EAAA,cAAA;EAAA,OAAA;EAAA,QAAA;EAAA,UAnBC,OAAS;GAClB,QAAQ;IACR,MAAS,iBAAkB;;AAErB,SAAM,UACN,YAAiB;;;GAGvB,QAAM;IACF,MAAM,iBAAE;IACR,UAAU;AACN,SAAA,OACI,SAAI;;IAEf;GACD,SAAI,EACA,SAAS,MACZ;GACJ,CACW;EAAA,EAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA,EAAA,OAAA,kCAAA;EAAA,EAAA,CAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA,EAAA,OAAA,4BAAA;EAAA,aAAA;EAAA,CAAA,EAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA,EAAA,OAAA,0BAAA;EAAA,EAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA,EAAA,OAAA,6BAAA;EAAA,EAAA,CAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA,EAAA,OAAA,mCAAA;EAAA,aAAA;EAAA,CAAA,EAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA,EAAA,OAAA,kCAAA;EAAA,aAAA;EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACH"}
+{"version":3,"file":"exit-menu.ce.js","names":[],"sources":["../../../../src/components/gui/menu/exit-menu.ce"],"sourcesContent":["<DOMContainer width=\"100%\" height=\"100%\" controls={controls}>\n    <div class=\"rpg-ui-menu-panel rpg-ui-panel\">\n        <div class=\"rpg-ui-menu-panel-header\">Exit</div>\n        <div class=\"rpg-ui-menu-panel-body\">\n            <div class=\"rpg-ui-menu-panel-details\">\n                <div class=\"rpg-ui-menu-panel-details-title\">Leave the game?</div>\n                <div class=\"rpg-ui-menu-panel-details-desc\">\n                    Press Action to confirm or Escape to go back.\n                </div>\n            </div>\n        </div>\n    </div>\n</DOMContainer>\n\n<script>\n    import { signal } from \"canvasengine\";\n    import { inject } from \"../../../core/inject\";\n    import { RpgClientEngine } from \"../../../RpgClientEngine\";\n\n    const engine = inject(RpgClientEngine);\n    const keyboardControls = engine.globalConfig.keyboardControls;\n    const { onConfirm, onBack } = defineProps();\n\n    const controls = signal({\n        action: {\n            bind: keyboardControls.action,\n            keyDown() {\n                if (onConfirm) onConfirm();\n            }\n        },\n        escape: {\n            bind: keyboardControls.escape,\n            keyDown() {\n                if (onBack) onBack();\n            }\n        },\n        gamepad: {\n            enabled: true\n        }\n    });\n</script>\n"],"mappings":";;;;AASM,SAAQ,UAAG,SAAA;AACJ,UAAA,QAAA;CACP,MAAG,cAAA,eAAA,QAAA;0BACK,OAAA,gBAAA,CAAA,aAAA;CAEd,MAAC,EAAM,WAAA,WAAA,aAAA;AAqBC,QADI,EAAA,cAAA;EAAA,OAAA;EAAA,QAAA;EAAA,UAnBC,OAAS;GAClB,QAAQ;IACR,MAAS,iBAAkB;;AAErB,SAAM,UACN,YAAiB;;;GAGvB,QAAM;IACF,MAAM,iBAAE;IACR,UAAU;AACN,SAAA,OACI,SAAI;;IAEf;GACD,SAAI,EACA,SAAS,MACZ;GACJ,CACW;EAAA,EAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA,EAAA,OAAA,kCAAA;EAAA,EAAA,CAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA,EAAA,OAAA,4BAAA;EAAA,aAAA;EAAA,CAAA,EAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA,EAAA,OAAA,0BAAA;EAAA,EAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA,EAAA,OAAA,6BAAA;EAAA,EAAA,CAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA,EAAA,OAAA,mCAAA;EAAA,aAAA;EAAA,CAAA,EAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA,EAAA,OAAA,kCAAA;EAAA,aAAA;EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACH;;AAGH,IAAE,iBAEA"}

package/dist/components/gui/menu/items-menu.ce.js

@@ -319,7 +319,8 @@ function component($$props) {
 		}))))])))
 	]));
 }
+var __ce_component = component;
 //#endregion
-export { component as default };
+export { __ce_component as default };
 
 //# sourceMappingURL=items-menu.ce.js.map