happy-dom-without-node
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.
104 lines • 2.91 kB
JavaScript
var _a;
import HTMLElement from '../html-element/HTMLElement.js';
import * as PropertySymbol from '../../PropertySymbol.js';
import XMLSerializer from '../../xml-serializer/XMLSerializer.js';
import XMLParser from '../../xml-parser/XMLParser.js';
/**
* HTML Template Element.
*
* Reference:
* https://developer.mozilla.org/en-US/docs/Web/API/HTMLTemplateElement.
*/
export default class HTMLTemplateElement extends HTMLElement {
constructor() {
super(...arguments);
// Internal properties
this[_a] = this[PropertySymbol.ownerDocument].createDocumentFragment();
}
/**
* Returns content.
*
* @returns Content.
*/
get content() {
return this[PropertySymbol.content];
}
/**
* @override
*/
get innerHTML() {
return this.getInnerHTML();
}
/**
* @override
*/
set innerHTML(html) {
const content = this[PropertySymbol.content];
for (const child of content[PropertySymbol.childNodes].slice()) {
this[PropertySymbol.content].removeChild(child);
}
XMLParser.parse(this[PropertySymbol.ownerDocument], html, {
rootNode: this[PropertySymbol.content]
});
}
/**
* @override
*/
get firstChild() {
return this[PropertySymbol.content].firstChild;
}
/**
* @override
*/
get lastChild() {
return this[PropertySymbol.content].lastChild;
}
/**
* @override
*/
getInnerHTML(options) {
const xmlSerializer = new XMLSerializer({
includeShadowRoots: options && options.includeShadowRoots,
escapeEntities: false
});
const content = this[PropertySymbol.content];
let xml = '';
for (const node of content[PropertySymbol.childNodes]) {
xml += xmlSerializer.serializeToString(node);
}
return xml;
}
/**
* @override
*/
[(_a = PropertySymbol.content, PropertySymbol.appendChild)](node) {
return this[PropertySymbol.content].appendChild(node);
}
/**
* @override
*/
[PropertySymbol.removeChild](node) {
return this[PropertySymbol.content].removeChild(node);
}
/**
* @override
*/
[PropertySymbol.insertBefore](newNode, referenceNode) {
return this[PropertySymbol.content].insertBefore(newNode, referenceNode);
}
/**
* @override
*/
[PropertySymbol.replaceChild](newChild, oldChild) {
return this[PropertySymbol.content].replaceChild(newChild, oldChild);
}
/**
* @override
*/
[PropertySymbol.cloneNode](deep = false) {
const clone = super[PropertySymbol.cloneNode](deep);
clone[PropertySymbol.content] = this[PropertySymbol.content].cloneNode(deep);
return clone;
}
}
//# sourceMappingURL=HTMLTemplateElement.js.map