@rpgjs/client 5.0.0-alpha.43 → 5.0.0-alpha.44

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

@@ -1,229 +1,344 @@
-import { useProps, useDefineProps, signal, computed, createTabindexNavigator, h, DOMContainer, DOMElement, cond, DOMSprite, loop, Navigation } from 'canvasengine';
-import { inject } from '../../../core/inject.js';
-import { RpgClientEngine } from '../../../RpgClientEngine.js';
-import { delay } from '@rpgjs/common';
-
+import { inject } from "../../../core/inject.js";
+import { RpgClientEngine } from "../../../RpgClientEngine.js";
+import { DOMContainer, DOMElement, DOMSprite, Navigation, computed, cond, createTabindexNavigator, h, loop, signal, 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 = [
-    { id: "item", label: "Items" },
-    { id: "weapon", label: "Weapons" },
-    { id: "armor", label: "Armor" }
-];
-var resolveProp = function (value) { return typeof value === "function" ? value() : value; };
-var safeItems = computed(function () {
-    var value = resolveProp(items);
-    return Array.isArray(value) ? value : [];
-});
-var filteredItems = computed(function () {
-    var items = safeItems();
-    var 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; });
-});
-var confirmOptions = [
-    { id: "use", label: "Use" },
-    { id: "cancel", label: "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;
-    if (count === 0) {
-        selectedItem.set(0);
-        return;
-    }
-    if (selectedItem() >= count) {
-        selectedItem.set(count - 1);
-    }
-};
-function selectItem(index) {
-    return function () {
-        selectedItem.set(index);
-        requestUseItem(index);
-    };
-}
-function selectTab(index) {
-    return function () {
-        selectedItem.set(0);
-        selectedTab.set(index);
-    };
-}
-var useItem = function (index) {
-    var item = filteredItems()[index];
-    if (!item || !item.usable)
-        return;
-    if (onInteraction)
-        onInteraction("useItem", { id: item.id });
-};
-var requestUseItem = function (index) {
-    var item = filteredItems()[index];
-    if (!item || !item.usable)
-        return;
-    if (item.consumable) {
-        confirmItem.set(item);
-        confirmOpen.set(true);
-        selectedConfirm.set(0);
-        return;
-    }
-    useItem(index);
-};
-var confirmUse = function () {
-    var item = confirmItem();
-    if (!item)
-        return;
-    delay(function () {
-        if (onInteraction)
-            onInteraction("useItem", { id: item.id });
-        confirmOpen.set(false);
-        confirmItem.set(null);
-    });
-};
-var cancelConfirm = function () {
-    delay(function () {
-        confirmOpen.set(false);
-        confirmItem.set(null);
-    });
-};
-function confirmSelect(index) {
-    return function () {
-        selectedConfirm.set(index);
-        if (index === 0) {
-            confirmUse();
-            return;
-        }
-        cancelConfirm();
-    };
+	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 = [
+		{
+			id: "item",
+			label: "Items"
+		},
+		{
+			id: "weapon",
+			label: "Weapons"
+		},
+		{
+			id: "armor",
+			label: "Armor"
+		}
+	];
+	var resolveProp = function(value) {
+		return typeof value === "function" ? value() : value;
+	};
+	var safeItems = computed(function() {
+		var value = resolveProp(items);
+		return Array.isArray(value) ? value : [];
+	});
+	var filteredItems = computed(function() {
+		var items = safeItems();
+		var 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;
+		});
+	});
+	var confirmOptions = [{
+		id: "use",
+		label: "Use"
+	}, {
+		id: "cancel",
+		label: "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;
+		if (count === 0) {
+			selectedItem.set(0);
+			return;
+		}
+		if (selectedItem() >= count) selectedItem.set(count - 1);
+	};
+	function selectItem(index) {
+		return function() {
+			selectedItem.set(index);
+			requestUseItem(index);
+		};
+	}
+	function selectTab(index) {
+		return function() {
+			selectedItem.set(0);
+			selectedTab.set(index);
+		};
+	}
+	var useItem = function(index) {
+		var item = filteredItems()[index];
+		if (!item || !item.usable) return;
+		if (onInteraction) onInteraction("useItem", { id: item.id });
+	};
+	var requestUseItem = function(index) {
+		var item = filteredItems()[index];
+		if (!item || !item.usable) return;
+		if (item.consumable) {
+			confirmItem.set(item);
+			confirmOpen.set(true);
+			selectedConfirm.set(0);
+			return;
+		}
+		useItem(index);
+	};
+	var confirmUse = function() {
+		var item = confirmItem();
+		if (!item) return;
+		delay(function() {
+			if (onInteraction) onInteraction("useItem", { id: item.id });
+			confirmOpen.set(false);
+			confirmItem.set(null);
+		});
+	};
+	var cancelConfirm = function() {
+		delay(function() {
+			confirmOpen.set(false);
+			confirmItem.set(null);
+		});
+	};
+	function confirmSelect(index) {
+		return function() {
+			selectedConfirm.set(index);
+			if (index === 0) {
+				confirmUse();
+				return;
+			}
+			cancelConfirm();
+		};
+	}
+	var confirmControls = signal({
+		left: {
+			repeat: true,
+			bind: keyboardControls.left,
+			throttle: 150,
+			keyDown: function() {
+				if (!confirmOpen()) return;
+				navConfirm.next(-1);
+			}
+		},
+		right: {
+			repeat: true,
+			bind: keyboardControls.right,
+			throttle: 150,
+			keyDown: function() {
+				if (!confirmOpen()) return;
+				navConfirm.next(1);
+			}
+		},
+		action: {
+			bind: keyboardControls.action,
+			keyDown: function() {
+				if (!confirmOpen()) return;
+				confirmSelect(selectedConfirm())();
+			}
+		},
+		escape: {
+			bind: keyboardControls.escape,
+			keyDown: function() {
+				if (!confirmOpen()) return;
+				cancelConfirm();
+			}
+		}
+	});
+	var controls = signal({
+		up: {
+			repeat: true,
+			bind: keyboardControls.up,
+			throttle: 150,
+			keyDown: function() {
+				if (confirmOpen()) return;
+				nav.next(-1);
+			}
+		},
+		left: {
+			repeat: true,
+			bind: keyboardControls.left,
+			throttle: 150,
+			keyDown: function() {
+				if (confirmOpen()) return;
+				selectedTab.update(function(value) {
+					return (value - 1 + tabs.length) % tabs.length;
+				});
+				selectedItem.set(0);
+			}
+		},
+		right: {
+			repeat: true,
+			bind: keyboardControls.right,
+			throttle: 150,
+			keyDown: function() {
+				if (confirmOpen()) return;
+				selectedTab.update(function(value) {
+					return (value + 1) % tabs.length;
+				});
+				selectedItem.set(0);
+			}
+		},
+		down: {
+			repeat: true,
+			bind: keyboardControls.down,
+			throttle: 150,
+			keyDown: function() {
+				if (confirmOpen()) return;
+				nav.next(1);
+			}
+		},
+		action: {
+			bind: keyboardControls.action,
+			keyDown: function() {
+				if (confirmOpen()) {
+					confirmSelect(selectedConfirm())();
+					return;
+				}
+				requestUseItem(selectedItem());
+			}
+		},
+		escape: {
+			bind: keyboardControls.escape,
+			keyDown: function() {
+				if (confirmOpen()) {
+					cancelConfirm();
+					return;
+				}
+				if (onBack) onBack();
+			}
+		},
+		gamepad: { enabled: true }
+	});
+	clampSelection();
+	return h(DOMContainer, {
+		width: "100%",
+		height: "100%"
+	}, h(DOMElement, {
+		element: "div",
+		attrs: { class: "rpg-ui-menu-panel rpg-ui-panel" }
+	}, [
+		h(DOMElement, {
+			element: "div",
+			attrs: { class: "rpg-ui-menu-panel-header" },
+			textContent: "Items"
+		}),
+		h(DOMElement, {
+			element: "div",
+			attrs: { class: "rpg-ui-menu-panel-body rpg-ui-menu-panel-body-stacked" }
+		}, [h(DOMElement, { element: "div" }, cond(currentItem, () => h(DOMElement, {
+			element: "div",
+			attrs: { class: "rpg-ui-menu-panel-details rpg-ui-panel" }
+		}, h(DOMElement, {
+			element: "div",
+			attrs: { class: "rpg-ui-menu-panel-hero" }
+		}, [h(DOMElement, {
+			element: "div",
+			attrs: { class: "rpg-ui-menu-panel-hero-icon" }
+		}, h(DOMSprite, {
+			sheet: computed(() => iconSheet(currentItem()?.icon)),
+			playing: "default",
+			width: "48px",
+			height: "48px",
+			objectFit: "contain"
+		})), h(DOMElement, { element: "div" }, [h(DOMElement, {
+			element: "div",
+			attrs: { class: "rpg-ui-menu-panel-details-title" },
+			textContent: computed(() => currentItem()?.name)
+		}), h(DOMElement, {
+			element: "div",
+			attrs: { class: "rpg-ui-menu-panel-details-desc" },
+			textContent: computed(() => currentItem()?.description || "")
+		})])])))), h(DOMElement, {
+			element: "div",
+			attrs: { class: "rpg-ui-menu-panel-list rpg-ui-menu rpg-ui-menu-panel-list-full" }
+		}, [h(DOMElement, {
+			element: "div",
+			attrs: { class: "rpg-ui-menu-tabs" }
+		}, loop(tabs, (tab, tabIndex) => h(DOMElement, {
+			element: "div",
+			attrs: {
+				class: ["rpg-ui-menu-tab", computed(() => ({ active: selectedTab() === tabIndex }))],
+				tabindex: tabIndex,
+				click: selectTab(tabIndex)
+			},
+			textContent: tab.label
+		}))), h(Navigation, {
+			tabindex: selectedItem,
+			controls
+		}, loop(filteredItems, (item, index) => h(DOMElement, {
+			element: "div",
+			attrs: {
+				class: ["rpg-ui-menu-item rpg-ui-menu-row", { disabled: !item.usable }],
+				"data-selected": computed(() => selectedItem() === index ? "true" : "false"),
+				tabindex: index,
+				click: selectItem(index)
+			}
+		}, [h(DOMElement, {
+			element: "div",
+			attrs: { class: "rpg-ui-menu-row-main" }
+		}, [h(DOMElement, {
+			element: "div",
+			attrs: { class: "rpg-ui-menu-row-icon" }
+		}, h(DOMSprite, {
+			sheet: computed(() => iconSheet(item.icon)),
+			playing: "default",
+			width: "28px",
+			height: "28px",
+			objectFit: "contain"
+		})), h(DOMElement, {
+			element: "span",
+			textContent: item.name
+		})]), h(DOMElement, {
+			element: "span",
+			attrs: { class: "rpg-ui-menu-row-end" },
+			textContent: "x" + item.quantity
+		})])))])]),
+		cond(confirmOpen, () => h(DOMElement, {
+			element: "div",
+			attrs: { class: "rpg-ui-menu-confirm" }
+		}, h(DOMElement, {
+			element: "div",
+			attrs: { class: "rpg-ui-menu-confirm-card" }
+		}, [h(DOMElement, {
+			element: "div",
+			attrs: { class: "rpg-ui-menu-confirm-title" },
+			textContent: computed(() => "Use " + confirmItem()?.name + "?")
+		}), h(Navigation, {
+			tabindex: selectedConfirm,
+			controls: confirmControls
+		}, h(DOMElement, {
+			element: "div",
+			attrs: { class: "rpg-ui-menu-confirm-actions" }
+		}, loop(confirmOptions, (option, index) => h(DOMElement, {
+			element: "button",
+			attrs: {
+				class: ["rpg-ui-menu-confirm-btn", { "rpg-ui-menu-confirm-btn-secondary": option.id === "cancel" }],
+				"data-selected": computed(() => selectedConfirm() === index ? "true" : "false"),
+				tabindex: index,
+				click: confirmSelect(index)
+			},
+			textContent: option.label
+		}))))])))
+	]));
 }
-var confirmControls = signal({
-    left: {
-        repeat: true,
-        bind: keyboardControls.left,
-        throttle: 150,
-        keyDown: function () {
-            if (!confirmOpen())
-                return;
-            navConfirm.next(-1);
-        }
-    },
-    right: {
-        repeat: true,
-        bind: keyboardControls.right,
-        throttle: 150,
-        keyDown: function () {
-            if (!confirmOpen())
-                return;
-            navConfirm.next(1);
-        }
-    },
-    action: {
-        bind: keyboardControls.action,
-        keyDown: function () {
-            if (!confirmOpen())
-                return;
-            confirmSelect(selectedConfirm())();
-        }
-    },
-    escape: {
-        bind: keyboardControls.escape,
-        keyDown: function () {
-            if (!confirmOpen())
-                return;
-            cancelConfirm();
-        }
-    }
-});
-var controls = signal({
-    up: {
-        repeat: true,
-        bind: keyboardControls.up,
-        throttle: 150,
-        keyDown: function () {
-            if (confirmOpen()) {
-                return;
-            }
-            nav.next(-1);
-        }
-    },
-    left: {
-        repeat: true,
-        bind: keyboardControls.left,
-        throttle: 150,
-        keyDown: function () {
-            if (confirmOpen()) {
-                return;
-            }
-            selectedTab.update(function (value) { return (value - 1 + tabs.length) % tabs.length; });
-            selectedItem.set(0);
-        }
-    },
-    right: {
-        repeat: true,
-        bind: keyboardControls.right,
-        throttle: 150,
-        keyDown: function () {
-            if (confirmOpen()) {
-                return;
-            }
-            selectedTab.update(function (value) { return (value + 1) % tabs.length; });
-            selectedItem.set(0);
-        }
-    },
-    down: {
-        repeat: true,
-        bind: keyboardControls.down,
-        throttle: 150,
-        keyDown: function () {
-            if (confirmOpen()) {
-                return;
-            }
-            nav.next(1);
-        }
-    },
-    action: {
-        bind: keyboardControls.action,
-        keyDown: function () {
-            if (confirmOpen()) {
-                confirmSelect(selectedConfirm())();
-                return;
-            }
-            requestUseItem(selectedItem());
-        }
-    },
-    escape: {
-        bind: keyboardControls.escape,
-        keyDown: function () {
-            if (confirmOpen()) {
-                cancelConfirm();
-                return;
-            }
-            if (onBack)
-                onBack();
-        }
-    },
-    gamepad: {
-        enabled: true
-    }
-});
-clampSelection();
-        let $this = h(DOMContainer, { width: '100%', height: '100%' }, h(DOMElement, { element: "div", attrs: { class: 'rpg-ui-menu-panel rpg-ui-panel' } }, [h(DOMElement, { element: "div", attrs: { class: 'rpg-ui-menu-panel-header' }, textContent: 'Items' }), h(DOMElement, { element: "div", attrs: { class: 'rpg-ui-menu-panel-body rpg-ui-menu-panel-body-stacked' } }, [h(DOMElement, { element: "div" }, cond(currentItem, () => h(DOMElement, { element: "div", attrs: { class: 'rpg-ui-menu-panel-details rpg-ui-panel' } }, h(DOMElement, { element: "div", attrs: { class: 'rpg-ui-menu-panel-hero' } }, [h(DOMElement, { element: "div", attrs: { class: 'rpg-ui-menu-panel-hero-icon' } }, h(DOMSprite, { sheet: computed(() => iconSheet(currentItem()?.icon)), playing: 'default', width: '48px', height: '48px', objectFit: 'contain' })), h(DOMElement, { element: "div" }, [h(DOMElement, { element: "div", attrs: { class: 'rpg-ui-menu-panel-details-title' }, textContent: computed(() => currentItem()?.name) }), h(DOMElement, { element: "div", attrs: { class: 'rpg-ui-menu-panel-details-desc' }, textContent: computed(() => currentItem()?.description || "") })])])))), h(DOMElement, { element: "div", attrs: { class: 'rpg-ui-menu-panel-list rpg-ui-menu rpg-ui-menu-panel-list-full' } }, [h(DOMElement, { element: "div", attrs: { class: 'rpg-ui-menu-tabs' } }, loop(tabs, (tab, tabIndex) => h(DOMElement, { element: "div", attrs: { class: ['rpg-ui-menu-tab', computed(() => ({ active: selectedTab() === tabIndex }))], tabindex: tabIndex, click: selectTab(tabIndex) }, textContent: tab.label }))), h(Navigation, { tabindex: selectedItem, controls: controls }, loop(filteredItems, (item, index) => h(DOMElement, { element: "div", attrs: { class: ['rpg-ui-menu-item rpg-ui-menu-row', { disabled: !item.usable }], 'data-selected': computed(() => selectedItem() === index ? "true" : "false"), tabindex: index, click: selectItem(index) } }, [h(DOMElement, { element: "div", attrs: { class: 'rpg-ui-menu-row-main' } }, [h(DOMElement, { element: "div", attrs: { class: 'rpg-ui-menu-row-icon' } }, h(DOMSprite, { sheet: computed(() => iconSheet(item.icon)), playing: 'default', width: '28px', height: '28px', objectFit: 'contain' })), h(DOMElement, { element: "span", textContent: item.name })]), h(DOMElement, { element: "span", attrs: { class: 'rpg-ui-menu-row-end' }, textContent: 'x' + item.quantity ?? 1 })])))])]), cond(confirmOpen, () => h(DOMElement, { element: "div", attrs: { class: 'rpg-ui-menu-confirm' } }, h(DOMElement, { element: "div", attrs: { class: 'rpg-ui-menu-confirm-card' } }, [h(DOMElement, { element: "div", attrs: { class: 'rpg-ui-menu-confirm-title' }, textContent: computed(() => 'Use ' + confirmItem()?.name + '?') }), h(Navigation, { tabindex: selectedConfirm, controls: confirmControls }, h(DOMElement, { element: "div", attrs: { class: 'rpg-ui-menu-confirm-actions' } }, loop(confirmOptions, (option, index) => h(DOMElement, { element: "button", attrs: { class: ['rpg-ui-menu-confirm-btn', {"rpg-ui-menu-confirm-btn-secondary": option.id === "cancel"}], 'data-selected': computed(() => selectedConfirm() === index ? "true" : "false"), tabindex: index, click: confirmSelect(index) }, textContent: option.label }))))])))]));
-        return $this
-      }
-
+//#endregion
 export { component as default };
-//# sourceMappingURL=items-menu.ce.js.map
+
+//# 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","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"],"names":[],"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\">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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"}