UNPKG

budoux

Version:
53 lines 1.75 kB
"use strict"; /** * @license * Copyright 2021 Google LLC * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * https://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ Object.defineProperty(exports, "__esModule", { value: true }); exports.BudouXBaseElement = void 0; const dom_js_1 = require("../dom.js"); const html_processor_js_1 = require("../html_processor.js"); const MUTATION_OBSERVER_OPTIONS = { attributes: false, characterData: true, childList: true, subtree: true, }; /** * Base BudouX Web component. */ class BudouXBaseElement extends HTMLElement { /** * Base BudouX Web component constructor. */ constructor() { super(); this.parser = new html_processor_js_1.HTMLProcessingParser({}); this.observer = new MutationObserver(this.sync.bind(this)); this.observer.observe(this, MUTATION_OBSERVER_OPTIONS); } connectedCallback() { this.sync(); } attributeChangedCallback() { this.sync(); } sync() { this.observer.disconnect(); (0, dom_js_1.setInnerHtml)(this, this.parser.translateHTMLString(this.innerHTML)); this.observer.observe(this, MUTATION_OBSERVER_OPTIONS); } } exports.BudouXBaseElement = BudouXBaseElement; //# sourceMappingURL=budoux-base.js.map