@rpgjs/client 5.0.0-beta.6 → 5.0.0-beta.8

package/dist/components/dynamics/parse-value.js

@@ -1,44 +1,60 @@
 import { computed } from "canvasengine";
 //#region src/components/dynamics/parse-value.ts
-var parseDynamicValue = (value, object) => {
-	if (typeof value !== "string") return computed(() => String(value ?? ""));
-	const pattern = /\{([^}]+)\}/g;
-	const matches = [];
-	let match;
-	while ((match = pattern.exec(value)) !== null) matches.push({
-		property: match[1],
-		fullMatch: match[0],
-		index: match.index
-	});
-	if (matches.length === 0) return computed(() => value);
-	return computed(() => {
-		let result = value;
-		for (let i = matches.length - 1; i >= 0; i--) {
-			const { property, fullMatch } = matches[i];
-			let propertyValue = "";
-			try {
-				const propertyPath = property.split(".");
-				let currentValue = object;
-				for (let j = 0; j < propertyPath.length; j++) {
-					const prop = propertyPath[j];
-					if (typeof currentValue === "function") currentValue = currentValue();
-					if (currentValue && typeof currentValue === "object" && prop in currentValue) currentValue = currentValue[prop];
-					else {
-						currentValue = void 0;
-						break;
-					}
-				}
-				if (typeof currentValue === "function") currentValue = currentValue();
-				propertyValue = currentValue != null ? String(currentValue) : "";
-			} catch (error) {
-				propertyValue = "";
+var readSignal = (value) => typeof value === "function" ? value() : value;
+var DYNAMIC_VALUE_PATTERN = /\{([^}]+)\}/g;
+var hasDynamicValue = (value) => {
+	value = readSignal(value);
+	if (typeof value !== "string") return false;
+	DYNAMIC_VALUE_PATTERN.lastIndex = 0;
+	return DYNAMIC_VALUE_PATTERN.test(value);
+};
+var resolveDynamicSnapshot = (value, object) => {
+	value = readSignal(value);
+	if (Array.isArray(value)) return value.map((entry) => resolveDynamicSnapshot(entry, object));
+	if (value && typeof value === "object") return Object.fromEntries(Object.entries(value).map(([key, entry]) => [key, resolveDynamicSnapshot(entry, object)]));
+	return resolveDynamicValue(value, object);
+};
+var getDynamicValue = (property, object) => {
+	try {
+		const propertyPath = property.split(".");
+		let currentValue = object;
+		for (let j = 0; j < propertyPath.length; j++) {
+			let prop = propertyPath[j];
+			currentValue = readSignal(currentValue);
+			if (j === 0) {
+				if (prop === "hp") prop = "hpSignal";
+				if (prop === "sp") prop = "spSignal";
+				if (prop === "param") prop = "_param";
 			}
-			result = result.replace(fullMatch, propertyValue);
+			if (currentValue && typeof currentValue === "object" && prop in currentValue) currentValue = currentValue[prop];
+			else return;
 		}
-		return result;
+		return readSignal(currentValue);
+	} catch (error) {
+		return;
+	}
+};
+var resolveDynamicValue = (value, object) => {
+	value = readSignal(value);
+	if (typeof value !== "string") return value;
+	return value.replace(DYNAMIC_VALUE_PATTERN, (fullMatch, property) => {
+		const propertyValue = getDynamicValue(property, object);
+		if (propertyValue == null && property.startsWith("$")) return fullMatch;
+		return propertyValue != null ? String(propertyValue) : "";
 	});
 };
+var resolveDynamicProp = (value, object) => {
+	if (Array.isArray(value) || value && typeof value === "object" && typeof value !== "function") return computed(() => resolveDynamicSnapshot(value, object));
+	if (typeof value === "function" || hasDynamicValue(value)) return computed(() => resolveDynamicValue(value, object));
+	return value;
+};
+var resolveDynamicProps = (props, object) => {
+	props = readSignal(props);
+	if (Array.isArray(props)) return computed(() => resolveDynamicSnapshot(props, object));
+	if (props && typeof props === "object") return Object.fromEntries(Object.entries(props).map(([key, value]) => [key, resolveDynamicProp(value, object)]));
+	return resolveDynamicProp(props, object);
+};
 //#endregion
-export { parseDynamicValue };
+export { resolveDynamicProps, resolveDynamicValue };
 
 //# sourceMappingURL=parse-value.js.map

package/dist/components/dynamics/parse-value.js.map

@@ -1 +1 @@
-{"version":3,"file":"parse-value.js","names":[],"sources":["../../../src/components/dynamics/parse-value.ts"],"sourcesContent":["import { computed } from \"canvasengine\";\n\ninterface MatchResult {\n    property: string;\n    fullMatch: string;\n    index: number;\n}\n\nexport const parseDynamicValue = (value: any, object?: any) => {\n    if (typeof value !== 'string') {\n        return computed(() => String(value ?? ''));\n    }\n\n    // Find all dynamic references like {propertyName}\n    const pattern = /\\{([^}]+)\\}/g;\n    const matches: MatchResult[] = [];\n    let match;\n    \n    while ((match = pattern.exec(value)) !== null) {\n        matches.push({\n            property: match[1],\n            fullMatch: match[0],\n            index: match.index!\n        });\n    }\n\n    // If no dynamic references found, return simple computed\n    if (matches.length === 0) {\n        return computed(() => value);\n    }\n\n    // Create computed that tracks all referenced signals\n    return computed(() => {\n        let result = value;\n        \n        // Replace from end to start to preserve indices\n        for (let i = matches.length - 1; i >= 0; i--) {\n            const { property, fullMatch } = matches[i];\n            \n            // Try to access the property from the object\n            // Support nested properties like {param.maxHp}\n            let propertyValue = '';\n            try {\n                const propertyPath = property.split('.');\n                let currentValue = object;\n                \n                for (let j = 0; j < propertyPath.length; j++) {\n                    const prop = propertyPath[j];\n                    \n                    // Check if currentValue is a signal (function) and call it\n                    if (typeof currentValue === 'function') {\n                        currentValue = currentValue();\n                    }\n                    \n                    // Access the property\n                    if (currentValue && typeof currentValue === 'object' && prop in currentValue) {\n                        currentValue = currentValue[prop];\n                    } else {\n                        currentValue = undefined;\n                        break;\n                    }\n                }\n                \n                // If the final value is a signal, call it\n                if (typeof currentValue === 'function') {\n                    currentValue = currentValue();\n                }\n                \n                propertyValue = currentValue != null ? String(currentValue) : '';\n            } catch (error) {\n                // If property doesn't exist or can't be accessed, use empty string\n                propertyValue = '';\n            }\n            \n            result = result.replace(fullMatch, propertyValue);\n        }\n        \n        return result;\n    });\n};\n"],"mappings":";;AAQA,IAAa,qBAAqB,OAAY,WAAiB;AAC3D,KAAI,OAAO,UAAU,SACjB,QAAO,eAAe,OAAO,SAAS,GAAG,CAAC;CAI9C,MAAM,UAAU;CAChB,MAAM,UAAyB,EAAE;CACjC,IAAI;AAEJ,SAAQ,QAAQ,QAAQ,KAAK,MAAM,MAAM,KACrC,SAAQ,KAAK;EACT,UAAU,MAAM;EAChB,WAAW,MAAM;EACjB,OAAO,MAAM;EAChB,CAAC;AAIN,KAAI,QAAQ,WAAW,EACnB,QAAO,eAAe,MAAM;AAIhC,QAAO,eAAe;EAClB,IAAI,SAAS;AAGb,OAAK,IAAI,IAAI,QAAQ,SAAS,GAAG,KAAK,GAAG,KAAK;GAC1C,MAAM,EAAE,UAAU,cAAc,QAAQ;GAIxC,IAAI,gBAAgB;AACpB,OAAI;IACA,MAAM,eAAe,SAAS,MAAM,IAAI;IACxC,IAAI,eAAe;AAEnB,SAAK,IAAI,IAAI,GAAG,IAAI,aAAa,QAAQ,KAAK;KAC1C,MAAM,OAAO,aAAa;AAG1B,SAAI,OAAO,iBAAiB,WACxB,gBAAe,cAAc;AAIjC,SAAI,gBAAgB,OAAO,iBAAiB,YAAY,QAAQ,aAC5D,gBAAe,aAAa;UACzB;AACH,qBAAe,KAAA;AACf;;;AAKR,QAAI,OAAO,iBAAiB,WACxB,gBAAe,cAAc;AAGjC,oBAAgB,gBAAgB,OAAO,OAAO,aAAa,GAAG;YACzD,OAAO;AAEZ,oBAAgB;;AAGpB,YAAS,OAAO,QAAQ,WAAW,cAAc;;AAGrD,SAAO;GACT"}
+{"version":3,"file":"parse-value.js","names":[],"sources":["../../../src/components/dynamics/parse-value.ts"],"sourcesContent":["import { computed } from \"canvasengine\";\n\ninterface MatchResult {\n    property: string;\n    fullMatch: string;\n    index: number;\n}\n\nconst readSignal = (value: any) => typeof value === 'function' ? value() : value;\nconst DYNAMIC_VALUE_PATTERN = /\\{([^}]+)\\}/g;\n\nconst hasDynamicValue = (value: any) => {\n    value = readSignal(value);\n    if (typeof value !== 'string') return false;\n    DYNAMIC_VALUE_PATTERN.lastIndex = 0;\n    return DYNAMIC_VALUE_PATTERN.test(value);\n};\n\nconst resolveDynamicSnapshot = (value: any, object?: any): any => {\n    value = readSignal(value);\n\n    if (Array.isArray(value)) {\n        return value.map((entry) => resolveDynamicSnapshot(entry, object));\n    }\n\n    if (value && typeof value === 'object') {\n        return Object.fromEntries(\n            Object.entries(value).map(([key, entry]) => [key, resolveDynamicSnapshot(entry, object)])\n        );\n    }\n\n    return resolveDynamicValue(value, object);\n};\n\nexport const getDynamicValue = (property: string, object?: any) => {\n    try {\n        const propertyPath = property.split('.');\n        let currentValue = object;\n\n        for (let j = 0; j < propertyPath.length; j++) {\n            let prop = propertyPath[j];\n\n            currentValue = readSignal(currentValue);\n\n            if (j === 0) {\n                if (prop === 'hp') prop = 'hpSignal';\n                if (prop === 'sp') prop = 'spSignal';\n                if (prop === 'param') prop = '_param';\n            }\n\n            if (currentValue && typeof currentValue === 'object' && prop in currentValue) {\n                currentValue = currentValue[prop];\n            } else {\n                return undefined;\n            }\n        }\n\n        return readSignal(currentValue);\n    } catch (error) {\n        return undefined;\n    }\n};\n\nexport const resolveDynamicValue = (value: any, object?: any): any => {\n    value = readSignal(value);\n\n    if (typeof value !== 'string') {\n        return value;\n    }\n\n    return value.replace(DYNAMIC_VALUE_PATTERN, (fullMatch, property) => {\n        const propertyValue = getDynamicValue(property, object);\n        if (propertyValue == null && property.startsWith('$')) return fullMatch;\n        return propertyValue != null ? String(propertyValue) : '';\n    });\n};\n\nconst resolveDynamicProp = (value: any, object?: any): any => {\n    if (Array.isArray(value) || (value && typeof value === 'object' && typeof value !== 'function')) {\n        return computed(() => resolveDynamicSnapshot(value, object));\n    }\n\n    if (typeof value === 'function' || hasDynamicValue(value)) {\n        return computed(() => resolveDynamicValue(value, object));\n    }\n\n    return value;\n};\n\nexport const resolveDynamicProps = (props: any, object?: any): any => {\n    props = readSignal(props);\n\n    if (Array.isArray(props)) {\n        return computed(() => resolveDynamicSnapshot(props, object));\n    }\n\n    if (props && typeof props === 'object') {\n        return Object.fromEntries(\n            Object.entries(props).map(([key, value]) => [key, resolveDynamicProp(value, object)])\n        );\n    }\n\n    return resolveDynamicProp(props, object);\n};\n\nexport const parseDynamicValue = (value: any, object?: any) => {\n    if (typeof value !== 'string') {\n        return computed(() => String(value ?? ''));\n    }\n\n    // Find all dynamic references like {propertyName}\n    const matches: MatchResult[] = [];\n    let match;\n\n    DYNAMIC_VALUE_PATTERN.lastIndex = 0;\n    while ((match = DYNAMIC_VALUE_PATTERN.exec(value)) !== null) {\n        matches.push({\n            property: match[1],\n            fullMatch: match[0],\n            index: match.index!\n        });\n    }\n\n    // If no dynamic references found, return simple computed\n    if (matches.length === 0) {\n        return computed(() => value);\n    }\n\n    // Create computed that tracks all referenced signals\n    return computed(() => {\n        let result = value;\n        \n        // Replace from end to start to preserve indices\n        for (let i = matches.length - 1; i >= 0; i--) {\n            const { property, fullMatch } = matches[i];\n            \n            const currentValue = getDynamicValue(property, object);\n            const propertyValue = currentValue != null ? String(currentValue) : property.startsWith('$') ? fullMatch : '';\n            \n            result = result.replace(fullMatch, propertyValue);\n        }\n        \n        return result;\n    });\n};\n"],"mappings":";;AAQA,IAAM,cAAc,UAAe,OAAO,UAAU,aAAa,OAAO,GAAG;AAC3E,IAAM,wBAAwB;AAE9B,IAAM,mBAAmB,UAAe;CACpC,QAAQ,WAAW,MAAM;CACzB,IAAI,OAAO,UAAU,UAAU,OAAO;CACtC,sBAAsB,YAAY;CAClC,OAAO,sBAAsB,KAAK,MAAM;;AAG5C,IAAM,0BAA0B,OAAY,WAAsB;CAC9D,QAAQ,WAAW,MAAM;CAEzB,IAAI,MAAM,QAAQ,MAAM,EACpB,OAAO,MAAM,KAAK,UAAU,uBAAuB,OAAO,OAAO,CAAC;CAGtE,IAAI,SAAS,OAAO,UAAU,UAC1B,OAAO,OAAO,YACV,OAAO,QAAQ,MAAM,CAAC,KAAK,CAAC,KAAK,WAAW,CAAC,KAAK,uBAAuB,OAAO,OAAO,CAAC,CAAC,CAC5F;CAGL,OAAO,oBAAoB,OAAO,OAAO;;AAG7C,IAAa,mBAAmB,UAAkB,WAAiB;CAC/D,IAAI;EACA,MAAM,eAAe,SAAS,MAAM,IAAI;EACxC,IAAI,eAAe;EAEnB,KAAK,IAAI,IAAI,GAAG,IAAI,aAAa,QAAQ,KAAK;GAC1C,IAAI,OAAO,aAAa;GAExB,eAAe,WAAW,aAAa;GAEvC,IAAI,MAAM,GAAG;IACT,IAAI,SAAS,MAAM,OAAO;IAC1B,IAAI,SAAS,MAAM,OAAO;IAC1B,IAAI,SAAS,SAAS,OAAO;;GAGjC,IAAI,gBAAgB,OAAO,iBAAiB,YAAY,QAAQ,cAC5D,eAAe,aAAa;QAE5B;;EAIR,OAAO,WAAW,aAAa;UAC1B,OAAO;EACZ;;;AAIR,IAAa,uBAAuB,OAAY,WAAsB;CAClE,QAAQ,WAAW,MAAM;CAEzB,IAAI,OAAO,UAAU,UACjB,OAAO;CAGX,OAAO,MAAM,QAAQ,wBAAwB,WAAW,aAAa;EACjE,MAAM,gBAAgB,gBAAgB,UAAU,OAAO;EACvD,IAAI,iBAAiB,QAAQ,SAAS,WAAW,IAAI,EAAE,OAAO;EAC9D,OAAO,iBAAiB,OAAO,OAAO,cAAc,GAAG;GACzD;;AAGN,IAAM,sBAAsB,OAAY,WAAsB;CAC1D,IAAI,MAAM,QAAQ,MAAM,IAAK,SAAS,OAAO,UAAU,YAAY,OAAO,UAAU,YAChF,OAAO,eAAe,uBAAuB,OAAO,OAAO,CAAC;CAGhE,IAAI,OAAO,UAAU,cAAc,gBAAgB,MAAM,EACrD,OAAO,eAAe,oBAAoB,OAAO,OAAO,CAAC;CAG7D,OAAO;;AAGX,IAAa,uBAAuB,OAAY,WAAsB;CAClE,QAAQ,WAAW,MAAM;CAEzB,IAAI,MAAM,QAAQ,MAAM,EACpB,OAAO,eAAe,uBAAuB,OAAO,OAAO,CAAC;CAGhE,IAAI,SAAS,OAAO,UAAU,UAC1B,OAAO,OAAO,YACV,OAAO,QAAQ,MAAM,CAAC,KAAK,CAAC,KAAK,WAAW,CAAC,KAAK,mBAAmB,OAAO,OAAO,CAAC,CAAC,CACxF;CAGL,OAAO,mBAAmB,OAAO,OAAO"}

package/dist/components/dynamics/parse-value.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/dynamics/shape-utils.d.ts

@@ -0,0 +1,16 @@
+export declare function getShapePointBounds(points?: any[], toNumber?: (value: any, fallback?: number) => number): {
+    minX: number;
+    minY: number;
+    maxX: number;
+    maxY: number;
+};
+export declare function getShapeBox(cfg: any, toNumber?: (value: any, fallback?: number) => number): {
+    width: any;
+    height: any;
+    offsetX: number;
+    offsetY: number;
+};
+export declare function translatePolygonPoints(points: any[] | undefined, box: {
+    offsetX: number;
+    offsetY: number;
+}, toNumber?: (value: any, fallback?: number) => number): number[];

package/dist/components/dynamics/shape-utils.js

@@ -0,0 +1,73 @@
+//#region src/components/dynamics/shape-utils.ts
+var defaultToNumber = (value, fallback = 0) => {
+	const num = typeof value === "number" ? value : parseFloat(value);
+	return Number.isFinite(num) ? num : fallback;
+};
+function getShapePointBounds(points = [], toNumber = defaultToNumber) {
+	if (!Array.isArray(points) || points.length < 2) return {
+		minX: 0,
+		minY: 0,
+		maxX: 1,
+		maxY: 1
+	};
+	let minX = Infinity;
+	let minY = Infinity;
+	let maxX = -Infinity;
+	let maxY = -Infinity;
+	for (let i = 0; i < points.length; i += 2) {
+		const x = toNumber(points[i], 0);
+		const y = toNumber(points[i + 1], 0);
+		minX = Math.min(minX, x);
+		minY = Math.min(minY, y);
+		maxX = Math.max(maxX, x);
+		maxY = Math.max(maxY, y);
+	}
+	return {
+		minX,
+		minY,
+		maxX,
+		maxY
+	};
+}
+function getShapeBox(cfg, toNumber = defaultToNumber) {
+	if (cfg.type === "circle") return {
+		width: cfg.radius * 2,
+		height: cfg.radius * 2,
+		offsetX: 0,
+		offsetY: 0
+	};
+	if (cfg.type === "line") {
+		const minX = Math.min(cfg.x1, cfg.x2);
+		const minY = Math.min(cfg.y1, cfg.y2);
+		const maxX = Math.max(cfg.x1, cfg.x2);
+		const maxY = Math.max(cfg.y1, cfg.y2);
+		return {
+			width: Math.max(1, maxX - minX),
+			height: Math.max(1, maxY - minY),
+			offsetX: -minX,
+			offsetY: -minY
+		};
+	}
+	if (cfg.type === "polygon") {
+		const bounds = getShapePointBounds(cfg.points, toNumber);
+		return {
+			width: Math.max(1, bounds.maxX - bounds.minX),
+			height: Math.max(1, bounds.maxY - bounds.minY),
+			offsetX: -bounds.minX,
+			offsetY: -bounds.minY
+		};
+	}
+	return {
+		width: cfg.width,
+		height: cfg.height,
+		offsetX: 0,
+		offsetY: 0
+	};
+}
+function translatePolygonPoints(points = [], box, toNumber = defaultToNumber) {
+	return points.map((point, index) => toNumber(point, 0) + (index % 2 === 0 ? box.offsetX : box.offsetY));
+}
+//#endregion
+export { getShapeBox, translatePolygonPoints };
+
+//# sourceMappingURL=shape-utils.js.map

package/dist/components/dynamics/shape-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shape-utils.js","names":[],"sources":["../../../src/components/dynamics/shape-utils.ts"],"sourcesContent":["const defaultToNumber = (value: any, fallback = 0) => {\n  const num = typeof value === 'number' ? value : parseFloat(value);\n  return Number.isFinite(num) ? num : fallback;\n};\n\nexport function getShapePointBounds(points: any[] = [], toNumber = defaultToNumber) {\n  if (!Array.isArray(points) || points.length < 2) {\n    return { minX: 0, minY: 0, maxX: 1, maxY: 1 };\n  }\n\n  let minX = Infinity;\n  let minY = Infinity;\n  let maxX = -Infinity;\n  let maxY = -Infinity;\n\n  for (let i = 0; i < points.length; i += 2) {\n    const x = toNumber(points[i], 0);\n    const y = toNumber(points[i + 1], 0);\n    minX = Math.min(minX, x);\n    minY = Math.min(minY, y);\n    maxX = Math.max(maxX, x);\n    maxY = Math.max(maxY, y);\n  }\n\n  return { minX, minY, maxX, maxY };\n}\n\nexport function getShapeBox(cfg: any, toNumber = defaultToNumber) {\n  if (cfg.type === 'circle') {\n    return { width: cfg.radius * 2, height: cfg.radius * 2, offsetX: 0, offsetY: 0 };\n  }\n\n  if (cfg.type === 'line') {\n    const minX = Math.min(cfg.x1, cfg.x2);\n    const minY = Math.min(cfg.y1, cfg.y2);\n    const maxX = Math.max(cfg.x1, cfg.x2);\n    const maxY = Math.max(cfg.y1, cfg.y2);\n    return {\n      width: Math.max(1, maxX - minX),\n      height: Math.max(1, maxY - minY),\n      offsetX: -minX,\n      offsetY: -minY\n    };\n  }\n\n  if (cfg.type === 'polygon') {\n    const bounds = getShapePointBounds(cfg.points, toNumber);\n    return {\n      width: Math.max(1, bounds.maxX - bounds.minX),\n      height: Math.max(1, bounds.maxY - bounds.minY),\n      offsetX: -bounds.minX,\n      offsetY: -bounds.minY\n    };\n  }\n\n  return { width: cfg.width, height: cfg.height, offsetX: 0, offsetY: 0 };\n}\n\nexport function translatePolygonPoints(points: any[] = [], box: { offsetX: number; offsetY: number }, toNumber = defaultToNumber) {\n  return points.map((point, index) => toNumber(point, 0) + (index % 2 === 0 ? box.offsetX : box.offsetY));\n}\n"],"mappings":";AAAA,IAAM,mBAAmB,OAAY,WAAW,MAAM;CACpD,MAAM,MAAM,OAAO,UAAU,WAAW,QAAQ,WAAW,MAAM;CACjE,OAAO,OAAO,SAAS,IAAI,GAAG,MAAM;;AAGtC,SAAgB,oBAAoB,SAAgB,EAAE,EAAE,WAAW,iBAAiB;CAClF,IAAI,CAAC,MAAM,QAAQ,OAAO,IAAI,OAAO,SAAS,GAC5C,OAAO;EAAE,MAAM;EAAG,MAAM;EAAG,MAAM;EAAG,MAAM;EAAG;CAG/C,IAAI,OAAO;CACX,IAAI,OAAO;CACX,IAAI,OAAO;CACX,IAAI,OAAO;CAEX,KAAK,IAAI,IAAI,GAAG,IAAI,OAAO,QAAQ,KAAK,GAAG;EACzC,MAAM,IAAI,SAAS,OAAO,IAAI,EAAE;EAChC,MAAM,IAAI,SAAS,OAAO,IAAI,IAAI,EAAE;EACpC,OAAO,KAAK,IAAI,MAAM,EAAE;EACxB,OAAO,KAAK,IAAI,MAAM,EAAE;EACxB,OAAO,KAAK,IAAI,MAAM,EAAE;EACxB,OAAO,KAAK,IAAI,MAAM,EAAE;;CAG1B,OAAO;EAAE;EAAM;EAAM;EAAM;EAAM;;AAGnC,SAAgB,YAAY,KAAU,WAAW,iBAAiB;CAChE,IAAI,IAAI,SAAS,UACf,OAAO;EAAE,OAAO,IAAI,SAAS;EAAG,QAAQ,IAAI,SAAS;EAAG,SAAS;EAAG,SAAS;EAAG;CAGlF,IAAI,IAAI,SAAS,QAAQ;EACvB,MAAM,OAAO,KAAK,IAAI,IAAI,IAAI,IAAI,GAAG;EACrC,MAAM,OAAO,KAAK,IAAI,IAAI,IAAI,IAAI,GAAG;EACrC,MAAM,OAAO,KAAK,IAAI,IAAI,IAAI,IAAI,GAAG;EACrC,MAAM,OAAO,KAAK,IAAI,IAAI,IAAI,IAAI,GAAG;EACrC,OAAO;GACL,OAAO,KAAK,IAAI,GAAG,OAAO,KAAK;GAC/B,QAAQ,KAAK,IAAI,GAAG,OAAO,KAAK;GAChC,SAAS,CAAC;GACV,SAAS,CAAC;GACX;;CAGH,IAAI,IAAI,SAAS,WAAW;EAC1B,MAAM,SAAS,oBAAoB,IAAI,QAAQ,SAAS;EACxD,OAAO;GACL,OAAO,KAAK,IAAI,GAAG,OAAO,OAAO,OAAO,KAAK;GAC7C,QAAQ,KAAK,IAAI,GAAG,OAAO,OAAO,OAAO,KAAK;GAC9C,SAAS,CAAC,OAAO;GACjB,SAAS,CAAC,OAAO;GAClB;;CAGH,OAAO;EAAE,OAAO,IAAI;EAAO,QAAQ,IAAI;EAAQ,SAAS;EAAG,SAAS;EAAG;;AAGzE,SAAgB,uBAAuB,SAAgB,EAAE,EAAE,KAA2C,WAAW,iBAAiB;CAChI,OAAO,OAAO,KAAK,OAAO,UAAU,SAAS,OAAO,EAAE,IAAI,QAAQ,MAAM,IAAI,IAAI,UAAU,IAAI,SAAS"}

package/dist/components/dynamics/shape-utils.spec.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,83 @@
+import { resolveDynamicValue } from "./parse-value.js";
+import { getShapeBox, translatePolygonPoints } from "./shape-utils.js";
+import { Container, Graphics, computed, h, useDefineProps, useProps } from "canvasengine";
+//#region src/components/dynamics/shape.ce
+function component($$props) {
+	useProps($$props);
+	const props = useDefineProps($$props)();
+	const { object } = props;
+	const read = (prop, fallback) => prop ? prop() : fallback;
+	const toNumber = (value, fallback = 0) => {
+		const resolved = resolveDynamicValue(value, object);
+		const num = typeof resolved === "number" ? resolved : parseFloat(resolved);
+		return Number.isFinite(num) ? num : fallback;
+	};
+	const toColor = (value, fallback) => {
+		const resolved = resolveDynamicValue(value, object);
+		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;\n\nconst read = (prop, fallback) => prop ? prop() : fallback;\n\nconst toNumber = (value, fallback = 0) => {\n  const resolved = resolveDynamicValue(value, object);\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, object);\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,59 +1,46 @@
-import { parseDynamicValue } from "./parse-value.js";
+import { resolveDynamicValue } from "./parse-value.js";
 import { Text, computed, h, useDefineProps, useProps } from "canvasengine";
 //#region src/components/dynamics/text.ce
 function component($$props) {
 	useProps($$props);
-	const { object } = useDefineProps($$props)();
-	const component = object._component;
+	const { object, value, style } = useDefineProps($$props)();
+	const read = (prop, fallback) => prop ? prop() : fallback;
 	const parseNumericStyleValue = (value, object) => {
-		if (value === void 0 || value === null) return;
+		value = resolveDynamicValue(value, object);
+		if (value === void 0 || value === null) return void 0;
 		if (typeof value === "number") return value;
-		if (typeof value === "string") if (value.includes("{")) {
-			const parsed = parseDynamicValue(value, object);
-			return computed(() => {
-				const str = parsed();
-				const num = parseFloat(str);
-				return isNaN(num) ? 0 : num;
-			});
-		} else {
-			const num = parseFloat(value);
-			return isNaN(num) ? void 0 : num;
-		}
-		return value;
+		const num = parseFloat(value);
+		return isNaN(num) ? void 0 : num;
 	};
-	const getComponentStyle = (component) => {
-		if (!component.style) return {};
-		const style = component.style;
-		const 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) {
-			const 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;
+	const getTextStyle = (style) => {
+		if (!style) return {};
 		const 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;
+		if (style.fontStyle !== void 0) textStyle.fontStyle = resolveDynamicValue(style.fontStyle, object);
+		if (style.fontWeight !== void 0) textStyle.fontWeight = resolveDynamicValue(style.fontWeight, object);
+		if (style.stroke !== void 0) textStyle.stroke = resolveDynamicValue(style.stroke, object);
 		if (style.opacity !== void 0) {
 			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, object);
+		return textStyle;
 	};
 	return h(Text, {
-		text: computed(() => parseDynamicValue(component.value, object)),
-		...getComponentStyle(component)
+		text: computed(() => String(resolveDynamicValue(read(value, ""), object) ?? "")),
+		color: computed(() => {
+			const currentStyle = read(style, {});
+			return currentStyle.fill !== void 0 ? resolveDynamicValue(currentStyle.fill, object) : 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, object) : void 0;
+		}),
+		style: computed(() => getTextStyle(read(style, {})))
 	});
 }
 var __ce_component = component;

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":";;;AAOM,SAAS,UAAU,SAAA;;CAGtB,MAAS,EAAA,WADV,eAAA,QACmC,EAAG;CACxC,MAAE,YAAA,OAAA;CACF,MAAM,0BAA0B,OAAI,WAAQ;AACzC,MAAK,UAAS,KAAA,KAAU,UAAM,KACzB;AAEJ,MAAA,OAAW,UAAU,SACrB,QAAM;AAER,MAAA,OAAA,UAAA,SAEM,KAAA,MAAU,SAAS,IAAI,EAAA;GAE3B,MAAA,SAAA,kBAAA,OAAA,OAAA;AACD,UAAA,eAAA;IACY,MAAO,MAAI,QAAS;IACpB,MAAK,MAAA,WAAA,IAAA;AAChB,WAAA,MAAA,IAAA,GAAA,IAAA;KACD;SAEQ;GAEC,MAAG,MAAM,WAAc,MAAI;AAC3B,UAAM,MAAO,IAAE,GAAA,KAAA,IAAiB;;AAGxC,SAAO;;CAEX,MAAM,qBAAQ,cAAA;AACV,MAAI,CAAC,UAAM,MACP,QAAO,EAAA;EAEX,MAAM,QAAQ,UAAU;EACxB,MAAI,SAAA,EAAA;AAGJ,MAAA,MAAO,SAAK,KAAA,EACf,KAAA,OAAA,MAAA,SAAA,YAAA,MAAA,KAAA,SAAA,IAAA,CAAA,QAAA,QAAA,kBAAA,MAAA,MAAA,OAAA;MAIC,QAAA,QAAA,MAAA;AAKC,MAAI,MAAO,aAAY,KAAA,GAAK;GAC7B,MAAA,gBAAA,uBAAA,MAAA,UAAA,OAAA;AACE,OAAM,kBAAY,KAAA,EACV,QAAO,OAAK;;AAIpB,MAAE,MAAA,eAAe,KAAA,EACb,KAAC,OAAU,MAAE,eAAA,YAAA,MAAA,WAAA,SAAA,IAAA,CACT,QAAA,aAAA,kBAAA,MAAA,YAAA,OAAA;MAGL,QAAY,aAAO,MAAA;EAIxB,MAAA,YAAA,EAAA;AAEE,MAAE,MAAQ,cAAY,KAAA,EACxB,KAAA,OAAA,MAAA,cAAA,YAAA,MAAA,UAAA,SAAA,IAAA,CACI,WAAe,YAAQ,kBAAA,MAAA,WAAA,OAAA;MAGjB,WAAU,YAAA,MAAA;AAGlB,MAAC,MAAA,eAAA,KAAA,EACD,KAAA,OAAA,MAAA,eAAA,YAAA,MAAA,WAAA,SAAA,IAAA,CACC,WAAA,aAAA,kBAAA,MAAA,YAAA,OAAA;WAEC,OAAkB,MAAG,eAAc,SAChC,WAAU,aAAO,MAAA;;AAOtB,MAAG,MAAI,WAAc,KAAA,EAClB,KAAK,OAAO,MAAE,WAAY,YAAY,MAAQ,OAAA,SAAA,IAAA,CAC7C,WAAc,SAAC,kBAAW,MAAA,QAAA,OAAA;MAGxB,WAAK,SAAA,MAAA;;GAKR,MAAI,eAAkB,uBAAiB,MAAA,SAAA,OAAA;AACvC,OAAA,iBAAsB,KAAA,EACrB,WAAc,UAAK;;AAIvB,MAAI,MAAA,aAAA,KAAA,EACJ,WAAA,WAAA,MAAA;AAGA,MAAI,MAAM,UAAU,KAAA,EAChB,KAAI,OAAO,MAAM,UAAU,YAAY,MAAK,MAAM,SAAU,IAAC,CACzD,WAAO,QAAW,kBAAE,MAAkB,OAAM,OAAY;MAG5D,WAAA,QAAA,MAAA;AAIJ,MAAA,OAAM,KAAU,UAAI,CAAA,SAAA,EAAA,QAAA,QAAA;AAGpB,SAAI;;AAGA,QADI,EAAU,MAAA;EAAA,MAAY,eAAiB,kBAAkB,UAAO,OAAA,OAAA,CAAA;EAAA,GAAA,kBAAA,UAAA;EAAA,CAC7D;;AAGX,IAAA,iBAEI"}
+{"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();\n\nconst read = (prop, fallback) => prop ? prop() : fallback;\n\nconst parseNumericStyleValue = (value, object) => {\n    value = resolveDynamicValue(value, object);\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, object);\n    }\n\n    if (style.fontWeight !== undefined) {\n        textStyle.fontWeight = resolveDynamicValue(style.fontWeight, object);\n    }\n\n    if (style.stroke !== undefined) {\n        textStyle.stroke = resolveDynamicValue(style.stroke, object);\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, object);\n    }\n\n    return textStyle;\n};\n\nconst textValue = computed(() => String(resolveDynamicValue(read(value, ''), object) ?? ''));\nconst textColor = computed(() => {\n    const currentStyle = read(style, {});\n    return currentStyle.fill !== undefined ? resolveDynamicValue(currentStyle.fill, object) : 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, object) : undefined;\n});\nconst textStyle = computed(() => getTextStyle(read(style, {})));\n</script>\n"],"mappings":";;;;CAQoB,SAAY,QAAQ;CAElC,MAAA,EAAA,QAAA,OAAyB,UAAA,eAAA,QAAmB,EAAA;CAClD,MAAI,QAAQ,MAAA,aAAoB,OAAO,MAAO,GAAA;CAC9C,MAAM,0BAAyB,OAAQ,WAAQ;EAC3C,QAAI,oBAAwB,OAAG,OAAO;0CAEtC,OAAW,KAAA;EACX,IAAA,OAAO,UAAa,UACvB,OAAA;;EAED,OAAM,MAAA,IAAe,GAAC,KAAA,IAAU;;CAEhC,MAAI,gBAAkB,UAAE;cAEhB,OAAM,EAAA;EACV,MAAI,YAAU,EAAA;EACd,IAAA,MAAA,cAAA,KAAA,GAAA,UAAA,YAAA,oBAAA,MAAA,WAAA,OAAA;EAGA,IAAI,MAAA,eAAqB,KAAA,GACzB,UAAA,aAAA,oBAAA,MAAA,YAAA,OAAA;EAEA,IAAI,MAAM,WAAW,KAAA,GACjB,UAAU,SAAS,oBAAoB,MAAM,QAAQ,OAAO;;GAG5D,MAAM,eAAY,uBAAW,MAAA,SAAA,OAAA;GAC7B,IAAA,iBAAqB,KAAA,GACjB,UAAA,UAAiB;;EAGzB,IAAA,MAAA,aAAA,KAAA,GAAA,UAAA,WAAA,MAAA;EAGA,IAAI,MAAA,UAAU,KAAA,GACd,UAAA,QAAA,oBAAA,MAAA,OAAA,OAAA;EAEA,OAAI;;CAiBJ,OADgB,EAAE,MAAC;EAAA,MAdnB,eAAA,OAAA,oBAAA,KAAA,OAAA,GAAA,EAAA,OAAA,IAAA,GAAA,CAckC;EAAA,OAAA,eAAA;GAZlC,MAAM,eAAU,KAAA,OAAA,EAAA,CAAA;GACnB,OAAA,aAAA,SAAA,KAAA,IAAA,oBAAA,aAAA,MAAA,OAAA,GAAA,KAAA;IAWqC;EAAA,MATrB,eAAe;GAChC,MAAM,eAAY,KAAY,OAAG,EAAA,CAAA;GAC7B,OAAM,aAAc,aAAa,KAAA,IAAG,uBAAA,aAAA,UAAA,OAAA,GAAA,KAAA;IAOF;EAAA,YALpC,eAAA;GACF,MAAM,eAAmB,KAAK,OAAE,EAAA,CAAA;GAC5B,OAAM,aAAc,eAAe,KAAA,IAAC,oBAAA,aAAA,YAAA,OAAA,GAAA,KAAA;IAGF;EAAA,OADpC,eAAA,aAAA,KAAA,OAAA,EAAA,CAAA,CAAA,CACoC;EAAA,CAC5B;;AAGJ,IAAA,iBAAA"}

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,MAAG,EAAA,OAAA,QAAiB,UAAa,OAAO,KAAC,SAD1C,eAAA,QACgD,EAAA;;CAEvD,MAAE,QAAQ,SAAa;CACvB,MAAE,SAAa,eAAS,OAAA,aAAe,KAAA,eAAA,SAAA,IAAA,UAAA;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,CACT"}
+{"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,MAAG,EAAA,OAAA,QAAiB,UAAa,OAAO,KAAC,SAD1C,eAAA,QACgD,EAAA;;CAEvD,MAAE,QAAQ,SAAa;CACvB,MAAE,SAAa,eAAS,OAAA,aAAe,KAAA,eAAA,SAAA,IAAA,UAAA;CAE/B,OADQ,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,CACT"}

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\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\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 dialogFace = computed(() => resolveProp(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(() => 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 = (faceValue) => {\n        return {\n            definition: engine.getSpriteSheet(faceValue.id),\n            playing: faceValue.expression || \"default\",\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 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\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\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 dialogFace = computed(() => resolveProp(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(() => 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 = (faceValue) => {\n        return {\n            definition: engine.getSpriteSheet(faceValue.id),\n            playing: faceValue.expression || \"default\",\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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"}

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

@@ -1 +1 @@
-{"version":3,"file":"gameover.ce.js","names":[],"sources":["../../../src/components/gui/gameover.ce"],"sourcesContent":["<DOMContainer width=\"100%\" height=\"100%\">\n    <div class=\"rpg-ui-gameover-screen rpg-anim-fade-in\">\n        <div class=\"rpg-ui-gameover-splatter rpg-ui-gameover-splatter-left\"></div>\n        <div class=\"rpg-ui-gameover-splatter rpg-ui-gameover-splatter-right\"></div>\n        <div class=\"rpg-ui-gameover-splatter rpg-ui-gameover-splatter-center\"></div>\n        <div class=\"rpg-ui-gameover-header rpg-anim-shake\">\n            <div class=\"rpg-ui-gameover-title\">{titleText()}</div>\n            @if (subtitleText()) {\n                <div class=\"rpg-ui-gameover-subtitle\">{subtitleText()}</div>\n            }\n        </div>\n        <Navigation tabindex={selectedEntry} controls={controls}>\n            <div class=\"rpg-ui-menu rpg-ui-gameover-menu rpg-anim-slide-up\">\n                @for ((entry,index) of entryList()) {\n                    <div\n                        class=\"rpg-ui-menu-item\"\n                        class={{disabled: isEntryDisabled(entry)}}\n                        data-selected={selectedEntry() === index ? \"true\" : \"false\"}\n                        tabindex={index}\n                        click={selectEntry(index)}\n                    >{entry.label}</div>\n                }\n            </div>\n        </Navigation>\n    </div>\n</DOMContainer>\n\n<script>\n    import { signal, computed, effect } from \"canvasengine\";\n    import { PrebuiltGui } from \"@rpgjs/common\";\n    import { inject } from \"../../core/inject\";\n    import { RpgClientEngine } from \"../../RpgClientEngine\";\n    import { RpgGui } from \"../../Gui/Gui\";\n\n    const engine = inject(RpgClientEngine);\n    const guiService = inject(RpgGui);\n    const keyboardControls = engine.globalConfig.keyboardControls;\n\n    const { entries, title, subtitle, saveLoad, localActions, onInteraction } = defineProps({\n        entries: {\n            default: () => []\n        },\n        saveLoad: {\n            default: () => ({})\n        },\n        localActions: {\n            default: false\n        }\n    });\n\n    const defaultEntries = [\n        { id: \"title\", label: \"Title Screen\" },\n        { id: \"load\", label: \"Load Game\" }\n    ];\n\n    const resolveProp = (value) => typeof value === \"function\" ? value() : value;\n    const titleText = computed(() => resolveProp(title) || \"Game Over\");\n    const subtitleText = computed(() => resolveProp(subtitle) || \"\");\n    const localActionsEnabled = computed(() => resolveProp(localActions) === true);\n\n    const entryList = computed(() => {\n        const list = resolveProp(entries);\n        if (Array.isArray(list) && list.length) return list;\n        return defaultEntries;\n    });\n\n    const isEntryDisabled = (entry) => {\n        if (!entry) return true;\n        if (entry.disabled) return true;\n        if (entry.enabled === false) return true;\n        return false;\n    };\n\n    const selectedEntry = signal(0);\n    const selectableIndexes = computed(() => {\n        const list = entryList();\n        return list\n            .map((entry, index) => (isEntryDisabled(entry) ? null : index))\n            .filter((value) => value !== null);\n    });\n\n    effect(() => {\n        const available = selectableIndexes();\n        if (!available.length) return;\n        const current = selectedEntry();\n        if (!available.includes(current)) {\n            selectedEntry.set(available[0]);\n        }\n    });\n\n    const moveSelection = (delta) => {\n        const available = selectableIndexes();\n        if (!available.length) return;\n        const current = selectedEntry();\n        const currentIndex = Math.max(0, available.indexOf(current));\n        const nextIndex = (currentIndex + delta + available.length) % available.length;\n        selectedEntry.set(available[nextIndex]);\n    };\n\n    const triggerSelect = (index) => {\n        const list = entryList();\n        const entry = list[index];\n        if (!entry || isEntryDisabled(entry)) return;\n        if (localActionsEnabled()) {\n            if (entry.id === \"title\") {\n                guiService.hide(PrebuiltGui.Gameover);\n                guiService.display(PrebuiltGui.TitleScreen);\n            }\n            if (entry.id === \"load\") {\n                const config = resolveProp(saveLoad) || {};\n                const slots = Array.isArray(config.slots) ? config.slots : [null, null, null];\n                guiService.display(PrebuiltGui.Save, {\n                    ...config,\n                    mode: config.mode || \"load\",\n                    slots\n                });\n            }\n        }\n        if (onInteraction) {\n            onInteraction(\"select\", { id: entry.id, index, entry });\n        }\n    };\n\n    function selectEntry(index) {\n        return function() {\n            selectedEntry.set(index);\n            triggerSelect(index);\n        };\n    }\n\n    const controls = signal({\n        up: {\n            repeat: true,\n            bind: keyboardControls.up,\n            throttle: 150,\n            keyDown() {\n                moveSelection(-1);\n            }\n        },\n        down: {\n            repeat: true,\n            bind: keyboardControls.down,\n            throttle: 150,\n            keyDown() {\n                moveSelection(1);\n            }\n        },\n        action: {\n            bind: keyboardControls.action,\n            keyDown() {\n                triggerSelect(selectedEntry());\n            }\n        },\n        gamepad: {\n            enabled: true\n        }\n    });\n</script>\n"],"mappings":"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"}
+{"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.map

@@ -1 +1 @@
-{"version":3,"file":"hud.ce.js","names":[],"sources":["../../../../src/components/gui/hud/hud.ce"],"sourcesContent":["<DOMContainer>\n    <div class=\"rpg-hud\">\n        <div class=\"rpg-avatar\">\n            @if (hasFace()) {\n                <div class=\"rpg-avatar-face\">\n                    <DOMSprite \n                        sheet={faceSheet(face())} \n                        width={64} \n                        height={64} \n                        objectFit=\"contain\" \n                    />\n                </div>\n            }\n            <div class=\"rpg-avatar-level\">{{ level() }}</div>\n        </div>\n        <div class=\"rpg-status-bars\">\n            <div class=\"rpg-bar-container\">\n                <span class=\"rpg-bar-text\">HP {{ hp() }}/{{ hpMax() }}</span>\n                <div class=\"rpg-bar-fill health\" style={{width: percentHp}}></div>\n            </div>\n            <div class=\"rpg-bar-container\">\n                <span class=\"rpg-bar-text\">SP {{ sp() }}/{{ spMax() }}</span>\n                <div class=\"rpg-bar-fill mana\" style={{width: percentSp}}></div>\n            </div>\n        </div>\n    </div>\n</DOMContainer>\n\n<script>\n    import { inject } from \"../../../core/inject\";\n    import { RpgClientEngine } from \"../../../RpgClientEngine\";\n    import { computed } from \"canvasengine\";\n    import { getEntityProp } from \"../../../utils/getEntityProp\";\n\n    const engine = inject(RpgClientEngine)\n    const currentPlayer = engine.scene.currentPlayer\n    const { data } = defineProps();\n    const { faceset } = data();\n\n    const resolveProp = (value) => typeof value === \"function\" ? value() : value;\n    const face = computed(() => resolveProp(data().faceset));\n\n    const hasFace = computed(() => {\n        const value = face();\n        return !!(value && value.id);\n    });\n    const faceSheet = (faceValue) => ({\n        definition: engine.getSpriteSheet(faceValue.id),\n        playing: faceValue.expression || \"default\",\n    });\n    const hp = getEntityProp(currentPlayer, \"hp\")\n    const hpMax = getEntityProp(currentPlayer, \"params.maxHp\")\n    const percentHp = computed(() => (hp() / hpMax() * 100) + '%')\n\n    const sp = getEntityProp(currentPlayer, \"sp\")\n    const spMax = getEntityProp(currentPlayer, \"params.maxSp\")\n    const percentSp = computed(() => (sp() / spMax() * 100) + '%')\n\n    const level = getEntityProp(currentPlayer, \"level\")\n</script>\n    \n"],"mappings":";;;;;AAWM,SAAS,UAAM,SAAA;AACT,UAAA,QAAA;CACJ,MAAK,cAAe,eAAe,QAAQ;CAC3C,MAAK,SAAA,OAAA,gBAAA;CACb,MAAM,gBAAc,OAAI,MAAW;CACnC,MAAM,EAAE,SAAS,aAAW;CAC5B,MAAM,EAAE,YAAS,MAAK;CACtB,MAAM,eAAe,UAAU,OAAK,UAAY,aAAS,OAAO,GAAA;CAChE,MAAM,OAAO,eAAI,YAAA,MAAA,CAAA,QAAA,CAAA;CACjB,MAAM,UAAU,eAAe;EAC3B,MAAM,QAAO,MAAK;AAClB,SAAO,CAAC,EAAE,SAAO,MAAO;GAC1B;CACF,MAAM,aAAO,eAAA;EACT,YAAK,OAAA,eAAA,UAAA,GAAA;EACP,SAAA,UAAY,cAAA;;CAEd,MAAC,KAAM,cAAA,eAAA,KAAA;CACP,MAAI,QAAS,cAAe,eAAc,eAAO;CACjD,MAAI,YAAS,eAAkB,IAAO,GAAG,OAAK,GAAA,MAAA,IAAgB;CAC9D,MAAI,KAAO,cAAa,eAAM,KAAa;CAC3C,MAAI,QAAS,cAAe,eAAe,eAAO;;CAElD,MAAI,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,CACnB;;AAGhB,IAAM,iBAAA"}
+{"version":3,"file":"hud.ce.js","names":[],"sources":["../../../../src/components/gui/hud/hud.ce"],"sourcesContent":["<DOMContainer>\n    <div class=\"rpg-hud\">\n        <div class=\"rpg-avatar\">\n            @if (hasFace()) {\n                <div class=\"rpg-avatar-face\">\n                    <DOMSprite \n                        sheet={faceSheet(face())} \n                        width={64} \n                        height={64} \n                        objectFit=\"contain\" \n                    />\n                </div>\n            }\n            <div class=\"rpg-avatar-level\">{{ level() }}</div>\n        </div>\n        <div class=\"rpg-status-bars\">\n            <div class=\"rpg-bar-container\">\n                <span class=\"rpg-bar-text\">HP {{ hp() }}/{{ hpMax() }}</span>\n                <div class=\"rpg-bar-fill health\" style={{width: percentHp}}></div>\n            </div>\n            <div class=\"rpg-bar-container\">\n                <span class=\"rpg-bar-text\">SP {{ sp() }}/{{ spMax() }}</span>\n                <div class=\"rpg-bar-fill mana\" style={{width: percentSp}}></div>\n            </div>\n        </div>\n    </div>\n</DOMContainer>\n\n<script>\n    import { inject } from \"../../../core/inject\";\n    import { RpgClientEngine } from \"../../../RpgClientEngine\";\n    import { computed } from \"canvasengine\";\n    import { getEntityProp } from \"../../../utils/getEntityProp\";\n\n    const engine = inject(RpgClientEngine)\n    const currentPlayer = engine.scene.currentPlayer\n    const { data } = defineProps();\n    const { faceset } = data();\n\n    const resolveProp = (value) => typeof value === \"function\" ? value() : value;\n    const face = computed(() => resolveProp(data().faceset));\n\n    const hasFace = computed(() => {\n        const value = face();\n        return !!(value && value.id);\n    });\n    const faceSheet = (faceValue) => ({\n        definition: engine.getSpriteSheet(faceValue.id),\n        playing: faceValue.expression || \"default\",\n    });\n    const hp = getEntityProp(currentPlayer, \"hp\")\n    const hpMax = getEntityProp(currentPlayer, \"params.maxHp\")\n    const percentHp = computed(() => (hp() / hpMax() * 100) + '%')\n\n    const sp = getEntityProp(currentPlayer, \"sp\")\n    const spMax = getEntityProp(currentPlayer, \"params.maxSp\")\n    const percentSp = computed(() => (sp() / spMax() * 100) + '%')\n\n    const level = getEntityProp(currentPlayer, \"level\")\n</script>\n    \n"],"mappings":";;;;;AAWM,SAAS,UAAM,SAAA;CACT,SAAA,QAAA;CACJ,MAAK,cAAe,eAAe,QAAQ;CAC3C,MAAK,SAAA,OAAA,gBAAA;CACb,MAAM,gBAAc,OAAI,MAAW;CACnC,MAAM,EAAE,SAAS,aAAW;CAC5B,MAAM,EAAE,YAAS,MAAK;CACtB,MAAM,eAAe,UAAU,OAAK,UAAY,aAAS,OAAO,GAAA;CAChE,MAAM,OAAO,eAAI,YAAA,MAAA,CAAA,QAAA,CAAA;CACjB,MAAM,UAAU,eAAe;EAC3B,MAAM,QAAO,MAAK;EAClB,OAAO,CAAC,EAAE,SAAO,MAAO;GAC1B;CACF,MAAM,aAAO,eAAA;EACT,YAAK,OAAA,eAAA,UAAA,GAAA;EACP,SAAA,UAAY,cAAA;;CAEd,MAAC,KAAM,cAAA,eAAA,KAAA;CACP,MAAI,QAAS,cAAe,eAAc,eAAO;CACjD,MAAI,YAAS,eAAkB,IAAO,GAAG,OAAK,GAAA,MAAA,IAAgB;CAC9D,MAAI,KAAO,cAAa,eAAM,KAAa;CAC3C,MAAI,QAAS,cAAe,eAAe,eAAO;;CAElD,MAAI,QAAM,cAAgB,eAAe,QAAA;CAErC,OADM,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,CACnB;;AAGhB,IAAM,iBAAA"}