on click toggle [@checked] on <input[type='checkbox']:not(checked)/> works in playground but not elsewhere

[mkgn]

playground html i tried

<div>
<button _="on click toggle [@checked] on <input[type='checkbox']:not(checked)/>" >check all</button>
<input type="checkbox" class="ctrl"/>
<input type="checkbox" class="ctrl"/>
<input type="checkbox" class="ctrl"/>
</div>

check-all toggles all the checkboxes as expected. However when i do the same in my application it gives me below error

on click toggle between [@checked] on <ul#moduleSelector input[type='checkbox']:not(checked)/>
                        ^^
 Error: Expected 'and' but found '[@checked]'

according to documentation toggle works with classes only. Then, how come the above works in playground? I am using hyperscript 0.9.13. Is playground using a different version?

[1cg]

That's the older, deprecated syntax for toggling attributes, it should still work (we have a test here:

_hyperscript/test/commands/toggle.js

Line 41 in e157a69

var div = make("<div _='on click toggle [@foo=\"bar\"]'></div>");

)

The new syntax is:

on click toggle @checked on <input[type='checkbox']:not(checked)/>

However this can be a little confusing since this toggles the attribute rather than the checked value, which behaves differently