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 41 public disconnectedCallback() { 42 } 43 44 public adoptedCallback() { 45 } 46 47 attributeChangedCallback(name: string, oldValue: string, newValue: string) { 48 } 49} 50