@cocreate/element-prototype 1.6.5 → 1.7.0

package/CHANGELOG.md

@@ -1,3 +1,18 @@
+# [1.7.0](https://github.com/CoCreate-app/CoCreate-element-prototype/compare/v1.6.6...v1.7.0) (2023-04-13)
+
+
+### Features
+
+* setValue checks for prefix and suffix  and removes them from value prior to setting value ([41cd87d](https://github.com/CoCreate-app/CoCreate-element-prototype/commit/41cd87d28d9f77524917516bb4de76dc13ec78d5))
+* support value-type array ([05715a3](https://github.com/CoCreate-app/CoCreate-element-prototype/commit/05715a38a6601fe0dc8fdde7e027d29a26aaf49d))
+
+## [1.6.6](https://github.com/CoCreate-app/CoCreate-element-prototype/compare/v1.6.5...v1.6.6) (2023-04-11)
+
+
+### Bug Fixes
+
+* bump dependencies ([01ccfc5](https://github.com/CoCreate-app/CoCreate-element-prototype/commit/01ccfc5ab21c851593391f410e0c850331aec1a7))
+
 ## [1.6.5](https://github.com/CoCreate-app/CoCreate-element-prototype/compare/v1.6.4...v1.6.5) (2023-04-11)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cocreate/element-prototype",
-  "version": "1.6.5",
+  "version": "1.7.0",
   "description": "A simple element-prototype component in vanilla javascript. Easily configured using HTML5 data-attributes and/or JavaScript API.",
   "keywords": [
     "element-prototype",
@@ -60,8 +60,8 @@
     "webpack-log": "^3.0.1"
   },
   "dependencies": {
-    "@cocreate/docs": "^1.6.4",
-    "@cocreate/hosting": "^1.8.4",
-    "@cocreate/utils": "^1.19.4"
+    "@cocreate/docs": "^1.6.5",
+    "@cocreate/hosting": "^1.8.5",
+    "@cocreate/utils": "^1.19.5"
   }
 }

package/src/getValue.js

@@ -24,14 +24,19 @@ const getValue = (element) => {
 		let inputs = [element]
 		let name = element.getAttribute('name');
 		if (name)
-			inputs = document.querySelectorAll(`input[type="${el.type}"][name="${name}"]`);
+			inputs = document.querySelectorAll(`input[type="${element.type}"][name="${name}"]`);
 			
 
 		if (inputs.length > 1) {
 			value = [];
 			inputs.forEach(el => {
-				if (el.checked) 
-					value.push(el.value);
+				if (el.checked) {
+					let checkedValue = el.value
+					if (prefix || suffix)
+						checkedValue = prefix + checkedValue + suffix;	
+
+					value.push(checkedValue);
+				}
 			});
 		} else {
 			if (element.checked) 
@@ -57,7 +62,10 @@ const getValue = (element) => {
 		let options = element.selectedOptions;
 		value = [];
 		for (let i = 0; i < options.length; i++) {
-			value.push(options[i].value);
+			let optionValue = options[i].value
+			if (prefix || suffix)
+				optionValue = prefix + optionValue + suffix;	
+			value.push(optionValue);
 		}
 	}
 	else if (element.tagName == 'INPUT' || element.tagName == 'SELECT') {
@@ -78,8 +86,14 @@ const getValue = (element) => {
 	else {
 		value = element.innerHTML;
 	}
-	if (prefix || suffix)
-		value = prefix + value + suffix;
+	if (!Array.isArray(value)) {
+		if (prefix || suffix)
+			value = prefix + value + suffix;
+
+		if (element.getAttribute('value-type') == 'array')
+			value = [value];
+	}
+
 
 	return value;
 };

package/src/setValue.js

@@ -18,6 +18,12 @@ HTMLHeadingElement.prototype.setValue = function(value) {
 const setValue = (el, value) => {
 	if (value === null || value === undefined) return;
 	let valueType = el.getAttribute('value-type');
+	let prefix = el.getAttribute('value-prefix') || "";
+	let suffix = el.getAttribute('value-suffix') || "";
+	if (prefix)
+		value = text.replace(prefix, "");
+	if (suffix)
+		value = text.replace(suffix, "");
 
 	if (el.tagName == 'INPUT' || el.tagName == 'TEXTAREA' || el.tagName == 'SELECT') {
 		let {isCrdt} = getAttributes(el)