vsn 0.1.11 → 0.1.15
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/demo/demo.html +15 -7
- package/demo/vision.js +1 -1
- package/dist/AST.d.ts +2 -2
- package/dist/AST.js +36 -19
- package/dist/AST.js.map +1 -1
- package/dist/Scope.d.ts +1 -0
- package/dist/Scope.js +33 -16
- package/dist/Scope.js.map +1 -1
- package/dist/Vision.d.ts +1 -1
- package/dist/Vision.js +2 -2
- package/dist/Vision.js.map +1 -1
- package/dist/attributes/_imports.d.ts +27 -27
- package/dist/attributes/_imports.js +55 -27
- package/dist/attributes/_imports.js.map +1 -1
- package/package.json +1 -1
- package/src/AST.ts +27 -17
- package/src/Scope.ts +17 -3
- package/src/Vision.ts +3 -3
- package/src/attributes/_imports.ts +27 -27
- package/test/DOM.spec.ts +2 -2
- package/test/Scope.spec.ts +14 -0
- package/test/attributes/Bind.spec.ts +13 -0
package/demo/demo.html
CHANGED
|
@@ -76,10 +76,10 @@
|
|
|
76
76
|
|
|
77
77
|
<template vsn-template id="query-operator-example-item">
|
|
78
78
|
<li vsn-list-item>
|
|
79
|
-
<span vsn-if="'active' in
|
|
80
|
-
<span vsn-if:not="'active' not in
|
|
81
|
-
<button vsn-on:click="
|
|
82
|
-
<button vsn-on:click="
|
|
79
|
+
<span vsn-if="'active' in ?(:parent).@class">active</span>
|
|
80
|
+
<span vsn-if:not="'active' not in ?(:parent).@class">inactive</span>
|
|
81
|
+
<button vsn-on:click="?(:parent).@class += 'active'">+</button>
|
|
82
|
+
<button vsn-on:click="?(:parent).@class -= 'active'">-</button>
|
|
83
83
|
</li>
|
|
84
84
|
</template>
|
|
85
85
|
|
|
@@ -97,18 +97,26 @@
|
|
|
97
97
|
<button vsn-on:click="show = !show" vsn-set:show="false|boolean">Toggle</button>
|
|
98
98
|
<span vsn-bind="show"></span>
|
|
99
99
|
|
|
100
|
+
<button vsn-on:click="@text='Clicked'" id="ttt">Click Me</button>
|
|
101
|
+
|
|
100
102
|
<h2>? Operator</h2>
|
|
101
103
|
<p>Add/remove class to list of elements on click.</p>
|
|
102
104
|
<p>
|
|
103
|
-
<button vsn-on:click="
|
|
105
|
+
<button vsn-on:click="?(#list-add-remove-class-example li).@class += 'active'">Add</button> <button vsn-on:click="?(#list-add-remove-class-example li).@class -= 'active'">Remove</button> <button vsn-on:click="?(#list-add-remove-class-example li).@class ~ 'active'">Toggle</button>
|
|
104
106
|
<ul id="list-add-remove-class-example" vsn-list initial-items="5" template="#query-operator-example-item"></ul>
|
|
105
107
|
</p>
|
|
106
108
|
|
|
109
|
+
<h2>@ Operator</h2>
|
|
110
|
+
<p></p>
|
|
111
|
+
<p>
|
|
112
|
+
<input type="text" value="testing" id="at-attribute" /> <input type="button" vsn-on:click="?(#at-attribute).@type = 'password'" value="Button" /> <input type="button" vsn-on:click="?(#at-attribute).@type = 'text'" value="Button" />
|
|
113
|
+
</p>
|
|
114
|
+
|
|
107
115
|
<p>Bind to window attributes. </p>
|
|
108
|
-
<p>window.scrollX,Y <span vsn-bind="?window.@scrollX"></span>, <span vsn-bind="?window.@scrollY"></span></p>
|
|
116
|
+
<p>window.scrollX,Y <span vsn-bind="?(window).@scrollX"></span>, <span vsn-bind="?(window).@scrollY"></span></p>
|
|
109
117
|
|
|
110
118
|
<h2>Attribute Binding</h2>
|
|
111
|
-
<a href="/index.html" id="link">Home</a>
|
|
119
|
+
<a href="/index.html" id="link" vsn-name="link_test">Home</a>
|
|
112
120
|
<input type="text" vsn-bind="#link.@text"/>
|
|
113
121
|
<input type="text" vsn-bind="#link.@href"/>
|
|
114
122
|
|