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 { // Internal properties [PropertySymbol.content] = this[PropertySymbol.ownerDocument].createDocumentFragment(); /** * Returns content. * * @returns Content. */ get content() { return this[PropertySymbol.content]; } /** * @override */ get innerHTML() { return this.getHTML(); } /** * @override */ set innerHTML(html) { const content = this[PropertySymbol.content]; const childNodes = content[PropertySymbol.nodeArray]; while (childNodes.length) { content.removeChild(childNodes[0]); } 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; } /** * @deprecated * @override */ getInnerHTML(_options) { const xmlSerializer = new XMLSerializer(); // Options should be ignored as shadow roots should not be serialized for HTMLTemplateElement. const content = this[PropertySymbol.content]; let xml = ''; for (const node of content[PropertySymbol.nodeArray]) { xml += xmlSerializer.serializeToString(node); } return xml; } /** * @override */ getHTML(_options) { const xmlSerializer = new XMLSerializer(); // Options should be ignored as shadow roots should not be serialized for HTMLTemplateElement. const content = this[PropertySymbol.content]; let xml = ''; for (const node of content[PropertySymbol.nodeArray]) { xml += xmlSerializer.serializeToString(node); } return xml; } /** * @override */ [PropertySymbol.appendChild](node, isDuringParsing = false) { return this[PropertySymbol.content][PropertySymbol.appendChild](node, isDuringParsing); } /** * @override */ [PropertySymbol.removeChild](node) { return this[PropertySymbol.content][PropertySymbol.removeChild](node); } /** * @override */ [PropertySymbol.insertBefore](newNode, referenceNode) { return this[PropertySymbol.content][PropertySymbol.insertBefore](newNode, referenceNode); } /** * @override */ [PropertySymbol.replaceChild](newChild, oldChild) { return this[PropertySymbol.content][PropertySymbol.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