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

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

@@ -1,208 +1,417 @@
-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';
-
+import { inject } from "../../../core/inject.js";
+import { getEntityProp } from "../../../utils/getEntityProp.js";
+import component$1 from "../save-load.ce.js";
+import component$2 from "./items-menu.ce.js";
+import component$3 from "./skills-menu.ce.js";
+import component$4 from "./equip-menu.ce.js";
+import component$5 from "./options-menu.ce.js";
+import component$6 from "./exit-menu.ce.js";
+import { RpgClientEngine } from "../../../RpgClientEngine.js";
+import { DOMContainer, DOMElement, computed, cond, effect, h, loop, mount, signal, useDefineProps, useProps } from "canvasengine";
+import { delay } from "@rpgjs/common";
+//#region src/components/gui/menu/main-menu.ce
 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();
-    };
+	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, _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() {
+		return menuEntries().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 nextIndex = (Math.max(0, available.indexOf(current)) + 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 expForNextlevel = computed(function() {
+		return data().expForNextlevel || 0;
+	});
+	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 = expForNextlevel() || 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) {
+		engine.gamePause.set(true);
+		return function() {
+			delay(function() {
+				engine.stopProcessingInput = false;
+				engine.gamePause.set(false);
+			});
+		};
+	});
+	return 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() + "/" + expForNextlevel())
+				}), 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$2, {
+			data,
+			onInteraction,
+			onBack: goBack
+		})),
+		cond(computed(() => view() === "skills"), () => h(component$3, {
+			data,
+			onBack: goBack
+		})),
+		cond(computed(() => view() === "equip"), () => h(component$4, {
+			data,
+			onInteraction,
+			onBack: goBack
+		})),
+		cond(computed(() => view() === "options"), () => h(component$5, { onBack: goBack })),
+		cond(computed(() => view() === "exit"), () => h(component$6, {
+			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$1, {
+		data: saveLoadData,
+		onFinish: closeSaveOverlay
+	}))]))]));
 }
-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 expForNextlevel = computed(function () { return data().expForNextlevel || 0; });
-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 = expForNextlevel() || 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) {
-    engine.gamePause.set(true);
-    return function () {
-        delay(function () {
-            engine.stopProcessingInput = false;
-            engine.gamePause.set(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() + '/' + expForNextlevel()) }), 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
-      }
-
+//#endregion
 export { component as default };
-//# sourceMappingURL=main-menu.ce.js.map
+
+//# sourceMappingURL=main-menu.ce.js.map