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

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

@@ -1,87 +1,64 @@
 import { inject } from "../../core/inject.js";
+import { getKeyboardControlBind } from "../../services/actionInput.js";
 import { RpgGui } from "../../Gui/Gui.js";
 import { RpgClientEngine } from "../../RpgClientEngine.js";
-import { DOMContainer, DOMElement, Navigation, computed, cond, effect, h, loop, signal, useDefineProps, useProps } from "canvasengine";
+import { DOMContainer, DOMElement, Navigation, computed, cond, effect, h, loop, signal, useDefineEmits, useDefineProps, useProps } from "canvasengine";
 import { PrebuiltGui } from "@rpgjs/common";
 //#region src/components/gui/gameover.ce
 function component($$props) {
 	useProps($$props);
 	const defineProps = useDefineProps($$props);
-	var __assign = this && this.__assign || function() {
-		__assign = Object.assign || function(t) {
-			for (var s, i = 1, n = arguments.length; i < n; i++) {
-				s = arguments[i];
-				for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-			}
-			return t;
-		};
-		return __assign.apply(this, arguments);
-	};
-	var engine = inject(RpgClientEngine);
-	var guiService = inject(RpgGui);
-	var keyboardControls = engine.globalConfig.keyboardControls;
-	var _a = defineProps({
-		entries: { default: function() {
-			return [];
-		} },
-		saveLoad: { default: function() {
-			return {};
-		} },
+	useDefineEmits($$props);
+	const engine = inject(RpgClientEngine);
+	const { t } = engine.i18n();
+	const guiService = inject(RpgGui);
+	const keyboardControls = engine.globalConfig.keyboardControls;
+	const { entries, title, subtitle, saveLoad, localActions, onInteraction } = defineProps({
+		entries: { default: () => [] },
+		saveLoad: { default: () => ({}) },
 		localActions: { default: false }
-	}), entries = _a.entries, title = _a.title, subtitle = _a.subtitle, saveLoad = _a.saveLoad, localActions = _a.localActions, onInteraction = _a.onInteraction;
-	var defaultEntries = [{
+	});
+	const defaultEntries = [{
 		id: "title",
-		label: "Title Screen"
+		label: t("rpg.gameover.title-screen")
 	}, {
 		id: "load",
-		label: "Load Game"
+		label: t("rpg.gameover.load-game")
 	}];
-	var resolveProp = function(value) {
-		return typeof value === "function" ? value() : value;
-	};
-	var titleText = computed(function() {
-		return resolveProp(title) || "Game Over";
-	});
-	var subtitleText = computed(function() {
-		return resolveProp(subtitle) || "";
-	});
-	var localActionsEnabled = computed(function() {
-		return resolveProp(localActions) === true;
-	});
-	var entryList = computed(function() {
-		var list = resolveProp(entries);
+	const resolveProp = (value) => typeof value === "function" ? value() : value;
+	const titleText = computed(() => resolveProp(title) || t("rpg.gameover.title"));
+	const subtitleText = computed(() => resolveProp(subtitle) || "");
+	const localActionsEnabled = computed(() => resolveProp(localActions) === true);
+	const entryList = computed(() => {
+		const list = resolveProp(entries);
 		if (Array.isArray(list) && list.length) return list;
 		return defaultEntries;
 	});
-	var isEntryDisabled = function(entry) {
+	const isEntryDisabled = (entry) => {
 		if (!entry) return true;
 		if (entry.disabled) return true;
 		if (entry.enabled === false) return true;
 		return false;
 	};
-	var selectedEntry = signal(0);
-	var selectableIndexes = computed(function() {
-		return entryList().map(function(entry, index) {
-			return isEntryDisabled(entry) ? null : index;
-		}).filter(function(value) {
-			return value !== null;
-		});
+	const selectedEntry = signal(0);
+	const selectableIndexes = computed(() => {
+		return entryList().map((entry, index) => isEntryDisabled(entry) ? null : index).filter((value) => value !== null);
 	});
-	effect(function() {
-		var available = selectableIndexes();
+	effect(() => {
+		const available = selectableIndexes();
 		if (!available.length) return;
-		var current = selectedEntry();
+		const current = selectedEntry();
 		if (!available.includes(current)) selectedEntry.set(available[0]);
 	});
-	var moveSelection = function(delta) {
-		var available = selectableIndexes();
+	const moveSelection = (delta) => {
+		const available = selectableIndexes();
 		if (!available.length) return;
-		var current = selectedEntry();
-		var nextIndex = (Math.max(0, available.indexOf(current)) + delta + available.length) % available.length;
+		const current = selectedEntry();
+		const nextIndex = (Math.max(0, available.indexOf(current)) + delta + available.length) % available.length;
 		selectedEntry.set(available[nextIndex]);
 	};
-	var triggerSelect = function(index) {
-		var entry = entryList()[index];
+	const triggerSelect = (index) => {
+		const entry = entryList()[index];
 		if (!entry || isEntryDisabled(entry)) return;
 		if (localActionsEnabled()) {
 			if (entry.id === "title") {
@@ -89,16 +66,17 @@ function component($$props) {
 				guiService.display(PrebuiltGui.TitleScreen);
 			}
 			if (entry.id === "load") {
-				var config = resolveProp(saveLoad) || {};
-				var slots = Array.isArray(config.slots) ? config.slots : [
+				const config = resolveProp(saveLoad) || {};
+				const slots = Array.isArray(config.slots) ? config.slots : [
 					null,
 					null,
 					null
 				];
-				guiService.display(PrebuiltGui.Save, __assign(__assign({}, config), {
+				guiService.display(PrebuiltGui.Save, {
+					...config,
 					mode: config.mode || "load",
 					slots
-				}));
+				});
 			}
 		}
 		if (onInteraction) onInteraction("select", {
@@ -113,12 +91,12 @@ function component($$props) {
 			triggerSelect(index);
 		};
 	}
-	var controls = signal({
+	const controls = signal({
 		up: {
 			repeat: true,
 			bind: keyboardControls.up,
 			throttle: 150,
-			keyDown: function() {
+			keyDown() {
 				moveSelection(-1);
 			}
 		},
@@ -126,13 +104,13 @@ function component($$props) {
 			repeat: true,
 			bind: keyboardControls.down,
 			throttle: 150,
-			keyDown: function() {
+			keyDown() {
 				moveSelection(1);
 			}
 		},
 		action: {
-			bind: keyboardControls.action,
-			keyDown: function() {
+			bind: getKeyboardControlBind(keyboardControls.action),
+			keyDown() {
 				triggerSelect(selectedEntry());
 			}
 		},
@@ -164,7 +142,7 @@ function component($$props) {
 			element: "div",
 			attrs: { class: "rpg-ui-gameover-title" },
 			textContent: computed(() => titleText())
-		}), cond(subtitleText(), () => h(DOMElement, {
+		}), cond(computed(() => subtitleText()), () => h(DOMElement, {
 			element: "div",
 			attrs: { class: "rpg-ui-gameover-subtitle" },
 			textContent: computed(() => subtitleText())
@@ -175,7 +153,7 @@ function component($$props) {
 		}, h(DOMElement, {
 			element: "div",
 			attrs: { class: "rpg-ui-menu rpg-ui-gameover-menu rpg-anim-slide-up" }
-		}, loop(entryList(), (entry, index) => h(DOMElement, {
+		}, loop(computed(() => entryList()), (entry, index) => h(DOMElement, {
 			element: "div",
 			attrs: {
 				class: ["rpg-ui-menu-item", computed(() => ({ disabled: isEntryDisabled(entry) }))],
@@ -187,7 +165,8 @@ function component($$props) {
 		}))))
 	]));
 }
+var __ce_component = component;
 //#endregion
-export { component as default };
+export { __ce_component as default };
 
 //# sourceMappingURL=gameover.ce.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"gameover.ce.js","names":[],"sources":["../../../src/components/gui/gameover.ce"],"sourcesContent":["<DOMContainer width=\"100%\" height=\"100%\">\n    <div class=\"rpg-ui-gameover-screen rpg-anim-fade-in\">\n        <div class=\"rpg-ui-gameover-splatter rpg-ui-gameover-splatter-left\"></div>\n        <div class=\"rpg-ui-gameover-splatter rpg-ui-gameover-splatter-right\"></div>\n        <div class=\"rpg-ui-gameover-splatter rpg-ui-gameover-splatter-center\"></div>\n        <div class=\"rpg-ui-gameover-header rpg-anim-shake\">\n            <div class=\"rpg-ui-gameover-title\">{titleText()}</div>\n            @if (subtitleText()) {\n                <div class=\"rpg-ui-gameover-subtitle\">{subtitleText()}</div>\n            }\n        </div>\n        <Navigation tabindex={selectedEntry} controls={controls}>\n            <div class=\"rpg-ui-menu rpg-ui-gameover-menu rpg-anim-slide-up\">\n                @for ((entry,index) of entryList()) {\n                    <div\n                        class=\"rpg-ui-menu-item\"\n                        class={{disabled: isEntryDisabled(entry)}}\n                        data-selected={selectedEntry() === index ? \"true\" : \"false\"}\n                        tabindex={index}\n                        click={selectEntry(index)}\n                    >{entry.label}</div>\n                }\n            </div>\n        </Navigation>\n    </div>\n</DOMContainer>\n\n<script>\n    import { signal, computed, effect } from \"canvasengine\";\n    import { PrebuiltGui } from \"@rpgjs/common\";\n    import { inject } from \"../../core/inject\";\n    import { RpgClientEngine } from \"../../RpgClientEngine\";\n    import { RpgGui } from \"../../Gui/Gui\";\n\n    const engine = inject(RpgClientEngine);\n    const guiService = inject(RpgGui);\n    const keyboardControls = engine.globalConfig.keyboardControls;\n\n    const { entries, title, subtitle, saveLoad, localActions, onInteraction } = defineProps({\n        entries: {\n            default: () => []\n        },\n        saveLoad: {\n            default: () => ({})\n        },\n        localActions: {\n            default: false\n        }\n    });\n\n    const defaultEntries = [\n        { id: \"title\", label: \"Title Screen\" },\n        { id: \"load\", label: \"Load Game\" }\n    ];\n\n    const resolveProp = (value) => typeof value === \"function\" ? value() : value;\n    const titleText = computed(() => resolveProp(title) || \"Game Over\");\n    const subtitleText = computed(() => resolveProp(subtitle) || \"\");\n    const localActionsEnabled = computed(() => resolveProp(localActions) === true);\n\n    const entryList = computed(() => {\n        const list = resolveProp(entries);\n        if (Array.isArray(list) && list.length) return list;\n        return defaultEntries;\n    });\n\n    const isEntryDisabled = (entry) => {\n        if (!entry) return true;\n        if (entry.disabled) return true;\n        if (entry.enabled === false) return true;\n        return false;\n    };\n\n    const selectedEntry = signal(0);\n    const selectableIndexes = computed(() => {\n        const list = entryList();\n        return list\n            .map((entry, index) => (isEntryDisabled(entry) ? null : index))\n            .filter((value) => value !== null);\n    });\n\n    effect(() => {\n        const available = selectableIndexes();\n        if (!available.length) return;\n        const current = selectedEntry();\n        if (!available.includes(current)) {\n            selectedEntry.set(available[0]);\n        }\n    });\n\n    const moveSelection = (delta) => {\n        const available = selectableIndexes();\n        if (!available.length) return;\n        const current = selectedEntry();\n        const currentIndex = Math.max(0, available.indexOf(current));\n        const nextIndex = (currentIndex + delta + available.length) % available.length;\n        selectedEntry.set(available[nextIndex]);\n    };\n\n    const triggerSelect = (index) => {\n        const list = entryList();\n        const entry = list[index];\n        if (!entry || isEntryDisabled(entry)) return;\n        if (localActionsEnabled()) {\n            if (entry.id === \"title\") {\n                guiService.hide(PrebuiltGui.Gameover);\n                guiService.display(PrebuiltGui.TitleScreen);\n            }\n            if (entry.id === \"load\") {\n                const config = resolveProp(saveLoad) || {};\n                const slots = Array.isArray(config.slots) ? config.slots : [null, null, null];\n                guiService.display(PrebuiltGui.Save, {\n                    ...config,\n                    mode: config.mode || \"load\",\n                    slots\n                });\n            }\n        }\n        if (onInteraction) {\n            onInteraction(\"select\", { id: entry.id, index, entry });\n        }\n    };\n\n    function selectEntry(index) {\n        return function() {\n            selectedEntry.set(index);\n            triggerSelect(index);\n        };\n    }\n\n    const controls = signal({\n        up: {\n            repeat: true,\n            bind: keyboardControls.up,\n            throttle: 150,\n            keyDown() {\n                moveSelection(-1);\n            }\n        },\n        down: {\n            repeat: true,\n            bind: keyboardControls.down,\n            throttle: 150,\n            keyDown() {\n                moveSelection(1);\n            }\n        },\n        action: {\n            bind: keyboardControls.action,\n            keyDown() {\n                triggerSelect(selectedEntry());\n            }\n        },\n        gamepad: {\n            enabled: true\n        }\n    });\n</script>\n"],"mappings":";;;;;;AAYM,SAAwB,UAAU,SAAG;AACpB,UAAM,QAAU;CAC/B,MAAM,cAAO,eAAA,QAAA;CACb,IAAI,WAAY,QAAO,KAAM,YAAU,WAAA;AAC3C,aAAW,OAAO,UAAU,SAAS,GAAC;AAClC,QAAK,IAAI,GAAG,IAAI,GAAA,IAAK,UAAU,QAAA,IAAc,GAAG,KAAG;AAC/C,QAAI,UAAQ;AACZ,SAAK,IAAI,KAAG,EAAK,KAAE,OAAA,UAAkB,eAAA,KAAA,GAAA,EAAA,CACjC,GAAE,KAAI,EAAA;;AAEd,UAAM;;AAEV,SAAK,SAAA,MAAA,MAAA,UAAA;;;CAGT,IAAC,aAAM,OAAA,OAAA;CACP,IAAI,mBAAiB,OAAS,aAAU;CACxC,IAAI,KAAA,YAAS;EACT,SAAS,EACT,SAAS,WAAgB;AAAE,UAAO,EAAE;KACpC;cAEA,SAAa,WAAS;AAAA,UAAA,EAAe;KACrC;EACA,cAAM,EAAA,SAAA,OAEN;EACH,CAAC,EAAE,UAAI,GAAS,SAAA,QAAA,GAAA,OAAA,WAAA,GAAA,UAAA,WAAA,GAAA,UAAA,eAAA,GAAA,cAAA,gBAAA,GAAA;CACjB,IAAI,iBAAiB,CACjB;EAAE,IAAG;EAAA,OAAA;EAAA,EACL;EAAE,IAAE;EAAU,OAAA;EAAA,CACjB;CACD,IAAI,cAAK,SAAA,OAAA;AAAA,SAAA,OAAA,UAAA,aAAA,OAAA,GAAA;;CACT,IAAI,YAAI,SAAc,WAAA;AAAA,SAAA,YAAA,MAAA,IAAA;GAAA;CACtB,IAAI,eAAe,SAAE,WAAA;AAAA,SAAA,YAAA,SAAA,IAAA;GAAA;CACrB,IAAI,sBAAI,SAAA,WAAA;AAAA,SAAA,YAAA,aAAA,KAAA;GAAA;CACR,IAAI,YAAE,SAAA,WAAA;;AAEF,MAAA,MAAM,QAAA,KAAiB,IAAA,KAAA,OACnB,QAAO;AACX,SAAM;GACR;;AAEE,MAAA,CAAK,MACL,QAAM;AACN,MAAA,MAAM,SACN,QAAM;8BAEN,QAAM;AACN,SAAI;;CAER,IAAI,gBAAW,OAAA,EAAc;CAC7B,IAAI,oBAAE,SAAA,WAAA;AAEF,SAAA,WAAA,CACI,IAAK,SAAO,OAAO,OAAI;AAAA,UAAA,gBAAA,MAAA,GAAA,OAAA;IAAA,CACvB,OAAI,SAAc,OAAE;AAAO,UAAI,UAAA;IAAA;GACrC;AACF,QAAO,WAAQ;EACX,IAAC,YAAA,mBAAA;wBAED;EACA,IAAA,UAAM,eAAoB;AAC1B,MAAI,CAAA,UAAW,SAAE,QAAW,CACxB,eAAO,IAAA,UAAA,GAAA;GAEb;CACF,IAAI,gBAAE,SAAA,OAAA;;AAEF,MAAA,CAAA,UAAa,OACT;EACJ,IAAI,UAAK,eAAkB;EAE3B,IAAI,aADe,KAAC,IAAA,GAAA,UAAe,QAAA,QAAA,CAAA,GACP,QAAU,UAAA,UAAA,UAAA;AACtC,gBAAQ,IAAA,UAAkB,WAAa;;CAE3C,IAAI,gBAAE,SAAA,OAAA;EAEF,IAAA,QAAA,WAAA,CAAM;AACN,MAAI,CAAA,SAAM,gBAAY,MAAA,CAClB;AACJ,MAAI,qBAAgB,EAAA;AAChB,OAAA,MAAM,OAAA,SAAoB;AAC1B,eAAe,KAAI,YAAa,SAAS;AACzC,eAAc,QAAI,YAAU,YAAW;;;IAGrC,IAAA,SAAe,YAAY,SAAA,IAAA,EAAA;IAC7B,IAAM,QAAO,MAAS,QAAE,OAAA,MAAA,GAAA,OAAA,QAAA;KAAA;KAAA;KAAA;KAAA;AACxB,eAAc,QAAK,YAAM,MAAA,SAAA,SAAA,EAAA,EAAA,OAAA,EAAA;KAAA,MAAA,OAAA,QAAA;KAAA;KAAA,CAAA,CAAA;;;AAG7B,MAAI,cACA,eAAQ,UAAgB;GAAA,IAAA,MAAY;GAAS;GAAA;GAAA,CAAA;;CAGrD,SAAS,YAAY,OAAO;AACxB,SAAO,WAAW;AACd,iBAAc,IAAA,MAAQ;AACtB,iBAAQ,MAAW;;;CAG3B,IAAI,WAAW,OAAK;EAChB,IAAI;GACA,QAAI;GACJ,MAAA,iBAAA;GACA,UAAI;GACJ,SAAI,WAAe;AACnB,kBAAA,GAAA;;;EAGJ,MAAA;GACI,QAAO;GACP,MAAI,iBAAkB;GACtB,UAAI;GACJ,SAAC,WAAA;AACL,kBAAA,EAAA;;GAEA;EACA,QAAQ;GACJ,MAAI,iBAAY;GAChB,SAAS,WAAC;AACN,kBAAa,eAAA,CAAA;;GAEpB;EACD,SAAQ,EACJ,SAAC,MACJ;EACJ,CAAC;AAEM,QADU,EAAA,cAAiB;EAAA,OAAI;EAAA,QAAA;EAAA,EAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA,EAAA,OAAA,2CAAA;EAAA,EAAA;EAAA,EAAA,YAAA;GAAA,SAAA;GAAA,OAAA,EAAA,OAAA,0DAAA;GAAA,CAAA;EAAA,EAAA,YAAA;GAAA,SAAA;GAAA,OAAA,EAAA,OAAA,2DAAA;GAAA,CAAA;EAAA,EAAA,YAAA;GAAA,SAAA;GAAA,OAAA,EAAA,OAAA,4DAAA;GAAA,CAAA;EAAA,EAAA,YAAA;GAAA,SAAA;GAAA,OAAA,EAAA,OAAA,yCAAA;GAAA,EAAA,CAAA,EAAA,YAAA;GAAA,SAAA;GAAA,OAAA,EAAA,OAAA,yBAAA;GAAA,aAAA,eAAA,WAAA,CAAA;GAAA,CAAA,EAAA,KAAA,cAAA,QAAA,EAAA,YAAA;GAAA,SAAA;GAAA,OAAA,EAAA,OAAA,4BAAA;GAAA,aAAA,eAAA,cAAA,CAAA;GAAA,CAAA,CAAA,CAAA,CAAA;EAAA,EAAA,YAAA;GAAA,UAAA;GAAA;GAAA,EAAA,EAAA,YAAA;GAAA,SAAA;GAAA,OAAA,EAAA,OAAA,sDAAA;GAAA,EAAA,KAAA,WAAA,GAAA,OAAA,UAAA,EAAA,YAAA;GAAA,SAAA;GAAA,OAAA;IAAA,OAAA,CAAA,oBAAA,gBAAA,EAAA,UAAA,gBAAA,MAAA,EAAA,EAAA,CAAA;IAAA,iBAAA,eAAA,eAAA,KAAA,QAAA,SAAA,QAAA;IAAA,UAAA;IAAA,OAAA,YAAA,MAAA;IAAA;GAAA,aAAA,MAAA;GAAA,CAAA,CAAA,CAAA,CAAA;EAAA,CAAA,CAAA"}
+{"version":3,"file":"gameover.ce.js","names":[],"sources":["../../../src/components/gui/gameover.ce"],"sourcesContent":["<DOMContainer width=\"100%\" height=\"100%\">\n    <div class=\"rpg-ui-gameover-screen rpg-anim-fade-in\">\n        <div class=\"rpg-ui-gameover-splatter rpg-ui-gameover-splatter-left\"></div>\n        <div class=\"rpg-ui-gameover-splatter rpg-ui-gameover-splatter-right\"></div>\n        <div class=\"rpg-ui-gameover-splatter rpg-ui-gameover-splatter-center\"></div>\n        <div class=\"rpg-ui-gameover-header rpg-anim-shake\">\n            <div class=\"rpg-ui-gameover-title\">{titleText()}</div>\n            @if (subtitleText()) {\n                <div class=\"rpg-ui-gameover-subtitle\">{subtitleText()}</div>\n            }\n        </div>\n        <Navigation tabindex={selectedEntry} controls={controls}>\n            <div class=\"rpg-ui-menu rpg-ui-gameover-menu rpg-anim-slide-up\">\n                @for ((entry,index) of entryList()) {\n                    <div\n                        class=\"rpg-ui-menu-item\"\n                        class={{disabled: isEntryDisabled(entry)}}\n                        data-selected={selectedEntry() === index ? \"true\" : \"false\"}\n                        tabindex={index}\n                        click={selectEntry(index)}\n                    >{entry.label}</div>\n                }\n            </div>\n        </Navigation>\n    </div>\n</DOMContainer>\n\n<script>\n    import { signal, computed, effect } from \"canvasengine\";\n    import { PrebuiltGui } from \"@rpgjs/common\";\n    import { inject } from \"../../core/inject\";\n    import { RpgClientEngine } from \"../../RpgClientEngine\";\n    import { RpgGui } from \"../../Gui/Gui\";\n    import { getKeyboardControlBind } from \"../../services/actionInput\";\n\n    const engine = inject(RpgClientEngine);\n    const { t } = engine.i18n();\n    const guiService = inject(RpgGui);\n    const keyboardControls = engine.globalConfig.keyboardControls;\n\n    const { entries, title, subtitle, saveLoad, localActions, onInteraction } = defineProps({\n        entries: {\n            default: () => []\n        },\n        saveLoad: {\n            default: () => ({})\n        },\n        localActions: {\n            default: false\n        }\n    });\n\n    const defaultEntries = [\n        { id: \"title\", label: t(\"rpg.gameover.title-screen\") },\n        { id: \"load\", label: t(\"rpg.gameover.load-game\") }\n    ];\n\n    const resolveProp = (value) => typeof value === \"function\" ? value() : value;\n    const titleText = computed(() => resolveProp(title) || t(\"rpg.gameover.title\"));\n    const subtitleText = computed(() => resolveProp(subtitle) || \"\");\n    const localActionsEnabled = computed(() => resolveProp(localActions) === true);\n\n    const entryList = computed(() => {\n        const list = resolveProp(entries);\n        if (Array.isArray(list) && list.length) return list;\n        return defaultEntries;\n    });\n\n    const isEntryDisabled = (entry) => {\n        if (!entry) return true;\n        if (entry.disabled) return true;\n        if (entry.enabled === false) return true;\n        return false;\n    };\n\n    const selectedEntry = signal(0);\n    const selectableIndexes = computed(() => {\n        const list = entryList();\n        return list\n            .map((entry, index) => (isEntryDisabled(entry) ? null : index))\n            .filter((value) => value !== null);\n    });\n\n    effect(() => {\n        const available = selectableIndexes();\n        if (!available.length) return;\n        const current = selectedEntry();\n        if (!available.includes(current)) {\n            selectedEntry.set(available[0]);\n        }\n    });\n\n    const moveSelection = (delta) => {\n        const available = selectableIndexes();\n        if (!available.length) return;\n        const current = selectedEntry();\n        const currentIndex = Math.max(0, available.indexOf(current));\n        const nextIndex = (currentIndex + delta + available.length) % available.length;\n        selectedEntry.set(available[nextIndex]);\n    };\n\n    const triggerSelect = (index) => {\n        const list = entryList();\n        const entry = list[index];\n        if (!entry || isEntryDisabled(entry)) return;\n        if (localActionsEnabled()) {\n            if (entry.id === \"title\") {\n                guiService.hide(PrebuiltGui.Gameover);\n                guiService.display(PrebuiltGui.TitleScreen);\n            }\n            if (entry.id === \"load\") {\n                const config = resolveProp(saveLoad) || {};\n                const slots = Array.isArray(config.slots) ? config.slots : [null, null, null];\n                guiService.display(PrebuiltGui.Save, {\n                    ...config,\n                    mode: config.mode || \"load\",\n                    slots\n                });\n            }\n        }\n        if (onInteraction) {\n            onInteraction(\"select\", { id: entry.id, index, entry });\n        }\n    };\n\n    function selectEntry(index) {\n        return function() {\n            selectedEntry.set(index);\n            triggerSelect(index);\n        };\n    }\n\n    const controls = signal({\n        up: {\n            repeat: true,\n            bind: keyboardControls.up,\n            throttle: 150,\n            keyDown() {\n                moveSelection(-1);\n            }\n        },\n        down: {\n            repeat: true,\n            bind: keyboardControls.down,\n            throttle: 150,\n            keyDown() {\n                moveSelection(1);\n            }\n        },\n        action: {\n            bind: getKeyboardControlBind(keyboardControls.action),\n            keyDown() {\n                triggerSelect(selectedEntry());\n            }\n        },\n        gamepad: {\n            enabled: true\n        }\n    });\n</script>\n"],"mappings":"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"}

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

@@ -1,49 +1,40 @@
 import { inject } from "../../../core/inject.js";
 import { getEntityProp } from "../../../utils/getEntityProp.js";
 import { RpgClientEngine } from "../../../RpgClientEngine.js";
-import { DOMContainer, DOMElement, DOMSprite, computed, cond, h, useDefineProps, useProps } from "canvasengine";
+import { DOMContainer, DOMElement, DOMSprite, computed, cond, h, useDefineEmits, useDefineProps, useProps } from "canvasengine";
 //#region src/components/gui/hud/hud.ce
 function component($$props) {
 	useProps($$props);
 	const defineProps = useDefineProps($$props);
-	var engine = inject(RpgClientEngine);
-	var currentPlayer = engine.scene.currentPlayer;
-	var data = defineProps().data;
-	data().faceset;
-	var resolveProp = function(value) {
-		return typeof value === "function" ? value() : value;
-	};
-	var face = computed(function() {
-		return resolveProp(data().faceset);
-	});
-	var hasFace = computed(function() {
-		var value = face();
+	useDefineEmits($$props);
+	const engine = inject(RpgClientEngine);
+	const currentPlayer = engine.scene.currentPlayer;
+	const { data } = defineProps();
+	const { faceset } = data();
+	const resolveProp = (value) => typeof value === "function" ? value() : value;
+	const face = computed(() => resolveProp(data().faceset));
+	const hasFace = computed(() => {
+		const value = face();
 		return !!(value && value.id);
 	});
-	var faceSheet = function(faceValue) {
-		return {
-			definition: engine.getSpriteSheet(faceValue.id),
-			playing: faceValue.expression || "default"
-		};
-	};
-	var hp = getEntityProp(currentPlayer, "hp");
-	var hpMax = getEntityProp(currentPlayer, "params.maxHp");
-	var percentHp = computed(function() {
-		return hp() / hpMax() * 100 + "%";
-	});
-	var sp = getEntityProp(currentPlayer, "sp");
-	var spMax = getEntityProp(currentPlayer, "params.maxSp");
-	var percentSp = computed(function() {
-		return sp() / spMax() * 100 + "%";
+	const faceSheet = (faceValue) => ({
+		definition: engine.getSpriteSheet(faceValue.id),
+		playing: faceValue.expression || "default"
 	});
-	var level = getEntityProp(currentPlayer, "level");
+	const hp = getEntityProp(currentPlayer, "hp");
+	const hpMax = getEntityProp(currentPlayer, "params.maxHp");
+	const percentHp = computed(() => hp() / hpMax() * 100 + "%");
+	const sp = getEntityProp(currentPlayer, "sp");
+	const spMax = getEntityProp(currentPlayer, "params.maxSp");
+	const percentSp = computed(() => sp() / spMax() * 100 + "%");
+	const level = getEntityProp(currentPlayer, "level");
 	return h(DOMContainer, null, h(DOMElement, {
 		element: "div",
 		attrs: { class: "rpg-hud" }
 	}, [h(DOMElement, {
 		element: "div",
 		attrs: { class: "rpg-avatar" }
-	}, [cond(hasFace(), () => h(DOMElement, {
+	}, [cond(computed(() => hasFace()), () => h(DOMElement, {
 		element: "div",
 		attrs: { class: "rpg-avatar-face" }
 	}, h(DOMSprite, {
@@ -86,7 +77,8 @@ function component($$props) {
 		}
 	})])])]));
 }
+var __ce_component = component;
 //#endregion
-export { component as default };
+export { __ce_component as default };
 
 //# sourceMappingURL=hud.ce.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"hud.ce.js","names":[],"sources":["../../../../src/components/gui/hud/hud.ce"],"sourcesContent":["<DOMContainer>\n    <div class=\"rpg-hud\">\n        <div class=\"rpg-avatar\">\n            @if (hasFace()) {\n                <div class=\"rpg-avatar-face\">\n                    <DOMSprite \n                        sheet={faceSheet(face())} \n                        width={64} \n                        height={64} \n                        objectFit=\"contain\" \n                    />\n                </div>\n            }\n            <div class=\"rpg-avatar-level\">{{ level() }}</div>\n        </div>\n        <div class=\"rpg-status-bars\">\n            <div class=\"rpg-bar-container\">\n                <span class=\"rpg-bar-text\">HP {{ hp() }}/{{ hpMax() }}</span>\n                <div class=\"rpg-bar-fill health\" style={{width: percentHp}}></div>\n            </div>\n            <div class=\"rpg-bar-container\">\n                <span class=\"rpg-bar-text\">SP {{ sp() }}/{{ spMax() }}</span>\n                <div class=\"rpg-bar-fill mana\" style={{width: percentSp}}></div>\n            </div>\n        </div>\n    </div>\n</DOMContainer>\n\n<script>\n    import { inject } from \"../../../core/inject\";\n    import { RpgClientEngine } from \"../../../RpgClientEngine\";\n    import { computed } from \"canvasengine\";\n    import { getEntityProp } from \"../../../utils/getEntityProp\";\n\n    const engine = inject(RpgClientEngine)\n    const currentPlayer = engine.scene.currentPlayer\n    const { data } = defineProps();\n    const { faceset } = data();\n\n    const resolveProp = (value) => typeof value === \"function\" ? value() : value;\n    const face = computed(() => resolveProp(data().faceset));\n\n    const hasFace = computed(() => {\n        const value = face();\n        return !!(value && value.id);\n    });\n    const faceSheet = (faceValue) => ({\n        definition: engine.getSpriteSheet(faceValue.id),\n        playing: faceValue.expression || \"default\",\n    });\n    const hp = getEntityProp(currentPlayer, \"hp\")\n    const hpMax = getEntityProp(currentPlayer, \"params.maxHp\")\n    const percentHp = computed(() => (hp() / hpMax() * 100) + '%')\n\n    const sp = getEntityProp(currentPlayer, \"sp\")\n    const spMax = getEntityProp(currentPlayer, \"params.maxSp\")\n    const percentSp = computed(() => (sp() / spMax() * 100) + '%')\n\n    const level = getEntityProp(currentPlayer, \"level\")\n</script>\n    \n"],"mappings":";;;;;AAWM,SAAe,UAAA,SAAA;AACT,UAAA,QAAA;CACJ,MAAK,cAAe,eAAe,QAAQ;CAC3C,IAAE,SAAG,OAAA,gBAAA;CACb,IAAI,gBAAgB,OAAI,MAAO;CAC/B,IAAI,OAAO,aAAa,CAAA;AACV,OAAG,CAAI;CACrB,IAAI,cAAa,SAAW,OAAO;AAAC,SAAK,OAAQ,UAAQ,aAAiB,OAAO,GAAA;;CACjF,IAAI,OAAO,SAAM,WAAA;AAAA,SAAA,YAAA,MAAA,CAAA,QAAA;GAAA;CACjB,IAAI,UAAS,SAAU,WAAS;EAC5B,IAAI,QAAQ,MAAM;AAClB,SAAO,CAAC,EAAE,SAAO,MAAO;GAC1B;CACF,IAAI,YAAS,SAAA,WAAA;AAAA,SAAA;GACT,YAAK,OAAA,eAAA,UAAA,GAAA;GACP,SAAA,UAAY,cAAA;;;CAEd,IAAC,KAAM,cAAA,eAAA,KAAA;CACP,IAAI,QAAQ,cAAc,eAAe,eAAQ;CACjD,IAAI,YAAS,SAAA,WAAwB;AAAE,SAAO,IAAA,GAAA,OAAe,GAAC,MAAA;GAAA;CAC9D,IAAI,KAAA,cAAmB,eAAO,KAAa;CAC3C,IAAI,QAAQ,cAAc,eAAe,eAAS;;;;CAElD,IAAI,QAAM,cAAgB,eAAe,QAAA;AAErC,QADM,EAAA,cAAuB,MAAM,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA,EAAA,OAAA,WAAA;EAAA,EAAA,CAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA,EAAA,OAAA,cAAA;EAAA,EAAA,CAAA,KAAA,SAAA,QAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA,EAAA,OAAA,mBAAA;EAAA,EAAA,EAAA,WAAA;EAAA,OAAA,eAAA,UAAA,MAAA,CAAA,CAAA;EAAA,OAAA;EAAA,QAAA;EAAA,WAAA;EAAA,CAAA,CAAA,CAAA,EAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA,EAAA,OAAA,oBAAA;EAAA,aAAA,eAAA,OAAA,CAAA;EAAA,CAAA,CAAA,CAAA,EAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA,EAAA,OAAA,mBAAA;EAAA,EAAA,CAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA,EAAA,OAAA,qBAAA;EAAA,EAAA,CAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA,EAAA,OAAA,gBAAA;EAAA,aAAA,eAAA,QAAA,IAAA,GAAA,MAAA,OAAA,CAAA;EAAA,CAAA,EAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA;GAAA,OAAA;GAAA,OAAA,EAAA,OAAA,WAAA;GAAA;EAAA,CAAA,CAAA,CAAA,EAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA,EAAA,OAAA,qBAAA;EAAA,EAAA,CAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA,EAAA,OAAA,gBAAA;EAAA,aAAA,eAAA,QAAA,IAAA,GAAA,MAAA,OAAA,CAAA;EAAA,CAAA,EAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA;GAAA,OAAA;GAAA,OAAA,EAAA,OAAA,WAAA;GAAA;EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"hud.ce.js","names":[],"sources":["../../../../src/components/gui/hud/hud.ce"],"sourcesContent":["<DOMContainer>\n    <div class=\"rpg-hud\">\n        <div class=\"rpg-avatar\">\n            @if (hasFace()) {\n                <div class=\"rpg-avatar-face\">\n                    <DOMSprite \n                        sheet={faceSheet(face())} \n                        width={64} \n                        height={64} \n                        objectFit=\"contain\" \n                    />\n                </div>\n            }\n            <div class=\"rpg-avatar-level\">{{ level() }}</div>\n        </div>\n        <div class=\"rpg-status-bars\">\n            <div class=\"rpg-bar-container\">\n                <span class=\"rpg-bar-text\">HP {{ hp() }}/{{ hpMax() }}</span>\n                <div class=\"rpg-bar-fill health\" style={{width: percentHp}}></div>\n            </div>\n            <div class=\"rpg-bar-container\">\n                <span class=\"rpg-bar-text\">SP {{ sp() }}/{{ spMax() }}</span>\n                <div class=\"rpg-bar-fill mana\" style={{width: percentSp}}></div>\n            </div>\n        </div>\n    </div>\n</DOMContainer>\n\n<script>\n    import { inject } from \"../../../core/inject\";\n    import { RpgClientEngine } from \"../../../RpgClientEngine\";\n    import { computed } from \"canvasengine\";\n    import { getEntityProp } from \"../../../utils/getEntityProp\";\n\n    const engine = inject(RpgClientEngine)\n    const currentPlayer = engine.scene.currentPlayer\n    const { data } = defineProps();\n    const { faceset } = data();\n\n    const resolveProp = (value) => typeof value === \"function\" ? value() : value;\n    const face = computed(() => resolveProp(data().faceset));\n\n    const hasFace = computed(() => {\n        const value = face();\n        return !!(value && value.id);\n    });\n    const faceSheet = (faceValue) => ({\n        definition: engine.getSpriteSheet(faceValue.id),\n        playing: faceValue.expression || \"default\",\n    });\n    const hp = getEntityProp(currentPlayer, \"hp\")\n    const hpMax = getEntityProp(currentPlayer, \"params.maxHp\")\n    const percentHp = computed(() => (hp() / hpMax() * 100) + '%')\n\n    const sp = getEntityProp(currentPlayer, \"sp\")\n    const spMax = getEntityProp(currentPlayer, \"params.maxSp\")\n    const percentSp = computed(() => (sp() / spMax() * 100) + '%')\n\n    const level = getEntityProp(currentPlayer, \"level\")\n</script>\n    \n"],"mappings":";;;;;AAWM,SAAS,UAAM,SAAA;CACT,SAAA,OAAA;CACJ,MAAK,cAAe,eAAe,OAAO;CACrC,eAAA,OAAA;CACL,MAAK,SAAU,OAAO,eAAM;CACpC,MAAM,gBAAgB,OAAM,MAAI;CAChC,MAAM,EAAE,SAAS,YAAY;CAC7B,MAAM,EAAE,YAAY,KAAC;CACrB,MAAM,eAAW,UAAA,OAAA,UAAA,aAAA,MAAA,IAAA;CACjB,MAAM,OAAO,eAAe,YAAI,KAAU,EAAA,OAAA,CAAA;CAC1C,MAAM,UAAU,eAAa;EACzB,MAAM,QAAO,KAAI;EACjB,OAAO,CAAC,EAAE,SAAG,MAAA;CACjB,CAAC;CACD,MAAM,aAAG,eAAA;EACP,YAAY,OAAA,eAAA,UAAA,EAAA;;CAEd;CACA,MAAI,KAAO,cAAW,eAAe,IAAK;CAC1C,MAAI,QAAS,cAAe,eAAe,cAAG;CAC9C,MAAI,YAAS,eAAiB,GAAA,IAAA,MAAa,IAAA,MAAA,GAAA;CAC3C,MAAI,KAAO,cAAE,eAA2B,IAAI;;CAE5C,MAAI,YAAc,eAAQ,GAAA,IAAe,MAAA,IAAA,MAAA,GAAA;CACzC,MAAI,QAAM,cAAgB,eAAa,OAAA;CAEnC,OADgB,EAAC,cAAa,MAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA,EAAA,OAAA,UAAA;CAAA,GAAA,CAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA,EAAA,OAAA,aAAA;CAAA,GAAA,CAAA,KAAA,eAAA,QAAA,CAAA,SAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA,EAAA,OAAA,kBAAA;CAAA,GAAA,EAAA,WAAA;EAAA,OAAA,eAAA,UAAA,KAAA,CAAA,CAAA;EAAA,OAAA;EAAA,QAAA;EAAA,WAAA;CAAA,CAAA,CAAA,CAAA,GAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA,EAAA,OAAA,mBAAA;EAAA,aAAA,eAAA,MAAA,CAAA;CAAA,CAAA,CAAA,CAAA,GAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA,EAAA,OAAA,kBAAA;CAAA,GAAA,CAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA,EAAA,OAAA,oBAAA;CAAA,GAAA,CAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA,EAAA,OAAA,eAAA;EAAA,aAAA,eAAA,QAAA,GAAA,IAAA,MAAA,MAAA,CAAA;CAAA,CAAA,GAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA;GAAA,OAAA;GAAA,OAAA,EAAA,OAAA,UAAA;EAAA;CAAA,CAAA,CAAA,CAAA,GAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA,EAAA,OAAA,oBAAA;CAAA,GAAA,CAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA,EAAA,OAAA,eAAA;EAAA,aAAA,eAAA,QAAA,GAAA,IAAA,MAAA,MAAA,CAAA;CAAA,CAAA,GAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA;GAAA,OAAA;GAAA,OAAA,EAAA,OAAA,UAAA;EAAA;CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACf;;AAGf,IAAM,iBAAmB"}