@cocreate/render 1.11.0 → 1.12.0

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+# [1.12.0](https://github.com/CoCreate-app/CoCreate-render/compare/v1.11.0...v1.12.0) (2022-07-29)
+
+
+### Bug Fixes
+
+* replace attribute value if new and old value are not equal ([3dc25d8](https://github.com/CoCreate-app/CoCreate-render/commit/3dc25d884510a6ad14455b232d9068eb5e1302a8))
+
+
+### Features
+
+* if oldValues same as new value will not update text, html or attributes ([9cfe3f0](https://github.com/CoCreate-app/CoCreate-render/commit/9cfe3f017e706a5a7211449c294158d60fa2098c))
+
 # [1.11.0](https://github.com/CoCreate-app/CoCreate-render/compare/v1.10.0...v1.11.0) (2022-07-25)
 
 

package/package.json

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

package/src/index.js

@@ -208,6 +208,7 @@ const CoCreateRender = {
 				if (el.renderMap) {
 					let placeholder = el.renderMap.get(el)
 					if (placeholder){
+						let valueType = el.getAttribute('value-type')
 						renderKey = placeholder.renderKey
 						renderArray = placeholder.renderArray
 						if (renderArray)
@@ -216,7 +217,7 @@ const CoCreateRender = {
 						updateData = {[renderKey]: updateData}
 						let textContent = placeholder.placeholder
 						let text = that.__replaceValue(updateData, textContent, renderKey, valueType);
-						if (text)
+						if (text && text != el.renderedValue)
 							el.innerHTML = placeholder.placeholder
 					}
 				}
@@ -233,7 +234,8 @@ const CoCreateRender = {
 
 					if(placeholder){
 						let updateData = data;
-						attrValue = placeholder.placeholder;
+						// let oldValue = attrValue 
+						let temp = placeholder.placeholder;
 						renderKey = placeholder.renderKey
 						renderArray = placeholder.renderArray
 						if (renderArray)
@@ -241,7 +243,9 @@ const CoCreateRender = {
 						if (renderKey)
 							updateData = {[renderKey]: updateData}
 	
-						attrValue = that.__replaceValue(updateData, attrValue, renderKey);
+						attrValue = that.__replaceValue(updateData, temp, renderKey);
+						if (attrValue == attr.value)
+							attrValue = undefined
 					}
 					else
 						attrValue = that.__replaceValue(data, attrValue, renderKey);
@@ -279,24 +283,29 @@ const CoCreateRender = {
 							updateData = {[renderKey]: updateData}
 						text = that.__replaceValue(updateData, textContent, renderKey, valueType);
 					}
-				if (!text) {
+				if (!placeholder && !text) {
 					textContent = el.textContent;
 					that.renderMap(el, textContent, renderArray, renderKey)
 					text = that.__replaceValue(data, textContent, renderKey, valueType);
 				}
 
 				if (text || text == "") {
-					if (valueType == 'text' || valueType == 'string'){
-						el.textContent = text;
-					} else {
-						const newNode = document.createElement('div');
-						newNode.innerHTML = text;
-						let parentElement = el.parentElement
-						if (!parentElement.renderMap) {
-							that.renderMap(parentElement, textContent, renderArray, renderKey)
-						} else if (!parentElement['renderMap'].has(parentElement))
-							that.renderMap(parentElement, textContent, renderArray, renderKey)
-						el.replaceWith(...newNode.childNodes)
+					if (text != el.renderedValue) {
+						el.renderedValue = text
+						if (valueType == 'text' || valueType == 'string'){
+							el.renderedValue = text
+							el.textContent = text;
+						} else {
+							const newNode = document.createElement('div');
+							newNode.innerHTML = text;
+							let parentElement = el.parentElement
+							parentElement.renderedValue = text
+							if (!parentElement.renderMap) {
+								that.renderMap(parentElement, textContent, renderArray, renderKey)
+							} else if (!parentElement['renderMap'].has(parentElement))
+								that.renderMap(parentElement, textContent, renderArray, renderKey)
+							el.replaceWith(...newNode.childNodes)
+						}
 					}
 				}
 			}
@@ -314,7 +323,6 @@ const CoCreateRender = {
 	dataOriginal: {},
 	data: function({selector, data, elements}) {
 		this.dataOriginal = {...data};
-		this.dataString = {...data};
 		delete this.dataOriginal.data
 
 		for (let element of elements)