can-stache-bindings
Advanced tools
Comparing version 3.11.7 to 3.11.8
@@ -31,3 +31,3 @@ @module can-stache-bindings | ||
``` | ||
```html | ||
<my-component on:childEvent="method('primitive', key, hash1=key1)"/> | ||
@@ -39,3 +39,3 @@ ``` | ||
``` | ||
```html | ||
<div on:domEvent="method('primitive', key, hash1=key1)"/> | ||
@@ -50,3 +50,3 @@ ``` | ||
``` | ||
```html | ||
<my-component childProp:from="value"/> | ||
@@ -60,3 +60,3 @@ ``` | ||
``` | ||
```html | ||
<div child-attr:from="value"/> | ||
@@ -74,3 +74,3 @@ ``` | ||
``` | ||
```html | ||
<my-component childProp:to="value"/> | ||
@@ -84,3 +84,3 @@ ``` | ||
``` | ||
```html | ||
<div child-attr:to="value"/> | ||
@@ -97,3 +97,3 @@ ``` | ||
``` | ||
```html | ||
<my-component childProp:bind="value"/> | ||
@@ -105,3 +105,3 @@ ``` | ||
``` | ||
```html | ||
<div child-attr:bind="value"/> | ||
@@ -118,3 +118,3 @@ ``` | ||
```javascript | ||
```js | ||
function component(bar) { | ||
@@ -121,0 +121,0 @@ // changes to bar's properties are preserved |
@@ -12,3 +12,3 @@ @function can-stache-bindings.event on:event | ||
``` | ||
```html | ||
<my-component on:show="doSomething()"/> | ||
@@ -33,3 +33,3 @@ ``` | ||
``` | ||
```html | ||
<div on:el:click="doSomething()"/> | ||
@@ -44,3 +44,3 @@ ``` | ||
``` | ||
```html | ||
<my-component on:vm:show="doSomething()"/> | ||
@@ -57,3 +57,3 @@ ``` | ||
``` | ||
```html | ||
<my-component on:show:value:to="myScopeProp"/> | ||
@@ -70,3 +70,3 @@ ``` | ||
``` | ||
```html | ||
<my-component on:show:by:this="doSomething()"/> | ||
@@ -83,3 +83,3 @@ ``` | ||
``` | ||
```html | ||
<my-component on:show:by:obj="doSomething()"/> | ||
@@ -104,3 +104,3 @@ ``` | ||
``` | ||
```html | ||
<div on:click="doSomething()"/> | ||
@@ -115,3 +115,3 @@ ``` | ||
The following uses `on:click="items.splice(scope.index,1)"` to remove an | ||
The following uses `on:click='../items.splice(scope.index,1)'` to remove an | ||
item from `items` when that item is clicked on. | ||
@@ -133,3 +133,5 @@ | ||
<input type='text' on:enter='save()' /> | ||
```html | ||
<input type='text' on:enter='save()' /> | ||
``` | ||
@@ -144,3 +146,3 @@ The above template snippet would call the save method | ||
``` | ||
```html | ||
<player-edit | ||
@@ -154,11 +156,12 @@ on:close="removeEdit()" | ||
``` | ||
```js | ||
Component.extend({ | ||
tag: "player-edit", | ||
template: can.view('player-edit-stache'), | ||
viewModel: { | ||
close: function(){ | ||
this.dispatch("close"); | ||
} | ||
} | ||
tag: "player-edit", | ||
view: stache($('#player-edit-stache').html()), | ||
ViewModel: DefineMap.extend({ | ||
player: Player, | ||
close: function(){ | ||
this.dispatch("close"); | ||
} | ||
}) | ||
}); | ||
@@ -177,3 +180,3 @@ ``` | ||
``` | ||
```html | ||
<input type="text" value="" on:blur:value:to="myScopeProp"> | ||
@@ -180,0 +183,0 @@ ``` |
@@ -33,3 +33,3 @@ @module can-stache-bindings.legacy-syntaxes Deprecated Syntaxes | ||
``` | ||
```html | ||
<my-component (child-event)="method('primitive', key, hash1=key1)"/> | ||
@@ -41,3 +41,3 @@ ``` | ||
``` | ||
```html | ||
<my-component ($dom-event)="method('primitive', key, hash1=key1)"/> | ||
@@ -50,3 +50,3 @@ ``` | ||
``` | ||
```html | ||
<my-component {child-prop}="value"/> | ||
@@ -58,3 +58,3 @@ ``` | ||
``` | ||
```html | ||
<my-component {$child-attr}="value"/> | ||
@@ -70,3 +70,3 @@ ``` | ||
``` | ||
```html | ||
<my-component {^child-prop}="value"/> | ||
@@ -78,3 +78,3 @@ ``` | ||
``` | ||
```html | ||
<my-component {^$child-attr}="value"/> | ||
@@ -89,3 +89,3 @@ ``` | ||
``` | ||
```html | ||
<my-component {(child-prop)}="value"/> | ||
@@ -97,3 +97,3 @@ ``` | ||
``` | ||
```html | ||
<my-component {($child-attr)}="value"/> | ||
@@ -108,3 +108,3 @@ ``` | ||
```javascript | ||
```js | ||
function component(bar) { | ||
@@ -111,0 +111,0 @@ // changes to bar's properties are preserved |
@@ -12,3 +12,3 @@ @function can-stache-bindings.legacy-event \(event\) | ||
``` | ||
```html | ||
<div ($click)="doSomething()"/> | ||
@@ -32,3 +32,3 @@ ``` | ||
``` | ||
```html | ||
<my-component (show)="doSomething()"/> | ||
@@ -60,3 +60,3 @@ ``` | ||
``` | ||
```html | ||
<div ($click)="doSomething()"/> | ||
@@ -98,3 +98,3 @@ ``` | ||
``` | ||
```html | ||
<player-edit | ||
@@ -108,3 +108,3 @@ (close)="removeEdit()" | ||
``` | ||
```js | ||
Component.extend({ | ||
@@ -111,0 +111,0 @@ tag: "player-edit", |
@@ -21,3 +21,3 @@ @function can-stache-bindings.reference *REFERENCE | ||
``` | ||
```html | ||
<year-selector *year-selector /> | ||
@@ -24,0 +24,0 @@ ``` |
@@ -12,3 +12,3 @@ @function can-stache-bindings.legacy-toChild {to-child} | ||
``` | ||
```html | ||
<my-component {some-prop}="value"/> | ||
@@ -28,3 +28,3 @@ ``` | ||
``` | ||
```html | ||
<input {$value}="name"/> | ||
@@ -35,3 +35,3 @@ ``` | ||
``` | ||
```html | ||
<input value="{{name}}"/> | ||
@@ -46,3 +46,3 @@ ``` | ||
``` | ||
```html | ||
<player-scores {scores}="game.scoresForPlayer('Alison')"/> | ||
@@ -49,0 +49,0 @@ <player-scores {scores}="game.scoresForPlayer('Jeff')"/> |
@@ -13,3 +13,3 @@ @function can-stache-bindings.legacy-toParent {^to-parent} | ||
``` | ||
```html | ||
<my-component {^some-prop}="value"/> | ||
@@ -30,3 +30,3 @@ ``` | ||
``` | ||
```html | ||
<input {^$value}="name"/> | ||
@@ -54,4 +54,6 @@ ``` | ||
<drivers-list {^selected}="*editing"/> | ||
<edit-plate {(plate-name)}="*editing.licensePlate"/> | ||
```html | ||
<drivers-list {^selected}="*editing"/> | ||
<edit-plate {(plate-name)}="*editing.licensePlate"/> | ||
``` | ||
@@ -64,3 +66,3 @@ @demo demos/can-stache-bindings-legacy/to-parent.html | ||
``` | ||
```html | ||
<input {^$value}="name"/> | ||
@@ -75,3 +77,3 @@ ``` | ||
``` | ||
```html | ||
<my-tabs {^@add-panel}="@*addPanel"> | ||
@@ -82,3 +84,3 @@ ``` | ||
``` | ||
```html | ||
<my-panel {add-panel}="@*addPanel" title="CanJS">CanJS Content</my-panel> | ||
@@ -85,0 +87,0 @@ ``` |
@@ -14,3 +14,3 @@ @function can-stache-bindings.legacy-twoWay {\(two-way\)} | ||
``` | ||
```html | ||
<my-component {(some-prop)}="value"/> | ||
@@ -37,3 +37,3 @@ ``` | ||
``` | ||
```html | ||
<input {($value)}="name"/> | ||
@@ -40,0 +40,0 @@ ``` |
@@ -10,3 +10,3 @@ @function can-stache-bindings.toChild toChild:from | ||
``` | ||
```html | ||
<my-component someProp:from="value"/> | ||
@@ -26,3 +26,3 @@ ``` | ||
``` | ||
```html | ||
<input value:from="name"/> | ||
@@ -33,3 +33,3 @@ ``` | ||
``` | ||
```html | ||
<input value="{{name}}"/> | ||
@@ -42,3 +42,3 @@ ``` | ||
``` | ||
```html | ||
<my-component vm:someProp:from="key"/> | ||
@@ -55,3 +55,3 @@ ``` | ||
``` | ||
```html | ||
<input el:value:from="name"/> | ||
@@ -62,3 +62,3 @@ ``` | ||
``` | ||
```html | ||
<input value="{{name}}"/> | ||
@@ -76,3 +76,3 @@ ``` | ||
``` | ||
```html | ||
<player-scores scores:from="game.scoresForPlayer('Alison')"/> | ||
@@ -79,0 +79,0 @@ <player-scores scores:from="game.scoresForPlayer('Jeff')"/> |
@@ -11,3 +11,3 @@ @function can-stache-bindings.toParent toParent:to | ||
``` | ||
```html | ||
<my-component someProp:to="value"/> | ||
@@ -28,3 +28,3 @@ ``` | ||
``` | ||
```html | ||
<input value:to="name"/> | ||
@@ -42,3 +42,3 @@ ``` | ||
``` | ||
```html | ||
<my-component vm:someProp:to="value"/> | ||
@@ -56,3 +56,3 @@ ``` | ||
``` | ||
```html | ||
<input el:value:to="name"/> | ||
@@ -69,3 +69,3 @@ ``` | ||
``` | ||
```html | ||
<my-component on:show:value:to="myScopeProp"/> | ||
@@ -94,4 +94,6 @@ ``` | ||
<drivers-list selected:to="scope.vars.editing"/> | ||
<edit-plate plateName:bind="scope.vars.editing.licensePlate"/> | ||
```html | ||
<drivers-list selected:to="scope.vars.editing"/> | ||
<edit-plate plateName:bind="scope.vars.editing.licensePlate"/> | ||
``` | ||
@@ -104,3 +106,3 @@ @demo demos/can-stache-bindings/to-parent.html | ||
``` | ||
```html | ||
<input value:to="name"/> | ||
@@ -116,3 +118,3 @@ ``` | ||
``` | ||
```html | ||
<my-tabs @addPanel:to="scope.vars.addPanel"> | ||
@@ -123,3 +125,3 @@ ``` | ||
``` | ||
```html | ||
<my-panel addPanel:from="scope.vars@addPanel" title:from="'CanJS'">CanJS Content</my-panel> | ||
@@ -126,0 +128,0 @@ ``` |
@@ -12,3 +12,3 @@ @function can-stache-bindings.twoWay twoWay:bind | ||
``` | ||
```html | ||
<my-component someProp:bind="value"/> | ||
@@ -35,3 +35,3 @@ ``` | ||
``` | ||
```html | ||
<input value:bind="name"/> | ||
@@ -50,3 +50,3 @@ ``` | ||
``` | ||
```html | ||
<my-component vm:someProp:bind="value"/> | ||
@@ -71,3 +71,3 @@ ``` | ||
``` | ||
```html | ||
<input el:value:bind="name"/> | ||
@@ -74,0 +74,0 @@ ``` |
{ | ||
"name": "can-stache-bindings", | ||
"version": "3.11.7", | ||
"version": "3.11.8", | ||
"description": "Default binding syntaxes for can-stache", | ||
@@ -5,0 +5,0 @@ "homepage": "http://canjs.com", |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Uses eval
Supply chain riskPackage uses dynamic code execution (e.g., eval()), which is a dangerous practice. This can prevent the code from running in certain environments and increases the risk that the code may contain exploits or malicious behavior.
Found 1 instance in 1 package
35
0
246706
5277