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

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

@@ -1,25 +1,29 @@
 import { inject } from "../../../core/inject.js";
+import { getKeyboardControlBind } from "../../../services/actionInput.js";
 import { RpgClientEngine } from "../../../RpgClientEngine.js";
-import { DOMContainer, DOMElement, h, signal, useDefineProps, useProps } from "canvasengine";
+import { DOMContainer, DOMElement, computed, h, signal, useDefineEmits, 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;
+	useDefineEmits($$props);
+	const engine = inject(RpgClientEngine);
+	const { t } = engine.i18n();
+	const keyboardControls = engine.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();
 				}
 			},
@@ -31,7 +35,7 @@ function component($$props) {
 	}, [h(DOMElement, {
 		element: "div",
 		attrs: { class: "rpg-ui-menu-panel-header" },
-		textContent: "Exit"
+		textContent: computed(() => t("rpg.menu.exit"))
 	}), h(DOMElement, {
 		element: "div",
 		attrs: { class: "rpg-ui-menu-panel-body" }
@@ -41,14 +45,15 @@ function component($$props) {
 	}, [h(DOMElement, {
 		element: "div",
 		attrs: { class: "rpg-ui-menu-panel-details-title" },
-		textContent: "Leave the game?"
+		textContent: computed(() => t("rpg.menu.leave-game"))
 	}), h(DOMElement, {
 		element: "div",
 		attrs: { class: "rpg-ui-menu-panel-details-desc" },
-		textContent: "Press Action to confirm or Escape to go back.\n                "
+		textContent: computed(() => t("rpg.menu.exit-help"))
 	})]))]));
 }
+var __ce_component = component;
 //#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\">{t(\"rpg.menu.exit\")}</div>\n        <div class=\"rpg-ui-menu-panel-body\">\n            <div class=\"rpg-ui-menu-panel-details\">\n                <div class=\"rpg-ui-menu-panel-details-title\">{t(\"rpg.menu.leave-game\")}</div>\n                <div class=\"rpg-ui-menu-panel-details-desc\">\n                    {t(\"rpg.menu.exit-help\")}\n                </div>\n            </div>\n        </div>\n    </div>\n</DOMContainer>\n\n<script>\n    import { signal } from \"canvasengine\";\n    import { inject } from \"../../../core/inject\";\n    import { RpgClientEngine } from \"../../../RpgClientEngine\";\n    import { getKeyboardControlBind } from \"../../../services/actionInput\";\n\n    const engine = inject(RpgClientEngine);\n    const { t } = engine.i18n();\n    const keyboardControls = engine.globalConfig.keyboardControls;\n    const { onConfirm, onBack } = defineProps();\n\n    const controls = signal({\n        action: {\n            bind: getKeyboardControlBind(keyboardControls.action),\n            keyDown() {\n                if (onConfirm) onConfirm();\n            }\n        },\n        escape: {\n            bind: keyboardControls.escape,\n            keyDown() {\n                if (onBack) onBack();\n            }\n        },\n        gamepad: {\n            enabled: true\n        }\n    });\n</script>\n"],"mappings":";;;;;AAUM,SAAO,UAAA,SAAA;CACJ,SAAA,OAAA;CACP,MAAY,cAAA,eAAA,OAAA;;CAEP,MAAA,SAAA,OAAA,eAAA;CACP,MAAI,EAAA,MAAS,OAAQ,KAAK;CAC1B,MAAI,mBAAkB,OAAU,aAAU;CAC1C,MAAI,EAAA,WAAS,WAAiB,YAAY;CAqBlC,OADC,EAAA,cAAA;EAAA,OAAA;EAAA,QAAA;EAAA,UAnBI,OAAA;;IAET,MAAM,uBAAgB,iBAAgB,MAAA;IACtC,UAAc;KACR,IAAA,WACE,UAAW;;GAEnB;GACA,QAAI;IACA,MAAI,iBAAM;IACV,UAAI;KACA,IAAI,QACJ,OAAA;IACJ;GACJ;GACA,SAAQ,EACJ,SAAI,KACR;EACJ,CACS;CAAA,GAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA,EAAA,OAAA,iCAAA;CAAA,GAAA,CAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA,EAAA,OAAA,2BAAA;EAAA,aAAA,eAAA,EAAA,eAAA,CAAA;CAAA,CAAA,GAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA,EAAA,OAAA,yBAAA;CAAA,GAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA,EAAA,OAAA,4BAAA;CAAA,GAAA,CAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA,EAAA,OAAA,kCAAA;EAAA,aAAA,eAAA,EAAA,qBAAA,CAAA;CAAA,CAAA,GAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA,EAAA,OAAA,iCAAA;EAAA,aAAA,eAAA,EAAA,oBAAA,CAAA;CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACQ;AACX;AAEA,IAAA,iBAAA"}

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

@@ -1,73 +1,61 @@
 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, h, loop, signal, useDefineProps, useProps } from "canvasengine";
+import { DOMContainer, DOMElement, DOMSprite, Navigation, computed, cond, createTabindexNavigator, h, loop, signal, useDefineEmits, useDefineProps, useProps } from "canvasengine";
 import { delay } from "@rpgjs/common";
 //#region src/components/gui/menu/items-menu.ce
 function component($$props) {
 	useProps($$props);
 	const defineProps = useDefineProps($$props);
-	var engine = inject(RpgClientEngine);
-	var keyboardControls = engine.globalConfig.keyboardControls;
-	var selectedItem = signal(0);
-	var selectedTab = signal(0);
-	var selectedConfirm = signal(0);
-	var confirmOpen = signal(false);
-	var confirmItem = signal(null);
-	var _a = defineProps(), data = _a.data, onInteraction = _a.onInteraction, onBack = _a.onBack;
-	var items = computed(function() {
-		return data().items;
-	});
-	var tabs = [
+	useDefineEmits($$props);
+	const engine = inject(RpgClientEngine);
+	const { t } = engine.i18n();
+	const keyboardControls = engine.globalConfig.keyboardControls;
+	const selectedItem = signal(0);
+	const selectedTab = signal(0);
+	const selectedConfirm = signal(0);
+	const confirmOpen = signal(false);
+	const confirmItem = signal(null);
+	const { data, onInteraction, onBack } = defineProps();
+	const items = computed(() => data().items);
+	const tabs = [
 		{
 			id: "item",
-			label: "Items"
+			label: t("rpg.menu.items")
 		},
 		{
 			id: "weapon",
-			label: "Weapons"
+			label: t("rpg.menu.weapons")
 		},
 		{
 			id: "armor",
-			label: "Armor"
+			label: t("rpg.menu.armor")
 		}
 	];
-	var resolveProp = function(value) {
-		return typeof value === "function" ? value() : value;
-	};
-	var safeItems = computed(function() {
-		var value = resolveProp(items);
+	const resolveProp = (value) => typeof value === "function" ? value() : value;
+	const safeItems = computed(() => {
+		const value = resolveProp(items);
 		return Array.isArray(value) ? value : [];
 	});
-	var filteredItems = computed(function() {
-		var items = safeItems();
-		var tab = tabs[selectedTab()];
+	const filteredItems = computed(() => {
+		const items = safeItems();
+		const tab = tabs[selectedTab()];
 		if (!tab) return [];
-		return items.filter(function(item) {
-			var _a;
-			return item.type === tab.id && ((_a = item.quantity) !== null && _a !== void 0 ? _a : 1) > 0;
-		});
+		return items.filter((item) => item.type === tab.id && (item.quantity ?? 1) > 0);
 	});
-	var confirmOptions = [{
+	const confirmOptions = [{
 		id: "use",
-		label: "Use"
+		label: t("rpg.menu.use")
 	}, {
 		id: "cancel",
-		label: "Cancel"
+		label: t("rpg.menu.cancel")
 	}];
-	var nav = createTabindexNavigator(selectedItem, { count: function() {
-		return filteredItems().length;
-	} }, "wrap");
-	var navConfirm = createTabindexNavigator(selectedConfirm, { count: function() {
-		return confirmOptions.length;
-	} }, "wrap");
-	var currentItem = computed(function() {
-		return filteredItems()[selectedItem()];
-	});
-	var iconSheet = function(iconId) {
-		return { definition: engine.getSpriteSheet(iconId) };
-	};
-	var clampSelection = function() {
-		var count = filteredItems().length;
+	const nav = createTabindexNavigator(selectedItem, { count: () => filteredItems().length }, "wrap");
+	const navConfirm = createTabindexNavigator(selectedConfirm, { count: () => confirmOptions.length }, "wrap");
+	const currentItem = computed(() => filteredItems()[selectedItem()]);
+	const iconSheet = (iconId) => ({ definition: engine.getSpriteSheet(iconId) });
+	const clampSelection = () => {
+		const count = filteredItems().length;
 		if (count === 0) {
 			selectedItem.set(0);
 			return;
@@ -86,13 +74,13 @@ function component($$props) {
 			selectedTab.set(index);
 		};
 	}
-	var useItem = function(index) {
-		var item = filteredItems()[index];
+	const useItem = (index) => {
+		const item = filteredItems()[index];
 		if (!item || !item.usable) return;
 		if (onInteraction) onInteraction("useItem", { id: item.id });
 	};
-	var requestUseItem = function(index) {
-		var item = filteredItems()[index];
+	const requestUseItem = (index) => {
+		const item = filteredItems()[index];
 		if (!item || !item.usable) return;
 		if (item.consumable) {
 			confirmItem.set(item);
@@ -102,17 +90,17 @@ function component($$props) {
 		}
 		useItem(index);
 	};
-	var confirmUse = function() {
-		var item = confirmItem();
+	const confirmUse = () => {
+		const item = confirmItem();
 		if (!item) return;
-		delay(function() {
+		delay(() => {
 			if (onInteraction) onInteraction("useItem", { id: item.id });
 			confirmOpen.set(false);
 			confirmItem.set(null);
 		});
 	};
-	var cancelConfirm = function() {
-		delay(function() {
+	const cancelConfirm = () => {
+		delay(() => {
 			confirmOpen.set(false);
 			confirmItem.set(null);
 		});
@@ -127,12 +115,12 @@ function component($$props) {
 			cancelConfirm();
 		};
 	}
-	var confirmControls = signal({
+	const confirmControls = signal({
 		left: {
 			repeat: true,
 			bind: keyboardControls.left,
 			throttle: 150,
-			keyDown: function() {
+			keyDown() {
 				if (!confirmOpen()) return;
 				navConfirm.next(-1);
 			}
@@ -141,32 +129,32 @@ function component($$props) {
 			repeat: true,
 			bind: keyboardControls.right,
 			throttle: 150,
-			keyDown: function() {
+			keyDown() {
 				if (!confirmOpen()) return;
 				navConfirm.next(1);
 			}
 		},
 		action: {
-			bind: keyboardControls.action,
-			keyDown: function() {
+			bind: getKeyboardControlBind(keyboardControls.action),
+			keyDown() {
 				if (!confirmOpen()) return;
 				confirmSelect(selectedConfirm())();
 			}
 		},
 		escape: {
 			bind: keyboardControls.escape,
-			keyDown: function() {
+			keyDown() {
 				if (!confirmOpen()) return;
 				cancelConfirm();
 			}
 		}
 	});
-	var controls = signal({
+	const controls = signal({
 		up: {
 			repeat: true,
 			bind: keyboardControls.up,
 			throttle: 150,
-			keyDown: function() {
+			keyDown() {
 				if (confirmOpen()) return;
 				nav.next(-1);
 			}
@@ -175,11 +163,9 @@ function component($$props) {
 			repeat: true,
 			bind: keyboardControls.left,
 			throttle: 150,
-			keyDown: function() {
+			keyDown() {
 				if (confirmOpen()) return;
-				selectedTab.update(function(value) {
-					return (value - 1 + tabs.length) % tabs.length;
-				});
+				selectedTab.update((value) => (value - 1 + tabs.length) % tabs.length);
 				selectedItem.set(0);
 			}
 		},
@@ -187,11 +173,9 @@ function component($$props) {
 			repeat: true,
 			bind: keyboardControls.right,
 			throttle: 150,
-			keyDown: function() {
+			keyDown() {
 				if (confirmOpen()) return;
-				selectedTab.update(function(value) {
-					return (value + 1) % tabs.length;
-				});
+				selectedTab.update((value) => (value + 1) % tabs.length);
 				selectedItem.set(0);
 			}
 		},
@@ -199,14 +183,14 @@ function component($$props) {
 			repeat: true,
 			bind: keyboardControls.down,
 			throttle: 150,
-			keyDown: function() {
+			keyDown() {
 				if (confirmOpen()) return;
 				nav.next(1);
 			}
 		},
 		action: {
-			bind: keyboardControls.action,
-			keyDown: function() {
+			bind: getKeyboardControlBind(keyboardControls.action),
+			keyDown() {
 				if (confirmOpen()) {
 					confirmSelect(selectedConfirm())();
 					return;
@@ -216,7 +200,7 @@ function component($$props) {
 		},
 		escape: {
 			bind: keyboardControls.escape,
-			keyDown: function() {
+			keyDown() {
 				if (confirmOpen()) {
 					cancelConfirm();
 					return;
@@ -237,7 +221,7 @@ function component($$props) {
 		h(DOMElement, {
 			element: "div",
 			attrs: { class: "rpg-ui-menu-panel-header" },
-			textContent: "Items"
+			textContent: computed(() => t("rpg.menu.items"))
 		}),
 		h(DOMElement, {
 			element: "div",
@@ -319,7 +303,7 @@ function component($$props) {
 		}, [h(DOMElement, {
 			element: "div",
 			attrs: { class: "rpg-ui-menu-confirm-title" },
-			textContent: computed(() => "Use " + confirmItem()?.name + "?")
+			textContent: computed(() => t("rpg.menu.use") + confirmItem()?.name + "?")
 		}), h(Navigation, {
 			tabindex: selectedConfirm,
 			controls: confirmControls
@@ -338,7 +322,8 @@ function component($$props) {
 		}))))])))
 	]));
 }
+var __ce_component = component;
 //#endregion
-export { component as default };
+export { __ce_component as default };
 
 //# sourceMappingURL=items-menu.ce.js.map

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

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