vsn 0.1.125 → 0.1.126

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.
Files changed (65) hide show
  1. package/demo/demo.html +4 -8
  2. package/demo/examples/component-slots.html +16 -22
  3. package/demo/examples/loop.html +21 -0
  4. package/demo/resources/xhr-test-component.html +4 -0
  5. package/demo/vsn.js +2 -2
  6. package/dist/AST/ElementQueryNode.d.ts +2 -1
  7. package/dist/AST/ElementQueryNode.js +5 -5
  8. package/dist/AST/ElementQueryNode.js.map +1 -1
  9. package/dist/AST/FunctionNode.d.ts +1 -1
  10. package/dist/AST/LoopNode.d.ts +12 -0
  11. package/dist/AST/LoopNode.js +121 -0
  12. package/dist/AST/LoopNode.js.map +1 -0
  13. package/dist/AST/OnNode.d.ts +1 -1
  14. package/dist/AST/OnNode.js.map +1 -1
  15. package/dist/AST.d.ts +64 -62
  16. package/dist/AST.js +82 -69
  17. package/dist/AST.js.map +1 -1
  18. package/dist/Component.d.ts +2 -0
  19. package/dist/Component.js +12 -27
  20. package/dist/Component.js.map +1 -1
  21. package/dist/DOM/AbstractDOM.d.ts +48 -0
  22. package/dist/DOM/AbstractDOM.js +937 -0
  23. package/dist/DOM/AbstractDOM.js.map +1 -0
  24. package/dist/DOM/ShadowDOM.d.ts +5 -0
  25. package/dist/DOM/ShadowDOM.js +32 -0
  26. package/dist/DOM/ShadowDOM.js.map +1 -0
  27. package/dist/DOM.d.ts +3 -48
  28. package/dist/DOM.js +6 -913
  29. package/dist/DOM.js.map +1 -1
  30. package/dist/Tag.d.ts +2 -0
  31. package/dist/Tag.js +52 -9
  32. package/dist/Tag.js.map +1 -1
  33. package/dist/helpers/VisionHelper.d.ts +1 -0
  34. package/dist/helpers/VisionHelper.js +45 -0
  35. package/dist/helpers/VisionHelper.js.map +1 -1
  36. package/dist/version.d.ts +1 -1
  37. package/dist/version.js +1 -1
  38. package/dist/vsn.js +2 -7
  39. package/dist/vsn.js.map +1 -1
  40. package/package.json +1 -1
  41. package/src/AST/ElementQueryNode.ts +2 -1
  42. package/src/AST/FunctionNode.ts +1 -1
  43. package/src/AST/LoopNode.ts +35 -0
  44. package/src/AST/OnNode.ts +2 -2
  45. package/src/AST.ts +19 -7
  46. package/src/Component.ts +15 -13
  47. package/src/DOM/AbstractDOM.ts +389 -0
  48. package/src/DOM/ShadowDOM.ts +15 -0
  49. package/src/DOM.ts +4 -385
  50. package/src/Tag.ts +25 -0
  51. package/src/helpers/VisionHelper.ts +6 -0
  52. package/src/version.ts +1 -1
  53. package/src/vsn.ts +2 -5
  54. package/test/AST/ClassNode.spec.ts +5 -5
  55. package/test/AST.spec.ts +21 -21
  56. package/test/Controller.spec.ts +1 -1
  57. package/test/DOM.spec.ts +3 -3
  58. package/test/Tag/TagList.spec.ts +1 -1
  59. package/test/attributes/Bind.spec.ts +12 -12
  60. package/test/attributes/JSONAttribute.spec.ts +5 -5
  61. package/test/attributes/ListItem.spec.ts +6 -6
  62. package/test/attributes/ScopeAttribute.spec.ts +2 -2
  63. package/test/attributes/ServiceAttribute.spec.ts +1 -1
  64. package/test/attributes/SetAttribute.spec.ts +3 -3
  65. package/test/attributes/Styles.spec.ts +2 -2
package/demo/demo.html CHANGED
@@ -175,30 +175,26 @@
175
175
  <button vsn-on:click="test.add();">Add New List Item</button>
176
176
  <ul vsn-list:test.items list-item-model="TestItem" vsn-name="list">
177
177
  <li vsn-list-item>
178
- <span vsn-bind="item.name">Tom</span>, <span vsn-bind="item.age">22</span> Years Old <input type="text"
179
- vsn-bind="item.name"/>
178
+ <span vsn-bind="item.name">Tom</span>, <span vsn-bind="item.age">22</span> Years Old <input type="text" vsn-bind="item.name"/>
180
179
  <input type="text" vsn-bind="item.age"/>
181
180
  <button vsn-on:click="item.reset()">R</button>
182
181
  <button vsn-on:click="list.remove(item)">X</button>
183
182
  </li>
184
183
  <li vsn-list-item>
185
- <span vsn-bind="item.name">Steve</span>, <span vsn-bind="item.age">46</span> Years Old <input type="text"
186
- vsn-bind="item.name"/>
184
+ <span vsn-bind="item.name">Steve</span>, <span vsn-bind="item.age">46</span> Years Old <input type="text" vsn-bind="item.name"/>
187
185
  <input type="text" vsn-bind="item.age"/>
188
186
  <button vsn-on:click="item.reset()">R</button>
189
187
  <button vsn-on:click="list.remove(item)">X</button>
190
188
  </li>
191
189
  <li vsn-list-item>
192
- <span vsn-bind="item.name">Frank</span>, <span vsn-bind="item.age">31</span> Years Old <input type="text"
193
- vsn-bind="item.name"/>
190
+ <span vsn-bind="item.name">Frank</span>, <span vsn-bind="item.age">31</span> Years Old <input type="text" vsn-bind="item.name"/>
194
191
  <input type="text" vsn-bind="item.age"/>
195
192
  <button vsn-on:click="item.reset()">R</button>
196
193
  <button vsn-on:click="list.remove(item)">X</button>
197
194
  </li>
198
195
  <li vsn-list-item>
199
196
  <span vsn-name="wut" vsn-set:wut.test="1">Wut</span>
200
- <span vsn-bind="item.name">Joe</span>, <span vsn-bind="item.age">91</span> Years Old <input type="text"
201
- vsn-bind="item.name"/>
197
+ <span vsn-bind="item.name">Joe</span>, <span vsn-bind="item.age">91</span> Years Old <input type="text" vsn-bind="item.name"/>
202
198
  <input type="text" vsn-bind="item.age"/>
203
199
  <button vsn-on:click="item.reset()">R</button>
204
200
  <button vsn-on:click="list.remove(item)">X</button>
package/demo/examples/component-slots.html CHANGED
@@ -7,29 +7,23 @@
7
7
  <style></style>
8
8
  </head>
9
9
  <body>
10
- <div vsn-scope:options="{'testing': true}">
11
- <test-component>
12
- <button slot="cta" type="button">Component One <strong vsn-bind="data.count"></strong></button>
13
- <h1 slot="display">Hihi <span vsn-if="options.testing">worky</span></h1>
14
- </test-component>
10
+ <div vsn-scope:options="{'testing': false}"></div>
11
+ <script type="text/javascript" src="../vsn.js"></script>
15
12
 
16
- <test-component>
17
- <button slot="cta" type="button">Component Two <strong vsn-bind="data.count"></strong></button>
18
- <h1 slot="display">Hihi <span vsn-if="options.testing">comp 2</span></h1>
19
- </test-component>
20
- </div>
21
- <script type="text/javascript" src="../vsn.js"></script>
13
+ <test-component id="test">
14
+ <button slot="cta" type="button">Component <strong></strong></button>
15
+ <h1 slot="display">Hello? <span>worky</span></h1>
16
+ </test-component>
22
17
 
23
- <template vsn-component:test-component>
24
-
25
- <div vsn-scope:data="{'count': -1}">
26
- <slot name="cta" vsn-on:click="data.count += 1; log(data.count);"></slot>
27
- <slot name="display" vsn-if="data.count > 5"></slot>
28
- <button vsn-on:click="options.testing = !options.testing; log(options.testing);" type="button">Toggle</button>
29
- </div>
30
- <script type="text/vsn" vsn-script>
31
- log(this);
32
- </script>
33
- </template>
18
+ <template vsn-component:test-component>
19
+ <div vsn-scope:data="{'count': -1}">
20
+ <slot name="cta" vsn-on:click="data.count += 1; log(data.count);"></slot>
21
+ <slot name="display" vsn-if="data.count > 5"></slot>
22
+ <button class="toggle-button" vsn-on:click="options.testing = !options.testing; log(options.testing);" type="button">Toggle</button>
23
+ </div>
24
+ <script type="text/vsn" vsn-script>
25
+ log(this);
26
+ </script>
27
+ </template>
34
28
  </body>
35
29
  </html>
package/demo/examples/loop.html ADDED
@@ -0,0 +1,21 @@
1
+ <!doctype html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="utf-8">
5
+ <title>Loop</title>
6
+
7
+ <style>
8
+ h1 {
9
+ transition: all 0.5s;
10
+ }
11
+ .wut {
12
+ color: red;
13
+ }
14
+ </style>
15
+ </head>
16
+ <body>
17
+
18
+ <h1 id="wut" vsn-exec="loop test() { @class ~ 'wut'; log('wut', @class); wait(5); }">wut</h1>
19
+ <script type="text/javascript" src="../vsn.js"></script>
20
+ </body>
21
+ </html>
package/demo/resources/xhr-test-component.html ADDED
@@ -0,0 +1,4 @@
1
+ <test-component id="wut">
2
+ <button slot="cta" type="button">Component XHR <strong vsn-bind="data.count"></strong></button>
3
+ <h1 slot="display">Hello? <span vsn-if="options.testing">worky</span></h1>
4
+ </test-component>