You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
32 lines
946 B
JavaScript
32 lines
946 B
JavaScript
import {HTMLElement} from './element.js';
|
|
import {booleanAttribute, stringAttribute} from '../shared/attributes.js';
|
|
import {registerHTMLClass} from '../shared/register-html-class.js';
|
|
|
|
const tagName = 'option';
|
|
|
|
/**
|
|
* @implements globalThis.HTMLOptionElement
|
|
*/
|
|
class HTMLOptionElement extends HTMLElement {
|
|
constructor(ownerDocument, localName = tagName) {
|
|
super(ownerDocument, localName);
|
|
}
|
|
|
|
/* c8 ignore start */
|
|
get value() { return stringAttribute.get(this, 'value'); }
|
|
set value(value) { stringAttribute.set(this, 'value', value); }
|
|
/* c8 ignore stop */
|
|
|
|
get selected() { return booleanAttribute.get(this, 'selected'); }
|
|
set selected(value) {
|
|
const option = this.parentElement?.querySelector('option[selected]');
|
|
if (option && option !== this)
|
|
option.selected = false;
|
|
booleanAttribute.set(this, 'selected', value);
|
|
}
|
|
}
|
|
|
|
registerHTMLClass(tagName, HTMLOptionElement);
|
|
|
|
export {HTMLOptionElement};
|