@cocreate/render 1.4.0 → 1.5.1

package/CHANGELOG.md

@@ -1,3 +1,31 @@
+## [1.5.1](https://github.com/CoCreate-app/CoCreate-render/compare/v1.5.0...v1.5.1) (2022-01-16)
+
+
+### Bug Fixes
+
+* removeElement relocated to its owwn coomponent @cocreate/remove ([0ddf532](https://github.com/CoCreate-app/CoCreate-render/commit/0ddf532c289aa365b727d8faeddeffb9be6949c9))
+
+# [1.5.0](https://github.com/CoCreate-app/CoCreate-render/compare/v1.4.2...v1.5.0) (2022-01-02)
+
+
+### Features
+
+* removeElement now supports remove-target, remove-closest ([154d637](https://github.com/CoCreate-app/CoCreate-render/commit/154d63761e2c76e5cf8499524583d2e3bbf4c94f))
+
+## [1.4.2](https://github.com/CoCreate-app/CoCreate-render/compare/v1.4.1...v1.4.2) (2022-01-01)
+
+
+### Bug Fixes
+
+* get-value attribute value now supports a selector added # to all values currently in get-value attributes ([75f7a90](https://github.com/CoCreate-app/CoCreate-render/commit/75f7a9070c02c3221fa128d90c0176bb94f2df79))
+
+## [1.4.1](https://github.com/CoCreate-app/CoCreate-render/compare/v1.4.0...v1.4.1) (2022-01-01)
+
+
+### Bug Fixes
+
+* removed data- from attributes ([62e95f9](https://github.com/CoCreate-app/CoCreate-render/commit/62e95f94719dfc19b6dd1df339ab587098b6f65c))
+
 # [1.4.0](https://github.com/CoCreate-app/CoCreate-render/compare/v1.3.25...v1.4.0) (2021-12-31)
 
 

package/demo/fetch.html

@@ -9,12 +9,12 @@
         
         <div template_id="abc1">
             <div class="template card {{render2.collection}} card margin:10px" 
-                data-value="{{render2.data._id}}" 
+                value="{{render2.data._id}}" 
                 template_id="abc1" 
                 render-array="render2.data">
                 <div class="card-body padding:15px" collection="{{render2.collection}}">
                     <h3 class="{{render2.data.firstname}} blue" value="{{render2.data.lastname}} - {{render2.data.firstname}}">--</h3>
-                    <h3 data-value="{{ render2.data.lastname }}" value="{{lastname}}"></h3>
+                    <h3 value="{{ render2.data.lastname }}" value="{{lastname}}"></h3>
                     <input value="{{ render2.collection }}"/>
                     <h3 class="email" value="{{render2.data.email}}">--</h3>
                     <textarea value="{{render2.data.lastname}}"></textarea>

package/demo/index.html

@@ -9,12 +9,12 @@
         
         <div template_id="abc1">
             <div class="template card {{render2.collection}} card margin:10px firstname" 
-                data-value="{{render2.data._id}}" 
+                value="{{render2.data._id}}" 
                 template_id="abc1" 
                 render-array="render2.data">
                 <div class="card-body padding:15px" collection="{{render2.collection}}">
                     <h3 class="{{render2.data.firstname}} blue" value="{{render2.data.lastname}} - {{render2.data.firstname}}">--</h3>
-                    <h3 data-value="{{ render2.data.lastname }}" value="{{lastname}}"></h3>
+                    <h3 value="{{ render2.data.lastname }}" value="{{lastname}}"></h3>
                     <input value="{{ render2.collection }}"/>
                     <h3 class="email" value="{{render2.data.email}}">--</h3>
                     <textarea value="{{render2.data.lastname}}"></textarea>

package/demo/suggestion.html

@@ -9,7 +9,7 @@
         
         <div template_id="abc1" fetch-collection="render_test">
             <div class="template card {{render2.collection}} card margin:10px firstname" 
-                data-value="{{render2.data._id}}" 
+                value="{{render2.data._id}}" 
                 template_id="abc1" 
                 render-array="render2.data">
                 <div class="card-body padding:15px" collection="{{render2.collection}}">

package/docs/index.html

@@ -77,12 +77,12 @@
 					<pre><code class="language-html">
 	&lt;div template_id=&quot;abc1&quot; fetch-collection=&quot;render_test&quot;&gt;
 	    &lt;div class=&quot;template card {{render2.collection}} card margin:10px firstname&quot; 
-	        data-value=&quot;{{render2.data._id}}&quot; 
+	        value=&quot;{{render2.data._id}}&quot; 
 	        template_id=&quot;abc1&quot; 
 	        render-array=&quot;render2.data&quot;&gt;
 	        &lt;div class=&quot;card-body padding:15px&quot; collection=&quot;{{render2.collection}}&quot;&gt;
 	            &lt;h3 class=&quot;{{render2.data.firstname}} blue&quot; value=&quot;{{render2.data.lastname}} - {{render2.data.firstname}}&quot;&gt;--&lt;/h3&gt;
-	            &lt;h3 data-value=&quot;{{ render2.data.lastname }}&quot; value=&quot;{{lastname}}&quot;&gt;&lt;/h3&gt;
+	            &lt;h3 value=&quot;{{ render2.data.lastname }}&quot; value=&quot;{{lastname}}&quot;&gt;&lt;/h3&gt;
 	            &lt;input value=&quot;{{ render2.collection }}&quot;/&gt;
 	            &lt;h3 class=&quot;email&quot; value=&quot;{{render2.data.email}}&quot;&gt;--&lt;/h3&gt;
 	            &lt;textarea value=&quot;{{render2.data.lastname}}&quot;&gt;&lt;/textarea&gt;
@@ -248,7 +248,7 @@
 									<div class="svSplitter svHorizontal"> </div>
 	
 									<div class="svPanel">
-										<iframe get-value="demo" frameBorder="0" height="100%" width="100%" class="min-width:300px"></iframe>
+										<iframe get-value="#demo" frameBorder="0" height="100%" width="100%" class="min-width:300px"></iframe>
 									</div>
 	
 								</div>

package/package.json

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

package/src/index.js

@@ -34,11 +34,11 @@ const CoCreateRender = {
 		try {
 			if (!path) return data;
 			
-			let keys = path.split('.')
+			let keys = path.split('.');
 			let newObject = data;
 
 			for (var  i = keys.length - 1; i >= 0; i--) {
-				newObject = {[keys[i]]: newObject}				
+				newObject = {[keys[i]]: newObject};				
 			}
 			return newObject;
 			
@@ -57,12 +57,12 @@ const CoCreateRender = {
 		let variables = inputValue.match(/{{([A-Za-z0-9_.,\[\]\- ]*)}}/g);
 		if (variables) {
 			variables.forEach((attr) => {
-				let value = self.__getValue(data, attr)
+				let value = self.__getValue(data, attr);
 				if (value && typeof(value) !== "object") {
 					isPass = true;
 					inputValue = inputValue.replace(attr, value);
 				}
-			})
+			});
 			
 			if (isPass) {
 				resultValue = inputValue;
@@ -101,14 +101,14 @@ const CoCreateRender = {
 
 				self.setValue([cloneEl], r_data);
 				template.insertAdjacentHTML('beforebegin', cloneEl.outerHTML);
-			})
+			});
 		}
 	},
 	
 	cloneEl: function(template) {
 		let cloneEl = template.cloneNode(true);
 		cloneEl.classList.remove('template');
-		let templateId = cloneEl.getAttribute('template_id')
+		let templateId = cloneEl.getAttribute('template_id');
 		cloneEl.removeAttribute('template_id');
 		cloneEl.setAttribute('templateId', templateId);
 		return cloneEl;
@@ -151,10 +151,10 @@ const CoCreateRender = {
 	
 	data: function({selector, data, elements}) {
 		if (selector) {
-			let template = document.querySelector(selector)
+			let template = document.querySelector(selector);
 			if (!template) return;
 			if (template.classList.contains('template')) {
-				this.render(template, data)
+				this.render(template, data);
 			}
 			else
 				this.setValue([template], data, template);
@@ -164,27 +164,11 @@ const CoCreateRender = {
 		
 	}
 	
-}
-
-function  removeElement(btn) {
-	let element = btn.closest('[templateid]');
-    if (element)
-        element.remove();
-	document.dispatchEvent(new CustomEvent('removeElement', {detail: {}}));
-}
-
-action.init({
-	action: "removeElement",
-	endEvent: "removeElement",
-	callback: (btn, data) => {
-		removeElement(btn);
-	}
-});
-
+};
 
 function renderKey(element) {
 	const form = element.closest("form") || document;
-	let data = CoCreate.api.getFormData('key', 'renderKey',  form);
+	let data = CoCreate.api.getFormData('render-key', 'renderKey',  form);
 
 	CoCreateRender.data({
 		selector: "[template_id='renderKey']",