@cocreate/elements 1.11.1 → 1.12.0

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+# [1.12.0](https://github.com/CoCreate-app/CoCreate-elements/compare/v1.11.1...v1.12.0) (2022-08-31)
+
+
+### Features
+
+* add getValue() and setValue() to HTMLElement.prototype ([1fde509](https://github.com/CoCreate-app/CoCreate-elements/commit/1fde50918b279bb49103bf7bea1f24861615a0a9))
+
 ## [1.11.1](https://github.com/CoCreate-app/CoCreate-elements/compare/v1.11.0...v1.11.1) (2022-08-01)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cocreate/elements",
-  "version": "1.11.1",
+  "version": "1.12.0",
   "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",

package/src/HTMLElement.js

@@ -1,51 +1,30 @@
-	let v = el.getValue()
+import { setValue } from './setValue';
+import { getValue } from './getValue';
 
-	HTMLElement.prototype.getValue = function() {
-    	this.style.display = 'none';
-	};
-	
-	HTMLInputElement.prototype.getValue = function() {
-		let value = this.value;
+HTMLElement.prototype.getValue = function() {
+	let value = getValue(this)
+	return value;
+};
 
-		let prefix = this.getAttribute('value-prefix') || "";
-		let suffix = this.getAttribute('value-suffix') || "";
+HTMLElement.prototype.setValue = function(value) {
+	setValue(this, value)
+};
 
-		if (this.type === "checkbox") {
-			let el_name = this.getAttribute('name');
-			let checkboxs = document.querySelectorAll(`input[type=checkbox][name='${el_name}']`);
-			if (checkboxs.length > 1) {
-				value = [];
-				checkboxs.forEach(el => {
-					if (el.checked) value.push(el.value);
-				});
-			}
-			else {
-				value = this.checked;
-			}
-		}
-		else if (this.type === "number") {
-			value = Number(value);
-		}
-		else if (this.type === "password") {
-			value = this.__encryptPassword(value);
-		}
+HTMLInputElement.prototype.getValue = function() {
+	let value = getValue(this)
+	return value;
+};
 
-		if (typeof value == "string") {
-			value = prefix + value + suffix;
-		}
+HTMLInputElement.prototype.setValue = function(value) {
+	setValue(this, value)
+};
 
-		if (this.tagName == "SELECT" && this.hasAttribute('multiple')) {
-			let options = this.selectedOptions;
-			value = [];
-			for (let i = 0; i < options.length; i++) {
-				value.push(options[i].value);
-			}
-		}
+HTMLHeadingElement.prototype.getValue = function() {
+	let value = getValue(this)
+	return value;
+};
+
+HTMLHeadingElement.prototype.setValue = function(value) {
+	setValue(this, value)
+};
 
-		return value;
-	};
-	
-	HTMLHeadingElement.prototype.getValue = function() {
-    	this.style.display = 'none';
-	};
-	

package/src/getValue.js

@@ -62,7 +62,7 @@ function setValueByFind(valueEl, mutation) {
 	if (valueEl.hasAttribute('value'))
 		value = valueEl.getAttribute('value');
 	else if(valueEl.getValue)
-		value = valueEl.getValue(valueEl);
+		value = valueEl.getValue();
 	else
 		value = getValue(valueEl);
 	if (!value) return;

package/src/index.js

@@ -4,6 +4,7 @@ import crud from '@cocreate/crud-client';
 import { initSetValues, setValue } from './setValue';
 import { initGetValues, getValue } from './getValue';
 import './fetchSrc';
+import './HTMLElement';
 
 const selector = "[collection][document_id][name]:not(cocreate-select, link), input, textarea, select, [contenteditable]";
 const initializing = new Map();
@@ -33,11 +34,6 @@ function initElements(elements) {
 }
 	
 function initElement(el) {
-	if (el.tagName != 'DIV' || el.classList.contains('domEditor') || el.hasAttribute('contenteditable')){
-		el.getValue = getValue; 
-		el.setValue = setValue; 
-	}
-
 	__initEvents(el);
 
 	if (el.closest('.template')) return;
@@ -97,7 +93,7 @@ function setData(elements, data) {
             } else
 				value = crud.getObjectValueByPath(data.data, name);
 
-				setValue(el, value);
+				el.setValue(value);
 
 			isRendered = true;
 		}

package/src/setValue.js

@@ -36,7 +36,7 @@ function setValueByFind(element){
 	
 	let value
 	if(element.getValue)
-		value = element.getValue(element);
+		value = element.getValue();
 	if (!value) return;
 
     let selector = element.getAttribute('set-value');