vsn 0.1.24 → 0.1.28

package/demo/demo.html

@@ -84,9 +84,20 @@
     </li>
 </template>
 
+<script>
+    function bindings () {
+        $('#something').on('click', function () {
+            $('#something').text('Hello, world!');
+        });
+    }
+</script>
+
+<div vsn-controller:test="ControllerTestController" vsn-bind="test.test" vsn-set:test.test="notTest"></div>
+
 <h2>Radio</h2>
 <div vsn-name="radio">
-    <input type="text" vsn-bind="radio.radio_test" value="1" />
+    <input type="text" vsn-bind="radio.radio_test" vsn-type:radio.radio_test="integer" value="1" />
+    <input type="radio" value="0" name="radio.radio_test" vsn-radio />
     <input type="radio" value="1" name="radio.radio_test" vsn-radio />
     <input type="radio" value="2" name="radio.radio_test" vsn-radio />
     <input type="radio" value="3" name="radio.radio_test" vsn-radio />
@@ -104,7 +115,7 @@
 <p>Add/remove class to list of elements on click.</p>
 <p>
     <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>
+    <ul id="list-add-remove-class-example" vsn-list initial-items="5" template="?(#query-operator-example-item)"></ul>
 </p>
 
 <h2>@ Operator</h2>
@@ -124,17 +135,17 @@
 <h2>Attribute Formatters</h2>
 <h3>Currency</h3>
 <span vsn-bind="currency_format" vsn-type:currency_format="float" vsn-format="currency" id="formatter">1.5</span>
-<input type="text" vsn-bind="#formatter.currency_format"/>
+<input type="text" vsn-bind="#formatter.currency_format" />
 <br />
 <h3>Date</h3>
 <span vsn-bind="date_format" vsn-type:date_format="date" vsn-format="date" id="date-formatter">Aug 11, 2021 01:03:00 PM PDT</span>
-<input type="text" vsn-bind:|to="#date-formatter.date_format" />
-<input type="text" vsn-on:keyup="#date-formatter.date_format = $value" value="Aug 11, 2021 01:03:00 PM PDT" />
+<input type="text" vsn-bind:|to="?(#date-formatter).date_format" />
+<input type="text" vsn-on:keyup="?(#date-formatter).date_format = $value" value="Aug 11, 2021 01:03:00 PM PDT" />
 
 <h2>$ Operator</h2>
 <p></p>
 <p>
-    <input type="text" vsn-bind="?(#style-attribute).$marginTop" id="style-attribute" /> <input type="button" vsn-on:click="?(#style-attribute).$marginTop = '50px'" value="Button" /> <input type="button" vsn-on:click="?(#style-attribute).$marginTop = '0'" value="Button" />
+    <input type="text" vsn-bind="$marginTop" id="style-attribute" /> <input type="button" vsn-on:click="?(#style-attribute).$marginTop = $padding;$padding += 1px" vsn-on:contextmenu|preventdefault="$padding -= 1px" value="Button" /> <input type="button" vsn-on:click="?(#style-attribute).$marginTop = '0'" value="Button" />
 </p>
 
 <h2>Conditional Elements</h2>
@@ -195,6 +206,6 @@
         vision.registry.classes.register('MVal', MVal);
     });
 </script>
-<script type="text/javascript" src="vision.js"></script>
+<script type="text/javascript" src="vsn.js"></script>
 </body>
 </html>