Commit 61f4494e authored by Hixie's avatar Hixie

Specs: define registerElement() a little differently, so that the code

that uses it looks nicer; this moves the complexity to places that
register elements without using 'class' (e.g. the internals of
frameworks that create elements for defining elements)

Review URL: https://codereview.chromium.org/699083005
parent 01f3d8fa
...@@ -16,7 +16,7 @@ SKY MODULE - radio button and radio button group ...@@ -16,7 +16,7 @@ SKY MODULE - radio button and radio button group
module.exports.RadioElement = module.registerElement({ module.exports.RadioElement = module.registerElement({
tagName: 'radio', tagName: 'radio',
shadow: true, shadow: true,
prototype: (class extends Element { constructor: class extends Element {
constructor (module) { constructor (module) {
super(module); super(module);
this.addEventListener('click', (event) => this.checked = true); this.addEventListener('click', (event) => this.checked = true);
...@@ -42,7 +42,7 @@ SKY MODULE - radio button and radio button group ...@@ -42,7 +42,7 @@ SKY MODULE - radio button and radio button group
if (this.parentNode instanceof module.exports.RadioGroupElement) if (this.parentNode instanceof module.exports.RadioGroupElement)
this.parentNode.setChecked(this); this.parentNode.setChecked(this);
} }
}).prototype, },
}); });
</script> </script>
...@@ -53,10 +53,10 @@ SKY MODULE - radio button and radio button group ...@@ -53,10 +53,10 @@ SKY MODULE - radio button and radio button group
</style> </style>
</template> </template>
<script> <script>
module.exports.RadioGroupElement = module.registerElement({ module.exports.RadioGroupElement = module.registerElement{
tagName: 'radiogroup', tagName: 'radiogroup',
shadow: true, shadow: true,
prototype: (class extends Element { constructor: (class extends Element {
constructor (module) { constructor (module) {
super(module); super(module);
this.shadowRoot.appendChild(module.document.findId('radiogroup-shadow').content.cloneNode(true)); this.shadowRoot.appendChild(module.document.findId('radiogroup-shadow').content.cloneNode(true));
...@@ -85,6 +85,6 @@ SKY MODULE - radio button and radio button group ...@@ -85,6 +85,6 @@ SKY MODULE - radio button and radio button group
if (child != radio) if (child != radio)
child.checked = false; child.checked = false;
} }
}).prototype, },
}); });
</script> </script>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment