| Index: sky/examples/radio.sky
|
| diff --git a/sky/examples/radio.sky b/sky/examples/radio.sky
|
| deleted file mode 100644
|
| index 33a45d54f25416ffbcd46aca7431f4baaee34480..0000000000000000000000000000000000000000
|
| --- a/sky/examples/radio.sky
|
| +++ /dev/null
|
| @@ -1,86 +0,0 @@
|
| -SKY MODULE - radio button and radio button group
|
| -<!-- accessibility handling not implemented yet, pending mojo service -->
|
| -
|
| -<!-- <radio> -->
|
| -<template id="radio-shadow">
|
| - <style>
|
| - :host { width: 1em; height: 1em; border: solid; background: white; }
|
| - :host[checked] { background: black; }
|
| - </style>
|
| -</template>
|
| -<script>
|
| - module.exports.RadioElement = module.registerElement(
|
| - class extends Element {
|
| - static get tagName() { return 'radio'; }
|
| - static get shadow() { return true; }
|
| - constructor (hostModule) {
|
| - super(hostModule);
|
| - this.addEventListener('click', (event) => this.checked = true);
|
| - this.shadowRoot.append(module.document.findId('radio-shadow').content.cloneNode(true));
|
| - }
|
| - get checked () {
|
| - return this.hasAttribute('checked');
|
| - }
|
| - set checked (value) {
|
| - if (value)
|
| - this.setAttribute('checked', '');
|
| - else
|
| - this.removeAttribute('checked');
|
| - }
|
| - get value () {
|
| - return this.getAttribute('name');
|
| - }
|
| - set value (value) {
|
| - this.setAttribute('value', value);
|
| - }
|
| - attributeChanged(name, oldValue, newValue) {
|
| - if ((name == 'checked') && (newValue != null))
|
| - if (this.parentNode instanceof module.exports.RadioGroupElement)
|
| - this.parentNode.setChecked(this);
|
| - }
|
| - }
|
| - );
|
| -</script>
|
| -
|
| -<!-- <radiogroup> -->
|
| -<template id="radiogroup-shadow">
|
| - <style>
|
| - :host { padding: 1em; border: thin solid; }
|
| - </style>
|
| -</template>
|
| -<script>
|
| - module.exports.RadioGroupElement = module.registerElement(
|
| - class extends Element {
|
| - static get tagName() { return 'radiogroup'; }
|
| - static get shadow() { return true; }
|
| - constructor (hostModule) {
|
| - super(hostModule);
|
| - this.shadowRoot.append(module.document.findId('radiogroup-shadow').content.cloneNode(true));
|
| - }
|
| - get value () {
|
| - let children = this.getChildNodes();
|
| - for (let child of children)
|
| - if (child instanceof module.exports.RadioElement)
|
| - if (child.checked)
|
| - return child.name;
|
| - return '';
|
| - }
|
| - set value (name) {
|
| - let children = this.getChildNodes();
|
| - for (let child of children)
|
| - if (child instanceof module.exports.RadioElement)
|
| - if (child.value == name)
|
| - child.checked = true;
|
| - }
|
| - setChecked(radio) {
|
| - if (!((radio instanceof module.exports.Radio) && radio.parentNode == this))
|
| - throw;
|
| - let children = this.getChildNodes();
|
| - for (let child of children)
|
| - if (child instanceof module.exports.RadioElement)
|
| - if (child != radio)
|
| - child.checked = false;
|
| - }
|
| - }
|
| - );
|
| -</script>
|
|
|