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.
33 lines
994 B
JavaScript
33 lines
994 B
JavaScript
'use strict';
|
|
const {HTMLElement} = require('./element.js');
|
|
const {booleanAttribute, stringAttribute} = require('../shared/attributes.js');
|
|
const {registerHTMLClass} = require('../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);
|
|
|
|
exports.HTMLOptionElement = HTMLOptionElement;
|