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

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

@@ -1,141 +1,193 @@
-import { useProps, useDefineProps, computed, signal, effect, h, DOMContainer, DOMElement, cond, Navigation, loop } from 'canvasengine';
-import { PrebuiltGui } from '@rpgjs/common';
-import { inject } from '../../core/inject.js';
-import { RpgClientEngine } from '../../RpgClientEngine.js';
-import { RpgGui } from '../../Gui/Gui.js';
-
+import { inject } from "../../core/inject.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 { 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 ({}); }
-    },
-    localActions: {
-        default: false
-    }
-}), entries = _a.entries, title = _a.title, subtitle = _a.subtitle, saveLoad = _a.saveLoad, localActions = _a.localActions, onInteraction = _a.onInteraction;
-var defaultEntries = [
-    { id: "title", label: "Title Screen" },
-    { id: "load", label: "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);
-    if (Array.isArray(list) && list.length)
-        return list;
-    return defaultEntries;
-});
-var isEntryDisabled = function (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 () {
-    var list = entryList();
-    return list
-        .map(function (entry, index) { return (isEntryDisabled(entry) ? null : index); })
-        .filter(function (value) { return value !== null; });
-});
-effect(function () {
-    var available = selectableIndexes();
-    if (!available.length)
-        return;
-    var current = selectedEntry();
-    if (!available.includes(current)) {
-        selectedEntry.set(available[0]);
-    }
-});
-var moveSelection = function (delta) {
-    var available = selectableIndexes();
-    if (!available.length)
-        return;
-    var current = selectedEntry();
-    var currentIndex = Math.max(0, available.indexOf(current));
-    var nextIndex = (currentIndex + delta + available.length) % available.length;
-    selectedEntry.set(available[nextIndex]);
-};
-var triggerSelect = function (index) {
-    var list = entryList();
-    var entry = list[index];
-    if (!entry || isEntryDisabled(entry))
-        return;
-    if (localActionsEnabled()) {
-        if (entry.id === "title") {
-            guiService.hide(PrebuiltGui.Gameover);
-            guiService.display(PrebuiltGui.TitleScreen);
-        }
-        if (entry.id === "load") {
-            var config = resolveProp(saveLoad) || {};
-            var slots = Array.isArray(config.slots) ? config.slots : [null, null, null];
-            guiService.display(PrebuiltGui.Save, __assign(__assign({}, config), { mode: config.mode || "load", slots: slots }));
-        }
-    }
-    if (onInteraction) {
-        onInteraction("select", { id: entry.id, index: index, entry: entry });
-    }
-};
-function selectEntry(index) {
-    return function () {
-        selectedEntry.set(index);
-        triggerSelect(index);
-    };
+	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 {};
+		} },
+		localActions: { default: false }
+	}), entries = _a.entries, title = _a.title, subtitle = _a.subtitle, saveLoad = _a.saveLoad, localActions = _a.localActions, onInteraction = _a.onInteraction;
+	var defaultEntries = [{
+		id: "title",
+		label: "Title Screen"
+	}, {
+		id: "load",
+		label: "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);
+		if (Array.isArray(list) && list.length) return list;
+		return defaultEntries;
+	});
+	var isEntryDisabled = function(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;
+		});
+	});
+	effect(function() {
+		var available = selectableIndexes();
+		if (!available.length) return;
+		var current = selectedEntry();
+		if (!available.includes(current)) selectedEntry.set(available[0]);
+	});
+	var moveSelection = function(delta) {
+		var available = selectableIndexes();
+		if (!available.length) return;
+		var current = selectedEntry();
+		var nextIndex = (Math.max(0, available.indexOf(current)) + delta + available.length) % available.length;
+		selectedEntry.set(available[nextIndex]);
+	};
+	var triggerSelect = function(index) {
+		var entry = entryList()[index];
+		if (!entry || isEntryDisabled(entry)) return;
+		if (localActionsEnabled()) {
+			if (entry.id === "title") {
+				guiService.hide(PrebuiltGui.Gameover);
+				guiService.display(PrebuiltGui.TitleScreen);
+			}
+			if (entry.id === "load") {
+				var config = resolveProp(saveLoad) || {};
+				var slots = Array.isArray(config.slots) ? config.slots : [
+					null,
+					null,
+					null
+				];
+				guiService.display(PrebuiltGui.Save, __assign(__assign({}, config), {
+					mode: config.mode || "load",
+					slots
+				}));
+			}
+		}
+		if (onInteraction) onInteraction("select", {
+			id: entry.id,
+			index,
+			entry
+		});
+	};
+	function selectEntry(index) {
+		return function() {
+			selectedEntry.set(index);
+			triggerSelect(index);
+		};
+	}
+	var controls = signal({
+		up: {
+			repeat: true,
+			bind: keyboardControls.up,
+			throttle: 150,
+			keyDown: function() {
+				moveSelection(-1);
+			}
+		},
+		down: {
+			repeat: true,
+			bind: keyboardControls.down,
+			throttle: 150,
+			keyDown: function() {
+				moveSelection(1);
+			}
+		},
+		action: {
+			bind: keyboardControls.action,
+			keyDown: function() {
+				triggerSelect(selectedEntry());
+			}
+		},
+		gamepad: { enabled: true }
+	});
+	return h(DOMContainer, {
+		width: "100%",
+		height: "100%"
+	}, h(DOMElement, {
+		element: "div",
+		attrs: { class: "rpg-ui-gameover-screen rpg-anim-fade-in" }
+	}, [
+		h(DOMElement, {
+			element: "div",
+			attrs: { class: "rpg-ui-gameover-splatter rpg-ui-gameover-splatter-left" }
+		}),
+		h(DOMElement, {
+			element: "div",
+			attrs: { class: "rpg-ui-gameover-splatter rpg-ui-gameover-splatter-right" }
+		}),
+		h(DOMElement, {
+			element: "div",
+			attrs: { class: "rpg-ui-gameover-splatter rpg-ui-gameover-splatter-center" }
+		}),
+		h(DOMElement, {
+			element: "div",
+			attrs: { class: "rpg-ui-gameover-header rpg-anim-shake" }
+		}, [h(DOMElement, {
+			element: "div",
+			attrs: { class: "rpg-ui-gameover-title" },
+			textContent: computed(() => titleText())
+		}), cond(subtitleText(), () => h(DOMElement, {
+			element: "div",
+			attrs: { class: "rpg-ui-gameover-subtitle" },
+			textContent: computed(() => subtitleText())
+		}))]),
+		h(Navigation, {
+			tabindex: selectedEntry,
+			controls
+		}, h(DOMElement, {
+			element: "div",
+			attrs: { class: "rpg-ui-menu rpg-ui-gameover-menu rpg-anim-slide-up" }
+		}, loop(entryList(), (entry, index) => h(DOMElement, {
+			element: "div",
+			attrs: {
+				class: ["rpg-ui-menu-item", computed(() => ({ disabled: isEntryDisabled(entry) }))],
+				"data-selected": computed(() => selectedEntry() === index ? "true" : "false"),
+				tabindex: index,
+				click: selectEntry(index)
+			},
+			textContent: entry.label
+		}))))
+	]));
 }
-var controls = signal({
-    up: {
-        repeat: true,
-        bind: keyboardControls.up,
-        throttle: 150,
-        keyDown: function () {
-            moveSelection(-1);
-        }
-    },
-    down: {
-        repeat: true,
-        bind: keyboardControls.down,
-        throttle: 150,
-        keyDown: function () {
-            moveSelection(1);
-        }
-    },
-    action: {
-        bind: keyboardControls.action,
-        keyDown: function () {
-            triggerSelect(selectedEntry());
-        }
-    },
-    gamepad: {
-        enabled: true
-    }
-});
-        let $this = h(DOMContainer, { width: '100%', height: '100%' }, h(DOMElement, { element: "div", attrs: { class: 'rpg-ui-gameover-screen rpg-anim-fade-in' } }, [h(DOMElement, { element: "div", attrs: { class: 'rpg-ui-gameover-splatter rpg-ui-gameover-splatter-left' } }), h(DOMElement, { element: "div", attrs: { class: 'rpg-ui-gameover-splatter rpg-ui-gameover-splatter-right' } }), h(DOMElement, { element: "div", attrs: { class: 'rpg-ui-gameover-splatter rpg-ui-gameover-splatter-center' } }), h(DOMElement, { element: "div", attrs: { class: 'rpg-ui-gameover-header rpg-anim-shake' } }, [h(DOMElement, { element: "div", attrs: { class: 'rpg-ui-gameover-title' }, textContent: computed(() => titleText()) }), cond(subtitleText(), () => h(DOMElement, { element: "div", attrs: { class: 'rpg-ui-gameover-subtitle' }, textContent: computed(() => subtitleText()) }))]), h(Navigation, { tabindex: selectedEntry, controls: controls }, h(DOMElement, { element: "div", attrs: { class: 'rpg-ui-menu rpg-ui-gameover-menu rpg-anim-slide-up' } }, loop(entryList(), (entry, index) => h(DOMElement, { element: "div", attrs: { class: ['rpg-ui-menu-item', computed(() => ({ disabled: isEntryDisabled(entry) }))], 'data-selected': computed(() => selectedEntry() === index ? "true" : "false"), tabindex: index, click: selectEntry(index) }, textContent: entry.label }))))]));
-        return $this
-      }
-
+//#endregion
 export { component as default };
-//# sourceMappingURL=gameover.ce.js.map
+
+//# sourceMappingURL=gameover.ce.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"gameover.ce.js","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"],"names":[],"mappings":";;;;;;AAYqB,SAAS,SAAS,CAAC,OAAO,EAAE;AACjD,QAAuB,QAAQ,CAAC,OAAO;AACvC,QAAQ,MAAM,WAAW,GAAG,cAAc,CAAC,OAAO;AAClD,QAAQ,IAAI,QAAQ,GAAG,CAAC,IAAI,IAAI,IAAI,CAAC,QAAQ,KAAK,YAAY;AAC9D,IAAI,QAAQ,GAAG,MAAM,CAAC,MAAM,IAAI,SAAS,CAAC,EAAE;AAC5C,QAAQ,KAAK,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE;AAC7D,YAAY,CAAC,GAAG,SAAS,CAAC,CAAC,CAAC;AAC5B,YAAY,KAAK,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC;AAC3E,gBAAgB,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;AAC3B,QAAQ;AACR,QAAQ,OAAO,CAAC;AAChB,IAAI,CAAC;AACL,IAAI,OAAO,QAAQ,CAAC,KAAK,CAAC,IAAI,EAAE,SAAS,CAAC;AAC1C,CAAC;AACD,IAAI,MAAM,GAAG,MAAM,CAAC,eAAe,CAAC;AACpC,IAAI,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC;AAC/B,IAAI,gBAAgB,GAAG,MAAM,CAAC,YAAY,CAAC,gBAAgB;AAC3D,IAAI,EAAE,GAAG,WAAW,CAAC;AACrB,IAAI,OAAO,EAAE;AACb,QAAQ,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,CAAC,CAAC;AAC1C,KAAK;AACL,IAAI,QAAQ,EAAE;AACd,QAAQ,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE,CAAC;AAC5C,KAAK;AACL,IAAI,YAAY,EAAE;AAClB,QAAQ,OAAO,EAAE;AACjB;AACA,CAAC,CAAC,EAAE,OAAO,GAAG,EAAE,CAAC,OAAO,EAAE,KAAK,GAAG,EAAE,CAAC,KAAK,EAAE,QAAQ,GAAG,EAAE,CAAC,QAAQ,EAAE,QAAQ,GAAG,EAAE,CAAC,QAAQ,EAAE,YAAY,GAAG,EAAE,CAAC,YAAY,EAAE,aAAa,GAAG,EAAE,CAAC,aAAa;AAC5J,IAAI,cAAc,GAAG;AACrB,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE;AAC1C,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW;AACpC,CAAC;AACD,IAAI,WAAW,GAAG,UAAU,KAAK,EAAE,EAAE,OAAO,OAAO,KAAK,KAAK,UAAU,GAAG,KAAK,EAAE,GAAG,KAAK,CAAC,CAAC,CAAC;AAC5F,IAAI,SAAS,GAAG,QAAQ,CAAC,YAAY,EAAE,OAAO,WAAW,CAAC,KAAK,CAAC,IAAI,WAAW,CAAC,CAAC,CAAC,CAAC;AACnF,IAAI,YAAY,GAAG,QAAQ,CAAC,YAAY,EAAE,OAAO,WAAW,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC;AAChF,IAAI,mBAAmB,GAAG,QAAQ,CAAC,YAAY,EAAE,OAAO,WAAW,CAAC,YAAY,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC;AAC9F,IAAI,SAAS,GAAG,QAAQ,CAAC,YAAY;AACrC,IAAI,IAAI,IAAI,GAAG,WAAW,CAAC,OAAO,CAAC;AACnC,IAAI,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,MAAM;AAC1C,QAAQ,OAAO,IAAI;AACnB,IAAI,OAAO,cAAc;AACzB,CAAC,CAAC;AACF,IAAI,eAAe,GAAG,UAAU,KAAK,EAAE;AACvC,IAAI,IAAI,CAAC,KAAK;AACd,QAAQ,OAAO,IAAI;AACnB,IAAI,IAAI,KAAK,CAAC,QAAQ;AACtB,QAAQ,OAAO,IAAI;AACnB,IAAI,IAAI,KAAK,CAAC,OAAO,KAAK,KAAK;AAC/B,QAAQ,OAAO,IAAI;AACnB,IAAI,OAAO,KAAK;AAChB,CAAC;AACD,IAAI,aAAa,GAAG,MAAM,CAAC,CAAC,CAAC;AAC7B,IAAI,iBAAiB,GAAG,QAAQ,CAAC,YAAY;AAC7C,IAAI,IAAI,IAAI,GAAG,SAAS,EAAE;AAC1B,IAAI,OAAO;AACX,SAAS,GAAG,CAAC,UAAU,KAAK,EAAE,KAAK,EAAE,EAAE,QAAQ,eAAe,CAAC,KAAK,CAAC,GAAG,IAAI,GAAG,KAAK,EAAE,CAAC,CAAC;AACxF,SAAS,MAAM,CAAC,UAAU,KAAK,EAAE,EAAE,OAAO,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC;AAC5D,CAAC,CAAC;AACF,MAAM,CAAC,YAAY;AACnB,IAAI,IAAI,SAAS,GAAG,iBAAiB,EAAE;AACvC,IAAI,IAAI,CAAC,SAAS,CAAC,MAAM;AACzB,QAAQ;AACR,IAAI,IAAI,OAAO,GAAG,aAAa,EAAE;AACjC,IAAI,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE;AACtC,QAAQ,aAAa,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;AACvC,IAAI;AACJ,CAAC,CAAC;AACF,IAAI,aAAa,GAAG,UAAU,KAAK,EAAE;AACrC,IAAI,IAAI,SAAS,GAAG,iBAAiB,EAAE;AACvC,IAAI,IAAI,CAAC,SAAS,CAAC,MAAM;AACzB,QAAQ;AACR,IAAI,IAAI,OAAO,GAAG,aAAa,EAAE;AACjC,IAAI,IAAI,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;AAC9D,IAAI,IAAI,SAAS,GAAG,CAAC,YAAY,GAAG,KAAK,GAAG,SAAS,CAAC,MAAM,IAAI,SAAS,CAAC,MAAM;AAChF,IAAI,aAAa,CAAC,GAAG,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;AAC3C,CAAC;AACD,IAAI,aAAa,GAAG,UAAU,KAAK,EAAE;AACrC,IAAI,IAAI,IAAI,GAAG,SAAS,EAAE;AAC1B,IAAI,IAAI,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;AAC3B,IAAI,IAAI,CAAC,KAAK,IAAI,eAAe,CAAC,KAAK,CAAC;AACxC,QAAQ;AACR,IAAI,IAAI,mBAAmB,EAAE,EAAE;AAC/B,QAAQ,IAAI,KAAK,CAAC,EAAE,KAAK,OAAO,EAAE;AAClC,YAAY,UAAU,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC;AACjD,YAAY,UAAU,CAAC,OAAO,CAAC,WAAW,CAAC,WAAW,CAAC;AACvD,QAAQ;AACR,QAAQ,IAAI,KAAK,CAAC,EAAE,KAAK,MAAM,EAAE;AACjC,YAAY,IAAI,MAAM,GAAG,WAAW,CAAC,QAAQ,CAAC,IAAI,EAAE;AACpD,YAAY,IAAI,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,MAAM,CAAC,KAAK,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;AACvF,YAAY,UAAU,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,EAAE,QAAQ,CAAC,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC,EAAE,EAAE,IAAI,EAAE,MAAM,CAAC,IAAI,IAAI,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC;AAC/H,QAAQ;AACR,IAAI;AACJ,IAAI,IAAI,aAAa,EAAE;AACvB,QAAQ,aAAa,CAAC,QAAQ,EAAE,EAAE,EAAE,EAAE,KAAK,CAAC,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC;AAC7E,IAAI;AACJ,CAAC;AACD,SAAS,WAAW,CAAC,KAAK,EAAE;AAC5B,IAAI,OAAO,YAAY;AACvB,QAAQ,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC;AAChC,QAAQ,aAAa,CAAC,KAAK,CAAC;AAC5B,IAAI,CAAC;AACL;AACA,IAAI,QAAQ,GAAG,MAAM,CAAC;AACtB,IAAI,EAAE,EAAE;AACR,QAAQ,MAAM,EAAE,IAAI;AACpB,QAAQ,IAAI,EAAE,gBAAgB,CAAC,EAAE;AACjC,QAAQ,QAAQ,EAAE,GAAG;AACrB,QAAQ,OAAO,EAAE,YAAY;AAC7B,YAAY,aAAa,CAAC,EAAE,CAAC;AAC7B,QAAQ;AACR,KAAK;AACL,IAAI,IAAI,EAAE;AACV,QAAQ,MAAM,EAAE,IAAI;AACpB,QAAQ,IAAI,EAAE,gBAAgB,CAAC,IAAI;AACnC,QAAQ,QAAQ,EAAE,GAAG;AACrB,QAAQ,OAAO,EAAE,YAAY;AAC7B,YAAY,aAAa,CAAC,CAAC,CAAC;AAC5B,QAAQ;AACR,KAAK;AACL,IAAI,MAAM,EAAE;AACZ,QAAQ,IAAI,EAAE,gBAAgB,CAAC,MAAM;AACrC,QAAQ,OAAO,EAAE,YAAY;AAC7B,YAAY,aAAa,CAAC,aAAa,EAAE,CAAC;AAC1C,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,EAAE,CAAC,CAAC,UAAU,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,yCAAyC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,UAAU,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,wDAAwD,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,UAAU,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,yDAAyD,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,UAAU,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,0DAA0D,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,UAAU,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,uCAAuC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,UAAU,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,uBAAuB,EAAE,EAAE,WAAW,EAAE,QAAQ,CAAC,MAAM,SAAS,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,YAAY,EAAE,EAAE,MAAM,CAAC,CAAC,UAAU,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,0BAA0B,EAAE,EAAE,WAAW,EAAE,QAAQ,CAAC,MAAM,YAAY,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,UAAU,EAAE,EAAE,QAAQ,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,CAAC,CAAC,UAAU,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,oDAAoD,EAAE,EAAE,EAAE,IAAI,CAAC,SAAS,EAAE,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,CAAC,CAAC,UAAU,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,CAAC,kBAAkB,EAAE,QAAQ,CAAC,OAAO,EAAE,QAAQ,EAAE,eAAe,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,eAAe,EAAE,QAAQ,CAAC,MAAM,aAAa,EAAE,KAAK,KAAK,GAAG,MAAM,GAAG,OAAO,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,CAAC,KAAK,CAAC,EAAE,EAAE,WAAW,EAAE,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AACj1C,QAAQ,OAAO;AACf,MAAM;;;;"}
+{"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":"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"}

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

@@ -1,35 +1,92 @@
-import { useProps, useDefineProps, computed, h, DOMContainer, DOMElement, cond, DOMSprite } from 'canvasengine';
-import { inject } from '../../../core/inject.js';
-import { RpgClientEngine } from '../../../RpgClientEngine.js';
-import { getEntityProp } from '../../../utils/getEntityProp.js';
-
+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";
+//#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();
-    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) + '%'; });
-var level = getEntityProp(currentPlayer, "level");
-        let $this = h(DOMContainer, null, h(DOMElement, { element: "div", attrs: { class: 'rpg-hud' } }, [h(DOMElement, { element: "div", attrs: { class: 'rpg-avatar' } }, [cond(hasFace(), () => h(DOMElement, { element: "div", attrs: { class: 'rpg-avatar-face' } }, h(DOMSprite, { sheet: computed(() => faceSheet(face())), width: 64, height: 64, objectFit: 'contain' }))), h(DOMElement, { element: "div", attrs: { class: 'rpg-avatar-level' }, textContent: computed(() => level()) })]), h(DOMElement, { element: "div", attrs: { class: 'rpg-status-bars' } }, [h(DOMElement, { element: "div", attrs: { class: 'rpg-bar-container' } }, [h(DOMElement, { element: "span", attrs: { class: 'rpg-bar-text' }, textContent: computed(() => 'HP ' + hp() + '/' + hpMax()) }), h(DOMElement, { element: "div", attrs: { class: 'rpg-bar-fill health', style: { width: percentHp } } })]), h(DOMElement, { element: "div", attrs: { class: 'rpg-bar-container' } }, [h(DOMElement, { element: "span", attrs: { class: 'rpg-bar-text' }, textContent: computed(() => 'SP ' + sp() + '/' + spMax()) }), h(DOMElement, { element: "div", attrs: { class: 'rpg-bar-fill mana', style: { width: percentSp } } })])])]));
-        return $this
-      }
-
+	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();
+		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 + "%";
+	});
+	var 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, {
+		element: "div",
+		attrs: { class: "rpg-avatar-face" }
+	}, h(DOMSprite, {
+		sheet: computed(() => faceSheet(face())),
+		width: 64,
+		height: 64,
+		objectFit: "contain"
+	}))), h(DOMElement, {
+		element: "div",
+		attrs: { class: "rpg-avatar-level" },
+		textContent: computed(() => level())
+	})]), h(DOMElement, {
+		element: "div",
+		attrs: { class: "rpg-status-bars" }
+	}, [h(DOMElement, {
+		element: "div",
+		attrs: { class: "rpg-bar-container" }
+	}, [h(DOMElement, {
+		element: "span",
+		attrs: { class: "rpg-bar-text" },
+		textContent: computed(() => "HP " + hp() + "/" + hpMax())
+	}), h(DOMElement, {
+		element: "div",
+		attrs: {
+			class: "rpg-bar-fill health",
+			style: { width: percentHp }
+		}
+	})]), h(DOMElement, {
+		element: "div",
+		attrs: { class: "rpg-bar-container" }
+	}, [h(DOMElement, {
+		element: "span",
+		attrs: { class: "rpg-bar-text" },
+		textContent: computed(() => "SP " + sp() + "/" + spMax())
+	}), h(DOMElement, {
+		element: "div",
+		attrs: {
+			class: "rpg-bar-fill mana",
+			style: { width: percentSp }
+		}
+	})])])]));
+}
+//#endregion
 export { component as default };
-//# sourceMappingURL=hud.ce.js.map
+
+//# sourceMappingURL=hud.ce.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"hud.ce.js","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"],"names":[],"mappings":"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"}
+{"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"}

package/dist/components/gui/index.js

@@ -0,0 +1,14 @@
+import "./dialogbox/index.ce.js";
+import "./box.ce.js";
+import "./shop/shop.ce.js";
+import "./hud/hud.ce.js";
+import "./save-load.ce.js";
+import "./menu/items-menu.ce.js";
+import "./menu/skills-menu.ce.js";
+import "./menu/equip-menu.ce.js";
+import "./menu/options-menu.ce.js";
+import "./menu/exit-menu.ce.js";
+import "./menu/main-menu.ce.js";
+import "./notification/notification.ce.js";
+import "./title-screen.ce.js";
+import "./gameover.ce.js";