vsn 0.1.44 → 0.1.47

package/demo/demo.html

@@ -74,6 +74,11 @@
     <span>Hello, world!</span>
 </template>
 
+<div>
+    <textarea id="example-code" rows="10" cols="50"></textarea>
+    <div id="example-output" vsn-bind:@html="#example-code.@value"></div>
+</div>
+
 <template vsn-template id="query-operator-example-item">
     <li vsn-list-item>
         <span vsn-if="'active' in ?(:parent).@class">active</span>
@@ -84,23 +89,19 @@
     </li>
 </template>
 
-<script>
-    function bindings () {
-        $('#something').on('click', function () {
-            $('#something').text('Hello, world!');
-        });
-    }
-</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 +178,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>