@cocreate/elements 1.14.0 → 1.14.1

package/CHANGELOG.md

@@ -1,3 +1,11 @@
+## [1.14.1](https://github.com/CoCreate-app/CoCreate-elements/compare/v1.14.0...v1.14.1) (2022-12-29)
+
+
+### Bug Fixes
+
+* bump dependencies ([d4637fa](https://github.com/CoCreate-app/CoCreate-elements/commit/d4637fa2089fbee92e3191704bcd65c9ac4d12fa))
+* exclusively use element-prototype getValue and setValue ([5d4bc05](https://github.com/CoCreate-app/CoCreate-elements/commit/5d4bc05c27e5f83275547d2f32e6de363a6c744e))
+
 # [1.14.0](https://github.com/CoCreate-app/CoCreate-elements/compare/v1.13.31...v1.14.0) (2022-12-27)
 
 

package/demo/get-value.html

@@ -1,28 +1,26 @@
 <!DOCTYPE html>
 <html>
-  <head>
-    <title>Value | CoCreateJS</title>
-    
-    <!-- CoCreate Favicon -->
-    <link rel="icon" href="https://cdn.cocreate.app/favicon.ico" type="image/ico" sizes="16x16">
-    <!-- CoCreate CSS CDN -->
-    <link rel="stylesheet" href="https://cdn.cocreate.app/logic/latest/CoCreate-logic.min.css" type="text/css"/>
-  </head>
-  <body>
-    <!--<ul get-value="#a123"> </ul>-->
-    <!--<ul id="a123"> hello </ul>-->
-    
-    <input id="testing" value="new">
-    <h1 get-value="#testing" get-value-key="ty" class="{{ty}}" test="{{ty}}">{{ty}}</h1>
+    <head>
+        <title>Value | CoCreateJS</title>
+        
+        <!-- CoCreate Favicon -->
+        <link rel="icon" href="https://cdn.cocreate.app/favicon.ico" type="image/ico" sizes="16x16">
+        <!-- CoCreate CSS CDN -->
+        <link rel="stylesheet" href="https://cdn.cocreate.app/logic/latest/CoCreate-logic.min.css" type="text/css"/>
+    </head>
+    <body>
 
-    <hr/>
+        <input id="testing" value="new">
+        <h1 get-value="#testing" get-value-key="ty" class="{{ty}}" test="{{ty}}">{{ty}}</h1>
 
-    <input id="testing1" value="new1" />
-    <input get-value="#testing1" />
-    <input get-value="#testing1" />
-      
-    <script src="https://cdn.cocreate.app/latest/CoCreate.min.js"></script>
-    <!--<script src="../dist/CoCreate-form.js"></script>-->
-      
-  </body>
+        <hr/>
+
+        <input id="testing1" value="new1" />
+        <input get-value="#testing1" />
+        <input get-value="#testing1" />
+        
+        <script src="https://cdn.cocreate.app/latest/CoCreate.min.js"></script>
+        <!--<script src="../dist/CoCreate-form.js"></script>-->
+        
+    </body>
 </html>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cocreate/elements",
-  "version": "1.14.0",
+  "version": "1.14.1",
   "description": "Fetch content into any html element by using html5 attributes to query data stored in CoCreate headless CMS. If data is changed it will instantly reflect in html tags as changes are broadcasted in realtime",
   "keywords": [
     "elements",
@@ -60,11 +60,11 @@
     "webpack-log": "^3.0.1"
   },
   "dependencies": {
-    "@cocreate/actions": "^1.5.44",
-    "@cocreate/crud-client": "^1.17.3",
-    "@cocreate/docs": "^1.4.26",
-    "@cocreate/element-prototype": "^1.2.15",
-    "@cocreate/observer": "^1.5.48",
-    "@cocreate/utils": "^1.17.7"
+    "@cocreate/actions": "^1.5.45",
+    "@cocreate/crud-client": "^1.17.5",
+    "@cocreate/docs": "^1.4.27",
+    "@cocreate/element-prototype": "^1.2.17",
+    "@cocreate/observer": "^1.5.49",
+    "@cocreate/utils": "^1.17.9"
   }
 }

package/src/getValue.js

@@ -57,47 +57,41 @@ function initEvents(valueEl, element, mutation){
 }
 
 function setValueByFind(valueEl, mutation) {
-	let value;
-	// todo can be removed if all elements have getValue using prototype
-	if (valueEl.hasAttribute('value'))
-		value = valueEl.getAttribute('value');
-	else if (valueEl.getValue)
-		value = valueEl.getValue();
-	// else
-	// 	value = getValue(valueEl);
+	let value = valueEl.getValue();
 	if (!value) return;
+
 	let elements = mutation || valueEls.get(valueEl);
-	
-	if (elements)
-	for(let element of elements){
-		let key = element.getAttribute('get-value-key');
-		if (key){
-			key = `{{${key}}}`;
-			const regex = new RegExp(key, "g");
-			for (let attribute of element.attributes){
-				let attrName = attribute.name;
-				let attrValue = attribute.value;
-				let setAttr = false;
-				if (attrValue.includes(key)){
-					attrValue = attrValue.replace(regex, value);
-					setAttr = true;
+	if (elements) {
+		for(let element of elements){
+			let key = element.getAttribute('get-value-key');
+			if (key){
+				key = `{{${key}}}`;
+				const regex = new RegExp(key, "g");
+				for (let attribute of element.attributes){
+					let attrName = attribute.name;
+					let attrValue = attribute.value;
+					let setAttr = false;
+					if (attrValue.includes(key)){
+						attrValue = attrValue.replace(regex, value);
+						setAttr = true;
+					}
+					if (attrName.includes(key)){
+						element.removeAttribute(key);
+						attrName = attrName.replace(regex, value);
+						setAttr = true;
+					}
+					if (setAttr)
+						element.setAttribute(attrName, attrValue);
 				}
-				if (attrName.includes(key)){
-					element.removeAttribute(key);
-					attrName = attrName.replace(regex, value);
-					setAttr = true;
+				let html = element.innerHTML;
+				if (html.indexOf(key) !== -1){
+					html = html.replace(regex, value);
+					element.innerHTML = html;
 				}
-				if (setAttr)
-					element.setAttribute(attrName, attrValue);
-			}
-			let html = element.innerHTML;
-			if (html.indexOf(key) !== -1){
-				html = html.replace(regex, value);
-				element.innerHTML = html;
 			}
+			else
+				element.setValue(value);
 		}
-		else
-			element.setValue(value);
 	}
 }
 

package/src/setValue.js

@@ -35,9 +35,7 @@ function setValueByFind(element){
 	if (key)
 		key = `{{${key}}}`;
 	
-	let value
-	if (element.getValue)
-		value = element.getValue();
+	let value = element.getValue();
 	if (!value) return;
 
     let selector = element.getAttribute('set-value');