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

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\">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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"}

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

@@ -5,25 +5,23 @@ import { DOMContainer, DOMElement, DOMSprite, Navigation, computed, cond, create
 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 = [
+	const engine = inject(RpgClientEngine);
+	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 = "Welcome to my shop!";
+	const tabs = [
 		{
 			id: "item",
 			label: "Items"
@@ -37,77 +35,52 @@ function component($$props) {
 			label: "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" ? "Buy" : "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 +92,7 @@ function component($$props) {
 			"maxHp",
 			"maxSp"
 		];
-		var labels = {
+		const labels = {
 			atk: "ATK",
 			def: "DEF",
 			pdef: "PDEF",
@@ -131,21 +104,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 +124,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 +150,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 +163,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 +176,7 @@ function component($$props) {
 	}
 	function confirmTrade() {
 		return function() {
-			var item = currentItem();
+			const item = currentItem();
 			if (!item || isItemDisabled(item)) {
 				quantityDialogOpen.set(false);
 				return;
@@ -227,16 +188,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 +205,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";
+			keyDown() {
+				const mode = selectedModeIndex() === 0 ? "buy" : "sell";
 				tradeMode.set(mode);
 				selectedItem.set(0);
 				quantity.set(1);
@@ -260,18 +221,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 +244,7 @@ function component($$props) {
 			repeat: true,
 			bind: keyboardControls.down,
 			throttle: 150,
-			keyDown: function() {
+			keyDown() {
 				if (quantityDialogOpen()) {
 					changeQuantity(-1)();
 					return;
@@ -293,15 +254,15 @@ function component($$props) {
 		},
 		action: {
 			bind: keyboardControls.action,
-			keyDown: function() {
+			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 +273,7 @@ function component($$props) {
 		},
 		escape: {
 			bind: keyboardControls.escape,
-			keyDown: function() {
+			keyDown() {
 				if (quantityDialogOpen()) {
 					quantityDialogOpen.set(false);
 					return;
@@ -322,12 +283,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 +297,7 @@ function component($$props) {
 			repeat: true,
 			bind: keyboardControls.right,
 			throttle: 150,
-			keyDown: function() {
+			keyDown() {
 				if (quantityDialogOpen()) return;
 				navTab.next(1);
 			}

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

@@ -1 +1 @@
-{"version":3,"file":"shop.ce.js","names":[],"sources":["../../../../src/components/gui/shop/shop.ce"],"sourcesContent":["    <DOMContainer width=\"100%\" height=\"100%\">\n        <div class=\"rpg-shop-container rpg-anim-fade-in\">\n            <div class=\"rpg-shop-header\">\n                <div class=\"rpg-shop-merchant\">\n                    <div>\n                        @if (hasFace) {\n                            <div class=\"rpg-shop-merchant-avatar\">\n                                <DOMSprite \n                                    sheet={faceSheet(face().id, face().expression)} \n                                    width=\"50px\"\n                                    height=\"50px\"\n                                    objectFit=\"contain\"\n                                />  \n                            </div>\n                        }\n                    </div>\n                    <div class=\"rpg-shop-merchant-info\">\n                        <p>{{ shopMessage() }}</p>\n                    </div>\n                </div>\n                <div class=\"rpg-shop-gold\">\n                     {{ gold() }} {{ goldTerm }}\n                </div>\n            </div>\n\n            <div class=\"rpg-shop-body\">\n                <div class=\"rpg-shop-left\">\n                @if (tradeView() === 'mode') {\n                    <div class=\"rpg-shop-content rpg-shop-content-mode\">\n                        <div class=\"rpg-shop-details rpg-shop-details-mode\">\n                            <div class=\"rpg-shop-details-header\">\n                            <div class=\"rpg-shop-details-icon\">🛒</div>\n                            <h2 style=\"margin: 0;\">Choose an action</h2>\n                        </div>\n                        <div class=\"rpg-shop-trade\">\n                            <Navigation tabindex={selectedModeIndex} controls={modeControls}>\n                                <div class=\"rpg-shop-tabs rpg-shop-trade-tabs\">\n                                    <div\n                                        class=\"rpg-shop-tab\"\n                                        class={{active: selectedModeIndex() === 0}}\n                                        click={selectMode('buy')}\n                                    >Buy</div>\n                                    <div\n                                        class=\"rpg-shop-tab\"\n                                        class={{active: selectedModeIndex() === 1}}\n                                        click={selectMode('sell')}\n                                    >Sell</div>\n                                </div>\n                            </Navigation>\n                        </div>\n                        </div>\n                    </div>\n                }\n                @else {\n                    <div>\n                    <Navigation tabindex={selectedTab} controls={tabControls}>  \n                        <div class=\"rpg-shop-tabs\">\n                            @for ((tab,index) of tabs) {\n                                <div \n                                    class=\"rpg-shop-tab\" \n                                    class={{active: selectedTab() === index}} \n                                    tabindex={index} \n                                    click={selectTab(index)}\n                                >{{ tab.label }}</div>\n                            }\n                        </div>\n                    </Navigation>\n\n                    <div class=\"rpg-shop-content\">\n                        <div class=\"rpg-shop-grid\">\n                            <Navigation tabindex={selectedItem} controls={itemControls}>     \n                                @for ((item,index) of filteredItems) { \n                                    <div class=\"rpg-shop-card\" class={{disabled: isItemDisabled(item), selected: selectedItem() === index}} tabindex={index} click={selectItem(index)}>\n                                        <div class=\"rpg-shop-card-icon\">\n                                            @if (item.icon) {\n                                                <DOMSprite \n                                                    sheet={iconSheet(item.icon)} \n                                                    playing=\"default\" \n                                                    width=\"48px\"\n                                                    height=\"48px\"\n                                                    objectFit=\"contain\"\n                                                />\n                                            }\n                                        </div>\n                                        <div class=\"rpg-shop-card-name\">{{ item.name }}</div>\n                                        <div class=\"rpg-shop-card-price\">{{ item.price }} {{ goldTerm }}</div>\n                                        @if (item.quantity !== undefined) {\n                                            <div class=\"rpg-shop-card-qty\">x{{ item.quantity }}</div>\n                                        }\n                                        @if (item.equipped) {\n                                            <div class=\"rpg-shop-card-tag\">Equipped</div>\n                                        }\n                                    </div>\n                                }\n                            </Navigation>\n                        </div>\n\n                        <div class=\"rpg-shop-details\">\n                            <div class=\"rpg-shop-details-header\">\n                                <div class=\"rpg-shop-details-icon\">\n                                    <DOMSprite \n                                        sheet={iconSheet(currentItem()?.icon)} \n                                        playing=\"default\" \n                                        width=\"80px\"\n                                        height=\"80px\"\n                                        objectFit=\"contain\"\n                                    />\n                                </div>\n                                <h2 style=\"margin: 0;\">{{ currentItem()?.name || \"\" }}</h2>\n                                <p style=\"color: #ffd700; font-weight: bold; margin: 8px 0;\">{{ currentItem()?.price ?? 0 }} {{ goldTerm }}</p>\n                                @if (currentItem()?.quantity !== undefined) {\n                                    <div class=\"rpg-shop-details-qty\">Qty: x{{ currentItem()?.quantity }}</div>\n                                }\n                            </div>\n                            <div>\n                                @if (currentItem()?.equipped) {\n                                    <div class=\"rpg-shop-equipped\">Already equipped</div>\n                                }\n                            </div>\n                            <div class=\"rpg-shop-details-desc\">\n                                {{ currentItem()?.description || \"\" }}\n                            </div>\n                            <div>\n                                @if (displayStats().length > 0) {\n                                    <div class=\"rpg-shop-stats\">\n                                        @for ((stat,index) of displayStats) {\n                                            <div class=\"rpg-shop-stat\" class={{positive: stat.delta > 0, negative: stat.delta < 0}}>\n                                                <div class=\"rpg-shop-stat-key\">{{ stat.label }}</div>\n                                                <div class=\"rpg-shop-stat-value\">\n                                                    {{ stat.delta > 0 ? '+' : '' }}{{ stat.delta }}\n                                                </div>\n                                                @if (stat.current !== undefined) {\n                                                    <div class=\"rpg-shop-stat-current\">{{ stat.current }} → {{ stat.next }}</div>\n                                                }\n                                            </div>\n                                        }\n                                    </div>\n                                }\n                            </div>\n                            <button class=\"rpg-shop-btn\" click={backToMode()}>Back</button>\n                        </div>\n                    </div>\n                    </div>\n                }\n                @if (quantityDialogOpen) {\n                    <div class=\"rpg-shop-modal\">\n                        <div class=\"rpg-shop-modal-card\">\n                            <div class=\"rpg-shop-modal-title\">{{ actionLabel }}</div>\n                            <div class=\"rpg-shop-modal-item\">{{ currentItem()?.name || \"\" }}</div>\n                            @if (currentItem()?.quantity !== undefined) {\n                                <div class=\"rpg-shop-modal-qty\">Available: x{{ currentItem()?.quantity }}</div>\n                            }\n                            <div class=\"rpg-shop-quantity\">\n                                <div class=\"rpg-shop-quantity-label\">Quantity</div>\n                                <div class=\"rpg-shop-quantity-controls\">\n                                    <button class=\"rpg-shop-btn\" click={changeQuantity(-1)}>-</button>\n                                    <div class=\"rpg-shop-quantity-value\">{{ quantity }}</div>\n                                    <button class=\"rpg-shop-btn\" click={changeQuantity(1)}>+</button>\n                                </div>\n                            </div>\n                            <div class=\"rpg-shop-modal-total\">\n                                <span>Total</span>\n                                <span>{{ totalPrice() }} {{ goldTerm }}</span>\n                            </div>\n                            <div class=\"rpg-shop-modal-actions\">\n                                <button class=\"rpg-shop-btn rpg-shop-btn-secondary\" click={closeQuantityDialog()}>Cancel</button>\n                                <button class=\"rpg-shop-btn\" click={confirmTrade()}>\n                                    {{ actionLabel() }} x{{ quantity() }}\n                                </button>\n                            </div>\n                        </div>\n                    </div>\n                }\n                </div>\n            </div>\n        </div>\n    </DOMContainer>\n\n<script>\n    import { mount, signal, computed, createTabindexNavigator, effect } from \"canvasengine\";\n    import { inject } from \"../../../core/inject\";\n    import { RpgClientEngine } from \"../../../RpgClientEngine\";\n\n    const engine = inject(RpgClientEngine)\n    const currentPlayer = engine.scene.currentPlayer\n    const keyboardControls = engine.globalConfig.keyboardControls\n    const iconSheet = (iconId) => ({\n        definition: engine.getSpriteSheet(iconId),\n        playing: \"default\"\n    })\n    const goldTerm = engine.globalConfig.goldTerm || 'G'\n\n    const selectedItem = signal(0)\n    const selectedTab = signal(0)\n    const tradeMode = signal('buy')\n    const tradeView = signal('mode')\n    const selectedModeIndex = signal(0)\n    const quantity = signal(1)\n    const quantityDialogOpen = signal(false)\n    const defaultMessage = 'Welcome to my shop!'\n    const tabs = [\n        { id: 'item', label: 'Items' },\n        { id: 'weapon', label: 'Weapons' },\n        { id: 'armor', label: 'Armor' }\n    ]\n\n    const { data, onInteraction , onFinish } = defineProps()\n\n    const resolveProp = (value) => typeof value === \"function\" ? value() : value\n    const guiData = computed(() => resolveProp(data) || {})\n    const shopMessage = computed(() => {\n        const message = resolveProp(guiData().message)\n        return message ? String(message) : defaultMessage\n    })\n    const face = computed(() => resolveProp(guiData().face))\n    const hasFace = computed(() => {\n        const value = face()\n        return value && value.id\n    })\n    const buyItems = computed(() => guiData().items || [])\n    const sellItems = computed(() => guiData().sellItems || [])\n    const activeItems = computed(() => tradeMode() === 'buy' ? buyItems() : sellItems())\n    const filteredItems = computed(() => {\n        const tab = tabs[selectedTab()]\n        const items = activeItems()\n        if (!tab) return []\n        return items.filter((item) => item?.type === tab.id)\n    })\n    const currentItem = computed(() => filteredItems()[selectedItem()])\n    const gold = computed(() => currentPlayer()._gold())\n    const actionLabel = computed(() => tradeMode() === 'buy' ? 'Buy' : 'Sell')\n    const faceSheet = (graphicId, animationName) => ({\n        definition: engine.getSpriteSheet(graphicId),\n        playing: animationName || \"default\"\n    })\n    const maxQuantity = computed(() => {\n        const item = currentItem()\n        if (!item) return 0\n        const price = item?.price || 0\n        if (price <= 0) return 0\n        if (tradeMode() === 'sell') {\n            const qty = item?.quantity ?? 0\n            return Math.max(0, qty)\n        }\n        return Math.max(1, Math.floor(gold() / price))\n    })\n    const totalPrice = computed(() => {\n        const price = currentItem()?.price || 0\n        return price * quantity()\n    })\n    const displayStats = computed(() => {\n        const stats = currentItem()?.stats || {}\n        const params = guiData().playerParams || {}\n        const order = ['atk', 'def', 'pdef', 'sdef', 'str', 'dex', 'int', 'agi', 'maxHp', 'maxSp']\n        const labels = {\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        const orderedKeys = order.filter((key) => stats[key] !== undefined)\n        const extraKeys = Object.keys(stats).filter((key) => !order.includes(key))\n        const keys = orderedKeys.concat(extraKeys)\n        const list = []\n        for (const key of keys) {\n            const delta = stats[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: labels[key] || key.toUpperCase(),\n                delta,\n                current,\n                next\n            })\n        }\n        return list\n    })\n    const nav = createTabindexNavigator(selectedItem, { count: () => filteredItems().length }, 'wrap')\n    const navTab = createTabindexNavigator(selectedTab, { count: () => tabs.length }, 'wrap')\n    const navMode = createTabindexNavigator(selectedModeIndex, { count: () => 2 }, 'wrap')\n\n    function selectItem(index) {\n       return function() {\n        selectedItem.set(index)\n        quantity.set(1)\n        if (!isItemDisabled(filteredItems()[index])) {\n            quantityDialogOpen.set(true)\n        }\n       }\n    }\n\n    function selectTab(index) {\n        return function() {\n            selectedTab.set(index)\n            selectedItem.set(0)\n        }\n    }\n\n    function selectMode(mode) {\n        return function() {\n            tradeMode.set(mode)\n            selectedModeIndex.set(mode === 'buy' ? 0 : 1)\n            selectedItem.set(0)\n            quantity.set(1)\n            tradeView.set('items')\n        }\n    }\n\n    function isItemDisabled(item) {\n        if (!item) return true\n        const price = item?.price || 0\n        if (price <= 0) return true\n        if (tradeMode() === 'sell') {\n            const qty = item?.quantity ?? 0\n            return qty <= 0\n        }\n        return gold() < price\n    }\n\n    function backToMode() {\n        return function() {\n            tradeView.set('mode')\n        }\n    }\n\n    function changeQuantity(delta) {\n        return function() {\n            const limit = maxQuantity()\n            if (limit <= 0) return\n            const nextValue = Math.max(1, Math.min(limit, quantity() + delta))\n            if (nextValue !== quantity()) {\n                quantity.set(nextValue)\n            }\n        }\n    }\n\n    function closeQuantityDialog() {\n        return function() {\n            quantityDialogOpen.set(false)\n        }\n    }\n\n    function confirmTrade() {\n        return function() {\n            const item = currentItem()\n            if (!item || isItemDisabled(item)) {\n                quantityDialogOpen.set(false)\n                return\n            }\n            const action = tradeMode() === 'buy' ? 'buyItem' : 'sellItem'\n            onInteraction(action, { id: item.id, nb: quantity() })\n            quantityDialogOpen.set(false)\n        }\n    }\n\n    effect(() => {\n        const count = filteredItems().length\n        if (selectedItem() >= count) {\n            selectedItem.set(Math.max(0, count - 1))\n        }\n    })\n\n    const modeControls = signal({\n        left: {\n            repeat: true,\n            bind: keyboardControls.left,\n            throttle: 150,\n            keyDown() {\n                navMode.next(-1)\n            }\n        },\n        right: {\n            repeat: true,\n            bind: keyboardControls.right,\n            throttle: 150,\n            keyDown() {\n                navMode.next(1)\n            }\n        },\n        action: {\n            bind: keyboardControls.action,\n            keyDown() {\n                const mode = selectedModeIndex() === 0 ? 'buy' : 'sell'\n                tradeMode.set(mode)\n                selectedItem.set(0)\n                quantity.set(1)\n                tradeView.set('items')\n            }\n        },\n        escape: {\n            bind: keyboardControls.escape,\n            keyDown() {\n                onFinish()\n            }\n        },\n        gamepad: {\n            enabled: true\n        }\n    });\n\n    const itemControls = signal({\n        up: {\n            repeat: true,\n            bind: keyboardControls.up,\n            throttle: 150,\n            keyDown() {\n                if (quantityDialogOpen()) {\n                    changeQuantity(1)()\n                    return\n                }\n                nav.next(-1)\n            }\n        },\n        down: {\n            repeat: true,\n            bind: keyboardControls.down,\n            throttle: 150,\n            keyDown() {\n                if (quantityDialogOpen()) {\n                    changeQuantity(-1)()\n                    return\n                }\n                nav.next(1)\n            }\n        },\n        action: {\n            bind: keyboardControls.action,\n            keyDown() {\n                if (quantityDialogOpen()) {\n                    const item = currentItem()\n                    if (!item || isItemDisabled(item)) {\n                        quantityDialogOpen.set(false)\n                        return\n                    }\n                    const action = tradeMode() === 'buy' ? 'buyItem' : 'sellItem'\n                    onInteraction(action, { id: item.id, nb: quantity() })\n                    quantityDialogOpen.set(false)\n                    return\n                }\n                const item = currentItem()\n                if (!isItemDisabled(item)) {\n                    quantityDialogOpen.set(true)\n                }\n            }\n        },\n        escape: {\n            bind: keyboardControls.escape,\n            keyDown() {\n                if (quantityDialogOpen()) {\n                    quantityDialogOpen.set(false)\n                    return\n                }\n                tradeView.set('mode')\n            }\n        },\n        gamepad: {\n            enabled: true\n        }\n    });\n\n    const tabControls = signal({\n        left: {\n            repeat: true,\n            bind: keyboardControls.left,\n            throttle: 150,\n            keyDown() {\n                if (quantityDialogOpen()) return\n                navTab.next(-1)\n            }\n        },\n        right: {\n            repeat: true,\n            bind: keyboardControls.right,\n            throttle: 150,\n            keyDown() {\n                if (quantityDialogOpen()) return\n                navTab.next(1)\n            }\n        },\n        gamepad: {\n            enabled: true\n        }\n    })\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"shop.ce.js","names":[],"sources":["../../../../src/components/gui/shop/shop.ce"],"sourcesContent":["    <DOMContainer width=\"100%\" height=\"100%\">\n        <div class=\"rpg-shop-container rpg-anim-fade-in\">\n            <div class=\"rpg-shop-header\">\n                <div class=\"rpg-shop-merchant\">\n                    <div>\n                        @if (hasFace) {\n                            <div class=\"rpg-shop-merchant-avatar\">\n                                <DOMSprite \n                                    sheet={faceSheet(face().id, face().expression)} \n                                    width=\"50px\"\n                                    height=\"50px\"\n                                    objectFit=\"contain\"\n                                />  \n                            </div>\n                        }\n                    </div>\n                    <div class=\"rpg-shop-merchant-info\">\n                        <p>{{ shopMessage() }}</p>\n                    </div>\n                </div>\n                <div class=\"rpg-shop-gold\">\n                     {{ gold() }} {{ goldTerm }}\n                </div>\n            </div>\n\n            <div class=\"rpg-shop-body\">\n                <div class=\"rpg-shop-left\">\n                @if (tradeView() === 'mode') {\n                    <div class=\"rpg-shop-content rpg-shop-content-mode\">\n                        <div class=\"rpg-shop-details rpg-shop-details-mode\">\n                            <div class=\"rpg-shop-details-header\">\n                            <div class=\"rpg-shop-details-icon\">🛒</div>\n                            <h2 style=\"margin: 0;\">Choose an action</h2>\n                        </div>\n                        <div class=\"rpg-shop-trade\">\n                            <Navigation tabindex={selectedModeIndex} controls={modeControls}>\n                                <div class=\"rpg-shop-tabs rpg-shop-trade-tabs\">\n                                    <div\n                                        class=\"rpg-shop-tab\"\n                                        class={{active: selectedModeIndex() === 0}}\n                                        click={selectMode('buy')}\n                                    >Buy</div>\n                                    <div\n                                        class=\"rpg-shop-tab\"\n                                        class={{active: selectedModeIndex() === 1}}\n                                        click={selectMode('sell')}\n                                    >Sell</div>\n                                </div>\n                            </Navigation>\n                        </div>\n                        </div>\n                    </div>\n                }\n                @else {\n                    <div>\n                    <Navigation tabindex={selectedTab} controls={tabControls}>  \n                        <div class=\"rpg-shop-tabs\">\n                            @for ((tab,index) of tabs) {\n                                <div \n                                    class=\"rpg-shop-tab\" \n                                    class={{active: selectedTab() === index}} \n                                    tabindex={index} \n                                    click={selectTab(index)}\n                                >{{ tab.label }}</div>\n                            }\n                        </div>\n                    </Navigation>\n\n                    <div class=\"rpg-shop-content\">\n                        <div class=\"rpg-shop-grid\">\n                            <Navigation tabindex={selectedItem} controls={itemControls}>     \n                                @for ((item,index) of filteredItems) { \n                                    <div class=\"rpg-shop-card\" class={{disabled: isItemDisabled(item), selected: selectedItem() === index}} tabindex={index} click={selectItem(index)}>\n                                        <div class=\"rpg-shop-card-icon\">\n                                            @if (item.icon) {\n                                                <DOMSprite \n                                                    sheet={iconSheet(item.icon)} \n                                                    playing=\"default\" \n                                                    width=\"48px\"\n                                                    height=\"48px\"\n                                                    objectFit=\"contain\"\n                                                />\n                                            }\n                                        </div>\n                                        <div class=\"rpg-shop-card-name\">{{ item.name }}</div>\n                                        <div class=\"rpg-shop-card-price\">{{ item.price }} {{ goldTerm }}</div>\n                                        @if (item.quantity !== undefined) {\n                                            <div class=\"rpg-shop-card-qty\">x{{ item.quantity }}</div>\n                                        }\n                                        @if (item.equipped) {\n                                            <div class=\"rpg-shop-card-tag\">Equipped</div>\n                                        }\n                                    </div>\n                                }\n                            </Navigation>\n                        </div>\n\n                        <div class=\"rpg-shop-details\">\n                            <div class=\"rpg-shop-details-header\">\n                                <div class=\"rpg-shop-details-icon\">\n                                    <DOMSprite \n                                        sheet={iconSheet(currentItem()?.icon)} \n                                        playing=\"default\" \n                                        width=\"80px\"\n                                        height=\"80px\"\n                                        objectFit=\"contain\"\n                                    />\n                                </div>\n                                <h2 style=\"margin: 0;\">{{ currentItem()?.name || \"\" }}</h2>\n                                <p style=\"color: #ffd700; font-weight: bold; margin: 8px 0;\">{{ currentItem()?.price ?? 0 }} {{ goldTerm }}</p>\n                                @if (currentItem()?.quantity !== undefined) {\n                                    <div class=\"rpg-shop-details-qty\">Qty: x{{ currentItem()?.quantity }}</div>\n                                }\n                            </div>\n                            <div>\n                                @if (currentItem()?.equipped) {\n                                    <div class=\"rpg-shop-equipped\">Already equipped</div>\n                                }\n                            </div>\n                            <div class=\"rpg-shop-details-desc\">\n                                {{ currentItem()?.description || \"\" }}\n                            </div>\n                            <div>\n                                @if (displayStats().length > 0) {\n                                    <div class=\"rpg-shop-stats\">\n                                        @for ((stat,index) of displayStats) {\n                                            <div class=\"rpg-shop-stat\" class={{positive: stat.delta > 0, negative: stat.delta < 0}}>\n                                                <div class=\"rpg-shop-stat-key\">{{ stat.label }}</div>\n                                                <div class=\"rpg-shop-stat-value\">\n                                                    {{ stat.delta > 0 ? '+' : '' }}{{ stat.delta }}\n                                                </div>\n                                                @if (stat.current !== undefined) {\n                                                    <div class=\"rpg-shop-stat-current\">{{ stat.current }} → {{ stat.next }}</div>\n                                                }\n                                            </div>\n                                        }\n                                    </div>\n                                }\n                            </div>\n                            <button class=\"rpg-shop-btn\" click={backToMode()}>Back</button>\n                        </div>\n                    </div>\n                    </div>\n                }\n                @if (quantityDialogOpen) {\n                    <div class=\"rpg-shop-modal\">\n                        <div class=\"rpg-shop-modal-card\">\n                            <div class=\"rpg-shop-modal-title\">{{ actionLabel }}</div>\n                            <div class=\"rpg-shop-modal-item\">{{ currentItem()?.name || \"\" }}</div>\n                            @if (currentItem()?.quantity !== undefined) {\n                                <div class=\"rpg-shop-modal-qty\">Available: x{{ currentItem()?.quantity }}</div>\n                            }\n                            <div class=\"rpg-shop-quantity\">\n                                <div class=\"rpg-shop-quantity-label\">Quantity</div>\n                                <div class=\"rpg-shop-quantity-controls\">\n                                    <button class=\"rpg-shop-btn\" click={changeQuantity(-1)}>-</button>\n                                    <div class=\"rpg-shop-quantity-value\">{{ quantity }}</div>\n                                    <button class=\"rpg-shop-btn\" click={changeQuantity(1)}>+</button>\n                                </div>\n                            </div>\n                            <div class=\"rpg-shop-modal-total\">\n                                <span>Total</span>\n                                <span>{{ totalPrice() }} {{ goldTerm }}</span>\n                            </div>\n                            <div class=\"rpg-shop-modal-actions\">\n                                <button class=\"rpg-shop-btn rpg-shop-btn-secondary\" click={closeQuantityDialog()}>Cancel</button>\n                                <button class=\"rpg-shop-btn\" click={confirmTrade()}>\n                                    {{ actionLabel() }} x{{ quantity() }}\n                                </button>\n                            </div>\n                        </div>\n                    </div>\n                }\n                </div>\n            </div>\n        </div>\n    </DOMContainer>\n\n<script>\n    import { mount, signal, computed, createTabindexNavigator, effect } from \"canvasengine\";\n    import { inject } from \"../../../core/inject\";\n    import { RpgClientEngine } from \"../../../RpgClientEngine\";\n\n    const engine = inject(RpgClientEngine)\n    const currentPlayer = engine.scene.currentPlayer\n    const keyboardControls = engine.globalConfig.keyboardControls\n    const iconSheet = (iconId) => ({\n        definition: engine.getSpriteSheet(iconId),\n        playing: \"default\"\n    })\n    const goldTerm = engine.globalConfig.goldTerm || 'G'\n\n    const selectedItem = signal(0)\n    const selectedTab = signal(0)\n    const tradeMode = signal('buy')\n    const tradeView = signal('mode')\n    const selectedModeIndex = signal(0)\n    const quantity = signal(1)\n    const quantityDialogOpen = signal(false)\n    const defaultMessage = 'Welcome to my shop!'\n    const tabs = [\n        { id: 'item', label: 'Items' },\n        { id: 'weapon', label: 'Weapons' },\n        { id: 'armor', label: 'Armor' }\n    ]\n\n    const { data, onInteraction , onFinish } = defineProps()\n\n    const resolveProp = (value) => typeof value === \"function\" ? value() : value\n    const guiData = computed(() => resolveProp(data) || {})\n    const shopMessage = computed(() => {\n        const message = resolveProp(guiData().message)\n        return message ? String(message) : defaultMessage\n    })\n    const face = computed(() => resolveProp(guiData().face))\n    const hasFace = computed(() => {\n        const value = face()\n        return value && value.id\n    })\n    const buyItems = computed(() => guiData().items || [])\n    const sellItems = computed(() => guiData().sellItems || [])\n    const activeItems = computed(() => tradeMode() === 'buy' ? buyItems() : sellItems())\n    const filteredItems = computed(() => {\n        const tab = tabs[selectedTab()]\n        const items = activeItems()\n        if (!tab) return []\n        return items.filter((item) => item?.type === tab.id)\n    })\n    const currentItem = computed(() => filteredItems()[selectedItem()])\n    const gold = computed(() => currentPlayer()._gold())\n    const actionLabel = computed(() => tradeMode() === 'buy' ? 'Buy' : 'Sell')\n    const faceSheet = (graphicId, animationName) => ({\n        definition: engine.getSpriteSheet(graphicId),\n        playing: animationName || \"default\"\n    })\n    const maxQuantity = computed(() => {\n        const item = currentItem()\n        if (!item) return 0\n        const price = item?.price || 0\n        if (price <= 0) return 0\n        if (tradeMode() === 'sell') {\n            const qty = item?.quantity ?? 0\n            return Math.max(0, qty)\n        }\n        return Math.max(1, Math.floor(gold() / price))\n    })\n    const totalPrice = computed(() => {\n        const price = currentItem()?.price || 0\n        return price * quantity()\n    })\n    const displayStats = computed(() => {\n        const stats = currentItem()?.stats || {}\n        const params = guiData().playerParams || {}\n        const order = ['atk', 'def', 'pdef', 'sdef', 'str', 'dex', 'int', 'agi', 'maxHp', 'maxSp']\n        const labels = {\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        const orderedKeys = order.filter((key) => stats[key] !== undefined)\n        const extraKeys = Object.keys(stats).filter((key) => !order.includes(key))\n        const keys = orderedKeys.concat(extraKeys)\n        const list = []\n        for (const key of keys) {\n            const delta = stats[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: labels[key] || key.toUpperCase(),\n                delta,\n                current,\n                next\n            })\n        }\n        return list\n    })\n    const nav = createTabindexNavigator(selectedItem, { count: () => filteredItems().length }, 'wrap')\n    const navTab = createTabindexNavigator(selectedTab, { count: () => tabs.length }, 'wrap')\n    const navMode = createTabindexNavigator(selectedModeIndex, { count: () => 2 }, 'wrap')\n\n    function selectItem(index) {\n       return function() {\n        selectedItem.set(index)\n        quantity.set(1)\n        if (!isItemDisabled(filteredItems()[index])) {\n            quantityDialogOpen.set(true)\n        }\n       }\n    }\n\n    function selectTab(index) {\n        return function() {\n            selectedTab.set(index)\n            selectedItem.set(0)\n        }\n    }\n\n    function selectMode(mode) {\n        return function() {\n            tradeMode.set(mode)\n            selectedModeIndex.set(mode === 'buy' ? 0 : 1)\n            selectedItem.set(0)\n            quantity.set(1)\n            tradeView.set('items')\n        }\n    }\n\n    function isItemDisabled(item) {\n        if (!item) return true\n        const price = item?.price || 0\n        if (price <= 0) return true\n        if (tradeMode() === 'sell') {\n            const qty = item?.quantity ?? 0\n            return qty <= 0\n        }\n        return gold() < price\n    }\n\n    function backToMode() {\n        return function() {\n            tradeView.set('mode')\n        }\n    }\n\n    function changeQuantity(delta) {\n        return function() {\n            const limit = maxQuantity()\n            if (limit <= 0) return\n            const nextValue = Math.max(1, Math.min(limit, quantity() + delta))\n            if (nextValue !== quantity()) {\n                quantity.set(nextValue)\n            }\n        }\n    }\n\n    function closeQuantityDialog() {\n        return function() {\n            quantityDialogOpen.set(false)\n        }\n    }\n\n    function confirmTrade() {\n        return function() {\n            const item = currentItem()\n            if (!item || isItemDisabled(item)) {\n                quantityDialogOpen.set(false)\n                return\n            }\n            const action = tradeMode() === 'buy' ? 'buyItem' : 'sellItem'\n            onInteraction(action, { id: item.id, nb: quantity() })\n            quantityDialogOpen.set(false)\n        }\n    }\n\n    effect(() => {\n        const count = filteredItems().length\n        if (selectedItem() >= count) {\n            selectedItem.set(Math.max(0, count - 1))\n        }\n    })\n\n    const modeControls = signal({\n        left: {\n            repeat: true,\n            bind: keyboardControls.left,\n            throttle: 150,\n            keyDown() {\n                navMode.next(-1)\n            }\n        },\n        right: {\n            repeat: true,\n            bind: keyboardControls.right,\n            throttle: 150,\n            keyDown() {\n                navMode.next(1)\n            }\n        },\n        action: {\n            bind: keyboardControls.action,\n            keyDown() {\n                const mode = selectedModeIndex() === 0 ? 'buy' : 'sell'\n                tradeMode.set(mode)\n                selectedItem.set(0)\n                quantity.set(1)\n                tradeView.set('items')\n            }\n        },\n        escape: {\n            bind: keyboardControls.escape,\n            keyDown() {\n                onFinish()\n            }\n        },\n        gamepad: {\n            enabled: true\n        }\n    });\n\n    const itemControls = signal({\n        up: {\n            repeat: true,\n            bind: keyboardControls.up,\n            throttle: 150,\n            keyDown() {\n                if (quantityDialogOpen()) {\n                    changeQuantity(1)()\n                    return\n                }\n                nav.next(-1)\n            }\n        },\n        down: {\n            repeat: true,\n            bind: keyboardControls.down,\n            throttle: 150,\n            keyDown() {\n                if (quantityDialogOpen()) {\n                    changeQuantity(-1)()\n                    return\n                }\n                nav.next(1)\n            }\n        },\n        action: {\n            bind: keyboardControls.action,\n            keyDown() {\n                if (quantityDialogOpen()) {\n                    const item = currentItem()\n                    if (!item || isItemDisabled(item)) {\n                        quantityDialogOpen.set(false)\n                        return\n                    }\n                    const action = tradeMode() === 'buy' ? 'buyItem' : 'sellItem'\n                    onInteraction(action, { id: item.id, nb: quantity() })\n                    quantityDialogOpen.set(false)\n                    return\n                }\n                const item = currentItem()\n                if (!isItemDisabled(item)) {\n                    quantityDialogOpen.set(true)\n                }\n            }\n        },\n        escape: {\n            bind: keyboardControls.escape,\n            keyDown() {\n                if (quantityDialogOpen()) {\n                    quantityDialogOpen.set(false)\n                    return\n                }\n                tradeView.set('mode')\n            }\n        },\n        gamepad: {\n            enabled: true\n        }\n    });\n\n    const tabControls = signal({\n        left: {\n            repeat: true,\n            bind: keyboardControls.left,\n            throttle: 150,\n            keyDown() {\n                if (quantityDialogOpen()) return\n                navTab.next(-1)\n            }\n        },\n        right: {\n            repeat: true,\n            bind: keyboardControls.right,\n            throttle: 150,\n            keyDown() {\n                if (quantityDialogOpen()) return\n                navTab.next(1)\n            }\n        },\n        gamepad: {\n            enabled: true\n        }\n    })\n</script>\n"],"mappings":"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"}