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

package/dist/components/dynamics/shape.ce.js

@@ -0,0 +1,86 @@
+import { resolveDynamicValue } from "./parse-value.js";
+import { getShapeBox, translatePolygonPoints } from "./shape-utils.js";
+import { Container, Graphics, computed, h, useDefineEmits, useDefineProps, useProps } from "canvasengine";
+//#region src/components/dynamics/shape.ce
+function component($$props) {
+	useProps($$props);
+	const defineProps = useDefineProps($$props);
+	useDefineEmits($$props);
+	const props = defineProps();
+	const { object } = props;
+	const sprite = object();
+	const read = (prop, fallback) => prop ? prop() : fallback;
+	const toNumber = (value, fallback = 0) => {
+		const resolved = resolveDynamicValue(value, sprite);
+		const num = typeof resolved === "number" ? resolved : parseFloat(resolved);
+		return Number.isFinite(num) ? num : fallback;
+	};
+	const toColor = (value, fallback) => {
+		const resolved = resolveDynamicValue(value, sprite);
+		if (typeof resolved === "number") return resolved;
+		if (typeof resolved === "string" && resolved.startsWith("#")) return parseInt(resolved.slice(1), 16);
+		return resolved ?? fallback;
+	};
+	const config = computed(() => ({
+		type: read(props.type, "rectangle"),
+		fill: toColor(read(props.fill, "#ffffff"), 16777215),
+		radius: toNumber(read(props.radius, 8), 8),
+		width: toNumber(read(props.width, 16), 16),
+		height: toNumber(read(props.height, 16), 16),
+		x1: toNumber(read(props.x1, 0), 0),
+		y1: toNumber(read(props.y1, 0), 0),
+		x2: toNumber(read(props.x2, 16), 16),
+		y2: toNumber(read(props.y2, 0), 0),
+		opacity: Math.max(0, Math.min(1, toNumber(read(props.opacity, 1), 1))),
+		points: read(props.points, []),
+		line: read(props.line, null)
+	}));
+	const shapeBox = computed(() => getShapeBox(config(), toNumber));
+	const shapeWidth = computed(() => shapeBox().width);
+	const shapeHeight = computed(() => shapeBox().height);
+	const drawShape = (g) => {
+		const cfg = config();
+		const box = shapeBox();
+		if (cfg.type === "circle") g.circle(cfg.radius, cfg.radius, cfg.radius);
+		else if (cfg.type === "ellipse") g.ellipse(box.width / 2, box.height / 2, box.width / 2, box.height / 2);
+		else if (cfg.type === "line") {
+			g.moveTo(cfg.x1 + box.offsetX, cfg.y1 + box.offsetY);
+			g.lineTo(cfg.x2 + box.offsetX, cfg.y2 + box.offsetY);
+		} else if (cfg.type === "polygon" && Array.isArray(cfg.points)) g.poly(translatePolygonPoints(cfg.points, box, toNumber));
+		else if (cfg.type === "rounded-rectangle") g.roundRect(0, 0, box.width, box.height, toNumber(read(props.radius, 4), 4));
+		else g.rect(0, 0, box.width, box.height);
+		if (cfg.type === "line") {
+			const line = cfg.line ?? {};
+			g.stroke({
+				color: toColor(line.color, cfg.fill),
+				width: toNumber(line.width, 1),
+				alpha: toNumber(line.alpha, cfg.opacity)
+			});
+			return;
+		}
+		g.fill({
+			color: cfg.fill,
+			alpha: cfg.opacity
+		});
+		if (cfg.line) g.stroke({
+			color: toColor(cfg.line.color, cfg.fill),
+			width: toNumber(cfg.line.width, 1),
+			alpha: toNumber(cfg.line.alpha, cfg.opacity)
+		});
+	};
+	return h(Container, {
+		width: shapeWidth,
+		height: shapeHeight,
+		minWidth: shapeWidth,
+		minHeight: shapeHeight
+	}, h(Graphics, {
+		width: shapeWidth,
+		height: shapeHeight,
+		draw: drawShape
+	}));
+}
+var __ce_component = component;
+//#endregion
+export { __ce_component as default };
+
+//# sourceMappingURL=shape.ce.js.map

package/dist/components/dynamics/shape.ce.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shape.ce.js","names":[],"sources":["../../../src/components/dynamics/shape.ce"],"sourcesContent":["<Container width={shapeWidth} height={shapeHeight} minWidth={shapeWidth} minHeight={shapeHeight}>\n  <Graphics width={shapeWidth} height={shapeHeight} draw={drawShape} />\n</Container>\n\n<script>\nimport { computed } from \"canvasengine\";\nimport { resolveDynamicValue } from \"./parse-value\";\nimport { getShapeBox, translatePolygonPoints } from \"./shape-utils\";\n\nconst props = defineProps();\nconst { object } = props;\nconst sprite = object();\n\nconst read = (prop, fallback) => prop ? prop() : fallback;\n\nconst toNumber = (value, fallback = 0) => {\n  const resolved = resolveDynamicValue(value, sprite);\n  const num = typeof resolved === 'number' ? resolved : parseFloat(resolved);\n  return Number.isFinite(num) ? num : fallback;\n};\n\nconst toColor = (value, fallback) => {\n  const resolved = resolveDynamicValue(value, sprite);\n  if (typeof resolved === 'number') return resolved;\n  if (typeof resolved === 'string' && resolved.startsWith('#')) {\n    return parseInt(resolved.slice(1), 16);\n  }\n  return resolved ?? fallback;\n};\n\nconst config = computed(() => ({\n  type: read(props.type, 'rectangle'),\n  fill: toColor(read(props.fill, '#ffffff'), 0xffffff),\n  radius: toNumber(read(props.radius, 8), 8),\n  width: toNumber(read(props.width, 16), 16),\n  height: toNumber(read(props.height, 16), 16),\n  x1: toNumber(read(props.x1, 0), 0),\n  y1: toNumber(read(props.y1, 0), 0),\n  x2: toNumber(read(props.x2, 16), 16),\n  y2: toNumber(read(props.y2, 0), 0),\n  opacity: Math.max(0, Math.min(1, toNumber(read(props.opacity, 1), 1))),\n  points: read(props.points, []),\n  line: read(props.line, null)\n}));\n\nconst shapeBox = computed(() => getShapeBox(config(), toNumber));\n\nconst shapeWidth = computed(() => shapeBox().width);\nconst shapeHeight = computed(() => shapeBox().height);\n\nconst drawShape = (g) => {\n  const cfg = config();\n  const box = shapeBox();\n\n  if (cfg.type === 'circle') {\n    g.circle(cfg.radius, cfg.radius, cfg.radius);\n  } else if (cfg.type === 'ellipse') {\n    g.ellipse(box.width / 2, box.height / 2, box.width / 2, box.height / 2);\n  } else if (cfg.type === 'line') {\n    g.moveTo(cfg.x1 + box.offsetX, cfg.y1 + box.offsetY);\n    g.lineTo(cfg.x2 + box.offsetX, cfg.y2 + box.offsetY);\n  } else if (cfg.type === 'polygon' && Array.isArray(cfg.points)) {\n    g.poly(translatePolygonPoints(cfg.points, box, toNumber));\n  } else if (cfg.type === 'rounded-rectangle') {\n    g.roundRect(0, 0, box.width, box.height, toNumber(read(props.radius, 4), 4));\n  } else {\n    g.rect(0, 0, box.width, box.height);\n  }\n\n  if (cfg.type === 'line') {\n    const line = cfg.line ?? {};\n    g.stroke({\n      color: toColor(line.color, cfg.fill),\n      width: toNumber(line.width, 1),\n      alpha: toNumber(line.alpha, cfg.opacity)\n    });\n    return;\n  }\n\n  g.fill({ color: cfg.fill, alpha: cfg.opacity });\n\n  if (cfg.line) {\n    g.stroke({\n      color: toColor(cfg.line.color, cfg.fill),\n      width: toNumber(cfg.line.width, 1),\n      alpha: toNumber(cfg.line.alpha, cfg.opacity)\n    });\n  }\n};\n</script>\n"],"mappings":"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"}

package/dist/components/dynamics/text.ce.js

@@ -1,73 +1,53 @@
-import { parseDynamicValue } from "./parse-value.js";
-import { Text, computed, h, useDefineProps, useProps } from "canvasengine";
+import { resolveDynamicValue } from "./parse-value.js";
+import { Text, computed, h, useDefineEmits, useDefineProps, useProps } from "canvasengine";
 //#region src/components/dynamics/text.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 object = defineProps().object;
-	var component = object._component;
-	var parseNumericStyleValue = function(value, object) {
-		if (value === void 0 || value === null) return;
+	useDefineEmits($$props);
+	const { object, value, style } = defineProps();
+	const sprite = object();
+	const read = (prop, fallback) => prop ? prop() : fallback;
+	const parseNumericStyleValue = (value, object) => {
+		value = resolveDynamicValue(value, sprite);
+		if (value === void 0 || value === null) return void 0;
 		if (typeof value === "number") return value;
-		if (typeof value === "string") if (value.includes("{")) {
-			var parsed_1 = parseDynamicValue(value, object);
-			return computed(function() {
-				var str = parsed_1();
-				var num = parseFloat(str);
-				return isNaN(num) ? 0 : num;
-			});
-		} else {
-			var num = parseFloat(value);
-			return isNaN(num) ? void 0 : num;
-		}
-		return value;
+		const num = parseFloat(value);
+		return isNaN(num) ? void 0 : num;
 	};
-	var getComponentStyle = function(component) {
-		if (!component.style) return {};
-		var style = component.style;
-		var result = {};
-		if (style.fill !== void 0) if (typeof style.fill === "string" && style.fill.includes("{")) result.color = parseDynamicValue(style.fill, object);
-		else result.color = style.fill;
-		if (style.fontSize !== void 0) {
-			var fontSizeValue = parseNumericStyleValue(style.fontSize, object);
-			if (fontSizeValue !== void 0) result.size = fontSizeValue;
-		}
-		if (style.fontFamily !== void 0) if (typeof style.fontFamily === "string" && style.fontFamily.includes("{")) result.fontFamily = parseDynamicValue(style.fontFamily, object);
-		else result.fontFamily = style.fontFamily;
-		var textStyle = {};
-		if (style.fontStyle !== void 0) if (typeof style.fontStyle === "string" && style.fontStyle.includes("{")) textStyle.fontStyle = parseDynamicValue(style.fontStyle, object);
-		else textStyle.fontStyle = style.fontStyle;
-		if (style.fontWeight !== void 0) if (typeof style.fontWeight === "string" && style.fontWeight.includes("{")) textStyle.fontWeight = parseDynamicValue(style.fontWeight, object);
-		else if (typeof style.fontWeight === "number") textStyle.fontWeight = style.fontWeight;
-		else textStyle.fontWeight = style.fontWeight;
-		if (style.stroke !== void 0) if (typeof style.stroke === "string" && style.stroke.includes("{")) textStyle.stroke = parseDynamicValue(style.stroke, object);
-		else textStyle.stroke = style.stroke;
+	const getTextStyle = (style) => {
+		if (!style) return {};
+		const textStyle = {};
+		if (style.fontStyle !== void 0) textStyle.fontStyle = resolveDynamicValue(style.fontStyle, sprite);
+		if (style.fontWeight !== void 0) textStyle.fontWeight = resolveDynamicValue(style.fontWeight, sprite);
+		if (style.stroke !== void 0) textStyle.stroke = resolveDynamicValue(style.stroke, sprite);
 		if (style.opacity !== void 0) {
-			var opacityValue = parseNumericStyleValue(style.opacity, object);
+			const opacityValue = parseNumericStyleValue(style.opacity, object);
 			if (opacityValue !== void 0) textStyle.opacity = opacityValue;
 		}
 		if (style.wordWrap !== void 0) textStyle.wordWrap = style.wordWrap;
-		if (style.align !== void 0) if (typeof style.align === "string" && style.align.includes("{")) textStyle.align = parseDynamicValue(style.align, object);
-		else textStyle.align = style.align;
-		if (Object.keys(textStyle).length > 0) result.style = textStyle;
-		return result;
+		if (style.align !== void 0) textStyle.align = resolveDynamicValue(style.align, sprite);
+		return textStyle;
 	};
 	return h(Text, {
-		text: computed(() => parseDynamicValue(component.value, object)),
-		...getComponentStyle(component)
+		text: computed(() => String(resolveDynamicValue(read(value, ""), sprite) ?? "")),
+		color: computed(() => {
+			const currentStyle = read(style, {});
+			return currentStyle.fill !== void 0 ? resolveDynamicValue(currentStyle.fill, sprite) : void 0;
+		}),
+		size: computed(() => {
+			const currentStyle = read(style, {});
+			return currentStyle.fontSize !== void 0 ? parseNumericStyleValue(currentStyle.fontSize, object) : void 0;
+		}),
+		fontFamily: computed(() => {
+			const currentStyle = read(style, {});
+			return currentStyle.fontFamily !== void 0 ? resolveDynamicValue(currentStyle.fontFamily, sprite) : void 0;
+		}),
+		style: computed(() => getTextStyle(read(style, {})))
 	});
 }
+var __ce_component = component;
 //#endregion
-export { component as default };
+export { __ce_component as default };
 
 //# sourceMappingURL=text.ce.js.map

package/dist/components/dynamics/text.ce.js.map

@@ -1 +1 @@
-{"version":3,"file":"text.ce.js","names":[],"sources":["../../../src/components/dynamics/text.ce"],"sourcesContent":["<Text text={parseDynamicValue(component.value, object)} ...getComponentStyle(component) />\n\n<script>\nimport { computed } from \"canvasengine\";\nimport { parseDynamicValue } from \"./parse-value\";\n\nconst { object } = defineProps();\nconst component = object._component;\n\n/**\n * Parses a numeric style value that can be a number or a string\n * \n * If the value is a string, it may contain dynamic references like {hp}\n * which need to be parsed using parseDynamicValue. If it's a number,\n * it's returned as-is wrapped in a computed.\n * \n * @param value - Numeric value (number or string)\n * @param object - Object to resolve dynamic references from\n * @returns Computed signal with the numeric value\n */\nconst parseNumericStyleValue = (value, object) => {\n    if (value === undefined || value === null) {\n        return undefined;\n    }\n    \n    if (typeof value === 'number') {\n        return value;\n    }\n    \n    if (typeof value === 'string') {\n        // Check if it contains dynamic references\n        if (value.includes('{')) {\n            // Parse dynamic value and convert to number\n            const parsed = parseDynamicValue(value, object);\n            return computed(() => {\n                const str = parsed();\n                const num = parseFloat(str);\n                return isNaN(num) ? 0 : num;\n            });\n        } else {\n            // Simple string number, convert directly\n            const num = parseFloat(value);\n            return isNaN(num) ? undefined : num;\n        }\n    }\n    \n    return value;\n};\n\n/**\n * Maps component style properties to Canvas Engine Text component props\n * \n * Converts TextComponentOptions from the server to the format expected\n * by the Canvas Engine Text component. Supports all text styling properties\n * including fill, fontSize, fontFamily, fontStyle, fontWeight, stroke,\n * opacity, wordWrap, and align. Also supports dynamic values (number | string)\n * for numeric properties like fontSize and opacity.\n * \n * @param component - Component definition with style property\n * @returns Object with Text component props\n * \n * @example\n * ```ts\n * // Component with style\n * const component = {\n *   style: {\n *     fill: '#000000',\n *     fontSize: 20,\n *     fontFamily: 'Arial',\n *     fontWeight: 'bold'\n *   }\n * };\n * \n * const props = getComponentStyle(component);\n * // Returns: { color: '#000000', size: 20, fontFamily: 'Arial', style: { fontWeight: 'bold' } }\n * \n * // Component with dynamic fontSize\n * const component2 = {\n *   style: {\n *     fill: '#000000',\n *     fontSize: '{hp}', // Will be resolved from object.hp\n *     opacity: '0.8'\n *   }\n * };\n * ```\n */\nconst getComponentStyle = (component) => {\n    if (!component.style) {\n        return {};\n    }\n\n    const style = component.style;\n    const result = {};\n\n    // Map fill to color (shortcut property)\n    // fill can be a string (hex color) or a dynamic string\n    if (style.fill !== undefined) {\n        if (typeof style.fill === 'string' && style.fill.includes('{')) {\n            result.color = parseDynamicValue(style.fill, object);\n        } else {\n            result.color = style.fill;\n        }\n    }\n\n    // Map fontSize to size (shortcut property)\n    // fontSize can be number or string (with dynamic references)\n    if (style.fontSize !== undefined) {\n        const fontSizeValue = parseNumericStyleValue(style.fontSize, object);\n        if (fontSizeValue !== undefined) {\n            result.size = fontSizeValue;\n        }\n    }\n\n    // Map fontFamily (shortcut property)\n    if (style.fontFamily !== undefined) {\n        if (typeof style.fontFamily === 'string' && style.fontFamily.includes('{')) {\n            result.fontFamily = parseDynamicValue(style.fontFamily, object);\n        } else {\n            result.fontFamily = style.fontFamily;\n        }\n    }\n\n    // Build style object for PixiJS Text properties\n    const textStyle = {};\n\n    // Font style properties\n    if (style.fontStyle !== undefined) {\n        if (typeof style.fontStyle === 'string' && style.fontStyle.includes('{')) {\n            textStyle.fontStyle = parseDynamicValue(style.fontStyle, object);\n        } else {\n            textStyle.fontStyle = style.fontStyle;\n        }\n    }\n\n    if (style.fontWeight !== undefined) {\n        if (typeof style.fontWeight === 'string' && style.fontWeight.includes('{')) {\n            textStyle.fontWeight = parseDynamicValue(style.fontWeight, object);\n        } else if (typeof style.fontWeight === 'number') {\n            textStyle.fontWeight = style.fontWeight;\n        } else {\n            textStyle.fontWeight = style.fontWeight;\n        }\n    }\n\n    // Stroke properties\n    if (style.stroke !== undefined) {\n        if (typeof style.stroke === 'string' && style.stroke.includes('{')) {\n            textStyle.stroke = parseDynamicValue(style.stroke, object);\n        } else {\n            textStyle.stroke = style.stroke;\n        }\n    }\n\n    // Opacity (can be number or string)\n    if (style.opacity !== undefined) {\n        const opacityValue = parseNumericStyleValue(style.opacity, object);\n        if (opacityValue !== undefined) {\n            textStyle.opacity = opacityValue;\n        }\n    }\n\n    // Word wrap\n    if (style.wordWrap !== undefined) {\n        textStyle.wordWrap = style.wordWrap;\n    }\n\n    // Text alignment\n    if (style.align !== undefined) {\n        if (typeof style.align === 'string' && style.align.includes('{')) {\n            textStyle.align = parseDynamicValue(style.align, object);\n        } else {\n            textStyle.align = style.align;\n        }\n    }\n\n    // Only add style prop if there are style properties\n    if (Object.keys(textStyle).length > 0) {\n        result.style = textStyle;\n    }\n\n    return result;\n}\n</script>"],"mappings":"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"}
+{"version":3,"file":"text.ce.js","names":[],"sources":["../../../src/components/dynamics/text.ce"],"sourcesContent":["<Text text={textValue} color={textColor} size={textSize} fontFamily={textFontFamily} style={textStyle} />\n\n<script>\nimport { computed } from \"canvasengine\";\nimport { resolveDynamicValue } from \"./parse-value\";\n\nconst { object, value, style } = defineProps();\nconst sprite = object();\n\nconst read = (prop, fallback) => prop ? prop() : fallback;\n\nconst parseNumericStyleValue = (value, object) => {\n    value = resolveDynamicValue(value, sprite);\n    if (value === undefined || value === null) return undefined;\n    if (typeof value === 'number') return value;\n\n    const num = parseFloat(value);\n    return isNaN(num) ? undefined : num;\n};\n\nconst getTextStyle = (style) => {\n    if (!style) return {};\n    const textStyle = {};\n\n    if (style.fontStyle !== undefined) {\n        textStyle.fontStyle = resolveDynamicValue(style.fontStyle, sprite);\n    }\n\n    if (style.fontWeight !== undefined) {\n        textStyle.fontWeight = resolveDynamicValue(style.fontWeight, sprite);\n    }\n\n    if (style.stroke !== undefined) {\n        textStyle.stroke = resolveDynamicValue(style.stroke, sprite);\n    }\n\n    if (style.opacity !== undefined) {\n        const opacityValue = parseNumericStyleValue(style.opacity, object);\n        if (opacityValue !== undefined) {\n            textStyle.opacity = opacityValue;\n        }\n    }\n\n    if (style.wordWrap !== undefined) {\n        textStyle.wordWrap = style.wordWrap;\n    }\n\n    if (style.align !== undefined) {\n        textStyle.align = resolveDynamicValue(style.align, sprite);\n    }\n\n    return textStyle;\n};\n\nconst textValue = computed(() => String(resolveDynamicValue(read(value, ''), sprite) ?? ''));\nconst textColor = computed(() => {\n    const currentStyle = read(style, {});\n    return currentStyle.fill !== undefined ? resolveDynamicValue(currentStyle.fill, sprite) : undefined;\n});\nconst textSize = computed(() => {\n    const currentStyle = read(style, {});\n    return currentStyle.fontSize !== undefined ? parseNumericStyleValue(currentStyle.fontSize, object) : undefined;\n});\nconst textFontFamily = computed(() => {\n    const currentStyle = read(style, {});\n    return currentStyle.fontFamily !== undefined ? resolveDynamicValue(currentStyle.fontFamily, sprite) : undefined;\n});\nconst textStyle = computed(() => getTextStyle(read(style, {})));\n</script>\n"],"mappings":";;;AAOM,SAAS,UAAQ,SAAA;;CAEjB,MAAQ,cAAc,eAAY,OAAS;;CAE3C,MAAA,EAAA,QAAA,OAAyB,UAAQ,YAAW;CAClD,MAAI,SAAQ,OAAA;CACZ,MAAM,QAAQ,MAAI,aAAa,OAAS,KAAK,IAAE;CAC/C,MAAM,0BAA0B,OAAG,WAAY;;EAE3C,IAAA,UAAY,KAAA,KAAW,UAAM,MAC7B,OAAO,KAAA;EACV,IAAA,OAAA,UAAA,UAAA,OAAA;EAED,MAAM,MAAA,WAAqB,KAAK;EAC5B,OAAK,MAAO,GAAA,IAAQ,KAAA,IAAC;CACzB;;EAEI,IAAI,CAAA,OACA,OAAA,CAAA;EACJ,MAAA,YAAA,CAAA;kCAEI,UAAM,YAAe,oBAAW,MAAA,WAAA,MAAA;EAEpC,IAAA,MAAA,eAAA,KAAA,GAAA,UAAA,aAAA,oBAAA,MAAA,YAAA,MAAA;EAGA,IAAI,MAAA,WAAiB,KAAA,GACrB,UAAA,SAAA,oBAAA,MAAA,QAAA,MAAA;EAEA,IAAI,MAAM,YAAY,KAAA,GAAW;GAC7B,MAAM,eAAe,uBAAuB,MAAM,SAAS,MAAM;GACjE,IAAI,iBAAiB,KAAA,GACjB,UAAU,UAAU;EAE5B;iCAEI,UAAM,WAAa,MAAA;EAEvB,IAAA,MAAA,UAAA,KAAA,GAAA,UAAA,QAAA,oBAAA,MAAA,OAAA,MAAA;EAGA,OAAI;CACR;CAgBI,OADM,EAAY,MAAG;EAAK,MAAA,eAAA,OAAA,oBAAA,KAAA,OAAA,EAAA,GAAA,MAAA,KAAA,EAAA,CAAU;EAAA,OAb7B,eAAS;GACnB,MAAA,eAAA,KAAA,OAAA,CAAA,CAAA;;EAED,CAUwC;EAAA,MATvB,eAAe;GAC5B,MAAM,eAAe,KAAK,OAAO,CAAC,CAAC;GACnC,OAAO,aAAa,aAAS,KAAA,IAAY,uBAAoB,aAAmB,UAAU,MAAA,IAAS,KAAA;EACvG,CAMwC;EAAA,YALvB,eAAe;GAC5B,MAAM,eAAe,KAAK,OAAO,CAAC,CAAC;GACnC,OAAO,aAAa,eAAa,KAAA,IAAY,oBAAsB,aAAa,YAAW,MAAO,IAAG,KAAA;EACzG,CAEwC;EAAA,OADlC,eAA2B,aAAK,KAAA,OAAA,CAAA,CAAA,CAAA,CACE;CAAA,CAC7B;AACT;AAEA,IAAM,iBAAA"}

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

@@ -1,17 +1,16 @@
 import { inject } from "../../core/inject.js";
 import { RpgClientEngine } from "../../RpgClientEngine.js";
 import "../../index.js";
-import { Container, Rect, computed, h, useDefineProps, useProps } from "canvasengine";
+import { Container, Rect, computed, h, useDefineEmits, useDefineProps, useProps } from "canvasengine";
 //#region src/components/gui/box.ce
 function component($$props) {
 	useProps($$props);
-	var _a = useDefineProps($$props)(), width = _a.width, height = _a.height, children = _a.children, color = _a.color, top = _a.top, left = _a.left;
-	var engine = inject(RpgClientEngine);
-	var child = children[0];
-	var _color = computed(function() {
-		var _a;
-		return ((_a = engine.globalConfig.gui) === null || _a === void 0 ? void 0 : _a.windowColor) || (color === null || color === void 0 ? void 0 : color()) || "#1a1a2e";
-	});
+	const defineProps = useDefineProps($$props);
+	useDefineEmits($$props);
+	const { width, height, children, color, top, left } = defineProps();
+	const engine = inject(RpgClientEngine);
+	const child = children[0];
+	const _color = computed(() => engine.globalConfig.gui?.windowColor || color?.() || "#1a1a2e");
 	return h(Container, {
 		positionType: "absolute",
 		top,
@@ -22,7 +21,8 @@ function component($$props) {
 		color: _color
 	}), h(Container, { attach: child })]));
 }
+var __ce_component = component;
 //#endregion
-export { component as default };
+export { __ce_component as default };
 
 //# sourceMappingURL=box.ce.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"box.ce.js","names":[],"sources":["../../../src/components/gui/box.ce"],"sourcesContent":["<Container positionType=\"absolute\" top={top} left={left}>\n    <Container\n      anchor={[0.5, 0.5]}\n    >\n    <Rect width height color={_color} />\n    <Container attach={child}></Container>\n  </Container>  \n</Container>\n\n<script>\n  import { RpgClientEngine, inject } from \"../../index\";\n\n  const { width, height, children, color, top, left } = defineProps();\n  const engine = inject(RpgClientEngine)\n  const child = children[0]\n  const _color = computed(() => engine.globalConfig.gui?.windowColor || color?.() || \"#1a1a2e\")\n</script>"],"mappings":";;;;;AAOE,SAAS,UAAA,SAAA;;CAGH,IAAG,KADJ,eAAA,QAAA,EACqB,EAAA,QAAS,GAAM,OAAM,SAAM,GAAA,QAAA,WAAA,GAAA,UAAA,QAAA,GAAA,OAAA,MAAA,GAAA,KAAA,OAAA,GAAA;;CAEvD,IAAE,QAAQ,SAAO;CACjB,IAAE,SAAM,SAAS,WAAO;EAAA,IAAe;AAAA,WAAA,KAAA,OAAA,aAAA,SAAA,QAAA,OAAA,KAAA,IAAA,KAAA,IAAA,GAAA,iBAAA,UAAA,QAAA,UAAA,KAAA,IAAA,KAAA,IAAA,OAAA,KAAA;GAAA;AAE/B,QADQ,EAAA,WAAU;EAAA,cAAA;EAAA;EAAA;EAAA,EAAA,EAAA,WAAA,EAAA,QAAA,CAAA,IAAA,GAAA,EAAA,EAAA,CAAA,EAAA,MAAA;EAAA;EAAA;EAAA,OAAA;EAAA,CAAA,EAAA,EAAA,WAAA,EAAA,QAAA,OAAA,CAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"box.ce.js","names":[],"sources":["../../../src/components/gui/box.ce"],"sourcesContent":["<Container positionType=\"absolute\" top={top} left={left}>\n    <Container\n      anchor={[0.5, 0.5]}\n    >\n    <Rect width height color={_color} />\n    <Container attach={child}></Container>\n  </Container>  \n</Container>\n\n<script>\n  import { RpgClientEngine, inject } from \"../../index\";\n\n  const { width, height, children, color, top, left } = defineProps();\n  const engine = inject(RpgClientEngine)\n  const child = children[0]\n  const _color = computed(() => engine.globalConfig.gui?.windowColor || color?.() || \"#1a1a2e\")\n</script>"],"mappings":";;;;;AAOE,SAAS,UAAA,SAAA;;CAEJ,MAAA,cAAA,eAAA,OAAA;CACqB,eAAe,OAAM;;CAEjD,MAAE,SAAa,OAAE,eAAkB;CACnC,MAAE,QAAY,SAAS;CACvB,MAAE,SAAa,eAAW,OAAA,aAAA,KAAA,eAAA,QAAA,KAAA,SAAA;CAElB,OADS,EAAA,WAAe;EAAA,cAAO;EAAkB;EAAoB;CAAK,GAAG,EAAE,WAAO,EAAA,QAAA,CAAA,IAAA,EAAA,EAAA,GAAA,CAAA,EAAA,MAAA;EAAA;EAAA;EAAA,OAAA;CAAA,CAAA,GAAA,EAAA,WAAA,EAAA,QAAA,MAAA,CAAA,CAAA,CAAA,CACtF"}

package/dist/components/gui/dialogbox/index.ce.js

@@ -1,50 +1,56 @@
 import { inject } from "../../../core/inject.js";
+import { getKeyboardControlBind } from "../../../services/actionInput.js";
 import { RpgClientEngine } from "../../../RpgClientEngine.js";
-import { DOMContainer, DOMElement, DOMSprite, Navigation, computed, cond, createTabindexNavigator, effect, h, loop, mount, signal, useDefineProps, useProps } from "canvasengine";
+import { DOMContainer, DOMElement, DOMSprite, Navigation, computed, cond, createTabindexNavigator, effect, h, loop, mount, signal, useDefineEmits, useDefineProps, useProps } from "canvasengine";
 import { delay } from "@rpgjs/common";
 //#region src/components/gui/dialogbox/index.ce
 function component($$props) {
 	useProps($$props);
 	const defineProps = useDefineProps($$props);
-	var engine = inject(RpgClientEngine);
+	useDefineEmits($$props);
+	const engine = inject(RpgClientEngine);
 	engine.scene.currentPlayer;
-	var keyboardControls = engine.globalConfig.keyboardControls;
+	const keyboardControls = engine.globalConfig.keyboardControls;
 	engine.stopProcessingInput = true;
-	var selectedItem = signal(0), _a = defineProps(), data = _a.data, onFinish = _a.onFinish;
-	_a.onInteraction;
-	var _b = data(), message = _b.message, choices = _b.choices, face = _b.face, speaker = _b.speaker, position = _b.position, typewriterEffect = _b.typewriterEffect;
-	_b.autoClose;
-	var fullWidth = computed(function() {
-		return data().fullWidth || false;
-	});
-	var resolveProp = function(value) {
-		return typeof value === "function" ? value() : value;
+	const selectedItem = signal(0);
+	const ACTION_OPEN_GUARD_MS = 150;
+	const openedAt = Date.now();
+	const { data, onFinish, onInteraction, guiOpenId } = defineProps();
+	const dialogData = computed(() => data() || {});
+	const dialogChoices = computed(() => Array.isArray(dialogData().choices) ? dialogData().choices : []);
+	const message = computed(() => dialogData().message);
+	const speaker = computed(() => dialogData().speaker);
+	const position = computed(() => dialogData().position);
+	const typewriterEffect = computed(() => dialogData().typewriterEffect);
+	const fullWidth = computed(() => dialogData().fullWidth || false);
+	const resolveProp = (value) => typeof value === "function" ? value() : value;
+	const normalizeOpenId = (value) => {
+		const resolved = resolveProp(value);
+		return typeof resolved === "string" && resolved.length > 0 ? resolved : void 0;
 	};
-	var speakerName = computed(function() {
-		var value = resolveProp(speaker);
+	const speakerName = computed(() => {
+		const value = resolveProp(speaker());
 		return value ? String(value) : "";
 	});
-	var dialogPosition = computed(function() {
-		return resolveProp(position) || "bottom";
-	});
-	var isFullWidth = computed(function() {
-		return resolveProp(fullWidth) !== false;
+	const dialogPosition = computed(() => resolveProp(position()) || "bottom");
+	const isFullWidth = computed(() => resolveProp(fullWidth) !== false);
+	const dialogFace = computed(() => resolveProp(dialogData().face));
+	const hasFace = computed(() => {
+		const value = dialogFace();
+		return !!(value && value.id);
 	});
-	var hasFace = computed(function() {
-		return !!resolveProp(face);
-	});
-	var displayMessage = signal("");
-	var fullMessage = signal("");
-	var isTyping = signal(false);
-	var typewriterTimer = null;
-	mount(function(element) {});
-	var startTypewriter = function(text) {
+	const displayMessage = signal("");
+	const fullMessage = signal("");
+	const isTyping = signal(false);
+	let typewriterTimer = null;
+	mount((element) => {});
+	const startTypewriter = (text) => {
 		if (typewriterTimer) clearInterval(typewriterTimer);
 		displayMessage.set("");
 		if (!text) return;
-		var index = 0;
+		let index = 0;
 		isTyping.set(true);
-		typewriterTimer = setInterval(function() {
+		typewriterTimer = setInterval(() => {
 			index += 1;
 			displayMessage.set(text.slice(0, index));
 			if (index >= text.length) {
@@ -54,30 +60,24 @@ function component($$props) {
 			}
 		}, 20);
 	};
-	var finishTyping = function() {
+	const finishTyping = () => {
 		if (typewriterTimer) clearInterval(typewriterTimer);
 		typewriterTimer = null;
 		displayMessage.set(fullMessage());
 		isTyping.set(false);
 	};
-	effect(function() {
-		var text = resolveProp(message) || "";
+	effect(() => {
+		const text = resolveProp(message()) || "";
 		fullMessage.set(text);
-		if (!(resolveProp(typewriterEffect) !== false)) {
+		if (!(resolveProp(typewriterEffect()) !== false)) {
 			finishTyping();
 			return;
 		}
 		startTypewriter(text);
 	});
-	var hasChoices = computed(function() {
-		return choices.length > 0;
-	});
-	var showIndicator = computed(function() {
-		return !hasChoices() && !isTyping();
-	});
-	var nav = createTabindexNavigator(selectedItem, { count: function() {
-		return choices.length;
-	} }, "wrap");
+	const hasChoices = computed(() => dialogChoices().length > 0);
+	const showIndicator = computed(() => !hasChoices() && !isTyping());
+	const nav = createTabindexNavigator(selectedItem, { count: () => dialogChoices().length }, "wrap");
 	function selectChoice(index) {
 		return function() {
 			selectedItem.set(index);
@@ -85,17 +85,18 @@ function component($$props) {
 		};
 	}
 	function _onFinish(value) {
-		if (onFinish) onFinish(value);
+		if (onFinish) onFinish(value, normalizeOpenId(guiOpenId));
 	}
-	var onSelect = function(index) {
+	const onSelect = (index) => {
 		_onFinish(index);
 	};
-	var controls = signal({
+	const canAcceptAction = () => Date.now() - openedAt >= ACTION_OPEN_GUARD_MS;
+	const controls = signal({
 		up: {
 			repeat: true,
 			bind: keyboardControls.up,
 			throttle: 150,
-			keyDown: function() {
+			keyDown() {
 				if (!hasChoices()) return;
 				nav.next(-1);
 			}
@@ -104,14 +105,15 @@ function component($$props) {
 			repeat: true,
 			bind: keyboardControls.down,
 			throttle: 150,
-			keyDown: function() {
+			keyDown() {
 				if (!hasChoices()) return;
 				nav.next(1);
 			}
 		},
 		action: {
-			bind: keyboardControls.action,
-			keyDown: function() {
+			bind: getKeyboardControlBind(keyboardControls.action),
+			keyDown() {
+				if (!canAcceptAction()) return;
 				if (isTyping()) {
 					finishTyping();
 					return;
@@ -122,9 +124,10 @@ function component($$props) {
 		},
 		gamepad: { enabled: true }
 	});
-	var dialogControls = signal({ action: {
-		bind: keyboardControls.action,
-		keyDown: function() {
+	const dialogControls = signal({ action: {
+		bind: getKeyboardControlBind(keyboardControls.action),
+		keyDown() {
+			if (!canAcceptAction()) return;
 			if (isTyping()) {
 				finishTyping();
 				return;
@@ -133,15 +136,16 @@ function component($$props) {
 			_onFinish();
 		}
 	} });
-	var faceSheet = function(graphicId, animationName) {
+	const faceSheet = (faceValue) => {
+		if (!faceValue || !faceValue.id) return;
 		return {
-			definition: engine.getSpriteSheet(graphicId),
-			playing: animationName
+			definition: engine.getSpriteSheet(faceValue.id),
+			playing: faceValue.expression || "default"
 		};
 	};
-	mount(function(element) {
-		return function() {
-			delay(function() {
+	mount((element) => {
+		return () => {
+			delay(() => {
 				engine.stopProcessingInput = false;
 			});
 		};
@@ -165,7 +169,7 @@ function component($$props) {
 		element: "div",
 		attrs: { class: "rpg-ui-dialog-body" }
 	}, [h(DOMElement, { element: "div" }, [
-		cond(speakerName(), () => h(DOMElement, {
+		cond(computed(() => speakerName()), () => h(DOMElement, {
 			element: "div",
 			attrs: { class: "rpg-ui-dialog-speaker" },
 			textContent: computed(() => speakerName())
@@ -175,13 +179,13 @@ function component($$props) {
 			attrs: { class: "rpg-ui-dialog-content" },
 			textContent: computed(() => displayMessage())
 		}),
-		cond(hasChoices(), () => h(Navigation, {
+		cond(computed(() => hasChoices()), () => h(Navigation, {
 			tabindex: selectedItem,
 			controls
 		}, h(DOMElement, {
 			element: "div",
 			attrs: { class: "rpg-ui-dialog-choices" }
-		}, loop(choices, (choice, index) => h(DOMElement, {
+		}, loop(computed(() => dialogChoices()), (choice, index) => h(DOMElement, {
 			element: "div",
 			attrs: {
 				class: ["rpg-ui-dialog-choice", computed(() => ({ active: selectedItem() === index }))],
@@ -191,15 +195,21 @@ function component($$props) {
 			},
 			textContent: choice.text
 		})))))
-	]), cond(hasFace(), () => h(DOMElement, {
+	]), cond(computed(() => hasFace()), () => h(DOMElement, {
 		element: "div",
 		attrs: { class: "rpg-ui-dialog-face" }
-	}, h(DOMSprite, { sheet: computed(() => faceSheet(face.id, face.expression)) })))]), cond(showIndicator, () => h(DOMElement, {
+	}, h(DOMSprite, {
+		sheet: computed(() => faceSheet(dialogFace())),
+		width: "100%",
+		height: "100%",
+		objectFit: "contain"
+	})))]), cond(showIndicator, () => h(DOMElement, {
 		element: "div",
 		attrs: { class: "rpg-ui-dialog-indicator" }
 	}))])));
 }
+var __ce_component = component;
 //#endregion
-export { component as default };
+export { __ce_component as default };
 
 //# sourceMappingURL=index.ce.js.map

package/dist/components/gui/dialogbox/index.ce.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.ce.js","names":[],"sources":["../../../../src/components/gui/dialogbox/index.ce"],"sourcesContent":["<DOMContainer width=\"100%\" height=\"100%\" controls={dialogControls}>\n    <div\n        class=\"rpg-ui-dialog-container\"\n        data-position={dialogPosition()}\n        data-full-width={isFullWidth() ? \"true\" : \"false\"}\n        data-has-face={hasFace() ? \"true\" : \"false\"}\n    >\n        <div class=\"rpg-ui-dialog rpg-anim-fade-in\">\n            <div class=\"rpg-ui-dialog-body\">\n               <div>\n                    @if (speakerName()) {\n                        <div class=\"rpg-ui-dialog-speaker\">{speakerName()}</div>\n                    }\n                    <div class=\"rpg-ui-dialog-content\">\n                        {displayMessage()}\n                    </div>\n                    @if (hasChoices()) {\n                        <Navigation tabindex={selectedItem} controls={controls}>\n                            <div class=\"rpg-ui-dialog-choices\">\n                                @for ((choice,index) of choices) {\n                                    <div\n                                        class=\"rpg-ui-dialog-choice\"\n                                        class={{active: selectedItem() === index}}\n                                        tabindex={index}\n                                        data-choice-index={index}\n                                        click={selectChoice(index)}\n                                    >{{ choice.text }}</div>\n                                }\n                            </div>\n                        </Navigation>\n                    }\n               </div>\n                @if (hasFace()) {\n                    <div class=\"rpg-ui-dialog-face\">\n                        <DOMSprite sheet={faceSheet(face.id, face.expression)} />\n                    </div>\n                }\n            </div>\n            @if (showIndicator) {\n                <div class=\"rpg-ui-dialog-indicator\"></div>\n            }\n        </div>\n    </div>\n</DOMContainer>\n    \n<script>\n    import { effect, signal, computed, createTabindexNavigator, mount } from \"canvasengine\";\n    import { inject } from \"../../../core/inject\";\n    import { RpgClientEngine } from \"../../../RpgClientEngine\";\n    import { delay } from \"@rpgjs/common\";\n\n    const engine = inject(RpgClientEngine);\n    const currentPlayer = engine.scene.currentPlayer\n    const keyboardControls = engine.globalConfig.keyboardControls;\n\n    engine.stopProcessingInput = true;\n\n    const selectedItem = signal(0)\n    let isDestroyed = false;\n\n    const {\n        data,\n        onFinish,\n        onInteraction\n    } = defineProps();\n\n    const { message, choices, face, speaker, position, typewriterEffect, autoClose } = data();\n    const fullWidth = computed(() => data().fullWidth || false);\n\n    const resolveProp = (value) => typeof value === \"function\" ? value() : value;\n\n    const speakerName = computed(() => {\n        const value = resolveProp(speaker);\n        return value ? String(value) : \"\";\n    });\n\n    const dialogPosition = computed(() => resolveProp(position) || \"bottom\");\n    const isFullWidth = computed(() => resolveProp(fullWidth) !== false);\n    const hasFace = computed(() => !!resolveProp(face));\n\n    const displayMessage = signal(\"\");\n    const fullMessage = signal(\"\");\n    const isTyping = signal(false);\n    let typewriterTimer = null;\n    let rootElement = null;\n\n    mount((element) => {\n        rootElement = element;\n    });\n\n    const startTypewriter = (text) => {\n        if (typewriterTimer) clearInterval(typewriterTimer);\n        displayMessage.set(\"\");\n        if (!text) return;\n        let index = 0;\n        isTyping.set(true);\n        typewriterTimer = setInterval(() => {\n            index += 1;\n            displayMessage.set(text.slice(0, index));\n            if (index >= text.length) {\n                clearInterval(typewriterTimer);\n                typewriterTimer = null;\n                isTyping.set(false);\n            }\n        }, 20);\n    };\n\n    const finishTyping = () => {\n        if (typewriterTimer) clearInterval(typewriterTimer);\n        typewriterTimer = null;\n        displayMessage.set(fullMessage());\n        isTyping.set(false);\n    };\n\n    effect(() => {\n        const text = resolveProp(message) || \"\";\n        fullMessage.set(text);\n        const useTypewriter = resolveProp(typewriterEffect) !== false;\n        if (!useTypewriter) {\n            finishTyping();\n            return;\n        }\n        startTypewriter(text);\n    });\n\n\n    const hasChoices = computed(() => choices.length > 0);\n    const showIndicator = computed(() => !hasChoices() && !isTyping());\n    const nav = createTabindexNavigator(selectedItem, { count: () => choices.length }, 'wrap');\n\n    function selectChoice(index) {\n        return function() {\n            selectedItem.set(index);\n            onSelect(index);\n        }\n    }\n\n    function _onFinish(value) {\n        if (onFinish) onFinish(value);\n    }\n\n    const onSelect = (index) => {\n        _onFinish(index);\n    };\n\n    const controls = signal({\n        up: {\n            repeat: true,\n            bind: keyboardControls.up,\n            throttle: 150,\n            keyDown() {\n                if (!hasChoices()) return;\n                nav.next(-1);\n            }\n        },\n        down: {\n            repeat: true,\n            bind: keyboardControls.down,\n            throttle: 150,\n            keyDown() {\n                if (!hasChoices()) return;\n                nav.next(1);\n            }\n        },\n        action: {\n            bind: keyboardControls.action,\n            keyDown() {\n                if (isTyping()) {\n                    finishTyping();\n                    return;\n                }\n                if (!hasChoices()) return;\n                onSelect(selectedItem());\n            }\n        },\n        gamepad: {\n            enabled: true\n        }\n    });\n    \n    const dialogControls = signal({\n        action: {\n            bind: keyboardControls.action,\n            keyDown() {\n                if (isTyping()) {\n                    finishTyping();\n                    return;\n                }\n                if (hasChoices()) return;\n                _onFinish();\n            }\n        },\n    })\n\n    const faceSheet = (graphicId, animationName) => {\n        return {\n            definition: engine.getSpriteSheet(graphicId),\n            playing: animationName,\n        };\n    }\n\n    mount((element) => {\n        return () => {\n            isDestroyed = true;\n            // Wait destroy is finished before start processing input\n            delay(() => {\n                engine.stopProcessingInput = false;\n            })\n        }\n  })\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"index.ce.js","names":[],"sources":["../../../../src/components/gui/dialogbox/index.ce"],"sourcesContent":["<DOMContainer width=\"100%\" height=\"100%\" controls={dialogControls}>\n    <div\n        class=\"rpg-ui-dialog-container\"\n        data-position={dialogPosition()}\n        data-full-width={isFullWidth() ? \"true\" : \"false\"}\n        data-has-face={hasFace() ? \"true\" : \"false\"}\n    >\n        <div class=\"rpg-ui-dialog rpg-anim-fade-in\">\n            <div class=\"rpg-ui-dialog-body\">\n               <div>\n                    @if (speakerName()) {\n                        <div class=\"rpg-ui-dialog-speaker\">{speakerName()}</div>\n                    }\n                    <div class=\"rpg-ui-dialog-content\">\n                        {displayMessage()}\n                    </div>\n                    @if (hasChoices()) {\n                        <Navigation tabindex={selectedItem} controls={controls}>\n                            <div class=\"rpg-ui-dialog-choices\">\n                                @for ((choice,index) of dialogChoices()) {\n                                    <div\n                                        class=\"rpg-ui-dialog-choice\"\n                                        class={{active: selectedItem() === index}}\n                                        tabindex={index}\n                                        data-choice-index={index}\n                                        click={selectChoice(index)}\n                                    >{{ choice.text }}</div>\n                                }\n                            </div>\n                        </Navigation>\n                    }\n                </div>\n                @if (hasFace()) {\n                    <div class=\"rpg-ui-dialog-face\">\n                        <DOMSprite\n                            sheet={faceSheet(dialogFace())}\n                            width=\"100%\"\n                            height=\"100%\"\n                            objectFit=\"contain\"\n                        />\n                    </div>\n                }\n            </div>\n            @if (showIndicator) {\n                <div class=\"rpg-ui-dialog-indicator\"></div>\n            }\n        </div>\n    </div>\n</DOMContainer>\n    \n<script>\n    import { effect, signal, computed, createTabindexNavigator, mount } from \"canvasengine\";\n    import { inject } from \"../../../core/inject\";\n    import { RpgClientEngine } from \"../../../RpgClientEngine\";\n    import { delay } from \"@rpgjs/common\";\n    import { getKeyboardControlBind } from \"../../../services/actionInput\";\n\n    const engine = inject(RpgClientEngine);\n    const currentPlayer = engine.scene.currentPlayer\n    const keyboardControls = engine.globalConfig.keyboardControls;\n\n    engine.stopProcessingInput = true;\n\n    const selectedItem = signal(0)\n    const ACTION_OPEN_GUARD_MS = 150;\n    const openedAt = Date.now();\n\n    const {\n        data,\n        onFinish,\n        onInteraction,\n        guiOpenId\n    } = defineProps();\n\n    const dialogData = computed(() => data() || {});\n    const dialogChoices = computed(() => Array.isArray(dialogData().choices) ? dialogData().choices : []);\n    const message = computed(() => dialogData().message);\n    const speaker = computed(() => dialogData().speaker);\n    const position = computed(() => dialogData().position);\n    const typewriterEffect = computed(() => dialogData().typewriterEffect);\n    const fullWidth = computed(() => dialogData().fullWidth || false);\n\n    const resolveProp = (value) => typeof value === \"function\" ? value() : value;\n    const normalizeOpenId = (value) => {\n        const resolved = resolveProp(value);\n        return typeof resolved === \"string\" && resolved.length > 0 ? resolved : undefined;\n    };\n\n    const speakerName = computed(() => {\n        const value = resolveProp(speaker());\n        return value ? String(value) : \"\";\n    });\n\n    const dialogPosition = computed(() => resolveProp(position()) || \"bottom\");\n    const isFullWidth = computed(() => resolveProp(fullWidth) !== false);\n    const dialogFace = computed(() => resolveProp(dialogData().face));\n    const hasFace = computed(() => {\n        const value = dialogFace();\n        return !!(value && value.id);\n    });\n\n    const displayMessage = signal(\"\");\n    const fullMessage = signal(\"\");\n    const isTyping = signal(false);\n    let typewriterTimer = null;\n    let rootElement = null;\n\n    mount((element) => {\n        rootElement = element;\n    });\n\n    const startTypewriter = (text) => {\n        if (typewriterTimer) clearInterval(typewriterTimer);\n        displayMessage.set(\"\");\n        if (!text) return;\n        let index = 0;\n        isTyping.set(true);\n        typewriterTimer = setInterval(() => {\n            index += 1;\n            displayMessage.set(text.slice(0, index));\n            if (index >= text.length) {\n                clearInterval(typewriterTimer);\n                typewriterTimer = null;\n                isTyping.set(false);\n            }\n        }, 20);\n    };\n\n    const finishTyping = () => {\n        if (typewriterTimer) clearInterval(typewriterTimer);\n        typewriterTimer = null;\n        displayMessage.set(fullMessage());\n        isTyping.set(false);\n    };\n\n    effect(() => {\n        const text = resolveProp(message()) || \"\";\n        fullMessage.set(text);\n        const useTypewriter = resolveProp(typewriterEffect()) !== false;\n        if (!useTypewriter) {\n            finishTyping();\n            return;\n        }\n        startTypewriter(text);\n    });\n\n\n    const hasChoices = computed(() => dialogChoices().length > 0);\n    const showIndicator = computed(() => !hasChoices() && !isTyping());\n    const nav = createTabindexNavigator(selectedItem, { count: () => dialogChoices().length }, 'wrap');\n\n    function selectChoice(index) {\n        return function() {\n            selectedItem.set(index);\n            onSelect(index);\n        }\n    }\n\n    function _onFinish(value) {\n        if (onFinish) onFinish(value, normalizeOpenId(guiOpenId));\n    }\n\n    const onSelect = (index) => {\n        _onFinish(index);\n    };\n\n    const canAcceptAction = () => Date.now() - openedAt >= ACTION_OPEN_GUARD_MS;\n\n    const controls = signal({\n        up: {\n            repeat: true,\n            bind: keyboardControls.up,\n            throttle: 150,\n            keyDown() {\n                if (!hasChoices()) return;\n                nav.next(-1);\n            }\n        },\n        down: {\n            repeat: true,\n            bind: keyboardControls.down,\n            throttle: 150,\n            keyDown() {\n                if (!hasChoices()) return;\n                nav.next(1);\n            }\n        },\n        action: {\n            bind: getKeyboardControlBind(keyboardControls.action),\n            keyDown() {\n                if (!canAcceptAction()) {\n                    return;\n                }\n                if (isTyping()) {\n                    finishTyping();\n                    return;\n                }\n                if (!hasChoices()) return;\n                onSelect(selectedItem());\n            }\n        },\n        gamepad: {\n            enabled: true\n        }\n    });\n    \n    const dialogControls = signal({\n        action: {\n            bind: getKeyboardControlBind(keyboardControls.action),\n            keyDown() {\n                if (!canAcceptAction()) {\n                    return;\n                }\n                if (isTyping()) {\n                    finishTyping();\n                    return;\n                }\n                if (hasChoices()) return;\n                _onFinish();\n            }\n        },\n    })\n\n    const faceSheet = (faceValue) => {\n        if (!faceValue || !faceValue.id) {\n            return undefined;\n        }\n        return {\n            definition: engine.getSpriteSheet(faceValue.id),\n            playing: faceValue.expression || \"default\",\n        };\n    }\n\n    mount((element) => {\n        return () => {\n            // Wait destroy is finished before start processing input\n            delay(() => {\n                engine.stopProcessingInput = false;\n            })\n        }\n  })\n</script>\n"],"mappings":"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"}