@rpgjs/client 5.0.0-alpha.3 → 5.0.0-alpha.30

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

@@ -0,0 +1,229 @@
+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';
+
+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();
+    };
+}
+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
+      }
+
+export { component as default };
+//# sourceMappingURL=items-menu.ce.js.map

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,205 @@
+import { useProps, useDefineProps, computed, signal, effect, mount, h, DOMContainer, DOMElement, cond, loop } from 'canvasengine';
+import { inject } from '../../../core/inject.js';
+import { RpgClientEngine } from '../../../RpgClientEngine.js';
+import component$6 from '../save-load.ce.js';
+import component$1 from './items-menu.ce.js';
+import component$2 from './skills-menu.ce.js';
+import component$3 from './equip-menu.ce.js';
+import component$4 from './options-menu.ce.js';
+import component$5 from './exit-menu.ce.js';
+import { getEntityProp } from '../../../utils/getEntityProp.js';
+import { delay } from '@rpgjs/common';
+
+function component($$props) {
+        useProps($$props);
+        const defineProps = useDefineProps($$props);
+        var engine = inject(RpgClientEngine);
+var currentPlayer = engine.scene.currentPlayer;
+var keyboardControls = engine.globalConfig.keyboardControls;
+var _a = defineProps(), data = _a.data, onFinish = _a.onFinish, onInteraction = _a.onInteraction;
+var _b = data(), menus = _b.menus; _b.items; _b.skills; _b.equips; var saveLoad = _b.saveLoad;
+var defaultMenus = [
+    { id: "items", label: "Items" },
+    { id: "skills", label: "Skills" },
+    { id: "equip", label: "Equip" },
+    { id: "options", label: "Options" },
+    { id: "save", label: "Save" },
+    { id: "exit", label: "Exit" }
+];
+var menuEntries = computed(function () {
+    if (menus && Array.isArray(menus) && menus.length)
+        return menus;
+    return defaultMenus;
+});
+var resolveProp = function (value) { return typeof value === "function" ? value() : value; };
+var saveLoadData = computed(function () { return resolveProp(saveLoad) || {}; });
+computed(function () { return saveLoadData().mode || "load"; });
+computed(function () { return saveLoadData().slots || []; });
+var saveLoadCanSave = computed(function () { return saveLoadData().canSave !== false; });
+var isMenuDisabled = function (entry) {
+    if (!entry)
+        return true;
+    if (entry.disabled)
+        return true;
+    if (entry.enabled === false)
+        return true;
+    if (entry.id === "save" && !saveLoadCanSave())
+        return true;
+    return false;
+};
+var selectedMenu = signal(0);
+var view = signal("menu");
+var saveOverlay = signal(false);
+var selectableIndexes = computed(function () {
+    var entries = menuEntries();
+    return entries
+        .map(function (entry, index) { return (isMenuDisabled(entry) ? null : index); })
+        .filter(function (value) { return value !== null; });
+});
+effect(function () {
+    var available = selectableIndexes();
+    if (!available.length)
+        return;
+    var current = selectedMenu();
+    if (!available.includes(current)) {
+        selectedMenu.set(available[0]);
+    }
+});
+var moveMenu = function (delta) {
+    var available = selectableIndexes();
+    if (!available.length)
+        return;
+    var current = selectedMenu();
+    var currentIndex = Math.max(0, available.indexOf(current));
+    var nextIndex = (currentIndex + delta + available.length) % available.length;
+    selectedMenu.set(available[nextIndex]);
+};
+function selectMenu(index) {
+    return function () {
+        selectedMenu.set(index);
+        openMenu();
+    };
+}
+var openMenu = function () {
+    var entry = menuEntries()[selectedMenu()];
+    if (!entry || isMenuDisabled(entry))
+        return;
+    if (entry.id === "save") {
+        saveOverlay.set(true);
+        return;
+    }
+    if (entry.id === "exit") {
+        view.set("exit");
+        return;
+    }
+    view.set(entry.id);
+};
+var goBack = function () {
+    delay(function () {
+        view.set("menu");
+    });
+};
+var closeSaveOverlay = function () {
+    delay(function () {
+        saveOverlay.set(false);
+        view.set("menu");
+    });
+};
+var confirmExit = function () {
+    if (onInteraction)
+        onInteraction("exit");
+};
+var hp = getEntityProp(currentPlayer, "hp");
+var hpMax = getEntityProp(currentPlayer, "params.maxHp");
+var sp = getEntityProp(currentPlayer, "sp");
+var spMax = getEntityProp(currentPlayer, "params.maxSp");
+var level = getEntityProp(currentPlayer, "level");
+var exp = getEntityProp(currentPlayer, "exp");
+var gold = getEntityProp(currentPlayer, "gold");
+var hpPercent = computed(function () {
+    var max = hpMax() || 1;
+    return "".concat(Math.max(0, Math.min(100, (hp() / max) * 100)), "%");
+});
+var spPercent = computed(function () {
+    var max = spMax() || 1;
+    return "".concat(Math.max(0, Math.min(100, (sp() / max) * 100)), "%");
+});
+var expPercent = computed(function () {
+    var max = exp() || 1;
+    return "".concat(Math.max(0, Math.min(100, (exp() / max) * 100)), "%");
+});
+var paramsList = computed(function () {
+    return [
+        { label: "ATK", value: data().playerStats.atk },
+        { label: "PDEF", value: data().playerStats.pdef },
+        { label: "SDEF", value: data().playerStats.sdef },
+        { label: "STR", value: data().playerStats.str },
+        { label: "DEX", value: data().playerStats.dex },
+        { label: "INT", value: data().playerStats.int },
+        { label: "AGI", value: data().playerStats.agi }
+    ];
+});
+var menuControls = signal({
+    up: {
+        repeat: true,
+        bind: keyboardControls.up,
+        throttle: 150,
+        keyDown: function () {
+            if (saveOverlay())
+                return;
+            if (view() !== "menu")
+                return;
+            moveMenu(-1);
+        }
+    },
+    down: {
+        repeat: true,
+        bind: keyboardControls.down,
+        throttle: 150,
+        keyDown: function () {
+            if (saveOverlay())
+                return;
+            if (view() !== "menu")
+                return;
+            moveMenu(1);
+        }
+    },
+    action: {
+        bind: keyboardControls.action,
+        keyDown: function () {
+            if (saveOverlay())
+                return;
+            if (view() !== "menu")
+                return;
+            openMenu();
+        }
+    },
+    escape: {
+        bind: keyboardControls.escape,
+        keyDown: function () {
+            if (saveOverlay())
+                return;
+            if (view() !== "menu") {
+                goBack();
+                return;
+            }
+            onFinish();
+        }
+    },
+    gamepad: {
+        enabled: true
+    }
+});
+mount(function (element) {
+    return function () {
+        delay(function () {
+            engine.stopProcessingInput = false;
+        });
+    };
+});
+        let $this = h(DOMContainer, { width: '100%', height: '100%', controls: menuControls }, h(DOMElement, { element: "div", attrs: { class: 'rpg-ui-main-menu rpg-anim-fade-in' } }, [h(DOMElement, { element: "div", attrs: { class: 'rpg-ui-main-menu-layout' } }, [h(DOMElement, { element: "div", attrs: { class: 'rpg-ui-main-menu-left rpg-ui-menu rpg-ui-panel' } }, [h(DOMElement, { element: "div", attrs: { class: 'rpg-ui-menu-header' }, textContent: 'Menu' }), h(DOMElement, { element: "div", attrs: { class: 'rpg-ui-main-menu-list' } }, loop(menuEntries(), (entry, index) => h(DOMElement, { element: "div", attrs: { class: ['rpg-ui-menu-item', computed(() => ({ disabled: isMenuDisabled(entry) }))], 'data-selected': computed(() => selectedMenu() === index ? "true" : "false"), tabindex: index, click: selectMenu(index) }, textContent: entry.label })))]), h(DOMElement, { element: "div", attrs: { class: 'rpg-ui-main-menu-right' } }, [cond(computed(() => view() === "menu"), () => h(DOMElement, { element: "div", attrs: { class: 'rpg-ui-panel' } }, [h(DOMElement, { element: "div", attrs: { class: 'rpg-ui-main-menu-section-title' }, textContent: 'Status' }), h(DOMElement, { element: "div", attrs: { class: 'rpg-ui-main-menu-status-card' } }, [h(DOMElement, { element: "div", attrs: { class: 'rpg-ui-main-menu-status-block' } }, [h(DOMElement, { element: "div", attrs: { class: 'rpg-ui-main-menu-status-label' }, textContent: 'Level' }), h(DOMElement, { element: "div", attrs: { class: 'rpg-ui-main-menu-status-value' }, textContent: computed(() => level()) })]), h(DOMElement, { element: "div", attrs: { class: 'rpg-ui-main-menu-status-block' } }, [h(DOMElement, { element: "div", attrs: { class: 'rpg-ui-main-menu-status-label' }, textContent: 'Gold' }), h(DOMElement, { element: "div", attrs: { class: 'rpg-ui-main-menu-status-value' }, textContent: computed(() => gold()) })]), h(DOMElement, { element: "div", attrs: { class: 'rpg-ui-main-menu-status-block' } }, [h(DOMElement, { element: "div", attrs: { class: 'rpg-ui-main-menu-status-label' }, textContent: computed(() => 'HP ' + hp() + '/' + hpMax()) }), h(DOMElement, { element: "div", attrs: { class: 'rpg-ui-main-menu-status-bar' } }, h(DOMElement, { element: "div", attrs: { class: 'rpg-ui-main-menu-status-bar-fill hp', style: { width: hpPercent } } }))]), h(DOMElement, { element: "div", attrs: { class: 'rpg-ui-main-menu-status-block' } }, [h(DOMElement, { element: "div", attrs: { class: 'rpg-ui-main-menu-status-label' }, textContent: computed(() => 'SP ' + sp() + '/' + spMax()) }), h(DOMElement, { element: "div", attrs: { class: 'rpg-ui-main-menu-status-bar' } }, h(DOMElement, { element: "div", attrs: { class: 'rpg-ui-main-menu-status-bar-fill sp', style: { width: spPercent } } }))]), h(DOMElement, { element: "div", attrs: { class: 'rpg-ui-main-menu-status-block', style: { gridColumn: "span 2" } } }, [h(DOMElement, { element: "div", attrs: { class: 'rpg-ui-main-menu-status-label' }, textContent: computed(() => 'EXP ' + exp()) }), h(DOMElement, { element: "div", attrs: { class: 'rpg-ui-main-menu-status-bar' } }, h(DOMElement, { element: "div", attrs: { class: 'rpg-ui-main-menu-status-bar-fill exp', style: { width: expPercent } } }))])]), h(DOMElement, { element: "div", attrs: { class: 'rpg-ui-main-menu-section-title' }, textContent: 'Parameters' }), h(DOMElement, { element: "div", attrs: { class: 'rpg-ui-main-menu-params' } }, loop(paramsList, (param, index) => h(DOMElement, { element: "div", attrs: { class: 'rpg-ui-main-menu-param' } }, [h(DOMElement, { element: "span", textContent: param.label }), h(DOMElement, { element: "span", textContent: param.value })])))])), cond(computed(() => view() === "items"), () => h(component$1, { data: data, onInteraction: onInteraction, onBack: goBack })), cond(computed(() => view() === "skills"), () => h(component$2, { data: data, onBack: goBack })), cond(computed(() => view() === "equip"), () => h(component$3, { data: data, onInteraction: onInteraction, onBack: goBack })), cond(computed(() => view() === "options"), () => h(component$4, { onBack: goBack })), cond(computed(() => view() === "exit"), () => h(component$5, { onConfirm: confirmExit, onBack: goBack }))])]), cond(saveOverlay, () => h(DOMElement, { element: "div", attrs: { class: 'rpg-ui-main-menu-overlay' } }, [h(DOMElement, { element: "div", attrs: { class: 'rpg-ui-main-menu-overlay-backdrop' } }), h(DOMElement, { element: "div", attrs: { class: 'rpg-ui-main-menu-overlay-content' } }, h(component$6, { data: saveLoadData, onFinish: closeSaveOverlay }))]))]));
+        return $this
+      }
+
+export { component as default };
+//# sourceMappingURL=main-menu.ce.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"main-menu.ce.js","sources":["../../../../src/components/gui/menu/main-menu.ce"],"sourcesContent":["<DOMContainer width=\"100%\" height=\"100%\" controls={menuControls}>\n    <div class=\"rpg-ui-main-menu rpg-anim-fade-in\">\n        <div class=\"rpg-ui-main-menu-layout\">\n            <div class=\"rpg-ui-main-menu-left rpg-ui-menu rpg-ui-panel\">\n                <div class=\"rpg-ui-menu-header\">Menu</div>\n                <div class=\"rpg-ui-main-menu-list\">\n                    @for ((entry,index) of menuEntries()) {\n                        <div\n                            class=\"rpg-ui-menu-item\"\n                            class={{disabled: isMenuDisabled(entry)}}\n                            data-selected={selectedMenu() === index ? \"true\" : \"false\"}\n                            tabindex={index}\n                            click={selectMenu(index)}\n                        >{entry.label}</div>\n                    }\n                </div>\n            </div>\n            <div class=\"rpg-ui-main-menu-right\">\n                @if (view() === \"menu\") {\n                    <div class=\"rpg-ui-panel\">\n                        <div class=\"rpg-ui-main-menu-section-title\">Status</div>\n                        <div class=\"rpg-ui-main-menu-status-card\">\n                            <div class=\"rpg-ui-main-menu-status-block\">\n                                <div class=\"rpg-ui-main-menu-status-label\">Level</div>\n                                <div class=\"rpg-ui-main-menu-status-value\">{level()}</div>\n                            </div>\n                            <div class=\"rpg-ui-main-menu-status-block\">\n                                <div class=\"rpg-ui-main-menu-status-label\">Gold</div>\n                                <div class=\"rpg-ui-main-menu-status-value\">{gold()}</div>\n                            </div>\n                            <div class=\"rpg-ui-main-menu-status-block\">\n                                <div class=\"rpg-ui-main-menu-status-label\">HP {hp()}/{hpMax()}</div>\n                                <div class=\"rpg-ui-main-menu-status-bar\">\n                                    <div class=\"rpg-ui-main-menu-status-bar-fill hp\" style={{width: hpPercent}}></div>\n                                </div>\n                            </div>\n                            <div class=\"rpg-ui-main-menu-status-block\">\n                                <div class=\"rpg-ui-main-menu-status-label\">SP {sp()}/{spMax()}</div>\n                                <div class=\"rpg-ui-main-menu-status-bar\">\n                                    <div class=\"rpg-ui-main-menu-status-bar-fill sp\" style={{width: spPercent}}></div>\n                                </div>\n                            </div>\n                            <div class=\"rpg-ui-main-menu-status-block\" style={{gridColumn: \"span 2\"}}>\n                                <div class=\"rpg-ui-main-menu-status-label\">EXP {exp()}</div>\n                                <div class=\"rpg-ui-main-menu-status-bar\">\n                                    <div class=\"rpg-ui-main-menu-status-bar-fill exp\" style={{width: expPercent}}></div>\n                                </div>\n                            </div>\n                        </div>\n                        <div class=\"rpg-ui-main-menu-section-title\">Parameters</div>\n                        <div class=\"rpg-ui-main-menu-params\">\n                            @for ((param,index) of paramsList) {\n                                <div class=\"rpg-ui-main-menu-param\">\n                                    <span>{param.label}</span>\n                                    <span>{param.value}</span>\n                                </div>\n                            }\n                        </div>\n                    </div>\n                }\n                @if (view() === \"items\") {\n                    <ItemsMenu data={data} onInteraction={onInteraction} onBack={goBack} />\n                }\n                @if (view() === \"skills\") {\n                    <SkillsMenu data={data} onBack={goBack} />\n                }\n                @if (view() === \"equip\") {\n                    <EquipMenu data={data} onInteraction={onInteraction} onBack={goBack} />\n                }\n                @if (view() === \"options\") {\n                    <OptionsMenu onBack={goBack} />\n                }\n                @if (view() === \"exit\") {\n                    <ExitMenu onConfirm={confirmExit} onBack={goBack} />\n                }\n            </div>\n        </div>\n        @if (saveOverlay) {\n            <div class=\"rpg-ui-main-menu-overlay\">\n                <div class=\"rpg-ui-main-menu-overlay-backdrop\"></div>\n                <div class=\"rpg-ui-main-menu-overlay-content\">\n                    <SaveLoadComponent\n                        data={saveLoadData}\n                        onFinish={closeSaveOverlay}\n                    />\n                </div>\n            </div>\n        }\n    </div>\n</DOMContainer>\n\n<script>\n    import { signal, computed, effect, mount } from \"canvasengine\";\n    import { inject } from \"../../../core/inject\";\n    import { RpgClientEngine } from \"../../../RpgClientEngine\";\n    import SaveLoadComponent from \"../save-load.ce\";\n    import ItemsMenu from \"./items-menu.ce\";\n    import SkillsMenu from \"./skills-menu.ce\";\n    import EquipMenu from \"./equip-menu.ce\";\n    import OptionsMenu from \"./options-menu.ce\";\n    import ExitMenu from \"./exit-menu.ce\";\n    import { getEntityProp } from \"../../../utils/getEntityProp\";\n    import { delay } from \"@rpgjs/common\";\n\n    const engine = inject(RpgClientEngine);\n    const currentPlayer = engine.scene.currentPlayer;\n    const keyboardControls = engine.globalConfig.keyboardControls;\n\n    const { data, onFinish, onInteraction } = defineProps();\n    const { menus, items, skills, equips, saveLoad } = data();\n\n    const defaultMenus = [\n        { id: \"items\", label: \"Items\" },\n        { id: \"skills\", label: \"Skills\" },\n        { id: \"equip\", label: \"Equip\" },\n        { id: \"options\", label: \"Options\" },\n        { id: \"save\", label: \"Save\" },\n        { id: \"exit\", label: \"Exit\" }\n    ];\n\n    const menuEntries = computed(() => {\n        if (menus && Array.isArray(menus) && menus.length) return menus;\n        return defaultMenus;\n    });\n\n    const resolveProp = (value) => typeof value === \"function\" ? value() : value;\n    const saveLoadData = computed(() => resolveProp(saveLoad) || {});\n    const saveLoadMode = computed(() => saveLoadData().mode || \"load\");\n    const saveLoadSlots = computed(() => saveLoadData().slots || []);\n    const saveLoadCanSave = computed(() => saveLoadData().canSave !== false);\n\n    const isMenuDisabled = (entry) => {\n        if (!entry) return true;\n        if (entry.disabled) return true;\n        if (entry.enabled === false) return true;\n        if (entry.id === \"save\" && !saveLoadCanSave()) return true;\n        return false;\n    };\n\n    const selectedMenu = signal(0);\n    const view = signal(\"menu\");\n    const saveOverlay = signal(false);\n\n    const selectableIndexes = computed(() => {\n        const entries = menuEntries();\n        return entries\n            .map((entry, index) => (isMenuDisabled(entry) ? null : index))\n            .filter((value) => value !== null);\n    });\n\n    effect(() => {\n        const available = selectableIndexes();\n        if (!available.length) return;\n        const current = selectedMenu();\n        if (!available.includes(current)) {\n            selectedMenu.set(available[0]);\n        }\n    });\n\n    const moveMenu = (delta) => {\n        const available = selectableIndexes();\n        if (!available.length) return;\n        const current = selectedMenu();\n        const currentIndex = Math.max(0, available.indexOf(current));\n        const nextIndex = (currentIndex + delta + available.length) % available.length;\n        selectedMenu.set(available[nextIndex]);\n    };\n\n    function selectMenu(index) {\n        return function() {\n            selectedMenu.set(index);\n            openMenu();\n        }\n    }\n\n    const openMenu = () => {\n        const entry = menuEntries()[selectedMenu()];\n        if (!entry || isMenuDisabled(entry)) return;\n        if (entry.id === \"save\") {\n            saveOverlay.set(true);\n            return;\n        }\n        if (entry.id === \"exit\") {\n            view.set(\"exit\");\n            return;\n        }\n        view.set(entry.id);\n    };\n\n    const goBack = () => {\n        delay(() => {\n            view.set(\"menu\");\n        });\n    };\n\n    const closeSaveOverlay = () => {\n        delay(() => {\n            saveOverlay.set(false);\n            view.set(\"menu\");\n        });\n    };\n\n    const confirmExit = () => {\n        if (onInteraction) onInteraction(\"exit\");\n    };\n\n    const hp = getEntityProp(currentPlayer, \"hp\");\n    const hpMax = getEntityProp(currentPlayer, \"params.maxHp\");\n    const sp = getEntityProp(currentPlayer, \"sp\");\n    const spMax = getEntityProp(currentPlayer, \"params.maxSp\");\n    const level = getEntityProp(currentPlayer, \"level\");\n    const exp = getEntityProp(currentPlayer, \"exp\");\n    const gold = getEntityProp(currentPlayer, \"gold\");\n    const hpPercent = computed(() => {\n        const max = hpMax() || 1;\n        return `${Math.max(0, Math.min(100, (hp() / max) * 100))}%`;\n    });\n    const spPercent = computed(() => {\n        const max = spMax() || 1;\n        return `${Math.max(0, Math.min(100, (sp() / max) * 100))}%`;\n    });\n    const expPercent = computed(() => {\n        const max = exp() || 1;\n        return `${Math.max(0, Math.min(100, (exp() / max) * 100))}%`;\n    });\n\n    const paramsList = computed(() => {\n        return [\n            { label: \"ATK\", value: data().playerStats.atk },\n            { label: \"PDEF\", value: data().playerStats.pdef },\n            { label: \"SDEF\", value: data().playerStats.sdef },\n            { label: \"STR\", value: data().playerStats.str },\n            { label: \"DEX\", value: data().playerStats.dex },\n            { label: \"INT\", value: data().playerStats.int },\n            { label: \"AGI\", value: data().playerStats.agi }\n        ]\n    }\n\n    const menuControls = signal({\n        up: {\n            repeat: true,\n            bind: keyboardControls.up,\n            throttle: 150,\n            keyDown() {\n                if (saveOverlay()) return;\n                if (view() !== \"menu\") return;\n                moveMenu(-1);\n            }\n        },\n        down: {\n            repeat: true,\n            bind: keyboardControls.down,\n            throttle: 150,\n            keyDown() {\n                if (saveOverlay()) return;\n                if (view() !== \"menu\") return;\n                moveMenu(1);\n            }\n        },\n        action: {\n            bind: keyboardControls.action,\n            keyDown() {\n                if (saveOverlay()) return;\n                if (view() !== \"menu\") return;\n                openMenu();\n            }\n        },\n        escape: {\n            bind: keyboardControls.escape,\n            keyDown() {\n                if (saveOverlay()) return;\n                if (view() !== \"menu\") {\n                    goBack();\n                    return;\n                }\n                onFinish()\n            }\n        },\n        gamepad: {\n            enabled: true\n        }\n    });\n\n    mount((element) => {\n        return () => {\n            delay(() => {\n                engine.stopProcessingInput = false;\n            });\n        }\n    });\n</script>\n"],"names":["ItemsMenu","SkillsMenu","EquipMenu","OptionsMenu","ExitMenu","SaveLoadComponent"],"mappings":"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"}

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

@@ -0,0 +1,28 @@
+import { useProps, useDefineProps, signal, h, DOMContainer, DOMElement } from 'canvasengine';
+import { inject } from '../../../core/inject.js';
+import { RpgClientEngine } from '../../../RpgClientEngine.js';
+
+function component($$props) {
+        useProps($$props);
+        const defineProps = useDefineProps($$props);
+        var engine = inject(RpgClientEngine);
+var keyboardControls = engine.globalConfig.keyboardControls;
+var onBack = defineProps().onBack;
+var controls = signal({
+    escape: {
+        bind: keyboardControls.escape,
+        keyDown: function () {
+            if (onBack)
+                onBack();
+        }
+    },
+    gamepad: {
+        enabled: true
+    }
+});
+        let $this = h(DOMContainer, { width: '100%', height: '100%', controls: controls }, 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: 'Options' }), h(DOMElement, { element: "div", attrs: { class: 'rpg-ui-menu-panel-body' } }, h(DOMElement, { element: "div", attrs: { class: 'rpg-ui-menu-panel-details' } }, [h(DOMElement, { element: "div", attrs: { class: 'rpg-ui-menu-panel-details-title' }, textContent: 'Options' }), h(DOMElement, { element: "div", attrs: { class: 'rpg-ui-menu-panel-details-desc' }, textContent: 'Configure your preferences here.\n                ' })]))]));
+        return $this
+      }
+
+export { component as default };
+//# sourceMappingURL=options-menu.ce.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"options-menu.ce.js","sources":["../../../../src/components/gui/menu/options-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\">Options</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\">Options</div>\n                <div class=\"rpg-ui-menu-panel-details-desc\">\n                    Configure your preferences here.\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 { onBack } = defineProps();\n\n    const controls = signal({\n        escape: {\n            bind: keyboardControls.escape,\n            keyDown() {\n                if (onBack) onBack();\n            }\n        },\n        gamepad: {\n            enabled: true\n        }\n    });\n</script>\n"],"names":[],"mappings":";;;;AASqB,SAAS,SAAS,CAAC,OAAO,EAAE;AACjD,QAAuB,QAAQ,CAAC,OAAO;AACvC,QAAQ,MAAM,WAAW,GAAG,cAAc,CAAC,OAAO;AAClD,QAAQ,IAAI,MAAM,GAAG,MAAM,CAAC,eAAe,CAAC;AAC5C,IAAI,gBAAgB,GAAG,MAAM,CAAC,YAAY,CAAC,gBAAgB;AAC3D,IAAI,MAAM,GAAG,WAAW,EAAE,CAAC,MAAM;AACjC,IAAI,QAAQ,GAAG,MAAM,CAAC;AACtB,IAAI,MAAM,EAAE;AACZ,QAAQ,IAAI,EAAE,gBAAgB,CAAC,MAAM;AACrC,QAAQ,OAAO,EAAE,YAAY;AAC7B,YAAY,IAAI,MAAM;AACtB,gBAAgB,MAAM,EAAE;AACxB,QAAQ;AACR,KAAK;AACL,IAAI,OAAO,EAAE;AACb,QAAQ,OAAO,EAAE;AACjB;AACA,CAAC,CAAC;AACF,QAAQ,IAAI,KAAK,GAAG,CAAC,CAAC,YAAY,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,CAAC,CAAC,UAAU,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,gCAAgC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,UAAU,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,0BAA0B,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,CAAC,UAAU,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,wBAAwB,EAAE,EAAE,EAAE,CAAC,CAAC,UAAU,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,2BAA2B,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,UAAU,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,iCAAiC,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,CAAC,UAAU,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,gCAAgC,EAAE,EAAE,WAAW,EAAE,oDAAoD,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AACxsB,QAAQ,OAAO;AACf,MAAM;;;;"}

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

@@ -0,0 +1,53 @@
+import { useProps, useDefineProps, signal, computed, createTabindexNavigator, h, DOMContainer, DOMElement, cond, Navigation, loop } from 'canvasengine';
+import { inject } from '../../../core/inject.js';
+import { RpgClientEngine } from '../../../RpgClientEngine.js';
+
+function component($$props) {
+        useProps($$props);
+        const defineProps = useDefineProps($$props);
+        var engine = inject(RpgClientEngine);
+var keyboardControls = engine.globalConfig.keyboardControls;
+var selectedSkill = signal(0);
+var _a = defineProps(), data = _a.data, onBack = _a.onBack;
+var skills = computed(function () { return data().skills; });
+var nav = createTabindexNavigator(selectedSkill, { count: function () { return skills().length; } }, "wrap");
+var currentSkill = computed(function () { return skills()[selectedSkill()]; });
+function selectSkill(index) {
+    return function () {
+        selectedSkill.set(index);
+    };
+}
+var controls = signal({
+    up: {
+        repeat: true,
+        bind: keyboardControls.up,
+        throttle: 150,
+        keyDown: function () {
+            nav.next(-1);
+        }
+    },
+    down: {
+        repeat: true,
+        bind: keyboardControls.down,
+        throttle: 150,
+        keyDown: function () {
+            nav.next(1);
+        }
+    },
+    escape: {
+        bind: keyboardControls.escape,
+        keyDown: function () {
+            if (onBack)
+                onBack();
+        }
+    },
+    gamepad: {
+        enabled: true
+    }
+});
+        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: 'Skills' }), h(DOMElement, { element: "div", attrs: { class: 'rpg-ui-menu-panel-body rpg-ui-menu-panel-body-stacked' } }, [h(DOMElement, { element: "div", attrs: { class: 'rpg-ui-menu-panel-details rpg-ui-panel' } }, cond(currentSkill, () => h(DOMElement, { element: "div", attrs: { class: 'rpg-ui-menu-panel-hero' } }, [h(DOMElement, { element: "div", attrs: { class: 'rpg-ui-menu-panel-hero-icon' }, textContent: '✨' }), h(DOMElement, { element: "div" }, [h(DOMElement, { element: "div", attrs: { class: 'rpg-ui-menu-panel-details-title' }, textContent: computed(() => currentSkill()?.name) }), h(DOMElement, { element: "div", attrs: { class: 'rpg-ui-menu-panel-details-desc' }, textContent: computed(() => currentSkill()?.description || "") })])]))), h(DOMElement, { element: "div", attrs: { class: 'rpg-ui-menu-panel-list rpg-ui-menu rpg-ui-menu-panel-list-full' } }, h(Navigation, { tabindex: selectedSkill, controls: controls }, loop(skills, (skill, index) => h(DOMElement, { element: "div", attrs: { class: 'rpg-ui-menu-item rpg-ui-menu-row', 'data-selected': computed(() => selectedSkill() === index ? "true" : "false"), tabindex: index, click: selectSkill(index) } }, [h(DOMElement, { element: "span", textContent: skill.name }), h(DOMElement, { element: "span", attrs: { class: 'rpg-ui-menu-row-end' }, textContent: 'SP ' + skill.spCost ?? 0 })]))))])]));
+        return $this
+      }
+
+export { component as default };
+//# sourceMappingURL=skills-menu.ce.js.map