@cocreate/element-prototype 1.6.6 → 1.8.0

package/CHANGELOG.md

@@ -1,3 +1,18 @@
+# [1.8.0](https://github.com/CoCreate-app/CoCreate-element-prototype/compare/v1.7.0...v1.8.0) (2023-04-24)
+
+
+### Features
+
+* added pwa manifest ([56f9312](https://github.com/CoCreate-app/CoCreate-element-prototype/commit/56f9312293b1d6816c5c7482956851c5aba08273))
+
+# [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)
 
 

package/demo/index.html

@@ -7,6 +7,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="icon" href="https://cdn.cocreate.app/favicon.ico" type="image/ico" sizes="16x16">
     <title>element-prototype | CoCreateJS</title>
+    <link rel="manifest" href="/manifest.json">
   </head>
 
   <body>

package/docs/index.html

@@ -13,7 +13,8 @@
         <!-- CoCreate CSS CDN -->
         <link rel="stylesheet" href="https://cdn.cocreate.app/latest/CoCreate.min.css" type="text/css" />
         
-    </head>
+		<link rel="manifest" href="/manifest.json" />
+	</head>
 
     <body>
         <div collection="" document_id="" name="" id="cocreate-element-prototype">

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cocreate/element-prototype",
-  "version": "1.6.6",
+  "version": "1.8.0",
   "description": "A simple element-prototype component in vanilla javascript. Easily configured using HTML5 data-attributes and/or JavaScript API.",
   "keywords": [
     "element-prototype",

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)