vsn 0.1.43 → 0.1.46

package/demo/demo.html

@@ -92,15 +92,19 @@
     }
 </script>
 
+<div id="test-container"></div>
+<a href="./markup.html" vsn-on:click|preventdefault="#test-container.@html = << @href">Fill Container</a>
+<a vsn-on:click|preventdefault="#test-container.@html = ''">Clear Container</a>
+
 <h2>On Click</h2>
 <button vsn-on:click="show = !show" vsn-set:show="false|boolean">Toggle</button>
 <span vsn-bind="show"></span>
 
-<a vsn-on:click="if(@text != clicktext){@text=clicktext}else{@text='Click Me'}" vsn-set:clicktext="Clicked!">Click Me</a>
+<a vsn-on:click="if(@text != @clicktext){@text=@clicktext}else{@text='Click Me'}" clicktext="Clicked!">Click Me</a>
 
 <h2>? Operator</h2>
 <p>Add/remove class to list of elements on click.</p>
-<p>
+<p id="toggle-container" vsn-exec="toggles = ?(#list-add-remove-class-example li)">
     <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>
     <ul id="list-add-remove-class-example" vsn-list initial-items="5" template="?(#query-operator-example-item)"></ul>
 </p>
@@ -177,6 +181,7 @@
             <button vsn-on:click="list.remove(item)">X</button>
         </li>
         <li vsn-list-item>
+            <span vsn-name="wut" vsn-set:wut.test="1">Wut</span>
             <span vsn-bind="item.name">Joe</span>, <span vsn-bind="item.age">91</span> Years Old <input type="text"
                                                                                                         vsn-bind="item.name"/>
             <input type="text" vsn-bind="item.age"/>

package/demo/markup.html

@@ -0,0 +1,2 @@
+<h1>Markup Test</h1>
+<p vsn-on:click="@text = 'This paragraph was clicked'">This is a paragraph.</p>