@rpgjs/client 5.0.0-beta.12 → 5.0.0-beta.13

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    import { getKeyboardControlBind } from \"../../services/actionInput\";\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: getKeyboardControlBind(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    import { getKeyboardControlBind } from \"../../services/actionInput\";\n\n    const engine = inject(RpgClientEngine);\n    const { t } = engine.i18n();\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: t(\"rpg.gameover.title-screen\") },\n        { id: \"load\", label: t(\"rpg.gameover.load-game\") }\n    ];\n\n    const resolveProp = (value) => typeof value === \"function\" ? value() : value;\n    const titleText = computed(() => resolveProp(title) || t(\"rpg.gameover.title\"));\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: getKeyboardControlBind(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/menu/equip-menu.ce.js

@@ -7,6 +7,7 @@ function component($$props) {
 	useProps($$props);
 	const defineProps = useDefineProps($$props);
 	const engine = inject(RpgClientEngine);
+	const { t } = engine.i18n();
 	const keyboardControls = engine.globalConfig.keyboardControls;
 	const currentPlayer = engine.scene.currentPlayer;
 	const selectedTab = signal(0);
@@ -16,11 +17,11 @@ function component($$props) {
 	const slots = computed(() => data().slots);
 	const defaultSlots = [{
 		id: "weapon",
-		label: "Weapon",
+		label: t("rpg.menu.weapons"),
 		types: ["weapon"]
 	}, {
 		id: "armor",
-		label: "Armor",
+		label: t("rpg.menu.armor"),
 		types: ["armor"]
 	}];
 	const resolveProp = (value) => typeof value === "function" ? value() : value;
@@ -73,13 +74,13 @@ function component($$props) {
 		const items = slotItems().map((item) => ({
 			...item,
 			kind: "item",
-			tag: itemEquipped(item) ? "Equipped" : ""
+			tag: itemEquipped(item) ? t("rpg.shop.equipped") : ""
 		}));
 		if (!currentEquippedItem()) return items;
 		return [{
 			id: "__unequip__",
-			name: "Unequip",
-			description: "Remove the current equipment",
+			name: t("rpg.menu.unequip"),
+			description: t("rpg.menu.remove-equipment"),
 			kind: "unequip",
 			tag: ""
 		}, ...items];
@@ -94,7 +95,7 @@ function component($$props) {
 		const slot = currentSlot();
 		if (!slot) return "";
 		const equipped = currentEquippedItem();
-		return equipped ? `${slot.label}: ${equipped.name}` : `${slot.label}: Empty`;
+		return equipped ? `${slot.label}: ${equipped.name}` : `${slot.label}: ${t("rpg.menu.empty")}`;
 	});
 	computed(() => listEntries().length === 0);
 	const nav = createTabindexNavigator(selectedItem, { count: () => listEntries().length }, "wrap");
@@ -312,7 +313,7 @@ function component($$props) {
 	}, [h(DOMElement, {
 		element: "div",
 		attrs: { class: "rpg-ui-menu-panel-header" },
-		textContent: "Equip"
+		textContent: computed(() => t("rpg.menu.equip"))
 	}), h(DOMElement, {
 		element: "div",
 		attrs: { class: "rpg-ui-menu-panel-body rpg-ui-menu-panel-body-stacked" }
@@ -335,7 +336,7 @@ function component($$props) {
 		h(DOMElement, {
 			element: "div",
 			attrs: { class: "rpg-ui-menu-panel-details-title" },
-			textContent: computed(() => detailsItem()?.name || currentSlot()?.label || "Equip")
+			textContent: computed(() => detailsItem()?.name || currentSlot()?.label || t("rpg.menu.equip"))
 		}),
 		h(DOMElement, {
 			element: "div",

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    import { getKeyboardControlBind } from \"../../../services/actionInput\";\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: getKeyboardControlBind(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\">{t(\"rpg.menu.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 || t(\"rpg.menu.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    import { getKeyboardControlBind } from \"../../../services/actionInput\";\n\n    const engine = inject(RpgClientEngine);\n    const { t } = engine.i18n();\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: t(\"rpg.menu.weapons\"), types: [\"weapon\"] },\n        { id: \"armor\", label: t(\"rpg.menu.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) ? t(\"rpg.shop.equipped\") : \"\"\n        }));\n        const equipped = currentEquippedItem();\n        if (!equipped) return items;\n        return [\n            {\n                id: \"__unequip__\",\n                name: t(\"rpg.menu.unequip\"),\n                description: t(\"rpg.menu.remove-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}: ${t(\"rpg.menu.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: getKeyboardControlBind(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

@@ -1,12 +1,14 @@
 import { inject } from "../../../core/inject.js";
 import { getKeyboardControlBind } from "../../../services/actionInput.js";
 import { RpgClientEngine } from "../../../RpgClientEngine.js";
-import { DOMContainer, DOMElement, h, signal, useDefineProps, useProps } from "canvasengine";
+import { DOMContainer, DOMElement, computed, h, signal, useDefineProps, useProps } from "canvasengine";
 //#region src/components/gui/menu/exit-menu.ce
 function component($$props) {
 	useProps($$props);
 	const defineProps = useDefineProps($$props);
-	const keyboardControls = inject(RpgClientEngine).globalConfig.keyboardControls;
+	const engine = inject(RpgClientEngine);
+	const { t } = engine.i18n();
+	const keyboardControls = engine.globalConfig.keyboardControls;
 	const { onConfirm, onBack } = defineProps();
 	return h(DOMContainer, {
 		width: "100%",
@@ -32,7 +34,7 @@ function component($$props) {
 	}, [h(DOMElement, {
 		element: "div",
 		attrs: { class: "rpg-ui-menu-panel-header" },
-		textContent: "Exit"
+		textContent: computed(() => t("rpg.menu.exit"))
 	}), h(DOMElement, {
 		element: "div",
 		attrs: { class: "rpg-ui-menu-panel-body" }
@@ -42,11 +44,11 @@ function component($$props) {
 	}, [h(DOMElement, {
 		element: "div",
 		attrs: { class: "rpg-ui-menu-panel-details-title" },
-		textContent: "Leave the game?"
+		textContent: computed(() => t("rpg.menu.leave-game"))
 	}), h(DOMElement, {
 		element: "div",
 		attrs: { class: "rpg-ui-menu-panel-details-desc" },
-		textContent: "Press Action to confirm or Escape to go back.\n                "
+		textContent: computed(() => t("rpg.menu.exit-help"))
 	})]))]));
 }
 var __ce_component = component;

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    import { getKeyboardControlBind } from \"../../../services/actionInput\";\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: getKeyboardControlBind(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":";;;;;AAUM,SAAO,UAAA,SAAA;CACJ,SAAA,OAAA;CACP,MAAY,cAAA,eAAA,OAAA;CAEd,MAAC,mBAAA,OAAA,eAAM,EAAA,aAAA;CACP,MAAI,EAAA,WAAe,WAAS,YAAa;CAqBjC,OADI,EAAA,cAAA;EAAA,OAAA;EAAA,QAAA;EAAA,UAnBC,OAAS;GAClB,QAAQ;IACR,MAAS,uBAAwB,iBAAgB,MAAA;;KAE3C,IAAM,WACN,UAAgB;IACtB;;GAEA,QAAM;IACF,MAAM,iBAAE;IACR,UAAU;KACN,IAAA,QACI,OAAI;IACZ;GACJ;GACA,SAAI,EACA,SAAS,KACb;EACJ,CACY;CAAA,GAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA,EAAA,OAAA,iCAAA;CAAA,GAAA,CAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA,EAAA,OAAA,2BAAA;EAAA,aAAA;CAAA,CAAA,GAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA,EAAA,OAAA,yBAAA;CAAA,GAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA,EAAA,OAAA,4BAAA;CAAA,GAAA,CAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA,EAAA,OAAA,kCAAA;EAAA,aAAA;CAAA,CAAA,GAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA,EAAA,OAAA,iCAAA;EAAA,aAAA;CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACH;AACH;AAEA,IAAE,iBAAA"}
+{"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\">{t(\"rpg.menu.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\">{t(\"rpg.menu.leave-game\")}</div>\n                <div class=\"rpg-ui-menu-panel-details-desc\">\n                    {t(\"rpg.menu.exit-help\")}\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    import { getKeyboardControlBind } from \"../../../services/actionInput\";\n\n    const engine = inject(RpgClientEngine);\n    const { t } = engine.i18n();\n    const keyboardControls = engine.globalConfig.keyboardControls;\n    const { onConfirm, onBack } = defineProps();\n\n    const controls = signal({\n        action: {\n            bind: getKeyboardControlBind(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":";;;;;AAUM,SAAO,UAAA,SAAA;CACJ,SAAA,OAAA;CACP,MAAY,cAAA,eAAA,OAAA;;CAEd,MAAC,EAAM,MAAA,OAAA,KAAA;CACP,MAAI,mBAAkB,OAAM,aAAa;CACzC,MAAI,EAAA,WAAe,WAAW,YAAY;CAqBlC,OADI,EAAA,cAAA;EAAA,OAAA;EAAA,QAAA;EAAA,UAnBC,OAAA;GACT,QAAQ;;IAER,UAAc;KACN,IAAI,WACN,UAAgB;IACtB;;GAEA,QAAM;IACF,MAAM,iBAAE;IACR,UAAU;KACN,IAAA,QACI,OAAI;IACZ;GACJ;GACA,SAAI,EACA,SAAS,KACb;EACJ,CACY;CAAA,GAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA,EAAA,OAAA,iCAAA;CAAA,GAAA,CAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA,EAAA,OAAA,2BAAA;EAAA,aAAA,eAAA,EAAA,eAAA,CAAA;CAAA,CAAA,GAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA,EAAA,OAAA,yBAAA;CAAA,GAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA,EAAA,OAAA,4BAAA;CAAA,GAAA,CAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA,EAAA,OAAA,kCAAA;EAAA,aAAA,eAAA,EAAA,qBAAA,CAAA;CAAA,CAAA,GAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA,EAAA,OAAA,iCAAA;EAAA,aAAA,eAAA,EAAA,oBAAA,CAAA;CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACH;AACH;AAEA,IAAE,iBAAA"}

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

@@ -8,6 +8,7 @@ function component($$props) {
 	useProps($$props);
 	const defineProps = useDefineProps($$props);
 	const engine = inject(RpgClientEngine);
+	const { t } = engine.i18n();
 	const keyboardControls = engine.globalConfig.keyboardControls;
 	const selectedItem = signal(0);
 	const selectedTab = signal(0);
@@ -19,15 +20,15 @@ function component($$props) {
 	const tabs = [
 		{
 			id: "item",
-			label: "Items"
+			label: t("rpg.menu.items")
 		},
 		{
 			id: "weapon",
-			label: "Weapons"
+			label: t("rpg.menu.weapons")
 		},
 		{
 			id: "armor",
-			label: "Armor"
+			label: t("rpg.menu.armor")
 		}
 	];
 	const resolveProp = (value) => typeof value === "function" ? value() : value;
@@ -43,10 +44,10 @@ function component($$props) {
 	});
 	const confirmOptions = [{
 		id: "use",
-		label: "Use"
+		label: t("rpg.menu.use")
 	}, {
 		id: "cancel",
-		label: "Cancel"
+		label: t("rpg.menu.cancel")
 	}];
 	const nav = createTabindexNavigator(selectedItem, { count: () => filteredItems().length }, "wrap");
 	const navConfirm = createTabindexNavigator(selectedConfirm, { count: () => confirmOptions.length }, "wrap");
@@ -219,7 +220,7 @@ function component($$props) {
 		h(DOMElement, {
 			element: "div",
 			attrs: { class: "rpg-ui-menu-panel-header" },
-			textContent: "Items"
+			textContent: computed(() => t("rpg.menu.items"))
 		}),
 		h(DOMElement, {
 			element: "div",
@@ -301,7 +302,7 @@ function component($$props) {
 		}, [h(DOMElement, {
 			element: "div",
 			attrs: { class: "rpg-ui-menu-confirm-title" },
-			textContent: computed(() => "Use " + confirmItem()?.name + "?")
+			textContent: computed(() => t("rpg.menu.use") + confirmItem()?.name + "?")
 		}), h(Navigation, {
 			tabindex: selectedConfirm,
 			controls: confirmControls

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

@@ -1 +1 @@
-{"version":3,"file":"items-menu.ce.js","names":[],"sources":["../../../../src/components/gui/menu/items-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\">Items</div>\n        <div class=\"rpg-ui-menu-panel-body rpg-ui-menu-panel-body-stacked\">\n            <div>\n                @if (currentItem) {\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(currentItem()?.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\">{currentItem()?.name}</div>\n                                <div class=\"rpg-ui-menu-panel-details-desc\">{currentItem()?.description || \"\"}</div>\n                            </div>\n                        </div>\n                    </div>\n                }\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 tabs) {\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 ((item,index) of filteredItems) {\n                        <div\n                            class=\"rpg-ui-menu-item rpg-ui-menu-row\"\n                            class={{disabled: !item.usable}}\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                                    <DOMSprite \n                                        sheet={iconSheet(item.icon)} \n                                        playing=\"default\" \n                                        width=\"28px\"\n                                        height=\"28px\"\n                                        objectFit=\"contain\"\n                                    />\n                                </div>\n                                <span>{item.name}</span>\n                            </div>\n                            <span class=\"rpg-ui-menu-row-end\">x{item.quantity ?? 1}</span>\n                        </div>\n                    }\n                </Navigation>\n            </div>\n        </div>\n        @if (confirmOpen) {\n            <div class=\"rpg-ui-menu-confirm\">\n                <div class=\"rpg-ui-menu-confirm-card\">\n                    <div class=\"rpg-ui-menu-confirm-title\">Use {confirmItem()?.name}?</div>\n                    <Navigation tabindex={selectedConfirm} controls={confirmControls}>\n                        <div class=\"rpg-ui-menu-confirm-actions\">\n                            @for ((option,index) of confirmOptions) {\n                                <button\n                                    class=\"rpg-ui-menu-confirm-btn\"\n                                    class={{\"rpg-ui-menu-confirm-btn-secondary\": option.id === \"cancel\"}}\n                                    data-selected={selectedConfirm() === index ? \"true\" : \"false\"}\n                                    tabindex={index}\n                                    click={confirmSelect(index)}\n                                >{option.label}</button>\n                            }\n                        </div>\n                    </Navigation>\n                </div>\n            </div>\n        }\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    import { delay } from \"@rpgjs/common\";\n    import { getKeyboardControlBind } from \"../../../services/actionInput\";\n\n    const engine = inject(RpgClientEngine);\n    const keyboardControls = engine.globalConfig.keyboardControls;\n\n    const selectedItem = signal(0);\n    const selectedTab = signal(0);\n    const selectedConfirm = signal(0);\n    const confirmOpen = signal(false);\n    const confirmItem = signal(null);\n\n    const { data, onInteraction, onBack } = defineProps();\n\n    const items = computed(() => data().items);\n\n    const tabs = [\n        { id: \"item\", label: \"Items\" },\n        { id: \"weapon\", label: \"Weapons\" },\n        { id: \"armor\", label: \"Armor\" }\n    ];\n\n    const resolveProp = (value) => typeof value === \"function\" ? value() : value;\n    const safeItems = computed(() => {\n        const value = resolveProp(items);\n        return Array.isArray(value) ? value : [];\n    });\n\n    const filteredItems = computed(() => {\n        const items = safeItems();\n        const tab = tabs[selectedTab()];\n        if (!tab) return [];\n        return items.filter((item) => item.type === tab.id && (item.quantity ?? 1) > 0);\n    });\n\n    const confirmOptions = [\n        { id: \"use\", label: \"Use\" },\n        { id: \"cancel\", label: \"Cancel\" }\n    ];\n\n    const nav = createTabindexNavigator(selectedItem, { count: () => filteredItems().length }, \"wrap\");\n    const navConfirm = createTabindexNavigator(selectedConfirm, { count: () => confirmOptions.length }, \"wrap\");\n    const currentItem = computed(() => filteredItems()[selectedItem()]);\n    const iconSheet = (iconId) => ({\n        definition: engine.getSpriteSheet(iconId)\n    });\n\n    const clampSelection = () => {\n        const count = filteredItems().length;\n        if (count === 0) {\n            selectedItem.set(0);\n            return;\n        }\n        if (selectedItem() >= count) {\n            selectedItem.set(count - 1);\n        }\n    };\n\n    function selectItem(index) {\n        return function() {\n            selectedItem.set(index);\n            requestUseItem(index);\n        }\n    }\n\n    function selectTab(index) {\n        return function() {\n            selectedItem.set(0);\n            selectedTab.set(index);\n        }\n    }\n\n    const useItem = (index) => {\n        const item = filteredItems()[index];\n        if (!item || !item.usable) return;\n        if (onInteraction) onInteraction(\"useItem\", { id: item.id });\n    };\n\n    const requestUseItem = (index) => {\n        const item = filteredItems()[index];\n        if (!item || !item.usable) return;\n        if (item.consumable) {\n            confirmItem.set(item);\n            confirmOpen.set(true);\n            selectedConfirm.set(0);\n            return;\n        }\n        useItem(index);\n    };\n\n    const confirmUse = () => {\n        const item = confirmItem();\n        if (!item) return;\n        delay(() => {\n            if (onInteraction) onInteraction(\"useItem\", { id: item.id });\n            confirmOpen.set(false);\n            confirmItem.set(null);\n        });\n    };\n\n    const cancelConfirm = () => {\n        delay(() => {\n            confirmOpen.set(false);\n            confirmItem.set(null);\n        });\n    };\n\n    function confirmSelect(index) {\n        return function() {\n            selectedConfirm.set(index);\n            if (index === 0) {\n                confirmUse();\n                return;\n            }\n            cancelConfirm();\n        }\n    }\n\n    const confirmControls = signal({\n        left: {\n            repeat: true,\n            bind: keyboardControls.left,\n            throttle: 150,\n            keyDown() {\n                if (!confirmOpen()) return;\n                navConfirm.next(-1);\n            }\n        },\n        right: {\n            repeat: true,\n            bind: keyboardControls.right,\n            throttle: 150,\n            keyDown() {\n                if (!confirmOpen()) return;\n                navConfirm.next(1);\n            }\n        },\n        action: {\n            bind: getKeyboardControlBind(keyboardControls.action),\n            keyDown() {\n                if (!confirmOpen()) return;\n                confirmSelect(selectedConfirm())();\n            }\n        },\n        escape: {\n            bind: keyboardControls.escape,\n            keyDown() {\n                if (!confirmOpen()) return;\n                cancelConfirm();\n            }\n        }\n    });\n\n    const controls = signal({\n        up: {\n            repeat: true,\n            bind: keyboardControls.up,\n            throttle: 150,\n            keyDown() {\n                if (confirmOpen()) {\n                    return;\n                }\n                nav.next(-1);\n            }\n        },\n        left: {\n            repeat: true,\n            bind: keyboardControls.left,\n            throttle: 150,\n            keyDown() {\n                if (confirmOpen()) {\n                    return;\n                }\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                if (confirmOpen()) {\n                    return;\n                }\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 (confirmOpen()) {\n                    return;\n                }\n                nav.next(1);\n            }\n        },\n        action: {\n            bind: getKeyboardControlBind(keyboardControls.action),\n            keyDown() {\n                if (confirmOpen()) {\n                    confirmSelect(selectedConfirm())();\n                    return;\n                }\n                requestUseItem(selectedItem());\n            }\n        },\n        escape: {\n            bind: keyboardControls.escape,\n            keyDown() {\n                if (confirmOpen()) {\n                    cancelConfirm();\n                    return;\n                }\n                if (onBack) onBack();\n            }\n        },\n        gamepad: {\n            enabled: true\n        }\n    });\n\n    clampSelection();\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"items-menu.ce.js","names":[],"sources":["../../../../src/components/gui/menu/items-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\">{t(\"rpg.menu.items\")}</div>\n        <div class=\"rpg-ui-menu-panel-body rpg-ui-menu-panel-body-stacked\">\n            <div>\n                @if (currentItem) {\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(currentItem()?.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\">{currentItem()?.name}</div>\n                                <div class=\"rpg-ui-menu-panel-details-desc\">{currentItem()?.description || \"\"}</div>\n                            </div>\n                        </div>\n                    </div>\n                }\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 tabs) {\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 ((item,index) of filteredItems) {\n                        <div\n                            class=\"rpg-ui-menu-item rpg-ui-menu-row\"\n                            class={{disabled: !item.usable}}\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                                    <DOMSprite \n                                        sheet={iconSheet(item.icon)} \n                                        playing=\"default\" \n                                        width=\"28px\"\n                                        height=\"28px\"\n                                        objectFit=\"contain\"\n                                    />\n                                </div>\n                                <span>{item.name}</span>\n                            </div>\n                            <span class=\"rpg-ui-menu-row-end\">x{item.quantity ?? 1}</span>\n                        </div>\n                    }\n                </Navigation>\n            </div>\n        </div>\n        @if (confirmOpen) {\n            <div class=\"rpg-ui-menu-confirm\">\n                <div class=\"rpg-ui-menu-confirm-card\">\n                    <div class=\"rpg-ui-menu-confirm-title\">{t(\"rpg.menu.use\")} {confirmItem()?.name}?</div>\n                    <Navigation tabindex={selectedConfirm} controls={confirmControls}>\n                        <div class=\"rpg-ui-menu-confirm-actions\">\n                            @for ((option,index) of confirmOptions) {\n                                <button\n                                    class=\"rpg-ui-menu-confirm-btn\"\n                                    class={{\"rpg-ui-menu-confirm-btn-secondary\": option.id === \"cancel\"}}\n                                    data-selected={selectedConfirm() === index ? \"true\" : \"false\"}\n                                    tabindex={index}\n                                    click={confirmSelect(index)}\n                                >{option.label}</button>\n                            }\n                        </div>\n                    </Navigation>\n                </div>\n            </div>\n        }\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    import { delay } from \"@rpgjs/common\";\n    import { getKeyboardControlBind } from \"../../../services/actionInput\";\n\n    const engine = inject(RpgClientEngine);\n    const { t } = engine.i18n();\n    const keyboardControls = engine.globalConfig.keyboardControls;\n\n    const selectedItem = signal(0);\n    const selectedTab = signal(0);\n    const selectedConfirm = signal(0);\n    const confirmOpen = signal(false);\n    const confirmItem = signal(null);\n\n    const { data, onInteraction, onBack } = defineProps();\n\n    const items = computed(() => data().items);\n\n    const tabs = [\n        { id: \"item\", label: t(\"rpg.menu.items\") },\n        { id: \"weapon\", label: t(\"rpg.menu.weapons\") },\n        { id: \"armor\", label: t(\"rpg.menu.armor\") }\n    ];\n\n    const resolveProp = (value) => typeof value === \"function\" ? value() : value;\n    const safeItems = computed(() => {\n        const value = resolveProp(items);\n        return Array.isArray(value) ? value : [];\n    });\n\n    const filteredItems = computed(() => {\n        const items = safeItems();\n        const tab = tabs[selectedTab()];\n        if (!tab) return [];\n        return items.filter((item) => item.type === tab.id && (item.quantity ?? 1) > 0);\n    });\n\n    const confirmOptions = [\n        { id: \"use\", label: t(\"rpg.menu.use\") },\n        { id: \"cancel\", label: t(\"rpg.menu.cancel\") }\n    ];\n\n    const nav = createTabindexNavigator(selectedItem, { count: () => filteredItems().length }, \"wrap\");\n    const navConfirm = createTabindexNavigator(selectedConfirm, { count: () => confirmOptions.length }, \"wrap\");\n    const currentItem = computed(() => filteredItems()[selectedItem()]);\n    const iconSheet = (iconId) => ({\n        definition: engine.getSpriteSheet(iconId)\n    });\n\n    const clampSelection = () => {\n        const count = filteredItems().length;\n        if (count === 0) {\n            selectedItem.set(0);\n            return;\n        }\n        if (selectedItem() >= count) {\n            selectedItem.set(count - 1);\n        }\n    };\n\n    function selectItem(index) {\n        return function() {\n            selectedItem.set(index);\n            requestUseItem(index);\n        }\n    }\n\n    function selectTab(index) {\n        return function() {\n            selectedItem.set(0);\n            selectedTab.set(index);\n        }\n    }\n\n    const useItem = (index) => {\n        const item = filteredItems()[index];\n        if (!item || !item.usable) return;\n        if (onInteraction) onInteraction(\"useItem\", { id: item.id });\n    };\n\n    const requestUseItem = (index) => {\n        const item = filteredItems()[index];\n        if (!item || !item.usable) return;\n        if (item.consumable) {\n            confirmItem.set(item);\n            confirmOpen.set(true);\n            selectedConfirm.set(0);\n            return;\n        }\n        useItem(index);\n    };\n\n    const confirmUse = () => {\n        const item = confirmItem();\n        if (!item) return;\n        delay(() => {\n            if (onInteraction) onInteraction(\"useItem\", { id: item.id });\n            confirmOpen.set(false);\n            confirmItem.set(null);\n        });\n    };\n\n    const cancelConfirm = () => {\n        delay(() => {\n            confirmOpen.set(false);\n            confirmItem.set(null);\n        });\n    };\n\n    function confirmSelect(index) {\n        return function() {\n            selectedConfirm.set(index);\n            if (index === 0) {\n                confirmUse();\n                return;\n            }\n            cancelConfirm();\n        }\n    }\n\n    const confirmControls = signal({\n        left: {\n            repeat: true,\n            bind: keyboardControls.left,\n            throttle: 150,\n            keyDown() {\n                if (!confirmOpen()) return;\n                navConfirm.next(-1);\n            }\n        },\n        right: {\n            repeat: true,\n            bind: keyboardControls.right,\n            throttle: 150,\n            keyDown() {\n                if (!confirmOpen()) return;\n                navConfirm.next(1);\n            }\n        },\n        action: {\n            bind: getKeyboardControlBind(keyboardControls.action),\n            keyDown() {\n                if (!confirmOpen()) return;\n                confirmSelect(selectedConfirm())();\n            }\n        },\n        escape: {\n            bind: keyboardControls.escape,\n            keyDown() {\n                if (!confirmOpen()) return;\n                cancelConfirm();\n            }\n        }\n    });\n\n    const controls = signal({\n        up: {\n            repeat: true,\n            bind: keyboardControls.up,\n            throttle: 150,\n            keyDown() {\n                if (confirmOpen()) {\n                    return;\n                }\n                nav.next(-1);\n            }\n        },\n        left: {\n            repeat: true,\n            bind: keyboardControls.left,\n            throttle: 150,\n            keyDown() {\n                if (confirmOpen()) {\n                    return;\n                }\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                if (confirmOpen()) {\n                    return;\n                }\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 (confirmOpen()) {\n                    return;\n                }\n                nav.next(1);\n            }\n        },\n        action: {\n            bind: getKeyboardControlBind(keyboardControls.action),\n            keyDown() {\n                if (confirmOpen()) {\n                    confirmSelect(selectedConfirm())();\n                    return;\n                }\n                requestUseItem(selectedItem());\n            }\n        },\n        escape: {\n            bind: keyboardControls.escape,\n            keyDown() {\n                if (confirmOpen()) {\n                    cancelConfirm();\n                    return;\n                }\n                if (onBack) onBack();\n            }\n        },\n        gamepad: {\n            enabled: true\n        }\n    });\n\n    clampSelection();\n</script>\n"],"mappings":"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"}

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

@@ -15,6 +15,7 @@ function component($$props) {
 	useProps($$props);
 	const defineProps = useDefineProps($$props);
 	const engine = inject(RpgClientEngine);
+	const { t } = engine.i18n();
 	const currentPlayer = engine.scene.currentPlayer;
 	const keyboardControls = engine.globalConfig.keyboardControls;
 	const { data, onFinish, onInteraction } = defineProps();
@@ -22,27 +23,27 @@ function component($$props) {
 	const defaultMenus = [
 		{
 			id: "items",
-			label: "Items"
+			label: t("rpg.menu.items")
 		},
 		{
 			id: "skills",
-			label: "Skills"
+			label: t("rpg.menu.skills")
 		},
 		{
 			id: "equip",
-			label: "Equip"
+			label: t("rpg.menu.equip")
 		},
 		{
 			id: "options",
-			label: "Options"
+			label: t("rpg.menu.options")
 		},
 		{
 			id: "save",
-			label: "Save"
+			label: t("rpg.menu.save")
 		},
 		{
 			id: "exit",
-			label: "Exit"
+			label: t("rpg.menu.exit")
 		}
 	];
 	const menuEntries = computed(() => {
@@ -232,7 +233,7 @@ function component($$props) {
 	}, [h(DOMElement, {
 		element: "div",
 		attrs: { class: "rpg-ui-menu-header" },
-		textContent: "Menu"
+		textContent: computed(() => t("rpg.menu.title"))
 	}), h(DOMElement, {
 		element: "div",
 		attrs: { class: "rpg-ui-main-menu-list" }
@@ -256,7 +257,7 @@ function component($$props) {
 			h(DOMElement, {
 				element: "div",
 				attrs: { class: "rpg-ui-main-menu-section-title" },
-				textContent: "Status"
+				textContent: computed(() => t("rpg.menu.status"))
 			}),
 			h(DOMElement, {
 				element: "div",
@@ -268,7 +269,7 @@ function component($$props) {
 				}, [h(DOMElement, {
 					element: "div",
 					attrs: { class: "rpg-ui-main-menu-status-label" },
-					textContent: "Level"
+					textContent: computed(() => t("rpg.menu.level"))
 				}), h(DOMElement, {
 					element: "div",
 					attrs: { class: "rpg-ui-main-menu-status-value" },
@@ -280,7 +281,7 @@ function component($$props) {
 				}, [h(DOMElement, {
 					element: "div",
 					attrs: { class: "rpg-ui-main-menu-status-label" },
-					textContent: "Gold"
+					textContent: computed(() => t("rpg.menu.gold"))
 				}), h(DOMElement, {
 					element: "div",
 					attrs: { class: "rpg-ui-main-menu-status-value" },
@@ -344,7 +345,7 @@ function component($$props) {
 			h(DOMElement, {
 				element: "div",
 				attrs: { class: "rpg-ui-main-menu-section-title" },
-				textContent: "Parameters"
+				textContent: computed(() => t("rpg.menu.parameters"))
 			}),
 			h(DOMElement, {
 				element: "div",