@cocreate/state 1.24.4 → 1.24.6

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## [1.24.6](https://github.com/CoCreate-app/CoCreate-state/compare/v1.24.5...v1.24.6) (2025-11-16)
+
+
+### Bug Fixes
+
+* correct method name for retrieving element value and enhance state attribute handling ([bda5c5a](https://github.com/CoCreate-app/CoCreate-state/commit/bda5c5a2ed26215b824b75052e4cf19f5f3c16b3))
+
+## [1.24.5](https://github.com/CoCreate-app/CoCreate-state/compare/v1.24.4...v1.24.5) (2025-09-07)
+
+
+### Bug Fixes
+
+* enhance attribute handling for elements with operator prefix ([9838a6e](https://github.com/CoCreate-app/CoCreate-state/commit/9838a6eb25dbe2c482d6c7e730039e175a2a1fc0))
+
 ## [1.24.4](https://github.com/CoCreate-app/CoCreate-state/compare/v1.24.3...v1.24.4) (2025-05-01)
 
 

package/package.json

@@ -1,18 +1,10 @@
 {
   "name": "@cocreate/state",
-  "version": "1.24.4",
+  "version": "1.24.6",
   "description": "Data attributes which can be used for components in CoCreate framework combined as a group of attributes that dynamically change attributes & fetch custom data.",
   "keywords": [
     "state",
-    "cocreate",
-    "low-code-framework",
-    "no-code-framework",
-    "cocreatejs",
-    "cocreatejs-component",
-    "cocreate-framework",
-    "no-code",
     "low-code",
-    "collaborative-framework",
     "realtime",
     "realtime-framework",
     "collaboration",

package/src/index.js

@@ -96,8 +96,19 @@ async function _setAttributeValue(element, attribute, value, isOverwrite) {
 				(element.hasAttribute("value") && !(await element.getValue()))
 			)
 				element.setValue(value);
-		} else if (element.hasAttribute(attribute) && (value || value === ""))
+		} else if (element.hasAttribute(attribute) && (value || value === "")) {
 			element.setAttribute(attribute, value);
+		} else if (attribute.startsWith("$")) {
+			// Handle using operators.js
+			const prop = attribute.substring(1);
+			if (element[prop]) {
+				if (typeof element[prop] === "function") {
+					element[prop](value);
+				} else {
+					element[prop] = value;
+				}
+			}
+		}
 	}
 }
 
@@ -115,14 +126,21 @@ async function stateAttributes(element) {
 	}
 	let elements = [];
 
-	let form = element.closest("form");
-	if (form) {
-		elements = form.querySelectorAll("[state_to]");
-	} else {
-		if (element.hasAttribute("state_to")) elements.push(element);
-		let nestedElements = element.querySelectorAll("[state_to]");
-		elements.push(...nestedElements);
+	// let form = element.closest("form");
+	// if (form) {
+	// 	elements = form.querySelectorAll("[state_to]");
+	// } else {
+	if (element.hasAttribute("state_to")) elements.push(element);
+	let nestedElements = element.querySelectorAll("[state_to]");
+	elements.push(...nestedElements);
+	let current = element;
+	while (current) {
+		if (current.hasAttribute("state_to") && !elements.includes(current)) {
+			elements.push(current);
+		}
+		current = current.parentElement;
 	}
+	// }
 
 	let changeState = false;
 	for (let i = 0; i < elements.length; i++) {
@@ -176,7 +194,7 @@ async function _getAttributeValues(element) {
 				});
 			else if (attribute.name == "state-value" && !attribute.value)
 				Object.assign(attributeValues, {
-					value: await element.getvalue()
+					value: await element.getValue()
 				});
 			else
 				Object.assign(attributeValues, {
@@ -189,7 +207,7 @@ async function _getAttributeValues(element) {
 		!element.hasAttribute("state-value") &&
 		element.getvalue
 	)
-		Object.assign(attributeValues, { value: await element.getvalue() });
+		Object.assign(attributeValues, { value: await element.getValue() });
 
 	return attributeValues;
 }