@cocreate/render 1.14.1 → 1.15.0

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+# [1.15.0](https://github.com/CoCreate-app/CoCreate-render/compare/v1.14.1...v1.15.0) (2022-09-22)
+
+
+### Bug Fixes
+
+* get data from an array or object. ([402102c](https://github.com/CoCreate-app/CoCreate-render/commit/402102cdeffdfc5750f473623bc43e4e1acba1fc))
+
+
+### Features
+
+* render changes of keys and there values ([7b016e9](https://github.com/CoCreate-app/CoCreate-render/commit/7b016e9a0a98b344629d6a0e4e2682e7c34ac876))
+
 ## [1.14.1](https://github.com/CoCreate-app/CoCreate-render/compare/v1.14.0...v1.14.1) (2022-09-01)
 
 

package/package.json

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

package/src/index.js

@@ -147,6 +147,7 @@ const CoCreateRender = {
 				if (!template.renderedKeys.has(item[renderKey].key)){
 					template.renderedKeys.set(item[renderKey].key, '')
 					let cloneEl = this.cloneEl(template);
+					cloneEl.setAttribute('renderedKey', item[renderKey].key)
 					self.setValue([cloneEl], item, renderArray, renderKey);
 					template.insertAdjacentElement('beforebegin', cloneEl);
 				}
@@ -225,13 +226,13 @@ const CoCreateRender = {
 	document_id: '',
 	setValue: function(els, data, renderArray, renderKey){
 		if (!data) return;
-		
+
 		let isRenderKey
 		if (data.renderKey)
 			isRenderKey = true
 
-		if (data.data && data.data._id )
-			this.document_id =  data.data._id;
+		if (data.document_id || data.data && data.data._id)
+			this.document_id =  data.document_id || data.data._id;
 			
 		if (data.collection)
 			this.collection = data.collection;
@@ -252,6 +253,8 @@ const CoCreateRender = {
 						renderArray = placeholder.renderArray
 						if (renderArray && Array.isArray(data[renderArray]))
 							updateData = data[renderArray][0]
+						else
+							updateData = data[renderArray]
 						if (renderKey)
 							updateData = {[renderKey]: updateData}
 						let textContent = placeholder.placeholder
@@ -278,7 +281,9 @@ const CoCreateRender = {
 						renderArray = placeholder.renderArray
 						if (renderArray && Array.isArray(data[renderArray]))
 							updateData = data[renderArray][0]
-						if (renderKey)
+						else
+							updateData = data[renderArray]
+						if (renderKey && updateData)
 							updateData = {[renderKey]: updateData}
 	
 						attrValue = that.__replaceValue(updateData, temp, renderKey);
@@ -321,8 +326,10 @@ const CoCreateRender = {
 						textContent = placeholder.placeholder
 						renderKey = placeholder.renderKey
 						renderArray = placeholder.renderArray
-						if (renderArray &&  Array.isArray(data[renderArray]))
+						if (renderArray && Array.isArray(data[renderArray]))
 							updateData = data[renderArray][0]
+						else
+							updateData = data[renderArray]
 						if (renderKey)
 							updateData = {[renderKey]: updateData}
 						text = that.__replaceValue(updateData, textContent, renderKey, valueType);