@cocreate/elements 1.8.3 → 1.10.0

package/CHANGELOG.md

@@ -1,3 +1,25 @@
+# [1.10.0](https://github.com/CoCreate-app/CoCreate-elements/compare/v1.9.0...v1.10.0) (2022-07-08)
+
+
+### Features
+
+* value-type support and if element name attribute  = _id do not save ([164d12f](https://github.com/CoCreate-app/CoCreate-elements/commit/164d12f40a84d85d4114df3b8efe51b9cf6a4e11))
+
+# [1.9.0](https://github.com/CoCreate-app/CoCreate-elements/compare/v1.8.4...v1.9.0) (2022-07-03)
+
+
+### Features
+
+* setValue can target element in iframe or parent of iframe using @cocreate/utils queryDocumentSelectorAll ([1447236](https://github.com/CoCreate-app/CoCreate-elements/commit/1447236b86507336a9c3db6452f0760790cabd59))
+* value-type attribute to define if value is an object ([9649b6a](https://github.com/CoCreate-app/CoCreate-elements/commit/9649b6acdbe5e97f5418df5244025a359433891c))
+
+## [1.8.4](https://github.com/CoCreate-app/CoCreate-elements/compare/v1.8.3...v1.8.4) (2022-06-18)
+
+
+### Bug Fixes
+
+* bump dependencies ([cbbf0b8](https://github.com/CoCreate-app/CoCreate-elements/commit/cbbf0b8d14e2c8c5c79733ecf5dae4f8e20ad72d))
+
 ## [1.8.3](https://github.com/CoCreate-app/CoCreate-elements/compare/v1.8.2...v1.8.3) (2022-06-16)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cocreate/elements",
-  "version": "1.8.3",
+  "version": "1.10.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",
@@ -61,9 +61,10 @@
     "webpack-log": "^3.0.1"
   },
   "dependencies": {
-    "@cocreate/actions": "^1.4.2",
-    "@cocreate/crud-client": "^1.7.0",
-    "@cocreate/docs": "^1.3.2",
-    "@cocreate/observer": "^1.5.2"
+    "@cocreate/actions": "^1.4.3",
+    "@cocreate/crud-client": "^1.7.1",
+    "@cocreate/docs": "^1.3.3",
+    "@cocreate/observer": "^1.5.3",
+    "@cocreate/utils": "^1.8.1"
   }
 }

package/src/index.js

@@ -89,7 +89,16 @@ function setData(elements, data) {
 		
 		// if (data['collection'] == collection && data['document_id'] == document_id && !isEditable) {
 		if (data['collection'] == collection && data['document_id'] == document_id) {
-			const value = encodeData[name];
+			let value;
+			let valueType = el.getAttribute('value-type');
+            if(valueType == 'object' || valueType == 'json'){
+				// if (name == 'data')
+				// 	value = JSON.stringify(data[name])
+				// else
+				value = JSON.stringify(data.data[name])
+				value = decodeURIComponent(value)
+            } else
+				value = encodeData[name];
 			setValue(el, value);
 
 			isRendered = true;
@@ -130,8 +139,8 @@ function __initEvents(el) {
 	if (!elementEvents.has(el)) {
 		if (el.tagName == 'INPUT' || el.tagName == 'TEXTAREA' || el.tagName == 'SELECT' || el.hasAttribute('contenteditable')) {
 			el.addEventListener('input', function(e) {
-				const {document_id, isRealtime, isCrdt} = crud.getAttr(el);
-				if (isCrdt == "true" && document_id || isRealtime == "false") return;
+				const {document_id, name, isRealtime, isCrdt} = crud.getAttr(el);
+				if (isCrdt == "true" && document_id || isRealtime == "false" || name == "_id") return;
 				if (document_id && e.detail && e.detail.skip == true) return;
 				save(el);
 			});

package/src/setValue.js

@@ -1,6 +1,6 @@
 import observer from '@cocreate/observer';
 import crud from '@cocreate/crud-client';
-import { getValue } from './getValue';
+import { queryDocumentSelectorAll } from '@cocreate/utils';
 
 function initSetValues() {
 	var elements = document.querySelectorAll('[set-value]');
@@ -35,7 +35,7 @@ function setValueByFind(element){
 	if (!value) return;
     let selector = element.getAttribute('set-value');
     if(!selector) return;
-	let elements = document.querySelectorAll(selector);
+	let elements = queryDocumentSelectorAll(selector);
 	
 	for(let element of elements){
 		if (key){
@@ -73,7 +73,8 @@ function setValueByFind(element){
 
 var setValue = (el, value) => {
 	if (value === null || value === undefined) return;
-	
+	let valueType = el.getAttribute('value-type');
+
 	if (el.tagName == 'INPUT' || el.tagName == 'TEXTAREA' || el.tagName == 'SELECT') {
 		const {isCrdt} = crud.getAttr(el);
 		if (isCrdt == "true" || el.type === 'file') return;
@@ -130,7 +131,10 @@ var setValue = (el, value) => {
 				}
 			}
 			else {
-				el.innerHTML = value;
+				if (valueType == 'string' || valueType == 'text')
+					el.textContent = value;
+				else
+					el.innerHTML = value;
 			}
 		}
 	}
@@ -140,8 +144,10 @@ var setValue = (el, value) => {
 	}
 	else {
 		if (el.hasAttribute('contenteditable') && el == document.activeElement) return;
-		
-		el.innerHTML = value;
+		if (valueType == 'string' || valueType == 'text')
+			el.textContent = value;
+		else
+			el.innerHTML = value;
 		if (el.hasAttribute("value")) {
 			el.setAttribute("value", value);
 		}