1/* 2 * Copyright (C) 2022 Huawei Device Co., Ltd. 3 * Licensed under the Apache License, Version 2.0 (the "License"); 4 * you may not use this file except in compliance with the License. 5 * You may obtain a copy of the License at 6 * 7 * http://www.apache.org/licenses/LICENSE-2.0 8 * 9 * Unless required by applicable law or agreed to in writing, software 10 * distributed under the License is distributed on an "AS IS" BASIS, 11 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 12 * See the License for the specific language governing permissions and 13 * limitations under the License. 14 */ 15 16export function element(tag: string) { 17 return (el: any) => { 18 if (!customElements.get(tag)) { 19 customElements.define(tag, el); 20 } 21 }; 22} 23 24export abstract class BaseElement extends HTMLElement { 25 args: any; 26 27 public constructor(args: any | undefined | null = null) { 28 super(); 29 this.args = args; 30 this.attachShadow({ mode: 'open' }).innerHTML = this.initHtml(); 31 this.initElements(); 32 } 33 34 abstract initElements(): void; 35 36 abstract initHtml(): string; 37 38 public connectedCallback() {} 39 40 public disconnectedCallback() {} 41 42 public adoptedCallback() {} 43 44 attributeChangedCallback(name: string, oldValue: string, newValue: string) {} 45} 46