@cocreate/render 1.45.2 → 1.45.4

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## [1.45.4](https://github.com/CoCreate-app/CoCreate-render/compare/v1.45.3...v1.45.4) (2025-09-01)
+
+
+### Bug Fixes
+
+* enhance rendering logic and event dispatching for HTML elements ([0a07d0d](https://github.com/CoCreate-app/CoCreate-render/commit/0a07d0de0a6f8badd583326e0f506527368c2fb3))
+
+## [1.45.3](https://github.com/CoCreate-app/CoCreate-render/compare/v1.45.2...v1.45.3) (2025-05-01)
+
+
+### Bug Fixes
+
+* update [@cocreate](https://github.com/cocreate) dependencies ([35a36ce](https://github.com/CoCreate-app/CoCreate-render/commit/35a36ce6685d60e425fe20d57b456798c7d3e364))
+
 ## [1.45.2](https://github.com/CoCreate-app/CoCreate-render/compare/v1.45.1...v1.45.2) (2025-04-30)
 
 

package/package.json

@@ -1,18 +1,10 @@
 {
   "name": "@cocreate/render",
-  "version": "1.45.2",
+  "version": "1.45.4",
   "description": "A simple render component in vanilla javascript. Easily configured using HTML5 attributes and/or JavaScript API.",
   "keywords": [
     "render",
-    "cocreate",
-    "low-code-framework",
-    "no-code-framework",
-    "cocreatejs",
-    "cocreatejs-component",
-    "cocreate-framework",
-    "no-code",
     "low-code",
-    "collaborative-framework",
     "realtime",
     "realtime-framework",
     "collaboration",
@@ -54,10 +46,10 @@
     "webpack-log": "^3.0.1"
   },
   "dependencies": {
-    "@cocreate/actions": "^1.21.0",
-    "@cocreate/api": "^1.22.2",
-    "@cocreate/element-prototype": "^1.29.0",
-    "@cocreate/observer": "^1.18.0",
-    "@cocreate/utils": "^1.38.0"
+    "@cocreate/actions": "^1.21.1",
+    "@cocreate/api": "^1.22.3",
+    "@cocreate/element-prototype": "^1.29.1",
+    "@cocreate/observer": "^1.18.1",
+    "@cocreate/utils": "^1.39.0"
   }
 }

package/src/index.js

@@ -128,10 +128,14 @@ async function render({
 	}
 
 	if (!key) {
-		key =
-			source.getAttribute("render") ||
-			source.getAttribute("key") ||
-			data.type;
+		if (source instanceof HTMLElement) {
+			key =
+				source.getAttribute("render") ||
+				source.getAttribute("key") ||
+				data.type;
+		} else {
+			key = data.type;
+		}
 		if (!key || key === "key") {
 			key = "object";
 		} else if (key === "{}" || (!key && data.method)) {
@@ -197,8 +201,17 @@ async function render({
 		}
 
 		key = element[i].getAttribute("render") || key;
-		let renderType =
-			renderedNode.source.element.getAttribute("render-type");
+		let renderedSource = renderedNode.source;
+		if (!renderedSource) {
+			if (renderedNode.parent && renderedNode.parent.template) {
+				renderedSource = renderedNode.parent.template.source;
+			}
+		}
+		let renderType;
+		if (renderedSource && renderedSource.element) {
+			renderType = renderedSource.element.getAttribute("render-type");
+		}
+
 		let clone;
 		if (remove) {
 			for (let j = 0; j < data[key].length; j++) {
@@ -250,6 +263,11 @@ async function render({
 			await renderValues(element[i], data, key, renderAs);
 		}
 	}
+	// Dispatch input and change events after rendering is complete
+	if (source instanceof HTMLElement) {
+		source.dispatchEvent(new Event("input"));
+		source.dispatchEvent(new Event("change"));
+	}
 }
 
 async function renderTemplate(template, data, key, index, keyPath) {
@@ -262,7 +280,8 @@ async function renderTemplate(template, data, key, index, keyPath) {
 		renderedNodes.set(template, templateData);
 	}
 
-	templateData.parent = template.parentElement.closest("[render]");
+	templateData.parent =
+		template.parentElement.closest("[render]") || template.source;
 	if (templateData.parent) {
 		templateData.parent = renderedNodes.get(templateData.parent);
 	}
@@ -294,7 +313,10 @@ async function renderTemplate(template, data, key, index, keyPath) {
 		}
 	} else if (!renderData) return;
 
-	let renderAs = template.element.getAttribute("render-as") || key;
+	let renderAs =
+		template.element.getAttribute("render-as") ||
+		template.source.element.getAttribute("render-as") ||
+		key;
 	template.renderAs = renderAs;
 
 	let renderType;
@@ -406,7 +428,16 @@ async function renderTemplate(template, data, key, index, keyPath) {
 
 				clone.keyPath = template.keyPath || "" + `[${i}]`;
 
-				let object = { ...renderData[i] };
+				let object;
+				if (
+					typeof renderData[i] === "object" &&
+					renderData[i] !== null
+				) {
+					object = { ...renderData[i] };
+				} else {
+					object = renderData[i];
+				}
+
 				for (let j = 0; j < exclude.length; j++)
 					delete object[exclude[j]];
 
@@ -1123,7 +1154,7 @@ Observer.init({
 		if (mutation.target.hasAttribute("render-clone")) return;
 		let parentElement = mutation.target.parentElement.closest("[render]");
 		if (!parentElement) return;
-		return;
+
 		let renderedNode = renderedNodes.get(parentElement);
 		let data;
 		if (renderedNode.source) {