@rpgjs/client 5.0.0-beta.1 → 5.0.0-beta.11

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

@@ -1,43 +1,20 @@
 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";
 //#region src/components/gui/menu/equip-menu.ce
 function component($$props) {
 	useProps($$props);
 	const defineProps = useDefineProps($$props);
-	var __assign = this && this.__assign || function() {
-		__assign = Object.assign || function(t) {
-			for (var s, i = 1, n = arguments.length; i < n; i++) {
-				s = arguments[i];
-				for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-			}
-			return t;
-		};
-		return __assign.apply(this, arguments);
-	};
-	var __spreadArray = this && this.__spreadArray || function(to, from, pack) {
-		if (pack || arguments.length === 2) {
-			for (var i = 0, l = from.length, ar; i < l; i++) if (ar || !(i in from)) {
-				if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-				ar[i] = from[i];
-			}
-		}
-		return to.concat(ar || Array.prototype.slice.call(from));
-	};
-	var engine = inject(RpgClientEngine);
-	var keyboardControls = engine.globalConfig.keyboardControls;
-	var currentPlayer = engine.scene.currentPlayer;
-	var selectedTab = signal(0);
-	var selectedItem = signal(0);
-	var _a = defineProps(), data = _a.data, onInteraction = _a.onInteraction, onBack = _a.onBack;
-	var equips = computed(function() {
-		var _a;
-		return (_a = data().equips) !== null && _a !== void 0 ? _a : data().items;
-	});
-	var slots = computed(function() {
-		return data().slots;
-	});
-	var defaultSlots = [{
+	const engine = inject(RpgClientEngine);
+	const keyboardControls = engine.globalConfig.keyboardControls;
+	const currentPlayer = engine.scene.currentPlayer;
+	const selectedTab = signal(0);
+	const selectedItem = signal(0);
+	const { data, onInteraction, onBack } = defineProps();
+	const equips = computed(() => data().equips ?? data().items);
+	const slots = computed(() => data().slots);
+	const defaultSlots = [{
 		id: "weapon",
 		label: "Weapon",
 		types: ["weapon"]
@@ -46,108 +23,88 @@ function component($$props) {
 		label: "Armor",
 		types: ["armor"]
 	}];
-	var resolveProp = function(value) {
-		return typeof value === "function" ? value() : value;
-	};
-	var safeEquips = computed(function() {
-		var list = resolveProp(equips);
+	const resolveProp = (value) => typeof value === "function" ? value() : value;
+	const safeEquips = computed(() => {
+		const list = resolveProp(equips);
 		return Array.isArray(list) ? list : [];
 	});
-	var slotList = computed(function() {
-		var list = resolveProp(slots);
+	const slotList = computed(() => {
+		const list = resolveProp(slots);
 		if (Array.isArray(list) && list.length) return list;
 		return defaultSlots;
 	});
-	var currentSlot = computed(function() {
-		return slotList()[selectedTab()];
-	});
-	var equippedIds = computed(function() {
-		var _a, _b;
-		var equipped = ((_b = (_a = currentPlayer()).equipments) === null || _b === void 0 ? void 0 : _b.call(_a)) || [];
-		return new Set(equipped.map(function(it) {
-			var _a, _b, _c;
-			return (_c = (_b = (_a = it === null || it === void 0 ? void 0 : it.id) === null || _a === void 0 ? void 0 : _a.call(it)) !== null && _b !== void 0 ? _b : it === null || it === void 0 ? void 0 : it.id) !== null && _c !== void 0 ? _c : it === null || it === void 0 ? void 0 : it.name;
-		}));
+	const currentSlot = computed(() => slotList()[selectedTab()]);
+	const equippedIds = computed(() => {
+		const equipped = currentPlayer().equipments?.() || [];
+		return new Set(equipped.map((it) => it?.id?.() ?? it?.id ?? it?.name));
 	});
-	var equippedOverrides = signal({});
-	effect(function() {
-		var next = {};
-		safeEquips().forEach(function(item) {
-			if ((item === null || item === void 0 ? void 0 : item.id) && typeof item.equipped === "boolean") next[item.id] = item.equipped;
+	const equippedOverrides = signal({});
+	effect(() => {
+		const next = {};
+		safeEquips().forEach((item) => {
+			if (item?.id && typeof item.equipped === "boolean") next[item.id] = item.equipped;
 		});
 		equippedOverrides.set(next);
 	});
-	var itemEquipped = function(item) {
+	const itemEquipped = (item) => {
 		if (!item) return false;
-		var overrides = equippedOverrides();
+		const overrides = equippedOverrides();
 		if (Object.prototype.hasOwnProperty.call(overrides, item.id)) return overrides[item.id];
 		if (typeof item.equipped === "boolean") return item.equipped;
 		return equippedIds().has(item.id);
 	};
-	var slotTypes = function(slot) {
+	const slotTypes = (slot) => {
 		if (!slot) return [];
 		if (Array.isArray(slot.types)) return slot.types;
 		if (slot.type) return [slot.type];
 		if (slot.id) return [slot.id];
 		return [];
 	};
-	var slotItems = computed(function() {
-		var slot = currentSlot();
+	const slotItems = computed(() => {
+		const slot = currentSlot();
 		if (!slot) return [];
-		var types = new Set(slotTypes(slot));
-		return safeEquips().filter(function(item) {
-			return item && types.has(item.type);
-		});
+		const types = new Set(slotTypes(slot));
+		return safeEquips().filter((item) => item && types.has(item.type));
 	});
-	var currentEquippedItem = computed(function() {
-		return slotItems().find(function(item) {
-			return itemEquipped(item);
-		}) || null;
+	const currentEquippedItem = computed(() => {
+		return slotItems().find((item) => itemEquipped(item)) || null;
 	});
-	var listEntries = computed(function() {
-		var items = slotItems().map(function(item) {
-			return __assign(__assign({}, item), {
-				kind: "item",
-				tag: itemEquipped(item) ? "Equipped" : ""
-			});
-		});
+	const listEntries = computed(() => {
+		const items = slotItems().map((item) => ({
+			...item,
+			kind: "item",
+			tag: itemEquipped(item) ? "Equipped" : ""
+		}));
 		if (!currentEquippedItem()) return items;
-		return __spreadArray([{
+		return [{
 			id: "__unequip__",
 			name: "Unequip",
 			description: "Remove the current equipment",
 			kind: "unequip",
 			tag: ""
-		}], items, true);
+		}, ...items];
 	});
-	var currentEntry = computed(function() {
-		return listEntries()[selectedItem()];
-	});
-	var detailsItem = computed(function() {
-		var entry = currentEntry();
-		if ((entry === null || entry === void 0 ? void 0 : entry.kind) === "item") return entry;
+	const currentEntry = computed(() => listEntries()[selectedItem()]);
+	const detailsItem = computed(() => {
+		const entry = currentEntry();
+		if (entry?.kind === "item") return entry;
 		return currentEquippedItem();
 	});
-	var equippedText = computed(function() {
-		var slot = currentSlot();
+	const equippedText = computed(() => {
+		const slot = currentSlot();
 		if (!slot) return "";
-		var equipped = currentEquippedItem();
-		return equipped ? "".concat(slot.label, ": ").concat(equipped.name) : "".concat(slot.label, ": Empty");
-	});
-	computed(function() {
-		return listEntries().length === 0;
+		const equipped = currentEquippedItem();
+		return equipped ? `${slot.label}: ${equipped.name}` : `${slot.label}: Empty`;
 	});
-	var nav = createTabindexNavigator(selectedItem, { count: function() {
-		return listEntries().length;
-	} }, "wrap");
-	var playerParams = computed(function() {
-		var _a, _b;
-		var menuData = data();
-		if (menuData === null || menuData === void 0 ? void 0 : menuData.playerStats) return menuData.playerStats;
-		if (menuData === null || menuData === void 0 ? void 0 : menuData.playerParams) return menuData.playerParams;
-		return ((_b = (_a = currentPlayer()) === null || _a === void 0 ? void 0 : _a._param) === null || _b === void 0 ? void 0 : _b.call(_a)) || {};
+	computed(() => listEntries().length === 0);
+	const nav = createTabindexNavigator(selectedItem, { count: () => listEntries().length }, "wrap");
+	const playerParams = computed(() => {
+		const menuData = data();
+		if (menuData?.playerStats) return menuData.playerStats;
+		if (menuData?.playerParams) return menuData.playerParams;
+		return currentPlayer()?._param?.() || {};
 	});
-	var statOrder = [
+	const statOrder = [
 		"atk",
 		"def",
 		"pdef",
@@ -159,7 +116,7 @@ function component($$props) {
 		"maxHp",
 		"maxSp"
 	];
-	var statLabels = {
+	const statLabels = {
 		atk: "ATK",
 		def: "DEF",
 		pdef: "PDEF",
@@ -171,11 +128,11 @@ function component($$props) {
 		maxHp: "MAX HP",
 		maxSp: "MAX SP"
 	};
-	var getItemStats = function(item) {
+	const getItemStats = (item) => {
 		if (!item) return {};
-		var stats = item.stats || item.params || {};
+		const stats = item.stats || item.params || {};
 		if (Object.keys(stats).length) return stats;
-		var keys = [
+		const keys = [
 			"atk",
 			"def",
 			"pdef",
@@ -187,29 +144,24 @@ function component($$props) {
 			"maxHp",
 			"maxSp"
 		];
-		var direct = {};
-		keys.forEach(function(key) {
+		const direct = {};
+		keys.forEach((key) => {
 			if (item[key] !== void 0) direct[key] = item[key];
 		});
 		return direct;
 	};
-	var buildStatsList = function(deltaStats) {
-		var params = playerParams() || {};
-		var orderedKeys = statOrder.filter(function(key) {
-			return deltaStats[key] !== void 0;
-		});
-		var extraKeys = Object.keys(deltaStats).filter(function(key) {
-			return !statOrder.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 = deltaStats[key];
+	const buildStatsList = (deltaStats) => {
+		const params = playerParams() || {};
+		const orderedKeys = statOrder.filter((key) => deltaStats[key] !== void 0);
+		const extraKeys = Object.keys(deltaStats).filter((key) => !statOrder.includes(key));
+		const keys = orderedKeys.concat(extraKeys);
+		const list = [];
+		for (const key of keys) {
+			const delta = deltaStats[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: statLabels[key] || key.toUpperCase(),
@@ -220,50 +172,50 @@ function component($$props) {
 		}
 		return list;
 	};
-	var displayStats = computed(function() {
-		var entry = currentEntry();
-		var equipped = currentEquippedItem();
+	const displayStats = computed(() => {
+		const entry = currentEntry();
+		const equipped = currentEquippedItem();
 		if (!entry) return [];
 		if (entry.kind === "unequip") {
 			if (!equipped) return [];
-			var stats_1 = getItemStats(equipped);
-			var delta_1 = {};
-			Object.keys(stats_1).forEach(function(key) {
-				delta_1[key] = -stats_1[key];
+			const stats = getItemStats(equipped);
+			const delta = {};
+			Object.keys(stats).forEach((key) => {
+				delta[key] = -stats[key];
 			});
-			return buildStatsList(delta_1);
+			return buildStatsList(delta);
 		}
 		if (entry.kind === "item") {
-			var equippedStats_1 = getItemStats(equipped);
-			var nextStats_1 = getItemStats(entry);
-			var delta_2 = {};
-			new Set(__spreadArray(__spreadArray([], Object.keys(nextStats_1), true), Object.keys(equippedStats_1), true)).forEach(function(key) {
-				delta_2[key] = (nextStats_1[key] || 0) - (equippedStats_1[key] || 0);
+			const equippedStats = getItemStats(equipped);
+			const nextStats = getItemStats(entry);
+			const delta = {};
+			new Set([...Object.keys(nextStats), ...Object.keys(equippedStats)]).forEach((key) => {
+				delta[key] = (nextStats[key] || 0) - (equippedStats[key] || 0);
 			});
-			return buildStatsList(delta_2);
+			return buildStatsList(delta);
 		}
 		return [];
 	});
-	var applyEquipState = function(slot, itemId, equip) {
-		var types = slotTypes(slot);
-		var next = __assign({}, equippedOverrides());
-		if (types.length) safeEquips().forEach(function(item) {
+	const applyEquipState = (slot, itemId, equip) => {
+		const types = slotTypes(slot);
+		const next = { ...equippedOverrides() };
+		if (types.length) safeEquips().forEach((item) => {
 			if (!item) return;
 			if (types.includes(item.type)) next[item.id] = false;
 		});
 		if (itemId) next[itemId] = equip;
 		equippedOverrides.set(next);
 	};
-	var commitSelection = function(index) {
-		var entry = listEntries()[index];
+	const commitSelection = (index) => {
+		const entry = listEntries()[index];
 		if (!entry) return;
 		if (entry.kind === "unequip") {
-			var equipped = currentEquippedItem();
+			const equipped = currentEquippedItem();
 			if (equipped && onInteraction) onInteraction("equipItem", {
 				id: equipped.id,
 				equip: false
 			});
-			applyEquipState(currentSlot(), equipped === null || equipped === void 0 ? void 0 : equipped.id, false);
+			applyEquipState(currentSlot(), equipped?.id, false);
 			return;
 		}
 		if (entry.kind === "item" && onInteraction) {
@@ -286,15 +238,13 @@ function component($$props) {
 			commitSelection(index);
 		};
 	}
-	var iconSheet = function(iconId) {
-		return { definition: engine.getSpriteSheet(iconId) };
-	};
-	var controls = signal({
+	const iconSheet = (iconId) => ({ definition: engine.getSpriteSheet(iconId) });
+	const controls = signal({
 		up: {
 			repeat: true,
 			bind: keyboardControls.up,
 			throttle: 150,
-			keyDown: function() {
+			keyDown() {
 				if (!listEntries().length) return;
 				nav.next(-1);
 			}
@@ -303,12 +253,10 @@ function component($$props) {
 			repeat: true,
 			bind: keyboardControls.left,
 			throttle: 150,
-			keyDown: function() {
-				var tabs = slotList();
+			keyDown() {
+				const tabs = slotList();
 				if (!tabs.length) return;
-				selectedTab.update(function(value) {
-					return (value - 1 + tabs.length) % tabs.length;
-				});
+				selectedTab.update((value) => (value - 1 + tabs.length) % tabs.length);
 				selectedItem.set(0);
 			}
 		},
@@ -316,12 +264,10 @@ function component($$props) {
 			repeat: true,
 			bind: keyboardControls.right,
 			throttle: 150,
-			keyDown: function() {
-				var tabs = slotList();
+			keyDown() {
+				const tabs = slotList();
 				if (!tabs.length) return;
-				selectedTab.update(function(value) {
-					return (value + 1) % tabs.length;
-				});
+				selectedTab.update((value) => (value + 1) % tabs.length);
 				selectedItem.set(0);
 			}
 		},
@@ -329,28 +275,28 @@ function component($$props) {
 			repeat: true,
 			bind: keyboardControls.down,
 			throttle: 150,
-			keyDown: function() {
+			keyDown() {
 				if (!listEntries().length) return;
 				nav.next(1);
 			}
 		},
 		action: {
-			bind: keyboardControls.action,
-			keyDown: function() {
+			bind: getKeyboardControlBind(keyboardControls.action),
+			keyDown() {
 				if (!listEntries().length) return;
 				commitSelection(selectedItem());
 			}
 		},
 		escape: {
 			bind: keyboardControls.escape,
-			keyDown: function() {
+			keyDown() {
 				if (onBack) onBack();
 			}
 		},
 		gamepad: { enabled: true }
 	});
-	effect(function() {
-		var count = listEntries().length;
+	effect(() => {
+		const count = listEntries().length;
 		if (!count) {
 			selectedItem.set(0);
 			return;
@@ -475,7 +421,8 @@ function component($$props) {
 		textContent: entry.tag || ""
 	})])))])])]));
 }
+var __ce_component = component;
 //#endregion
-export { component as default };
+export { __ce_component as default };
 
 //# sourceMappingURL=equip-menu.ce.js.map

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

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

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

@@ -1,25 +1,26 @@
 import { inject } from "../../../core/inject.js";
+import { getKeyboardControlBind } from "../../../services/actionInput.js";
 import { RpgClientEngine } from "../../../RpgClientEngine.js";
 import { DOMContainer, DOMElement, h, signal, useDefineProps, useProps } from "canvasengine";
 //#region src/components/gui/menu/exit-menu.ce
 function component($$props) {
 	useProps($$props);
 	const defineProps = useDefineProps($$props);
-	var keyboardControls = inject(RpgClientEngine).globalConfig.keyboardControls;
-	var _a = defineProps(), onConfirm = _a.onConfirm, onBack = _a.onBack;
+	const keyboardControls = inject(RpgClientEngine).globalConfig.keyboardControls;
+	const { onConfirm, onBack } = defineProps();
 	return h(DOMContainer, {
 		width: "100%",
 		height: "100%",
 		controls: signal({
 			action: {
-				bind: keyboardControls.action,
-				keyDown: function() {
+				bind: getKeyboardControlBind(keyboardControls.action),
+				keyDown() {
 					if (onConfirm) onConfirm();
 				}
 			},
 			escape: {
 				bind: keyboardControls.escape,
-				keyDown: function() {
+				keyDown() {
 					if (onBack) onBack();
 				}
 			},
@@ -48,7 +49,8 @@ function component($$props) {
 		textContent: "Press Action to confirm or Escape to go back.\n                "
 	})]))]));
 }
+var __ce_component = component;
 //#endregion
-export { component as default };
+export { __ce_component as default };
 
 //# sourceMappingURL=exit-menu.ce.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"exit-menu.ce.js","names":[],"sources":["../../../../src/components/gui/menu/exit-menu.ce"],"sourcesContent":["<DOMContainer width=\"100%\" height=\"100%\" controls={controls}>\n    <div class=\"rpg-ui-menu-panel rpg-ui-panel\">\n        <div class=\"rpg-ui-menu-panel-header\">Exit</div>\n        <div class=\"rpg-ui-menu-panel-body\">\n            <div class=\"rpg-ui-menu-panel-details\">\n                <div class=\"rpg-ui-menu-panel-details-title\">Leave the game?</div>\n                <div class=\"rpg-ui-menu-panel-details-desc\">\n                    Press Action to confirm or Escape to go back.\n                </div>\n            </div>\n        </div>\n    </div>\n</DOMContainer>\n\n<script>\n    import { signal } from \"canvasengine\";\n    import { inject } from \"../../../core/inject\";\n    import { RpgClientEngine } from \"../../../RpgClientEngine\";\n\n    const engine = inject(RpgClientEngine);\n    const keyboardControls = engine.globalConfig.keyboardControls;\n    const { onConfirm, onBack } = defineProps();\n\n    const controls = signal({\n        action: {\n            bind: keyboardControls.action,\n            keyDown() {\n                if (onConfirm) onConfirm();\n            }\n        },\n        escape: {\n            bind: keyboardControls.escape,\n            keyDown() {\n                if (onBack) onBack();\n            }\n        },\n        gamepad: {\n            enabled: true\n        }\n    });\n</script>\n"],"mappings":";;;;AASM,SAAW,UAAA,SAAA;AACJ,UAAA,QAAA;CACP,MAAG,cAAA,eAAA,QAAA;wBACK,OAAA,gBAAA,CAAA,aAAA;CAEd,IAAC,KAAM,aAAA,EAAA,YAAA,GAAA,WAAA,SAAA,GAAA;AAqBC,QADI,EAAA,cAAA;EAAA,OAAA;EAAA,QAAA;EAAA,UAnBC,OAAS;GAClB,QAAQ;IACR,MAAS,iBAAkB;;AAErB,SAAM,UACN,YAAiB;;;GAGvB,QAAM;IACF,MAAM,iBAAE;IACR,SAAS,WAAC;AACN,SAAA,OACI,SAAI;;IAEf;GACD,SAAI,EACA,SAAS,MACZ;GACJ,CAAC;EACU,EAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA,EAAA,OAAA,kCAAA;EAAA,EAAA,CAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA,EAAA,OAAA,4BAAA;EAAA,aAAA;EAAA,CAAA,EAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA,EAAA,OAAA,0BAAA;EAAA,EAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA,EAAA,OAAA,6BAAA;EAAA,EAAA,CAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA,EAAA,OAAA,mCAAA;EAAA,aAAA;EAAA,CAAA,EAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA,EAAA,OAAA,kCAAA;EAAA,aAAA;EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"exit-menu.ce.js","names":[],"sources":["../../../../src/components/gui/menu/exit-menu.ce"],"sourcesContent":["<DOMContainer width=\"100%\" height=\"100%\" controls={controls}>\n    <div class=\"rpg-ui-menu-panel rpg-ui-panel\">\n        <div class=\"rpg-ui-menu-panel-header\">Exit</div>\n        <div class=\"rpg-ui-menu-panel-body\">\n            <div class=\"rpg-ui-menu-panel-details\">\n                <div class=\"rpg-ui-menu-panel-details-title\">Leave the game?</div>\n                <div class=\"rpg-ui-menu-panel-details-desc\">\n                    Press Action to confirm or Escape to go back.\n                </div>\n            </div>\n        </div>\n    </div>\n</DOMContainer>\n\n<script>\n    import { signal } from \"canvasengine\";\n    import { inject } from \"../../../core/inject\";\n    import { RpgClientEngine } from \"../../../RpgClientEngine\";\n    import { getKeyboardControlBind } from \"../../../services/actionInput\";\n\n    const engine = inject(RpgClientEngine);\n    const keyboardControls = engine.globalConfig.keyboardControls;\n    const { onConfirm, onBack } = defineProps();\n\n    const controls = signal({\n        action: {\n            bind: getKeyboardControlBind(keyboardControls.action),\n            keyDown() {\n                if (onConfirm) onConfirm();\n            }\n        },\n        escape: {\n            bind: keyboardControls.escape,\n            keyDown() {\n                if (onBack) onBack();\n            }\n        },\n        gamepad: {\n            enabled: true\n        }\n    });\n</script>\n"],"mappings":";;;;;AAUM,SAAO,UAAA,SAAA;CACJ,SAAA,OAAA;CACP,MAAY,cAAA,eAAA,OAAA;CAEd,MAAC,mBAAA,OAAA,eAAM,EAAA,aAAA;CACP,MAAI,EAAA,WAAe,WAAS,YAAa;CAqBjC,OADI,EAAA,cAAA;EAAA,OAAA;EAAA,QAAA;EAAA,UAnBC,OAAS;GAClB,QAAQ;IACR,MAAS,uBAAwB,iBAAgB,MAAA;;KAE3C,IAAM,WACN,UAAgB;IACtB;;GAEA,QAAM;IACF,MAAM,iBAAE;IACR,UAAU;KACN,IAAA,QACI,OAAI;IACZ;GACJ;GACA,SAAI,EACA,SAAS,KACb;EACJ,CACY;CAAA,GAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA,EAAA,OAAA,iCAAA;CAAA,GAAA,CAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA,EAAA,OAAA,2BAAA;EAAA,aAAA;CAAA,CAAA,GAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA,EAAA,OAAA,yBAAA;CAAA,GAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA,EAAA,OAAA,4BAAA;CAAA,GAAA,CAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA,EAAA,OAAA,kCAAA;EAAA,aAAA;CAAA,CAAA,GAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA,EAAA,OAAA,iCAAA;EAAA,aAAA;CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACH;AACH;AAEA,IAAE,iBAAA"}