happy-dom
Version:
Happy DOM is a JavaScript implementation of a web browser without its graphical user interface. It includes many web standards from WHATWG DOM and HTML.
52 lines • 1.52 kB
JavaScript
import Event from '../../event/Event.js';
import HTMLElement from '../html-element/HTMLElement.js';
import * as PropertySymbol from '../../PropertySymbol.js';
/**
* HTMLDetailsElement
*
* @see https://developer.mozilla.org/en-US/docs/Web/API/HTMLDetailsElement
*/
export default class HTMLDetailsElement extends HTMLElement {
// Events
ontoggle = null;
/**
* Returns the open attribute.
*/
get open() {
return this.getAttribute('open') !== null;
}
/**
* Sets the open attribute.
*
* @param open New value.
*/
set open(open) {
if (open) {
this.setAttribute('open', '');
}
else {
this.removeAttribute('open');
}
}
/**
* @override
*/
[PropertySymbol.onSetAttribute](attribute, replacedAttribute) {
super[PropertySymbol.onSetAttribute](attribute, replacedAttribute);
if (attribute[PropertySymbol.name] === 'open') {
if (attribute[PropertySymbol.value] !== replacedAttribute?.[PropertySymbol.value]) {
this.dispatchEvent(new Event('toggle'));
}
}
}
/**
* @override
*/
[PropertySymbol.onRemoveAttribute](removedAttribute) {
super[PropertySymbol.onRemoveAttribute](removedAttribute);
if (removedAttribute && removedAttribute[PropertySymbol.name] === 'open') {
this.dispatchEvent(new Event('toggle'));
}
}
}
//# sourceMappingURL=HTMLDetailsElement.js.map