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

package/dist/components/gui/save-load.ce.js.map

@@ -1 +1 @@
-{"version":3,"file":"save-load.ce.js","names":[],"sources":["../../../src/components/gui/save-load.ce"],"sourcesContent":["<DOMContainer width=\"100%\" height=\"100%\">\n    <div class=\"rpg-ui-save-load rpg-anim-fade-in\">\n        <div class=\"rpg-ui-save-load-header\">\n            <div class=\"rpg-ui-save-load-title\">{title()}</div>\n            <div class=\"rpg-ui-save-load-subtitle\">{subtitle()}</div>\n        </div>\n        <Navigation tabindex={selectedSlot} controls={controls}>\n            <div class=\"rpg-ui-save-load-list\">\n                @for ((item,displayIndex) of displaySlots) {\n                    <div\n                        class=\"rpg-ui-save-load-slot\"\n                        class={{active: selectedSlot() === displayIndex}}\n                        tabindex={displayIndex}\n                        data-slot-index={displayIndex}\n                        click={selectSlot(displayIndex)}\n                    >\n                        <div class=\"rpg-ui-save-load-slot-index\">{item.label}</div>\n                        @if (item.slot) {\n                            <div class=\"rpg-ui-save-load-slot-meta\">\n                                <div class=\"rpg-ui-save-load-slot-line\">Level: {item.slot.level ?? \"-\"}</div>\n                                <div class=\"rpg-ui-save-load-slot-line\">Exp: {item.slot.exp ?? \"-\"}</div>\n                                <div class=\"rpg-ui-save-load-slot-line\">Map: {item.slot.map ?? \"-\"}</div>\n                                <div class=\"rpg-ui-save-load-slot-line\">Date: {item.slot.date ?? \"-\"}</div>\n                            </div>\n                        }\n                        @else {\n                            <div class=\"rpg-ui-save-load-slot-empty\">Empty Slot</div>\n                        }\n                    </div>\n                }\n            </div>\n        </Navigation>\n    </div>\n</DOMContainer>\n\n<script>\n    import { signal, computed, effect, createTabindexNavigator, mount } from \"canvasengine\";\n    import { inject } from \"../../core/inject\";\n    import { RpgClientEngine } from \"../../RpgClientEngine\";\n    import { SaveClientService } from \"../../services/save\";\n    import { PrebuiltGui } from \"@rpgjs/common\";\n    import { RpgGui } from \"../../Gui/Gui\";\n\n    const engine = inject(RpgClientEngine);\n    const saveClient = inject(SaveClientService);\n    const gui = inject(RpgGui);\n    const keyboardControls = engine.globalConfig.keyboardControls;\n\n    const selectedSlot = signal(0);\n    const DEFAULT_SLOTS = 4;\n    const defaultSlots = () => Array.from({ length: DEFAULT_SLOTS }, () => null);\n    const localSlots = signal(defaultSlots());\n\n    const { data, onFinish } = defineProps();\n\n    const title = computed(() => data().mode === \"save\" ? \"Save Game\" : \"Load Game\");\n    const subtitle = computed(() => data().mode === \"save\"\n        ? \"Choose a slot to overwrite or create.\"\n        : \"Select a slot to load your progress.\"\n    );\n\n    const slotsValue = computed(() => localSlots());\n    const displaySlots = computed(() => {\n        const slots = slotsValue();\n        const items = slots.map((slot, index) => ({\n            kind: \"slot\",\n            slot,\n            slotIndex: index,\n            label: `Slot ${index + 1}`,\n            readonly: false\n        }));\n        if (!data().showAutoSlot) return items;\n        const index = typeof data().autoSlotIndex === \"number\" ? data().autoSlotIndex : 0;\n        const autoSlot = slots[index] ?? null;\n        const readonly = data().mode === \"save\";\n        return [\n            {\n                kind: \"auto\",\n                slot: autoSlot,\n                slotIndex: index,\n                label: data().autoSlotLabel || \"Auto Save\",\n                readonly\n            },\n            ...items\n        ];\n    });\n    const nav = createTabindexNavigator(selectedSlot, { count: () => displaySlots().length }, \"wrap\");\n\n    const canSelect = (item) => {\n        if (item.readonly) return false;\n        if (data().mode === \"load\" && !item.slot) return false;\n        return true;\n    };\n\n    const normalizeSlotValue = (value) => {\n        if (!value) return null;\n        if (typeof value === \"string\") {\n            try {\n                return JSON.parse(value);\n            } catch {\n                return null;\n            }\n        }\n        return value;\n    };\n\n    const normalizeSlots = (list) => {\n        if (Array.isArray(list)) {\n            const length = Math.max(list.length, DEFAULT_SLOTS);\n            return Array.from({ length }, (_, index) => normalizeSlotValue(list[index]));\n        }\n        if (!list || typeof list !== \"object\") {\n            return defaultSlots();\n        }\n        const keys = Object.keys(list).filter((key) => /^\\d+$/.test(key));\n        const indices = keys.map((key) => Number(key)).filter((index) => index >= 0);\n        const maxIndex = indices.length ? Math.max(...indices) : -1;\n        const length = Math.max(maxIndex + 1, DEFAULT_SLOTS);\n        const slots = Array.from({ length }, () => null);\n        keys.forEach((key) => {\n            const index = Number(key);\n            if (index < 0 || index >= length) return;\n            slots[index] = normalizeSlotValue(list[key]);\n        });\n        return slots;\n    };\n\n    const hasProvidedSlots = (list) => {\n        if (Array.isArray(list)) return list.length > 0;\n        return !!(list && typeof list === \"object\" && Object.keys(list).length > 0);\n    };\n\n    const refreshSlots = async () => {\n        try {\n            const list = await saveClient.listSlots();\n            localSlots.set(normalizeSlots(list));\n        } catch (err) {\n            localSlots.set(defaultSlots());\n        }\n    };\n\n    const triggerSelect = async (displayIndex) => {\n        const list = displaySlots();\n        const item = list[displayIndex];\n        if (!item) return;\n        if (!canSelect(item)) return;\n        const action = data().mode === \"save\" ? \"save\" : \"load\";\n        if (action === \"save\") {\n            await saveClient.saveSlot(item.slotIndex);\n            await refreshSlots();\n        }\n        if (action === \"load\") {\n            await saveClient.loadSlot(item.slotIndex);\n        }\n        setTimeout(() => {\n            if (onFinish) onFinish();\n            gui.hide(PrebuiltGui.Save);\n            gui.hide(PrebuiltGui.TitleScreen);\n        }, 50);\n\n    };\n\n    function selectSlot(index) {\n        return function() {\n            selectedSlot.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                nav.next(-1);\n            }\n        },\n        down: {\n            repeat: true,\n            bind: keyboardControls.down,\n            throttle: 150,\n            keyDown() {\n                nav.next(1);\n            }\n        },\n        action: {\n            bind: keyboardControls.action,\n            keyDown() {\n                triggerSelect(selectedSlot());\n            }\n        },\n        escape: {\n            bind: keyboardControls.escape,\n            keyDown() {\n                if (onFinish) onFinish();\n                gui.hide(PrebuiltGui.Save);\n            }\n        },\n        gamepad: {\n            enabled: true\n        }\n    });\n\n    mount((element) => {\n        refreshSlots();\n    });\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"save-load.ce.js","names":[],"sources":["../../../src/components/gui/save-load.ce"],"sourcesContent":["<DOMContainer width=\"100%\" height=\"100%\">\n    <div class=\"rpg-ui-save-load rpg-anim-fade-in\">\n        <div class=\"rpg-ui-save-load-header\">\n            <div class=\"rpg-ui-save-load-title\">{title()}</div>\n            <div class=\"rpg-ui-save-load-subtitle\">{subtitle()}</div>\n        </div>\n        <Navigation tabindex={selectedSlot} controls={controls}>\n            <div class=\"rpg-ui-save-load-list\">\n                @for ((item,displayIndex) of displaySlots) {\n                    <div\n                        class=\"rpg-ui-save-load-slot\"\n                        class={{active: selectedSlot() === displayIndex}}\n                        tabindex={displayIndex}\n                        data-slot-index={displayIndex}\n                        click={selectSlot(displayIndex)}\n                    >\n                        <div class=\"rpg-ui-save-load-slot-index\">{item.label}</div>\n                        @if (item.slot) {\n                            <div class=\"rpg-ui-save-load-slot-meta\">\n                                <div class=\"rpg-ui-save-load-slot-line\">{t(\"rpg.save.level\")}: {item.slot.level ?? \"-\"}</div>\n                                <div class=\"rpg-ui-save-load-slot-line\">{t(\"rpg.save.exp\")}: {item.slot.exp ?? \"-\"}</div>\n                                <div class=\"rpg-ui-save-load-slot-line\">{t(\"rpg.save.map\")}: {item.slot.map ?? \"-\"}</div>\n                                <div class=\"rpg-ui-save-load-slot-line\">{t(\"rpg.save.date\")}: {item.slot.date ?? \"-\"}</div>\n                            </div>\n                        }\n                        @else {\n                            <div class=\"rpg-ui-save-load-slot-empty\">{t(\"rpg.save.empty-slot\")}</div>\n                        }\n                    </div>\n                }\n            </div>\n        </Navigation>\n    </div>\n</DOMContainer>\n\n<script>\n    import { signal, computed, effect, createTabindexNavigator, mount } from \"canvasengine\";\n    import { inject } from \"../../core/inject\";\n    import { RpgClientEngine } from \"../../RpgClientEngine\";\n    import { SaveClientService } from \"../../services/save\";\n    import { PrebuiltGui } from \"@rpgjs/common\";\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 saveClient = inject(SaveClientService);\n    const gui = inject(RpgGui);\n    const keyboardControls = engine.globalConfig.keyboardControls;\n\n    const selectedSlot = signal(0);\n    const DEFAULT_SLOTS = 4;\n    const defaultSlots = () => Array.from({ length: DEFAULT_SLOTS }, () => null);\n    const localSlots = signal(defaultSlots());\n\n    const { data, onFinish } = defineProps();\n\n    const title = computed(() => data().mode === \"save\" ? t(\"rpg.save.title\") : t(\"rpg.load.title\"));\n    const subtitle = computed(() => data().mode === \"save\"\n        ? t(\"rpg.save.subtitle\")\n        : t(\"rpg.load.subtitle\")\n    );\n\n    const slotsValue = computed(() => localSlots());\n    const displaySlots = computed(() => {\n        const slots = slotsValue();\n        const items = slots.map((slot, index) => ({\n            kind: \"slot\",\n            slot,\n            slotIndex: index,\n            label: t(\"rpg.save.slot\", { index: index + 1 }),\n            readonly: false\n        }));\n        if (!data().showAutoSlot) return items;\n        const index = typeof data().autoSlotIndex === \"number\" ? data().autoSlotIndex : 0;\n        const autoSlot = slots[index] ?? null;\n        const readonly = data().mode === \"save\";\n        return [\n            {\n                kind: \"auto\",\n                slot: autoSlot,\n                slotIndex: index,\n                label: data().autoSlotLabel || t(\"rpg.save.auto\"),\n                readonly\n            },\n            ...items\n        ];\n    });\n    const nav = createTabindexNavigator(selectedSlot, { count: () => displaySlots().length }, \"wrap\");\n\n    const canSelect = (item) => {\n        if (item.readonly) return false;\n        if (data().mode === \"load\" && !item.slot) return false;\n        return true;\n    };\n\n    const normalizeSlotValue = (value) => {\n        if (!value) return null;\n        if (typeof value === \"string\") {\n            try {\n                return JSON.parse(value);\n            } catch {\n                return null;\n            }\n        }\n        return value;\n    };\n\n    const normalizeSlots = (list) => {\n        if (Array.isArray(list)) {\n            const length = Math.max(list.length, DEFAULT_SLOTS);\n            return Array.from({ length }, (_, index) => normalizeSlotValue(list[index]));\n        }\n        if (!list || typeof list !== \"object\") {\n            return defaultSlots();\n        }\n        const keys = Object.keys(list).filter((key) => /^\\d+$/.test(key));\n        const indices = keys.map((key) => Number(key)).filter((index) => index >= 0);\n        const maxIndex = indices.length ? Math.max(...indices) : -1;\n        const length = Math.max(maxIndex + 1, DEFAULT_SLOTS);\n        const slots = Array.from({ length }, () => null);\n        keys.forEach((key) => {\n            const index = Number(key);\n            if (index < 0 || index >= length) return;\n            slots[index] = normalizeSlotValue(list[key]);\n        });\n        return slots;\n    };\n\n    const hasProvidedSlots = (list) => {\n        if (Array.isArray(list)) return list.length > 0;\n        return !!(list && typeof list === \"object\" && Object.keys(list).length > 0);\n    };\n\n    const refreshSlots = async () => {\n        try {\n            const list = await saveClient.listSlots();\n            localSlots.set(normalizeSlots(list));\n        } catch (err) {\n            localSlots.set(defaultSlots());\n        }\n    };\n\n    const triggerSelect = async (displayIndex) => {\n        const list = displaySlots();\n        const item = list[displayIndex];\n        if (!item) return;\n        if (!canSelect(item)) return;\n        const action = data().mode === \"save\" ? \"save\" : \"load\";\n        if (action === \"save\") {\n            await saveClient.saveSlot(item.slotIndex);\n            await refreshSlots();\n        }\n        if (action === \"load\") {\n            await saveClient.loadSlot(item.slotIndex);\n        }\n        setTimeout(() => {\n            if (onFinish) onFinish();\n            gui.hide(PrebuiltGui.Save);\n            gui.hide(PrebuiltGui.TitleScreen);\n        }, 50);\n\n    };\n\n    function selectSlot(index) {\n        return function() {\n            selectedSlot.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                nav.next(-1);\n            }\n        },\n        down: {\n            repeat: true,\n            bind: keyboardControls.down,\n            throttle: 150,\n            keyDown() {\n                nav.next(1);\n            }\n        },\n        action: {\n            bind: getKeyboardControlBind(keyboardControls.action),\n            keyDown() {\n                triggerSelect(selectedSlot());\n            }\n        },\n        escape: {\n            bind: keyboardControls.escape,\n            keyDown() {\n                if (onFinish) onFinish();\n                gui.hide(PrebuiltGui.Save);\n            }\n        },\n        gamepad: {\n            enabled: true\n        }\n    });\n\n    mount((element) => {\n        refreshSlots();\n    });\n</script>\n"],"mappings":"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"}

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

@@ -1,113 +1,89 @@
 import { inject } from "../../../core/inject.js";
+import { getKeyboardControlBind } from "../../../services/actionInput.js";
 import { RpgClientEngine } from "../../../RpgClientEngine.js";
-import { DOMContainer, DOMElement, DOMSprite, Navigation, computed, cond, createTabindexNavigator, effect, h, loop, signal, useDefineProps, useProps } from "canvasengine";
+import { DOMContainer, DOMElement, DOMSprite, Navigation, computed, cond, createTabindexNavigator, effect, h, loop, signal, useDefineEmits, useDefineProps, useProps } from "canvasengine";
 //#region src/components/gui/shop/shop.ce
 function component($$props) {
 	useProps($$props);
 	const defineProps = useDefineProps($$props);
-	var engine = inject(RpgClientEngine);
-	var currentPlayer = engine.scene.currentPlayer;
-	var keyboardControls = engine.globalConfig.keyboardControls;
-	var iconSheet = function(iconId) {
-		return {
-			definition: engine.getSpriteSheet(iconId),
-			playing: "default"
-		};
-	};
-	var goldTerm = engine.globalConfig.goldTerm || "G";
-	var selectedItem = signal(0);
-	var selectedTab = signal(0);
-	var tradeMode = signal("buy");
-	var tradeView = signal("mode");
-	var selectedModeIndex = signal(0);
-	var quantity = signal(1);
-	var quantityDialogOpen = signal(false);
-	var defaultMessage = "Welcome to my shop!";
-	var tabs = [
+	useDefineEmits($$props);
+	const engine = inject(RpgClientEngine);
+	const { t } = engine.i18n();
+	const currentPlayer = engine.scene.currentPlayer;
+	const keyboardControls = engine.globalConfig.keyboardControls;
+	const iconSheet = (iconId) => ({
+		definition: engine.getSpriteSheet(iconId),
+		playing: "default"
+	});
+	const goldTerm = engine.globalConfig.goldTerm || "G";
+	const selectedItem = signal(0);
+	const selectedTab = signal(0);
+	const tradeMode = signal("buy");
+	const tradeView = signal("mode");
+	const selectedModeIndex = signal(0);
+	const quantity = signal(1);
+	const quantityDialogOpen = signal(false);
+	const defaultMessage = t("rpg.shop.default-message");
+	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")
 		}
 	];
-	var _a = defineProps(), data = _a.data, onInteraction = _a.onInteraction, onFinish = _a.onFinish;
-	var resolveProp = function(value) {
-		return typeof value === "function" ? value() : value;
-	};
-	var guiData = computed(function() {
-		return resolveProp(data) || {};
-	});
-	var shopMessage = computed(function() {
-		var message = resolveProp(guiData().message);
+	const { data, onInteraction, onFinish } = defineProps();
+	const resolveProp = (value) => typeof value === "function" ? value() : value;
+	const guiData = computed(() => resolveProp(data) || {});
+	const shopMessage = computed(() => {
+		const message = resolveProp(guiData().message);
 		return message ? String(message) : defaultMessage;
 	});
-	var face = computed(function() {
-		return resolveProp(guiData().face);
-	});
-	var hasFace = computed(function() {
-		var value = face();
+	const face = computed(() => resolveProp(guiData().face));
+	const hasFace = computed(() => {
+		const value = face();
 		return value && value.id;
 	});
-	var buyItems = computed(function() {
-		return guiData().items || [];
-	});
-	var sellItems = computed(function() {
-		return guiData().sellItems || [];
-	});
-	var activeItems = computed(function() {
-		return tradeMode() === "buy" ? buyItems() : sellItems();
-	});
-	var filteredItems = computed(function() {
-		var tab = tabs[selectedTab()];
-		var items = activeItems();
+	const buyItems = computed(() => guiData().items || []);
+	const sellItems = computed(() => guiData().sellItems || []);
+	const activeItems = computed(() => tradeMode() === "buy" ? buyItems() : sellItems());
+	const filteredItems = computed(() => {
+		const tab = tabs[selectedTab()];
+		const items = activeItems();
 		if (!tab) return [];
-		return items.filter(function(item) {
-			return (item === null || item === void 0 ? void 0 : item.type) === tab.id;
-		});
-	});
-	var currentItem = computed(function() {
-		return filteredItems()[selectedItem()];
+		return items.filter((item) => item?.type === tab.id);
 	});
-	var gold = computed(function() {
-		return currentPlayer()._gold();
+	const currentItem = computed(() => filteredItems()[selectedItem()]);
+	const gold = computed(() => currentPlayer()._gold());
+	const actionLabel = computed(() => tradeMode() === "buy" ? t("rpg.shop.buy") : t("rpg.shop.sell"));
+	const faceSheet = (graphicId, animationName) => ({
+		definition: engine.getSpriteSheet(graphicId),
+		playing: animationName || "default"
 	});
-	var actionLabel = computed(function() {
-		return tradeMode() === "buy" ? "Buy" : "Sell";
-	});
-	var faceSheet = function(graphicId, animationName) {
-		return {
-			definition: engine.getSpriteSheet(graphicId),
-			playing: animationName || "default"
-		};
-	};
-	var maxQuantity = computed(function() {
-		var _a;
-		var item = currentItem();
+	const maxQuantity = computed(() => {
+		const item = currentItem();
 		if (!item) return 0;
-		var price = (item === null || item === void 0 ? void 0 : item.price) || 0;
+		const price = item?.price || 0;
 		if (price <= 0) return 0;
 		if (tradeMode() === "sell") {
-			var qty = (_a = item === null || item === void 0 ? void 0 : item.quantity) !== null && _a !== void 0 ? _a : 0;
+			const qty = item?.quantity ?? 0;
 			return Math.max(0, qty);
 		}
 		return Math.max(1, Math.floor(gold() / price));
 	});
-	var totalPrice = computed(function() {
-		var _a;
-		return (((_a = currentItem()) === null || _a === void 0 ? void 0 : _a.price) || 0) * quantity();
+	const totalPrice = computed(() => {
+		return (currentItem()?.price || 0) * quantity();
 	});
-	var displayStats = computed(function() {
-		var _a;
-		var stats = ((_a = currentItem()) === null || _a === void 0 ? void 0 : _a.stats) || {};
-		var params = guiData().playerParams || {};
-		var order = [
+	const displayStats = computed(() => {
+		const stats = currentItem()?.stats || {};
+		const params = guiData().playerParams || {};
+		const order = [
 			"atk",
 			"def",
 			"pdef",
@@ -119,7 +95,7 @@ function component($$props) {
 			"maxHp",
 			"maxSp"
 		];
-		var labels = {
+		const labels = {
 			atk: "ATK",
 			def: "DEF",
 			pdef: "PDEF",
@@ -131,21 +107,16 @@ function component($$props) {
 			maxHp: "MAX HP",
 			maxSp: "MAX SP"
 		};
-		var orderedKeys = order.filter(function(key) {
-			return stats[key] !== void 0;
-		});
-		var extraKeys = Object.keys(stats).filter(function(key) {
-			return !order.includes(key);
-		});
-		var keys = orderedKeys.concat(extraKeys);
-		var list = [];
-		for (var _i = 0, keys_1 = keys; _i < keys_1.length; _i++) {
-			var key = keys_1[_i];
-			var delta = stats[key];
+		const orderedKeys = order.filter((key) => stats[key] !== void 0);
+		const extraKeys = Object.keys(stats).filter((key) => !order.includes(key));
+		const keys = orderedKeys.concat(extraKeys);
+		const list = [];
+		for (const key of keys) {
+			const delta = stats[key];
 			if (delta === void 0 || delta === 0) continue;
-			var current = params[key];
+			let current = params[key];
 			if (current === void 0 && key === "def") current = params.pdef;
-			var next = current !== void 0 ? current + delta : void 0;
+			const next = current !== void 0 ? current + delta : void 0;
 			list.push({
 				key,
 				label: labels[key] || key.toUpperCase(),
@@ -156,15 +127,9 @@ function component($$props) {
 		}
 		return list;
 	});
-	var nav = createTabindexNavigator(selectedItem, { count: function() {
-		return filteredItems().length;
-	} }, "wrap");
-	var navTab = createTabindexNavigator(selectedTab, { count: function() {
-		return tabs.length;
-	} }, "wrap");
-	var navMode = createTabindexNavigator(selectedModeIndex, { count: function() {
-		return 2;
-	} }, "wrap");
+	const nav = createTabindexNavigator(selectedItem, { count: () => filteredItems().length }, "wrap");
+	const navTab = createTabindexNavigator(selectedTab, { count: () => tabs.length }, "wrap");
+	const navMode = createTabindexNavigator(selectedModeIndex, { count: () => 2 }, "wrap");
 	function selectItem(index) {
 		return function() {
 			selectedItem.set(index);
@@ -188,11 +153,10 @@ function component($$props) {
 		};
 	}
 	function isItemDisabled(item) {
-		var _a;
 		if (!item) return true;
-		var price = (item === null || item === void 0 ? void 0 : item.price) || 0;
+		const price = item?.price || 0;
 		if (price <= 0) return true;
-		if (tradeMode() === "sell") return ((_a = item === null || item === void 0 ? void 0 : item.quantity) !== null && _a !== void 0 ? _a : 0) <= 0;
+		if (tradeMode() === "sell") return (item?.quantity ?? 0) <= 0;
 		return gold() < price;
 	}
 	function backToMode() {
@@ -202,9 +166,9 @@ function component($$props) {
 	}
 	function changeQuantity(delta) {
 		return function() {
-			var limit = maxQuantity();
+			const limit = maxQuantity();
 			if (limit <= 0) return;
-			var nextValue = Math.max(1, Math.min(limit, quantity() + delta));
+			const nextValue = Math.max(1, Math.min(limit, quantity() + delta));
 			if (nextValue !== quantity()) quantity.set(nextValue);
 		};
 	}
@@ -215,7 +179,7 @@ function component($$props) {
 	}
 	function confirmTrade() {
 		return function() {
-			var item = currentItem();
+			const item = currentItem();
 			if (!item || isItemDisabled(item)) {
 				quantityDialogOpen.set(false);
 				return;
@@ -227,16 +191,16 @@ function component($$props) {
 			quantityDialogOpen.set(false);
 		};
 	}
-	effect(function() {
-		var count = filteredItems().length;
+	effect(() => {
+		const count = filteredItems().length;
 		if (selectedItem() >= count) selectedItem.set(Math.max(0, count - 1));
 	});
-	var modeControls = signal({
+	const modeControls = signal({
 		left: {
 			repeat: true,
 			bind: keyboardControls.left,
 			throttle: 150,
-			keyDown: function() {
+			keyDown() {
 				navMode.next(-1);
 			}
 		},
@@ -244,14 +208,14 @@ function component($$props) {
 			repeat: true,
 			bind: keyboardControls.right,
 			throttle: 150,
-			keyDown: function() {
+			keyDown() {
 				navMode.next(1);
 			}
 		},
 		action: {
-			bind: keyboardControls.action,
-			keyDown: function() {
-				var mode = selectedModeIndex() === 0 ? "buy" : "sell";
+			bind: getKeyboardControlBind(keyboardControls.action),
+			keyDown() {
+				const mode = selectedModeIndex() === 0 ? "buy" : "sell";
 				tradeMode.set(mode);
 				selectedItem.set(0);
 				quantity.set(1);
@@ -260,18 +224,18 @@ function component($$props) {
 		},
 		escape: {
 			bind: keyboardControls.escape,
-			keyDown: function() {
+			keyDown() {
 				onFinish();
 			}
 		},
 		gamepad: { enabled: true }
 	});
-	var itemControls = signal({
+	const itemControls = signal({
 		up: {
 			repeat: true,
 			bind: keyboardControls.up,
 			throttle: 150,
-			keyDown: function() {
+			keyDown() {
 				if (quantityDialogOpen()) {
 					changeQuantity(1)();
 					return;
@@ -283,7 +247,7 @@ function component($$props) {
 			repeat: true,
 			bind: keyboardControls.down,
 			throttle: 150,
-			keyDown: function() {
+			keyDown() {
 				if (quantityDialogOpen()) {
 					changeQuantity(-1)();
 					return;
@@ -292,16 +256,16 @@ function component($$props) {
 			}
 		},
 		action: {
-			bind: keyboardControls.action,
-			keyDown: function() {
+			bind: getKeyboardControlBind(keyboardControls.action),
+			keyDown() {
 				if (quantityDialogOpen()) {
-					var item_1 = currentItem();
-					if (!item_1 || isItemDisabled(item_1)) {
+					const item = currentItem();
+					if (!item || isItemDisabled(item)) {
 						quantityDialogOpen.set(false);
 						return;
 					}
 					onInteraction(tradeMode() === "buy" ? "buyItem" : "sellItem", {
-						id: item_1.id,
+						id: item.id,
 						nb: quantity()
 					});
 					quantityDialogOpen.set(false);
@@ -312,7 +276,7 @@ function component($$props) {
 		},
 		escape: {
 			bind: keyboardControls.escape,
-			keyDown: function() {
+			keyDown() {
 				if (quantityDialogOpen()) {
 					quantityDialogOpen.set(false);
 					return;
@@ -322,12 +286,12 @@ function component($$props) {
 		},
 		gamepad: { enabled: true }
 	});
-	var tabControls = signal({
+	const tabControls = signal({
 		left: {
 			repeat: true,
 			bind: keyboardControls.left,
 			throttle: 150,
-			keyDown: function() {
+			keyDown() {
 				if (quantityDialogOpen()) return;
 				navTab.next(-1);
 			}
@@ -336,7 +300,7 @@ function component($$props) {
 			repeat: true,
 			bind: keyboardControls.right,
 			throttle: 150,
-			keyDown: function() {
+			keyDown() {
 				if (quantityDialogOpen()) return;
 				navTab.next(1);
 			}
@@ -395,7 +359,7 @@ function component($$props) {
 	}), h(DOMElement, {
 		element: "h2",
 		attrs: { style: "margin: 0;" },
-		textContent: "Choose an action"
+		textContent: computed(() => t("rpg.shop.choose-action"))
 	})]), h(DOMElement, {
 		element: "div",
 		attrs: { class: "rpg-shop-trade" }
@@ -411,14 +375,14 @@ function component($$props) {
 			class: ["rpg-shop-tab", computed(() => ({ active: selectedModeIndex() === 0 }))],
 			click: selectMode("buy")
 		},
-		textContent: "Buy"
+		textContent: computed(() => t("rpg.shop.buy"))
 	}), h(DOMElement, {
 		element: "div",
 		attrs: {
 			class: ["rpg-shop-tab", computed(() => ({ active: selectedModeIndex() === 1 }))],
 			click: selectMode("sell")
 		},
-		textContent: "Sell"
+		textContent: computed(() => t("rpg.shop.sell"))
 	})])))])), () => h(DOMElement, { element: "div" }, [h(Navigation, {
 		tabindex: selectedTab,
 		controls: tabControls
@@ -481,7 +445,7 @@ function component($$props) {
 		cond(item.equipped, () => h(DOMElement, {
 			element: "div",
 			attrs: { class: "rpg-shop-card-tag" },
-			textContent: "Equipped"
+			textContent: computed(() => t("rpg.shop.equipped"))
 		}))
 	])))), h(DOMElement, {
 		element: "div",
@@ -514,13 +478,13 @@ function component($$props) {
 			cond(computed(() => currentItem()?.quantity !== void 0), () => h(DOMElement, {
 				element: "div",
 				attrs: { class: "rpg-shop-details-qty" },
-				textContent: computed(() => "Qty: x" + currentItem()?.quantity)
+				textContent: computed(() => t("rpg.shop.qty") + ": x" + currentItem()?.quantity)
 			}))
 		]),
-		h(DOMElement, { element: "div" }, cond(currentItem()?.equipped, () => h(DOMElement, {
+		h(DOMElement, { element: "div" }, cond(computed(() => currentItem()?.equipped), () => h(DOMElement, {
 			element: "div",
 			attrs: { class: "rpg-shop-equipped" },
-			textContent: "Already equipped"
+			textContent: computed(() => t("rpg.shop.already-equipped"))
 		}))),
 		h(DOMElement, {
 			element: "div",
@@ -559,7 +523,7 @@ function component($$props) {
 				class: "rpg-shop-btn",
 				click: backToMode()
 			},
-			textContent: "Back"
+			textContent: computed(() => t("rpg.shop.back"))
 		})
 	])])])), cond(quantityDialogOpen, () => h(DOMElement, {
 		element: "div",
@@ -581,7 +545,7 @@ function component($$props) {
 		cond(computed(() => currentItem()?.quantity !== void 0), () => h(DOMElement, {
 			element: "div",
 			attrs: { class: "rpg-shop-modal-qty" },
-			textContent: computed(() => "Available: x" + currentItem()?.quantity)
+			textContent: computed(() => t("rpg.shop.available") + ": x" + currentItem()?.quantity)
 		})),
 		h(DOMElement, {
 			element: "div",
@@ -589,7 +553,7 @@ function component($$props) {
 		}, [h(DOMElement, {
 			element: "div",
 			attrs: { class: "rpg-shop-quantity-label" },
-			textContent: "Quantity"
+			textContent: computed(() => t("rpg.shop.quantity"))
 		}), h(DOMElement, {
 			element: "div",
 			attrs: { class: "rpg-shop-quantity-controls" }
@@ -621,7 +585,7 @@ function component($$props) {
 			attrs: { class: "rpg-shop-modal-total" }
 		}, [h(DOMElement, {
 			element: "span",
-			textContent: "Total"
+			textContent: computed(() => t("rpg.shop.total"))
 		}), h(DOMElement, {
 			element: "span",
 			textContent: computed(() => totalPrice() + goldTerm)
@@ -635,7 +599,7 @@ function component($$props) {
 				class: "rpg-shop-btn rpg-shop-btn-secondary",
 				click: closeQuantityDialog()
 			},
-			textContent: "Cancel"
+			textContent: computed(() => t("rpg.menu.cancel"))
 		}), h(DOMElement, {
 			element: "button",
 			attrs: {
@@ -646,7 +610,8 @@ function component($$props) {
 		})])
 	])))]))]));
 }
+var __ce_component = component;
 //#endregion
-export { component as default };
+export { __ce_component as default };
 
 //# sourceMappingURL=shop.ce.js.map