@cocreate/render 1.18.0 → 1.19.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,3 +1,17 @@
1
+ # [1.19.0](https://github.com/CoCreate-app/CoCreate-render/compare/v1.18.1...v1.19.0) (2023-01-02)
2
+
3
+
4
+ ### Features
5
+
6
+ * class="template" template_id="id" replaced with template="id" ([53b5abb](https://github.com/CoCreate-app/CoCreate-render/commit/53b5abbe94428e88e0d56207bb829109bae1ad68))
7
+
8
+ ## [1.18.1](https://github.com/CoCreate-app/CoCreate-render/compare/v1.18.0...v1.18.1) (2023-01-01)
9
+
10
+
11
+ ### Bug Fixes
12
+
13
+ * docs sanbox overflow ([de45e58](https://github.com/CoCreate-app/CoCreate-render/commit/de45e58025162bee7117aa123541dc620ee92392))
14
+
1
15
  # [1.18.0](https://github.com/CoCreate-app/CoCreate-render/compare/v1.17.14...v1.18.0) (2023-01-01)
2
16
 
3
17
 
@@ -11,7 +11,7 @@
11
11
  <body>
12
12
 
13
13
  <cocreate-select name="current_org" template_id="abc1">
14
- <selected class="template" template_id="abc1" render-array="data">
14
+ <selected template="abc1" render-array="data">
15
15
  <cc-option class="template" value="{{document.current_org}}">
16
16
  <h3>{{document.current_org}}</h3>
17
17
  </cc-option>
@@ -24,7 +24,7 @@
24
24
 
25
25
  /** Example of array object from db -- render2 is an example of render_id**/
26
26
  CoCreate.render.data({
27
- selector: '[template_id=abc1]',
27
+ selector: '[template=abc1]',
28
28
  data: {
29
29
  collection : 'dededede',
30
30
  data: [{
package/demo/index.html CHANGED
@@ -44,7 +44,7 @@
44
44
 
45
45
  /** Example of array object from db -- render2 is an example of render_id**/
46
46
  CoCreate.render.data({
47
- selector: '[template_id=abc1]',
47
+ selector: '[template=abc1]',
48
48
  data: {
49
49
  render2: {
50
50
  collection : 'dededede',
@@ -18,7 +18,7 @@
18
18
  </cc-option>
19
19
  </cc-options>
20
20
 
21
- <div class="template" template_id="abc1">
21
+ <div template="abc1">
22
22
  <div class="template" render-array="data[0].current" render-key="current_org" value="{{current_org.name}}">
23
23
  <h3>{{current_org.name}}</h3>
24
24
  </div>
@@ -29,7 +29,7 @@
29
29
 
30
30
  /** Example **/
31
31
  CoCreate.render.data({
32
- selector: '[template_id=abc1]',
32
+ selector: '[template=abc1]',
33
33
  data: {
34
34
  collection : 'dededede',
35
35
  data: [{
package/demo/render.html CHANGED
@@ -12,7 +12,7 @@
12
12
 
13
13
  <body>
14
14
 
15
- <div class="template" template_id="abc1">
15
+ <div template="abc1">
16
16
  <h3>{{document.collection}}</h3>
17
17
  <h3>{{document._id}}</h3>
18
18
  </div>
@@ -22,7 +22,7 @@
22
22
 
23
23
  /** Example **/
24
24
  CoCreate.render.data({
25
- selector: '[template_id=abc1]',
25
+ selector: '[template=abc1]',
26
26
  data: {
27
27
  collection: 'dededede',
28
28
  data: {
@@ -10,7 +10,7 @@
10
10
  </style>
11
11
  <body>
12
12
 
13
- <div class="template" template_id="abc1">
13
+ <div template="abc1">
14
14
  <!-- <div>{{data}}</div>
15
15
  <h1> {{document.collection}} {{document._id}}</h1> -->
16
16
  <div class="template" render-object="" render-key="one">
@@ -26,7 +26,7 @@
26
26
 
27
27
  /** Example **/
28
28
  CoCreate.render.data({
29
- selector: '[template_id=abc1]',
29
+ selector: '[template=abc1]',
30
30
  data: {
31
31
  collection : 'dededede',
32
32
  data: [{
package/docs/index.html CHANGED
@@ -114,7 +114,7 @@
114
114
  <p class="padding:10px_0px line-height:1.5">Description.</p>
115
115
  <pre><code class="language-html">
116
116
  CoCreate.render.data({
117
- selector: '[template_id=abc1]',
117
+ selector: '[template=abc1]',
118
118
  data: {
119
119
  render2: {
120
120
  collection : 'dededede',
@@ -232,14 +232,14 @@
232
232
  </div>
233
233
  <div class="position:sticky top:0 padding:15px_0px height:100vh">
234
234
  <!-- SandBox -->
235
- <div class="position:relative overflow:hidden card border-radius:2px width:auto height:600px margin-top:20px" id="playground">
235
+ <div class="display:flex flex-direction:column position:relative overflow:hidden card border-radius:2px width:auto height:600px margin-top:20px" id="playground">
236
236
 
237
237
  <div id="demo-code" resizable class="position:relative height:50%">
238
238
  <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>
239
239
  <div resize="bottom" class="background:lightgrey"></div>
240
240
  </div>
241
241
 
242
- <div id="demo-preview" class="position:relative display:flex height:100% background-color:white">
242
+ <div id="demo-preview" class="position:relative overflow:auto background-color:white">
243
243
  <div get-value="#demo" class="padding:20px"></div>
244
244
  </div>
245
245
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cocreate/render",
3
- "version": "1.18.0",
3
+ "version": "1.19.0",
4
4
  "description": "A simple render component in vanilla javascript. Easily configured using HTML5 attributes and/or JavaScript API.",
5
5
  "keywords": [
6
6
  "render",
@@ -60,11 +60,11 @@
60
60
  "webpack-log": "^3.0.1"
61
61
  },
62
62
  "dependencies": {
63
- "@cocreate/actions": "^1.5.47",
64
- "@cocreate/api": "^1.5.34",
65
- "@cocreate/docs": "^1.5.1",
66
- "@cocreate/element-prototype": "^1.2.20",
67
- "@cocreate/observer": "^1.5.51",
68
- "@cocreate/utils": "^1.17.12"
63
+ "@cocreate/actions": "^1.5.48",
64
+ "@cocreate/api": "^1.5.35",
65
+ "@cocreate/docs": "^1.5.2",
66
+ "@cocreate/element-prototype": "^1.2.21",
67
+ "@cocreate/observer": "^1.5.52",
68
+ "@cocreate/utils": "^1.17.13"
69
69
  }
70
70
  }
package/src/index.js CHANGED
@@ -373,7 +373,7 @@ function renderKey(element) {
373
373
  let data = CoCreate.api.getFormData('render-key', 'renderKey', form);
374
374
 
375
375
  CoCreateRender.data({
376
- selector: "[template_id='renderKey']",
376
+ selector: "[template='renderKey']",
377
377
  data: {renderKey: data}
378
378
  });
379
379