@cocreate/render 1.17.14 → 1.18.1

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## [1.18.1](https://github.com/CoCreate-app/CoCreate-render/compare/v1.18.0...v1.18.1) (2023-01-01)
+
+
+### Bug Fixes
+
+* docs sanbox overflow ([de45e58](https://github.com/CoCreate-app/CoCreate-render/commit/de45e58025162bee7117aa123541dc620ee92392))
+
+# [1.18.0](https://github.com/CoCreate-app/CoCreate-render/compare/v1.17.14...v1.18.0) (2023-01-01)
+
+
+### Features
+
+* supports template="" to define template and id. replaces .template template_id ([40c29e6](https://github.com/CoCreate-app/CoCreate-render/commit/40c29e60e066f2e790cd10d0c7ac43bed5d3ff4c))
+
 ## [1.17.14](https://github.com/CoCreate-app/CoCreate-render/compare/v1.17.13...v1.17.14) (2022-12-31)
 
 

package/demo/renderKey.html

@@ -18,12 +18,11 @@
                 <input value="{{renderKey.name}}">
                 <button actions='renderKey' href="https://{{renderKey.name}}/admin/signin.html">Create Form</button>
             </div>
-    
         </form>
     
-        <!--<script src="../dist/CoCreate-render-key.js"></script>-->
+        <!-- <script src="../dist/CoCreate-render-key.js"></script> -->
         <script src="https://cdn.cocreate.app/latest/CoCreate.min.js"></script>
-        <!-- <script src="https://cdn.cocreate.app/latest/CoCreate.min.js"></script> -->
+        <!-- <script src="../../../CoCreateJS/dist/CoCreate.js"></script> -->
 
     </body>
 

package/docs/index.html

@@ -232,14 +232,14 @@
 				</div>
 				<div class="position:sticky top:0 padding:15px_0px height:100vh">
                         <!-- SandBox -->
-                        <div class="position:relative overflow:hidden card border-radius:2px width:auto height:600px margin-top:20px" id="playground">
+                        <div class="display:flex flex-direction:column position:relative overflow:hidden card border-radius:2px width:auto height:600px margin-top:20px" id="playground">
                             
                             <div id="demo-code" resizable class="position:relative height:50%">
                                 <textarea type="code" lang="html" collection="demos" document_id="" name="demo" save="false" id="demo" class="height:100% width:100% outline:none border:none resize:none padding:5px"></textarea>
                                 <div resize="bottom" class="background:lightgrey"></div>
                             </div>
         
-                            <div id="demo-preview" class="position:relative display:flex height:100% background-color:white">
+                            <div id="demo-preview" class="position:relative overflow:auto background-color:white">
                                 <div get-value="#demo" class="padding:20px"></div>
                             </div>
                             

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cocreate/render",
-  "version": "1.17.14",
+  "version": "1.18.1",
   "description": "A simple render component in vanilla javascript. Easily configured using HTML5 attributes and/or JavaScript API.",
   "keywords": [
     "render",
@@ -60,11 +60,11 @@
     "webpack-log": "^3.0.1"
   },
   "dependencies": {
-    "@cocreate/actions": "^1.5.47",
-    "@cocreate/api": "^1.5.34",
-    "@cocreate/docs": "^1.5.1",
-    "@cocreate/element-prototype": "^1.2.20",
-    "@cocreate/observer": "^1.5.51",
-    "@cocreate/utils": "^1.17.12"
+    "@cocreate/actions": "^1.5.48",
+    "@cocreate/api": "^1.5.35",
+    "@cocreate/docs": "^1.5.2",
+    "@cocreate/element-prototype": "^1.2.21",
+    "@cocreate/observer": "^1.5.52",
+    "@cocreate/utils": "^1.17.13"
   }
 }

package/src/index.js

@@ -183,9 +183,13 @@ const CoCreateRender = {
 		let cloneEl = template.cloneNode(true);
 
 		let templateId = cloneEl.getAttribute('template_id');
+		if (!templateId)
+			templateId = cloneEl.getAttribute('template');
+
 	 	if (templateId) {
 		 	cloneEl.setAttribute('templateId', templateId);
 			cloneEl.removeAttribute('template_id');
+			cloneEl.removeAttribute('template');
 		}
 		
 		if (cloneEl.tagName == 'TEMPLATE'){